.vitrin { max-width: 1120px; margin: 0 auto; padding: var(--space-6) var(--space-4) var(--space-16); display: flex; flex-direction: column; gap: var(--space-12); }
.vitrin__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.vitrin__brand { display: inline-flex; align-items: center; gap: var(--space-2); font: var(--text-unvan-l); }
.vitrin__mark { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--on-primary); background: var(--primary); border-radius: 14px 14px 14px 5px; }
.vitrin__hero { display: flex; flex-direction: column; gap: var(--space-4); max-width: 760px; }
.vitrin__hero h1 { margin: 0; font-size: clamp(44px, 9vw, 72px); line-height: 1; }
.vitrin__lead { margin: 0; font: var(--text-govde-l); color: var(--text-muted); }
.vitrin__section { display: flex; flex-direction: column; gap: var(--space-5); }
.vitrin__section > h2 { margin: 0; }
.vitrin__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.vitrin__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-4); }
.vitrin__form { display: flex; flex-direction: column; gap: var(--space-4); max-width: 460px; }
@media (min-width: 720px) { .vitrin { padding-inline: var(--space-8); } }