/* Shared styles for the static landing pages (no scripts; fast and crawlable). */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: linear-gradient(#1b4a2e, #12311f 40%, #0a1710); color: #e7efe9; font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 56px; }
.logo { font-weight: 800; font-size: 22px; color: #fff; text-decoration: none; letter-spacing: -0.5px; }
.logo span { color: #fde047; }
h1 { color: #fff; font-size: clamp(30px, 6vw, 44px); line-height: 1.1; letter-spacing: -1px; margin: 28px 0 14px; }
h2 { color: #fff; font-size: 23px; margin: 36px 0 8px; }
h3 { color: #fff; font-size: 18px; margin: 20px 0 4px; }
a { color: #fde047; }
.cta { display: inline-block; margin: 18px 0 6px; background: #fff; color: #0c1d14; font-weight: 800; text-decoration: none; padding: 14px 26px; border-radius: 14px; font-size: 18px; }
.cta:hover { background: #fde68a; }
.lead { font-size: 19px; color: #f3f7f4; }
ul, ol { padding-left: 22px; }
li { margin: 4px 0; }
.card { background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 4px 20px 14px; margin-top: 24px; }
.grid { font-size: 26px; letter-spacing: 4px; }
footer { margin-top: 48px; font-size: 13px; color: #9fb3a6; }
footer a { color: #c9d6cd; }