/* Start custom CSS for html, class: .elementor-element-696f2dd */<style>
  .page-wrap{max-width:1100px;margin:0 auto;padding:24px}
  .hero{background:#0f1b2d;color:#fff;border-radius:16px;padding:28px 22px;margin-bottom:24px}
  .hero h1{margin:0 0 8px;font-size:32px;line-height:1.2;color:#fff}
  .hero p{margin:8px 0 0;color:#f1f5f9} /* <-- light grey/white for readability */
  .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
  .btn{display:inline-block;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.18)}
  .btn-primary{background:#0ea5e9;color:#0b1220}
  .btn-ghost{background:transparent;color:#fff}
  .grid{display:grid;gap:18px}
  @media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}
  .card{background:#fff;border:1px solid rgba(2,6,23,.08);border-radius:16px;padding:18px}
  .card h2{margin:0 0 6px;font-size:22px}
  .list{margin:10px 0 0;padding-left:18px}
  .list li{margin:6px 0}
  .muted{color:#475569}
  .note{background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;padding:12px;margin-top:10px}
  .kbd{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;background:#0b1220;color:#e5e7eb;padding:2px 6px;border-radius:6px}
  .footer-cta{background:#0f1b2d;color:#fff;border-radius:16px;padding:20px;margin-top:22px;text-align:center}
  .faq h3{margin:12px 0 6px}
  .badge{display:inline-block;background:#f97316;color:#fff;padding:3px 8px;border-radius:999px;font-size:12px;margin-left:8px}
  .small{font-size:14px}
</style>/* End custom CSS */