/* â”€â”€ BRAND TOKENS â”€â”€ */
/* Backcomhub chủ đạo: #3f7fff (xanh) / #fff (trắng)  */
/* Exness accent:      #ffe010 (vàng) / #181a20 (đen)  */
:root{
  --blue:#3f7fff;
  --blue-rgb:63,127,255;
  --blue-dark:#2d66d4;
  --blue-light:#eef4ff;
  --blue-mid:#d0e3ff;
  --yellow:#ffe010;
  --yellow-dark:#ccb000;
  --yellow-light:#fffbe6;
  --black:#181a20;
  --black-80:rgba(24,26,32,.8);
  --black-50:rgba(24,26,32,.5);
  --black-10:rgba(24,26,32,.07);
  --white:#ffffff;
  --gray-bg:#f7f8fa;
  --gray-border:#e4e7ec;
  --text:#181a20;
  --text-mid:#4a4f5e;
  --text-light:#8a8f9e;
}

/* â”€â”€ LAYOUT â”€â”€ */
section{padding:72px 6%}
.container{max-width:1160px;margin:0 auto;width:100%}
.section-label{font-size:var(--type-label);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.section-title{font-size:var(--type-section-compact);font-weight:900;color:var(--blue);line-height:1.22;margin-bottom:12px;text-align:center;letter-spacing:.3px}
.section-sub{font-size:var(--type-body);color:var(--text-mid);max-width:620px;line-height:1.75}
.center{text-align:center}.center .section-sub{margin:0 auto}

/* â”€â”€ BUTTONS â”€â”€ */
.btn{display:inline-flex !important;align-items:center;gap:8px;padding:13px 26px;border-radius:9px;font-weight:700;font-size:var(--type-note);text-decoration:none;transition:all .18s;cursor:pointer;border:none}
.btn-blue{background:var(--blue);color:var(--white)}.btn-blue:hover{background:var(--blue-dark);transform:translateY(-1px)}
.btn-yellow{background:var(--yellow);color:var(--black)}.btn-yellow:hover{background:var(--yellow-dark);transform:translateY(-1px)}
.btn-outline{background:var(--white);color:var(--blue);border:2px solid var(--blue)}.btn-outline:hover{background:var(--blue);color:var(--white)}
.btn-outline-black{background:var(--white);color:var(--black);border:2px solid var(--black)}.btn-outline-black:hover{background:var(--black);color:var(--white)}
.btn-lg{padding:15px 32px;font-size:var(--type-body)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• NAVBAR â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.navbar{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1.5px solid var(--gray-border);padding:0 6%;height:66px;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{width:36px;height:36px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:900;font-size:var(--type-subtitle)}
.logo-name{font-size:var(--type-metric);font-weight:700;color:var(--black)}
.logo-badge{background:var(--yellow);color:var(--black);font-size:var(--type-label);font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.4px}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-link{font-size:var(--type-note);font-weight:600;color:var(--text-mid);text-decoration:none;padding:6px 12px;border-radius:7px;transition:color .15s}
.nav-link:hover{color:var(--blue)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• HERO â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.hero{background:var(--white);padding:56px 6% 52px;border-bottom:1.5px solid var(--gray-border)}
.hero-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:52px;align-items:stretch}
.hero-left{display:flex;flex-direction:column;align-items:center}
.hero-tag{display:inline-flex;align-items:center;gap:7px;background:var(--blue-light);border:1px solid var(--blue-mid);color:var(--blue);padding:5px 14px;border-radius:30px;font-size:var(--type-label);font-weight:700;letter-spacing:.4px;margin-bottom:8px;align-self:center}
.hero-title-main{;font-size:var(--type-section);font-weight:900;text-transform:uppercase;letter-spacing:3px;line-height:1.05;margin-bottom:16px;color:var(--yellow);display:block;text-align:center;width:100%}
.hero-desc{font-size:var(--type-note);color:var(--text-mid);line-height:1.8;margin-bottom:18px;text-align:center;width:100%}
/* IB code row */
.hero-ib-row{display:inline-flex;align-items:center;gap:10px;background:var(--blue-light);border:2px solid var(--blue-mid);border-radius:50px;padding:9px 18px;margin-bottom:22px;align-self:center;flex-wrap:wrap;justify-content:center}
.ib-prefix{font-size:var(--type-caption);color:var(--text-mid);font-weight:500}
.ib-val{font-size:var(--type-body);font-weight:800;color:var(--blue);letter-spacing:.5px;background:var(--white);border:1.5px solid var(--blue-mid);padding:3px 13px;border-radius:30px}
.ib-copy-btn{display:inline-flex;align-items:center;gap:5px;background:var(--blue);color:var(--white);border:none;padding:6px 14px;border-radius:30px;font-size:var(--type-caption);font-weight:700;cursor:pointer;transition:background .18s;}
.ib-copy-btn:hover{background:var(--blue-dark)}
.ib-copy-btn.copied{background:var(--page-success)}
/* CTA buttons */
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;align-self:center;justify-content:center}
.btn-hero-primary{display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:var(--white);padding:12px 26px;border-radius:50px;font-weight:700;font-size:var(--type-note);text-decoration:none;border:none;cursor:pointer;transition:all .18s;white-space:nowrap;}
.btn-hero-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}
.btn-hero-secondary{display:inline-flex;align-items:center;gap:9px;background:var(--white);color:var(--blue);padding:12px 26px;border-radius:50px;font-weight:700;font-size:var(--type-note);text-decoration:none;border:2px solid var(--blue);cursor:pointer;transition:all .18s;white-space:nowrap;}
.btn-hero-secondary:hover{background:var(--blue);color:var(--white);transform:translateY(-1px)}
/* Right panel: placeholder stretches full height */
.hero-panel{display:flex;flex-direction:column}
.hero-ad-placeholder{flex:1;border:2px dashed var(--blue-mid);border-radius:18px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;min-height:100%}
.ad-placeholder-inner{text-align:center;padding:32px 24px}
.ad-ph-icon{margin-bottom:16px;opacity:.45}
.ad-ph-text{font-size:var(--type-note);color:var(--blue);line-height:1.8}
.ad-ph-text strong{font-size:var(--type-subtitle);font-weight:800;color:var(--blue);display:block;margin-top:4px}
.bonus-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.pulse{width:9px;height:9px;background:var(--yellow-dark);border-radius:50%;animation:pulse 1.4s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}
.bonus-title{font-size:var(--type-caption);font-weight:700;color:var(--yellow-dark);letter-spacing:.4px;text-transform:uppercase}
.bonus-desc{font-size:var(--type-caption);color:var(--text-mid);margin-bottom:12px;line-height:1.55}
.countdown{display:flex;gap:7px;justify-content:center}
.cd-box{background:var(--white);border:1.5px solid var(--yellow);border-radius:8px;padding:7px 11px;text-align:center;min-width:54px}
.cd-num{font-size:var(--type-card-title-mobile);font-weight:700;color:var(--black);display:block}
.cd-unit{font-size:var(--type-label);color:var(--text-light);margin-top:1px;text-transform:uppercase}
.bonus-pool{font-size:var(--type-label);color:var(--text-mid);text-align:center;margin-top:10px}
.bonus-pool strong{color:var(--black)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• SOCIAL PROOF CARDS â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* â•â•â• SP IMAGE BANNER â•â•â• */
.sp-img-banner-wrap{background:var(--blue-light);padding:0 6% 20px;border-bottom:1.5px solid var(--blue-mid)}
.sp-img-banner-inner{max-width:1160px;margin:0 auto}
.sp-img-banner{width:100%;height:265px;border:2px dashed var(--blue-mid);border-radius:14px;background:var(--white);display:flex;align-items:center;justify-content:center}
.sp-img-banner-ph{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.sp-img-banner-txt{font-size:var(--type-note);color:var(--blue);opacity:.55;font-weight:500}

/* â•â•â• STICKY TABLE â•â•â• */
/* Bảng hiển thị đầy đủ, không cắt. Chỉ cố định 4 hàng đầu khi trang scroll */
.rt2-sticky{border-radius:0 0 14px 14px}
.rt2-sticky table.rt2 thead th{position:sticky;top:0;z-index:4;background:var(--blue)}
.rt2-sticky #rt2-body .rt2-cat:nth-child(1) td{position:sticky;top:47px;z-index:3;background:var(--gray-bg)}
.rt2-sticky #rt2-body tr:nth-child(2) td{position:sticky;top:83px;z-index:2;background:var(--white);box-shadow:0 2px 3px rgba(0,0,0,.05)}
.rt2-sticky #rt2-body tr:nth-child(3) td{position:sticky;top:130px;z-index:1;background:var(--white);box-shadow:0 1px 2px rgba(0,0,0,.03)}

/* â•â•â• REBATE CALCULATOR â•â•â• */
.rebate-calc-section{background:var(--blue-light)}
.rcalc-box{max-width:700px;margin:0 auto;background:var(--white);border-radius:16px;padding:28px 32px;box-shadow:0 4px 20px rgba(63,127,255,.1);border:1.5px solid var(--blue-mid)}
.rcalc-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.rcalc-label{font-size:var(--type-label);font-weight:700;color:var(--text-light);letter-spacing:.8px}
.rcalc-select-wrap{position:relative}
.rcalc-select-wrap::after{content:"â¯";position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(90deg);color:var(--text-light);pointer-events:none;font-size:var(--type-label)}
.rcalc-select,.rcalc-input{width:100%;padding:14px 20px;border:1.5px solid var(--gray-border);border-radius:50px;;font-size:var(--type-note);color:var(--black);background:var(--white);appearance:none;-webkit-appearance:none;outline:none;transition:border-color .2s;box-sizing:border-box}
.rcalc-select:focus,.rcalc-input:focus{border-color:var(--blue)}
.rcalc-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rcalc-btn{width:100%;padding:16px;background:var(--yellow);color:var(--black);border:none;border-radius:50px;font-size:var(--type-body);font-weight:700;cursor:pointer;margin-top:4px;transition:opacity .2s;letter-spacing:.5px}
.rcalc-btn:hover{opacity:.85}
.rcalc-result{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding:18px;background:var(--blue-light);border-radius:12px;border:1.5px solid var(--blue-mid)}
.rcalc-res-item{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}
.rcalc-res-lbl{font-size:var(--type-label);color:var(--text-light);font-weight:500}
.rcalc-res-val{font-size:var(--type-card-title-mobile);font-weight:900;color:var(--blue);}
.rcalc-res-main{font-size:var(--type-section-mobile);color:var(--blue)}
.rcalc-note{font-size:var(--type-label);color:var(--text-light);line-height:1.75;margin-top:16px;padding:12px 16px;background:var(--gray-bg);border-radius:8px}

@media(max-width:768px){
  .sp-cards-inner{grid-template-columns:repeat(2,1fr)}
}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• MECHANISM â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.mechanism{background:var(--white)}
.mech-intro{margin-top:28px;display:flex;flex-direction:column;gap:20px}
.mech-intro > p{font-size:var(--type-body);color:var(--text-mid);line-height:1.8;text-align:center;max-width:720px;margin:0 auto}
.mech-compare-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mech-no{background:var(--page-danger-soft);border:1.5px solid var(--page-danger-border);border-radius:13px;padding:18px 20px}
.mech-yes{background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:13px;padding:18px 20px}
.mech-no-head{font-size:var(--type-note);font-weight:700;color:var(--page-danger);margin-bottom:8px}
.mech-yes-head{font-size:var(--type-note);font-weight:700;color:var(--blue);margin-bottom:8px}
.mech-no p,.mech-yes p{font-size:var(--type-note);color:var(--text-mid);line-height:1.7}
.mech-yes p strong{color:var(--blue)}
.mech-qa{background:var(--yellow-light);border:1.5px solid var(--yellow);border-radius:13px;padding:18px 20px}
.mech-qa-q{font-size:var(--type-note);font-weight:700;color:var(--yellow-dark);margin-bottom:10px}
.mech-qa p{font-size:var(--type-note);color:var(--text-mid);line-height:1.75}
.mech-diagram{margin-top:32px;border-radius:14px;overflow:hidden;border:1.5px solid var(--gray-border);line-height:0}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• CALCULATOR â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.calc-section{background:var(--gray-bg)}
.calc-box{max-width:840px;margin:28px auto 0;background:var(--white);border:1.5px solid var(--gray-border);border-radius:16px;overflow:hidden}
.calc-tabs{display:flex;border-bottom:1.5px solid var(--gray-border)}
.calc-tab{flex:1;padding:13px;text-align:center;font-size:var(--type-note);font-weight:600;color:var(--text-light);cursor:pointer;border:none;background:var(--white);border-bottom:3px solid transparent;transition:all .2s}
.calc-tab.active{color:var(--blue);border-bottom-color:var(--blue);background:var(--blue-light)}
.calc-body{padding:26px}
.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.f-label{display:block;font-size:var(--type-caption);font-weight:600;color:var(--text-mid);margin-bottom:7px}
.f-input{width:100%;padding:10px 13px;border:1.5px solid var(--gray-border);border-radius:9px;font-size:var(--type-note);;color:var(--black);appearance:none;background:var(--white)}
.f-input:focus{outline:none;border-color:var(--blue)}
.calc-result{background:var(--black);border-radius:12px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.r-item{text-align:center}
.r-lbl{font-size:var(--type-label);color:rgba(255,255,255,.5);margin-bottom:4px}
.r-val{font-size:var(--type-card-title-mobile);font-weight:700;color:var(--white)}
.r-val.y{color:var(--yellow)}
.r-val.b{color:var(--page-blue-border)}
.calc-cta{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.calc-note{font-size:var(--type-label);color:var(--text-light);text-align:center;margin-top:8px}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• REBATE TABLE â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.rebate-section{background:var(--white)}
.rtable-wrap{overflow-x:auto;margin-top:28px}
table.rt{width:100%;border-collapse:collapse;min-width:680px;border:1.5px solid var(--gray-border);border-radius:12px;overflow:hidden}
table.rt th{background:var(--black);color:var(--white);padding:12px 16px;font-size:var(--type-caption);font-weight:600;text-align:left}
table.rt td{padding:12px 16px;font-size:var(--type-note);border-bottom:1px solid var(--gray-border);color:var(--text)}
table.rt tr:last-child td{border-bottom:none}
table.rt tr:hover td{background:var(--gray-bg)}
table.rt .row-hl td{background:var(--blue-light)}
.t-money{font-weight:700;color:var(--blue)}
.t-tag{font-size:var(--type-label);font-weight:700;padding:2px 7px;border-radius:20px;margin-left:5px;vertical-align:middle}
.t-tag.pop{background:var(--yellow-light);color:var(--yellow-dark)}
.t-tag.new{background:var(--blue-light);color:var(--blue)}
.suggest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:26px}
.sug-card{border:1.5px solid var(--gray-border);border-radius:12px;padding:16px;background:var(--white)}
.sug-card.best{border-color:var(--blue);background:var(--blue-light)}
.sug-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.sug-ico{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:var(--type-note)}
.sug-ico.b{background:var(--blue-mid)}
.sug-ico.y{background:var(--yellow-light)}
.sug-name{font-size:var(--type-note);font-weight:700;color:var(--black)}
.sug-desc{font-size:var(--type-caption);color:var(--text-mid);line-height:1.5}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• COMPARISON â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.compare-section{background:var(--gray-bg)}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.c-card{border-radius:14px;overflow:hidden;background:var(--white);border:1.5px solid var(--gray-border)}
.c-card.good{border-color:var(--blue)}
.c-card.bad{border-color:var(--page-danger-border)}
.c-head{padding:16px 20px}
.c-head.good{background:var(--blue);color:var(--white)}
.c-head.bad{background:var(--page-danger-soft);color:var(--page-danger)}
.c-head h3{font-size:var(--type-body);font-weight:700}
.c-head p{font-size:var(--type-caption);opacity:.8;margin-top:3px}
.c-list{padding:0}
.c-row{display:flex;align-items:flex-start;gap:10px;padding:12px 20px;border-bottom:1px solid var(--gray-border)}
.c-row:last-child{border-bottom:none}
.c-ico{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--type-label);font-weight:700;margin-top:2px}
.c-ico.y{background:var(--yellow);color:var(--black)}
.c-ico.n{background:var(--page-danger-soft);color:var(--page-danger)}
.c-row p{font-size:var(--type-caption);color:var(--text);line-height:1.5}
.vs-wrap{overflow-x:auto;margin-top:36px}
.vs-title{font-size:var(--type-note);font-weight:700;color:var(--black);text-align:center;margin-bottom:14px}
table.vs{width:100%;border-collapse:collapse;min-width:580px}
table.vs thead tr th{padding:11px 14px;font-size:var(--type-caption);font-weight:700;text-align:center}
table.vs th:first-child{text-align:left;width:32%}
table.vs th.h-bch{background:var(--blue);color:var(--white);border-radius:8px 8px 0 0}
table.vs th.h-other{background:var(--gray-bg);color:var(--text-mid)}
table.vs th.h-crit{background:var(--white);color:var(--text-mid);font-weight:600;text-align:left}
table.vs td{padding:10px 14px;font-size:var(--type-caption);border-bottom:1px solid var(--gray-border);text-align:center}
table.vs td:first-child{text-align:left;font-weight:600;color:var(--text)}
table.vs td.win{color:var(--blue);font-weight:700}
table.vs td.lose{color:var(--text-light)}
table.vs tr:last-child td{border-bottom:none}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• PROCESS â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.process-section{background:var(--white)}
.ptabs{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}
.ptab{padding:9px 20px;border-radius:30px;font-size:var(--type-note);font-weight:600;cursor:pointer;border:2px solid var(--gray-border);background:var(--white);color:var(--text-mid);transition:all .18s}
.ptab.active{border-color:var(--blue);background:var(--blue);color:var(--white)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.step{background:var(--gray-bg);border-radius:12px;padding:20px;border:1.5px solid var(--gray-border)}
.step.star{border-color:var(--blue);background:var(--blue-light)}
.step-num{width:34px;height:34px;background:var(--blue);color:var(--white);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--type-note);margin-bottom:12px}
.step h4{font-size:var(--type-note);font-weight:700;color:var(--black);margin-bottom:6px}
.step p{font-size:var(--type-caption);color:var(--text-mid);line-height:1.6}
.video-wrap{margin-top:24px;background:var(--black);border-radius:14px;padding:28px;text-align:center}
.video-box{background:rgba(255,255,255,.05);border:2px dashed rgba(255,255,255,.18);border-radius:10px;padding:36px 20px;cursor:pointer}
.play{width:58px;height:58px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:var(--type-card-title-mobile);color:var(--white)}
.video-box p{color:rgba(255,255,255,.65);font-size:var(--type-note)}
/* Support banner - horizontal compact bar */
/* Support banner - redesigned to match image */
.support-banner{margin-top:24px;background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:18px;padding:32px 36px;display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:center}
/* Left */
.sb-left{display:flex;flex-direction:column;gap:16px}
.sb-online-badge{display:inline-flex;align-items:center;gap:7px;font-size:var(--type-label);font-weight:600;color:var(--text-mid);background:var(--white);border:1px solid var(--gray-border);border-radius:20px;padding:5px 12px;width:fit-content}
.sb-online-dot{width:8px;height:8px;border-radius:50%;background:var(--page-success);flex-shrink:0;box-shadow:0 0 0 2px rgba(34,197,94,.25)}
.sb-big-title{font-size:var(--type-section-compact);font-weight:900;color:var(--black);line-height:1.15;margin:0}
.sb-big-sub{font-size:var(--type-note);color:var(--text-mid);line-height:1.7;margin:0}
.sb-big-sub strong{color:var(--black)}
.sb-chips{display:flex;gap:8px;flex-wrap:wrap}
.sb-chip{font-size:var(--type-label);font-weight:600;color:var(--text-mid);background:var(--white);border:1px solid var(--gray-border);padding:5px 12px;border-radius:20px;white-space:nowrap;}
/* Right card */
.sb-right-card{background:var(--white);border-radius:14px;padding:22px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 16px rgba(0,0,0,.07)}
.sb-card-head{display:flex;align-items:center;gap:12px}
.sb-card-icon{width:44px;height:44px;background:var(--blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}
.sb-card-title{font-size:var(--type-note);font-weight:700;color:var(--black);line-height:1.2}
.sb-card-sub{font-size:var(--type-label);color:var(--text-light);margin-top:2px}
.sb-form{display:flex;flex-direction:column;gap:10px}
.sb-input{width:100%;padding:12px 16px;background:var(--white);border:1.5px solid var(--gray-border);border-radius:10px;font-size:var(--type-note);;outline:none;color:var(--black);transition:border-color .2s;box-sizing:border-box}
.sb-input:focus{border-color:var(--blue)}
.sb-input::placeholder{color:var(--text-light)}
.sb-submit{width:100%;padding:13px;background:var(--blue);color:var(--white);border:none;border-radius:10px;font-size:var(--type-note);font-weight:700;cursor:pointer;transition:opacity .18s,transform .1s;letter-spacing:.2px}
.sb-submit:hover{opacity:.88;transform:translateY(-1px)}
.sb-form .wpcf7{width:100%}
.sb-form .wpcf7 form{display:flex;flex-direction:column;gap:10px;margin:0}
.sb-form .wpcf7 p{margin:0}
.sb-form .wpcf7 input:not([type=submit]),
.sb-form .wpcf7 textarea,
.sb-form .wpcf7 select{width:100%;padding:12px 16px;background:var(--white);border:1.5px solid var(--gray-border);border-radius:10px;font-size:var(--type-note);outline:none;color:var(--black);transition:border-color .2s;box-sizing:border-box}
.sb-form .wpcf7 input:not([type=submit]):focus,
.sb-form .wpcf7 textarea:focus,
.sb-form .wpcf7 select:focus{border-color:var(--blue)}
.sb-form .wpcf7 input[type=submit]{width:100%;padding:13px;background:var(--blue);color:var(--white);border:none;border-radius:10px;font-size:var(--type-note);font-weight:700;cursor:pointer;transition:opacity .18s,transform .1s;letter-spacing:.2px}
.sb-form .wpcf7 input[type=submit]:hover{opacity:.88;transform:translateY(-1px)}
.sb-form .wpcf7-spinner{margin:0 auto}
.sb-form .wpcf7-response-output{margin:0!important;padding:9px 12px!important;border-radius:8px;font-size:var(--type-caption);line-height:1.4}
.sb-disclaimer{font-size:var(--type-label);color:var(--text-light);text-align:center;margin:0}
.sb-result{padding:9px 14px;border-radius:8px;font-size:var(--type-caption);font-weight:600}
.sb-result.ok{background:var(--page-success-soft);color:var(--page-success);border:1px solid var(--page-success-soft)}
@media(max-width:900px){.support-banner{grid-template-columns:1fr}.sb-big-title{font-size:var(--type-card-title)}}
@media(max-width:600px){.support-banner{padding:24px 20px}}

/* â•â•â• TRUST / NO IMPACT SECTION â•â•â• */
.trust-section{background:var(--gray-bg)}
.trust-header{text-align:center;margin-bottom:32px}
.trust-eyebrow{font-size:var(--type-label);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);background:var(--blue-light);border:1px solid var(--blue-mid);display:inline-block;padding:4px 14px;border-radius:20px;margin-bottom:14px;}
.trust-subtitle{font-size:var(--type-body);color:var(--text-mid);margin-top:8px}
.trust-subtitle strong{color:var(--blue)}
/* Grid - equal cols */
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;align-items:stretch}
/* Both cards same blue solid background */
.trust-answer-card,.trust-commit-card{background:var(--white);border:1.5px solid var(--gray-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;gap:0;color:var(--black)}
.trust-card-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
/* Card header row */
.trust-card-head{display:flex;align-items:center;gap:10px;background:var(--blue);padding:14px 22px}
.trust-head-icon{width:36px;height:36px;background:rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trust-head-icon svg{color:var(--yellow)}
.trust-card-title{font-size:var(--type-body);font-weight:800;color:var(--white);}
/* Intro text under left card title */
.trust-intro{font-size:var(--type-caption);color:var(--text-mid);line-height:1.65;margin:2px 0 6px}
/* Feature rows: left label + right value bold */
.trust-feature-list{display:flex;flex-direction:column;gap:0}
.trust-feature{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--type-caption);padding:9px 0;border-bottom:1px solid var(--gray-border)}
.trust-feature:last-child{border-bottom:none}
.trust-feature-left{display:flex;align-items:center;gap:8px;color:var(--text-mid)}
.trust-feature-left svg{flex-shrink:0;color:var(--text-light)}
.trust-feature-right{font-weight:700;color:var(--black);white-space:nowrap}
/* Note box amber / yellow */
.trust-note{background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:8px;padding:10px 14px;font-size:var(--type-caption);color:var(--text-mid);line-height:1.65}
.trust-note strong,.trust-note a{color:var(--blue);font-style:normal}
/* Commit list */
.trust-commit-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}
.trust-commit-list li{display:flex;align-items:center;gap:10px;font-size:var(--type-caption);color:var(--text-mid);line-height:1.55}
.tc-icon{width:22px;height:22px;flex-shrink:0}
/* Closing bar */
.trust-closing{display:flex;align-items:center;gap:12px;background:var(--white);border:1.5px solid var(--blue-mid);border-radius:12px;padding:12px 18px;color:var(--text-mid);font-size:var(--type-caption);line-height:1.5}
.trust-closing-icon{width:28px;height:28px;background:var(--blue-light);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.trust-closing-icon svg{color:var(--blue)}
.trust-closing strong{color:var(--black)}
@media(max-width:768px){.trust-grid{grid-template-columns:1fr}}

/* â•â•â• IB CHECK SECTION â•â•â• */
.ibcheck-section{background:var(--gray-bg)}
/* Accordion */
.ibc-accordion{max-width:680px;margin:0 auto 20px;display:flex;flex-direction:column;gap:10px}
.ibc-acc-item{background:var(--white);border:1.5px solid var(--gray-border);border-radius:14px;overflow:hidden;transition:border-color .18s}
.ibc-acc-item:hover{border-color:var(--blue-mid)}
.ibc-acc-item.open{border-color:var(--blue)}
.ibc-acc-head{width:100%;padding:16px 18px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-family:inherit}
.ibc-acc-left{display:flex;align-items:center;gap:14px;flex:1}
.ibc-acc-num{font-size:var(--type-subtitle);font-weight:900;color:var(--gray-border);;flex-shrink:0;min-width:28px}
.ibc-num-hl{color:var(--blue)}
.ibc-acc-title{font-size:var(--type-note);font-weight:700;color:var(--black);display:flex;align-items:center;gap:8px;margin-bottom:2px}
.ibc-acc-sub{font-size:var(--type-label);color:var(--text-light)}
.ibc-fast-tag{font-size:var(--type-label);font-weight:700;padding:2px 8px;border-radius:20px;background:var(--yellow);color:var(--black);letter-spacing:.3px;vertical-align:middle;flex-shrink:0}
.ibc-acc-arrow{color:var(--text-light);transition:transform .25s;flex-shrink:0}
.ibc-acc-item.open .ibc-acc-arrow{transform:rotate(180deg);color:var(--blue)}
.ibc-acc-body{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.ibc-acc-body.expanded{padding:0 18px 18px;max-height:400px}
/* Steps inside accordion */
.ibc-steps-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.ibc-step{display:flex;align-items:flex-start;gap:10px;font-size:var(--type-caption);color:var(--text-mid);line-height:1.6}
.ibc-step strong{color:var(--black)}
.ibc-step-dot{min-width:22px;height:22px;border-radius:50%;background:var(--blue-light);border:1.5px solid var(--blue-mid);color:var(--blue);font-size:var(--type-label);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.ibc-note{font-size:var(--type-label);color:var(--text-light);background:var(--gray-bg);border-radius:8px;padding:8px 12px;line-height:1.6}
/* Form inside accordion */
.ibc-form{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.ibc-input-wrap{position:relative;flex:1;min-width:200px}
.ibc-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}
.ibc-input{width:100%;padding:11px 14px 11px 36px;border:1.5px solid var(--gray-border);border-radius:50px;font-size:var(--type-caption);;outline:none;color:var(--black);transition:border-color .2s;box-sizing:border-box}
.ibc-input:focus{border-color:var(--blue)}
.ibc-btn{padding:11px 20px;background:var(--blue);color:var(--white);border:none;border-radius:50px;font-size:var(--type-caption);font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .18s;}
.ibc-btn:hover{opacity:.85}
.ibc-acc-body .wpcf7{width:100%;margin-bottom:10px}
.ibc-acc-body .wpcf7 form{margin:0}
.ibc-acc-body .wpcf7 p{margin:0}
.ibc-acc-body .wpcf7 .ibc-form{margin-bottom:0}
.ibc-acc-body .wpcf7-response-output{margin:8px 0 0!important;padding:10px 14px!important;border-radius:10px;font-size:var(--type-caption);line-height:1.5}
.ibc-acc-body .wpcf7-spinner{margin:8px auto 0}
.ibc-result{margin-bottom:8px;padding:10px 14px;border-radius:10px;font-size:var(--type-caption);font-weight:600;line-height:1.5}
.ibc-result.ok{background:var(--page-success-soft);color:var(--page-success);border:1px solid var(--page-success-soft)}
.ibc-result.warn{background:var(--yellow-light);color:var(--yellow-dark);border:1px solid var(--yellow)}
.ibc-result.none{background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue-mid)}
.ibc-disclaimer{font-size:var(--type-label);color:var(--text-light)}
/* Guide / 2 cases */
.ibc-guide{max-width:680px;margin:0 auto;background:var(--white);border:1.5px solid var(--gray-border);border-radius:14px;padding:18px 20px}
.ibc-guide-label{font-size:var(--type-label);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-light);margin-bottom:12px;}
.ibc-cases{display:flex;flex-direction:column;gap:8px}
.ibc-case{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:10px;background:var(--gray-bg);border:1.5px solid var(--gray-border);cursor:pointer;transition:border-color .18s,background .18s}
.ibc-case:hover{border-color:var(--blue);background:var(--blue-light)}
.ibc-case-expanded{align-items:flex-start}
.ibc-case-left{display:flex;align-items:flex-start;gap:12px;flex:1}
.ibc-case-icon-wrap{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ibc-icon-new{background:var(--page-success-soft);color:var(--page-success)}
.ibc-icon-switch{background:var(--blue-light);color:var(--blue)}
.ibc-case-body{display:flex;flex-direction:column;gap:4px;flex:1}
.ibc-case-body strong{font-size:var(--type-caption);color:var(--black);font-weight:700}
.ibc-case-body span{font-size:var(--type-label);color:var(--text-mid);line-height:1.5}
.ibc-case-opts{display:flex;flex-direction:column;gap:5px;margin-top:5px}
.ibc-opt{display:flex;align-items:flex-start;gap:7px;font-size:var(--type-label);color:var(--text-mid);line-height:1.5}
.ibc-opt-dot{width:4px;height:4px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:6px}
.ibc-case-cta{display:flex;align-items:center;gap:4px;font-size:var(--type-label);font-weight:600;color:var(--blue);white-space:nowrap;flex-shrink:0}
.ibc-case-expanded .ibc-case-cta{align-self:center}
@media(max-width:768px){.ibc-form{flex-direction:column}}


/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• CONDITIONS â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.cond-section{background:var(--gray-bg)}
.cond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px}
.cond-card{background:var(--white);border-radius:12px;padding:22px;border:1.5px solid var(--gray-border)}
.cond-icon{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:var(--type-metric);margin-bottom:12px;background:var(--blue-light)}
.cond-card h4{font-size:var(--type-note);font-weight:700;color:var(--black);margin-bottom:6px}
.cond-card p{font-size:var(--type-caption);color:var(--text-mid);line-height:1.6}
.cond-badge{background:var(--blue);color:var(--white);font-size:var(--type-label);font-weight:700;padding:2px 8px;border-radius:20px;margin-left:6px}
.cond-vs{background:var(--white);border:1.5px solid var(--gray-border);border-radius:12px;padding:22px;margin-top:22px}
.cond-vs h4{font-size:var(--type-note);font-weight:700;color:var(--black);margin-bottom:14px}
.cond-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cv-col h5{font-size:var(--type-caption);font-weight:700;margin-bottom:10px}
.cv-col.bch h5{color:var(--blue)}
.cv-col.other h5{color:var(--text-light)}
.cv-list{list-style:none}
.cv-list li{display:flex;gap:8px;font-size:var(--type-caption);color:var(--text);margin-bottom:7px;line-height:1.5}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• PROOF â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
/* â•â•â• PROOF / TESTIMONIALS â•â•â• */
.proof-section{background:var(--gray-bg)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testi-card{background:var(--white);border:1.5px solid var(--gray-border);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .18s,border-color .18s}
.testi-card:hover{box-shadow:0 6px 24px rgba(63,127,255,.1);border-color:var(--blue-mid)}
.testi-card-top{display:flex;align-items:flex-start;gap:12px}
.testi-avatar-wrap{flex-shrink:0;border-radius:50%;overflow:hidden;width:60px;height:60px;border:2.5px solid var(--gray-border)}
.testi-meta{flex:1;display:flex;flex-direction:column;gap:3px}
.testi-name{font-size:var(--type-note);font-weight:700;color:var(--black);}
.testi-role{font-size:var(--type-label);color:var(--text-light)}
.testi-badge{font-size:var(--type-label);font-weight:600;color:var(--page-success);background:var(--page-success-soft);border:1px solid var(--page-success-soft);padding:2px 8px;border-radius:20px;display:inline-block;margin-top:2px;width:fit-content}
.testi-stars{font-size:var(--type-note);color:var(--yellow-dark);flex-shrink:0;letter-spacing:1px}
.testi-quote{font-size:var(--type-caption);color:var(--text-mid);line-height:1.7;font-style:italic;border-left:3px solid var(--blue-mid);padding-left:12px;margin:0}
.testi-quote strong{color:var(--black);font-style:normal}
.testi-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--gray-border);margin-top:auto}
.testi-amount{font-size:var(--type-caption);font-weight:700;color:var(--blue);}
.testi-platform{font-size:var(--type-label);color:var(--text-light)}
@media(max-width:900px){.testi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.testi-grid{grid-template-columns:1fr}}

@media(max-width:580px){
  .testi-window{
    height:660px;
    padding:0;
  }
  .testi-window:before,
  .testi-window:after{
    height:92px;
  }
  .proof-section .testi-grid{
    grid-template-columns:1fr;
    transform:translateY(-54px);
  }
}
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.pay-card{background:var(--gray-bg);border-radius:12px;padding:20px;border:1.5px solid var(--gray-border)}
.pay-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--type-subtitle);margin-bottom:10px;background:var(--blue-light)}
.pay-card h4{font-size:var(--type-note);font-weight:700;color:var(--black);margin-bottom:6px}
.pay-card p{font-size:var(--type-caption);color:var(--text-mid);line-height:1.6}
.testis{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:24px}
.testi{background:var(--gray-bg);border-radius:14px;padding:20px;border:1.5px solid var(--gray-border)}
.testi-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.avatar{width:42px;height:42px;border-radius:50%;background:var(--blue);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--type-note);flex-shrink:0}
.t-name{font-size:var(--type-note);font-weight:700;color:var(--black)}
.t-meta{font-size:var(--type-label);color:var(--text-light);margin-top:1px}
.t-amount{font-size:var(--type-label);color:var(--blue);font-weight:700;margin-top:2px}
.stars{color:var(--yellow-dark);font-size:var(--type-caption);margin-bottom:8px}
.testi blockquote{font-size:var(--type-caption);color:var(--text-mid);line-height:1.65;font-style:italic}
.testi a{font-size:var(--type-label);color:var(--blue);text-decoration:none;display:inline-block;margin-top:8px}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• SIGNUP CTA â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.signup-section{background:var(--blue-light);border-top:1.5px solid var(--blue-mid);border-bottom:1.5px solid var(--blue-mid)}
.signup-inner{max-width:660px;margin:0 auto;text-align:center}
.ib-box{display:inline-flex;align-items:center;gap:14px;background:var(--white);border:2px solid var(--blue-mid);border-radius:11px;padding:11px 18px;margin:18px auto 22px;cursor:pointer}
.ib-lbl{font-size:var(--type-label);color:var(--text-light);font-weight:600;letter-spacing:.5px}
.ib-code{font-size:var(--type-metric);font-weight:700;color:var(--blue);letter-spacing:1.5px}
.copy-btn{background:var(--blue);color:var(--white);border:none;padding:6px 13px;border-radius:7px;font-size:var(--type-label);font-weight:700;cursor:pointer;transition:background .18s}
.copy-btn:hover{background:var(--blue-dark)}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• FAQ â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.faq-section{background:var(--white)}
.faq-list{max-width:820px;margin:26px auto 0;display:flex;flex-direction:column;gap:10px}
.faq-item{border:1.5px solid var(--gray-border);border-radius:10px;overflow:hidden;background:var(--white)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;font-size:var(--type-note);font-weight:600;color:var(--black)}
.faq-toggle{width:24px;height:24px;background:var(--gray-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-note);flex-shrink:0;color:var(--blue);font-weight:700}
.faq-a{max-height:0;overflow:hidden;transition:max-height .38s ease}
.faq-a.open{max-height:400px}
.faq-a-inner{padding:0 20px 16px;font-size:var(--type-caption);color:var(--text-mid);line-height:1.75}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• RELATED â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.related-section{background:var(--gray-bg)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:24px}
.r-card{background:var(--white);border:1.5px solid var(--gray-border);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .18s,border-color .18s}
.r-card:hover{transform:translateY(-3px);border-color:var(--blue)}
.r-thumb{height:96px;display:flex;align-items:center;justify-content:center;font-size:var(--type-section-compact);background:var(--blue-light)}
.r-info{padding:14px}
.r-tag{font-size:var(--type-label);font-weight:700;color:var(--blue);letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}
.r-title{font-size:var(--type-note);font-weight:700;color:var(--black);line-height:1.4}
.r-desc{font-size:var(--type-caption);color:var(--text-light);margin-top:5px;line-height:1.5}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• FLOATING â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
.float-cta{position:fixed;bottom:24px;right:20px;z-index:999;display:flex;flex-direction:column;gap:9px;align-items:flex-end}
.f-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;font-weight:700;font-size:var(--type-caption);text-decoration:none;color:var(--white);box-shadow:0 4px 16px rgba(0,0,0,.18);transition:transform .18s}
.f-btn:hover{transform:translateY(-2px)}
.f-btn.tg{background:var(--page-blue)}
.f-btn.zl{background:var(--page-blue-strong)}
.f-btn.reg{background:var(--blue)}

