/* шапка */
.top{position:sticky;top:0;z-index:50;padding:12px var(--gut) 0}
.top-in{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:18px;padding:6px 8px 6px 18px;overflow:hidden}
.prog{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--red);transform-origin:left;transform:scaleX(var(--p,0))}
.logo{font:700 17px var(--f-disp);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap}
.logo svg{width:28px;height:28px}
.logo b{font-weight:400;color:var(--mute)}
.nav{display:flex;gap:0;margin-left:auto}
.nav a{font:500 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:var(--text2);padding:0 11px;min-height:44px;display:flex;align-items:center;position:relative}
.nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:9px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover{color:#fff}.nav a:hover::after{transform:scaleX(1)}
.status{font:500 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:8px;white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--mute);flex:none}
.status.open{color:var(--bone)}.status.open .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(127,224,160,.18)}
/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 28px;border:0;background:var(--bone);color:#08090c;font:700 12.5px var(--f-mono);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;text-decoration:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .2s,letter-spacing .25s}
.btn:hover{background:#fff;letter-spacing:.18em}
.btn.ghost{background:transparent;color:var(--bone);box-shadow:inset 0 0 0 1px var(--edge2);clip-path:none;border-radius:3px}
.btn.ghost:hover{background:rgba(255,255,255,.08)}
.btn.sm{min-height:44px;padding:0 20px;font-size:11.5px}
/* заголовки секций */
section{position:relative;padding:clamp(60px,9vw,118px) 0}
.eyebrow{font:500 12px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:14px;margin-bottom:18px}
.eyebrow b{color:var(--red);font-weight:700}
.eyebrow::after{content:"";height:1px;width:64px;background:var(--edge2)}
h2{font-size:clamp(34px,5.2vw,74px);letter-spacing:-.01em;max-width:15ch}
h2 em,.why-big em{font-style:normal;color:var(--steel)}
@supports (-webkit-text-stroke:1px #000){h2 em,.why-big em{color:transparent;-webkit-text-stroke:1.2px var(--bone)}}
.lead{color:var(--text2);max-width:52ch;font-size:clamp(16px,1.4vw,18px);margin:0}
.sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:clamp(32px,5vw,60px)}
.stamp{display:inline-block;border:2px solid var(--red);color:var(--red);font:700 11.5px var(--f-mono);letter-spacing:.2em;padding:4px 10px;transform:rotate(-3deg);text-transform:uppercase}
/* чёрные плашки */
.redact{position:relative;display:inline-block}
.js .redact::after{content:"";position:absolute;inset:.06em -.08em;background:linear-gradient(90deg,#000,#15171c 50%,#000);transform-origin:right;transition:transform 1s cubic-bezier(.75,0,.2,1) var(--d,0s)}
.js .redact.open::after{transform:scaleX(0)}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.js .redact::after{display:none}html{scroll-behavior:auto}}