:root{--blue:#0E5AA7;--orange:#FF8A00;--sage:#6B8E23;--sand:#EAD8C0;--slate:#0F172A;--line:#E2E8F0}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--slate);background:#fff}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:0 16px}
.announcement{background:var(--blue);color:#fff}.announcement .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}.brand .line1{font-weight:900;letter-spacing:.5px;color:var(--blue)}.brand .line2{font-size:11px;font-weight:800;color:var(--orange)}
.nav{display:none;gap:22px}@media (min-width:900px){.nav{display:flex}}
.btn{background:var(--blue);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}
.hero{position:relative;overflow:hidden}
.hero-grad{position:absolute;inset:0;background:linear-gradient(135deg,var(--blue) 0%, var(--blue) 55%, var(--orange) 140%)}
.hero-content{position:relative;color:#fff;padding:56px 0 64px}
.hero h1{font-size:40px;line-height:1.1;margin:0}
.waitlist{background:#fff;border-radius:18px;padding:12px;box-shadow:0 8px 30px rgba(2,6,23,.16);margin-top:22px}
.waitlist .row{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:900px){.waitlist .row{grid-template-columns:1.4fr 1.2fr 1.2fr auto}}
.input{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.input input{border:none;outline:none;flex:1;font-size:14px}
.waitlist .cta{background:var(--orange);color:#fff;border:none;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer}
.section{padding:56px 0}.section h2{color:var(--blue);margin:0 0 6px}
.badges{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}@media (min-width:900px){.badges{grid-template-columns:repeat(3,1fr)}}
.badge{border:1px solid var(--line);border-radius:14px;padding:14px;background:#FAFAFA}
.teaser{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:700px){.teaser{grid-template-columns:repeat(6,1fr)}}
.teaser .tile{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;text-align:left}
.teaser .dot{width:36px;height:36px;border-radius:10px;background:var(--sage);margin-bottom:10px}
.cta-stripe{background:linear-gradient(135deg,var(--blue), #F27300, #C1440E);color:#fff;border-radius:18px;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.cta-stripe .btn{background:#fff;color:#111827;border:none;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}
.faq-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:900px){.faq-grid{grid-template-columns:repeat(2,1fr)}}
.faq-card{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}
.footer{border-top:1px solid var(--line);background:#fff;margin-top:40px}
.footer-inner{display:grid;grid-template-columns:1fr;gap:24px;padding:28px 0}@media (min-width:900px){.footer-inner{grid-template-columns:1.3fr 1fr 1fr 1.3fr}}
.small{font-size:13px;color:#475569}.copy{border-top:1px solid var(--line);padding:12px 0;color:#6B7280;font-size:12px;display:flex;justify-content:space-between;gap:10px}


/* Hero background with brand gradient + blurred image */
.hero-grad{
  position:absolute; inset:0;
  background:
    linear-gradient(135deg, rgba(14,90,167,0.85) 0%, rgba(14,90,167,0.78) 45%, rgba(255,138,0,0.58) 120%),
    url('openart-image_zx_DYCV9_1759167845777_raw.jpg') center/cover no-repeat;
  filter: blur(6px);
  transform: scale(1.06);
}

/* Dark overlay waitlist card */
.waitlist{
  background: rgba(15,23,42,0.86);
  color: #F8FAFC;
  box-shadow: 0 16px 48px rgba(2,6,23,.35);
}
.input{ background: rgba(2,6,23,0.35); border-color: rgba(226,232,240,0.25); color:#E2E8F0 }
.input input{ color:#E2E8F0; background: transparent }
.input input::placeholder{ color: rgba(226,232,240,0.75) }
.waitlist .cta{ background: linear-gradient(90deg, #FF8A00, #F27300); color:#0B1224 }

/* Mode toggle styling */
.mode-toggle{ display:flex; gap:8px; margin-bottom:8px; flex-wrap:wrap }
.mode-toggle .mode{ border-radius:999px; padding:8px 12px; font-weight:800; cursor:pointer; border:1px solid rgba(226,232,240,.25); background: rgba(2,6,23,.35); color:#E2E8F0 }
.mode-toggle .mode.active{ background:#FF8A00; color:#0B1224; border-color:transparent }

/* Provider details panel */
.provider-panel{ display:none; margin-top:8px; padding:10px; border:1px dashed rgba(226,232,240,.25); border-radius:12px; background: rgba(2,6,23,.25) }
.provider-panel.show{ display:block }

/* Mid-page banner hover */
.mid-banner a{ display:block }
.mid-banner-img{ transition: transform .25s ease, box-shadow .25s ease }
.mid-banner a:hover .mid-banner-img{ transform: scale(1.02); box-shadow: 0 24px 60px rgba(2,6,23,.35) }