.wrap{width:min(100% - 40px,var(--w));margin-inline:auto}
@media (max-width:560px){.wrap{width:min(100% - 32px,var(--w))}}

section{padding-block:var(--gap)}
section + section{border-top:1px solid var(--line-2)}

.head{max-width:760px;margin-bottom:clamp(32px,4vw,52px)}
.head p{margin-top:14px}

/* Шапка. Прозора над героєм, з підкладкою — щойно сторінку зрушили. */
.top{position:fixed;inset:0 0 auto 0;z-index:40;padding:16px 0;transition:background .25s ease,box-shadow .25s ease,padding .25s ease}
.top.is-stuck{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);padding:10px 0}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:16px}
.top__cta{flex:0 0 auto;white-space:nowrap}
@media (max-width:400px){.top__cta{padding:0 14px;font-size:13px}}

.hero{min-height:min(92svh,860px);display:grid;align-content:center;padding-block:clamp(120px,18vh,190px) var(--gap);text-align:center}
.hero__rule{width:0;height:1px;background:var(--line);margin:0 auto 30px}
.hero__rule--b{margin:30px auto 0}
.hero.in .hero__rule{width:min(220px,42vw);transition:width 1.1s cubic-bezier(.22,1,.36,1) .15s}
.hero__sub{margin:26px auto 0;max-width:640px}
.hero__acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}

.grid{display:grid;gap:18px}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:1fr}}
@media (max-width:620px){.grid--4,.grid--2{grid-template-columns:1fr}}

.foot{padding-block:clamp(48px,6vw,72px);border-top:1px solid var(--line)}
.foot__row{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:center;justify-content:space-between}
.foot__links{display:flex;flex-wrap:wrap;gap:8px 22px}