:root{--ink:#172033;--paper:#ffffff;--teal:#179b8f;--navy:#1B3D8E;--purple:#7e3f8f;--orange:#e89a3b;--coral:#ef6e6e;--magenta:#c7237e;--muted:#52677a;--line:#dce4eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,.name,button,strong{font-family:Manrope,sans-serif}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px clamp(22px,6vw,82px);background:var(--ink);color:#ffffff}.name{font-weight:800}.name span{display:block;color:#b9c9d5;font:500 .67rem "DM Sans",sans-serif}.nav>a:last-child{font-weight:800}.oi-hero{padding:clamp(72px,9vw,130px) 24px;background:linear-gradient(135deg,#172033 0%,#532363 56%,#7e3f8f 140%);color:#ffffff}.oi-hero>div,.story,.lens-section,.altitude,.bridge{max-width:1180px;margin:auto}.eyebrow{margin:0 0 16px;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.16em}.oi-hero h1{margin:0;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.88;letter-spacing:-.07em}.oi-hero em{color:#ffffff;font-style:normal}.oi-hero>div>p:not(.eyebrow){max-width:720px;margin:32px 0;color:#dbe4ed;font-size:1.22rem}.hero-links{display:flex;flex-wrap:wrap;gap:10px}.hero-links a{padding:13px 18px;border:1px solid #ffffff66;border-radius:12px;font-weight:800}.hero-links a:first-child{background:#ffffff;color:var(--ink)}.story,.lens-section,.altitude,.bridge{padding:90px 24px}.story-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.story h2,.section-intro h2,.bridge h2{max-width:850px;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}.play-controls{display:flex;gap:8px}.play-controls button,.progress-dots button,.lens-tabs button{border:0;cursor:pointer}.play-controls button{min-width:48px;padding:11px 15px;border-radius:12px;background:var(--ink);color:#ffffff;font-weight:800}.stage{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;margin-top:45px;padding:clamp(26px,4vw,54px);border-radius:30px;background:#ffffff;box-shadow:0 18px 55px #17203312}.stage-copy>p:first-child{color:var(--purple);font-weight:800;letter-spacing:.12em}.stage-copy h3{margin:12px 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.stage-copy>p{color:var(--muted)}.visible-layers{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.visible-layers span{padding:7px 11px;border-radius:12px;background:#e8f5f6;color:#126d76;font-size:.76rem;font-weight:800}.branch-board{display:grid;gap:12px}.branch{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px;border-left:7px solid var(--magenta);border-radius:18px;background:var(--paper)}.branch span{font-weight:800}.branch strong{color:var(--magenta);font-size:2rem}.branch small{grid-column:1/-1;color:var(--muted);font-size:.9rem}.progress-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.progress-dots button{width:44px;height:8px;overflow:hidden;border-radius:12px;background:#cbd6df;color:transparent}.progress-dots button.active{background:var(--purple)}.lens-section{max-width:none;background:var(--ink);color:#ffffff}.lens-section>*{max-width:1132px;margin-left:auto;margin-right:auto}.lens-section .section-intro>p:last-child{color:#c4d0da}.lens-tabs{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;margin-top:42px}.lens-tabs button{min-height:62px;padding:8px;border-radius:14px;background:#ffffff12;color:#ffffff;font-weight:800}.lens-tabs button.active{background:var(--teal);color:#10202c}.lens-result{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:16px;padding:clamp(28px,5vw,58px);border-radius:28px;background:#ffffff;color:var(--ink)}#lens-code{color:var(--purple);font-weight:800;letter-spacing:.13em}#lens-name{margin:10px 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1}#lens-question{font-size:1.15rem;font-weight:700}#lens-detail{color:var(--muted)}.response{margin-top:22px;padding:18px;border-left:5px solid var(--teal);border-radius:14px;background:#edf8f9;font-weight:700}.altitude-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.altitude article{padding:26px;border-radius:22px;background:#ffffff}.altitude b{color:var(--purple);font-size:.75rem;letter-spacing:.12em}.altitude h3{font-size:1.5rem}.altitude p{color:var(--muted)}.bridge{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid var(--line)}.bridge>div>p:last-child{color:var(--muted);font-size:1.08rem}.response-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}.response-map article{padding:20px;border-radius:18px;background:#ffffff}.response-map b,.response-map span{display:block}.response-map b{color:var(--purple)}.response-map span{margin-top:6px;color:var(--muted)}.response-map .system{grid-column:1/-1;background:var(--navy);color:#ffffff}.response-map .system b,.response-map .system span{color:#ffffff}.closing{padding:90px 24px;text-align:center;background:var(--purple);color:#ffffff}.closing p{font-weight:800;letter-spacing:.14em}.closing h2{max-width:850px;margin:18px auto 35px;font-size:clamp(2.5rem,5vw,5rem);line-height:.95}.closing a{display:inline-block;padding:14px 20px;border-radius:12px;background:#ffffff;color:var(--purple);font-weight:800}@media(max-width:850px){.stage,.lens-result,.bridge{grid-template-columns:1fr}.altitude-grid{grid-template-columns:1fr 1fr}.lens-tabs{grid-template-columns:repeat(3,1fr)}.story-head{align-items:start;flex-direction:column}.bridge{gap:30px}}@media(max-width:560px){.nav .name span{display:none}.nav>a:last-child{font-size:.8rem}.oi-hero h1{font-size:3.5rem}.story,.lens-section,.altitude,.bridge{padding:65px 20px}.altitude-grid,.response-map{grid-template-columns:1fr}.response-map .system{grid-column:auto}.play-controls{width:100%}.play-controls button{flex:1}.branch strong{font-size:1.55rem}}
/* Keep every interactive lens slide visually stable. */
.lens-result{align-content:center;min-height:430px}
@media(max-width:560px){.lens-result{min-height:520px}}

/* BRITER brand correction: keep diagnostic work on white, color-coded surfaces. */
.lens-section{background:#fff;color:var(--ink);border-block:1px solid var(--line)}
.lens-section .section-intro>p:last-child{color:var(--muted)}
.lens-tabs button{--lens-accent:var(--teal);border:1px solid var(--line);border-top:4px solid var(--lens-accent);border-radius:14px;background:#fff;color:var(--ink)}
.lens-tabs button:nth-child(1),.lens-tabs button:nth-child(7){--lens-accent:var(--navy)}
.lens-tabs button:nth-child(2),.lens-tabs button:nth-child(9){--lens-accent:var(--teal)}
.lens-tabs button:nth-child(3),.lens-tabs button:nth-child(6){--lens-accent:var(--coral)}
.lens-tabs button:nth-child(4),.lens-tabs button:nth-child(8){--lens-accent:var(--orange)}
.lens-tabs button:nth-child(5){--lens-accent:var(--purple)}
.lens-tabs button.active{border-color:var(--lens-accent);background:var(--lens-accent);color:#fff}
.lens-result{border:1px solid var(--line);border-top:6px solid var(--purple);border-radius:24px;box-shadow:0 14px 34px #17203310}

header.nav{background:#713981;color:#fff}header.nav .name span{color:#fff}