/* v5-agreement.css · натяжка /agreement (Публічна оферта) на v5 (20.07).
   Токени r2026 + hero у мові v5 + типографіка юридичного тексту (.legal).
   Той самий шар використовує privacy-policy (v5-privacy-policy.css = @import). */
.r2026{--at-page:#EEF1F7;--at-card:#FFFFFF;--at-text:#101729;--at-text2:#39435A;--at-muted:#667088;
  --at-amber:#FFB800;--at-link:#2F59B0;--at-link-dk:#24478E;--at-line:#E4E9F1;--at-focus:#3B6FD9;
  --at-fh:'Manrope',system-ui,sans-serif;--at-fb:'Source Sans 3',system-ui,sans-serif;
  container-type:inline-size;container-name:root;background:var(--at-page);color:var(--at-text);
  font:400 16px/1.7 var(--at-fb)}
.r2026 *,.r2026 *::before,.r2026 *::after{box-sizing:border-box}
.r2026 h1,.r2026 h2,.r2026 h3{font-family:var(--at-fh);letter-spacing:-.02em}
.r2026 a{color:var(--at-link);text-decoration:none}
.r2026 a:hover{color:var(--at-link-dk);text-decoration:underline}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
@container root (max-width:900px){.wrap{padding:0 20px}}

/* hero */
.lhero{color:#fff;padding:44px 0 56px;
  background:radial-gradient(560px 220px at 8% -40%,#FFB80014,transparent 70%),
    radial-gradient(720px 300px at 92% 130%,#2F59B026,transparent 70%),
    linear-gradient(180deg,#0A1024,#101A38)}
.lhero .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--at-fh);
  font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#FFD35A}
.lhero .eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--at-amber)}
.lhero h1{margin:0;font-size:clamp(26px,3.6vw,40px);font-weight:800;max-width:22ch}
.lstage{padding:36px 0 64px}

/* ── ЮРИДИЧНИЙ ТЕКСТ ──────────────────────────────────────────────────────
   Читомість: вужча міра (72ch), спокійні заголовки, дихання між блоками. */
.legal{max-width:1160px;margin:0 auto;background:var(--at-card);border:1px solid var(--at-line);border-radius:20px;
  box-shadow:0 14px 34px -18px rgba(10,16,36,.16);padding:clamp(24px,4vw,44px)}
.legal h1{font-size:26px;font-weight:800;margin:0 0 18px}
.legal h2{font-size:20px;font-weight:800;margin:32px 0 12px;color:var(--at-text)}
.legal h3{font-size:16.5px;font-weight:700;margin:24px 0 10px}
.legal p{margin:0 0 14px;color:var(--at-text2);font-size:15.5px;line-height:1.75}
.legal ul,.legal ol{margin:0 0 16px;padding-left:22px;color:var(--at-text2);font-size:15.5px;line-height:1.75}
.legal li{margin:0 0 8px}
.legal a{color:var(--at-link);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.legal strong,.legal b{color:var(--at-text);font-weight:700}
.legal table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
.legal th,.legal td{border:1px solid var(--at-line);padding:10px 12px;text-align:left;vertical-align:top}
.legal th{background:#F6F8FC;font-family:var(--at-fh);font-weight:700}
.legal hr{border:0;border-top:1px solid var(--at-line);margin:26px 0}
.legal :first-child{margin-top:0}