/* FinChat Hub front page */
:root{
  --paper:#0F1112; --sand:#16191B; --card:#1B1F21; --ink:#08090A; --ink-2:#121516;
  --line:#272C2E; --line-dk:#2E3437;
  --tx:#ECEFEE; --tx-2:#9BA4A1; --tx-3:#727A77; --tx-inv:#F2F1EE; --tx-inv-2:#A2A8A5;
  --brand:#FF0000; --brand-dk:#D90000; --brand-tx:#FF0000;
  --wa:#25D366; --wa-dk:#1FAE54; --ok:#0E7C4A;
  --r-sm:8px; --r-md:12px; --r-lg:18px;
  --ease:cubic-bezier(.4,0,.2,1);
  --shell:1160px;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:86px; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--paper); color:var(--tx);
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
h1,h2,h3,h4{ margin:0; line-height:1.14; letter-spacing:-0.021em; font-weight:700; }
p{ margin:0; }
ul,ol,dl,dd{ margin:0; padding:0; }
li{ list-style:none; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
img,svg{ max-width:100%; display:block; }
:focus-visible{ outline:3px solid var(--brand-tx); outline-offset:2px; border-radius:4px; }
section:focus,div:focus{ outline:none; }
.skip{ position:absolute; left:-9999px; top:0; z-index:999; background:var(--ink); color:#fff; padding:12px 18px; border-radius:0 0 var(--r-sm) 0; }
.skip:focus{ left:0; }
.shell{ width:100%; max-width:var(--shell); margin-inline:auto; padding-inline:20px; }
.shell--narrow{ max-width:800px; }
@media (min-width:768px){ .shell{ padding-inline:32px; } }
.eyebrow{ font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--brand-tx); margin-bottom:12px; }
.muted{ color:var(--tx-3); font-size:12.5px; }

.glow{
  position:fixed; inset:-25vh -20vw; z-index:0; pointer-events:none;
  background:
    radial-gradient(46vw 40vw at 18% 20%, rgba(255,0,0,.16), transparent 62%),
    radial-gradient(40vw 36vw at 84% 32%, rgba(255,0,0,.135), transparent 64%),
    radial-gradient(50vw 42vw at 60% 86%, rgba(255,0,0,.10), transparent 66%);
  filter:blur(24px); animation:drift 34s ease-in-out infinite alternate; will-change:transform;
}
.glow::after{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(30vw 28vw at 72% 12%, rgba(255,0,0,.10), transparent 60%),
    radial-gradient(36vw 32vw at 26% 72%, rgba(255,0,0,.115), transparent 64%);
  animation:drift2 46s ease-in-out infinite alternate; will-change:transform;
}
@keyframes drift{ from{ transform:translate3d(-2.5%,-1.5%,0) scale(1); } to{ transform:translate3d(3%,2.5%,0) scale(1.12); } }
@keyframes drift2{ from{ transform:translate3d(2%,1.5%,0) scale(1.06); } to{ transform:translate3d(-3%,-2%,0) scale(1); } }
.nav,main,.final,.foot,.sticky{ position:relative; z-index:1; }
@media (prefers-reduced-motion:reduce){ .glow,.glow::after{ animation:none; } }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:48px; padding:13px 22px; border-radius:var(--r-sm);
  font-size:15px; font-weight:600; letter-spacing:-0.005em;
  transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);
  cursor:pointer; text-align:center;
}
.btn--lg{ min-height:54px; padding:16px 26px; font-size:16px; }
.btn--sm{ min-height:40px; padding:9px 16px; font-size:14px; }
.btn--block{ width:100%; }
.btn--wa{ background:var(--wa); color:#04321B; }
.btn--wa:hover{ background:var(--wa-dk); color:#fff; }
.btn--wa:active{ transform:translateY(1px); }
.wa-glyph{ width:18px; height:18px; fill:currentColor; flex:0 0 auto; }
.btn--brand{ background:var(--brand); color:#fff; }
.btn--brand:hover{ background:var(--brand-dk); }
.btn--ghost{ border:1.5px solid var(--line); color:var(--tx); background:transparent; }
.btn--ghost:hover{ border-color:var(--ink); }
.sec--dark .btn--ghost{ border-color:var(--line-dk); color:var(--tx-inv); background:transparent; }
.sec--dark .btn--ghost:hover{ border-color:var(--tx-inv); }

.nav{
  position:sticky; top:0; z-index:60;
  background:rgba(15,17,18,.92); backdrop-filter:saturate(1.6) blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.admin-bar .nav{ top:var(--wp-admin--admin-bar--height,0px); }
.nav.is-stuck{ border-bottom-color:var(--line); }
.nav__in{ display:flex; align-items:center; gap:24px; height:68px; }

.logo{ display:inline-flex; align-items:center; margin-right:auto; }
.logo__img{ width:44px; height:44px; border-radius:8px; flex:0 0 auto; }

.nav__links{ display:none; gap:2px; }
.nav__links a{ font-size:14.5px; font-weight:500; color:var(--tx-2); padding:8px 12px; border-radius:6px; }
.nav__links a:hover{ color:var(--tx); background:var(--card); }
.nav__act{ display:flex; align-items:center; gap:10px; }
.burger{ width:44px; height:44px; display:grid; place-content:center; gap:5px; }
.burger span{ display:block; width:20px; height:2px; background:var(--tx); border-radius:2px; transition:.2s var(--ease); }
.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
@media (max-width:899px){
  .nav__links{ position:fixed; inset:68px 0 auto 0; background:var(--sand); border-bottom:1px solid var(--line); flex-direction:column; gap:0; padding:6px 20px 16px; display:none; }
  .admin-bar .nav__links{ top:calc(68px + var(--wp-admin--admin-bar--height,0px)); }
  .nav__links.is-open{ display:flex; }
  .nav__links a{ padding:14px 4px; border-bottom:1px solid var(--line); border-radius:0; font-size:16px; }
  .nav__act .btn--wa{ display:none; }
}
@media (min-width:900px){ .nav__links{ display:flex; } .burger{ display:none; } }

.hero{ padding:40px 0 48px; background:linear-gradient(180deg,rgba(25,29,31,.72),rgba(15,17,18,0) 78%); }
.hero__grid{ display:grid; gap:36px; }
.hero h1{ font-size:clamp(31px,7.2vw,50px); font-weight:800; letter-spacing:-0.035em; max-width:15ch; }
.hero__lede{ margin-top:16px; font-size:17px; color:var(--tx-2); max-width:48ch; }
.hero__cta{ margin-top:26px; display:flex; flex-direction:column; gap:10px; }
.hero__facts{ margin-top:22px; display:flex; flex-wrap:wrap; gap:8px 18px; }
.hero__facts li{ position:relative; padding-left:19px; font-size:13.5px; color:var(--tx-2); font-weight:500; }
.hero__facts li::before{ content:""; position:absolute; left:0; top:8px; width:9px; height:5px; border-left:2px solid var(--ok); border-bottom:2px solid var(--ok); transform:rotate(-45deg); }
@media (min-width:600px){ .hero__cta{ flex-direction:row; } }
@media (min-width:980px){
  .hero{ padding:64px 0 76px; }
  .hero__grid{ grid-template-columns:1.02fr .98fr; gap:56px; align-items:center; }
}

.phone{ background:#0B141A; border:1px solid #223038; border-radius:var(--r-lg); overflow:hidden; box-shadow:0 30px 60px -32px rgba(16,19,20,.5); max-width:400px; margin-inline:auto; width:100%; }
.phone__bar{ display:flex; align-items:center; gap:10px; padding:12px 14px; background:#1F2C33; border-bottom:1px solid #2A3942; }
.phone__avatar{ width:32px; height:32px; border-radius:50%; overflow:hidden; flex:0 0 auto; background:var(--brand); }
.phone__avatar img{ width:100%; height:100%; object-fit:cover; }
.phone__who{ display:flex; flex-direction:column; line-height:1.25; }
.phone__who b{ color:#E9EDEF; font-size:14px; font-weight:600; }
.phone__who i{ color:#8696A0; font-size:11.5px; font-style:normal; }
.phone__badge{ margin-left:auto; font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#8696A0; border:1px solid #2A3942; padding:3px 8px; border-radius:20px; }
.phone__reset{ margin-left:auto; font-size:12px; font-weight:600; color:#8696A0; border:1px solid #2A3942; padding:5px 11px; border-radius:20px; min-height:32px; }
.phone__reset:hover{ color:#E9EDEF; border-color:#3B4A52; }
.phone__thread{
  padding:16px 12px; min-height:300px; display:flex; flex-direction:column; gap:8px;
  background:#0B141A; background-image:radial-gradient(rgba(255,255,255,.028) 1px, transparent 1px); background-size:16px 16px;
  max-height:clamp(320px,52vh,440px); overflow-y:auto; scrollbar-width:thin;
}
.phone--live .phone__thread{ min-height:330px; }
.bubble{ max-width:82%; padding:8px 11px 6px; border-radius:9px; font-size:14.2px; line-height:1.45; position:relative; animation:pop .22s var(--ease) both; }
@keyframes pop{ from{ opacity:0; transform:translateY(5px);} to{ opacity:1; transform:none;} }
.bubble--in{ align-self:flex-start; background:#1F2C33; color:#E9EDEF; border-top-left-radius:2px; }
.bubble--out{ align-self:flex-end; background:#005C4B; color:#E9EDEF; border-top-right-radius:2px; }
.bubble time{ display:block; text-align:right; font-size:10.5px; color:#8696A0; margin-top:2px; }
.bubble--out time{ color:#9AD6BF; }
.bubble b{ font-weight:600; }
.thread-qr{ align-self:flex-start; width:82%; max-width:280px; display:flex; flex-direction:column; gap:4px; margin-top:-3px; animation:pop .22s var(--ease) both; }
.thread-qr span{ display:block; text-align:center; background:#1F2C33; border:1px solid #2A3942; border-radius:8px; padding:9px 12px; font-size:13.5px; font-weight:500; color:#53BDEB; }
.typing{ align-self:flex-start; display:inline-flex; gap:3px; padding:11px 13px; background:#1F2C33; border-radius:9px; border-top-left-radius:2px; }
.typing i{ width:6px; height:6px; border-radius:50%; background:#8696A0; animation:blink 1s infinite; }
.typing i:nth-child(2){ animation-delay:.14s; }
.typing i:nth-child(3){ animation-delay:.28s; }
@keyframes blink{ 0%,70%,100%{ opacity:.3; transform:translateY(0);} 35%{ opacity:1; transform:translateY(-2px);} }
.phone__composer{ display:flex; align-items:center; gap:10px; padding:10px 12px; background:#1F2C33; border-top:1px solid #2A3942; }
.phone__composer span:first-child{ flex:1; background:#2A3942; color:#8696A0; font-size:13px; padding:9px 14px; border-radius:20px; }
.phone__send{ width:34px; height:34px; border-radius:50%; background:var(--wa); color:#04321B; display:grid; place-items:center; }
.phone__send svg{ width:16px; height:16px; }
.phone__replies{ display:flex; flex-direction:column; gap:6px; padding:10px 12px 12px; background:#0B141A; border-top:1px solid #1B262C; min-height:60px; }
.qreply{ width:100%; min-height:44px; padding:11px 14px; background:#1F2C33; color:#53BDEB; border:1px solid #2A3942; border-radius:8px; font-size:14.5px; font-weight:500; transition:.14s var(--ease); }
.qreply:hover{ background:#2A3942; }
.qreply:active{ transform:translateY(1px); }
.qreply--primary{ background:var(--wa); color:#04321B; border-color:var(--wa); font-weight:600; }
.qreply--primary:hover{ background:var(--wa-dk); color:#fff; }
.chatform{ display:flex; flex-direction:column; gap:7px; width:100%; }
.chatform label{ font-size:12px; color:#8696A0; font-weight:600; }
.chatform input{ width:100%; min-height:46px; padding:11px 13px; background:#1F2C33; border:1px solid #2A3942; border-radius:8px; color:#E9EDEF; font-size:16px; }
.chatform input:focus{ outline:none; border-color:var(--wa); box-shadow:0 0 0 3px rgba(37,211,102,.18); }
.chatform .err{ color:#FF0000; font-size:12px; min-height:0; }
.demo__progress{ height:3px; background:#1B262C; }
.demo__progress i{ display:block; height:100%; width:0; background:var(--wa); transition:width .35s var(--ease); }
.result{ align-self:flex-start; max-width:88%; background:#1F2C33; border:1px solid #2A3942; border-left:3px solid var(--wa); border-radius:9px; padding:13px 15px; animation:pop .25s var(--ease) both; }
.result span.k{ display:block; font-size:11.5px; color:#8696A0; }
.result b.v{ display:block; font-size:26px; font-weight:700; color:#E9EDEF; letter-spacing:-0.02em; margin:3px 0 8px; }
.result .rows{ border-top:1px solid #2A3942; padding-top:8px; margin-top:4px; }
.result .rows div{ display:flex; justify-content:space-between; gap:12px; font-size:12.5px; color:#A7B3B9; padding:2px 0; }
.result .disc{ display:block; margin-top:9px; font-size:11px; color:#8696A0; line-height:1.45; }
.result--mini{ background:var(--card); border:1px solid var(--line); border-left:3px solid var(--ok); border-radius:var(--r-sm); padding:12px 14px; }
.result--mini b{ display:block; font-size:24px; font-weight:700; margin:2px 0 4px; }
.done{ align-self:flex-start; max-width:88%; background:#0E2A1E; border:1px solid #1C4632; border-radius:9px; padding:13px 15px; animation:pop .25s var(--ease) both; }
.done .tick{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--wa); color:#04321B; font-size:12px; font-weight:800; }
.done h4{ display:inline; color:#E9EDEF; font-size:14.5px; margin-left:7px; }
.done .ref{ display:block; margin:9px 0 4px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:15px; color:#9AD6BF; letter-spacing:.04em; }
.done p{ font-size:12.5px; color:#A7B3B9; line-height:1.5; }

.strip{ border-block:1px solid var(--line); background:transparent; }
.strip__grid{ display:grid; gap:0; }
.strip__item{ padding:26px 0; border-bottom:1px solid var(--line); }
.strip__item:last-child{ border-bottom:0; }
.strip__item h2{ font-size:16.5px; margin-bottom:5px; }
.strip__item p{ font-size:14.5px; color:var(--tx-2); max-width:44ch; }
@media (min-width:860px){ .strip__grid{ grid-template-columns:repeat(3,1fr); gap:40px; } .strip__item{ padding:34px 0; border-bottom:0; } }

.sec{ padding:60px 0; }
@media (min-width:768px){ .sec{ padding:88px 0; } }
.sec--tint{ background:rgba(22,25,27,.72); }
.sec--dark{ background:var(--ink); color:var(--tx-inv); border-block:1px solid var(--line); }
.sec--dark h2,.sec--dark h3{ color:#fff; }
.sec--dark .sec__sub{ color:var(--tx-inv-2); }
.sec__head{ max-width:660px; margin-bottom:40px; }
.sec__head--center{ margin-inline:auto; text-align:center; }
.sec__head h2{ font-size:clamp(25px,3.6vw,36px); font-weight:800; letter-spacing:-0.03em; }
.sec__sub{ margin-top:13px; font-size:16.5px; color:var(--tx-2); }

.steps{ display:grid; gap:14px; }
.step{ display:grid; grid-template-columns:auto 1fr; gap:6px 16px; padding:22px; background:var(--card); border:1px solid var(--line); border-radius:var(--r-md); }
.step__n{ font-size:13px; font-weight:700; color:var(--brand-tx); letter-spacing:.04em; }
.step h3{ font-size:17.5px; margin-bottom:5px; }
.step p{ font-size:14.5px; color:var(--tx-2); }
.step__vis{ grid-column:1/-1; margin-top:14px; padding:14px; background:#0B141A; border:1px solid #1D272C; border-radius:var(--r-sm); display:flex; flex-direction:column; gap:7px; align-items:flex-start; }
.step__vis .bubble{ font-size:13.5px; max-width:100%; animation:none; }
.step__vis .muted{ color:#8696A0; }
.step__vis .result--mini{ width:100%; background:#1F2C33; border-color:#2A3942; color:#E9EDEF; }
.step__vis .result--mini .muted{ color:#8696A0; }
.miniform{ width:100%; display:grid; gap:4px; }
.miniform span{ display:flex; justify-content:space-between; gap:12px; align-items:center; background:#1F2C33; border:1px solid #2A3942; border-radius:6px; padding:8px 11px; font-size:12px; color:#8696A0; }
.miniform b{ color:#E9EDEF; font-weight:600; font-size:12.5px; }
.qr{ display:flex; flex-wrap:wrap; gap:5px; }
.qr span{ font-size:12.5px; color:#53BDEB; background:#1F2C33; border:1px solid #2A3942; padding:6px 12px; border-radius:7px; }
.progress{ width:100%; height:3px; background:#1F2C33; border-radius:2px; overflow:hidden; }
.progress i{ display:block; height:100%; background:var(--wa); }
@media (min-width:860px){ .steps{ grid-template-columns:repeat(2,1fr); gap:18px; } .step{ padding:26px; align-content:start; } }

.demo{ display:grid; gap:28px; }
.demo__aside h3{ font-size:18px; margin-bottom:14px; color:#fff; }
.ticks{ display:grid; gap:11px; margin-bottom:18px; }
.ticks li{ position:relative; padding-left:26px; font-size:14.5px; color:var(--tx-inv-2); line-height:1.55; }
.ticks li::before{ content:""; position:absolute; left:2px; top:8px; width:10px; height:6px; border-left:2px solid var(--wa); border-bottom:2px solid var(--wa); transform:rotate(-45deg); }
.note{ font-size:13px; color:var(--tx-3); border-left:2px solid var(--line-dk); padding-left:13px; margin-bottom:20px; }
@media (min-width:960px){ .demo{ grid-template-columns:minmax(0,420px) 1fr; gap:56px; align-items:start; } }

.svc{ border-top:1px solid var(--line); }
.svc__row{ display:grid; gap:8px; padding:24px 0; border-bottom:1px solid var(--line); }
.svc__meta{ display:flex; align-items:baseline; gap:12px; }
.svc__ix{ font-size:12.5px; font-weight:700; color:var(--tx-3); }
.svc__row h3{ font-size:19px; }
.svc__row p{ font-size:15px; color:var(--tx-2); max-width:62ch; }
.svc__cta{ justify-self:start; font-size:14.5px; font-weight:600; color:var(--brand-tx); min-height:44px; display:inline-flex; align-items:center; cursor:pointer; }
.svc__cta::after{ content:" \2192"; white-space:pre; }
.svc__cta:hover{ text-decoration:underline; }
@media (min-width:860px){ .svc__row{ grid-template-columns:230px 1fr auto; align-items:center; gap:32px; padding:26px 0; } .svc__cta{ justify-self:end; } }

.why{ display:grid; gap:2px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; }
.why__item{ background:var(--card); padding:24px; }
.why__item h3{ font-size:16.5px; margin-bottom:6px; }
.why__item p{ font-size:14.5px; color:var(--tx-2); }
@media (min-width:760px){ .why{ grid-template-columns:repeat(2,1fr); } }

.hero__alt{ margin-top:16px; font-size:13.5px; color:var(--tx-3); }
.hero__alt a{ color:var(--brand-tx); font-weight:600; }
.hero__alt a:hover{ text-decoration:underline; }

.roadmap{ margin-top:40px; padding-top:30px; border-top:1px solid var(--line); }
.roadmap__lead{ font-size:16.5px; margin-bottom:20px; }
.roadmap__lead b{ color:var(--tx); }
.roadmap__grid{ display:grid; gap:2px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; }
.roadmap__grid > div{ background:var(--card); padding:16px 18px; }
.roadmap__grid h4{ font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--brand-tx); margin-bottom:5px; }
.roadmap__grid p{ font-size:13.5px; color:var(--tx-2); }
.roadmap__note{ margin-top:16px; font-size:13px; color:var(--tx-3); }
@media (min-width:640px){ .roadmap__grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){ .roadmap__grid{ grid-template-columns:repeat(3,1fr); } }

.lead{ display:grid; gap:28px; margin-top:38px; }
.lead__rec{ background:var(--card); border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; align-self:start; }
.lead__hd{ display:flex; align-items:center; gap:10px; padding:12px 16px; background:rgba(255,255,255,.03); border-bottom:1px solid var(--line); }
.lead__hd b{ font-size:14px; }
.lead__hd span{ margin-left:auto; font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--tx-3); }
.lead__row{ display:flex; justify-content:space-between; gap:16px; padding:9px 16px; font-size:13.5px; border-bottom:1px solid rgba(255,255,255,.05); }
.lead__row i{ font-style:normal; color:var(--tx-2); }
.lead__row b{ font-weight:600; text-align:right; }
.lead__row--ok b{ color:var(--wa); }
.lead__note{ padding:11px 16px; font-size:11.5px; color:var(--tx-3); line-height:1.5; }
.lead__say h3{ font-size:19px; margin-bottom:10px; }
.lead__say p{ font-size:15px; color:var(--tx-inv-2); margin-bottom:11px; max-width:52ch; }
.lead__gains{ display:grid; gap:2px; margin-top:20px; background:var(--line-dk); border:1px solid var(--line-dk); border-radius:var(--r-md); overflow:hidden; }
.lead__gains > div{ background:var(--ink-2); padding:15px 17px; }
.lead__gains h4{ font-size:14.5px; margin-bottom:3px; }
.lead__gains p{ font-size:13.5px; color:var(--tx-inv-2); margin:0; }
@media (min-width:620px){ .lead__gains{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){ .lead{ grid-template-columns:minmax(0,360px) 1fr; gap:48px; } }

.markets{ display:grid; gap:32px; }
.markets__live{ border-top:1px solid var(--line); margin-bottom:22px; }
.markets__live li{ display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }
.markets__live .dot{ width:7px; height:7px; border-radius:50%; background:var(--wa); flex:0 0 auto; }
.markets__live b{ font-size:15.5px; }
.markets__live i{ margin-left:auto; font-style:normal; font-size:12.5px; color:var(--tx-3); }
.markets__next{ font-size:14px; color:var(--tx-2); margin-bottom:13px; }
.markets__tags{ display:flex; flex-wrap:wrap; gap:7px; }
.markets__tags span{ font-size:13px; color:var(--tx-3); border:1px dashed var(--line-dk); padding:6px 12px; border-radius:6px; }
@media (min-width:900px){ .markets{ grid-template-columns:1fr 1fr; gap:56px; align-items:start; } }

.trust{ display:grid; gap:34px; }
.trust__list{ display:grid; gap:0; border-top:1px solid var(--line); }
.trust__list > div{ padding:18px 0; border-bottom:1px solid var(--line); }
.trust__list dt{ font-size:14.5px; font-weight:700; margin-bottom:5px; }
.trust__list dd{ font-size:14.5px; color:var(--tx-2); max-width:60ch; }
@media (min-width:900px){ .trust{ grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start; } }

.chain{ display:grid; gap:2px; background:var(--line-dk); border:1px solid var(--line-dk); border-radius:var(--r-md); overflow:hidden; }
.chain__node{ background:var(--ink-2); padding:20px; }
.chain__node span{ font-size:11.5px; font-weight:700; letter-spacing:.05em; color:var(--tx-3); text-transform:uppercase; }
.chain__node h3{ font-size:16.5px; margin:7px 0 5px; }
.chain__node p{ font-size:14px; color:var(--tx-inv-2); }
.chain__node--own{ background:#291314; }
.chain__node--own span{ color:var(--brand-tx); }
@media (min-width:860px){ .chain{ grid-template-columns:repeat(4,1fr); } }
.partner-cta{ margin-top:34px; padding:26px; border:1px solid var(--line-dk); border-radius:var(--r-md); display:grid; gap:16px; background:var(--ink-2); }
.partner-cta h3{ font-size:18px; margin-bottom:4px; }
.partner-cta p{ font-size:14.5px; color:var(--tx-inv-2); }
@media (min-width:760px){ .partner-cta{ grid-template-columns:1fr auto; align-items:center; gap:28px; } }
.legalnote{ margin-top:22px; font-size:12.5px; color:var(--tx-3); max-width:82ch; line-height:1.6; }

.faq{ border-top:1px solid var(--line); }
.qa{ border-bottom:1px solid var(--line); }
.qa__q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 2px; text-align:left; font-size:16px; font-weight:600; min-height:56px; }
.qa__q .sign{ flex:0 0 auto; width:18px; height:18px; position:relative; }
.qa__q .sign::before,.qa__q .sign::after{ content:""; position:absolute; background:var(--tx-2); border-radius:2px; transition:transform .2s var(--ease); }
.qa__q .sign::before{ inset:8px 0 auto 0; height:2px; }
.qa__q .sign::after{ inset:0 8px 0 auto; width:2px; }
.qa.is-open .qa__q .sign::after{ transform:scaleY(0); }
.qa.is-open .qa__q .sign::before{ background:var(--brand-tx); }
.qa__a{ display:none; padding:0 2px 20px; font-size:15px; color:var(--tx-2); max-width:66ch; }
.qa.is-open .qa__a{ display:block; }

.final{ background:var(--ink); color:var(--tx-inv); padding:56px 0; border-top:1px solid var(--line); }
.final__in{ display:grid; gap:24px; }
.final h2{ font-size:clamp(23px,3.4vw,33px); font-weight:800; letter-spacing:-0.03em; color:#fff; max-width:20ch; }
.final p{ margin-top:11px; font-size:16px; color:var(--tx-inv-2); max-width:50ch; }
.final__act{ display:flex; flex-direction:column; gap:12px; align-items:flex-start; }
.final__fine{ font-size:13px; color:var(--tx-3); }
@media (min-width:860px){ .final{ padding:72px 0; } .final__in{ grid-template-columns:1fr auto; align-items:center; gap:48px; } .final__act{ align-items:flex-end; } }

.foot{ background:var(--ink); color:var(--tx-inv-2); padding:48px 0 32px; border-top:1px solid var(--line-dk); }
.foot__grid{ display:grid; gap:30px; }
.foot__brand .logo__img{ width:64px; height:64px; border-radius:10px; }
.foot__brand p{ margin-top:12px; font-size:14px; max-width:34ch; }
.foot__col h3{ font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--tx-3); margin-bottom:12px; }
.foot__col li{ margin-bottom:9px; }
.foot__col a{ font-size:14.5px; }
.foot__col a:hover{ color:#fff; }
.foot__legal{ margin-top:36px; padding-top:22px; border-top:1px solid var(--line-dk); }
.foot__legal p{ font-size:12.5px; color:var(--tx-3); line-height:1.65; max-width:92ch; }
.foot__cr{ margin-top:14px; }
@media (min-width:760px){ .foot__grid{ grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px; } }

.sticky{ position:fixed; inset:auto 0 0 0; z-index:55; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); background:rgba(15,17,18,.96); backdrop-filter:blur(10px); border-top:1px solid var(--line); display:block; }
@media (min-width:900px){ .sticky{ display:none; } }
@media (max-width:899px){ body{ padding-bottom:78px; } }

.inline-link{ color:var(--brand-tx); text-decoration:underline; text-underline-offset:3px; }

/* WhatsApp country chooser */
.wa-pick{ position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; }
.wa-pick[hidden]{ display:none; }
.wa-pick__scrim{ position:absolute; inset:0; background:rgba(4,5,6,.74); backdrop-filter:blur(4px); }
.wa-pick__box{ position:relative; width:100%; max-width:400px; background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); padding:26px 22px 22px; box-shadow:0 30px 70px -30px rgba(0,0,0,.8); animation:pop .2s var(--ease) both; }
.wa-pick__box h2{ font-size:21px; font-weight:800; letter-spacing:-0.025em; padding-right:34px; }
.wa-pick__sub{ margin-top:8px; font-size:14.5px; color:var(--tx-2); }
.wa-pick__opts{ margin-top:20px; display:grid; gap:10px; }
.wa-pick__opt{ display:flex; align-items:center; gap:10px; min-height:56px; padding:14px 16px; border-radius:var(--r-sm); background:var(--wa); color:#04321B; font-weight:600; transition:background .16s var(--ease), color .16s var(--ease); }
.wa-pick__opt:hover{ background:var(--wa-dk); color:#fff; }
.wa-pick__opt b{ font-size:16px; font-weight:700; }
.wa-pick__opt span{ margin-left:auto; font-size:13px; font-weight:500; opacity:.85; }
.wa-pick__x{ position:absolute; top:10px; right:10px; width:44px; height:44px; border-radius:50%; font-size:26px; line-height:1; color:var(--tx-2); }
.wa-pick__x:hover{ color:var(--tx); background:var(--line); }
body.wa-pick-open{ overflow:hidden; }

/* legal pages */
.legal-hero{ padding:48px 0 4px; background:linear-gradient(180deg,rgba(25,29,31,.72),rgba(15,17,18,0) 78%); }
.legal-hero h1{ font-size:clamp(30px,5.6vw,46px); font-weight:800; letter-spacing:-0.035em; }
.legal-meta{ margin-top:12px; font-size:14px; color:var(--tx-3); }
.sec.legal-sec{ padding-top:32px; }
.legal{ color:var(--tx-2); font-size:16px; line-height:1.72; overflow-wrap:anywhere; }
.legal > * + *{ margin-top:14px; }
.legal h2{ margin-top:44px; padding-top:28px; border-top:1px solid var(--line); font-size:21px; font-weight:700; color:var(--tx); letter-spacing:-0.02em; }
.legal h3{ margin-top:26px; font-size:16.5px; color:var(--tx); }
.legal strong,.legal b{ color:var(--tx); font-weight:600; }
.legal a{ color:var(--brand-tx); text-decoration:underline; text-underline-offset:3px; }
.legal ul,.legal ol{ padding-left:22px; }
.legal li{ list-style:disc; margin-top:7px; }
.legal ol > li{ list-style:decimal; }
.legal .legal-summary{ background:var(--card); border:1px solid var(--line); border-left:3px solid var(--brand); border-radius:var(--r-md); padding:18px 20px; color:var(--tx); }
.legal .legal-summary > * + *{ margin-top:10px; }
.legal .legal-summary p{ margin:0; }
@media (min-width:768px){ .legal-hero{ padding:72px 0 4px; } }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}

/* apply online */
.apply{ scroll-margin-top:80px; }
.apply__grid{ display:grid; gap:32px; }
.apply__steps{ counter-reset:step; display:grid; gap:16px; margin-top:26px; }
.apply__steps li{ counter-increment:step; position:relative; padding-left:46px; min-height:32px; }
.apply__steps li::before{ content:counter(step); position:absolute; left:0; top:0; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--card); border:1px solid var(--line); color:var(--brand-tx); font-size:13px; font-weight:700; }
.apply__steps b{ display:block; font-size:15.5px; }
.apply__steps span{ display:block; margin-top:2px; font-size:14px; color:var(--tx-2); }
.apply__alt{ margin-top:24px; font-size:14.5px; color:var(--tx-2); }
.apply__alt a{ color:var(--brand-tx); font-weight:600; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
@media (min-width:980px){ .apply__grid{ grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start; } .apply__copy{ position:sticky; top:100px; } }

/* grid children must be allowed to shrink, or wide tables push the page sideways */
.apply__grid > *{ min-width:0; }
.apply__tool{ max-width:100%; }
