.affiliate-page{background:var(--paper);color:var(--ink)}.affiliate-page .site-header .brand{color:#fff}
.affiliate-hero{min-height:100svh;padding:clamp(150px,14vw,205px) var(--pad) clamp(84px,9vw,132px);display:grid;grid-template-columns:minmax(420px,.95fr) minmax(360px,.65fr);gap:clamp(54px,8vw,140px);align-items:center;background:radial-gradient(circle at 82% 27%,rgba(40,195,220,.22),transparent 25%),linear-gradient(135deg,#061c2a 0%,#082638 70%,#074258 100%);color:#fff;overflow:hidden}
.affiliate-hero-copy{position:relative;z-index:2}.affiliate-hero h1{max-width:920px}.affiliate-lede{max-width:680px;color:#b8c7cf;font-size:clamp(17px,1.35vw,21px);line-height:1.65}.commission-figure{position:relative;display:flex;min-height:460px;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,66px);border-left:1px solid rgba(255,255,255,.22)}
.commission-figure:before{position:absolute;inset:0 auto 0 -1px;width:1px;background:linear-gradient(transparent,var(--cyan),transparent);content:"";transform:scaleY(.62);transform-origin:center}.commission-figure>span{font:500 11px/1.2 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#9fb6c1}.commission-figure strong{display:block;margin:22px 0 18px;color:var(--cyan);font-size:clamp(130px,17vw,260px);line-height:.72;letter-spacing:-.1em}.commission-figure sup{font-size:.25em;letter-spacing:-.03em;vertical-align:top}.commission-figure p{max-width:390px;margin:0;color:#c0cdd3;font-size:16px;line-height:1.65}
.affiliate-fit,.affiliate-flow,.affiliate-kit,.affiliate-apply{padding:clamp(90px,10vw,150px) var(--pad)}.affiliate-fit{background:#fff}.affiliate-audience{border-top:1px solid var(--darkline)}.affiliate-audience>div{display:grid;grid-template-columns:70px minmax(240px,.55fr) 1fr;gap:30px;align-items:center;padding:31px 0;border-bottom:1px solid var(--darkline);transition:padding .2s,background .2s}.affiliate-audience>div:hover{padding-left:16px;background:#f3f6f4}.affiliate-audience span,.affiliate-steps>li>span{font:500 11px "DM Mono",monospace;letter-spacing:.12em;color:#087f95}.affiliate-audience strong{font-size:clamp(22px,2.5vw,34px);letter-spacing:-.03em}.affiliate-audience p{max-width:650px;margin:0;color:#5b707b;line-height:1.7}.fit-boundary{max-width:850px;margin:34px 0 0 auto;color:#5b707b;line-height:1.7}.fit-boundary strong{color:var(--ink)}
.affiliate-flow{display:grid;grid-template-columns:.72fr 1fr;gap:clamp(55px,8vw,120px);background:var(--ink);color:#fff}.affiliate-flow-intro{position:sticky;top:132px;align-self:start}.affiliate-flow-intro h2{max-width:610px;margin:0;font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.05em}.affiliate-flow-intro>p:last-child{max-width:580px;margin-top:28px;color:#aebdc5;line-height:1.7}.affiliate-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.affiliate-steps li{display:grid;grid-template-columns:62px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}.affiliate-steps>li>span{color:var(--cyan)}.affiliate-steps strong{display:block;margin-bottom:11px;font-size:clamp(24px,2.6vw,38px);letter-spacing:-.035em}.affiliate-steps p{max-width:620px;margin:0;color:#aebdc5;line-height:1.7}
.affiliate-kit{display:grid;grid-template-columns:.72fr 1fr;gap:clamp(45px,8vw,120px);align-items:center;background:#d9f5f8}.affiliate-kit-number{color:#087f95;font-size:clamp(120px,17vw,260px);font-weight:800;line-height:.76;letter-spacing:-.09em}.affiliate-kit-copy h2{max-width:780px;margin:0;font-size:clamp(36px,4.4vw,64px);line-height:1.03;letter-spacing:-.045em}.affiliate-kit-copy>p:not(.eyebrow){max-width:680px;margin:28px 0;color:#4d6874;line-height:1.75}.text-arrow{display:inline-flex;gap:13px;align-items:center;font-weight:800;border-bottom:1px solid rgba(6,28,42,.35);padding-bottom:6px;transition:gap .2s,color .2s}.text-arrow:hover{gap:20px;color:#087f95}
.affiliate-apply{display:grid;grid-template-columns:1fr minmax(420px,.72fr);gap:clamp(48px,8vw,110px);align-items:end;background:#071721;color:#fff;scroll-margin-top:88px}.affiliate-apply h2{max-width:760px;margin:0;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.05em}.affiliate-apply-copy>p:last-child{max-width:630px;margin:28px 0 0;color:#aebdc5;line-height:1.7}.affiliate-apply .v8-lead-row input{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff}.affiliate-apply .v8-lead-row input::placeholder{color:#aebdc5}.affiliate-apply .v8-lead-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(40,195,220,.16)}.affiliate-apply .form-status{color:#aebdc5}.affiliate-apply .form-status.error{color:#ffb1b1}.affiliate-apply .form-status.success{color:#8ce5b7}
@media(max-width:1000px){.affiliate-hero{grid-template-columns:1fr;min-height:auto}.commission-figure{min-height:330px;border-top:1px solid rgba(255,255,255,.22);border-left:0}.commission-figure:before{inset:-1px 0 auto;width:auto;height:1px;transform:scaleX(.62)}.affiliate-flow,.affiliate-kit,.affiliate-apply{grid-template-columns:1fr}.affiliate-flow-intro{position:static}.affiliate-kit-number{margin-bottom:20px}.affiliate-apply{align-items:start}}
@media(max-width:760px){.affiliate-hero{padding-top:125px;padding-bottom:76px;gap:42px}.affiliate-hero h1{font-size:clamp(44px,13vw,58px)}.commission-figure{min-height:250px;padding:38px 0 0}.commission-figure strong{font-size:150px}.affiliate-fit,.affiliate-flow,.affiliate-kit,.affiliate-apply{padding-top:76px;padding-bottom:76px}.affiliate-audience>div{grid-template-columns:42px 1fr;gap:12px}.affiliate-audience p{grid-column:2}.affiliate-steps li{grid-template-columns:42px 1fr;gap:12px}.affiliate-kit-number{font-size:132px}.affiliate-apply{grid-template-columns:minmax(0,1fr)}.affiliate-apply .v8-lead-form{width:100%}}