.syn-showcase{margin-bottom:32px}.syn-demo-bar>.syn-small-label{max-width:180px;text-align:right}.syn-demo-summary{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 32px;padding:26px 0 30px;border-top:1px solid #b598dd26}.syn-demo-summary p{font-size:14px;line-height:1.7;color:#b9abc8}.syn-demo-summary .text-link{flex-shrink:0;font-size:13px}.syn-demo{border:1px solid #b598dd35;border-radius:8px;overflow:hidden;background:#0e0c14;box-shadow:0 40px 100px #0004}.syn-demo-bar{display:flex;justify-content:space-between;align-items:center;padding:25px 32px;border-bottom:1px solid #b598dd26;gap:20px}.syn-wordmark{font-family:var(--display);font-size:clamp(25px,2.7vw,38px);letter-spacing:.06em;line-height:1.2;font-weight:500}.syn-wordmark i{font:9px var(--body);font-style:normal;letter-spacing:.12em;color:#9586aa;display:block;margin-top:10px}.syn-interface-controls{padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.syn-small-label{font-size:9px;letter-spacing:.14em;color:#a590ba;line-height:1.5}.syn-interface-controls>div>p{font-size:16px;margin-top:7px;color:#d5c8e3}.syn-theme-switch{display:flex;gap:6px;background:#07060b;padding:5px;border:1px solid #a88ac72b;border-radius:99px}.syn-theme-switch button{border:0;border-radius:99px;background:transparent;padding:12px 21px;color:#a292b5;font-size:13px;display:flex;align-items:center;gap:22px;transition:color .25s,background .25s}.syn-theme-switch button[aria-pressed=true]{background:#362545;color:#f6edff;box-shadow:inset 0 0 0 1px #b997df44}.syn-theme-switch button:hover{color:#fff}.syn-interface-stage{position:relative;margin:0 32px;aspect-ratio:1.59;background:#ece7df;border:1px solid #dac9e644;border-radius:5px;overflow:hidden}.syn-interface-stage figure{position:absolute;inset:0;margin:0}.syn-interface-stage figure:not([hidden]){animation:interface-unfold .65s cubic-bezier(.2,.7,.25,1) both}.syn-interface-stage img{width:100%;height:100%;object-fit:contain}.syn-interface-caption{display:flex;justify-content:space-between;gap:20px;padding:15px 32px 25px;font-size:9px;letter-spacing:.11em;color:#8f80a2}.syn-page-hero{padding-top:164px;padding-bottom:60px;background:radial-gradient(ellipse at 80% 40%,#805bba29,transparent 64%)}.syn-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;padding:40px 0 55px}.syn-page-heading h1{font-size:clamp(66px,9.5vw,146px);letter-spacing:.015em;line-height:1}.syn-page-heading h1>span{display:block;font-family:var(--body);font-size:13px;letter-spacing:.16em;color:#ad9dbf;margin-top:25px}.syn-page-lead{max-width:405px}.syn-page-lead>p{color:#b9afc5;font-size:17px;line-height:1.7}.syn-page-lead .text-link{margin-top:22px}.syn-page-image{margin:0;background:#e8e4df;border:1px solid #d5bde638;border-radius:6px;overflow:hidden}.syn-page-image img{width:100%;height:auto}.syn-photo-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;color:#9686a7;margin-top:16px}.syn-page-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-top:65px}.syn-page-overview h2{font-size:clamp(40px,4.5vw,65px);line-height:1.1}.syn-page-overview h2>span{color:#c5abdf}.syn-page-features{border-top:1px solid #ab8fc42f}.syn-page-features>article{padding:26px 0;border-bottom:1px solid #ab8fc42f;display:grid;grid-template-columns:30px 1fr;gap:20px}.syn-page-features>article>span{font-size:10px;color:#9e82bc;padding-top:5px}.syn-page-features h3{font-size:25px;line-height:1.15}.syn-page-features p{font-size:14px;color:#a79ab6;margin-top:12px;line-height:1.7}.syn-page-origin{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding:40px;margin-bottom:80px;border:1px solid #b398ca2e;background:#0f0c15;border-radius:6px}.syn-page-origin h2{font-size:30px;margin-top:12px}.syn-page-origin p{font-size:13px;color:#a99bb7;line-height:1.8}.syn-page-origin p+p{margin-top:14px}.syn-page-origin a{color:#cebbe0;text-decoration:underline;text-underline-offset:3px}.syn-page-origin .syn-origin-links{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:20px;font-size:11px}@keyframes interface-unfold{0%{opacity:.3;clip-path:inset(0 0 100% 0);transform:scale(1.025)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}@media(max-width:1100px){.syn-page-heading{gap:30px}.syn-page-overview{gap:45px}.syn-page-origin{gap:40px}}@media(max-width:760px){.syn-demo-bar{padding:21px 18px}.syn-wordmark{font-size:24px}.syn-wordmark i{display:block;margin:7px 0 0;font-size:7px}.syn-interface-controls{padding:23px 18px;align-items:flex-start;flex-direction:column;gap:17px}.syn-small-label{font-size:8px}.syn-interface-controls>div>p{font-size:14px}.syn-theme-switch{width:100%}.syn-theme-switch button{justify-content:space-between;flex:1;padding:10px 17px;font-size:12px}.syn-interface-stage{margin:0 12px}.syn-interface-caption{padding:12px 18px 23px;font-size:7px;letter-spacing:0;gap:10px}.syn-page-hero{padding-top:135px;padding-bottom:40px}.syn-page-heading{display:block;padding:30px 0}.syn-page-heading h1{font-size:clamp(56px,12vw,90px)}.syn-page-heading h1>span{font-size:9px;margin-top:20px}.syn-page-lead{margin-top:25px}.syn-page-lead>p{font-size:15px}.syn-photo-caption{font-size:8px;letter-spacing:0;gap:15px}.syn-page-overview{grid-template-columns:1fr;gap:30px;padding-top:30px}.syn-page-overview h2{font-size:41px}.syn-page-origin{grid-template-columns:1fr;padding:27px;gap:22px;margin-bottom:55px}.syn-page-origin h2{font-size:27px}}.syn-page-origin details{margin-top:15px;font-size:12px;color:#bdacca}.syn-page-origin summary{cursor:pointer;width:fit-content}.syn-page-origin details p{margin-top:12px}.syn-page-origin summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:760px){.syn-demo-bar>.syn-small-label{display:none}.syn-demo-summary{margin:0 18px;padding:22px 0;align-items:flex-start;flex-direction:column;gap:18px}.syn-demo-summary p{font-size:13px}}