/* Hero bonus countdown bar */
.hero-bonus-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:18px;
  background:var(--yellow-light);
  border:2px solid var(--yellow);
  border-radius:14px;
  padding:14px 18px;
  width:100%;
  flex-wrap:wrap;
}
.hbb-left{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0}
.hbb-pulse{
  width:10px;height:10px;flex-shrink:0;
  background:var(--yellow-dark);border-radius:50%;
  margin-top:4px;
  animation:hbbPulse 1.4s ease-in-out infinite;
}
@keyframes hbbPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.55}}
.hbb-text{font-size:var(--type-caption);color:var(--text-mid);line-height:1.55}
.hbb-text strong{color:var(--black);font-weight:800}
.hbb-cd{display:flex;align-items:center;gap:5px;flex-shrink:0}
.hbb-box{
  display:flex;flex-direction:column;align-items:center;
  background:var(--white);
  border:1.5px solid var(--yellow);
  border-radius:9px;
  padding:6px 10px;
  min-width:48px;
}
.hbb-num{
  ;
  font-size:var(--type-metric);font-weight:900;
  color:var(--black);line-height:1;
  letter-spacing:1px;
  display:inline-block;min-width:2ch;text-align:center;overflow:hidden;
}
.hbb-unit{font-size:var(--type-label);color:var(--text-light);text-transform:uppercase;margin-top:2px;letter-spacing:.5px}
.hbb-sep{font-size:var(--type-metric);font-weight:900;color:var(--yellow-dark);margin-bottom:10px}

/* â•â•â• REBATE TABLE v2 â•â•â• */
.rt-panel{max-width:var(--layout-max,72rem);margin:34px auto 0;overflow:hidden;border:1px solid var(--page-blue-border);border-radius:18px;background:var(--white);box-shadow:0 16px 34px rgba(33,97,180,.08)}
.rt-search-wrap{margin:0;padding:18px 16px}
.rt-search-box{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--page-blue-border);border-radius:999px;padding:10px 14px;border-bottom:1px solid var(--page-blue-border)}
.rt-search-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-mid)}
.rt-search-icon svg{display:block;width:100%;height:100%}
.rt-search-box input{flex:1;border:none;outline:none;font-size:var(--type-note);;color:var(--black);background:transparent}
.rt-search-box input::placeholder{color:var(--text-light)}
.rt-search-meta{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:var(--type-caption);color:var(--text-light);white-space:nowrap}
.rt-sep{padding:4px 9px;border-left:0;border-radius:4px;color:var(--black);background:var(--broker-brand);font-weight:800;line-height:1;text-transform:lowercase}
.rt-live{display:flex;align-items:center;gap:5px}
.rt-live-dot{width:7px;height:7px;background:var(--page-success);border-radius:50%;animation:hbbPulse 1.4s infinite}
.rt-note{display:flex;align-items:center;gap:8px;padding:10px 18px;border-top:1px solid var(--page-blue-border);color:var(--text-mid);font-size:var(--type-caption);font-style:italic;line-height:1.35}
.rt-note span{color:var(--page-blue-strong);font-style:normal}
.rt-acc-tabs{display:flex;border:1.5px solid var(--gray-border);border-top:none;overflow:hidden}
.rt-acc-tab{flex:1;padding:11px 14px;border:none;background:var(--white);cursor:pointer;;font-size:var(--type-caption);font-weight:600;color:var(--text-mid);border-right:1px solid var(--gray-border);transition:background .18s;text-align:center;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:8px}
.rt-acc-tab:last-child{border-right:none}
.rt-acc-tab.active{background:var(--blue-light);color:var(--blue)}
.rt-acc-tab small{font-size:var(--type-label);font-weight:400;color:var(--text-light);display:block}
.rt-acc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.rt2-wrap{border:0;border-top:1px solid var(--page-blue-border);border-radius:0;overflow:hidden;overflow-x:auto}
table.rt2{width:100%;border-collapse:collapse;min-width:520px}
table.rt2 thead th{background:var(--blue);color:var(--white);padding:13px 16px;font-size:var(--type-caption);font-weight:700;letter-spacing:.5px;text-align:center}
table.rt2 thead th.rt2-sym{text-align:left;width:22%}
.rt2-exness-logo{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:2px 4px;line-height:1;overflow:hidden}
/* Category rows base */
table.rt2 .rt2-cat td{padding:10px 16px;font-size:var(--type-caption);font-weight:800;letter-spacing:.9px;text-transform:uppercase;border-left:0;-webkit-font-smoothing:antialiased;background:var(--gray-bg);color:var(--page-text-body)}
.rt2-cat-icon{margin-right:7px;font-size:var(--type-body);vertical-align:-.1em;font-family:initial}
/* â”€â”€ Vietnamese font lock for category rows â”€â”€ */

.rt2-cat td{white-space:nowrap}
.rt2-cat-text{font-weight:800;letter-spacing:.9px;unicode-bidi:plaintext;font-synthesis:none;-webkit-font-smoothing:antialiased}
.rt2-cat-count{float:none;margin-left:8px;font-size:var(--type-caption);font-weight:800;color:var(--text-mid);opacity:1;letter-spacing:.5px}
/* Per-category highlight colors */
.rt2-cat-gold td,
.rt2-cat-oil td,
.rt2-cat-crypto td,
.rt2-cat-forex td{background:var(--gray-bg);color:var(--page-text-body);border-left-color:transparent}
/* sticky fix for category row */
.rt2-sticky #rt2-body .rt2-cat:nth-child(1) td{background:var(--gray-bg)}
table.rt2 tbody tr:not(.rt2-cat):hover td{background:var(--blue-light)}
table.rt2 tbody tr.rt2-hidden{display:none}
.rt2-sym-cell{padding:12px 16px;font-size:var(--type-note);font-weight:700;color:var(--black);}
.rt2-val{padding:10px 14px;text-align:center;vertical-align:middle}
.rt2-pill{display:inline-flex;align-items:center;gap:3px;padding:5px 12px;border-radius:30px;font-size:var(--type-note);font-weight:700;}
.rt2-pill p{margin-bottom: 0}
.rt2-pill small{font-size:var(--type-label);font-weight:400}
.rt2-pill-std{background:var(--yellow);color:var(--black)}
.rt2-pill-pro{background:var(--yellow);color:var(--black)}
.rt2-pill-no{background:transparent;color:var(--text-mid);font-weight:500}
.rt2-plain{font-size:var(--type-note);color:var(--text-mid);font-weight:500;text-align:center;padding:10px 14px}
.rt2-star{color:var(--yellow-dark);font-size:var(--type-label);vertical-align:super;margin-left:2px}

