.su-page{--su-bg:#0a090c;--su-surface:#141116;--su-paper:#f1eee8;--su-text:#f6f1e8;--su-muted:rgba(246,241,232,.62);--su-line:rgba(246,241,232,.16);--su-amber:#ffbd2e;--su-ink:#17100a;margin-top:-2.5rem;margin-bottom:-2.5rem;color:var(--su-text);background:var(--su-bg);box-shadow:0 0 0 100vmax var(--su-bg);clip-path:inset(0 -100vmax);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.theme-light .su-page{--su-bg:#f0ede6;--su-surface:#e3ded5;--su-paper:#faf8f2;--su-text:#18130f;--su-muted:rgba(24,19,15,.62);--su-line:rgba(24,19,15,.17);--su-ink:#17100a}
html:has(.su-page),body:has(.su-page){overflow-x:clip}body:has(.su-page) .fx-header{border-bottom-color:rgba(255,189,46,.18)!important;background:rgba(8,7,10,.93)!important}body:has(.su-page) .fx-header a[href$="/register"]{background:var(--su-amber,#ffbd2e)!important;color:#17100a!important;box-shadow:0 12px 30px rgba(255,189,46,.17)!important}body:has(.su-page) .theme-toggle__thumb{background:linear-gradient(135deg,#fff5d5,#ffbd2e);box-shadow:0 4px 16px rgba(255,189,46,.25)}body:has(.su-page) .fx-footer{border-top-color:rgba(255,189,46,.13);background:#070609}.theme-light body:has(.su-page) .fx-header{border-bottom-color:rgba(255,189,46,.22)!important;background:rgba(24,19,15,.94)!important}.theme-light body:has(.su-page) .fx-header .fx-link{color:#f6f1e8!important}.theme-light body:has(.su-page) .fx-header .brand-logo-dark{display:block!important}.theme-light body:has(.su-page) .fx-header .brand-logo-light{display:none!important}.theme-light body:has(.su-page) .fx-footer{background:#17130f;color:#f6f1e8}
.su-page *{box-sizing:border-box}.su-page a{color:inherit;text-decoration:none}.su-full-bleed{position:relative;width:100vw;margin-left:calc(50% - 50vw)}.su-shell{width:min(100% - 4rem,1140px);margin-inline:auto}.su-code{margin:0;color:var(--su-amber);font:800 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}.su-page h2{margin:0;font-weight:950;letter-spacing:-.075em;line-height:.87}.su-page h2 em{color:var(--su-amber);font-style:normal}
.su-hero{min-height:calc(100svh - 4.75rem);overflow:hidden;background:#08070a;color:#f6f1e8}.su-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;animation:su-hero-image 1.4s cubic-bezier(.2,.75,.2,1) both}.su-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,8,.94) 0%,rgba(6,5,8,.78) 32%,rgba(6,5,8,.16) 64%,rgba(6,5,8,.14) 100%),linear-gradient(180deg,rgba(5,4,7,.24),transparent 45%,rgba(5,4,7,.76))}.su-hero__inner{position:relative;z-index:1;display:flex;min-height:calc(100svh - 4.75rem);flex-direction:column;padding:1.8rem 0 1.55rem}.su-back{display:inline-flex;width:fit-content;align-items:center;gap:.65rem;color:rgba(246,241,232,.68);font-size:.72rem;font-weight:750;letter-spacing:.03em;transition:color .2s ease}.su-back:hover{color:var(--su-amber)}.su-hero__copy{width:min(47rem,68%);margin:auto 0;padding:3rem 0 2rem;animation:su-copy-in .85s .16s cubic-bezier(.2,.75,.2,1) both}.su-kicker{display:flex;align-items:center;gap:.8rem;margin:0 0 1.7rem;color:rgba(246,241,232,.68);font:800 .69rem/1 ui-monospace,monospace;letter-spacing:.17em}.su-kicker i{width:2.2rem;height:2px;background:var(--su-amber)}.su-title{margin:0;color:#f8f3eb;font-size:clamp(6rem,12vw,11rem);font-weight:950;letter-spacing:-.09em;line-height:.7}.su-hero__lead{margin:2.5rem 0 1.25rem;color:#fff8ec;font-size:clamp(2.1rem,4.4vw,4.2rem);font-weight:900;letter-spacing:-.055em;line-height:.92}.su-hero__text{max-width:38rem;margin:0;color:rgba(246,241,232,.66);font-size:1rem;line-height:1.7}.su-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2rem}.su-button{display:inline-flex;min-height:3.9rem;align-items:center;justify-content:center;gap:.85rem;padding:0 1.6rem;border:1px solid transparent;font-size:.76rem;font-weight:850;letter-spacing:.01em;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.su-button:hover{transform:translateY(-2px)}.su-button--amber{background:var(--su-amber);color:#17100a!important}.su-text-link,.su-inline-link{display:inline-flex;width:fit-content;align-items:center;gap:.8rem;padding-bottom:.5rem;border-bottom:1px solid currentColor;font-size:.75rem;font-weight:820}.su-text-link{color:rgba(246,241,232,.86)}.su-text-link:hover,.su-inline-link:hover{color:var(--su-amber)}.su-hero__record{position:absolute;right:0;bottom:5.4rem;width:clamp(9rem,15vw,14rem);aspect-ratio:1;border:1px solid rgba(246,241,232,.2);border-radius:50%;animation:su-record-spin 16s linear infinite}.su-hero__record::before,.su-hero__record::after,.su-hero__record i{content:"";position:absolute;border:1px solid rgba(246,241,232,.16);border-radius:50%}.su-hero__record::before{inset:12%}.su-hero__record::after{inset:30%;border-color:rgba(255,189,46,.45)}.su-hero__record i{inset:46%;background:var(--su-amber);border:0}.su-hero__record span{position:absolute;top:50%;left:-3.2rem;color:rgba(246,241,232,.54);font:800 .65rem/1 ui-monospace,monospace;letter-spacing:.1em}.su-hero__rail{display:flex;align-items:center;gap:1rem;color:rgba(246,241,232,.54);font:800 .64rem/1 ui-monospace,monospace;letter-spacing:.13em}.su-hero__rail i{height:1px;flex:1;background:rgba(246,241,232,.2)}
.su-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:5rem;padding:clamp(7rem,11vw,10rem) 0;align-items:start}.su-intro h2{font-size:clamp(4.5rem,7.5vw,7.7rem)}.su-intro div>p{max-width:48rem;margin:2rem 0 0;color:var(--su-muted);font-size:1.03rem;line-height:1.8}
.su-compose{padding:clamp(6.5rem,10vw,9rem) 0 0;background:#0f0c12;color:#f6f1e8}.su-compose__heading{display:grid;grid-template-columns:.55fr 1fr .7fr;gap:3rem;align-items:end;padding-bottom:4.5rem}.su-compose__heading h2{font-size:clamp(4rem,6.5vw,6.8rem)}.su-compose__heading>p:last-child{margin:0;color:rgba(246,241,232,.58);line-height:1.7}.su-session{display:grid;grid-template-columns:1.15fr .85fr;min-height:42rem;border-top:1px solid rgba(246,241,232,.16)}.su-player{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(3rem,6vw,6rem);border-right:1px solid rgba(246,241,232,.16);background:radial-gradient(circle at 50% 12%,rgba(255,189,46,.16),transparent 36%),#0a090c}.su-player__disc{position:absolute;top:2rem;right:-5rem;width:min(29rem,46vw);aspect-ratio:1;border:1px solid rgba(246,241,232,.14);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 10px,rgba(246,241,232,.035) 11px 12px),radial-gradient(circle,#151318 0 7%,#09080b 7% 54%,#1a171c 55% 56%,#0b0a0d 57%);box-shadow:0 2.5rem 5rem rgba(0,0,0,.45);animation:su-record-spin 18s linear infinite}.su-player__disc i{position:absolute;inset:39%;border-radius:50%;background:var(--su-amber)}.su-player__disc b{position:absolute;inset:47%;border-radius:50%;background:#0b090b}.su-player__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.7rem;margin-bottom:3rem}.su-player__copy span,.su-player__copy small{color:rgba(246,241,232,.56);font:800 .69rem/1 ui-monospace,monospace;letter-spacing:.13em}.su-player__copy strong{max-width:30rem;font-size:clamp(2.4rem,4.6vw,4.8rem);font-weight:950;letter-spacing:-.06em;line-height:.9}.su-wave{position:relative;z-index:1;display:flex;height:7.5rem;align-items:center;gap:min(.5vw,.38rem);overflow:hidden}.su-wave i{width:.24rem;height:var(--h);flex:1;max-width:.34rem;background:var(--su-amber);transform-origin:center;animation:su-wave 1.15s var(--d) ease-in-out infinite alternate}.su-timeline{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;color:rgba(246,241,232,.48);font:800 .62rem/1 ui-monospace,monospace}.su-timeline>i{position:relative;height:2px;background:rgba(246,241,232,.16)}.su-timeline b{position:absolute;inset:0 auto 0 0;width:34%;background:var(--su-amber);animation:su-progress 7s linear infinite}.su-mode-panel{display:flex;min-width:0;flex-direction:column}.su-mode-tabs button{display:grid;width:100%;grid-template-columns:3.5rem 1fr;align-items:center;padding:1.55rem clamp(1.5rem,3vw,3rem);border:0;border-bottom:1px solid rgba(246,241,232,.15);background:transparent;color:rgba(246,241,232,.56);cursor:pointer;font:850 .9rem/1.2 inherit;text-align:left;transition:color .2s ease,background .2s ease}.su-mode-tabs button span{color:rgba(246,241,232,.4);font:800 .62rem/1 ui-monospace,monospace}.su-mode-tabs button:hover,.su-mode-tabs button.is-active{color:#fff7e9;background:rgba(255,189,46,.07)}.su-mode-tabs button.is-active span{color:var(--su-amber)}.su-mode-copy{margin-top:auto;padding:clamp(2rem,4vw,4rem)}.su-mode-copy h3{margin:0 0 1.2rem;font-size:clamp(2.2rem,3.8vw,4rem);font-weight:950;letter-spacing:-.06em;line-height:.95}.su-mode-copy p{max-width:34rem;margin:0;color:rgba(246,241,232,.58);line-height:1.75}.su-mode-copy .su-inline-link{margin-top:2rem}
.su-tools{padding:clamp(7rem,11vw,10rem) 0}.su-tools__heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:5rem}.su-tools__heading h2{font-size:clamp(4.2rem,7vw,7.2rem)}.su-tool-list{margin-top:5rem;border-top:1px solid var(--su-line)}.su-tool{display:grid;grid-template-columns:3rem minmax(16rem,.85fr) minmax(17rem,1.15fr) 6rem 2rem;gap:1.5rem;align-items:center;min-height:8rem;border-bottom:1px solid var(--su-line);transition:color .2s ease,padding .22s ease}.su-tool>span,.su-tool>small{color:var(--su-muted);font:800 .65rem/1 ui-monospace,monospace;letter-spacing:.12em}.su-tool h3{margin:0;font-size:clamp(1.8rem,3vw,3rem);font-weight:950;letter-spacing:-.045em;line-height:.92}.su-tool p{margin:0;color:var(--su-muted);line-height:1.6}.su-tool>i{color:var(--su-amber);font-style:normal;font-size:1.2rem}.su-tool:hover{padding-left:.7rem;color:var(--su-amber)}
.su-control{display:grid;grid-template-columns:1fr 1fr;min-height:44rem;background:var(--su-amber);color:var(--su-ink)}.su-control__copy{align-self:center;max-width:46rem;padding:6rem clamp(3rem,7vw,8rem)}.su-control .su-code{color:rgba(23,16,10,.56)}.su-control h2{margin:1.3rem 0 2rem;font-size:clamp(4rem,6.4vw,6.8rem)}.su-control h2 em{color:var(--su-ink)}.su-control__copy>p:not(.su-code){margin:0;color:rgba(23,16,10,.68);line-height:1.8}.su-control__copy .su-inline-link{margin-top:2.2rem}.su-console{display:flex;flex-direction:column;justify-content:center;padding:5rem clamp(3rem,6vw,7rem);border-left:1px solid rgba(23,16,10,.2);background:#141116;color:#f6f1e8}.su-console__styles{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:4rem;border:1px solid rgba(246,241,232,.16)}.su-console__styles span{display:grid;min-height:4.4rem;place-items:center;border-right:1px solid rgba(246,241,232,.16);color:rgba(246,241,232,.48);font:800 .61rem/1 ui-monospace,monospace}.su-console__styles span:last-child{border-right:0}.su-console__styles .is-active{background:var(--su-amber);color:#17100a}.su-knob-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.su-knob{display:grid;place-items:center}.su-knob i{position:relative;width:clamp(5rem,8vw,7rem);aspect-ratio:1;border:1px solid rgba(246,241,232,.2);border-radius:50%;background:repeating-conic-gradient(from -140deg,rgba(246,241,232,.2) 0 1deg,transparent 1deg 9deg)}.su-knob i::after{content:"";position:absolute;top:9%;left:50%;width:2px;height:36%;background:var(--su-amber);transform:translateX(-50%) rotate(var(--turn));transform-origin:50% 112%}.su-knob strong{margin-top:1rem;font:900 1.1rem/1 ui-monospace,monospace}.su-knob span{margin-top:.5rem;color:rgba(246,241,232,.48);font:800 .62rem/1 ui-monospace,monospace;letter-spacing:.13em}.su-console__line{display:grid;grid-template-columns:.6fr 1.4fr;padding:1.5rem 0;border-top:1px solid rgba(246,241,232,.16)}.su-console__line:last-child{border-bottom:1px solid rgba(246,241,232,.16)}.su-console__line span{color:var(--su-amber);font:800 .62rem/1 ui-monospace,monospace;letter-spacing:.13em}.su-console__line strong{font-size:.85rem;letter-spacing:.04em}
.su-persona{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center;padding:clamp(7rem,12vw,11rem) 0}.su-persona__visual{position:relative;display:grid;min-height:36rem;place-items:center;border:1px solid var(--su-line);overflow:hidden;background:var(--su-surface)}.su-rings{position:relative;display:grid;width:20rem;max-width:68%;aspect-ratio:1;place-items:center;border:1px solid var(--su-line);border-radius:50%}.su-rings i{position:absolute;border:1px solid var(--su-line);border-radius:50%}.su-rings i:nth-child(1){inset:12%}.su-rings i:nth-child(2){inset:28%;border-color:var(--su-amber)}.su-rings i:nth-child(3){inset:43%;background:var(--su-amber);border:0}.su-rings b{position:absolute;top:50%;left:105%;color:var(--su-muted);font:800 .62rem/1 ui-monospace,monospace;letter-spacing:.1em}.su-persona__scan{position:absolute;right:8%;bottom:8%;left:8%;display:flex;height:5rem;align-items:end;gap:.35rem;opacity:.65}.su-persona__scan i{height:var(--h);flex:1;background:var(--su-amber)}.su-persona__visual>span{position:absolute;top:1.5rem;left:1.5rem;color:var(--su-muted);font:800 .61rem/1 ui-monospace,monospace;letter-spacing:.12em}.su-persona__copy h2{margin:1.3rem 0 2rem;font-size:clamp(4rem,6.5vw,6.7rem)}.su-persona__copy>p:not(.su-code){max-width:36rem;margin:0;color:var(--su-muted);line-height:1.8}.su-persona__copy ul{margin:2.5rem 0 0;padding:0;list-style:none;border-top:1px solid var(--su-line)}.su-persona__copy li{display:grid;grid-template-columns:3rem 1fr;padding:1.25rem 0;border-bottom:1px solid var(--su-line);font-weight:800}.su-persona__copy li span{color:var(--su-amber);font:800 .62rem/1.4 ui-monospace,monospace}.su-persona__copy .su-inline-link{margin-top:2.2rem}
.su-flow{padding:clamp(7rem,11vw,10rem) 0;background:#0d0b0f;color:#f6f1e8}.su-flow__heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:5rem}.su-flow__heading h2{font-size:clamp(4.2rem,7vw,7.2rem)}.su-flow__steps{display:grid;grid-template-columns:repeat(4,1fr);margin:5rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(246,241,232,.16);border-bottom:1px solid rgba(246,241,232,.16)}.su-flow__steps li{display:flex;min-height:24rem;flex-direction:column;padding:1.5rem;border-right:1px solid rgba(246,241,232,.16)}.su-flow__steps li:first-child{padding-left:0}.su-flow__steps li:last-child{border-right:0}.su-flow__steps li>span{color:var(--su-amber);font:800 .62rem/1 ui-monospace,monospace}.su-flow__steps strong{margin-top:auto;font-size:1.18rem}.su-flow__steps p{margin:.8rem 0 0;color:rgba(246,241,232,.58);font-size:.84rem;line-height:1.6}.su-step-art{position:relative;width:min(100%,11rem);height:8.5rem;margin:2.7rem auto;color:var(--su-amber)}.su-step-art--prompt{padding:1.5rem;border:1px solid rgba(246,241,232,.16)}.su-step-art--prompt i{display:block;height:1px;margin:1rem 0;background:rgba(246,241,232,.22)}.su-step-art--prompt i:nth-child(2){width:72%}.su-step-art--prompt i:nth-child(3){width:48%;background:var(--su-amber)}.su-step-art--arrange{display:flex;align-items:center;justify-content:center;gap:.45rem}.su-step-art--arrange i{width:.45rem;height:var(--h);max-height:7rem;background:var(--su-amber)}.su-step-art--versions i{position:absolute;top:1.1rem;width:6rem;height:6rem;border:1px solid rgba(246,241,232,.18);border-radius:50%}.su-step-art--versions i:first-child{left:0}.su-step-art--versions i:nth-child(2){right:0;border-color:var(--su-amber)}.su-step-art--versions b{position:absolute;z-index:1;top:50%;left:50%;font:900 .68rem/1 ui-monospace,monospace;transform:translate(-50%,-50%)}.su-step-art--export{display:grid;width:7.3rem;place-items:center;border:1px solid rgba(246,241,232,.18)}.su-step-art--export i{position:absolute;right:1rem;bottom:1rem;left:1rem;height:.35rem;background:linear-gradient(90deg,var(--su-amber) 0 82%,rgba(246,241,232,.16) 82%)}.su-step-art--export b{font:900 .72rem/1 ui-monospace,monospace;letter-spacing:.13em}.su-flow__action{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:2.2rem}.su-flow__action p{margin:0;color:rgba(246,241,232,.58)}.su-button--outline{border-color:rgba(246,241,232,.2)}.su-button--outline:hover{border-color:var(--su-amber);color:var(--su-amber)}
.su-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem;padding:clamp(7rem,11vw,10rem) 0}.su-faq__heading h2{margin:1.3rem 0 0;font-size:clamp(4rem,6.5vw,6.7rem)}.su-faq-item{border-top:1px solid var(--su-line)}.su-faq-item:last-child{border-bottom:1px solid var(--su-line)}.su-faq-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.65rem 0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.su-faq-item button>span{display:grid;grid-template-columns:3rem 1fr;align-items:baseline;font-size:1rem;font-weight:820}.su-faq-item small{color:var(--su-amber);font:800 .59rem/1 ui-monospace,monospace}.su-faq-item button i{color:var(--su-amber);font-style:normal;font-size:1.3rem;transition:transform .2s ease}.su-faq-item button[aria-expanded="true"] i{transform:rotate(45deg)}.su-faq-item__answer{padding:0 3rem 1.8rem}.su-faq-item__answer p{max-width:42rem;margin:0;color:var(--su-muted);line-height:1.75}
.su-final{overflow:hidden;background:var(--su-amber);color:var(--su-ink)}.su-final__grooves{position:absolute;right:-11rem;bottom:-20rem;width:52rem;aspect-ratio:1;border:1px solid rgba(23,16,10,.14);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 18px,rgba(23,16,10,.055) 19px 20px)}.su-final__grooves::after{content:"";position:absolute;inset:46%;border-radius:50%;background:rgba(23,16,10,.12)}.su-final__inner{position:relative;z-index:1;padding:clamp(7rem,11vw,10rem) 0}.su-final .su-code{color:rgba(23,16,10,.58)}.su-final h2{max-width:66rem;margin:1.3rem 0 1.8rem;font-size:clamp(4.5rem,8vw,8.2rem)}.su-final h2 em{color:var(--su-ink)}.su-final__inner>p:not(.su-code){max-width:38rem;margin:0 0 2rem;color:rgba(23,16,10,.66);line-height:1.7}.su-button--dark{background:var(--su-ink);color:#f6f1e8!important}
.su-player.is-switching .su-player__copy,.su-player.is-switching .su-wave{animation:su-session-switch .35s ease both}
.su-reveal{opacity:0;transform:translateY(2rem);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}.su-reveal.is-visible{opacity:1;transform:none}
@keyframes su-hero-image{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes su-copy-in{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@keyframes su-record-spin{to{transform:rotate(360deg)}}@keyframes su-wave{to{transform:scaleY(.55);opacity:.5}}@keyframes su-progress{from{width:7%}to{width:92%}}@keyframes su-session-switch{from{opacity:.2;transform:translateY(.65rem)}to{opacity:1;transform:none}}
@media(max-width:1100px){.su-compose__heading{grid-template-columns:1fr 1fr}.su-compose__heading .su-code{grid-column:1/-1}.su-session{grid-template-columns:1fr 1fr}.su-tool{grid-template-columns:3rem minmax(15rem,.9fr) minmax(14rem,1.1fr) 2rem}.su-tool>small{display:none}.su-control{grid-template-columns:.9fr 1.1fr}.su-control__copy{padding-inline:4rem}.su-persona{gap:4rem}}
@media(max-width:760px){.su-shell{width:min(100% - 2rem,1140px)}.su-hero,.su-hero__inner{min-height:52rem}.su-hero__image{object-position:68% center}.su-hero__shade{background:linear-gradient(180deg,rgba(5,4,7,.2),rgba(5,4,7,.58) 40%,rgba(5,4,7,.98) 74%),linear-gradient(90deg,rgba(5,4,7,.65),transparent)}.su-hero__inner{padding:1.5rem 0 1.2rem}.su-hero__copy{width:100%;margin-top:auto;padding:8rem 0 2rem}.su-title{font-size:clamp(5rem,25vw,7rem)}.su-hero__lead{font-size:clamp(2.5rem,12vw,3.4rem)}.su-hero__text{font-size:.92rem}.su-hero__record{top:8rem;right:-2rem;bottom:auto;width:9rem}.su-hero__record span{display:none}.su-hero__rail{gap:.55rem;font-size:.53rem}.su-intro,.su-tools__heading,.su-flow__heading{grid-template-columns:1fr;gap:1.5rem}.su-intro{padding:6rem 0}.su-intro h2,.su-tools h2,.su-flow__heading h2,.su-faq h2{font-size:clamp(3.3rem,14vw,4.8rem)}.su-compose{padding-top:5.5rem}.su-compose__heading{grid-template-columns:1fr;gap:1.5rem;padding-bottom:3.5rem}.su-compose__heading .su-code{grid-column:auto}.su-compose__heading h2{font-size:clamp(3.3rem,14vw,4.8rem)}.su-session{grid-template-columns:1fr}.su-player{min-height:36rem;padding:2rem 1rem;border-right:0;border-bottom:1px solid rgba(246,241,232,.16)}.su-player__disc{top:1rem;right:-5rem;width:22rem}.su-player__copy strong{font-size:3rem}.su-mode-copy{padding:3rem 1rem}.su-tools{padding:6rem 0}.su-tool-list{margin-top:4rem}.su-tool{grid-template-columns:2.5rem 1fr 1.5rem;gap:.7rem 1rem;min-height:0;padding:1.6rem 0}.su-tool h3{font-size:2rem}.su-tool p{grid-column:2/-1}.su-tool>i{grid-column:3;grid-row:1}.su-control{grid-template-columns:1fr}.su-control__copy{padding:5rem 1rem}.su-control h2{font-size:clamp(3.4rem,14vw,5rem)}.su-console{padding:4rem 1rem;border-top:1px solid rgba(246,241,232,.16);border-left:0}.su-console__styles{grid-template-columns:repeat(2,1fr)}.su-console__styles span:nth-child(2){border-right:0}.su-console__styles span:nth-child(-n+2){border-bottom:1px solid rgba(246,241,232,.16)}.su-knob-row{gap:.6rem}.su-knob i{width:5.2rem}.su-persona{grid-template-columns:1fr;gap:4rem;padding:6rem 0}.su-persona__visual{min-height:28rem}.su-persona__copy h2{font-size:clamp(3.4rem,14vw,5rem)}.su-flow{padding:6rem 0}.su-flow__steps{grid-template-columns:repeat(2,1fr)}.su-flow__steps li{min-height:20rem;border-bottom:1px solid rgba(246,241,232,.16)}.su-flow__steps li:nth-child(2){border-right:0}.su-flow__steps li:first-child{padding-left:1.5rem}.su-flow__action{align-items:flex-start;flex-direction:column}.su-faq{grid-template-columns:1fr;gap:3.5rem;padding:6rem 0}.su-faq-item button>span{grid-template-columns:2rem 1fr}.su-faq-item__answer{padding-left:2rem}.su-final h2{font-size:clamp(3.8rem,16vw,5.8rem)}}
@media(max-width:480px){.su-actions{align-items:stretch;flex-direction:column;gap:.7rem}.su-actions,.su-button{width:100%}.su-text-link{align-self:center}.su-hero__rail span:nth-of-type(3),.su-hero__rail span:nth-of-type(4){display:none}.su-mode-tabs button{padding-inline:1rem}.su-flow__steps{grid-template-columns:1fr}.su-flow__steps li,.su-flow__steps li:nth-child(2){min-height:18rem;border-right:0}.su-flow__steps li+li{padding-left:1.5rem}.su-console__line{grid-template-columns:1fr;gap:.7rem}.su-final__grooves{right:-28rem}}
.su-hero__rail{color:rgba(246,241,232,.58);font-size:.72rem;letter-spacing:.12em}.su-console__styles span{color:rgba(246,241,232,.55);font-size:.72rem}
@media(max-width:760px){.su-hero__rail{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){.su-page *,.su-page *::before,.su-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.su-reveal{opacity:1;transform:none}}