:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-width:0;background:#0a111f;color:#f4f8ff;font:16px/1.45 Arial,Helvetica,sans-serif}main{min-height:100vh;padding:24px;background:linear-gradient(155deg,#0b1220,#101c31)}.wrap{max-width:1170px;margin:auto}.eyebrow{color:#48cfff;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:12px}.title{font-size:clamp(22px,3vw,36px);line-height:1.12;margin:6px 0 5px;letter-spacing:-.025em}.deck{margin:0;color:#b7c8df;font-size:14px}.legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:11px 14px;border:1px solid #293d59;border-radius:10px;background:#0d192d;color:#d4e1f4;font-size:12px}.legend strong{color:#f3f8ff}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}.card{position:relative;min-width:0;background:#142138;border:1px solid #344866;border-top:5px solid var(--accent);border-radius:11px;padding:15px 14px;box-shadow:0 10px 24px #050a144d}.card:not(:last-child):after{content:'›';position:absolute;z-index:1;right:-19px;top:45%;color:var(--accent);font-size:27px;font-weight:700}.phase{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--accent);text-transform:uppercase}.card h2{font-size:17px;line-height:1.18;margin:8px 0 12px}.tech{background:#0b1629;border:1px solid #30435f;border-radius:7px;padding:9px 10px;min-height:91px}.tech .label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#94abc7;margin-bottom:6px}.tech code{display:block;color:var(--accent);font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:normal;overflow-wrap:anywhere}.card p{color:#c1cfe2;font-size:13px;line-height:1.42;margin:11px 0}.fact{background:#0b1629;border:1px solid #263c5b;border-radius:7px;padding:10px;color:#edf4ff;font-size:12px;line-height:1.38;margin-top:auto}.fact b{display:block;color:var(--accent);margin-bottom:4px}.card{display:flex;flex-direction:column}.route{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.route>div{background:#0b1628;border:1px solid #30445e;border-radius:8px;padding:10px 12px;font-size:12px;color:#c4d2e5}.route b{color:#f5f8fd}.route .warn{border-color:#b43a59}.end{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#aebed4;font-size:11px}.end strong{color:#6ce3c9}.boundary{margin:13px 0 11px;padding:9px 13px;border:1px dashed #f06785;color:#ffb3c4;background:#361b2a55;border-radius:7px;font-weight:800;font-size:12px;letter-spacing:.03em}.c1{--accent:#49d0ff}.c2{--accent:#a78bfa}.c3{--accent:#ffbd47}.c4{--accent:#38dfc0}
@media(max-width:760px){main{padding:16px}.stages{grid-template-columns:1fr 1fr}.card:not(:last-child):after{display:none}.card h2{font-size:16px}.tech{min-height:78px}.route{grid-template-columns:1fr 1fr}}
@media(max-width:500px){main{padding:12px}.eyebrow{font-size:10px}.title{font-size:22px}.deck{font-size:12px}.legend{margin:12px 0;padding:8px 10px;font-size:11px}.stages{grid-template-columns:1fr;gap:8px}.card{padding:10px 12px;border-top-width:3px}.card h2{font-size:15px;margin:4px 0 7px}.phase{font-size:10px}.tech{min-height:0;padding:6px 8px}.tech .label{margin-bottom:2px}.tech code{font-size:11px}.card p{font-size:12px;margin:7px 0}.fact{font-size:11px;padding:6px 8px;margin-top:6px}.fact b{display:inline;margin-right:5px}.route{gap:6px;margin-top:8px}.route>div{font-size:10px;padding:7px}.end{font-size:10px;margin-top:8px}.boundary{margin:8px 0;padding:6px 9px;font-size:10px}}
.mobile-summary{display:none}@media(max-width:500px){main{min-height:0}.stages{grid-template-columns:1fr 1fr}.card p,.card .fact,.card .tech{display:none}.card{min-height:140px}.card h2{font-size:14px}.mobile-summary{display:block;color:#c4d4e9;font-size:12px;line-height:1.25;margin-top:4px}.route{grid-template-columns:1fr}.legend{margin:8px 0}}