:root{--navy:#12345b;--navy-deep:#0a2440;--ink:#172033;--muted:#667085;--line:#e3e8ef;--surface:#fff;--canvas:#f5f7fa;--soft:#eaf1f8;--success:#287a55}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.page{width:min(1180px,100% - 32px);margin:0 auto;padding-bottom:48px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.brand{color:var(--navy-deep);font-size:18px;font-weight:700}.badge,.planned{border-radius:999px;align-items:center;width:fit-content;font-size:12px;font-weight:700;display:inline-flex}.badge{background:var(--soft);color:var(--navy);padding:7px 11px}.hero{max-width:820px;padding:64px 0 34px}.eyebrow{color:var(--navy);letter-spacing:.11em;margin:0 0 14px;font-size:12px;font-weight:800}h1{max-width:760px;color:var(--navy-deep);letter-spacing:-.035em;margin:0;font-size:clamp(36px,6vw,64px);line-height:1.02}.intro{max-width:760px;color:var(--muted);margin:22px 0 0;font-size:18px;line-height:1.65}.status{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:10px 0 28px;display:grid;overflow:hidden}.status>div{background:var(--surface);padding:22px}.statusLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.status strong{color:var(--navy-deep);font-size:16px}.moduleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;min-height:210px;padding:24px;display:flex;box-shadow:0 6px 22px #11273f0a}.card h2{color:var(--navy-deep);margin:0 0 12px;font-size:19px}.card p{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.6}.planned{color:var(--success);background:#eef7f2;margin-top:20px;padding:6px 9px}footer{color:var(--muted);padding-top:34px;font-size:12px}@media (max-width:820px){.status,.moduleGrid{grid-template-columns:1fr}.hero{padding-top:44px}.card{min-height:170px}}@media (max-width:520px){.page{width:min(100% - 22px,1180px)}.topbar{flex-direction:column;justify-content:center;align-items:flex-start;padding:14px 0}.intro{font-size:16px}}
