:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #263c2c; background: #f7f5ec; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 36px 22px; background: radial-gradient(ellipse at 50% 45%, #fffdf5 0%, #f7f5ec 65%); }
main { width: 100%; max-width: 800px; text-align: center; }
.brand { font-size: 25px; font-weight: 700; letter-spacing: -1px; margin: 0 0 65px; }
.dot { color: #a77938; }
.sprout { display: block; width: 120px; height: 100px; margin: 0 auto 22px; }
.eyebrow { text-transform: uppercase; letter-spacing: 3px; font-size: 11px; font-weight: 700; color: #62734f; }
h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(40px, 7vw, 67px); font-weight: 400; line-height: 1.12; letter-spacing: -2px; margin: 23px 0; }
.intro { color: #626b5d; font-size: 16px; line-height: 1.8; margin: 0 auto; max-width: 540px; }
.badge { display: inline-block; margin: 30px 0 0; padding: 12px 24px; border: 1px solid #cbd1bc; border-radius: 30px; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
footer { color: #69725f; font-size: 12px; line-height: 1.7; margin-top: 66px; }
@media (max-width: 480px) { .brand { margin-bottom: 40px; } .desktop { display: none; } footer { margin-top: 45px; } h1 { letter-spacing: -1px; } }