@import url('https://fonts.googleapis.com/css2?family=Baloo+Chettan+2:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--brand:#0f0fed;--deep:#030312;--ink:#06062a;--night:#09094a;--mid:#2424f0;--soft:#8585f8;--pale:#cacafc;--paper:#f2f2ff;--muted:#aaaadc;--line:#cacaFC24;font-family:'Baloo Chettan 2',Arial,sans-serif;color:var(--paper);background:var(--deep)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--deep);overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--pale);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:30;padding:15px;background:#10107a}.skip:focus{top:20px}
#case-space{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.case-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 22%,transparent 0 10%,#03031218 38%,#030312b0 88%),linear-gradient(90deg,#030312b8,transparent 45%,#0303124d);z-index:0}
.case-nav{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;background:linear-gradient(#030312f0,#03031200)}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:800;letter-spacing:-.025em}.brand img{width:29px;height:auto;filter:brightness(0) invert(1)}.nav-caption{font-size:11px;font-weight:600;letter-spacing:.16em;color:#b8b8e8}.nav-actions{display:flex;align-items:center;gap:20px;font-size:14px;color:#b8b8e8}.nav-actions .visit{padding:11px 18px;border:1px solid #cacaFC38;border-radius:30px;color:var(--paper)}.nav-actions span{margin-left:12px}
main,footer{position:relative;z-index:1}.case-hero,.case-intro,.lens-section,.case-practice,.case-outcome{width:min(1240px,88%);margin:0 auto}.case-hero{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:130px 0 80px}.eyebrow{margin:0 0 25px;color:#9292fa;font-size:12px;font-weight:700;letter-spacing:.16em}h1,h2{margin:0 0 30px;font-size:clamp(48px,6vw,92px);font-weight:600;line-height:1.04;letter-spacing:-.03em}h2{font-size:clamp(42px,4.8vw,72px)}em{font-style:normal;color:#a3a3fb}.lead{max-width:560px;margin:0;color:#ceceee;font-size:clamp(18px,1.6vw,23px);line-height:1.52}.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.case-meta span{padding:7px 12px;border:1px solid var(--line);border-radius:30px;color:#a9a9d6;font-size:12px}
.hero-object{position:relative;justify-self:center;width:min(42vw,520px);aspect-ratio:1;display:grid;place-items:center;perspective:800px}.halo{position:absolute;inset:15%;border:1px solid #9898ff52;border-radius:50%;transform:rotateX(67deg)}.halo-two{inset:7%;border-color:#7777f634}.halo-three{inset:0;border-color:#5555f224}.am-orb{position:relative;z-index:2;width:180px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 36% 28%,#f2f2ff,#aaaaff 24%,#2424f0 62%,#08084a);box-shadow:0 0 45px #8585f870,0 0 150px #0f0fed55;color:#050526;transform:translateY(-15px)}.am-orb span{font-size:68px;font-weight:800;line-height:.8;letter-spacing:-.08em}.am-orb small{font-size:15px;font-weight:700;letter-spacing:.12em}.hero-object>p{position:absolute;bottom:10%;margin:0;color:#bcbcf2;font-size:12px;font-weight:600;letter-spacing:.24em;text-align:center}.hero-object:before,.hero-object:after{content:'';position:absolute;width:1px;height:35%;background:linear-gradient(transparent,#8585f888,transparent)}.hero-object:before{top:-5%}.hero-object:after{bottom:-3%}
.case-intro{padding:130px 0 170px;border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.source-note{max-width:560px;margin:28px 0 0;padding-left:18px;border-left:1px solid #8585f8;color:#9292bf;font-size:15px;line-height:1.65}
.lens-section{position:relative;padding:120px 0 150px}.lens-heading{position:sticky;top:130px;width:44%;z-index:2}.lens-orbit{position:absolute;top:0;right:-8%;width:70%;aspect-ratio:1;opacity:.7;pointer-events:none}.lens-orbit span{position:absolute;inset:10%;border:1px solid #7777f62b;border-radius:50%;transform:rotateX(66deg)}.lens-orbit span:nth-child(2){inset:22%;border-color:#9999fb3d}.lens-orbit span:nth-child(3){inset:36%;border-color:#cacaFC55}.lens-grid{position:relative;z-index:3;margin-left:52%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.lens-grid article{min-height:250px;padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,#0b0b4dcc,#05051fd9);backdrop-filter:blur(12px);border-radius:18px;transition:transform .25s,border-color .25s}.lens-grid article:hover{transform:translateY(-5px);border-color:#8585f86e}.lens-grid img{width:48px;height:48px;padding:7px;border-radius:50%;background:#e6e6ff}.lens-grid article>span{float:right;color:#7777aa;font-size:12px}.lens-grid h3{margin:25px 0 9px;font-size:25px;font-weight:600}.lens-grid p{margin:0;color:#aaaadc;font-size:16px;line-height:1.5}
.case-practice{min-height:90svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:100px 0}.connection-map{position:relative;justify-self:center;width:min(43vw,530px);aspect-ratio:1;border:1px solid #7777f638;border-radius:50%;transform:rotateX(62deg) rotateZ(-7deg)}.connection-map:before,.connection-map:after{content:'';position:absolute;border:1px solid #7777f62e;border-radius:50%;inset:18%}.connection-map:after{inset:35%}.core,.satellite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateZ(7deg) rotateX(-40deg);display:grid;place-items:center;border:1px solid #aaaaff66;background:#080847;color:#f2f2ff;box-shadow:0 0 30px #0f0fed55}.core{width:90px;aspect-ratio:1;border-radius:50%;font-size:32px;font-weight:700;background:#0f0fed}.satellite{padding:7px 11px;border-radius:18px;font-size:12px}.s1{left:50%;top:5%}.s2{left:82%;top:18%}.s3{left:98%;top:50%}.s4{left:82%;top:82%}.s5{left:50%;top:95%}.s6{left:18%;top:82%}.s7{left:2%;top:50%}.s8{left:18%;top:18%}
.case-outcome{padding:160px 0 140px;text-align:center;border-top:1px solid var(--line)}.case-outcome h2{max-width:1000px;margin-left:auto;margin-right:auto}.case-outcome .lead{margin:0 auto}.outcome-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:45px}.outcome-actions a{padding-bottom:8px;border-bottom:1px solid #8585f866;color:#cacafc}.outcome-actions .primary{padding:14px 20px;border:1px solid #8585f877;border-radius:30px;background:#0f0fed22;color:#f2f2ff}.outcome-actions span{margin-left:16px}
footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;width:min(1240px,88%);margin:0 auto;padding:30px 0 35px;border-top:1px solid var(--line);color:#9292bf;font-size:12px;line-height:1.8}footer p{margin:0}footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.case-nav{padding:18px 6%}.nav-caption,.nav-actions>a:first-child{display:none}.brand{font-size:23px}.brand img{width:24px}.nav-actions{font-size:12px}.case-hero,.intro-grid,.case-practice{grid-template-columns:1fr}.case-hero{padding-top:120px;gap:25px}.hero-copy{align-self:end}.hero-object{width:min(88vw,430px)}.am-orb{width:135px}.am-orb span{font-size:52px}.case-intro{padding:90px 0 110px}.lens-section{padding:80px 0 100px}.lens-heading{position:relative;top:auto;width:100%;margin-bottom:50px}.lens-grid{margin-left:0;grid-template-columns:1fr}.lens-grid article{min-height:0}.lens-orbit{display:none}.case-practice{padding:80px 0 120px}.connection-map{width:min(84vw,470px);order:-1}.case-outcome{padding:110px 0 100px}.outcome-actions,footer{flex-direction:column}.outcome-actions{gap:20px}h1{font-size:clamp(46px,13vw,70px)}h2{font-size:clamp(40px,11vw,62px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lens-grid article{transition:none}}

/* Iteration 28: shared 8i gold accent and approved dark-surface lockup. */
:root{--accent:#f6cd49;--accent-hover:#fae284;--accent-ink:#02020b}
.brand img{filter:none}
h1 em,h2 em{color:var(--accent)}
.nav-actions .visit{border-color:#f6cd4966}
.nav-actions .visit:hover{border-color:var(--accent);color:var(--accent-hover)}
.case-meta span:hover{border-color:#f6cd4966;color:var(--accent-hover)}
.source-note{border-left-color:#f6cd4973}
.lens-grid article:hover{border-color:#f6cd496e}
.lens-grid article>span{color:var(--accent)}
.outcome-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 30px #f6cd4930}
.outcome-actions .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.outcome-actions>a:not(.primary):hover,footer>a:hover{color:var(--accent-hover)}
@media(max-width:600px){
  .case-nav{padding:15px 5%}.brand{font-size:21px}.brand img{width:22px}
  .nav-actions .visit{padding:8px 11px;font-size:11px}
  .case-hero{min-height:100svh;padding:102px 0 64px}
  .hero-object{width:min(82vw,350px)}.am-orb{width:112px}.am-orb span{font-size:44px}
  .case-meta{gap:6px;margin-top:24px}.case-meta span{padding:5px 9px;font-size:10px}
  .case-intro{padding:74px 0 86px}.lens-section{padding:68px 0 82px}.lens-heading{margin-bottom:32px}
  .lens-grid{gap:12px}.lens-grid article{padding:20px;border-radius:14px}.lens-grid h3{margin-top:18px;font-size:22px}.lens-grid p{font-size:14px}
  .case-practice{padding:68px 0 92px}.connection-map{width:min(78vw,350px)}
  .case-outcome{padding:88px 0 82px}.outcome-actions{width:100%;margin-top:34px}.outcome-actions a{width:100%}
  footer{font-size:10px;line-height:1.55}
}


/* Site-wide theme (sessionStorage 8i-theme; default = prefers-color-scheme) */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body{background:#f7f7ff;color:#030312}
html[data-theme="light"] .nav,html[data-theme="light"] header,html[data-theme="light"] .system-header{color:#0f0fed}
html[data-theme="light"] .brand .brand-wordmark,html[data-theme="light"] .brand span{color:#0f0fed}
html[data-theme="light"] .brand img.theme-brand-mark{filter:none}
html[data-theme="light"] a,html[data-theme="light"] .nav-link,html[data-theme="light"] .case-link{color:#0c0c78}
html[data-theme="light"] .lead,html[data-theme="light"] .support,html[data-theme="light"] p{color:#333368}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#030312}
html[data-theme="light"] em{color:#0f0fed}