/* â•â•â• ACCOUNT TYPES â•â•â• */
.acctype-section{background:var(--gray-bg)}
.act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}
.act-card{background:var(--white);border:1.5px solid var(--gray-border);border-radius:16px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:14px;position:relative;transition:box-shadow .2s,transform .2s}
.act-card:hover{box-shadow:0 6px 24px rgba(63,127,255,.13);transform:translateY(-2px)}
.act-card-best{border-color:var(--blue);box-shadow:0 4px 18px rgba(63,127,255,.15)}
.act-hidden{display:none}
.act-best-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:var(--white);font-size:var(--type-label);font-weight:700;padding:4px 14px;border-radius:30px;white-space:nowrap;letter-spacing:.4px}
.act-header{display:flex;flex-direction:column;gap:6px}
.act-badge{font-size:var(--type-label);font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 10px;border-radius:20px;display:inline-block;width:fit-content}
.badge-std{background:var(--blue-light);color:var(--blue)}
.badge-pro{background:var(--black);color:var(--yellow)}
.act-name{font-size:var(--type-metric);font-weight:900;color:var(--black);line-height:1.1}
.act-tag{font-size:var(--type-label);font-weight:600;padding:3px 10px;border-radius:20px;display:inline-block;width:fit-content}
.tag-new{background:var(--page-success-soft);color:var(--page-success)}
.tag-practice{background:var(--yellow-light);color:var(--yellow-dark)}
.tag-pro{background:var(--page-blue-soft);color:var(--page-blue-strong)}
.tag-scalp{background:var(--black);color:var(--yellow)}
.act-desc{font-size:var(--type-caption);color:var(--text-mid);line-height:1.6;margin:0}
.act-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.act-stat{background:var(--gray-bg);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.act-stat-hl{background:var(--blue-light);border:1px solid var(--blue-mid)}
.act-stat-lbl{font-size:var(--type-label);color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.act-stat-val{font-size:var(--type-note);font-weight:800;color:var(--black)}
.val-blue{color:var(--blue)}
.val-gold{color:var(--yellow-dark)}
.act-rec{background:var(--yellow-light);border:1px solid var(--yellow);border-radius:10px;padding:10px 12px;font-size:var(--type-caption);color:var(--text-mid);line-height:1.6;display:flex;gap:8px;align-items:flex-start}
.act-rec-icon{flex-shrink:0;font-size:var(--type-body);margin-top:1px}
.act-btn{display:block;text-align:center;padding:11px 0;border-radius:50px;background:var(--blue-light);color:var(--blue);font-weight:700;font-size:var(--type-note);text-decoration:none;border:1.5px solid var(--blue-mid);transition:background .18s;margin-top:auto}
.act-btn:hover{background:var(--blue);color:var(--white)}
.act-btn-pro{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.act-btn-pro:hover{background:var(--yellow-dark)}
.act-toggle-wrap{text-align:center;margin-top:4px}
.act-toggle{background:var(--white);border:1.5px solid var(--gray-border);border-radius:50px;padding:11px 28px;font-size:var(--type-note);font-weight:600;color:var(--blue);cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:border-color .18s}
.act-toggle:hover{border-color:var(--blue)}
.act-toggle-arrow{font-size:var(--type-label);transition:transform .3s}
.act-toggle-arrow.open{transform:rotate(180deg)}
/* â•â•â• PAYOUT TIMING â•â•â• */
.payout-section{background:var(--gray-bg)}
.payout-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
/* Left: highlight box */
.payout-highlight{background:var(--blue);border-radius:16px;padding:28px 24px;display:flex;gap:18px;align-items:flex-start;color:var(--white)}
.payout-hl-icon{width:52px;height:52px;background:rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white)}
.payout-hl-body{display:flex;flex-direction:column;gap:6px}
.payout-hl-label{font-size:var(--type-label);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.6);}
.payout-hl-value{font-size:var(--type-card-title-mobile);font-weight:900;color:var(--white);line-height:1.15}
.payout-hl-sub{font-size:var(--type-caption);color:rgba(255,255,255,.7);line-height:1.65;margin-top:2px}
/* Right: two method cards stacked */
.payout-methods{display:flex;flex-direction:column;gap:14px}
.payout-method{background:var(--white);border:1.5px solid var(--gray-border);border-radius:14px;padding:18px 18px;display:flex;gap:14px;align-items:flex-start;transition:border-color .18s}
.payout-method:hover{border-color:var(--blue-mid)}
.payout-method-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pm-wallet{background:var(--blue-light);color:var(--blue)}
.pm-bank{background:var(--page-success-soft);color:var(--page-success)}
.payout-method-title{font-size:var(--type-note);font-weight:700;color:var(--black);margin-bottom:5px}
.payout-method-desc{font-size:var(--type-caption);color:var(--text-mid);line-height:1.6}
/* CTA note */
.payout-cta-note{margin-top:20px;text-align:center;font-size:var(--type-caption);color:var(--text-mid);background:var(--white);border:1.5px solid var(--blue-mid);border-radius:10px;padding:13px 20px;line-height:1.6}
.payout-cta-note strong{color:var(--blue)}
@media(max-width:768px){.payout-grid{grid-template-columns:1fr}}

/* â•â•â• CASHBACK HISTORY â•â•â• */
.cbhist-section{background:var(--white)}
.cbh-slider-wrap{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cbh-arrow{width:40px;height:40px;border-radius:50%;background:var(--white);border:1.5px solid var(--gray-border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--text-mid);transition:border-color .18s,color .18s,box-shadow .18s;z-index:2}
.cbh-arrow:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 2px 10px rgba(63,127,255,.15)}
.cbh-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}
.cbh-track-wrap{flex:1;overflow:hidden}
.cbh-track{display:flex;gap:14px;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.cbh-card{min-width:calc(33.33% - 10px);background:var(--gray-bg);border:1.5px solid var(--gray-border);border-radius:14px;overflow:hidden;flex-shrink:0;transition:box-shadow .18s}
.cbh-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:var(--blue-mid)}
.cbh-img-placeholder{height:220px;background:var(--gray-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.cbh-img-icon{font-size:var(--type-section-compact);opacity:.35}
.cbh-img-placeholder span{font-size:var(--type-label);color:var(--text-light);}
.cbh-card-info{padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.cbh-amount{font-size:var(--type-subtitle);font-weight:900;color:var(--blue);}
.cbh-meta{font-size:var(--type-label);color:var(--text-mid);}
.cbh-date{font-size:var(--type-label);color:var(--text-light);}
/* Dots */
.cbh-dots{display:flex;justify-content:center;gap:6px;margin-bottom:24px}
.cbh-dot{width:7px;height:7px;border-radius:50%;background:var(--gray-border);cursor:pointer;transition:background .2s,width .2s}
.cbh-dot.active{background:var(--blue);width:20px;border-radius:4px}
/* Summary bar */
.cbh-summary{display:flex;align-items:center;justify-content:center;gap:0;background:var(--gray-bg);border:1.5px solid var(--gray-border);border-radius:14px;padding:18px 28px}
.cbh-sum-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 32px}
.cbh-sum-val{font-size:var(--type-card-title-mobile);font-weight:900;color:var(--blue);}
.cbh-sum-lbl{font-size:var(--type-label);color:var(--text-light);}
.cbh-sum-div{width:1px;height:36px;background:var(--gray-border)}
@media(max-width:900px){.cbh-card{min-width:calc(50% - 7px)}}
@media(max-width:600px){.cbh-card{min-width:calc(100%)}.cbh-sum-item{padding:0 16px}.cbh-sum-val{font-size:var(--type-subtitle)}}

/* â•â•â• WHY BACKCOMHUB â•â•â• */
.why-section{background:var(--white)}
.why-header{text-align:center;margin-bottom:32px}
.why-eyebrow{font-size:var(--type-label);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);background:var(--blue-light);border:1px solid var(--blue-mid);display:inline-block;padding:4px 14px;border-radius:20px;margin-bottom:14px;}
/* Diamond card */
.why-diamond-card{background:linear-gradient(135deg,var(--black) 0%,var(--blue-dark) 100%);border-radius:18px;padding:28px 32px;display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:center;margin-bottom:20px}
.why-diamond-badge{font-size:var(--type-label);font-weight:700;letter-spacing:1px;color:var(--yellow);background:rgba(255,224,16,.1);border:1px solid rgba(255,224,16,.25);padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:12px;}
.why-diamond-title{font-size:var(--type-metric);font-weight:900;color:var(--white);line-height:1.3;margin-bottom:10px}
.why-diamond-sub{font-size:var(--type-caption);color:rgba(255,255,255,.6);line-height:1.7}
.why-diamond-perks{display:flex;flex-direction:column;gap:14px}
.why-perk{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px}
.why-perk-icon{font-size:var(--type-card-title-mobile);flex-shrink:0;margin-top:1px}
.why-perk-title{font-size:var(--type-note);font-weight:700;color:var(--white);margin-bottom:3px}
.why-perk-desc{font-size:var(--type-label);color:rgba(255,255,255,.55);line-height:1.55}
/* 4-card grid */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.why-card{background:var(--gray-bg);border:1.5px solid var(--gray-border);border-radius:14px;padding:20px 18px;display:flex;flex-direction:column;gap:10px;transition:border-color .18s,box-shadow .18s}
.why-card:hover{border-color:var(--blue-mid);box-shadow:0 4px 16px rgba(63,127,255,.1)}
.why-card-icon{font-size:var(--type-card-title)}
.why-card-title{font-size:var(--type-note);font-weight:700;color:var(--black);line-height:1.35}
.why-card-desc{font-size:var(--type-caption);color:var(--text-mid);line-height:1.65}
/* Group card */
.why-group-card{background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:16px;padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}
.why-group-left{display:flex;align-items:flex-start;gap:12px}
.why-group-icon{font-size:var(--type-card-title);flex-shrink:0;margin-top:2px}
.why-group-title{font-size:var(--type-note);font-weight:700;color:var(--black);margin-bottom:4px}
.why-group-sub{font-size:var(--type-label);color:var(--text-light)}
.why-group-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.why-gb{display:flex;align-items:flex-start;gap:8px;font-size:var(--type-caption);color:var(--text-mid);line-height:1.55}
.why-gb-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:5px}
@media(max-width:1024px){.why-diamond-card{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.why-grid{grid-template-columns:1fr}.why-group-card{grid-template-columns:1fr}.why-group-benefits{grid-template-columns:1fr}}

/* â•â•â• COMPARE CTA ROW â•â•â• */
.compare-cta-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:20px 28px;background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:14px}
.compare-cta-txt{font-size:var(--type-note);color:var(--text-mid);line-height:1.6;flex:1}
.btn-cta-main{flex-shrink:0;display:inline-block;padding:13px 28px;background:var(--yellow);color:var(--black);font-weight:700;font-size:var(--type-note);border-radius:50px;text-decoration:none;white-space:nowrap;transition:opacity .18s}
.btn-cta-main:hover{opacity:.85}

@media(max-width:768px){
  section{padding:50px 5%}
  .hero{padding:44px 5% 36px}
  .hero-inner{grid-template-columns:1fr}
  .hero-title-main{font-size:var(--type-section-compact);letter-spacing:1.5px}
  .hero-panel{display:none}
  .sp-bar{gap:16px;padding:12px 5%}
  .mech-flow{grid-template-columns:1fr;gap:12px}
  .mech-flow::after{display:none}
  .rcalc-row2{grid-template-columns:1fr}
  .rcalc-result{grid-template-columns:1fr}
  .rcalc-box{padding:20px 16px}
  .rt2-sticky{max-height:320px}
  .mech-compare-row{grid-template-columns:1fr}
  .calc-row{grid-template-columns:1fr}
  .act-grid{grid-template-columns:1fr}
  .compare-cta-row{flex-direction:column;text-align:center}
  .compare-grid{grid-template-columns:1fr}
  .cond-cols{grid-template-columns:1fr}
  .pay-methods{grid-template-columns:1fr}
  .section-title{font-size:var(--type-card-title);letter-spacing:.3px}
  .navbar{padding:0 5%}
  .nav-link{display:none}
  .float-cta{bottom:14px;right:12px}
}

/* â•â•â• WHY V2: BLUE+YELLOW REDESIGN â•â•â• */
.why-section .why-intro{max-width:760px;margin:0 auto 36px;text-align:center;font-size:var(--type-note);color:var(--text-mid);line-height:1.85}
.why-diamond-card.v2{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);position:relative;overflow:hidden}
.why-diamond-card.v2::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;background:radial-gradient(circle,var(--yellow) 0%,transparent 70%);opacity:.18;pointer-events:none}
.why-diamond-card.v2 .why-diamond-badge{color:var(--black);background:var(--yellow);border-color:var(--yellow);font-weight:800}
.why-diamond-card.v2 .why-diamond-title{color:var(--white)}
.why-diamond-card.v2 .why-diamond-title em{font-style:normal;color:var(--yellow);font-weight:900}
.why-diamond-card.v2 .why-diamond-sub{color:rgba(255,255,255,.85)}
.why-diamond-card.v2 .why-perk{background:rgba(255,255,255,.1);border:1px solid rgba(255,224,16,.35);backdrop-filter:blur(4px)}
.why-diamond-card.v2 .why-perk-icon-svg{flex-shrink:0;width:44px;height:44px;border-radius:11px;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;margin-top:1px}
.why-diamond-card.v2 .why-perk-title{color:var(--yellow)}
.why-diamond-card.v2 .why-perk-desc{color:rgba(255,255,255,.78)}

.why-card.v2{position:relative;background:var(--white);border:1.5px solid var(--blue-mid)}
.why-card.v2::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--yellow);border-radius:14px 0 0 14px}
.why-card.v2 .why-card-icon-box{width:46px;height:46px;border-radius:12px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center}

.why-group-card.v2{background:linear-gradient(135deg,var(--yellow-light) 0%,var(--yellow-light) 100%);border:1.5px solid var(--yellow);position:relative;overflow:hidden}
.why-group-card.v2::before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:var(--blue)}
.why-group-card.v2 .why-group-icon-box{width:48px;height:48px;border-radius:12px;background:var(--blue);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.why-group-card.v2 .why-gb-dot{background:var(--yellow-dark)}

/* moved comparison table inside why-section */
.why-section .vs-wrap{margin-top:28px}
.why-section .vs-title{color:var(--blue)}

/* â•â•â• IBCHECK V2 â•â•â• */
.ibcheck-section .ibc-acc-num{color:var(--blue)}
.ibcheck-section .ibc-acc-arrow{color:var(--yellow-dark);background:var(--yellow-light);border-radius:50%;padding:4px;width:24px;height:24px;box-sizing:content-box}
.ibcheck-section .ibc-acc-item.open .ibc-acc-arrow{color:var(--black);background:var(--yellow)}
.ibcheck-section .ibc-acc-item{border:1.5px solid var(--blue-mid);background:var(--white);box-shadow:0 1px 4px rgba(63,127,255,.05)}
.ibcheck-section .ibc-acc-item.open{border-color:var(--blue);box-shadow:0 4px 18px rgba(63,127,255,.13)}
.ibc-case-cta.btn-guide{background:var(--yellow);color:var(--black);padding:8px 16px;border-radius:50px;font-weight:800;font-size:var(--type-caption);box-shadow:0 2px 8px rgba(255,224,16,.4)}
.ibc-case-cta.btn-guide:hover{background:var(--yellow-dark);color:var(--black)}

/* â•â•â• PROCESS V2 â•â•â• */
.process-section .section-sub{text-align:center;margin:0 auto 18px}
.process-section .ptabs{justify-content:center}

/* â•â•â• SUPPORT BANNER V2 â•â•â• */
.support-banner.v2{padding:24px 28px;gap:24px;grid-template-columns:1fr 320px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);border-color:var(--blue-dark)}
.support-banner.v2 .sb-online-badge{background:rgba(255,224,16,.15);border:1px solid var(--yellow);color:var(--yellow)}
.support-banner.v2 .sb-online-dot{background:var(--yellow)}
.support-banner.v2 .sb-big-title{color:var(--white);font-size:var(--type-card-title)}
.support-banner.v2 .sb-big-sub{color:rgba(255,255,255,.85);font-size:var(--type-caption)}
.support-banner.v2 .sb-big-sub strong{color:var(--yellow)}
.support-banner.v2 .sb-chip{background:rgba(255,255,255,.12);color:var(--white);border:1px solid rgba(255,255,255,.2)}
.support-banner.v2 .sb-right-card{padding:18px}
.support-banner.v2 .sb-submit{background:var(--yellow);color:var(--black);font-weight:800}
.support-banner.v2 .sb-submit:hover{background:var(--yellow-dark)}

/* â•â•â• TESTIMONIAL SOCIAL ICONS â•â•â• */
.testi-social{display:inline-flex;align-items:center;gap:5px;font-size:var(--type-label);color:var(--text-light)}
.testi-social svg{width:14px;height:14px}

/* â•â•â• COND V2 â•â•â• */
.cond-section .section-sub{max-width:780px;margin:0 auto 28px;text-align:center}
.cond-grid.v2{grid-template-columns:1fr 1fr;gap:18px}
.cond-card.v2{padding:24px;border:1.5px solid var(--blue-mid);background:var(--white);display:flex;gap:16px;align-items:flex-start;border-left:5px solid var(--yellow)}
.cond-card.v2 .cond-icon{margin:0;background:var(--blue);color:var(--white);width:50px;height:50px;flex-shrink:0;font-size:var(--type-card-title-mobile)}
.cond-card.v2 h4{font-size:var(--type-body);color:var(--blue);font-weight:800;margin-bottom:6px}
.cond-extra-intro{text-align:center;font-size:var(--type-note);color:var(--text-mid);margin:32px auto 18px;max-width:680px;line-height:1.7}
.cond-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:14px;overflow:hidden;border:1.5px solid var(--gray-border);background:var(--white)}
.cond-compare-col{padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.cond-compare-col.bch{background:linear-gradient(180deg,var(--blue) 0%,var(--blue-dark) 100%);color:var(--white);position:relative}
.cond-compare-col.bch::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--yellow)}
.cond-compare-col.other{background:var(--gray-bg)}
.cond-compare-head{display:flex;align-items:center;gap:10px;font-size:var(--type-body);font-weight:800;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18)}
.cond-compare-col.other .cond-compare-head{border-bottom-color:var(--gray-border);color:var(--text-mid)}
.cond-compare-head .head-badge{font-size:var(--type-label);font-weight:700;padding:3px 9px;border-radius:30px;background:var(--yellow);color:var(--black)}
.cond-compare-col.other .head-badge{background:var(--page-danger-soft);color:var(--page-danger)}
.cond-compare-item{display:flex;gap:10px;font-size:var(--type-caption);line-height:1.55}
.cond-compare-col.bch .cond-compare-item{color:rgba(255,255,255,.92)}
.cond-compare-col.other .cond-compare-item{color:var(--text-mid)}
.cond-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-label);font-weight:900;margin-top:1px}
.cond-check.y{background:var(--yellow);color:var(--black)}
.cond-check.n{background:var(--page-danger-soft);color:var(--page-danger)}
@media(max-width:768px){.cond-grid.v2,.cond-compare{grid-template-columns:1fr}}

/* â•â•â• FAQ V2 â•â•â• */
.faq-section.v2{padding-top:50px;padding-bottom:50px}
.faq-section.v2 .section-title{font-size:var(--type-card-title)}

/* â•â•â• ACCOUNT TYPES ARROW V2 â•â•â• */
.acctype-section .act-toggle-arrow{color:var(--black);background:var(--yellow);width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--type-label);font-weight:900}

/* â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• DETAIL PAGE VISUAL REFRESH â•â•â•â•â•â•â•â•â•â•â•â•â•â•â• */
body.page-template-page-chitietsan #main,
body.page-template-page-chitietsan-php #main{
  overflow:visible;
  background:var(--white);
}
.page-body{
  padding:0;
  background:var(--white);
  overflow-x:clip;
}
.page-body > .containers{
  width:100%;
  max-width:none;
}
.page-banner{
  min-height:270px;
  display:flex;
  align-items:center;
  border-radius:0 0 24px 24px;
  background:linear-gradient(180deg,var(--page-blue-strong) 0%,var(--page-blue) 58%,var(--page-blue-soft) 100%);
}
.page-banner .inner{
  padding-top:34px;
}
.page-banner .inner .title{
  font-size:var(--type-section-compact);
  letter-spacing:0;
  font-weight:800;
}

.page-body section{
  position:relative;
  padding:76px 20px;
}
.page-body section > .container,
.hero-inner,
.sp-cards-inner,
.sp-img-banner-inner, .backcom-explainer .container, .backcom-flow-layout .container{
  max-width:var(--layout-max,72rem);
  margin-left:auto;
  margin-right:auto;
}
.section-title{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
  font-size:var(--type-section-compact);
  letter-spacing:0;
  color:var(--page-blue-strong);
}
.section-sub{
  font-size:var(--type-note);
  line-height:1.7;
}
.section-label,
.why-eyebrow{
  letter-spacing:1.3px;
}

/* Hero */
.hero{
  padding:58px 20px 46px;
  border:0;
}
.hero-inner{
  grid-template-columns:minmax(0,1fr) 460px;
  gap:54px;
  align-items:center;
}
.hero-left{
  align-items:flex-start;
}
.hero-title-main{
  width:auto;
  margin-bottom:14px;
  text-align:left;
  color:var(--page-blue-strong);
  font-size:var(--type-section-compact);
  letter-spacing:0;
}
.hero-desc{
  margin-bottom:18px;
  text-align:left;
  font-size:var(--type-caption);
  line-height:1.75;
}
.hero-ib-row,
.hero-ctas{
  align-self:flex-start;
  justify-content:flex-start;
}
.hero-ib-row{
  margin-bottom:14px;
  padding:7px 12px;
  border-width:1px;
  border-radius:7px;
}
.ib-val{
  border:0;
  padding:2px 7px;
  background:transparent;
}
.ib-copy-btn,
.btn-hero-primary,
.btn-hero-secondary{
  border-radius:7px;
}
.btn-hero-primary,
.btn-hero-secondary{
  padding:11px 20px;
  font-size:var(--type-caption);
}
.hero-bonus-bar{
  width:100%;
  margin-top:16px;
  border-radius:8px;
  box-sizing:border-box;
}
.hero-panel{
  min-height:360px;
}
.hero-ad-placeholder{
  min-height:360px;
  overflow:hidden;
  border:0;
  border-radius:8px;
  background:var(--black);
  box-shadow:0 18px 40px rgba(15,35,70,.18);
}
.hero-promo{
  position:relative;
  width:100%;
  height:100%;
  min-height:360px;
  padding:28px;
  overflow:hidden;
  color:var(--white);
  background:
    radial-gradient(circle at 75% 48%,rgba(29,115,255,.45),transparent 30%),
    linear-gradient(145deg,var(--black) 0%,var(--page-text-strong) 54%,var(--black) 100%);
}
.hero-promo:before{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-100px;
  width:300px;
  height:300px;
  border:28px solid rgba(27,117,255,.4);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(27,117,255,.12),0 0 70px rgba(27,117,255,.4);
}
.hero-promo-brand{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:var(--type-caption);
}
.hero-promo-brand span{
  color:var(--broker-brand);
  font-size:var(--type-metric);
  font-weight:800;
}
.hero-promo-brand i{
  width:1px;
  height:18px;
  background:var(--text-mid);
}
.hero-promo-kicker{
  position:relative;
  z-index:2;
  margin-top:48px;
  font-size:var(--type-subtitle);
  font-weight:800;
}
.hero-promo-rate{
  position:relative;
  z-index:2;
  color:var(--broker-brand);
  font-size:calc(var(--type-section) * 1.6);
  font-weight:900;
  line-height:.95;
}
.hero-promo p{
  position:relative;
  z-index:2;
  margin-top:8px;
  font-size:var(--type-caption);
  color:var(--text-light);
}
.hero-promo-orbit{
  position:absolute;
  right:40px;
  bottom:62px;
  width:160px;
  height:160px;
  border:2px solid rgba(49,139,255,.75);
  border-radius:50%;
}
.promo-core,
.promo-coin{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-weight:900;
}
.promo-core{
  inset:38px;
  color:var(--broker-brand);
  background:var(--page-text-strong);
  border:9px solid var(--page-blue-strong);
  box-shadow:0 0 30px rgba(22,116,237,.8);
}
.promo-coin{
  width:34px;
  height:34px;
  color:var(--broker-on-brand);
  background:var(--broker-brand);
  box-shadow:0 6px 18px rgba(255,224,16,.35);
}
.coin-a{left:-10px;top:42px}
.coin-b{right:2px;top:5px}
.coin-c{right:-5px;bottom:18px}
.hero-promo-features{
  position:absolute;
  z-index:2;
  left:28px;
  right:28px;
  bottom:22px;
  display:flex;
  gap:8px;
}
.hero-promo-features span{
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  color:var(--page-blue-soft);
  background:rgba(255,255,255,.04);
  font-size:var(--type-label);
}

/* Alternating section bands */
.mechanism,
.compare-section,
.payout-section,
.acctype-section,
.process-section,
.proof-section,
.faq-section{
  background:var(--white);
}
.calc-section,
.rebate-calc-section,
.why-section,
.trust-section,
.ibcheck-section,
.cbhist-section,
.cond-section,
.signup-section,
.related-section{
  background:var(--page-soft-bg);
}
.calc-section:before,
.rebate-calc-section:before,
.why-section:before,
.trust-section:before,
.ibcheck-section:before,
.cond-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 10% 10%,rgba(255,255,255,.9),transparent 32%);
}
.page-body section > .container{
  position:relative;
  z-index:1;
}

