:root{color-scheme:dark;--bg:#0a101d;--panel:#142038;--ink:#f4f7ff;--muted:#a9b8d1;--line:#30435f;--accent:#ff934a;--warm:#2463dc;--danger:#ff9a92;--radius:6px;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:not-allowed}.skip{position:absolute;left:16px;top:-70px;background:var(--accent);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:12px}.top,main,footer{max-width:1440px;margin:auto}.top{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:13px;align-items:center;font-weight:850;font-size:20px;letter-spacing:-.7px}.accent{color:var(--accent)}.brand-mark{display:grid;place-items:center;position:relative;width:38px;height:38px;border:2px solid var(--accent);font-size:25px;line-height:1;color:var(--accent);transform:skew(-8deg)}.brand-mark span{font-size:14px;position:absolute;bottom:1px;right:3px;background:var(--bg)}nav{display:flex;gap:28px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-pill{border:1px solid var(--line);padding:10px 15px;border-radius:3px}.hero{padding:70px 5% 62px;display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:13px;letter-spacing:1.5px;font-weight:650;display:flex;gap:9px;align-items:center;color:var(--muted)}.signal{height:8px;width:8px;border-radius:50%;background:var(--muted);display:inline-block}.signal.good{background:var(--accent);box-shadow:0 0 0 5px #ff934a14}.index{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;margin-left:auto;letter-spacing:1px}h1{font-size:clamp(48px,5.1vw,76px);line-height:1.035;letter-spacing:-4px;margin:30px 0 24px;font-weight:800}.outline{color:#86b4ff}.lede{font-size:18px;color:#bdcae1;line-height:1.65}.hero-actions{display:flex;gap:12px;margin:30px 0 13px}.button{border:1px solid var(--line);padding:14px 20px;border-radius:3px;font-weight:650;font-size:14px;display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:50px}.primary{background:var(--accent);color:#111827;border-color:var(--accent)}.primary:disabled{background:#9aaac3;border-color:#9aaac3;color:#101827}.secondary{background:transparent;color:var(--ink)}.button:hover:not(:disabled){filter:brightness(1.08)}.micro{font-size:13px;color:var(--muted);max-width:420px}.mono{font-family:ui-monospace,Consolas,monospace}.district-card{background:#2463dc;color:var(--ink);border:1px solid #5790ff;border-radius:5px;overflow:hidden;transform:rotate(1.5deg);box-shadow:18px 18px 0 #ffffff04}
.card-top,.card-bottom{display:flex;justify-content:space-between;padding:18px 22px;font-size:12px;letter-spacing:1.2px;font-weight:700;border-bottom:1px solid #ffffff40;gap:8px;flex-wrap:wrap}
.card-bottom{border-top:1px solid #ffffff40;border-bottom:0}
.district-art{height:340px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:34px 34px}
.district-number{font-family:Impact,Arial Black,Segoe UI,sans-serif;font-size:280px;font-weight:900;line-height:1;letter-spacing:-18px;transform:skew(-7deg);padding-right:18px}
.district-stamp{position:absolute;right:18px;bottom:24px;background:var(--accent);color:#111827;font-size:12px;font-weight:800;letter-spacing:1.4px;padding:10px 14px;transform:rotate(-5deg)}
.district-caption{position:absolute;left:18px;top:18px;font-size:11px;letter-spacing:2px;font-weight:700}
.status-strip{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:20px}.small-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.status-strip strong{font-size:20px;line-height:1.25;overflow-wrap:anywhere}.muted{color:var(--muted);font-weight:400}.status-stamp{font-size:14px}.section{padding:72px 5%}.section-heading h2{margin:12px 0 34px}h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1.1px;font-weight:650}h3{font-size:19px;margin:16px 0 12px;letter-spacing:-.4px}p{margin-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-no{font:13px ui-monospace,Consolas,monospace;color:var(--accent)}.steps p,.milestones p{font-size:16px;color:var(--muted);max-width:330px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px}.tag{display:inline-block;font-size:12px;padding:5px 9px;border:1px solid var(--line);color:var(--muted);border-radius:2px}.community{margin:0 5%;padding:42px;background:var(--panel);display:grid;grid-template-columns:1.2fr 1fr;gap:50px;border:1px solid var(--line);border-radius:var(--radius)}.community h2{margin:13px 0 16px}.community p{font-size:16px;color:var(--muted);max-width:360px}.community-links{display:flex;flex-direction:column;justify-content:center;gap:13px}.community-link{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #3b5277;border-radius:3px}.community-link>span:last-child{margin-left:auto}.community-link:not(.disabled):hover{border-color:var(--accent)}.community-link small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.channel-icon{height:42px;width:42px;background:#233b63;border-radius:50%;display:grid;place-items:center;font-weight:800}.disabled{cursor:default;opacity:.72}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.milestones>div{border-left:1px solid var(--line);padding-left:22px}.milestone-icon{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:5px 7px}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-brand{font-size:15px;gap:0;color:var(--ink)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg);padding:12px 18px;border-radius:5px;display:none;z-index:200;max-width:90vw}.toast.visible{display:block}.ops-main{padding:38px 5% 60px}.ops-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.ops-head h1{font-size:38px;margin:12px 0 24px;letter-spacing:-1.5px}.login-box{max-width:520px;margin:30px auto;padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.login-box h2{font-size:28px}.field{display:block;margin:15px 0}.field span{font-size:14px;display:block;margin-bottom:8px}.field input{width:100%;background:#0a1222;color:var(--ink);border:1px solid #637da6;border-radius:3px;padding:13px}.error{color:var(--danger);font-size:14px;min-height:24px}.hidden{display:none!important}.ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:4px}.metric strong{display:block;font-size:28px;letter-spacing:-1px;overflow-wrap:anywhere}.ops-panel{margin-top:24px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.panel-header{padding:18px 22px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-header h2{font-size:19px;margin:0;letter-spacing:0}.panel-body{padding:22px}.control-row{display:flex;gap:12px;flex-wrap:wrap}.danger-button{border-color:#a06461;color:#ffd0cc}.ops-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.data-list{list-style:none;padding:0;margin:0}.data-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.data-list li:last-child{border:0}.data-list small{display:block;color:var(--muted);font-size:12px}.status-good{color:var(--accent)}.status-bad{color:var(--danger)}.status-dim{color:var(--muted)}.action-note{font-size:13px;color:var(--muted);margin:16px 0 0}.integration-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.integration-row:last-child{border:0}.ops-meta{margin:18px 0;font-size:13px;color:var(--muted)}@media(max-width:1000px){.hero{gap:35px}.index{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.district-art{height:300px}.district-number{font-size:240px}.status-strip{grid-template-columns:repeat(4,1fr)}.status-stamp{grid-column:1/-1;display:flex;gap:12px;align-items:center}.status-stamp .small-label{margin:0}.community{padding:30px;gap:30px}.ops-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.top{height:83px;flex-wrap:wrap;padding:16px 6%;height:auto;gap:18px}.brand{font-size:18px}.brand-mark{width:30px;height:30px;font-size:20px}nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}.nav-pill{padding:5px 9px}.hero{padding:40px 6%;grid-template-columns:1fr}.eyebrow{font-size:12px}h1{font-size:51px;letter-spacing:-2.8px}.lede{font-size:16px}.hero-actions{flex-direction:row;align-items:stretch;gap:8px}.button{font-size:13px;padding:12px 14px;gap:10px}.district-card{max-width:480px;width:100%;transform:rotate(.7deg);margin:8px auto}.district-art{height:265px}.district-number{font-size:225px}.status-strip{margin:0 6%;grid-template-columns:1fr 1fr;padding:20px 0;gap:22px}.status-strip strong{font-size:19px}.section{padding:45px 6%}.steps,.milestones{grid-template-columns:1fr;gap:27px}.steps p,.milestones p{max-width:none}.community{margin:0 6%;padding:25px;grid-template-columns:1fr;gap:20px}.community p{max-width:none}.community-link{padding:16px}.section-heading h2{margin-bottom:25px}footer{padding:25px 6%;gap:18px;flex-wrap:wrap;font-size:12px}footer>span{order:3;width:100%}.ops-main{padding:28px 6%}.ops-head{align-items:flex-start}.ops-head h1{font-size:31px}.ops-grid{gap:10px}.metric{padding:15px}.metric strong{font-size:23px}.ops-columns{grid-template-columns:1fr;gap:0}.panel-header,.panel-body{padding:17px}.login-box{padding:24px}.control-row .button{flex:1 1 40%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readability overrides for the final content. */
.small-label{font-size:14px}.micro{font-size:14px}.card-top,.card-bottom{font-size:12px;gap:8px;flex-wrap:wrap}.index{font-size:12px}.ops-meta{font-size:14px}@media(max-width:700px){nav{font-size:14px;flex-wrap:wrap;gap:10px}.button{font-size:14px}.hero-actions{flex-wrap:wrap}.eyebrow{font-size:12px}}

/* Blue is the project color; orange identifies primary actions and the 67 mark. */
.channel-icon{color:#b8d4ff}.status-good{color:#a8d7ff}.signal.good{background:#86b4ff;box-shadow:0 0 0 5px #86b4ff18}
