:root{
      --primary:#0057B8;
      --accent:#0096FF;
      --navy:#0A2540;
      --muted:#5E6C84;
      --bg:#F8FAFF;
      --radius:14px;
      --card-shadow: 0 6px 24px rgba(10,37,64,0.08);
    }
    body { font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#222; background: #fff; }
    .site-hero{ background: linear-gradient(180deg, rgba(0,87,184,0.06), rgba(0,150,255,0.03)); padding: 84px 0; }
    .hero-card{ background: linear-gradient(180deg, #fff, #f8fbff); border-radius:var(--radius); box-shadow:var(--card-shadow); border:1px solid rgba(5,51,102,0.04); padding:28px; }
    .logo-mark{ width:48px; height:48px; display:inline-block; vertical-align:middle; margin-right:10px; }
    .btn-primary { background:var(--primary); border-color:var(--primary); box-shadow:none; }
    .btn-primary:hover { background: #00449a; border-color:#00449a; }
    .feature-icon{ width:56px; height:56px; border-radius:12px; background:linear-gradient(180deg,var(--primary),var(--accent)); display:flex; align-items:center; justify-content:center; color:white; font-weight:700; font-size:20px; }
    .trust-logos img{ filter: grayscale(100%); opacity:0.85; max-height:36px; }
    .card-price{ border-radius:12px; border:1px solid rgba(5,51,102,0.06); box-shadow:0 10px 30px rgba(5,51,102,0.04); }
    .testimonial{ background: linear-gradient(90deg, rgba(0,87,184,0.03), rgba(0,150,255,0.02)); border-radius:12px; padding:18px; }
    .faq button { text-align:left; }
    footer{ background:#0A2540; color:#fff; padding:40px 0; }
    footer a { color:#dbe9ff; text-decoration:none; }
    @media (max-width:767px){ .site-hero{ padding:48px 0 } .logo-mark{ width:40px;height:40px } }