.affiliate-page{background:#000;color:#f4f5f7}
.affiliate-page .site-header{background:rgba(0,0,0,.84)}
.affiliate-page .desktop-nav>a.is-current{color:#fff}
.affiliate-page main{overflow:hidden}
.affiliate-page h1,.affiliate-page h2,.affiliate-page h3{font-family:var(--display);letter-spacing:-.05em}
.affiliate-page .eyebrow{color:#5fc9f8}
.affiliate-hero{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,.72fr);align-items:center;gap:clamp(60px,8vw,125px);padding-top:145px;padding-bottom:120px}
.affiliate-hero:before{content:"";position:absolute;left:-24%;top:-270px;width:920px;height:760px;background:radial-gradient(circle,rgba(21,166,225,.16),transparent 64%);pointer-events:none}
.affiliate-hero-copy{position:relative}
.affiliate-hero h1{max-width:760px;margin:23px 0 0;font-size:clamp(54px,6.2vw,94px);font-weight:600;line-height:.93;letter-spacing:-.067em}
.affiliate-hero h1 span{color:#797981}
.affiliate-hero-copy>p:not(.eyebrow){max-width:650px;margin:28px 0 0;color:#a0a0a9;font-size:17px;line-height:1.75}.affiliate-hero-copy>p strong{color:#eeeef1;font-weight:600}
.affiliate-actions{display:flex;gap:10px;margin-top:31px}.affiliate-proof{display:flex;flex-wrap:wrap;gap:19px;margin-top:21px;color:#74747d;font-size:10px}.affiliate-proof span{display:flex;align-items:center;gap:6px}.affiliate-proof svg{width:13px;height:13px;color:#54c9fb}
.commission-console{position:relative;border:1px solid #2b2b30;border-radius:22px;background:linear-gradient(180deg,#111114,#09090a);box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 90px rgba(40,179,238,.09);overflow:hidden}
.commission-console:after{content:"";position:absolute;inset:0;border-top:1px solid rgba(255,255,255,.1);pointer-events:none}
.console-top{height:51px;display:flex;align-items:center;gap:13px;padding:0 17px;border-bottom:1px solid #28282d;color:#777780;font-size:8px;letter-spacing:.11em}.console-top>span{display:flex;gap:5px}.console-top>span i{width:6px;height:6px;border:1px solid #54545d;border-radius:50%}.console-top em{margin-left:auto;color:#5ec9f8;font-style:normal;font-weight:800}
.console-value{padding:33px 31px 27px;border-bottom:1px solid #28282d}.console-value>span{color:#74747c;font-size:8px;font-weight:800;letter-spacing:.14em}.console-value>strong{display:flex;align-items:flex-start;margin-top:8px;color:#f4f4f6;font:600 clamp(58px,6vw,88px)/.95 var(--display);letter-spacing:-.07em}.console-value>strong small{margin:9px 6px 0 0;color:#676770;font-size:22px}.console-value p{margin:13px 0 0;color:#5f5f67;font-size:9px}
.console-control{padding:19px 31px 4px}.console-control+ .console-control{padding-top:16px}.console-control>div{display:flex;justify-content:space-between;color:#8c8c95;font-size:10px}.console-control>div b{color:#e0e0e5;font-weight:700}.console-control>div i{font-style:normal}
.console-control input{--value:10%;width:100%;height:4px;margin:14px 0 0;appearance:none;border-radius:10px;background:linear-gradient(90deg,#28b8ef var(--value),#29292e var(--value));outline:0}.console-control input::-webkit-slider-thumb{width:17px;height:17px;appearance:none;border:3px solid #09090a;border-radius:50%;background:#59caf8;box-shadow:0 0 0 1px #59caf8,0 0 18px rgba(89,202,248,.45);cursor:pointer}.console-control input::-moz-range-thumb{width:13px;height:13px;border:3px solid #09090a;border-radius:50%;background:#59caf8;box-shadow:0 0 0 1px #59caf8;cursor:pointer}
.console-formula{display:flex;align-items:center;gap:7px;margin:25px 31px 29px;padding:12px 13px;border:1px solid #26262b;border-radius:10px;background:#0d0d0f;color:#73737b;font-size:8px}.console-formula i{color:#3e3e44;font-style:normal}.console-formula b{margin-left:auto;color:#d8d8dd;font-size:9px}
.affiliate-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #26262a;border-radius:18px;background:#09090a;overflow:hidden}
.affiliate-stats article{min-height:190px;padding:27px;border-right:1px solid #26262a}.affiliate-stats article:last-child{border:0}.affiliate-stats strong{display:block;color:#f2f2f4;font:600 25px/1.1 var(--display);letter-spacing:-.04em}.affiliate-stats span{display:block;margin-top:4px;color:#5fc8f7;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.affiliate-stats p{margin:46px 0 0;color:#72727b;font-size:10px;line-height:1.6}
.affiliate-process,.affiliate-audience{padding-top:150px}.affiliate-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:70px;margin-bottom:52px}.affiliate-heading h2{grid-column:1;margin:13px 0 0;font-size:clamp(42px,5.3vw,72px);line-height:.98}.affiliate-heading h2 span{color:#797981}.affiliate-heading>p:last-child{grid-column:2;grid-row:1/3;margin:0 0 4px;color:#85858e;font-size:13px;line-height:1.75}.affiliate-heading.is-centered{display:block;max-width:850px;margin:0 auto 52px;text-align:center}.affiliate-heading.is-centered .eyebrow{justify-content:center}.affiliate-heading.is-centered>p:last-child{max-width:650px;margin:20px auto 0}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #28282d;border-radius:20px;overflow:hidden}.process-grid article{position:relative;min-height:380px;padding:31px;background:#0a0a0b;border-right:1px solid #28282d}.process-grid article:last-child{border:0}.process-grid article>b{position:absolute;right:25px;top:25px;color:#46464c;font:600 9px/1 var(--display)}.process-grid article>span{display:grid;place-items:center;width:50px;height:50px;border:1px solid #2c2c31;border-radius:14px;background:#151517;color:#5dc9fa}.process-grid article>span svg{width:22px;height:22px}.process-grid h3{margin:64px 0 0;font-size:25px}.process-grid p{min-height:64px;margin:13px 0 0;color:#81818a;font-size:11px;line-height:1.7}.process-grid code{display:block;margin-top:27px;padding:13px;border:1px solid #26262b;border-radius:9px;background:#0e0e10;color:#676770;font:9px/1.4 var(--font);white-space:nowrap}.process-grid mark{padding:3px 5px;border-radius:5px;background:rgba(69,194,246,.1);color:#62caf7}.channel-row{display:flex;gap:7px;margin-top:27px}.channel-row i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #29292e;border-radius:9px;background:#101012;color:#898991;font:700 8px/1 var(--display)}.payout-line{display:flex;align-items:center;justify-content:space-between;margin-top:27px;padding:13px;border:1px solid rgba(63,195,246,.18);border-radius:9px;background:rgba(63,195,246,.06);color:#787881;font-size:9px}.payout-line strong{color:#65cdf8;font-size:13px}
.affiliate-video{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);align-items:center;gap:clamp(55px,8vw,120px);padding-top:160px}.affiliate-video h2,.affiliate-reasons h2,.affiliate-faq h2{margin:14px 0 0;font-size:clamp(40px,4.7vw,66px);line-height:1}.affiliate-video>div:first-child>p:not(.eyebrow){margin:23px 0 0;color:#85858e;font-size:13px;line-height:1.75}.affiliate-video .text-link{margin-top:28px}.video-shell{border:1px solid #29292e;border-radius:20px;background:#0a0a0b;box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.video-top{height:47px;display:flex;align-items:center;gap:13px;padding:0 16px;border-bottom:1px solid #29292e;color:#85858e;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.video-top>span{display:flex;gap:5px}.video-top i{width:6px;height:6px;border:1px solid #55555e;border-radius:50%}.video-frame{position:relative;aspect-ratio:16/9;background:#050506}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #29292e;border-left:1px solid #29292e}.audience-grid article{min-height:270px;padding:27px;border-right:1px solid #29292e;border-bottom:1px solid #29292e;background:#09090a;transition:background .2s,transform .2s}.audience-grid article:hover{z-index:2;background:#101012;transform:translateY(-3px)}.audience-grid article>span{display:grid;place-items:center;width:45px;height:45px;border:1px solid #2a2a2f;border-radius:12px;background:#141416;color:#5dc9fa}.audience-grid svg{width:20px;height:20px}.audience-grid h3{margin:55px 0 0;font-size:19px}.audience-grid p{margin:12px 0 0;color:#787881;font-size:10px;line-height:1.7}
.affiliate-reasons{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,.75fr);align-items:center;gap:clamp(60px,9vw,130px);padding-top:160px}.reason-panel>ul{list-style:none;margin:32px 0 0;padding:24px 0 0;border-top:1px solid #28282d;display:grid;gap:21px}.reason-panel li{display:flex;gap:13px}.reason-panel li>svg{width:15px;height:15px;margin-top:3px;color:#5dc9fa}.reason-panel li span{display:grid;gap:5px;color:#777780;font-size:11px;line-height:1.55}.reason-panel li strong{color:#d7d7dc;font:600 13px/1.3 var(--display)}.reason-visual{padding:27px;border:1px solid #29292e;border-radius:20px;background:radial-gradient(circle at 60% 100%,rgba(47,188,242,.13),transparent 40%),#0b0b0d}.reason-brand{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid #29292e}.reason-brand img{border-radius:13px}.reason-brand span{display:grid;gap:5px}.reason-brand small{color:#5dc9fa;font-size:7px;letter-spacing:.13em}.reason-brand strong{font:600 15px/1.4 var(--display)}.reason-chart{height:260px;display:flex;align-items:end;gap:10px;padding:40px 5px 0;border-bottom:1px solid #29292e;background:repeating-linear-gradient(0deg,transparent 0 51px,#1c1c20 52px)}.reason-chart span{height:var(--h);flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#54c8f7,rgba(31,139,185,.2));transform-origin:bottom;animation:bar-in .8s both}.reason-chart span:nth-child(2){animation-delay:.08s}.reason-chart span:nth-child(3){animation-delay:.16s}.reason-chart span:nth-child(4){animation-delay:.24s}.reason-chart span:nth-child(5){animation-delay:.32s}.reason-chart span:nth-child(6){animation-delay:.4s}.reason-chart span:nth-child(7){animation-delay:.48s}@keyframes bar-in{from{transform:scaleY(0)}}.reason-total{display:flex;justify-content:space-between;padding-top:19px;color:#777780;font-size:9px}.reason-total strong{color:#55c8f7;font-size:12px}
.affiliate-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;padding-top:160px;padding-bottom:125px}.affiliate-faq>div:first-child>p:last-child{max-width:360px;margin:21px 0 0;color:#81818a;font-size:12px;line-height:1.7}.faq-list{border-top:1px solid #29292e}.faq-list details{border-bottom:1px solid #29292e}.faq-list summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e5e5e9;font:600 14px/1.4 var(--display);cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:16px;height:16px;color:#73737c;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{max-width:680px;margin:-4px 0 25px;color:#81818a;font-size:11px;line-height:1.75}
.affiliate-final{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:120px;padding:64px;border:1px solid #2a2a2f;border-radius:23px;background:radial-gradient(circle at 85% 0,rgba(48,188,242,.16),transparent 35%),#0b0b0d}.affiliate-final h2{margin:14px 0 0;font-size:clamp(42px,5vw,71px);line-height:.98}.affiliate-final p:not(.eyebrow){max-width:560px;margin:20px 0 0;color:#8a8a93;font-size:13px;line-height:1.7}.affiliate-final>div:last-child{display:grid;gap:14px;text-align:center}.affiliate-final>div:last-child>a:last-child{color:#777780;font-size:9px}
@media(max-width:1050px){.affiliate-hero{grid-template-columns:1fr;gap:58px}.commission-console{width:min(620px,100%);margin:auto}.affiliate-stats{grid-template-columns:repeat(2,1fr)}.affiliate-stats article:nth-child(2){border-right:0}.affiliate-stats article:nth-child(-n+2){border-bottom:1px solid #26262a}.affiliate-heading{grid-template-columns:1fr;gap:22px}.affiliate-heading>p:last-child{grid-column:1;grid-row:auto}.affiliate-video,.affiliate-reasons,.affiliate-faq{grid-template-columns:1fr;gap:50px}.audience-grid{grid-template-columns:repeat(2,1fr)}.affiliate-reasons{padding-top:120px}.reason-visual{width:min(650px,100%);margin:auto}}
@media(max-width:760px){.affiliate-hero{padding-top:100px;padding-bottom:80px}.affiliate-hero h1{font-size:clamp(45px,13.5vw,62px)}.affiliate-hero-copy>p:not(.eyebrow){font-size:14px}.affiliate-actions{flex-direction:column}.affiliate-proof{gap:9px 15px}.commission-console{border-radius:15px}.console-value{padding:27px 21px 23px}.console-control{padding-inline:21px}.console-formula{margin-inline:21px;flex-wrap:wrap}.console-formula b{width:100%;margin:4px 0 0}.affiliate-stats{grid-template-columns:1fr}.affiliate-stats article{min-height:155px;border-right:0;border-bottom:1px solid #26262a}.affiliate-stats article:nth-child(2){border-bottom:1px solid #26262a}.affiliate-stats p{margin-top:27px}.affiliate-process,.affiliate-audience{padding-top:100px}.affiliate-heading h2{font-size:39px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:330px;border-right:0;border-bottom:1px solid #28282d}.affiliate-video{padding-top:105px}.video-shell{border-radius:14px}.audience-grid{grid-template-columns:1fr}.audience-grid article{min-height:225px}.audience-grid h3{margin-top:38px}.affiliate-reasons{grid-template-columns:1fr;min-width:0;padding-top:105px}.reason-visual{min-width:0;padding:20px}.reason-chart{height:210px}.affiliate-faq{gap:42px;padding-top:105px;padding-bottom:90px}.affiliate-final{align-items:stretch;flex-direction:column;padding:36px 24px;margin-bottom:80px}.affiliate-final h2{font-size:40px}.affiliate-final>div:last-child{text-align:center}.affiliate-final .button{width:100%}}
@media(prefers-reduced-motion:reduce){.reason-chart span{animation:none}}