


/* База */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{margin:0; background:var(--c-bg); color:var(--c-ink); font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
img{max-width:100%; height:auto; display:block}
a{color:inherit; text-decoration:none}
a:focus-visible, button:focus-visible{outline:3px dotted var(--c-accent); outline-offset:2px}
.visually-hidden{position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap}

/* Типографика */
h1,h2,h3{font-family:Oswald,Inter,sans-serif; line-height:1.15; margin:0 0 .5em}
h1{font-size:clamp(36px,5vw,54px)}
h2{font-size:clamp(28px,3.5vw,36px)}
.lead{font-size:clamp(16px,2.2vw,20px); color:var(--c-ink-2)}

/* Сетка и контейнер */
.container{max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(16px,4vw,32px)}
.grid{display:grid; gap:clamp(16px,2vw,24px)}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-3{grid-template-columns:1fr}}

/* Карточки, кнопки */
.card{background:#FFF; border:1px solid var(--c-border); border-radius:var(--radius); padding:clamp(16px,2.5vw,24px); box-shadow:var(--shadow)}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.9rem 1.25rem; border-radius:12px; border:1px solid transparent; font-weight:600; cursor:pointer; transition:transform .05s ease, box-shadow .2s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--c-accent); color:#fff}
.btn-primary:hover{box-shadow:0 8px 26px rgba(37,99,235,.25)}
.btn-secondary{background:#FFF; color:var(--c-accent); border-color:var(--c-accent)}
.badge-brand{display:inline-block; padding:.25rem .6rem; border-radius:999px; background:color-mix(in srgb, var(--c-brand) 14%, #fff 86%); color:var(--c-ink); font-weight:600}

/* Отступы секций */
.section{padding:clamp(48px,8vw,96px) 0}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto !important}
}
