/* Monica.cash shared design system, October 2026 (light, Plus Jakarta Sans, Geist Mono). One sheet for every page. */
:root{
  --paper:#F6F7F3;--white:#fff;--ink:#0E1512;--dim:#5B655F;--faint:#8E978F;
  --green:#00A62F;--green2:#0B8F2E;--green-deep:#0A5A22;--forest:#0C2A1A;--mint:#E7F5EA;--mint2:#D6EEDC;--lime:#CDF36B;
  --line:rgba(14,21,18,.09);--line2:rgba(14,21,18,.16);
  /* legacy names kept so page-level styles keep working */
  --g:#00A62F;--neon:#00A62F;--gd:#ffffff;--deep:#0A5A22;--g2:#0B8F2E;
  --bg:#F6F7F3;--surface:#ffffff;--surface2:#ffffff;--bg2:#F6F7F3;--concrete:#ffffff;--elev:#ffffff;
  --glow:rgba(0,166,47,.22);--halo:transparent;--navbg:rgba(246,247,243,.82);--foot:#0C2A1A;--route-dim:rgba(14,21,18,.12);
  --fd:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--fb:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--fm:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --ff:var(--fb);--ff-display:var(--fd);--ff-body:var(--fb);--ff-mono:var(--fm);
  --ez:cubic-bezier(.22,.61,.36,1);--ez2:cubic-bezier(.16,1,.3,1);--mw:1180px;--wrap:1180px;--r:22px;
  --sh:0 24px 60px -30px rgba(14,21,18,.28);--sh2:0 2px 6px rgba(14,21,18,.06),0 20px 44px -28px rgba(14,21,18,.22);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;
  --rad-s:10px;--rad-m:14px;--rad-pill:100px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:16.5px;line-height:1.6;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:0}
