* { box-sizing:border-box; }
  body { margin:0; background:#f4f5f6; font-family:'Public Sans',system-ui,sans-serif; }
  a { text-decoration:none; }
  .mw{ max-width:840px; margin:0 auto; padding:80px clamp(16px,4vw,32px); }
  .mw-wide{ max-width:1080px; margin:0 auto; padding:80px clamp(16px,4vw,32px); }
  .hg-btn{ transition:filter .15s, transform .15s; }
  .hg-btn:hover{ filter:brightness(.93); transform:translateY(-1px); }
  .hg-ghost{ transition:background .15s, border-color .15s, transform .15s; }
  .hg-ghost:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.5); transform:translateY(-1px); }
  .hg-card{ transition:border-color .15s, box-shadow .15s, transform .15s; }
  .hg-card:hover{ border-color:#bcd4ee; box-shadow:0 12px 28px rgba(18,119,225,.13); transform:translateY(-3px); }
  .md-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .md-3 > *{ min-width:0; }
  @media (max-width:880px){ .md-3{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .md-3{ grid-template-columns:1fr; } }
  .md-2{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
  .md-2 > *{ min-width:0; }
  @media (max-width:760px){ .md-2{ grid-template-columns:1fr; } }
  .hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,4vw,56px); align-items:center; }
  .hero-grid > *{ min-width:0; }
  @media (max-width:900px){ .hero-grid{ grid-template-columns:1fr; gap:36px; } }






  .faq-a a{ color:#1277e1; font-weight:600; text-decoration:none; }
  .faq-a a:hover{ text-decoration:underline; }