:root { --accent: #3f7d4f; --accent-2: #2c5a38; --bg: #f6faf4; --ink: #1f2430; --muted: #5b6475; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: var(--bg); line-height: 1.6; }
img { max-width: 100%; height: auto; }
.site-header { padding: 16px 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 1.15rem; color: var(--ink); text-decoration: none; }
main { max-width: 1040px; margin: 0 auto; padding: 16px 24px 48px; }
.hero { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }
.hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.1; margin: 0 0 12px; }
.hero p { font-size: 1.15rem; color: var(--muted); margin: 0 0 12px; }
.soon { display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--accent); color: #fff !important; font-weight: 600; font-size: .95rem !important; }
.cards { margin-top: 40px; }
figure { margin: 0; }
figure img { border-radius: 12px; display: block; }
figcaption { color: var(--muted); font-size: .9rem; margin-top: 6px; }
footer { text-align: center; padding: 24px; color: var(--muted); font-size: .9rem; }
.notfound { text-align: center; padding-top: 80px; }
a { color: var(--accent-2); }
@media (max-width: 720px) { .hero { grid-template-columns: 1fr; } }