@font-face { font-family: "Greater Theory"; src: url("../fonts/greater-theory.otf") format("opentype"); font-display: swap; }
:root { --red:#c52028; --ink:#15191c; --paper:#f5f2eb; --line:#c7c1b7; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; } img { max-width:100%; }
.skip-link { position:absolute; top:-50px; left:12px; z-index:20; padding:10px 14px; background:#fff; color:#111; font-weight:800; } .skip-link:focus { top:12px; }
.campaign-header { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:10px clamp(18px,4vw,68px); background:#fff; border-bottom:4px solid var(--red); }
.campaign-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; text-transform:uppercase; letter-spacing:.025em; }.campaign-brand img { width:50px; height:50px; object-fit:contain; }.campaign-brand strong { display:block; font:29px/22px "Greater Theory",Impact,sans-serif; }.campaign-brand small { display:block; margin-top:4px; color:var(--red); font-size:11px; font-weight:900; letter-spacing:.2em; }
.campaign-header nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:22px; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }.campaign-header nav a { text-decoration:none; }.campaign-header nav a:not(.header-call):hover { color:var(--red); }.header-call { padding:11px 15px; background:var(--ink); color:#fff; }
.price-hero { position:relative; min-height:min(720px,calc(100vh - 82px)); isolation:isolate; display:grid; align-items:center; overflow:hidden; background:#141414; color:#fff; }.price-hero-image,.price-hero-shade { position:absolute; inset:0; width:100%; height:100%; }.price-hero-image { object-fit:cover; object-position:center; z-index:-2; }.price-hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(7,8,8,.96) 0%,rgba(7,8,8,.82) 34%,rgba(7,8,8,.22) 61%,rgba(7,8,8,.08) 100%); }.hero-content,.section-wrap { width:min(1240px,calc(100% - 40px)); margin:0 auto; }.hero-content { padding:72px 0; }.campaign-kicker,.eyebrow { margin:0 0 15px; color:#fff; font-size:12px; font-weight:900; letter-spacing:.18em; }.price-hero h1,h2,h3 { font-family:"Greater Theory",Impact,sans-serif; text-wrap:balance; }.price-hero h1 { max-width:760px; margin:0; font-size:clamp(48px,7vw,106px); line-height:.88; text-transform:uppercase; letter-spacing:-.025em; }.price-hero h1 em { color:#f0363d; font-style:normal; }.hero-deck { max-width:555px; margin:25px 0 30px; color:#f2f1ee; font-size:clamp(16px,2vw,20px); line-height:1.5; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:14px 22px; border:2px solid transparent; text-decoration:none; font-size:13px; font-weight:900; letter-spacing:.075em; text-transform:uppercase; transition:transform .15s ease,background .15s ease; }.button:hover { transform:translateY(-2px); }.button-red { background:var(--red); color:#fff; }.button-red:hover { background:#dc3038; }.button-outline { color:#fff; border-color:rgba(255,255,255,.8); }.button-outline:hover { background:#fff; color:var(--ink); }.button-dark { background:var(--ink); color:#fff; }.hero-note { max-width:510px; margin:24px 0 0; color:#d1d1cd; font-size:12px; font-weight:700; line-height:1.4; }
.proof-strip { display:grid; grid-template-columns:repeat(4,1fr); background:var(--red); color:#fff; }.proof-strip div { min-height:100px; display:flex; flex-direction:column; justify-content:center; padding:20px clamp(16px,3vw,50px); border-right:1px solid rgba(255,255,255,.33); text-transform:uppercase; }.proof-strip div:last-child { border:0; }.proof-strip strong { font:clamp(21px,2.25vw,34px)/.9 "Greater Theory",Impact,sans-serif; }.proof-strip span { margin-top:7px; font-size:12px; font-weight:800; letter-spacing:.08em; }
.challenge-intro { padding:clamp(60px,9vw,130px) 0; }.eyebrow { color:var(--red); }.intro-grid { display:grid; grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr); gap:clamp(35px,9vw,160px); }h2 { margin:0; font-size:clamp(38px,5vw,68px); line-height:.92; letter-spacing:-.01em; text-transform:uppercase; }.intro-grid p { margin:0 0 18px; font-size:18px; line-height:1.6; }
.how-it-works { padding:clamp(65px,8vw,110px) 0; color:#fff; background:var(--ink); }.how-it-works .eyebrow { color:#f64a50; }.steps { margin:52px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }.steps li { padding-top:22px; border-top:2px solid #f44950; }.steps span { color:#f44950; font-size:13px; font-weight:900; letter-spacing:.16em; }.steps h3 { margin:18px 0 12px; font-size:clamp(28px,3vw,44px); line-height:.92; text-transform:uppercase; }.steps p { margin:0; color:#d1d5d6; line-height:1.55; }
.send-price { padding:clamp(60px,8vw,110px) 0; }.send-price-card { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(36px,7vw,100px); padding:clamp(30px,5vw,72px); background:#fff; border:1px solid var(--line); box-shadow:12px 12px 0 var(--red); }.campaign-kicker-dark { color:var(--red); }.send-price h2 { max-width:520px; margin-bottom:20px; }.send-price-card p:not(.campaign-kicker) { max-width:560px; line-height:1.6; }.contact-actions { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:13px; }.text-link { margin-top:7px; color:var(--red); font-size:14px; font-weight:800; line-height:1.45; }
.rules { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(32px,8vw,120px); padding:0 0 clamp(60px,8vw,100px); }.rules h2 { font-size:clamp(34px,4.5vw,60px); }.rules ul { margin:3px 0 0; padding:0; list-style:none; }.rules li { padding:18px 0 18px 28px; border-bottom:1px solid var(--line); position:relative; line-height:1.5; }.rules li::before { content:"×"; position:absolute; left:0; color:var(--red); font-size:21px; font-weight:900; line-height:.9; }
.campaign-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:38px clamp(20px,4vw,68px); color:#fff; background:#090b0c; }.campaign-footer p { margin:0; color:#b9c0c2; font-size:14px; line-height:1.5; text-align:right; }.campaign-footer p a { color:#fff; }
@media (max-width:760px) { .campaign-header { min-height:70px; }.campaign-brand img { width:40px; height:40px; }.campaign-brand strong { font-size:23px; line-height:18px; }.campaign-brand small { font-size:9px; }.campaign-header nav a:not(.header-call) { display:none; }.campaign-header nav { gap:0; }.header-call { padding:10px; font-size:12px; }.price-hero { min-height:630px; }.price-hero-image { object-position:62% center; }.price-hero-shade { background:linear-gradient(90deg,rgba(7,8,8,.94),rgba(7,8,8,.72)); }.hero-content,.section-wrap { width:min(100% - 32px,1240px); }.price-hero h1 { font-size:clamp(45px,13.5vw,74px); }.proof-strip { grid-template-columns:repeat(2,1fr); }.proof-strip div:nth-child(2) { border-right:0; }.proof-strip div { min-height:82px; }.intro-grid,.send-price-card,.rules { grid-template-columns:1fr; }.steps { grid-template-columns:1fr; gap:25px; }.steps h3 { font-size:33px; }.send-price-card { box-shadow:8px 8px 0 var(--red); }.campaign-footer { align-items:flex-start; flex-direction:column; }.campaign-footer p { text-align:left; } }