/* ============================================================
   БАЗА
   ============================================================ */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  background:var(--bg); color:var(--ink); font-family:var(--font);
  font-size:15px; line-height:1.45; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(60% 45% at 0% 0%, rgba(138,106,44,.08) 0%, transparent 70%),
    radial-gradient(42% 32% at 100% 0%, rgba(42,120,214,.08) 0%, transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.22), transparent 28%);
}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none;padding:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em;text-wrap:balance}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit}
::selection{background:var(--accent-soft);color:var(--ink)}
.mono-nums{font-variant-numeric:tabular-nums}
.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)} .ink2{color:var(--ink-2)}
.small{font-size:13px} .tiny{font-size:11.5px}
.hidden{display:none !important}
.center{text-align:center}