.engine-hero{background:#050609;position:relative;overflow:visible}@media (prefers-reduced-motion:reduce){.engine-hero{height:100svh!important}.engine-output,.engine-actions{opacity:1;transform:none}}.engine-hero.engine-reduced .engine-output,.engine-hero.engine-reduced .engine-actions,html:not(.js) .engine-actions,html:not(.js) .engine-output{opacity:1;transform:none}.engine-sticky{background:radial-gradient(80% 100% at 72% 45%,#6e7bff33,#0000 55%),radial-gradient(58% 70% at 18% 62%,#c9a24a1f,#0000 60%),linear-gradient(#07080b 0%,#090b11 54%,#050609 100%);height:100svh;position:sticky;top:0;overflow:hidden}.engine-gl-host{z-index:1;pointer-events:none;position:absolute;inset:0}.engine-gl-host.is-hidden{display:none}.engine-gl-host canvas.engine-gl,.engine-gl{width:100%;height:100%;display:block}.engine-bg{z-index:0;filter:blur(34px);background:radial-gradient(circle,#6e7bff29,#0000 32%),conic-gradient(from 90deg,#6e7bff0f,#c9a24a0d,#6e7bff0f);animation:14s ease-in-out infinite alternate engineDrift;position:absolute;inset:-10%}@keyframes engineDrift{0%{transform:scale(1)rotate(0)}to{transform:scale(1.12)rotate(8deg)}}.engine-noise{z-index:2;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.engine-grid{z-index:2;pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 52%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 52%,#000 0%,#0000 72%)}.engine-copy{z-index:4;pointer-events:none;max-width:480px;position:absolute;top:50%;left:clamp(112px,9vw,150px);transform:translateY(-50%)}.engine-copy .eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#a9b3ff;align-items:center;gap:.6em;font-size:.68rem;display:inline-flex}.engine-copy .eyebrow:before{content:"";background:#a9b3ff;width:26px;height:1px}.engine-kicker{color:#c9a24a;opacity:.84;letter-spacing:.22em;font-family:var(--font-mono);margin-top:24px}.engine-copy h1{font-family:var(--font-display);letter-spacing:-.02em;word-spacing:.04em;color:#f7f8ff;text-wrap:balance;max-width:9ch;margin:16px 0;font-size:clamp(2.5rem,6.4vw,5.8rem);font-weight:600;line-height:.9}.engine-copy p{color:#bec5d8;max-width:310px;font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.5}.engine-actions{pointer-events:auto;opacity:1;flex-wrap:wrap;gap:14px;margin-top:34px;display:flex;transform:none}.engine-actions .btn{font-family:var(--font-body);cursor:none;border:none;border-radius:12px;align-items:center;gap:9px;padding:14px 22px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s;display:inline-flex}.engine-actions .btn-p{background:var(--accent);color:#fff;min-width:0}.engine-actions .btn-p:hover{box-shadow:0 16px 40px -12px var(--accent);transform:translateY(-2px)}.engine-actions .btn-g{color:#eef1f8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff2e}.engine-actions .btn-g:hover{background:#ffffff1f}.engine-hud{z-index:4;pointer-events:none;gap:10px;width:215px;display:grid;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.hud-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:.72;background:#090b117a;border:1px solid #ffffff1f;border-radius:16px;padding:13px 14px;transition:all .4s;transform:translate(12px)}.hud-card span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#6f768a;margin-bottom:5px;font-size:.58rem;display:block}.hud-card b{color:#eef1f8;text-transform:none;font-size:.86rem;font-weight:600}.hud-card.is-on{opacity:1;border-color:#6e7bff8c;transform:translate(0);box-shadow:0 20px 60px -30px #6e7bffb3}.hud-card.is-on span{color:#9aa8ff}.engine-side{z-index:4;color:#6b7183;flex-direction:row-reverse;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:clamp(36px,5vh,44px);left:auto;right:clamp(24px,4vw,36px)}.side-line{background:#ffffff1f;border-radius:20px;width:2px;height:clamp(72px,11vh,110px);position:relative;overflow:hidden}.side-line span{background:#9aa8ff;width:100%;height:0;position:absolute;bottom:0;left:0;box-shadow:0 0 14px #6e7bff}.side-label{writing-mode:vertical-rl;color:#7c8292;font-size:.62rem;font-family:var(--font-mono);transform:rotate(180deg)}.engine-output{z-index:4;opacity:0;pointer-events:none;grid-template-columns:repeat(2,minmax(108px,1fr));gap:10px;width:min(310px,100vw - 48px);transition:opacity .5s,transform .5s;display:grid;position:absolute;bottom:clamp(120px,15vh,170px);right:clamp(24px,6vw,92px);transform:translateY(24px)scale(.96)}.engine-output.show{opacity:1;transform:translateY(0)scale(1)}.out-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d10198c;border:1px solid #ffffff21;border-radius:16px;padding:14px 15px}.out-card span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#c9a24a;margin-bottom:5px;font-size:.58rem;display:block}.out-card b{font-family:var(--font-display);color:#f6f8ff;font-size:1.08rem}.engine-rail{z-index:5;pointer-events:none;width:min(760px,100vw - 180px);position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.rail-line{background:#ffffff21;height:2px;position:relative;overflow:hidden}.rail-line span{transform-origin:0;background:linear-gradient(90deg,#6e7bff,#c9a24a);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 18px #6e7bffb3}.rail-steps{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px;display:grid}.rail-steps span{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:#6e7484;text-align:center;font-size:.62rem;transition:all .35s}.rail-steps span.active{color:#f6f8ff;text-shadow:0 0 16px #6e7bffcc}html.light .engine-sticky{background:radial-gradient(72% 95% at 72% 45%,#2536d824,#0000 55%),radial-gradient(54% 68% at 18% 62%,#b07e361a,#0000 58%),linear-gradient(#fbfcfe 0%,#eef1f7 100%)}html.light .engine-bg{opacity:.42;filter:blur(36px)}html.light .engine-grid{opacity:.2;background-image:linear-gradient(#1418231a 1px,#0000 1px),linear-gradient(90deg,#1418231a 1px,#0000 1px)}html.light .engine-noise{opacity:.07}html.light .engine-copy h1{color:#111722}html.light .engine-copy p{color:#4c566b}html.light .engine-kicker{color:#9b6d2e}html.light .engine-copy .eyebrow{color:#2536d8}html.light .engine-copy .eyebrow:before{background:#2536d8}html.light .hud-card,html.light .out-card{background:#ffffff9e;border-color:#141c2c1f;box-shadow:0 24px 60px -42px #1e284659}html.light .hud-card b,html.light .out-card b{color:#151a25}html.light .hud-card span{color:#667085}html.light .hud-card.is-on{border-color:#2536d85c;box-shadow:0 22px 60px -40px #2536d899}html.light .rail-line{background:#141c2c1f}html.light .rail-steps span{color:#7a8497}html.light .rail-steps span.active{color:#172033;text-shadow:none}html.light .side-line{background:#141c2c1f}html.light .side-label{color:#667085}@media (max-width:960px){.engine-hero{overflow-x:clip}.engine-hud{display:none}.engine-sticky{padding-top:var(--mobile-chrome-top,52px);grid-template-rows:minmax(260px,1fr) auto;align-content:start;display:grid;overflow:hidden}.engine-gl-host{z-index:1;grid-row:1;width:100%;height:100%;min-height:260px;position:relative;inset:auto}.engine-copy{box-sizing:border-box;z-index:4;width:100%;max-width:100%;padding:8px 20px calc(var(--mobile-chrome-bottom,68px) + 24px);pointer-events:auto;background:0 0;grid-row:2;position:relative;top:auto;left:auto;right:auto;transform:none}.engine-copy .eyebrow{display:none}.engine-kicker{letter-spacing:.14em;margin-top:0;font-size:.62rem}.engine-copy h1{max-width:none;margin:10px 0 12px;font-size:clamp(2rem,9vw,2.8rem);line-height:1.02}.engine-copy p{max-width:none;font-size:.98rem;line-height:1.55}.engine-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}.engine-actions .btn{cursor:pointer;justify-content:center;width:100%}.engine-output{display:none!important}.engine-rail{width:auto;max-width:calc(100% - 32px);left:16px;right:16px;bottom:calc(var(--mobile-chrome-bottom,68px) + 8px);z-index:5;position:absolute;transform:none}.rail-steps{grid-template-columns:repeat(6,1fr);gap:0 4px;margin-top:8px}.rail-steps span{color:#0000;min-height:4px;padding:0;font-size:0;position:relative}.rail-steps span:before{content:"";background:#ffffff24;border-radius:999px;width:100%;height:4px;display:block}.rail-steps span.active:before{background:var(--accent);box-shadow:0 0 10px #6e7bff80}.engine-side{display:none}}@media (max-width:960px) and (max-height:740px){.engine-copy h1{font-size:clamp(1.75rem,8vw,2.35rem)}.engine-copy p{font-size:.9rem}.engine-actions .btn-ghost{display:none}}@media (max-width:580px){.engine-copy{padding-left:18px;padding-right:18px}}@media (max-height:720px) and (min-width:961px){.engine-side{bottom:clamp(48px,7vh,60px)}.engine-side .side-line{height:clamp(56px,9vh,80px)}}@media (prefers-reduced-motion:reduce){.engine-bg{animation:none}}
