/* Spatial surfaces, shared by the landing and product pages. */
.spatial-preview:before{display:none!important}
.spatial-preview .spatial-screen{transform-style:flat;backface-visibility:hidden}
.spatial-preview .spatial-screen:hover{transform:rotateY(-19deg) rotateX(9deg) translateY(-4px)}
@media(max-width:760px){.spatial-preview .spatial-screen:hover{transform:rotateY(-8deg) rotateX(4deg)}}
@media(prefers-reduced-motion:reduce){.spatial-preview .spatial-screen:hover{transform:none!important}}
.spatial-screen .spatial-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:13px 15px;background:#152238;border-top:1px solid #9ac4ff20;color:#9fb5d3;font-size:8px;letter-spacing:.6px;line-height:1.5}
.spatial-screen .spatial-caption>span:last-child{color:#c0d9fb;white-space:nowrap}
.menu-image-crop{display:block;position:relative;width:100%;aspect-ratio:940 / 540;overflow:hidden;background:#0e0f10}
.spatial-screen .menu-image-crop img,.preview-image .menu-image-crop img{position:absolute;display:block;width:113.19149%;height:auto;max-width:none;left:-6.595745%;top:-20.37037%}
:root{--bg:#090d15;--surface:#131e2e;--text:#ecf2fc;--muted:#9aaac0;--line:#2e4059;--accent:#a3c9ff}
html{background:#090d15}body{background:radial-gradient(ellipse at 80% 8%,#304e7b35,transparent 40%),linear-gradient(155deg,#0e1725,#090d15 65%);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#9bbfee04 1px,transparent 1px),linear-gradient(90deg,#9bbfee04 1px,transparent 1px);background-size:60px 60px}.header{background:#0e1725e8;border-bottom-color:#9dbbe51a;box-shadow:0 12px 30px #0002}.header:before{background:#0e1725e8}.hero{min-height:780px;display:grid;grid-template-columns:1fr 1.1fr;gap:45px;text-align:left;perspective:1500px;overflow:visible;padding:95px 0 120px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:block;color:#9fb6d6;font-size:9px;letter-spacing:2px}.hero h1{font-size:clamp(65px,6.5vw,84px);line-height:1.05;letter-spacing:-4px;margin-bottom:27px;text-shadow:0 3px 0 #8a9fba22,0 20px 50px #0006}.hero h1>span{color:#a9ceff}.hero h1>.hero-title-dot{color:#5b9aeb}.lead{font-size:14px;color:#9caec8}.lead br{display:none}.hero-actions{justify-content:flex-start}.hero-art{display:none}.spatial-preview{position:relative;min-width:0;perspective:1400px;transform-style:preserve-3d;padding:35px 0}.spatial-preview:before{content:'';position:absolute;inset:35px 15px;background:#142640;border:1px solid #779ed53b;border-radius:15px;transform:rotateY(-19deg) rotateX(9deg) translateZ(-45px) translate(25px,30px);box-shadow:0 50px 75px #0008}.spatial-screen{position:relative;display:block;transform:rotateY(-19deg) rotateX(9deg);transform-style:preserve-3d;border:1px solid #88b5f16b;border-bottom:7px solid #1b2c45;border-right:6px solid #233a5b;border-radius:13px;background:#0b101a;box-shadow:30px 45px 70px #0009,0 0 55px #518ade12;transition:transform .65s ease,box-shadow .65s ease;overflow:hidden}.spatial-screen:hover{transform:rotateY(-9deg) rotateX(4deg) translateY(-8px);box-shadow:25px 55px 80px #000a,0 0 55px #518ade20}.screen-chrome{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(#233148,#172438);border-bottom:1px solid #9ac4ff20;font-size:8px;color:#b7c8e2;letter-spacing:1.5px}.screen-dots{display:flex;gap:5px}.screen-dots i{width:5px;height:5px;border-radius:50%;background:#657f9f}.spatial-screen img{width:100%;height:auto;display:block}.spatial-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#869cb9;margin:40px 0 0 14px}.spatial-caption a{color:#abcfff}.section{border:0;padding-block:70px}.experience{position:relative;margin-bottom:35px;padding:50px 35px;background:linear-gradient(145deg,#1b2a3eaa,#101926dd);border:1px solid #6d91c12b;border-bottom:5px solid #111e30;border-radius:20px;box-shadow:0 25px 0 -13px #111e30,0 27px 0 -13px #6d91c12b,0 40px 60px #0005;transform:perspective(1800px) rotateX(2deg)}.section-heading{margin-bottom:30px}.feature-list{gap:18px;perspective:1400px}.feature,.feature:first-child,.feature:last-child{background:linear-gradient(145deg,#25364e,#142135);border:1px solid #a3c9ff24;border-bottom:4px solid #0e1a2c;box-shadow:0 15px 23px #0004;border-radius:11px;padding:25px;transform-style:preserve-3d}.feature h3{color:#e8f0fc}.feature p{color:#a1b1c9}.plan-grid{max-width:790px;gap:32px;perspective:1400px}.plan{background:linear-gradient(135deg,#23344d,#131f32 70%);border:1px solid #95bfff3d;border-bottom:6px solid #0d1726;border-right:3px solid #192e49;border-radius:15px;padding:30px;box-shadow:12px 24px 36px #0006;transform-style:preserve-3d;will-change:transform}.plan:before{height:120px;background:radial-gradient(ellipse at top right,#639eec1f,transparent 75%)}.premium{background:linear-gradient(140deg,#294569,#15263e 65%);border-color:#96c6ff68;border-bottom-color:#15263d;box-shadow:12px 24px 40px #0006,0 0 40px #649eff0b}.plan h3,.plan .price{transform:translateZ(14px)}.plan .button{transform:translateZ(10px)}.price{color:#e9f3ff}.plan-details{border-color:#9bbfee20}.primary{background:linear-gradient(#b7d5ff,#87b6f5);border:1px solid #d1e5ff85;border-bottom:3px solid #527db7;color:#10223d;box-shadow:0 6px 0 #080f1e55,0 12px 22px #0003}.primary:hover{background:linear-gradient(#cce2ff,#a6cbfc)}.secondary{background:linear-gradient(#253752,#1a2a40);border:1px solid #a1c5ff30;border-bottom:3px solid #0c182b;color:#d5e4f8;box-shadow:0 6px 0 #080f1e44}.button:active{translate:0 2px}.nav-discord{background:#253e60;border:1px solid #9cc6ff30;border-bottom:3px solid #0b172a;box-shadow:0 8px 15px #0003}.purchase-note{margin-top:25px}.faq{perspective:1600px}.questions{max-width:730px}.questions details{background:linear-gradient(110deg,#1c2b40,#142033);border:1px solid #9bbfee20;border-bottom:3px solid #0b1729;box-shadow:0 8px 14px #0003;transform:perspective(1400px) rotateX(2deg);margin-bottom:14px;border-radius:9px}.questions details[open]{border-color:#7cacec55}.community{padding:38px 30px;margin-top:30px;margin-bottom:40px;border:1px solid #a1c7ff30;border-bottom:5px solid #0b1727;border-radius:16px;background:linear-gradient(120deg,#273f60,#142135);box-shadow:0 22px 40px #0005}.community h2{font-size:28px}footer{border-color:#9bbfee1a}.product-heading h1{text-shadow:0 4px 0 #839bb81a,0 15px 30px #0006}.product-layout{perspective:1600px}.preview-image{transform:perspective(1600px) rotateY(3deg) rotateX(2deg);border:1px solid #9ec5ff4d;border-bottom:6px solid #14263e;box-shadow:10px 22px 40px #0006;border-radius:12px}.purchase-panel{background:linear-gradient(145deg,#253b59,#142135);border-color:#9ec5ff44;border-bottom:5px solid #0c182b;box-shadow:10px 20px 35px #0006}.option-group{background:linear-gradient(120deg,#1c2a3e,#121e30);border-color:#9ec5ff20;border-bottom:3px solid #0b1729;box-shadow:0 8px 16px #0003}.product-switch{background:#15243a;border-color:#8fbeff30;box-shadow:0 5px 15px #0003}.product-switch a[aria-current]{background:#314e76}.depth-card{transition:transform .2s ease,box-shadow .2s ease;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));position:relative}.depth-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#c5ddff0d,transparent 60%)}
@media(max-width:1000px){.hero{gap:25px;min-height:670px}.hero h1{font-size:68px}.hero .lead{font-size:13px}.hero-actions{gap:10px}.hero-actions .button{padding:12px 15px;font-size:11px}.experience{padding:38px 25px}.plan-grid{gap:22px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;text-align:center;padding:65px 0 70px;min-height:0;gap:18px}.hero h1{font-size:clamp(58px,12vw,80px);letter-spacing:-3px}.hero .lead{max-width:360px;font-size:14px;margin-inline:auto}.hero-actions{justify-content:center}.spatial-preview{max-width:550px;width:90%;margin:auto;padding:25px 0 30px}.spatial-screen{transform:rotateY(-8deg) rotateX(4deg)}.spatial-preview:before{transform:rotateY(-8deg) rotateX(4deg) translate(12px,18px);inset:35px 7px}.spatial-caption{margin-top:24px}.hero .scroll-note{display:none}.feature-list{grid-template-columns:1fr}.experience{transform:none;margin-bottom:15px;padding:30px 22px;border-radius:14px}.section{padding-block:50px}.plan-grid{max-width:400px;grid-template-columns:1fr}.plan{padding:26px}.community{padding:30px 22px}.community h2{font-size:24px}.preview-image{transform:none}.depth-card{transform:none!important}.product-layout{perspective:none}}
@media(prefers-reduced-motion:reduce){.depth-card,.spatial-screen,.preview-image,.experience,.questions details{transform:none!important;transition:none!important}.hero-logo{animation:none}.spatial-preview:before{transform:translate(10px,15px)}}
.js .depth-card.reveal.visible{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.hero h1{overflow-wrap:normal}.hero h1>span:last-child{font-size:.72em;letter-spacing:-2.5px;display:inline-block;line-height:1.12;margin-top:12px}
@media(max-width:760px){.js .depth-card.reveal.visible{transform:none}.hero h1>span:last-child{font-size:.72em;letter-spacing:-1.8px}}
@media(prefers-reduced-motion:reduce){.js .depth-card.reveal.visible{transform:none!important}}
