:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#12203a;background:#eef7f1;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg,#f7fbf8 0%,#e6f4ec 100%);min-height:100vh;margin:0}main{width:min(1040px,100% - 32px);margin:0 auto;padding:64px 0 72px}.hero{max-width:760px}.brand{color:#188255;letter-spacing:.14em;margin:0 0 28px;font-size:14px;font-weight:800}h1{letter-spacing:-.05em;margin:0;font-size:clamp(42px,7vw,76px);line-height:.98}.intro{color:#526079;margin:24px 0 0;font-size:clamp(18px,2.2vw,24px);line-height:1.5}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;display:grid}.card{min-height:280px;color:inherit;background:#fffc;border:1px solid #18825538;border-radius:28px;flex-direction:column;padding:30px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 20px 55px #12203a14}:is(.card:hover,.card:focus-visible){outline:none;transform:translateY(-4px);box-shadow:0 24px 60px #12203a24}.eyebrow{color:#188255;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.card strong{margin-top:22px;font-size:30px;line-height:1.05}.card>span:not(.eyebrow){color:#657188;margin-top:18px;font-size:17px;line-height:1.45}.card b{color:#188255;margin-top:auto;padding-top:28px;font-size:16px}@media (max-width:760px){main{width:min(100% - 24px,560px);padding:38px 0 48px}.grid{grid-template-columns:1fr;margin-top:38px}.card{min-height:220px;padding:26px}}