:root{
      --brand:#0b5cab;
      --brand-dark:#083d74;
      --ink:#0f172a;
      --muted:#475569;
      --line:#dbe3ef;
      --soft:#f6fbff;
      --bg:#eef4fa;
      --card:#ffffff;
      --ok:#0d7a54;
      --accent:#eaf2ff;
      --warn:#b45309;
      --shadow:0 18px 40px rgba(15,23,42,.08);
      --radius:18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.72}
    a{color:var(--brand);text-decoration:none}
    a:hover{text-decoration:underline}
    .shell{max-width:1180px;margin:0 auto;padding:28px 18px 64px}
    .hero{background:linear-gradient(135deg,#0b5cab 0%,#0a3f78 100%);color:#fff;border-radius:28px;padding:34px 30px;box-shadow:var(--shadow)}
    .eyebrow{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
    .hero h1{font-size:40px;line-height:1.15;margin:16px 0 12px}
    .hero p{max-width:950px;font-size:18px;margin:0 0 18px;color:#e8f2ff}
    .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
    .btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid transparent}
    .btn-primary{background:#fff;color:var(--brand-dark)}
    .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
    .grid-2{display:grid;grid-template-columns:1.4fr .9fr;gap:22px;margin-top:24px}
    .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
    .pad{padding:26px}
    .toc h2,.section h2{margin-top:0;font-size:28px;line-height:1.22;color:var(--brand-dark)}
    .toc ol{margin:14px 0 0 20px;padding:0}
    .toc li{margin:8px 0;padding-left:4px}
    .quickfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .fact{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px}
    .fact strong{display:block;font-size:20px;color:var(--brand-dark);margin-bottom:4px}
    .section{margin-top:22px}
    .section p{margin:14px 0}
    .section ul,.section ol{padding-left:20px}
    .section li{margin:9px 0}
    .note{background:#fff8eb;border-left:4px solid var(--warn);padding:14px 16px;border-radius:0 12px 12px 0;margin:18px 0}
    .spec-table{width:100%;border-collapse:collapse;margin:16px 0 6px;font-size:15px;background:#fff}
    .spec-table th,.spec-table td{border:1px solid var(--line);padding:12px 10px;vertical-align:top;text-align:left}
    .spec-table th{background:var(--soft);color:var(--brand-dark)}
    .callout{background:linear-gradient(180deg,#f7fbff 0%,#edf5ff 100%);border:1px solid #cfe0f6;border-radius:16px;padding:18px 18px 16px;margin:18px 0}
    .mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
    .mini{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
    .mini h3{margin:0 0 8px;font-size:17px;color:var(--brand-dark)}
    figure{margin:22px 0}
    figcaption{font-size:14px;color:var(--muted);margin-top:8px}
    .svg-wrap{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}
    .faq-item{border-top:1px solid var(--line);padding:18px 0}
    .faq-item:first-child{border-top:none;padding-top:0}
    .faq-item h3{margin:0 0 8px;font-size:20px;color:var(--brand-dark)}
    .footer-cta{background:linear-gradient(135deg,#0d1f38,#0b5cab);color:#fff;border-radius:24px;padding:28px;margin-top:24px}
    .footer-cta h2{margin:0 0 10px;color:#fff}
    .muted{color:var(--muted)}
    .anchor{scroll-margin-top:90px}
    @media (max-width: 900px){
      .grid-2,.mini-grid,.quickfacts{grid-template-columns:1fr}
      .hero h1{font-size:32px}
      .shell{padding:18px 12px 44px}
      .pad{padding:20px}
    }