:root{--cream:#f2efe7;--dark:#0d1917;--ink:#17201e;--muted:#6c746f;--copper:#9d8059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:20;background:rgba(242,239,231,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;gap:12px;align-items:center}.wordmark{font:700 22px/1 Inter,system-ui,sans-serif;color:var(--dark);letter-spacing:-.045em;white-space:nowrap}.brand b{font-size:12px;letter-spacing:.05em}.nav{display:flex;gap:24px;font-size:12px}.cta{background:var(--dark);color:white;padding:13px 20px;border-radius:999px;font-size:12px;font-weight:700}.wrap{width:min(1120px,90vw);margin:auto}.hero{padding:100px 0 70px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--copper);font-weight:700}.hero h1{font:400 clamp(48px,7vw,92px)/.95 Georgia,serif;letter-spacing:-.05em;margin:22px 0}.hero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 0 80px}.card{background:white;border-radius:24px;padding:30px}.card h2{font:400 30px Georgia;margin:8px 0 14px}.card p,.content p,.content li{color:var(--muted);line-height:1.7}.content{background:white;border-radius:28px;padding:clamp(28px,5vw,60px);margin-bottom:80px}.content h2{font:400 clamp(30px,4vw,48px) Georgia;margin:36px 0 12px}.content h2:first-child{margin-top:0}.footer{border-top:1px solid rgba(0,0,0,.1);padding:32px 0 50px;color:var(--muted);font-size:12px}.back{display:inline-block;margin-top:28px;font-weight:700}.notice{padding:18px 20px;border-radius:16px;background:#e8e2d5;margin:24px 0;color:#49514d}@media(max-width:760px){.top{height:62px;padding:0 18px}.nav{display:none}.cta{padding:10px 13px}.hero{padding:65px 0 40px}.hero p{font-size:16px}.grid{grid-template-columns:1fr}.content{border-radius:20px;margin-bottom:50px}.brand b{display:none}}

@media(max-width:760px){.wordmark{font-size:18px}.brand{gap:8px}.top .cta{font-size:10px}.hero h1{font-size:clamp(42px,13vw,64px)}}


/* ==== EXTENDED MOBILE (для підсторінок) ==== */
html, body { max-width: 100vw; overflow-x: hidden; }
input, select, textarea { font-size: 16px !important; -webkit-appearance: none; }

@media (hover: none) and (pointer: coarse) {
  .cta, .back, .nav a { min-height: 44px; }
  .nav a, .back { padding: 8px 0; display: inline-flex; align-items: center; }
}

@media (max-width: 760px) {
  .wrap { width: min(100% - 32px, 1120px); }
  .top { padding: 0 16px; height: 60px; }
  .hero { padding: 55px 0 32px; }
  .hero h1 { line-height: 1.02; margin: 18px 0 14px; }
  .hero p { font-size: 15px; line-height: 1.6; }
  .grid { padding: 16px 0 50px; gap: 12px; }
  .card { padding: 22px; border-radius: 18px; }
  .card h2 { font-size: 24px; margin: 4px 0 10px; }
  .card p { font-size: 14px; }
  .content { padding: 24px 20px !important; border-radius: 16px; margin-bottom: 40px; }
  .content h2 { font-size: clamp(24px, 6vw, 32px) !important; margin: 26px 0 10px; }
  .content p, .content li { font-size: 15px; line-height: 1.6; }
  .footer { padding: 24px 0 40px; font-size: 11px; text-align: center; }
  .back { margin-top: 22px; font-size: 14px; }
  .notice { padding: 14px 16px; font-size: 13.5px; margin: 18px 0; }
}

@media (max-width: 380px) {
  .top { padding: 0 12px; }
  .wordmark { font-size: 16px !important; }
  .top .cta { padding: 8px 11px; font-size: 10px; }
  .hero h1 { font-size: clamp(32px, 10vw, 44px) !important; }
  .content { padding: 20px 16px !important; border-radius: 14px; }
  .card { padding: 18px; }
}


/* ==== BILINGUAL LANGUAGE SWITCH ==== */
[data-uk], [data-ru] { display: none; }
.lang-uk [data-uk] { display: inline; }
.lang-ru [data-ru] { display: inline; }

.top-actions { display: flex; align-items: center; gap: 12px; }
.lang { display: inline-flex; gap: 2px; }
.lang button {
  border: 0; background: transparent; cursor: pointer;
  padding: 6px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 600;
  color: var(--muted); letter-spacing: 0.08em;
  font-family: inherit;
}
.lang button.on { background: var(--dark); color: white; }

@media (max-width: 760px) {
  .lang { display: none; }
}