::selection{background:var(--green);color:#fff}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--fd);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0 0 .4em}
h1{font-size:clamp(34px,5vw,58px)}h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.03em;line-height:1.08}h3{font-size:22px;letter-spacing:-.02em;line-height:1.2}h4{font-size:17px;letter-spacing:-.012em;line-height:1.3}
p,li{font-family:var(--fb);font-weight:500;line-height:1.62}
code,.mono,.cap,.eyebrow,.feat-lbl,.section-eyebrow,.label-mono,small{font-family:var(--fm);font-variant-numeric:tabular-nums}
.container{max-width:var(--mw);margin:0 auto;padding:0 24px}
.ic{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:-.12em;line-height:0;color:inherit;flex-shrink:0}
.ic svg{width:100%;height:100%;display:block}.ic.check{color:var(--green)}.ic.cross,.ic.cross-icon,.ic.neutral{color:var(--faint)}
.feature-box .ic,.step-card .ic,.tldr .ic,.warning-box h3 .ic,.tip-box h3 .ic{width:1.35em;height:1.35em;color:var(--green);margin-bottom:6px}
.trust-badges .badge .ic,.bank-chip .ic,.coin-chip .ic{width:.95em;height:.95em}
.cap .ic,.eyebrow .ic,.feat-lbl .ic,.section-lead .ic{width:.85em;height:.85em;vertical-align:-.05em}
.cta-btn .ic,.cta-white .ic,.btn .ic{width:.9em;height:.9em;margin-left:6px;vertical-align:-.08em}
.faq-item .ic{width:.9em;height:.9em;vertical-align:-.08em}.related-card .ic,.related .ic{width:.9em;height:.9em}
.fas,.fab,.far{display:none}
.appbtn{display:inline-flex;align-items:center;gap:11px;padding:11px 18px;border-radius:13px;background:var(--ink);color:#fff;transition:.25s var(--ez);border:1px solid var(--ink)}
.appbtn:hover{transform:translateY(-2px)}.appbtn .ab{display:flex;flex-direction:column;line-height:1.18}.appbtn .ab small{font-size:10px;opacity:.66;font-weight:500;font-family:var(--fb)}.appbtn .ab b{font-weight:800;font-size:16px;letter-spacing:-.01em;line-height:1.05}
.dl{display:flex;gap:12px;flex-wrap:wrap}

/* ===== content components (theme-aware) ===== */
.cta-btn{background:var(--g);color:var(--gd);padding:15px 34px;border-radius:12px;font-weight:700;font-size:17px;display:inline-block;transition:.2s var(--ez)}
.cta-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.hero{background:radial-gradient(60% 70% at 50% -10%,var(--halo),transparent 60%);padding:54px 0 44px;border-bottom:1px solid var(--line)}
.hero-content{max-width:820px;margin:0 auto;text-align:center}
.hero h1{font-size:clamp(28px,3.6vw,42px);font-weight:800;color:var(--ink);margin-bottom:16px;line-height:1.1;letter-spacing:-.028em}
.highlight{color:var(--g)}
.hero p{font-size:16.5px;color:var(--dim);margin-bottom:24px;line-height:1.55;max-width:640px;margin-left:auto;margin-right:auto}
.rate-box{background:color-mix(in srgb,var(--ink) 3%,transparent);padding:22px 26px;border-radius:14px;border:1px solid var(--line);max-width:480px;margin:24px auto;box-shadow:0 10px 30px -24px rgba(0,0,0,.5)}
.rate-box h3{font-size:11px;color:var(--faint);margin-bottom:6px;font-family:var(--ff-mono);font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.rate-box .rate{font-size:30px;font-weight:800;color:var(--g);margin-bottom:6px;letter-spacing:-.025em;font-family:var(--ff-display)}
.rate-box p{font-size:11.5px;color:var(--faint);font-family:var(--ff-mono);letter-spacing:.04em}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.calc input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:600;width:100%;font-family:inherit;background:var(--bg);color:var(--ink)}
.calc input:focus{outline:none;border-color:var(--g)}
.calc-label{font-size:9.5px;color:var(--faint);text-align:left;margin-bottom:4px;font-family:var(--ff-mono);font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.content-section{padding:44px 0}
.content-section.alt{background:var(--surface)}
.section-title{font-size:clamp(22px,2.4vw,30px);font-weight:800;margin-bottom:14px;color:var(--ink);line-height:1.18;letter-spacing:-.022em}
.section-lead{font-size:15.5px;color:var(--dim);max-width:760px;margin-bottom:26px;line-height:1.6}
.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}
.feature-box{padding:20px 0 20px 18px;background:transparent;border:none;border-radius:0;border-left:2px solid color-mix(in srgb,var(--g) 60%,transparent);margin:14px 0;position:relative}
.feature-box i{font-size:22px;color:var(--g);margin-bottom:10px}
.feature-box h3{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--ink);letter-spacing:-.015em;font-family:var(--ff-display)}
.feature-box p{color:var(--dim);line-height:1.6;font-size:14.5px}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:24px}
.step-card{padding:20px 0;background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--line);transition:.25s var(--ez)}
.step-card:hover{border-color:var(--line2);transform:translateY(-2px)}
.step-number{width:34px;height:34px;background:color-mix(in srgb,var(--g) 10%,transparent);color:var(--g);border:1px solid color-mix(in srgb,var(--g) 22%,transparent);border-radius:9px;display:grid;place-items:center;font-family:var(--ff-mono);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:12px}
.step-card h3{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--ink);font-family:var(--ff-display)}
.step-card p{color:var(--dim);line-height:1.6;font-size:14px}
table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;border:none;margin:28px 0;font-family:var(--ff-body)}
th{background:var(--g);color:var(--gd);padding:16px;text-align:left;font-weight:700}
td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--dim)}
tr:last-child td{border-bottom:none}
.check{color:var(--g);font-size:19px;font-weight:700}
.cross{color:#ff5a5a;font-size:19px;font-weight:700}
.faq-item{background:transparent;padding:18px 4px;border:none;border-radius:0;border-bottom:1px solid var(--line);margin:0;transition:background .2s var(--ez)}
.faq-item:hover{background:color-mix(in srgb,var(--g) 3%,transparent);border-color:var(--line2)}
.faq-item h3{font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:8px;letter-spacing:-.015em;font-family:var(--ff-display)}
.faq-item p{color:var(--dim);line-height:1.6;font-size:14.5px}
.cta-section{background:linear-gradient(135deg,var(--g),var(--g2));color:var(--gd);padding:48px 0;text-align:center}
.cta-section h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;margin-bottom:12px;letter-spacing:-.022em}
.cta-section p{font-size:15.5px;opacity:.92;max-width:580px;margin:0 auto 20px;line-height:1.55}
.cta-white{background:var(--gd);color:#fff;padding:15px 34px;border-radius:12px;font-weight:700;font-size:16px;display:inline-block;transition:.2s var(--ez)}
.cta-white:hover{transform:translateY(-2px)}
.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:28px}
.bank-chip{display:inline-flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--ink) 3%,transparent);border:1px solid var(--line2);padding:7px 13px;border-radius:100px;font-family:var(--ff-mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);transition:.22s var(--ez)}.bank-chip::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--g);box-shadow:0 0 6px var(--glow);flex-shrink:0}.bank-chip:hover{color:var(--ink);border-color:color-mix(in srgb,var(--g) 40%,var(--line2));background:color-mix(in srgb,var(--g) 6%,transparent)}
.bank-chip:hover{border-color:var(--g);transform:translateY(-2px)}
.coin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:28px}
.coin-chip{display:inline-flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--ink) 3%,transparent);border:1px solid var(--line2);padding:8px 14px;border-radius:100px;font-family:var(--ff-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);transition:.22s var(--ez)}.coin-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--g);box-shadow:0 0 7px var(--glow);flex-shrink:0}.coin-chip:hover{border-color:color-mix(in srgb,var(--g) 40%,var(--line2));background:color-mix(in srgb,var(--g) 8%,transparent);transform:translateY(-1px)}
.coin-chip:hover{border-color:var(--g);transform:translateY(-3px)}
.coin-chip .ticker{display:block;font-size:13px;color:var(--faint);margin-top:4px;font-weight:500}
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:24px}
.testimonial{position:relative;padding:0 0 18px;border:none;background:transparent;border-radius:0;border-bottom:1px solid var(--line);margin-bottom:18px}
.testimonial p{color:var(--ink);line-height:1.6;margin-bottom:12px;font-size:14.5px}
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-avatar{width:38px;height:38px;border-radius:50%;background:var(--g);color:var(--gd);display:grid;place-items:center;font-family:var(--ff-mono);font-weight:700;font-size:12.5px;letter-spacing:.04em;flex-shrink:0}
.testimonial-name{font-weight:700;color:var(--ink);font-size:15px}
.testimonial-loc{color:var(--faint);font-size:13px}
.stars{color:#e6b24a;letter-spacing:1px;font-size:14px;margin-bottom:8px}
.tldr{position:relative;padding:6px 0 6px 22px;margin:28px 0;background:transparent;border:none;border-left:2px solid color-mix(in srgb,var(--g) 60%,transparent);color:var(--dim);font-family:var(--ff-body);font-size:15px;line-height:1.62}
.tldr strong{color:var(--g)}
.breadcrumbs{padding:16px 0;font-size:13.5px;color:var(--faint)}
.breadcrumbs a{color:var(--g);font-weight:500}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs span{margin:0 8px;color:var(--faint)}
.toc{background:transparent;border:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:32px 0;border-radius:0}
.toc h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--g);margin-bottom:12px;font-weight:700}
.toc ol{padding-left:20px;color:var(--dim)}.toc li{margin-bottom:8px}.toc a{color:var(--dim)}.toc a:hover{color:var(--g)}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px}
.related-card{background:transparent;border:none;border-bottom:1px solid var(--line);padding:18px 4px;border-radius:0;color:var(--ink);transition:background .22s var(--ez);display:block;text-decoration:none}.related-card:hover{background:color-mix(in srgb,var(--g) 3%,transparent)}
.related-card:hover{border-color:var(--g);transform:translateY(-3px)}
.related-card h4{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--ink)}
.related-card p{color:var(--dim);font-size:14px;line-height:1.5}
.tag{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--g) 9%,transparent);color:var(--g);padding:5px 12px;border:1px solid color-mix(in srgb,var(--g) 22%,transparent);border-radius:100px;font-family:var(--ff-mono);font-size:10px;font-weight:600;margin-right:6px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.12em}
.author-byline{display:flex;align-items:center;gap:12px;margin:24px 0;padding:16px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line);font-size:14px;color:var(--dim)}
.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--g);color:var(--gd);display:flex;align-items:center;justify-content:center;font-weight:800}
article h2{font-size:clamp(24px,3vw,30px);margin-top:36px;margin-bottom:14px;color:var(--ink);line-height:1.25;letter-spacing:-.03em;font-weight:800}
article h3{font-size:21px;margin-top:28px;margin-bottom:10px;color:var(--ink);font-weight:700;letter-spacing:-.02em}
article p{margin-bottom:18px;color:var(--dim);font-size:17px;line-height:1.8}
article ul,article ol{margin-bottom:20px;padding-left:24px;color:var(--dim)}
article li{margin-bottom:8px;line-height:1.7;font-size:17px}
article blockquote{border-left:2px solid color-mix(in srgb,var(--g) 60%,transparent);padding:6px 0 6px 22px;margin:28px 0;background:transparent;font-family:var(--ff-body);font-size:18px;font-weight:500;line-height:1.55;color:var(--ink);border-radius:0;letter-spacing:-.005em}
article a{color:var(--g);font-weight:600}article a:hover{text-decoration:underline}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;max-width:820px;margin:24px auto;position:relative}
.stat-row .stat{position:relative;padding:20px 14px 12px;text-align:center;background:transparent;border:none;border-radius:0}
.stat-row .stat:not(:last-child)::after{content:"";position:absolute;right:0;top:30%;bottom:30%;width:1px;background:linear-gradient(180deg,transparent,var(--line2),transparent)}
.stat-row .stat .num{font-size:22px;font-weight:800;color:var(--g);display:block;letter-spacing:-.022em;font-family:var(--ff-display)}
.stat-row .stat .label{font-size:10.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;display:block;font-family:var(--ff-mono);font-weight:600}
.trust-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}
.trust-badges .badge{background:transparent;border:1px solid var(--line);padding:7px 13px;border-radius:100px;font-size:11.5px;font-weight:600;color:var(--dim);display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-mono);letter-spacing:.04em;text-transform:uppercase}
.trust-badges .badge i,.trust-badges .badge .ic{color:var(--g);width:.9em;height:.9em}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ez),transform .7s var(--ez)}
.rv.in{opacity:1;transform:none}





