:root{--ink:#15203A;--blue:#2764FF;--soft:#92ADFF;--mist:#F4F7FB;--white:#fff;--line:#92adff35}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:white;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--soft);outline-offset:6px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.topbar{padding:22px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.topbar img{width:180px;display:block}.topbar>div{display:flex;align-items:center;gap:45px}.topbar a:not(:first-child),.topbar>div>a{font-size:12px;color:var(--soft)}.topbar>div>span,.eyebrow,.index,.stage-hint,.bottom,.core-label>span,.controls{font-family:'SFMono-Regular',Consolas,monospace;letter-spacing:.045em;font-size:10px}.topbar>div>span{color:#b8c6e0}main{max-width:1600px;margin:auto;padding:36px 48px 24px}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{color:var(--soft);margin-bottom:18px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:2px;width:18px;background:var(--blue)}h1{font-size:43px;line-height:1.06;font-weight:500;letter-spacing:-.04em}.subtitle{font-size:17px;color:#b8c6e0;margin-top:13px;line-height:1.5}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.controls button{min-height:38px;border:1px solid var(--line);border-radius:3px;background:none;color:white;padding:10px 12px;font-size:11px;display:flex;align-items:center;gap:14px;white-space:nowrap;transition:background .2s,border-color .2s}.controls button:hover{border-color:var(--soft);background:#92adff15}.controls button:first-child{background:var(--blue);border-color:var(--blue)}.controls button[aria-pressed=true]:not(:first-child){border-color:var(--soft);background:#92adff22}.purpose,.value{display:flex;align-items:center;gap:40px;padding:18px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;position:relative}.purpose strong,.value strong{font-size:11px;flex:0 0 245px;font-weight:600}.purpose p,.value p{font-size:14px;color:#b8c6e0;line-height:1.5}.purpose>span,.value>span{margin-left:auto;color:var(--soft);font-size:22px}.purpose:before{content:'';width:2px;position:absolute;left:0;top:12px;bottom:12px;background:var(--blue)}.visual-stage{height:650px;position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;z-index:1}#scene:active{cursor:grabbing}.floor{position:absolute;width:56%;height:200px;left:22%;bottom:10px;border-radius:50%;background:radial-gradient(ellipse,#2764ff18,transparent 65%);z-index:0;pointer-events:none}#leaders{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}#leaders path{fill:none;stroke:#92adff70;stroke-width:1;transition:stroke .3s}#leaders circle{fill:var(--soft)}#leaders .behind{stroke-dasharray:3 5;opacity:.35}#leaders .selected{stroke:white;stroke-width:1.5;opacity:1}.core-label{position:absolute;left:50%;top:50%;width:230px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:4;text-shadow:0 2px 15px #15203acc}.core-label>span{font-size:9px;color:#c8d5ff;display:block;margin-bottom:12px}.core-label strong{font-weight:600;letter-spacing:-.035em;line-height:1.16;display:block;font-size:26px}.core-label small{font-size:11px;color:#c8d5ff;display:block;line-height:1.4;margin-top:14px}.area{position:absolute;background:transparent;color:white;border:1px solid transparent;border-radius:3px;text-align:left;z-index:5;padding:16px 20px;width:260px;transition:background .25s,border-color .25s,transform .25s}.area:hover{background:#92adff0c;border-color:var(--line)}.area[aria-pressed=true]{background:#2764ff1f;border-color:var(--blue);transform:translateY(-3px)}.index{color:var(--soft);display:flex;align-items:center;gap:9px;font-size:10px;margin-bottom:10px}.index i{display:block;width:30px;height:1px;background:currentColor}.area h2{font-size:23px;font-weight:500;line-height:1.1;letter-spacing:-.025em;margin-bottom:10px}.area p{font-size:13px;line-height:1.5;color:#b8c6e0}.area-0{top:2px;left:50%;transform:translateX(-50%);width:320px;text-align:center;padding:10px 20px}.area-0 .index{justify-content:center}.area-0[aria-pressed=true]{transform:translate(-50%,-3px)}.area-0 h2{font-size:21px}.area-1{right:0;top:155px}.area-2{right:0;bottom:105px}.area-3{left:0;bottom:105px}.area-4{left:0;top:155px}.node-pins{position:absolute;inset:0;z-index:3;pointer-events:none}.node-pins span{position:absolute;width:22px;height:22px;border:1px solid #92adff88;background:var(--ink);display:grid;place-items:center;border-radius:50%;font:9px 'SFMono-Regular',Consolas,monospace;transform:translate(-50%,-50%);color:var(--soft)}.node-pins span.selected{border-color:white;color:white;background:var(--blue)}.node-pins span.behind{opacity:.3}.stage-hint{position:absolute;bottom:15px;left:0;z-index:5;color:#b8c6e0;display:flex;align-items:center;gap:10px;font-size:10px}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--soft);box-shadow:0 0 8px #92adff88}.is-paused .live-dot{box-shadow:none;background:#52617a}.hint-divider{color:#52617a;margin:0 6px}.zoom{position:absolute;bottom:8px;right:0;z-index:5;display:flex;border:1px solid var(--line);border-radius:3px}.zoom button{background:none;border:0;color:var(--soft);font-size:18px;height:32px;width:36px}.zoom button+button{border-left:1px solid var(--line)}.value{margin:0;background:#92adff12;border:0;border-left:2px solid var(--blue);padding:20px}.value strong{flex-basis:245px}.bottom{display:flex;justify-content:space-between;gap:30px;color:#92adffb3;padding-top:20px;font-size:9px;line-height:1.5}.bottom a{color:var(--soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#fallback{position:absolute;left:30%;right:30%;top:20%;font-size:14px;text-align:center;color:var(--soft);z-index:6}body:fullscreen{overflow:auto}.topbar:fullscreen{display:none}@media(min-width:1550px){.visual-stage{height:720px}.area-1,.area-4{top:190px}.area-2,.area-3{bottom:125px}}@media(max-width:1200px){.topbar{padding:20px 32px}main{padding:30px 32px 24px}h1{font-size:37px}.intro{align-items:start;flex-direction:column;gap:22px}.controls{justify-content:start}.area{width:225px;padding:14px}.area h2{font-size:21px}.area-0{width:300px}.area p{font-size:12px}.visual-stage{height:620px}.core-label strong{font-size:24px}.purpose,.value{gap:25px}.purpose strong,.value strong{flex-basis:210px}.core-label{width:200px}.area-1,.area-4{top:150px}.area-2,.area-3{bottom:95px}}@media(max-width:800px){.topbar{padding:18px 24px}.topbar img{width:150px}.topbar>div>span{display:none}.topbar>div>a{font-size:11px}main{padding:26px 24px 24px}h1{font-size:35px;max-width:17ch}.subtitle{font-size:16px;max-width:36ch}.controls{gap:7px}.controls button{font-size:10px;padding:10px;gap:8px}.controls button:last-child{display:none}.purpose,.value{display:block;padding:17px;margin-top:24px}.purpose strong,.value strong{font-size:10px;display:block;margin-bottom:10px}.purpose p,.value p{font-size:13px;max-width:37ch}.purpose>span,.value>span{position:absolute;right:18px;top:15px}.visual-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:430px;padding-bottom:50px;overflow:visible}#scene{height:410px;inset:0 0 auto;z-index:1}.floor{top:270px;bottom:auto;height:130px;width:80%;left:10%}#leaders{height:410px;display:none}.core-label{top:205px;width:180px}.core-label strong{font-size:22px}.core-label>span{font-size:8px;margin-bottom:10px}.core-label small{font-size:10px;margin-top:12px}.area{position:relative;inset:auto!important;width:auto!important;transform:none!important;padding:17px 14px;border:1px solid var(--line);text-align:left;background:#92adff06}.area-0{grid-column:1/-1}.area-0 .index{justify-content:start}.area-0 h2{font-size:21px}.area h2{font-size:20px}.area p{font-size:12px}.area-4{grid-column:1/-1}.area[aria-pressed=true]{background:#2764ff22;transform:none}.node-pins{height:410px}.stage-hint{bottom:14px;left:0;font-size:8px;gap:7px}.stage-hint>span:last-child{max-width:30ch}.zoom{top:370px;bottom:auto}.value{margin-top:0}.bottom{flex-direction:column;gap:10px;font-size:9px}#fallback{left:15%;right:15%;top:130px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep the top satellite clear of its label and retain a larger readable core on mobile. */
@media(min-width:801px){.core-label{top:calc(50% + 40px)}}
@media(max-width:800px){.area-4{grid-column:auto}.core-label{width:165px}.core-label strong{font-size:20px}}