/* GENERATED by scripts/sync-landing.mjs from aoconnect's ao-connect-landing.html — do not edit; edit the source and re-run. */
  :root{
    --bg:#f6f7f9;--card:#fff;--card2:#fbfcfd;--line:#e7eaf0;--line2:#eef1f5;
    --ink:#0f1729;--ink2:#56607a;--ink3:#8b94a7;--ink4:#aeb6c6;
    --blue:#2f6df6;--purple:#9333ea;--indigo:#6366f1;
    --grad:linear-gradient(135deg,#7c3aed,#6366f1);
    --grad2:linear-gradient(135deg,#9333ea 0%,#6366f1 55%,#2f6df6 100%);
    --ps:#f4eafe;--pi:#7c2fce;--bs:#eaf1fe;--bi:#1d54d6;
    --green:#16a34a;--green2:#15803d;--gs:#e7f6ec;--amber:#d97706;--as:#fbf0dd;--red:#dc2626;--rs:#fbe9e9;
    --gold:#d4a017;--gold-s:#fdf4dc;--plat:#7e8aa4;--plat-s:#eef1f6;
    --sh:0 1px 2px rgba(15,23,41,.05),0 2px 8px rgba(15,23,41,.05);
    --shm:0 6px 24px rgba(15,23,41,.08);
    --shl:0 24px 70px rgba(15,23,41,.18);
    --r:14px;--r2:20px;
    --max:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;scroll-padding-top:84px}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
  body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
  body.locked{overflow:hidden}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}
  input{font-family:inherit}
  img,svg{display:block}
  .ic{display:inline-block;vertical-align:middle;flex:none}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
  .gt{background:var(--grad2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  :focus-visible{outline:3px solid rgba(147,51,234,.45);outline-offset:2px;border-radius:6px}

  /* buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:600;font-size:15px;padding:12px 20px;transition:.15s;white-space:nowrap;line-height:1.2}
  .btn.g{background:var(--grad);color:#fff;box-shadow:0 1px 2px rgba(99,102,241,.3),0 6px 18px rgba(124,58,237,.25)}
  .btn.g:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 26px rgba(124,58,237,.35)}
  .btn.o{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:var(--sh)}
  .btn.o:hover{border-color:#cfd6e4;background:var(--card2)}
  .btn.ghost{color:var(--ink2);padding:10px 14px}.btn.ghost:hover{color:var(--ink);background:var(--line2)}
  .btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:#1c2740}
  .btn.lg{padding:15px 26px;font-size:16px;border-radius:14px}
  .btn.sm{padding:9px 14px;font-size:14px;border-radius:10px}
  .btn.block{width:100%}
  .btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important;filter:none!important}
  .btn .spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
  .btn.o .spin{border-color:rgba(15,23,41,.2);border-top-color:var(--ink)}
  @keyframes spin{to{transform:rotate(360deg)}}

  /* header */
  .hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:.2s}
  .hdr.scrolled{border-bottom-color:var(--line);box-shadow:0 4px 20px rgba(15,23,41,.04)}
  .hdr .wrap{display:flex;align-items:center;gap:28px;height:68px}
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;white-space:nowrap}
  .brand-icon{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;flex:none;box-shadow:0 4px 12px rgba(124,58,237,.3)}
  .nav{display:flex;align-items:center;gap:4px;margin-left:8px}
  .nav a{padding:8px 12px;border-radius:9px;font-size:14.5px;font-weight:500;color:var(--ink2);transition:.13s}
  .nav a:hover{color:var(--ink);background:var(--line2)}
  .hdr-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
  .burger{display:none;width:40px;height:40px;border-radius:10px;place-items:center;color:var(--ink)}
  .mnav{display:none}
  @media (max-width:900px){
    .nav,.hdr-cta .btn.o,.hdr-cta .signin{display:none}
    .hdr .wrap{gap:12px;height:62px}.hdr-cta{gap:6px}.hdr-cta .btn.g{padding:9px 14px;font-size:14px}
    .burger{display:grid}
    .mnav.open{display:block;border-top:1px solid var(--line);background:#fff;padding:10px 24px 18px}
    .mnav a{display:block;padding:12px 4px;font-weight:600;border-bottom:1px solid var(--line2)}
    .mnav a:last-child{border:none}
  }

  /* hero */
  .hero{position:relative;overflow:hidden;padding:64px 0 40px;
    background:radial-gradient(1000px 500px at 15% -10%,rgba(147,51,234,.10),transparent 60%),radial-gradient(900px 520px at 95% 10%,rgba(47,109,246,.12),transparent 55%),linear-gradient(#fff,var(--bg))}
  .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;color:var(--ink2);box-shadow:var(--sh)}
  .eyebrow .dot{width:22px;height:22px;border-radius:50%;background:var(--ps);color:var(--pi);display:grid;place-items:center}
  .h1{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:20px 0 14px}
  .hero-sub{font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink);margin:0 0 14px}
  .lede{font-size:clamp(17px,1.5vw,20px);color:var(--ink2);max-width:560px;line-height:1.55}
  .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}
  .ribbon{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink2);font-weight:500;flex-wrap:wrap}
  .ribbon .ri{display:inline-flex;align-items:center;gap:7px}
  .ribbon .sep{width:4px;height:4px;border-radius:50%;background:var(--ink4)}
  .ribbon b{color:var(--ink);font-weight:600}
  @media (max-width:980px){.hero .wrap{grid-template-columns:1fr;gap:40px}.hero{padding:44px 0 32px}.lede{max-width:none}}
  @media (max-width:560px){.ribbon{flex-direction:column;align-items:flex-start;gap:6px}.ribbon .sep{display:none}}
  @media (max-width:400px){.wrap{padding:0 18px}}

  /* ---------- dialer mock ---------- */
  .mockwrap{position:relative;padding-bottom:34px}
  .mock{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shl);overflow:hidden;font-size:13px;max-width:520px;margin:0 auto}
  .mock .chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line2);background:var(--card2)}
  .mock .chrome i{width:10px;height:10px;border-radius:50%;background:#e5e8ef;display:block}
  .mock .chrome .url{margin-left:10px;flex:1;height:22px;border-radius:7px;background:#fff;border:1px solid var(--line2);font-size:11px;color:var(--ink3);display:flex;align-items:center;padding:0 10px;gap:6px}
  .rankbar{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#0f1729,#1e2a4a);color:#fff}
  .rankbar .av{width:38px;height:38px;border-radius:50%;background:var(--grad2);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
  .rankbar .who{min-width:0;flex:1}
  .rankbar .nm{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px;white-space:nowrap}
  .pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em}
  .pill.gold{background:var(--gold-s);color:#9a6f05}
  .pill.plat{background:var(--plat-s);color:#4c5873}
  .rankbar .prog{margin-top:7px;display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.7)}
  .rankbar .track{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
  .rankbar .fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f5c542,#e0e7f5);animation:rankfill 4s cubic-bezier(.2,.8,.2,1) .4s forwards}
  @keyframes rankfill{to{width:68%}}
  .rankbar .alp{text-align:right;flex:none}
  .rankbar .alp b{display:block;font-size:15px;font-weight:800;letter-spacing:-.01em}
  .rankbar .alp span{font-size:10.5px;color:rgba(255,255,255,.65)}
  .tabs{display:flex;gap:4px;padding:10px 12px 0;border-bottom:1px solid var(--line2);background:var(--card2);overflow:hidden}
  .tab{padding:8px 12px;border-radius:9px 9px 0 0;font-weight:600;font-size:12.5px;color:var(--ink3);display:flex;align-items:center;gap:7px;position:relative;white-space:nowrap}
  .tab.on{color:var(--ink);background:#fff;border:1px solid var(--line2);border-bottom-color:#fff;margin-bottom:-1px}
  .tab .cnt{background:var(--ps);color:var(--pi);font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:999px}
  .tab.on .cnt{background:var(--grad);color:#fff}
  .tab .cnt.grey{background:var(--line2);color:var(--ink2)}
  .mockbody{padding:14px;display:grid;gap:12px}
  .leadcard{border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--sh);background:#fff}
  .leadcard .top{display:flex;align-items:flex-start;gap:12px}
  .leadcard .lname{font-weight:800;font-size:16px;letter-spacing:-.01em}
  .leadcard .lsub{color:var(--ink3);font-size:12px;margin-top:2px}
  .leadcard .phone{font-weight:700;font-size:15px;letter-spacing:.01em;margin-top:10px}
  .leadcard .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
  .chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--card2);border-radius:8px;padding:4px 8px;font-size:11.5px;font-weight:600;color:var(--ink2)}
  .chip .g{color:var(--green)}
  .callbtn{margin-left:auto;width:48px;height:48px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 8px 20px rgba(22,163,74,.3);animation:pulse 2.4s ease-in-out infinite}
  @keyframes pulse{0%,100%{box-shadow:0 8px 20px rgba(22,163,74,.3)}50%{box-shadow:0 8px 28px rgba(22,163,74,.55)}}
  .disp{display:flex;gap:6px}
  .disp span{flex:1;text-align:center;border:1px solid var(--line);border-radius:9px;padding:7px 4px;font-size:11.5px;font-weight:600;color:var(--ink2);background:#fff}
  .disp span.on{border-color:var(--purple);background:var(--ps);color:var(--pi)}
  .statusrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--card2);border:1px dashed var(--line);border-radius:12px;padding:10px 12px}
  .syncpill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px;font-size:12px;font-weight:600;color:var(--ink2);background:#fff;position:relative;overflow:hidden;flex:1;min-width:190px}
  .syncpill .sp{width:18px;height:18px;border-radius:50%;background:var(--bs);color:var(--bi);display:grid;place-items:center}
  .syncpill .sf{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(47,109,246,.08);transition:width .6s ease}
  .syncpill .st{position:relative}
  .toast-offer{position:absolute;right:-26px;top:214px;width:244px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shl);padding:12px;display:flex;gap:10px;align-items:flex-start;transform:translateX(120%);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s;z-index:3}
  .toast-offer.in{transform:translateX(0);opacity:1}
  .toast-offer .ti{width:34px;height:34px;border-radius:10px;background:var(--gs);color:var(--green);display:grid;place-items:center;flex:none}
  .toast-offer .tt{font-weight:700;font-size:12.5px}
  .toast-offer .td{font-size:11.5px;color:var(--ink2);margin-top:1px}
  .toast-offer .ta{display:flex;gap:6px;margin-top:8px}
  .toast-offer .ta span{font-size:11px;font-weight:700;padding:5px 10px;border-radius:8px}
  .toast-offer .ta .acc{background:var(--green);color:#fff}
  .toast-offer .ta .dec{background:var(--line2);color:var(--ink2)}
  .floatnote{position:absolute;left:-18px;bottom:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shm);padding:10px 12px;font-size:12px;display:flex;gap:9px;align-items:center;z-index:3}
  .floatnote .fi{width:28px;height:28px;border-radius:8px;background:var(--ps);color:var(--pi);display:grid;place-items:center}
  .floatnote b{display:block;font-size:12.5px}
  .floatnote span{color:var(--ink3)}
  @media (max-width:560px){
    .mock{font-size:12px}.rankbar .alp{display:none}.rankbar .nm .pill{font-size:9.5px;padding:2px 6px}.tab{padding:7px 9px;font-size:11.5px}.tab.cb{display:none}.disp span:last-child{display:none}
    .toast-offer{position:static;transform:none;opacity:1;width:auto;margin:12px 4px 0}.floatnote{display:none}.mockwrap{padding-bottom:0}
  }

  /* trust */
  .trust{padding:32px 0 8px;background:var(--bg)}
  .trust .wrap{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
  .trust .who{font-size:14px;color:var(--ink2);font-weight:500}
  .trust .who b{color:var(--ink);font-weight:700}
  .badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
  .badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px 8px 10px;font-size:13px;font-weight:600;color:var(--ink2);box-shadow:var(--sh)}
  .badge .bi{width:22px;height:22px;border-radius:50%;background:var(--gs);color:var(--green);display:grid;place-items:center}

  /* sections */
  section.sec{padding:88px 0}
  .sec-h{max-width:680px;margin:0 auto 52px;text-align:center}
  .kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pi);background:var(--ps);padding:5px 11px;border-radius:999px;margin-bottom:14px}
  .h2{font-size:clamp(30px,3.6vw,42px);letter-spacing:-.03em;line-height:1.1;font-weight:800}
  .sub{color:var(--ink2);font-size:17px;margin-top:14px}
  @media (max-width:700px){section.sec{padding:64px 0}.sec-h{margin-bottom:36px}}

  /* core elements */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .card{background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh);transition:.2s;display:flex;flex-direction:column}
  .card:hover{transform:translateY(-3px);box-shadow:var(--shm);border-color:#dfe3ec}
  .illo{height:150px;background:linear-gradient(180deg,var(--card2),#f3f5f9);border-bottom:1px solid var(--line2);position:relative;overflow:hidden;padding:18px}
  .card .txt{padding:20px 22px 24px}
  .card h3{font-size:17.5px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}
  .card h3 .ci{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--ps);color:var(--pi)}
  .card p{color:var(--ink2);font-size:14.5px;margin-top:8px;line-height:1.5}
  @media (max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:620px){.cards{grid-template-columns:1fr}}
  /* mini UI primitives for illustrations */
  .mini{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);font-size:11px;font-weight:600;color:var(--ink2)}
  .mini.row{display:flex;align-items:center;gap:8px;padding:8px 10px}
  .ln{height:6px;border-radius:999px;background:var(--line2)}
  .ln.d{background:#d7dce8}
  .av{width:22px;height:22px;border-radius:50%;background:var(--grad);flex:none}
  .stack{display:grid;gap:7px}
  .illo .pack{position:absolute;left:18px;right:18px;top:18px;padding:9px 11px}
  .illo .pack2{position:absolute;left:30px;right:30px;top:54px;padding:9px 11px;opacity:.85}
  .illo .pack3{position:absolute;left:42px;right:42px;top:90px;padding:9px 11px;opacity:.7}
  .illo .n100{margin-left:auto;background:var(--grad);color:#fff;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800}
  .illo .planet{position:absolute;inset:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
  .illo .src{padding:9px 10px;display:grid;gap:6px}
  .illo .src .bt{display:flex;align-items:center;gap:6px}
  .illo .src .bt i{width:8px;height:8px;border-radius:2px;background:var(--blue);display:block}
  .illo .arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--bi);box-shadow:var(--shm)}
  .illo .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--gs);color:var(--green);display:grid;place-items:center}
  .illo .ring::before,.illo .ring::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(22,163,74,.25);animation:ring 2.2s ease-out infinite}
  .illo .ring::after{inset:-22px;animation-delay:.6s;border-color:rgba(22,163,74,.15)}
  @keyframes ring{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.25);opacity:0}}
  .illo .agent{position:absolute;bottom:16px;padding:7px 10px;display:flex;align-items:center;gap:7px}
  .illo .agent.l{left:18px}.illo .agent.r{right:18px;border-color:var(--green);color:var(--green2)}
  .illo .agent .av{width:18px;height:18px}
  .illo .rankhdr{position:absolute;left:18px;right:18px;top:24px;background:linear-gradient(135deg,#0f1729,#1e2a4a);color:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shm)}
  .illo .rankhdr .r1{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700}
  .illo .rankhdr .track{height:6px;border-radius:999px;background:rgba(255,255,255,.14);margin-top:10px;overflow:hidden}
  .illo .rankhdr .track i{display:block;height:100%;width:62%;background:linear-gradient(90deg,#f5c542,#e0e7f5);border-radius:999px}
  .illo .rankhdr .r2{display:flex;justify-content:space-between;font-size:10.5px;color:rgba(255,255,255,.7);margin-top:6px}
  .illo .team{position:absolute;inset:18px;display:grid;gap:8px;align-content:start}
  .illo .team .mini{padding:7px 10px}
  .illo .team .bar{flex:1;height:6px;border-radius:999px;background:var(--line2);overflow:hidden}
  .illo .team .bar i{display:block;height:100%;background:var(--grad);border-radius:999px}
  .illo .team .pct{width:34px;text-align:right;color:var(--ink)}
  .illo .recruit{position:absolute;inset:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .illo .recruit .mini{padding:9px 11px;flex:1;display:grid;gap:5px}
  .illo .recruit .xfer{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 16px rgba(124,58,237,.35)}
  .illo .recruit .tag{display:inline-block;font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:5px;background:var(--bs);color:var(--bi);width:max-content}

  /* how it works */
  .how{background:#fff}
  #pricing{background:var(--bg)}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
  .step{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:26px 26px 28px;position:relative;box-shadow:var(--sh)}
  .step .num{width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;margin-bottom:18px;box-shadow:0 6px 16px rgba(124,58,237,.3)}
  .step h3{font-size:18px;font-weight:700;letter-spacing:-.01em}
  .step p{color:var(--ink2);font-size:14.5px;margin-top:8px}
  .step .t{margin-top:14px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink3)}
  @media (max-width:900px){.steps{grid-template-columns:1fr}}

  /* pricing */
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
  .tier{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:28px;display:flex;flex-direction:column;box-shadow:var(--sh);position:relative}
  .tier.pop{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad2) border-box;border:2px solid transparent;box-shadow:0 20px 50px rgba(124,58,237,.14)}
  .tier .pop-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad2);color:#fff;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px;letter-spacing:.03em;white-space:nowrap}
  .tier h3{font-size:19px;font-weight:800;letter-spacing:-.01em}
  .tier .for{color:var(--ink2);font-size:14px;margin-top:4px;min-height:42px}
  .price{display:flex;align-items:baseline;gap:6px;margin:18px 0 4px;min-height:50px}
  .price .cur{font-size:22px;font-weight:700;color:var(--ink2);align-self:flex-start;margin-top:8px}
  .price .amt{font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1}
  .price .per{color:var(--ink3);font-size:14px;font-weight:500}
  .price .amt.talk{font-size:30px;letter-spacing:-.02em;line-height:46px}
  .billed{font-size:12.5px;color:var(--ink3);min-height:18px}
  .tier ul{list-style:none;display:grid;gap:10px;margin:22px 0 26px}
  .tier li{display:flex;gap:10px;font-size:14.5px;align-items:flex-start}
  .tier li .ck{width:20px;height:20px;border-radius:50%;background:var(--gs);color:var(--green);display:grid;place-items:center;flex:none;margin-top:1px}
  .tier li.plus{font-weight:600}
  .tier .btn{margin-top:auto}
  .ph-note{margin-top:14px;text-align:center;font-size:12.5px;color:var(--ink3)}
  @media (max-width:900px){.tiers{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
  .cmp{margin-top:56px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh)}
  .cmp table{width:100%;border-collapse:collapse;font-size:14.5px}
  .cmp th,.cmp td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--line2)}
  .cmp th{font-weight:700;background:var(--card2);font-size:13.5px}
  .cmp th:first-child,.cmp td:first-child{text-align:left;font-weight:500}
  .cmp tr:last-child td{border-bottom:none}
  .cmp td .y{color:var(--green);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gs)}
  .cmp td .n{color:var(--ink4)}
  .cmp td .v{font-weight:600;color:var(--ink2);font-size:13px}
  .cmp .scroll{overflow-x:auto}
  @media (max-width:640px){.cmp th,.cmp td{padding:12px 10px;font-size:13px}.cmp table{min-width:520px}}
  .faq{max-width:760px;margin:0 auto}
  .faq h3{font-size:24px;font-weight:800;letter-spacing:-.02em;text-align:center;margin-bottom:20px}
  .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;box-shadow:var(--sh)}
  .faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:600;font-size:15.5px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary .pm{width:26px;height:26px;border-radius:50%;background:var(--line2);display:grid;place-items:center;color:var(--ink2);transition:.2s;flex:none}
  .faq details[open] summary .pm{transform:rotate(45deg);background:var(--ps);color:var(--pi)}
  .faq .a{padding:0 20px 18px;color:var(--ink2);font-size:14.5px;line-height:1.6}

  /* competitor comparison */
  .vs{background:var(--bg)}
  .vs-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
  .vs-card{background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh);padding:24px 24px 22px;min-width:0}
  .vs-card-h h3{font-size:18px;font-weight:800;letter-spacing:-.01em}
  .vs-card-h p{color:var(--ink2);font-size:13.5px;margin-top:4px;line-height:1.5}
  .vs-card-h .lg{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:8px;font-size:12.5px;color:var(--ink3)}
  .vs-card-h .lg>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  .vs-card-h .lg .y.sm{width:18px;height:18px;font-size:11px}
  .bars{display:grid;gap:12px 40px;margin-top:20px}
  @media (min-width:760px){.bars{grid-template-columns:1fr 1fr}}
  .bar-row{display:grid;grid-template-columns:160px minmax(0,1fr) 72px;align-items:center;gap:12px;font-size:13.5px}
  .bar-row .who{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bar-row .who small{display:block;font-weight:500;color:var(--ink3);font-size:11.5px;margin-top:-1px;white-space:normal;line-height:1.3}
  .bar-row .track{height:22px;border-radius:7px;background:var(--line2);overflow:hidden;position:relative}
  .bar-row .fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:7px;background:#c9cfdd;transition:width .9s cubic-bezier(.2,.8,.2,1)}
  .bar-row .fill.q{background:repeating-linear-gradient(135deg,#c9cfdd 0 6px,#d9dee9 6px 12px)}
  .bar-row.us .fill{background:var(--grad2)}
  .bar-row.us .who{color:var(--pi)}
  .bar-row .amt{font-weight:800;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
  .bar-row .amt small{font-weight:600;color:var(--ink3);font-size:11px}
  .bar-row.us .amt{color:var(--pi)}
  .vs-note{font-size:12px;color:var(--ink3);margin-top:16px;line-height:1.5}
  .vs-scroll{overflow-x:auto;margin:18px -24px 0;padding:0 24px;-webkit-overflow-scrolling:touch}
  .vs-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:13.5px}
  .vs-table th,.vs-table td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--line2);white-space:nowrap;min-width:120px}
  .vs-table thead th{font-size:12.5px;font-weight:700;color:var(--ink2);vertical-align:bottom;padding-bottom:10px}
  .vs-table thead th small{display:block;font-weight:500;color:var(--ink3);font-size:11px;margin-top:2px;white-space:normal;max-width:150px;margin-left:auto;margin-right:auto;line-height:1.35}
  .vs-table th:first-child,.vs-table td:first-child{text-align:left;font-weight:500;position:sticky;left:0;background:#fff;z-index:1;min-width:230px;white-space:normal;padding-left:0;box-shadow:inset -1px 0 0 var(--line2)}
  .vs-table thead th:first-child{font-weight:700;color:var(--ink)}
  .vs-table .us{background:linear-gradient(180deg,var(--ps),#f8f3fe)}
  .vs-table thead .us{color:var(--pi);border-radius:10px 10px 0 0}
  .vs-table tbody tr:last-child td{border-bottom:none}
  .vs-table tbody tr:last-child td.us{border-radius:0 0 10px 10px}
  .vs-table .y,.lg .y{color:var(--green);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gs);font-size:12px;font-weight:800}
  .vs-table .n,.lg .n{color:var(--ink4)}
  .vs-table .ad,.lg .ad{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#8a4b00;background:var(--as);padding:2px 7px;border-radius:999px}
  .vs-table .hide{display:none}
  .vs-more{margin-top:14px;text-align:center}
  .vs-foot{margin:22px auto 0;max-width:900px;text-align:center;font-size:12px;color:var(--ink3);line-height:1.6}
  .vs-foot a{color:var(--ink2);text-decoration:underline;text-decoration-color:var(--line)}
  @media (max-width:980px){.vs-grid{grid-template-columns:1fr}}
  @media (max-width:560px){.vs-card{padding:20px 18px}.vs-scroll{margin:16px -18px 0;padding:0 18px}.bar-row{grid-template-columns:110px minmax(0,1fr) 60px;font-size:12.5px}.vs-table th,.vs-table td{min-width:104px;padding:9px 8px}.vs-table th:first-child,.vs-table td:first-child{min-width:132px;font-size:12.5px}.vs-table thead th small{max-width:104px}}

  /* final CTA */
  .cta-band{margin:0 24px;max-width:calc(var(--max) - 48px);margin-left:auto;margin-right:auto;border-radius:28px;background:linear-gradient(135deg,#0f1729 0%,#2a1f5e 55%,#3b2a8a 100%);color:#fff;padding:64px 40px;text-align:center;position:relative;overflow:hidden}
  .cta-band::before{content:"";position:absolute;inset:-40%;background:radial-gradient(500px 300px at 20% 20%,rgba(147,51,234,.35),transparent 60%),radial-gradient(500px 300px at 85% 80%,rgba(47,109,246,.35),transparent 60%)}
  .cta-band>*{position:relative}
  .cta-band h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;font-weight:800}
  .cta-band p{color:rgba(255,255,255,.75);margin-top:12px;font-size:17px}
  .cta-band .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
  .cta-band .btn.white{background:#fff;color:var(--ink)}.cta-band .btn.white:hover{background:#f1f3f8}
  .cta-band .btn.ghostw{color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-band .btn.ghostw:hover{background:rgba(255,255,255,.08)}

  /* footer */
  footer{padding:56px 0 36px;margin-top:88px;border-top:1px solid var(--line);background:var(--bg)}
  footer .top{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
  footer .cols{display:flex;gap:56px;flex-wrap:wrap}
  footer h5{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px}
  footer ul{list-style:none;display:grid;gap:8px}
  footer li a{font-size:14.5px;color:var(--ink2)}footer li a:hover{color:var(--ink)}
  footer .fine{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:13px;color:var(--ink3)}
  footer .tag{color:var(--ink2);font-size:14px;margin-top:10px;max-width:320px}

  /* ---------- signup sheet ---------- */
  .sheet-bg{position:fixed;inset:0;background:rgba(15,23,41,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:60;opacity:0;transition:opacity .25s}
  .sheet{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:#fff;z-index:61;box-shadow:-24px 0 70px rgba(15,23,41,.25);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}
  .sheet-root[hidden]{display:none}
  .sheet-root.open .sheet-bg{opacity:1}
  .sheet-root.open .sheet{transform:translateX(0)}
  .sheet .top{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line2)}
  .sheet .top .brand{font-size:17px}.sheet .top .brand-icon{width:30px;height:30px;border-radius:9px}
  .sheet .close{margin-left:auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink2)}.sheet .close:hover{background:var(--line2);color:var(--ink)}
  .sheet .body{padding:26px 26px 32px;overflow-y:auto;flex:1}
  @media (max-width:420px){.sheet .body{padding:22px 18px 28px}}
  .prog{display:flex;align-items:center;gap:8px;margin-bottom:22px}
  .pst{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink3)}
  .pst .n{width:22px;height:22px;border-radius:50%;background:var(--line2);display:grid;place-items:center;font-size:11px;color:var(--ink3)}
  .pst.on .n{background:var(--grad);color:#fff}.pst.on{color:var(--ink)}
  .pst.dn .n{background:var(--gs);color:var(--green2)}
  .psep{flex:1;height:2px;background:var(--line2);min-width:8px}
  .psep.dn{background:var(--green)}
  @media (max-width:420px){.pst span.lb{display:none}.pst.on span.lb{display:inline}}
  .sheet h2{font-size:24px;font-weight:800;letter-spacing:-.02em}
  .sheet h2:focus{outline:none}
  .sheet .lede2{color:var(--ink2);font-size:14.5px;margin:6px 0 22px}
  .fld{margin-bottom:14px}
  .fld label{font-size:13px;font-weight:600;color:var(--ink2);display:block;margin-bottom:6px}
  .inp{position:relative}
  .inp .lic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none}
  .inp input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px 13px 40px;font-size:15px;background:var(--card2);transition:.13s;color:var(--ink)}
  .inp input:focus{outline:none;border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px rgba(147,51,234,.14)}
  .inp.bad input{border-color:#e9a3a3;background:var(--rs)}
  .inp .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--ink3);padding:6px;border-radius:8px}
  .inp .eye:hover{color:var(--ink)}
  .emailgroup{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:var(--card2);overflow:hidden;transition:.13s}
  .emailgroup:focus-within{border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px rgba(147,51,234,.14)}
  .emailgroup.bad{border-color:#e9a3a3;background:var(--rs)}
  .emailgroup input{flex:1;min-width:0;border:none;background:none;padding:13px 6px 13px 14px;font-size:15px;outline:none;color:var(--ink)}
  .emailgroup .suffix{display:flex;align-items:center;padding:0 13px;color:var(--ink3);font-size:13.5px;font-weight:600;white-space:nowrap;border-left:1px solid var(--line2)}
  .hint{font-size:12.5px;color:var(--ink3);margin-top:6px}
  .ferr{font-size:12.5px;color:var(--red);margin-top:6px;display:none;font-weight:500}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink3);line-height:1.45;margin:-2px 0 14px;cursor:pointer}
  .consent input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--blue)}
  .consent a{color:var(--ink2);text-decoration:underline}
  .consent.bad{color:var(--red)}
  .ferr.show{display:block}
  .alert{border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;margin-bottom:14px;display:flex;gap:10px;align-items:flex-start}
  .alert.err{background:var(--rs);color:#9f1d1d;border:1px solid #f3c5c5}
  .alert.info{background:var(--bs);color:var(--bi);border:1px solid #cfe0fc}
  .alert.warn{background:var(--as);color:#8a4b00;border:1px solid #f4ddb0}
  .alert .ai{flex:none;margin-top:1px}
  .found{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:var(--sh)}
  .found .fh{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#0f1729,#1e2a4a);color:#fff}
  .found .fh .av{width:40px;height:40px;font-weight:800;display:grid;place-items:center;font-size:14px;background:var(--grad2)}
  .found .fh .nm{font-weight:700;font-size:15px}
  .found .fh .sm{font-size:12px;color:rgba(255,255,255,.7)}
  .found dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:14px 16px}
  .found dt{font-size:11.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
  .found dd{font-size:14px;font-weight:600;margin-top:2px;word-break:break-word}
  .found dd .pill{font-size:11px}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .alt{text-align:center;font-size:13.5px;color:var(--ink2);margin-top:18px}
  .alt a,.alt button{color:var(--blue);font-weight:600;cursor:pointer}
  .alt button:hover,.alt a:hover{text-decoration:underline}
  .asuser{display:flex;align-items:center;gap:9px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:13.5px;font-weight:600;margin-bottom:16px}
  .asuser button{margin-left:auto;color:var(--blue);font-weight:600;font-size:12.5px;flex:none}
  .codeboxes{display:flex;gap:8px;justify-content:center;margin:6px 0 4px}
  .cbx{width:100%;max-width:52px;height:56px;text-align:center;font-size:22px;font-weight:700;border:1px solid var(--line);border-radius:12px;background:var(--card2);color:var(--ink)}
  .cbx:focus{outline:none;border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px rgba(147,51,234,.14)}
  .pwmeter{display:flex;gap:5px;margin-top:10px}
  .pwmeter i{flex:1;height:4px;border-radius:999px;background:var(--line2)}
  .pwmeter i.on{background:var(--green)}
  .pwmeter i.on.weak{background:var(--amber)}
  .success{text-align:center;padding-top:10px}
  .scheck{width:72px;height:72px;border-radius:50%;background:var(--gs);display:grid;place-items:center;margin:0 auto 18px;color:var(--green)}
  .note{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--ink2);text-align:left;display:flex;gap:10px;margin:18px 0}
  .note .ni{color:var(--pi);flex:none;margin-top:2px}
  .soon{text-align:center;padding:30px 0}
  .soon .si{width:64px;height:64px;border-radius:18px;background:var(--ps);color:var(--pi);display:grid;place-items:center;margin:0 auto 18px}

  .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(16px);background:var(--ink);color:#fff;font-size:14px;font-weight:500;padding:12px 20px;border-radius:12px;box-shadow:var(--shl);opacity:0;transition:.3s;z-index:90;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}