
  * { box-sizing:border-box; }
  body { margin:0; background:#f4f5f6; font-family:'Public Sans',system-ui,sans-serif; }
  a { text-decoration:none; }
  .hg-btn{ transition:filter .15s, transform .15s; }
  .hg-btn:hover{ filter:brightness(.93); transform:translateY(-1px); }
  .hg-glass{ transition:background .15s, transform .15s; }
  .hg-glass:hover{ background:rgba(255,255,255,.22) !important; 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); }
  .hra-g3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  @media (max-width:900px){ .hra-g3{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .hra-g3{ grid-template-columns:1fr; } }
  .hra-row{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
  .hra-row > div{ min-width:0; }
  @media (max-width:880px){ .hra-row{ grid-template-columns:1fr; gap:36px; } .hra-row .hra-visual{ order:-1; } .hra-keep .hra-visual{ order:0; } }






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



