html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

html, body { margin:0; padding:0; background:#F8FAFC; color:#0F172A; font-family:Inter, ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing:antialiased; scroll-behavior:smooth; }
* { box-sizing:border-box; }
a { color:#0B1F3A; text-decoration:none; }
a:hover { color:#00B7FF; }
:focus-visible { outline:2px solid #00B7FF; outline-offset:2px; }
::selection { background:rgba(0,183,255,.22); }
h1,h2,h3 { font-family:Manrope, Inter, sans-serif; font-weight:600; letter-spacing:-.02em; margin:0; text-wrap:pretty; }
p { margin:0; text-wrap:pretty; }

.f-in:focus { border-color:#00B7FF !important; outline:none; box-shadow:0 0 0 3px rgba(0,183,255,.18); }
.f-ck:focus-visible { outline:2px solid #00B7FF; outline-offset:2px; }
@media (max-width:760px) {
  .f-row { grid-template-columns:minmax(0,1fr) !important; }
  .f-ch { grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width:1000px) {
  .hero, .two-col { grid-template-columns:minmax(0,1fr) !important; gap:36px !important; }
  .h1-hero { font-size:40px !important; max-width:24ch !important; }
  .steps { grid-template-columns:minmax(0,1fr) !important; }
  .steps > div { border-right:none !important; border-bottom:1px solid #E2E8F0; padding:18px 0 !important; }
  .steps > div:last-child { border-bottom:none; }
  .beta-cta { justify-content:flex-start !important; }
}
@media (max-width:760px) {
  .hdr { flex-wrap:wrap; gap:12px 18px !important; }
  .hdr nav { order:3; width:100%; }
  .h1-hero { font-size:32px !important; }
  .hero { padding:44px 20px 40px !important; }
  .sec-pad { padding:56px 20px !important; }
}