@import "https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,500;0,700;0,800;1,600&family=Inter:wght@400;500;600;700&display=swap";.atlas-shell{color:#eff8fb;background:linear-gradient(#04090cbd,#05090cf5),#05090c;min-height:100svh;overflow-x:clip}.atlas-takeover{min-height:440svh;position:relative}.atlas-viewport{isolation:isolate;min-height:100svh;position:sticky;top:0;overflow:clip}.atlas-viewport:before{content:"";z-index:-3;background:linear-gradient(#dbf6ff0a 1px,#0000 1px),linear-gradient(90deg,#dbf6ff08 1px,#0000 1px);background-position:0 calc(var(--scan-y) * -1), calc(var(--scan-y) * .3) 0;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.atlas-header{z-index:8;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:22px;left:clamp(18px,4vw,56px);right:clamp(18px,4vw,56px)}.atlas-brand,.atlas-domain,.atlas-panel,.atlas-milestones{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a0d9e;border:1px solid #e1f6ff2e;box-shadow:0 18px 54px #00000047}.atlas-brand{color:#f5fbff;text-transform:uppercase;min-height:42px;font:800 13px/1 var(--display);align-items:center;gap:9px;padding:0 14px;text-decoration:none;display:inline-flex}.atlas-brand svg{color:#8ee7ff}.atlas-domain{color:#b8d6df;text-transform:uppercase;min-height:38px;font:700 11px/1 var(--display);align-items:center;padding:0 13px;display:inline-flex}.atlas-stage{perspective:1200px;perspective-origin:50% 46%;place-items:center;display:grid;position:absolute;inset:0}.atlas-stack{aspect-ratio:1.78;width:min(94vw,1280px);transform-style:preserve-3d;transform:translate3d(calc(var(--camera-x) * .35), var(--camera-y), 0);position:absolute}.atlas-field,.atlas-layer,.atlas-mist{width:100%;height:100%;transform-style:preserve-3d;will-change:transform, opacity, filter;position:absolute;inset:0}.atlas-field--deep{background:radial-gradient(circle at 50% 48%,#7eddff33,#0000 34%),linear-gradient(145deg,#18374461,#090e121f);border:1px solid #b8e7ff24;transform:translateZ(-940px)scale(1.45);box-shadow:inset 0 0 80px #a9eeff14}.atlas-layer{object-fit:cover;filter:saturate(calc(.88 + var(--chill) * .38)) contrast(1.08);border-radius:8px}.atlas-layer--far{z-index:1;transform:translate3d(0, 0, var(--far-z)) scale(calc(1.02 + var(--p) * .08));opacity:.78;filter:saturate(.84) brightness(.86) blur(calc(var(--p) * 1.2px))}.atlas-layer--walls{z-index:2;clip-path:polygon(0 0,27% 0,36% 100%,0 100%,0 0,73% 0,100% 0,100% 100%,64% 100%);transform:translate3d(calc(var(--camera-x) * -.24), calc(var(--camera-y) * -.32), var(--ring-z)) scale(var(--ring-scale));opacity:calc(.42 + var(--p) * .18);mix-blend-mode:screen}.atlas-layer--ring{z-index:3;clip-path:ellipse(30% 43% at 50% 52%);transform:translate3d(0, calc(var(--camera-y) * -.46), var(--ring-z)) scale(var(--ring-scale));filter:brightness(1.08)contrast(1.2)drop-shadow(0 0 46px #80e2ff3d);opacity:calc(.68 + var(--p) * .2)}.atlas-layer--lens{z-index:4;clip-path:ellipse(20% 31% at 50% 52%);transform:translate3d(0, calc(var(--camera-y) * -.72), var(--lens-z)) scale(var(--lens-scale));filter:brightness(calc(1.12 + var(--p) * .34)) contrast(1.14) drop-shadow(0 0 72px #a5f2ff57)}.atlas-layer--front-left,.atlas-layer--front-right{z-index:5;opacity:var(--front-opacity);filter:contrast(1.18) brightness(calc(.86 - var(--p) * .18)) drop-shadow(0 48px 86px #00000094)}.atlas-layer--front-left{clip-path:polygon(0 0,31% 0,42% 100%,0 100%);transform:translate3d(calc(-210px - var(--camera-x) * .88), calc(70px + var(--camera-y) * -.5), var(--front-z)) rotateY(18deg) scale(var(--front-scale))}.atlas-layer--front-right{clip-path:polygon(67% 0,100% 0,100% 100%,57% 100%);transform:translate3d(calc(210px - var(--camera-x) * .88), calc(70px + var(--camera-y) * -.5), var(--front-z)) rotateY(-18deg) scale(var(--front-scale))}.atlas-mist{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ddfcff42,#0000 16%),linear-gradient(90deg,#0000,#6ed0ff2e,#0000)}.atlas-mist--back{z-index:2;transform:translate3d(0, calc(var(--camera-y) * -.2), -120px) scale(1.08);opacity:calc(var(--mist-opacity) * .66);filter:blur(calc(10px + var(--p) * 9px))}.atlas-mist--front{z-index:6;transform:translate3d(calc(var(--camera-x) * -.5), calc(42px + var(--camera-y) * -.26), 660px) scale(calc(1.06 + var(--p) * .22));opacity:var(--mist-opacity);filter:blur(calc(12px + var(--p) * 16px))}.atlas-panel{z-index:9;gap:14px;width:min(310px,100vw - 32px);padding:14px;display:grid;position:absolute;bottom:clamp(18px,6vw,54px);right:clamp(16px,4vw,54px)}.atlas-readout{color:#b8e8f7;text-transform:uppercase;font:800 12px/1 var(--display);justify-content:space-between;align-items:center;display:flex}.atlas-readout strong{color:#f6fbff;font-size:34px}.atlas-panel label{color:#c2dae2;text-transform:uppercase;font:800 11px/1 var(--display);gap:8px;display:grid}.atlas-panel label span{align-items:center;gap:7px;display:inline-flex}.atlas-panel select,.atlas-panel input{color:#eef9ff;background:#0b161cdb;border:1px solid #e1f6ff2e;width:100%}.atlas-panel select{min-height:38px;padding:0 10px}.atlas-milestones{z-index:9;color:#9eb8c2;text-transform:uppercase;font:800 10px/1.1 var(--display);grid-template-columns:repeat(3,minmax(74px,1fr));gap:8px;padding:10px;display:grid;position:absolute;bottom:clamp(18px,6vw,54px);left:clamp(16px,4vw,54px)}.atlas-milestones span{border-left:2px solid #9ae4ff2e;gap:5px;padding:8px;display:grid}.atlas-milestones span.is-active{color:#edfaff;border-left-color:#91e8ff}.atlas-milestones b{color:#74d7f4;font-size:14px}@media (width<=760px){.atlas-header{align-items:flex-start}.atlas-domain{display:none}.atlas-stack{width:160vw}.atlas-panel{width:calc(100vw - 24px);bottom:12px;right:12px}.atlas-milestones{grid-template-columns:repeat(3,1fr);inset:76px 12px auto}}:root{color:#eff8fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--display:Barlow, Inter, system-ui, sans-serif;background:#05090c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:#05090c}body{min-width:320px;min-height:100svh;margin:0}button,select,input{font:inherit}