.preview-note{background:#101218;border-color:#292c34;color:#a3aabb}body{background:#050608}header{background:#050608df;border-color:#ffffff0d}.spatial-hero{min-height:860px;height:calc(100svh - 112px);max-height:1180px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 70% 44%,#111e37 0,#090e18 28%,#050608 66%)}.spatial-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050608b5,transparent 48%),linear-gradient(0deg,#050608 0,transparent 18%);pointer-events:none;z-index:1}.spatial-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.spatial-copy{position:relative;z-index:3;padding:105px var(--pad) 0;pointer-events:none;width:60%}.spatial-copy .eyebrow{color:#a7bacf;font-size:11px;letter-spacing:.2em}.spatial-copy h1{font-size:clamp(65px,7.9vw,136px);line-height:.93;letter-spacing:-.065em;margin-bottom:30px}.spatial-copy h1 span{background:linear-gradient(110deg,#fff,#9db4d1 58%,#486da0);background-clip:text;-webkit-background-clip:text;color:transparent}.spatial-copy p{max-width:340px;font-size:16px;color:#96a2b6;line-height:1.9}.spatial-copy .actions{pointer-events:auto;margin-top:32px}.spatial-copy .button{background:#eef4fb;color:#122139;border-radius:40px;font-size:14px;padding:18px 24px}.spatial-copy .button:hover{background:#aaccec}.spatial-wordmark{position:absolute;bottom:2%;left:var(--pad);font:800 clamp(60px,15.2vw,260px)/1 Tight,sans-serif;letter-spacing:-.07em;color:#9dbde706;z-index:0;pointer-events:none}.spatial-coordinates{position:absolute;top:28px;right:var(--pad);z-index:4;font:10px Mono,monospace;color:#71829b;display:flex;gap:28px;letter-spacing:.1em}.node-label{position:absolute;left:0;top:0;z-index:3;pointer-events:none;white-space:nowrap;font:10px Mono,monospace;letter-spacing:.04em;color:#b8cce7;will-change:transform}.node-label>span{display:inline-block;width:4px;height:4px;border-radius:50%;background:#97cdff;margin-right:8px;box-shadow:0 0 10px #62baff}.node-label small{display:block;font:9px Mono,monospace;color:#728da8;margin-top:5px;padding-left:12px}.node-label.affected{color:#ffa78e}.node-label.affected>span{background:#ff855f;box-shadow:0 0 12px #ff643d}.spatial-controls{position:absolute;bottom:65px;left:var(--pad);right:var(--pad);z-index:5;display:flex;justify-content:space-between;gap:28px;align-items:end}.scene-switch{display:flex;gap:5px;border:1px solid #ffffff20;padding:6px;background:#0c111cd9;backdrop-filter:blur(14px);border-radius:40px}.scene-switch button{padding:12px 19px;border-radius:25px;background:transparent;color:#8e9eb4;font-size:12px}.scene-switch button.active{background:#dce9fa;color:#0c1c32}.scene-switch button[data-mode="failure"].active{background:#ffb092;color:#331c17}.scene-description{max-width:365px;padding-left:20px;border-left:1px solid #6484aa7a;pointer-events:none}.scene-description strong{display:block;font-family:Tight,sans-serif;font-size:19px;color:#dce8fa;letter-spacing:-.02em}.scene-description p{font-size:12px;color:#8b9bb3;line-height:1.7;margin-top:7px}.scene-help{position:absolute;bottom:22px;right:var(--pad);left:var(--pad);display:flex;justify-content:space-between;gap:20px;z-index:5;font:9px Mono,monospace;color:#67768c;letter-spacing:.07em}.scene-help button{padding:0;background:transparent;font:inherit;color:#92a3bb;text-decoration:underline}.canvas-fallback{display:none;position:absolute;right:12%;top:35%;z-index:3;max-width:290px;color:#a0b5ce;font-size:16px}.no-webgl .canvas-fallback{display:block}.no-webgl .node-label{display:none}.scene-chapter{padding:125px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#050608;border-top:1px solid #ffffff14;align-items:center}.scene-chapter .eyebrow{font-size:11px;color:#7397c1}.scene-chapter h2{font-size:clamp(42px,5vw,82px);line-height:1.04;letter-spacing:-.04em}.scene-chapter h2 span{color:#577494}.scene-chapter-copy{max-width:465px}.scene-chapter-copy p{font-size:18px;line-height:1.85}.chapter-links{display:flex;gap:24px;margin-top:30px;font-size:13px;color:#c2d5ef}.chapter-links a{padding-bottom:8px;border-bottom:1px solid #3f526a}.experience{background:linear-gradient(#050608,#0b1421)}.reference{background:linear-gradient(125deg,#e3ebf0,#bcd0df);color:#132c45}.closing{background:radial-gradient(ellipse at 50% 100%,#28456877,transparent 75%),#050608}.capability-strip{border-color:#2a303a}.spatial-page .capability-strip{margin-top:15px}.spatial-page .workspace{box-shadow:0 35px 100px #22447020}.spatial-page .section-head h2 .muted{color:#7286a0}.scene-live-indicator{height:3px;width:3px;display:inline-block;border-radius:50%;background:#b7d5fb;box-shadow:0 0 10px #7eb4ff;align-self:center}.spatial-page .button.small{background:#182538;border:1px solid #52647d;border-radius:30px}.spatial-page .closing .button{border-radius:40px;background:#e5edf9;color:#13233c}.spatial-page .feature-card{border-color:#344154}
@media(min-width:1600px){.spatial-copy{padding-top:130px}.spatial-hero{min-height:980px}}
@media(max-width:1100px){.spatial-hero{min-height:850px}.spatial-copy{padding-top:90px;width:68%}.spatial-copy h1{font-size:90px}.spatial-copy p{max-width:290px;font-size:15px}.spatial-coordinates{font-size:9px}.node-label{font-size:9px}.scene-description{max-width:300px}.scene-chapter{gap:40px}.scene-chapter-copy p{font-size:16px}}
@media(max-width:760px){.spatial-hero{height:1050px;min-height:1050px;max-height:none}.spatial-hero:after{background:linear-gradient(0deg,#050608,transparent 22%),linear-gradient(180deg,#05060877,transparent 45%)}.spatial-copy{width:100%;padding-top:55px}.spatial-copy h1{font-size:clamp(65px,14.8vw,95px);margin-bottom:22px}.spatial-copy .eyebrow{font-size:9px;letter-spacing:.13em}.spatial-copy p{font-size:14px;max-width:300px}.spatial-copy .actions{margin-top:25px}.spatial-copy .button{font-size:12px;padding:14px 20px}.spatial-copy .text-link{font-size:12px}.spatial-coordinates{top:22px;font-size:8px;gap:20px}.spatial-controls{bottom:65px;flex-direction:column;align-items:start;gap:20px}.scene-switch{padding:4px}.scene-switch button{font-size:11px;padding:10px 15px}.scene-description{max-width:100%;padding-left:13px}.scene-description strong{font-size:18px}.scene-description p{font-size:11px}.scene-help{font-size:8px;bottom:20px;gap:12px;flex-wrap:wrap}.scene-wordmark{bottom:10%}.node-label{font-size:8px}.node-label small{font-size:7px}.scene-chapter{grid-template-columns:1fr;gap:30px;padding-block:70px}.scene-chapter-copy p{font-size:16px}.chapter-links{font-size:12px;gap:18px}.canvas-fallback{top:57%;left:20%;right:20%;font-size:14px}.spatial-page .capability-strip{margin-top:0}}