.hero{position:relative;padding:96px 0 72px;overflow:hidden}.hero:before{content:"";inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at top,black 40%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at top,black 40%,transparent 75%)}.hero-glow,.hero:before{position:absolute;pointer-events:none}.hero-glow{left:50%;top:-180px;width:720px;height:720px;transform:translateX(-50%);background:radial-gradient(circle,var(--green-glow),transparent 60%);filter:blur(40px);opacity:.55}:root[data-theme=light] .hero-glow{opacity:.25}.hero-inner{position:relative;text-align:center;max-width:820px}.hero-inner h1{margin-top:22px;font-size:clamp(40px,6vw,68px);font-weight:700}.hero-sub{margin-top:20px;color:var(--text-muted);font-size:18px;max-width:620px;margin-inline:auto}.hero-cta{margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-stats{margin-top:72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:640px;margin-inline:auto;padding-top:40px;border-top:1px solid var(--border)}.stat-value{font-size:32px;font-weight:700;color:var(--text)}.stat-label{font-size:13px;color:var(--text-muted);margin-top:4px;letter-spacing:.04em;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature h3{font-size:18px;margin:16px 0 8px}.feature p{color:var(--text-muted);font-size:14px}.feature-mark{width:40px;height:40px;border-radius:10px;background:var(--green-soft);border:1px solid color-mix(in oklab,var(--green) 40%,transparent);box-shadow:0 0 24px -8px var(--green-glow);position:relative}.feature-mark:after{content:"";position:absolute;inset:12px;border-radius:3px;background:linear-gradient(135deg,var(--green-bright),var(--green))}.cta-section{padding-top:32px}.cta-panel{position:relative;padding:64px 32px;border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(circle at 50% -20%,var(--green-soft),transparent 60%),var(--bg-panel);text-align:center;overflow:hidden}.cta-panel h2{font-size:clamp(26px,3.5vw,36px)}.cta-panel p{margin-top:12px;color:var(--text-muted);font-size:16px}@media (max-width:720px){.feature-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-value{font-size:24px}}