:root { --red:#ed1c24; --red-dark:#be1720; --ink:#171717; --muted:#666; --line:#e7e3e0; --paper:#fff; --warm:#faf9f7; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--warm); font-family:Arial,Helvetica,sans-serif; line-height:1.5; }
.header { background:var(--paper); border-bottom:1px solid var(--line); }.header-inner,.hero-inner,.content-inner,.footer-inner { width:min(1080px,calc(100% - 48px)); margin:auto; }.header-inner { height:82px; display:flex; align-items:center; justify-content:space-between; }.force-logo { display:block; width:150px; height:auto; }.partner-lockup { display:flex; align-items:center; gap:9px; color:#555; font-size:13px; font-weight:700; letter-spacing:.04em; }.lighthouse-icon { display:grid; place-items:center; width:26px; height:26px; color:var(--red); border:1.5px solid var(--red); border-radius:50%; font-size:15px; }
.hero { background:var(--paper); border-bottom:1px solid var(--line); }.hero-inner { padding:92px 0 100px; max-width:850px; margin-left:max(24px,calc((100% - 1080px)/2)); }.kicker,.section-label { color:var(--red); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.kicker { margin:0 0 24px; }.hero h1 { margin:0; font-size:clamp(48px,8vw,86px); line-height:.95; letter-spacing:-.07em; font-weight:800; }.hero h1 span { color:var(--red); }.intro { max-width:650px; margin:27px 0 34px; color:var(--muted); font-size:20px; line-height:1.45; }.download { display:inline-flex; align-items:center; gap:28px; padding:15px 20px; color:#fff; background:var(--red); border-radius:3px; font-size:14px; font-weight:800; text-decoration:none; transition:background .2s,transform .2s; }.download:hover { background:var(--red-dark); transform:translateY(-2px); }.download b { font-size:20px; line-height:12px; }.meta { margin:16px 0 0; color:#898989; font-size:11px; }
.content { background:var(--warm); }.content-inner { padding:72px 0 82px; }.section-label { margin-bottom:30px; }.instructions { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }.instructions > div { min-height:180px; padding:25px 28px 25px 0; border-right:1px solid var(--line); }.instructions > div:not(:first-child) { padding-left:28px; }.instructions > div:last-child { border-right:0; }.instructions span { color:var(--red); font-size:12px; font-weight:800; }.instructions h2 { margin:22px 0 8px; font-size:21px; letter-spacing:-.03em; }.instructions p { max-width:230px; margin:0; color:var(--muted); font-size:13px; }.instructions code { color:var(--ink); font-size:12px; }.notice { display:flex; gap:20px; margin-top:34px; padding:18px 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }.notice strong { color:var(--ink); white-space:nowrap; }.footer { background:var(--ink); color:#aaa; }.footer-inner { display:flex; justify-content:space-between; padding:25px 0; font-size:11px; }.footer-inner span:first-child { color:#fff; font-weight:700; }
@media (max-width:700px) { .header-inner,.hero-inner,.content-inner,.footer-inner { width:calc(100% - 36px); }.header-inner { height:70px; }.force-logo { width:125px; }.hero-inner { padding:65px 0 70px; margin-left:18px; }.intro { font-size:17px; }.instructions { display:block; }.instructions > div,.instructions > div:not(:first-child) { min-height:auto; padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }.instructions > div:last-child { border-bottom:0; }.instructions h2 { margin-top:12px; }.notice { display:block; }.notice strong { display:block; margin-bottom:5px; }.footer-inner { display:block; }.footer-inner span { display:block; margin:4px 0; } }