/* ============================================================
   BRAXTRADE · Estilos de páginas internas
   ============================================================ */

/* ---- tabela comparativa de contas ---- */
.ptable{width:100%; border-collapse:collapse; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden}
.ptable th,.ptable td{padding:16px 20px; text-align:center; border-bottom:1px solid var(--line); font-size:.92rem}
.ptable thead th{background:var(--green-900); color:var(--cream); font-family:var(--f-display); font-weight:700; font-size:1rem}
.ptable thead th.feat-col{background:var(--green-950)}
.ptable thead th small{display:block; font-family:var(--f-mono); font-weight:400; font-size:.72rem; color:var(--gold-400); letter-spacing:.06em; margin-top:3px}
.ptable td:first-child,.ptable th:first-child{text-align:left; font-weight:600; color:var(--t-strong)}
.ptable tbody tr:hover{background:var(--cream)}
.ptable .yes{color:var(--up); font-weight:700}
.ptable .no{color:var(--t-muted)}
.ptable .hl{background:rgba(199,163,107,.07)}

/* ---- FAQ ---- */
.faq{max-width:840px; margin-inline:auto}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%; text-align:left; background:none; border:0; padding:24px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; font-family:var(--f-display); font-weight:700; font-size:1.12rem; color:var(--t-strong)}
.faq-q .ic{flex:0 0 auto; width:28px; height:28px; border-radius:50%; border:1.5px solid var(--gold); display:grid; place-items:center; color:var(--gold-700); transition:transform .35s var(--ease)}
.faq-item.open .faq-q .ic{transform:rotate(45deg); background:var(--gold); color:var(--green-900)}
.faq-a{max-height:0; overflow:hidden; transition:max-height .4s var(--ease); color:var(--t-muted); line-height:1.65}
.faq-a > div{padding:0 0 24px}

/* ---- form ---- */
.form{background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-lg); padding:clamp(26px,4vw,42px); box-shadow:var(--sh-md)}
.field{margin-bottom:20px}
.field label{display:block; font-size:.84rem; font-weight:700; color:var(--t-strong); margin-bottom:8px}
.field input,.field select{width:100%; padding:.85em 1em; border:1px solid var(--line); border-radius:11px; font-family:inherit; font-size:1rem; background:var(--cream); color:var(--t-strong); transition:border-color .2s, box-shadow .2s}
.field input:focus,.field select:focus{outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(199,163,107,.18); background:var(--paper)}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.consent{display:flex; gap:10px; align-items:flex-start; font-size:.84rem; color:var(--t-muted); margin-bottom:22px}
.consent input{margin-top:3px}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}

/* ---- contato cards ---- */
.ccard{display:flex; gap:16px; align-items:flex-start; padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper)}
.ccard .ic{width:46px;height:46px;border-radius:11px;background:linear-gradient(150deg,var(--green-700),var(--green-900));color:var(--gold-400);display:grid;place-items:center;flex:0 0 auto}
.ccard h4{font-family:var(--f-display); font-size:1.05rem; color:var(--t-strong); margin:0 0 4px}
.ccard p{font-size:.9rem; color:var(--t-muted)}

/* ---- leaderboard ---- */
.lboard{background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--sh-md)}
.lboard .row{display:grid; grid-template-columns:64px 1fr 130px 120px; align-items:center; padding:15px 22px; border-bottom:1px solid var(--line); transition:background .2s}
.lboard .row:last-child{border-bottom:0}
.lboard .row:hover{background:var(--cream)}
.lboard .head{background:var(--green-900); color:var(--cream); font-family:var(--f-mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase}
.lboard .head span{color:rgba(237,233,220,.6)}
.lb-rank{font-family:var(--f-display); font-weight:800; font-size:1.3rem; color:var(--t-muted)}
.lb-rank.top{color:var(--gold)}
.lb-trader{display:flex; align-items:center; gap:12px}
.lb-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,var(--green-600),var(--green-900));color:var(--cream);display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:0 0 auto}
.lb-trader b{color:var(--t-strong); font-weight:700; display:block}
.lb-trader span{font-size:.78rem; color:var(--t-muted)}
.lb-roi{font-family:var(--f-mono); font-weight:600; text-align:right}
.lb-prize{font-family:var(--f-mono); text-align:right; color:var(--gold-700); font-weight:600}
@media(max-width:640px){.lboard .row{grid-template-columns:46px 1fr 90px} .lb-prize{display:none}}

/* ---- course / article cards ---- */
.course{display:flex; flex-direction:column; gap:14px; padding:28px; height:100%}
.course .lvl{font-family:var(--f-mono); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-700)}
.course h3{font-size:1.18rem}
.course p{color:var(--t-muted); font-size:.92rem; flex:1}
.course .meta{display:flex; gap:16px; font-size:.8rem; color:var(--t-muted); border-top:1px solid var(--line); padding-top:14px}
.course .meta b{color:var(--t-strong)}
.lvl-bar{height:5px; border-radius:3px; background:var(--cream-2); overflow:hidden}
.lvl-bar i{display:block; height:100%; background:linear-gradient(90deg,var(--gold),var(--green-600))}

/* ---- stat band ---- */
.statband{display:grid; grid-template-columns:repeat(4,1fr); gap:30px; text-align:center}
.statband .s b{display:block; font-family:var(--f-display); font-size:clamp(2.2rem,4vw,3.2rem); font-weight:800; color:var(--gold-400); letter-spacing:-.03em}
.statband .s span{color:var(--t-on-dark-mut); font-size:.92rem}
@media(max-width:720px){.statband{grid-template-columns:repeat(2,1fr); gap:34px 20px}}

/* ---- regulation / value badges ---- */
.reg{display:flex; gap:16px; align-items:center; padding:20px 22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--paper)}
.reg .ic{width:48px;height:48px;border-radius:12px;background:rgba(199,163,107,.14);color:var(--gold-700);display:grid;place-items:center;flex:0 0 auto}
.reg b{display:block; color:var(--t-strong); font-family:var(--f-display); font-size:1.02rem}
.reg span{font-size:.86rem; color:var(--t-muted)}

/* ---- two-col intro ---- */
.split{display:grid; grid-template-columns:1fr 1fr; gap:clamp(34px,5vw,72px); align-items:center}
@media(max-width:860px){.split{grid-template-columns:1fr} .statband{} }

/* ---- timeline (como funciona) ---- */
.timeline{position:relative; padding-left:34px}
.timeline::before{content:""; position:absolute; left:9px; top:6px; bottom:6px; width:2px; background:linear-gradient(var(--gold),transparent)}
.tl-item{position:relative; padding-bottom:34px}
.tl-item::before{content:""; position:absolute; left:-30px; top:4px; width:20px;height:20px;border-radius:50%; background:var(--green-900); border:2px solid var(--gold)}
.tl-item h3{font-size:1.15rem; margin-bottom:6px}
.tl-item p{color:var(--t-muted); font-size:.94rem}
.section-dark .tl-item p{color:var(--t-on-dark-mut)}
.section-dark .tl-item::before{background:var(--cream)}

/* prose */
.prose p{margin-bottom:18px; max-width:68ch} .prose h3{margin:32px 0 12px}