/* =========================================================
   MP Audit — Bold Fintech Forensic
   Neo-Swiss clarity + premium fintech + forensic scanner UI
   ========================================================= */

/* ---------- 1. Tokens ---------- */
:root{
  --bg:#FAFAFA;
  --surface:#FFFFFF;
  --ink:#111827;
  --ink-2:#475569;
  --ink-3:#64748B;
  --dark:#0F172A;
  --dark-2:#0B1220;
  --line:#E5E7EB;
  --line-2:#EEF2F6;

  --blue:#2563EB;
  --blue-600:#1D4ED8;
  --blue-300:#93B4FD;
  --cyan:#22D3EE;
  --lime:#C4F82A;
  --lime-deep:#A3E635;
  --green:#16A34A;
  --amber:#F59E0B;
  --red:#EF4444;

  --sans:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;

  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:28px;
  --wrap:1200px;
  --pad:24px;

  --sh-1:0 1px 2px rgba(15,23,42,.05), 0 6px 18px -8px rgba(15,23,42,.10);
  --sh-2:0 2px 4px rgba(15,23,42,.04), 0 18px 40px -20px rgba(15,23,42,.22);
  --sh-3:0 30px 70px -32px rgba(15,23,42,.42);

  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.6s;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body,h1,h2,h3,h4,p,ul,ol,li,figure{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}

html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  font-feature-settings:"cv05" 1,"ss01" 1;
}
::selection{background:var(--lime);color:var(--dark)}

:focus-visible{
  outline:3px solid var(--blue);
  outline-offset:3px;
  border-radius:6px;
}
.dark :focus-visible,.ftr :focus-visible,.final :focus-visible{outline-color:var(--lime)}

.skip{
  position:absolute;left:12px;top:-100px;z-index:200;
  background:var(--dark);color:#fff;padding:12px 18px;border-radius:10px;
  font-weight:600;transition:top .2s var(--ease);
}
.skip:focus{top:12px}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.mono{font-family:var(--mono);font-variant-ligatures:none;word-spacing:-.14em}

/* ---------- 3. Typography scale ---------- */
.sec-head{max-width:880px;margin-bottom:clamp(36px,4.4vw,60px)}
.sec-head--center{margin-inline:auto;text-align:center}
.sec-title{
  font-size:clamp(2rem,4.2vw,3.4rem);
  line-height:1.03;
  letter-spacing:-.035em;
  font-weight:800;
}
.sec-title--light{color:#fff}
.sec-sub{margin-top:18px;font-size:clamp(1rem,1.5vw,1.15rem);color:#94A3B8;max-width:62ch}
.sec-sub--dark{color:var(--ink-2)}
.sec-head--center .sec-sub{margin-inline:auto}

.kicker{
  font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--blue);margin-bottom:16px;
  display:inline-flex;align-items:center;gap:8px;
}
.kicker::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.kicker--dark{color:var(--lime)}

.hl{
  background:linear-gradient(180deg,transparent 58%,rgba(196,248,42,.85) 58%);
  padding:0 .06em;
}
.hl-lime{color:var(--lime)}

/* ---------- 4. Buttons ---------- */
.btn{
  --btn-bg:var(--blue);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 24px;border-radius:12px;
  font-weight:650;font-size:.975rem;letter-spacing:-.011em;
  line-height:1.2;
  transition:transform .18s var(--ease),box-shadow .25s var(--ease),background .2s var(--ease),color .2s var(--ease);
  will-change:transform;
  text-align:center;
}
.btn__ico{flex:none;transition:transform .25s var(--ease)}
.btn:hover .btn__ico{transform:translateX(3px)}
.btn--lg{padding:18px 30px;font-size:1.05rem;border-radius:14px}
.btn--sm{padding:10px 18px;font-size:.9rem;border-radius:10px}
.btn--block{width:100%}

.btn--primary{
  background:var(--blue);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 10px 26px -10px rgba(37,99,235,.75);
}
.btn--primary:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(37,99,235,.85)}
.btn--primary:active{transform:translateY(0)}

