:root{
  /* Compliance vocabulary: experience should feel like navigating through an interactive infographic exhibit at a museum (Google Interactions:** IntersectionObserver instead. IntersectionObserver threshold arrays [0 */
  --primary-bg:#0a1628;--secondary-bg:#132240;--twilight:#1a3058;--deep:#0d2847;
  --primary-text:#e8edf5;--secondary-text:#c4d0e3;--deep-slate:#1e2d4a;--accent-primary:#47b5e6;--accent-secondary:#2dd4a8;
  --accent-warning:#e8a94f;--accent-danger:#e05252;--muted:#6b8cc7;
  --glass:rgba(255,255,255,.08);--glass-hover:rgba(255,255,255,.14);--edge:rgba(200,220,255,.18);--saturation:1;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--primary-bg)}
body{font-family:"DM Sans",Inter,sans-serif;color:var(--primary-text);background:linear-gradient(170deg,#0a1628 0%,#132240 40%,#1a3058 70%,#0d2847 100%);overflow-x:hidden;line-height:1.75}
.aero-background{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(71,181,230,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(45,212,168,.06) 0%,transparent 50%)}
.blob{position:fixed;border-radius:50%;pointer-events:none;will-change:transform,opacity}.blob-cyan{width:52vw;height:52vw;right:-15vw;top:-18vw;background:radial-gradient(circle,rgba(71,181,230,.12) 0%,transparent 70%);filter:blur(80px);animation:driftLeft 50s cubic-bezier(.37,0,.63,1) infinite}.blob-teal{width:60vw;height:60vw;left:-20vw;bottom:-25vw;background:radial-gradient(circle,rgba(45,212,168,.08) 0%,transparent 70%);filter:blur(100px);animation:driftUp 60s cubic-bezier(.37,0,.63,1) infinite}.blob-amber{width:44vw;height:44vw;left:30vw;top:28vh;background:radial-gradient(circle,rgba(232,169,79,.06) 0%,transparent 70%);filter:blur(90px);opacity:0;transition:opacity 2s ease}.blob-amber.active{opacity:1;animation:pulseAmber 4s ease-in-out infinite}
@keyframes driftLeft{0%,100%{transform:translate(0,0)}50%{transform:translate(-14vw,8vh)}}@keyframes driftUp{0%,100%{transform:translate(0,0)}50%{transform:translate(16vw,-22vh)}}@keyframes pulseAmber{0%,100%{transform:scale(.9)}50%{transform:scale(1.08)}}
.grid-underlay{position:fixed;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - .5px),rgba(107,140,199,.06) calc(8.333% - .5px),rgba(107,140,199,.06) 8.333%),repeating-linear-gradient(0deg,transparent 0,transparent calc(100px - .5px),rgba(107,140,199,.035) calc(100px - .5px),rgba(107,140,199,.035) 100px)}
.noise-texture{position:fixed;inset:0;width:100%;height:100%;opacity:.02;mix-blend-mode:overlay;pointer-events:none}.noise-texture rect{fill:#fff}.kanji-watermark{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"Cormorant Garamond",serif;font-size:40vw;font-weight:700;color:rgba(107,140,199,.02);line-height:1;white-space:nowrap;pointer-events:none}
.narrative{filter:saturate(var(--saturation));transition:filter .35s linear}.chapter{min-height:100vh;padding:48px;display:flex;align-items:center;justify-content:center;position:relative}.chapter:nth-child(even){background:linear-gradient(180deg,rgba(19,34,64,.32),rgba(10,22,40,.12))}.bento-grid{width:100%;max-width:1440px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,auto);gap:12px}
.bento-cell{grid-column:span 4;min-height:210px;padding:clamp(20px,2.3vw,34px);border:1px solid var(--edge);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 8px 32px rgba(10,20,50,.12),inset 0 1px 0 rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;opacity:.4;filter:blur(12px);transition:opacity .2s linear,filter .2s linear,background .3s ease-out,backdrop-filter .3s ease-out,box-shadow .3s ease-out,transform .3s ease-out}.bento-cell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.16),transparent 26%),linear-gradient(120deg,rgba(71,181,230,.08),transparent 35%,rgba(45,212,168,.045));pointer-events:none}.bento-cell:hover,.bento-cell.focused{background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));backdrop-filter:blur(24px) saturate(2.2);box-shadow:0 12px 40px rgba(10,20,50,.18),inset 0 0 20px rgba(71,181,230,.08);transform:translateY(-2px)}.bento-cell>*{position:relative;z-index:1}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.tall{min-height:44vh}.medium{min-height:34vh}.compact{min-height:22vh}.banner{min-height:18vh}.hero-grid{grid-auto-rows:minmax(160px,auto)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;letter-spacing:-.02em;line-height:1.02;color:var(--primary-text)}h1{font-size:clamp(4rem,10vw,10.5rem)}h2{font-size:clamp(2.4rem,5.5vw,5rem)}h3{font-size:clamp(1.45rem,2.2vw,2.25rem);margin-bottom:12px}p{font-size:16px;color:var(--secondary-text);max-width:72ch}.lead{font-size:clamp(1.08rem,1.6vw,1.45rem);margin-top:20px}.caption{font-size:13px;line-height:1.6;color:var(--muted)}.mono-label,.section-indicator{font-family:"IBM Plex Mono",monospace;font-size:12px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mono-label{margin-bottom:14px}.giant-script{font-size:clamp(3rem,6vw,6.2rem);font-weight:700;color:var(--accent-primary);text-shadow:0 0 28px rgba(71,181,230,.32)}.hero-wordmark h1{background:linear-gradient(180deg,#fff,#c4d0e3 52%,#6b8cc7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 35px rgba(71,181,230,.12)}
.stroke-kanji{width:100%;min-height:150px}.kanji-fill{font-family:"Cormorant Garamond",serif;font-size:90px;fill:rgba(232,237,245,.14);stroke:rgba(232,237,245,.14);stroke-width:1}.kanji-draw{font-family:"Cormorant Garamond",serif;font-size:90px;fill:transparent;stroke:#47b5e6;stroke-width:2.4;stroke-dasharray:920;stroke-dashoffset:920;animation:drawKanji 8s ease forwards;text-shadow:0 0 18px rgba(71,181,230,.5)}@keyframes drawKanji{0%{stroke-dashoffset:920;fill:transparent}76%{stroke-dashoffset:0;fill:transparent}100%{stroke-dashoffset:0;fill:#e8edf5}}
.iso-icon{width:min(100%,210px);height:auto;margin:8px auto 14px;overflow:visible}.iso-shadow{fill:rgba(10,22,40,.38);filter:blur(4px)}.glass-part{fill:rgba(71,181,230,.18);stroke:#6b8cc7;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 10px 14px rgba(10,22,40,.22))}.glass-part.teal{fill:rgba(45,212,168,.18)}.glass-part.red{fill:rgba(224,82,82,.16)}.glass-line{fill:none;stroke:#6b8cc7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.red-stroke{stroke:#e05252}.shine{fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.32);stroke-width:1}.glass-part,.glass-line,.shine,.iso-shadow{opacity:0;animation:iconReveal .7s ease forwards}.part-1{animation-delay:.06s}.part-2{animation-delay:.18s}.part-3{animation-delay:.32s}.part-4{animation-delay:.52s}@keyframes iconReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rotating-globe{animation:globeRotate 20s linear infinite}@keyframes globeRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.chip-list,.redacted{list-style:none;display:grid;gap:8px}.chip-list li{padding:8px 12px;border:1px solid rgba(45,212,168,.22);border-radius:999px;color:var(--secondary-text);background:rgba(45,212,168,.075)}.redacted li{padding:6px 10px;border-left:3px solid var(--accent-danger);background:linear-gradient(90deg,rgba(224,82,82,.18),rgba(224,82,82,.03));color:var(--secondary-text)}.data-big{font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,7vw,6.4rem);line-height:.9;color:var(--accent-primary);letter-spacing:-.04em}.amber{color:var(--accent-warning)}.red{color:var(--accent-danger)}.danger-cell{border-color:rgba(224,82,82,.25);background:linear-gradient(145deg,rgba(224,82,82,.12),rgba(255,255,255,.045))}.warning-cell,.outcome{border-color:rgba(232,169,79,.22);background:linear-gradient(145deg,rgba(232,169,79,.11),rgba(255,255,255,.045))}.reflection{border-color:rgba(71,181,230,.28);background:linear-gradient(145deg,rgba(71,181,230,.14),rgba(45,212,168,.06))}.reflection p{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,4vw,4.5rem);line-height:1.05;color:var(--primary-text);max-width:16ch}.reflection span{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-top:16px}.language-card,.alert-card,.icon-card{text-align:center;align-items:center}.alert-card strong{color:var(--primary-text)}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:42px 0 26px}.timeline:before{content:"";position:absolute;left:6%;right:6%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),var(--accent-danger),transparent);box-shadow:0 0 20px rgba(71,181,230,.28)}.timeline-event{position:relative;z-index:1;border:1px solid rgba(200,220,255,.2);border-radius:16px;padding:18px 12px;background:rgba(10,22,40,.42);backdrop-filter:blur(12px);color:var(--secondary-text);cursor:pointer;transition:.25s ease;font-family:"IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.timeline-event span{display:block;font-family:"Cormorant Garamond",serif;font-size:2.4rem;color:var(--accent-secondary);letter-spacing:-.03em}.timeline-event em{font-style:normal;font-size:12px;color:var(--muted)}.timeline-event:hover,.timeline-event.active{border-color:rgba(71,181,230,.65);box-shadow:0 0 28px rgba(71,181,230,.18),inset 0 0 18px rgba(71,181,230,.08);transform:translateY(-3px)}.timeline-event.hot span{color:var(--accent-danger)}.timeline-detail{min-height:34px;color:var(--primary-text)}
.section-indicator{position:fixed;right:32px;bottom:32px;z-index:20;display:flex;gap:14px;align-items:center;padding:12px 18px;border:1px solid var(--edge);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px) saturate(1.8);box-shadow:0 8px 32px rgba(10,20,50,.2)}.section-indicator b{font-weight:400;color:var(--accent-primary)}.section-indicator.pulse{animation:indicatorPulse .32s ease}@keyframes indicatorPulse{50%{transform:scale(1.05)}}
@media (max-width:900px){.chapter{min-height:auto;padding:16px}.bento-grid{grid-template-columns:1fr;gap:12px}.bento-cell,.span-3,.span-4,.span-6,.span-8,.span-12{grid-column:1}.tall,.medium,.compact,.banner{min-height:auto}.timeline{grid-template-columns:1fr}.timeline:before{left:22px;right:auto;top:0;bottom:0;width:2px;height:auto}.section-indicator{right:16px;bottom:16px}.hero-wordmark h1{font-size:clamp(3.6rem,18vw,6rem)}}