.site-topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e7edf5}
.site-topbar__inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}
.site-brand{font-weight:800}
.site-nav{display:flex;gap:14px;color:#334155}
.site-actions{display:flex;gap:10px}

.site{max-width:1100px;margin:0 auto;padding:22px 16px}
.hero{padding:22px;border:1px solid #e7edf5;border-radius:16px;background:#fff}
.hero__actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.card{border:1px solid #e7edf5;border-radius:16px;padding:16px;background:#fff}
@media (max-width:900px){.cards{grid-template-columns:1fr}}