:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #17202a; background: #f5f7f8; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
a { color: inherit; }
.page { min-height: 100vh; display: grid; place-items: center; padding: 32px; background: linear-gradient(135deg, rgba(30, 112, 88, 0.18), transparent 38%), linear-gradient(315deg, rgba(205, 92, 52, 0.18), transparent 42%), #f5f7f8; }
.intro { width: min(100%, 760px); }
.eyebrow { margin: 0 0 18px; color: #2f6f5e; font-size: 0.9rem; font-weight: 700; letter-spacing: 0; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(3rem, 10vw, 6.5rem); line-height: 0.95; letter-spacing: 0; }
.summary { max-width: 620px; margin: 28px 0 0; color: #41515d; font-size: clamp(1.1rem, 2.4vw, 1.45rem); line-height: 1.55; }
.actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.actions a { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border: 1px solid #17202a; padding: 0 18px; border-radius: 6px; font-weight: 700; text-decoration: none; }
.actions a:first-child { color: #ffffff; background: #17202a; }
@media (max-width: 540px) { .page { place-items: end start; padding: 24px; } .actions { width: 100%; } .actions a { flex: 1 1 160px; } }