:root { --gold:#e6b96c; --orange:#ff6b14; --ink:#08090a; --panel:#121416; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:#070809; color:#f8e6bd; font-family:"IM Fell English", Georgia, serif; }
.site-shell { width:min(1200px,calc(100vw - 38px)); margin:26px auto; overflow:hidden; border:1px solid #403f3d; border-radius:35px 35px 0 0; background:radial-gradient(ellipse at 50% 15%,#25211b 0%,#090a0c 52%,#030404 100%); box-shadow:0 0 0 4px #08090a,0 24px 60px #000; }
.topbar { z-index:5; position:relative; height:82px; margin:auto; padding:0 4.7vw; display:flex; align-items:center; gap:42px; background:linear-gradient(180deg,rgba(11,12,13,.98),rgba(14,15,16,.96)); border-bottom:1px solid rgba(195,154,89,.35); box-shadow:inset 0 1px #60564a,0 8px 25px #000a; }
.topbar:before,.topbar:after { content:""; position:absolute; bottom:-1px; width:177px; height:53px; pointer-events:none; opacity:.9; background:linear-gradient(135deg,transparent 0 18%,#332b23 18.4% 19.4%,transparent 19.9% 51%,#332b23 51.5% 52.5%,transparent 53%),linear-gradient(45deg,transparent 0 42%,#5b4b37 42.4% 43.2%,transparent 43.8%),linear-gradient(180deg,transparent 58%,#413729 59% 61%,transparent 62%); }
.topbar:before { left:0; transform:scaleX(-1); }.topbar:after { right:0; }
.mark { position:relative; z-index:1; flex:0 0 120px; height:82px; text-decoration:none; }
.mark img { position:absolute; width:118px; height:106px; max-width:none; top:-12px; left:-7px; object-fit:contain; }
nav { display:flex; justify-content:center; gap:47px; flex:1; height:100%; align-items:center; }
nav a,.test-link { position:relative; color:#ead7aa; text-decoration:none; text-transform:uppercase; font:600 15px Cinzel,serif; letter-spacing:.04em; }
nav a:hover,nav a.active { color:var(--orange); }
nav a.active:after { content:""; position:absolute; left:0; right:0; bottom:-29px; margin:auto; width:34px; height:2px; background:var(--orange); box-shadow:0 0 8px 2px #f55; }
.test-link { padding:14px 24px; color:#f29332; border:1px solid #6d4c2b; clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%); background:#171411; white-space:nowrap; }
.hero { min-height:661px; position:relative; display:grid; place-items:center; isolation:isolate; border-bottom:1px solid #6e5740; }
.hero-art,.hero-shade { position:absolute; inset:0; z-index:-2; }
.hero-art { background:url("assets/raiderz-hero.png") center 47%/cover no-repeat; filter:saturate(.88) contrast(1.05) brightness(1.02); transform:scale(1.01); }
.hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(1,2,3,.28),rgba(1,2,3,.06) 32%,rgba(2,3,4,.12) 68%,rgba(1,2,3,.48)),linear-gradient(0deg,rgba(4,5,5,.48),transparent 37%,rgba(0,0,0,.26)); }
.hero-content { width:min(700px,94vw); padding:65px 18px 24px; text-align:center; text-shadow:0 2px 5px #000; }
.raiderz-logo { display:block; width:min(680px,86vw); margin:0 auto 11px; filter:contrast(1.05) saturate(1.07) drop-shadow(0 8px 8px #000); }
.eyebrow,.intro { margin:0; color:#f3dfac; font-size:22px; }
h1 { margin:0; font:800 clamp(64px,11vw,128px)/.72 Cinzel,serif; letter-spacing:-.09em; color:#d6ccc0; text-transform:uppercase; text-shadow:0 2px 0 #fff8,0 4px 2px #4a3329,0 10px 14px #000; }
h1 span { background:linear-gradient(#fff 3%,#867a72 31%,#ece8dd 53%,#6c605a 84%); -webkit-background-clip:text; color:transparent; }
h1 em { color:#9c251d; font-style:italic; text-shadow:2px 1px #e4c8a3,5px 3px #1f0706; }
.mobile-test { margin:23px 0 12px; color:#eba23a; font:600 clamp(19px,3vw,27px) Cinzel,serif; text-transform:uppercase; letter-spacing:.43em; }
.divider { display:flex; align-items:center; justify-content:center; gap:9px; color:#d9912f; }.divider span { width:134px; height:1px; background:linear-gradient(90deg,transparent,#bd7b24,transparent); }.divider b { font-size:12px; }
.eyebrow { margin:7px 0 0; }.intro { margin:4px 0 13px; }.hero h2 { margin:0 0 19px; text-transform:uppercase; font:700 clamp(30px,5vw,43px)/.94 Cinzel,serif; letter-spacing:.04em; background:linear-gradient(180deg,#fff3c9 0%,#f7c768 26%,#d78227 51%,#ffca65 72%,#743019 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 1px #fff4,0 2px #7c2d0d,0 4px 8px #000; }.hero h2 small { font-size:.76em; }
.download-button { display:inline-block; width:min(388px,86vw); line-height:0; filter:drop-shadow(0 0 10px #ef4b0e86); transition:transform .08s ease,filter .08s ease; }.download-button img { width:100%; height:auto; display:block; clip-path:polygon(3% 50%,9% 7%,91% 7%,97% 50%,91% 93%,9% 93%); }.download-button:hover { filter:drop-shadow(0 0 17px #ff6d10); }.download-button.pressed { width:min(388px,86vw); transform:translateY(4px); filter:drop-shadow(0 1px 2px #000); }
.feature-bar { margin:auto; display:grid; grid-template-columns:repeat(3,1fr); min-height:103px; padding:14px 11%; background:linear-gradient(180deg,#1b1d1e,#0a0b0c); border-bottom:1px solid #534535; }.feature-bar article { display:flex; justify-content:center; align-items:center; gap:17px; padding:6px 22px; border-right:1px solid #594c3f; }.feature-bar article:last-child{border:0}.feature-icon { color:#bfa16c; font-size:36px; text-shadow:0 2px #000; }.feature-icon.shield{font-size:41px}.feature-bar p{margin:0;color:#cdb187;text-transform:uppercase;font:500 14px/1.45 Cinzel,serif}.feature-bar b{font-weight:500}.details{padding:74px 24px;text-align:center;background:#0b0c0d}.details h2{margin:0;color:#d99d45;text-transform:uppercase;font:700 29px Cinzel,serif}.details p{margin:16px auto 0;max-width:600px;font-size:20px;color:#d6c7a9}.faq{background:#101112}
.menu-toggle { display:none; margin-left:auto; background:none; border:0; padding:9px; }.menu-toggle span{display:block;width:28px;height:2px;margin:6px;background:#e8c589}
@media (max-width:780px){.site-shell{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.topbar{height:74px;padding:0 23px;gap:0}.mark{height:67px;flex-basis:70px}.mark img{width:81px;height:73px;top:-3px;left:-11px}.menu-toggle{display:block}.test-link,nav{display:none}nav.open{position:absolute;top:74px;left:0;right:0;display:flex;height:auto;flex-direction:column;gap:0;padding:8px;background:#090a0bf7;border-bottom:1px solid #6b512e}nav.open a{padding:13px}nav a.active:after{display:none}.hero{min-height:735px}.hero-content{padding:96px 7px 34px}.raiderz-logo{width:96vw;margin-bottom:14px}.eyebrow,.intro{font-size:18px}.feature-bar{padding:14px 4%;min-height:125px}.feature-bar article{gap:5px;padding:4px 8px;flex-direction:column;text-align:center}.feature-icon{font-size:29px}.feature-bar p{font-size:10px}.details{padding:54px 20px}}