:root{color-scheme:dark;--ink:#f4f5f7;--muted:#afb4be;--red:#ed1234;--line:#2a2f3b;--yellow:#ffda32;--surface:#111319}
*{box-sizing:border-box;letter-spacing:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#07080b;line-height:1.6}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:3px solid #db9f00;outline-offset:5px}
.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-100px;background:var(--surface);padding:12px;z-index:5}.skip-link:focus{top:12px}
.site-header{background:#111215;color:#fff;border-bottom:1px solid #343539}
.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{display:block;object-fit:contain}.header-inner nav{display:flex;align-items:center;gap:32px}.header-inner nav a{text-decoration:none;font-size:14px;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--red);color:#fff;text-decoration:none;padding:13px 22px;border-radius:4px;font-size:15px;font-weight:700;min-height:48px;transition:background .15s}.button:hover{background:#c90c29}.button.small{min-height:40px;padding:8px 16px}
.hero{background:#111215 url('../images/rage-logo.png') no-repeat center 32px;background-size:220px auto;color:#fff;text-align:center;border-bottom:4px solid var(--red)}
.hero-copy{padding-top:167px;padding-bottom:38px}
.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;margin:0 0 12px;color:var(--yellow)}
h1{font-size:64px;line-height:1;margin:0 0 18px}h2{font-size:36px;line-height:1.16;margin:0 0 20px}h3{font-size:20px;line-height:1.3;margin:0 0 12px}
.hero-lead{font-size:30px;line-height:1.25;font-weight:700;margin:0 0 16px}.hero-description{max-width:600px;margin:0 auto;color:#d0d1d6;font-size:17px}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;align-items:center;margin-top:25px}.text-link{font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;gap:14px;align-items:center}.text-link:hover{text-decoration:underline}.access-note{font-size:12px;color:#aaaeb6;margin:20px 0 0}
.connections{background:var(--surface);border-bottom:1px solid var(--line)}.connection-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:28px}.connections h2{font-size:20px;margin:0}
.platforms{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.platforms li{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;min-width:0}.platform-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:4px;background:#050505;color:#fff}.platform-mark i{font-size:10px}.platform-mark.facebook{background:#0866ff}.platform-mark.instagram{background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 62%,#515bd4)}.platform-mark.youtube{background:#ff0033}.platform-mark.tiktok{background:linear-gradient(135deg,#25f4ee,#0b0d12 44%,#fe2c55)}
.platform-upcoming{color:var(--muted)}.coming-soon{display:block;width:max-content;margin-top:3px;padding:1px 5px;border:1px solid #4a4220;border-radius:3px;font-size:10px;font-weight:700;line-height:1.5;background:#242219;color:#ffda32}
@media(min-width:901px) and (max-width:1150px){.platforms{grid-template-columns:repeat(3,minmax(0,1fr))}}
.section-space{padding-block:76px}.red{color:var(--red)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:26px}.steps article>i{font-size:26px;color:var(--red);display:block;margin-bottom:18px}.steps p,.control p{color:var(--muted);font-size:16px;margin:0}
.control{background:var(--surface);border-block:1px solid var(--line)}.control-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.control .eyebrow{color:#ff526a;font-size:12px;margin-bottom:12px}.control .text-link{margin-top:22px}.permissions{display:grid;gap:28px}.permissions article{display:flex;gap:20px}.permissions article>i{margin-top:5px;width:24px;flex-shrink:0;color:var(--red);font-size:20px}.permissions h3{font-size:18px;margin-bottom:7px}.permissions p{font-size:15px}
.red{color:#ff526a}
.closing{background:#17181b;color:white;padding-block:42px}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.closing h2{font-size:28px;margin:0}.closing .button{flex-shrink:0}
.footer{padding-block:32px;display:flex;justify-content:space-between;gap:24px;font-size:13px}.footer strong{font-size:12px}.footer p{margin:6px 0 0;color:var(--muted)}.footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.footer nav a{text-decoration:none}.footer nav a:hover{text-decoration:underline}
@media(max-width:900px){.platforms{gap:20px}.control-grid{gap:40px}.steps{gap:24px}.connection-inner{align-items:flex-start}.platforms{display:grid;grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:68px}.header-inner nav{gap:12px}.section-link{display:none}.nav-logo{width:76px;height:42px}.hero{background-size:170px auto;background-position:center 22px}.hero-copy{padding-top:128px;padding-bottom:30px}h1{font-size:48px;margin-bottom:14px}.hero-lead{font-size:25px}.hero-description{font-size:15px}.actions{gap:18px;margin-top:22px}.access-note{font-size:11px}.connection-inner{flex-direction:column;gap:20px;padding-block:24px}.connections h2 br{display:none}.platforms{width:100%;gap:18px 10px}.section-space{padding-block:46px}h2{font-size:29px}.steps{grid-template-columns:1fr;gap:26px;margin-top:26px}.step-number{margin-bottom:16px}.control-grid{grid-template-columns:1fr;gap:34px}.closing-inner{align-items:flex-start;flex-direction:column}.closing h2{font-size:25px}.footer nav{gap:16px}.permissions article{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}