:root{
        --brand-red: #c82333;
        --brand-dark: #222;
        --muted: #6c757d;
      }

      body{background:#f5f6f8;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}

      .top-bar{background: linear-gradient(180deg,var(--brand-red), #b21f30);color:#fff;padding:14px 0;font-weight:600;}
      .hero-card{border-radius:12px;box-shadow:0 8px 30px rgba(20,20,30,.08);overflow:hidden}
      .cta-btn{background:linear-gradient(180deg,#d9534f,#b02a2a);border:0;border-radius:12px;padding:.75rem 1.25rem;font-weight:600;}
      .order-key{color:var(--muted);font-size:.9rem}
      .small-pill{background:#fff3cd;color:#856404;padding:.25rem .5rem;border-radius:999px;font-weight:600}
      @media (max-width:767px){.hero-card{border-radius:8px}}
      .btsize {
    font-size: 14px;
}