:root{--teal-50:#E8F7F4;--teal-300:#4FC8B3;--teal-500:#00A88F;--teal-600:#00917C;--teal-700:#007A68;--teal-800:#005F51;--ch-950:#161C1B;--ch-900:#202827;--ch-800:#2B3433;--ch-700:#3B4645;--ch-600:#56615F;--ch-500:#76807E;--ch-300:#C8CECC;--ch-200:#E1E5E3;--ch-100:#EEF0EF;--ch-50:#F6F7F6;--concrete:#EFEEEB;--danger:#B42318;--danger-bg:#FEF3F2;--brand:var(--teal-500);--brand-ink:var(--teal-700);--fg-1:var(--ch-900);--fg-2:var(--ch-600);--fg-3:var(--ch-500);--border-1:var(--ch-200);--border-2:var(--ch-300);--font:'Barlow',system-ui,sans-serif;--font-label:'Barlow Condensed','Barlow',system-ui,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.5 var(--font);color:var(--fg-1);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--brand-ink)}a:hover{color:var(--teal-800)}
h1,h2,h3,p,ul,ol{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
@media (min-width:900px){.wrap{padding:0 40px}}
.i{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{font:700 13px var(--font-label);text-transform:uppercase;letter-spacing:.14em;color:var(--teal-300)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border:1px solid var(--brand);border-radius:2px;background:var(--brand);color:var(--ch-950);font:800 15px var(--font);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:background .18s}
.btn:hover{background:var(--teal-600);color:var(--ch-950)}
.btn:focus-visible{outline:3px solid var(--ch-900);outline-offset:2px}
.btn--xl{width:100%;height:60px;font-size:17px;text-align:center;line-height:1.15;padding:0 16px}
.btn--sec{background:#fff;border-color:var(--ch-900);color:var(--ch-900)}
.btn--sec:hover{background:var(--ch-50);color:var(--ch-900)}
/* top bar */
.tb{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--border-1)}
.tb__in{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.tb__logo img{height:24px;width:auto}
.tb__r{display:flex;align-items:center;gap:6px}
.tb__a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 10px;font:700 14px var(--font);color:var(--fg-1);text-decoration:none}
.tb__a:hover{color:var(--brand-ink)}
.tb__wa .i{color:var(--brand-ink)}
.tb__wa span{display:none}
.tb__lang{border:1px solid var(--border-2);height:40px;padding:0 12px}
@media (min-width:600px){.tb__wa span{display:inline}.tb__logo img{height:26px}}
/* hero + form */
.hero{position:relative;background:var(--ch-950);color:#fff;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(255,255,255,.025) 22px 23px);pointer-events:none}
.hero__in{position:relative;display:grid;gap:32px;padding-top:28px;padding-bottom:56px;grid-template-areas:"top" "form" "gets" "how"}
@media (min-width:980px){.hero__in{grid-template-columns:minmax(0,1fr) minmax(0,470px);column-gap:72px;row-gap:44px;grid-template-areas:"top form" "gets form" "how form";padding-top:64px;padding-bottom:96px}.card{position:sticky;top:84px;align-self:start}}
.top{grid-area:top;display:grid;gap:18px;align-content:start}
.badge{justify-self:start;display:inline-flex;border:2px solid var(--brand)}
.badge b{display:grid;place-items:center;min-width:40px;padding:4px 10px;background:var(--brand);color:var(--ch-950);font:900 26px/1 var(--font)}
.badge span{display:flex;align-items:center;padding:6px 12px;font:700 14px var(--font-label);letter-spacing:.14em;text-transform:uppercase}
.h1{font:900 clamp(38px,10vw,70px)/.94 var(--font);text-transform:uppercase;letter-spacing:-.012em;text-wrap:balance}
.h1 span{color:var(--brand)}
.sub{font-size:18px;line-height:1.5;color:var(--ch-200);max-width:52ch;text-wrap:pretty}
.zero{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ch-700);background:rgba(255,255,255,.03)}
.zero li{display:grid;gap:4px;align-content:start;padding:14px 12px;border-left:1px solid var(--ch-700)}
.zero li:first-child{border-left:0}
.zero b{font:900 clamp(26px,6vw,34px)/1 var(--font);color:var(--brand)}
.zero span{font:600 13px/1.25 var(--font);color:var(--ch-200)}
@media (min-width:600px){.zero li{padding:16px 18px}.zero span{font-size:14px}}
.blk{display:grid;gap:16px;align-content:start}
.gets{grid-area:gets}.how{grid-area:how}
.gets ul{list-style:none;padding:0;display:grid;gap:14px}
.gets li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;font-size:17px;line-height:1.4;color:#fff}
.gets li .ic{display:grid;place-items:center;width:44px;height:44px;background:var(--ch-800);color:var(--teal-300)}
.how ol{list-style:none;padding:0;display:grid;gap:10px}
.how li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--ch-700)}
.how li>b{display:grid;place-items:center;width:40px;height:40px;background:var(--brand);color:var(--ch-950);font:900 20px var(--font)}
.how li strong{display:block;font:800 16px/1.2 var(--font);text-transform:uppercase;letter-spacing:.01em}
.how li span{font-size:14px;color:var(--ch-300)}
.how .tag{display:inline-block;margin-left:6px;padding:1px 7px;background:var(--teal-300);color:var(--ch-950);font:800 12px/1.5 var(--font-mono);vertical-align:2px}
@media (min-width:640px){.how ol{grid-template-columns:repeat(3,minmax(0,1fr))}.how li{grid-template-columns:1fr;align-items:start;align-content:start;gap:12px;padding:18px}}
/* card */
.card{grid-area:form;background:#fff;color:var(--fg-1);border-top:6px solid var(--brand);padding:24px 20px 22px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
@media (min-width:600px){.card{padding:32px 32px 28px}}
.card__h{display:grid;gap:4px;margin-bottom:20px}
.card__h h2{font:900 26px/1.05 var(--font);text-transform:uppercase}
.card__h p{font-size:15px;color:var(--fg-2)}
.form{display:grid;gap:16px}
.f{display:grid;gap:6px}
.f label{font:700 15px var(--font)}
.f label small{font-weight:400;font-size:14px;color:var(--fg-3);margin-left:4px}
.in{width:100%;height:54px;padding:0 14px;border:1px solid var(--border-2);border-radius:2px;background:#fff;font:400 17px var(--font);color:var(--fg-1);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.in::placeholder{color:var(--fg-3)}
.in:hover{border-color:var(--ch-500)}
.in:focus{outline:0;border-color:var(--ch-900);box-shadow:0 0 0 3px rgba(0,168,143,.35)}
.note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;background:var(--teal-50);border:1px solid #BFE8DF;font-size:15px;line-height:1.5;color:var(--ch-900)}
.note .i{width:22px;height:22px;color:var(--brand-ink);margin-top:1px}
.note strong{font-weight:800}
.agree{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;line-height:1.5;color:var(--fg-2);cursor:pointer}
.agree input{width:22px;height:22px;margin:0;accent-color:var(--brand-ink);cursor:pointer}
.agree a{font-weight:700}
.secure{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.4;color:var(--fg-2);text-align:center;text-wrap:balance}
.secure .i{width:16px;height:16px;color:var(--fg-1)}
.alert{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;background:var(--danger-bg);border:1px solid #FDA29B;color:var(--danger)}
.alert b{display:block;font:800 16px/1.3 var(--font)}
.alert p{font-size:15px;color:#7A271A}
.hp{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
/* trust */
.trust{background:var(--concrete);padding:56px 0}
.trust__in{display:grid;gap:32px}
.trust__h{display:grid;gap:12px;max-width:720px}
.trust__h h2{font:900 clamp(30px,7vw,48px)/1 var(--font);text-transform:uppercase;text-wrap:balance}
.trust__h p{font-size:17px;color:var(--fg-2);text-wrap:pretty}
.trust .eyebrow{color:var(--brand-ink)}
.tl{list-style:none;padding:0;display:grid;gap:12px}
.tl li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:16px;background:#fff;border:1px solid var(--border-1)}
.tl .ic{display:grid;place-items:center;width:48px;height:48px;background:var(--ch-900);color:var(--teal-300)}
.tl b{display:block;font:800 16px/1.25 var(--font)}
.tl span,.tl a{font-size:15px;color:var(--fg-2)}
.tl a{font-weight:700;color:var(--brand-ink)}
@media (min-width:900px){.trust{padding:80px 0}.tl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tl li{grid-template-columns:1fr;align-items:start;align-content:start;padding:22px}}
/* footer */
.ft{background:var(--ch-950);color:var(--ch-300);padding:40px 0 calc(40px + env(safe-area-inset-bottom))}
.ft__in{display:grid;gap:22px}
.ft img{height:24px;width:auto}
.ft p{font-size:14px;line-height:1.6}
.ft__c{display:flex;flex-wrap:wrap;gap:10px 24px}
.ft__c a{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#fff;font-weight:600;font-size:15px;text-decoration:none}
.ft__c a:hover{color:var(--teal-300)}
.ft__c .i{width:18px;height:18px;color:var(--teal-300)}
.ft__l{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:20px;border-top:1px solid var(--ch-800);font-size:13px}
.ft__l a{color:var(--ch-300)}.ft__l a:hover{color:#fff}
/* status screens */
.st{position:relative;background:var(--ch-950);color:#fff;overflow:hidden;padding:40px 0 112px}
.st::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(255,255,255,.025) 22px 23px);pointer-events:none}
.st__in{position:relative;max-width:720px;display:grid;gap:18px}
.st__ic{display:grid;place-items:center;width:64px;height:64px;background:var(--brand);color:var(--ch-950)}
.st__ic .i{width:34px;height:34px;stroke-width:2.4}
.st__ic--warn{background:var(--ch-800);color:var(--teal-300)}
.st .h1{font-size:clamp(44px,12vw,80px)}
.st__lead{font-size:19px;line-height:1.5;color:var(--ch-200);max-width:46ch;text-wrap:pretty}
.st__lead b{color:#fff}
.sc{position:relative;max-width:720px;margin:-72px auto 0;padding:0 20px 64px}
.sc__card{background:#fff;border-top:6px solid var(--brand);box-shadow:0 24px 60px rgba(22,28,27,.18);padding:24px 20px;display:grid;gap:20px}
@media (min-width:600px){.sc__card{padding:36px}}
.sc__p{font-size:18px;line-height:1.55;text-wrap:pretty}
.num{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px;background:var(--ch-50);border:1px solid var(--border-1)}
.num small{display:block;font:700 12px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}
.num b{font:800 24px/1.1 var(--font-mono);letter-spacing:-.01em}
.num span{font-size:14px;color:var(--fg-2)}
.ex{display:grid;gap:8px}
.ex small{font:700 12px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}
.bubble{justify-self:start;max-width:92%;padding:12px 14px;background:#DCF8C6;color:#111;font-size:15px;line-height:1.45;border-radius:2px 12px 12px 12px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.next{display:grid;gap:12px;padding-top:20px;border-top:1px solid var(--border-1)}
.next h2{font:900 20px var(--font);text-transform:uppercase}
.next ol{list-style:none;padding:0;display:grid}
.next li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px dashed var(--border-2);font-size:15px;line-height:1.45}
.next li:last-child{border-bottom:0}
.next li b{font:700 13px var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink);padding-top:2px}
.btns{display:grid;gap:10px}
.spin{width:64px;height:64px;border:5px solid var(--ch-700);border-top-color:var(--brand);border-radius:50%;animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation-duration:3s}}
/* legal */
.lg-h{background:var(--concrete);padding:40px 0 36px;border-bottom:1px solid var(--border-1)}
.lg-h .wrap{display:grid;gap:12px}
.lg-h .eyebrow{color:var(--brand-ink)}
.lg-h h1{font:900 clamp(34px,8vw,56px)/1 var(--font);text-transform:uppercase}
.lg-h p{font-size:15px;color:var(--fg-2)}
.lg{padding:40px 0 72px}
.lg__in{display:grid;gap:40px}
.lg nav{display:grid;gap:8px;align-content:start;font-size:15px}
.lg nav b{font:700 12px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2)}
.lg nav a{color:var(--fg-1);text-decoration:none;padding:4px 0}
.lg nav a:hover{color:var(--brand-ink)}
.lg article{max-width:70ch;display:grid;gap:32px}
.lg section{display:grid;gap:10px;scroll-margin-top:80px}
.lg h2{font:800 22px/1.2 var(--font)}
.lg h2 span{font:500 14px var(--font-mono);color:var(--brand-ink);margin-right:8px}
.lg article p,.lg article li{font-size:17px;line-height:1.7;color:var(--ch-800)}
.lg article ul{padding-left:22px;display:grid;gap:6px}
.lg .tbd{padding:14px 16px;background:#FBF1DE;border:1px dashed #9A6200;color:#5E3C00;font:500 14px/1.5 var(--font-mono)}
@media (min-width:980px){.lg__in{grid-template-columns:220px minmax(0,1fr);gap:64px}.lg nav{position:sticky;top:84px}}
.lg__intro{font-size:19px!important;line-height:1.6!important;color:var(--fg-1)!important;padding-bottom:24px;border-bottom:2px solid var(--ch-900)}
.lg article strong{color:var(--fg-1);font-weight:800}
.lg article a{font-weight:600}
mark.tbd{background:#FBF1DE;color:#5E3C00;padding:0 4px;box-shadow:inset 0 0 0 1px #E5B45C;border-radius:2px}
.lgt-w{margin:6px 0}
.lgt{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.lgt th,.lgt td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--border-1)}
.lgt thead th{font:700 12px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);border-bottom:2px solid var(--ch-900)}
.lgt tbody th{font-weight:800;color:var(--fg-1);width:24%}
.lgt td{color:var(--ch-800)}
@media (max-width:719px){.lgt thead{display:none}.lgt,.lgt tbody,.lgt tr,.lgt th,.lgt td{display:block;width:auto!important}.lgt tr{padding:14px 0;border-bottom:1px solid var(--border-1)}.lgt th,.lgt td{padding:4px 0;border:0}.lgt tbody th{font-size:16px;padding-bottom:6px}.lgt td::before{content:attr(data-l);display:block;font:700 11px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}}