/* Mechanism */
.mechanism .mech-intro{
  margin-bottom:34px;
}
.mech-compare-row{
  gap:14px;
}
.mech-no,
.mech-yes,
.mech-qa{
  border-radius:8px;
}
.mech-story{
  margin-top:40px;
}
.mech-expert{
  display:grid;
  grid-template-columns:360px 1fr;
  align-items:center;
  gap:42px;
}
.expert-visual{
  position:relative;
  min-height:250px;
}
.expert-avatar{
  position:absolute;
  left:35px;
  bottom:0;
  width:170px;
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:80px 80px 20px 20px;
  color:var(--white);
  background:linear-gradient(150deg,var(--page-blue-soft),var(--page-blue-strong));
  font-size:calc(var(--type-section) * 1.7);
  font-weight:900;
  box-shadow:0 20px 34px rgba(28,102,210,.18);
}
.expert-screen{
  position:absolute;
  right:0;
  bottom:28px;
  width:190px;
  padding:22px;
  border:8px solid var(--page-text-body);
  border-radius:8px;
  color:var(--white);
  background:var(--black);
  box-shadow:0 14px 24px rgba(15,23,42,.24);
}
.expert-screen span,
.expert-screen small{
  display:block;
  color:var(--text-light);
  font-size:var(--type-label);
}
.expert-screen strong{
  display:block;
  margin:4px 0;
  color:var(--broker-brand);
  font-size:var(--type-section-compact);
}
.expert-label{
  color:var(--page-blue-strong);
  font-size:var(--type-caption);
  font-weight:700;
}
.expert-copy h3{
  margin:7px 0 12px;
  color:var(--page-blue-strong);
  font-size:var(--type-card-title);
}
.expert-copy p,
.expert-copy li{
  color:var(--text-mid);
  font-size:var(--type-caption);
  line-height:1.7;
}
.expert-copy ul{
  margin:14px 0 0;
  padding:0;
  list-style:none;
}
.expert-copy li{
  position:relative;
  padding-left:20px;
  margin-bottom:6px;
}
.expert-copy li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--page-success);
  font-weight:800;
}
.mech-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(7,auto);
  align-items:center;
  gap:12px;
  margin-top:35px;
  padding:26px 30px 38px;
  border:1px solid var(--page-blue-border);
  border-radius:8px;
  background:var(--white);
}
.mech-step{
  position:relative;
  min-width:135px;
  padding:18px 12px;
  text-align:center;
  border:1px solid var(--gray-border);
  border-radius:8px;
  background:var(--white);
}
.mech-step b{
  position:absolute;
  top:-10px;
  left:10px;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:var(--white);
  background:var(--page-blue-strong);
  font-size:var(--type-label);
}
.mech-step-icon{
  width:44px;
  height:44px;
  margin:0 auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:var(--page-text-strong);
  background:var(--broker-brand);
  font-weight:900;
}
.mech-step strong,
.mech-step small{
  display:block;
}
.mech-step strong{font-size:var(--type-caption)}
.mech-step small{margin-top:3px;color:var(--text-light);font-size:var(--type-label)}
.mech-arrow{color:var(--broker-brand);font-size:var(--type-card-title-mobile)}
.mech-flow-note{
  position:absolute;
  left:50%;
  bottom:-12px;
  transform:translateX(-50%);
  padding:6px 24px;
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--white);
  border:1px solid var(--page-blue-strong);
  font-size:var(--type-label);
  font-weight:800;
}

/* Tables and calculator */
.calc-section .rt-search-wrap,
.calc-section .rt2-wrap{
  max-width:72rem;
  margin-left:auto;
  margin-right:auto;
}
.rt-search-box,
.rt2-wrap,
.rcalc-box{
  border-radius:8px;
}
.rt2-wrap{
  box-shadow:0 16px 34px rgba(33,97,180,.1);
}
.rebate-calc-section .container{
  display:grid;
  grid-template-columns:minmax(0,650px) 260px;
  justify-content:center;
  column-gap:70px;
}
.rebate-calc-section .section-title,
.rebate-calc-section .section-sub{
  grid-column:1/-1;
}
.rebate-calc-section:after{
  content:"$";
  grid-column:2;
  grid-row:3;
  width:180px;
  height:230px;
  align-self:center;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:34px 34px 60px 60px;
  color:var(--white);
  background:linear-gradient(150deg,var(--page-blue-border),var(--page-blue-strong));
  box-shadow:0 0 0 22px rgba(66,145,246,.08),0 0 0 44px rgba(66,145,246,.04),0 24px 48px rgba(22,116,237,.25);
  font-size:calc(var(--type-section) * 1.9);
  font-weight:900;
  transform:rotate(12deg);
}
.rcalc-box{
  grid-column:1;
  grid-row:3;
  max-width:none;
  padding:28px;
  border:0;
}
.rcalc-select,
.rcalc-input,
.rcalc-btn{
  border-radius:7px;
}
.rcalc-result{
  border-radius:7px;
  background:var(--white);
  border:2px solid var(--page-blue-strong);
}

/* Shared card cleanup */
.c-card,
.why-diamond-card,
.why-card,
.why-group-card,
.payout-highlight,
.payout-method,
.trust-card,
.act-card,
.ibc-acc-item,
.ibc-case,
.step,
.support-banner,
.cbh-card,
.testi-card,
.cond-card,
.cond-compare,
.faq-item,
.r-card,
.signup-inner{
  border-radius:8px;
}
.compare-grid,
.payout-grid,
.trust-grid,
.act-grid,
.steps,
.testi-grid,
.cond-grid,
.related-grid{
  gap:16px;
}
.why-diamond-card.v2{
  background:linear-gradient(135deg,var(--page-blue-strong),var(--page-blue));
}
.why-card.v2,
.act-card,
.testi-card{
  box-shadow:0 10px 24px rgba(33,90,170,.08);
}
.why-section .why-intro{
  margin-bottom:16px;
  font-size:var(--type-caption);
}
.why-grid{
  margin-top:18px;
}
.payout-highlight{
  background:linear-gradient(135deg,var(--page-blue-strong),var(--page-blue));
}
.trust-section .trust-grid,
.acctype-section .act-grid{
  align-items:stretch;
}
.act-card{
  padding:22px;
}
.act-card:first-child{
  color:var(--white);
  border-color:var(--page-blue-strong);
  background:linear-gradient(180deg,var(--page-blue-strong),var(--page-blue));
}
.act-card:first-child .act-name,
.act-card:first-child .act-desc,
.act-card:first-child .act-stat-lbl,
.act-card:first-child .act-stat-val{
  color:var(--white);
}
.act-card:first-child .act-stat,
.act-card:first-child .act-rec{
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.12);
}
.act-btn{
  border-radius:7px;
}
.ibc-accordion{
  max-width:760px;
}
.process-section .steps{
  margin-top:24px;
}
.video-wrap{
  border-radius:8px;
  background:var(--black);
}
.support-banner.v2{
  border-radius:8px;
}
.cbhist-section{
  overflow:hidden;
}
.cbh-img-placeholder{
  position:relative;
  overflow:hidden;
  background:
    repeating-linear-gradient(0deg,var(--gray-bg) 0,var(--gray-bg) 22px,var(--gray-border) 23px),
    var(--page-neutral-soft);
}
.cbh-img-placeholder:before{
  content:"ID khách hàng          Số tiền";
  position:absolute;
  top:18px;
  left:16px;
  right:16px;
  padding:9px;
  color:var(--text-mid);
  background:var(--gray-border);
  font-size:var(--type-label);
  white-space:pre;
}
.cbh-img-placeholder:after{
  content:"103847251     $48.50\A 109524878     $72.15\A 108973424     $31.90\A 104637105     $64.45";
  position:absolute;
  top:62px;
  left:28px;
  color:var(--text-light);
  font:10px/32px monospace;
  white-space:pre;
}
.cbh-img-icon,
.cbh-img-placeholder > span{
  display:none;
}
.testi-grid{
  grid-template-columns:repeat(3,1fr);
}
.testi-card{
  padding:18px;
}
.signup-inner{
  padding:42px 30px;
  background:transparent;
  border:0;
}
.faq-list{
  max-width:780px;
}
.faq-item{
  border-color:var(--page-blue-border);
}
.related-grid{
  grid-template-columns:repeat(3,1fr);
}
.r-card:nth-child(4){
  display:none;
}
.r-thumb{
  min-height:110px;
  color:var(--broker-brand);
  background:linear-gradient(135deg,var(--page-text-strong),var(--black));
  font-size:var(--type-watermark);
}
/* Responsive */
@media(max-width:900px){
  .page-banner{min-height:230px}
  .hero-inner{grid-template-columns:1fr 380px;gap:28px}
  .hero-promo-rate{font-size:calc(var(--type-section) * 1.3)}
  .mech-expert{grid-template-columns:300px 1fr;gap:28px}
  .mech-flow{grid-template-columns:repeat(4,1fr);gap:10px}
  .mech-arrow{display:none}
  .rebate-calc-section .container{grid-template-columns:1fr 190px;column-gap:35px}
  .rebate-calc-section:after{width:130px;height:180px;font-size:calc(var(--type-section) * 1.4)}
}
@media(max-width:768px){
  .page-body section{padding:54px 16px}
  .page-banner{min-height:210px;border-radius:0 0 16px 16px}
  .page-banner .inner .title{font-size:var(--type-section-mobile)}
  .section-title{font-size:var(--type-card-title)}
  .hero{padding:42px 16px 34px}
  .hero-inner{grid-template-columns:1fr}
  .hero-left{align-items:center}
  .hero-title-main,
  .hero-desc{text-align:center}
  .hero-ib-row,
  .hero-ctas{align-self:center;justify-content:center}
  .hero-panel{display:flex;min-height:310px}
  .hero-ad-placeholder,
  .hero-promo{min-height:310px}
  .hero-promo-kicker{margin-top:30px}
  .hero-promo-rate{font-size:calc(var(--type-section) * 1.25)}
  .hero-promo-orbit{width:135px;height:135px;right:30px}
  .sp-cards-inner{grid-template-columns:repeat(2,1fr)}
  .partner-proof{padding:20px}
  .rt-search-box{flex-wrap:wrap}
  .rt-search-meta{
    width:100%;
    justify-content:flex-end;
    font-size:var(--type-label);
  }
  .mech-expert{grid-template-columns:1fr}
  .expert-visual{width:min(360px,100%);margin:auto}
  .expert-copy{text-align:center}
  .expert-copy li{text-align:left}
  .mech-flow{grid-template-columns:repeat(2,1fr);padding:24px 18px 38px}
  .mech-step{min-width:0}
  .rebate-calc-section .container{display:flex;flex-direction:column;align-items:center}
  .rebate-calc-section:after{display:none}
  .testi-grid,
  .related-grid{grid-template-columns:1fr}
  .r-card:nth-child(4){display:flex}
  .why-diamond-card.v2,
  .support-banner.v2{
    grid-template-columns:1fr;
  }
  .why-diamond-card.v2 > *,
  .support-banner.v2 > *,
  .sb-right-card{
    min-width:0;
  }
}
@media(max-width:520px){
  .page-banner{min-height:185px}
  .page-banner .inner{padding-top:45px}
  .page-banner .inner .title{font-size:var(--type-card-title-mobile)}
  .page-body section{padding:46px 12px}
  .section-title{font-size:var(--type-card-title-mobile);line-height:1.28}
  .hero{padding-left:12px;padding-right:12px}
  .hero-title-main{font-size:var(--type-card-title)}
  .hero-desc{font-size:var(--type-caption)}
  .hero-ctas{width:100%}
  .btn-hero-primary,
  .btn-hero-secondary{flex:1;justify-content:center;padding:10px 9px;font-size:var(--type-label)}
  .hero-bonus-bar{
    display:grid;
    grid-template-columns:1fr;
    align-items:flex-start;
  }
  .hbb-cd{
    width:100%;
    justify-content:center;
  }
  .hero-promo{padding:22px}
  .hero-promo-rate{font-size:var(--type-section)}
  .hero-promo-orbit{right:12px;bottom:70px;width:115px;height:115px}
  .promo-core{inset:30px;border-width:6px}
  .hero-promo-features{left:18px;right:18px;overflow:hidden}
  .hero-promo-features span{font-size:var(--type-label);white-space:nowrap}
  .sp-cards-wrap{padding-left:12px;padding-right:12px}
  .sp-card{padding:10px;gap:8px}
  .sp-card-icon{width:34px;height:34px}
  .sp-card-num{font-size:var(--type-subtitle)}
  .expert-avatar{left:8px;width:145px;height:190px}
  .expert-screen{right:5px;width:165px}
  .expert-copy h3{font-size:var(--type-metric)}
  .mech-flow{grid-template-columns:1fr 1fr;padding-left:10px;padding-right:10px}
  .mech-step{padding:16px 7px}
  .rcalc-box{padding:18px 14px}
  .why-diamond-card.v2,
  .support-banner.v2{padding:20px 16px}
  .testi-card{padding:14px}
  .signup-inner{padding:28px 8px}
}

/* Hero layout matched to supplied Exness reference */
.hero{
  padding:42px 20px 58px;
  background:var(--page-soft-bg);
}
.hero-inner{
  max-width:72rem;
  grid-template-columns:minmax(0,1fr) 465px;
  gap:48px;
  align-items:center;
}
.hero-left{
  align-items:center;
  min-width:0;
}
.hero-title-main{
  width:100%;
  margin-bottom:14px;
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.1;
  text-align:center;
}
.hero-desc{
  max-width:440px;
  margin:0 auto 14px;
  color:var(--page-text-body);
  font-size:var(--type-caption);
  line-height:1.65;
  text-align:center;
}
.hero-ib-row{
  width:auto;
  min-height:34px;
  margin:8px auto 22px;
  padding:4px 5px 4px 14px;
  justify-content:center;
  gap:8px;
  border:0;
  border-radius:999px;
  background:var(--white);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  box-sizing:border-box;
}
.ib-prefix{
  color:var(--text-mid);
  font-size:var(--type-caption);
}
.ib-val{
  padding:0;
  color:var(--page-blue);
  font-size:var(--type-caption);
}
.ib-copy-btn{
  margin-left:2px;
  padding:6px 12px;
  color:var(--white);
  background:var(--page-blue);
  border-radius:999px;
  font-size:var(--type-caption);
  font-weight:800;
  box-shadow:0 8px 18px rgba(40,120,243,.22);
}
.ib-copy-btn:hover,
.ib-copy-btn.copied{
  color:var(--white);
  background:var(--page-blue-strong);
}
.hero-ctas{
  width:100%;
  align-self:center;
  justify-content:center;
  gap:10px;
}
.btn-hero-primary,
.btn-hero-secondary{
  min-width:188px;
  min-height:39px;
  justify-content:center;
  gap:9px;
  padding:9px 18px;
  border-radius:999px;
  font-size:var(--type-caption);
}
.btn-hero-primary{
  color:var(--broker-on-brand);
  background:var(--broker-brand);
  box-shadow:0 8px 18px rgba(255,208,0,.28);
}
.btn-hero-primary:hover{
  color:var(--broker-on-brand);
  background:var(--broker-brand);
}
.btn-hero-secondary{
  min-width:164px;
  color:var(--page-blue);
  border:1px solid var(--page-blue);
  background:var(--white);
}
.hero-bonus-bar{
  width:100%;
  min-height:102px;
  margin-top:24px;
  padding:15px 16px;
  flex-wrap:nowrap;
  gap:12px;
  border:1px solid var(--broker-brand);
  border-radius:10px;
  background:var(--broker-brand-light);
  box-sizing:border-box;
}
.hbb-left{
  align-items:flex-start;
  gap:9px;
}
.hbb-pulse{
  width:8px;
  height:8px;
  margin-top:5px;
}
.hbb-text{
  font-size:var(--type-label);
  line-height:1.65;
}
.hbb-cd{
  gap:4px;
}
.hbb-box{
  min-width:38px;
  padding:5px;
  border:0;
  border-radius:6px;
  box-shadow:0 1px 5px rgba(0,0,0,.04);
}
.hbb-num{
  color:var(--page-blue);
  font-size:var(--type-body);
}
.hbb-unit{font-size:var(--type-label)}
.hbb-sep{
  margin-bottom:9px;
  color:var(--page-blue);
  font-size:var(--type-caption);
}
.hero-panel,
.hero-ad-placeholder{
  min-height:0;
}
.hero-ad-placeholder{
  display:block;
  overflow:hidden;
  border:0;
  border-radius:12px;
  background:transparent;
  box-shadow:0 12px 30px rgba(20,55,110,.12);
}
.hero-promo-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.15/1;
  object-fit:cover;
  border-radius:12px;
}

@media(max-width:900px){
  .hero-inner{
    max-width:760px;
    grid-template-columns:minmax(0,1fr) 350px;
    gap:28px;
  }
  .hero-title-main{font-size:var(--type-section-mobile)}
  .btn-hero-primary{min-width:160px}
  .btn-hero-secondary{min-width:145px}
}
@media(max-width:768px){
  .hero{padding:38px 16px 44px}
  .hero-inner{
    grid-template-columns:1fr;
    max-width:520px;
  }
  .hero-panel{
    display:block;
    width:100%;
    order:2;
  }
  .hero-title-main{font-size:var(--type-section-mobile)}
  .hero-desc{max-width:480px}
  .hero-promo-image{
    aspect-ratio:auto;
    object-fit:contain;
  }
}
@media(max-width:520px){
  .hero{padding-left:12px;padding-right:12px}
  .hero-title-main{font-size:var(--type-card-title-mobile)}
  .hero-ib-row{margin-bottom:18px}
  .hero-ctas{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .btn-hero-primary,
  .btn-hero-secondary{
    width:100%;
    min-width:0;
    padding-left:8px;
    padding-right:8px;
    font-size:var(--type-label);
  }
  .hero-bonus-bar{
    display:grid;
    grid-template-columns:1fr;
    min-height:0;
    flex-wrap:wrap;
  }
  .hbb-cd{
    width:100%;
    justify-content:center;
  }
}

/* Social proof cards matched to supplied reference */
.sp-cards-wrap{
  padding:42px 20px 34px;
  background:var(--blue-light);
  border:0;
}
.sp-cards-inner{
  max-width:var(--layout-max,72rem);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:16px;
  align-items:stretch;
}
.sp-card{
  min-height:116px;
  padding:24px 22px;
  gap:16px;
  align-items:center;
  border:1px solid var(--gray-border);
  border-radius:18px;
  background:var(--white);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
  box-sizing:border-box;
}
.sp-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(var(--blue-rgb),.1);
}
.sp-card.sp-card-diamond{
  position:relative;
  overflow:visible;
  border:2px solid var(--blue);
  background:var(--white);
  box-shadow:0 10px 18px rgba(var(--blue-rgb),.12),0 2px 0 var(--yellow);
}
.sp-card-tier{
  position:absolute;
  top:10px;
  right:12px;
  z-index:2;
  padding:3px 9px;
  border-radius:999px;
  background:var(--yellow);
  color:var(--black);
  font-size:var(--type-label,10px);
  font-weight:900;
  line-height:1;
  letter-spacing:.2px;
}
.sp-card-icon,
.sp-card.sp-card-diamond .sp-card-icon{
  position:relative;
  z-index:1;
  width:46px;
  height:46px;
  flex:0 0 46px;
  border:0;
  border-radius:999px;
  background:var(--blue-light);
  display:flex;
  align-items:center;
  justify-content:center;
}
.sp-card.sp-card-diamond .sp-card-icon{
  border:1.5px solid var(--blue-mid);
  background:var(--blue-light);
}
.sp-card-icon img{
  display:block;
  width:24px;
  height:24px;
  object-fit:contain;
}
.sp-card.sp-card-diamond .sp-card-icon img{
  width:22px;
  height:22px;
}
.sp-card-body{
  position:relative;
  z-index:1;
  min-width:0;
}
.sp-card-num{
  margin:0 0 6px;
  color:var(--blue);
  font-size:var(--type-section-mobile,28px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.2px;
}
.sp-card-lbl{
  color:var(--text-mid);
  font-size:var(--type-caption,12px);
  font-weight:500;
  line-height:1.28;
}
.sp-card.sp-card-diamond .sp-card-num{
  color:var(--blue);
  font-size:var(--type-section-mobile,28px);
  text-shadow:none;
}
.sp-card.sp-card-diamond .sp-card-lbl{
  max-width:140px;
  color:var(--text);
  font-size:var(--type-caption,12px);
  font-weight:700;
  text-shadow:none;
}
@media(max-width:900px){
  .sp-cards-inner{
    grid-template-columns:repeat(2,1fr);
    max-width:720px;
  }
}
@media(max-width:560px){
  .sp-cards-wrap{
    padding:20px 14px 24px;
  }
  .sp-cards-inner{
    grid-template-columns:1fr;
    gap:14px;
  }
  .sp-card{
    min-height:96px;
    padding:18px 20px;
  }
  .sp-card-num{
    font-size:var(--type-section-mobile);
  }
}

/* Partner commission proof matched to supplied reference */
.sp-img-banner-wrap{
  padding:0 20px 40px;
  background:var(--blue-light);
  border:0;
}
.sp-img-banner-inner{
  max-width:48rem;
  margin:0 auto;
}
.sp-img-banner{
  min-height:0;
  height:auto;
  padding:22px 26px;
  align-items:center;
  border:1px solid var(--blue-mid);
  border-radius:22px;
  background:rgba(255,255,255,.58);
  box-sizing:border-box;
}
.partner-proof{
  position:relative;
  width:min(700px,100%);
  margin:0 auto;
  padding:36px 24px 32px;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.85);
  border-radius:8px;
  background:var(--white);
  box-shadow:0 2px 8px rgba(15,23,42,.08),0 16px 36px rgba(15,23,42,.06);
  box-sizing:border-box;
}
.partner-proof-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:32px;
}
.partner-proof-heading{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--black);
  font-size:var(--type-card-title);
  font-weight:900;
  line-height:1.1;
}
.partner-proof-heading img{
  width:30px;
  height:30px;
  object-fit:contain;
  transform:translateY(-3px);
}
.partner-proof-check{
  align-self:flex-start;
  width:16px;
  height:16px;
  margin-left:-3px;
  margin-top:-9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--page-success);
  color:var(--white);
  font-size:var(--type-label);
  font-weight:900;
}
.partner-proof-title p{
  margin-top:8px;
  color:var(--text-mid);
  font-size:var(--type-note);
  line-height:1.4;
}
.partner-proof-badge,
.partner-proof-calc{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:5px;
  text-decoration:none;
}
.partner-proof-badge{
  min-height:38px;
  padding:8px 15px;
  color:var(--black);
  background:var(--yellow);
  font-size:var(--type-body);
  font-weight:500;
}
.partner-proof-badge svg,
.partner-proof-calc svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:currentColor;
  stroke:none;
}
.partner-proof-badge svg{
  width:16px;
  height:16px;
  flex-basis:16px;
}
.partner-proof-rows{
  display:flex;
  align-items:flex-start;
  gap:22px;
  margin-bottom:36px;
}
.partner-proof-rows div{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  min-width:72px;
  padding-right:22px;
  color:var(--black);
  font-size:var(--type-caption,12px);
  line-height:1.35;
}
.partner-proof-rows div:not(:last-child):after{
  content:"";
  position:absolute;
  top:3px;
  right:0;
  width:1px;
  height:22px;
  background:var(--page-divider);
}
.partner-proof-rows span{
  color:var(--text);
}
.partner-proof-rows strong,
.partner-proof-rows .partner-proof-link{
  color:var(--blue);
  font-size:var(--type-metric);
  font-weight:800;
  line-height:1;
  text-decoration:underline;
  text-decoration-style:dashed;
  text-underline-offset:5px;
  text-decoration-thickness:1px;
}
.partner-proof-calc{
  width:max-content;
  max-width:100%;
  min-height:40px;
  margin-bottom:28px;
  padding:9px 22px;
  color:var(--black);
  background:var(--page-neutral-soft);
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  font-size:var(--type-note);
  font-weight:500;
}
.partner-proof-watermark{
  margin:4px 0 26px;
  color:rgba(var(--blue-rgb),.25);
  font-size:var(--type-watermark);
  font-weight:900;
  line-height:1;
  letter-spacing:1px;
  text-align:center;
}
.partner-proof-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:26px;
}
.partner-proof-progress-head strong{
  color:var(--black);
  font-size:var(--type-body);
  font-weight:900;
}
.partner-proof-progress-head a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--blue);
  font-size:var(--type-body);
  text-decoration:none;
}
.partner-proof-progress-head a svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:currentColor;
}
.partner-proof-progress{
  display:grid;
  gap:24px;
}
.partner-proof-progress-row,
.partner-proof-level{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.partner-proof-progress-row{
  margin-bottom:12px;
}
.partner-proof-progress-row span{
  color:var(--blue);
  font-size:var(--type-body);
  text-decoration:underline;
  text-decoration-style:dashed;
  text-underline-offset:5px;
}
.partner-proof-progress-row strong{
  color:var(--black);
  font-size:var(--type-caption,12px);
  font-weight:500;
}
.partner-proof-bar{
  display:block;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:var(--page-progress-track);
}
.partner-proof-bar i{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:var(--page-success);
}
.partner-proof-level{
  margin-top:8px;
  color:var(--black);
  font-size:var(--type-caption,12px);
}
@media(max-width:768px){
  .sp-img-banner{
    padding:18px;
  }
  .partner-proof{
    padding:24px 18px;
  }
  .partner-proof-top,
  .partner-proof-progress-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .partner-proof-heading{
    font-size:var(--type-card-title-mobile);
  }
  .partner-proof-rows{
    flex-wrap:wrap;
    gap:18px;
  }
  .partner-proof-watermark{
    font-size:var(--type-watermark-mobile);
  }
  .partner-proof-progress-row{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
}
@media(max-width:520px){
  .partner-proof-badge,
  .partner-proof-calc{
    width:100%;
  }
  .partner-proof-rows{
    display:grid;
    grid-template-columns:1fr;
  }
  .partner-proof-rows div{
    padding-right:0;
  }
  .partner-proof-rows div:not(:last-child):after{
    display:none;
  }
  .partner-proof-watermark{
    font-size:var(--type-watermark-xs);
  }
}
/* Mechanism section matched to supplied reference */
.mechanism{
  padding:74px 20px 24px;
  background-color:var(--page-soft-bg);
  background-image:linear-gradient(rgba(var(--page-grid-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--page-grid-rgb),.06) 1px,transparent 1px);
  background-size:56px 56px;
}
.mechanism .container{
  max-width:var(--layout-max,72rem);
  margin:0 auto;
}
.mechanism-kicker{
  width:max-content;
  min-width:86px;
  margin:0 auto 18px;
  padding:4px 18px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  background:var(--page-blue-soft);
  color:var(--page-blue-strong);
  font-size:var(--type-caption);
  font-weight:800;
  line-height:1;
  text-align:center;
}
.mechanism .section-title{
  max-width:900px;
  margin:0 auto 18px;
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  font-weight:800;
  line-height:1.12;
  letter-spacing:0;
}
.mechanism .mech-intro{
  margin-top:0;
  gap:44px;
}
.mechanism .mech-intro > p{
  max-width:660px;
  margin:0 auto;
  color:var(--page-text-body);
  font-size:var(--type-body);
  line-height:1.5;
  text-align:center;
}
.mechanism .mech-compare-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:0;
}
.mechanism .mech-no,
.mechanism .mech-yes{
  min-height:118px;
  padding:24px 28px;
  border-radius:18px;
  box-sizing:border-box;
  box-shadow:none;
}
.mechanism .mech-no{
  border:1px solid var(--page-danger-border);
  background:var(--page-danger-soft);
}
.mechanism .mech-yes{
  border:1px solid var(--page-blue-border);
  background:var(--page-blue-soft);
}
.mechanism .mech-no-head,
.mechanism .mech-yes-head{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:var(--type-note);
  font-weight:800;
  line-height:1.2;
}
.mechanism .mech-no-head{
  color:var(--page-danger);
}
.mechanism .mech-yes-head{
  color:var(--page-blue-strong);
}
.mechanism .mech-head-icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:50%;
  color:var(--white);
}
.mechanism .mech-no-head .mech-head-icon{
  background:var(--page-danger);
}
.mechanism .mech-yes-head .mech-head-icon{
  background:var(--page-blue-strong);
}
.mechanism .mech-head-icon svg{
  display:block;
  width:12px;
  height:12px;
}
.mechanism .mech-no p,
.mechanism .mech-yes p{
  margin:0;
  color:var(--page-text-body);
  font-size:var(--type-note);
  line-height:1.52;
}
.mechanism .mech-yes p strong{
  color:var(--page-blue-strong);
  font-weight:800;
}
.mechanism .mech-qa,
.mechanism .mech-story{
  display:none;
}
@media(max-width:768px){
  .mechanism{
    padding:54px 16px 34px;
  }
  .mechanism .section-title{
    font-size:var(--type-section-mobile);
  }
  .mechanism .mech-intro{
    gap:30px;
  }
  .mechanism .mech-compare-row{
    grid-template-columns:1fr;
  }
}

