:root{color-scheme:light;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top left,#d7efe2 0%,transparent 32%),linear-gradient(160deg,#f6fbf8,#edf4ef);color:#16332a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.hero{width:min(980px,100%);padding:32px;border:1px solid rgba(22,51,42,.12);border-radius:28px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px #1c3e331f}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:#2f6f59}h1{margin:0;max-width:12ch;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95}.lead{max-width:52ch;margin:20px 0 32px;font-size:1.05rem;line-height:1.6;color:#355a4d}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:20px;border-radius:20px;background:linear-gradient(180deg,#fff,#f3faf6);border:1px solid rgba(47,111,89,.14)}.card h2{margin:0 0 8px;font-size:1.1rem}.card p{margin:0;line-height:1.5;color:#43685b}@media(max-width:720px){.hero{padding:24px;border-radius:22px}.card-grid{grid-template-columns:1fr}}