/* ===== Editorial tables — premium hairline-only style ===== */
table thead th{
  font-family:var(--ff-mono);font-weight:600;color:var(--faint);
  text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;
  padding:16px 14px;text-align:left;background:transparent;
  border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle
}
table thead th:nth-child(2){color:var(--g);font-weight:700;position:relative}
table thead th:nth-child(2)::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--g) 18%,var(--g) 82%,transparent);
  box-shadow:0 0 14px color-mix(in srgb,var(--g) 60%,transparent)}
table tbody td{
  padding:14px;text-align:left;
  border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);
  vertical-align:middle;color:var(--dim);font-weight:500;
  transition:background .22s var(--ez)
}
table tbody td:first-child{
  font-family:var(--ff-display);font-weight:600;font-size:13.5px;
  color:var(--ink);letter-spacing:-.005em;white-space:normal;line-height:1.4
}
table tbody td:nth-child(2){
  background:color-mix(in srgb,var(--g) 7%,transparent);
  color:var(--ink);font-family:var(--ff-display);font-weight:700;font-size:13.5px
}
table tbody tr:hover td{background:color-mix(in srgb,var(--ink) 2.5%,transparent)}
table tbody tr:hover td:nth-child(2){background:color-mix(in srgb,var(--g) 11%,transparent)}
table tbody tr:last-child td{border-bottom:none}

/* ===== Typography system (Hubot Sans display · Nunito body · Geist Mono data) ===== */
h1,h2,h3,h4,.m-brand,.m-brand i,.m-btn,.cta-arr,.m-foot-brand,
.feature-box h3,.tldr strong,.faq-item summary,.cmp-h{
  font-family:var(--ff-display);font-feature-settings:"ss01","ss02"
}
h1{font-size:clamp(32px,5.4vw,56px);letter-spacing:-.035em;line-height:1.05;font-weight:800;}
h2{font-size:clamp(24px,3.4vw,38px);letter-spacing:-.028em;line-height:1.15;font-weight:800;}
h3{font-size:clamp(20px,2.4vw,26px);letter-spacing:-.022em;line-height:1.22;font-weight:700}
h4{font-size:clamp(17px,1.9vw,20px);letter-spacing:-.014em;line-height:1.3;font-weight:700}
p,li{font-family:var(--ff-body);font-weight:500;line-height:1.62}
code,.mono,
small{font-family:var(--ff-mono)}

@media(max-width:860px){
  .m-links{display:none}.m-burger{display:grid}.m-nav-in .m-btn{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero{padding:38px 0 32px}
  .hero h1{font-size:26px}
  .hero p{font-size:15px}
  .section-title{font-size:20px}
  .content-section{padding:32px 0}
  .calc{grid-template-columns:1fr}
  .stat-row .stat .num{font-size:18px}
  .stat-row .stat{padding:14px 10px 8px}
  .content-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr;gap:18px}
  
  .trust-badges{gap:6px}
  .trust-badges .badge{font-size:10.5px;padding:6px 11px}
}


/* ============================================================
   2026-07 EDITORIAL REDESIGN LAYER — "ledger" language sitewide
   Astryx-informed: 4px spacing tokens, semantic use of accent,
   rows over cards, zero decorative noise. Overrides above rules
   by cascade; class names unchanged so no HTML edits required.
   ============================================================ */
:root{
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
  --sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;
  --rad-s:8px;--rad-m:12px;--rad-pill:100px;
}

/* --- hero: centered template -> left editorial masthead --- */
.hero{background:none;border-bottom:1px solid var(--line);padding:var(--sp-12) 0 var(--sp-10);position:relative}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(46% 60% at 18% 0%,var(--halo),transparent 60%);opacity:.8}
.hero-content{max-width:none;margin:0;text-align:left;position:relative}
.hero h1{max-width:860px;margin-bottom:var(--sp-4)}
.hero p{margin-left:0;margin-right:0;max-width:640px;font-size:16px}
.hero .cta-btn{margin-top:var(--sp-2)}
.hero > .container > .hero-content > div[style*="margin-top"]{text-align:left}
.hero-content div[style*="justify-content:center"]{justify-content:flex-start!important}
.hero-content .stat-row{margin-left:0}
.rate-box{margin:var(--sp-6) 0;text-align:left;background:color-mix(in srgb,var(--ink) 2.5%,transparent)}

/* --- trust badges: pill row -> mono ticker strip --- */
.trust-badges{justify-content:flex-start;gap:0 var(--sp-6);margin:var(--sp-5) 0 0;
  border-top:1px solid var(--line);padding-top:var(--sp-4);max-width:760px}
.trust-badges .badge{border:none;padding:0;border-radius:0;background:transparent;
  font-size:10.5px;letter-spacing:.14em;color:var(--faint);gap:7px}
.trust-badges .badge::before{content:"";width:4px;height:4px;border-radius:50%;
  background:var(--neon);box-shadow:0 0 7px var(--glow);flex-shrink:0}
.trust-badges .badge i,.trust-badges .badge .ic{display:none}

/* --- section numbering: editorial index rail --- */
main,body{counter-reset:sec}
.content-section{counter-increment:sec;padding:var(--sp-12) 0}
.content-section .section-title:first-of-type::before{
  content:counter(sec,decimal-leading-zero);
  display:block;font-family:var(--ff-mono);font-size:11px;font-weight:600;
  letter-spacing:.22em;color:var(--g);margin-bottom:var(--sp-3)}
.section-title{margin-bottom:var(--sp-4)}
.section-lead{font-size:15.5px;line-height:1.65}

/* --- tables: kill green header bars everywhere (thead or not) --- */
table{margin:var(--sp-8) 0}
th{background:transparent;color:var(--faint);font-family:var(--ff-mono);
  font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;
  padding:var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line2);white-space:nowrap}
tr th:nth-child(2){color:var(--g);font-weight:700}
td{padding:var(--sp-4) var(--sp-3);font-size:14px}
td:first-child{font-family:var(--ff-display);font-weight:600;color:var(--ink);font-size:13.5px;line-height:1.45}
tbody tr:hover td,tr:hover td{background:color-mix(in srgb,var(--ink) 2.5%,transparent)}

