@charset "UTF-8";

/* ==========================================================================
   ООО «Грейт Альянс Биметалл»
   Токены: Wix Madefor Display 700 / Wix Madefor Text 400
           #08111B ink / #D5DDE6 steel / #C07B44 copper
           easing cubic-bezier(.22,1,.36,1) / radius 0 + фаска 20px
   ========================================================================== */

/* ---------- 1. Токены ---------- */
:root{
  --ink:#08111B;
  --ink-deep:#060E18;
  --ink-lift:#0C1621;
  --surface:#101A25;
  --surface-2:#16212D;
  --steel:#D5DDE6;
  --copper:#C07B44;
  --copper-lite:#DD9159;

  /* TYP-06: ровно три уровня контентной иерархии */
  --t1:#D5DDE6;
  --t2:rgba(213,221,230,.75);
  --t3:rgba(213,221,230,.58);
  /* состояния интерфейса — не уровни иерархии текста */
  --t-hint:rgba(213,221,230,.45);
  --t-dim:rgba(213,221,230,.26);

  --hair:rgba(213,221,230,.085);
  --hair-2:rgba(213,221,230,.14);
  --hair-copper:rgba(192,123,68,.34);

  --e:cubic-bezier(.22,1,.36,1);

  --s1:8px;  --s2:16px; --s3:24px; --s4:40px;
  --s5:64px; --s6:96px; --s7:144px; --s8:200px;

  --pad:clamp(20px,4.6vw,86px);
  --head-h:96px;
  --cut:20px;
  --cp:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));
}

