:root { --paper: #f4efe6; --panel: #fffdf8; --ink: #111; --soft: #4d483f; --line: #111; --lime: #c6f432; --orange: #ff6a3d; }
@media (prefers-color-scheme: dark) { :root { --paper: #0f1113; --panel: #171a1e; --ink: #f1ede4; --soft: #b8b1a4; --line: #e9e4d8; } }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.65 ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace; }
a { color: inherit; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; max-width: 1080px; margin: 0 auto; padding: 18px 16px; }
.brand { font: 900 22px/1 system-ui, sans-serif; letter-spacing: -0.02em; text-decoration: none; }
.brand span { color: var(--orange); }
.top nav { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; font-size: 13px; font-weight: 700; }
.top nav a { text-decoration: none; }
.top nav .go { padding: 7px 12px; border: 2px solid var(--line); border-radius: 10px; background: var(--lime); color: #111; box-shadow: 3px 3px 0 var(--line); }
main { max-width: 860px; margin: 0 auto; padding: 8px 16px 40px; }
.crumb { font-size: 12px; color: var(--soft); margin: 10px 0 0; }
h1 { font: 900 clamp(30px, 6vw, 52px)/1.05 system-ui, sans-serif; letter-spacing: -0.02em; text-transform: uppercase; margin: 10px 0 14px; }
.lead { font-size: 17px; color: var(--soft); max-width: 70ch; }
.ctas { display: flex; gap: 10px; flex-wrap: wrap; margin: 20px 0; }
.btn { display: inline-block; padding: 11px 16px; border: 2px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--ink); font-weight: 800; font-size: 14px; text-decoration: none; box-shadow: 4px 4px 0 var(--line); }
.btn.primary { background: var(--lime); color: #111; }
.shot { margin: 24px 0 32px; border: 2px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: 8px 8px 0 var(--line); background: var(--panel); }
.shot img { display: block; width: 100%; height: auto; }
section { margin: 30px 0; }
h2 { font: 900 22px/1.2 system-ui, sans-serif; text-transform: uppercase; margin: 0 0 10px; }
section ul { padding-left: 20px; }
section li { margin: 6px 0; }
.faq details { border: 2px solid var(--line); border-radius: 12px; background: var(--panel); padding: 10px 14px; margin: 8px 0; }
.faq summary { font-weight: 800; cursor: pointer; }
.faq p { margin: 8px 0 0; color: var(--soft); }
footer { max-width: 860px; margin: 0 auto; padding: 20px 16px 40px; border-top: 2px solid var(--line); font-size: 13px; color: var(--soft); }