/* Spatial backdrops are isolated from all interactive and readable surfaces. */
#scope,#experience,#platform,.brand-section,#roadmap,#operations,.future,.faq{position:relative;isolation:isolate}
.atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;--scene-progress:0;background:#0b0b0d}
.wrap>.atmosphere{left:calc((min(100vw,1280px) - 100vw)/2);right:calc((min(100vw,1280px) - 100vw)/2)}
.faq>.atmosphere{left:calc((min(100vw,970px) - 100vw)/2);right:calc((min(100vw,970px) - 100vw)/2)}
.atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0d,transparent 15%,transparent 80%,#0b0b0d);pointer-events:none}
.scene-mesh{position:absolute;inset:-25%;background-image:linear-gradient(#f3334e17 1px,transparent 1px),linear-gradient(90deg,#f3334e17 1px,transparent 1px);background-size:72px 72px;transform:perspective(650px) rotateX(62deg) rotateZ(-22deg) translateY(calc(var(--scene-progress)*70px));mask-image:radial-gradient(ellipse at center,#000,transparent 68%)}
.scene-halo{position:absolute;width:760px;height:760px;right:-430px;top:8%;border:1px solid #fc3d6266;border-radius:50%;box-shadow:0 0 70px #e91b4440,inset 0 0 65px #df134425,0 0 0 35px #fa194507,0 0 0 36px #fa194522,0 0 0 80px #fa194508,0 0 0 81px #fa194515;transform:perspective(900px) rotateY(-28deg) translateY(calc(var(--scene-progress)*-110px));background:radial-gradient(ellipse,#7e103008,transparent 65%)}
.light-ribbon{position:absolute;left:-18%;top:32%;width:145%;height:160px;border-top:1px solid #ff41674a;border-radius:50%;background:linear-gradient(180deg,#e9184220,transparent 45%);transform:rotate(-24deg);filter:drop-shadow(0 0 12px #dd103b88)}
.ribbon-b{top:56%;height:70px;transform:rotate(-24deg);opacity:.45}
.scene-specks{position:absolute;inset:0;background-image:radial-gradient(circle at 18% 27%,#ff637ba6 0 1px,transparent 2px),radial-gradient(circle at 78% 22%,#f9587988 0 1px,transparent 2px),radial-gradient(circle at 85% 72%,#ff8ea48c 0 1px,transparent 2px),radial-gradient(circle at 4% 80%,#ff648080 0 1px,transparent 2px);background-size:430px 390px;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}
.atmosphere-scope{background:radial-gradient(ellipse at 100% 30%,#44102370,transparent 55%),#0b0b0d}.atmosphere-scope .scene-mesh{opacity:.35}.atmosphere-scope .light-ribbon{opacity:.3}
.scope-grid{background:#101014d9;backdrop-filter:blur(12px)}.scope-aside{background:#17131bd9}.benefits article{background:linear-gradient(180deg,#111116b5,transparent)}
.atmosphere-experience{background:radial-gradient(ellipse at 15% 50%,#75112b66,transparent 53%),radial-gradient(ellipse at 100% 65%,#55173844,transparent 50%),#0c0c10}.atmosphere-experience .scene-halo{left:-480px;right:auto;top:-5%;width:900px;height:900px;transform:perspective(900px) rotateY(40deg) translateY(calc(var(--scene-progress)*-70px))}.atmosphere-experience .scene-mesh{transform:perspective(800px) rotateX(66deg) rotateZ(15deg);top:40%;opacity:.65}.atmosphere-experience .light-ribbon{top:16%;transform:rotate(20deg);opacity:.5}
/* Fix: text used to intersect the preserve-3d panel when its X rotation changed. */
.experience-layout,.experience-panel,#experience-content{transform-style:flat!important;overflow:visible!important;perspective:none!important}.experience-panel{height:auto;min-height:390px;position:relative;isolation:isolate;background:linear-gradient(140deg,#282029,#17171f 60%);border-color:#744153;box-shadow:0 22px 65px #0005,0 0 50px #d3133310}.experience-panel:after{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#ff8fa5,transparent);pointer-events:none}.panel-top,#experience-content{position:relative;z-index:1}#experience-content{height:auto;min-height:260px;transform:none!important;backface-visibility:visible;contain:none}.step{background:#14101970}.step.active{background:#411724b5;border-color:#9c3450;box-shadow:inset 3px 0 #fc3454,0 8px 30px #0002}.stage-note{padding-bottom:6px}
.atmosphere-platform{background:radial-gradient(ellipse at 50% 68%,#50132c44,transparent 60%),#090b10}.atmosphere-platform .scene-mesh{inset:30% -30% -40%;background-size:50px 50px;transform:perspective(650px) rotateX(58deg);mask-image:linear-gradient(transparent,#000 30%,transparent 80%);opacity:.8}.atmosphere-platform .scene-halo{width:580px;height:580px;right:calc(50% - 290px);top:30%;transform:perspective(700px) rotateX(68deg) translateY(calc(var(--scene-progress)*100px));opacity:.7}.atmosphere-platform .light-ribbon{top:40%;transform:rotate(-12deg);opacity:.45}.platform-card{background:linear-gradient(145deg,#27171fe8,#101219f2 60%);backdrop-filter:blur(8px)}.dns-explainer{background:#0e1118bf;border:1px solid #51313c80;padding:30px}.dns-route span{background:#161821e8}
.brand-section{padding-top:115px;padding-bottom:135px;background:#130d16;border-color:#72263d66}.brand-atmosphere{background:radial-gradient(ellipse at 70% 70%,#b0104370,transparent 60%),conic-gradient(from 75deg at 75% 50%,#120d16,#681830,#150c15,#74162d,#120d16)}.brand-atmosphere canvas{position:absolute;inset:0;opacity:0;transition:opacity 1.2s}.brand-atmosphere.gpu-ready canvas{opacity:.65}.brand-shader-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0d,transparent 24%,#0b0b0d44 65%,#0b0b0d),linear-gradient(90deg,#0b0b0d55,transparent 60%)}.brand-wordmark{position:absolute;bottom:-.14em;left:4%;font-size:clamp(110px,18vw,300px);font-weight:900;line-height:1;letter-spacing:-.055em;color:#ff628809;-webkit-text-stroke:1px #ff9eb325;white-space:nowrap;transform:rotate(-5deg)}.identity-art{border-color:#b95c7680;background:linear-gradient(135deg,#241921c7,#1a101dc7);backdrop-filter:blur(16px);box-shadow:0 25px 70px #0007,inset 0 1px #ffffff20}.identity-copy{padding:30px;background:#120f18b8;backdrop-filter:blur(12px);border:1px solid #85536545}.identity-copy p{color:#c6bcc5}.identity-copy .muted{color:#b7abb8!important}
.atmosphere-roadmap{background:radial-gradient(ellipse at 0% 50%,#60172c55,transparent 50%),#0b0b0d}.atmosphere-roadmap .scene-halo{width:1100px;height:1100px;top:-8%;right:-740px;border-radius:14%;transform:perspective(800px) rotateY(-35deg) rotateZ(30deg) translateY(calc(var(--scene-progress)*-90px));box-shadow:0 0 0 55px #df13440a,0 0 0 56px #ee214a33,0 0 0 125px #e2134407,0 0 0 126px #ee214a22,0 0 0 210px #e2134405,0 0 0 211px #ee214a11}.atmosphere-roadmap .light-ribbon{top:60%;transform:rotate(-35deg);opacity:.4}.atmosphere-roadmap .scene-mesh{opacity:.25}.roadmap article{background:linear-gradient(160deg,#111018d9,#10101599);padding-left:18px;border-color:#71314366}.roadmap article:before{left:18px;box-shadow:0 0 15px #ff294e}.roadmap p{color:#b3b0bb}.milestone{background:linear-gradient(115deg,#391322df,#1c121adf);backdrop-filter:blur(10px)}
.atmosphere-operations{background:radial-gradient(ellipse at 75% 5%,#75214245,transparent 50%),radial-gradient(ellipse at 0% 80%,#4b17345c,transparent 50%),#0d0e14}.atmosphere-operations .scene-mesh{inset:0;background-size:95px 95px;transform:perspective(750px) rotateY(-22deg) rotateX(22deg);opacity:.5}.atmosphere-operations .scene-halo{right:-400px;top:35%;opacity:.5}.atmosphere-operations .light-ribbon{top:12%;transform:rotate(15deg);opacity:.4}.ops-grid article{padding:26px;border:1px solid #59334480;background:linear-gradient(140deg,#221521cc,#11121bd9);backdrop-filter:blur(10px)}.ops-grid{gap:20px}.operations-bottom>div{background:#101018aa;padding:25px;border-top:1px solid #703d5566}.operations-bottom{gap:30px;border:0;padding-top:12px}
.atmosphere-future{background:radial-gradient(ellipse at 85% 70%,#6b163454,transparent 60%),#0b0b0d}.atmosphere-future .scene-halo{width:580px;height:580px;top:0;right:-260px;transform:perspective(800px) rotateY(-60deg)}.atmosphere-future .scene-mesh{opacity:.25}.future-list{background:#110e1699;padding:0 22px;border:1px solid #61374744}.atmosphere-faq{background:radial-gradient(ellipse at 0% 40%,#4a102333,transparent 60%),#0b0b0d}.atmosphere-faq .scene-mesh,.atmosphere-faq .scene-halo{display:none}.atmosphere-faq .light-ribbon{opacity:.25}.closing{background:radial-gradient(ellipse at 90% 70%,#9d15396b,transparent 60%),linear-gradient(120deg,#2e1220,#170f1c);border-color:#aa395861;box-shadow:0 0 70px #d1173812}.closing:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #ff45675c;border-radius:50%;right:-150px;top:-100px;box-shadow:0 0 0 40px #f5153910,0 0 0 41px #fb2b522c,0 0 0 85px #f5153908;transform:rotateX(30deg);pointer-events:none}.closing>*{z-index:1}
.motion-off .brand-atmosphere canvas{opacity:0!important}
@media(max-width:700px){.scene-halo{opacity:.5}.light-ribbon{opacity:.5}.scene-mesh{opacity:.4}.experience-panel{min-height:410px}#experience-content{min-height:270px}.dns-explainer{padding:22px}.brand-section{padding-top:70px;padding-bottom:90px}.brand-wordmark{font-size:26vw;bottom:0}.identity-copy{padding:22px}.ops-grid article{padding:23px}.operations-bottom>div{padding:20px}.roadmap article{padding-left:12px}.roadmap article:before{left:12px}.future-list{padding-inline:16px}.scene-specks{opacity:.45}}
@media(prefers-reduced-motion:reduce){.brand-atmosphere canvas{display:none}.scene-halo,.scene-mesh{will-change:auto}}