/* Cauce marketing site, direction "Cartel" (owner choice 2026-11-09).
   Type: Archivo (condensed display) and Chivo Mono by Omnibus-Type; Alegreya italic and Alegreya Sans by Huerta Tipográfica;
   Inter only for the wordmark and the product mockups, as in the app. All SIL OFL, self-hosted (fonts/LICENSES.txt). */
@font-face{font-family:"Archivo";src:url("/fonts/archivo-latin.woff2?v=e3a28eade2") format("woff2");font-weight:400 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Alegreya";src:url("/fonts/alegreya-italic-500-latin.woff2?v=654e31dba1") format("woff2");font-style:italic;font-weight:500;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url("/fonts/alegreya-sans-400-latin.woff2?v=b2a5a35a25") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url("/fonts/alegreya-sans-500-latin.woff2?v=55b61d22cc") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url("/fonts/alegreya-sans-700-latin.woff2?v=5acd19a588") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url("/fonts/alegreya-sans-800-latin.woff2?v=93e1e6c3b5") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Chivo Mono";src:url("/fonts/chivo-mono-latin.woff2?v=c00775f8ec") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin.woff2?v=3100e775e8") format("woff2");font-weight:100 900;font-display:swap}

:root{
  /* page */
  --paper:#f6f6f2;--surf:#ffffff;--stone:#ebe8e0;--ink:#1b1c18;--mut:#5b5c55;--line:#d9d5cb;
  /* brand */
  --sage:#17613b;--on-sage:#ffffff;--block:#1a6a41;--on-block:#eef6f0;--on-block-mut:#bcd8c5;
  --poster:#4f35b8;--on-poster:#ffffff;--on-poster-mut:#ddd5ff;
  --hi:#e9a63a;--hi-ink:#1b1c18;--hi-text:#9a5e00;--sign:#644ac9;--danger:#a3361f;
  --bar:#121310;--bar-ink:#f6f6f2;--bar-mut:#b9bab0;--bar-line:#4a4b44;--app-green:#50fa7b;
  /* product mockups keep the app's light look in both themes */
  --ph-bg:#ffffff;--ph-fg:#1b1c18;--ph-mut:#62635c;--ph-line:#dcd8cf;--ph-tint:#e2eee6;--ph-sage:#17613b;--ph-purple:#644ac9;--ph-stone:#ebe8e0;
  --shadow:0 14px 34px -14px rgba(26,40,30,.28);--shadow-lg:0 30px 60px -28px rgba(15,40,25,.45);
  --disp:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --accent:"Alegreya",Georgia,"Times New Roman",serif;
  --body:"Alegreya Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Chivo Mono",ui-monospace,Menlo,Consolas,monospace;
  --ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1180px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#1c1e24;--surf:#282a33;--stone:#24262e;--ink:#f2f1ea;--mut:#b3b8c8;--line:#3f424d;
    --sage:#5fdc8a;--on-sage:#13140f;--poster:#3c2a8f;--hi:#f2bd5e;--hi-text:#f2bd5e;--sign:#bba1fb;--danger:#ff8f78;
    --shadow:0 14px 34px -14px rgba(0,0,0,.6);--shadow-lg:0 30px 60px -28px rgba(0,0,0,.75);
    color-scheme:dark;
  }
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.5;overflow-x:hidden}
a{color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.05;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-999px;top:8px;background:var(--surf);padding:8px 12px;border-radius:8px;z-index:30}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--hi);outline-offset:3px;border-radius:4px}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.02em}
.note{font-size:15px;color:var(--mut)}

/* ---------- display type ---------- */
.disp{font-family:var(--disp);font-weight:900;font-stretch:62%;text-transform:uppercase;letter-spacing:0;line-height:.88}
.disp em{display:block;font-family:var(--accent);font-style:italic;font-weight:500;font-stretch:100%;text-transform:none;letter-spacing:-.01em;line-height:1;color:var(--hi-text);font-size:.62em;margin-top:.08em}
.eyebrow{font:500 13px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--hi-text)}

