.inline-check{ display:inline-flex; align-items:center; gap:.5rem; cursor:pointer; }
    .inline-check input[type="checkbox"]{ margin:0; width:18px; height:18px; accent-color: var(--brand); }

    :root{
      --bg: #ffffff; --card: #ffffff; --muted: #475569; --text: #0f172a; --line: #e2e8f0;
      --brand: #0ea5e9; --brand-2: #0369a1; --accent: #f59e0b; --ok: #10b981; --danger: #ef4444;
      --shadow: 0 8px 24px rgba(2,6,23,.12); --radius: 18px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; overflow-x:hidden;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      color:var(--text); background: var(--bg); line-height:1.55;
    }
    .banner{
      position:sticky; top:0; z-index:50;
      background: linear-gradient(90deg, var(--brand), var(--brand-2));
      color:#f8fafc; text-align:center; padding:.6rem 1rem; font-weight:700;
      letter-spacing:.08em; text-transform:uppercase; box-shadow:var(--shadow);
    }
    header{
      max-width:1200px; margin:2rem auto 1rem; padding:0 1rem;
      display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem;
    }
    .logo{ display:flex; align-items:center; gap:.75rem; text-decoration:none; color:var(--text); }
    .logo img{ height:100px; width:auto; border-radius:8px; }
    @media (max-width: 480px){
      .logo img{ width: calc((100vw - 2rem) / 2) !important; height: auto !important; max-width: 100%; }
    }
    .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
    .cta{ display:inline-flex; align-items:center; gap:.5rem; padding:.4rem 1.25rem; border-radius:999px; border:1px solid var(--line); background:#f8fafc; text-decoration:none; color:var(--text); }
    .cta:hover{ background:#eef2f7; }
    .header-right{ display:flex; flex-direction:column; align-items:flex-end; gap:.5rem; }
    .cta-stack{ display:flex; flex-direction:column; gap:.5rem; }
    @media (max-width: 640px){
      header{ justify-content:center; text-align:center; }
      .header-right{ width:100%; align-items:center; }
    }

    .hero{ max-width:1200px; margin:1rem auto 2rem; padding:1rem; display:grid; grid-template-columns: 1fr; justify-items: center; gap:2rem; align-items:center; }

    .badge{ display:flex; align-items:center; justify-content:center; gap:.5rem; border-radius:999px; padding:.6rem .9rem; border:1px solid var(--line); background:#f8fafc; font-size:.9rem; line-height:1.2; width:100%; height:100%; text-align:center; box-shadow: var(--shadow); }
    .badge svg{ width:18px; height:18px; flex:0 0 18px; }
    .badge .ico{ width:18px; height:18px; flex:0 0 18px; display:inline-grid; place-items:center; font-size:16px; line-height:1; }

    .badges{ display:grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap:.75rem; width:100%; max-width:900px; margin:1.25rem auto 0; align-items:stretch; justify-items:stretch; }
    @media (max-width: 600px){ .badges{ grid-template-columns: repeat(2, 1fr); max-width:560px; } .badge{ font-size:.85rem; padding:.55rem .75rem; } }
    @media (min-width: 1280px){ .badges{ grid-template-columns: repeat(6, 1fr); max-width:1200px; } }

    /* Feature grid: fixed 2x2 so 4 cards always sit evenly, no orphan row */
    .features{ max-width:1200px; margin:2rem auto; padding:0 1rem; display:grid; grid-template-columns: repeat(2, 1fr); gap:1rem; }
    @media (max-width: 700px){ .features{ grid-template-columns: 1fr; } }
    .feature{ padding:1.25rem; border-radius: var(--radius); border:1px solid var(--line); background: #f8fafc; box-shadow: var(--shadow); }
    .feature h3{ margin:.6rem 0 .4rem; }
    .feature p{ color:var(--muted); margin:0; }
    .kicker{ font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--brand-2); }

    .headache{ max-width:1200px; margin:2rem auto; padding:0 1rem; display:grid; grid-template-columns: .9fr 1.1fr; gap:1.5rem; align-items:center; }
    @media (max-width: 900px){ .headache{ grid-template-columns: 1fr; } }
    .headline-pill{ display:inline-block; background: rgba(16,185,129,.15); border:1px solid rgba(16,185,129,.35); color:#14532d; padding:.4rem .75rem; border-radius:999px; font-weight:700; letter-spacing:.04em; }

    form{ max-width:800px; margin:3rem auto; padding:1.5rem; background:#f8fafc; border:1px solid var(--line); border-radius: var(--radius); box-shadow:var(--shadow); }
    label{ display:block; font-size:.95rem; color:var(--muted); margin-bottom:.35rem; }
    input, textarea{ width:100%; padding:.9rem 1rem; border-radius:12px; border:1px solid var(--line); background:#fff; color:var(--text); }
    textarea{ min-height:140px; resize:vertical; }
    .small{ font-size:.85rem; color:var(--muted); }
    .footer-links{ font-size:.9rem; }
    .footer-links a{ color:var(--brand-2); text-decoration:none; }
    .footer-links a:hover{ text-decoration:underline; }
    footer{ text-align:center; padding:3rem 1rem; color:var(--muted); }

    #faq details { border:1px solid var(--line); border-radius:12px; padding:.75rem 1rem; margin:.5rem 0; background:#f8fafc; }
    #faq summary { font-weight:700; cursor:pointer; list-style:none; }
    #faq summary::-webkit-details-marker { display:none; }
    #faq details[open] { background:#fff; }


    .headache-and-form{ max-width:1200px; margin:2rem auto; padding:0 1rem; display:grid; grid-template-columns: 1.1fr .9fr; gap:24px; column-gap:24px; align-items:stretch; }
    .headache-and-form .left{ background:#f8fafc; border:1px solid var(--line); border-radius: var(--radius); box-shadow:var(--shadow); padding:1.5rem; display:flex; flex-direction:column; justify-content:center; height:700px; }
    @media (max-width: 1100px){ .headache-and-form{ grid-template-columns: 1fr; } }
    .headache-and-form .left .headache{ grid-template-columns: 1fr; }

    .form-embed{ background:#f8fafc; border:1px solid var(--line); border-radius: var(--radius); overflow:hidden; box-shadow:var(--shadow); height:700px; }
    .form-embed iframe{ width:100%; height:700px; border:0; display:block; background:transparent; }

    /* Contact / Sign Up tabs */
    .tabs{ display:flex; }
    .tab-btn{ flex:1; padding:.9rem 1rem; border:0; border-bottom:2px solid var(--line); background:#eef2f7; font-weight:700; letter-spacing:.02em; cursor:pointer; color:var(--muted); font-size:.95rem; }
    .tab-btn.active{ background:#fff; color:var(--text); border-bottom-color: var(--brand); }
    .tab-btn:disabled{ cursor:not-allowed; opacity:.55; }
    .tab-btn small{ display:block; font-weight:400; font-size:.72rem; margin-top:.15rem; }
    .tab-panel{ display:none; padding:0; }
    .tab-panel.active{ display:block; }
    .tab-panel-inner{ padding:1.5rem; color:var(--muted); font-size:.9rem; }