@font-face{font-family:Geist;src:url('/assets/fonts/geist-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/fonts/geist-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/barlow-condensed-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{color-scheme:light;--ground:#f7f8fa;--af-font-body:Geist,Arial,sans-serif;--af-font-force:'Barlow Condensed',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--af-ink);font:17px/1.6 var(--af-font-body)}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--af-ink);outline-offset:3px}.skip-link{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:8px}
body.referrals-page{--af-bar:64px;--af-logo:48px;--af-logo-top:0px;--af-logo-overhang:0px}
@media(max-width:1099px){body.referrals-page{--af-logo:44px}}
@media(max-width:760px){body.referrals-page{--af-bar:56px;--af-logo:40px}}
.site-header{position:relative;z-index:12;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;width:100%;height:var(--af-bar,64px);margin:0;padding:0 max(24px,calc((100% - 1232px)/2));background:#fff;border-bottom:1px solid var(--af-line);overflow:visible}.brand{display:block;flex:0 0 auto;height:var(--af-logo,48px);margin:var(--af-logo-top,0px) 0 calc(-1 * var(--af-logo-overhang,0px) - 1px);line-height:0;text-decoration:none}.af-mark__logo{display:block;width:auto;height:var(--af-logo,48px);aspect-ratio:1314/324}
.site-header nav{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto}.site-header nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;min-height:32px;height:32px;padding:0 12px;border:1px solid var(--af-line);border-radius:4px;background:#fff;color:var(--af-ink);font:700 14px/1 var(--af-font-body);letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap}.site-header nav a:hover{border-color:var(--af-ink)}.site-header nav a::after{content:"";position:absolute;inset:-6px -2px}.site-header nav a.nav-primary{background:var(--af-ink);border-color:var(--af-ink);color:#fff}.site-header nav a.nav-primary:hover{background:#30353d}
.referral-shell{max-width:1200px;padding:0 40px 24px;margin:auto}.back-link{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-size:14px;font-weight:700;text-decoration:none}.back-link:hover{text-decoration:underline}.back-link[hidden]{display:none}
h1,h2{font-family:var(--af-font-force);font-weight:800;text-transform:uppercase;letter-spacing:.015em;color:var(--af-ink)}h1{font-size:var(--af-t-h1);line-height:1.02;margin:0 0 20px}.lead{font-size:21px;line-height:1.45;max-width:560px;margin:0 0 28px}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:48px;align-items:center;padding:56px 0 48px}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.cta-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:4px;background:var(--af-red);color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:background-color 120ms ease}.cta-primary:hover{background:#b92525}.cta-primary:active{transform:translateY(1px)}.cta-secondary{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:700;text-decoration:underline}
.hero-art{margin:0;aspect-ratio:16/9;width:100%;max-width:560px;justify-self:end;position:relative}.hero-art picture{display:block;width:100%;height:100%}.hero-art__img{display:block;width:100%;height:100%;object-fit:cover;clip-path:polygon(24px 0,100% 0,calc(100% - 24px) 100%,0 100%)}.hero-art__panel{display:none;position:absolute;inset:0;background:var(--af-pearl);clip-path:polygon(24px 0,100% 0,calc(100% - 24px) 100%,0 100%);place-items:center;color:var(--af-ink)}.hero-art__panel svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-art--pending .hero-art__img,.hero-art--pending picture{display:none}.hero-art--pending .hero-art__panel{display:grid}
h2{position:relative;font-size:var(--af-t-h2);line-height:1.08;margin:0 0 24px;padding-bottom:10px}h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--af-red)}.offers,.steps,.terms{margin-top:64px}.offers__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.offer-wrap{transition:transform 160ms ease,filter 160ms ease}.offer{--slant:16px;height:100%;background:#fff;clip-path:polygon(var(--slant) 0,100% 0,calc(100% - var(--slant)) 100%,0 100%);display:flex;flex-direction:column}.offer__cat{margin:0;min-height:97px;padding:20px 28px 18px 36px;background:var(--af-red);color:#fff;font:800 28px/1.05 var(--af-font-force);letter-spacing:.015em;text-transform:uppercase}.offer__body{margin:0;padding:22px 28px 28px 24px;font-size:17px;line-height:1.5;color:var(--af-ink)}.offer__body strong{font-weight:700}.offer__restriction{margin:0;padding:0 28px 28px 24px;font-size:12.5px;line-height:1.5;color:var(--af-ink)}.offer-wrap:hover{transform:translateY(-4px);filter:drop-shadow(0 2px 3px rgba(17,19,24,.10)) drop-shadow(0 16px 28px rgba(17,19,24,.16))}
.steps{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.steps__list{max-width:760px}.steps h2{grid-column:1/-1}.steps__intro{font-size:17px;line-height:1.5;margin:0}.steps__list{list-style:none;margin:0;padding:0;display:grid;gap:28px}.step{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px}.step__n{width:40px;height:36px;display:grid;place-items:center;background:var(--af-ink);color:#fff;font:800 21px/1 var(--af-font-force);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.step__title{margin:0 0 6px;font:800 21px/1.25 var(--af-font-force);color:var(--af-ink)}.step__body{margin:0;font-size:17px;line-height:1.5}.terms p{margin:0 0 8px;font-size:17px;line-height:1.5}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:16px;border-top:1px solid var(--af-line);font-size:12.5px;color:var(--af-muted)}footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}footer a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:14px;text-decoration:none}
@media(min-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(400px,520px)}}
@media(max-width:900px){.offers__list{grid-template-columns:1fr;gap:16px}.offer{--slant:12px}.offer__cat{min-height:0;padding:18px 20px 16px 28px;font-size:var(--af-t-card)}.offer__body{padding:18px 20px 22px 18px}.offer__restriction{padding:0 20px 22px 18px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:28px;padding:40px 0 32px}.hero-art{aspect-ratio:358/320;max-width:none;justify-self:stretch}.hero-art__img{object-fit:cover;object-position:50% 40%;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}.steps{grid-template-columns:1fr;gap:20px}.offers,.steps,.terms{margin-top:48px}}
@media(max-width:760px){.site-header{height:var(--af-bar,56px);padding:0 16px;gap:8px}.brand{margin:0}.site-header nav{gap:6px}.site-header nav a{padding:0 10px;letter-spacing:0}}
@media(max-width:600px){.referral-shell{padding:0 16px 16px}h2{font-size:32px}.offer__cat{font-size:24px}.lead{font-size:17px;line-height:1.55}.cta-primary{width:100%}.step{grid-template-columns:40px minmax(0,1fr);column-gap:12px}footer{flex-wrap:wrap;gap:8px}}
@media(max-width:360px){.site-header{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.offer-wrap,.cta-primary,.site-header nav a,.back-link{transition:none}.offer-wrap:hover,.cta-primary:active,.site-header nav a:active{transform:none}}

/* Tim: distinct Action Force offer banners and shorter referral steps. */
.offer-wrap:first-child .offer__cat{background:var(--af-ink);color:#fff}
.offer-wrap:nth-child(2) .offer__cat{position:relative;background:var(--af-muted);color:#fff}
.step__body+.step__body{margin-top:10px}
.get-started{margin-top:64px}
@media(max-width:800px){.get-started{margin-top:48px}}

/* Accepted compact referral examples and registration tip. */
.steps__list{gap:44px}
.offer__example{margin:0 28px 24px 24px;padding-top:16px;border-top:1px solid var(--af-line);display:grid;gap:16px;font-size:16px;line-height:1.45;color:var(--af-ink);font-variant-numeric:tabular-nums}
.offer__example p{margin:0}
.offer__example-label{font-weight:700}
.offer__example-result{font-size:21px;font-weight:700;line-height:1.4}
.offer-examples-note{margin-top:24px;font-size:16px;line-height:1.5;color:var(--af-ink)}
.offer-examples-note p{margin:0 0 8px}
.step__tip{margin:12px 0 0;padding:12px 16px;border:0;border-radius:4px;background:#fff;font-size:16px;line-height:1.5;color:var(--af-ink)}
.step__tip strong{font-weight:700}
@media(max-width:900px){.offer__example{margin:0 20px 22px 18px}}
@media(max-width:800px){.steps__list{gap:36px}}
