/* Pages de présentation (statiques, indexables) */
@font-face { font-family: 'Space Grotesk'; font-weight: 600 700; font-display: swap; src: url('/ground-zero/fonts/SpaceGrotesk-latin.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 300 800; font-display: swap; src: url('/ground-zero/fonts/JetBrainsMono-latin.woff2') format('woff2'); }
:root { --bg: #05070b; --panel: #0b0f16; --text: #e9edf3; --muted: #a3acba; --amber: #ffbe3d; --orange: #ff6b18; }
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); font: 17px/1.65 ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; }
body { margin: 0; }
a { color: var(--amber); }
a:focus-visible, .cta:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 12px; top: 12px; background: var(--amber); color: #000; padding: 6px 10px; }
header.hero { padding: 64px 20px 40px; text-align: center; background: radial-gradient(ellipse at 50% 0%, #2a1408 0%, var(--bg) 65%); }
.brand { font: 700 15px 'Space Grotesk', sans-serif; letter-spacing: 0.08em; color: #fff; text-decoration: none; }
.brand b { color: var(--orange); }
h1 { font: 700 clamp(28px, 5vw, 46px)/1.15 'Space Grotesk', sans-serif; margin: 18px auto 14px; max-width: 900px; }
.lead { color: var(--muted); max-width: 720px; margin: 0 auto 26px; }
.cta { display: inline-block; padding: 14px 26px; background: var(--orange); color: #120600; font: 700 15px 'JetBrains Mono', monospace; letter-spacing: 0.1em; text-decoration: none; border-radius: 4px; }
.cta:hover { background: var(--amber); }
.hero img { display: block; width: min(960px, 100%); margin: 34px auto 0; border-radius: 8px; border: 1px solid #1f2633; }
main { max-width: 860px; margin: 0 auto; padding: 10px 20px 60px; }
h2 { font: 700 26px 'Space Grotesk', sans-serif; margin: 46px 0 10px; }
h3 { font-size: 18px; margin: 26px 0 6px; color: var(--amber); }
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 15px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #1f2633; }
th { color: var(--muted); font-weight: 600; }
.note { color: var(--muted); font-size: 14px; }
footer { border-top: 1px solid #1f2633; padding: 24px 20px; text-align: center; color: var(--muted); font-size: 14px; }
footer a { margin: 0 8px; }