/* --- CTA band: gradient slab -> bordered ledger panel --- */
.cta-section{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  color:var(--ink);padding:var(--sp-16) 0;text-align:left;position:relative;overflow:hidden}
.cta-section::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(40% 80% at 85% 20%,var(--halo),transparent 60%),
    repeating-linear-gradient(90deg,transparent 0 calc(8.333% - 1px),var(--line) calc(8.333% - 1px) 8.333%);
  opacity:.5}
.cta-section .container{position:relative}
.cta-section h2{color:var(--ink);max-width:640px}
.cta-section h2::before{content:"→ ";color:var(--g)}
.cta-section p{color:var(--dim);margin:0 0 var(--sp-6);max-width:560px;opacity:1}
.cta-white{background:var(--neon);color:#04140a;border-radius:var(--rad-pill);
  font-family:var(--ff-display);padding:14px 28px;font-size:15px}
.cta-white:hover{transform:translateY(-1px);filter:brightness(1.05);
  box-shadow:0 14px 30px -10px var(--glow)}
.cta-btn{border-radius:var(--rad-pill);background:var(--neon);color:#04140a;
  font-family:var(--ff-display);padding:14px 28px;font-size:15px}
.glass-btn{background:transparent;border:1px solid var(--line2);color:var(--ink);
  padding:13px 22px;border-radius:var(--rad-pill);font-family:var(--ff-display);
  font-weight:600;font-size:13.5px;display:inline-block;transition:.22s var(--ez)}
.glass-btn:hover{border-color:var(--neon);color:var(--neon);
  background:color-mix(in srgb,var(--neon) 6%,transparent)}

/* --- steps: numbered rows with connecting rail --- */
.steps-grid{gap:0;border-top:1px solid var(--line);margin-top:var(--sp-6)}
.step-card{border-bottom:1px solid var(--line);padding:var(--sp-6) var(--sp-4) var(--sp-6) 0;position:relative}
.step-card:hover{transform:none;background:color-mix(in srgb,var(--g) 2.5%,transparent)}
.step-number{background:transparent;border:none;border-radius:0;width:auto;height:auto;
  font-size:24px;font-weight:600;color:color-mix(in srgb,var(--g) 70%,var(--ink));
  letter-spacing:-.02em;margin-bottom:var(--sp-3);display:block;place-items:unset}
.step-number::before{content:"0"}

/* --- FAQ: tighter rows, question mark rail --- */
.faq-item{padding:var(--sp-5) 0}
.faq-item h3{display:flex;gap:10px;align-items:baseline}
.faq-item h3::before{content:"Q";font-family:var(--ff-mono);font-size:11px;color:var(--g);
  font-weight:600;letter-spacing:.1em;flex-shrink:0;transform:translateY(-1px)}
.faq-item p{padding-left:22px}

/* --- testimonials: stars de-templated --- */
.stars{color:var(--g);font-size:11px;letter-spacing:3px;margin-bottom:var(--sp-2);opacity:.85}
.testimonial p{font-size:14.5px}

/* --- related rows: arrow affordance --- */
.related-card{position:relative;padding-right:34px}
.related-card::after{content:"→";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-family:var(--ff-mono);color:var(--faint);transition:.22s var(--ez);font-size:14px}
.related-card:hover::after{color:var(--g);right:4px}
.related-card:hover{transform:none}

/* --- breadcrumbs: mono wayfinding --- */
.breadcrumbs{font-family:var(--ff-mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.14em;color:var(--faint);padding:var(--sp-5) 0 var(--sp-4)}
.breadcrumbs a{color:var(--dim);font-weight:500}
.breadcrumbs a:hover{color:var(--g);text-decoration:none}
.breadcrumbs span{margin:0 10px;color:color-mix(in srgb,var(--faint) 55%,transparent)}

/* --- stat row stays centered on hero pages, left in flow --- */
.content-section .stat-row{margin-left:0}

/* --- tldr keeps the rail, gains the label --- */
.tldr{margin:var(--sp-8) 0}

/* --- mobile refinements --- */
@media(max-width:860px){
  .hero{padding:var(--sp-8) 0 var(--sp-6)}
  .content-section{padding:var(--sp-8) 0}
  .cta-section{padding:var(--sp-10) 0}
  .trust-badges{gap:0 var(--sp-4)}
  .step-number{font-size:20px}
}


/* ============ TERMINAL HERO SYSTEM (sitewide rollout 2026-07) ============ */
.x-hero{border-bottom:1px solid var(--line);padding:56px 0 48px;position:relative;overflow:hidden}
.x-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(42% 70% at 82% 10%,var(--halo),transparent 60%)}
.x-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;position:relative}
.x-grid.solo{grid-template-columns:1fr}
.x-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-mono);font-size:10.5px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--g);font-weight:600;margin-bottom:18px}
.x-kicker::before{content:"";width:22px;height:1px;background:var(--g)}
.x-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-.036em;margin-bottom:18px;max-width:600px}
.x-hero h1 .highlight{color:var(--g)}
.x-sub{font-size:16px;color:var(--dim);line-height:1.6;max-width:500px;margin-bottom:26px}
.x-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:26px}
.x-tick{display:flex;flex-wrap:wrap;gap:0 26px;row-gap:8px;border-top:1px solid var(--line);padding-top:18px;max-width:540px}
.x-tick span{display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-mono);font-size:10px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--faint);font-weight:500;white-space:nowrap}
.x-tick span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--neon);box-shadow:0 0 7px var(--glow)}
.x-term{background:var(--surface);border:1px solid var(--line2);border-radius:18px;overflow:hidden;
  box-shadow:0 30px 80px -40px rgba(0,0,0,.55)}
.x-term-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.x-term-top .lbl{font-family:var(--ff-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-weight:600}
.x-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-mono);font-size:9.5px;
  letter-spacing:.16em;color:var(--g);font-weight:700;text-transform:uppercase}
.x-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--neon);
  box-shadow:0 0 9px var(--glow);animation:dotpulse 1.6s var(--ez) infinite}
.x-rate-wrap{padding:26px 20px 8px;text-align:left}
.x-rate-wrap .rate{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:clamp(32px,3.2vw,42px);
  font-weight:700;color:var(--ink);letter-spacing:-.03em;line-height:1;margin:0}
