/* Affiliate artwork only: no console, API, or shared theme overrides. */
.site-root .site-aff-hero-art {
  background:
    radial-gradient(ellipse at 82% 42%,#17437c88 0%,#102d531a 38%,transparent 64%),
    linear-gradient(115deg,#050d1c 2%,#0a1931 65%,#0b1e3b);
}
.site-root .site-aff-hero-art .site-aff-hero-inner {
  grid-template-columns:1.05fr .95fr;
  min-height:640px;
  padding-top:0;
  padding-bottom:0;
  align-items:stretch;
  gap:8px;
  position:relative;
}
.site-root .site-aff-hero-art .aff-hero-copy {
  position:relative;
  z-index:2;
  align-self:center;
  padding:50px 28px 50px 0;
  min-width:0;
}
.site-root .site-aff-hero-art .site-eyebrow {
  display:inline-flex;
  padding:7px 12px;
  border:1px solid #5286e34a;
  border-radius:7px;
  background:linear-gradient(110deg,#1b3a6e50,#17408520);
  color:#bfd4f9;
  font-size:9px;
  letter-spacing:1.6px;
  margin-bottom:21px;
}
.site-root .site-aff-hero-art h1 {font-size:clamp(35px,3.8vw,51px);line-height:1.35;letter-spacing:-1.5px}
.site-root .site-aff-hero-art .site-aff-intro {max-width:490px;color:#b1c0d8;font-size:14px}
.site-root .site-aff-hero-art .site-aff-hero-rate {margin-top:9px;margin-bottom:25px}
.site-root .site-aff-hero-art .site-aff-hero-rate>strong {font-size:118px;letter-spacing:-7px}
.site-root .site-aff-hero-art .site-aff-hero-rate>strong>span {font-size:79px}
.site-root .site-aff-hero-art .site-aff-signup {max-width:460px}
.site-root .aff-character-stage {
  position:relative;
  z-index:1;
  min-width:0;
  isolation:isolate;
  pointer-events:none;
}
.site-root .aff-character-stage:before {
  content:"";
  position:absolute;
  inset:18% -8% 2%;
  border-radius:50%;
  background:radial-gradient(ellipse,#2268cd29,transparent 68%);
}
.site-root .aff-network-backdrop {
  position:absolute;
  width:155%;
  height:auto;
  max-width:none;
  top:0;
  right:-17%;
  opacity:.56;
  filter:brightness(.75) saturate(1.12);
  transform:rotate(-12deg);
  z-index:-1;
}
.site-root .aff-hero-character {
  display:block;
  position:absolute;
  top:12px;
  right:-10px;
  width:105%;
  max-width:650px;
}
.site-root .aff-hero-character img {
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(-12px 8px 28px #030a1740);
}
.site-root .aff-hero-network-label {
  position:absolute;
  right:0;
  bottom:16px;
  z-index:2;
  padding:5px 9px;
  border:1px solid #698cc126;
  border-radius:6px;
  background:#06152bba;
  color:#9ab0cf;
  font-size:8px;
  line-height:1.6;
}
.site-root .site-aff-cta-art {
  background:var(--site-bg);
  padding:16px 0 64px;
}
.site-root .site-aff-cta-art .site-container {display:block}
.site-root .aff-banner-inner {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:210px minmax(0,1fr) auto;
  align-items:center;
  gap:25px;
  min-height:190px;
  padding:26px 32px 26px 0;
  overflow:clip;
  border:1px solid #85b7ff66;
  border-radius:17px;
  background:
    radial-gradient(ellipse at 4% 20%,#6cc7ffbb,transparent 46%),
    linear-gradient(115deg,#3185ed,#2563eb 55%,#1352d1);
  box-shadow:0 9px 30px #2563eb12;
}
.site-root .aff-banner-inner:after {
  content:"";
  position:absolute;
  z-index:-1;
  width:320px;
  height:320px;
  border:1px solid #cfedff28;
  box-shadow:0 0 0 24px #cfedff09,0 0 0 60px #cfedff06;
  border-radius:50%;
  right:-90px;
  top:-180px;
}
.site-root .aff-banner-visual {position:relative;align-self:stretch;min-height:136px}
.site-root .aff-banner-character {position:absolute;top:-19px;left:3px;width:230px;display:block}
.site-root .aff-banner-character img {display:block;width:100%;height:auto}
.site-root .aff-banner-copy {position:relative;z-index:1;padding:0}
.site-root .site-aff-cta-art h2 {font-size:25px;line-height:1.5;letter-spacing:-.5px}
.site-root .aff-banner-copy p {margin:10px 0 0;color:#d5e8ff;font-size:12px;line-height:1.9;max-width:520px}
.site-root .aff-banner-inner>.site-button {position:relative;z-index:1;font-size:12px;padding-inline:22px}
.site-root.site-english .site-aff-hero-art h1 {font-size:45px;max-width:560px}
.site-root.site-english .site-aff-cta-art h2 {font-size:24px}

@media(min-width:1600px) {
  .site-root .site-aff-hero-art .site-aff-hero-inner {min-height:665px}
  .site-root .aff-hero-character {right:-15px;width:106%}
}
@media(max-width:1100px) {
  .site-root .site-aff-hero-art .site-aff-hero-inner {min-height:595px;grid-template-columns:1fr 1fr;gap:0}
  .site-root .site-aff-hero-art .aff-hero-copy {padding-right:17px;padding-block:44px}
  .site-root .site-aff-hero-art h1 {font-size:38px}
  .site-root .site-aff-hero-art .site-aff-intro {font-size:13px}
  .site-root .site-aff-hero-art .site-aff-hero-rate {gap:18px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>strong {font-size:102px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>strong>span {font-size:68px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>div {font-size:14px;padding-left:17px}
  .site-root .site-aff-hero-art .site-aff-hero-rate small {font-size:9px}
  .site-root .aff-hero-character {top:28px;right:-30px;width:110%}
  .site-root .aff-network-backdrop {top:10%;width:165%;right:-22%}
  .site-root .aff-banner-inner {grid-template-columns:195px minmax(0,1fr) auto;gap:18px;padding-right:25px}
  .site-root .aff-banner-character {width:205px;left:-8px;top:-9px}
  .site-root .site-aff-cta-art h2 {font-size:21px}
  .site-root .aff-banner-copy p {font-size:11px}
  .site-root .aff-banner-inner>.site-button {font-size:11px;padding-inline:17px}
  .site-root.site-english .site-aff-hero-art h1 {font-size:38px}
}
@media(max-width:760px) {
  .site-root .site-aff-hero-art .site-aff-hero-inner {display:flex;flex-direction:column;min-height:0;gap:0;padding-bottom:0}
  .site-root .site-aff-hero-art .aff-hero-copy {width:100%;max-width:none;padding:42px 0 12px;align-self:stretch}
  .site-root .site-aff-hero-art h1 {font-size:34px;letter-spacing:-1.1px}
  .site-root .site-aff-hero-art .site-eyebrow {font-size:8px;letter-spacing:1.3px;margin-bottom:20px}
  .site-root .site-aff-hero-art .site-aff-intro {font-size:13px;max-width:480px;line-height:1.9}
  .site-root .site-aff-hero-art .site-aff-hero-rate {margin-top:15px;margin-bottom:22px;gap:20px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>strong {font-size:100px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>strong>span {font-size:66px}
  .site-root .site-aff-hero-art .site-hero-actions {gap:12px}
  .site-root .site-aff-hero-art .site-hero-actions .site-button {padding-inline:22px;min-height:44px}
  .site-root .aff-character-stage {flex:none;align-self:center;width:min(100%,420px);height:clamp(350px,103vw,460px);margin:14px 0 0}
  .site-root .aff-hero-character {top:0;right:50%;transform:translateX(50%);width:100%;max-width:none}
  .site-root .aff-network-backdrop {top:-7%;right:-25%;width:160%;opacity:.47}
  .site-root .aff-hero-network-label {bottom:12px;right:0;font-size:7px}
  .site-root .site-aff-cta-art {padding:4px 0 45px}
  .site-root .aff-banner-inner {display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;padding:0 24px 25px;border-radius:15px}
  .site-root .aff-banner-visual {height:175px;min-height:0;width:100%;flex:none;align-self:auto;overflow:clip}
  .site-root .aff-banner-character {top:8px;left:50%;transform:translateX(-50%);width:190px}
  .site-root .aff-banner-copy {text-align:center;padding:12px 0 21px;width:100%}
  .site-root .site-aff-cta-art h2 {font-size:23px;line-height:1.6}
  .site-root .aff-banner-copy p {font-size:11px;margin-top:8px;max-width:none}
  .site-root .aff-banner-inner>.site-button {width:100%;min-height:43px;font-size:12px}
  .site-root.site-english .site-aff-hero-art h1 {font-size:35px}
  .site-root.site-english .site-aff-cta-art h2 {font-size:24px}
}
@media(max-width:380px) {
  .site-root .site-aff-hero-art h1 {font-size:29px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>strong {font-size:90px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>strong>span {font-size:60px}
  .site-root .site-aff-hero-art .site-aff-hero-rate>div {font-size:13px;padding-left:14px}
  .site-root .aff-character-stage {height:350px}
  .site-root .site-aff-cta-art h2 {font-size:21px}
}