:root {
      --tps-blue:#3598db;
      --tps-navy:#0b2a3f;
      --tps-text:#111827;
      --tps-muted:#4b5563;
      --tps-line:#d9e8f3;
      --tps-bg:#ffffff;
      --tps-soft:#f6fbff;
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      color:var(--tps-text);
      background:var(--tps-bg);
      line-height:1.75;
    }
    .tps-wrap { max-width:1120px; margin:0 auto; padding:28px 20px 72px; }
    .tps-wrap h1,.tps-wrap h2,.tps-wrap h3,.tps-wrap h4 {
      color:var(--tps-blue);
      font-weight:800;
      line-height:1.25;
      scroll-margin-top:88px;
    }
    .tps-wrap h1 { font-size:40px; margin:10px 0 14px; color:var(--tps-navy); }
    .tps-wrap h2 { font-size:30px; margin:42px 0 14px; }
    .tps-wrap h3 { font-size:22px; margin:26px 0 10px; }
    .tps-wrap p,.tps-wrap li { font-size:16px; }
    .tps-wrap a { color:#0b69a3; text-decoration:none; }
    .tps-wrap a:hover { text-decoration:underline; }

    .eyebrow {
      display:inline-block;
      font-size:13px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#0b69a3;
      background:var(--tps-soft);
      border:1px solid #cfe9fb;
      border-radius:999px;
      padding:6px 12px;
      margin-bottom:12px;
    }
    .lead { font-size:18px; color:#243746; margin:0 0 16px; }
    .meta {
      background:var(--tps-soft);
      border:1px solid #cfe9fb;
      border-radius:14px;
      padding:16px 18px;
      margin:16px 0 22px;
    }
    .meta strong { color:var(--tps-navy); }

    .cta-grid {
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
      margin:20px 0 24px;
    }
    .cta-card {
      border:1px solid var(--tps-line);
      border-radius:16px;
      padding:16px;
      background:#fff;
      box-shadow:0 10px 28px rgba(11,42,63,.06);
    }
    .cta-card h3 { margin:0 0 8px; font-size:18px; color:var(--tps-navy); }
    .cta-card p { margin:0 0 12px; color:var(--tps-muted); line-height:1.6; font-size:14px; }

    .btn {
      display:inline-block;
      background:var(--tps-navy);
      color:#fff !important;
      padding:10px 14px;
      border-radius:10px;
      font-weight:700;
      font-size:14px;
    }
    .btn.alt { background:var(--tps-blue); }

    .toc {
      border:1px solid #e6eef5;
      border-radius:14px;
      padding:16px 18px;
      background:#fff;
      margin:8px 0 26px;
    }
    .toc strong { display:block; margin-bottom:8px; color:var(--tps-navy); }
    .toc ol { margin:0; padding-left:20px; }
    .toc li { margin:6px 0; }

    .note {
      background:#fff;
      border-left:6px solid var(--tps-blue);
      padding:14px 16px;
      margin:18px 0;
      border-radius:0 12px 12px 0;
    }

    .figure { margin:28px 0; }
    .figure img {
      width:100%;
      height:auto;
      display:block;
      border:1px solid var(--tps-line);
      border-radius:18px;
      background:#fff;
    }
    .figure figcaption {
      font-size:14px;
      color:var(--tps-muted);
      margin-top:10px;
    }

    .spec-table-wrap {
      overflow-x:auto;
      margin:18px 0 8px;
      border:1px solid var(--tps-line);
      border-radius:14px;
    }
    table {
      width:100%;
      border-collapse:collapse;
      min-width:880px;
      background:#fff;
    }
    th,td {
      padding:12px 14px;
      border-bottom:1px solid var(--tps-line);
      text-align:left;
      vertical-align:top;
      font-size:15px;
    }
    th {
      background:var(--tps-soft);
      color:var(--tps-navy);
      font-weight:800;
    }
    tr:last-child td { border-bottom:none; }

    .chips {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:14px 0 4px;
    }
    .chip {
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      background:#eef7fd;
      border:1px solid #cfe9fb;
      border-radius:999px;
      font-size:14px;
      color:#0b2a3f;
    }

    .two-col {
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:24px;
      align-items:start;
    }
    .card-grid {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin:18px 0;
    }
    .card {
      background:#fff;
      border:1px solid var(--tps-line);
      border-radius:16px;
      padding:16px;
    }
    .card h3 { margin-top:0; color:var(--tps-navy); }

    .rfq {
      background:var(--tps-navy);
      color:#fff;
      border-radius:18px;
      padding:24px;
      margin-top:28px;
    }
    .rfq h2 { color:#fff; margin-top:0; }
    .rfq a { color:#bfe5ff; }

    .faq details {
      border:1px solid var(--tps-line);
      border-radius:14px;
      padding:14px 16px;
      margin:12px 0;
      background:#fff;
    }
    .faq summary {
      cursor:pointer;
      font-weight:700;
      color:var(--tps-navy);
    }

    .refs { font-size:14px; color:var(--tps-muted); }
    .small { font-size:14px; color:var(--tps-muted); }
    .footer-note { margin-top:20px; font-size:13px; color:var(--tps-muted); }

    @media (max-width:960px) {
      .cta-grid,.two-col,.card-grid { grid-template-columns:1fr; }
      .tps-wrap h1 { font-size:34px; }
      .tps-wrap h2 { font-size:28px; }
    }