/* The Hub — affiliate program, page-specific styles.
   Reuses tokens + base classes from landing.css. */

/* Nav right cluster */
.nav-right{display:flex;align-items:center;gap:18px}
.nav-link{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-soft);border-bottom:2px solid transparent;transition:.14s}
.nav-link:hover{color:var(--ink);border-bottom-color:var(--flame)}

/* Commission rate card */
.rate-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;background:var(--panel);border:3px solid var(--ink);border-radius:22px;box-shadow:var(--sh-lg);overflow:hidden}
.rate-big{background:var(--flame);border-right:3px solid var(--ink);padding:40px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.rate-num{font-family:var(--font-display);font-weight:800;font-size:88px;line-height:.9;color:var(--ink)}
.rate-word{font-family:var(--font-display);font-weight:700;font-size:18px;margin-top:8px;color:var(--ink)}
.rate-side{padding:32px 30px;display:flex;flex-direction:column;justify-content:center}
.rate-lead{font-family:var(--font-display);font-weight:700;font-size:21px;line-height:1.3;margin-bottom:16px}
.rate-list{list-style:none}
.rate-list li{padding:8px 0 8px 28px;position:relative;font-size:15px;font-weight:500;color:var(--ink-soft)}
.rate-list li::before{content:"\2192";position:absolute;left:0;font-weight:800;color:var(--flame-deep)}
.rate-note{margin-top:22px;font-size:14px;color:var(--ink-faint);max-width:70ch;line-height:1.6}

/* FAQ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.faq-item{background:var(--panel);border:2.5px solid var(--ink);border-radius:18px;padding:24px;box-shadow:var(--sh)}
.faq-item h3{font-size:18px;margin-bottom:8px}
.faq-item p{font-size:14.5px;color:var(--ink-soft);line-height:1.6}

/* Join CTA */
.join .wrap{display:flex;justify-content:center}
.join-card{background:var(--sun);border:3px solid var(--ink);border-radius:24px;box-shadow:var(--sh-lg);padding:44px 40px;text-align:center;max-width:640px;transform:rotate(-1deg)}
.join-card .kicker{background:var(--panel);transform:rotate(1deg);margin-bottom:18px}
.join-card h2{font-size:38px;margin-bottom:12px}
.join-sub{font-size:17px;color:var(--ink-soft);max-width:48ch;margin:0 auto 26px}
.join-card .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.join-card .trust{margin-top:18px;font-size:13.5px;color:var(--ink-faint);font-weight:500}

@media(max-width:820px){
  .rate-card{grid-template-columns:1fr}
  .rate-big{border-right:none;border-bottom:3px solid var(--ink);padding:32px}
  .rate-num{font-size:72px}
  .faq{grid-template-columns:1fr}
  .join-card{padding:34px 24px;transform:rotate(0)}
  .join-card h2{font-size:30px}
}