/* Three distinct ways to take part, built around the actual referral and trade terms. */
.public-site :is(.refer-page,.apply-page,.partner-page){padding-top:40px}
.public-site :is(.refer-hero,.apply-hero,.partner-hero){border:0;gap:40px;align-items:center}
.public-site :is(.refer-title,.apply-title,.partner-title){font:400 clamp(52px,5.5vw,78px)/1.04 var(--font-display);letter-spacing:-.015em;text-transform:uppercase;max-width:680px}
.public-site :is(.refer-copy,.apply-copy,.partner-copy){font-size:16px;line-height:1.6;max-width:560px;margin:22px 0 28px}
.public-site :is(.refer-action,.apply-action,.partner-action--primary){border-radius:999px;min-height:52px;padding:14px 24px;font-weight:600}
.public-site :is(.refer-card,.apply-card,.partner-card){box-shadow:none}
.public-site :is(.refer-page,.apply-page,.partner-page) .page-jumps{margin:0 0 6px;border-bottom:0;gap:10px 24px;padding:18px 2px;font-size:12px}
.public-site :is(.refer-page,.apply-page,.partner-page) .page-jumps a{font-weight:550}

/* Referrals: the eligibility figure stays live text over a rendered glass still life. */
.public-site .refer-hero{min-height:445px;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);padding:46px 48px;border-radius:16px;background:#edf4e5 url('/static/product/referral-glass-v2.webp') center / cover no-repeat;overflow:hidden}
.public-site .refer-hero>div:first-child{position:relative;z-index:1}
.public-site .refer-title,.public-site .refer-title span{color:#122b1b}
.public-site .refer-copy{color:#34493b;max-width:530px}
.public-site .refer-card{align-self:end;justify-self:end;width:min(100%,290px);border:1px solid #d8e6d9;border-radius:10px;background:rgba(250,253,248,.94);padding:22px 24px}
.public-site .refer-card__label{font:600 11px/1.4 var(--font-ui);letter-spacing:0;color:#486252;margin:0 0 6px;text-transform:none}
.public-site .refer-card strong{font:400 68px/1 var(--font-display);color:#143b23;letter-spacing:0}
.public-site .refer-card p{margin:10px 0 0;font-size:12px;line-height:1.5;color:#49614c}
.public-site .refer-steps{gap:12px;border:0;margin-top:12px}
.public-site .refer-step,.public-site .refer-step+.refer-step{border:0;border-radius:10px;background:#f3f6f1;padding:24px}
.public-site .refer-step span{font:600 12px/1 var(--font-ui);color:#37784b}
.public-site .refer-step h2{margin:14px 0 8px;font:600 19px/1.2 var(--font-ui)}
.public-site .refer-step p{font-size:13px;line-height:1.55}
.public-site .refer-rules{gap:40px;padding:44px 0 50px}
.public-site .refer-close{border-top:1px solid #dce2dd;padding:26px 0 42px}

/* Exchangers: show a real example ticket alongside the illustrative earnings. */
.public-site .apply-hero{min-height:490px;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);padding:48px 52px;border-radius:16px;background:#06110a url('/static/product/hero-background.webp') center / cover no-repeat;overflow:hidden}
.public-site .apply-title,.public-site .apply-title span{color:#fff}
.public-site .apply-copy{color:#d1e0d5}
.public-site .apply-visual{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;position:relative;min-width:0}
.public-site .apply-ticket-preview{display:block;order:2;flex:0 0 auto;width:min(45%,188px);height:auto;border:7px solid #111614;border-radius:28px;box-shadow:0 18px 42px #0008}
.public-site .apply-card{order:1;flex:1 1 0;max-width:230px;padding:20px 22px;border:0;border-radius:10px;background:#c8f0cb}
.public-site .apply-card__label{font:600 11px/1.35 var(--font-ui);letter-spacing:0;text-transform:none;color:#315840}
.public-site .apply-card strong{font:400 58px/1 var(--font-display);color:#173e23;margin:10px 0 4px}
.public-site .apply-card p{font-size:11px;line-height:1.5;color:#315840}

/* Partners: the placement standard gets its own dark editorial panel. */
.public-site .partner-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);padding:26px 0 28px}
.public-site .partner-title span{color:#226e3b}
.public-site .partner-card{min-height:395px;display:flex;flex-direction:column;justify-content:flex-end;border:0;border-radius:14px;padding:34px;background-color:#06110a;background-image:linear-gradient(rgba(3,12,7,.2),rgba(3,12,7,.45)),url('/static/product/stats-background.webp');background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}
.public-site .partner-card strong{font:400 clamp(31px,3vw,44px)/1.08 var(--font-display);text-transform:uppercase;color:#fff;max-width:300px;margin:0 0 18px}
.public-site .partner-card p{color:#cfdfd2;font-size:13px;line-height:1.6;margin:0}

/* Clear groups rather than decorative vertical dividers. */
.public-site :is(.apply-metrics,.partner-metrics){gap:22px;border:0;border-radius:12px;background:#f1f5ef;padding:24px 28px;margin-top:8px}
.public-site :is(.apply-metric,.partner-metric),.public-site :is(.apply-metric,.partner-metric)+:is(.apply-metric,.partner-metric){padding:0;border:0}
.public-site :is(.apply-metric,.partner-metric) span{font:500 11px/1.4 var(--font-ui);letter-spacing:0;text-transform:none}
.public-site :is(.apply-metric,.partner-metric) strong{font:500 clamp(28px,3vw,40px)/1.1 var(--font-ui);letter-spacing:-.04em;margin:10px 0 4px}
.public-site :is(.apply-metric,.partner-metric) p{font-size:12px;line-height:1.4}
.public-site :is(.apply-section,.partner-section){border-bottom:1px solid #dce2dd;gap:48px;padding:42px 0}
.public-site :is(.apply-list,.partner-list) li{padding:17px 0;gap:12px}
.public-site :is(.apply-final,.partner-final){margin:34px 0 12px;padding:32px 36px}

@media(max-width:900px){
  .public-site :is(.refer-hero,.apply-hero,.partner-hero){grid-template-columns:1fr}
  .public-site .refer-hero{background-position:58% center;gap:26px}
  .public-site .refer-card{justify-self:start}
  .public-site .apply-visual{width:min(100%,480px);margin:auto}
  .public-site .partner-card{min-height:310px}
}
@media(max-width:700px){
  .public-site :is(.refer-page,.apply-page,.partner-page){padding-top:24px}
  .public-site :is(.refer-title,.apply-title,.partner-title){font-size:clamp(42px,11vw,56px);line-height:1.06}
  .public-site :is(.refer-copy,.apply-copy,.partner-copy){font-size:14px;line-height:1.6;margin:18px 0 22px}
  .public-site .refer-hero,.public-site .apply-hero{padding:28px 24px;border-radius:12px;min-height:0}
  .public-site .refer-hero{background-image:linear-gradient(180deg,rgba(241,249,238,.96),rgba(241,249,238,.90) 55%,rgba(225,244,224,.30)),url('/static/product/referral-glass-v2.webp');background-position:center,64% center}
  .public-site .refer-card{width:100%;max-width:310px}
  .public-site .refer-steps{grid-template-columns:1fr;gap:8px}
  .public-site .refer-step,.public-site .refer-step+.refer-step{padding:20px}
  .public-site .refer-rules{gap:18px;padding:30px 0}
  .public-site .apply-visual{flex-direction:column;align-items:center;gap:18px}
  .public-site .apply-ticket-preview{order:1;width:170px}
  .public-site .apply-card{order:2;flex:none;width:100%;max-width:330px;padding:16px}
  .public-site .apply-card strong{font-size:45px}
  .public-site .apply-card p{font-size:10px}
  .public-site .partner-hero{padding:10px 0 20px;gap:26px}
  .public-site .partner-card{min-height:290px;padding:26px}
  .public-site :is(.apply-metrics,.partner-metrics){grid-template-columns:1fr 1fr;gap:20px;padding:20px}
  .public-site :is(.apply-metric,.partner-metric){min-width:0}
  .public-site :is(.apply-metric,.partner-metric) strong{font-size:29px}
  .public-site :is(.apply-section,.partner-section){padding:30px 0;gap:18px}
  .public-site :is(.apply-final,.partner-final){padding:26px;margin-top:24px}
}