.hero{align-items:center;gap:2rem}.hero img{border-radius:var(--color-radius);box-shadow:var(--shadow-md)}section img{width:100%;height:auto;border-radius:var(--color-radius);box-shadow:var(--shadow-sm)}section{position:relative}.card{background:var(--color-surface);border-radius:var(--color-radius);padding:var(--spacing-xl)}.card h2{color:var(--color-primary)}.button{margin-top:var(--spacing-md)}@media(max-width:768px){.hero{grid-template-columns:1fr}.hero div{min-width:0}}