/* Executive density: readable labels and concise operational states. */
body{font-size:16px}
.brand strong{font-size:16px}.brand small{font-size:12px}
.nav-label{font-size:12px}.side nav a{font-size:15px;padding:12px}
.side-bottom{font-size:13px}.side-bottom strong{font-size:14px}
.topbar{height:72px}.top-left,.top-right{font-size:14px}.demo-pill{font-size:12px;padding:8px 11px}
.eyebrow{font-size:12px}.page-title h1{font-size:clamp(32px,3.1vw,44px)}.page-title p{font-size:16px}
.period{font-size:14px}
.hero{min-height:190px;align-items:center}.hero h2{font-size:clamp(26px,2.5vw,34px);margin:11px 0 10px}.hero p{font-size:15px;max-width:720px}
.hero-signals{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.hero-signals>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #7bcde953;border-radius:7px;background:#74dcf012;color:#d9f7ff;font-size:12px;font-weight:650}
.hero-signals>span:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #baf47d99}
.orbit .core b{font-size:31px}.orbit .core sup{font-size:12px;vertical-align:super;color:var(--muted)}.orbit .core small{font-size:12px;white-space:nowrap}
.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric{min-height:143px}.metric .label{font-size:14px}.metric .value{font-size:clamp(27px,2.45vw,36px)}.metric .meta{font-size:14px}
.metric-efficiency{border-color:#5be4e65c;background:linear-gradient(150deg,#17334a,#11243a)}
.section-head h2{font-size:22px}.section-head p,.section-head .mini{font-size:14px}
.panel h3{font-size:17px}.panel-sub{font-size:14px}.legend{font-size:13px}
.chart text{font-size:12px}.trend-foot{font-size:14px}
.rec{padding:15px 15px 15px 18px}.rec strong{font-size:15px;line-height:1.35}.rec em{font-size:12px}.rec p{font-size:14px;line-height:1.55}
.flow-step{min-height:118px;padding:15px 13px}.flow-step small{font-size:13px}.flow-step b{font-size:24px}.flow-step span{font-size:12px}.flow-note{font-size:14px}
table{font-size:14px}th{font-size:13px;padding:11px 8px}td{padding:14px 8px}.channel-note{font-size:13px}
.signal{padding:13px}.signal small,.signal span{font-size:12px}.signal b{font-size:20px}
.source-chip{font-size:13px;padding:7px 9px}
.sim-left h3{font-size:18px}.sim-left p{font-size:14px}.slider-head{font-size:14px}.scale{font-size:12px}
.sim-result small{font-size:12px;min-height:33px}.sim-result b{font-size:19px}.verdict{font-size:13px}.assumption{font-size:12px}
.market-card .eyebrow{font-size:12px}.market-card b{font-size:27px}.market-card p{font-size:14px}
.footer{font-size:12px}
/* Motion uses opacity and transform only; there are no canvas or video effects. */
.hero .r2{border-style:dashed;animation:orbit-turn 30s linear infinite}
.hero .r1{animation:orbit-turn 44s linear infinite reverse;border-style:dotted}
.orbit .n1,.orbit .n2,.orbit .n3{animation:node-breathe 3.5s ease-in-out infinite}
.orbit .n2{animation-delay:1.1s}.orbit .n3{animation-delay:2.2s}
.live:before{animation:live-pulse 2.6s ease-in-out infinite}
.metric{animation:card-enter .65s both}.metric:nth-child(2){animation-delay:.08s}.metric:nth-child(3){animation-delay:.16s}.metric:nth-child(4){animation-delay:.24s}.metric:nth-child(5){animation-delay:.32s}.metric:nth-child(6){animation-delay:.4s}
.chart .rev,.chart .cost{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line 1.8s ease-out forwards}
.chart .cost{animation-delay:.3s}.chart .area{animation:area-enter 1.8s ease-out both}
.source-chip:before{box-shadow:0 0 8px #5be4e66b}
.channels>div,.grid-main>div{min-width:0}
.card,.flow-step,.signal{transition:background-color .25s,border-color .25s,transform .25s}
.card:hover,.flow-step:hover{border-color:#4f849d;transform:translateY(-2px)}
@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes node-breathe{50%{opacity:.5;transform:scale(1.4)}}
@keyframes live-pulse{50%{box-shadow:0 0 0 5px #baf47d1d,0 0 12px var(--lime)}}
@keyframes card-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes draw-line{to{stroke-dashoffset:0}}
@keyframes area-enter{from{opacity:0}to{opacity:1}}
@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 155px}.topbar{height:62px}}
@media(max-width:640px){.topbar{height:58px}.top-left{font-size:12px}.demo-pill{font-size:12px}.page-title p{font-size:14px}.hero{min-height:0}.hero h2{font-size:26px}.hero p{font-size:14px}.hero-signals>span{font-size:12px}.metric .label{font-size:13px}.metric .value{font-size:26px}.metric .meta{font-size:12px}.section-head h2{font-size:20px}.section-head p{font-size:13px}.flow-step b{font-size:22px}.flow-step small{font-size:12px}.flow-step span{font-size:12px}.sim-result b{font-size:15px}.sim-result small{font-size:12px}.mobile-nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero .r2,.hero .r1,.orbit .node,.live:before,.metric,.chart .rev,.chart .cost,.chart .area{animation:none!important}.chart .rev,.chart .cost{stroke-dasharray:none;stroke-dashoffset:0}.card,.flow-step,.signal{transition:none}}

/* Clickable source status and lightweight connection panel. */
.source-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.source-trigger:before{flex:0 0 7px}
.source-trigger:hover{background:#baf47d12;border-color:#baf47d45;box-shadow:0 0 18px #baf47d17;transform:translateY(-2px)}
.source-trigger:active{transform:translateY(0) scale(.98)}
.source-trigger span{color:var(--muted);font-size:16px}
.hero-signals button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #7bcde953;border-radius:7px;background:#74dcf012;color:#d9f7ff;font-size:12px;font-weight:650;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.hero-signals button:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #baf47d99}
.hero-signals button:hover{background:#69e8ed24;border-color:#84e9eb9c;box-shadow:0 0 22px #5be4e629;transform:translateY(-2px)}
.hero-signals button:active{transform:translateY(0) scale(.98)}
.hero-signals button span{color:var(--cyan2);font-size:14px}
.source-chip{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.source-chip:hover{background:#1b3951;border-color:#67d9e58c;box-shadow:0 0 16px #5be4e624;transform:translateY(-2px)}
.source-chip:active{transform:translateY(0) scale(.98)}
.sources-dialog{width:min(570px,calc(100vw - 28px));max-height:min(710px,calc(100dvh - 28px));padding:0;border:1px solid #5bbac478;border-radius:16px;background:linear-gradient(150deg,#13253c,#0d192d);color:var(--ink);box-shadow:0 28px 90px #010711c9,0 0 40px #5be4e61b;overflow:auto}
.sources-dialog[open]{animation:source-panel-enter .22s ease-out both}
.sources-dialog::backdrop{background:#030b1bba}
.sources-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:21px 22px 17px;border-bottom:1px solid var(--line)}
.sources-header h2{font-size:22px;line-height:1.2;margin:7px 0 4px;letter-spacing:-.025em}
.sources-header p{color:var(--muted);font-size:13px;margin:0}
.dialog-close{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#20334b;color:var(--ink);font-size:24px;line-height:1;transition:background-color .18s ease,transform .18s ease}
.dialog-close:hover{background:#31516c;transform:rotate(90deg)}
.sources-sync{display:flex;align-items:center;gap:9px;padding:12px 22px;background:#14324885;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
.sources-sync strong{color:var(--ink);font-weight:650}
.sync-indicator{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:live-pulse 2.6s ease-in-out infinite}
.source-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px 14px}
.source-row{display:flex;align-items:center;gap:9px;width:100%;min-height:50px;padding:7px 8px;border:1px solid transparent;border-radius:8px;background:#162b40;text-align:left;color:var(--ink);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.source-row:hover{background:#1e3a52;transform:translateX(3px)}
.source-row[aria-pressed="true"]{background:#214356;border-color:#5be4e67a}
.source-mark{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:7px;background:#294860;color:var(--cyan2);font-size:11px;font-weight:800;letter-spacing:-.02em}
.source-row-name{display:grid;gap:2px;flex:1;min-width:0;font-size:13px;font-weight:700}
.source-row-name small{color:var(--muted);font-size:11px;font-weight:500}
.source-row-state{display:inline-flex;align-items:center;gap:5px;color:var(--lime);font-size:12px;font-weight:700}
.source-row-state:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime)}
.source-detail{display:grid;gap:4px;margin:0 14px;padding:14px 16px;border:1px solid #427a8b88;border-radius:9px;background:#17354a}
.source-detail .detail-label{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.12em}
.source-detail strong{font-size:15px}.source-detail p{margin:0;color:#d2e4f2;font-size:13px;line-height:1.45}
.source-detail>span:last-child{color:var(--muted);font-size:12px;margin-top:3px}
.sources-disclaimer{margin:0;padding:12px 22px 16px;color:#8fa5bb;font-size:12px}
@keyframes source-panel-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.source-rows{grid-template-columns:1fr}.source-row{min-height:44px}.sources-header{padding:19px 18px 15px}.sources-sync{padding:11px 18px}.sources-disclaimer{padding:12px 18px 16px}}
@media(prefers-reduced-motion:reduce){.source-trigger,.hero-signals button,.source-chip,.dialog-close,.source-row{transition:none!important}.sources-dialog[open],.sync-indicator{animation:none!important}}

/* Three fixed reporting periods. */
.period-picker{display:grid;justify-items:end;gap:7px;flex:0 0 auto}
.period-options{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#111e33}
.period-options button{min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.period-options button:hover{color:var(--ink);background:#254157;transform:translateY(-2px)}
.period-options button[aria-pressed="true"]{background:#24536a;border-color:#5be4e67c;color:var(--cyan2);box-shadow:0 0 17px #5be4e623}
.period-options button:active{transform:translateY(0) scale(.98)}
#periodDates{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.period-updated{animation:period-enter .32s ease-out}
@keyframes period-enter{from{opacity:.68;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.page-title{align-items:flex-start}.period-picker{justify-items:start}}
@media(max-width:640px){.period-picker{margin-top:15px;max-width:100%;gap:8px}.period-options{max-width:100%}.period-options button{font-size:13px;padding:7px 10px}.page-title h1{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.period-options button{transition:none!important}.period-updated{animation:none!important}}