/* Backcom explanation layouts before rebate table */
.backcom-explainer{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0 20px 44px;
  background-color:var(--page-soft-bg);
  background-image:linear-gradient(rgba(var(--page-grid-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--page-grid-rgb),.06) 1px,transparent 1px);
  background-size:56px 56px;
}
.backcom-question-layout{
  position:relative;
  order:2;
  width:100%;
  max-width:var(--layout-max,72rem);
  margin:24px auto 0;
  padding:16px 22px;
  overflow:hidden;
  border:1px solid var(--broker-brand,var(--yellow));
  border-radius:14px;
  background:linear-gradient(90deg,rgba(var(--broker-brand-rgb),.12),rgba(255,255,255,.78));
  box-sizing:border-box;
}
.bq-copy{
  position:relative;
  z-index:3;
  max-width:none;
  margin:0;
  padding-top:0;
  color:var(--page-text-strong);
}
.bq-title{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin:0 4px 6px 0;
  color:var(--page-blue);
  font-size:var(--type-caption);
  font-weight:900;
  line-height:1.45;
}
.bq-icon{
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:var(--type-label);
  line-height:1;
}
.bq-quote{
  display:inline;
  margin:0;
  color:var(--page-text-strong);
  font-size:var(--type-caption);
  font-weight:600;
  font-style:italic;
  line-height:1.6;
}
.bq-copy p{
  margin:8px 0 0;
  color:var(--page-text-body);
  font-size:var(--type-caption);
  line-height:1.65;
}
.bq-copy strong{
  color:var(--page-text-strong);
  font-weight:900;
}
.backcom-flow-layout{
  position:relative;
  order:1;
  z-index:2;
  width:100%;
  max-width:var(--layout-max,72rem);
  margin:0 auto;
}
.backcom-flow-layout .container{
  max-width:var(--layout-max,72rem);
  margin:0 auto;
  padding:20px 34px;
  border:1px solid var(--page-blue-border);
  border-radius:18px;
  background:var(--white);
  box-sizing:border-box;
}
.backcom-flow-layout img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
  box-shadow:none;
}
.calc-section{
  background-color:var(--page-soft-bg);
  background-image:linear-gradient(rgba(var(--page-grid-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--page-grid-rgb),.06) 1px,transparent 1px);
  background-size:56px 56px;
}
.calc-section:before{
  display:none;
}
.calc-section > .container > .section-title:first-child{
  position:relative;
  max-width:820px;
  color:var(--page-blue);
  text-align:center;
  line-height:1.14;
}
.calc-section > .container > .section-sub{
  max-width:780px !important;
  color:var(--page-text-body);
  font-size:var(--type-subtitle) !important;
  line-height:1.55 !important;
}
.calc-section > .container > .section-sub strong{
  color:var(--page-blue-strong);
  font-weight:900;
}
.calc-section > .container:before{
  content:"MỨC HOÀN PHÍ CỤ THỂ";
  display:block;
  width:max-content;
  min-width:54px;
  margin:0 auto 20px;
  padding:6px 18px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  background:var(--page-blue-soft);
  color:var(--page-blue-strong);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
  text-align:center;
}
.exness-fees{
  max-width:var(--layout-max,72rem);
  margin:32px auto 0;
  overflow:hidden;
  border:1.5px solid var(--page-blue-strong);
  border-radius:20px;
  background:var(--white);
  box-shadow:0 14px 32px rgba(31,104,211,.08);
}
.exness-fees-head{
  min-height:46px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:var(--white);
  background:var(--page-blue);
}
.exness-fees-title,
.exness-fees-meta{
  display:flex;
  align-items:center;
}
.exness-fees-title{
  gap:12px;
  font-size:var(--type-body);
  font-weight:700;
  white-space:nowrap;
}
.exness-fees-info{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  border-radius:50%;
  color:var(--page-blue);
  background:var(--white);
  font-size:var(--type-note);
  font-weight:900;
  font-family:Arial,sans-serif;
}
.exness-fees-realtime{
  padding:5px 13px;
  border-radius:999px;
  color:var(--page-text-strong);
  background:var(--broker-brand,var(--yellow));
  font-size:var(--type-caption);
  font-weight:800;
  line-height:1;
}
.exness-fees-meta{
  gap:10px;
  font-size:var(--type-caption);
  white-space:nowrap;
}
.exness-fees-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--white);
}
.exness-fees-refresh{
  font-size:var(--type-subtitle);
  line-height:1;
}
.exness-fees-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.exness-fees-table{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
  table-layout:fixed;
}
.exness-fees-table th,
.exness-fees-table td{
  padding:16px 18px;
  border-right:1px solid var(--page-blue-border);
  border-bottom:1px solid var(--page-blue-border);
  text-align:left;
}
.exness-fees-table th:last-child,
.exness-fees-table td:last-child{
  border-right:0;
}
.exness-fees-table tbody tr:last-child td{
  border-bottom:0;
}
.exness-fees-table th{
  color:var(--page-text-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-caption);
  font-weight:800;
  letter-spacing:.3px;
}
.exness-fees-table td{
  color:var(--page-text-strong);
  background:var(--white);
  font-size:var(--type-caption);
  font-weight:600;
}
.exness-fees-table tbody tr:hover td{
  background:var(--page-soft-bg);
}

/* Comparison redesign */
.compare-section{
  background-color:var(--page-soft-bg);
  background-image:linear-gradient(rgba(var(--page-grid-rgb),.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--page-grid-rgb),.06) 1px,transparent 1px);
  background-size:56px 56px;
}
.compare-section:before{
  display:none;
}
.compare-section .container{
  max-width:var(--layout-max,72rem);
}
.compare-kicker{
  width:max-content;
  min-width:72px;
  margin:0 auto 18px;
  padding:7px 18px;
  border:0;
  border-radius:999px;
  color:var(--page-blue-strong);
  background:rgba(255,255,255,.72);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
  text-align:center;
  box-shadow:0 8px 22px rgba(33,97,180,.08);
}
.compare-section .section-title{
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.18;
}
.compare-section .section-sub{
  max-width:820px !important;
  margin-bottom:48px !important;
  color:var(--page-text-body);
  font-size:var(--type-subtitle) !important;
  line-height:1.55;
}
.compare-section .section-sub strong{
  color:var(--page-blue-strong);
}
.compare-section .compare-grid{
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:0;
}
.compare-section .c-card{
  overflow:hidden;
  border-width:2px;
  border-radius:20px;
  background:rgba(255,255,255,.86);
}
.compare-section .c-card.bad{
  border-color:var(--page-danger-border);
}
.compare-section .c-card.good{
  border-color:var(--page-blue);
}
.compare-section .c-head{
  min-height:62px;
  padding:0 20px;
  display:flex;
  align-items:center;
}
.compare-section .c-head.bad{
  color:var(--page-danger);
  background:var(--page-danger-soft);
}
.compare-section .c-head.good{
  color:var(--white);
  background:var(--page-blue);
}
.compare-section .c-head h3{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:var(--type-body);
  font-weight:800;
}
.compare-section .c-head-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:50%;
}
.compare-section .c-head.bad .c-head-icon{
  background:rgba(255,255,255,.7);
  color:var(--page-danger);
}
.compare-section .c-head.good .c-head-icon{
  background:rgba(255,255,255,.22);
  color:var(--white);
}
.compare-section .c-head-icon svg{
  width:13px;
  height:13px;
}
.compare-section .c-row{
  min-height:58px;
  padding:12px 24px;
  align-items:center;
  box-sizing:border-box;
}
.compare-section .c-ico{
  width:20px;
  height:20px;
  margin-top:0;
  color:var(--page-text-strong);
  }
.compare-section .c-ico.n{
  color:var(--page-danger);
  background:var(--page-danger-soft);
}
.compare-section .c-ico.y{
  color:var(--page-text-strong);
  background:var(--broker-brand);
}
.compare-section .c-ico svg{
  width:12px;
  height:12px;
}
.compare-section .c-row p{
  color:var(--page-text-strong);
  font-size:var(--type-note);
  line-height:1.42;
}
.compare-section .compare-cta-row{
  margin-top:36px;
  padding:24px 18px 24px 30px;
  border:0;
  border-radius:20px;
  background:var(--broker-brand);
  box-shadow:0 18px 34px rgba(var(--broker-brand-rgb),.22);
}
.compare-section .compare-cta-txt{
  color:var(--broker-on-brand);
  font-size:var(--type-body);
  font-weight:800;
}
.page-body .compare-section .btn-cta-main{
  min-width:330px;
  padding:15px 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  background:var(--black) !important;
  color:var(--white) !important;
  border-color:var(--black) !important;
  box-shadow:0 10px 25px -5px rgba(0,0,0,.35);
  animation:1.6s ease-in-out infinite btn-pulse;
  font-size:var(--type-body);
  font-weight:800;
}
.page-body .compare-section .btn-cta-main:hover{
  background:var(--black) !important;
  color:var(--white) !important;
  border-color:var(--black) !important;
  opacity:1;
}
.compare-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--white);
  font-size:var(--type-subtitle);
  line-height:1;
}
@keyframes btn-pulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 10px 25px -5px rgba(0,0,0,.35);
  }
  50%{
    transform:scale(1.06);
    box-shadow:0 18px 35px -5px rgba(0,0,0,.45);
  }
}

/* Why benefits and private group redesign */
.why-section .why-grid{
  gap:14px;
  margin:24px 0 48px;
}
.why-section .why-card.v2{
  min-height:190px;
  padding:20px 18px;
  gap:9px;
  border:1px solid var(--page-blue-border);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:none;
  box-sizing:border-box;
}
.why-section .why-card.v2:before{
  display:none;
}
.why-section .why-card.v2 .why-card-icon-box{
  width:46px;
  height:46px;
  border:0;
  border-radius:0;
  background:transparent;
}
.why-section .why-card-icon-box img{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
}
.why-card-icon-auto{
  position:relative;
  border-radius:50% !important;
  color:var(--white) !important;
  background:linear-gradient(145deg,var(--page-blue),var(--page-blue-border)) !important;
  box-shadow:0 5px 12px rgba(31,156,237,.22);
}
.why-card-icon-auto:before{
  content:"";
  position:absolute;
  inset:8px;
  border:4px solid rgba(255,255,255,.9);
  border-top-color:transparent;
  border-radius:50%;
}
.why-card-icon-auto span{
  position:relative;
  z-index:1;
  margin-top:10px;
  font-size:var(--type-note);
  font-weight:900;
}
.why-section .why-card-title{
  color:var(--page-blue-strong);
  font-size:var(--type-note);
  font-weight:800;
  line-height:1.35;
}
.why-section .why-card-desc{
  color:var(--text-mid);
  font-size:var(--type-caption);
  line-height:1.55;
}
.why-section .why-group-card.v2{
  min-height:228px;
  padding:32px 34px 28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  align-items:center;
  gap:30px;
  border:1px solid var(--page-blue-border);
  border-left:6px solid var(--page-blue);
  border-radius:30px;
  background:rgba(255,255,255,.82);
  box-shadow:none;
}
.why-section .why-group-card.v2:before{
  display:none;
}
.why-section .why-group-left{
  display:block;
}
.why-section .why-group-card.v2 .why-group-icon-box{
  width:62px;
  height:62px;
  border-radius:16px;
  background:transparent;
}
.why-section .why-group-icon-box img{
  display:block;
  width:62px;
  height:62px;
  object-fit:contain;
}
.why-section .why-group-title{
  margin-top:28px;
  color:var(--page-text-strong);
  font-size:var(--type-note);
  font-weight:700;
  line-height:1.45;
}
.why-section .why-group-title strong{
  color:var(--page-blue);
  font-size:var(--type-section-mobile);
  font-weight:800;
}
.why-section .why-group-sub{
  margin-top:8px;
  color:var(--page-text-body);
  font-size:var(--type-caption);
  line-height:1.55;
}
.why-group-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}
.why-group-visual img{
  display:block;
  width:180px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* Why section v3 */
.why-section{
  padding:72px 20px 78px;
}
.why-section .container{
  max-width:var(--layout-max,72rem);
}
.why-section .why-header{
  max-width:860px;
  margin:0 auto 46px;
  text-align:center;
}
.why-section .why-eyebrow{
  margin:0 auto 18px;
  padding:6px 18px;
  border:0;
  border-radius:999px;
  color:var(--page-blue-strong);
  background:rgba(255,255,255,.68);
  box-shadow:0 8px 22px rgba(33,97,180,.08);
  letter-spacing:1.4px;
}
.why-section .section-title{
  max-width:760px;
  margin:0 auto 24px;
  color:var(--page-blue);
  text-align:center;
}
.why-section .why-intro-wrap{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.why-section .why-intro{
  max-width:820px;
  margin:0 auto !important;
  color:var(--page-text-body);
  font-size:var(--type-body) !important;
  line-height:1.65;
  text-align:center;
}
.why-section .why-intro strong{
  color:var(--page-blue-strong);
}
.why-section .why-grid.why-grid-v3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin:0 auto;
}
.why-section .why-card.v3{
  min-height:200px;
  padding:28px 24px 24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  border:1px solid var(--page-blue-border);
  border-radius:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 18px rgba(33,90,170,.08);
  box-sizing:border-box;
}
.why-section .why-card.v3:before{
  display:none;
}
.why-section .why-card.v3 .why-card-icon-img{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
}
.why-section .why-card.v3 .why-card-icon-img img{
  display:block;
  width:26px;
  height:26px;
  object-fit:contain;
}
.why-section .why-card.v3 .why-card-title{
  color:var(--page-blue-strong);
  font-size:var(--type-subtitle) !important;
  font-weight:800;
  line-height:1.35 !important;
}
.why-section .why-card.v3 .why-card-desc{
  color:var(--page-text-body);
  font-size:var(--type-note);
  line-height:1.65;
}
@media(max-width:900px){
  .why-section .why-grid.why-grid-v3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .why-section{
    padding:52px 16px 58px;
  }
  .why-section .why-header{
    margin-bottom:32px;
  }
  .why-section .why-grid.why-grid-v3{
    grid-template-columns:1fr;
  }
  .why-section .why-card.v3{
    min-height:0;
    padding:22px 20px;
  }
}

/* Loyalty tiers */
.loyalty-section{
  margin-top:70px;
  text-align:center;
}
.loyalty-kicker{
  width:max-content;
  min-width:120px;
  margin:0 auto 18px;
  padding:4px 16px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
}
.loyalty-title{
  margin:0;
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  font-weight:800;
  line-height:1.2;
}
.loyalty-sub{
  max-width:1000px;
  margin:18px auto 54px;
  color:var(--page-text-body);
  font-size:var(--type-note);
  line-height:1.55;
}
.loyalty-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:24px;
  max-width:990px;
  margin:0 auto;
  text-align:left;
}
.loyalty-card{
  position:relative;
  min-height:372px;
  padding:28px 20px 22px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:22px;
  box-sizing:border-box;
  box-shadow:none;
}
.loyalty-silver{
  order:1;
  border-color:var(--page-blue-border);
  background:
    radial-gradient(circle at 50% 100%,rgba(209,220,255,.55),transparent 40%),
    linear-gradient(145deg,var(--white) 0%,rgba(255,255,255,.92) 58%,var(--page-blue-border) 155%);
}
.loyalty-gold{
  order:3;
  border-color:var(--yellow);
  background:
    linear-gradient(145deg,rgba(255,255,255,.75) 0%,var(--broker-brand-light) 68%,rgba(var(--broker-brand-rgb),.16) 100%);
  box-shadow:none;
}
.loyalty-diamond{
  order:2;
  min-height:430px;
  padding-top:34px;
  border-color:var(--page-blue-strong);
  color:var(--page-text-strong);
  background:var(--white);
  box-shadow:none;
}
.loyalty-icon{
  width:50px;
  height:50px;
  margin:0 auto 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:var(--white);
  background:var(--gray-border);
  box-shadow:0 9px 20px rgba(0,0,0,.08);
}
.loyalty-icon svg{
  width:24px;
  height:24px;
  color:var(--white);
}
.loyalty-gold .loyalty-icon{
  background:linear-gradient(145deg,var(--broker-brand),var(--yellow-dark));
}
.loyalty-diamond .loyalty-icon{
  background:var(--page-blue-strong);
}
.loyalty-level{
  margin-bottom:8px;
  color:var(--text-light);
  font-size:var(--type-label);
  font-weight:800;
  letter-spacing:.4px;
}
.loyalty-gold .loyalty-level{color:var(--text-mid)}
.loyalty-diamond .loyalty-level{color:var(--page-blue-strong)}
.loyalty-card h3{
  margin:0 0 8px;
  color:var(--page-text-strong);
  font-size:var(--type-note);
  font-weight:800;
}
.loyalty-diamond h3{color:var(--white)}
.loyalty-diamond h3{
  display:inline-block;
  padding:7px 16px;
  border-radius:999px;
  background:var(--page-blue-strong);
}
.loyalty-desc{
  min-height:38px;
  margin:0 0 10px;
  color:var(--text-light);
  font-size:var(--type-caption);
  line-height:1.5;
}
.loyalty-gold .loyalty-desc{color:var(--text-mid)}
.loyalty-diamond .loyalty-desc{color:var(--text-mid)}
.loyalty-row{
  min-height:33px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid rgba(108,120,140,.16);
  font-size:var(--type-label);
}
.loyalty-row span{color:var(--text-light)}
.loyalty-row strong{
  color:var(--page-text-strong);
  font-size:var(--type-label);
  white-space:nowrap;
}
.loyalty-gold .loyalty-row span{color:var(--text-mid)}
.loyalty-diamond .loyalty-row{
  border-top-color:rgba(108,120,140,.16);
}
.loyalty-diamond .loyalty-row span,
.loyalty-diamond .loyalty-row strong{color:var(--page-text-strong)}
.loyalty-bonus{
  margin-top:6px;
  padding:12px 12px 10px;
  border:1px solid var(--page-blue-border);
  border-radius:8px;
  background:rgba(232,238,255,.76);
}
.loyalty-gold .loyalty-bonus{
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.35);
}
.loyalty-diamond .loyalty-bonus{
  border-color:var(--white);
  background:var(--white);
}
.loyalty-bonus > span{
  display:block;
  margin-bottom:2px;
  color:var(--text-mid);
  font-size:var(--type-label);
}
.loyalty-bonus > strong{
  display:block;
  color:var(--page-text-strong);
  font-size:var(--type-subtitle);
  line-height:1.15;
}
.loyalty-diamond .loyalty-bonus > span,
.loyalty-diamond .loyalty-bonus > strong{color:var(--page-blue-strong)}
.loyalty-bonus small{
  font-size:var(--type-label);
  font-weight:500;
}
.loyalty-bonus p{
  margin:3px 0 0;
  color:var(--text-light);
  font-size:var(--type-label);
}
.loyalty-ribbon{
  position:absolute;
  top:0;
  right:0;
  width:auto;
  padding:7px 14px 6px 16px;
  color:var(--white);
  background:var(--page-blue-strong);
  font-size:var(--type-label);
  font-weight:800;
  letter-spacing:.5px;
  text-align:center;
  border-radius:0 20px 0 16px;
  transform:none;
}

