body.futuristic{--neon:#8dff5a;--cyan:#5ef0a0;--violet:#a06bff;--green:#7df0a8;--green-soft:#bfffd6;--green-deep:#4cc07e;--gold:#a06bff;--ink:#eafff0;--ink-dim:#93c2a6;--ink-faint:#557a63;--line:rgba(110,240,150,.16);--line-g:rgba(110,240,150,.4);--radius:0px;color:var(--ink);background:radial-gradient(70% 45% at 50% 66%,rgba(110,240,150,.06),transparent 60%),radial-gradient(60% 40% at 82% 8%,rgba(160,107,255,.07),transparent 60%),#020308}#fbg{position:fixed;inset:0;z-index:0;display:block}#frobot-wrap{position:fixed;top:0;right:0;width:min(62vw,920px);height:100vh;z-index:0;pointer-events:none;opacity:0;transform:translate(6%);transition:opacity 1.4s ease}#frobot-wrap.live{opacity:.5}#frobot-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;filter:saturate(.35) brightness(.8) hue-rotate(95deg) contrast(1.05);-webkit-mask-image:radial-gradient(120% 100% at 72% 42%,#000 34%,transparent 78%);mask-image:radial-gradient(120% 100% at 72% 42%,#000 34%,transparent 78%)}.frobot-scrim{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#020308e6,#02030880 40%,#0203081f 72%,#0203084d),linear-gradient(0deg,rgba(2,3,8,.55),transparent 46%)}@media (max-width:900px){#frobot-wrap{width:100vw;transform:none}#frobot-wrap.live{opacity:.28;transform:none}}.hud{position:fixed;inset:0;z-index:1;pointer-events:none}.hud--scan{background:repeating-linear-gradient(0deg,rgba(110,240,150,.04) 0 1px,transparent 1px 3px);mix-blend-mode:screen;opacity:.55}.hud--frame:before,.hud--frame:after,.hud--frame span:before,.hud--frame span:after{content:"";position:fixed;width:30px;height:30px;border:1.5px solid rgba(110,240,150,.55);filter:drop-shadow(0 0 7px rgba(110,240,150,.6))}.hud--frame:before{top:16px;left:16px;border-right:0;border-bottom:0}.hud--frame:after{top:16px;right:16px;border-left:0;border-bottom:0}.hud--frame span:before{bottom:16px;left:16px;border-right:0;border-top:0}.hud--frame span:after{bottom:16px;right:16px;border-left:0;border-top:0}body.futuristic h1,body.futuristic h2{color:#f4fff7;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 0 30px rgba(110,240,150,.28)}body.futuristic h3{color:#f4fff7}body.futuristic .grad{background:linear-gradient(95deg,var(--cyan) 10%,#fff 55%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(110,240,150,.45))}body.futuristic p{color:var(--ink-dim)}body.futuristic .lead{color:#c9f5d9}body.futuristic .white{color:#fff}body.futuristic .kicker{font-family:var(--mono,"Space Mono",monospace);color:var(--cyan);letter-spacing:.3em}body.futuristic .kicker:before{content:"▶";width:auto;height:auto;border-radius:0;background:none;box-shadow:none;animation:none;font-size:.6rem;color:var(--neon)}body.futuristic .kicker:after{background:linear-gradient(90deg,var(--cyan),transparent);width:44px}body.futuristic .card{background:linear-gradient(180deg,#08141ee0,#030a10eb);border:1px solid rgba(110,240,150,.28);border-radius:0;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color .3s,background .3s,transform .3s}body.futuristic .card:before{display:none}body.futuristic .card:after{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:linear-gradient(90deg,var(--cyan),transparent 70%);opacity:.7}body.futuristic .card:hover{transform:none;border-color:var(--cyan);background:linear-gradient(180deg,#0a1c28eb,#040c14f2)}body.futuristic .ico{border-radius:0;background:#6ef09614;border:1px solid rgba(110,240,150,.4);color:var(--cyan);box-shadow:none;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}body.futuristic .chip{border-radius:0;background:#6ef0960d;border:1px solid rgba(110,240,150,.3);color:#dcffe8;font-family:var(--mono,"Space Mono",monospace);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}body.futuristic .chip:hover{border-color:var(--cyan);background:#6ef0961f;transform:none}body.futuristic .checks li .ck{border-radius:0;background:#6ef0961a;border:1px solid rgba(110,240,150,.45);color:var(--cyan)}body.futuristic .checks li b{color:#fff}body.futuristic .step{border-radius:0;background:linear-gradient(180deg,#08141ee0,#030a10eb);border:1px solid rgba(110,240,150,.28);box-shadow:none;backdrop-filter:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}body.futuristic .step:hover{transform:none;border-color:var(--cyan)}body.futuristic .step .n{border-radius:0;background:#6ef0961a;border:1px solid rgba(110,240,150,.45);color:var(--cyan);font-family:var(--mono,"Space Mono",monospace)}body.futuristic .steps:before{background:linear-gradient(90deg,transparent,rgba(110,240,150,.5),rgba(160,107,255,.5),transparent)}body.futuristic .demo-badge{border-radius:0;background:#6ef09612;border:1px solid rgba(110,240,150,.4);color:var(--cyan);font-family:var(--mono,"Space Mono",monospace);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}body.futuristic .demo-badge svg{color:var(--neon)}body.futuristic .browser{border-radius:0;border:1px solid rgba(110,240,150,.4);background:linear-gradient(165deg,#061410eb,#02080ef7 60%);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:0 0 90px -24px #6ef09666,0 40px 90px -40px #000c,inset 0 0 40px -10px #6ef0960f}body.futuristic .browser .bar{background:#6ef09612;border-bottom:1px solid rgba(110,240,150,.3)}body.futuristic .browser .bar i{border-radius:0;width:9px;height:9px}body.futuristic .browser .bar .u{border-radius:0;background:#00000080;color:#b5f0cc;font-family:var(--mono,"Space Mono",monospace)}body.futuristic .browser .bar .u svg{color:var(--cyan)}body.futuristic .btn{border-radius:0;background:linear-gradient(95deg,var(--neon),#3ec87a);color:#062012;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 34px -10px #6ef096b3;font-family:var(--mono,"Space Mono",monospace);text-transform:uppercase;font-size:.85rem;letter-spacing:.06em}body.futuristic .btn:hover{transform:translateY(-2px);box-shadow:0 0 46px -8px #6ef096e6}body.futuristic .btn.ghost{background:#6ef0960d;color:#dcffe8;border:1px solid rgba(110,240,150,.45);box-shadow:none}body.futuristic .btn.ghost svg{color:var(--cyan)}body.futuristic #progress{background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 20px var(--cyan)}body.futuristic .nav-arrow{border-radius:0;background:#030c14b3;border:1px solid rgba(110,240,150,.4);color:#dcffe8;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);backdrop-filter:none;box-shadow:none}body.futuristic .nav-arrow:hover{background:#6ef09626;border-color:var(--cyan);transform:translateY(-50%)}body.futuristic .dots{border-radius:0;background:#030c14b3;border:1px solid rgba(110,240,150,.3);backdrop-filter:none}body.futuristic .dot{width:20px;height:4px;border-radius:0;background:#78c8e640}body.futuristic .dot.active{width:34px;border-radius:0;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}body.futuristic .corner{font-family:var(--mono,"Space Mono",monospace)}body.futuristic .corner.tr b,body.futuristic .corner.tl .green{color:var(--cyan)}body.futuristic .hint kbd{border-radius:0;background:#030c14b3;border:1px solid rgba(110,240,150,.3)}body.futuristic .note{border-left:2px solid rgba(110,240,150,.5);color:var(--ink-faint)}body.futuristic .slide .inner:before,body.futuristic .slide .inner:after{border-color:#6ef0968c;border-radius:0}body.futuristic .enter-veil,.futuristic .enter-veil{background:radial-gradient(circle at 50% 60%,#6ef09633,#020308 62%)}.vidstage{position:relative;width:100%}.vidstage .demo-badge{position:relative;z-index:3;margin-bottom:16px;display:inline-flex}.vidslot{position:relative;aspect-ratio:16/9;width:100%;display:grid;place-items:center;overflow:visible;isolation:isolate}.vidslot:before{content:"";position:absolute;inset:-6%;z-index:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,rgba(110,240,150,.16),transparent 72%);filter:blur(6px)}.vidslot video{position:relative;width:100%;height:100%;object-fit:cover;object-position:left center;z-index:1;clip-path:inset(0 3% 0 0);-webkit-mask-image:radial-gradient(105% 105% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(105% 105% at 50% 50%,#000 62%,transparent 100%)}.vidslot__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transform:scale(1.06);animation:vidslotPan 16s ease-in-out infinite alternate;filter:saturate(1.05)}img.vidslot__shot{transform:scale(1.06);animation:vidslotPan 16s ease-in-out infinite alternate}video.vidslot__shot{position:relative;inset:auto;transform:none;animation:none;filter:saturate(1.05);object-fit:contain}@keyframes vidslotPan{0%{transform:scale(1.06) translate(0)}to{transform:scale(1.12) translate(-1.2%,-2.4%)}}@media (prefers-reduced-motion:reduce){img.vidslot__shot{animation:none;transform:scale(1.02)}}.vidslot__ph{position:relative;z-index:2;text-align:center;color:#b5f0cc}.vidslot__ph .play{width:62px;height:62px;margin:0 auto 14px;display:grid;place-items:center;border:1.5px solid rgba(110,240,150,.55);background:#6ef09614;box-shadow:0 0 30px -8px var(--cyan);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.vidslot__ph .play svg{width:25px;height:25px;color:var(--cyan);margin-left:3px}.vidslot__ph b{display:block;color:#eafcff;font-family:var(--serif);font-size:1.05rem;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.vidslot__ph span{font:600 .66rem var(--mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#5d859e}@media (max-width:900px){.vidslot{width:100%}}