/* ============================================================
   Службові сторінки: /success, /fail, /404, /landing-offer.
   Токени, кнопки, шапка й футер — з style.css. Тут лише своє.
   ============================================================ */

/* шапка без бургера й меню — лише логотип і CTA */
.page .nav__toggle{ display:none; }
.page .nav__menu--static{
  position:static; max-height:none; overflow:visible; padding:0; border:0; background:transparent;
  display:flex; align-items:center; gap:12px;
}

/* ---------- статус-сторінки ---------- */
.status{ padding:clamp(40px,8vw,96px) 0 clamp(56px,9vw,120px); }
.status__card{
  max-width:620px; margin:0 auto;
  background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:clamp(28px,5vw,48px) clamp(20px,4vw,44px);
  text-align:center; box-shadow:var(--sh-md);
}
.status__icon{
  width:72px; height:72px; border-radius:50%; margin:0 auto 18px;
  display:flex; align-items:center; justify-content:center;
}
.status__icon svg{ width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.status__icon--ok{ background:#E7F5EC; color:#1F8A4C; }
.status__icon--fail{ background:#FCE8EF; color:var(--brand-dark); }
.status__icon--neutral{ background:var(--cream-2); color:var(--ink-2); }
.status__eyebrow{ font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin-bottom:8px; }
.status__title{ font-size:clamp(28px,5vw,40px); margin-bottom:12px; }
.status__lead{ font-size:17px; color:var(--ink-2); margin-bottom:6px; }
.status__lead b{ color:var(--ink); font-weight:600; }
.status__text{ color:var(--ink-2); max-width:46ch; margin:0 auto 26px; text-wrap:pretty; }
.status__actions{ display:flex; flex-direction:column; gap:12px; }
@media (min-width:520px){ .status__actions{ flex-direction:row; justify-content:center; } }

/* ---------- оферта ---------- */
.doc{ padding:clamp(36px,7vw,80px) 0 clamp(56px,9vw,110px); }
.doc__wrap{ max-width:820px; }
.doc__title{ font-size:clamp(28px,5vw,40px); margin:0 0 10px; }
.doc__meta{ color:var(--ink-3); font-size:14px; margin-bottom:32px; }
.doc__body{
  background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:clamp(22px,4vw,40px);
  font-size:15.5px; line-height:1.7; color:var(--ink-2);
}
.doc__body p{ margin:0 0 12px; }
.doc__body strong{ color:var(--ink); font-weight:600; }
.doc__body ol{ margin:0 0 16px; padding-left:1.3em; list-style:decimal; }
.doc__body ol ol{ margin:8px 0 8px; list-style:decimal; }
.doc__body li{ margin:0 0 8px; padding-left:.2em; }
.doc__body > ol > li{ margin-top:22px; }
.doc__body > ol > li > strong:first-child{ display:block; font-family:var(--f-head); font-size:19px; color:var(--ink); margin-bottom:10px; }
.doc__body a{ color:var(--brand); text-decoration:underline; text-underline-offset:3px; }