:root { color-scheme:light; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:#f7f9fc; color:#1a2b42; }
    * { box-sizing:border-box; }
    body { margin:0; min-height:100vh; display:flex; flex-direction:column; }
    header { display:flex; align-items:center; justify-content:space-between; gap:1rem;
      padding:24px max(24px,calc((100vw - 1040px)/2)); border-bottom:1px solid #dce3ed; }
    .brand { font-weight:760; font-size:18px; letter-spacing:-.025em; text-decoration:none; color:#163f72; }
    .release { color:#586c83; font-size:13px; }
    main { width:min(100% - 48px,860px); margin:auto; padding:80px 0 110px; }
    .status { display:inline-flex; align-items:center; gap:9px; border:1px solid #c2d5e8;
      border-radius:99px; background:#ebf4fc; color:#215b86; padding:9px 14px; font-size:13px; font-weight:650; }
    .dot { width:8px; height:8px; border-radius:50%; background:#2188b4; }
    h1 { margin:24px 0 14px; font-size:clamp(42px,7vw,72px); letter-spacing:-.055em;
      font-weight:780; line-height:1.05; }
    .subtitle { color:#516783; font-size:clamp(18px,2.7vw,24px); line-height:1.5; max-width:700px; }
    .panel { margin-top:38px; display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
    .tile { background:white; border:1px solid #e2e8f1; box-shadow:0 8px 30px rgba(24,55,99,.04);
      padding:20px; border-radius:14px; }
    .tile small { display:block; font-size:12px; color:#61748a; margin-bottom:8px; }
    .tile strong { display:block; font-size:15px; overflow-wrap:anywhere; }
    .links { margin-top:26px; display:flex; flex-wrap:wrap; gap:12px; }
    .links a { text-decoration:none; border:1px solid #b2c4d8; padding:12px 17px;
      border-radius:9px; font-weight:650; color:#174b79; background:#fff; }
    .links a:hover { border-color:#417cad; background:#eff7ff; }
    footer { font-size:12px; color:#6e7e90; text-align:center; padding:24px; border-top:1px solid #e2e8f1; }