.hero{padding:56px 0 24px;border-bottom:1px solid var(--border)}
.hero__inner{text-align:center}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 12px}
.hero p{color:#C7CDD3;max-width:760px;margin:0 auto 18px}
.hero__image{margin:22px auto 0;display:block;width:100%;max-width:1180px;border-radius:14px;border:1px solid var(--border)}
.section{padding:48px 0;border-bottom:1px solid var(--border)}
.section h2{font-size:32px;margin:0 0 14px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.card{background:#0F1316;border:1px solid var(--border);border-radius:12px;padding:18px;text-align:center}
.card img{width:100%;height:230px;object-fit:contain;border-radius:8px}
.card h3{margin:10px 0 4px}
.card p{margin:4px 0;color:#C7CDD3}
@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}