.hero-section{padding:4rem 0 3rem}.hero-content{display:flex;flex-direction:column;gap:var(--space-24)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-16);margin-top:var(--space-8)}.hero-section .lead{font-size:var(--body-base-size);color:var(--text-secondary);max-width:60ch}.hero-visual{display:block;margin-top:var(--space-32)}@media (min-width:768px){.hero-section{padding:5rem 0 4rem}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center}.hero-visual{margin-top:0}}.bulletpoints-list{max-width:60ch}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.25rem,1fr));gap:var(--space-24);max-width:62.5rem;margin:0 auto}.stat{padding:var(--space-32);background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.stat-number{font-size:var(--display-size);font-weight:var(--font-weight-semibold);line-height:var(--display-line-height);margin-bottom:var(--space-4);color:var(--text-primary)}.stat-label{font-size:var(--body-small-size);color:var(--text-secondary)}.hero-tiles{background:var(--surface-accent);border-radius:var(--radius-2xl) var(--radius-md) var(--radius-md) var(--radius-md);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-16)}.hero-tile{display:grid;grid-template-columns:var(--icon-xl) 1fr;align-items:center;gap:var(--space-16);padding:var(--space-16);background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-sm) var(--radius-sm) var(--radius-sm)}.hero-tile-icon{width:var(--icon-xl);height:var(--icon-xl);color:var(--icon-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-tile-icon svg{width:var(--icon-xl);height:var(--icon-xl)}.hero-tile-body strong{display:block;color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--body-base-size);margin-bottom:var(--space-4)}.hero-tile-body span{display:block;color:var(--text-secondary);font-size:var(--body-small-size);line-height:1.45}@media (min-width:641px) and (max-width:767px){.hero-visual img{width:75%;margin-inline:auto}}