/* =====================================================================
   TrueCostProp v3 (2026-10-09): global header with language picker,
   rebuilt home page, one clear CTA per page. Layered on top of v2.
   ===================================================================== */
:root{--hdr:68px}
.langbar{display:none!important}
/* ---- Header ---- */
.top.v3{border-bottom:1px solid var(--bd)}
.nav3{display:flex;align-items:center;gap:18px;min-height:var(--hdr);padding:8px 20px}
.nav3 .logo{margin-right:6px}
.pnav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.pnav>a,.dd>summary{color:var(--tx2);text-decoration:none;font-size:.93rem;font-weight:500;padding:9px 12px;border-radius:10px;min-height:42px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s,background .2s;white-space:nowrap}
.pnav>a:hover,.dd>summary:hover{color:var(--tx);background:rgba(255,255,255,.05)}
.pnav>a[aria-current="page"]{color:var(--tx);background:rgba(255,255,255,.07)}
.nbadge{font-size:.7rem;font-weight:700;line-height:1;padding:3px 6px;border-radius:99px;background:rgba(231,194,125,.16);color:var(--am)}
details[data-pop]{position:relative}
details[data-pop]>summary{list-style:none}
details[data-pop]>summary::-webkit-details-marker{display:none}
.caret{width:10px;height:10px;opacity:.7;transition:transform .2s}
details[open]>summary .caret{transform:rotate(180deg)}
.dd-panel,.lang-panel,.mnav-panel{position:absolute;top:calc(100% + 8px);z-index:40;background:#0d1117;border:1px solid var(--bd2);border-radius:14px;box-shadow:0 24px 60px -20px rgba(0,0,0,.75);padding:8px}
.dd-panel{left:0;min-width:250px;display:grid}
.dd-panel a{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;color:var(--tx);text-decoration:none;font-size:.93rem;font-weight:500}
.dd-panel a small{color:var(--mu);font-weight:400;font-size:.8rem}
.dd-panel a:hover,.lang-panel a:hover,.mnav-panel a:hover{background:rgba(255,255,255,.05)}
.nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang>summary{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--bd2);border-radius:10px;color:var(--tx);font-size:.86rem;font-weight:600;letter-spacing:.02em;cursor:pointer;background:rgba(255,255,255,.02)}
.lang>summary:hover{border-color:rgba(94,234,212,.45)}
.lang>summary svg.globe{width:17px;height:17px;color:var(--ac)}
.lang-panel{right:0;width:min(440px,calc(100vw - 24px));padding:14px}
.lang-h{margin:2px 6px 4px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:600}
.lang-note{margin:0 6px 10px;font-size:.8rem;color:var(--mu);line-height:1.45}
.lang-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.lang-panel a{display:flex;flex-direction:column;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--tx);border:1px solid transparent}
.lang-panel a .ln{font-weight:600;font-size:.95rem}
.lang-panel a .le{font-size:.76rem;color:var(--mu)}
.lang-panel a[aria-current="true"]{border-color:rgba(94,234,212,.4);background:rgba(94,234,212,.07)}
.lang-panel a[aria-current="true"] .ln::after{content:" ✓";color:var(--ac)}
.nav-cta3.btn{min-height:42px;padding:9px 16px;font-size:.9rem;white-space:nowrap}
.mnav{display:none}
.mnav>summary{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--bd2);border-radius:10px;color:var(--tx);cursor:pointer}
.mnav>summary svg{width:20px;height:20px}
.mnav-panel{right:0;width:min(320px,calc(100vw - 24px));display:grid;gap:2px}
.mnav-panel a{padding:12px 14px;border-radius:10px;color:var(--tx);text-decoration:none;font-weight:500}
.mnav-panel .btn{margin-top:6px;justify-content:center;color:#1a1306}
.mnav-panel hr{margin:6px 0;border-top:1px solid var(--bd)}
@media(max-width:1040px){.pnav{display:none}.mnav{display:block}}
.cta-s{display:none}
@media(max-width:560px){.cta-l{display:none}.cta-s{display:inline}.nav-cta3.btn{padding:8px 12px;font-size:.84rem;min-height:40px}.nav3{gap:8px;padding:8px 12px}.nav-r{gap:6px}.lang>summary{padding:8px 9px;gap:5px}.lang>summary .caret{display:none}.nav3 .logo{font-size:1rem}}
@media(max-width:350px){.nav-cta3{display:none!important}}
/* suggestion bar */
.lang-suggest{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;padding:10px 16px;background:linear-gradient(90deg,rgba(94,234,212,.12),rgba(231,194,125,.10));border-bottom:1px solid var(--bd2);font-size:.92rem}
.lang-suggest p{margin:0;color:var(--tx)}
.lang-suggest .btn{min-height:36px;padding:6px 14px;font-size:.88rem}
.lang-suggest .ls-no{background:none;border:0;color:var(--tx2);text-decoration:underline;cursor:pointer;font:inherit;min-height:36px}
/* footer language row */
.foot-lang{margin:28px 0 10px;padding-top:18px;border-top:1px solid var(--bd)}
.foot-lang h2{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin:0 0 8px}
.foot-lang ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.foot-lang a{color:var(--tx2);text-decoration:none;font-size:.9rem}
.foot-lang a[aria-current="true"]{color:var(--ac)}
/* ---- Next-step band (the page's one CTA) ---- */
.next-step{margin:56px 0 24px;padding:28px;border-radius:var(--r2);border:1px solid rgba(231,194,125,.35);background:radial-gradient(600px 220px at 100% 0,rgba(231,194,125,.10),transparent 70%),var(--card);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.next-step h2{margin:0 0 6px;font-size:clamp(1.25rem,2.4vw,1.6rem)}
.next-step p{margin:0;color:var(--tx2)}
.next-step .fine{margin-top:8px;font-size:.84rem;color:var(--mu)}
@media(max-width:720px){.next-step{grid-template-columns:1fr;padding:22px}}

/* ================= Home v3 ================= */
.h3ro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:center;padding:56px 0 30px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ac);margin:0 0 14px;padding:6px 12px;border:1px solid rgba(94,234,212,.25);border-radius:99px;background:rgba(94,234,212,.05)}
.dot-live{width:8px;height:8px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 4px rgba(94,234,212,.18)}
.h3ro h1{font-size:clamp(2.2rem,5.2vw,3.6rem);margin:0 0 16px}
.h3ro .lead{margin-bottom:24px}
.h3ro .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.textlink{font-weight:600;text-decoration:none}
.h3ro .fine{margin:14px 0 0;color:var(--mu);font-size:.88rem}
.trustrow{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.86rem;color:var(--tx2)}
.trustrow li::before{content:"✓";color:var(--ac);margin-right:7px;font-weight:700}
.board{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--bd2);border-radius:var(--r2);padding:22px;box-shadow:0 30px 80px -40px rgba(0,0,0,.8)}
.board-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.board-h h2{margin:0;font-size:1.05rem}
.board-h span{font-size:.76rem;color:var(--mu)}
.board ol{list-style:none;margin:0;padding:0;counter-reset:b}
.board li{display:grid;grid-template-columns:22px 28px 1fr auto;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--bd);counter-increment:b}
.board li::before{content:counter(b);font-family:var(--mono);font-size:.8rem;color:var(--mu)}
.board li img{width:26px;height:26px;border-radius:7px;background:#fff;object-fit:contain;padding:2px}
.board .bn{font-weight:600;font-size:.95rem;color:var(--tx);text-decoration:none}
.board .bn small{display:block;font-weight:400;color:var(--mu);font-size:.76rem}
.board .bv{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--tx)}
.board .bv small{display:block;text-align:right;font-weight:400;color:var(--mu);font-size:.72rem;font-family:var(--font)}
.board .pt{font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--am);border:1px solid rgba(231,194,125,.4);border-radius:6px;padding:1px 5px;margin-left:6px;vertical-align:2px}
.board-f{margin:12px 0 0;font-size:.8rem;color:var(--mu)}
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;margin:18px 0 8px}
.statband div{background:var(--bg2);padding:18px 20px}
.statband b{display:block;font-family:var(--display);font-size:1.7rem;letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.statband span{font-size:.84rem;color:var(--mu)}
.sec3{padding:56px 0 8px}
.sec3-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px}
.sec3-h h2{margin:6px 0 0;font-size:clamp(1.5rem,3vw,2.15rem)}
.sec3-h p{margin:6px 0 0;color:var(--tx2);max-width:64ch}
.kick{font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ac);margin:0}
.chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.chips a{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--bd);border-radius:var(--r);background:var(--card);text-decoration:none;color:var(--tx);height:100%;transition:border-color .2s,transform .2s}
.chips a:hover{border-color:rgba(94,234,212,.45);transform:translateY(-2px)}
.chips .ci{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(94,234,212,.08);color:var(--ac);font-size:1rem}
.chips b{display:block;font-size:.98rem}
.chips span{display:block;font-size:.82rem;color:var(--mu);line-height:1.45;margin-top:2px}
.h2h{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.h2h a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--bd);border-radius:var(--r);background:var(--card);color:var(--tx);text-decoration:none;font-weight:500;font-size:.93rem}
.h2h a:hover{border-color:rgba(94,234,212,.45)}
.h2h .pair{display:flex;flex:none}
.h2h .pair img{width:30px;height:30px;border-radius:50%;background:#fff;object-fit:contain;padding:3px;border:2px solid var(--card)}
.h2h .pair img+img{margin-left:-10px}
.h2h .vs{color:var(--mu);font-size:.8rem;margin:0 2px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}
.steps3>div{padding:22px;border:1px solid var(--bd);border-radius:var(--r);background:var(--card)}
.steps3 .sn{font-family:var(--mono);font-size:.78rem;color:var(--am);letter-spacing:.06em}
.steps3 h3{margin:8px 0 6px}
.steps3 p{margin:0;color:var(--tx2);font-size:.93rem}
.honest{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.honest>div{padding:20px;border-radius:var(--r);border:1px solid var(--bd);background:var(--bg2)}
.honest .hi{color:var(--ac);font-size:1.2rem}
.honest h3{font-size:1rem;margin:8px 0 6px}
.honest p{margin:0;font-size:.88rem;color:var(--tx2)}
.faq3{display:grid;gap:8px;max-width:880px}
.faq3 details{border:1px solid var(--bd);border-radius:var(--r);background:var(--card);padding:0 18px}
.faq3 summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq3 summary::-webkit-details-marker{display:none}
.faq3 summary::after{content:"+";color:var(--ac);font-size:1.3rem;line-height:1}
.faq3 details[open] summary::after{content:"−"}
.faq3 details p{color:var(--tx2);margin:0 0 16px}
.home3 .feat{margin-top:0}
.home3 .sec{padding-top:40px}
.home3 .marquee-wrap{margin:26px 0 0}
@media(max-width:960px){.h3ro{grid-template-columns:1fr;gap:28px;padding:34px 0 16px}.honest{grid-template-columns:1fr 1fr}.statband{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.steps3,.honest{grid-template-columns:1fr}.statband b{font-size:1.35rem}.sec3{padding-top:40px}.lang-panel ul{grid-template-columns:1fr 1fr}}
[dir="rtl"] .lang-panel{right:auto;left:0}
@media(max-width:720px){.lang-panel,.mnav-panel{position:fixed;left:12px;right:12px;top:calc(100% + 6px);width:auto;max-height:calc(100vh - 90px);overflow:auto}}
/* wider, denser comparison table on large screens (all pages) */
@media(min-width:1240px){
  .home3 section[aria-labelledby="compare"]{width:min(1400px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}
}
@media(min-width:721px){
  .firms td[data-l="Payouts"],.firms td[data-l="Drawdown"]{font-size:.8rem;line-height:1.45;color:var(--tx2)}
  .firms td[data-l="Payouts"]{min-width:250px}
  .firms td[data-l="Drawdown"]{min-width:170px}
  .firms tbody th[data-l="Firm"]{min-width:150px}
}
.mnav-panel nav{display:grid;gap:2px}
.mnav-panel nav a{display:flex;align-items:center;justify-content:space-between;min-height:44px}