/* ---------- 2. Сброс ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  background:var(--ink);
  color:var(--steel);
  font-family:"Wix Madefor Text","Segoe UI",system-ui,sans-serif;
  font-size:clamp(15px,1.05vw,17px);
  line-height:1.62;
  text-wrap:pretty;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
ul,ol{list-style:none}
::selection{background:var(--copper);color:#fff}

/* зерно 5.5% */
body::after{
  content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.055;
  mix-blend-mode:overlay;background-size:190px 190px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- 3. Типографика ---------- */
.display,h1,h2,h3,.lbl,.btn,.nav a,.metal{
  font-family:"Wix Madefor Display","Segoe UI",system-ui,sans-serif;
  font-weight:700;
}
h1,h2,h3{hyphens:none;text-wrap:balance}

/* сталь с фаской — фирменный приём макета */
.metal{
  background-image:linear-gradient(176deg,#FFFFFF 0%,#DFE7EF 24%,#95A2B1 52%,#EEF3F8 72%,#8A97A6 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 2px 0 rgba(3,8,14,.9)) drop-shadow(0 12px 26px rgba(0,0,0,.55));
}
h1,.h1{
  font-size:clamp(2.35rem,6.6vw,6.1rem);
  line-height:.88;letter-spacing:-.035em;
}
h2,.h2{
  font-size:clamp(1.75rem,4.5vw,4.1rem);
  line-height:.93;letter-spacing:-.03em;
}
h3,.h3{font-size:clamp(19px,1.5vw,25px);line-height:1.06;letter-spacing:-.02em}
p{max-width:56ch}
.lead{
  font-size:clamp(15.5px,1.15vw,18px);line-height:1.62;
  max-width:52ch;color:var(--t2);text-wrap:balance;
}
.mut{color:var(--t2)}
.mut-2{color:var(--t3)}

.lbl{
  display:inline-block;font-size:12px;line-height:1.8;
  text-transform:uppercase;letter-spacing:.19em;color:var(--copper-lite);
}
.lbl--steel{color:var(--t3)}

/* ---------- 4. Сетка ---------- */
.wrap{padding-inline:var(--pad)}
.sec{padding-block:clamp(72px,8.6vw,144px);position:relative}
.sec--tight{padding-block:clamp(56px,6vw,96px)}
.rule{height:1px;background:var(--hair);border:0}

/* шапка секции: лейбл слева, заголовок справа — не «лейбл над заголовком» */
.sechead{
  display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,4.1fr);
  gap:clamp(16px,3vw,48px);align-items:start;
  margin-bottom:clamp(40px,4.6vw,72px);
}
.sechead__aside{padding-top:.55em;display:flex;flex-direction:column;gap:14px}
.sechead__main{display:flex;flex-direction:column;gap:20px}
.h2row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sechead__main .lead{max-width:50ch}
.sechead__bar{width:52px;height:1px;background:var(--hair-copper)}

/* ---------- 5. Иконки (маски, без глифов и эмодзи) ---------- */
.ic{
  display:inline-block;width:24px;height:24px;flex:none;
  background:currentColor;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain;
}
.ic--l{width:34px;height:34px}
.ic--s{width:18px;height:18px}
.ic-arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 5l7 7-7 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 5l7 7-7 7'/%3E%3C/svg%3E")}
.ic-arrow-l{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H5M11 19l-7-7 7-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H5M11 19l-7-7 7-7'/%3E%3C/svg%3E")}
.ic-chev{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E")}
.ic-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m8.6 11.8 2.4 2.4 4.4-4.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m8.6 11.8 2.4 2.4 4.4-4.6'/%3E%3C/svg%3E")}
.ic-scan{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8V5a2 2 0 0 1 2-2h3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M8 21H5a2 2 0 0 1-2-2v-3'/%3E%3Cpath d='M12 9c3 0 5 3 5 3s-2 3-5 3-5-3-5-3 2-3 5-3z'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8V5a2 2 0 0 1 2-2h3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M8 21H5a2 2 0 0 1-2-2v-3'/%3E%3Cpath d='M12 9c3 0 5 3 5 3s-2 3-5 3-5-3-5-3 2-3 5-3z'/%3E%3Ccircle cx='12' cy='12' r='1.4'/%3E%3C/svg%3E")}
.ic-award{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='m8.4 14.2-1.6 7.3L12 18.6l5.2 2.9-1.6-7.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='m8.4 14.2-1.6 7.3L12 18.6l5.2 2.9-1.6-7.3'/%3E%3C/svg%3E")}
.ic-cog{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8h-8M11 16H3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3Ccircle cx='7' cy='8' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8h-8M11 16H3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3Ccircle cx='7' cy='8' r='3'/%3E%3C/svg%3E")}
.ic-draft{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h5M8 17h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h5M8 17h3'/%3E%3C/svg%3E")}
.ic-factory{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21h20V9l-6 4V9l-6 4V3H5l-.6 10'/%3E%3Cpath d='M7 17h2M13 17h2M18 17h1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21h20V9l-6 4V9l-6 4V3H5l-.6 10'/%3E%3Cpath d='M7 17h2M13 17h2M18 17h1'/%3E%3C/svg%3E")}
.ic-globe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5a15 15 0 0 1 0 19a15 15 0 0 1 0-19z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5a15 15 0 0 1 0 19a15 15 0 0 1 0-19z'/%3E%3C/svg%3E")}
.ic-truck{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17h4V5H2v12h3M20 17h2v-3.3a4 4 0 0 0-1.2-2.9L19 9h-5v8h1'/%3E%3Ccircle cx='7.5' cy='17.5' r='2.3'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17h4V5H2v12h3M20 17h2v-3.3a4 4 0 0 0-1.2-2.9L19 9h-5v8h1'/%3E%3Ccircle cx='7.5' cy='17.5' r='2.3'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.3'/%3E%3C/svg%3E")}
.ic-layers{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 9.5 5-9.5 5-9.5-5z'/%3E%3Cpath d='m2.5 12 9.5 5 9.5-5M2.5 17l9.5 5 9.5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 9.5 5-9.5 5-9.5-5z'/%3E%3Cpath d='m2.5 12 9.5 5 9.5-5M2.5 17l9.5 5 9.5-5'/%3E%3C/svg%3E")}
.ic-alloy{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Ccircle cx='15' cy='15' r='6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Ccircle cx='15' cy='15' r='6'/%3E%3C/svg%3E")}
.ic-clip{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.4 11-9.2 9.2a6 6 0 0 1-8.5-8.5l8.6-8.6A4 4 0 1 1 18 8.8l-8.6 8.6a2 2 0 0 1-2.8-2.9l8.5-8.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.4 11-9.2 9.2a6 6 0 0 1-8.5-8.5l8.6-8.6A4 4 0 1 1 18 8.8l-8.6 8.6a2 2 0 0 1-2.8-2.9l8.5-8.4'/%3E%3C/svg%3E")}
.ic-calc{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20'/%3E%3Cpath d='M8 6h8M8 11h2M12 11h2M16 11h2M8 15h2M12 15h2M16 15h2M8 19h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20'/%3E%3Cpath d='M8 6h8M8 11h2M12 11h2M16 11h2M8 15h2M12 15h2M16 15h2M8 19h6'/%3E%3C/svg%3E")}
.ic-phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7A2 2 0 0 1 22 17z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7A2 2 0 0 1 22 17z'/%3E%3C/svg%3E")}
.ic-mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E")}
.ic-pin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10.5c0 6-8 11.5-8 11.5S4 16.5 4 10.5a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10.2' r='2.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10.5c0 6-8 11.5-8 11.5S4 16.5 4 10.5a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10.2' r='2.8'/%3E%3C/svg%3E")}
.ic-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 6.5V12l4 2.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 6.5V12l4 2.2'/%3E%3C/svg%3E")}
.ic-flask{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2.5h6M10 2.5v6.2L4.8 19a2 2 0 0 0 1.7 3h11a2 2 0 0 0 1.7-3L14 8.7V2.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2.5h6M10 2.5v6.2L4.8 19a2 2 0 0 0 1.7 3h11a2 2 0 0 0 1.7-3L14 8.7V2.5'/%3E%3C/svg%3E")}
.ic-flame{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4 0 7-3 7-6.8 0-4-3.2-5.4-4.4-9.2-2.8 1.9-3 5-3 5s-.9-2-2-3.2c-1.2 2.2-4.6 4-4.6 7.4C5 19 8 22 12 22z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c4 0 7-3 7-6.8 0-4-3.2-5.4-4.4-9.2-2.8 1.9-3 5-3 5s-.9-2-2-3.2c-1.2 2.2-4.6 4-4.6 7.4C5 19 8 22 12 22z'/%3E%3C/svg%3E")}
.ic-drop{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7.5 7.5 0 0 0 7.5-7.5C19.5 9.5 12 2 12 2S4.5 9.5 4.5 14.5A7.5 7.5 0 0 0 12 22z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7.5 7.5 0 0 0 7.5-7.5C19.5 9.5 12 2 12 2S4.5 9.5 4.5 14.5A7.5 7.5 0 0 0 12 22z'/%3E%3C/svg%3E")}
.ic-wave{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8.5c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0 4.4-2.4 6.8 0M2 15.5c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0 4.4-2.4 6.8 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8.5c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0 4.4-2.4 6.8 0M2 15.5c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0 4.4-2.4 6.8 0'/%3E%3C/svg%3E")}
.ic-grid{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Ccircle cx='12' cy='7.5' r='1.3'/%3E%3Ccircle cx='8' cy='11' r='1.3'/%3E%3Ccircle cx='16' cy='11' r='1.3'/%3E%3Ccircle cx='12' cy='13.5' r='1.3'/%3E%3Ccircle cx='8' cy='16.5' r='1.3'/%3E%3Ccircle cx='16' cy='16.5' r='1.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Ccircle cx='12' cy='7.5' r='1.3'/%3E%3Ccircle cx='8' cy='11' r='1.3'/%3E%3Ccircle cx='16' cy='11' r='1.3'/%3E%3Ccircle cx='12' cy='13.5' r='1.3'/%3E%3Ccircle cx='8' cy='16.5' r='1.3'/%3E%3Ccircle cx='16' cy='16.5' r='1.3'/%3E%3C/svg%3E")}
.ic-pipe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5.5' rx='7.5' ry='3'/%3E%3Cpath d='M4.5 5.5v13c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3v-13'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5.5' rx='7.5' ry='3'/%3E%3Cpath d='M4.5 5.5v13c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3v-13'/%3E%3C/svg%3E")}
.ic-hex{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='m12 2 8.7 5v10L12 22l-8.7-5V7z'/%3E%3Cpath d='m12 7 4.3 2.5v5L12 17l-4.3-2.5v-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='m12 2 8.7 5v10L12 22l-8.7-5V7z'/%3E%3Cpath d='m12 7 4.3 2.5v5L12 17l-4.3-2.5v-5z'/%3E%3C/svg%3E")}
.ic-dome{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12a9.5 9.5 0 0 1 19 0'/%3E%3Cellipse cx='12' cy='12' rx='9.5' ry='3.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12a9.5 9.5 0 0 1 19 0'/%3E%3Cellipse cx='12' cy='12' rx='9.5' ry='3.4'/%3E%3C/svg%3E")}
.ic-target{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Ccircle cx='12' cy='12' r='5.2'/%3E%3Ccircle cx='12' cy='12' r='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Ccircle cx='12' cy='12' r='5.2'/%3E%3Ccircle cx='12' cy='12' r='1.2'/%3E%3C/svg%3E")}
.ic-ruler{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='8' width='20' height='8'/%3E%3Cpath d='M6.5 8v3.4M11 8v4.6M15.5 8v3.4M20 8v4.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='8' width='20' height='8'/%3E%3Cpath d='M6.5 8v3.4M11 8v4.6M15.5 8v3.4M20 8v4.6'/%3E%3C/svg%3E")}
.ic-weight{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.8 7.5h10.4L20 21H4z'/%3E%3Ccircle cx='12' cy='4.6' r='2.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.8 7.5h10.4L20 21H4z'/%3E%3Ccircle cx='12' cy='4.6' r='2.4'/%3E%3C/svg%3E")}
.ic-users{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7.5' r='3.8'/%3E%3Cpath d='M2 21v-1.6a7 7 0 0 1 14 0V21M16.5 4a4 4 0 0 1 0 7.6M22 21v-1.6a6 6 0 0 0-4-5.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7.5' r='3.8'/%3E%3Cpath d='M2 21v-1.6a7 7 0 0 1 14 0V21M16.5 4a4 4 0 0 1 0 7.6M22 21v-1.6a6 6 0 0 0-4-5.4'/%3E%3C/svg%3E")}
.ic-lock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='11'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 8 0v3.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='11'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 8 0v3.5'/%3E%3C/svg%3E")}
.ic-menu{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 7h18M3 12h18M3 17h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 7h18M3 12h18M3 17h18'/%3E%3C/svg%3E")}
.ic-close{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}
.ic-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.6 4.5L19 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.6 4.5L19 7'/%3E%3C/svg%3E")}
.ic-route{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-8-8 18-2.2-7.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 18-8-8 18-2.2-7.8z'/%3E%3C/svg%3E")}
.ic-box{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 8-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 8-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v10'/%3E%3C/svg%3E")}

/* ---------- 6. Кнопки ---------- */
.btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;gap:14px;
  min-height:56px;padding:0 26px;
  font-size:13px;letter-spacing:.13em;text-transform:uppercase;
  border-radius:0;
}
.btn__fill{
  position:absolute;inset:0;z-index:-1;
  transform:scaleX(0);transform-origin:left;
  transition:transform 500ms var(--e);
}
.btn:hover .btn__fill,.btn:focus-visible .btn__fill{transform:scaleX(1)}
.btn__t{transition:color 320ms var(--e)}
.btn .ic{transition:transform 520ms var(--e),color 320ms var(--e)}
.btn:hover .ic-arrow,.btn:focus-visible .ic-arrow{transform:translateX(6px)}

.btn--solid{
  color:#F6F1EC;
  background:linear-gradient(154deg,#C07B44 0%,#9A5F35 46%,#5F3719 100%);
  box-shadow:inset 0 1px 0 rgba(255,224,196,.34),0 14px 30px -18px rgba(192,123,68,.85);
}
.btn--solid .btn__fill{background:linear-gradient(154deg,#DD9159 0%,#B06E3D 50%,#7A4622 100%)}
.btn--ghost{color:var(--steel);box-shadow:inset 0 0 0 1px var(--hair-2)}
.btn--ghost .btn__fill{background:rgba(192,123,68,.16)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--hair-copper)}
.btn--sm{min-height:46px;padding:0 18px;font-size:12px}
.btn--wide{width:100%;justify-content:center}

.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.assure{
  display:flex;align-items:center;gap:9px;
  font-size:12.5px;color:var(--t3);letter-spacing:0;
}
.assure .ic{width:15px;height:15px;color:var(--copper)}

/* текстовая ссылка-действие */
.tlink{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--copper-lite);
  min-height:44px;
}
.tlink .ic{width:17px;height:17px;transition:transform 520ms var(--e)}
.tlink:hover .ic{transform:translateX(7px)}

/* ---------- 7. Техническая рамка с фаской ---------- */
.tech{
  position:relative;clip-path:var(--cp);
  background:linear-gradient(158deg,rgba(192,123,68,.5),rgba(213,221,230,.13) 38%,rgba(213,221,230,.05) 78%);
}
.tech::before{
  content:"";position:absolute;inset:1px;clip-path:var(--cp);
  background:linear-gradient(158deg,#141F2B,#0C1520 62%);z-index:0;
}
.tech>*{position:relative;z-index:1}

/* ---------- 8. Шапка ---------- */
.head{
  position:sticky;top:0;z-index:70;
  background:rgba(6,14,24,.86);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--hair);
  transition:background 400ms var(--e),border-color 400ms var(--e);
}
.head.is-stuck{background:rgba(6,14,24,.97);border-bottom-color:var(--hair-2)}
.head__in{
  display:flex;align-items:center;gap:clamp(16px,3vw,56px);
  min-height:var(--head-h);
}
.brand{display:flex;flex-direction:column;gap:5px;flex:none}
.brand img{width:clamp(158px,13vw,206px);height:auto}
.brand__ent{font-size:11px;letter-spacing:0;color:var(--t3)}

.nav{display:flex;gap:clamp(14px,2.4vw,42px);margin-inline:auto}
.nav a{
  position:relative;display:flex;align-items:center;min-height:44px;
  font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--t2);transition:color 320ms var(--e);
}
.nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;
  background:var(--copper);transform:scaleX(0);transform-origin:left;
  transition:transform 420ms var(--e);
}
.nav a:hover{color:var(--steel)}
.nav a:hover::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--steel)}
.nav a[aria-current="page"]::after{transform:scaleX(1)}

.head__cta{flex:none}
.burger{
  display:none;align-items:center;justify-content:center;
  width:48px;height:48px;margin-left:auto;color:var(--steel);
  box-shadow:inset 0 0 0 1px var(--hair-2);
}

.mnav{
  position:fixed;inset:0;z-index:80;display:none;
  flex-direction:column;padding:26px var(--pad) 40px;
  background:var(--ink-deep);
}
.mnav.is-open{display:flex}
.mnav__top{display:flex;align-items:center;justify-content:space-between;min-height:var(--head-h)}
.mnav__list{display:flex;flex-direction:column;margin-top:24px;border-top:1px solid var(--hair)}
.mnav__list a{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 0;border-bottom:1px solid var(--hair);
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:14px;letter-spacing:.11em;text-transform:uppercase;
}
.mnav__list a .ic{color:var(--copper);width:18px;height:18px}
.mnav__foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:14px}

/* ---------- 9. Герой (схема C: 58/42, текст в нижней трети) ---------- */
/* высота ровно один экран с учётом липкой шапки — CTA виден без прокрутки */
.hero{position:relative;min-height:calc(100svh - var(--head-h));display:flex;flex-direction:column;overflow:hidden}
.hero__grid{
  flex:1;display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:end;gap:clamp(20px,3vw,48px);
  padding-block:clamp(40px,6vh,96px) clamp(44px,8vh,110px);
}
.hero__col{display:flex;flex-direction:column;gap:clamp(18px,2.1vw,30px);padding-bottom:clamp(0px,2.4vh,44px)}
.hero__cta{display:flex;flex-direction:column;gap:16px;align-items:flex-start}

/* размер подобран так, чтобы ручные переносы держались (BRK-03/BRK-04) */
.hero__col h1{font-size:clamp(1.72rem,7.2vw,3.3rem)}
@media (min-width:1025px){.hero__col h1{font-size:clamp(2.5rem,4.3vw,4.1rem)}}
@media (max-height:820px) and (min-width:1025px){
  .hero__grid{padding-block:clamp(26px,4vh,60px) clamp(30px,5vh,68px)}
  .hero__col{gap:clamp(14px,1.7vw,22px);padding-bottom:0}
  .hero__col h1{font-size:clamp(2.3rem,3.7vw,3.5rem)}
}

.hero__obj{
  position:absolute;top:0;right:0;bottom:0;width:56vw;pointer-events:none;
}
.hero__obj img{
  position:absolute;top:50%;left:0;transform:translateY(-50%);
  width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 26%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 26%,#000 100%);
}
/* техническая рамка-обводка поверх фона, как в макете */
.hero__frame{
  position:absolute;top:clamp(80px,12vh,150px);right:0;
  width:min(58vw,900px);height:min(58vh,520px);pointer-events:none;
  border-top:1px solid var(--hair-copper);border-left:1px solid var(--hair-copper);
  clip-path:polygon(56px 0,100% 0,100% 100%,0 100%,0 56px);
  opacity:.5;
}

/* ---------- 10. Полоса доверия ---------- */
.trust{border-top:1px solid var(--hair);background:var(--ink-deep)}
.trust__in{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  align-items:center;gap:clamp(18px,2.4vw,40px);
  padding-block:26px;
}
.tmark{display:flex;gap:14px;align-items:flex-start;position:relative}
.tmark+.tmark::before{
  content:"";position:absolute;left:calc(-1 * clamp(9px,1.2vw,20px));top:2px;bottom:2px;
  width:1px;background:var(--hair);
}
.tmark .ic{color:var(--copper);margin-top:2px}
.tmark__t{
  display:block;font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:5px;
}
.tmark__d{font-size:12.5px;line-height:1.45;color:var(--t3);max-width:24ch}

.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:62px;min-height:38px;padding:0 13px;
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--t2);box-shadow:inset 0 0 0 1px var(--hair-2);
  transition:color 320ms var(--e),box-shadow 320ms var(--e);
}
.chip:hover{color:var(--steel);box-shadow:inset 0 0 0 1px var(--hair-copper)}
.chips__cap{font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--t-hint);margin-right:6px}

/* ---------- 11. О компании ---------- */
.about{position:relative}
.about__grid{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  gap:clamp(32px,5vw,86px);align-items:start;
}
.about__txt{display:flex;flex-direction:column;gap:22px}
.about__txt h2{margin-bottom:6px}
.about__txt p{max-width:56ch}
.about__side{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,34px)}
.about__cap{display:flex;align-items:center;gap:16px}
.about__cap .sechead__bar{flex:none}
.about__stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,28px);margin-top:16px;padding-top:28px;border-top:1px solid var(--hair);
}
.stat__n{
  display:block;font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:clamp(30px,3.2vw,46px);line-height:.9;letter-spacing:-.035em;margin-bottom:10px;
}
.stat__d{font-size:12.5px;line-height:1.45;color:var(--t3)}

/* мозаика фото — вылет за правый край окна */
.about__mosaic{
  display:grid;grid-template-columns:1.06fr 1fr;grid-template-rows:auto auto;
  gap:2px;margin-right:calc(-1 * var(--pad));
}
.about__mosaic figure{overflow:hidden;background:var(--ink-lift)}
.about__mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--e)}
.about__mosaic figure:hover img{transform:scale(1.045)}
/* Высоту задаёт правая колонка: два кадра там сохраняют свои пропорции,
   а вертикальный кадр ковки растягивается на обе строки и подрезается —
   иначе его пропорция 0.45 тянула колонку вниз и слева зияла пустота. */
.m-tall{grid-row:1 / span 2;position:relative;min-height:0}
/* картинку выводим из потока: при height:100% и нерастянутом родителе
   проценты откатываются в auto, и снимок снова диктует высоту колонке */
.m-tall img{position:absolute;inset:0;object-position:center 62%}
.m-a{aspect-ratio:251/203}
.m-b{aspect-ratio:349/222}

/* ---------- 12. Лента продукции ---------- */
.ribbon{position:relative;border-block:1px solid var(--hair)}
.ribbon__track{
  display:flex;overflow-x:auto;scroll-snap-type:x proximity;
  padding-inline:var(--pad);scroll-padding-left:var(--pad);
  scrollbar-width:none;-ms-overflow-style:none;cursor:grab;
}
.ribbon__track::-webkit-scrollbar{display:none}
.ribbon__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.ribbon__track.is-drag a{pointer-events:none}

.pcard{
  flex:0 0 clamp(272px,21vw,318px);scroll-snap-align:start;
  display:flex;flex-direction:column;position:relative;
  background:var(--surface-2);
  border-right:1px solid var(--hair);
  transition:background 620ms var(--e);
}
.pcard:first-child{border-left:1px solid var(--hair)}
.pcard:hover{background:var(--ink-lift)}
.pcard__ph{position:relative;overflow:hidden;aspect-ratio:47/50;background:var(--ink-deep)}
.pcard__ph img{width:100%;height:100%;object-fit:cover;transition:transform 820ms var(--e)}
.pcard:hover .pcard__ph img{transform:scale(1.07)}
.pcard__body{
  display:flex;flex-direction:column;gap:12px;flex:1;
  padding:22px 22px 20px;border-top:1px solid var(--hair);
}
.pcard__ic{display:flex;align-items:center;gap:14px;color:var(--copper)}
.pcard__ic::after{content:"";flex:1;height:1px;background:var(--hair-2)}
.pcard h3{margin-top:2px;font-size:clamp(17px,1.35vw,20px)}
.pcard__d{font-size:13.5px;line-height:1.5;color:var(--t3);flex:1}
.pcard .tlink{margin-top:6px;padding-top:14px;border-top:1px solid var(--hair)}
.pcard__badge{
  position:absolute;top:0;left:0;z-index:2;
  padding:8px 14px;font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#F6F1EC;
  background:linear-gradient(150deg,#C07B44,#7A4622);
}
.pcard--accent{background:var(--ink-lift);box-shadow:inset 0 0 0 1px var(--hair-copper)}
.pcard--draft{justify-content:center;gap:20px;padding:34px 24px;background:var(--ink-deep)}
.pcard--draft .pcard__d{flex:none}

.ribbon__nav{display:flex;gap:0;align-self:end}
.rbtn{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;color:var(--copper-lite);
  box-shadow:inset 0 0 0 1px var(--hair-2);
  transition:color 320ms var(--e),background 500ms var(--e),box-shadow 320ms var(--e);
}
.rbtn+.rbtn{margin-left:-1px}
.rbtn:hover:not(:disabled){background:rgba(192,123,68,.14);box-shadow:inset 0 0 0 1px var(--hair-copper)}
.rbtn:disabled{color:var(--t-dim);cursor:default}
.ribbon__hint{
  display:flex;align-items:center;gap:12px;margin-top:20px;
  font-size:12px;letter-spacing:0;color:var(--t-hint);
}
.ribbon__bar{position:relative;flex:1;max-width:200px;height:1px;background:var(--hair-2)}
.ribbon__bar i{position:absolute;inset:0;transform-origin:left;background:var(--copper);transition:transform 420ms var(--e)}

/* ---------- 13. Почему выбирают нас ---------- */
.why__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.7vw,26px);
}
.wcard{padding:clamp(24px,2.2vw,34px)}
.wcard__top{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}
.wcard__top .ic{color:var(--copper);margin-top:3px}
.wcard h3{font-size:clamp(18px,1.35vw,22px)}
.wcard__d{font-size:14px;line-height:1.55;color:var(--t3);max-width:38ch;padding-top:18px;border-top:1px solid var(--hair)}

/* ---------- 14. Стандарты ---------- */
.stds{background:var(--ink-deep);border-block:1px solid var(--hair)}
.stds__head{display:flex;align-items:center;gap:clamp(16px,2.4vw,34px);margin-bottom:clamp(30px,3.4vw,50px)}
.stds__head .rule{flex:1}
.stds__head .lbl{flex:none;text-align:center}
.stds__grid li{display:flex}
.stds__grid{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(10px,1.3vw,20px);
}
.stds__grid img{
  width:100%;height:auto;
  filter:saturate(.9) brightness(.95);
  transition:filter 620ms var(--e),transform 620ms var(--e);
}
.stds__grid li:hover img{filter:saturate(1.06) brightness(1.12);transform:translateY(-4px)}

/* ---------- 15. С кем работаем ---------- */
.clients__grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;
  margin-inline:calc(-1 * var(--pad));
}
.ccard{position:relative;overflow:hidden;background:var(--ink-lift)}
.ccard__ph{overflow:hidden;aspect-ratio:265/291}
.ccard__ph img{width:100%;height:100%;object-fit:cover;transition:transform 880ms var(--e)}
.ccard:hover img{transform:scale(1.06)}
.ccard__cap{
  display:flex;align-items:center;gap:14px;
  padding:20px clamp(14px,1.4vw,22px);border-top:1px solid var(--hair);
}
.ccard__cap .ic{color:var(--copper);flex:none}
.ccard__cap span{
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1.35;
}

/* ---------- 16. Полоса заявки ---------- */
.cband{background:var(--ink-deep);border-top:1px solid var(--hair)}
.cband__in{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(28px,4vw,72px);align-items:center;
}
.cband h2{margin-bottom:22px}
.cband__side{display:flex;flex-direction:column;gap:22px}
.cband__phone{
  display:inline-flex;align-items:center;min-height:44px;
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:clamp(24px,2.3vw,34px);letter-spacing:-.02em;
}
.cband__phone:hover{color:var(--copper-lite)}

/* ---------- 17. Подвал ---------- */
.foot{background:var(--ink-deep);border-top:1px solid var(--hair);padding-block:clamp(48px,5vw,80px) 32px}
.foot__grid{
  display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));
  gap:clamp(26px,3vw,52px);padding-bottom:40px;
}
/* height:auto обязателен: без него атрибут height="248" из разметки
   работает как презентационная подсказка и растягивает логотип по вертикали */
.foot__brand img{width:190px;height:auto;margin-bottom:18px}
.foot__brand p{font-size:13px;line-height:1.55;color:var(--t3);max-width:34ch}
.foot h4,.reqs h4{
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--t-hint);margin-bottom:18px;
}
.foot ul,.reqs ul{display:flex;flex-direction:column;gap:0}
.foot li a,.foot li span,.reqs li a,.reqs li span{
  display:inline-flex;align-items:center;min-height:44px;   /* тач-таргет CTA-07 */
  font-size:13.5px;color:var(--t2);transition:color 320ms var(--e);
}
.foot li a:hover,.reqs li a:hover{color:var(--copper-lite)}
.reqs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,52px)}
.foot__bot{
  display:flex;flex-wrap:wrap;gap:16px 34px;justify-content:space-between;
  padding-top:26px;border-top:1px solid var(--hair);
  font-size:12px;color:var(--t-hint);
}

/* ---------- 18. Страница продукта ---------- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:var(--t-hint);padding-top:28px}
.crumbs a{transition:color 320ms var(--e)}
.crumbs a:hover{color:var(--copper-lite)}
.crumbs .ic{width:13px;height:13px;color:var(--t-dim)}

.phero{position:relative;overflow:hidden;min-height:calc(100svh - var(--head-h));display:flex;flex-direction:column}
.phero__grid{
  flex:1;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);
  align-items:end;gap:clamp(20px,3vw,48px);padding-block:clamp(30px,4vh,60px) clamp(44px,7vh,92px);
}
.phero__col{display:flex;flex-direction:column;gap:clamp(18px,2.1vw,28px)}
.phero__col h1{font-size:clamp(1.7rem,7vw,3rem)}
@media (min-width:1025px){.phero__col h1{font-size:clamp(2.3rem,3.9vw,3.6rem)}}
@media (max-height:820px) and (min-width:1025px){
  .phero__grid{padding-block:clamp(20px,3vh,42px) clamp(28px,4.5vh,60px)}
  .phero__col{gap:clamp(14px,1.7vw,22px)}
  .phero__col h1{font-size:clamp(2.1rem,3.4vw,3.1rem)}
}
.phero__obj{position:absolute;top:0;right:0;bottom:0;width:52vw;pointer-events:none}
.phero__obj img{
  position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 100%);
}

.pmarks{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
  background:var(--ink-deep);
}
.pmark{display:flex;gap:14px;padding:22px clamp(16px,2vw,30px);align-items:flex-start}
.pmark+.pmark{border-left:1px solid var(--hair)}
.pmark .ic{color:var(--copper);margin-top:2px}
.pmark b{
  display:block;font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;
}
.pmark span{font-size:12.5px;line-height:1.45;color:var(--t3)}

.pcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4.4vw,80px)}
.pblock{display:flex;flex-direction:column;gap:clamp(20px,2.2vw,30px)}

/* Две колонки страницы продукции редко равны по высоте: складываем в одну
   колонку несколько блоков, чтобы рядом с длинным списком этапов не провисала пустота. */
.pstack{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,56px)}
.pblock__h{
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:clamp(17px,1.5vw,22px);letter-spacing:-.01em;
  padding-bottom:16px;border-bottom:1px solid var(--hair-copper);
}

/* марки материалов */
.mats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.mat{display:flex;gap:0;background:var(--surface-2);min-height:88px}
.mat__sw{width:8px;flex:none;background:linear-gradient(180deg,#5C6874,#2B3540)}
.mat__sw--cu{background:linear-gradient(180deg,#C07B44,#6B3D1E)}
.mat__sw--ti{background:linear-gradient(180deg,#8E9AA8,#454F5B)}
.mat__b{padding:16px 18px}
.mat b{
  display:block;font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;
}
.mat span{font-size:12.5px;line-height:1.45;color:var(--t3)}

/* спецификации */
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.spec{display:flex;gap:14px;align-items:flex-start}
.spec .ic{color:var(--copper);margin-top:3px}
.spec b{display:block;font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;font-size:14.5px;letter-spacing:-.01em;margin-bottom:6px}
.spec span{font-size:13px;line-height:1.5;color:var(--t3)}

/* этапы 01–05 — подпись страницы */
.steps{position:relative;display:flex;flex-direction:column;gap:0}
.steps::before{
  content:"";position:absolute;left:calc(clamp(38px,3.4vw,52px) + 11px);top:14px;bottom:14px;width:1px;
  background:var(--hair-2);
}
/* линия прогресса тянется scaleY, а не height: значение обновляется на каждом
   событии скролла, и анимация высоты пересчитывала бы layout покадрово */
.steps::after{
  content:"";position:absolute;left:calc(clamp(38px,3.4vw,52px) + 11px);top:14px;bottom:14px;width:1px;
  background:var(--copper);
  transform:scaleY(var(--sp,0));transform-origin:top;
  transition:transform 160ms var(--e);
}
.step{display:grid;grid-template-columns:clamp(38px,3.4vw,52px) 24px minmax(0,1fr);align-items:start;gap:0 16px;padding-block:16px}
.step__n{
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:clamp(17px,1.5vw,21px);letter-spacing:-.01em;color:var(--copper);line-height:1.3;
}
.step__dot{position:relative;z-index:1;width:24px;display:flex;justify-content:center;padding-top:9px}
.step__dot i{width:9px;height:9px;background:var(--ink);box-shadow:inset 0 0 0 1px var(--copper);transition:background 500ms var(--e)}
.step.is-on .step__dot i{background:var(--copper)}
.step b{display:block;font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;font-size:15px;margin-bottom:6px;letter-spacing:-.01em}
.step span{font-size:13px;line-height:1.5;color:var(--t3);display:block;max-width:44ch}

/* маркированный список */
.ticks{display:flex;flex-direction:column;gap:13px}
.ticks li{display:flex;gap:13px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--t2)}
.ticks .ic{width:16px;height:16px;color:var(--copper);margin-top:4px;flex:none}

/* ---------- 19. Форма ---------- */
.form{padding:clamp(26px,2.6vw,42px)}
.form__h{margin-bottom:10px}
.form__sub{font-size:13.5px;line-height:1.55;color:var(--t3);margin-bottom:26px;max-width:42ch}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.f{position:relative;display:flex;flex-direction:column}
.f--full{grid-column:1/-1}
.f input,.f textarea{
  width:100%;min-height:54px;padding:17px 16px;
  background:rgba(8,17,27,.72);box-shadow:inset 0 0 0 1px var(--hair-2);
  font-size:14.5px;color:var(--steel);
  transition:box-shadow 320ms var(--e),background 320ms var(--e);
}
.f textarea{min-height:112px;resize:vertical;line-height:1.5}
.f input::placeholder,.f textarea::placeholder{color:var(--t-hint)}
.f input:focus,.f textarea:focus{outline:none;box-shadow:inset 0 0 0 1px var(--copper);background:rgba(8,17,27,.95)}
.f.is-bad input,.f.is-bad textarea{box-shadow:inset 0 0 0 1px #B8503C}
.f__err{font-size:11.5px;color:#D9705C;padding-top:6px;display:none}
.f.is-bad .f__err{display:block}

.file{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:54px;padding:12px 16px;cursor:pointer;
  background:rgba(8,17,27,.72);box-shadow:inset 0 0 0 1px var(--hair-2);
  transition:box-shadow 320ms var(--e);
}
.file:hover{box-shadow:inset 0 0 0 1px var(--hair-copper)}
/* MOT-04: подпись страницы «Контакты» — чертёж кладут перетаскиванием */
.form.is-over{box-shadow:inset 0 0 0 1px var(--copper)}
.form.is-over .file{
  background:rgba(192,123,68,.12);
  box-shadow:inset 0 0 0 1px var(--copper);
  transform:translateY(-2px);
}
.file{transition:box-shadow 320ms var(--e),background 500ms var(--e),transform 620ms var(--e)}
.file__t b{transition:color 320ms var(--e)}
.form.is-over .file__t b{color:var(--copper-lite)}
.file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.file__t{display:flex;flex-direction:column;gap:3px;min-width:0}
.file__t b{font-family:"Wix Madefor Text",system-ui,sans-serif;font-weight:400;font-size:14px}
.file__t span{font-size:11.5px;color:var(--t-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file .ic{color:var(--copper);flex:none}

.form__foot{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.privacy{font-size:11.5px;line-height:1.5;color:var(--t-hint);max-width:46ch}
.privacy a{color:var(--t2);text-decoration:underline;text-underline-offset:3px}
.form__note{
  display:none;gap:12px;align-items:flex-start;padding:16px 18px;
  background:rgba(192,123,68,.1);box-shadow:inset 0 0 0 1px var(--hair-copper);
  font-size:13.5px;line-height:1.5;
}
.form__note.is-on{display:flex}
.form__note .ic{color:var(--copper);flex:none;margin-top:1px}

/* ---------- 20. Контакты ---------- */
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(32px,4.4vw,80px);align-items:start}
.cgrid--pad{padding-top:clamp(28px,3.4vw,58px)}
.cintro{display:flex;flex-direction:column;gap:clamp(18px,2vw,26px)}
/* колонка узкая — кегль ниже, чтобы ручные переносы держались */
.cgrid .cintro h2{font-size:clamp(1.75rem,3.2vw,2.9rem)}
.cintro h1{font-size:clamp(1.7rem,7vw,3rem)}
@media (min-width:1025px){.cintro h1{font-size:clamp(2.3rem,3.9vw,3.6rem)}}
.cc__txt{display:flex;flex-direction:column;gap:12px}
.cc--wide .cc__d{max-width:44ch}
.ccards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:8px}
.cc{padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:12px}
.cc__h{display:flex;align-items:center;gap:12px;color:var(--copper)}
.cc__h b{
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--t3);
}
.cc__v{
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:700;
  font-size:clamp(16px,1.35vw,20px);line-height:1.25;letter-spacing:-.015em;color:var(--copper-lite);
  transition:color 320ms var(--e);
}
a.cc__v{display:inline-flex;align-items:center;min-height:44px}
a.cc__v:hover{color:#F0AA76}
.cc__d{font-size:12.5px;color:var(--t3);line-height:1.45}
.cc--wide{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}

/* ---------- 20b. Текстовая страница ---------- */
.doc{display:flex;flex-direction:column;gap:20px;margin-top:clamp(30px,3.4vw,54px)}
.doc h2{font-size:clamp(19px,1.6vw,24px);line-height:1.14;letter-spacing:-.015em;margin-top:16px}
.doc p{font-size:14.5px;line-height:1.68;color:var(--t2);max-width:62ch}
.doc a{color:var(--copper-lite);text-decoration:underline;text-underline-offset:3px}
.doc ul{display:flex;flex-direction:column;gap:10px;max-width:62ch}
.doc ul li{display:flex;gap:13px;font-size:14.5px;line-height:1.62;color:var(--t2)}
.doc ul li::before{content:"";flex:none;width:5px;height:5px;margin-top:10px;background:var(--copper)}

/* ---------- 21. Появление (MOT-01) ---------- */
.rise{opacity:0;transform:translateY(28px);filter:blur(14px)}
.is-in .rise{
  opacity:1;transform:none;filter:blur(0);
  transition:opacity 900ms var(--e) var(--d,0ms),
             transform 900ms var(--e) var(--d,0ms),
             filter 900ms var(--e) var(--d,0ms);
}
.d1{--d:50ms}.d2{--d:100ms}.d3{--d:150ms}.d4{--d:200ms}
.d5{--d:250ms}.d6{--d:300ms}.d7{--d:350ms}.d8{--d:400ms}
.g1{--d:160ms}.g2{--d:260ms}.g3{--d:360ms}.g4{--d:460ms}

/* Страховка: без JS контент обязан быть виден.
   Первый экран показан всегда — .hero/.phero отдаются с классом .is-in в разметке. */
@media (scripting:none){
  .rise{opacity:1;transform:none;filter:none}
}

/* ---------- 22. Адаптив ---------- */
/* в узкой двухколоночной сетке иконка уходит над заголовком — иначе рвётся строка */
@media (max-width:900px){.wcard__top{flex-direction:column;gap:14px}}
@media (max-width:1180px){
  .why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stds__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .clients__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .trust__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .trust__in .chips{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--hair)}
  .tmark:nth-child(odd)::before{display:none}
  .foot__grid,.reqs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  :root{--head-h:78px}
  .nav,.head__cta{display:none}
  .burger{display:flex}
  .hero__grid,.phero__grid{grid-template-columns:minmax(0,1fr)}
  .hero__obj,.phero__obj{
    width:min(96vw,700px);top:auto;bottom:auto;height:52svh;
    top:clamp(60px,10svh,120px);opacity:.62;
  }
  .hero__obj img,.phero__obj img{
    -webkit-mask-image:linear-gradient(to bottom,#000 34%,transparent 92%);
    mask-image:linear-gradient(to bottom,#000 34%,transparent 92%);
  }
  .hero__frame{display:none}
  .hero__col,.phero__col{padding-bottom:0}
  .about__grid,.cband__in,.pcols,.cgrid{grid-template-columns:minmax(0,1fr)}
  .about__mosaic{margin-inline:calc(-1 * var(--pad))}
  .pmarks{grid-template-columns:minmax(0,1fr)}
  .pmark+.pmark{border-left:0;border-top:1px solid var(--hair)}
}
@media (max-width:760px){
  :root{--cut:14px}
  .sechead{grid-template-columns:minmax(0,1fr);gap:14px}
  .sechead__aside{flex-direction:row;align-items:center;gap:14px;padding-top:0}
  .sechead__bar{flex:1;max-width:70px}
  .why__grid,.stds__grid,.clients__grid,.specs,.mats,.ccards{grid-template-columns:minmax(0,1fr)}
  .stds__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about__stats{grid-template-columns:minmax(0,1fr);gap:20px}
  .fgrid{grid-template-columns:minmax(0,1fr)}
  .foot__grid,.reqs{grid-template-columns:minmax(0,1fr)}
  .about__mosaic{grid-template-columns:1fr 1fr}
  .m-tall{grid-row:span 1;aspect-ratio:16/11;grid-column:1/-1}
  .btn{width:100%;justify-content:space-between}
  .btn-row{width:100%}
  .cc--wide{flex-direction:column;align-items:flex-start}
  .hero__obj,.phero__obj{opacity:.42}
}
@media (max-width:520px){
  .pcard{flex-basis:76vw}
  .stds__grid{gap:8px}
  .brand img{width:150px}
}
.br-m{display:none}
@media (max-width:760px){.br-m{display:inline}.br-d{display:none}}

/* ---------- 23. Доступность ---------- */
:focus-visible{outline:2px solid var(--copper);outline-offset:3px}

/* Ссылки внутри абзацев не растягиваем до 44px — это разорвало бы строку
   (исключение WCAG 2.5.5 для inline-ссылок в тексте). */
.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:14px 20px;background:var(--copper);color:#fff}
.skip:focus{left:0}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .rise{opacity:1;transform:none;filter:none}
  .is-in .rise{--d:0ms !important}
}

/* ---------- Указатель разделов — подпись страницы «Политика» (MOT-04) ---------- */
.docwrap{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:start}
.docnav{position:sticky;top:calc(var(--head-h) + 24px)}
.docnav .lbl{margin-bottom:16px}
.docnav ol{counter-reset:d;display:flex;flex-direction:column}
.docnav li{counter-increment:d}
.docnav a{
  display:flex;gap:12px;align-items:baseline;min-height:44px;padding:9px 0;
  font-size:13px;line-height:1.4;color:var(--t3);
  border-top:1px solid var(--hair);transition:color 320ms var(--e);
}
.docnav a::before{
  content:counter(d,decimal-leading-zero);flex:none;
  font-family:"Wix Madefor Display",system-ui,sans-serif;font-weight:500;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-dim);transition:color 320ms var(--e);
}
.docnav a:hover{color:var(--steel)}
.docnav a.is-here{color:var(--copper)}
.docnav a.is-here::before{color:var(--copper)}
@media (max-width:900px){
  .docwrap{grid-template-columns:minmax(0,1fr)}
  .docnav{position:static}
  .docnav ol{flex-direction:row;flex-wrap:wrap;gap:0 18px}
  .docnav a{border-top:0}
}

/* ---------- Правовые документы: ссылки в подвале и уведомление о cookie ---------- */
.foot__docs{
  display:flex;flex-wrap:wrap;gap:2px 26px;
  padding-top:24px;margin-top:8px;border-top:1px solid var(--hair);
}
.foot__docs a{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:12.5px;color:var(--t3);transition:color 320ms var(--e);
}
.foot__docs a:hover{color:var(--copper)}

.cookie{
  position:fixed;left:var(--pad);right:var(--pad);bottom:20px;z-index:75;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:18px clamp(18px,2vw,28px);
  background:var(--surface);box-shadow:0 24px 60px -24px rgba(0,0,0,.9);
  clip-path:var(--cp);
}
.cookie p{font-size:13px;line-height:1.5;max-width:62ch;margin:0;color:var(--t2)}
.cookie a{color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.cookie[hidden]{display:none}
@media (max-width:620px){
  .cookie{flex-direction:column;align-items:stretch;bottom:0;left:0;right:0;clip-path:none}
  .cookie .btn{width:100%;justify-content:center}
}