@font-face{font-family:Montserrat;src:url('/assets/montserrat.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#f5f1e9;--muted:#bcb6ac;--gold:#e5b875;--line:rgba(231,212,181,.22)}
*{box-sizing:border-box}
html{background:#100e0b}
body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
.sky{position:absolute;inset:0 0 auto;height:1000px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 25%,#44321d 0,transparent 65%)}
.sky:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,14,11,.72),rgba(16,14,11,.12)),linear-gradient(0deg,#100e0b 0,transparent 70%)}
canvas{width:100%;height:100%;opacity:.8}
.page{position:relative;width:min(1080px,calc(100% - 96px));margin:auto}
header{min-height:132px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.brands{display:flex;align-items:center;gap:24px}
.brands img{display:block;object-fit:contain;filter:invert(1) contrast(1.15);mix-blend-mode:screen}
.jrai{width:160px;height:80px}
.partner{width:188px;height:106px}
.times{font-size:24px;font-weight:300;color:var(--muted)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;line-height:1.5}
.header-label{color:var(--muted)}
.intro{padding:59px 0 47px}
.intro .eyebrow{color:var(--gold);margin:0 0 22px}
h1{font-size:clamp(42px,5.5vw,70px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0 0 23px}
.lede{font-size:17px;line-height:1.75;color:#d4cec4;max-width:660px;margin:0}
.commitment{margin:24px 0 0;font-size:12px;color:var(--gold);font-weight:500}
h2,h3,p{margin-top:0}
h2{font-size:18px;font-weight:550;letter-spacing:-.025em;line-height:1.4;margin-bottom:14px}
h3{font-size:16px;font-weight:550;letter-spacing:-.025em;line-height:1.5;margin-bottom:8px}
p{margin-bottom:0}
.benefits{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0 38px;gap:64px}
.revenue .eyebrow{color:var(--muted);margin:0 0 12px}
.percentage{font-size:112px;font-weight:400;line-height:1.1;letter-spacing:-.085em;color:var(--gold);margin:0 0 14px}
.percentage span{font-size:60px;letter-spacing:-.06em;margin-left:6px}
.revenue h3{font-size:20px}
.revenue>p:last-child,.benefit-list p,.how p,.offers p{color:var(--muted);font-size:13px;line-height:1.8}
.benefit-list>div+div{margin-top:21px;padding-top:19px;border-top:1px solid var(--line)}
.how{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:35px 0;border-bottom:1px solid var(--line)}
.community{padding:32px 0 35px}
.section-heading h2{margin-bottom:6px}
.section-heading>p{font-size:13px;color:var(--gold)}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:27px}
.offers>div{position:relative;padding-left:39px}
.offer-number{position:absolute;left:0;top:3px;font-size:11px;color:var(--gold)}
footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 28px;font-size:11px;color:var(--muted)}
.skip{position:fixed;top:10px;left:10px;z-index:10;transform:translateY(-200%);background:var(--ink);color:#100e0b;padding:10px 15px}
.skip:focus{transform:none}
@media(max-width:700px){
 .page{width:calc(100% - 40px)}header{min-height:108px}.brands{gap:13px}.jrai{width:119px;height:65px}.partner{width:144px;height:82px}.times{font-size:20px}.header-label{display:none}
 .intro{padding:40px 0 34px}h1{font-size:clamp(39px,10vw,62px)}.intro .eyebrow{font-size:9px;margin-bottom:18px}.lede{font-size:15px}.desktop-break{display:none}.commitment{font-size:11px}
 .benefits,.how,.offers{grid-template-columns:1fr;gap:28px}.benefits{padding:28px 0}.percentage{font-size:100px}.benefit-list{border-top:1px solid var(--line);padding-top:25px}
 .how{padding:28px 0;gap:26px}.community{padding:28px 0}.offers{gap:24px;margin-top:24px}h2{font-size:17px}footer{font-size:10px}.sky{height:850px}
}
@media print{
 @page{size:A4;margin:14mm}html,body{background:white;color:#17130e;font-size:10px}.sky,.skip{display:none}.page{width:100%}:root{--ink:#17130e;--muted:#514b43;--gold:#795526;--line:#d3cabe}
 header{min-height:75px}.brands img{filter:none;mix-blend-mode:normal}.jrai{width:115px;height:57px}.partner{width:130px;height:73px}.header-label{display:block}.intro{padding:25px 0}h1{font-size:40px}.lede{font-size:12px;color:#514b43}.intro .eyebrow{margin-bottom:13px}.commitment{margin-top:14px}
 .benefits,.how,.offers{grid-template-columns:1fr 1fr;gap:35px}.benefits{padding:22px 0}.percentage{font-size:76px}.percentage span{font-size:42px}.benefit-list{border:0;padding:0}.benefit-list>div+div{margin-top:10px;padding-top:10px}
 .revenue>p:last-child,.benefit-list p,.how p,.offers p{font-size:10px}h2{font-size:13px}h3{font-size:12px}.revenue h3{font-size:15px}.how{padding:22px 0}.community{padding:22px 0}.section-heading>p{font-size:10px}.offers{margin-top:18px}footer{padding:14px 0}section{break-inside:avoid}
}