@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap');

  #mcpb-root{
    --blue-950:#20358F; --blue-900:#1D36B6; --blue-800:#203CE2; --blue-700:#1E43FF;
    --blue-600:#3E5FFF; --blue-500:#5D7BFF; --blue-300:#9DB4FF; --blue-200:#BCD0FF;
    --blue-100:#DCECFF; --blue-50:#EFF6FF;
    --grey-50:#F6F7F9; --grey-100:#EDEEF1; --grey-200:#D7DAE0; --grey-300:#B3B9C6;
    --grey-400:#8A94A6; --grey-500:#667085; --grey-600:#565E73; --grey-700:#464C5E;
    --green-500:#12B981; --green-700:#057756; --green-50:#DCF5EC; --green-100:#D1FAE5;
    --red-500:#F83B3C; --red-700:#C11415; --red-100:#FFE1E1;
    --ink:#242424; --black:#000000;
  }
  #mcpb-root *{box-sizing:border-box;margin:0;padding:0;}
  #mcpb-root{scroll-behavior:smooth;}
  #mcpb-root{
    font-family:Onest,"Inter",system-ui,-apple-system,sans-serif;
    background:var(--grey-50); color:var(--ink);
    letter-spacing:-0.01em; line-height:1.2;
    -webkit-font-smoothing:antialiased;
  }
  #mcpb-root .wrap{max-width:1160px;margin:0 auto;padding:0 32px;}
  #mcpb-root section{padding:72px 0;}

  /* ---------- shared type ---------- */
  #mcpb-root h2{font-size:clamp(28px,3.4vw,38px);font-weight:500;letter-spacing:-0.03em;line-height:1.08;color:var(--black);}
  #mcpb-root h2 .hl{color:var(--blue-700);font-weight:700;}
  #mcpb-root .eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.06em;
    text-transform:uppercase;color:var(--blue-700);background:var(--blue-50);
    border-radius:999px;padding:6px 14px;margin-bottom:20px;}
  #mcpb-root .eyebrow .pip{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--blue-700);
    margin-right:8px;vertical-align:middle;}
  #mcpb-root p.body{font-size:16px;color:var(--grey-600);line-height:1.5;margin-top:12px;}
  #mcpb-root .sec-head{text-align:center;max-width:720px;margin:0 auto;}
  #mcpb-root .btn{font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-0.01em;
    border-radius:18px;padding:14px 28px;cursor:pointer;border:1px solid transparent;
    text-decoration:none;display:inline-block;transition:all .15s;}
  #mcpb-root .btn--primary{background:var(--blue-700);color:#fff;}
  #mcpb-root .btn--primary:hover{background:var(--blue-800);}

  /* ---------- hero ---------- */
  #mcpb-root .hero{padding:170px 0 40px;text-align:center;}
  @media(max-width:991px){#mcpb-root .hero{padding-top:140px;}}
  #mcpb-root .hero h1{font-size:clamp(38px,5.2vw,62px);font-weight:300;letter-spacing:-0.03em;
    line-height:1;color:var(--black);max-width:900px;margin:0 auto;}
  #mcpb-root .hero h1 .hl{font-weight:700;color:var(--blue-700);}
  #mcpb-root .hero p.sub{font-size:18px;font-weight:400;color:var(--grey-600);line-height:1.45;
    max-width:660px;margin:22px auto 0;}
  #mcpb-root .beta-form{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap;}
  #mcpb-root .beta-input{
    font-family:inherit;font-size:16px;letter-spacing:-0.01em;color:var(--ink);
    background:#fff;border:1px solid var(--grey-200);border-radius:18px;
    padding:14px 20px;width:300px;max-width:100%;outline:none;transition:border-color .15s,box-shadow .15s;
  }
  #mcpb-root .beta-input::placeholder{color:var(--grey-400);}
  #mcpb-root .beta-input:focus{border-color:var(--blue-700);box-shadow:0 0 0 3px var(--blue-100);}
  #mcpb-root .beta-input.invalid{border-color:var(--red-500);box-shadow:0 0 0 3px var(--red-100);}
  #mcpb-root .beta-form .sent{
    display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--green-700);
    background:var(--green-50);border-radius:18px;padding:14px 24px;
  }
  #mcpb-root .microcopy{font-size:13.5px;color:var(--grey-400);margin-top:16px;}
  /* ---------- thank-you popup ---------- */
  #mcpb-root .ty-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;
    background:rgba(16,20,40,.45);backdrop-filter:blur(3px);padding:24px;}
  #mcpb-root .ty-overlay[hidden]{display:none;}
  #mcpb-root .ty-card{background:#fff;border-radius:24px;padding:44px 40px;max-width:420px;width:100%;text-align:center;
    box-shadow:0 40px 80px -20px rgba(16,20,40,.35);animation:typop .45s cubic-bezier(.2,.9,.25,1.2);}
  @keyframes typop{from{opacity:0;transform:translateY(22px) scale(.96);}to{opacity:1;transform:none;}}
  #mcpb-root .ty-check{width:64px;height:64px;border-radius:999px;background:var(--green-50);margin:0 auto 20px;
    display:flex;align-items:center;justify-content:center;}
  #mcpb-root .ty-check svg{width:30px;height:30px;}
  #mcpb-root .ty-card h3{font-size:24px;font-weight:600;letter-spacing:-0.02em;color:var(--black);}
  #mcpb-root .ty-card p{font-size:15px;color:var(--grey-600);line-height:1.5;margin:10px 0 26px;}
  @media(max-width:480px){
    #mcpb-root .beta-form{flex-direction:column;align-items:stretch;}
    #mcpb-root .beta-input{width:100%;}
  }
  #mcpb-root .hero-diagram{width:100%;max-width:1160px;margin:52px auto 0;display:block;height:auto;overflow:visible;}
  #mcpb-root .hiw-rail{overflow:visible;}

  /* pop-in for SVG groups */
  #mcpb-root .pop{opacity:0;transform:translateY(14px);animation:popin .7s cubic-bezier(.2,.7,.2,1) forwards;}
  @keyframes popin{to{opacity:1;transform:translateY(0);}}
  #mcpb-root .livedot{animation:blink 2.4s ease-in-out infinite;}
  @keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}

  /* ---------- hero mobile flow (HTML fallback) ---------- */
  #mcpb-root .hero-mobile{display:none;max-width:420px;margin:44px auto 0;}
  #mcpb-root .hm-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
  #mcpb-root .hm-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--grey-100);
    border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink);}
  #mcpb-root .hm-chip .g{width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;}
  #mcpb-root .hm-arrow{text-align:center;color:var(--blue-300);font-size:20px;margin:12px 0;line-height:1;}
  #mcpb-root .hm-hub{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;
    border:1.5px solid var(--blue-200);border-radius:18px;padding:16px;
    box-shadow:0 12px 26px rgba(30,67,255,.12);}
  #mcpb-root .hm-hub .mark{width:38px;height:38px;border-radius:11px;background:var(--blue-700);
    display:flex;align-items:center;justify-content:center;flex:0 0 38px;}
  #mcpb-root .hm-hub b{font-size:16px;display:block;}
  #mcpb-root .hm-hub span{font-size:12.5px;color:var(--blue-700);font-weight:500;}
  #mcpb-root .hm-q{background:var(--blue-700);color:#fff;border-radius:16px 16px 4px 16px;padding:12px 16px;
    font-size:14.5px;font-weight:500;line-height:1.35;margin:16px 0 0 44px;text-align:left;}
  #mcpb-root .hm-a{background:#fff;border:1px solid var(--grey-100);border-radius:16px 16px 16px 4px;
    padding:14px 16px;margin:4px 44px 0 0;text-align:left;}
  #mcpb-root .hm-a b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.35;}
  #mcpb-root .hm-a span{display:block;font-size:12.5px;color:var(--grey-500);margin-top:5px;line-height:1.4;}
  @media(max-width:700px){
    #mcpb-root .hero-diagram{display:none;}
    #mcpb-root .hero-mobile{display:block;}
  }

  /* ---------- example questions ---------- */
  #mcpb-root .qchips{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:780px;margin:44px auto 0;}
  #mcpb-root .qchip{background:#fff;border:1px solid #E0E6F1;border-radius:18px;padding:24px;
    display:flex;flex-direction:column;gap:16px;align-items:stretch;
    box-shadow:0 18px 24px rgba(32,49,88,.05);
    opacity:0;transform:translateY(18px);
    transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);}
  #mcpb-root .in-view .qchip{opacity:1;transform:none;}
  #mcpb-root .in-view .qchip:nth-child(2){transition-delay:.1s;}
  #mcpb-root .in-view .qchip:nth-child(3){transition-delay:.2s;}
  #mcpb-root .qchip .spark{flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--blue-50);
    display:flex;align-items:center;justify-content:center;}
  #mcpb-root .qchip .spark svg{width:19px;height:19px;display:block;}
  #mcpb-root .qchip p{font-size:17px;line-height:1.45;color:#172037;font-weight:500;max-width:300px;}
  #mcpb-root .qstat{margin-top:auto;display:flex;align-items:center;gap:11px;background:#F7F9FC;
    border:1px solid #E4E9F2;border-radius:13px;padding:14px 13px;min-height:72px;}
  #mcpb-root .qstat-icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#fff;
    border:1px solid #DDE4EF;display:flex;align-items:center;justify-content:center;}
  #mcpb-root .qstat-icon img, #mcpb-root .qstat-icon svg{width:20px;height:20px;display:block;}
  #mcpb-root .qstat-icon--green{background:#EFF9F3;}
  #mcpb-root .qstat-icon--blue{background:#EFF3FF;}
  #mcpb-root .qstat-txt{flex:1;min-width:0;}
  #mcpb-root .qstat-txt small{display:block;font-size:10px;color:#8791A3;}
  #mcpb-root .qstat-txt b{display:block;font-size:13px;font-weight:700;color:#1A253D;margin-top:2px;letter-spacing:-0.01em;white-space:nowrap;}
  #mcpb-root .qstat-badge{font-size:9.5px;font-weight:500;color:#2443C5;background:#EDF1FF;
    border-radius:999px;padding:5px 8px;white-space:nowrap;}
  #mcpb-root .qstat-badge--green{color:#147747;background:#EAF8F0;}
  @media(max-width:820px){#mcpb-root .qchips{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto;}}

  /* ---------- conversational (dark) section ---------- */
  #mcpb-root .convo-sec{padding:24px 0 48px;}
  #mcpb-root .convo{background:#fff;border:1px solid #E0E6F1;border-radius:26px;padding:56px;display:grid;
    grid-template-columns:0.82fr 1.18fr;gap:72px;align-items:center;
    box-shadow:0 30px 60px -30px rgba(36,38,45,.15);}
  #mcpb-root .convo-eyebrow{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;
    text-transform:uppercase;color:var(--blue-700);margin-bottom:14px;}
  #mcpb-root .convo h2{color:var(--black);font-size:clamp(30px,3.6vw,39px);font-weight:700;letter-spacing:-0.045em;
    line-height:1.07;max-width:420px;}
  #mcpb-root .convo-copy>p{font-size:15px;color:var(--grey-600);line-height:1.65;margin-top:14px;max-width:420px;}
  #mcpb-root .convo-list{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:14px;}
  #mcpb-root .convo-list li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--grey-700);}
  #mcpb-root .convo-list svg{flex:0 0 17px;width:17px;height:17px;}
  #mcpb-root .convo-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px;}
  #mcpb-root .convo-pill{display:flex;align-items:center;gap:6px;min-height:36px;padding:8px 10px;
    border-radius:999px;background:var(--grey-50);border:1px solid var(--grey-100);
    font-size:10.5px;font-weight:600;color:var(--grey-700);}
  #mcpb-root .convo-pill img{width:18px;height:18px;display:block;}
  #mcpb-root .convo-chat{background:#F6F8FC;border:1px solid #E4E9F2;border-radius:20px;
    padding:15px;display:flex;flex-direction:column;gap:12px;
    box-shadow:0 18px 34px rgba(25,42,80,.10);}
  #mcpb-root .cc-head{display:flex;align-items:center;justify-content:space-between;
    padding:4px 6px 15px;border-bottom:1px solid #E4E8F0;}
  #mcpb-root .cc-id{display:flex;align-items:center;gap:10px;}
  #mcpb-root .cc-id img{width:22px;height:22px;display:block;}
  #mcpb-root .cc-id b{display:block;font-size:13px;font-weight:700;color:#17213A;line-height:1.2;}
  #mcpb-root .cc-id span{display:block;font-size:10.5px;color:#7D8799;}
  #mcpb-root .cc-live{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#607069;}
  #mcpb-root .cc-live i{width:7px;height:7px;border-radius:999px;background:#20AD68;
    box-shadow:0 0 0 4px rgba(32,173,104,.11);}
  #mcpb-root .cc-user{align-self:flex-end;max-width:88%;background:var(--blue-700);color:#fff;
    font-size:12.5px;line-height:1.5;padding:14px 16px;
    border-radius:14px 14px 3px 14px;}
  #mcpb-root .cc-answer{background:#fff;border:1px solid #E0E5EF;border-radius:14px 14px 14px 3px;
    padding:17px;display:flex;flex-direction:column;gap:11px;
    box-shadow:0 10px 14px rgba(25,42,80,.06);}
  #mcpb-root .cc-answer>p{font-size:12.5px;color:#3C485F;line-height:1.5;}
  #mcpb-root .cc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
  #mcpb-root .cc-tile{display:flex;align-items:center;gap:9px;min-height:72px;padding:12px 11px;
    background:#F8F9FC;border:1px solid #E5E9F0;border-radius:10px;}
  #mcpb-root .cc-tile-icon{flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#fff;
    border:1px solid #E3E8F2;display:flex;align-items:center;justify-content:center;}
  #mcpb-root .cc-tile-icon img, #mcpb-root .cc-tile-icon svg{width:18px;height:18px;display:block;}
  #mcpb-root .cc-tile-icon--green{background:#EEF8F3;border-color:#D9EEE4;}
  #mcpb-root .cc-tile small{display:block;font-size:9.5px;color:#7C8799;white-space:nowrap;}
  #mcpb-root .cc-tile b{display:block;font-size:16.5px;font-weight:700;color:#16213A;letter-spacing:-0.03em;margin-top:2px;}
  #mcpb-root .cc-rec{display:flex;align-items:flex-start;gap:8px;background:#EEF8F3;border-radius:9px;
    padding:10px 10px 10px 10px;font-size:12.5px;color:#286247;line-height:1.5;}
  #mcpb-root .cc-rec svg{flex:0 0 16px;width:16px;height:16px;margin-top:2px;}
  #mcpb-root .cc-input{display:flex;align-items:center;justify-content:space-between;min-height:40px;
    background:#fff;border:1px solid #DDE3ED;border-radius:10px;padding:12px 14px;}
  #mcpb-root .cc-input span{font-size:11px;color:#9AA3B2;}
  #mcpb-root .cc-input svg{width:16px;height:16px;display:block;}
  @media(max-width:960px){
    #mcpb-root .convo{grid-template-columns:1fr;gap:44px;padding:44px 28px;}
    #mcpb-root .convo h2, #mcpb-root .convo-copy>p{max-width:none;}
  }
  @media(max-width:560px){#mcpb-root .cc-tiles{grid-template-columns:1fr;}}

  /* ---------- how it works ---------- */
  #mcpb-root .hiw-rail{width:100%;max-width:960px;height:auto;display:block;margin:52px auto 0;}
  #mcpb-root .hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:960px;margin:6px auto 0;}
  #mcpb-root .hiw-grid .stepc{text-align:center;padding:0 12px;}
  #mcpb-root .hiw-grid h3{font-size:18px;font-weight:600;letter-spacing:-0.01em;line-height:1.25;}
  #mcpb-root .hiw-grid p{font-size:14.5px;color:var(--grey-600);line-height:1.5;margin-top:10px;}
  #mcpb-root .hiw-mobile{display:none;}
  @media(max-width:760px){
    #mcpb-root .hiw-rail, #mcpb-root .hiw-grid{display:none;}
    #mcpb-root .hiw-mobile{display:block;max-width:520px;margin:40px auto 0;}
    #mcpb-root .hiw-mobile .mstep{display:flex;gap:16px;background:#fff;border:1px solid var(--grey-100);
      border-radius:20px;padding:20px;margin-bottom:12px;align-items:flex-start;}
    #mcpb-root .hiw-mobile .mnum{flex:0 0 40px;width:40px;height:40px;border-radius:999px;background:var(--blue-50);
      border:1.5px solid var(--blue-200);position:relative;display:flex;align-items:center;justify-content:center;}
    #mcpb-root .hiw-mobile .mnum svg{width:18px;height:18px;display:block;}
    #mcpb-root .hiw-mobile .mnum i{position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:999px;
      background:var(--blue-700);color:#fff;font-size:10px;font-weight:700;font-style:normal;line-height:1;
      display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
    #mcpb-root .hiw-mobile h3{font-size:16px;font-weight:600;}
    #mcpb-root .hiw-mobile p{font-size:14px;color:var(--grey-600);line-height:1.5;margin-top:6px;}
  }

  /* ---------- reassurance strip ---------- */
  #mcpb-root .reassure-sec{padding:8px 0 40px;}
  #mcpb-root .reassure{max-width:920px;margin:0 auto;background:var(--blue-50);border:1px solid var(--blue-100);
    border-radius:22px;padding:22px 28px;}
  #mcpb-root .reassure ul{list-style:none;display:flex;gap:12px 28px;justify-content:center;align-items:center;flex-wrap:wrap;}
  #mcpb-root .reassure li{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:500;color:var(--blue-950);}
  #mcpb-root .reassure li svg{width:18px;height:18px;flex:0 0 18px;}

  /* ---------- closing CTA ---------- */
  #mcpb-root .closing{text-align:center;}
  #mcpb-root .closing .card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--grey-100);
    border-radius:28px;padding:56px 40px;box-shadow:0 30px 60px -30px rgba(36,38,45,.18);}
  #mcpb-root .closing h2{margin-bottom:8px;}
  #mcpb-root .closing p.sub{font-size:16px;color:var(--grey-600);max-width:460px;margin:0 auto;}
  @media(max-width:520px){#mcpb-root .closing .card{padding:40px 22px;}}