/* Trust section redesign */
.trust-section{
  background:var(--page-soft-bg);
}
.trust-section:before{
  display:none;
}
.trust-section .container{
  max-width:var(--layout-max,72rem);
}
.trust-section .trust-header{
  margin-bottom:52px;
}
.trust-section .trust-eyebrow{
  margin-bottom:20px;
  padding:4px 18px;
  border-color:var(--page-blue-border);
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  font-weight:800;
  letter-spacing:0;
}
.trust-section .section-title{
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.18;
}
.trust-section .trust-subtitle{
  margin-top:16px;
  color:var(--page-text-body);
  font-size:var(--type-note);
}
.trust-section .trust-grid{
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:14px;
  align-items:start;
}
.trust-section .trust-answer-card,
.trust-section .trust-commit-card{
  border:1px solid var(--page-blue-border);
  border-radius:18px;
  box-shadow:none;
}
.trust-section .trust-answer-card{
  min-height:350px;
}
.trust-section .trust-commit-card{
  min-height:0;
}
.trust-section .trust-card-head{
  min-height:58px;
  padding:0 18px;
  background:var(--page-blue-soft);
}
.trust-section .trust-answer-card .trust-card-title{
  color:var(--page-blue-strong);
}
.trust-section .trust-head-icon{
  width:24px;
  height:24px;
  border-radius:7px;
  background:var(--page-blue-soft);
}
.trust-section .trust-head-icon svg{
  width:16px;
  height:16px;
  color:var(--page-blue-strong);
}
.trust-section .trust-card-title{
  font-size:var(--type-note);
  font-weight:800;
}
.trust-section .trust-card-body{
  padding:0;
  gap:0;
}
.trust-section .trust-intro{
  min-height:46px;
  margin:0;
  padding:12px 16px;
  border-bottom:1px solid var(--gray-border);
  box-sizing:border-box;
  color:var(--text-mid);
  font-size:var(--type-caption);
  line-height:1.55;
}
.trust-section .trust-feature{
  min-height:45px;
  padding:8px 16px;
  box-sizing:border-box;
  font-size:var(--type-caption);
}
.trust-section .trust-feature-left{
  color:var(--text-mid);
}
.trust-section .trust-feature-right{
  color:var(--page-text-strong);
}
.trust-section .trust-note{
  margin:12px 14px 14px;
  padding:10px 12px;
  border-color:var(--page-blue-border);
  color:var(--text-mid);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
}
.trust-section .trust-commit-card{
  overflow:hidden;
  border-color:var(--page-blue);
  color:var(--white);
  background:linear-gradient(145deg,var(--page-blue) 0%,var(--page-blue-strong) 100%);
}
.trust-section .trust-commit-card .trust-card-head{
  color:var(--white);
  background:rgba(255,255,255,.08);
}
.trust-section .trust-commit-card .trust-head-icon{
  background:rgba(255,255,255,.14);
}
.trust-section .trust-commit-card .trust-head-icon svg,
.trust-section .trust-commit-card .trust-card-title{
  color:var(--white);
}
.trust-crown{
  margin-left:4px;
  color:var(--broker-brand,var(--yellow));
  font-size:var(--type-subtitle);
  vertical-align:-1px;
}
.trust-section .trust-commit-list{
  gap:0;
}
.trust-section .trust-commit-list li{
  min-height:45px;
  padding:8px 16px;
  border-bottom:1px solid rgba(255,255,255,.13);
  box-sizing:border-box;
  color:var(--white);
  font-size:var(--type-caption);
}
.trust-section .trust-commit-list li:last-child{
  border-bottom:0;
}
.trust-section .trust-commit-list .tc-icon{
  width:16px;
  height:16px;
}
.trust-section .trust-commit-list .tc-icon circle{
  fill:var(--page-success);
}
.trust-section .trust-commit-list .tc-icon path{
  stroke:var(--white);
  stroke-width:2.5;
}
.trust-section .trust-closing{
  padding:12px 14px;
  border:1px solid var(--page-blue-border);
  border-radius:12px;
  color:var(--page-text-body);
  background:rgba(255,255,255,.9);
  font-size:var(--type-caption);
}
.trust-section .trust-closing-icon{
  width:24px;
  height:24px;
  background:var(--page-blue-soft);
}

/* Account types redesign */
.acctype-section{
  background:var(--white);
}
.acctype-section .container{
  max-width:var(--layout-max,72rem);
}
.acctype-kicker{
  width:max-content;
  min-width:126px;
  margin:0 auto 18px;
  padding:4px 16px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
  text-align:center;
}
.acctype-section .section-title{
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.18;
}
.acctype-section .section-sub{
  margin-bottom:52px !important;
  color:var(--page-text-body);
  font-size:var(--type-note);
}
.acctype-section .act-grid{
  gap:18px;
  max-width:960px;
  margin:0 auto 22px;
}
.acctype-section .act-card{
  min-height:370px;
  padding:22px 18px 18px;
  gap:12px;
  border:1px solid var(--gray-border);
  border-radius:20px;
  box-shadow:none;
}
.acctype-section .act-card:hover{
  box-shadow:0 10px 26px rgba(33,90,170,.1);
}
.acctype-section .act-card:first-child{
  border-color:var(--page-blue);
  background:linear-gradient(155deg,var(--page-blue) 0%,var(--page-blue-strong) 100%);
}
.acctype-section .act-header{
  display:flex;
  flex-flow:row wrap;
  align-items:center;
  gap:6px;
}
.acctype-section .act-name{
  width:100%;
  order:-1;
  color:var(--page-text-strong);
  font-size:var(--type-subtitle);
  line-height:1.1;
}
.acctype-section .act-card:first-child .act-name{
  color:var(--white);
}
.acctype-section .act-badge{
  padding:4px 9px;
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  letter-spacing:0;
}
.acctype-section .act-card:first-child .act-badge{
  color:var(--white);
  background:rgba(255,255,255,.14);
}
.acctype-section .act-tag{
  padding:4px 9px;
  border-radius:999px;
  font-size:var(--type-label);
}
.acctype-section .act-desc{
  min-height:44px;
  color:var(--text-mid);
  font-size:var(--type-caption);
  line-height:1.55;
}
.acctype-section .act-card:first-child .act-desc{
  color:rgba(255,255,255,.92);
}
.acctype-section .act-stats{
  gap:6px;
}
.acctype-section .act-stat{
  min-height:48px;
  padding:8px 9px;
  border:1px solid var(--gray-border);
  border-radius:10px;
  background:var(--white);
  box-sizing:border-box;
}
.acctype-section .act-stat-lbl{
  color:var(--text-light);
  font-size:var(--type-label);
}
.acctype-section .act-stat-val{
  color:var(--page-text-strong);
  font-size:var(--type-caption);
}
.acctype-section .act-stat-hl{
  border-color:var(--page-blue-border);
  background:var(--page-blue-soft);
}
.acctype-section .act-card:first-child .act-stat{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.95);
}
.acctype-section .act-card:first-child .act-stat-lbl{
  color:var(--text-light);
}
.acctype-section .act-card:first-child .act-stat-val{
  color:var(--page-text-strong);
}
.acctype-section .act-card:first-child .act-stat-hl .act-stat-val{
  color:var(--page-blue-strong);
}
.acctype-section .act-rec{
  min-height:68px;
  padding:10px 11px;
  border:1px solid var(--broker-brand,var(--yellow));
  border-radius:12px;
  color:var(--text-mid);
  background:var(--broker-brand-light,var(--yellow-light));
  box-sizing:border-box;
  font-size:var(--type-label);
  line-height:1.45;
}
.acctype-section .act-card:first-child .act-rec{
  border-color:var(--broker-brand,var(--yellow));
  color:var(--text-mid);
  background:var(--broker-brand-light,var(--yellow-light));
}
.acctype-section .act-btn{
  min-height:40px;
  padding:10px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  color:var(--page-text-strong);
  background:var(--broker-brand,var(--yellow));
  box-shadow:0 7px 15px rgba(255,216,0,.26);
  font-size:var(--type-caption);
  font-weight:800;
}
.acctype-section .act-card:first-child .act-btn{
  color:var(--page-blue-strong);
  background:var(--white);
  box-shadow:none;
}
.acctype-section .act-toggle-wrap{
  margin-top:16px;
}
.acctype-section .act-toggle{
  min-width:180px;
  justify-content:center;
  padding:11px 24px;
  border:0;
  color:var(--white);
  background:var(--page-blue-strong);
  box-shadow:0 6px 14px rgba(7,93,255,.24);
  font-size:var(--type-caption);
  font-weight:700;
}
.acctype-section .act-toggle:hover{
  border-color:transparent;
  background:var(--blue-dark);
}
.acctype-section .act-toggle-arrow{
  width:auto;
  height:auto;
  color:var(--white);
  background:transparent;
}

/* IB account status redesign */
.ibcheck-section{
  background:var(--page-soft-bg);
}
.ibcheck-section:before{
  display:none;
}
.ibcheck-section .container{
  max-width:var(--layout-max,72rem);
}
.ibcheck-kicker{
  width:max-content;
  min-width:82px;
  margin:0 auto 18px;
  padding:4px 16px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
  text-align:center;
}
.ibcheck-section .section-title{
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.18;
}
.ibcheck-section > .container > .section-sub{
  margin-bottom:50px !important;
  color:var(--page-text-body);
  font-size:var(--type-note);
  line-height:1.55;
}
.ibcheck-section .ibc-accordion{
  max-width:760px;
  margin-bottom:14px;
  gap:12px;
}
.ibcheck-section .ibc-acc-item{
  border:1px solid var(--gray-border);
  border-radius:18px;
  box-shadow:none;
}
.ibcheck-section .ibc-acc-item.open{
  border-color:var(--page-blue);
  box-shadow:none;
}
.ibcheck-section .ibc-acc-head{
  min-height:60px;
  padding:10px 14px;
}
.ibcheck-section .ibc-acc-left{
  gap:12px;
}
.ibcheck-section .ibc-acc-num{
  width:38px;
  height:38px;
  min-width:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  color:var(--white);
  background:linear-gradient(145deg,var(--page-blue-border),var(--page-blue-strong));
  box-shadow:0 5px 10px rgba(30,100,238,.25);
  font-size:var(--type-note);
}
.ibcheck-section .ibc-acc-title{
  color:var(--page-text-strong);
  font-size:var(--type-note);
  font-weight:800;
}
.ibcheck-section .ibc-acc-sub{
  color:var(--text-light);
  font-size:var(--type-label);
}
.ibcheck-section .ibc-fast-tag{
  padding:3px 8px;
  font-size:var(--type-label);
}
.ibcheck-section .ibc-acc-arrow{
  width:26px;
  height:26px;
  padding:5px;
  color:var(--text-mid);
  background:var(--gray-bg);
}
.ibcheck-section .ibc-acc-item.open .ibc-acc-arrow{
  color:var(--page-text-strong);
  background:var(--broker-brand,var(--yellow));
}
.ibcheck-section .ibc-acc-body.expanded{
  padding:0 16px 14px;
}
.ibcheck-section .ibc-steps-list{
  gap:5px;
  margin:0;
  padding:10px 0 12px;
  border-top:1px solid var(--gray-border);
  border-bottom:1px solid var(--gray-border);
}
.ibcheck-section .ibc-step{
  gap:8px;
  color:var(--text-mid);
  font-size:var(--type-label);
  line-height:1.45;
}
.ibcheck-section .ibc-step-dot{
  width:12px;
  min-width:12px;
  height:15px;
  overflow:hidden;
  border:0;
  border-radius:0;
  color:transparent;
  background:transparent;
  font-size:0;
}
.ibcheck-section .ibc-step-dot:before{
  content:"";
  display:block;
  width:0;
  height:0;
  margin:3px auto 0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:7px solid var(--page-blue);
}
.ibcheck-section .ibc-note{
  margin-top:10px;
  color:var(--text-light);
  font-size:var(--type-label);
  font-style:italic;
}
.ibcheck-section .ibc-guide{
  max-width:760px;
  padding:18px 16px 16px;
  border:1px solid var(--gray-border);
  border-radius:18px;
}
.ibcheck-section .ibc-guide-label{
  margin-bottom:12px;
  color:var(--page-text-body);
  font-size:var(--type-caption);
  letter-spacing:0;
}
.ibcheck-section .ibc-cases{
  gap:8px;
}
.ibcheck-section .ibc-case{
  min-height:58px;
  padding:10px 12px;
  border:1px solid var(--gray-border);
  border-radius:12px;
  background:var(--white);
  box-sizing:border-box;
}
.ibcheck-section .ibc-case-icon-wrap{
  width:26px;
  height:26px;
  border-radius:7px;
}
.ibcheck-section .ibc-case-body strong{
  font-size:var(--type-caption);
}
.ibcheck-section .ibc-case-body span,
.ibcheck-section .ibc-opt{
  color:var(--text-mid);
  font-size:var(--type-label);
}
.ibcheck-section .ibc-case-cta.btn-guide{
  min-width:150px;
  padding:10px 16px;
  justify-content:center;
  font-size:var(--type-label);
  box-shadow:0 5px 12px rgba(255,216,0,.24);
}

/* Process and YouTube video redesign */
.process-section{
  background:var(--page-soft-bg);
}
.process-section .container{
  max-width:var(--layout-max,72rem);
}
.process-kicker{
  width:max-content;
  min-width:72px;
  margin:0 auto 16px;
  padding:4px 16px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
  text-align:center;
}
.process-section .section-title{
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.2;
}
.process-section .section-sub{
  margin:12px auto 16px;
  color:var(--page-text-body);
  font-size:var(--type-caption);
}
.process-section .ptabs{
  width:max-content;
  max-width:100%;
  margin:0 auto 38px;
  padding:3px;
  gap:0;
  border-radius:7px;
  background:var(--white);
  box-shadow:0 4px 12px rgba(32,72,132,.08);
}
.process-section .ptab{
  min-width:170px;
  padding:8px 18px;
  border:0;
  border-radius:5px;
  color:var(--text-light);
  background:var(--white);
  font-size:var(--type-label);
}
.process-section .ptab.active{
  color:var(--white);
  background:var(--page-blue);
}
.process-section .steps{
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  max-width:900px;
  margin:0 auto 24px;
}
.process-section .step,
.process-section .step.star{
  min-height:150px;
  padding:14px 12px;
  border:1px solid var(--page-blue-border);
  border-radius:12px;
  color:var(--page-text-strong);
  background:var(--white);
  box-sizing:border-box;
}
.process-section .step-num{
  width:31px;
  height:31px;
  margin-bottom:12px;
  border-radius:8px;
  background:linear-gradient(145deg,var(--page-blue-border),var(--page-blue-strong));
  box-shadow:0 5px 10px rgba(33,102,237,.22);
  font-size:var(--type-caption);
}
.process-section .step h4{
  margin-bottom:7px;
  font-size:var(--type-caption);
}
.process-section .step p{
  color:var(--text-light);
  font-size:var(--type-label);
  line-height:1.55;
}
.process-section .process-video{
  max-width:900px;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  border-radius:28px;
  background:var(--black);
  line-height:0;
}
.process-video-poster{
  position:relative;
  width:100%;
  padding:0;
  display:block;
  overflow:hidden;
  border:0;
  background:var(--black);
  cursor:pointer;
}
.process-video-poster img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.process-video-play{
  position:absolute;
  left:50%;
  top:50%;
  width:58px;
  height:58px;
  border-radius:50%;
  background:rgba(35,35,35,.62);
  box-shadow:0 5px 18px rgba(0,0,0,.35);
  transform:translate(-50%,-50%);
}
.process-video-play:after{
  content:"";
  position:absolute;
  left:23px;
  top:17px;
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid var(--white);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));
}
.process-video iframe{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
}
.process-section .support-banner.v2{
  max-width:900px;
  margin:24px auto 0;
  padding:26px 32px;
  grid-template-columns:1fr 330px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:
    radial-gradient(circle at 60% 110%,rgba(24,103,255,.75),transparent 42%),
    linear-gradient(135deg,var(--black) 0%,var(--page-text-strong) 100%);
}
.process-section .support-banner.v2 .sb-big-title{
  color:var(--white);
  font-size:var(--type-card-title);
}
.process-section .support-banner.v2 .sb-big-title span{
  display:block;
  color:var(--broker-brand,var(--yellow));
}
.process-section .support-banner.v2 .sb-big-sub{
  font-size:var(--type-label);
}
.process-section .support-banner.v2 .sb-right-card{
  border:1px solid rgba(116,96,170,.55);
  border-radius:18px;
  background:rgba(255,255,255,.1);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
}
.process-section .support-banner.v2 .sb-card-title{
  color:var(--white);
}
.process-section .support-banner.v2 .sb-card-sub,
.process-section .support-banner.v2 .sb-disclaimer{
  color:rgba(255,255,255,.6);
}
.process-section .support-banner.v2 .sb-input{
  color:var(--white);
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.09);
}
.process-section .support-banner.v2 .sb-input::placeholder{
  color:rgba(255,255,255,.55);
}

/* Cashback history carousel redesign */
.cbhist-section{
  overflow:hidden;
  background:var(--white);
}
.cbhist-section:before{
  display:none;
}
.cbhist-section .container{
  max-width:100%;
  padding-left:0;
  padding-right:0;
}
.cbhist-kicker{
  width:max-content;
  min-width:84px;
  margin:0 auto 18px;
  padding:4px 16px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
  text-align:center;
}
.cbhist-section .section-title{
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.18;
}
.cbhist-section .section-sub{
  margin-bottom:54px !important;
  color:var(--page-text-body);
  font-size:var(--type-caption);
  line-height:1.55;
}
.cbhist-section .cbh-slider-wrap{
  max-width:100vw;
  margin:0 auto 18px;
  gap:0;
}
.cbhist-section .cbh-track-wrap{
  width:100%;
  padding:24px 0;
  overflow:hidden;
}
.cbhist-section .cbh-track{
  gap:34px;
  align-items:center;
  will-change:transform;
}
.cbhist-section .cbh-card{
  flex:0 0 clamp(420px, 35vw, 560px);
  min-width:0;
  border:0;
  border-radius:18px;
  background:transparent;
  box-shadow:none;
  opacity:.28;
  filter:grayscale(.35);
  transform:scale(.9);
  transition:opacity .3s,filter .3s,transform .3s,box-shadow .3s;
}
.cbhist-section .cbh-card.active{
  opacity:1;
  filter:none;
  transform:scale(1);
  box-shadow:none;
}
.cbh-history-image{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}
.cbhist-section .cbh-arrow{
  position:relative;
  z-index:4;
  width:42px;
  height:42px;
  margin:0 22px;
  border:1px solid var(--gray-border);
  color:var(--text-mid);
  background:var(--white);
}
.cbhist-section .cbh-dots{
  gap:4px;
  margin:0;
}
.cbhist-section .cbh-dot{
  width:5px;
  height:5px;
  background:var(--gray-border);
}
.cbhist-section .cbh-dot.active{
  width:22px;
  background:var(--page-blue);
}

/* Testimonial wall fade */
.proof-section{
  background:var(--white);
  overflow:hidden;
}
.proof-section .container{
  max-width:980px;
}
.proof-section .section-title{
  max-width:620px;
  margin-left:auto;
  margin-right:auto;
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.12;
  text-align:center;
}
.proof-section .section-sub{
  max-width:560px !important;
  margin-bottom:24px !important;
  color:var(--page-text-body);
  font-size:var(--type-caption);
  line-height:1.55;
}
.testi-window{
  position:relative;
  height:520px;
  overflow:hidden;
  padding:0 8px;
}
.testi-window:before,
.testi-window:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index:3;
  height:120px;
  pointer-events:none;
}
.testi-window:before{
  top:0;
  background:linear-gradient(180deg,var(--white) 0%,rgba(255,255,255,.86) 42%,rgba(255,255,255,0) 100%);
}
.testi-window:after{
  bottom:0;
  background:linear-gradient(0deg,var(--white) 0%,rgba(255,255,255,.86) 42%,rgba(255,255,255,0) 100%);
}
.proof-section .testi-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  transform:translateY(-72px);
}
.proof-section .testi-card{
  min-height:178px;
  padding:18px 18px 14px;
  border-radius:8px;
  border:1px solid var(--page-blue-border);
  box-shadow:0 12px 28px rgba(20,73,140,.05);
}
.proof-section .testi-avatar-wrap{
  width:52px;
  height:52px;
}
.proof-section .testi-avatar-wrap svg{
  width:52px;
  height:52px;
}
.proof-section .testi-name{
  font-size:var(--type-note);
}
.proof-section .testi-role{
  font-size:var(--type-label);
}
.proof-section .testi-badge{
  font-size:var(--type-label);
  padding:2px 7px;
}
.proof-section .testi-stars{
  font-size:var(--type-caption);
}
.proof-section .testi-quote{
  font-size:var(--type-caption);
  line-height:1.65;
}
.proof-section .testi-footer{
  padding-top:9px;
}
.proof-section .testi-amount{
  font-size:var(--type-caption);
}
.proof-section .testi-social{
  font-size:var(--type-label);
}

