/* Affiliate page: extends the landing page system (style.css + mobile.css). */
.aff-inline{color:#98bbff;text-decoration:underline;text-underline-offset:3px}
.light-world .aff-inline,.aff-light-second .aff-inline{color:#1b5ce5}
.nav nav a[aria-current=page]{color:white}
/* Hero art */
.aff-link-card .mini-toolbar{margin-bottom:18px}
.aff-link-card .tiny-label{color:#8ba4cc}
.aff-url{font-size:15px;white-space:nowrap;letter-spacing:-.5px;line-height:1.35;margin:12px 0 16px;color:#1c2b46;overflow-wrap:anywhere}
.aff-url strong{color:#1d63f2;font-weight:600}
.aff-link-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:8px;color:#8393af}
.aff-copy{display:inline-flex;align-items:center;gap:6px;background:#1d67f2;color:white;border-radius:7px;padding:7px 10px;font-weight:600}
.aff-copy .icon{width:12px;height:12px}
.aff-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;border-top:1px solid #e4ecf8;padding-top:15px}
.aff-mini-stats span{display:flex;flex-direction:column}
.aff-mini-stats strong{font-size:17px;letter-spacing:-.5px;color:#1c2b46}
.aff-mini-stats small{font-size:7px;color:#8393af;letter-spacing:.4px}
.aff-tile>.icon{width:58px;height:58px}
.aff-earning-card .tiny-label{color:#8ba4cc}
.aff-earning-card small{display:block;font-size:8px;color:#8393af}
.aff-amount{margin-left:auto;font-size:18px;font-weight:600;letter-spacing:-.5px;color:#1d63f2}
.aff-spark{display:flex;align-items:flex-end;gap:5px;height:56px;margin:16px 0 12px}
.aff-spark i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#5d97ff,#1d63f2)}
.aff-spark i:nth-child(1){height:14%}.aff-spark i:nth-child(2){height:24%}.aff-spark i:nth-child(3){height:31%}.aff-spark i:nth-child(4){height:42%}.aff-spark i:nth-child(5){height:50%}.aff-spark i:nth-child(6){height:58%}.aff-spark i:nth-child(7){height:66%}.aff-spark i:nth-child(8){height:72%}.aff-spark i:nth-child(9){height:80%}.aff-spark i:nth-child(10){height:86%}.aff-spark i:nth-child(11){height:93%}.aff-spark i:nth-child(12){height:100%}
/* Terms strip */
.aff-terms-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff12;padding-block:34px 70px}
.aff-terms-row>div{display:flex;flex-direction:column;gap:6px;padding-inline:26px;border-left:1px solid #ffffff12}
.aff-terms-row>div:first-child{border-left:0;padding-left:0}
.aff-terms-row strong{font-size:44px;font-weight:600;letter-spacing:-2px;line-height:1;color:white}
.aff-terms-row strong small{font-size:16px;letter-spacing:-.3px;color:#98bbff;font-weight:500}
.aff-terms-row span{font-size:11px;color:#94a4c1;line-height:1.6;max-width:210px}
/* Steps */
.aff-steps{margin-top:51px}
.aff-step-visual{display:flex;align-items:center;justify-content:center}
.aff-step-card{display:flex;align-items:center;gap:12px;width:78%;background:white;border:1px solid #dce6f7;border-radius:13px;padding:17px;box-shadow:0 17px 30px #3766a91a;transform:rotate(-3deg)}
.aff-steps .feature-card:nth-child(2) .aff-step-card{transform:rotate(2deg)}
.aff-step-card strong{display:block;font-size:13px;letter-spacing:-.3px;color:#1c2b46}
.aff-step-card small{display:block;font-size:9px;color:#8393af}
.aff-step-num{position:absolute;left:24px;top:18px;font-size:10px;font-weight:600;color:#7294ca;letter-spacing:1px}
/* Calculator */
.aff-calculator-section{background:radial-gradient(ellipse at 70% 55%,#e5efff66,transparent 55%),linear-gradient(#fff,#f9fbff 65%,#fff);padding-top:30px}
.aff-calculator{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;margin-top:51px;align-items:start}
.aff-controls{background:white;border:1px solid #e1e9f6;border-radius:19px;padding:30px;box-shadow:0 9px 28px #224c8407}
.aff-control+.aff-control{margin-top:26px}
.aff-control-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.aff-control label{font-size:12px;font-weight:600;color:var(--ink)}
.aff-control output{font-size:22px;font-weight:600;letter-spacing:-.6px;color:#1b5ce5}
.aff-control input[type=range]{--fill:50%;appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:6px;margin:14px 0 6px;background:linear-gradient(90deg,#1b62f4 var(--fill),#e3eaf6 var(--fill));cursor:pointer}
.aff-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:white;border:2px solid #1b62f4;box-shadow:0 4px 12px #1b62f433}
.aff-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:white;border:2px solid #1b62f4;box-shadow:0 4px 12px #1b62f433}
.aff-control input[type=range]:focus-visible{outline:3px solid #79a7ff;outline-offset:6px}
.aff-range-scale{display:flex;justify-content:space-between;font-size:9px;color:#9aa6ba}
.aff-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.aff-result{border:1px solid #e6edf8;border-radius:13px;padding:14px 16px;background:#f8faff}
.aff-result .tiny-label{color:#7d8fb0}
.aff-result strong{display:block;font-size:22px;letter-spacing:-.8px;color:var(--ink);margin-top:6px}
.aff-result-main{grid-column:1/-1;background:radial-gradient(ellipse at 100% 0,#3d91ff,transparent 60%),linear-gradient(120deg,#155cff,#064bfa);border-color:transparent;color:white;box-shadow:0 12px 28px #0057ef33}
.aff-result-main .tiny-label{color:#cfe0ff}
.aff-result-main strong{color:white;font-size:36px;letter-spacing:-1.6px}
.aff-disclaimer{font-size:10px;line-height:1.75;color:#7d8799;margin-top:18px}
.aff-chart-window{transform:perspective(1300px) rotateY(-2deg) rotate(1deg)}
.aff-chart-window .mini-toolbar{padding-inline:20px}
.aff-chip{margin-left:auto;font-size:8px;font-weight:600;color:#2a63c2;background:#edf4ff;border:1px solid #d5e5ff;border-radius:6px;padding:4px 8px;white-space:nowrap}
.aff-chart-body{padding:18px 20px 16px}
/* Chart (earnings.js) */
.earnings-chart{position:relative}
.ec-frame{position:relative}
.earnings-chart svg{display:block;width:100%;height:auto;overflow:visible;font-family:Inter,'Segoe UI',sans-serif}
.ec-grid{stroke:#edf1f8;stroke-width:1}
.ec-baseline{stroke:#c9d6ea;stroke-width:1}
.ec-axis{fill:#7d8799;font-size:10px}
.ec-bar{fill:#1b62f4;transition:opacity .15s}
.ec-dim{opacity:.35}
.ec-hit{fill:transparent;cursor:crosshair}
.ec-ref{stroke:#9fb3d6;stroke-width:1}
.ec-note{fill:#5e7398;font-size:10px;font-weight:500}
.ec-value{fill:#172a4d;font-size:11px;font-weight:600}
.ec-tooltip{position:absolute;transform:translate(-50%,-100%);pointer-events:none;background:#0b1733;color:white;border-radius:9px;padding:8px 11px;box-shadow:0 10px 25px #0b173333;white-space:nowrap;display:flex;flex-direction:column;gap:1px;z-index:2}
.ec-tooltip strong{font-size:14px;letter-spacing:-.3px}
.ec-tooltip span{font-size:9px;color:#b6c7e6}
.ec-table{margin-top:10px;font-size:10px;color:#61738f}
.ec-table summary{cursor:pointer;font-weight:600;color:#1b5ce5;width:max-content}
.ec-table table{width:100%;border-collapse:collapse;margin-top:8px}
.ec-table th,.ec-table td{text-align:left;padding:5px 8px;border-bottom:1px solid #edf1f8}
.ec-dark .ec-grid{stroke:#ffffff12}.ec-dark .ec-baseline{stroke:#ffffff30}.ec-dark .ec-axis{fill:#a9bde0}.ec-dark .ec-bar{fill:#4d91ff}.ec-dark .ec-ref{stroke:#ffffff40}.ec-dark .ec-note{fill:#cfe0ff}.ec-dark .ec-value{fill:white}.ec-dark .ec-tooltip{background:white;color:#0b1733}.ec-dark .ec-tooltip span{color:#5e7398}
/* Attribution walkthrough */
.aff-attribution{position:relative;color:white;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#124dbe5c,transparent 45%),radial-gradient(ellipse at 10% 95%,#123f9d40,transparent 40%),#080e1f;padding-block:110px 120px}
.aff-attr-heading{max-width:640px}
.aff-attr-heading .eyebrow{color:#7ea7f0}
.aff-attr-heading h2{font-size:43px;font-weight:600;line-height:1.15;letter-spacing:-1.8px;margin-top:15px}
.aff-attr-heading p{color:#acbad3;font-size:14px;line-height:1.85;margin-top:16px}
.aff-journey{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 26px;counter-reset:step;position:relative}
.aff-node{position:relative;background:linear-gradient(140deg,#fff,#f5f8ff);color:var(--ink);border:1px solid #d3e2fc;border-radius:15px;padding:52px 24px 22px;box-shadow:0 25px 60px #010a2455}
.aff-node:nth-child(odd){transform:rotate(-1.2deg)}.aff-node:nth-child(even){transform:rotate(1deg)}
.aff-node::after{content:'';position:absolute;top:2px;left:calc(100% + 2px);width:24px;height:2px;background:linear-gradient(90deg,#5d97ff,#1d63f2);border-radius:2px}
.aff-node:nth-child(3n)::after,.aff-node:last-child::after{display:none}
.aff-node-icon{position:absolute;top:-26px;left:22px;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:white;background:linear-gradient(145deg,#71b0ff,#1459e8 60%,#0936a4);border:1px solid #9ec6ff80;box-shadow:inset 0 1px 3px #e3f5ff9c,inset -6px -6px 14px #00257760,5px 7px 0 #072a7f80,8px 16px 26px #03183d66}
.aff-node-icon .icon{width:27px;height:27px;stroke-width:1.7}
.aff-step-label{display:block;font-size:8px;letter-spacing:1.4px;font-weight:600;color:#3568be}
.aff-node h3{font-size:19px;letter-spacing:-.5px;line-height:1.3;margin-top:7px;font-weight:600}
.aff-node p{font-size:12px;line-height:1.8;color:#6e7b91;margin-top:9px;min-height:86px}
.aff-tag{display:inline-flex;margin-top:14px;font-size:9px;font-weight:600;color:#2a63c2;background:#edf4ff;border:1px solid #d5e5ff;border-radius:6px;padding:5px 9px;overflow-wrap:anywhere}
/* One referral timeline */
.aff-light-second{border-radius:40px 40px 0 0;margin-top:-40px}
.aff-timeline-window{margin-top:51px;transform:none}
.aff-timeline-window .mini-toolbar{padding-inline:20px}
.aff-timeline{padding:24px 22px 8px;overflow-x:auto}
.tl-grid{display:grid;grid-template-columns:72px repeat(14,minmax(52px,1fr));gap:8px 6px;min-width:880px;align-items:center}
.tl-row-label{font-size:10px;font-weight:600;color:#6e7b91}
.tl-month{font-size:9px;font-weight:600;color:#8ba4cc;text-align:center}
.tl-window{grid-column:span 12;height:30px;border-radius:9px;background:linear-gradient(90deg,#eaf2ff,#dbe8ff);border:1px solid #c7dbff;display:flex;align-items:center;padding-inline:12px}
.tl-window-label{font-size:9px;font-weight:600;color:#2a63c2}
.tl-after{grid-column:span 2;height:30px;border-radius:9px;border:1px dashed #d5deec;display:flex;align-items:center;justify-content:center;font-size:9px;color:#8a98ae}
.tl-cell{height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:600;padding:0 4px;line-height:1.2}
.tl-pay.tl-earned,.tl-pay.tl-outside,.tl-pay.tl-refund{background:#f3f6fb;color:#3a4d6e;border:1px solid #e3eaf5}
.tl-pay.tl-refund{text-decoration:line-through;text-decoration-color:#b13e50;font-size:8px}
.tl-pay.tl-gap,.tl-earn.tl-gap{background:repeating-linear-gradient(135deg,#f6f8fc 0 6px,#eef2f8 6px 12px);color:#9aa6ba;font-weight:500}
.tl-earn.tl-earned{background:linear-gradient(140deg,#2f72ff,#1459e8);color:white;box-shadow:0 8px 18px #1459e833}
.tl-earn.tl-refund{background:#fff1f3;color:#b13e50;border:1px solid #f0c8d0;font-size:9px}
.tl-earn.tl-outside{background:#f6f8fc;color:#9aa6ba;border:1px dashed #d5deec}
.tl-total{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-top:1px solid #e8edf5;margin-top:22px;padding:18px 2px 10px}
.tl-total .tiny-label{color:#7d8fb0}
.tl-total strong{font-size:28px;letter-spacing:-1px;color:var(--ink)}
.tl-total small{font-size:11px;color:#6e7b91}
.aff-legend{display:flex;flex-wrap:wrap;gap:8px 22px;padding:12px 22px 20px;font-size:10px;color:#6e7b91}
.aff-legend span{display:inline-flex;align-items:center;gap:7px}
.aff-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}
.lg-earned{background:#1d63f2}.lg-refund{background:#fff1f3;border:1px solid #e7a9b5}.lg-gap{background:repeating-linear-gradient(135deg,#f0f3f9 0 3px,#dfe5ef 3px 6px)}.lg-outside{border:1px dashed #b9c5d8}
.aff-hold{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:14px;margin-top:40px}
.aff-hold-step{display:flex;flex-direction:column;gap:6px}
.aff-hold-dot{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2064f1;background:linear-gradient(140deg,#edf4ff,#cfdefd);border:1px solid #cadbff}
.aff-hold-step strong{font-size:16px;letter-spacing:-.3px;margin-top:6px;color:var(--ink)}
.aff-hold-step small{font-size:12px;line-height:1.75;color:#6e7b91;max-width:290px}
.aff-hold-line{width:110px;height:2px;margin-top:21px;background:linear-gradient(90deg,#c7dbff,#1d63f2);position:relative}
.aff-hold-line span{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font-size:9px;font-weight:600;color:#2a63c2;background:#edf4ff;border:1px solid #d5e5ff;border-radius:6px;padding:2px 7px;white-space:nowrap}
/* Rules */
.aff-rules{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;padding-top:20px}
.aff-rules-copy h2{font-size:43px;font-weight:600;line-height:1.15;letter-spacing:-1.8px;margin:15px 0 16px;color:var(--ink)}
.aff-rules-copy p{color:#6e7b91;font-size:14px;line-height:1.85;margin-bottom:22px}
.aff-rule-list article{display:flex;gap:17px;padding-bottom:22px;border-bottom:1px solid #edf1f8}
.aff-rule-list article:last-child{border-bottom:0}
.aff-rules .aff-rule-list article>span{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2064f1;background:linear-gradient(140deg,#edf4ff,#cfdefd);border:1px solid #cadbff}
.aff-rules .aff-rule-list article>span .icon{stroke:#2064f1}
.aff-rule-list h3{color:var(--ink)}
.aff-rule-list p{color:#6e7b91!important;max-width:none!important}
.footer-link-button{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.footer-link-button:hover,.footer nav a:hover{color:white}
@media(max-width:1150px){.aff-terms-row strong{font-size:36px}.aff-journey{gap:52px 20px}.aff-node{padding-inline:20px}.aff-hold-line{width:60px}}
@media(max-width:900px){.aff-calculator{grid-template-columns:1fr}.aff-chart-window{transform:none}.aff-terms-row{grid-template-columns:1fr 1fr;gap:28px 0}.aff-terms-row>div:nth-child(3){border-left:0;padding-left:0}.aff-journey{grid-template-columns:1fr 1fr}.aff-node:nth-child(3n)::after{display:block}.aff-node:nth-child(2n)::after{display:none}.aff-rules{grid-template-columns:1fr;gap:36px}.aff-hold{grid-template-columns:1fr;gap:18px}.aff-hold-line{width:2px;height:34px;margin:0 0 0 21px;background:linear-gradient(#c7dbff,#1d63f2)}.aff-hold-line span{left:16px;top:50%;transform:translateY(-50%)}}
@media(max-width:680px){.aff-terms-row{padding-bottom:50px}.aff-terms-row strong{font-size:30px}.aff-terms-row>div{padding-inline:16px}.aff-terms-row span{font-size:10px}.aff-journey{grid-template-columns:1fr;gap:50px}.aff-node::after{display:none!important}.aff-node,.aff-node:nth-child(odd),.aff-node:nth-child(even){transform:none}.aff-node p{min-height:0}.aff-attr-heading h2,.aff-rules-copy h2{font-size:31px;letter-spacing:-1.25px}.aff-attribution{padding-block:70px 80px}.aff-controls{padding:22px}.aff-result-main strong{font-size:30px}.aff-url{font-size:12px;white-space:normal;overflow-wrap:anywhere}.aff-mini-stats{display:none}.aff-step-card{width:86%}.ec-note{font-size:14px}.ec-axis{font-size:13px}.ec-value{font-size:14px}}
/* Landing page teaser */
.aff-teaser{padding-bottom:100px}
.aff-teaser-card{margin-top:0;grid-template-columns:1fr 1.1fr}
.aff-teaser-card .flagship-copy .eyebrow{color:#cfe0ff}
.aff-teaser-stats{display:flex;gap:28px;margin:24px 0 26px}
.aff-teaser-stats span{display:flex;flex-direction:column}
.aff-teaser-stats strong{font-size:28px;letter-spacing:-1px;font-weight:600;line-height:1.1}
.aff-teaser-stats small{font-size:10px;color:#cfe0ff}
.aff-teaser-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.aff-teaser-art{position:relative;display:flex;align-items:center;padding:40px 40px 40px 0}
.aff-teaser-window{width:100%;color:var(--ink)}
.aff-teaser-window .mini-toolbar{padding-inline:18px}
.aff-teaser-badge{right:30px;bottom:18px;color:#2a63c2}
.footer-top:has(nav[aria-label=Legal]){grid-template-columns:1.4fr .7fr .7fr .8fr .8fr}
@media(max-width:900px){.aff-teaser-card{grid-template-columns:1fr}.aff-teaser-art{padding:0 24px 40px}.aff-teaser-badge{right:12px;bottom:14px}}
@media(max-width:680px){.aff-teaser{padding-bottom:60px}.aff-teaser-stats{gap:18px}.aff-teaser-stats strong{font-size:22px}.footer-top:has(nav[aria-label=Legal]){grid-template-columns:1fr 1fr}}
/* Trust levels / why we hold */
.aff-trust{padding-top:20px}
.aff-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px}
.aff-why article{background:white;border:1px solid #edf1f8;border-radius:17px;padding:24px;box-shadow:0 9px 28px #224c8407}
.aff-why-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2064f1;background:linear-gradient(140deg,#edf4ff,#cfdefd);border:1px solid #cadbff}
.aff-why h3{font-size:17px;letter-spacing:-.4px;margin-top:16px;color:var(--ink)}
.aff-why p{font-size:12px;line-height:1.8;color:#6e7b91;margin-top:8px}
.aff-ladder{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:end}
.aff-level{position:relative;background:white;border:1px solid #dce6f7;border-radius:19px;padding:26px 24px 24px;box-shadow:0 17px 34px #3766a914}
.aff-level:nth-child(2){margin-bottom:28px}
.aff-level-top{margin-bottom:56px;color:white;border-color:transparent;background:radial-gradient(ellipse at 100% 0,#3d91ff,transparent 60%),linear-gradient(120deg,#155cff,#064bfa);box-shadow:0 18px 40px #0057ef40}
.aff-level-tag{display:block;font-size:8px;letter-spacing:1.5px;font-weight:600;color:#3568be}
.aff-level-top .aff-level-tag{color:#cfe0ff}
.aff-level-days{display:block;font-size:46px;font-weight:600;letter-spacing:-2px;line-height:1;margin-top:14px;color:var(--ink)}
.aff-level-top .aff-level-days{color:white}
.aff-level-days small{font-size:16px;letter-spacing:-.3px;font-weight:500;color:#6e7b91}
.aff-level-top .aff-level-days small{color:#cfe0ff}
.aff-level-bar{display:block;height:8px;border-radius:8px;background:#edf2fa;margin:16px 0 14px;overflow:hidden}
.aff-level-top .aff-level-bar{background:#ffffff2e}
.aff-level-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#5d97ff,#1b62f4)}
.aff-level-top .aff-level-bar i{background:white}
.aff-level-bar .w120{width:100%}.aff-level-bar .w90{width:75%}.aff-level-bar .w60{width:50%}
.aff-level>p{font-size:12px;font-weight:600;color:var(--ink)}
.aff-level-top>p{color:white}
.aff-level ul{margin:10px 0 0;padding-left:18px;font-size:12px;line-height:1.8;color:#6e7b91}
.aff-level-top ul{color:#dbe7ff}
.aff-safeguards{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;justify-content:center}
.aff-safeguards span{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#2a4f8f;background:#f1f6ff;border:1px solid #d5e5ff;border-radius:30px;padding:8px 14px}
.aff-safeguards .icon{width:15px;height:15px;color:#1b62f4}
.aff-trust-note{text-align:center;font-size:12px;color:#6e7b91;max-width:640px;margin:18px auto 0;line-height:1.8}
@media(max-width:900px){.aff-why,.aff-ladder{grid-template-columns:1fr}.aff-level,.aff-level:nth-child(2),.aff-level-top{margin-bottom:0}}