.x-rate-wrap .per{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);margin-top:8px;font-weight:500}
.x-calc{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end;padding:18px 20px 20px}
.x-calc .cell{display:flex;flex-direction:column;gap:6px}
.x-calc .calc-label{font-family:var(--ff-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600}
.x-calc input{width:100%;padding:13px 14px;border:1px solid var(--line2);border-radius:11px;
  font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;
  background:var(--bg);color:var(--ink)}
.x-calc input:focus{outline:none;border-color:var(--g)}
.x-swap{font-family:var(--ff-mono);color:var(--faint);font-size:14px;padding-bottom:14px}
.x-meta{border-top:1px solid var(--line)}
.x-meta > div{display:flex;justify-content:space-between;gap:14px;padding:11px 20px;border-bottom:1px solid var(--line);font-size:12.5px}
.x-meta > div:last-child{border-bottom:none}
.x-meta .k{font-family:var(--ff-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600;flex-shrink:0}
.x-meta .v{color:var(--ink);font-weight:600;font-family:var(--ff-display);font-size:12.5px;text-align:right}
.x-meta .v em{font-style:normal;color:var(--g)}
.x-flow{display:flex;align-items:center;gap:0;padding:20px;justify-content:space-between}
.x-flow .n{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;flex:1}
.x-flow .n b{font-family:var(--ff-display);font-size:13px;font-weight:700;color:var(--ink)}
.x-flow .n span{font-family:var(--ff-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.x-flow .a{font-family:var(--ff-mono);color:var(--g);font-size:14px;padding:0 4px;flex-shrink:0}
@media(max-width:960px){
  .x-grid{grid-template-columns:1fr;gap:34px}
  .x-hero{padding:36px 0 34px}
  .x-hero h1{max-width:none}
}
@media(max-width:560px){
  .x-calc{grid-template-columns:1fr;gap:8px}
  .x-swap{display:none}
}

/* ---- homepage live rates rail ---- */
.x-rates-rail{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  margin:26px auto 0;max-width:760px;background:color-mix(in srgb,var(--surface) 60%,transparent)}
.x-rr{flex:1;min-width:150px;padding:14px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.x-rr:last-child{border-right:none}
.x-rr .c{font-family:var(--ff-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:600;display:flex;align-items:center;gap:6px}
.x-rr .c::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--neon);box-shadow:0 0 6px var(--glow)}
.x-rr .r{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
@media(max-width:680px){.x-rr{min-width:33%;padding:11px 14px}.x-rr .r{font-size:13.5px}}

/* ===================== chrome (header, footer, QR dialog) from the homepage build ===================== */
.wrap{width:min(var(--wrap),calc(100% - 48px));margin:0 auto}
.lbl{font-family:var(--fd);font-size:14px;color:var(--green-deep);font-weight:700;display:inline-flex;align-items:center;gap:8px;letter-spacing:-.005em}
.lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:700;font-size:16px;letter-spacing:-.01em;border-radius:100px;padding:15px 24px;text-decoration:none;transition:transform .25s var(--ez),box-shadow .25s var(--ez),background .2s}
.btn-g{background:var(--green);color:#fff;box-shadow:0 6px 16px -10px rgba(0,166,47,.6)}
.btn-g:hover{background:var(--green2);transform:translateY(-1px)}
.btn-o{background:var(--white);color:var(--ink);border:1px solid var(--line2)}
.btn-o:hover{border-color:var(--ink)}
.btn svg{width:18px;height:18px}
.nav{position:sticky;top:0;z-index:50;background:rgba(246,247,243,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 8px 30px -24px rgba(14,21,18,.3)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:9px;font-family:'Sora',var(--fd);font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.brand img{width:32px;height:32px;object-fit:contain;border-radius:8px}
.nlinks{display:flex;gap:4px;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:5px}
.nlinks a{font-family:var(--fd);font-weight:600;font-size:14.5px;color:var(--dim);text-decoration:none;padding:9px 16px;border-radius:100px;transition:background .2s,color .2s}
.nlinks a:hover{background:var(--mint);color:var(--green-deep)}
.nav .btn{padding:11px 18px;font-size:14.5px}
.qrbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--white);display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background .2s,border-color .2s,transform .2s var(--ez)}
.qrbtn:hover{background:var(--mint);border-color:var(--green)}
.qrbtn:active{transform:scale(.96)}
.qrbtn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ft-qr{cursor:pointer;font:inherit;transition:border-color .2s}
.ft-qr:hover{border-color:var(--ink)}
.ft-qr:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.qrdlg{border:0;padding:60px 0 0;background:transparent;max-width:none;width:min(820px,calc(100% - 32px));margin:auto;overflow:visible}
.qrdlg::backdrop{background:rgba(14,21,18,.42);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
.qrdlg[open]{animation:dlgin .32s cubic-bezier(.16,1,.3,1)}
.qrdlg[open]::backdrop{animation:bdin .3s ease-out}
.qrcard{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;background:var(--white);border-radius:30px;padding:52px 56px 48px;box-shadow:0 40px 90px -40px rgba(14,21,18,.6)}
.qrclose{position:absolute;top:-52px;right:0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.14);display:grid;place-items:center;cursor:pointer;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qrclose:hover{background:#fff;color:var(--ink)}
.qrleft h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;margin-top:12px;max-width:14ch}
.qrleft p{color:var(--dim);margin-top:12px;font-size:16px;max-width:38ch}
.qrstores{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.qrstores .sbtn{min-width:0;padding:10px 18px 10px 14px}
.qrstores .sbtn b{font-size:17px}
.qrfine{margin-top:16px;font-size:13px;color:var(--faint);font-weight:600}
.qrbig{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid var(--line);border-radius:20px;padding:20px 20px 16px}
.qrbig .qr{width:100%;max-width:300px;aspect-ratio:1;display:block}
.qrbig .qr svg{width:100%;height:100%}
.qrbig-cap{font-size:12.5px;color:var(--dim);font-weight:600}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line2);border-radius:12px;background:var(--white);align-items:center;justify-content:center;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--ink);box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink)}
.mnav{display:none;position:fixed;inset:76px 0 0;background:var(--paper);z-index:49;padding:24px;flex-direction:column;gap:6px}
.mnav.open{display:flex}
.mnav a{font-family:var(--fd);font-weight:700;font-size:26px;text-decoration:none;color:var(--ink);padding:14px 8px;border-bottom:1px solid var(--line)}
.proof{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--dim);font-weight:500}
.proof b{color:var(--ink);font-weight:700}
.proof .sep{width:1px;height:14px;background:var(--line2)}
.proof .star{color:#F5A524}
.asof{font-size:13.5px;color:var(--faint);font-weight:600}
.brands{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line2)}
.brands-k{font-size:12.5px;font-weight:700;color:var(--dim);margin-right:2px}
.brands img{height:22px;width:auto;max-width:48px;object-fit:contain;opacity:.9}
.brands img.mono{height:18px;opacity:.55}
.brands img.wide{height:16px}
.more{display:inline-flex;align-items:center;gap:8px;font-family:var(--fd);font-weight:700;font-size:15px;color:var(--green-deep);text-decoration:none;margin-top:24px}
.more:hover{text-decoration:underline;text-underline-offset:4px}
.ft{background:var(--white);border-top:1px solid var(--line);padding:0 0 28px;color:var(--dim);font-size:14px}
.ft-dl{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:56px 0 44px;border-bottom:1px solid var(--line)}
.ft-dl-txt h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;margin-top:14px;max-width:16ch;color:var(--ink)}
.ft-dl-txt p{margin-top:12px;font-size:16px;color:var(--dim)}
.ft-stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sbtn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:16px;padding:12px 22px 12px 16px;text-decoration:none;min-width:190px;transition:transform .25s var(--ez),box-shadow .25s var(--ez),background .2s}
.sbtn:hover{transform:translateY(-2px);box-shadow:0 18px 30px -18px rgba(14,21,18,.6);background:#1b231e}
.sbtn svg{flex-shrink:0}
.sbtn span{display:flex;flex-direction:column;line-height:1.05}
.sbtn small{font-size:11px;opacity:.7;font-weight:500}
.sbtn b{font-family:var(--fd);font-size:19px;font-weight:700;letter-spacing:-.01em}
.ft-rate{margin-top:16px;font-size:13.5px;color:var(--dim);font-weight:500}
.ft-rate b{color:var(--ink)}
.ft-rate .star{color:#F5A524}
.ft-qr{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:14px 14px 12px}
.ft-qr .qr{width:150px;height:150px;display:block}
.qr svg,.qr canvas,.qr img{width:100%;height:100%;display:block}
.ftq-cap{font-size:12.5px;color:var(--dim);font-weight:600}
.ft-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:28px;padding:44px 0 36px}
.ft-brand p{max-width:34ch;margin:14px 0 18px;line-height:1.6}
.fcol h4{font-size:13.5px;color:var(--ink);font-weight:800;margin:0 0 12px}
.fcol a{display:block;text-decoration:none;color:var(--dim);padding:5px 0;font-size:14.5px}
.fcol a:hover{color:var(--green-deep)}
.f-social{display:flex;gap:8px}
.f-social a{width:36px;height:36px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .2s,border-color .2s}
.f-social a:hover{background:var(--mint);border-color:var(--green)}
.f-social svg{width:15px;height:15px}
.ft-bot{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;gap:12px}
.ft-disc{max-width:900px;font-size:13px;line-height:1.65;color:var(--dim);margin:0}
.ft-disc b{color:var(--ink);font-weight:700}
.ft-legal a{color:var(--dim);text-decoration:none}
.ft-legal a:hover{color:var(--green-deep)}
.ft-legal{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12.5px;color:var(--faint);font-weight:500}
.ft-legal svg{vertical-align:-1px;color:#E8365D}
@media(max-width:900px){.qrcard{grid-template-columns:1fr;padding:28px 22px 26px;gap:22px}
.qrbig{order:-1;max-width:280px;margin:0 auto;width:100%}
.qrleft h3{max-width:none}
.qrbtn{width:40px;height:40px}
.brands{margin-top:18px}
.ft-dl{grid-template-columns:1fr;gap:24px;padding:44px 0 36px}
.ft-qr{display:none}
.ft-dl-txt h3{max-width:none}
.nlinks{display:none}
.burger{display:flex}}
@media(max-width:1080px){.ft-grid{grid-template-columns:1fr 1fr 1fr}
.ft-brand{grid-column:1/-1}}
@media(max-width:560px){.ft-grid{grid-template-columns:1fr 1fr}
.sbtn{min-width:0;flex:1}
.wrap{width:calc(100% - 32px)}
.nav .btn{padding:10px 14px;font-size:13.5px;white-space:nowrap}
.nav .btn svg{display:none}
.nav-in{height:66px}
.mnav{inset:66px 0 0}}


/* ===================== 2026 look for the existing page components ===================== */
.hero,.x-hero{background:none;border-bottom:none;padding:64px 0 40px;position:relative;overflow:visible}
.hero::before,.x-hero::before,.cta-section::before{display:none}
.hero-content{max-width:none;margin:0;text-align:left}
.hero h1,.x-hero h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.04em;line-height:1.02;max-width:17ch;margin-bottom:18px}
.highlight,.x-hero h1 .highlight{color:var(--green)}
.hero p,.x-sub{font-size:18px;color:var(--dim);line-height:1.6;max-width:560px;margin:0 0 26px}
.x-kicker,.eyebrow,.section-eyebrow{font-family:var(--fd);font-size:14px;color:var(--green-deep);font-weight:700;display:inline-flex;align-items:center;gap:8px;letter-spacing:-.005em;text-transform:none;margin-bottom:16px}
.x-kicker::before,.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.x-grid{gap:48px}
.x-tick{border-top:1px solid var(--line);padding-top:16px;gap:0 22px;row-gap:8px;max-width:none}
.x-tick span{font-family:var(--fb);font-size:14px;letter-spacing:0;text-transform:none;color:var(--dim);font-weight:600}
.x-tick span::before{display:none}.x-tick span+span::before{display:inline-block;content:"";width:1px;height:14px;background:var(--line2);margin-right:22px;box-shadow:none;border-radius:0}
.x-tick span b,.x-tick span strong{color:var(--ink)}
.x-term{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh2)}
.x-term-top{padding:14px 20px}.x-term-top .lbl{font-family:var(--fd);font-size:13px;letter-spacing:0;text-transform:none;color:var(--dim);font-weight:700}
.x-term-top .lbl::before{display:none}
.x-live{font-family:var(--fd);font-size:12px;letter-spacing:0;text-transform:none;color:var(--green-deep);font-weight:700}
.x-live::before{box-shadow:none;animation:none;background:var(--green)}
.x-rate-wrap .rate{font-family:var(--fm);font-weight:600;color:var(--ink)}
.x-rate-wrap .per{font-family:var(--fb);letter-spacing:0;text-transform:none;font-size:13px;color:var(--faint)}
.x-calc .calc-label,.calc-label{font-family:var(--fb);letter-spacing:0;text-transform:none;font-size:12.5px;color:var(--faint);font-weight:600}
.x-calc input,.calc input{border:1px solid var(--line2);border-radius:12px;background:var(--paper);color:var(--ink);font-family:var(--fm);font-weight:500}
.x-calc input:focus,.calc input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px rgba(0,166,47,.12)}
.x-meta .k{font-family:var(--fb);letter-spacing:0;text-transform:none;font-size:12.5px;color:var(--faint);font-weight:600}
.x-meta .v{font-family:var(--fd);font-size:13px}.x-meta .v em{color:var(--green-deep)}
.x-flow .n span{font-family:var(--fb);letter-spacing:0;text-transform:none;font-size:12px}
.x-flow .a{color:var(--faint)}
.rate-box{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh2);padding:22px 24px}
.rate-box h3{font-family:var(--fb);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--faint);font-weight:700}
.rate-box .rate{font-family:var(--fm);font-weight:600;color:var(--ink);font-size:30px}
.rate-box p{font-family:var(--fb);font-size:12.5px;letter-spacing:0}
/* stats and badges: the homepage proof strip */
.stat-row{gap:0;margin:26px 0 0;max-width:none}
.stat-row .stat{text-align:left;padding:16px 22px 12px 0}
.stat-row .stat:not(:last-child)::after{background:var(--line2);top:22%;bottom:22%}
.stat-row .stat .num{font-family:var(--fd);font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.035em}
.stat-row .stat .label{font-family:var(--fb);font-size:13px;letter-spacing:0;text-transform:none;color:var(--faint);font-weight:600;margin-top:2px}
.trust-badges{border-top:1px solid var(--line);padding-top:16px;margin:22px 0 0;gap:0 22px;max-width:none}
.trust-badges .badge{font-family:var(--fb);font-size:14px;letter-spacing:0;text-transform:none;color:var(--dim);font-weight:600;gap:0}
.trust-badges .badge::before{display:none}
.trust-badges .badge+.badge::before{display:inline-block;content:"";width:1px;height:14px;background:var(--line2);margin-right:22px;box-shadow:none;border-radius:0}
/* sections */
.content-section{padding:56px 0;counter-increment:none}
.content-section.alt{background:transparent}
.content-section .section-title:first-of-type::before{display:none}
.section-title{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.035em;line-height:1.06;margin-bottom:16px}
.section-lead{font-size:18px;color:var(--dim);max-width:640px;line-height:1.6;margin-bottom:28px}
.content-grid{gap:18px}
.feature-box{background:var(--white);border:1px solid var(--line);border-left:1px solid var(--line);border-radius:18px;padding:24px;margin:0}
.feature-box h3{font-size:17px;margin-bottom:8px}.feature-box p{font-size:15px}
.content-grid .feature-box{margin:0}
.steps-grid{gap:16px;border-top:none;margin-top:28px}
.step-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;position:relative}
.step-card:hover{background:var(--white);transform:none;border-color:var(--line2)}
.step-number{font-family:var(--fd);font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.04em;margin-bottom:10px;display:block;width:auto;height:auto;background:transparent;border:none}
.step-number::before{content:""}
.step-card h3{font-size:17px}.step-card p{font-size:14.5px}
/* FAQ rows */
.faq-section{padding:56px 0}
.faq-item{padding:20px 0;border-bottom:1px solid var(--line);background:transparent}
.faq-item:hover{background:transparent;border-color:var(--line)}
.faq-item h3{font-size:18px;letter-spacing:-.016em;display:block;margin-bottom:8px}
.faq-item h3::before{display:none}
.faq-item p{padding-left:0;font-size:16px;color:var(--dim);max-width:62ch}
details.faq-item summary{list-style:none;cursor:pointer;font-family:var(--fd);font-weight:700;font-size:18px}
details.faq-item summary::-webkit-details-marker{display:none}
/* tables */
table{margin:28px 0;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;border-collapse:separate;border-spacing:0}
th,table thead th{background:transparent;color:var(--faint);font-family:var(--fb);font-weight:700;font-size:13px;text-transform:none;letter-spacing:0;padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
tr th:nth-child(2),table thead th:nth-child(2){color:var(--green-deep)}
table thead th:nth-child(2)::before{display:none}
td,table tbody td{padding:14px 16px;font-size:14.5px;color:var(--dim);border-bottom:1px solid var(--line);vertical-align:top}
td:first-child,table tbody td:first-child{font-family:var(--fd);font-weight:700;color:var(--ink);font-size:14.5px}
table tbody td:nth-child(2),td:nth-child(2){background:var(--mint);color:var(--ink);font-family:var(--fb);font-weight:600;font-size:14.5px}
table tbody tr:hover td,tbody tr:hover td,tr:hover td{background:transparent}
table tbody tr:hover td:nth-child(2),tr:hover td:nth-child(2){background:var(--mint)}
table tbody tr:last-child td,tr:last-child td{border-bottom:none}
.check{color:var(--green)}.cross{color:#C6453A}
/* buttons */
.cta-btn,.cta-white,.btn-g,.glass-btn,.gp-link{font-family:var(--fd)}
.cta-btn,.cta-white{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;border-radius:100px;padding:15px 24px;font-weight:700;font-size:16px;letter-spacing:-.01em;box-shadow:0 6px 16px -10px rgba(0,166,47,.6);transition:transform .25s var(--ez),background .2s}
.cta-btn:hover,.cta-white:hover{background:var(--green2);transform:translateY(-1px);filter:none;box-shadow:0 6px 16px -10px rgba(0,166,47,.6)}
.glass-btn{display:inline-flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line2);color:var(--ink);padding:14px 22px;border-radius:100px;font-weight:700;font-size:15px}
.glass-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--white)}
.x-ctas{gap:12px}
/* CTA band: the homepage forest card */
.cta-section{background:var(--forest);color:#fff;border:none;border-radius:34px;padding:72px 48px;text-align:center;margin:40px auto 80px;width:min(var(--wrap),calc(100% - 48px));position:relative;overflow:hidden}
.cta-section::after{content:"";position:absolute;inset:0;background:url(/images/lp/pattern-white.png) center/520px repeat;opacity:.06;pointer-events:none}
.cta-section .container{position:relative;z-index:1}
.cta-section h2{color:#fff;max-width:18ch;margin:0 auto 14px;font-size:clamp(30px,4vw,50px)}
.cta-section h2::before{content:none}
.cta-section p{color:rgba(255,255,255,.72);max-width:560px;margin:0 auto 26px;font-size:17px}
.cta-section .cta-white,.cta-section .cta-btn{background:var(--lime);color:var(--forest);box-shadow:none}
.cta-section .cta-white:hover,.cta-section .cta-btn:hover{background:#dbf88a}
.cta-band{background:var(--forest);color:#fff;border-radius:24px;padding:32px}
/* chips and grids */
.bank-grid{gap:10px}
.bank-chip{font-family:var(--fb);font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:600}
.bank-chip::before{display:none}.bank-chip:hover{transform:none;border-color:var(--line2);background:var(--white);color:var(--ink)}
.coin-grid{gap:10px}
.coin-chip{font-family:var(--fd);font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:700;display:flex;flex-direction:column;align-items:flex-start}
.coin-chip::before{display:none}.coin-chip:hover{transform:none;border-color:var(--line2);background:var(--white)}
.coin-chip .ticker{font-family:var(--fm);font-size:12px;color:var(--faint);margin-top:2px}
.tag{font-family:var(--fb);font-size:12.5px;letter-spacing:0;text-transform:none;background:var(--mint);color:var(--green-deep);border:none;font-weight:700;padding:5px 11px}
/* reviews on inner pages */
.testimonials{gap:16px}
.testimonial{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;margin:0}
.testimonial p{font-size:15.5px;color:var(--ink)}
.stars{color:#F5A524;font-size:14px;letter-spacing:.05em;opacity:1;margin-bottom:10px}
.testimonial-avatar{background:var(--mint);color:var(--green-deep);font-family:var(--fd);font-size:11.5px;font-weight:800;width:34px;height:34px;letter-spacing:0}
.testimonial-name{font-family:var(--fd);font-size:14px}.testimonial-loc{font-size:12.5px}
/* editorial */
.tldr,.tip-box,.summary-box,.info-box,.answer-capsule{background:var(--mint);border:none;border-left:none;border-radius:18px;padding:20px 24px;margin:28px 0;color:var(--ink);font-size:16px}
.tldr strong{color:var(--green-deep)}
.warning-box,.cons-box{background:#FDEDEA;border:none;border-radius:18px;padding:20px 24px;margin:28px 0}
.pros-box{background:var(--mint);border:none;border-radius:18px;padding:20px 24px}
.breadcrumbs{font-family:var(--fb);font-size:13.5px;text-transform:none;letter-spacing:0;color:var(--faint);padding:22px 0 0}
.breadcrumbs a{color:var(--dim);font-weight:600}.breadcrumbs a:hover{color:var(--green-deep)}
.breadcrumbs span{color:var(--faint)}.breadcrumbs span[style]{color:var(--ink)!important}
.toc{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 26px}
.toc h3{font-family:var(--fd);font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:800}
.related{gap:14px}
.related-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px 44px 20px 20px}
.related-card:hover{background:var(--white);border-color:var(--line2)}
.related-card::after{color:var(--faint)}.related-card:hover::after{color:var(--green-deep)}
.related-card h4{font-size:16px;margin-bottom:6px}
.author-byline{border:none;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.author-avatar{background:var(--mint);color:var(--green-deep);font-family:var(--fd)}
article h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.03em}
article p,article li{font-size:17px;color:var(--dim)}
article a{color:var(--green-deep);font-weight:600}
article blockquote{border-left:3px solid var(--green);color:var(--ink)}
.gp-link{color:var(--green-deep);font-weight:700}
/* misc rails */
.x-rates-rail{background:var(--white);border:1px solid var(--line);border-radius:18px}
.x-rr .c{font-family:var(--fb);letter-spacing:0;text-transform:none;font-size:12.5px;font-weight:600}
.x-rr .c::before{display:none}.x-rr .r{font-family:var(--fm);font-weight:600}
.internal-links a,.internal-link{color:var(--green-deep);font-weight:600}
.comparison-table td:nth-child(2){background:var(--mint)}
.vs-table{margin-top:0}
/* reveal class: inner pages do not animate, so never hide content behind it */
.rv{opacity:1!important;transform:none!important;transition:none!important}
/* legal and other pages whose hero container ran full width */
section.hero .container.hero-content,section.hero>.container{width:min(var(--wrap),calc(100% - 48px));max-width:none;margin:0 auto;padding:0}
/* 404 */
.err{width:min(var(--wrap),calc(100% - 48px));margin:0 auto;padding:110px 0 150px;text-align:center}
.err .code{font-family:var(--fd);font-size:clamp(72px,14vw,150px);font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--ink);display:block;margin-bottom:12px}
.err h1{font-size:clamp(26px,4vw,40px)}.err p{color:var(--dim);font-size:17px;max-width:48ch;margin:0 auto 26px}
.err a.btn,.err a.cta-btn{margin-top:8px}
/* pricing page ghost button and old homepage style FAQ */
.pr-ghost{background:var(--white)!important;color:var(--ink)!important;border:1px solid var(--line2)!important;box-shadow:none!important}.pr-ghost:hover{background:var(--paper)!important}
details.qa{border-bottom:1px solid var(--line);padding:4px 0}details.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 0;font-family:var(--fd);font-weight:700;font-size:17px}
details.qa summary::-webkit-details-marker{display:none}details.qa .qt{flex:1}details.qa .qb{padding:0 0 18px;color:var(--dim);font-size:15.5px;max-width:62ch}
/* support page contact rows on phones */
@media(max-width:560px){.support-contact{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.support-contact-label{grid-row:1!important;grid-column:1!important}.support-contact-email{grid-row:2!important;grid-column:1!important}.support-contact p,.support-contact-note{grid-row:3!important;grid-column:1!important}}
/* usdt-to-naira style rate widget and other page families that shipped without styles */
.hero-answer,.section-answer{background:var(--mint);border-radius:18px;padding:18px 22px;margin:18px 0;font-size:16px;color:var(--ink)}
.network-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.network-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-family:var(--fd);font-weight:700;font-size:13.5px}
.network-badge .rate-free,.rate-free{color:var(--green-deep);font-weight:700}
.rate-widget{background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh2);padding:22px 24px;margin:22px 0;max-width:520px}
.rate-widget-inner{display:flex;flex-direction:column;gap:10px}
.rate-item{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.rate-item:last-child{border-bottom:none}
.rate-item-label{font-size:13.5px;color:var(--faint);font-weight:600}.live-rate,.ngn-value{font-family:var(--fm);font-size:26px;font-weight:600;color:var(--ink)}
.rate-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:13px;color:var(--faint)}.rate-meta-item{display:inline-flex;align-items:center;gap:6px}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.coingecko-attr{font-size:12.5px;color:var(--faint);margin-top:10px}
.network-cards,.feature-list,.stat-grid,.category-grid,.security-grid,.testimonial-grid,.crypto-grid,.rating-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0}
.network-card,.stat-card,.category-card,.security-item,.crypto-tag,.review-highlight{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.crypto-tag{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px}.crypto-tag strong{font-family:var(--fd)}
.stat-card .number,.rating-big{font-family:var(--fd);font-size:34px;font-weight:800;letter-spacing:-.04em;color:var(--ink);display:block}
.rating-hero{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px 28px;margin:22px 0}
.rating-stars{color:#F5A524;letter-spacing:.06em;font-size:18px}.rating-count{color:var(--dim);font-size:14px}
.trust-badge{display:inline-flex;align-items:center;gap:8px;background:var(--mint);color:var(--green-deep);border-radius:100px;padding:6px 12px;font-size:13px;font-weight:700}
.monica-row td{background:var(--mint)}.check-icon{color:var(--green)}.conversion-table{width:100%}
.author{font-family:var(--fd);font-weight:700;font-size:14px}.role,.location{font-size:12.5px;color:var(--faint)}
.comparison-section,.conversion-section,.networks-section,.steps-section,.about-section{padding:40px 0}.about-content{max-width:720px}
.cta-btn+h2,.x-ctas+h2,.cta-btn+.section-title{margin-top:56px}
.cta-band>a:not(.btn):not(.cta-btn):not(.cta-white){display:inline-block;margin:8px 10px 0;color:#fff;opacity:.85;text-decoration:underline;text-underline-offset:3px;font-size:14px}
.bl-year[data-year="Undated"] .bl-row-year{visibility:hidden}
@media(max-width:860px){
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .container table,.content-section table,article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .x-term{max-width:100%}
  .hero,.x-hero{padding:40px 0 28px}
  .hero h1,.x-hero h1{font-size:clamp(32px,8vw,40px);max-width:none}
  .section-title{font-size:clamp(26px,7vw,32px)}
  .content-section{padding:40px 0}
  .cta-section{border-radius:26px;padding:48px 22px;width:auto;margin:24px 16px 56px}
  .stat-row .stat .num{font-size:24px}
}