/* A continuous, explorable attention world. Brand palette and type are unchanged. */
body.spatial-active { background:#102D2C; color:#F2F3EB; }
.spatial-active main > :not(.orbit-story), .spatial-active > footer { display:none; }
.spatial-active #nav { color:#F2F3EB; background:transparent; border:0; backdrop-filter:none; }
.spatial-active #nav.scrolled { background:linear-gradient(#102d2c8a,transparent); }
.spatial-active .orbit-story { height:1600svh; background:#102D2C; color:#F2F3EB; }
.spatial-active .orbit-sticky { background:radial-gradient(ellipse at 65% 46%,#33594A 0%,#102D2C 65%); min-height:600px; }
.spatial-active .orbit-canvas-wrap { z-index:0; }
.spatial-active .orbit-grain { z-index:1; opacity:.15; }
.spatial-active .orbit-chapters { z-index:3; pointer-events:none; top:190px; bottom:135px; }
.spatial-active .orbit-chapter { top:auto; bottom:0; left:clamp(24px,4.3vw,84px); width:min(35%,480px); max-height:100%; transform:none; padding:0 24px 0 0; }
.spatial-active .orbit-chapter::before { content:""; position:absolute; z-index:-1; inset:-30px -50px -35px -84px; background:radial-gradient(ellipse at 25% 55%,#102d2cf0, #102d2c80 55%,transparent 75%); pointer-events:none; }
.spatial-active .orbit-chapter h1,.spatial-active .orbit-chapter h2 { color:#F2F3EB; font-size:clamp(34px,min(4.3vw,6.2svh),68px); line-height:1.01; letter-spacing:-.055em; margin-bottom:23px; }
.spatial-active .orbit-chapter h1 em,.spatial-active .orbit-chapter h2 em { color:#C9EA85; }
.spatial-active .orbit-chapter h1 em::after { display:none; }
.spatial-active .orbit-kicker { color:#C9EA85; font-size:8px; margin-bottom:22px; }
.spatial-active .orbit-chapter p { color:#c6d3c8; font-size:12px; line-height:1.75; max-width:340px; }
.spatial-active .orbit-chapter .button.primary { color:#102D2C; background:#C9EA85; border-color:#C9EA85; border-radius:40px; }
.spatial-active .orbit-text-link { color:#F2F3EB; border-color:#8da99b; }
.spatial-active .orbit-tags span { color:#c6d3c8; }
.spatial-active .orbit-tags span::before { background:#C9EA85; }
.spatial-active .orbit-scene-label { color:#e7eddc; right:4.3%; bottom:112px; z-index:4; }
.spatial-active .orbit-scene-label small { color:#a9bfb0; }
.spatial-active .orbit-scene-label i { background:#a9bfb0; }
.spatial-active .orbit-footer { z-index:4; left:4.3%; right:4.3%; bottom:30px; gap:32px; padding-top:17px; border-top:1px solid #f2f3eb33; }
.spatial-active .orbit-progress button { color:#a7bcae; font-size:8px; }
.spatial-active .orbit-progress button.is-active { color:#C9EA85; }
.spatial-active .orbit-progress button i { background:#f2f3eb33; }
.spatial-active .orbit-progress button i::after { background:#C9EA85; }
.spatial-active .orbit-pause { color:#d9e3d8; border-color:#f2f3eb33; font-size:8px; }
.spatial-active .orbit-scroll-note { color:#d9e3d8; font-size:8px; }
.spatial-world-links { position:absolute; z-index:5; top:115px; right:4.3%; display:flex; gap:10px; flex-wrap:wrap; max-width:500px; }
.spatial-world-links button { color:#dfe9db; border:1px solid #dfe9db40; background:#102d2c40; border-radius:30px; padding:10px 15px; font:8px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.055em; cursor:pointer; backdrop-filter:blur(12px); transition:color .2s,background .2s; }
.spatial-world-links button:hover { color:#102D2C; background:#C9EA85; }
.spatial-detail-link { display:inline-flex; margin-top:23px; gap:14px; color:#F2F3EB; font:10px "DM Mono",monospace; cursor:pointer; border:0; border-bottom:1px solid #b8d0bc70; background:none; padding:0 0 7px; }
.spatial-loading { position:absolute; z-index:2; top:45%; right:22%; color:#C9EA85; font:9px "DM Mono",monospace; letter-spacing:.15em; transition:opacity .8s; }
.orbit-ready .spatial-loading { opacity:0; pointer-events:none; }
.spatial-cursor-note { position:absolute; right:4.3%; top:177px; z-index:2; display:flex; align-items:center; gap:9px; font:8px "DM Mono",monospace; color:#bacdbd; text-transform:uppercase; letter-spacing:.08em; }
.spatial-cursor-note::before { content:""; height:5px; width:5px; background:#C9EA85; border-radius:50%; box-shadow:0 0 12px #c9ea85; }
/* A centered menu that fits its viewport instead of growing below it. */
.spatial-active #nav .nav-links {
 box-sizing:border-box; inset:0; width:100%; height:100dvh;
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row;
 align-content:center; align-items:center; justify-items:center;
 padding:110px max(32px,calc((100vw - 1100px)/2)) 40px;
 column-gap:clamp(32px,7vw,110px); row-gap:clamp(12px,2.2dvh,24px);
 overflow:auto; overscroll-behavior:contain; text-align:center;
}
.spatial-active #nav .nav-link {
 max-width:100%; margin:0; color:#F2F3EB;
 font-size:clamp(26px,min(3.2vw,5.4dvh),46px); line-height:1.12;
 letter-spacing:-.045em; padding:5px 0; white-space:normal;
}
.spatial-active #nav .nav-link:hover { color:#C9EA85; }
.spatial-active #nav .nav-link[href="privacy.html"] {
 font:10px "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase;
 color:#bacdbd; padding:12px;
}
.spatial-active #nav .nav-links .button {
 margin:0; width:fit-content; max-width:100%; min-height:46px;
 border-radius:40px; background:#C9EA85; border-color:#C9EA85; color:#102D2C;
 font-size:12px; padding:0 25px;
}
@media(max-width:760px) {
 .spatial-active #nav .nav-links {
  grid-template-columns:minmax(0,1fr); padding:96px 24px 24px;
  row-gap:clamp(5px,1.25dvh,12px);
 }
 .spatial-active #nav .nav-link {
  font-size:clamp(18px,3.7dvh,28px); line-height:1.1; padding:2px 0;
 }
 .spatial-active #nav .nav-link[href="privacy.html"] { font-size:8px; padding:5px 0; }
 .spatial-active #nav .nav-links .button { min-height:40px; margin-top:5px; font-size:11px; }
}
@media(max-height:480px) {
 .spatial-active #nav .nav-links { padding-top:80px; padding-bottom:12px; row-gap:4px; }
}
.spatial-detail { width:calc(100% - 48px); max-width:1370px; max-height:calc(100dvh - 48px); margin:auto; padding:0; border:1px solid #c9ea8560; border-radius:12px; background:#F2F3EB; color:#102D2C; box-shadow:0 30px 120px #0005; overscroll-behavior:contain; }
.spatial-detail::backdrop { background:#061c19a8; backdrop-filter:blur(16px); }
.spatial-detail-bar { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; gap:20px; align-items:center; background:#F2F3EBf5; backdrop-filter:blur(20px); padding:23px 35px; border-bottom:1px solid #102d2c22; font:9px "DM Mono",monospace; }
.spatial-detail-bar button { color:#102D2C; border:0; background:none; cursor:pointer; font:10px "DM Mono",monospace; padding:10px; }
.spatial-detail-bar button span { font-size:20px; margin-left:15px; }
#spatial-detail-content { padding:0 20px; }
#spatial-detail-content section { display:block; padding-block:65px; border:0; width:calc(100% - 48px); margin-inline:auto; }
#spatial-detail-content .reveal { opacity:1; transform:none; }
#spatial-detail-content h2 { font-size:clamp(38px,5vw,70px); }
#spatial-detail-content .section-head { grid-template-columns:1fr; gap:20px; }
#spatial-detail-content .section-head .kicker { grid-row:auto; }
#spatial-detail-content .privacy-panel { background:#C9EA85; color:#102D2C; }
#spatial-detail-content .final-cta { padding-block:48px; }
#spatial-detail-content .spatial-opening .problem-inner { min-height:0; display:block; padding:45px 0 0; width:calc(100% - 48px); }
#spatial-detail-content .spatial-opening strong { display:block; font:9px "DM Mono",monospace; margin-bottom:20px; }
#spatial-detail-content .spatial-opening p { font-size:clamp(22px,2.7vw,36px); }
.spatial-active .orbit-fallback { display:none; }
.spatial-static .orbit-canvas-wrap { background:radial-gradient(circle at 64% 42%,#6a8b5d,#102D2C 60%); }
.spatial-static .orbit-fallback { display:block; opacity:1; left:46%; top:22%; width:46vw; background:radial-gradient(circle at 35% 30%,#d5ecab,#3e6b53 28%,#102D2C 65%); box-shadow:inset 0 0 0 24px #c9ea8570,0 0 100px #c9ea8520; }
@media(max-width:1100px) and (min-width:761px) {
 .spatial-active .orbit-progress button { grid-template-columns:14px 25px; gap:5px; }
 .spatial-active .orbit-progress button i { width:25px; }
 .spatial-active .orbit-footer { gap:20px; }
 .spatial-active .orbit-scroll-note { display:none; }
 .spatial-active .orbit-pause { margin-left:auto; }
}
@media(max-height:740px) and (min-width:761px) {
 .spatial-active .orbit-chapters { top:180px; bottom:110px; }
 .spatial-active .orbit-chapter h1,.spatial-active .orbit-chapter h2 { font-size:clamp(36px,6.1svh,44px); margin-bottom:16px; }
 .spatial-active .orbit-chapter p { font-size:11px; line-height:1.65; }
 .spatial-active .orbit-kicker { margin-bottom:15px; }
 .spatial-active .orbit-actions { margin-top:19px; }
 .spatial-active .spatial-detail-link { margin-top:17px; }
 .spatial-active .orbit-chapter[data-chapter="7"] h2 { font-size:clamp(32px,5.5svh,40px); }
 .spatial-active .orbit-chapter[data-chapter="7"] .orbit-tags { margin-top:10px; }
 .spatial-active .orbit-chapter[data-chapter="7"] .button { min-height:38px; }
}
@media(max-width:760px) {
 .spatial-active .orbit-story { height:1400svh; }
 .spatial-active .orbit-sticky { min-height:620px; }
 .spatial-active .nav-inner { min-height:80px; }
 .spatial-world-links { top:97px; left:24px; right:24px; gap:7px; }
 .spatial-world-links button { font-size:7px; padding:9px 11px; }
 .spatial-cursor-note { display:none; }
 .spatial-active .orbit-chapters { top:170px; bottom:105px; }
 .spatial-active .orbit-chapter { left:24px; right:24px; width:auto; bottom:0; padding:0; top:auto; }
 .spatial-active .orbit-chapter::before { inset:-35px -50px -30px; background:linear-gradient(transparent,#102d2cf0 35%,#102d2c 85%); }
 .spatial-active .orbit-chapter h1,.spatial-active .orbit-chapter h2 { font-size:clamp(34px,9vw,49px); line-height:1; max-width:340px; margin-bottom:13px; }
 .spatial-active .orbit-chapter h1 br:nth-of-type(2) { display:none; }
 .spatial-active .orbit-chapter p { font-size:10px; max-width:340px; line-height:1.6; }
 .spatial-active .orbit-kicker { font-size:6px; margin-bottom:12px; }
 .spatial-active .orbit-actions { margin-top:17px; }
 .spatial-active .orbit-actions .button { min-height:38px; font-size:9px; }
 .spatial-active .orbit-tags { margin-top:13px; }
 .spatial-detail-link { font-size:8px; margin-top:14px; }
 .spatial-active .orbit-scene-label { bottom:79px; left:24px; font-size:6px; }
 .spatial-active .orbit-footer { left:24px; right:24px; bottom:17px; padding-top:9px; gap:8px; }
 .spatial-active .orbit-progress { gap:5px; }
 .spatial-active .orbit-progress button { font-size:6px; grid-template-columns:9px 13px; gap:3px; }
 .spatial-active .orbit-progress button i { width:13px; }
 .spatial-active .orbit-pause { font-size:6px; margin-left:auto; }
 .spatial-detail { width:calc(100% - 20px); max-height:calc(100dvh - 20px); }
 .spatial-detail-bar { padding:12px 15px; font-size:7px; }
 .spatial-detail-bar button { font-size:8px; }
 #spatial-detail-content { padding:0; }
 #spatial-detail-content section { padding-block:36px; width:calc(100% - 36px); }
 #spatial-detail-content .steps,#spatial-detail-content .feature-grid { grid-template-columns:1fr; }
 #spatial-detail-content .feature-card { border-left:0; padding-left:0; }
}
@media(prefers-reduced-motion:reduce) { .spatial-active *, .spatial-active *::after { animation:none!important; scroll-behavior:auto!important; } }

/* Final spacing pass: every field-note panel uses the same content rhythm. */
.spatial-detail { scrollbar-gutter:stable; }
.spatial-detail-bar { padding:16px clamp(20px,3vw,40px); gap:16px; }
.spatial-detail-bar button { min-height:44px; flex-shrink:0; }
#spatial-detail-content { padding:0 clamp(24px,4vw,56px); }
#spatial-detail-content > section { width:100%; margin:0; padding-block:48px; }
#spatial-detail-content .section-head { display:block; margin-bottom:36px; }
#spatial-detail-content .kicker { display:block; line-height:1.6; }
#spatial-detail-content .section-head > .kicker { margin-bottom:18px; }
#spatial-detail-content h2 { margin:0 0 22px; font-size:clamp(34px,4.5vw,58px); line-height:1.08; }
#spatial-detail-content .section-head p { margin:0; max-width:680px; font-size:15px; line-height:1.75; }
#spatial-detail-content p { overflow-wrap:break-word; }
#spatial-detail-content .spatial-opening .problem-inner { width:100%; padding-top:40px; }
#spatial-detail-content .spatial-opening p { font-size:clamp(22px,2.6vw,34px); }
#spatial-detail-content .steps { align-items:stretch; }
#spatial-detail-content .step { display:flex; flex-direction:column; min-height:0; padding:28px 24px; }
#spatial-detail-content .step:first-child { padding-left:0; }
#spatial-detail-content .step:last-child { padding-right:0; }
#spatial-detail-content .step h3 { margin:24px 0 12px; font-size:clamp(22px,2vw,28px); line-height:1.2; }
#spatial-detail-content .step p { flex:1; margin:0; font-size:14px; line-height:1.75; color:var(--muted); }
#spatial-detail-content .step-visual { position:relative; inset:auto; flex:none; width:100%; height:155px; margin-top:26px; }
#spatial-detail-content .report-ui { padding:20px; }
#spatial-detail-content .funnel-layout { gap:clamp(32px,5vw,64px); }
#spatial-detail-content .feature-card { min-height:0; padding-block:28px; }
#spatial-detail-content .feature-card h3 { margin:24px 0 12px; font-size:clamp(24px,2.5vw,30px); line-height:1.2; }
#spatial-detail-content .feature-card p { margin:0; line-height:1.75; }
#spatial-detail-content .privacy-panel { padding:clamp(24px,4vw,48px); }
#spatial-detail-content .privacy-panel .body-copy { margin:0; font-size:15px; line-height:1.8; }
#spatial-detail-content .method-row { grid-template-columns:130px minmax(0,1fr); gap:20px; }
#spatial-detail-content .method-copy p { font-size:15px; line-height:1.8; }
#spatial-detail-content .vision-heading-row { flex-wrap:wrap; gap:14px; margin-bottom:24px; }
#spatial-detail-content .vision-status { white-space:normal; line-height:1.7; }
#spatial-detail-content .vision-opening { margin-top:32px; padding-left:24px; }
#spatial-detail-content .vision-opening p { font-size:18px; line-height:1.75; }
#spatial-detail-content .vision-stage { min-height:0; margin-top:40px; padding:40px; display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
#spatial-detail-content .vision-stage-copy { width:auto; }
#spatial-detail-content .vision-stage-copy h3 { font-size:clamp(34px,3.5vw,46px); line-height:1.08; }
#spatial-detail-content .vision-promise { margin-top:26px; }
#spatial-detail-content .vision-promise span { line-height:1.7; }
#spatial-detail-content .vision-system { position:relative; inset:auto; width:100%; height:470px; transform:none; }
#spatial-detail-content .vision-step { min-height:0; padding:26px 22px; }
#spatial-detail-content .vision-step h3 { margin:32px 0 14px; line-height:1.25; }
#spatial-detail-content .vision-step.future h3::after { display:block; margin:9px 0 0; }
#spatial-detail-content .vision-manifesto { margin-top:40px; padding:32px 0 0; grid-template-columns:1fr 1fr; gap:32px; }
#spatial-detail-content .vision-manifesto h3 { font-size:clamp(30px,3vw,42px); }
#spatial-detail-content .personas { align-items:stretch; }
#spatial-detail-content .persona h3 { font-size:clamp(24px,2.6vw,31px); line-height:1.2; margin-bottom:16px; }
#spatial-detail-content .persona p { font-size:14px; line-height:1.8; margin-bottom:0; }
#spatial-detail-content .ask-panel { padding:48px 32px; }
#spatial-detail-content .ai-buttons { flex-wrap:wrap; gap:12px; margin-top:28px; }
#spatial-detail-content .ai-button { min-height:48px; padding:12px 20px; }
#spatial-detail-content .ask-note { margin:22px 0 0; line-height:1.8; }
#spatial-detail-content .final-cta-inner { padding:0; border:0; }
#spatial-detail-content .final-cta .kicker { margin-bottom:20px; }
#spatial-detail-content .final-cta p { margin:0 0 26px; font-size:15px; line-height:1.8; }
#spatial-detail-content .final-cta .hero-actions { margin:0; }
#spatial-detail-content .button { min-height:46px; border-radius:40px; }
#spatial-detail-content .paid-note { margin-top:20px; line-height:1.8; max-width:640px; }
@media(max-width:1100px) {
 #spatial-detail-content .vision-stage { grid-template-columns:1fr; }
 #spatial-detail-content .vision-system { height:420px; }
 #spatial-detail-content .vision-journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #spatial-detail-content .vision-manifesto { grid-template-columns:1fr; }
}
@media(max-width:760px) {
 .spatial-detail-bar { padding:10px 14px; gap:8px; }
 .spatial-detail-bar > span { font-size:7px; }
 .spatial-detail-bar button { font-size:8px; padding-inline:8px; }
 .spatial-detail-bar button span { margin-left:10px; }
 #spatial-detail-content { padding-inline:20px; }
 #spatial-detail-content > section { padding-block:30px; }
 #spatial-detail-content .section-head { margin-bottom:28px; }
 #spatial-detail-content h2 { font-size:clamp(30px,8.5vw,38px); margin-bottom:18px; }
 #spatial-detail-content .section-head p { font-size:14px; }
 #spatial-detail-content .step,#spatial-detail-content .step:first-child,#spatial-detail-content .step:last-child { padding:24px 0; }
 #spatial-detail-content .step h3 { font-size:25px; margin-top:20px; }
 #spatial-detail-content .step-visual { height:150px; margin-top:22px; }
 #spatial-detail-content .feature-card { padding:26px 0; }
 #spatial-detail-content .method-row { grid-template-columns:1fr; gap:9px; padding-block:20px; }
 #spatial-detail-content .vision-stage { padding:28px 20px; margin-top:30px; gap:24px; }
 #spatial-detail-content .vision-stage-copy h3 { font-size:36px; }
 #spatial-detail-content .vision-opening { margin-top:26px; padding-left:18px; }
 #spatial-detail-content .vision-opening p { font-size:16px; }
 #spatial-detail-content .vision-system { height:350px; }
 #spatial-detail-content .model-core { width:88px; height:88px; }
 #spatial-detail-content .vision-journey { grid-template-columns:1fr; }
 #spatial-detail-content .vision-step { padding:24px 20px; border-right:0; border-bottom:1px solid var(--line); }
 #spatial-detail-content .vision-step h3 { margin-top:24px; }
 #spatial-detail-content .vision-manifesto { gap:20px; }
 #spatial-detail-content .persona,#spatial-detail-content .persona + .persona { padding:26px 0; }
 #spatial-detail-content .ask-panel { padding:32px 20px; }
 #spatial-detail-content .ai-buttons { align-items:stretch; flex-direction:column; }
 #spatial-detail-content .ai-button { justify-content:center; width:100%; }
 #spatial-detail-content .ask-note { font-size:8px; }
}