.pricing-hero { background: linear-gradient(135deg, var(--navy), var(--navy-2)); margin-top: -68px; padding: 140px 5% 56px; text-align: center; }
.pricing-hero h1 { font-size: 42px; font-weight: 900; color: var(--white); margin-bottom: 12px; }
.pricing-hero p  { font-size: 18px; color: rgba(255,255,255,.6); max-width: 560px; margin: 0 auto; }

.rank-cut-table { width: 100%; border-collapse: collapse; }
.rank-cut-table th {
    background: var(--navy); color: var(--white); padding: 14px 20px;
    font-size: 13px; font-weight: 600; text-align: left; letter-spacing: .04em;
}
.rank-cut-table th:first-child { border-radius: 10px 0 0 0; }
.rank-cut-table th:last-child  { border-radius: 0 10px 0 0; }
.rank-cut-table td { padding: 16px 20px; border-bottom: 1px solid var(--border); font-size: 14px; background: var(--white); }
.rank-cut-table tr:last-child td { border-bottom: none; }
.rank-cut-table tr:hover td { background: var(--off-white); }

.split-demo-box { background: var(--navy); color: var(--white); border-radius: var(--radius-lg); padding: 36px; margin: 40px 0; }
.split-demo-box h3 { font-size: 18px; font-weight: 700; margin-bottom: 24px; color: rgba(255,255,255,.8); }

.progress-bar-track { height: 8px; background: rgba(255,255,255,.15); border-radius: 20px; overflow: hidden; }
.progress-bar-fill  { height: 100%; border-radius: 20px; }

.earnings-section { background: var(--navy); border-radius: var(--radius-lg); padding: 48px; color: var(--white); }
.earnings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.earnings-card { background: rgba(255,255,255,.07); border-radius: var(--radius); padding: 24px; }
.earnings-card-rank { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.5); margin-bottom: 6px; }
.earnings-card-monthly { font-size: 28px; font-weight: 900; color: var(--gold); margin-bottom: 4px; }
.earnings-card-label { font-size: 11px; color: rgba(255,255,255,.4); }
.earnings-card-desc { font-size: 13px; color: rgba(255,255,255,.6); margin-top: 10px; line-height: 1.6; }

.faq-mini { max-width: 680px; margin: 0 auto; }
.faq-mini-item { border-bottom: 1px solid var(--border); padding: 20px 0; }
.faq-mini-q { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
.faq-mini-a { font-size: 15px; color: var(--muted); line-height: 1.7; }

@media (max-width: 768px) {
    .earnings-grid { grid-template-columns: repeat(2,1fr); }
    .rank-cut-table { font-size: 13px; }
    .rank-cut-table td, .rank-cut-table th { padding: 10px 12px; }
    .pricing-hero h1 { font-size: 30px; }
    .fee-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
    .earnings-grid { grid-template-columns: 1fr; }
}