:root{color:#f6faf7;background:#081312;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1{margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.98;letter-spacing:0}h2{margin-bottom:.9rem;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:0}.eyebrow{margin:0 0 .65rem;color:#68d391;font-weight:780;letter-spacing:0}.lead{max-width:650px;color:#f6faf7b8;font-size:clamp(1rem,2vw,1.18rem);line-height:1.55}.app-shell{min-height:100vh;background:linear-gradient(180deg,#0813127a,#081312 78%),#102420}.hero{min-height:88vh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.78fr);gap:clamp(1.25rem,4vw,4rem);align-items:center;padding:6rem clamp(1.25rem,5vw,5rem) 4rem}.hero-copy{max-width:790px}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:0 1.1rem;font-weight:780}.primary{background:#f6faf7;color:#10201d}.secondary{background:#f6faf71c;color:#f6faf7;border:1px solid rgba(246,250,247,.14)}.hero-visual{min-height:520px;overflow:hidden;border:1px solid rgba(246,250,247,.11);border-radius:22px;background:#182822;box-shadow:0 28px 80px #00000052}.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:1rem;padding:0 clamp(1.25rem,5vw,5rem) 2rem}.live-card,.info-card,.region-strip article,.viewer-panel,.emergency-card{border:1px solid rgba(246,250,247,.12);background:#162622e6;border-radius:20px}.live-card,.info-card{padding:clamp(1rem,3vw,2rem)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.4rem 0 0}dt{color:#f6faf78f;font-size:.86rem}dd{margin:.3rem 0 0;color:#f6faf7;font-size:1rem;font-weight:780;line-height:1.35}.info-card p{color:#f6faf7ad;line-height:1.6}.region-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0 clamp(1.25rem,5vw,5rem) 5rem}.region-strip article{padding:1.15rem}.region-strip span{display:block;margin-bottom:.45rem;color:#f6faf78f;font-size:.84rem}.region-strip strong{color:#f6faf7;font-size:1.05rem}.region-strip p{margin:.55rem 0 0;color:#f6faf79e;line-height:1.45}.region-summary{grid-column:span 2}.content-shell{min-height:100vh;background:linear-gradient(180deg,#0b16152e,#081312 72%),#102420;padding:3rem clamp(1.25rem,5vw,5rem) 5rem}.content-header{max-width:920px;padding:3rem 0 2.25rem}.home-link{display:inline-flex;align-items:center;min-height:38px;border-radius:999px;padding:0 .85rem;margin-bottom:1.5rem;background:#f6faf717;color:#f6faf7db;font-weight:800}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.content-panel{min-height:240px;border:1px solid rgba(246,250,247,.12);border-radius:20px;padding:clamp(1rem,3vw,2rem);background:#162622e6}.content-panel p{color:#f6faf7b3;line-height:1.62}.content-list{display:grid;gap:.75rem;margin:0;padding-left:1.1rem;color:#f6faf7c7;line-height:1.5}.support-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.viewer-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);background:#0b1615}.viewer-map{min-height:100vh}.viewer-panel{align-self:center;margin:1rem;padding:1.25rem;box-shadow:0 18px 60px #00000057}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-header h1{margin-bottom:.35rem;font-size:clamp(1.9rem,5vw,3.1rem)}.status-pill{flex:none;display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 .8rem;font-size:.86rem;font-weight:820}.status-pill.ok{background:#68d39129;color:#7de0a0}.status-pill.warn{background:#f6c35229;color:#ffd36f}.status-pill.critical{background:#ff52522e;color:#ff8a8a}.status-pill.neutral{background:#f6faf71f;color:#f6faf7b8}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}.metric{min-height:78px;border-radius:16px;padding:.85rem;background:#f6faf712}.metric span{display:block;margin-bottom:.35rem;color:#f6faf78c;font-size:.84rem}.metric strong{color:#f6faf7;font-size:1.15rem}.summary-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.summary-row span{min-height:32px;border-radius:999px;padding:.4rem .7rem;background:#f6faf717;color:#f6faf7bd;font-size:.88rem}.location-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;padding:.9rem;border:1px solid rgba(246,250,247,.1);border-radius:16px;background:#f6faf70d}.location-card div{min-width:0}.location-card span{display:block;margin-bottom:.35rem;color:#f6faf785;font-size:.82rem}.location-card strong{display:block;overflow-wrap:anywhere;color:#f6faf7;font-size:.98rem;line-height:1.3}.location-card.fresh{border-color:#68d39138}.location-card.delayed{border-color:#f6c35242}.location-card.stale{border-color:#ff8a8a47}.emergency-card{margin-top:1rem;padding:1rem;background:#f6faf70f}.emergency-card.important{border-color:#f6c35257;background:#f6c35217}.emergency-card.critical{border-color:#ff52526b;background:#ff52521a}.emergency-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;margin-bottom:.65rem}.emergency-header span{display:block;margin-bottom:.32rem;color:#f6faf78a;font-size:.78rem;font-weight:760}.emergency-card strong{display:block;margin-bottom:0}.emergency-card p{margin:0;color:#f6faf7a8;line-height:1.5}.guidance-badge{flex:none;display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 .62rem;font-size:.74rem;font-weight:840}.guidance-badge.calm{background:#68d39121;color:#83e5a5}.guidance-badge.important{background:#f6c35229;color:#ffd36f}.guidance-badge.critical{background:#ff52522e;color:#ff9a9a}.emergency-steps{display:grid;gap:.55rem;margin:.85rem 0 0;padding-left:1.15rem;color:#f6faf7c2;line-height:1.45}.emergency-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.emergency-actions a{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 .7rem;background:#f6faf71a;color:#f6faf7;font-size:.84rem;font-weight:820}.emergency-card small{display:block;margin-top:.9rem;color:#f6faf77a;line-height:1.45}.route-sketch{width:100%;height:100%;min-height:inherit;background:linear-gradient(135deg,#dbe7d8,#eef1e7 48%,#d7e5dd),repeating-linear-gradient(32deg,rgba(58,76,70,.12) 0 1px,transparent 1px 30px)}.route-sketch svg{display:block;width:100%;height:100%;min-height:inherit}.terrain{fill:#5b975d33}.terrain-b{fill:#30677024}.minor-path{fill:none;stroke:#82693eb8;stroke-width:1.2;stroke-linecap:round;stroke-dasharray:3 3}.route-casing,.route-line{fill:none;stroke-linejoin:round;stroke-linecap:round}.route-casing{stroke:#101412c2;stroke-width:3.8}.route-line{stroke:#0f9f6e;stroke-width:2.3}.position-dot{fill:#1d8fff;stroke:#fff;stroke-width:1.1}.position-dot.off_route,.position-dot.no_signal{fill:#f6b84f}.position-dot.sos{fill:#ff4545}@media(max-width:960px){.hero,.viewer-shell{grid-template-columns:1fr}.hero{min-height:auto;padding-top:5rem}.hero-visual,.viewer-map{min-height:420px}.viewer-panel{margin-top:-6rem}.panel-grid,.region-strip,.content-grid{grid-template-columns:1fr}}@media(max-width:600px){.stats,.metric-grid,.location-card{grid-template-columns:1fr}.viewer-panel{margin:-4rem .75rem .75rem}}