/* ---------- brand (same as the app's wordmark) ---------- */
.brand{display:inline-flex;align-items:center;font:800 26px/1 var(--ui);letter-spacing:-1.3px;text-decoration:none;color:inherit}
.brand-dot{color:var(--app-green)}
.brand-mark{display:inline-flex;gap:3px;align-items:center;height:22px;margin-right:9px;transform:skew(-15deg)}
.brand-mark i{width:4px;height:13px;border-radius:2px;background:var(--app-green)}
.brand-mark i:nth-child(2){height:22px}
.brand-mark i:nth-child(3){height:17px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:6px;font:700 15px var(--ui);letter-spacing:.03em;text-transform:uppercase;text-decoration:none;border:1.5px solid transparent;white-space:nowrap;cursor:pointer;transition:transform 80ms,filter 140ms}
.btn:active{transform:translateY(1px)}
.btn:hover{filter:brightness(1.06)}
.btn-hi{background:var(--hi);color:var(--hi-ink)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-green{background:var(--app-green);color:var(--bar)}
.btn-ghost{border-color:currentColor;color:inherit}
.btn-line{border-color:var(--bar-line);color:var(--bar-ink);min-height:40px;padding:0 16px;font-size:13px}

/* ---------- top bar ---------- */
.top{position:sticky;top:0;z-index:20;background:var(--bar);color:var(--bar-ink)}
.top-row{display:flex;align-items:center;gap:14px;height:64px}
.top-row .brand{margin-right:auto}
.top-nav{display:flex;gap:22px;font-size:15px;margin-right:10px}
.top-nav a{color:var(--bar-mut);text-decoration:none}
.top-nav a:hover,.top-nav a[aria-current="page"]{color:var(--bar-ink)}
.top-demo{min-height:40px;padding:0 16px;font-size:13px}

/* ---------- country picker ---------- */
.cpick{display:none;align-items:center;gap:6px;border:1.5px solid currentColor;border-radius:999px;padding:3px 8px 3px 12px;font:500 13px var(--mono)}
.js .cpick{display:inline-flex}
.cpick select{font:700 15px var(--body);border:0;background:transparent;color:inherit;padding:3px 2px;cursor:pointer;max-width:210px}
.cpick select option{color:#1b1c18;background:#ffffff}

/* ---------- hero (purple poster) ---------- */
.poster{background:var(--poster);color:var(--on-poster);overflow:hidden}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px;align-items:center;padding-top:36px;padding-bottom:48px}
.hero-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.hero-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.poster .eyebrow{color:var(--hi)}
.poster .cpick{color:var(--on-poster-mut)}
.poster .cpick select{color:var(--on-poster)}
.hero h1{font-size:clamp(64px,11vw,148px)}
.hero h1 em{color:var(--hi);font-size:.5em}
.lead{font-size:20px;color:var(--on-poster-mut);max-width:30em}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--on-poster-mut)}
.facts span::before{content:"✓";color:var(--hi);font-weight:800;margin-right:6px}

