.hero{position:relative;overflow:hidden;display:grid;align-items:center;min-height:calc(100vh - 58px);min-height:calc(100svh - 58px);padding-block:clamp(28px,4vw,56px)}@media(max-width:900px){.hero{min-height:0;padding-block:clamp(30px,6vw,56px)}}.hero:before{content:"";position:absolute;top:-320px;right:-180px;width:780px;height:700px;background:radial-gradient(closest-side,var(--amber-wash),transparent 72%);opacity:.7;pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:clamp(28px,4vw,52px);align-items:center}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hero-copy .lede{max-width:44ch}.hero-cta{margin-top:4px}.hero-trust{max-width:46ch;padding:13px 16px 13px 15px;border-radius:var(--radius-lg);border:1px solid var(--glass-line);border-left:2px solid var(--amber-line);background:var(--glass-control-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 1px 0 0 var(--glass-sheen) inset;line-height:1.5}.hero-art svg{display:block;width:100%;height:auto;max-width:580px;margin-inline:auto;overflow:visible}@media(max-width:900px){.hero-inner{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hero-copy{display:contents}.hero-copy>.pill{order:1}.hero-copy>h1{order:2}.hero-copy>.lede{order:3}.hero-art{order:4;align-self:stretch;margin-block:4px}.hero-copy>.hero-cta{order:5}.hero-copy>.hero-trust{order:6}}.hero-art .art-browser,.hero-art .art-link,.hero-art .art-host{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hero-art:hover .art-browser{transform:perspective(900px) rotateY(calc(var(--tx, 0) * 13deg)) rotateX(calc(var(--ty, 0) * -8deg)) translate(calc(var(--tx, 0) * -7px))}.hero-art:hover .art-host{transform:perspective(900px) rotateY(calc(var(--tx, 0) * 13deg)) rotateX(calc(var(--ty, 0) * -8deg)) translate(calc(var(--tx, 0) * 7px))}.hero-art:hover .art-link{transform:translate(calc(var(--tx, 0) * 2px)) translateY(calc(var(--ty, 0) * 2px))}@media(hover:none),(prefers-reduced-motion:reduce){.hero-art:hover .art-browser,.hero-art:hover .art-host,.hero-art:hover .art-link{transform:none}}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(258px,100%),1fr));gap:18px;counter-reset:step}.step{display:flex;flex-direction:column;gap:10px;position:relative}.step-n{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--amber-wash);border:1px solid var(--amber-line);color:var(--brand-text);font-size:.8rem;font-weight:660;font-variant-numeric:tabular-nums}.step p{font-size:.91rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px}.feature{position:relative;display:flex;flex-direction:column;padding:17px 20px 17px 19px;border-radius:var(--radius-lg);border:1px solid var(--glass-line);border-left:2px solid var(--amber-line);background:var(--glass-control-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 1px 0 0 var(--glass-sheen) inset;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s ease}.feature:hover{transform:translateY(-2px);border-color:var(--amber-line)}.feature h3{margin-bottom:6px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hero-trust,.feature{background:var(--raised)}}.limit{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.limit p{font-size:.91rem;color:var(--paper-2)}.faq{display:flex;flex-direction:column}.faq details{position:relative}.faq summary{cursor:pointer;padding:21px 54px 21px 30px;font-weight:570;font-size:1.02rem;position:relative;list-style:none;transition:color .35s ease,padding-left .35s cubic-bezier(.2,.7,.2,1)}.faq summary::-webkit-details-marker{display:none}.faq details:hover summary,.faq details[open] summary{color:var(--brand-text)}.faq details:hover summary{padding-left:44px}.faq summary:after,.faq summary:before{content:"";position:absolute;right:26px;top:50%;width:12px;height:2px;border-radius:1px;background:var(--paper-dim);transition:transform .16s ease,opacity .16s ease}.faq summary:before{transform:translateY(-50%) rotate(90deg)}.faq summary:after{transform:translateY(-50%)}.faq details[open] summary:before{opacity:0;transform:translateY(-50%) rotate(0)}.faq details[open] summary:after,.faq details[open] summary:before{background:var(--amber)}.faq details p{padding:0 54px 24px 30px;font-size:.94rem;max-width:78ch}@media(max-width:560px){.faq summary{padding:18px 44px 18px 20px}.faq details:hover summary{padding-left:32px}.faq details p{padding:0 24px 20px 20px}}@media(prefers-reduced-motion:reduce){.faq summary,.faq summary:before,.faq summary:after{transition:none}.faq details:hover summary{padding-left:30px}}.cta-band{position:relative;border-top:0}.cta-panel{position:relative;overflow:hidden;padding:clamp(44px,7vw,70px) clamp(24px,5vw,60px);border-radius:var(--radius-hero);text-align:center;background:var(--glass-elevated-bg);backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);border:1px solid var(--glass-line);box-shadow:0 1px 0 0 var(--glass-sheen) inset,var(--shadow-deep)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cta-panel{background:var(--panel)}}.cta-panel:before{content:"";position:absolute;bottom:-420px;left:50%;transform:translate(-50%);width:900px;height:620px;background:radial-gradient(closest-side,var(--amber-wash),transparent 70%);pointer-events:none}.cta-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.cta-panel h2{font-size:clamp(2rem,5vw,3.4rem)}.step-n{transition:background .16s ease,border-color .16s ease,color .16s ease}.step:hover .step-n{background:var(--amber);border-color:var(--amber);color:var(--brand-ink)}.limit:hover .pill{border-color:var(--amber-line);color:var(--brand-text)}.film-holder{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:clamp(22px,3.4vw,40px);align-items:center}@media(max-width:940px){.film-holder{grid-template-columns:1fr}}.film{position:relative;border:1px solid var(--line);border-radius:13px;background:var(--ink-800);box-shadow:var(--shadow-lg);overflow:hidden}.film-chrome{display:flex;align-items:center;gap:7px;padding:9px 12px;background:var(--ink-700);border-bottom:1px solid var(--line-soft)}.film-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-600);flex:none}.film-url{margin-left:8px;padding:3px 11px;border-radius:999px;background:var(--ink-1000);border:1px solid var(--line-soft);color:var(--paper-dim);font-family:var(--mono);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-stage{container-type:inline-size;--u: 1cqw;position:relative;aspect-ratio:16 / 10;background:radial-gradient(120% 120% at 80% 0%,#14181e,var(--ink-1000));overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:calc(2.6 * var(--u));padding:calc(3.4 * var(--u));opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .42s ease,transform .42s ease,visibility .42s}.scene.on{opacity:1;visibility:visible;transform:none}.mock-panel{display:flex;flex-direction:column;gap:calc(1.5 * var(--u));padding:calc(2.6 * var(--u));border:1px solid var(--line-soft);border-radius:calc(1.4 * var(--u));background:var(--ink-800)}.mock-title{font-size:calc(1.75 * var(--u));font-weight:640;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim)}.mock-label{font-size:calc(1.9 * var(--u));color:var(--paper-dim)}.mock-sub{font-size:calc(1.9 * var(--u));color:var(--paper-faint)}.mock-input{display:flex;align-items:center;min-height:calc(5 * var(--u));padding:0 calc(1.6 * var(--u));border:1px solid var(--line);border-radius:calc(1 * var(--u));background:var(--ink-1000);font-family:var(--mono);font-size:calc(1.75 * var(--u));color:var(--paper-2);overflow:hidden;white-space:nowrap}.mock-input.focus{border-color:var(--amber-line);box-shadow:0 0 0 calc(.5 * var(--u)) var(--amber-wash)}.caret{display:inline-block;width:calc(.22 * var(--u));height:calc(2.4 * var(--u));margin-left:calc(.2 * var(--u));background:var(--amber);opacity:0}.mock-input.focus .caret{opacity:1;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.mock-resolved{display:flex;flex-direction:column;gap:calc(.8 * var(--u));padding:calc(1.4 * var(--u));border:1px solid var(--line-soft);border-radius:calc(1 * var(--u));background:var(--ink-1000);opacity:0;transform:translateY(calc(.6 * var(--u)));transition:opacity .3s ease,transform .3s ease}.mock-resolved.on{opacity:1;transform:none}.mock-chip{align-self:flex-start;padding:calc(.4 * var(--u)) calc(1.1 * var(--u));border-radius:999px;border:1px solid var(--amber-line);background:var(--amber-wash);color:var(--brand-text);font-size:calc(1.5 * var(--u));font-weight:560}.mock-resolved-url{font-family:var(--mono);font-size:calc(1.45 * var(--u));color:var(--paper-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-btn{align-self:flex-start;padding:calc(1.3 * var(--u)) calc(2.4 * var(--u));border:none;border-radius:calc(1 * var(--u));background:var(--amber);color:var(--brand-ink);font:inherit;font-size:calc(1.85 * var(--u));font-weight:640;cursor:default;transition:transform .12s ease,box-shadow .2s ease,background .16s ease}.mock-btn.small{padding:calc(.9 * var(--u)) calc(1.8 * var(--u));font-size:calc(1.7 * var(--u))}.mock-btn.press{transform:scale(.95);box-shadow:0 0 0 calc(.7 * var(--u)) var(--amber-wash)}.mock-state{display:flex;align-items:center;gap:calc(.9 * var(--u));min-height:calc(2.6 * var(--u));font-size:calc(1.7 * var(--u));color:var(--paper-dim)}.mock-state.good{color:var(--good)}.mock-spin{width:calc(1.9 * var(--u));height:calc(1.9 * var(--u));border-radius:50%;border:calc(.32 * var(--u)) solid var(--amber-line);border-top-color:var(--amber);animation:spin .7s linear infinite;flex:none}.mock-load{flex:1.35}.mock-stand{flex:1}.mock-plugin{font-size:calc(2.9 * var(--u));letter-spacing:-.02em;transition:color .24s ease}.mock-plugin.landed{color:var(--amber-bright)}.mock-kv{display:grid;grid-template-columns:1fr auto;gap:calc(.9 * var(--u)) calc(1.4 * var(--u));margin-top:auto;font-size:calc(1.7 * var(--u));color:var(--paper-faint)}.mock-kv b{color:var(--paper-2);font-weight:560;font-variant-numeric:tabular-nums}.mock-player{display:flex;gap:calc(2.6 * var(--u));width:100%}.mock-plugin-window{flex:1.6;display:flex;flex-direction:column;gap:calc(2 * var(--u));padding:calc(2.4 * var(--u));border-radius:calc(1.4 * var(--u));border:1px solid #3a2c18;background:linear-gradient(165deg,#1d1710,#0f0c08);box-shadow:inset 0 0 calc(6 * var(--u)) #f0a13c0d}.mock-pw-title{font-size:calc(2.2 * var(--u));letter-spacing:.22em;color:#d8cbb4;text-transform:uppercase}.mock-knobs{display:flex;gap:calc(2.4 * var(--u))}.mock-knob{position:relative;width:calc(7.4 * var(--u));height:calc(7.4 * var(--u));border-radius:50%;border:calc(.4 * var(--u)) solid #4a3a22;background:radial-gradient(circle at 34% 28%,#2b2419,#14100b);transition:transform .42s cubic-bezier(.3,.9,.3,1),border-color .3s ease,box-shadow .3s ease}.mock-knob i{position:absolute;left:50%;top:12%;width:calc(.5 * var(--u));height:34%;margin-left:-calc(.25 * var(--u));border-radius:calc(.3 * var(--u));background:#efe5d2}.mock-knob.hot{border-color:var(--amber);box-shadow:0 0 calc(2.4 * var(--u)) #f0a13c59}.mock-faders{display:flex;flex-direction:column;gap:calc(1.2 * var(--u))}.mock-fader{height:calc(1.1 * var(--u));border-radius:999px;background:#241d14;overflow:hidden}.mock-fader i{display:block;height:100%;background:linear-gradient(90deg,#8a6524,var(--amber))}.mock-meter{display:flex;align-items:flex-end;gap:calc(.5 * var(--u));height:calc(6 * var(--u));margin-top:auto}.mock-meter i{flex:1;height:22%;border-radius:calc(.3 * var(--u));background:linear-gradient(180deg,var(--amber),#6b4a17);opacity:.28}.mock-meter.live i{animation:vu .9s ease-in-out infinite alternate;opacity:1}.mock-meter.live i:nth-child(2n){animation-duration:.64s}.mock-meter.live i:nth-child(3n){animation-duration:1.12s}.mock-meter.live i:nth-child(4n){animation-duration:.78s}@keyframes vu{0%{height:16%}to{height:96%}}.mock-params{flex:1;display:flex;flex-direction:column;gap:calc(1.2 * var(--u));padding:calc(2.2 * var(--u));border:1px solid var(--line-soft);border-radius:calc(1.4 * var(--u));background:var(--ink-800)}.mock-prow{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:calc(1.2 * var(--u));font-size:calc(1.65 * var(--u));color:var(--paper-2)}.mock-prow i{display:block;height:calc(.7 * var(--u));border-radius:999px;background:var(--ink-600);overflow:hidden}.mock-prow u{display:block;height:100%;background:var(--amber);transition:width .42s cubic-bezier(.3,.9,.3,1)}.mock-hidden{margin-top:auto;padding:calc(1 * var(--u));border:1px dashed var(--line);border-radius:calc(.9 * var(--u));font-size:calc(1.5 * var(--u));color:var(--paper-faint);text-align:center}.mock-gate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:calc(9 * var(--u));height:calc(9 * var(--u));padding-left:calc(.6 * var(--u));border:none;border-radius:50%;background:var(--amber);color:var(--brand-ink);cursor:default;box-shadow:0 0 0 calc(1.4 * var(--u)) #f0a13c24,0 calc(2 * var(--u)) calc(5 * var(--u)) #00000080;transition:opacity .3s ease,transform .3s ease}.mock-gate svg{width:calc(4.2 * var(--u));height:calc(4.2 * var(--u))}.mock-gate.gone{opacity:0;transform:translate(-50%,-50%) scale(.7)}.mock-share{display:flex;flex-direction:column;gap:calc(1.8 * var(--u));margin:auto;width:74%;padding:calc(3 * var(--u));border:1px solid var(--line-soft);border-radius:calc(1.6 * var(--u));background:var(--ink-800);text-align:center;align-items:center}.mock-sharerow{display:flex;align-items:center;gap:calc(1.2 * var(--u));width:100%}.mock-link{flex:1;padding:calc(1.3 * var(--u)) calc(1.6 * var(--u));border:1px solid var(--line);border-radius:calc(1 * var(--u));background:var(--ink-1000);font-family:var(--mono);font-size:calc(1.6 * var(--u));color:var(--paper-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-visitors{display:flex;gap:calc(1.2 * var(--u))}.mock-visitor{padding:calc(1 * var(--u)) calc(1.8 * var(--u));border:1px solid var(--line);border-radius:999px;background:var(--ink-1000);font-size:calc(1.6 * var(--u));color:var(--paper-dim);opacity:0;transform:translateY(calc(1 * var(--u)));transition:opacity .34s ease,transform .34s ease}.mock-visitor.on{opacity:1;transform:none;border-color:var(--amber-line);color:var(--amber-bright)}.film-cursor{position:absolute;left:0;top:0;width:16px;height:16px;margin:-2px 0 0 -2px;pointer-events:none;opacity:0;z-index:6;transition:transform .78s cubic-bezier(.33,.72,.25,1),opacity .26s ease;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 1l10.5 6.2-4.6.9 2.7 4.7-2 1.2-2.7-4.7-2.6 3.9z' fill='%23f1eee8' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.film-cursor.on{opacity:1}.film-cursor.click:after{content:"";position:absolute;left:1px;top:1px;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid var(--amber);animation:ripple .52s ease-out forwards}@keyframes ripple{0%{transform:scale(.2);opacity:.9}to{transform:scale(1.6);opacity:0}}.film-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;counter-reset:filmstep}.film-steps li{position:relative;padding:14px 16px 14px 46px;border-radius:var(--radius-lg);border:1px solid var(--glass-line);background:var(--glass-control-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);counter-increment:filmstep;opacity:.62;transition:background .26s ease,border-color .26s ease,opacity .26s ease}.film-steps li:before{content:counter(filmstep);position:absolute;left:14px;top:15px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--line);background:var(--ink-700);color:var(--paper-dim);font-size:.72rem;font-weight:660;font-variant-numeric:tabular-nums;transition:background .26s ease,color .26s ease,border-color .26s ease}.film-steps li.now{opacity:1;background:var(--glass-bg);border-color:var(--amber-line);box-shadow:0 1px 0 0 var(--glass-sheen) inset}.film-steps li.now:before{background:var(--amber);border-color:var(--amber);color:var(--brand-ink)}@media(prefers-reduced-motion:reduce){.card-hover:hover,.step-hover:hover,.feature:hover{transform:none}.scene,.mock-resolved,.mock-knob,.mock-prow u,.mock-gate,.mock-visitor,.film-cursor,.film-steps li{transition:none}.mock-meter.live i,.mock-input.focus .caret,.mock-spin{animation:none}.film-cursor{display:none}}@media(max-width:620px){.film-stage{--u: 1.3cqw}}@media(max-width:520px){.film-stage{--u: 1.9cqw;aspect-ratio:1 / 1.49}.scene,.mock-player{flex-direction:column;justify-content:center}.mock-share{width:100%}}@media(max-width:360px){.film-stage{--u: 2.15cqw;aspect-ratio:1 / 1.69}}