/* Rebate calculator redesign */
.rebate-calc-section{
  overflow:hidden;
}
.rebate-calc-section .container{
  max-width:var(--layout-max,72rem);
  display:flex;
  flex-direction:column;
  align-items:center;
}
.rebate-calc-section .section-title,
.rebate-calc-section .section-sub{
  width:100%;
}
.rcalc-kicker{
  width:max-content;
  min-width:72px;
  margin:0 auto 14px;
  padding:4px 16px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  color:var(--page-blue-strong);
  background:var(--page-blue-soft);
  font-size:var(--type-label);
  font-weight:800;
  line-height:1;
  text-align:center;
}
.rebate-calc-section .rcalc-kicker{
  width:max-content;
  max-width:calc(100% - 32px);
}
.rebate-calc-section .section-title{
  margin-bottom:14px;
  font-size:var(--type-section-compact);
}
.rebate-calc-section .section-sub{
  margin-bottom:50px !important;
  color:var(--page-text-body);
  line-height:1.55;
}
.rebate-calc-section:after{
  display:none;
}
.rebate-calc-section .rcalc-box{
  align-self:center;
  width:100%;
  max-width:42rem;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.rebate-calc-section .cts-broker-calc{
  align-self:center;
  margin-left:auto;
  margin-right:auto;
}
.rebate-calc-section .rcalc-field{
  gap:7px;
  margin-bottom:16px;
}
.rebate-calc-section .rcalc-label{
  color:var(--page-text-strong);
  font-size:var(--type-caption);
  font-weight:600;
  letter-spacing:0;
}
.rebate-calc-section .rcalc-select,
.rebate-calc-section .rcalc-input{
  min-height:48px;
  padding:12px 16px;
  border:1px solid var(--gray-border);
  border-radius:9px;
  color:var(--page-text-strong);
  font-size:var(--type-note);
}
.rebate-calc-section .rcalc-row2{
  gap:18px;
}
.rebate-calc-section .rcalc-btn{
  display:block;
  width:240px;
  min-height:44px;
  margin:4px auto 20px;
  padding:11px 24px;
  border-radius:999px;
  box-shadow:0 9px 20px rgba(255,216,0,.32);
  font-size:var(--type-note);
}
.rebate-calc-section .rcalc-btn:before{
  content:"";
  display:inline-block;
  width:11px;
  height:15px;
  margin-right:10px;
  border-radius:9px 9px 9px 2px;
  background:var(--page-text-strong);
  transform:rotate(38deg);
  vertical-align:-2px;
}
.rebate-calc-section .rcalc-result{
  min-height:122px;
  margin-top:0;
  padding:22px;
  border:2px solid var(--page-blue-strong);
  border-radius:18px;
  background:rgba(255,255,255,.76);
  box-sizing:border-box;
}
.rebate-calc-section .rcalc-res-lbl{
  color:var(--text-light);
  font-size:var(--type-caption);
}
.rebate-calc-section .rcalc-res-main{
  margin-top:7px;
  color:var(--page-blue-strong);
  font-size:var(--type-section-mobile);
}
.rebate-calc-section .rcalc-note{
  margin-top:12px;
  padding:0;
  border-radius:0;
  color:var(--text-light);
  background:transparent;
  font-size:var(--type-label);
  line-height:1.5;
}
.rcalc-visual{
  grid-column:2;
  grid-row:4;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:390px;
}
.rcalc-visual img{
  display:block;
  width:min(100%,390px);
  height:auto;
  object-fit:contain;
}
@media(max-width:1024px) and (min-width:769px){
  .acctype-section .act-grid{
    gap:12px;
  }
  .acctype-section .act-card{
    padding-left:14px;
    padding-right:14px;
  }
  .loyalty-grid{
    gap:14px;
  }
  .loyalty-card{
    padding-left:16px;
    padding-right:16px;
  }
  .why-section .why-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .why-section .why-group-card.v2{
    grid-template-columns:minmax(0,1fr) 190px;
  }
  .rebate-calc-section .container{
    grid-template-columns:minmax(0,1fr) 300px;
    column-gap:34px;
  }
  .rebate-calc-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .rebate-calc-section .section-sub{
    margin-bottom:38px !important;
  }
  .rcalc-visual{
    min-height:330px;
  }
  .rcalc-visual img{
    width:min(100%,300px);
  }
}
@media(max-width:768px){
  .cbhist-section .section-title{
    padding:0 16px;
    font-size:var(--type-section-mobile);
  }
  .cbhist-section .section-sub{
    padding:0 18px;
    margin-bottom:32px !important;
  }
  .cbhist-section .cbh-card{
    flex-basis:86%;
  }
  .cbhist-section .cbh-arrow{
    position:absolute;
    top:50%;
    margin:0;
    transform:translateY(-50%);
  }
  .cbhist-section .cbh-prev{left:8px}
  .cbhist-section .cbh-next{right:8px}
  .proof-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .testi-window{
    height:620px;
  }
  .proof-section .testi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    transform:translateY(-64px);
  }
  .process-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .process-section .ptabs{
    width:100%;
    box-sizing:border-box;
  }
  .process-section .ptab{
    min-width:0;
    flex:1;
  }
  .process-section .steps{
    grid-template-columns:1fr;
  }
  .process-section .step,
  .process-section .step.star{
    min-height:0;
  }
  .process-section .process-video{
    border-radius:16px;
  }
  .process-section .support-banner.v2{
    padding:22px 18px;
    grid-template-columns:1fr;
  }
  .ibcheck-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .ibcheck-section > .container > .section-sub{
    margin-bottom:30px !important;
  }
  .ibcheck-section .ibc-case{
    align-items:flex-start;
    flex-direction:column;
  }
  .ibcheck-section .ibc-case-cta.btn-guide{
    width:100%;
    box-sizing:border-box;
  }
  .acctype-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .acctype-section .section-sub{
    margin-bottom:32px !important;
  }
  .acctype-section .act-grid{
    grid-template-columns:1fr;
    max-width:420px;
  }
  .acctype-section .act-card{
    min-height:0;
  }
  .trust-section .trust-header{
    margin-bottom:30px;
  }
  .trust-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .trust-section .trust-grid{
    grid-template-columns:1fr;
  }
  .trust-section .trust-answer-card,
  .trust-section .trust-commit-card{
    min-height:0;
  }
  .loyalty-section{
    margin-top:50px;
  }
  .loyalty-title{
    font-size:var(--type-section-mobile);
  }
  .loyalty-sub{
    margin-bottom:34px;
  }
  .loyalty-grid{
    grid-template-columns:1fr;
    max-width:420px;
  }
  .loyalty-card{
    min-height:0;
  }
  .why-section .why-grid{
    grid-template-columns:1fr 1fr;
  }
  .why-section .why-group-card.v2{
    min-height:0;
    padding:26px 22px;
    grid-template-columns:1fr;
    border-radius:20px;
  }
  .why-section .why-group-title{
    margin-top:0;
  }
  .why-group-visual img{
    width:150px;
  }
  .compare-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .compare-section .section-sub{
    margin-bottom:30px !important;
  }
  .compare-section .compare-grid{
    grid-template-columns:1fr;
  }
  .compare-section .compare-cta-row{
    margin-top:28px;
    padding:16px;
    border-radius:16px;
  }
  .compare-section .btn-cta-main{
    width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .rebate-calc-section .container{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .rebate-calc-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .rebate-calc-section .section-sub{
    margin-bottom:32px !important;
  }
  .rcalc-visual{
    min-height:0;
    margin:30px auto 0;
  }
  .rcalc-visual img{
    width:min(82%,340px);
  }
}
@media(max-width:760px){
  .backcom-question-layout{
    min-height:0;
    padding:18px 16px;
  }
  .bq-copy{
    width:100%;
    max-width:none;
    margin:0;
    padding-top:0;
  }
  .exness-fees{
    margin-top:24px;
    border-radius:14px;
  }
  .exness-fees-head{
    min-height:0;
    padding:12px 14px;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .exness-fees-title{
    width:100%;
    gap:8px;
    font-size:var(--type-note);
  }
  .exness-fees-realtime{
    margin-left:auto;
  }
  .exness-fees-meta{
    width:100%;
    justify-content:flex-end;
    font-size:var(--type-label);
  }
  .exness-fees-table th,
  .exness-fees-table td{
    padding:13px 14px;
  }
}
@media(max-width:620px){
  .why-section .why-grid{
    grid-template-columns:1fr;
  }
  .why-section .why-card.v2{
    min-height:0;
  }
  .why-section .why-group-left{
    display:block;
  }
  .why-section .why-group-card.v2 .why-group-icon-box,
  .why-section .why-group-icon-box img{
    width:50px;
    height:50px;
  }
  .why-section .why-group-title strong{
    font-size:var(--type-subtitle);
  }
  .backcom-explainer{
    padding-left:12px;
    padding-right:12px;
  }
  .backcom-question-layout{
    padding:16px 14px;
  }
  .backcom-flow-layout{
    margin-top:0;
    margin-bottom:0;
  }
  .backcom-flow-layout .container{
    padding:12px;
  }
}

@media(max-width:580px){
  .testi-window{
    height:660px;
    padding:0;
  }
  .testi-window:before,
  .testi-window:after{
    height:92px;
  }
  .proof-section .testi-grid{
    grid-template-columns:1fr;
    transform:translateY(-54px);
  }
}

/* Conditions section - compact reference layout */
.cond-section{
  padding-top:54px;
  padding-bottom:54px;
  background:var(--page-soft-bg);
}
.cond-section .container{
  max-width:900px;
}
.cond-section .section-kicker{
  width:max-content;
  margin:0 auto 14px;
  padding:4px 17px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  background:var(--page-blue-soft);
  color:var(--page-blue-strong);
  font-size:var(--type-label);
  line-height:1;
  font-weight:800;
}
.cond-section .section-title{
  margin:0 auto 13px;
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.16;
  letter-spacing:0;
  text-align:center;
}
.cond-section .section-sub{
  max-width:600px;
  margin:0 auto 38px;
  color:var(--page-text-body);
  font-size:var(--type-caption);
  line-height:1.7;
}
.cond-section .cond-grid.v2{
  gap:12px;
  margin-top:0;
}
.cond-section .cond-card.v2{
  min-height:78px;
  padding:16px 18px;
  gap:12px;
  align-items:flex-start;
  border:1px solid var(--gray-border);
  border-left:1px solid var(--gray-border);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(47,99,166,.04);
}
.cond-section .cond-card.v2 .cond-icon{
  width:28px;
  height:28px;
  border-radius:9px;
  background:var(--page-blue-soft);
  color:var(--page-blue);
}
.cond-section .cond-card.v2:nth-child(2) .cond-icon{
  background:var(--page-success-soft);
  color:var(--page-success);
}
.cond-section .cond-card.v2 .cond-icon svg{
  width:15px;
  height:15px;
  stroke-width:2;
}
.cond-section .cond-card.v2 h4{
  margin:1px 0 5px;
  color:var(--page-text-strong);
  font-size:var(--type-caption);
  line-height:1.35;
  font-weight:800;
}
.cond-section .cond-card.v2 p{
  color:var(--text-mid);
  font-size:var(--type-label);
  line-height:1.65;
}
.cond-section .cond-extra-intro{
  max-width:none;
  margin:17px 0 13px;
  color:var(--page-text-body);
  font-size:var(--type-label);
  line-height:1.5;
  text-align:left;
}
.cond-section .cond-compare{
  gap:12px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.cond-section .cond-compare-col{
  gap:0;
  overflow:hidden;
  padding:0;
  border-radius:14px;
}
.cond-section .cond-compare-col.bch{
  border:1px solid var(--page-blue);
  background:linear-gradient(135deg,var(--page-blue-strong) 0%,var(--page-blue) 100%);
}
.cond-section .cond-compare-col.bch::before{
  display:none;
}
.cond-section .cond-compare-col.other{
  border:1px solid var(--page-danger-border);
  background:var(--white);
}
.cond-section .cond-compare-head{
  min-height:42px;
  padding:0 16px;
  gap:9px;
  border-bottom:1px solid rgba(255,255,255,.22);
  font-size:var(--type-caption);
  line-height:1;
}
.cond-section .cond-compare-head svg{
  width:14px;
  height:14px;
}
.cond-section .cond-compare-col.other .cond-compare-head{
  border-bottom:1px solid var(--page-danger-border);
  background:var(--page-danger-soft);
  color:var(--page-danger);
}
.cond-section .cond-compare-head .head-badge{
  padding:4px 8px;
  font-size:var(--type-label);
}
.cond-section .cond-compare-col.other .head-badge{
  background:var(--page-danger-border);
  color:var(--page-danger);
}
.cond-section .cond-compare-item{
  min-height:36px;
  padding:8px 16px;
  align-items:center;
  gap:9px;
  border-bottom:1px solid rgba(255,255,255,.18);
  font-size:var(--type-label);
  line-height:1.35;
}
.cond-section .cond-compare-item:last-child{
  border-bottom:0;
}
.cond-section .cond-compare-col.other .cond-compare-item{
  border-bottom-color:var(--gray-border);
  color:var(--text-mid);
}
.cond-section .cond-check{
  width:14px;
  height:14px;
  margin:0;
  font-size:var(--type-label);
}
.cond-section .cond-check.y{
  background:var(--page-success);
  color:var(--white);
}
.cond-section .cond-check.n{
  background:var(--page-danger);
  color:var(--white);
}
@media(max-width:768px){
  .cond-section{
    padding:42px 16px;
  }
  .cond-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .cond-section .section-sub{
    margin-bottom:26px;
  }
  .cond-section .cond-grid.v2,
  .cond-section .cond-compare{
    grid-template-columns:1fr;
  }
  .cond-section .cond-card.v2{
    min-height:0;
  }
}

/* Signup CTA - reference layout */
.signup-section{
  padding:64px 20px 58px;
  border:0;
  background:var(--page-soft-bg);
}
.signup-section .container{
  max-width:1030px;
}
.signup-section .signup-inner{
  max-width:820px;
  margin:0 auto;
  padding:0;
  background:transparent;
  text-align:center;
}
.signup-kicker{
  width:max-content;
  margin:0 auto 20px;
  padding:5px 20px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  background:var(--page-blue-soft);
  color:var(--page-blue-strong);
  font-size:var(--type-label);
  line-height:1;
  font-weight:800;
}
.signup-section .section-title{
  max-width:720px;
  margin:0 auto 18px;
  color:var(--page-blue);
  font-size:var(--type-section);
  line-height:1.24;
  letter-spacing:0;
  text-align:center;
}
.signup-section .section-sub{
  max-width:760px;
  margin:0 auto;
  color:var(--page-text-body);
  font-size:var(--type-body);
  line-height:1.55;
}
.signup-section .ib-box{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin:22px auto 22px;
  padding:14px 17px;
  border:0;
  border-radius:14px;
  background:var(--white);
  box-shadow:0 3px 12px rgba(44,88,145,.04);
}
.signup-ib-copy{
  display:flex;
  align-items:center;
  gap:7px;
}
.signup-section .ib-lbl{
  color:var(--text-mid);
  font-size:var(--type-note);
  line-height:1;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}
.signup-section .ib-code{
  color:var(--page-blue);
  font-size:var(--type-subtitle);
  line-height:1;
  font-weight:800;
  letter-spacing:0;
}
.signup-section .copy-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--text-light);
  font-size:var(--type-caption);
  line-height:1;
  font-weight:500;
}
.signup-section .copy-btn:hover{
  color:var(--page-blue);
  background:transparent;
}
.signup-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.signup-section .signup-primary,
.signup-section .signup-secondary{
  min-height:46px;
  padding:0 30px;
  border-radius:999px;
  font-size:var(--type-note);
  line-height:1;
  font-weight:600;
}
.signup-section .signup-primary{
  min-width:308px;
  border:1px solid var(--broker-brand);
  background:var(--broker-brand);
  color:var(--broker-on-brand);
  box-shadow:0 8px 18px rgba(255,205,0,.32);
}
.signup-section .signup-primary:hover{
  background:var(--broker-brand);
  color:var(--broker-on-brand);
  transform:translateY(-1px);
}
.signup-section .signup-secondary{
  min-width:165px;
  border:1.5px solid var(--page-blue-strong);
  background:var(--white);
  color:var(--page-blue-strong);
}
.signup-section .signup-secondary:hover{
  background:var(--page-blue-soft);
  color:var(--page-blue-strong);
}
.signup-note{
  margin:20px auto 0;
  color:var(--text-light);
  font-size:var(--type-caption);
  line-height:1.5;
  font-style:italic;
}
@media(max-width:768px){
  .signup-section{
    padding:48px 16px;
  }
  .signup-kicker{
    margin-bottom:15px;
  }
  .signup-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .signup-section .section-sub{
    font-size:var(--type-note);
  }
}
@media(max-width:520px){
  .signup-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .signup-section .ib-box{
    width:100%;
    box-sizing:border-box;
    justify-content:space-between;
    gap:10px;
  }
  .signup-ib-copy{
    flex-wrap:wrap;
  }
  .signup-actions{
    flex-direction:column;
  }
  .signup-section .signup-primary,
  .signup-section .signup-secondary{
    width:100%;
    min-width:0;
  }
  .signup-note{
    font-size:var(--type-label);
  }
}

/* FAQ and related posts - reference layout */
.faq-section{
  padding:54px 20px 58px;
  background:var(--page-soft-bg);
}
.faq-section .container{
  max-width:900px;
}
.faq-kicker,
.related-kicker{
  width:max-content;
  margin:0 auto 15px;
  padding:4px 17px;
  border:1px solid var(--page-blue-border);
  border-radius:999px;
  background:var(--page-blue-soft);
  color:var(--page-blue-strong);
  font-size:var(--type-label);
  line-height:1;
  font-weight:800;
}
.faq-section .section-title{
  margin:0 auto;
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.2;
  text-align:center;
}
.faq-section .faq-list{
  max-width:790px;
  margin:27px auto 0;
  gap:10px;
}
.faq-section .faq-item{
  overflow:hidden;
  border:0;
  border-radius:10px;
  background:var(--white);
  box-shadow:none;
}
.faq-section .faq-q{
  min-height:50px;
  box-sizing:border-box;
  padding:12px 17px;
  color:var(--page-text-strong);
  font-size:var(--type-caption);
  line-height:1.4;
  font-weight:700;
}
.faq-section .faq-toggle{
  width:20px;
  height:20px;
  margin-left:16px;
  border-radius:0;
  background:transparent;
  color:var(--page-text-strong);
  font-size:var(--type-subtitle);
  line-height:1;
  font-weight:400;
}
.faq-section .faq-a-inner{
  padding:0 17px 15px;
  color:var(--text-mid);
  font-size:var(--type-label);
  line-height:1.65;
}
.related-section{
  padding:52px 20px 58px;
  background:var(--page-soft-bg);
}
.related-section .container{
  max-width:1030px;
}
.related-section .section-title{
  margin:0 auto;
  color:var(--page-blue);
  font-size:var(--type-section-compact);
  line-height:1.2;
  text-align:center;
}
.related-section .related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.related-section .r-card{
  display:block;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.related-section .r-card:nth-child(4){
  display:none;
}
.related-section .r-card:hover{
  border-color:transparent;
  transform:translateY(-2px);
}
.related-section .r-thumb{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:247 / 144;
  overflow:hidden;
  border-radius:10px;
  background:var(--page-text-strong);
}
.related-section .r-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.related-section .r-info{
  padding:7px 5px 0;
}
.related-section .r-title{
  color:var(--page-text-strong);
  font-size:var(--type-caption);
  line-height:1.35;
  font-weight:700;
}
.related-section .r-desc{
  display:-webkit-box;
  overflow:hidden;
  margin-top:4px;
  color:var(--text-light);
  font-size:var(--type-label);
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.related-section .r-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:6px;
  color:var(--page-blue);
  font-size:var(--type-label);
  line-height:1.2;
}
@media(max-width:768px){
  .faq-section,
  .related-section{
    padding:44px 16px;
  }
  .faq-section .section-title,
  .related-section .section-title{
    font-size:var(--type-section-mobile);
  }
  .related-section .related-grid{
    grid-template-columns:1fr;
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
  }
  .related-section .r-card:nth-child(4){
    display:block;
  }
  .related-section .r-title{
    font-size:var(--type-note);
  }
  .related-section .r-desc{
    font-size:var(--type-caption);
  }
}

/* Unified typography scale */
.page-body{
  --layout-max:72rem;
  --broker-brand:var(--yellow);
  --broker-on-brand:var(--black);
  --broker-brand-on-dark:var(--yellow);
  --broker-brand-rgb:255,224,16;
  --broker-brand-light:var(--yellow-light);
  --broker-brand-border:rgba(255,224,16,.38);
  --type-label:10px;
  --type-caption:12px;
  --type-note:14px;
  --type-body:1rem;
  --type-subtitle:18px;
  --type-card-title:24px;
  --type-card-title-mobile:22px;
  --type-metric:20px;
  --type-watermark:38px;
  --type-watermark-mobile:28px;
  --type-watermark-xs:22px;
  --type-section:3rem;
  --type-section-compact:42px;
  --type-section-mobile:28px;
  --page-soft-bg:#f3f8ff;
  --page-grid-rgb:30,112,240;
  --page-blue:#2878f3;
  --page-blue-strong:#1977ff;
  --page-blue-soft:#f0f6ff;
  --page-blue-border:#c7dcff;
  --page-danger:#ff2d2d;
  --page-danger-soft:#fff5f5;
  --page-danger-border:#ffb9b9;
  --page-success:#20b85a;
  --page-success-soft:#e8f8ee;
  --page-divider:#cdd5df;
  --page-neutral-soft:#f1f1f1;
  --page-progress-track:#e7edf4;
  --page-text-strong:#111827;
  --page-text-body:#2b3443;
  font-size:var(--type-body);
}
.page-body .btn-yellow,
.page-body .logo-badge,
.page-body .btn-hero-primary,
.page-body .btn-hero-primary:hover,
.page-body .rcalc-btn,
.page-body .c-ico.y,
.page-body .rt2-pill-std,
.page-body .rt2-pill-pro,
.page-body .act-btn-pro,
.page-body .acctype-section .act-btn,
.page-body .btn-cta-main,
.page-body .why-diamond-card.v2 .why-diamond-badge,
.page-body .why-diamond-card.v2 .why-perk-icon-svg,
.page-body .ibc-fast-tag,
.page-body .ibcheck-section .ibc-acc-item.open .ibc-acc-arrow,
.page-body .ibc-case-cta.btn-guide,
.page-body .support-banner.v2 .sb-submit,
.page-body .support-banner.v2 .wpcf7 input[type=submit],
.page-body .cond-compare-head .head-badge,
.page-body .cond-check.y,
.page-body .acctype-section .act-toggle-arrow,
.page-body .exness-fees-realtime,
.page-body .hero-promo .promo-coin,
.page-body .signup-section .signup-primary,
.page-body .signup-section .signup-primary:hover,
.page-body .calc-btn,
.page-body .cta-btn{
  background:var(--broker-brand) !important;
  color:var(--broker-on-brand) !important;
  border-color:var(--broker-brand) !important;
}
.page-body .rt2-star,
.page-body .hero-title-main,
.page-body .bonus-title,
.page-body .stars,
.page-body .hero-promo-brand span,
.page-body .hero-promo-rate,
.page-body .promo-core,
.page-body .support-banner.v2 .sb-online-badge,
.page-body .support-banner.v2 .sb-big-sub strong,
.page-body .r-val.y{
  color:var(--broker-brand) !important;
}
.page-body .trust-crown{
  color:var(--broker-brand) !important;
}
.page-body .why-diamond-card.v2 .why-diamond-title em,
.page-body .why-diamond-card.v2 .why-perk-title{
  color:var(--broker-brand-on-dark) !important;
}
.page-body .why-diamond-card.v2 .why-perk{
  border-color:rgba(var(--broker-brand-rgb),.35) !important;
}
.page-body .mech-qa,
.page-body .act-rec,
.page-body .acctype-section .act-rec,
.page-body .hero-bonus-bar,
.page-body .why-group-card.v2,
.page-body .support-banner.v2 .sb-online-badge{
  background:var(--broker-brand-light) !important;
  border-color:var(--broker-brand) !important;
}
.page-body .acctype-section .act-card:first-child .act-rec{
  background:rgba(255,255,255,.92) !important;
  border-color:var(--broker-brand) !important;
  color:var(--page-text-body) !important;
}
.page-body .acctype-section .act-card:first-child .act-rec strong{
  color:var(--page-text-strong) !important;
}
.page-body .why-card.v2::before,
.page-body .cond-card.v2,
.page-body .cond-compare-col.bch::before{
  border-color:var(--broker-brand) !important;
}
.page-body .cond-compare-col.bch::before,
.page-body .why-card.v2::before{
  background:var(--broker-brand) !important;
}
.page-body .loyalty-gold{
  border-color:var(--broker-brand) !important;
  background:linear-gradient(145deg,var(--broker-brand-light),rgba(255,255,255,.94)) !important;
}
.page-body .loyalty-gold .loyalty-icon{
  background:var(--broker-brand) !important;
}
.page-body .loyalty-gold .loyalty-icon span{
  color:var(--broker-on-brand) !important;
}
.page-body .loyalty-gold .loyalty-level,
.page-body .loyalty-gold .loyalty-desc,
.page-body .loyalty-gold .loyalty-row span{
  color:var(--text-mid) !important;
}
.page-body .loyalty-gold .loyalty-bonus{
  border-color:var(--broker-brand-border) !important;
}
.page-body .support-banner.v2 .sb-online-dot{
  background:var(--broker-brand) !important;
}
.page-body .btn-hero-primary,
.page-body .signup-section .signup-primary,
.page-body .acctype-section .act-btn,
.page-body .act-btn-pro,
.page-body .ibc-case-cta.btn-guide{
  box-shadow:0 8px 18px rgba(var(--broker-brand-rgb),.28) !important;
}
.page-body .loyalty-gold{
  box-shadow:none !important;
}
.page-body .loyalty-gold .loyalty-icon{
  box-shadow:none !important;
}
.page-body .loyalty-section .loyalty-grid{
  align-items:center;
}
.page-body .loyalty-section .loyalty-silver{
  order:1;
}
.page-body .loyalty-section .loyalty-diamond{
  order:2;
  min-height:430px;
  color:var(--page-text-strong);
  background:var(--white) !important;
  box-shadow:none !important;
}
.page-body .loyalty-section .loyalty-card{
  box-shadow:none !important;
}
.page-body .loyalty-section .loyalty-gold{
  order:3;
  background:var(--broker-brand-light) !important;
}
.page-body .loyalty-section .loyalty-icon{
  width:50px;
  height:50px;
  box-shadow:none !important;
}
.page-body .loyalty-section .loyalty-icon svg{
  width:24px;
  height:24px;
  color:var(--white);
}
.page-body .loyalty-section .loyalty-diamond h3{
  color:var(--white) !important;
  background:var(--page-blue-strong);
}
.page-body .loyalty-section .loyalty-diamond .loyalty-level{
  color:var(--page-blue-strong) !important;
}
.page-body .loyalty-section .loyalty-diamond .loyalty-desc{
  color:var(--text-mid) !important;
}
.page-body .loyalty-section .loyalty-card h3{
  color:var(--page-blue-strong) !important;
  font-size:var(--type-note) !important;
  line-height:1.35 !important;
}
.page-body .loyalty-section .loyalty-desc{
  color:var(--text-mid) !important;
  font-size:var(--type-caption) !important;
  line-height:1.55 !important;
}
.page-body .loyalty-section .loyalty-row,
.page-body .loyalty-section .loyalty-row span,
.page-body .loyalty-section .loyalty-row strong,
.page-body .loyalty-section .loyalty-bonus > span,
.page-body .loyalty-section .loyalty-bonus p{
  font-size:var(--type-label) !important;
  line-height:1.45 !important;
}
.page-body .loyalty-section .loyalty-bonus > strong{
  font-size:var(--type-subtitle) !important;
  line-height:1.15 !important;
}
.page-body .loyalty-section .loyalty-silver .loyalty-bonus > strong{
  color:var(--text-light) !important;
}
.page-body .loyalty-section .loyalty-gold .loyalty-bonus > strong{
  color:var(--yellow-dark) !important;
}
.page-body .loyalty-section .loyalty-diamond .loyalty-bonus > strong{
  color:var(--page-blue-strong) !important;
}
.page-body .loyalty-section .loyalty-bonus{
  box-shadow:none !important;
  background:transparent !important;
}
.page-body .loyalty-section .loyalty-silver .loyalty-bonus{
  background:var(--page-blue-soft) !important;
}
.page-body .loyalty-section .loyalty-gold .loyalty-bonus{
  background:var(--broker-brand-light) !important;
}
.page-body .loyalty-section .loyalty-diamond .loyalty-bonus{
  background:var(--page-blue-soft) !important;
}
.page-body .loyalty-section .loyalty-diamond .loyalty-row span,
.page-body .loyalty-section .loyalty-diamond .loyalty-row strong{
  color:var(--page-text-strong) !important;
}
.page-body .loyalty-section .loyalty-diamond h3{
  color:var(--white) !important;
  background:var(--page-blue-strong) !important;
}
.page-body .act-card:hover,
.page-body .why-card:hover,
.page-body .testi-card:hover{
  box-shadow:0 12px 28px rgba(var(--broker-brand-rgb),.12) !important;
}
.page-body .hbb-pulse{
  background:var(--broker-brand) !important;
}
.page-body .hbb-text strong{
  color:var(--broker-brand) !important;
}
.page-body section .section-title,
.hero-title-main,
.calc-section .section-title,
.rebate-calc-section .section-title,
.why-section .section-title,
.trust-section .section-title,
.ibcheck-section .section-title,
.loyalty-section .section-title,
.acctype-section .section-title,
.process-section .section-title,
.cbhist-section .section-title,
.proof-section .section-title,
.cond-section .section-title,
.signup-section .section-title,
.faq-section .section-title,
.related-section .section-title{
  font-size:var(--type-section) !important;
  line-height:1.18 !important;
}
.page-body section .section-sub,
.hero-desc,
.calc-section .calc-sub,
.rebate-calc-section .section-sub,
.why-section .section-sub,
.trust-section .trust-subtitle,
.ibcheck-section .section-sub,
.loyalty-section .section-sub,
.acctype-section .section-sub,
.process-section .section-sub,
.cbhist-section .section-sub,
.proof-section .section-sub,
.cond-section .section-sub,
.signup-section .section-sub{
  font-size:var(--type-body) !important;
  line-height:1.6 !important;
}
.page-body p,
.page-body li,
.page-body td,
.page-body th,
.page-body input,
.page-body select,
.page-body textarea,
.page-body button,
.page-body .btn{
  font-size:var(--type-body);
}
.page-body h3,
.page-body h4,
.page-body .card-title,
.page-body .r-title,
.page-body .testi-name,
.page-body .act-name,
.page-body .why-card-title,
.page-body .trust-card-title,
.page-body .payout-method-title,
.page-body .faq-q,
.page-body .cond-card.v2 h4,
.page-body .cond-compare-head{
  font-size:var(--type-body) !important;
  line-height:1.4 !important;
}
.page-body .hero-eyebrow,
.page-body .section-kicker,
.page-body .signup-kicker,
.page-body .faq-kicker,
.page-body .related-kicker,
.page-body .cbhist-kicker,
.page-body .r-tag,
.page-body .ib-lbl,
.page-body .act-stat-lbl,
.page-body .cond-compare-head .head-badge,
.page-body .testi-role,
.page-body .testi-badge,
.page-body .rt2-cat-label,
.page-body .rt2-unit,
.page-body .calc-label{
  font-size:var(--type-label) !important;
  line-height:1.35 !important;
}
.page-body .hero-note,
.page-body .signup-note,
.page-body .r-desc,
.page-body .r-meta,
.page-body .faq-a-inner,
.page-body .cond-card.v2 p,
.page-body .cond-extra-intro,
.page-body .cond-compare-item,
.page-body .testi-role,
.page-body .testi-social,
.page-body .testi-quote,
.page-body .bq-quote,
.page-body .bq-copy p,
.page-body .act-desc,
.page-body .act-rec,
.page-body .payout-method-desc,
.page-body .sb-disclaimer{
  font-size:var(--type-caption) !important;
  line-height:1.55 !important;
}
.page-body .btn,
.page-body button,
.page-body .act-btn,
.page-body .ibc-btn,
.page-body .sb-submit,
.page-body .signup-primary,
.page-body .signup-secondary{
  font-size:var(--type-body) !important;
}
.page-body .hero-title-sub,
.page-body .mech-step-title,
.page-body .calc-result-label,
.page-body .why-group-title,
.page-body .support-title{
  font-size:var(--type-subtitle) !important;
  line-height:1.35 !important;
}
@media(max-width:768px){
  .page-body section .section-title,
  .hero-title-main,
  .calc-section .section-title,
  .rebate-calc-section .section-title,
  .why-section .section-title,
  .trust-section .section-title,
  .ibcheck-section .section-title,
  .loyalty-section .section-title,
  .acctype-section .section-title,
  .process-section .section-title,
  .cbhist-section .section-title,
  .proof-section .section-title,
  .cond-section .section-title,
  .signup-section .section-title,
  .faq-section .section-title,
  .related-section .section-title{
    font-size:var(--type-section-mobile) !important;
  }
  .page-body{
    --type-body:13px;
    --type-caption:11px;
    --type-note:13px;
    --type-subtitle:17px;
  }
}

.acctype-section .act-name{
  font-size:var(--type-subtitle) !important;
}
.acctype-section .act-badge,
.acctype-section .act-tag,
.acctype-section .act-stat-lbl{
  font-size:var(--type-caption) !important;
}
.acctype-section .act-desc{
  min-height:52px;
  font-size:var(--type-note) !important;
  line-height:1.6 !important;
}
.acctype-section .act-stat-val{
  font-size:var(--type-note) !important;
}
.acctype-section .act-rec{
  min-height:82px;
  font-size:var(--type-caption) !important;
  line-height:1.55 !important;
}

.ibcheck-section .ibc-acc-title{
  font-size:var(--type-note) !important;
}
.ibcheck-section .ibc-acc-sub{
  font-size:var(--type-caption) !important;
}
.ibcheck-section .ibc-fast-tag{
  font-size:var(--type-label) !important;
}
.ibcheck-section .ibc-step{
  font-size:var(--type-caption) !important;
  line-height:1.55 !important;
}
.ibcheck-section .ibc-note{
  font-size:var(--type-caption) !important;
}
.ibcheck-section .ibc-guide-label{
  font-size:var(--type-caption) !important;
}
.ibcheck-section .ibc-case-body strong{
  font-size:var(--type-note) !important;
}
.ibcheck-section .ibc-case-body span,
.ibcheck-section .ibc-opt{
  font-size:var(--type-caption) !important;
  line-height:1.5 !important;
}
.ibcheck-section .ibc-case{
  min-height:66px;
}
.ibcheck-section .ibc-case-cta.btn-guide{
  font-size:var(--type-caption) !important;
}

.process-section .step h4{
  font-size:var(--type-note) !important;
  line-height:1.4 !important;
}
.process-section .step p{
  font-size:var(--type-caption) !important;
  line-height:1.55 !important;
}
.process-section .step,
.process-section .step.star{
  min-height:168px;
}
.process-section .step-num{
  font-size:var(--type-caption) !important;
}
@media(max-width:768px){
  .backcom-flow-layout{
    width:100%;
    max-width:var(--layout-max,72rem);
  }
}

/* Unified vertical rhythm */
.page-body > .containers > section{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:60px !important;
  padding-bottom:60px !important;
}
.page-body > .containers > .hero{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:120px !important;
  padding-bottom:60px !important;
}
.page-body > .containers > .mechanism{
  padding-top:74px !important;
  padding-bottom:24px !important;
}
.page-body > .containers > .backcom-explainer{
  padding-top:0 !important;
  padding-bottom:44px !important;
}
.page-body section .section-title{
  margin-top:0 !important;
  margin-bottom:16px !important;
}
.page-body section .section-sub{
  margin-top:0 !important;
  margin-bottom:32px !important;
}
.page-body .mechanism-kicker,
.page-body .section-kicker,
.page-body .signup-kicker,
.page-body .faq-kicker,
.page-body .related-kicker,
.page-body .cbhist-kicker,
.page-body .calc-kicker,
.page-body .why-kicker,
.page-body .trust-kicker,
.page-body .ibcheck-kicker,
.page-body .process-kicker,
.page-body .loyalty-kicker{
  margin-top:0 !important;
  margin-bottom:16px !important;
}
.mechanism .mech-intro{
  margin-top:0 !important;
  margin-bottom:0 !important;
  gap:32px !important;
}
.backcom-question-layout{
  margin-top:24px !important;
  margin-bottom:0 !important;
}
.backcom-flow-layout{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.calc-section > .container:before{
  margin-top:0 !important;
  margin-bottom:20px !important;
}
.calc-section .rt-panel,
.rebate-calc-section .rcalc-layout,
.compare-section .compare-grid,
.payout-section .payout-grid,
.trust-section .trust-grid,
.acctype-section .act-grid,
.ibcheck-section .ibc-accordion,
.process-section .steps,
.proof-section .testi-window,
.cond-section .cond-grid,
.faq-section .faq-list,
.related-section .related-grid{
  margin-top:24px !important;
}
.calc-section .rt-search-wrap,
.calc-section .rt2-wrap{
  margin-top:0 !important;
}
.calc-section .section-sub,
.rebate-calc-section .section-sub,
.compare-section .section-sub,
.why-section .section-sub,
.trust-section .section-sub,
.acctype-section .section-sub,
.ibcheck-section .section-sub,
.process-section .section-sub,
.cbhist-section .section-sub,
.proof-section .section-sub,
.cond-section .section-sub{
  margin-bottom:32px !important;
}
.loyalty-section{
  margin-top:60px !important;
}
.loyalty-sub{
  margin-top:16px !important;
  margin-bottom:32px !important;
}
.why-section .why-grid,
.why-section .why-group-card,
.why-section .why-group-card.v2,
.support-banner,
.support-banner.v2,
.exness-fees,
.cond-extra-intro,
.signup-section .ib-box,
.signup-note{
  margin-top:24px !important;
}
.cond-extra-intro{
  margin-bottom:16px !important;
}
.signup-section .ib-box{
  margin-bottom:24px !important;
}
.signup-note{
  margin-bottom:0 !important;
}
.compare-section .compare-cta,
.payout-section .payout-cta-note,
.trust-section .trust-note,
.ibcheck-section .ibc-guide,
.process-section .process-video,
.process-section .support-banner,
.process-section .support-banner.v2{
  margin-bottom:0 !important;
}
.why-section .why-group-card,
.why-section .why-group-card.v2,
.support-banner,
.support-banner.v2{
  margin-bottom:0 !important;
}
.cbhist-section .cbh-slider-wrap{
  margin-top:0 !important;
}
.cbhist-section .cbh-track-wrap{
  padding-top:24px !important;
  padding-bottom:24px !important;
}
@media(max-width:768px){
  .page-body > .containers > section,
  .page-body > .containers > .hero{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
  .page-body section .section-sub{
    margin-bottom:24px !important;
  }
  .loyalty-section{
    margin-top:48px !important;
  }
}

/* Mobile table usability */
.mobile-table-hint{
  display:none;
}
@media(max-width:768px){
  .calc-section .rt-search-box{
    flex-wrap:wrap;
    padding:12px 14px;
  }
  .calc-section .rt-search-box input{
    min-width:0;
    font-size:var(--type-caption);
  }
  .calc-section .rt-search-meta{
    width:100%;
    justify-content:flex-end;
    gap:8px;
    font-size:var(--type-label);
  }
  .mobile-table-hint{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:7px 10px;
    color:var(--page-blue-strong);
    background:var(--page-blue-soft);
    border-left:1px solid var(--page-blue-border);
    border-right:1px solid var(--page-blue-border);
    font-size:var(--type-label);
    font-weight:700;
    line-height:1.3;
    text-align:center;
  }
  .mobile-table-hint span{
    font-size:var(--type-note);
  }
  .mobile-table-hint-dark{
    color:var(--white);
    background:var(--page-blue-strong);
    border:0;
  }
  .calc-section .rt2-wrap{
    position:relative;
    max-height:none !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    overscroll-behavior-x:contain;
    scroll-behavior:smooth;
    scrollbar-width:auto;
    scrollbar-color:var(--page-blue) var(--page-blue-soft);
    touch-action:pan-x pan-y;
    -webkit-overflow-scrolling:touch;
  }
  .calc-section .rt2-wrap::-webkit-scrollbar,
  .exness-fees-scroll::-webkit-scrollbar{
    height:8px;
  }
  .calc-section .rt2-wrap::-webkit-scrollbar-track,
  .exness-fees-scroll::-webkit-scrollbar-track{
    background:var(--page-blue-soft);
  }
  .calc-section .rt2-wrap::-webkit-scrollbar-thumb,
  .exness-fees-scroll::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:var(--page-blue);
  }
  .calc-section table.rt2{
    width:720px;
    min-width:720px;
    table-layout:fixed;
  }
  .calc-section table.rt2 thead th{
    white-space:normal;
  }
  .calc-section table.rt2 thead th:first-child,
  .calc-section table.rt2 tbody tr:not(.rt2-cat) td:first-child{
    position:sticky;
    left:0;
    z-index:6;
    width:115px;
    min-width:115px;
    box-shadow:5px 0 10px rgba(23,62,113,.08);
  }
  .calc-section table.rt2 thead th:first-child{
    background:var(--page-blue);
  }
  .calc-section table.rt2 tbody tr:not(.rt2-cat) td:first-child{
    background:var(--white);
  }
  .calc-section table.rt2 tbody tr:not(.rt2-cat):hover td:first-child{
    background:var(--page-blue-soft);
  }
  .calc-section .rt2-sticky #rt2-body tr:nth-child(2) td:first-child,
  .calc-section .rt2-sticky #rt2-body tr:nth-child(3) td:first-child{
    z-index:7;
  }
  .exness-fees-scroll{
    overflow-x:auto !important;
    overscroll-behavior-x:contain;
    scrollbar-width:auto;
    scrollbar-color:var(--page-blue) var(--page-blue-soft);
    touch-action:pan-x pan-y;
    -webkit-overflow-scrolling:touch;
  }
  .exness-fees-table{
    min-width:820px;
  }
  .exness-fees-table th:first-child,
  .exness-fees-table td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    box-shadow:5px 0 10px rgba(23,62,113,.08);
  }
  .exness-fees-table th:first-child{
    background:var(--page-blue-soft);
  }
  .exness-fees-table td:first-child{
    background:var(--white);
  }
}

/* Broker calculator */
.cts-broker-calc{
  --calc-brand:var(--broker-brand,var(--blue));
  --calc-on-brand:var(--broker-on-brand,var(--white));
  --calc-brand-rgb:var(--broker-brand-rgb,63,127,255);
  --calc-brand-soft:var(--broker-brand-light,var(--blue-light));
  --calc-border:var(--gray-border);
  --calc-text:var(--text);
  --calc-muted:var(--text-light);
  width:100%;
  max-width:42rem;
  margin:0 auto;
}
.cts-broker-calc .calc-card{
  max-width:42rem;
  border:0;
  border-radius:14px;
  background:var(--white);
  overflow:hidden;
  box-shadow:0 16px 36px rgba(16,24,40,.08);
}
.cts-broker-calc .calc-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:80px;
  padding:18px 26px;
  border-bottom:0;
  background:var(--calc-brand);
  color:var(--calc-on-brand);
  transition:background .25s,border-color .25s;
}
.cts-broker-calc .band-left{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.cts-broker-calc .band-logo{
  width:auto;
  height:36px;
  max-width:130px;
  object-fit:contain;
  flex-shrink:0;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));
}
.cts-broker-calc .band-name{
  font-size:var(--type-subtitle,18px);
  font-weight:900;
  letter-spacing:0;
}
.cts-broker-calc .band-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
.cts-broker-calc .band-badge{
  display:none;
}
.cts-broker-calc .calc-band .cta-btn{
  width:auto;
  min-height:42px;
  padding:11px 22px;
  border-radius:999px;
  background:var(--white);
  color:var(--calc-brand);
  white-space:nowrap;
  box-shadow:none;
}
.cts-broker-calc .calc-body{
  padding:18px 18px 0;
}
.cts-broker-calc .forex-grid,
.cts-broker-calc .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.cts-broker-calc .cts-bcalc-full{
  grid-column:1/-1;
  margin-bottom:0;
}
.cts-broker-calc .field{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.cts-broker-calc .field label,
.cts-broker-calc .slider-head label{
  color:var(--text-mid);
  font-size:var(--type-caption,12px);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.35px;
}
.cts-broker-calc .field-hint,
.cts-broker-calc .result-ttl,
.cts-broker-calc .calc-sep{
  display:none;
}
.cts-broker-calc .inp-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.cts-broker-calc .inp-wrap input,
.cts-broker-calc .inp-wrap select{
  width:100%;
  min-height:42px;
  padding:10px 42px 10px 18px;
  border:1px solid var(--calc-border);
  border-radius:20px;
  background:var(--white);
  color:var(--calc-text);
  font-size:var(--type-caption,12px);
  font-weight:500;
  outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.cts-broker-calc .inp-wrap select{
  padding-right:36px;
  appearance:none;
  cursor:pointer;
}
.cts-broker-calc .inp-wrap input:focus,
.cts-broker-calc .inp-wrap select:focus{
  border-color:var(--calc-brand);
  box-shadow:0 0 0 3px rgba(var(--calc-brand-rgb),.12);
}
.cts-broker-calc .inp-unit{
  position:absolute;
  right:13px;
  color:var(--calc-muted);
  font-size:var(--type-caption,12px);
  font-weight:700;
  pointer-events:none;
}
.cts-broker-calc .slider-field{
  margin-top:12px;
}
.cts-broker-calc .calc-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:18px;
  background:var(--white);
}
.cts-broker-calc .calc-summary .calc-btn{
  width:100%;
  min-height:40px;
  padding:11px 18px;
  border-radius:20px;
  background:var(--calc-brand);
  color:var(--calc-on-brand);
}
.cts-broker-calc .calc-btn,
.cts-broker-calc .cta-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:0;
  font-size:var(--type-caption,12px);
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s,box-shadow .18s,filter .18s;
}
.cts-broker-calc .calc-btn:hover,
.cts-broker-calc .cta-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(var(--calc-brand-rgb),.18);
  filter:brightness(1.07);
}
.cts-broker-calc .r-main{
  min-width:120px;
  margin:0;
  padding:10px 20px;
  border:0;
  border-radius:999px;
  background:var(--calc-brand-soft);
  text-align:center;
  box-shadow:none;
}
.cts-broker-calc .r-lbl{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}
.cts-broker-calc .r-val{
  color:var(--calc-brand);
  font-size:var(--type-subtitle,18px);
  font-weight:900;
  line-height:1.1;
}
.cts-broker-calc.is-crypto{
  max-width:42rem;
}
.cts-broker-calc.is-crypto .calc-card{
  border:1px solid var(--calc-border);
  border-radius:14px;
  box-shadow:0 1px 3px rgba(16,24,40,.12);
}
.cts-broker-calc.is-crypto .calc-band{
  min-height:78px;
  border-radius:14px 14px 0 0;
}
.cts-broker-calc.is-crypto .calc-band .cta-btn{
  background:var(--white);
  box-shadow:none;
}
.cts-broker-calc.is-forex .calc-band .cta-btn{
  background:transparent;
  box-shadow:none;
  padding-left:8px;
  padding-right:8px;
}
.cts-broker-calc.is-forex .calc-body{
  padding-top:18px;
}
.cts-broker-calc.is-forex .r-main{
  background:var(--calc-brand-soft);
}
.cts-broker-calc.is-crypto .calc-body{
  padding:28px 32px 0;
}
.cts-broker-calc.is-crypto .form-grid{
  gap:18px 20px;
}
.cts-broker-calc.is-crypto .field{
  gap:9px;
}
.cts-broker-calc.is-crypto .field label{
  color:var(--calc-text);
  font-size:var(--type-caption,12px);
  font-weight:800;
  letter-spacing:.45px;
}
.cts-broker-calc.is-crypto .inp-wrap input,
.cts-broker-calc.is-crypto .inp-wrap select{
  min-height:48px;
  border-color:var(--calc-border);
  border-radius:9px;
  padding-left:16px;
  font-weight:400;
}
.cts-broker-calc.is-crypto .cts-bcalc-full + .cts-bcalc-full{
  margin-top:18px;
}
.cts-broker-calc.is-crypto .form-grid{
  margin-top:22px;
}
.cts-broker-calc.is-crypto .calc-summary{
  display:flex;
  justify-content:center;
  padding:32px 32px 24px;
}
.cts-broker-calc.is-crypto .calc-summary .calc-btn{
  width:auto;
  min-width:160px;
  min-height:48px;
  border-radius:999px;
  background:var(--calc-brand);
  color:var(--calc-on-brand);
  box-shadow:0 16px 28px rgba(var(--calc-brand-rgb),.26);
}
.cts-broker-calc.is-crypto .r-main{
  display:none;
}
.cts-broker-calc .crypto-result{
  margin:0 32px 26px;
  padding:20px;
  border:1px solid rgba(var(--calc-brand-rgb),.55);
  border-radius:12px;
  background:rgba(var(--calc-brand-rgb),.08);
}
.cts-broker-calc .crypto-result-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:var(--text-mid);
  font-size:var(--type-caption,12px);
  line-height:1.55;
}
.cts-broker-calc .crypto-result-row strong{
  color:var(--calc-text);
  font-weight:800;
  text-align:right;
}
.cts-broker-calc .crypto-result-total{
  margin-top:10px;
  padding-top:14px;
  border-top:1px solid rgba(var(--calc-brand-rgb),.45);
  color:var(--calc-text);
  font-weight:800;
}
.cts-broker-calc .crypto-result-total strong{
  color:var(--calc-brand);
}
.cts-broker-calc .calc-note{
  margin:0 32px 32px;
  color:var(--text-mid);
  font-size:var(--type-caption,12px);
  line-height:1.7;
}
.cts-broker-calc .calc-note strong{
  color:var(--calc-brand);
}
@media(max-width:600px){
  .cts-broker-calc .calc-band{
    align-items:flex-start;
    flex-direction:column;
    padding:16px 18px;
  }
  .cts-broker-calc .band-actions,
  .cts-broker-calc .calc-band .cta-btn{
    width:100%;
  }
  .cts-broker-calc .form-grid,
  .cts-broker-calc .forex-grid{
    grid-template-columns:1fr;
  }
  .cts-broker-calc .calc-summary{
    grid-template-columns:1fr;
    gap:10px;
  }
  .cts-broker-calc .r-main{
    width:100%;
  }
  .cts-broker-calc.is-crypto .calc-body,
  .cts-broker-calc.is-crypto .calc-summary{
    padding-left:18px;
    padding-right:18px;
  }
  .cts-broker-calc .crypto-result,
  .cts-broker-calc .calc-note{
    margin-left:18px;
    margin-right:18px;
  }
}