/* ---------- product mockups (phone, fragments) ---------- */
.stage{position:relative;min-height:540px}
.phone{position:relative;width:270px;max-width:100%;border:8px solid #111111;border-radius:36px;background:var(--ph-bg);color:var(--ph-fg);box-shadow:var(--shadow-lg);overflow:hidden;font-family:var(--ui);font-size:12.5px}
.stage .phone{position:absolute;left:50%;top:10px;transform:translateX(-50%) rotate(8deg)}
.notch{height:20px;display:flex;justify-content:center;align-items:center}
.notch i{width:70px;height:6px;border-radius:9px;background:#111111}
.scr{padding:4px 14px 16px;display:flex;flex-direction:column;gap:10px}
.biz{display:flex;align-items:center;gap:8px}
.biz-logo{width:28px;height:28px;border-radius:8px;background:var(--ph-sage);color:#ffffff;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.biz b{font-size:13px;display:block}
.biz small{font-size:11px;color:var(--ph-mut)}
.qtitle{font:900 22px/1 var(--disp);font-stretch:70%;text-transform:uppercase}
.opt{border:1.5px solid var(--ph-line);border-radius:12px;padding:9px 10px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;background:var(--ph-bg);color:var(--ph-fg);text-align:left;width:100%;font:inherit;font-family:var(--ui)}
button.opt{cursor:pointer}
.opt .rd{width:14px;height:14px;border-radius:50%;border:2px solid var(--ph-line)}
.opt.is-on{border-color:var(--ph-sage);background:var(--ph-tint)}
.opt.is-on .rd{border:4px solid var(--ph-sage)}
.opt b{font-size:12.5px}
.opt small{display:block;font-size:11px;color:var(--ph-mut)}
.opt .num{font-size:12.5px;font-weight:600}
.sigpad{height:54px;border:1.5px dashed var(--ph-line);border-radius:12px;position:relative;color:var(--ph-fg)}
.sigpad svg{position:absolute;left:10px;bottom:6px}
.sigpad small{position:absolute;right:10px;top:6px;font-size:10.5px;color:var(--ph-mut)}
.signbtn{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;background:var(--ph-purple);color:#ffffff;font:700 13px var(--ui);border:0;width:100%}
button.signbtn{cursor:pointer}
.frag{position:absolute;z-index:3;background:#16170f;color:#f6f6f2;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow);font-family:var(--ui);font-size:12.5px;width:214px;left:-4%;top:300px;transform:rotate(-5deg)}
.frag small{display:block;font-size:11px;color:#b9bab0}
.frag .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px}
.frag .big{font:500 17px var(--mono)}
.frag .arrow{font-family:var(--mono);color:#f0b44a;font-size:12px}
.frag .loc{color:#f0b44a}
.sticker{position:absolute;z-index:4;right:0;top:40px;transform:rotate(10deg);background:#f0b44a;color:#16170f;font:700 12px var(--ui);padding:6px 10px;border-radius:8px;white-space:nowrap}
.chip{display:inline-block;font:700 11.5px var(--ui);padding:3px 9px;border-radius:999px;background:var(--ph-tint);color:var(--ph-sage);white-space:nowrap;align-self:flex-start}
.chip-hi{background:#fbefd6;color:#1b1c18}

/* ---------- ticker ---------- */
.ticker{background:var(--bar);color:var(--bar-ink);overflow:hidden;padding-block:12px}
.ticker-track{display:flex;width:max-content;animation:ticker 75s linear infinite}
.ticker-set{display:inline-flex;align-items:center;gap:28px;padding-right:28px;white-space:nowrap;font:900 44px/1 var(--disp);font-stretch:62%;text-transform:uppercase;word-spacing:.18em}
.ticker-set b{color:var(--hi);font-weight:900}
.ticker .brand-mark{margin:0}
.ticker .brand-mark i{background:var(--hi)}
@keyframes ticker{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* ---------- sections ---------- */
.sec{padding-block:88px}
.sec-top0{padding-top:0}
.sec-alt{background:var(--stone)}
.sh{display:flex;flex-direction:column;gap:14px;max-width:46em}
.sh h2{font-size:clamp(48px,7vw,96px)}
.sh p{font-size:19px;color:var(--mut)}

/* before / after: full-width blocks */
.vs{margin-top:40px}
.vs-col{padding-block:36px;padding-left:max(20px,calc((100% - var(--wrap)) / 2 + 20px));padding-right:max(20px,calc((100% - var(--wrap)) / 2 + 20px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.vs-col h3{grid-column:1/-1;font:900 72px/.9 var(--disp);font-stretch:62%;text-transform:uppercase}
.vs-old{background:var(--stone);color:var(--ink)}
.vs-old h3{color:var(--mut)}
.vs-new{background:var(--block);color:var(--on-block)}
.vs-new h3{color:var(--hi)}
.vs-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:14px;border-radius:6px;align-items:start}
.vs-old .vs-row{background:color-mix(in srgb,var(--surf) 60%,transparent)}
.vs-new .vs-row{background:color-mix(in srgb,var(--on-block) 9%,transparent)}
.vs-row b{display:block;font-size:18px;font-weight:700}
.vs-row span{font-size:15px}
.vs-old .vs-row b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--danger) 65%,transparent);text-decoration-thickness:2px}
.vs-old .vs-row span{color:var(--mut)}
.vs-new .vs-row span{color:var(--on-block-mut)}
.vs-ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.vs-old .vs-ic{background:var(--line);color:var(--danger)}
.vs-new .vs-ic{background:var(--hi);color:var(--hi-ink)}

/* try it */
.try{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.try-steps{display:flex;flex-direction:column;gap:14px;margin-top:26px}
.try-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;font-size:17px}
.try-steps li i{font:500 13px var(--mono);font-style:normal;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:var(--mut)}
.try-steps li.done i{background:var(--sage);border-color:var(--sage);color:var(--on-sage)}
.try .note{margin-top:18px}
.try-stage{position:relative;background:var(--hi);min-height:560px;display:flex;justify-content:center;align-items:flex-start;padding-top:44px;overflow:hidden}
.try-label{position:absolute;top:16px;left:18px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--hi-ink)}
.tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--ph-line);padding-top:8px;font-size:12px;color:var(--ph-mut)}
.tot strong{font:500 18px var(--mono);color:var(--ph-fg)}
.tot-sub{border:0;padding-top:0}
.tot-sub .num{color:var(--ph-fg)}
.sigpath{stroke-dasharray:420;stroke-dashoffset:420}
.ok-card{display:none;flex-direction:column;gap:6px;align-items:flex-start;background:var(--ph-tint);border-radius:12px;padding:12px;font-size:12.5px;color:var(--ph-mut)}
.ok-card b{color:var(--ph-sage);font-size:14px}
.reset{font-size:12px;color:var(--ph-mut);text-decoration:underline;cursor:pointer;background:none;border:0;padding:0}
.is-signed .ok-card{display:flex}
.is-signed [data-try-sign]{display:none}

/* four steps */
.steps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;margin-top:40px;align-items:stretch}
.step-list{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.step{all:unset;box-sizing:border-box;display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:14px 0;border-bottom:2px solid var(--ink);cursor:pointer;color:var(--ink)}
.step-n{font:900 76px/.85 var(--disp);font-stretch:62%;color:var(--line)}
.step b{display:block;font:900 32px/1 var(--disp);font-stretch:62%;text-transform:uppercase}
.step .sub{font-size:15px;color:var(--mut)}
.step[aria-selected="true"] .step-n{color:var(--sign)}
.step:focus-visible{outline:3px solid var(--hi);outline-offset:4px}
.step-panels{position:relative;background:var(--poster);min-height:420px;overflow:hidden;padding:28px}
.step-panel{position:relative;height:100%}
.doc{background:var(--ph-bg);color:var(--ph-fg);border-radius:14px;padding:16px;width:76%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:8px;font:13px/1.45 var(--ui)}
.doc h4{font:900 24px/1 var(--disp);font-stretch:62%;text-transform:uppercase}
.ln{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ph-line);padding-bottom:6px}
.ln span:first-child{color:var(--ph-mut);min-width:0}
.ln-last{border:0}
.ok{color:var(--ph-sage)}
.slot{border-left:3px solid var(--ph-purple);background:#eeeafb;border-radius:8px;padding:7px 9px;font-size:12.5px}
.slot b{display:block}
.slot-g{border-left-color:var(--ph-sage);background:var(--ph-tint)}
.ck{display:flex;gap:8px;align-items:center}
.ck i{width:15px;height:15px;border-radius:4px;background:var(--ph-sage);flex:none}
.ck i.o{background:transparent;border:1.5px solid var(--ph-line)}
.mini{position:absolute;right:0;bottom:-48px;width:176px;border:7px solid #111111;border-radius:28px;background:var(--ph-bg);color:var(--ph-fg);padding:14px 12px 30px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:8px;font:12px/1.4 var(--ui);transform:rotate(3deg)}
.mini .big{font:500 20px var(--mono)}
.mini-l{font-size:11px;color:var(--ph-mut)}
.mini .signbtn{min-height:30px;font-size:11.5px}
.tag{position:absolute;z-index:3;background:#16170f;color:#f6f6f2;font:700 12px var(--ui);padding:6px 10px;border-radius:8px}
.tag-1{right:0;top:0;transform:rotate(4deg)}
.tag-2{left:28%;bottom:0;transform:rotate(-3deg);background:#f0b44a;color:#16170f}

/* money */
.money{position:relative;overflow:hidden;background:var(--block);color:var(--on-block);padding-block:88px}
.codes{position:absolute;inset:0;font:500 13px var(--mono);color:color-mix(in srgb,var(--on-block) 10%,transparent);line-height:2.2;letter-spacing:.3em;word-spacing:1.2em;overflow:hidden;pointer-events:none;padding:20px}
.money-in{position:relative}
.money .eyebrow{color:var(--hi)}
.money .disp em{color:var(--hi)}
.money .sh p{color:var(--on-block-mut)}
.pick-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.money .cpick select{color:var(--on-block)}
.money .sh .bigrate{font:900 clamp(56px,10vw,132px)/.86 var(--disp);font-stretch:62%;text-transform:uppercase;color:var(--on-block);margin-top:10px}
.bigrate span{color:var(--hi)}
.money .sh .rate-source{font:500 13px var(--mono);letter-spacing:.04em;color:var(--on-block-mut);margin-top:-2px}
.money-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center;margin-top:40px}
.fx{background:var(--ph-bg);color:var(--ph-fg);border-radius:6px;padding:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px;font-family:var(--ui)}
.fx-field{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1.5px solid var(--ph-line);border-radius:999px;padding:10px 12px 10px 20px}
.fx-field small{display:block;font-size:11.5px;color:var(--ph-mut)}
.fx-field strong{font:500 24px var(--mono);letter-spacing:-.03em}
.fx-code{font:600 13px var(--mono);background:var(--ph-stone);border-radius:999px;padding:7px 12px}
.fx-rate{display:flex;align-items:center;gap:10px;padding-left:22px;font:500 13px var(--mono);color:var(--ph-mut)}
.fx-rate i{width:2px;height:22px;background:var(--ph-line)}
.usd-only{background:var(--ph-stone);border-radius:12px;padding:10px 14px;font-size:13.5px}
.methods{display:flex;flex-wrap:wrap;gap:6px}
.methods span{font-size:12.5px;font-weight:700;border:1px solid var(--ph-line);border-radius:999px;padding:4px 10px}
.qrbox{display:flex;gap:12px;align-items:center;background:var(--ph-stone);border-radius:12px;padding:10px}
.qrbox b{display:block;font-size:14px}
.qrbox span{font-size:13px;color:var(--ph-mut)}
.qr{width:80px;height:80px;display:grid;grid-template-columns:repeat(21,1fr);background:#ffffff;padding:5px;border-radius:6px;flex:none}
.qr i{background:#111111}
.qr i.w{background:transparent}
.mlist li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid color-mix(in srgb,var(--on-block) 22%,transparent)}
.mlist li i{font:500 12px var(--mono);font-style:normal;color:var(--hi);padding-top:4px}
.mlist b{display:block;font-size:19px}
.mlist p>span{color:var(--on-block-mut);font-size:16px}
.money-more{margin-top:36px}

/* follow-ups */
.tline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--ink);margin-top:40px}
.tline li{position:relative;padding:20px 12px 0 0;display:flex;flex-direction:column;gap:3px}
.tline li::before{content:"";position:absolute;left:0;top:-8px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid var(--sage)}
.tline li.end::before{background:var(--sage)}
.tline li.skipped{opacity:.5}
.tline time{font:500 12px var(--mono);color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
.tline b{font-size:18px}
.tline span{font-size:15px;color:var(--mut)}
.mail{background:var(--ph-bg);color:var(--ph-fg);border:1px solid var(--ph-line);border-radius:12px;padding:16px;box-shadow:var(--shadow);font:13.5px/1.45 var(--ui);display:flex;flex-direction:column;gap:6px;margin-top:40px;max-width:440px}
.mail .from,.mail span{font-size:12px;color:var(--ph-mut)}

/* trades */
.trades{margin-top:44px;border-top:2px solid var(--ink)}
.trades li{display:grid;grid-template-columns:60px minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:baseline;border-bottom:2px solid var(--ink);padding:16px 0}
.trades i{font:500 13px var(--mono);font-style:normal;color:var(--mut)}
.trades b{font:900 clamp(40px,6vw,76px)/.9 var(--disp);font-stretch:62%;text-transform:uppercase}
.trades span{text-align:right;font-size:16px;font-weight:700}
.trades .more b,.trades .more a{color:var(--sign)}
.trades .more a{text-align:right;font-weight:700;font-size:17px}

/* free + promises */
.free-big{font:900 clamp(110px,24vw,300px)/.8 var(--disp);font-stretch:62%;text-transform:uppercase;color:var(--sign)}
.free-big em{display:block;font:italic 500 clamp(22px,3.4vw,40px)/1.1 var(--accent);color:var(--ink);text-transform:none;margin-top:18px}
.free-big+.cta{margin-top:26px}
.never-h{margin-top:48px;font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}
.never{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.never li{border:2px solid var(--ink);border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--surf)}
.never span{align-self:flex-start;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor;border-radius:4px;padding:3px 6px}
.never p{font-size:16px;color:var(--mut)}

/* faq */
.faq .sh{margin-bottom:18px}
.faq details{border-top:2px solid var(--ink)}
.faq details:last-of-type{border-bottom:2px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font:900 28px/1 var(--disp);font-stretch:62%;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 24px var(--mono);color:var(--mut)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 20px;color:var(--mut);font-size:18px;max-width:40em}
.faq-more{margin-top:22px;color:var(--mut)}
.faq-more a{color:var(--ink);font-weight:700}

/* closing + footer */
.final{background:var(--poster);color:var(--on-poster);padding-block:80px}
.final h2{font-size:clamp(72px,13vw,170px)}
.final h2 em{color:var(--hi);font-size:.5em}
.final p{margin-top:16px;font-size:19px;color:var(--on-poster-mut)}
.final .btn{margin-top:26px}
.foot{background:var(--bar);color:var(--bar-ink);padding-block:44px 28px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.6fr));gap:28px}
.slogan{font:900 clamp(40px,5vw,60px)/.9 var(--disp);font-stretch:62%;text-transform:uppercase}
.slogan em{display:block;font:italic 500 .62em/1.1 var(--accent);color:var(--hi);text-transform:none;margin-top:6px}
.foot-brand .brand{margin-top:24px}
.foot h2{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--bar-mut);margin:0 0 12px}
.foot ul{display:flex;flex-direction:column;gap:8px;font-size:16px}
.foot nav a{text-decoration:none;color:var(--bar-ink)}
.foot nav a:hover{text-decoration:underline}
.fine{grid-column:1/-1;border-top:1px solid var(--bar-line);padding-top:16px;font-size:13px;color:var(--bar-mut)}

/* ---------- inner pages ---------- */
.page-hero{background:var(--poster);color:var(--on-poster);padding-block:56px 64px}
.page-hero h1{font-size:clamp(56px,9vw,120px)}
.page-hero h1 em{color:var(--hi);font-size:.55em}
.page-hero .lead{margin-top:22px}
.page-hero .eyebrow{color:var(--hi)}
.page-hero .cpick{color:var(--on-poster-mut);margin-top:22px}
.page-hero .cpick select{color:var(--on-poster)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.jump a{border:1.5px solid color-mix(in srgb,var(--on-poster) 45%,transparent);border-radius:999px;padding:6px 14px;font-weight:700;text-decoration:none;font-size:15px}
.jump a:hover{background:color-mix(in srgb,var(--on-poster) 12%,transparent)}
.feat{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;padding-block:72px;border-bottom:2px solid var(--ink);scroll-margin-top:72px}
.feat:last-child{border-bottom:0}
.feat-n{font:900 clamp(80px,12vw,150px)/.8 var(--disp);font-stretch:62%;color:var(--sign)}
.feat h2{font-size:clamp(48px,7vw,88px);margin-top:10px}
.feat .intro{font-size:19px;color:var(--mut);margin-top:16px;max-width:30em}
.feat-list{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.feat-list li{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 0;border-bottom:1px solid var(--line)}
.feat-list b{font-size:19px}
.feat-list span{color:var(--mut);font-size:16px}
.feat-list .only{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--hi-text)}
.ledger{background:var(--ph-bg);color:var(--ph-fg);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-lg);font:13.5px/1.4 var(--ui)}
.lrow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,1fr);gap:8px;padding:11px 16px;border-bottom:1px solid var(--ph-line)}
.lrow:last-child{border-bottom:0}
.lrow-h{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ph-mut);background:var(--ph-stone)}
.lrow>:not(:first-child){text-align:right}
.ledger-note{padding:9px 16px;font:500 11.5px var(--mono);color:var(--ph-mut);background:var(--ph-stone)}
.blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px}
.block{background:var(--surf);border:2px solid var(--ink);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:8px}
.block i{font:500 12px var(--mono);font-style:normal;color:var(--mut)}
.block h3{font:900 34px/.95 var(--disp);font-stretch:62%;text-transform:uppercase}
.block p{color:var(--mut)}
.block .methods{margin-top:6px}
.block .methods span{border-color:var(--line)}
.block-ve{margin-top:12px;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}
.block-ve>div:last-child{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}
.honest{margin-top:40px;border:2px dashed var(--ink);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:8px}
.honest h2{font:900 40px/.95 var(--disp);font-stretch:62%;text-transform:uppercase}
.honest p{color:var(--mut);font-size:18px;max-width:44em}
/* trade pages */
.sec>.wrap.feat{padding-block:0;border-bottom:0}
.feat .intro .btn{margin-top:6px}
.doc-wide{width:100%;max-width:440px;justify-self:end;font-size:14px}
.doc .qname{font:700 17px/1.2 var(--ui);color:var(--ph-fg);margin-top:4px}
.doc .ln b{color:var(--ph-fg)}
.doc .signbtn{margin-top:6px}
.doc-note{color:var(--ph-mut);font-size:12px;text-align:center}
.ptable{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);font-size:17px}
.ptable caption{caption-side:top;text-align:left;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mut);padding-bottom:10px}
.ptable th{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mut);text-align:left;padding:12px 8px 8px 0;border-bottom:1px solid var(--line)}
.ptable td{padding:12px 8px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ptable td:nth-child(2){color:var(--mut)}
.ptable .num{text-align:right;padding-left:16px;padding-right:0;white-space:nowrap}
.ptable td.num+td.num,.ptable th.num+th.num{color:var(--mut)}
.sources{margin-top:14px;font-size:14px;color:var(--mut)}
.sources a{color:inherit}
.countries-inline{font-size:16px}
.paises{grid-column:1/-1;border-top:1px solid var(--bar-line);padding-top:20px}
.paises ul{display:flex;flex-wrap:wrap;gap:6px 18px}
.paises a[aria-current="page"]{color:var(--app-green)}
.notfound{padding-block:96px}
.notfound h1{font-size:clamp(64px,12vw,150px)}
.notfound .cta{margin-top:28px}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .top-nav{display:none}
}
@media (max-width:900px){
  .hero,.try,.steps,.money-grid,.page-hero-grid,.feat{grid-template-columns:minmax(0,1fr)}
  .never{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tline{grid-template-columns:minmax(0,1fr);border-top:0;border-left:2px solid var(--ink)}
  .tline li{padding:0 0 22px 24px}
  .tline li::before{left:-8px;top:4px}
  .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1}
  .stage{min-height:500px}
}
@media (max-width:640px){
  body{font-size:16px}
  .top-row{height:58px;gap:10px}
  .top-demo{display:none}
  .sec,.money{padding-block:64px}
  .vs-col{grid-template-columns:minmax(0,1fr)}
  .vs-col h3{font-size:56px}
  .cta .btn{flex:1 1 100%}
  .stage{min-height:470px}
  .frag{left:auto;right:0;top:auto;bottom:30px;width:190px}
  .sticker{top:24px}
  .step{grid-template-columns:64px minmax(0,1fr)}
  .step-n{font-size:56px}
  .doc{width:100%}
  .mini{display:none}
  .step-panels{padding:18px;min-height:360px}
  .tag-2{left:auto;right:0}
  .trades li{grid-template-columns:40px minmax(0,1fr)}
  .trades span,.trades .more a{grid-column:2;text-align:left}
  .never,.blocks{grid-template-columns:minmax(0,1fr)}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
  .lrow{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,.9fr);padding:10px 12px}
  .doc-wide{max-width:none;justify-self:stretch}
  .final h2{font-size:clamp(52px,14.5vw,72px)}
  .ptable{font-size:15px}
}