.spatial-page{--surface:#f5f6fa;background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--accent) 24%,#eef0ff) 0,transparent 45%),#f5f6fa;color:#172c3d;overflow-x:clip}
.spatial-page .site-header{position:relative;z-index:3;border:0;padding-block:24px}
.spatial-page .brand-mark{border-radius:16px;background:linear-gradient(135deg,#32475c,#122b3b);box-shadow:0 8px 18px #203c5528,inset 1px 1px 1px #ffffff50,3px 3px 0 var(--accent)}
.spatial-page .site-header nav{background:#ffffff8c;border:1px solid #fff;border-radius:40px;padding:7px 24px;box-shadow:0 8px 25px #253c5810;backdrop-filter:blur(14px)}
.spatial-page .hero{position:relative;isolation:isolate;grid-template-columns:.86fr 1.22fr;gap:0;min-height:640px;padding-block:12px 35px;margin-inline:-20px}
.spatial-page .hero-copy{position:relative;display:block;padding:30px 0 30px 20px;z-index:2;background:none;border-radius:0;pointer-events:none}
.spatial-page .hero-copy a{pointer-events:auto}
.spatial-page .hero h1{font-size:clamp(44px,4.3vw,68px);letter-spacing:-.055em;line-height:1.19;max-width:9em;text-wrap:balance;margin:24px 0}
.spatial-page .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.12em;border:1px solid #fff;background:#ffffff90;box-shadow:0 4px 10px #293d5508;padding:8px 13px;border-radius:24px}
.spatial-page .hero .eyebrow::before{content:'';width:7px;height:7px;background:var(--ink);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent)}
.spatial-page .hero .lead{font-size:15px;line-height:2;max-width:35em;color:#4b5d70}
.spatial-page .primary{background:linear-gradient(145deg,#31475a,#152d3d);border:1px solid #476071;box-shadow:0 5px 0 #0c1e2b,0 12px 25px #23354c25,inset 0 1px 0 #ffffff35;border-radius:15px;color:var(--accent)}
.spatial-page .primary:hover{transform:translateY(-3px);box-shadow:0 7px 0 #0c1e2b,0 17px 28px #23354c28}
.spatial-page .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #0c1e2b}
.spatial-stage{position:relative;min-width:0;width:112%;margin-left:-4%;isolation:isolate;align-self:stretch;min-height:610px;overflow:clip}
.spatial-stage::before{content:'';position:absolute;inset:12% 3% 10%;border:1px solid #ffffffb0;border-radius:50%;background:radial-gradient(ellipse,#ffffffa8,transparent 65%);z-index:-1;transform:rotate(-25deg)}
.scene-canvas{position:absolute;inset:0;touch-action:pan-y;cursor:grab;z-index:1}
.scene-canvas.dragging{cursor:grabbing}.scene-canvas canvas{width:100%;height:100%;display:block}
.spatial-fallback{position:absolute;inset:12% 8% 13%;width:84%;height:75%;object-fit:contain;border-radius:25px;box-shadow:0 25px 55px -25px #253e5a44}
.scene-ready .spatial-fallback{visibility:hidden}
.scene-tag{position:absolute;z-index:2;pointer-events:none;border:1px solid #fff;background:linear-gradient(130deg,#ffffffdd,#ffffff70);box-shadow:0 12px 28px #213a5420,inset 0 1px 0 #fff;backdrop-filter:blur(14px);padding:14px 19px;border-radius:19px;transform:rotate(-6deg);line-height:1.6;color:#243d50}
.scene-tag small{display:block;letter-spacing:.12em;font-size:9px;color:#62778a}.scene-tag strong{font-size:15px;font-weight:650}.scene-tag.first{left:3%;top:17%}.scene-tag.second{right:2%;bottom:23%;transform:rotate(6deg)}
.scene-tag i{font-style:normal;display:inline-grid;place-items:center;background:var(--accent);color:#1c3641;width:28px;height:28px;border-radius:10px;margin-right:7px;box-shadow:0 3px 0 #243e5525}
.scene-footer{position:absolute;z-index:3;bottom:8px;left:0;right:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.scene-controls{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #fff;border-radius:40px;background:#ffffffb5;backdrop-filter:blur(12px);box-shadow:0 9px 25px #213a5412}
.scene-controls[hidden]{display:none}.scene-controls button{width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;font:500 19px/1 system-ui;cursor:pointer;color:#294356}
.scene-controls button:hover{background:var(--accent)}.scene-controls button[data-motion]{width:auto;padding:0 12px;font-size:11px;border-left:1px solid #293e5418;border-radius:0 25px 25px 0}
.scene-controls button[data-reset]{font-size:20px}
.scene-status{font-size:10px;color:#53697b;letter-spacing:.08em}.scene-caption{font-size:9px;color:#6a7a89;line-height:1.5;margin:0}
.spatial-page :focus-visible{outline:3px solid #5369df;outline-offset:5px}
.spatial-page .intent-tool{border:1px solid #fff;background:linear-gradient(135deg,#ffffffec,#ffffffa0);box-shadow:0 18px 45px -20px #304a6b29,inset 0 1px 0 #fff;border-radius:30px;padding:34px;margin-top:26px}
.spatial-page .choice{border:1px solid #e2e7ef;background:#f0f3f8;box-shadow:inset 2px 2px 5px #b5c4d128,inset -2px -2px 4px #fff;border-radius:16px}
.spatial-page .choice[open]{background:linear-gradient(145deg,#334e61,#193344);box-shadow:0 7px 14px #18304a18;border-color:#425c6e;color:white}
.spatial-page .editorial-grid{gap:22px;padding-top:12px;background:none;border-radius:0}
.spatial-page .editorial-block{display:flex;background:linear-gradient(130deg,#fff,#ffffffa8);padding:30px;border:1px solid #fff;border-radius:22px;box-shadow:0 12px 24px -14px #213c5d24;color:#243d50}
.spatial-page .editorial-block p{color:#4d6273}.spatial-page .step-index{border:0;background:var(--accent);color:#233d49;padding:8px;border-radius:10px;min-width:34px;box-shadow:0 4px 0 #a1afba36;text-align:center}
.spatial-page .article-teaser{background:linear-gradient(135deg,#31495f,#102e3d);box-shadow:0 16px 35px -15px #243a5670;border:1px solid #5c7283;border-radius:30px}
.spatial-page .faq details{background:#ffffff90;border:1px solid #fff;border-radius:15px;padding:20px;margin-bottom:10px;box-shadow:0 5px 15px #233e5b06}
.spatial-page .faq details:last-child{border:1px solid #fff}.spatial-page footer{border-color:#ffffff;font-size:12px}
.spatial-page.family-4 .compact-intro{padding:35px 0 0;max-width:1000px}.spatial-page.family-4 .hero{min-height:640px;grid-template-columns:.86fr 1.22fr}.spatial-page.family-4 .hero .hero-copy{display:block}.spatial-page.family-4 .spatial-stage{min-height:610px}.spatial-page.family-4 .hero-copy .lead,.spatial-page.family-4 .hero-copy .micro{display:block}.spatial-page.family-4 .hero-actions{display:flex}
.spatial-page.family-10 .editorial-grid{display:grid;grid-template-columns:1fr 1fr;border:0;margin:0;padding:12px 0 65px}.spatial-page.family-10 .editorial-block>div{display:block}.spatial-page.family-10 .step-index{margin:0;height:auto}
.spatial-page.family-9 .intent-tool{color:#243d50}.spatial-page.family-9 .intent-tool .eyebrow,.spatial-page.family-9 .intent-tool h2{color:#243d50}.spatial-page.family-9 .intent-tool>.section-head+p{color:#4d6273}
@media(max-width:1000px){.spatial-page .hero{grid-template-columns:.9fr 1.1fr;min-height:540px}.spatial-page .hero h1{font-size:43px}.spatial-stage{min-height:550px;width:112%}.scene-tag.first{left:0;top:12%}.scene-tag.second{right:0;bottom:23%}.scene-tag{padding:10px 13px}.scene-tag strong{font-size:12px}.scene-controls button{width:34px;height:36px}}
@media(max-width:650px){.spatial-page .site-header{padding-block:20px 10px}.spatial-page .site-header nav{margin-top:22px;padding:5px 14px;gap:15px;font-size:11px}.spatial-page .hero,.spatial-page.family-4 .hero{display:flex;flex-direction:column;gap:0;margin:0;padding:12px 0 20px;min-height:0}.spatial-page .hero-copy{display:block;padding:12px 0 0;width:100%}.spatial-page .hero h1{font-size:42px;line-height:1.25;margin:18px 0 16px;max-width:10em}.spatial-page .hero .lead{font-size:14px;margin:0;line-height:1.85}.spatial-page .hero-actions{margin-top:22px;gap:18px}.spatial-page .hero .micro{margin-top:16px;font-size:10px}.spatial-stage,.spatial-page.family-4 .spatial-stage{order:0;width:calc(100% + 38px);margin:0 -19px;min-height:435px;align-self:center}.scene-tag{padding:9px 12px;border-radius:14px}.scene-tag.first{left:4%;top:11%;transform:rotate(-5deg)}.scene-tag.second{right:3%;bottom:25%;transform:rotate(5deg)}.scene-tag strong{font-size:12px}.scene-tag small{font-size:8px}.scene-tag i{width:23px;height:23px;font-size:12px}.scene-footer{bottom:1px;gap:8px}.scene-controls button{width:35px;height:38px}.scene-controls button[data-motion]{padding-inline:10px;font-size:10px}.scene-caption{font-size:8px}.scene-status{font-size:9px}.spatial-page .intent-tool{padding:25px 20px;margin-top:14px;border-radius:23px}.spatial-page .editorial-grid,.spatial-page.family-10 .editorial-grid{grid-template-columns:1fr;gap:16px;padding-bottom:40px}.spatial-page .editorial-block{padding:24px 20px;border-radius:19px}.spatial-page .article-teaser{border-radius:22px}.spatial-page .faq details{padding:17px}.spatial-page.family-4 .compact-intro{padding-top:25px}.spatial-page.family-4 .hero .hero-copy{display:block}}
@media(prefers-reduced-motion:reduce){.spatial-page .scene-tag{transform:none}.spatial-page .scene-controls button[data-motion]{display:none}}