/* Brand values verified against the live DAIV website on 2026-09-15. */
:root{--ink:#102231;--body:#435867;--muted:#60727e;--paper:#f4f7f8;--surface:#fff;--line:#d4dee2;--blue:#075fca;--blue-dark:#034a9e;--cyan:#3197d6;--gutter:clamp(24px,4.15vw,80px);font-family:"IBM Plex Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button[hidden],[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button,a{touch-action:manipulation}p,h1,h2,h3{margin:0}svg{display:block}em{font-style:normal;color:var(--blue)}
.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--blue);color:white;padding:16px}.skip-link:focus{top:15px}
.site-header{position:fixed;z-index:20;inset:0 0 auto;height:80px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter);background:rgb(244 247 248/.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:37px;height:39px;padding:8px;background:var(--ink);color:white}.brand-type{display:grid;gap:5px}.brand-type strong{font-size:16px;letter-spacing:3px}.brand-type small{font-size:8px;letter-spacing:1.7px}.site-header nav{display:flex;gap:34px;margin-left:auto;margin-right:56px;font-size:13px}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav a:hover,.text-link:hover{color:var(--blue)}.back-link{font-size:12px;min-height:44px;display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--ink)}
.space-stage{position:fixed;z-index:0;left:0;right:0;top:280px;bottom:90px;pointer-events:none}.space-stage #scene-host{width:100%;height:100%;pointer-events:auto;mask-image:linear-gradient(to bottom,transparent,#000 25px,#000 calc(100% - 25px),transparent)}#scene-host canvas{display:block;width:100%;height:100%;cursor:crosshair}.scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-labels>span{position:absolute;transform:translate(-50%,-100%);display:grid;gap:6px;text-align:center;white-space:nowrap;opacity:0}.scene-labels small{font-size:9px;letter-spacing:2px;color:var(--blue)}.scene-labels strong{font-size:18px;letter-spacing:1px}.scene-loading{position:absolute;top:45%;left:0;width:100%;text-align:center;font-size:14px;color:var(--body);padding:24px;line-height:1.8}html[data-scene=ready] .scene-loading{display:none}
body:not([data-chapter=overview]) .space-stage{left:33%;right:0;top:125px;bottom:95px}
.chapter{position:relative;min-height:100svh;padding:155px var(--gutter) 120px;pointer-events:none}.chapter a,.chapter button{pointer-events:auto}.hero{min-height:max(850px,100svh);padding-top:120px}.hero-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.product-kicker{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--blue);margin-bottom:22px}.hero h1{font-size:clamp(38px,3.45vw,66px);font-weight:560;line-height:1.16;letter-spacing:-1.9px}.hero h1 span{color:var(--blue);display:inline-block;margin-left:.15em}.hero-summary{padding-top:4px;width:34%;max-width:420px}.hero-summary>p{font-size:14px;line-height:1.9;color:var(--body)}.hero-summary .text-link{margin-top:18px;font-size:12px}.text-link{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;font-size:12px}.hero-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:90px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.hero-foot p{display:flex;gap:10px;align-items:center}.legend-line{width:29px;height:2px;background:var(--blue);display:inline-block}.legend-line.dashed{margin-left:23px;background:repeating-linear-gradient(to right,var(--cyan) 0 5px,transparent 5px 9px)}
.chapter-copy{width:min(29vw,370px);position:relative}.chapter h2{font-size:clamp(30px,2.9vw,52px);font-weight:550;line-height:1.3;letter-spacing:-1.2px}.section-intro{font-size:13px;line-height:1.95;color:var(--body);margin-top:25px}.domain-nav{display:flex;gap:4px;flex-wrap:wrap;margin-top:32px;border-bottom:1px solid var(--line);padding-bottom:13px}.domain-nav button{border:0;background:transparent;min-height:40px;padding:8px 12px;font-size:12px;color:var(--body)}.domain-nav button[aria-pressed=true]{background:var(--blue);color:white}.domain-nav button:hover:not([aria-pressed=true]){background:#e3edf4}.domain-detail{padding-top:24px;min-height:166px}.domain-detail h3,.flow-message h3{font-size:15px;font-weight:600;margin-bottom:12px}.domain-detail p,.flow-message p{font-size:12px;line-height:1.9;color:var(--body)}.domain-actions{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:10px}
.recovery{padding-top:130px}.flow-steps{padding:0;margin:25px 0 22px;list-style:none;display:grid}.flow-steps li{display:flex;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.flow-steps li span{font-size:10px;letter-spacing:1px;width:19px;padding-top:2px}.flow-steps strong{font-weight:500}.flow-steps li[aria-current=step]{color:var(--blue);border-top-color:var(--blue)}.flow-steps li[aria-current=step] strong{font-weight:650}.flow-message{min-height:94px}.flow-actions{display:flex;align-items:center;gap:22px;margin-top:19px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:45px;padding:13px 19px;border:1px solid transparent;font-size:12px}.primary{background:var(--blue);color:white}.primary:hover{background:var(--blue-dark)}.approval-gate{margin-top:15px;padding:16px 0;border-top:1px solid var(--blue);font-size:12px;line-height:1.8}.approval-gate .button{margin-top:13px}.simulation-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:17px}.ai-points{margin-top:27px;display:grid;gap:25px}.ai-points>div{padding-top:19px;border-top:1px solid var(--line)}.ai-points span{font-size:15px;font-weight:600}.ai-points p{font-size:12px;line-height:1.9;color:var(--body);margin-top:11px}.ai-boundary{font-size:11px;line-height:1.9;color:var(--blue-dark);border-left:2px solid var(--blue);padding-left:15px;margin-top:30px}.evidence-list{margin-block:30px}.evidence-list p{padding-block:15px;border-bottom:1px solid var(--line);font-size:13px}.evidence-list p::before{content:'✓';color:var(--blue);margin-right:15px}
.architecture-text{position:relative;z-index:2;background:var(--ink);color:#e5edf3;min-height:86svh;padding:100px var(--gutter) 28px}.text-heading h2{font-size:clamp(27px,3.1vw,50px);font-weight:500;letter-spacing:-1px}.text-heading .product-kicker{color:#81bce8}.text-heading>p:last-child{font-size:13px;color:#a9bdcd;line-height:1.8;margin-top:22px}.text-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;margin-top:65px}.text-columns>div{border-top:1px solid #4a6273;padding-top:24px}.text-columns span{font-size:9px;color:#8cbce0;letter-spacing:2px}.text-columns h3{font-size:20px;font-weight:550;margin-top:16px}.text-columns p{font-size:12px;line-height:1.95;color:#aec1cf;margin-top:17px}.architecture-text footer{border-top:1px solid #334b5e;margin-top:75px;padding-top:25px;display:flex;gap:20px;justify-content:space-between;font-size:10px;color:#b2c1cc}.architecture-text footer a{min-height:44px}.scene-tools{z-index:10;position:fixed;left:var(--gutter);right:var(--gutter);bottom:0;height:66px;display:flex;align-items:center;gap:40px;border-top:1px solid var(--line);background:rgb(244 247 248/.95);font-size:11px;transition:opacity .2s}.scene-tools>p{display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}.scene-tools>div{display:flex;align-items:center;gap:25px}.scene-tools button{border:0;background:transparent;min-height:44px;padding:0;font-size:11px}.scene-tools a{display:flex;min-height:44px;align-items:center}.local-note{margin-left:auto;letter-spacing:1px;font-size:9px;color:var(--muted)}.scene-tools.is-hidden{opacity:0;pointer-events:none}.scene-tools.is-hidden>*{visibility:hidden}.no-script{position:relative;padding:25px;background:white;color:var(--body)}html[data-scene=fallback] .space-stage{pointer-events:none}html[data-scene=fallback] .scene-labels{display:none}html[data-scene=fallback] .scene-loading{background:white;border:1px solid var(--line)}
@media(min-width:1800px){.space-stage{top:300px}.chapter-copy{width:360px}body:not([data-chapter=overview]) .space-stage{left:29%}.hero-summary{width:30%}}
@media(max-width:1100px) and (min-width:761px){.site-header nav{gap:23px;margin-right:30px}.chapter-copy{width:30vw}.hero h1{font-size:39px}.hero h1 span{display:block;margin-left:0}.space-stage{top:310px}.chapter{padding-top:135px}.hero{padding-top:120px}.hero-summary{width:41%}.chapter h2{font-size:31px}.domain-detail{min-height:192px}body:not([data-chapter=overview]) .space-stage{left:35%;top:150px}.domain-nav button{font-size:11px;padding-inline:9px}.flow-message{min-height:112px}}
@media(max-width:760px){:root{--gutter:23px}html{scroll-padding-top:70px}.site-header{height:68px}.brand-mark{width:30px;height:32px;padding:6px}.brand-type strong{font-size:13px;letter-spacing:2px}.brand-type small{font-size:6px}.brand{gap:9px}.site-header nav{display:none}.back-link{font-size:10px;gap:12px}.hero{padding-top:105px;min-height:100svh}.hero-heading{display:block}.hero h1{font-size:38px;letter-spacing:-1.7px;line-height:1.25}.hero h1 span{display:block;margin:0}.product-kicker{font-size:9px;margin-bottom:15px}.hero-summary{width:100%;max-width:none;padding-top:19px}.hero-summary>p{font-size:12px;line-height:1.85}.hero-summary .text-link{margin-top:5px;font-size:11px}.space-stage{top:365px;bottom:112px;left:0;right:0}.scene-labels small{font-size:6px;letter-spacing:1px}.scene-labels strong{font-size:10px;letter-spacing:0}.scene-labels>span{gap:3px}.hero-foot{bottom:84px;align-items:flex-start;gap:12px;font-size:9px}.hero-foot>span{display:none}.hero-foot p{gap:7px;flex-wrap:wrap}.legend-line{width:19px}.legend-line.dashed{margin-left:15px}.chapter:not(.hero){padding:102px var(--gutter) 425px;min-height:100svh}.chapter-copy{width:100%;max-width:560px}.chapter h2{font-size:30px;line-height:1.26;letter-spacing:-1px}.section-intro{font-size:12px;margin-top:17px;line-height:1.85}.section-intro br{display:none}.domain-nav{margin-top:20px;gap:2px;padding-bottom:10px}.domain-nav button{font-size:11px;padding:7px 9px;min-height:39px}.domain-detail{padding-top:19px;min-height:128px}.domain-detail h3{font-size:14px}.domain-detail p{font-size:11px}.domain-actions{padding-top:3px}.domain-actions .text-link{font-size:11px}.flow-steps{margin-top:17px;margin-bottom:17px}.flow-steps li{padding-block:9px;font-size:11px}.flow-message{min-height:78px}.flow-message h3{font-size:14px;margin-bottom:8px}.flow-message p{font-size:11px}.flow-actions{margin-top:13px}.button{font-size:11px;min-height:44px}.simulation-note{font-size:9px}.ai-points{margin-top:20px;gap:18px}.ai-points>div{padding-top:14px}.ai-points span{font-size:14px}.ai-points p{font-size:11px}.ai-boundary{font-size:10px;margin-top:24px}.evidence-list{margin-block:22px}.evidence-list p{font-size:12px;padding-block:12px}body:not([data-chapter=overview]) .space-stage{left:0;right:0;top:auto;height:310px;bottom:70px}body[data-chapter=recovery] .space-stage{height:250px}body[data-chapter=intelligence] .space-stage{height:290px}.scene-tools{height:62px;gap:16px;font-size:9px}.scene-tools>div{gap:17px;margin-left:auto}.scene-tools button{font-size:10px}.local-note{display:none}.scene-loading{font-size:11px;padding:20px;top:30%}.architecture-text{padding-top:65px}.text-heading h2{font-size:27px;line-height:1.4}.text-heading>p:last-child{font-size:12px}.text-columns{grid-template-columns:1fr;gap:32px;margin-top:38px}.text-columns h3{font-size:18px}.architecture-text footer{margin-top:50px;flex-wrap:wrap;line-height:1.8;font-size:9px}.architecture-text footer p{order:3;width:100%}}
@media(max-height:800px) and (min-width:761px){.hero{min-height:800px}.chapter{min-height:850px}.space-stage{top:250px}.hero-foot{bottom:85px}.hero h1{font-size:43px}body:not([data-chapter=overview]) .space-stage{top:110px;bottom:80px}.chapter-copy{padding-bottom:20px}}
@media(max-width:760px){.space-stage,body:not([data-chapter=overview]) .space-stage{position:absolute;bottom:auto;left:0;right:0;height:330px}.chapter:not(.hero){padding-bottom:405px}.hero{min-height:max(760px,100svh)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Clarity revision: native typography stays separate from spatial geometry. */
.scene-labels{display:none}
.spatial-annotations{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.spatial-label{position:absolute;top:0;left:0;width:max-content;max-width:230px;padding:4px 8px;text-align:center;background:rgb(244 247 248/.94);border-radius:2px;font-family:var(--font-sans,"Microsoft YaHei UI","PingFang SC","Noto Sans SC",sans-serif)}
.spatial-label strong{display:block;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:.015em;white-space:nowrap}
.spatial-label small{display:block;font-size:12px;line-height:1.65;color:var(--muted);white-space:nowrap}
.spatial-label--site{background:transparent;padding:0}
.spatial-label--site strong{font-size:18px;letter-spacing:.03em}
.spatial-label--platform{padding:5px 12px}
.spatial-label--platform strong{font-size:24px;line-height:1.25;font-weight:650;letter-spacing:-.025em;color:var(--blue-dark)}
.spatial-label--platform small{margin-top:4px}
.spatial-label--management strong,.spatial-label--core strong{font-size:12px}
.spatial-label--backbone strong{font-size:13px;color:var(--blue-dark)}
.spatial-leader{position:absolute;top:0;left:0;height:1px;background:#8ba6b7;transform-origin:0 50%;opacity:.7}
html[data-scene=fallback] .spatial-annotations{display:none}
.chapter h2{font-weight:600;letter-spacing:-.025em}
.architecture .product-kicker{letter-spacing:.08em}
.section-intro{font-size:14px;line-height:1.8}
.domain-nav{margin-top:22px}
.domain-nav button{min-height:44px;font-size:13px;padding-inline:10px}
.domain-detail{min-height:0;margin-bottom:20px;padding-top:19px}
.domain-detail h3{font-size:16px;line-height:1.6;letter-spacing:0}
.domain-detail p{font-size:13px;line-height:1.85}
.capability-index{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;margin-top:24px}
.capability-index a{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:1.5;font-weight:550;border-bottom:1px solid var(--line);white-space:nowrap}
.capability-index a span{font-size:12px;color:var(--blue);opacity:.7}
.capability-index a:hover{color:var(--blue)}
.capability-index a:last-child{grid-column:1/-1;justify-content:flex-start;gap:15px}
.capability-details{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px;margin-top:65px;padding-top:36px;border-top:1px solid #4a6273}
.capability-details article{scroll-margin-top:110px}
.capability-details h3{font-size:20px;line-height:1.55;font-weight:550;color:#f0f5f8}
.capability-details p{font-size:14px;line-height:1.9;color:#aec1cf;margin-top:12px;max-width:50ch}
.capability-details article:last-child{grid-column:1/-1;max-width:740px}
@media(max-width:1100px) and (min-width:761px){
  .architecture{padding-top:115px}.architecture .chapter-copy{width:31vw}
  .capability-index{column-gap:10px;margin-top:18px}
  .capability-index a{font-size:12px}.domain-nav{margin-top:16px}
  .domain-detail p{font-size:12px}.spatial-label--site strong{font-size:15px}
  .spatial-label--platform strong{font-size:21px}
}
@media(max-width:760px){
  .spatial-label{max-width:180px;padding:3px 5px}
  .spatial-label strong{font-size:12px}.spatial-label small{font-size:12px}
  .spatial-label--site strong{font-size:13px}
  .spatial-label--platform strong{font-size:18px}
  .spatial-label--backbone small{display:none}
  .section-intro{font-size:13px}.capability-index{margin-top:18px;column-gap:22px}
  .capability-index a{min-height:44px;font-size:13px}
  .domain-nav button{min-height:44px;font-size:12px}
  .domain-detail h3{font-size:15px}.domain-detail p{font-size:12px;line-height:1.85}
  .capability-details{grid-template-columns:1fr;gap:28px;margin-top:42px}
  .capability-details article:last-child{grid-column:auto}
  .capability-details h3{font-size:18px}
}

/* Cluster names stay full-sized; compact stages use a numbered per-center key. */
.spatial-label--service{border-left:2px solid var(--cluster-color);background:rgb(255 255 255/.96);padding:5px 10px 5px 29px;text-align:left;box-shadow:0 3px 14px rgb(16 34 49/.045)}
.spatial-label--service strong{font-size:13px;font-weight:600;letter-spacing:0}
.cluster-number{position:absolute;left:7px;top:7px;font-size:10px;color:var(--cluster-color);font-variant-numeric:tabular-nums}
.spatial-annotations[data-full=true] .spatial-label--service small{display:none}
.spatial-label--marker{width:22px;height:22px;padding:2px;background:#fff;border:1px solid #a2bbce;border-radius:50%;color:var(--blue-dark)}
.spatial-label--marker strong{font-size:12px;line-height:16px}
.spatial-label--directory{width:calc(50% - 26px);max-width:none;text-align:left;padding:9px 0 0;border-top:1px solid var(--line);background:var(--paper)}
.spatial-label--directory strong{font-size:13px;margin-bottom:7px;color:var(--blue-dark)}
.spatial-label--directory p{display:flex;align-items:center;gap:8px;font-size:12px;line-height:23px;white-space:nowrap}
.spatial-label--directory p span:first-child{font-size:10px;font-variant-numeric:tabular-nums}
.spatial-label--backbone{max-width:330px}
@media(max-width:760px){
  .space-stage,body:not([data-chapter=overview]) .space-stage{height:450px}
  .chapter:not(.hero){padding-bottom:525px}
  .hero{min-height:max(890px,100svh)}
  .spatial-label--service strong{font-size:13px}
}