/* Progressive enhancement: the original black / mint signal aesthetic in depth. */
.future-site .hero { isolation:isolate; perspective:1600px; }
.future-site .hero-overlay { pointer-events:none; background:radial-gradient(ellipse at 76% 43%,#36cda32c,transparent 55%); }
.depth-floor { position:absolute; inset:50% 0 0; z-index:-1; pointer-events:none; background:linear-gradient(#72ffd419 1px,transparent 1px),linear-gradient(90deg,#72ffd419 1px,transparent 1px); background-size:65px 65px; transform:rotateX(68deg); transform-origin:center bottom; mask-image:linear-gradient(transparent,#0008 65%,transparent); }
.future-site .signal-console { transform-style:preserve-3d; transform:perspective(1400px) rotateX(var(--tilt-x,5deg)) rotateY(var(--tilt-y,-9deg)); transition:transform .55s cubic-bezier(.2,.7,.2,1); border-color:#72ffd466; box-shadow:12px 16px 0 -8px #0f2824,13px 17px 0 -8px #72ffd449,0 40px 100px #000b,0 0 100px #38ffb716,inset 0 1px #d7fff24d; }
.signal-console::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(circle at var(--light-x,75%) var(--light-y,10%),#caffed19,transparent 48%); }
.future-site .orbital-field { overflow:visible; perspective:850px; transform-style:preserve-3d; }
.depth-globe { position:absolute; width:232px; height:232px; border-radius:50%; transform-style:preserve-3d; transform:rotateX(-15deg) rotateZ(-22deg); animation:globe-turn 28s linear infinite; }
.globe-ring,.globe-equator { position:absolute; inset:0; border:1px solid #72ffd477; border-radius:50%; box-shadow:0 0 12px #72ffd410; }
.globe-ring:nth-child(2) { transform:rotateY(45deg); }
.globe-ring:nth-child(3) { transform:rotateY(90deg); }
.globe-ring:nth-child(4) { transform:rotateY(135deg); }
.globe-equator { transform:rotateX(90deg); border-color:#c4ffedaa; }
.future-site .orbit-one { width:300px; height:300px; border-color:#72ffd487; transform:rotateX(66deg) rotateZ(-25deg); }
.future-site .orbit-three { border-style:dotted; transform:rotateY(50deg) rotateX(-25deg); }
.future-site .signal-core { transform:translateZ(50px); }
.future-site .orbit-label { transform:translateZ(65px); border-color:#72ffd455; box-shadow:0 10px 25px #0007; }
.future-site .coaching-sample { position:relative; transform:translateZ(45px); box-shadow:inset 3px 0 #72ffd4,0 18px 38px #0006; background:linear-gradient(120deg,#183c31,#10221f); }
.future-site .console-top,.future-site .console-bottom { transform:translateZ(25px); }
.future-site .signal-text { text-shadow:0 0 55px #72ffd425; }
.future-site .feature-card { position:relative; transform-style:preserve-3d; }
@media(hover:hover) and (pointer:fine) {
 .future-site .feature-card:hover { transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px); box-shadow:0 20px 45px #0007,inset 0 1px #72ffd433; }
 .future-site .feature-card:hover .feature-icon { transform:translateZ(22px); box-shadow:0 8px 18px #0005; }
}
.depth-reveal { animation:depth-arrive .8s cubic-bezier(.16,1,.3,1) both; }
.motion-toggle { position:fixed; bottom:18px; right:18px; z-index:30; border:1px solid #72ffd455; border-radius:30px; padding:10px 15px; background:#0b1918ed; color:#c5eadd; font:11px ui-monospace,monospace; cursor:pointer; backdrop-filter:blur(12px); }
.motion-toggle:hover { border-color:#72ffd4; }
.motion-toggle:focus-visible { outline:2px solid #72ffd4; outline-offset:4px; }
@keyframes globe-turn { to { transform:rotateX(-15deg) rotateZ(-22deg) rotateY(360deg); } }
@keyframes depth-arrive { from { opacity:.35; translate:0 24px; } to { opacity:1; translate:0 0; } }
.future-site.motion-paused *, .future-site.motion-paused *::before, .future-site.motion-paused *::after { animation-play-state:paused!important; }
.future-site.motion-paused .depth-reveal { animation:none; }
.future-site.motion-paused .signal-console { transform:perspective(1400px) rotateX(5deg) rotateY(-9deg); }
.future-site.motion-paused .feature-card:hover { transform:translateY(-3px); }
@media(max-width:1000px) { .future-site .signal-console { transform:perspective(1400px) rotateX(3deg) rotateY(-4deg); } }
@media(max-width:640px) {
 .future-site .signal-console { transform:none; }
 .depth-globe { width:190px; height:190px; }
 .future-site .orbit-one { width:235px; height:235px; }
 .future-site .coaching-sample { transform:none; }
 .future-site .signal-core { transform:translateZ(25px) scale(.8); }
 .depth-floor { inset:65% 0 0; }
 .motion-toggle { bottom:12px; right:12px; font-size:10px; }
 .future-site.motion-paused .signal-console { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
 .future-site .signal-console,.future-site .feature-card:hover { transform:none; }
 .depth-reveal { animation:none; }
}
