body { margin: 0; }
.top { background: rgba(255, 255, 255, .96); }
.brand { flex: 0 0 auto; }
.brand img.brand-wordmark { width: 156px; height: 52px; border-radius: 0; background: #fff; object-fit: contain; }
.nav { gap: 17px; font-size: 13px; }
.top-cta { flex: 0 0 auto; }
.menu-toggle { display: none; }
.hero h1 { font-size: 72px; }
.sec-head h2, .promise-head h2 { font-size: 48px; }
.live h2 { font-size: 48px; }
.lead { font-size: 20px; }
.hero h1, h2, h3 { overflow-wrap: anywhere; }
.legal-doc h1 { font-size: 48px; }
@media (max-width: 1150px) {
  .top .wrap { position: relative; gap: 12px; }
  .top-cta { margin-left: auto; }
  .menu-toggle { display: grid; place-items: center; order: 3; flex: 0 0 44px; width: 44px; height: 44px; background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 6px; cursor: pointer; font: 24px/1 system-ui, sans-serif; }
  .nav { display: none; position: absolute; top: 74px; left: 16px; right: 16px; background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 10px 30px #0d15241a; padding: 8px; font-size: 16px; }
  .nav[data-open="true"] { display: grid; gap: 0; }
  .nav a { padding: 12px; color: var(--ink); border-radius: 4px; }
  .nav a:hover { background: var(--green-tint); }
}
@media (max-width: 600px) {
  .hero h1 { font-size: 46px; }
  .sec-head h2, .promise-head h2, .live h2 { font-size: 34px; }
  .legal-doc h1 { font-size: 36px; }
  .lead { font-size: 18px; }
  .brand img.brand-wordmark { width: 132px; height: 44px; }
  .top-cta { padding: 5px; }
  .top-cta span { display: none; }
}