.btn--lime{
  background:var(--lime);color:#0B1220;
  box-shadow:0 10px 30px -12px rgba(196,248,42,.9);
}
.btn--lime:hover{background:#D3FF3E;transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(196,248,42,.95)}

.btn--ghost{
  background:transparent;color:var(--ink);
  box-shadow:inset 0 0 0 1.5px var(--line);
}
.btn--ghost:hover{background:#fff;box-shadow:inset 0 0 0 1.5px #CBD5E1,var(--sh-1);transform:translateY(-2px)}

.btn--dark{background:var(--dark);color:#fff}
.btn--dark:hover{background:#1E293B;transform:translateY(-2px)}

/* ---------- 5. Chips ---------- */
.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;
  font-size:.72rem;font-weight:650;letter-spacing:.01em;
  white-space:nowrap;
}
.chip--ok{background:rgba(22,163,74,.12);color:#15803D}
.chip--warn{background:rgba(245,158,11,.14);color:#B45309}
.chip--att{background:rgba(37,99,235,.12);color:var(--blue-600)}
.chip--muted{background:var(--line-2);color:var(--ink-3)}
.dark .chip--ok{background:rgba(22,163,74,.18);color:#6EE7A8}
.dark .chip--warn{background:rgba(245,158,11,.18);color:#FCD34D}
.dark .chip--att{background:rgba(34,211,238,.16);color:#7DD3FC}

/* ---------- 6. Reveal ---------- */
.js [data-reveal]{opacity:0;transform:translateY(20px)}
.js [data-reveal].is-in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}

/* ---------- 7. Header ---------- */
.hdr{
  position:sticky;top:0;z-index:100;
  padding-top:env(safe-area-inset-top,0px);
  background:rgba(250,250,250,.72);
  backdrop-filter:saturate(180%) blur(16px);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);
}
.hdr.is-stuck{border-bottom-color:var(--line);background:rgba(250,250,250,.88);box-shadow:0 8px 24px -22px rgba(15,23,42,.6)}
.hdr__in{display:flex;align-items:center;gap:20px;height:72px}

.logo{display:inline-flex;align-items:center;gap:11px;flex:none}
.logo__mark{display:block;line-height:0;transition:transform .3s var(--ease)}
.logo:hover .logo__mark{transform:rotate(-4deg) scale(1.04)}
.logo__txt{font-weight:800;letter-spacing:-.03em;font-size:1.12rem;white-space:nowrap}
.logo__txt b{font-weight:900}
.logo__txt i{font-style:normal;font-weight:600;color:var(--ink-3);margin-left:.22em;letter-spacing:.02em}
.logo__txt--light{color:#fff}
.logo__txt--light i{color:#94A3B8}

.hdr__nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.hdr__nav a{
  padding:9px 13px;border-radius:9px;
  font-size:.9rem;font-weight:550;color:var(--ink-2);
  transition:color .2s var(--ease),background .2s var(--ease);
}
.hdr__nav a:hover{color:var(--ink);background:rgba(15,23,42,.05)}
.hdr__cta{flex:none}

/* ---------- 8. Hero ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(48px,7vw,96px) 0 clamp(64px,8vw,110px)}
.hero__glow{
  position:absolute;top:-340px;right:-220px;width:900px;height:900px;
  background:radial-gradient(circle at center,rgba(37,99,235,.20),rgba(34,211,238,.10) 38%,transparent 68%);
  pointer-events:none;
}
.hero__grid-bg{
  position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(15,23,42,.045) 1px,transparent 1px),
                   linear-gradient(to bottom,rgba(15,23,42,.045) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 85% 60% at 50% 0%,#000,transparent 75%);
  mask-image:radial-gradient(ellipse 85% 60% at 50% 0%,#000,transparent 75%);
}
.hero__in{position:relative;z-index:1}
.hero__top{max-width:1180px}
.hero__body{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  gap:clamp(32px,4vw,56px);align-items:center;
  margin-top:clamp(30px,3.6vw,48px);
}

.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 14px 7px 11px;border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);
  font-size:.79rem;font-weight:600;color:var(--ink-2);letter-spacing:-.005em;
  margin-bottom:26px;
}
.eyebrow__dot{
  width:7px;height:7px;border-radius:50%;background:var(--lime-deep);flex:none;
  box-shadow:0 0 0 3px rgba(163,230,53,.28);
  animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(163,230,53,.28)}50%{box-shadow:0 0 0 7px rgba(163,230,53,0)}}

.hero__h1{
  font-size:clamp(2.2rem,5.6vw,4.5rem);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:900;
  text-wrap:balance;
}
.hero__h1-line{display:block}
.hero__h1-line--accent{margin-top:.08em}

.hero__sub{
  font-size:clamp(1.02rem,1.35vw,1.2rem);
  color:var(--ink-2);max-width:52ch;line-height:1.6;
}

.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(24px,2.8vw,32px)}

.hero__price{
  display:inline-flex;align-items:baseline;gap:10px;
  margin-top:26px;
}
.hero__price-num{
  font-family:var(--mono);font-weight:700;
  font-size:clamp(1.5rem,2.4vw,1.95rem);letter-spacing:-.03em;word-spacing:-.3em;
  color:var(--ink);
  position:relative;
}
.hero__price-num::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;
  background:var(--lime);border-radius:3px;
}
.hero__price-txt{color:var(--ink-3);font-size:.98rem;font-weight:550}
.hero__micro{margin-top:14px;font-size:.87rem;color:var(--ink-3)}
.hero__vis{min-width:0}
.hero__cap{margin-top:14px;text-align:center;font-size:.78rem;color:var(--ink-3);letter-spacing:.01em}

/* ---------- 9. Hero scanner ---------- */
.scan{
  position:relative;overflow:hidden;
  border-radius:var(--r-xl);
  background:linear-gradient(165deg,#111C33 0%,var(--dark) 42%,var(--dark-2) 100%);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.18),var(--sh-3);
  isolation:isolate;
}
.scan::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:3;
  background:radial-gradient(ellipse 70% 40% at 50% -10%,rgba(37,99,235,.28),transparent 70%);
}
.scan__chrome{
  display:flex;align-items:center;gap:12px;
  padding:14px 18px;
  border-bottom:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.02);
}
.scan__dots{display:flex;gap:6px;flex:none}
.scan__dots i{width:9px;height:9px;border-radius:50%;background:rgba(148,163,184,.3)}
.scan__dots i:first-child{background:rgba(239,68,68,.55)}
.scan__dots i:nth-child(2){background:rgba(245,158,11,.55)}
.scan__file{
  font-family:var(--mono);font-size:.73rem;color:#94A3B8;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;
}
.scan__badge{
  flex:none;font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;
  color:var(--lime);padding:4px 9px;border-radius:6px;
  background:rgba(196,248,42,.1);box-shadow:inset 0 0 0 1px rgba(196,248,42,.24);
}

.scan__rows{position:relative;z-index:2;padding:10px}
.srow{
  display:grid;min-height:46px;align-items:center;
  padding:0 14px;border-radius:10px;
  transition:background .35s var(--ease);
}
.srow>*{grid-area:1/1;min-width:0}
.srow.is-done{background:rgba(37,99,235,.08)}

.srow__raw{
  display:flex;align-items:center;gap:14px;
  font-family:var(--mono);font-size:.71rem;color:#64748B;
  white-space:nowrap;overflow:hidden;
  transition:opacity .3s var(--ease),filter .3s var(--ease);
  opacity:0;filter:blur(1px);
}
.srow__raw .c{font-style:normal;flex:none}
.srow__raw .c--num{color:#94A3B8;margin-left:auto}
.srow__raw .c--bar{
  width:52px;height:6px;border-radius:3px;flex:none;
  background:repeating-linear-gradient(90deg,rgba(148,163,184,.34) 0 4px,transparent 4px 7px);
}

.srow__res{
  display:flex;align-items:center;gap:12px;
  opacity:1;transform:none;
  transition:opacity .38s var(--ease),transform .38s var(--ease);
}
.srow__ic{
  flex:none;width:22px;height:22px;border-radius:7px;
  display:grid;place-items:center;
  font-size:.72rem;font-weight:800;font-family:var(--mono);
}
.srow__ic--ok{background:rgba(22,163,74,.18);color:#4ADE80}
.srow__ic--warn{background:rgba(245,158,11,.18);color:#FBBF24}
.srow__ic--att{background:rgba(34,211,238,.18);color:#67E8F9}
.srow__lab{
  font-size:.875rem;font-weight:600;color:#E2E8F0;letter-spacing:-.011em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.srow__res .chip{margin-left:auto;flex:none}

/* armed = JS animation running */
.scan.is-armed .srow__raw{opacity:1}
.scan.is-armed .srow__res{opacity:0;transform:translateY(6px)}
.scan.is-armed .srow.is-done .srow__raw{opacity:0}
.scan.is-armed .srow.is-done .srow__res{opacity:1;transform:none}

.scan__beam{
  position:absolute;left:0;right:0;top:0;height:2px;z-index:4;
  background:linear-gradient(90deg,transparent,var(--cyan) 12%,#fff 50%,var(--lime) 88%,transparent);
  box-shadow:0 0 18px 2px rgba(34,211,238,.6),0 0 60px 8px rgba(37,99,235,.35);
  opacity:0;pointer-events:none;
  will-change:transform;
}
.scan__beam::before{
  content:"";position:absolute;left:0;right:0;bottom:2px;height:88px;
  background:linear-gradient(180deg,transparent,rgba(34,211,238,.13));
}
.scan.is-armed .scan__beam{opacity:1}

.scan__foot{
  display:flex;align-items:center;gap:14px;
  padding:12px 18px;border-top:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.02);position:relative;z-index:2;
}
.scan__prog{flex:1;height:4px;border-radius:2px;background:rgba(148,163,184,.18);overflow:hidden}
.scan__prog i{
  display:block;height:100%;width:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--blue),var(--cyan) 60%,var(--lime));
  transform-origin:0 50%;
}
.scan__pct{font-size:.68rem;color:#94A3B8;flex:none;min-width:38px;text-align:right}

/* ---------- 10. Proof / stats ---------- */
.proof{padding:clamp(56px,7vw,96px) 0;background:linear-gradient(180deg,#fff,var(--bg))}
.stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.6vw,22px);
}
.stat{
  position:relative;overflow:hidden;
  background:var(--surface);border-radius:var(--r-lg);
  padding:clamp(22px,2.4vw,30px);
  box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.stat:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #DBE3EC,var(--sh-2)}
.stat__num{
  display:block;font-weight:700;
  font-size:clamp(2.1rem,3.6vw,3rem);
  letter-spacing:-.045em;line-height:1;word-spacing:-.26em;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.stat--att .stat__num{color:#B45309}
.stat__lab{display:block;margin-top:12px;font-size:.9rem;color:var(--ink-2);line-height:1.4;max-width:26ch}
.stat__bar{position:absolute;left:0;top:0;width:4px;height:100%}
.stat__bar--blue{background:linear-gradient(180deg,var(--blue),var(--cyan))}
.stat__bar--lime{background:linear-gradient(180deg,var(--lime-deep),var(--lime))}
.stat__bar--amber{background:linear-gradient(180deg,var(--amber),#FBBF24)}

.disclaimer{
  display:flex;align-items:flex-start;gap:10px;
  margin-top:clamp(22px,2.6vw,30px);
  font-size:.85rem;color:var(--ink-3);line-height:1.5;
  max-width:78ch;
}
.disclaimer svg{flex:none;margin-top:3px;color:var(--ink-3)}

/* ---------- 11. Dark sections ---------- */
.dark{position:relative;background:var(--dark);color:#CBD5E1;overflow:hidden}
.dark__glow{
  position:absolute;top:-260px;left:-180px;width:780px;height:780px;pointer-events:none;
  background:radial-gradient(circle at center,rgba(37,99,235,.30),transparent 66%);
}
.dark__glow--right{left:auto;right:-220px;top:-300px;
  background:radial-gradient(circle at center,rgba(34,211,238,.20),transparent 66%);
}
.dark .wrap{position:relative;z-index:1}

/* ---------- 12. Problem / compare ---------- */
.problem{padding:clamp(64px,8vw,110px) 0}
.compare{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:clamp(16px,2vw,28px);align-items:stretch;
}
.cmp{
  display:flex;flex-direction:column;
  border-radius:var(--r-lg);overflow:hidden;
  background:rgba(255,255,255,.03);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.16);
}
.cmp--audit{
  background:linear-gradient(170deg,rgba(37,99,235,.14),rgba(11,18,32,.5));
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.38),0 26px 60px -34px rgba(37,99,235,.7);
}
.cmp__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 18px;border-bottom:1px solid rgba(148,163,184,.14);
}
.cmp__tag{font-size:.68rem;letter-spacing:.12em;color:#94A3B8;font-weight:700}
.cmp__tag--brand{color:var(--lime)}
.cmp__meta{font-size:.68rem;color:#64748B}
.cmp__body{position:relative;padding:18px;flex:1;min-height:230px}
.cmp--raw .cmp__body{background:#131D31;overflow:hidden}
.cmp__body--clean{display:flex;align-items:center}
.cmp__foot{
  padding:14px 18px;border-top:1px solid rgba(148,163,184,.14);
  font-size:.82rem;color:#94A3B8;
}
.cmp__foot--brand{color:#CBD5E1}

.chaos{display:flex;flex-direction:column;gap:7px}
.chaos__r{display:flex;gap:6px;align-items:center}
.chaos__c{height:7px;border-radius:3px;background:rgba(148,163,184,.22);flex:none}
.chaos__c--hot{background:rgba(239,68,68,.34)}
.chaos__c--warm{background:rgba(245,158,11,.34)}
.chaos__fade{
  position:absolute;left:0;right:0;bottom:0;height:90px;
  background:linear-gradient(180deg,rgba(19,29,49,0),#131D31);
  pointer-events:none;
}

.compare__arrow{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:var(--cyan);position:relative;padding:0 4px;
}
.compare__arrow-lab{font-size:.6rem;letter-spacing:.16em;color:#64748B}
.compare__pulse{
  position:absolute;width:64px;height:64px;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.24),transparent 70%);
  animation:breathe 3.2s ease-in-out infinite;
}
@keyframes breathe{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.15);opacity:1}}

.struct{width:100%;display:flex;flex-direction:column;gap:2px}
.struct__i{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 14px;border-radius:11px;
  transition:background .25s var(--ease);
}
.struct__i:hover{background:rgba(255,255,255,.04)}
.struct__i+.struct__i{box-shadow:inset 0 1px 0 rgba(148,163,184,.12)}
.struct__lab{font-size:.9rem;font-weight:550;color:#E2E8F0}
.struct__i--att .struct__lab{color:#fff;font-weight:650}

/* ---------- 13. Bento ---------- */
.checks{padding:clamp(64px,8vw,110px) 0;
  background:linear-gradient(180deg,#ECF1F8 0%,#F5F8FC 46%,var(--bg) 100%);}
.bento{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.4vw,18px);
}
.bcard{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#FFFFFF 0%,#FAFCFF 100%);border-radius:var(--r-lg);
  padding:clamp(20px,2.2vw,28px);
  box-shadow:
    inset 0 0 0 1px #DFE6F0,
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 2px rgba(15,23,42,.05),
    0 16px 32px -18px rgba(15,23,42,.30);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
  display:flex;flex-direction:column;
}
/* scanner edge — the forensic motif, at rest barely there, lit on hover */
.bcard::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.55) 28%,rgba(34,211,238,.6) 72%,transparent);
  opacity:.45;transition:opacity .3s var(--ease);
}
.bcard:hover::before{opacity:1}
.bcard:hover{
  transform:translateY(-5px);
  box-shadow:
    inset 0 0 0 1px rgba(37,99,235,.30),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 2px 4px rgba(15,23,42,.05),
    0 28px 50px -22px rgba(15,23,42,.42);
}
.bcard--wide{grid-column:span 2}
.bcard__ico{
  width:44px;height:44px;border-radius:13px;flex:none;
  display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(155deg,#3B82F6 0%,#1D4ED8 100%);color:#fff;
  box-shadow:
    0 8px 18px -8px rgba(37,99,235,.75),
    inset 0 1px 0 rgba(255,255,255,.32);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.bcard:hover .bcard__ico{box-shadow:0 12px 24px -8px rgba(37,99,235,.85),inset 0 1px 0 rgba(255,255,255,.32)}
.bcard:hover .bcard__ico{transform:scale(1.06) rotate(-3deg)}
.bcard__ico--warn{background:linear-gradient(155deg,#FBBF24 0%,#D97706 100%);color:#fff;
  box-shadow:0 8px 18px -8px rgba(217,119,6,.7),inset 0 1px 0 rgba(255,255,255,.35)}
.bcard:hover .bcard__ico--warn{box-shadow:0 12px 24px -8px rgba(217,119,6,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.bcard__ico--ev{background:var(--dark-2);color:var(--lime);
  box-shadow:inset 0 0 0 1px rgba(196,248,42,.38),0 8px 18px -8px rgba(0,0,0,.6)}
.bcard:hover .bcard__ico--ev{box-shadow:inset 0 0 0 1px rgba(196,248,42,.6),0 12px 24px -8px rgba(0,0,0,.7)}
.bcard__t{font-size:1.09rem;font-weight:750;letter-spacing:-.026em;margin-bottom:8px}
.bcard__d{font-size:.895rem;color:var(--ink-2);line-height:1.5}

.bcard--hero{
  background:linear-gradient(150deg,#FFFFFF 0%,#EDF3FF 100%);
  box-shadow:
    inset 0 0 0 1px rgba(37,99,235,.24),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 2px rgba(15,23,42,.05),
    0 16px 32px -18px rgba(37,99,235,.35);
}
.bcard--hero:hover{
  box-shadow:
    inset 0 0 0 1px rgba(37,99,235,.42),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 28px 50px -22px rgba(37,99,235,.45);
}
.bcard__vis{margin-top:auto;padding-top:22px}
.eqrow{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:14px 16px;border-radius:12px;background:#fff;
  box-shadow:inset 0 0 0 1px #DCE4F0,0 1px 2px rgba(15,23,42,.04);
}
.eqrow b{font-size:.78rem;font-weight:600;color:var(--ink-2)}
.eqrow em{font-style:normal;font-weight:800;color:var(--blue);font-size:1.05rem}
.eqrow .chip{margin-left:auto}

.bcard--evidence{
  background:linear-gradient(150deg,var(--dark) 0%,var(--dark-2) 100%);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.14),0 26px 56px -28px rgba(15,23,42,.95);
}
.bcard--evidence::before{
  background:linear-gradient(90deg,transparent,rgba(196,248,42,.65) 30%,rgba(163,230,53,.5) 70%,transparent);
  opacity:.6;
}
.bcard--evidence:hover{box-shadow:inset 0 0 0 1px rgba(196,248,42,.28),0 32px 62px -26px rgba(15,23,42,.95)}
.bcard--evidence .bcard__t{color:#fff}
.bcard--evidence .bcard__d{color:#94A3B8}
.bcard--evidence::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 100% 0%,rgba(196,248,42,.14),transparent 70%);
}
.evsplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;position:relative;z-index:1}
.evsplit__side{
  display:flex;flex-direction:column;gap:6px;
  padding:14px;border-radius:12px;
  background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.16);
}
.evsplit__side b{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.evsplit__side i{font-style:normal;font-size:.8rem;color:#94A3B8;line-height:1.4}
.evsplit__side--ok b{color:#4ADE80}
.evsplit__side--att b{color:var(--lime)}
.evsplit__side--att{box-shadow:inset 0 0 0 1px rgba(196,248,42,.3)}

.bcard--cta{
  background:linear-gradient(140deg,var(--blue) 0%,#1E40AF 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 26px 56px -26px rgba(37,99,235,.95);
  justify-content:center;
}
.bcard--cta::before{display:none}
.bcard--cta:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 32px 64px -24px rgba(37,99,235,1)}
.bcard--cta::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at 110% 110%,rgba(34,211,238,.35),transparent 65%);
}
.bcard__t--cta{color:#fff;font-size:clamp(1.15rem,1.7vw,1.5rem);position:relative;z-index:1;max-width:18ch}
.bcard__d--cta{color:rgba(255,255,255,.82);margin-bottom:22px;position:relative;z-index:1}
.bcard--cta .btn{align-self:flex-start;position:relative;z-index:1}

/* ---------- 14. Steps ---------- */
.how{padding:clamp(64px,8vw,110px) 0;background:linear-gradient(180deg,var(--bg),#fff)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.step{
  position:relative;
  padding:clamp(26px,2.8vw,36px);
  border-radius:var(--r-lg);
  background:linear-gradient(180deg,#FFFFFF 0%,#FAFCFF 100%);
  box-shadow:
    inset 0 0 0 1px #DFE6F0,
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 2px rgba(15,23,42,.05),
    0 16px 32px -18px rgba(15,23,42,.28);
  display:flex;flex-direction:column;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.step:hover{
  transform:translateY(-5px);
  box-shadow:
    inset 0 0 0 1px rgba(37,99,235,.28),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 28px 50px -22px rgba(15,23,42,.40);
}
.step__num{
  font-size:clamp(2.9rem,4.8vw,4rem);font-weight:700;line-height:1;
  letter-spacing:-.05em;
  background:linear-gradient(160deg,var(--blue),#60A5FA 60%,var(--cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:16px;
}
.step:last-child .step__num{background:linear-gradient(160deg,#84CC16,var(--lime-deep));-webkit-background-clip:text;background-clip:text}
.step__t{font-size:1.24rem;font-weight:750;letter-spacing:-.025em;margin-bottom:8px}
.step__t::before{
  content:"";display:block;width:44px;height:3px;border-radius:2px;margin-bottom:18px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.step:last-child .step__t::before{background:linear-gradient(90deg,#84CC16,var(--lime-deep))}
.step__d{font-size:.925rem;color:var(--ink-2);line-height:1.5}
.step--pay{
  background:linear-gradient(172deg,#FFFFFF 0%,#EEF4FF 100%);
  box-shadow:
    inset 0 0 0 1.5px rgba(37,99,235,.32),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 2px 4px rgba(15,23,42,.05),
    0 26px 52px -24px rgba(37,99,235,.50);
}
.step--pay:hover{
  box-shadow:
    inset 0 0 0 1.5px rgba(37,99,235,.48),
    inset 0 1px 0 rgba(255,255,255,.9),
    0 32px 60px -24px rgba(37,99,235,.58);
}
.step--pay .step__t::before{background:linear-gradient(90deg,var(--blue),var(--blue-600));width:56px}
.step__price{
  position:relative;white-space:nowrap;
  /* mono has a smaller x-height than Inter — nudge up to match optically */
  font-size:1.06em;font-weight:700;letter-spacing:-.03em;word-spacing:-.3em;
}
.step__price::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;
  border-radius:2px;background:var(--lime);
}

.step__vis{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px}
.filepill{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 11px;border-radius:9px;
  font-size:.72rem;font-weight:600;color:var(--ink-2);
  background:var(--line-2);
}
.filepill--lime{background:rgba(196,248,42,.28);color:#3F6212}
.filepill--blue{background:rgba(37,99,235,.11);color:var(--blue-600);box-shadow:inset 0 0 0 1px rgba(37,99,235,.2)}

/* ---------- 15. Audit dashboard ---------- */
.preview{padding:clamp(64px,8vw,110px) 0}
.dash{
  border-radius:var(--r-xl);overflow:hidden;
  background:linear-gradient(170deg,#101C33 0%,var(--dark-2) 100%);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.18),var(--sh-3);
}
.dash__top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px clamp(18px,2.4vw,28px);
  border-bottom:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.02);
}
.dash__brand{display:flex;align-items:center;gap:13px;min-width:0}
.dash__mark{flex:none;line-height:0}
.dash__names{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.dash__names b{font-size:.98rem;font-weight:800;letter-spacing:.02em;color:#fff}
.dash__names i{font-style:normal;font-size:.72rem;letter-spacing:.1em;color:#64748B;font-weight:600}
.dash__tag{
  flex:none;font-size:.64rem;letter-spacing:.09em;color:#94A3B8;
  padding:5px 10px;border-radius:7px;background:rgba(148,163,184,.12);
}

.dash__meta{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid rgba(148,163,184,.14);
}
.dash__metai{
  display:flex;flex-direction:column;gap:5px;
  padding:16px clamp(18px,2.4vw,28px);
  min-width:0;
}
.dash__metai+.dash__metai{box-shadow:inset 1px 0 0 rgba(148,163,184,.14)}
.dash__metai i{font-style:normal;font-size:.7rem;color:#64748B;letter-spacing:.02em}
.dash__metai b{font-size:1rem;font-weight:700;color:#E2E8F0;letter-spacing:-.02em;word-spacing:-.22em;overflow:hidden;text-overflow:ellipsis}

.dash__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.dpanel{padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column}
.dpanel+.dpanel{box-shadow:inset 1px 0 0 rgba(148,163,184,.14)}
.dpanel--ok{background:rgba(22,163,74,.03)}
.dpanel--att{background:rgba(245,158,11,.05)}
.dpanel__h{
  display:flex;align-items:center;gap:9px;
  font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:#94A3B8;margin-bottom:20px;
}
.dpanel__led{width:8px;height:8px;border-radius:50%;flex:none}
.dpanel__led--ok{background:#4ADE80;box-shadow:0 0 12px rgba(74,222,128,.8)}
.dpanel__led--att{background:var(--amber);box-shadow:0 0 12px rgba(245,158,11,.8)}

.dlist{display:flex;flex-direction:column;gap:12px}
.dlist__i{
  display:flex;align-items:flex-start;gap:12px;
  padding:14px;border-radius:12px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.13);
}
.dlist__i--att{box-shadow:inset 0 0 0 1px rgba(245,158,11,.28);background:rgba(245,158,11,.06)}
.dlist__ic{
  flex:none;width:22px;height:22px;border-radius:7px;
  display:grid;place-items:center;font-family:var(--mono);font-size:.72rem;font-weight:800;
}
.dlist__ic--ok{background:rgba(22,163,74,.2);color:#4ADE80}
.dlist__ic--att{background:rgba(245,158,11,.2);color:#FBBF24}
.dlist__txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.dlist__txt b{font-size:.9rem;font-weight:650;color:#F1F5F9;letter-spacing:-.015em}
.dlist__txt i{font-style:normal;font-size:.79rem;color:#94A3B8;line-height:1.4}
.dlist__sum{flex:none;font-size:.88rem;font-weight:700;color:#FBBF24;letter-spacing:-.02em}

.cover{margin-top:20px;padding:14px;border-radius:12px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(148,163,184,.13)}
.cover__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.cover__row i{font-style:normal;font-size:.79rem;color:#94A3B8}
.cover__row b{font-size:.88rem;color:#A3E635;font-weight:700}
.cover__track{display:block;height:6px;border-radius:3px;background:rgba(148,163,184,.18);overflow:hidden}
.cover__fill{
  display:block;height:100%;width:100%;border-radius:3px;
  background:linear-gradient(90deg,var(--green),var(--lime));
  transform:scaleX(0);transform-origin:0 50%;
  transition:transform 1.4s var(--ease);
}
.cover.is-in .cover__fill{transform:scaleX(1)}

.dnote{
  display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding-top:18px;
  font-size:.79rem;color:#94A3B8;line-height:1.5;
}
.dnote svg{flex:none;margin-top:2px}

.dash__foot{
  display:flex;align-items:center;gap:11px;
  padding:18px clamp(18px,2.4vw,28px);
  border-top:1px solid rgba(148,163,184,.14);
  background:rgba(196,248,42,.05);
  font-size:.85rem;color:#CBD5E1;font-weight:550;line-height:1.45;
}
.dash__shield{flex:none;color:var(--lime)}

/* ---------- 16. Trust ---------- */
.trust{padding:clamp(64px,8vw,110px) 0;background:#fff}
.tlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tpoint{
  display:flex;align-items:flex-start;gap:16px;
  padding:20px 22px;border-radius:var(--r);
  background:var(--bg);
  box-shadow:inset 0 0 0 1px var(--line);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease);
}
.tpoint:hover{transform:translateX(4px);background:#fff;box-shadow:inset 0 0 0 1px #D7E0EA,var(--sh-1)}
.tpoint__ic{
  flex:none;width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:var(--dark);color:var(--lime);
}
.tpoint p{font-size:.975rem;color:var(--ink);line-height:1.5;font-weight:500;padding-top:6px}

/* ---------- 17. Pricing ---------- */
.pricing{padding:clamp(64px,8vw,110px) 0}
.price{
  position:relative;max-width:640px;margin-inline:auto;
  background:var(--surface);border-radius:var(--r-xl);
  padding:clamp(30px,3.6vw,48px);
  box-shadow:inset 0 0 0 1.5px rgba(37,99,235,.2),0 40px 90px -46px rgba(37,99,235,.55);
  overflow:hidden;
}
.price__glow{
  position:absolute;top:-180px;left:50%;transform:translateX(-50%);
  width:620px;height:360px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(37,99,235,.14),transparent 70%);
}
.price__head{position:relative;text-align:center;padding-bottom:28px;border-bottom:1px solid var(--line)}
.price__t{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:14px}
.price__val{display:flex;flex-direction:column;align-items:center;gap:6px}
.price__num{
  font-size:clamp(3.2rem,7vw,4.6rem);font-weight:700;line-height:1;
  letter-spacing:-.05em;word-spacing:-.32em;color:var(--ink);
}
.price__per{font-size:.9rem;color:var(--ink-3);font-weight:550}

.price__list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 24px;padding:28px 0;position:relative;
}
.price__list li{
  display:flex;align-items:center;gap:10px;
  font-size:.94rem;color:var(--ink);
}
.price__list li::before{
  content:"";flex:none;width:20px;height:20px;border-radius:6px;
  background:rgba(22,163,74,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;
}
.price__micro{margin-top:16px;text-align:center;font-size:.83rem;color:var(--ink-3)}

/* ---------- 18. Flow preview ---------- */
.flow{padding:clamp(64px,8vw,110px) 0;background:linear-gradient(180deg,#fff,var(--bg))}
.flow__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,2.6vw,36px);align-items:start}
.drop{display:flex;flex-direction:column;gap:14px}
.drop__zone{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  min-height:240px;padding:32px;
  border-radius:var(--r-lg);
  border:2px dashed #CBD5E1;
  background:
    repeating-linear-gradient(45deg,rgba(148,163,184,.045) 0 10px,transparent 10px 20px),
    #fff;
  color:var(--ink-3);
  cursor:not-allowed;
}
.drop__ico{color:#94A3B8}
.drop__t{font-size:1.02rem;font-weight:650;color:var(--ink-2)}
.drop__d{font-size:.76rem;letter-spacing:.1em;color:#94A3B8}
.drop__note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.84rem;color:var(--ink-3)}

.rail{display:flex;flex-direction:column;gap:0;position:relative}
.rail__i{
  display:flex;align-items:center;gap:16px;
  padding:16px 18px;border-radius:var(--r);
  position:relative;
  transition:background .25s var(--ease)
}
.rail__i:hover{background:#fff}
.rail__i::after{
  content:"";position:absolute;left:33px;top:calc(50% + 17px);bottom:-8px;width:2px;
  background:linear-gradient(180deg,var(--line),transparent);
}
.rail__i--last::after{display:none}
.rail__n{
  flex:none;width:32px;height:32px;border-radius:10px;
  display:grid;place-items:center;
  font-size:.82rem;font-weight:700;
  background:#fff;color:var(--blue);
  box-shadow:inset 0 0 0 1.5px rgba(37,99,235,.24);
}
.rail__i--last .rail__n{background:var(--lime);color:#0B1220;box-shadow:none}
.rail__t{font-size:.955rem;color:var(--ink);font-weight:550}

.flow__cta{
  display:flex;flex-wrap:wrap;align-items:center;gap:16px;
  margin-top:clamp(26px,3vw,38px);
  font-size:.95rem;color:var(--ink-2);
}

/* ---------- 19. FAQ ---------- */
.faq{padding:clamp(64px,8vw,110px) 0;background:var(--bg)}
.faq__in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,4vw,64px);align-items:start}
.faq .sec-head{margin-bottom:0;position:sticky;top:110px}
.acc{
  background:var(--surface);border-radius:var(--r-lg);
  box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);
  overflow:hidden;
}
.acc__i+.acc__i{border-top:1px solid var(--line-2)}
.acc__h{font-size:inherit;font-weight:inherit}
.acc__btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:22px clamp(20px,2.4vw,28px);
  text-align:left;font-size:1.02rem;font-weight:650;letter-spacing:-.018em;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.acc__btn:hover{background:#F8FAFC}
.acc__btn[aria-expanded="true"]{color:var(--blue)}
.acc__sign{
  position:relative;flex:none;width:22px;height:22px;border-radius:7px;
  background:var(--line-2);transition:background .25s var(--ease),transform .3s var(--ease);
}
.acc__sign::before,.acc__sign::after{
  content:"";position:absolute;left:50%;top:50%;
  width:10px;height:2px;border-radius:2px;background:var(--ink-2);
  transform:translate(-50%,-50%);transition:transform .3s var(--ease),background .25s var(--ease);
}
.acc__sign::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc__btn[aria-expanded="true"] .acc__sign{background:var(--blue)}
.acc__btn[aria-expanded="true"] .acc__sign::before,
.acc__btn[aria-expanded="true"] .acc__sign::after{background:#fff}
.acc__btn[aria-expanded="true"] .acc__sign::after{transform:translate(-50%,-50%) rotate(0deg)}

.acc__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}
.acc__p.is-open{grid-template-rows:1fr}
.acc__c{overflow:hidden}
.acc__c p{
  padding:0 clamp(20px,2.4vw,28px) 24px;
  font-size:.955rem;color:var(--ink-2);line-height:1.6;max-width:70ch;
}

/* ---------- 20. Final CTA ---------- */
.final{padding:clamp(72px,9vw,130px) 0;text-align:center;background:var(--dark)}
.final__glow{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(1100px,130%);height:640px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(37,99,235,.36),rgba(34,211,238,.12) 42%,transparent 70%);
}
.final__scan{
  position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(180deg,rgba(148,163,184,.08) 0 1px,transparent 1px 5px);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 72%);
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 72%);
}
.final__in{position:relative;z-index:1}
.final__h{
  font-size:clamp(2.2rem,6vw,4.4rem);line-height:.98;letter-spacing:-.045em;
  font-weight:900;color:#fff;
}
.final__sub{
  margin-top:20px;font-size:clamp(1.15rem,2.4vw,1.75rem);
  font-weight:600;letter-spacing:-.025em;color:var(--lime);
}
.final__act{margin-top:clamp(30px,3.4vw,42px)}
.final__micro{margin-top:18px;font-size:.86rem;color:#94A3B8}

/* ---------- 21. Footer ---------- */
.ftr{background:var(--dark-2);color:#94A3B8;padding:clamp(48px,5vw,68px) 0 0}
.ftr__in{
  display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;
  padding-bottom:clamp(32px,4vw,48px);
}
.ftr__brand{max-width:340px}
.logo--ftr{margin-bottom:14px}
.ftr__desc{font-size:.9rem;line-height:1.55;color:#94A3B8}
.ftr__nav{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:flex-start}
.ftr__nav a{
  font-size:.9rem;color:#CBD5E1;
  transition:color .2s var(--ease);
  border-bottom:1px solid transparent;padding-bottom:2px;
}
.ftr__nav a:hover{color:#fff;border-bottom-color:var(--lime)}
.ftr__bot{
  display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center;
  padding-top:24px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));
  border-top:1px solid rgba(148,163,184,.14);
}
.ftr__legal{font-size:.8rem;color:#94A3B8;max-width:64ch}
.ftr__copy{font-size:.8rem;color:#94A3B8}

/* ---------- 22. Mobile CTA bar ---------- */
.mobar{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  display:none;align-items:center;gap:14px;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(18px);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  border-top:1px solid var(--line);
  transform:translateY(110%);
  transition:transform .35s var(--ease);
}
.mobar.is-up{transform:none}
.mobar__price{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}
.mobar__price b{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.mobar__price i{font-style:normal;font-size:.72rem;color:var(--ink-3)}
.mobar .btn{flex:none}

/* =========================================================
   23. Responsive
   ========================================================= */
@media (max-width:1100px){
  .hdr__nav a{padding:8px 10px;font-size:.86rem}
  .faq__in{grid-template-columns:1fr;gap:32px}
  .faq .sec-head{position:static}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bcard--wide{grid-column:span 2}
}

@media (max-width:960px){
  .hdr__nav{display:none}
  .hdr__cta{margin-left:auto}
  .hero__body{grid-template-columns:1fr;gap:40px}
  .hero__copy{max-width:640px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare{grid-template-columns:1fr;gap:16px}
  .compare__arrow{flex-direction:row;padding:6px 0}
  .compare__arrow svg{transform:rotate(90deg)}
  .steps{grid-template-columns:1fr}
  .dash__meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash__metai:nth-child(2n+1){box-shadow:none}
  .dash__metai:nth-child(n+3){box-shadow:inset 0 1px 0 rgba(148,163,184,.14)}
  .dash__metai:nth-child(4){box-shadow:inset 0 1px 0 rgba(148,163,184,.14),inset 1px 0 0 rgba(148,163,184,.14)}
  .dash__cols{grid-template-columns:1fr}
  .dpanel+.dpanel{box-shadow:inset 0 1px 0 rgba(148,163,184,.14)}
  .flow__grid{grid-template-columns:1fr}
  .mobar{display:flex}
}

@media (max-width:720px){
  :root{--pad:18px}
  html{scroll-padding-top:80px}
  .hdr__in{height:64px}
  .logo__txt{font-size:1.04rem}
  .sec-head{margin-bottom:30px}
  .hero{padding-top:34px}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{width:100%}
  .bento{grid-template-columns:1fr}
  .bcard--wide{grid-column:span 1}
  .evsplit{grid-template-columns:1fr}
  .price__list{grid-template-columns:1fr;gap:11px}
  .tlist{grid-template-columns:1fr}
  .tpoint{padding:18px}
  .tpoint p{font-size:.94rem}
  .eqrow{gap:10px}
  .eqrow .chip{margin-left:0}
  .acc__btn{font-size:.97rem;padding:19px 18px;gap:14px}
  .acc__c p{padding:0 18px 20px}
  .ftr__in{flex-direction:column;gap:28px}
  .ftr__nav{flex-direction:column;gap:12px}
  .scan__badge{display:none}
  .srow__raw{gap:10px;font-size:.66rem}
  .srow__raw .c--bar{width:36px}
  .dash__foot{font-size:.8rem;align-items:flex-start}
}

@media (max-width:420px){
  .stats{grid-template-columns:1fr}
  .stat__lab{max-width:none}
  .srow__raw .c:nth-child(3){display:none}
  .dash__meta{grid-template-columns:1fr}
  .dash__metai+.dash__metai{box-shadow:inset 0 1px 0 rgba(148,163,184,.14)}
  .dlist__i{flex-wrap:wrap}
  .dlist__sum{margin-left:34px}
  .mobar__price i{display:none}
}

/* ---------- 24. Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .js [data-reveal]{opacity:1;transform:none}
  .cover__fill{transform:scaleX(1)}
  .scan__beam{display:none}
  .compare__pulse{animation:none}
}

/* ---------- 25. Print ---------- */
@media print{
  .hdr,.mobar,.hero__glow,.hero__grid-bg,.final__scan,.final__glow,.dark__glow{display:none}
  body{background:#fff}
  .dark,.final,.ftr{background:#fff;color:#111827}
}