*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#080c1a;--ink2:#3d4663;--ink3:#7b86a0;--ink4:#b2bac9;
  --w:#ffffff;--bg:#f5f7ff;--bg2:#edf0fc;
  --blue:#1848f0;--blue2:#1038c0;--blue3:#e6ecff;--blueA:rgba(24,72,240,.09);
  --teal:#00b896;--tealA:rgba(0,184,150,.1);
  --green:#15803d;--greenA:rgba(21,128,61,.1);
  --red:#dc2626;--redA:rgba(220,38,38,.1);
  --amber:#b45309;--amberA:rgba(180,83,9,.1);
  --b1:rgba(24,72,240,.06);--b2:rgba(24,72,240,.12);--b3:rgba(8,12,26,.07);--b4:rgba(8,12,26,.12);
  --s1:0 1px 4px rgba(8,12,26,.06);--s2:0 4px 16px rgba(8,12,26,.08);--s3:0 12px 40px rgba(8,12,26,.1);
  --sb:0 20px 60px rgba(24,72,240,.22);
}
.navlink{
font-size:13px;
font-weight:500;
color:var(--ink);
text-decoration:none;
transition:color .2s;
}

.navlink:hover{
color:var(--ink3);
}.navlink{
font-size:13px;
font-weight:500;
color:var(--ink);
text-decoration:none;
transition:color .2s;
}

.navlink:hover{
color:var(--ink3);
}

