/* ===== Брендбук КП11: красный RGB 252,44,44 · чёрный 30,30,30 · бежевый 238,206,168 · серый 233,234,235 · графит 85,85,85 · шрифт Manrope ===== */
:root{
  --red:#FC2C2C; --black:#1E1E1E; --beige:#EECEA8; --gray:#E9EAEB; --mute:#555555; --white:#fff;
  --ease:cubic-bezier(.2,.7,.2,1);
  --k:polygon(74.35% 0,51.26% 38.08%,51.26% 0,0 0,0 100%,51.26% 100%,51.26% 61.92%,74.35% 100%,100% 100%,100% 0);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--black);background:#fff;line-height:1.5;font-size:17px;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
svg use{fill:currentColor}
.wrap{width:min(1320px,100% - 48px);margin-inline:auto}
:focus-visible{outline:3px solid var(--black);outline-offset:3px}
.dark :focus-visible,.red :focus-visible{outline-color:#fff}

/* ---------- Кнопки (прямые углы, как плашки в брендбуке) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:1.05em 1.7em;font-weight:800;font-size:14px;letter-spacing:.01em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.1;transition:background .2s,color .2s,translate .25s var(--ease),border-color .2s}
.btn:hover{translate:0 -3px}
.btn.blk{background:var(--black);color:#fff}
.btn.blk:hover{background:var(--red);color:var(--black)}
.btn.rd{background:var(--red);color:var(--black)}
.btn.rd:hover{background:#fff}
.btn.ln{border-color:var(--black);background:transparent;color:var(--black)}
.btn.ln:hover{background:var(--black);color:#fff}
.btn.sm{padding:.8em 1.2em;font-size:13px}

/* ---------- Заголовки секций ---------- */
.shead{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:clamp(18px,2.4vw,32px);font-size:15px}
.shead b{font-weight:800;font-size:18px;color:var(--red)}
.shead span{color:var(--red);font-weight:500}
.red .shead b,.red .shead span{color:var(--black)}
h2.h{font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:.93;font-size:clamp(34px,6.2vw,96px);max-width:14em}
.sub{margin-top:18px;font-size:clamp(17px,1.6vw,20px);max-width:36em;color:var(--mute);font-weight:500}
.dark .sub{color:#d6d7d9}.red .sub{color:var(--black)}
.sec{position:relative;padding:clamp(60px,8vw,120px) 0}
.sec.gray{background:var(--gray)}
.sec.dark{background:var(--black);color:#fff}
.sec.red{background:var(--red);color:var(--black)}
.head{margin-bottom:clamp(32px,5vw,64px)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--d,0) * 70ms)}
.rv.in{opacity:1;transform:none}