html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,sans-serif;background:var(--w);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:60px;display:flex;align-items:center;padding:0 48px;background:rgba(255,255,255,.96);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 12px rgba(0,0,0,.04)}
.nlogo{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.nbeta{font-size:9.5px;font-weight:700;background:var(--blue3);color:var(--blue);padding:2px 8px;border-radius:100px;letter-spacing:.05em}
.nav-wl-btn{font-size:12.5px;font-weight:600;background:var(--blue);color:#fff;padding:7px 16px;border-radius:8px;text-decoration:none;transition:opacity .2s;white-space:nowrap}
.nav-wl-btn:hover{opacity:.88}
.hb-line{display:block;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:all .2s}
#hamburger{display:none}
@media(max-width:768px){
  #hamburger{display:flex!important;margin-left:auto;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px;align-items:center;justify-content:center;}
  nav .nav-links{display:none!important}
  nav{padding:0 16px;height:56px}
  .nlogo{font-size:14px}
  .nbeta{display:none}
}

/* HERO */
.hero{padding:100px 52px 80px;background:linear-gradient(175deg,#edf1ff 0%,#f9faff 55%,var(--w) 100%);position:relative;overflow:hidden}
.hgrid{display:none}
.hglow{position:absolute;width:900px;height:600px;border-radius:50%;background:radial-gradient(rgba(24,72,240,.07),transparent 68%);top:-100px;left:50%;transform:translateX(-50%);pointer-events:none}
.hi{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1}
.htag{display:inline-flex;align-items:center;gap:7px;background:var(--blue3);border:1px solid var(--b2);border-radius:6px;padding:5px 13px;font-size:11px;font-weight:600;color:var(--blue);margin-bottom:28px;letter-spacing:.03em}
.htgd{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:pg 2s ease-in-out infinite}
@keyframes pg{0%,100%{box-shadow:0 0 0 0 rgba(24,72,240,.5)}50%{box-shadow:0 0 0 6px rgba(24,72,240,0)}}
h1{font-family:"Sora",system-ui,sans-serif;font-size:clamp(32px,3.8vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-bottom:22px}
h1 em{font-style:normal;color:var(--blue);font-weight:700;letter-spacing:-.03em}
.hsub{font-size:16px;font-weight:400;line-height:1.78;color:var(--ink2);margin-bottom:18px}
.hproof{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:34px}
.hpill{display:inline-flex;align-items:center;gap:5px;background:var(--w);border:1px solid var(--b3);border-radius:100px;padding:4px 11px;font-size:11.5px;font-weight:500;color:var(--ink2)}
.hbtns{display:flex;align-items:center;gap:10px}
.hbp{background:var(--blue);color:#fff;font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;padding:13px 28px;border-radius:9px;border:none;cursor:pointer;transition:all .22s;display:flex;align-items:center;gap:8px}
.hbp:hover{background:var(--blue2);box-shadow:var(--sb);transform:translateY(-1px)}
.hbs{background:transparent;color:var(--ink2);font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:500;padding:13px 20px;border-radius:9px;border:1.5px solid var(--b4);cursor:pointer;transition:all .2s}
.hbs:hover{border-color:var(--blue);color:var(--blue);background:var(--blue3)}

/* HERO OCR VISUAL */
.hocr-wrap{width:100%}
.hocr-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px;text-align:center}
.hocr-invoice{background:var(--w);border:1.5px solid var(--b2);border-radius:16px;overflow:hidden;box-shadow:var(--s3)}
.hocr-topbar{background:#0f1117;height:34px;display:flex;align-items:center;padding:0 14px;gap:8px}
.hocr-dots{display:flex;gap:5px}
.hocr-dot{width:9px;height:9px;border-radius:50%}
.hocr-dot.r{background:#ff5f57}.hocr-dot.y{background:#febc2e}.hocr-dot.g{background:#28c840}
.hocr-url{flex:1;background:rgba(255,255,255,.06);border-radius:4px;height:18px;max-width:220px;margin:0 auto;display:flex;align-items:center;padding:0 8px;font-size:9px;color:rgba(255,255,255,.3)}
.hocr-live{display:flex;align-items:center;gap:4px;background:rgba(0,184,150,.12);padding:3px 8px;border-radius:100px;font-size:9px;font-weight:700;color:#00b896;margin-left:auto}
.hocr-live-dot{width:5px;height:5px;border-radius:50%;background:#00b896;animation:pg 2s ease-in-out infinite}
.hocr-body{padding:16px}
.hocr-file{display:flex;align-items:flex-start;gap:11px;padding:12px;background:var(--bg);border:1px solid var(--b3);border-radius:10px;margin-bottom:10px;position:relative;overflow:hidden}
.hocr-file-icon{font-size:28px;flex-shrink:0}
.hocr-file-name{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:2px}
.hocr-file-meta{font-size:10px;color:var(--ink3)}
.hocr-scanbar{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(24,72,240,.7),transparent);top:0;animation:scanmove 2.2s ease-in-out infinite}
@keyframes scanmove{0%{top:0;opacity:1}90%{top:100%;opacity:1}100%{top:100%;opacity:0}}
.hocr-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bg2);border-radius:8px;overflow:hidden;margin-bottom:10px}
.hocr-field{background:var(--w);padding:9px 10px}
.hocr-fl{font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin-bottom:3px}
.hocr-fv{font-size:11.5px;font-weight:700;color:var(--ink)}
.hocr-fv.good{color:var(--green)}
.hocr-approved{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--greenA);border:1px solid rgba(21,128,61,.12);border-radius:8px}
.hocr-approved-t{font-size:12.5px;font-weight:700;color:var(--green)}
.hocr-approved-s{font-size:10.5px;color:var(--ink3)}
.hocr-stats{display:flex;background:var(--bg);border:1px solid var(--b3);border-radius:10px;overflow:hidden;margin-top:10px}
.hocr-stat{flex:1;padding:11px 8px;text-align:center}
.hocr-stat-n{font-size:15px;font-weight:700;color:var(--ink);line-height:1}
.hocr-stat-l{font-size:9px;color:var(--ink3);margin-top:2px}
.hocr-stat-div{width:1px;background:var(--b3);align-self:stretch}

/* MARQUEE */
.mq{padding:14px 0;background:var(--blue);overflow:hidden}
.mqt{display:flex;animation:mqs 30s linear infinite;width:max-content}
@keyframes mqs{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mqi{white-space:nowrap;padding:0 22px;font-size:10px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.14em;text-transform:uppercase}
.mqsep{color:rgba(255,255,255,.2);padding:0 6px}

/* SECTIONS */
.sec{padding:96px 52px}
.si{max-width:1120px;margin:0 auto}
.ey{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.sth{font-family:"Sora",system-ui,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.14;letter-spacing:-.02em;color:var(--ink);margin-bottom:14px}
.ssb{font-size:15.5px;color:var(--ink2);line-height:1.78;max-width:480px}
.sh2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:60px}

/* COLLECT SECTION */
.collect-sec{padding:96px 52px;background:var(--bg)}
.collect-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.source-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.sp{display:flex;align-items:center;gap:8px;background:var(--w);border:1.5px solid var(--b3);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--ink)}
.sp .sp-icon{font-size:18px}
.sp .sp-badge{font-size:10px;font-weight:700;padding:1px 7px;border-radius:100px;margin-left:4px}
.sp.email-pill .sp-badge{background:rgba(79,70,229,.1);color:#4f46e5}
.sp.wa-pill .sp-badge{background:var(--greenA);color:var(--green)}
.sp.portal-pill .sp-badge{background:rgba(8,145,178,.1);color:#0891b2}
.sp.manual-pill .sp-badge{background:var(--amberA);color:var(--amber)}
.collect-cta{display:inline-flex;align-items:center;gap:8px;background:var(--blue3);border:1.5px solid var(--b2);border-radius:9px;padding:11px 18px;font-size:13px;font-weight:600;color:var(--blue);cursor:pointer;transition:all .2s;margin-top:8px;text-decoration:none}
.collect-cta:hover{background:var(--blue);color:#fff}
.cv-inbox{background:var(--w);border:1px solid var(--b2);border-radius:16px;overflow:hidden;box-shadow:var(--s3)}
.cv-bar{background:#0f1117;height:34px;display:flex;align-items:center;padding:0 14px;gap:8px}
.cv-dots{display:flex;gap:5px}
.cv-dot{width:9px;height:9px;border-radius:50%}
.cv-dot.r{background:#ff5f57}.cv-dot.y{background:#febc2e}.cv-dot.g{background:#28c840}
.cv-url{flex:1;background:rgba(255,255,255,.05);height:18px;border-radius:4px;max-width:220px;margin:0 auto;display:flex;align-items:center;padding:0 9px;font-size:9px;color:rgba(255,255,255,.3)}
.cv-live{background:rgba(0,184,150,.12);color:#00b896;font-size:9px;font-weight:700;padding:3px 8px;border-radius:100px;display:flex;align-items:center;gap:4px;margin-left:auto}
.cv-live-dot{width:5px;height:5px;border-radius:50%;background:#00b896;animation:pg 2s ease-in-out infinite}
.cv-body{padding:16px}
.cv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cv-label{font-size:12px;font-weight:700;color:var(--ink)}
.cv-count{font-size:10px;color:var(--ink3)}
.cv-items{display:flex;flex-direction:column;gap:8px}
.cv-item{background:var(--bg);border:1px solid var(--b3);border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:10px}
.cv-item-icon{font-size:16px;flex-shrink:0}
.cv-item-info{flex:1}
.cv-item-src{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}
.cv-item-src.email{color:#4f46e5}.cv-item-src.wa{color:#16a34a}.cv-item-src.portal{color:#0891b2}.cv-item-src.manual{color:#d97706}
.cv-item-name{font-size:11px;font-weight:600;color:var(--ink)}
.cv-item-detail{font-size:10px;color:var(--ink3)}
.cv-item-amt{font-size:11px;font-weight:700;color:var(--ink);white-space:nowrap}
.cv-footer{margin-top:10px;padding:9px 12px;background:var(--greenA);border:1px solid rgba(21,128,61,.14);border-radius:7px;display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:600;color:var(--green)}

/* PROBLEM — enhanced side-by-side */
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border:1px solid var(--b3);border-radius:16px;overflow:hidden;box-shadow:var(--s3)}
/* divider line between cols */
.pgrid-col{display:flex;flex-direction:column}
.pgrid-col.col-bad{border-right:1px solid var(--b3)}

/* column header */
.pcol-head{padding:16px 22px;display:flex;align-items:center;justify-content:space-between}
.pcol-head.bad{background:rgba(220,38,38,.04);border-bottom:1px solid rgba(220,38,38,.1)}
.pcol-head.good{background:rgba(21,128,61,.04);border-bottom:1px solid rgba(21,128,61,.1)}
.pctag{font-size:10px;font-weight:700;padding:4px 11px;border-radius:5px;text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:5px}
.pctag.bad{background:var(--redA);color:var(--red)}.pctag.good{background:var(--greenA);color:var(--green)}
.pcsub{font-size:11px;font-weight:500;color:var(--ink3)}

/* rows */
.pcol-body{flex:1;display:flex;flex-direction:column}
.prow{display:flex;align-items:flex-start;gap:12px;padding:13px 22px;border-bottom:1px solid var(--b3)}
.prow:last-of-type{border-bottom:none}
.prow-step{display:flex;flex-direction:column;gap:2px;flex:1}
.prow-label{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.42}
.prow-time{font-size:11px;font-weight:600;margin-top:1px}
.prow-time.bad{color:var(--red)}.prow-time.ok{color:var(--green)}
.prow-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px}
.prow-dot.bad{background:var(--red)}.prow-dot.ok{background:var(--green)}

/* total footer */
.ptot{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--b3)}
.ptot.bad{background:rgba(220,38,38,.04)}
.ptot.good{background:rgba(21,128,61,.04)}
.ptl{font-size:11px;font-weight:500;color:var(--ink3)}
.ptv{font-size:15px;font-weight:700}
.ptv.bad{color:var(--red)}.ptv.good{color:var(--green)}

/* stats below */
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bg2);border-radius:14px;overflow:hidden;border:1px solid var(--b2);margin-top:20px}
.pstat{background:var(--w);padding:22px 20px}
.pstat-n{font-family:"Sora",system-ui,sans-serif;font-size:26px;color:var(--ink);line-height:1;margin-bottom:5px}
.pstat-l{font-size:12px;color:var(--ink2);line-height:1.62}
@media(max-width:768px){
  .trust-bar-divider{display:none!important}
}

/* HOW IT WORKS — scroll-animated fullwidth steps */
.hiw-steps{display:flex;flex-direction:column;gap:0;max-width:1120px;margin:0 auto;position:relative}
.hiw-spine{position:absolute;left:35px;top:60px;bottom:60px;width:3px;background:var(--b3);border-radius:3px;z-index:0}
.hiw-spine-fill{position:absolute;left:0;top:0;width:100%;border-radius:3px;background:linear-gradient(to bottom,var(--blue),var(--teal),var(--amber),var(--red),var(--green));transition:height .4s ease;height:0%}
.hiw-step{display:grid;grid-template-columns:70px 1fr;gap:0;position:relative;z-index:1}
.hiw-left{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:28px}
.hiw-num{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;border:3px solid var(--w);box-shadow:0 0 0 2px var(--b3);background:var(--bg);transition:all .4s ease;flex-shrink:0}
.hiw-step.active .hiw-num{transform:scale(1.08)}
.hiw-line-seg{width:3px;flex:1;min-height:24px;background:var(--b3);margin-top:6px;transition:background .5s ease}
.hiw-step:last-child .hiw-line-seg{display:none}
.hiw-step-inner{padding:24px 0 44px 32px}
.hiw-step-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;opacity:.7}
.hiw-step-title{font-family:"Sora",system-ui,sans-serif;font-size:clamp(18px,2vw,26px);font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.2}
.hiw-step-desc{font-size:15px;color:var(--ink2);line-height:1.78;max-width:640px;margin-bottom:22px}
.hiw-visual{background:var(--w);border:1px solid var(--b3);border-radius:18px;overflow:hidden;box-shadow:var(--s2);opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease;max-width:720px}
.hiw-step.active .hiw-visual{opacity:1;transform:translateY(0)}
.hiw-visual .anim-child{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
.hiw-step.active .hiw-visual .anim-child{opacity:1;transform:translateY(0)}
.hiw-step.active .hiw-visual .anim-child:nth-child(1){transition-delay:.08s}
.hiw-step.active .hiw-visual .anim-child:nth-child(2){transition-delay:.18s}
.hiw-step.active .hiw-visual .anim-child:nth-child(3){transition-delay:.28s}
.hiw-step.active .hiw-visual .anim-child:nth-child(4){transition-delay:.38s}
.hiw-step.active .hiw-visual .anim-child:nth-child(5){transition-delay:.48s}
.hiw-step.active .hiw-visual .anim-child:nth-child(6){transition-delay:.58s}
.src-chip{display:flex;align-items:center;gap:10px;border-radius:10px;padding:11px 16px;border:1px solid transparent;transition:transform .2s}
.src-chip:hover{transform:translateX(4px)}
.field-chip{background:var(--bg);border:1px solid var(--b3);border-radius:8px;padding:8px 12px}
.field-chip .fc-label{font-size:9px;color:var(--ink3);margin-bottom:2px;text-transform:uppercase;letter-spacing:.08em}
.field-chip .fc-val{font-size:12px;font-weight:700;color:var(--ink)}
.fc-bar{height:3px;border-radius:3px;margin-top:5px}
.route-node{border-radius:10px;padding:12px 16px;text-align:center;font-size:12px;font-weight:700;white-space:nowrap}
.sdemo{background:var(--bg);border:1px solid var(--b2);border-radius:14px;overflow:hidden;box-shadow:var(--s3)}
.sdbar{background:#0f1117;height:34px;display:flex;align-items:center;padding:0 14px;gap:8px}
.sdots{display:flex;gap:5px}.sdot{width:9px;height:9px;border-radius:50%}
.sdot.r{background:#ff5f57}.sdot.y{background:#febc2e}.sdot.g{background:#28c840}
.sdurl{flex:1;background:rgba(255,255,255,.05);border-radius:4px;height:18px;max-width:240px;margin:0 auto;display:flex;align-items:center;padding:0 8px;font-size:9px;color:rgba(255,255,255,.28)}
@media(max-width:768px){.hiw-step{grid-template-columns:52px 1fr}.hiw-spine{left:26px}.hiw-num{width:40px;height:40px;font-size:18px}}

/* BENEFITS — new design */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bcard{background:var(--w);border:1px solid var(--b3);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;gap:0;transition:box-shadow .22s,transform .18s;position:relative;overflow:hidden}
.bcard:hover{box-shadow:var(--s3);transform:translateY(-2px)}
.bcard-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0}
.bico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;flex-shrink:0}
.btt{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:7px;line-height:1.35;letter-spacing:-.01em}
.bdd{font-size:13px;color:var(--ink2);line-height:1.72;flex:1}
.bmet{display:inline-flex;align-items:baseline;gap:5px;margin-top:16px;padding-top:14px;border-top:1px solid var(--b3)}
.bmv{font-family:"Sora",system-ui,sans-serif;font-size:20px;font-weight:400;color:var(--ink);line-height:1}
.bml{font-size:11px;color:var(--ink3);line-height:1.4}
@media(max-width:768px){.bgrid{grid-template-columns:1fr;gap:14px}}

/* COMPARE */
.compare-wrap{max-width:1120px;margin:0 auto}
.compare-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:48px}
.ctbl{border:1px solid var(--b3);border-radius:16px;overflow:hidden;box-shadow:var(--s3);width:100%}
.ctbl table{width:100%;border-collapse:collapse}
.ctbl thead tr{background:var(--ink)}
.ctbl thead th{padding:14px 20px;font-size:12px;font-weight:500;color:rgba(255,255,255,.45);text-align:left}
.ctbl thead th.hl{color:#fff;font-weight:700}
.cbt{display:inline-block;background:var(--blue);font-size:8px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;margin-left:5px;vertical-align:middle}
.ctbl tbody tr{border-top:1px solid var(--b3)}
.ctbl tbody tr:nth-child(even){background:var(--bg)}
.ctbl tbody td{padding:11px 20px;font-size:13px;color:var(--ink2);vertical-align:middle}
.ctbl tbody td.feat{font-weight:600;color:var(--ink);font-size:13px}
.ctbl tbody td.cyn-col{color:var(--green);font-weight:600}
.cno{color:var(--red);font-weight:700}.cyes{color:var(--green);font-weight:700}
.cyn-col-head{background:rgba(24,72,240,.06)!important}
.platform-head{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6)!important}

/* CONTROL SECTION */
.ctrl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px}
.ctrl-card{background:var(--bg);border:1.5px solid var(--b3);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s}
.ctrl-card:hover{box-shadow:var(--s3);transform:translateY(-2px)}
.ctrl-center{border-color:var(--b2);background:var(--blue3)}
.ctrl-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px}
.ctrl-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.ctrl-title{font-family:"Sora",system-ui,sans-serif;font-size:19px;color:var(--ink);line-height:1.25}
.ctrl-desc{font-size:13px;color:var(--ink2);line-height:1.75;flex:1}
.ctrl-tag{display:inline-flex;font-size:10px;font-weight:700;padding:3px 11px;border-radius:100px;letter-spacing:.04em;margin-top:4px;width:fit-content}
.ctrl-tag.auto{background:var(--blueA);color:var(--blue)}
.ctrl-tag.manual{background:var(--amberA);color:var(--amber)}
.ctrl-tag.safe{background:var(--greenA);color:var(--green)}
.ctrl-banner{background:var(--ink);border-radius:14px;padding:28px 32px;display:flex;align-items:flex-start;gap:18px}
.ctrl-banner-icon{font-size:28px;flex-shrink:0;margin-top:2px}
.ctrl-banner-t{font-size:15px;font-weight:500;color:#fff;line-height:1.7;margin-bottom:6px}
.ctrl-banner-s{font-size:13px;color:rgba(255,255,255,.45)}

/* WAITLIST */
.wls{padding:108px 52px;background:var(--ink);position:relative;overflow:hidden}
.wlbg{position:absolute;inset:0;background-image:radial-gradient(rgba(24,72,240,.1) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.wlgl{position:absolute;width:800px;height:400px;border-radius:50%;background:radial-gradient(rgba(24,72,240,.15),transparent 70%);top:-100px;left:50%;transform:translateX(-50%);pointer-events:none}
.wli{max-width:1120px;margin:0 auto;position:relative;z-index:1}
.wlgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.wley{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(24,72,240,.7);margin-bottom:14px}
.wlh{font-family:"Sora",system-ui,sans-serif;font-size:clamp(30px,3.8vw,50px);font-weight:700;line-height:1.1;color:#fff;margin-bottom:18px}
.wlh em{font-style:italic;color:#7da2ff}
.wlsub{font-size:15.5px;color:rgba(255,255,255,.55);line-height:1.78;max-width:420px;margin-bottom:40px}
.wlperks{display:flex;flex-direction:column;gap:18px}
.wlpk{display:flex;align-items:flex-start;gap:13px}
.wlpki{width:36px;height:36px;background:rgba(255,255,255,.06);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}
.wlpkt{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}
.wlpkd{font-size:12px;color:rgba(255,255,255,.45);line-height:1.58}
.wlcard{background:#fff;border-radius:16px;padding:36px;box-shadow:0 32px 80px rgba(0,0,0,.35)}
.wlct{font-family:"Sora",system-ui,sans-serif;font-size:22px;color:var(--ink);margin-bottom:6px}
.wlcs{font-size:13px;color:var(--ink3);margin-bottom:24px;line-height:1.6}
.wlf{margin-bottom:14px}
.wll{font-size:12px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.wlopt{font-weight:400;color:var(--ink4)}
.wlcard input{width:100%;font-family:"Inter",system-ui,sans-serif;font-size:13.5px;padding:11px 14px;border:1.5px solid var(--b3);border-radius:8px;color:var(--ink);outline:none;transition:border-color .2s;background:var(--bg)}
.wlcard input:focus{border-color:var(--blue);background:var(--w)}
.phint{font-size:11px;color:var(--ink3);margin-top:5px;line-height:1.55}
.wlbtn{width:100%;background:var(--blue);color:#fff;font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:700;padding:13px;border-radius:9px;border:none;cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.wlbtn:hover{background:var(--blue2);box-shadow:var(--sb);transform:translateY(-1px)}
.wlnote{font-size:11px;color:var(--ink3);text-align:center;margin-top:10px}
.sucst{display:none;text-align:center;padding:24px 0}
.stt{font-family:"Sora",system-ui,sans-serif;font-size:20px;color:var(--ink);margin-bottom:8px}
.std{font-size:13px;color:var(--ink3);line-height:1.65;margin-bottom:18px}

/* FAQ */
.faqwrap{max-width:720px;margin:0 auto}
.faqit{border-bottom:1px solid var(--b3)}
.faqq{font-size:15px;font-weight:600;color:var(--ink);padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .2s}
.faqq:hover{color:var(--blue)}
.faqico{font-size:20px;color:var(--ink3);flex-shrink:0;transition:transform .28s,color .2s;font-weight:300}
.faqit.open .faqico{transform:rotate(45deg);color:var(--blue)}
.faqa{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faqit.open .faqa{max-height:300px}
.faqt{font-size:14px;color:var(--ink2);line-height:1.78;padding-bottom:18px}

/* FOOTER */
footer{background:var(--ink);padding:56px 52px 32px}
.fti{max-width:1120px;margin:0 auto}
.ftgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.07)}
.ftlo{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:700;color:#fff;margin-bottom:10px}
.ftdes{font-size:12.5px;color:rgba(255,255,255,.35);line-height:1.68;max-width:220px}
.fth{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px}
.ftl{display:flex;flex-direction:column;gap:9px}
.ftl a{font-size:12.5px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s}
.ftl a:hover{color:#fff}
.ftbot{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,.25)}

/* ═══════════════════════════════════════
   COLLECT — REDESIGNED: Ticker Feed Style
   ═══════════════════════════════════════ */
.collect-sec-new{padding:96px 52px;background:var(--ink);overflow:hidden;position:relative}
.collect-sec-new::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(24,72,240,.18),transparent 70%);pointer-events:none}
.collect-grid-new{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
.collect-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(24,72,240,.65);margin-bottom:14px}
.collect-h{font-family:"Sora",system-ui,sans-serif;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.14;letter-spacing:-.02em;color:#fff;margin-bottom:16px}
.collect-h em{font-style:italic;color:#7da2ff}
.collect-desc{font-size:15px;color:rgba(255,255,255,.5);line-height:1.78;margin-bottom:28px;max-width:460px}
.collect-channels{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.collect-ch{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}
.collect-ch:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.collect-ch-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.collect-ch-name{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}
.collect-ch-note{font-size:11px;color:rgba(255,255,255,.35)}
.collect-ch-badge{margin-left:auto;font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:100px;letter-spacing:.04em}
.collect-cta-new{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;border-radius:9px;border:none;cursor:pointer;transition:all .22s;text-decoration:none}
.collect-cta-new:hover{background:var(--blue2);box-shadow:0 12px 36px rgba(24,72,240,.4);transform:translateY(-1px)}

/* Live feed panel */
.collect-feed{position:relative}
.collect-feed-wrap{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;backdrop-filter:blur(12px)}
.collect-feed-bar{background:rgba(0,0,0,.4);height:36px;display:flex;align-items:center;padding:0 16px;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.collect-feed-dots{display:flex;gap:5px}
.collect-feed-dot{width:9px;height:9px;border-radius:50%}
.collect-feed-dot.r{background:rgba(255,95,87,.6)}.collect-feed-dot.y{background:rgba(254,188,46,.6)}.collect-feed-dot.g{background:rgba(40,200,64,.6)}
.collect-feed-title{flex:1;text-align:center;font-size:10px;color:rgba(255,255,255,.25);font-weight:600}
.collect-feed-live{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#00b896}
.collect-feed-live-dot{width:5px;height:5px;border-radius:50%;background:#00b896;animation:pg 2s ease-in-out infinite}
.collect-feed-body{padding:0}
.collect-feed-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;border-bottom:1px solid rgba(255,255,255,.05)}
.collect-feed-hl{font-size:12px;font-weight:700;color:rgba(255,255,255,.8)}
.collect-feed-count{font-size:10px;color:rgba(255,255,255,.3)}
.feed-item{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s}
.feed-item:hover{background:rgba(255,255,255,.03)}
.feed-item:last-child{border-bottom:none}
.feed-item-src{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.feed-item-info{flex:1;min-width:0}
.feed-item-ch{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1px}
.feed-item-name{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed-item-time{font-size:10px;color:rgba(255,255,255,.25)}
.feed-item-amt{font-size:12px;font-weight:700;color:rgba(255,255,255,.9);white-space:nowrap}
.feed-item-status{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}
.feed-footer{padding:12px 20px;background:rgba(21,128,61,.1);border-top:1px solid rgba(21,128,61,.15);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#4ade80}
@media(max-width:768px){.collect-sec-new{padding:52px 18px}.collect-grid-new{grid-template-columns:1fr;gap:40px}}

/* ═══════════════════════════════════════
   BENEFITS — REDESIGNED: Metric Cards
   ═══════════════════════════════════════ */
.ben-sec-new{padding:96px 52px;background:var(--bg)}
.ben-inner{max-width:1120px;margin:0 auto}
.ben-header{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:64px}
.ben-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--b3);border-radius:20px;overflow:hidden;background:var(--b3)}
.bcard-new{background:var(--w);padding:36px 32px;display:flex;flex-direction:column;gap:0;transition:background .2s;position:relative;overflow:hidden}
.bcard-new:hover{background:var(--bg)}
.bcard-new::after{content:'';position:absolute;top:0;left:0;width:100%;height:3px;opacity:0;transition:opacity .3s}
.bcard-new:hover::after{opacity:1}
.bc1::after{background:var(--blue)}.bc2::after{background:var(--teal)}.bc3::after{background:var(--amber)}
.bc4::after{background:var(--red)}.bc5::after{background:var(--blue)}.bc6::after{background:var(--green)}
.bcard-new-row2{border-top:1px solid var(--b3)}
.bico-new{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:20px}
.bmetric{font-family:"Sora",system-ui,sans-serif;font-size:36px;font-weight:700;line-height:1;margin-bottom:6px;letter-spacing:-.02em}
.bmetric-unit{font-family:"Inter",system-ui,sans-serif;font-size:14px;font-weight:600;vertical-align:super;margin-left:2px}
.bcard-title-new{font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.35}
.bcard-desc-new{font-size:12.5px;color:var(--ink2);line-height:1.7;flex:1}
@media(max-width:768px){.ben-sec-new{padding:52px 18px}.ben-header{grid-template-columns:1fr;gap:16px;margin-bottom:36px}.ben-grid-new{grid-template-columns:1fr}.bcard-new-row2{border-top:none}}

/* ═══════════════════════════════════════
   CONTROL — REDESIGNED: Process Flow
   ═══════════════════════════════════════ */
.ctrl-sec-new{padding:96px 52px;background:var(--w)}
.ctrl-inner{max-width:1120px;margin:0 auto}
.ctrl-header-new{max-width:640px;margin:0 auto 72px;text-align:center}
.ctrl-flow{display:flex;align-items:stretch;gap:0;border:1px solid var(--b3);border-radius:20px;overflow:hidden;box-shadow:var(--s3)}
.ctrl-flow-col{flex:1;padding:44px 36px;display:flex;flex-direction:column;gap:20px}
.ctrl-flow-col.cyntrova{background:var(--bg);border-right:1px solid var(--b3)}
.ctrl-flow-col.you{background:var(--blue3);border-right:1px solid var(--b3)}
.ctrl-flow-col.never{background:var(--ink)}
.ctrl-flow-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;flex-shrink:0;background:var(--w);border-right:1px solid var(--b3)}
.ctrl-flow-divider-icon{font-size:20px;opacity:.3}
.ctrl-col-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ctrl-col-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px}
.ctrl-col-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.ctrl-col-title{font-family:"Sora",system-ui,sans-serif;font-size:22px;color:var(--ink);line-height:1.2;margin-bottom:12px}
.ctrl-col-title.dark{color:#fff}
.ctrl-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink2);line-height:1.6}
.ctrl-item.dark{color:rgba(255,255,255,.5)}
.ctrl-item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:7px}
.ctrl-flow-tag{display:inline-flex;font-size:10px;font-weight:700;padding:4px 12px;border-radius:100px;letter-spacing:.04em;margin-top:auto}
.ctrl-flow-tag.auto{background:var(--blueA);color:var(--blue)}
.ctrl-flow-tag.manual{background:var(--amberA);color:var(--amber)}
.ctrl-flow-tag.never-t{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)}
.ctrl-reassurance{background:var(--ink);border-radius:14px;padding:24px 28px;display:flex;align-items:flex-start;gap:16px;margin-top:28px}
.ctrl-reassurance-icon{font-size:24px;flex-shrink:0}
.ctrl-reassurance-text{font-size:14px;font-weight:500;color:#fff;line-height:1.7}
.ctrl-reassurance-text span{color:rgba(255,255,255,.45);font-weight:400}
@media(max-width:768px){.ctrl-sec-new{padding:52px 18px}.ctrl-flow{flex-direction:column}.ctrl-flow-col{padding:28px 22px}.ctrl-flow-col.cyntrova,.ctrl-flow-col.you{border-right:none;border-bottom:1px solid var(--b3)}.ctrl-flow-divider{display:none}}

/* ═══════════════════════════════════════
   COMPARE — REDESIGNED: Sticky head table
   ═══════════════════════════════════════ */
.compare-sec-new{padding:96px 52px;background:var(--bg)}
.compare-inner{max-width:1120px;margin:0 auto}
.compare-head-new{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:48px}

/* ═══════════════════════════════════════
   WAITLIST — REDESIGNED: Split immersive
   ═══════════════════════════════════════ */
/* kept existing .wls styles, just minor tweaks */

/* ═══════════════════════════════════════
   FAQ — REDESIGNED: Two-column grid
   ═══════════════════════════════════════ */
.faq-sec-new{padding:96px 52px;background:var(--w)}
.faq-inner{max-width:1120px;margin:0 auto}
.faq-top{text-align:center;max-width:540px;margin:0 auto 64px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--b3);border-radius:18px;overflow:hidden}
.faq-item-new{padding:24px 28px;border-bottom:1px solid var(--b3);border-right:1px solid var(--b3);transition:background .2s}
.faq-item-new:hover{background:var(--bg)}
.faq-item-new:nth-child(even){border-right:none}
.faq-item-new:nth-last-child(-n+2){border-bottom:none}
.faq-q-new{font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.38}
.faq-a-new{font-size:13px;color:var(--ink2);line-height:1.74}
@media(max-width:768px){
  .faq-sec-new{padding:52px 18px}
  .faq-grid{grid-template-columns:1fr}
  .faq-item-new{border-right:none}
  .faq-item-new:nth-last-child(-n+2){border-bottom:1px solid var(--b3)}
  .faq-item-new:last-child{border-bottom:none}
  .compare-sec-new{padding:52px 18px}
  .compare-head-new{grid-template-columns:1fr;gap:12px;margin-bottom:24px}
}

/* ANIMATIONS */
.rv{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.rv.vs{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.22s}.d3{transition-delay:.32s}

/* ═══════════════════════════════════════
   CREATIVE ENHANCEMENTS v2
   ═══════════════════════════════════════ */

/* Animated counter numbers */
@keyframes countUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.stat-animated{animation:countUp .6s ease forwards}

/* Problem section — dramatic stat bar */
.prob-stat-bar{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  background:var(--ink);border-radius:18px;overflow:hidden;
  box-shadow:0 32px 80px rgba(8,12,26,.3);
  margin-top:24px;position:relative;
}
.prob-stat-bar::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 80% at 15% 50%,rgba(220,38,38,.08),transparent 70%),
             radial-gradient(ellipse 50% 80% at 85% 50%,rgba(21,128,61,.08),transparent 70%);
  pointer-events:none
}
.prob-stat-item{padding:36px 28px;position:relative;z-index:1;border-right:1px solid rgba(255,255,255,.06)}
.prob-stat-item:last-child{border-right:none}
.prob-stat-num{font-family:"Sora",system-ui,sans-serif;font-size:clamp(36px,3.5vw,54px);line-height:1;margin-bottom:8px;letter-spacing:-.02em}
.prob-stat-label{font-size:13px;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:5px}
.prob-stat-sub{font-size:11.5px;color:rgba(255,255,255,.3);line-height:1.65}

/* Enhanced benefits — gradient tops + hover glow */
.bcard-new{transition:box-shadow .3s ease,transform .25s ease,background .2s}
.bcard-new:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,12,26,.12)}
.bc1:hover{box-shadow:0 24px 60px rgba(24,72,240,.14)!important}
.bc2:hover{box-shadow:0 24px 60px rgba(0,184,150,.12)!important}
.bc3:hover{box-shadow:0 24px 60px rgba(180,83,9,.1)!important}
.bc4:hover{box-shadow:0 24px 60px rgba(220,38,38,.1)!important}
.bc5:hover{box-shadow:0 24px 60px rgba(24,72,240,.12)!important}
.bc6:hover{box-shadow:0 24px 60px rgba(21,128,61,.1)!important}

/* Pulsing live indicator */
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 5px transparent}}
.live-dot-pulse{animation:pg 2s ease-in-out infinite,livePulse 2s ease-in-out infinite}

/* Compare table row hover */
.ctbl tbody tr{transition:background .18s ease}
.ctbl tbody tr:hover{background:var(--blue3)!important}
.ctbl tbody tr:hover td.cyn-col{color:var(--green);font-weight:700}

/* FAQ hover accent */
.faq-item-new{position:relative;overflow:hidden}
.faq-item-new::before{display:none}
.faq-item-new:hover .faq-q-new{color:var(--blue)}
.faq-q-new{transition:color .2s ease}

/* Control flow — arrow connector */
.ctrl-flow-arrow{position:relative;width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent}
.ctrl-flow-arrow::before{content:'→';font-size:22px;color:var(--b4);font-weight:300}
@media(max-width:768px){.ctrl-flow-arrow{display:none}}

/* Problem section columns — subtle lift on hover */
#prob .pgrid-col{transition:transform .25s ease}
#prob .pgrid-col.col-bad:hover{transform:translateY(-2px)}
#prob .pgrid-col:not(.col-bad):hover{transform:translateY(-3px)}

/* Collect channels — staggered entrance */
.collect-ch{position:relative;overflow:hidden}
.collect-ch::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:translateX(-100%);transition:transform .6s ease}
.collect-ch:hover::after{transform:translateX(100%)}

/* Hero stat pill animation */
.hpill{transition:all .2s ease}
.hpill:hover{background:var(--blue3);border-color:var(--b2);transform:translateY(-1px)}

/* Waitlist perks — icon hover */
.wlpki{transition:all .22s ease}
.wlpk:hover .wlpki{background:rgba(24,72,240,.2);transform:scale(1.08)}

/* Section label accent line removed */

/* Stats counter pulse on enter */
@keyframes statReveal{0%{opacity:0;transform:scale(.92) translateY(10px)}60%{transform:scale(1.04) translateY(-2px)}100%{opacity:1;transform:scale(1) translateY(0)}}
.stat-reveal{opacity:0}
.stat-reveal.counted{animation:statReveal .55s cubic-bezier(.16,1,.3,1) forwards}

/* Compare — Cyntrova column highlight */
.ctbl tbody td.cyn-col{background:rgba(21,128,61,.04)}
.ctbl thead th:last-child{background:rgba(24,72,240,.14)!important}

/* Marquee glow text effect */
.mqi{transition:color .2s}
.mqt:hover .mqi{color:rgba(255,255,255,.9)}

/* Benefit metric number shimmer */
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.bmetric{background:linear-gradient(90deg,currentColor 40%,rgba(255,255,255,.6) 50%,currentColor 60%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}

/* Waitlist form focus ring */
.wlcard input:focus,.wlcard select:focus{box-shadow:0 0 0 3px rgba(24,72,240,.12)}

/* Floating badge animation in hero */
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.htag{animation:floatBadge 4s ease-in-out infinite}

/* Problem section VS divider glow */
#prob .pgrid .pgrid-col.col-bad+div{box-shadow:inset 0 0 40px rgba(24,72,240,.08)}

/* Benefits grid top border accent (replaces ::after) */
.bcard-new::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:0;transition:opacity .3s}
.bcard-new::before,.bcard-new::after{opacity:0}
.bcard-new:hover::before{opacity:1}
.bc1::before{background:linear-gradient(90deg,var(--blue),#4f7ef8)}
.bc2::before{background:linear-gradient(90deg,var(--teal),#00d4b0)}
.bc3::before{background:linear-gradient(90deg,var(--amber),#e8960a)}
.bc4::before{background:linear-gradient(90deg,var(--red),#f05252)}
.bc5::before{background:linear-gradient(90deg,var(--blue),#4f7ef8)}
.bc6::before{background:linear-gradient(90deg,var(--green),#22c55e)}

/* ═══════════════════════════════════════
   RESPONSIVE — 768px
   ═══════════════════════════════════════ */
@media(max-width:768px){

  /* NAV */
  nav{padding:0 20px;height:56px}
  nav .nav-links{display:none!important}

  /* ── HERO ── */
  .hero{padding:80px 20px 52px}
  .hi{grid-template-columns:1fr!important;display:flex!important;flex-direction:column;gap:32px}
  .hl-side{order:1}
  .hocr-wrap{order:2;width:100%;overflow:hidden}
  h1{font-size:32px;line-height:1.1}
  .hsub{font-size:14px;line-height:1.7;max-width:100%!important}
  .hbtns{flex-direction:column;align-items:stretch;gap:10px}
  .hbp,.hbs{width:100%;justify-content:center;text-align:center;padding:14px 20px;font-size:14px}
  .hproof{gap:6px;margin-bottom:24px}
  .hpill{font-size:11px;padding:5px 10px}
  .htag{font-size:10px;margin-bottom:18px}

  /* Hero OCR card — shrink gracefully */
  .hocr-invoice{border-radius:14px}
  .hocr-fields{grid-template-columns:repeat(2,1fr)!important}
  .hocr-fv{font-size:10px}
  .hocr-fl{font-size:7px}
  .hocr-body{padding:10px}
  .hocr-file{padding:9px}
  .hocr-file-name{font-size:11px}
  .hocr-stat-n{font-size:13px}
  .hocr-stats{overflow:hidden}
  .hocr-topbar .hocr-url{max-width:140px}

  /* ── TRUST BAR ── */
  .trust-bar-divider{display:none!important}
  .mq .mqt{animation-duration:18s}

  /* ── GENERIC SECTIONS ── */
  .sec{padding:56px 20px}
  .collect-sec{padding:56px 20px}
  .sh2{grid-template-columns:1fr!important;gap:14px;margin-bottom:36px}
  .ssb{font-size:13px;max-width:100%}
  .sth{font-size:24px;line-height:1.2}
  .sg{grid-template-columns:1fr!important;gap:24px}
  .bgrid{grid-template-columns:1fr!important;gap:14px}

  /* ── COLLECT ── */
  .collect-sec-new{padding:56px 20px}
  .collect-grid-new,.collect-grid{grid-template-columns:1fr!important;gap:36px}
  .collect-feed{margin-top:0}
  .source-pills{gap:8px}
  .sp{font-size:12px;padding:9px 12px}

  /* ── PROBLEM SECTION ── */
  #prob{padding:56px 20px!important}
  /* Inline grid 1fr 64px 1fr → stack vertically */
  .rv{display:flex!important;flex-direction:column!important;gap:0!important}
  .pgrid{grid-template-columns:1fr!important;gap:0}
  .pgrid-col.col-bad{border-right:none!important;border-bottom:1px solid var(--b3)}
  /* Hide the VS divider column */
  .rv > div:nth-child(2){display:none!important}
  /* Problem stat bar */
  .prob-stat-bar{grid-template-columns:1fr!important;gap:0;border-radius:14px}
  .prob-stat-item{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:22px 18px}
  .prob-stat-item:last-child{border-bottom:none!important}
  .prob-stat-num{font-size:34px}
  .pstats{grid-template-columns:1fr!important}

  /* ── HOW IT WORKS ── */
  .hiw-step{grid-template-columns:48px 1fr}
  .hiw-spine{display:none}
  .hiw-num{width:38px;height:38px;font-size:16px}
  .hiw-step-inner{padding:16px 0 32px 16px}
  .hiw-step-title{font-size:20px}
  .hiw-step-desc{font-size:14px;line-height:1.7}
  .hiw-visual{border-radius:14px;max-width:100%;overflow:hidden}
  /* HIW Step 1 — inline grid sources→arrow→inbox → stack */
  .hiw-visual [style*="grid-template-columns:1fr 60px 1fr"]{
    display:flex!important;flex-direction:column!important;gap:16px!important
  }
  .hiw-visual [style*="grid-template-columns:1fr 60px 1fr"] > [style*="height:200px"]{display:none!important}
  /* HIW Step 2 — inline grid 3-col fields */
  .hiw-visual [style*="grid-template-columns:repeat(3,1fr)"]{
    grid-template-columns:repeat(2,1fr)!important
  }
  /* HIW Step 4 — routing diagram inline grid */
  .hiw-visual [style*="grid-template-columns:1fr 48px 1fr"]{
    display:flex!important;flex-direction:column!important;gap:12px!important
  }
  .hiw-visual [style*="grid-template-columns:1fr 48px 1fr"] > [style*="flex-direction:column;align-items:center;padding-top"]{display:none!important}
  /* Vendor memory rows — prevent overflow */
  .hiw-visual [style*="display:flex;align-items:center;gap:12px;background:var(--greenA)"]{flex-wrap:wrap}
  .hiw-visual [style*="display:flex;align-items:center;gap:12px;background:var(--blueA)"]{flex-wrap:wrap}

  /* ── BENEFITS ── */
  .ben-sec-new{padding:56px 20px}
  .ben-header{grid-template-columns:1fr!important;gap:14px;margin-bottom:32px}
  .ben-grid-new{grid-template-columns:1fr!important}
  .bcard-new{padding:28px 22px}
  .bcard-new-row2{border-top:none}
  .bmetric{font-size:32px}

  /* ── CONTROL ── */
  .ctrl-sec-new{padding:56px 20px}
  .ctrl-header-new{margin-bottom:40px}
  .ctrl-flow{flex-direction:column!important}
  .ctrl-flow-col{padding:28px 22px}
  .ctrl-flow-col.cyntrova,.ctrl-flow-col.you{border-right:none!important;border-bottom:1px solid var(--b3)}
  .ctrl-flow-col.never{border-right:none!important}
  .ctrl-flow-divider,.ctrl-flow-arrow{display:none!important}
  .ctrl-col-title{font-size:19px}
  .ctrl-reassurance{padding:20px 18px;gap:12px;flex-direction:column}
  .ctrl-grid{grid-template-columns:1fr!important;gap:14px;margin-bottom:20px}
  .ctrl-card{padding:22px 18px}
  .ctrl-banner{flex-direction:column;gap:12px;padding:22px 20px}

  /* ── COMPARE ── */
  .compare-sec-new{padding:56px 20px}
  .compare-head-new{grid-template-columns:1fr!important;gap:14px;margin-bottom:28px}
  .compare-intro{grid-template-columns:1fr!important;gap:12px;margin-bottom:24px}
  .ctbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
  .ctbl table{min-width:480px;font-size:12px}
  .ctbl thead th,.ctbl tbody td{padding:10px 14px}

  /* ── FAQ ── */
  .faq-sec-new{padding:56px 20px}
  .faq-top{margin-bottom:36px}
  .faq-grid{grid-template-columns:1fr!important}
  .faq-item-new{border-right:none!important;padding:22px 18px}
  .faq-item-new:nth-last-child(-n+2){border-bottom:1px solid var(--b3)!important}
  .faq-item-new:last-child{border-bottom:none!important}
  .faq-q-new{font-size:14px}
  .faq-a-new{font-size:13px}

  /* ── WAITLIST ── */
  .wls{padding:72px 20px}
  .wlgrid{grid-template-columns:1fr!important;gap:40px}
  .wlh{font-size:28px;line-height:1.15}
  .wlsub{font-size:14px}
  .wlperks{gap:14px}
  .wlcard{padding:28px 20px;border-radius:14px}
  .wlcard input,.wlcard select{font-size:14px;padding:12px 13px}
  /* Waitlist stats inline grid */
  .wls [style*="grid-template-columns:repeat(3,1fr)"]{
    grid-template-columns:1fr!important
  }

  /* ── FOOTER ── */
  footer{padding:48px 20px 28px}
  .ftgrid{grid-template-columns:1fr 1fr!important;gap:24px}
  .ftbot{flex-direction:column;gap:8px;text-align:center}
}

/* ═══════════════════════════════════════
   RESPONSIVE — 480px
   ═══════════════════════════════════════ */
@media(max-width:480px){
  h1{font-size:26px;line-height:1.1}
  .sth{font-size:21px}
  .wlh{font-size:24px}
  .ftgrid{grid-template-columns:1fr!important}
  .hbtns{gap:8px}
  .hbp,.hbs{font-size:14px;padding:13px 16px}
  .hpill{font-size:10px;padding:4px 9px}
  .wlcard{padding:22px 16px}
  .ctrl-flow-col{padding:22px 16px}
  .bcard-new{padding:24px 16px}
  .faq-item-new{padding:20px 16px}
  .prob-stat-item{padding:18px 16px}
  .hiw-step-inner{padding:14px 0 28px 14px}
  .hiw-step-title{font-size:18px}
  .ben-header .ssb,.ctrl-header-new .ssb,.faq-top .ssb{font-size:13px}
  .bmetric{font-size:28px}
  /* OCR card fields — single col on very small */
  .hocr-fields{grid-template-columns:1fr 1fr!important}
  /* Compare table scroll hint */
  .ctbl::after{content:'← scroll →';display:block;text-align:center;font-size:10px;color:var(--ink3);padding:6px;background:var(--bg)}

  /* Hero blue info banner — wrap on small screens */
  .hero > .hi > .hl-side > div[style*="display:flex;flex-wrap:wrap"] {
    padding:10px 14px!important;
  }
  /* Marquee slower on small screens */
  .mqt{animation-duration:14s!important}
  /* Problem stats — tighter on 480 */
  .pstat-n{font-size:22px}
  /* HIW visual inner — prevent overflow */
  .hiw-visual{overflow-x:hidden}
}