/* One — Поккельс. Собранные стили сайта */

/* tokens/fonts.css */
/* Gotham Pro — единственная гарнитура бренда One.
   woff2 (400/500/700/800) взяты из лендинга hybrid.pokkels.ru и используются в вебе.
   otf-начертания (Light, Narrow, Black) добавлены из набора Gotham Cyrillic для печати
   и редких случаев; в вебе их подключать не обязательно. */
@font-face { font-family: 'Gotham Pro'; src: url('../assets/fonts/gothampro-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap }
@font-face { font-family: 'Gotham Pro'; src: url('../assets/fonts/gothampro-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap }
@font-face { font-family: 'Gotham Pro'; src: url('../assets/fonts/gothampro-700.woff2') format('woff2'); font-weight: 600 700; font-style: normal; font-display: swap }
@font-face { font-family: 'Gotham Pro'; src: url('../assets/fonts/gothampro-800.woff2') format('woff2'); font-weight: 800 900; font-style: normal; font-display: swap }
@font-face { font-family: 'Gotham Pro Light'; src: url('../assets/fonts/GothaProLig.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap }
@font-face { font-family: 'Gotham Pro Narrow'; src: url('../assets/fonts/GothaProNarMed.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap }
@font-face { font-family: 'Gotham Pro Narrow'; src: url('../assets/fonts/GothaProNarBol.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap }
@font-face { font-family: 'Gotham Pro Black'; src: url('../assets/fonts/GothaProBla.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap }

/* tokens/colors.css */
/* Палитра One. Три носителя: почти-чёрный, светло-серая бумага, зелёный лазер.
   Все значения взяты из лендинга OneCLEAN Hybrid без округления. */
:root {
  /* — база: чёрный и зелёный — */
  --ink: #0a0a0b;            /* корпоративный чёрный: тёмные секции, текст, кнопка */
  --ink-deep: #07120c;       /* текст поверх зелёного (зеленовато-чёрный) */
  --green: #4cb774;          /* лазерный зелёный: акцент, кнопка, плашки */
  --green-ink: #2f8c53;      /* зелёный для текста и ссылок на светлом */
  --green-deep: #23703f;     /* активный чип, hover-текст */

  /* — база: светлые поверхности — */
  --paper: #f0f0f0;          /* фон страницы */
  --white: #ffffff;
  --soft: #f7f7f5;           /* «серая» карточка на белом */
  --bone: #f4f4f2;           /* текст и мелкие поверхности на чёрном */

  /* — база: нейтральные серые (тёплый уклон) — */
  --grey-90: #232327;
  --grey-85: #1e1e21;
  --grey-80: #2f2f34;
  --grey-75: #3a3a3f;
  --grey-55: #55555c;
  --grey-45: #6d6d74;
  --grey-40: #7a7a80;
  --grey-35: #86868c;
  --grey-30: #9a9aa0;
  --grey-25: #a9a9b0;
  --grey-20: #b6b6bd;
  --grey-15: #d5d5d8;
  --line-10: #cfcfc9;
  --line-08: #dcdcd6;
  --line-05: #ececea;

  /* — семантика: ошибка (единственный семантический цвет в системе) — */
  --danger: #c0392b;
  --danger-ink: #8c2018;
  --danger-surface: #fdecea;

  /* — поверхности — */
  --surface-page: var(--paper);
  --surface-card: var(--white);
  --surface-card-soft: var(--soft);
  --surface-inverse: var(--ink);
  --surface-accent: var(--green);
  --surface-header: rgba(255,255,255,0.92);

  /* — текст — */
  --text-strong: var(--ink);
  --text-body: var(--grey-55);
  --text-muted: var(--grey-45);
  --text-label: var(--grey-35);
  --text-placeholder: var(--grey-30);
  --text-accent: var(--green-ink);
  --text-on-inverse: var(--bone);
  --text-on-inverse-body: var(--grey-15);
  --text-on-inverse-muted: var(--grey-25);
  --text-on-inverse-dim: var(--grey-20);
  --text-on-accent: var(--ink-deep);
  --text-on-accent-muted: rgba(7,18,12,0.65);

  /* — границы — */
  --border-card: var(--line-08);      /* 1px рамка светлой карточки */
  --border-field: var(--line-10);     /* поле ввода, чип, кнопка-контур */
  --border-hair: var(--line-05);      /* разделитель в меню */
  --border-inverse: var(--grey-90);   /* рамка на чёрном */
  --border-inverse-soft: var(--grey-85);
  --border-inverse-btn: var(--grey-75);
  --border-on-accent: rgba(7,18,12,0.35);

  /* — служебное — */
  --focus-underline: var(--green);
  --selection-bg: var(--green);
  --hover-tint-green: rgba(76,183,116,0.14);
  --chip-on-bg: rgba(76,183,116,0.3);
  --glow-green: radial-gradient(circle, rgba(76,183,116,0.16), rgba(76,183,116,0) 68%); /* @kind other */
}

/* tokens/typography.css */
/* Типографика One. Одна гарнитура, четыре начертания, заголовки капслоком.
   Крупные размеры — текучие clamp() ровно как на лендинге. */
:root {
  --font-core: 'Gotham Pro', Helvetica, Arial, sans-serif;
  --font-narrow: 'Gotham Pro Narrow', 'Gotham Pro', Helvetica, Arial, sans-serif;

  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-black: 800; /* @kind font */

  /* — дисплейные заголовки (uppercase, отрицательный трекинг) — */
  --type-h1: clamp(32px, min(5.2vw, 7.4vh), 66px);
  --type-h1-lh: 0.98;
  --type-h1-ls: -0.02em;
  --type-h2: clamp(28px, 3.8vw, 46px);
  --type-h2-lh: 1.06;
  --type-h2-ls: -0.02em;
  --type-h2-form: clamp(34px, 4.8vw, 56px);   /* заголовок блока регистрации */
  --type-h3: clamp(19px, 2vw, 24px);          /* заголовок карточки */
  --type-h3-lh: 1.22;
  --type-h3-ls: -0.01em;
  --type-h4: clamp(17px, 1.8vw, 21px);        /* вопрос, подзаголовок */
  --type-h4-lh: 1.3;

  /* — цифровые показатели — */
  --type-metric-hero: clamp(34px, 4.6vw, 60px);  /* главный эффект */
  --type-metric: clamp(26px, 3.2vw, 38px);       /* итог в плашке */
  --type-metric-sm: clamp(30px, 3.2vw, 44px);    /* «8 лет», «400+» */
  --type-metric-row: clamp(19px, 2vw, 23px);     /* строка таблицы экономики */
  --type-metric-ls: -0.02em;

  /* — текст — */
  --type-lead: 17px;          /* лид под заголовком, абзацы о компании */
  --type-lead-lh: 1.6;
  --type-body: 16px;
  --type-body-lh: 1.55;
  --type-body-sm: 15px;       /* текст внутри карточки */
  --type-body-sm-lh: 1.6;
  --type-note: 14px;          /* сноска, мелкая строка в плашке */
  --type-note-lh: 1.7;
  --type-fine: 13px;

  /* — надстрочные метки капслоком — */
  --type-eyebrow: 14px;       /* «01 · Цена компромисса» */
  --type-eyebrow-ls: 0.16em;
  --type-label: 11px;         /* подпись поля формы, адрес */
  --type-label-ls: 0.14em;
  --type-kicker: 12px;        /* метка внутри карточки, кнопка, навигация */
  --type-kicker-ls: 0.14em;
  --type-nav-ls: 0.1em;
  --type-badge-ls: 0.12em;
  --type-logo-ls: 0.04em;
  --type-logo-sub-ls: 0.2em;
}

/* tokens/spacing.css */
/* Ритм One. Сетка держится на 16px-зазоре между блоками и текучих отбивках секций. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 12px;
  --space-5: 14px;
  --space-6: 16px;   /* базовый зазор сетки: между всеми карточками и плашками */
  --space-7: 18px;
  --space-8: 22px;
  --space-9: 26px;
  --space-10: 30px;
  --space-12: 40px;
  --space-14: 56px;

  /* — отбивки секции (у лендинга они текучие) — */
  --section-y: clamp(56px, 8vw, 110px); /* @kind spacing */
  --section-x: clamp(18px, 4vw, 40px); /* @kind spacing */
  --section-y-last: clamp(64px, 9vw, 120px); /* @kind spacing */
  --content-max: 1360px;
  --measure-lead: 720px;      /* лид-абзац */
  --measure-title: 900px;     /* заголовок секции */
  --header-h: 67px;
  --scroll-offset: 78px;

  /* — внутренние отбивки — */
  --pad-card: 30px 26px;
  --pad-card-lg: clamp(26px, 3vw, 38px) clamp(24px, 2.6vw, 32px);
  --pad-panel: clamp(24px, 3vw, 34px) clamp(22px, 3vw, 34px);
  --pad-form: clamp(26px, 3vw, 44px);
  --pad-step: 34px 28px;
  --gap-grid: 16px;
  --gap-column: clamp(28px, 4vw, 56px);
  --gap-column-wide: clamp(28px, 4vw, 64px);

  /* — минимальные ширины колонок в auto-fit сетках — */
  --col-min-sm: 280px;
  --col-min: 300px;
  --col-min-md: 320px;
  --col-min-lg: 420px;
  --col-min-xl: 440px;

  /* — размеры элементов управления — */
  --control-h: 44px;          /* минимальная высота кнопки/чипа */
  --control-h-sm: 42px;       /* кнопка в шапке */
  --pad-btn: 17px 32px;
  --pad-btn-sm: 12px clamp(14px, 2vw, 22px);
  --pad-btn-md: 15px 26px;
  --pad-chip: 11px 14px;
  --pad-field: 14px 0;
  --checkbox: 22px;
}

/* tokens/effects.css */
/* Рамки, тени, движение. Ключевое правило One: скруглений нет — везде 0.
   Единственная окружность в системе — точка-индикатор в бейдже. */
:root {
  --radius-none: 0;
  --radius-dot: 50%;

  --border-w: 1px; /* @kind other */
  --border-accent-w: 2px; /* @kind other */      /* левая линия-акцент у выносного текста */
  --divider-w: 1px; /* @kind other */            /* «щель» в сетке 1px: gap на цветном фоне */

  /* Тени почти не используются. Две штуки на всю систему: */
  --shadow-hero: drop-shadow(0 40px 60px rgba(0,0,0,0.6));   /* установка на чёрном */
  --shadow-hover-tint: inset 0 0 0 999px rgba(76,183,116,0.14); /* заливка чипа по ховеру */

  --blur-header: blur(14px); /* @kind other */   /* липкая шапка поверх контента */

  --ease: linear; /* @kind other */              /* бренд не пружинит: ровные, короткие переходы */
  --dur-fast: 0.15s; /* @kind other */
  --transition-control: background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);
  --marquee-dur: 48s; /* @kind other */          /* бегущая строка под первым экраном */
}
@keyframes one-marquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }

/* tokens/base.css */
/* Базовые правила документа One. Ровно то, что задаёт лендинг. */
* { box-sizing: border-box }
html { scroll-behavior: smooth }
body { margin: 0; background: var(--surface-page); color: var(--text-strong); font-family: var(--font-core); -webkit-font-smoothing: antialiased }
input, textarea, button, select { font-family: inherit }
a { color: var(--text-accent); text-decoration: none }
a:hover { color: var(--ink) }
::selection { background: var(--selection-bg); color: var(--ink) }
input::placeholder, textarea::placeholder { color: var(--text-placeholder) }
h1, h2, h3, h4 { margin: 0; text-transform: uppercase; letter-spacing: var(--type-h2-ls) }
h1 { font-size: var(--type-h1); line-height: var(--type-h1-lh); font-weight: var(--fw-black); letter-spacing: var(--type-h1-ls) }
h2 { font-size: var(--type-h2); line-height: var(--type-h2-lh); font-weight: var(--fw-black) }
h3 { font-size: var(--type-h3); line-height: var(--type-h3-lh); font-weight: var(--fw-bold); letter-spacing: var(--type-h3-ls) }
h4 { font-size: var(--type-h4); line-height: var(--type-h4-lh); font-weight: var(--fw-bold); letter-spacing: var(--type-h3-ls) }
p { margin: 0; font-size: var(--type-lead); line-height: var(--type-lead-lh); color: var(--text-body) }
sup { font-size: 0.62em; line-height: 0; vertical-align: super }
section[id] { scroll-margin-top: var(--scroll-offset) }

/* страница */
a{color:#2f8c53;text-decoration:none}a:hover{color:#23703f}
@keyframes one-hero-a{0%,46%{opacity:1;visibility:visible}50%,96%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
@keyframes one-hero-b{0%,46%{opacity:0;visibility:hidden}50%,96%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
[data-rail]::-webkit-scrollbar{display:none}
a{color:#2f8c53;text-decoration:none}a:hover{color:#23703f}
html{scroll-behavior:smooth}body{margin:0}
.hdr-d,.hdr-m{display:contents}.hdr-mo{display:none}
@media (max-width:1100px){.hdr-d{display:none}}
@media (min-width:1101px){.hdr-m{display:none}}
body.menu-open .hdr-m{display:none}
@media (max-width:1100px){body.menu-open .hdr-mo{display:contents}}
[data-slide],[data-lightbox]{display:contents}[data-lightbox][hidden]{display:none}[data-slide][hidden]>*{visibility:hidden;pointer-events:none}
[data-rail]::-webkit-scrollbar{display:none}

/* компоненты */
.s0{background:#f0f0f0;color:#0a0a0b;font-family:'Gotham Pro',Helvetica,Arial,sans-serif}
.s1{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(18px, 4vw, 40px);background:var(--surface-header);backdrop-filter:var(--blur-header);border-bottom:1px solid var(--border-card)}
.s2{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.s3{display:block;height:36px;width:auto}
.s4{display:flex;align-items:center;gap:clamp(14px, 1.8vw, 30px)}
.s5{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding:0;border-bottom:0}
.s6{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:1;transition:var(--transition-control);min-height:42px;padding:12px clamp(14px, 2vw, 22px);font-size:12px;letter-spacing:0.12em;background:var(--green);color:var(--ink-deep);border:0}
.s7{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:1;transition:var(--transition-control);min-height:42px;padding:12px clamp(14px, 2vw, 22px);font-size:11px;letter-spacing:0.14em;background:transparent;color:var(--ink);border:1px solid var(--border-field);gap:10px}
.s8{display:grid;gap:4px}
.s9{display:block;width:18px;height:2px;background:currentColor}
.sa{display:flex;flex-direction:column;position:absolute;top:100%;right:clamp(18px, 4vw, 40px);left:clamp(18px, 4vw, 40px);background:var(--white);border:1px solid var(--border-card);border-top:0}
.sb{font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding:18px 20px;border-bottom:1px solid var(--border-hair)}
.sc{padding:18px 20px;background:var(--green);color:var(--text-on-accent);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.sd{position:relative;display:grid;align-items:center;min-height:min(78vh,680px,150vw);padding:0 max(clamp(18px,4vw,40px),56px);background:#0a0a0b;color:#f4f4f2;overflow:hidden}
.se{position:absolute;left:6px;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#f4f4f2;font-family:inherit;font-size:26px;line-height:1;cursor:pointer;transition:color .15s linear}
.sf{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#f4f4f2;font-family:inherit;font-size:26px;line-height:1;cursor:pointer;transition:color .15s linear}
.sg{grid-area:1/1;height:100%;align-self:stretch}
.sh{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch;gap:clamp(24px,3vw,48px);max-width:1360px;margin:0 auto;width:100%;height:100%}
.si{max-width:620px;width:100%;align-self:center;padding:clamp(32px,5vw,64px) 0}
.sj{font-size:14px;font-weight:500;letter-spacing:0.16em;color:#4cb774;text-transform:uppercase;margin-bottom:16px}
.sk{margin:0;font-size:clamp(30px,4.4vw,54px);line-height:1;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.sl{margin:20px 0 0;max-width:520px;font-size:clamp(14px,1.2vw,17px);line-height:1.55;color:#b6b6bd}
.sm{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.sn{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:1;transition:var(--transition-control);min-height:44px;padding:17px 32px;font-size:13px;letter-spacing:0.14em;background:var(--green);color:var(--ink);border:0}
.so{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:1;transition:var(--transition-control);min-height:44px;padding:17px 32px;font-size:13px;letter-spacing:0.14em;background:transparent;color:var(--text-on-inverse);border:1px solid var(--border-inverse-btn)}
.sp{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(72vh,620px,72vw);max-height:min(78vh,680px,72vw);align-self:stretch;padding:0}
.sq{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(76,183,116,0.16) 0%,rgba(76,183,116,0) 70%)}
.sr{position:relative;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,0.6))}
.ss{margin:18px 0 0;padding-left:16px;border-left:2px solid #4cb774;font-size:clamp(14px,1.2vw,17px);font-weight:500;line-height:1.4;color:#f4f4f2}
.st{overflow:hidden;background:var(--green);color:var(--text-on-accent)}
.su{display:flex;width:max-content;animation:one-marquee 192s linear infinite;will-change:transform}
.sv{display:flex;align-items:center;gap:34px;padding:13px 17px;font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap}
.sw{padding:clamp(56px,8vw,110px) clamp(18px,4vw,40px);background:#ffffff}
.sx{max-width:1360px;margin:0 auto}
.sy{margin:0 0 16px;max-width:900px;font-size:clamp(28px,3.8vw,46px);line-height:1.06;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.sz{margin:0 0 40px;max-width:720px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#55555c}
.s10{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.s11{background:#f7f7f5;border:1px solid #dcdcd6;padding:clamp(26px,3vw,34px) clamp(24px,2.6vw,30px);display:grid;gap:14px;align-content:start}
.s12{font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#2f8c53}
.s13{font-size:clamp(19px,2vw,23px);font-weight:800;line-height:1.2;letter-spacing:-0.01em;text-wrap:pretty}
.s14{font-size:15px;line-height:1.6;color:#55555c;text-wrap:pretty}
.s15{padding:clamp(56px,8vw,110px) clamp(18px,4vw,40px);background:#f0f0f0}
.s16{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px;align-items:stretch}
.s17{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.s18{background:#ffffff;border:1px solid #dcdcd6;padding:clamp(24px,2.6vw,32px) clamp(20px,2.2vw,28px);display:grid;gap:12px;align-content:start}
.s19{font-size:12px;font-weight:700;letter-spacing:0.14em;color:#2f8c53}
.s1a{font-size:clamp(17px,1.8vw,20px);font-weight:800;line-height:1.25;letter-spacing:-0.01em;text-wrap:pretty}
.s1b{background:#0a0a0b;border:1px solid #0a0a0b;color:#f4f4f2;padding:clamp(30px,3.4vw,42px) clamp(24px,2.6vw,32px);display:grid;gap:16px;align-content:start;height:100%}
.s1c{font-size:12px;font-weight:700;letter-spacing:0.14em;color:#4cb774}
.s1d{font-size:clamp(21px,2.3vw,27px);font-weight:800;line-height:1.25;letter-spacing:-0.01em;text-wrap:pretty}
.s1e{font-size:15px;line-height:1.6;color:#b6b6bd;text-wrap:pretty}
.s1f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:0 0 40px}
.s1g{margin:0;max-width:720px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#55555c}
.s1h{display:flex;gap:8px}
.s1i{width:56px;height:56px;background:#4cb774;border:0;color:#07120c;font-family:inherit;font-size:24px;font-weight:700;cursor:pointer;transition:background .15s linear,color .15s linear}
.s1j{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.s1k{flex:0 0 auto;width:min(78vw,300px);aspect-ratio:3/4;position:relative;overflow:hidden;color:#b6b6bd}
.s1l{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.s1m{position:absolute;left:0;bottom:0;padding:12px 18px;background:#4cb774;color:#07120c;font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;pointer-events:none}
.s1n{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.s1o{display:grid;gap:14px;align-content:start;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);background:#f7f7f5;border:1px solid #dcdcd6;color:#0a0a0b}
.s1p{font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#86868c}
.s1q{font-size:clamp(19px,2vw,24px);font-weight:700;line-height:1.22;letter-spacing:-0.01em;text-transform:uppercase}
.s1r{font-size:15px;line-height:1.6;color:#55555c}
.s1s{position:fixed;inset:0;z-index:1000;background:rgba(10,10,11,0.94);display:flex;align-items:center;justify-content:center;padding:clamp(56px,6vw,72px) clamp(16px,4vw,48px) clamp(16px,4vw,48px)}
.s1t{position:absolute;top:16px;right:16px;min-height:44px;padding:0 20px;background:transparent;border:1px solid #3a3a3f;color:#f4f4f2;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;cursor:pointer;transition:border-color .15s linear}
.s1u{display:block;max-width:100%;max-height:100%;background:#0a0a0b}
.s1v{font-family:'Gotham Pro',Helvetica,Arial,sans-serif}
.s1w{background:#ffffff;border:1px solid #dcdcd6;padding:clamp(26px,3vw,34px) clamp(24px,2.6vw,30px);display:grid;gap:14px;align-content:start}
.s1x{font-size:clamp(19px,2vw,23px);font-weight:800;line-height:1.2;letter-spacing:-0.01em}
.s1y{background:#0a0a0b;border:1px solid #0a0a0b;color:#f4f4f2;padding:clamp(26px,3vw,34px) clamp(24px,2.6vw,30px);display:grid;gap:14px;align-content:space-between}
.s1z{font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#4cb774}
.s20{display:flex;align-items:baseline;gap:14px}
.s21{font-size:clamp(48px,5vw,68px);font-weight:800;line-height:0.95;letter-spacing:-0.03em;white-space:nowrap;color:#4cb774}
.s22{font-size:clamp(17px,1.5vw,19px);font-weight:500;line-height:1.3;color:#f4f4f2}
.s23{margin-top:clamp(44px,6vw,80px)}
.s24{background:var(--green);color:var(--text-on-accent);padding:clamp(24px, 3vw, 32px) clamp(24px, 2.6vw, 34px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.s25{font-size:clamp(18px, 2vw, 23px);font-weight:700;line-height:1.3}
.s26{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:1;transition:var(--transition-control);min-height:44px;padding:15px 26px;font-size:12px;letter-spacing:0.14em;background:var(--ink);color:var(--white);border:0}
.s27{display:grid;gap:16px}
.s28{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;align-items:stretch}
.s29{background:var(--surface-card-soft);border:1px solid var(--border-card);padding:clamp(24px, 2.6vw, 32px);display:grid;gap:14px;align-content:start}
.s2a{font-size:12px;font-weight:500;letter-spacing:0.14em;color:var(--text-label)}
.s2b{font-size:clamp(17px, 1.8vw, 21px);font-weight:700;line-height:1.3;letter-spacing:-0.01em}
.s2c{background:var(--green);color:var(--text-on-accent);padding:clamp(24px, 2.6vw, 32px);display:flex;align-items:center;font-size:16px;font-weight:500;line-height:1.55}
.s2d{background:var(--ink);color:var(--text-on-inverse);padding:clamp(26px, 3vw, 36px) clamp(24px, 3vw, 36px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}
.s2e{font-size:clamp(18px, 2vw, 23px);font-weight:500;line-height:1.4;max-width:760px}
.s2f{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(28px,4vw,56px);align-items:start}
.s2g{margin:0 0 16px;font-size:clamp(28px,3.8vw,46px);line-height:1.06;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s2h{margin:0;max-width:620px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#55555c}
.s2i{min-width:0;background:#ffffff;border:1px solid #dcdcd6;padding:clamp(24px,2.6vw,32px);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px}
.s2j{font-size:clamp(30px,3.2vw,44px);font-weight:800;letter-spacing:-0.03em}
.s2k{font-size:clamp(19px,1.7vw,22px);line-height:1.4;color:#55555c;text-align:right}
.s2l{padding:clamp(56px,8vw,110px) clamp(18px,4vw,40px);background:#0a0a0b;color:#f4f4f2}
.s2m{margin:0 0 44px;max-width:900px;font-size:clamp(28px,3.8vw,46px);line-height:1.06;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s2n{background:var(--ink);padding:34px 28px}
.s2o{font-size:12px;color:var(--green);margin-bottom:20px}
.s2p{font-size:16px;line-height:1.55;color:var(--text-on-inverse-body)}
.s2q{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr));gap:1px;background:var(--border-inverse-soft);border:1px solid var(--border-inverse-soft)}
.s2r{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.s2s{0:c;1:o;2:l;3:o;4:r;5::;6:#;7:f;8:4;9:f;10:4;11:f;12:2;padding-left:16px;border-left:2px solid var(--green);font-size:clamp(14px, min(1.35vw, 2.1vh), 18px);font-weight:500;line-height:1.4}
.s2t{padding:clamp(56px,8vw,110px) clamp(18px,4vw,40px) clamp(64px,9vw,120px);background:#f0f0f0}
.s2u{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(32px,4vw,72px);align-items:start}
.s2v{margin:0;font-size:clamp(34px,4.8vw,56px);line-height:1.02;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s2w{margin-top:clamp(52px,7vw,88px)}
.s2x{display:grid;gap:18px;font-size:16px;color:var(--ink)}
.s2y{display:flex;gap:16px}
.s2z{font-size:11px;letter-spacing:0.14em;color:var(--text-label);text-transform:uppercase;min-width:96px;padding-top:4px}
.s30{display:grid;gap:24px}
.s31{display:grid;gap:10px}
.s32{font-size:11px;letter-spacing:0.14em;color:var(--text-label);text-transform:uppercase}
.s33{width:100%;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--border-field);color:var(--ink);font-family:inherit;font-size:17px;outline:none}
.s34{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:1;transition:var(--transition-control);width:100%;padding:20px;font-size:13px;letter-spacing:0.14em;background:var(--ink);color:var(--white);border:0}
.s35{font-size:13px;line-height:1.6;color:#86868c}
.s36{color:#2f8c53}
.s37{background:var(--white);color:var(--ink);border:1px solid var(--border-field);padding:clamp(26px, 3vw, 44px)}
.s38{padding:clamp(28px, 5vw, 40px) clamp(18px, 4vw, 40px);background:var(--ink);color:var(--text-on-inverse);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.s39{font-size:11px;letter-spacing:0.12em;color:var(--text-muted);text-transform:uppercase}
.s3a{display:flex;align-items:stretch;min-height:min(78vh,680px,150vw);padding:0 clamp(18px,4vw,40px);background:#0a0a0b;color:#f4f4f2}
.s3b{width:100%;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,3vw,48px);align-items:stretch}
.s3c{align-self:center;padding:clamp(32px,5vw,64px) 0}
.s3d{margin:0;font-size:clamp(28px,min(4.4vw,6.4vh),56px);line-height:1;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s3e{margin:clamp(14px,2.4vh,26px) 0 0;max-width:580px;font-size:clamp(14px,min(1.35vw,2.1vh),18px);line-height:1.5;color:#b6b6bd}
.s3f{margin:clamp(12px,1.8vh,22px) 0 0;padding-left:16px;border-left:2px solid #4cb774;font-size:clamp(14px,min(1.35vw,2.1vh),18px);font-weight:500;line-height:1.4;color:#f4f4f2}
.s3g{display:flex;flex-wrap:wrap;gap:12px;margin:clamp(18px,3vh,38px) 0 0}
.s3h{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:min(44vh,360px,52vw)}
.s3i{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(76,183,116,0.16) 0%,rgba(76,183,116,0) 70%)}
.s3j{position:relative;width:auto;height:100%;max-width:68%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,0.6))}
.s3k{margin:0 0 40px;max-width:900px;font-size:clamp(28px,3.8vw,46px);line-height:1.06;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s3l{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.s3m{background:#f7f7f5;border:1px solid #dcdcd6;padding:30px 26px;display:grid;gap:14px;align-content:start}
.s3n{margin-top:16px}
.s3o{background:var(--ink);color:var(--text-on-inverse);padding:clamp(24px, 3vw, 34px) clamp(22px, 3vw, 34px);display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px, 3vw, 36px)}
.s3p{flex:1 1 420px;min-width:min(100%, 300px);display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 190px), 1fr));gap:10px 20px}
.s3q{font-size:14px;font-weight:500;line-height:1.4;padding-left:12px;border-left:2px solid var(--green-ink)}
.s3r{flex:1 1 320px;min-width:min(100%, 260px);display:flex;align-items:center;gap:clamp(14px, 2vw, 28px)}
.s3s{flex:0 0 auto;font-size:30px;line-height:1;color:var(--green)}
.s3t{flex:1 1 auto;min-width:0;padding:24px 26px;display:grid;gap:8px;background:var(--green);color:var(--text-on-accent)}
.s3u{font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-on-accent-muted)}
.s3v{font-size:clamp(26px, 3.2vw, 38px);font-weight:800;letter-spacing:-0.02em;line-height:1.05}
.s3w{font-size:0.5em;font-weight:500;color:var(--text-on-accent-muted)}
.s3x{margin:40px 0 0;max-width:900px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#55555c}
.s3y{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(28px,4vw,56px)}
.s3z{margin:0;font-size:clamp(28px,3.8vw,46px);line-height:1.06;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s40{display:grid;gap:24px;align-content:start}
.s41{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.65;color:#b6b6bd}
.s42{padding-left:16px;border-left:2px solid #4cb774;font-size:17px;font-weight:500;line-height:1.5}
.s43{margin:0 0 40px;max-width:900px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#55555c}
.s44{background:#ffffff;border:1px solid #dcdcd6;padding:30px 26px;display:grid;gap:14px;align-content:start}
.s45{display:grid;gap:16px;margin-top:16px}
.s46{background:var(--green);color:var(--text-on-accent);padding:clamp(24px, 3vw, 34px) clamp(22px, 3vw, 34px);display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px, 3vw, 36px)}
.s47{font-size:14px;font-weight:500;line-height:1.4;padding-left:12px;border-left:2px solid var(--border-on-accent)}
.s48{flex:0 0 auto;font-size:30px;line-height:1}
.s49{flex:1 1 auto;min-width:0;padding:24px 26px;display:grid;gap:8px;background:var(--white);color:var(--ink)}
.s4a{font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-label)}
.s4b{font-size:0.5em;font-weight:500;color:var(--text-muted)}
.s4c{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.s4d{background:#ffffff;border:1px solid #dcdcd6;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);display:grid;gap:16px;align-content:start}
.s4e{font-size:15px;line-height:1.7;color:#55555c}
.s4f{background:#0a0a0b;border:1px solid #0a0a0b;color:#f4f4f2;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);display:grid;gap:16px;align-content:start}
.s4g{font-size:15px;line-height:1.7;color:#b6b6bd}
.s4h{padding:clamp(22px, 2.6vw, 28px) clamp(24px, 2.6vw, 32px);background:var(--white);border:1px solid var(--border-card);font-size:14px;line-height:1.7;color:var(--text-muted)}
.s4i{margin:0 0 44px;font-size:clamp(28px,3.8vw,46px);line-height:1.06;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s4j{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(28px,4vw,56px);align-items:center}
.s4k{display:grid}
.s4l{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 0;border-bottom:1px solid var(--border-inverse)}
.s4m{font-size:16px;color:var(--text-on-inverse-muted)}
.s4n{font-size:clamp(19px, 2vw, 23px);font-weight:700;letter-spacing:-0.01em;white-space:nowrap;color:var(--text-on-inverse)}
.s4o{font-size:clamp(19px, 2vw, 23px);font-weight:700;letter-spacing:-0.01em;white-space:nowrap;color:var(--green)}
.s4p{background:var(--green);color:var(--text-on-accent);padding:clamp(26px, 3vw, 38px)}
.s4q{font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(7,18,12,0.7)}
.s4r{margin-top:14px;font-size:clamp(34px, 4.6vw, 60px);font-weight:800;letter-spacing:-0.03em;line-height:1}
.s4s{font-size:0.42em;font-weight:500;color:rgba(7,18,12,0.7)}
.s4t{border:1px solid var(--border-inverse);padding:clamp(22px, 2.6vw, 30px);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}
.s4u{font-size:12px;letter-spacing:0.16em;color:var(--text-label);text-transform:uppercase}
.s4v{font-size:clamp(24px, 2.8vw, 32px);font-weight:800;letter-spacing:-0.02em}
.s4w{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:stretch}
.s4x{font-size:clamp(21px,2.2vw,26px);font-weight:800;line-height:1.15;letter-spacing:-0.01em;text-transform:uppercase}
.s4y{font-size:15px;line-height:1.65;color:#55555c}
.s4z{position:relative;min-height:320px;min-width:0;overflow:hidden}
.s50{padding-top:66.667%}
.s51{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.s52{background:#0a0a0b;color:#f4f4f2;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch}
.s53{padding:clamp(32px,4vw,64px) clamp(24px,3vw,48px);display:flex;align-items:center;justify-content:flex-start}
.s54{width:100%;max-width:620px;display:grid;gap:22px}
.s55{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,44px)}
.s56{flex:1 1 240px;min-width:0}
.s57{font-size:13px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:#4cb774}
.s58{margin-top:8px;font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1;letter-spacing:-0.02em;text-transform:uppercase;color:#4cb774}
.s59{margin-top:10px;font-size:clamp(15px,1.6vw,19px);font-weight:700;line-height:1.15;letter-spacing:-0.01em;text-transform:uppercase}
.s5a{flex:0 0 auto;margin-left:auto;text-align:right}
.s5b{font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#f4f4f2}
.s5c{font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:0.95;letter-spacing:-0.03em;color:#4cb774;white-space:nowrap}
.s5d{font-size:0.6em;vertical-align:super;line-height:0}
.s5e{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:0.14em;line-height:1.4;text-transform:uppercase;color:#86868c}
.s5f{display:grid;gap:8px;font-size:15px;line-height:1.5;color:#b6b6bd}
.s5g{padding-left:12px;border-left:2px solid #232327}
.s5h{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.s5i{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(24px,3vw,48px);min-height:min(60vh,520px)}
.s5j{position:relative;width:100%;max-width:620px;max-height:min(56vh,480px);object-fit:contain;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,0.6))}
.s5k{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:stretch}
.s5l{display:grid;grid-template-rows:auto 1fr;background:#f7f7f5;border:1px solid #dcdcd6}
.s5m{aspect-ratio:4/3;overflow:hidden;background:#ffffff;position:relative}
.s5n{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.s5o{position:absolute;top:16px;right:16px;width:clamp(64px,7vw,92px);height:clamp(28px,3vw,40px)}
.s5p{width:100%;height:100%;object-fit:contain;display:block}
.s5q{display:grid;gap:14px;align-content:start;padding:clamp(24px,2.6vw,32px)}
.s5r{display:grid;gap:5px}
.s5s{font-size:clamp(21px,2.2vw,26px);font-weight:800;line-height:1.1;letter-spacing:-0.01em}
.s5t{font-size:15px;line-height:1.45;color:#6d6d74}
.s5u{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-0.03em;color:#2f8c53}
.s5v{display:grid;gap:8px;font-size:15px;line-height:1.5;color:#55555c}
.s5w{display:flex;gap:10px}
.s5x{flex:0 0 auto;color:#4cb774}
.s5y{aspect-ratio:4/3;overflow:hidden;background:#ffffff}
.s5z{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.s60{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(28px,4vw,56px);align-items:stretch}
.s61{margin:0 0 32px;font-size:clamp(28px,3.4vw,42px);line-height:1.06;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s62{color:#86868c}
.s63{display:grid;gap:14px;font-size:16px;line-height:1.55;color:#55555c}
.s64{display:flex;gap:12px}
.s65{font-weight:700;color:#0a0a0b}
.s66{margin-top:36px}
.s67{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:inherit;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:1;transition:var(--transition-control);min-height:44px;padding:17px 32px;font-size:13px;letter-spacing:0.14em;background:var(--ink);color:var(--white);border:0}
.s68{position:relative;align-self:stretch;min-height:min(44vh,360px,52vw)}
.s69{position:absolute;inset:0;background:#0a0a0b}
.s6a{display:flex;align-items:stretch;min-height:min(78vh,680px,150vw);padding:clamp(32px,5vw,64px) clamp(18px,4vw,40px);background:#0a0a0b;color:#f4f4f2;overflow:hidden}
.s6b{width:100%;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,3vw,48px);align-items:center}
.s6c{font-size:14px;font-weight:500;letter-spacing:0.16em;color:#4cb774;text-transform:uppercase;margin-bottom:clamp(14px,2.4vh,26px)}
.s6d{margin:0;font-size:clamp(32px,min(5.2vw,7.4vh),66px);line-height:0.98;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s6e{margin:clamp(14px,2.4vh,26px) 0 0;max-width:600px;font-size:clamp(14px,min(1.35vw,2.1vh),18px);line-height:1.5;color:#b6b6bd}
.s6f{position:relative;width:100%;align-self:stretch;min-height:320px;overflow:hidden;margin:calc(-1 * clamp(32px,5vw,64px)) calc(-1 * clamp(18px,4vw,40px)) calc(-1 * clamp(32px,5vw,64px)) 0}
.s6g{position: absolute; width: 240%; left: -62.9%; top: -76.1%; object-fit: contain; display: block; filter: drop-shadow(0 40px 60px rgba(0,0,0,0.6))}
.s6h{font-size:clamp(19px,2vw,23px);font-weight:800;line-height:1.2;letter-spacing:-0.01em;white-space:pre-line}
.s6i{background:#f7f7f5;border:1px solid #dcdcd6;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);display:grid;gap:16px;align-content:start}
.s6j{font-size:15px;font-weight:700;line-height:1.65;color:#55555c}
.s6k{font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-0.03em;color:#2f8c53;line-height:1}
.s6l{position:relative;min-height:320px;background:#0a0a0b;border:1px solid #232327;color:#b6b6bd}
.s6m{margin-top:32px;font-size:clamp(46px,6vw,80px);font-weight:800;letter-spacing:-0.03em;line-height:1;color:#4cb774}
.s6n{margin-top:12px;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;color:#86868c}
.s6o{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.s6p{background:#f7f7f5;border:1px solid #dcdcd6;padding:clamp(24px,2.6vw,32px) clamp(20px,2.2vw,26px);display:grid;gap:14px;align-content:start}
.s6q{font-size:clamp(16px,1.7vw,19px);font-weight:700;line-height:1.3;letter-spacing:-0.01em;text-wrap:pretty}
.s6r{grid-column:span 2;background:#0a0a0b;border:1px solid #0a0a0b;color:#f4f4f2;padding:clamp(24px,2.6vw,32px) clamp(20px,2.2vw,26px);display:grid;gap:14px;align-content:start}
.s6s{width:100%;max-width:760px;display:grid;gap:22px}
.s6t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px clamp(20px,3vw,48px)}
.s6u{min-width:0}
.s6v{margin-top:8px;font-size:clamp(26px,3.2vw,44px);font-weight:800;line-height:1;letter-spacing:-0.02em;text-transform:uppercase;white-space:nowrap;color:#4cb774}
.s6w{font-size:clamp(34px,4.4vw,58px);font-weight:800;line-height:0.95;letter-spacing:-0.03em;color:#4cb774}
.s6x{position:relative;width:100%;max-width:560px;max-height:min(56vh,480px);object-fit:contain;display:block;filter:drop-shadow(0 40px 60px rgba(0,0,0,0.6))}
.s6y{margin-top:clamp(20px,3vw,32px);font-size:14px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:#55555c}
.s6z{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:stretch}
.s70{background:#ffffff;border:1px solid #dcdcd6;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);display:grid;gap:18px;align-content:start}
.s71{font-size:clamp(21px,2.2vw,26px);font-weight:800;letter-spacing:-0.01em;text-transform:uppercase}
.s72{margin-top:8px;font-size:14px;line-height:1.5;color:#6d6d74}
.s73{display:grid;gap:12px}
.s74{padding-left:12px;border-left:2px solid #4cb774;font-size:15px;line-height:1.5;color:#55555c}
.s75{font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#2f8c53}
.s76{background:#0a0a0b;border:1px solid #0a0a0b;color:#f4f4f2;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);display:grid;gap:18px;align-content:start}
.s77{margin-top:8px;font-size:14px;line-height:1.5;color:#86868c}
.s78{font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#4cb774}
.s79{padding-left:12px;border-left:2px solid #4cb774;font-size:15px;line-height:1.5;color:#b6b6bd}
.s7a{color: rgb(134, 134, 140)}
.s7b{display:grid;gap:14px;font-size:16px;line-height:1.55;color:#b6b6bd}
.s7c{font-weight:700;color:#f4f4f2}
.s7d{position:relative;min-height:min(64vh,560px,72vw);background:#0a0a0b;border:1px solid #232327;color:#b6b6bd}
.s7e{padding:clamp(56px,8vw,110px) clamp(18px,4vw,40px) 0;background:#0a0a0b;color:#f4f4f2}
.s7f{margin:0;max-width:900px;font-size:clamp(30px,4.4vw,54px);line-height:1;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}
.s7g{margin:20px 0 0;max-width:640px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#b6b6bd}
.s7h{margin-top:clamp(32px,4vw,56px);width:calc(100% + 2 * clamp(18px,4vw,40px));margin-left:calc(-1 * clamp(18px,4vw,40px));aspect-ratio:1136/389;max-height:min(46vh,420px);overflow:hidden}
.s7i{width:100%;height:100%;object-fit:cover;display:block}
.s7j{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.s7k{background:#ffffff;border:1px solid #dcdcd6;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);display:grid;gap:14px;align-content:start}
.s7l{font-size:clamp(17px,1.6vw,20px);font-weight:700;line-height:1.3}
.s7m{display:grid;gap:6px}
.s7n{font-size:clamp(17px,1.6vw,20px);font-weight:700;line-height:1.3;color:#0a0a0b}
.s7o{max-width:1360px;margin:16px auto 0;background:#0a0a0b;color:#f4f4f2;padding:clamp(28px,3.4vw,44px) clamp(24px,2.6vw,32px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.s7p{display:grid;gap:10px;align-content:start}
.s7q{font-size:15px;line-height:1.6;color:#b6b6bd}
.s7r{font-size:clamp(19px,2vw,24px);font-weight:800;letter-spacing:-0.02em}
.s7s{margin:24px 0 0;max-width:520px;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#55555c}
.s7t{margin-top:clamp(32px,4vw,56px)}
.h0:hover{color:var(--text-accent)}
.h1:hover{color:var(--text-accent)}
.h2:hover{color:var(--text-accent)}
.h3:hover{color:var(--text-accent)}
.h4:hover{background:var(--ink);color:var(--white)}
.h5:hover{color:var(--text-accent)}
.h6:hover{color:var(--text-accent)}
.h7:hover{color:var(--text-accent)}
.h8:hover{color:var(--text-accent)}
.h9:hover{background:var(--ink);color:var(--white)}
.ha:hover{color:var(--text-accent);border-color:var(--green)}
.hb:hover{color:var(--text-accent);border-color:var(--green)}
.hc:hover{color:var(--text-accent)}
.hd:hover{color:var(--text-accent)}
.he:hover{color:var(--text-accent)}
.hf:hover{color:var(--text-accent)}
.hg:hover{color:var(--text-accent);border-color:var(--green)}
.hh:hover{color:var(--text-accent)}
.hi:hover{color:var(--text-accent)}
.hj:hover{color:var(--text-accent)}
.hk:hover{color:var(--text-accent)}
.pl:hover{color:#4cb774}
.pm:hover{color:#4cb774}
.hn:hover{background:var(--bone)}
.ho:hover{border-color:var(--bone)}
.hp:hover{background:var(--bone)}
.hq:hover{border-color:var(--bone)}
.pr:hover{border-color:#4cb774;color:#2f8c53}
.ps:hover{border-color:#4cb774;color:#2f8c53}
.pt:hover{border-color:#4cb774}
.pu:hover{border-color:#4cb774}
.pv:hover{border-color:#f4f4f2}
.hw:hover{background:var(--white);color:var(--ink)}
.hx:hover{background:var(--white);color:var(--ink)}
.hy:hover{background:var(--bone)}
.hz:hover{background:var(--bone)}
.h10:hover{background:var(--bone)}
.h11:focus-within .h12{border-bottom:1px solid var(--focus-underline)}
.h13:focus-within .h14{border-bottom:1px solid var(--focus-underline)}
.h15:focus-within .h16{border-bottom:1px solid var(--focus-underline)}
.h17:hover{background:var(--green);color:var(--ink-deep)}
.h18:hover{color:var(--text-accent)}
.h19:hover{color:var(--text-accent)}
.h1a:hover{color:var(--text-accent)}
.h1b:hover{color:var(--text-accent)}
.h1c:hover{background:var(--ink);color:var(--white)}
.h1d:hover{color:var(--text-accent)}
.h1e:hover{color:var(--text-accent)}
.h1f:hover{color:var(--text-accent)}
.h1g:hover{color:var(--text-accent)}
.h1h:hover{background:var(--ink);color:var(--white)}
.h1i:hover{color:var(--text-accent);border-color:var(--green)}
.h1j:hover{color:var(--text-accent);border-color:var(--green)}
.h1k:hover{color:var(--text-accent)}
.h1l:hover{color:var(--text-accent)}
.h1m:hover{color:var(--text-accent)}
.h1n:hover{color:var(--text-accent)}
.h1o:hover{color:var(--text-accent);border-color:var(--green)}
.h1p:hover{color:var(--text-accent)}
.h1q:hover{color:var(--text-accent)}
.h1r:hover{color:var(--text-accent)}
.h1s:hover{color:var(--text-accent)}
.h1t:hover{background:var(--bone)}
.h1u:hover{border-color:var(--bone)}
.h1v:hover{background:var(--white);color:var(--ink)}
.h1w:hover{background:var(--white);color:var(--ink)}
.h1x:hover{background:var(--bone)}
.h1y:hover{border-color:var(--bone)}
.h1z:hover{background:var(--white);color:var(--ink)}
.h20:hover{background:var(--white);color:var(--ink)}
.p21:hover{border-color:#4cb774;color:#2f8c53}
.p22:hover{border-color:#4cb774;color:#2f8c53}
.p23:hover{border-color:#f4f4f2}
.h24:hover{background:var(--green);color:var(--ink-deep)}
.h25:hover{background:var(--white);color:var(--ink)}
.h26:hover{background:var(--white);color:var(--ink)}
.h27:hover{background:var(--bone)}
.h28:hover{background:var(--bone)}
.h29:hover{background:var(--bone)}
.h2a:focus-within .h2b{border-bottom:1px solid var(--focus-underline)}
.h2c:focus-within .h2d{border-bottom:1px solid var(--focus-underline)}
.h2e:focus-within .h2f{border-bottom:1px solid var(--focus-underline)}
.h2g:hover{background:var(--green);color:var(--ink-deep)}
.h2h:hover{color:var(--text-accent)}
.h2i:hover{color:var(--text-accent)}
.h2j:hover{color:var(--text-accent)}
.h2k:hover{color:var(--text-accent)}
.h2l:hover{background:var(--ink);color:var(--white)}
.h2m:hover{color:var(--text-accent)}
.h2n:hover{color:var(--text-accent)}
.h2o:hover{color:var(--text-accent)}
.h2p:hover{color:var(--text-accent)}
.h2q:hover{background:var(--ink);color:var(--white)}
.h2r:hover{color:var(--text-accent);border-color:var(--green)}
.h2s:hover{color:var(--text-accent);border-color:var(--green)}
.h2t:hover{color:var(--text-accent)}
.h2u:hover{color:var(--text-accent)}
.h2v:hover{color:var(--text-accent)}
.h2w:hover{color:var(--text-accent)}
.h2x:hover{color:var(--text-accent);border-color:var(--green)}
.h2y:hover{color:var(--text-accent)}
.h2z:hover{color:var(--text-accent)}
.h30:hover{color:var(--text-accent)}
.h31:hover{color:var(--text-accent)}
.h32:hover{background:var(--bone)}
.h33:hover{border-color:var(--bone)}
.h34:hover{background:var(--white);color:var(--ink)}
.h35:hover{background:var(--white);color:var(--ink)}
.h36:hover{background:var(--bone)}
.h37:hover{border-color:var(--bone)}
.h38:hover{background:var(--white);color:var(--ink)}
.h39:hover{background:var(--white);color:var(--ink)}
.p3a:hover{background:#0a0a0b;color:#f4f4f2}
.p3b:hover{border-color:#4cb774;color:#2f8c53}
.p3c:hover{border-color:#f4f4f2}
.h3d:hover{background:var(--bone)}
.h3e:hover{background:var(--white);color:var(--ink)}
.h3f:hover{background:var(--white);color:var(--ink)}
.h3g:hover{background:var(--bone)}
.h3h:hover{background:var(--bone)}
.h3i:hover{background:var(--bone)}
.h3j:focus-within .h3k{border-bottom:1px solid var(--focus-underline)}
.h3l:focus-within .h3m{border-bottom:1px solid var(--focus-underline)}
.h3n:focus-within .h3o{border-bottom:1px solid var(--focus-underline)}
.h3p:hover{background:var(--green);color:var(--ink-deep)}
.h3q:hover{color:var(--text-accent)}
.h3r:hover{color:var(--text-accent)}
.h3s:hover{color:var(--text-accent)}
.h3t:hover{color:var(--text-accent)}
.h3u:hover{background:var(--ink);color:var(--white)}
.h3v:hover{color:var(--text-accent)}
.h3w:hover{color:var(--text-accent)}
.h3x:hover{color:var(--text-accent)}
.h3y:hover{color:var(--text-accent)}
.h3z:hover{background:var(--ink);color:var(--white)}
.h40:hover{color:var(--text-accent);border-color:var(--green)}
.h41:hover{color:var(--text-accent);border-color:var(--green)}
.h42:hover{color:var(--text-accent)}
.h43:hover{color:var(--text-accent)}
.h44:hover{color:var(--text-accent)}
.h45:hover{color:var(--text-accent)}
.h46:hover{color:var(--text-accent);border-color:var(--green)}
.h47:hover{color:var(--text-accent)}
.h48:hover{color:var(--text-accent)}
.h49:hover{color:var(--text-accent)}
.h4a:hover{color:var(--text-accent)}
.p4b:hover{color:#2f8c53}
.p4c:hover{color:#2f8c53}
.p4d:hover{color:#2f8c53}
.p4e:hover{color:#2f8c53}
.h4f:hover{background:var(--white);color:var(--ink)}
.h4g:hover{background:var(--white);color:var(--ink)}
.h4h:focus-within .h4i{border-bottom:1px solid var(--focus-underline)}
.h4j:focus-within .h4k{border-bottom:1px solid var(--focus-underline)}
.h4l:focus-within .h4m{border-bottom:1px solid var(--focus-underline)}
.h4n:focus-within .h4o{border-bottom:1px solid var(--focus-underline)}
.h4p:hover{background:var(--green);color:var(--ink-deep)}

@media (max-width:1023px){.s6f{aspect-ratio:1/1;align-self:auto;margin:clamp(16px,3vw,32px) calc(-1 * clamp(18px,4vw,40px)) calc(-1 * clamp(32px,5vw,64px));width:calc(100% + 2 * clamp(18px,4vw,40px))}}
@media (max-width:640px){.s6r{grid-column:auto}}
@media (max-width:480px){.s6t{grid-template-columns:minmax(0,1fr)}.s6v{white-space:normal}}
@media (max-width:800px){.s4w>.s4z:first-child{order:2}}
@media (max-width:600px){.sn,.so,.s26,.s34,.s67{width:100%}}
@media (max-width:1023px){.sd,.s3a,.s6a{min-height:calc(72vw + 515px)}}
@media (max-width:1023px){.s6a{height:calc(72vw + 515px)}.s6b{grid-template-rows:auto minmax(0,1fr)}.s6f{aspect-ratio:auto!important;height:auto;min-height:0;margin-bottom:0!important;align-self:stretch!important}.s6b{height:100%}.s6g{left:0;top:0;width:100%;height:100%;object-fit:contain;padding:4% 8% 6%}}

.s1i:hover{background:#0a0a0b!important;color:#f4f4f2!important;border-color:transparent!important}
.u1{white-space:nowrap}
.u2{font-size:clamp(26px,3.7vw,48px);line-height:1.02}
.u3{height:80%;max-width:80%;max-height:80%}
.u4{display:grid;gap:10px}
.u5{padding-left:12px;border-left:2px solid #4cb774;font-size:15px;line-height:1.5;color:#b6b6bd;text-wrap:pretty}
.u6{color:#c9c9c6}
.u7{color:inherit;text-transform:none;text-decoration:none}
.u8{margin:clamp(20px,2.4vw,32px) 0 0;font-size:13px;line-height:1.5;color:#86868c}
.u9{object-position:0% 50%}
.u10{overflow:hidden}
/* ===== Формы заявки ===== */
.one-form .s33{border-bottom:1px solid var(--border-field)}
.one-form .f-l:focus-within .s33{border-bottom-color:var(--focus-underline)}
.one-form .f-l.f-bad .s33{border-bottom-color:var(--danger)}
.one-form .f-l.f-bad .s32{color:var(--danger)}
.one-form .s33::placeholder{color:#a2a2a8}
.f-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.f-consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.f-err{padding:12px 14px;background:var(--danger-surface);color:var(--danger-ink);font-size:14px;line-height:1.5}
.f-err a{color:inherit}
.f-btn:hover{background:var(--green);color:var(--ink-deep)}
.f-btn[disabled]{opacity:.6;cursor:wait}
.f-ok{display:grid;gap:16px;padding:8px 0;outline:none;align-content:center}
.f-ok[hidden]{display:none}
.f-ok-mark{width:56px;height:56px;border-radius:50%;background:var(--green);color:var(--ink-deep);display:grid;place-items:center}
.f-ok-title{font-size:clamp(24px,2.4vw,32px);line-height:1.1;font-weight:800;letter-spacing:-0.01em;text-transform:uppercase}
.f-ok-text{margin:0;font-size:17px;line-height:1.6;color:#33333a}
.f-ok .s35{margin:0}

/* ===== Юридические страницы ===== */
.legal{max-width:880px;font-size:16px;line-height:1.7;color:#33333a}
.legal h2{margin:40px 0 12px;font-size:18px;line-height:1.3;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:0.02em}
.legal h2:first-child{margin-top:0}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:22px}
.legal li{margin:0 0 6px}
.legal a{color:var(--green-ink)}
.legal-card{border:1px solid var(--border-field);padding:20px 22px;margin:0 0 16px;background:#fafafa}
.legal-card dt{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:#86868c;margin:14px 0 6px}
.legal-card dt:first-child{margin-top:0}
.legal-card dd{margin:0}
.legal-meta{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-field);font-size:14px;color:#55555c}
.one-form[hidden],.f-err[hidden]{display:none}

/* ===== Доработка посадочных сварки и очистки по ТЗ №1 и №2 (ноябрь 2026) =====
   Только новые классы с префиксом блока; старые правила не меняются.
   Страницы с доработкой помечены классом .tz на <body>. */

/* заглушка: значение ждёт данных клиента; без подсветки, только квадратные скобки, как в ТЗ */
.ph{background:none;color:inherit;padding:0;font-weight:inherit}
/* блок или пункт, который ставится только при данных клиента: скрыт, в режиме проверки (?review=1) виден с подписью */
html:not(.review) [data-pending]{display:none!important}
html.review [data-pending]{outline:2px dashed #e0a800;outline-offset:3px}
html.review [data-pending]::before{content:"Ждёт данных клиента: " attr(data-pending);display:block;margin:0 0 10px;padding:6px 10px;background:#ffe14d;color:#111;font:600 12px/1.35 'Gotham Pro',Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none;grid-column:1/-1}
html.review [data-note]::after{content:"Для проверки: " attr(data-note);display:block;margin:10px 0 0;padding:6px 10px;background:#e8f1ff;color:#123;font:500 12px/1.35 'Gotham Pro',Helvetica,Arial,sans-serif;letter-spacing:0;text-transform:none;grid-column:1/-1}

/* шапка */
.tz .hdr-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;color:var(--ink);flex:0 0 auto}
.tz .hdr-tag{font-size:10px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:#6d6d74;white-space:nowrap}
.tz .hdr-r{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.tz .hdr-phone{font-size:14px;font-weight:700;letter-spacing:0.02em;color:var(--ink);white-space:nowrap;text-decoration:none}
.tz .hdr-phone:hover{color:var(--green-deep)}
.tz .hdr-kp{min-height:42px}
.tz .hdr-mphone{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}
.tz .hdr-mphone svg{flex:0 0 auto}
.tz .hdr-mr{display:flex;align-items:center;gap:14px}
@media (max-width:1360px){.tz .s4{gap:16px}.tz .s4 .s5{font-size:11px;letter-spacing:0.08em}.tz .hdr-r .s6,.tz .hdr-r .s7{padding:10px 12px;font-size:11px;letter-spacing:0.08em}}
@media (max-width:1240px){.tz .hdr-phone{font-size:13px}.tz .s1{gap:12px}}
@media (max-width:480px){.tz .hdr-mphone span{display:none}.tz .hdr-tag{font-size:9px;letter-spacing:0.04em}}

/* первый экран */
.tz .hero-h1{font-size:clamp(28px,min(3.7vw,5.6vh),50px);line-height:1.02}
.tz .hero-pts{list-style:none;margin:clamp(14px,2.2vh,24px) 0 0;padding:0;display:grid;gap:10px;max-width:620px}
.tz .hero-pts li{display:flex;align-items:flex-start;gap:12px;font-size:clamp(14px,min(1.2vw,2vh),16px);line-height:1.45;color:#e4e4e1}
.tz .hero-pts svg{flex:0 0 auto;width:22px;height:22px;margin-top:-1px;color:var(--green)}
.tz .hero-price{margin:clamp(14px,2vh,22px) 0 0;font-size:clamp(17px,1.6vw,22px);font-weight:800;letter-spacing:-0.01em;color:#f4f4f2}
.tz .hero-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:#86868c}
@media (max-width:1023px){.tz .hero-tz{height:auto!important;min-height:0!important}.tz .hero-tz .s6f,.tz .hero-tz .s3h{height:78vw;min-height:280px;flex:0 0 auto}.tz .hero-tz .s6b,.tz .hero-tz .s3b{height:auto!important;grid-template-rows:auto auto!important}}

/* полоса фактов вместо бегущей строки */
.facts{background:#141416;color:#f4f4f2;border-top:1px solid #232327}
.facts-in{max-width:1360px;margin:0 auto;padding:16px clamp(18px,4vw,40px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px}
.facts-i{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap}
.facts-i::before{content:"";flex:0 0 auto;width:6px;height:6px;background:var(--green)}
@media (max-width:640px){.facts-in{justify-content:flex-start}.facts-i{white-space:normal;font-size:11px}}

/* сноска под расчётом */
.fn{margin:12px 0 0;font-size:13px;line-height:1.5;color:#86868c}
.fn a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.s2l .fn{color:#9a9aa0}
/* строка допущений над цифрами */
.assume{margin:-24px 0 32px;max-width:900px;padding-left:16px;border-left:2px solid var(--green);font-size:16px;line-height:1.5;color:#c9c9c6}

/* клиенты и случаи из практики */
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1px;background:#dcdcd6;border:1px solid #dcdcd6}
.logos div{background:#fff;display:grid;place-items:center;min-height:96px;padding:18px}
.logos img{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.85}
.cases{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.case{background:#fff;border:1px solid #dcdcd6;padding:clamp(24px,2.6vw,30px);display:grid;gap:10px;align-content:start}
.case dl{margin:0;display:grid;gap:8px}
.case dt{font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#2f8c53}
.case dd{margin:0 0 6px;font-size:15px;line-height:1.5;color:#33333a}
.review-q{margin:16px 0 0;background:#0a0a0b;color:#f4f4f2;padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,36px);align-items:center}
.review-q img{width:clamp(110px,14vw,170px);height:auto;background:#fff;padding:10px}
.review-q blockquote{margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.55}
.review-q cite{display:block;margin-top:12px;font-style:normal;font-size:13px;line-height:1.5;color:#9a9aa0}
@media (max-width:600px){.review-q{grid-template-columns:1fr}}

/* лизинг */
.lease-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:8px}
.lease-terms div{background:#fff;border:1px solid #dcdcd6;padding:22px 24px;display:grid;gap:6px}
.lease-terms b{font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#2f8c53}
.lease-terms span{font-size:clamp(19px,2vw,23px);font-weight:800;letter-spacing:-0.01em}
.lease-ex{margin:16px 0 0;font-size:18px;font-weight:700}

/* таблицы: проплавление, производительность, характеристики */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}
.tbl{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.tbl th,.tbl td{padding:12px 14px;border:1px solid #dcdcd6;text-align:left;vertical-align:top}
.tbl thead th{background:#0a0a0b;color:#f4f4f2;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;border-color:#0a0a0b}
.tbl tbody th{font-weight:700;background:#f7f7f5}
.tbl td{background:#fff}
.s2l .tbl th,.s2l .tbl td{border-color:#2a2a2f}
.s2l .tbl td{background:#111114;color:#e4e4e1}
.s2l .tbl tbody th{background:#18181b;color:#f4f4f2}
.s2l .tbl thead th{background:#232327;border-color:#2a2a2f}
.perf-table td,.spec-table td{white-space:nowrap}
.tbl-cap{margin:12px 0 0;font-size:14px;line-height:1.5;color:#6d6d74}
.s2l .tbl-cap{color:#9a9aa0}
.spec-pen{margin:0 0 6px}

/* «почему сварочный аппарат, а не 4-в-1» и закупки */
.lines{display:grid;gap:14px;max-width:960px;margin:0;padding:0;list-style:none}
.lines li{display:flex;gap:12px;font-size:clamp(16px,1.4vw,18px);line-height:1.55}
.lines li::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:.55em;background:var(--green)}
.sw .lines li,.s15 .lines li{color:#33333a}
.s2l .lines li{color:#e4e4e1}
.lines a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cta-row{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.cta-row .mail{font-size:16px;font-weight:700}
.s2l .cta-row .mail a{color:#f4f4f2}

/* комплектации и модели: цена, срок, своя кнопка */
.cmp-price{font-size:clamp(18px,1.8vw,21px);font-weight:800;letter-spacing:-0.01em}
.cmp-meta{font-size:14px;line-height:1.5;color:#6d6d74}
.s76 .cmp-meta{color:#9a9aa0}
.cmp-cta{justify-self:start;align-self:end}
.s76 .cmp-cta{color:#f4f4f2;border-color:#3a3a40}
.mdl-perf{font-size:14px;line-height:1.5;color:#55555c}
.mdl-perf a{color:#2f8c53;text-decoration:underline;text-underline-offset:2px}

/* дилеры: список городов */
.cities{display:grid;gap:6px}
.cities-t{font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-on-accent-muted)}
.cities-l{font-size:clamp(17px,1.7vw,20px);font-weight:700;line-height:1.35}
.cities-n{font-size:15px;font-weight:500}

/* «пять вопросов»: ответ цифрой */
.qa-fact{display:block;margin-bottom:10px;font-weight:800;font-size:17px;line-height:1.4}

/* пояснение под кнопкой */
.btn-col{display:grid;gap:8px;justify-items:start}
.btn-sub{font-size:13px;line-height:1.4;color:#86868c}
.s2d .btn-sub,.s2l .btn-sub{color:#9a9aa0}

/* частые вопросы */
.faq{max-width:1000px;border-top:1px solid #2a2a2f}
.faq-i{border-bottom:1px solid #2a2a2f}
.faq-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 0;font-size:clamp(17px,1.8vw,21px);font-weight:700;line-height:1.3}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";flex:0 0 auto;font-size:26px;line-height:1;color:var(--green)}
.faq-i[open] summary::after{content:"−"}
.faq-a{padding:0 0 24px;font-size:16px;line-height:1.6;color:#c9c9c6;max-width:860px}
.faq-a p{margin:0 0 10px}
.faq-a a{color:#f4f4f2;text-decoration:underline;text-underline-offset:2px}
.faq-a .tbl{margin-top:6px;max-width:520px}

/* форма: вкладки, файл, согласие */
.f-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border-field)}
.f-tab{min-height:48px;padding:12px 10px;background:transparent;border:0;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;line-height:1.25;color:#55555c;cursor:pointer;transition:var(--transition-control)}
.f-tab+.f-tab{border-left:1px solid var(--border-field)}
.f-tab[aria-selected="true"]{background:var(--ink);color:var(--white)}
.f-tab:hover:not([aria-selected="true"]){color:var(--ink);background:#f7f7f5}
.f-file{display:grid;gap:10px}
.f-file input{font-family:inherit;font-size:14px;color:#55555c;max-width:100%}
.f-file input::file-selector-button{margin-right:12px;padding:10px 14px;border:1px solid var(--border-field);background:#f7f7f5;font:700 11px/1 'Gotham Pro',Helvetica,Arial,sans-serif;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer}
.f-file-h{font-size:12px;line-height:1.4;color:#86868c}
.f-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.55;color:#55555c;cursor:pointer}
.f-check input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:#0a0a0b}
.f-check a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.f-check.f-bad{color:var(--danger)}
.f-after{font-size:13px;line-height:1.6;color:#55555c}
.s24 .s25 a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.vid-slot{display:grid;place-items:center;background:#1a1a1d;color:#86868c;aspect-ratio:9/16;font-size:13px;text-align:center;padding:16px}
.tz .s6n{line-height:1.5}
.lines li{display:block;position:relative;padding-left:22px}
.lines li::before{position:absolute;left:0;top:.55em;margin-top:0}
/* на ширинах 1101–1240 полная шапка с телефоном и двумя кнопками не помещается в строку:
   на страницах с доработкой раньше включается мобильная шапка (телефон + меню) */
@media (max-width:1240px){.tz .hdr-d{display:none}.tz .hdr-m{display:contents}body.tz.menu-open .hdr-m{display:none}body.tz.menu-open .hdr-mo{display:contents}}
.tz .s4 .s5{white-space:nowrap}
.tz .hdr-tag{letter-spacing:0.04em}
/* форма не шире карточки на телефоне: поле файла и вкладки не распирают сетку */
.tz .s37{min-width:0}
.tz .one-form{grid-template-columns:minmax(0,1fr);min-width:0}
.tz .f-file input{width:100%}
/* очистка: два сценария расчёта */
.scen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
.scen-c{border:1px solid var(--border-inverse);padding:clamp(24px,2.8vw,34px);display:grid;gap:16px;align-content:start}
.scen-t{font-size:clamp(19px,2vw,23px);font-weight:800;line-height:1.25;letter-spacing:-0.01em}
.scen-c dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:baseline}
.scen-c dt{font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-label)}
.scen-c dd{margin:0;font-size:16px;line-height:1.5;color:#e4e4e1}
.scen-c .scen-n{font-size:clamp(19px,2vw,23px);font-weight:800;color:var(--green)}
.s2l .s43{color:#c9c9c6}
.perf-vid{margin-top:24px;max-width:360px}
.spec-full{max-width:1360px;margin:clamp(32px,4vw,56px) auto 0}
.spec-full h3{margin:0 0 12px;font-size:clamp(19px,2vw,23px);font-weight:800;text-transform:uppercase;letter-spacing:-0.01em}
.s52 .mdl-perf,.s52 .cmp-meta{color:#9a9aa0}
.s52 .mdl-perf a{color:#4cb774}
.so-light{color:#0a0a0b;border-color:#c9c9c6}
/* в шрифте Gotham Pro нет знака «²» — показываем его системным шрифтом */
.sup2{font-family:Helvetica,Arial,sans-serif}
.facts-i{letter-spacing:0.1em}
.facts-in{gap:10px 22px}
.tz .sj,.tz .s6c{line-height:1.4}
html.review [data-pending]::before,html.review [data-note]::after{font-family:Helvetica,Arial,sans-serif}
/* сварка, первый экран: аппарат целиком внутри блока, не уходит под шапку и за поля */
@media (min-width:1024px){.tz .hero-tz .s6f{margin:0;align-self:stretch;min-height:480px}.tz .hero-tz .s6g{left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;padding:2% 6%}}

/* ===== 13.11.2026: вид по главной one.pokkels.ru, без нелепых конструкций ===== */
/* две кнопки рядом одинаковой ширины, как на главной (первый экран, карточки OneWELD 2000 и OneCLEAN Hybrid) */
.tz .hero-tz .s3g,.tz .s5h{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;max-width:620px}
.tz .hero-tz .s3g>a,.tz .s5h>a{padding-left:18px;padding-right:18px}
/* карточки комплектаций и моделей: цена, срок и кнопка прижаты к низу, кнопки соседних карточек на одной линии */
.tz .s70,.tz .s76{display:flex;flex-direction:column;gap:18px}
.tz .s5q{display:flex;flex-direction:column;gap:14px}
.tz .s70>.cmp-price,.tz .s76>.cmp-price,.tz .s5q>.cmp-price{margin-top:auto}
.tz .cmp-cta{align-self:flex-start}
/* «почему сварочный аппарат, а не 4-в-1»: карточки как в «Почему выбирают» на главной */
.vs-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.vs-t{font-size:clamp(16px,1.4vw,18px);font-weight:700;line-height:1.45;color:var(--ink);text-wrap:pretty}
.vs-t a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* закупки и вопросы: заголовок слева, содержание справа, как блок формы на главной */
.side2{display:grid;gap:clamp(32px,4vw,72px);align-items:start}
@media (min-width:1024px){.side2{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.side2-l .s3k{margin-bottom:32px}
.side2-l .cta-row{margin-top:0}
.side2-faq .side2-l .s3k{margin-bottom:0}
.side2 .faq,.side2 .lines{max-width:none}
@media (max-width:1023px){.side2-l{display:contents}.side2-l .s3k{margin:0}.side2 .lines{order:1}.side2-l .cta-row{order:2}}
/* списки: зелёная черта слева, как в списках главной */
.tz .lines{gap:16px}
.tz .lines li{padding-left:14px;border-left:2px solid var(--green)}
.tz .lines li:not([data-pending])::before{content:none}
html.review .tz .lines li[data-pending]::before{position:static;width:auto;height:auto;margin:0 0 8px}
/* версия для проверки: жёлтая пометка над строкой, а не сбоку */
html.review .tz .hero-pts li[data-pending],html.review .tz a[data-pending]{flex-wrap:wrap}
html.review .tz .hero-pts li[data-pending]::before,html.review .tz a[data-pending]::before{flex:0 0 100%;margin:0 0 6px}
/* производительность очистки: ролик справа от таблицы; пока ролика нет, таблица во всю ширину */
.perf-grid{display:grid;gap:24px;align-items:start}
.perf-grid .perf-vid{margin-top:0}
@media (min-width:1200px){html.review .perf-grid,.perf-grid:has(>.perf-vid:not([data-pending])){grid-template-columns:minmax(0,1fr) 300px}.perf-grid .perf-vid{max-width:none}}
/* широкие таблицы на телефоне: каждая строка — карточка, без прокрутки вбок */
@media (max-width:640px){
.tz .tbl-wrap:has(.perf-table),.tz .tbl-wrap:has(.spec-table){overflow:visible}
.tz .perf-table thead,.tz .spec-table thead{display:none}
.tz .perf-table,.tz .spec-table,.tz .perf-table tbody,.tz .spec-table tbody,.tz .perf-table tr,.tz .spec-table tr{display:block;width:100%}
.tz .perf-table tr,.tz .spec-table tr{margin:0 0 12px;border:1px solid #dcdcd6}
.tz .perf-table tbody th,.tz .spec-table tbody th{display:block;border:0}
.tz .perf-table td,.tz .spec-table td{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border:0;border-top:1px solid #dcdcd6;white-space:normal;text-align:right}
.tz .perf-table td::before,.tz .spec-table td::before{content:attr(data-th);flex:0 0 auto;font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-align:left;color:#6d6d74}
.s2l .perf-table tr,.s2l .spec-table tr{border-color:#2a2a2f}
.s2l .perf-table td,.s2l .spec-table td{border-top-color:#2a2a2f}
.s2l .perf-table td::before,.s2l .spec-table td::before{color:#9a9aa0}
}
/* логотипы клиентов одного зрительного размера */
.logos div{min-height:104px;padding:20px 16px}
.logos img{width:auto;height:auto;max-width:min(100%,128px);max-height:46px}
/* поле файла: кнопка в стиле сайта и имя выбранного файла */
.f-file-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.tz .f-file-row input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;overflow:hidden}
.f-file-b{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:12px 18px;border:1px solid var(--border-field);font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:var(--transition-control)}
.f-file:hover .f-file-b{border-color:var(--ink)}
.f-file-row input:focus-visible+.f-file-b{outline:2px solid var(--green);outline-offset:2px}
.f-file-n{font-size:14px;line-height:1.4;color:#33333a;overflow-wrap:anywhere}
.vid-slot>span{display:block}
/* три карточки моделей и комплектаций: три в ряд или по одной, без «двух плюс одной» с пустым местом */
.tz .s5k,.tz .s6z{grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){.tz .s5k,.tz .s6z{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tz .s71{font-size:clamp(18px,1.9vw,26px);overflow-wrap:anywhere}
.tz .s27{grid-template-columns:minmax(0,1fr)}
.tz .s6s,.tz .s54{grid-template-columns:minmax(0,1fr)}
.tz .s3w{white-space:nowrap}
/* полоса потерь: пять одинаковых плиток с номерами, как карточки «Почему выбирают»; под ними итог во всю ширину, как зелёные полосы сайта */
.tz #pain .s3o{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:clamp(20px,2.6vw,32px)}
.tz #pain .s3p{counter-reset:loss;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
@media (min-width:640px){.tz #pain .s3p{grid-template-columns:repeat(2,minmax(0,1fr))}.tz #pain .s3q:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:1100px){.tz #pain .s3p{grid-template-columns:repeat(5,minmax(0,1fr))}.tz #pain .s3q:last-child:nth-child(odd){grid-column:auto}}
.tz #pain .s3q{padding:18px 18px 20px;background:#141416;border:1px solid #232327;border-top:2px solid var(--green);font-size:16px;font-weight:700;line-height:1.35;color:#f4f4f2;text-wrap:pretty}
.tz #pain .s3q::before{counter-increment:loss;content:counter(loss,decimal-leading-zero);display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:0.14em;color:#4cb774}
.tz #pain .s3r{display:block;min-width:0}
.tz #pain .s3s{display:none}
.tz #pain .s3t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 28px;padding:clamp(20px,2.4vw,28px) clamp(20px,2.6vw,32px)}
.tz #pain .s3u{max-width:560px;line-height:1.5}
.tz #pain .s3v{font-size:clamp(30px,3.6vw,46px)}
@media (max-width:639px){.tz #pain .s3p{gap:8px}.tz #pain .s3q{display:flex;align-items:baseline;gap:14px;padding:14px 16px}.tz #pain .s3q::before{flex:0 0 auto;margin:0}}
/* итог полосы потерь: без зелёной заливки — строка на тёмном фоне, сумма зелёным, как суммы в «Считаем деньги» */
.tz #pain .s3t{background:transparent;color:#f4f4f2;padding:18px 0 0;border-top:1px solid #232327;align-items:baseline}
.tz #pain .s3u{color:#9a9aa0}
.tz #pain .s3v{font-size:clamp(26px,2.8vw,36px);color:var(--green)}
.tz .s3w{color:#9a9aa0}
@media (max-width:639px){.tz #pain .s3t{padding-top:14px}}
/* «Что даёт в цехе»: две карточки, как белые и чёрная карточки «Почему выбирают» на главной.
   В каждой сверху подпись и сумма, под ними причины с зелёными галочками */
.tz .s45{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
@media (min-width:1024px){.tz .s45{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.tz .s45>.s46,.tz .s45>.s3o{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:clamp(24px,3vw,38px) clamp(22px,2.8vw,34px)}
.tz .s45>.s46{background:#ffffff;border:1px solid #dcdcd6;color:var(--ink)}
.tz .s45>.s3o{background:var(--ink);border:1px solid var(--ink);color:#f4f4f2}
.tz .s45 .s3r{order:-1;display:block;min-width:0}
.tz .s45 .s48,.tz .s45 .s3s{display:none}
.tz .s45 .s49,.tz .s45 .s3t{display:grid;gap:10px;padding:0;background:transparent}
.tz .s45 .s4a{color:#6d6d74}
.tz .s45 .s3u{color:#9a9aa0}
.tz .s45 .s3v{font-size:clamp(30px,3.4vw,44px)}
.tz .s45>.s46 .s3v{color:#2f8c53}
.tz .s45>.s3o .s3v{color:var(--green)}
.tz .s45 .s4b{color:#6d6d74}
.tz .s45 .s3p{display:block;min-width:0;padding-top:20px;border-top:1px solid #dcdcd6}
.tz .s45>.s3o .s3p{border-top-color:#2a2a2f}
@media (min-width:640px){.tz .s45>.s46 .s3p{columns:2;column-gap:32px}}
.tz .s45 .s47,.tz .s45 .s3q{break-inside:avoid;position:relative;padding:6px 0 6px 28px;border:0;font-size:16px;font-weight:500;line-height:1.45}
.tz .s45 .s47{color:#33333a}
.tz .s45 .s3q{color:#e4e4e1}
.tz .s45 .s47::before,.tz .s45 .s3q::before{content:"";position:absolute;left:2px;top:.62em;width:12px;height:6px;border-left:2px solid #2f8c53;border-bottom:2px solid #2f8c53;transform:rotate(-45deg)}
.tz .s45 .s3q::before{border-color:var(--green)}
.tz .s45 .s3p,.tz .s45 .s3r{flex:0 0 auto}
/* «Мы знаем эти боли»: заголовок, вводка, ниже две одинаковые карточки как на главной; в карточке начало фразы до двоеточия белым жирным, продолжение серым, текст прижат к верху */
.tz #why-us .s3y{grid-template-columns:minmax(0,1fr);gap:20px}
.tz #why-us .s40{grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
.tz #why-us .s41:first-of-type{order:0;max-width:760px;margin:0 0 clamp(16px,2vw,24px);font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#b6b6bd}
.tz #why-us .s42{order:1}
.tz #why-us .s41+.s41{order:2}
.tz #why-us .s41+.s41,.tz #why-us .s42{margin:0;padding:clamp(26px,2.8vw,36px) clamp(24px,2.6vw,34px);background:#141416;border:1px solid #232327;border-left:3px solid var(--green);font-size:clamp(17px,1.35vw,19px);font-weight:400;line-height:1.6;color:#a9a9b0}
.tz #why-us .lead{font-weight:700;color:#f4f4f2}
@media (min-width:800px){.tz #why-us .s40{grid-template-columns:repeat(2,minmax(0,1fr))}.tz #why-us .s41:first-of-type{grid-column:1/-1}.tz #why-us .s42{grid-row:2;grid-column:1}.tz #why-us .s41+.s41{grid-row:2;grid-column:2}}
/* «Выше скорость. Меньше рисков.»: левая часть по центру высоты правого текста и крупнее */
.tz #energy .s3y{align-items:center}
.tz #energy .s3y>div:first-child{padding:clamp(8px,1.5vw,24px) 0}
.tz #energy .s3z{font-size:clamp(32px,4.4vw,58px)}
.tz #energy .s6m{margin-top:clamp(28px,3.4vw,52px);font-size:clamp(84px,12vw,180px);line-height:.88;letter-spacing:-0.04em;color:transparent;-webkit-text-stroke:2px var(--green)}
.tz #energy .s6n{max-width:620px;margin-top:18px;font-size:clamp(13px,1.05vw,15px);line-height:1.55}
/* «Почему сварочный аппарат, а не 4-в-1» — вариант 2 из 15 (выбор владельца 14.11.2026): три карточки с 1024 в ряд, уже по одной; крупный контурный номер, как «до 80%» в блоке «Выше скорость»; жирное начало пункта */
.tz #vs-4in1 .s3k{text-wrap:balance}
.tz #vs-4in1 .vs-cards{grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:1024px){.tz #vs-4in1 .vs-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tz #vs-4in1 .s18{display:flex;flex-direction:column;gap:0;padding:clamp(24px,2.6vw,34px) clamp(22px,2.4vw,32px)}
.tz #vs-4in1 .s19{margin-bottom:clamp(20px,2.4vw,32px);font-size:clamp(56px,6vw,88px);font-weight:800;line-height:.9;letter-spacing:-0.03em;color:transparent;-webkit-text-stroke:1.5px var(--green)}
.tz #vs-4in1 .vs-t{font-size:clamp(16px,1.3vw,18px);font-weight:400;line-height:1.55;color:#55555c}
.tz #vs-4in1 .vs-t b{font-weight:700;color:var(--ink)}
.tz #vs-4in1 .vs-t a{font-weight:700;color:var(--ink);text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:4px}
.tz #vs-4in1 .vs-t a:hover{color:var(--green-ink)}
/* «Где OneWELD дает максимальный эффект» — вариант 4 из 12 (выбор владельца 14.11.2026): с 1100 слева заголовок и «И многое другое», справа десять пунктов в две колонки строками; уже — заголовок, пункты, затем «И многое другое»; кнопка призыва справа от текста с 900 */
.tz #use .use-grid{display:flex;flex-direction:column}
.tz #use .use-l{display:contents}
.tz #use .s3k{order:0;margin-bottom:28px;text-wrap:balance}
.tz #use .s6o{order:1;grid-template-columns:minmax(0,1fr);gap:10px}
.tz #use .s6p{grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:8px;padding:clamp(16px,1.6vw,20px) clamp(18px,1.8vw,24px)}
.tz #use .s6p .s6q{font-size:clamp(16px,1.5vw,19px)}
.tz #use .s6r{order:2;grid-column:auto;margin-top:16px;gap:12px;padding:clamp(24px,2.8vw,34px) clamp(22px,2.6vw,34px)}
.tz #use .s6r .s6q{font-size:clamp(18px,1.8vw,24px);line-height:1.35}
@media (min-width:700px){.tz #use .s6o{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.tz #use .use-grid{display:grid;grid-template-columns:4fr 7fr;gap:clamp(32px,4vw,64px);align-items:start}.tz #use .use-l{display:block}.tz #use .s3k{font-size:clamp(28px,2.7vw,38px)}.tz #use .s6r{margin-top:0}}
.tz #use .s23{margin-top:clamp(28px,3.4vw,48px)}
.tz #use .s24{display:grid;gap:20px;align-items:center}
.tz #use .s26{justify-self:start;white-space:nowrap}
@media (min-width:900px){.tz #use .s24{grid-template-columns:minmax(0,1fr) auto;gap:40px}}
/* Карточка OneWELD 2000 (сварка, #models .wcard) — вариант 6 из 9 (выбор владельца 14.11.2026): с 1200 слева название, «до 10 мм» и кнопки, в центре крупный аппарат (копия картинки без пустых полей), справа пять пунктов; уже — название и «до 10 мм» в две колонки (просьба владельца), затем кнопки, аппарат, пункты */
.tz .wcard{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
.tz .wcard .wc-l{padding:clamp(32px,4vw,64px) clamp(24px,3vw,48px);display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:center;min-width:0}
.tz .wcard .s6t{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px 24px}
.tz .wcard .s5i{min-height:0;align-items:flex-end;padding:clamp(24px,3vw,40px) clamp(16px,2vw,32px) clamp(20px,2.4vw,32px);min-width:0}
.tz .wcard .sq{left:50%;top:50%;width:min(92%,640px);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(76,183,116,.20) 0%,rgba(76,183,116,0) 68%)}
.tz .wcard .sq::after{content:"";position:absolute;left:50%;bottom:4%;width:70%;height:12%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(76,183,116,.28) 0%,rgba(76,183,116,0) 70%)}
.tz .wcard .s6x{height:clamp(380px,46vw,680px);width:auto;max-width:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}
.tz .wcard .wc-r{padding:0 clamp(24px,3vw,48px) clamp(32px,4vw,56px);min-width:0}
.tz .wcard .s5f{gap:14px}
.tz .wcard .s5g{position:relative;padding-left:22px;border-left:0}
.tz .wcard .s5g::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--green)}
@media (max-width:599px){.tz .wcard .s6t{grid-template-columns:minmax(0,1fr) min-content;gap:12px 12px}.tz .wcard .s57{font-size:11px;letter-spacing:.12em}.tz .wcard .s6v{font-size:clamp(16px,4.8vw,26px)}.tz .wcard .s59{font-size:13px}.tz .wcard .s6w{font-size:clamp(23px,6.6vw,34px);white-space:nowrap}.tz .wcard .s5e{font-size:10px;letter-spacing:.1em}}
@media (max-width:374px){.tz .wcard .s59{font-size:12px}}
@media (max-width:359px){.tz .wcard .s6t{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1200px){.tz .wcard{grid-template-columns:4fr 3fr 4fr;align-items:center}.tz .wcard .s6t{grid-template-columns:minmax(0,1fr)}.tz .wcard .s5h{grid-template-columns:minmax(0,1fr)}.tz .wcard .s6x{height:clamp(420px,44vw,640px)}.tz .wcard .wc-r{padding:clamp(32px,4vw,64px) clamp(24px,3vw,48px) clamp(32px,4vw,64px) 0}}
/* «Комплектации» (сварка, #models .s6z) — вариант 5 из 7 (выбор владельца 14.11.2026): все три карточки белые, у профессиональной чёрная шапка с названием и описанием и чёрная рамка; с 1024 строки выровнены между карточками; пункты с зелёными квадратиками; цена крупнее; кнопка во всю ширину */
.tz #models .s74,.tz #models .s79{position:relative;padding-left:20px;border-left:0}
.tz #models .s74::before,.tz #models .s79::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--green)}
.tz #models .s79{color:#55555c}
.tz #models .s6z .cmp-price{font-size:clamp(24px,2.4vw,32px);letter-spacing:-0.02em}
.tz #models .s6z .cmp-cta{align-self:stretch;justify-self:stretch}
.tz #models .s76{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.tz #models .s76>div:first-child{margin:calc(-1*clamp(26px,3vw,38px)) calc(-1*clamp(24px,2.6vw,32px)) 0;padding:clamp(26px,3vw,38px) clamp(24px,2.6vw,32px);background:var(--ink);color:#f4f4f2}
.tz #models .s78{color:var(--green-ink)}
.tz #models .s76 .cmp-meta{color:#6d6d74}
.tz #models .s76 .cmp-cta{background:var(--ink);color:#fff;border-color:var(--ink)}
.tz #models .s76 .cmp-cta:hover{background:var(--green);color:var(--ink-deep);border-color:var(--green)}
@media (min-width:1024px){
.tz #models .s6z{grid-template-rows:repeat(6,auto);row-gap:0}
.tz #models .s6z>.s70,.tz #models .s6z>.s76{grid-row:span 6;display:grid;grid-template-rows:subgrid;row-gap:18px}
.tz #models .s6z>*>div:first-child{grid-row:1}
.tz #models .s6z .s75,.tz #models .s6z .s78{grid-row:2;align-self:end}
.tz #models .s6z .s73{grid-row:3;align-self:start}
.tz #models .s6z .cmp-price{grid-row:4;align-self:end;margin-top:12px}
.tz #models .s6z .cmp-meta{grid-row:5}
.tz #models .s6z .cmp-cta{grid-row:6}
}
/* «Оборудование в работе» (#video, сварка и очистка) — вариант 2 из 8 (выбор владельца 14.11.2026): подпись поверх ролика внизу белым текстом на затемнении, без зелёной плашки и капса; стрелки контуром */
.tz #video .s1i{width:48px;height:48px;background:transparent;border:1px solid #c9c9c3;color:var(--ink);font-size:20px;font-weight:500}
.tz #video .s1k::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,rgba(10,10,11,.85),rgba(10,10,11,0));pointer-events:none}
.tz #video .s1m{z-index:1;left:0;right:0;padding:18px 20px;background:transparent;color:#f4f4f2;font-size:clamp(15px,1.2vw,17px);font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none;text-wrap:pretty}
/* «Технические характеристики» (сварка, #specs .specs; на очистке тоже есть #specs — поэтому всё под .specs) — вариант 3 со страницы вариантов (выбор владельца 14.11.2026): сверху проплавление четырьмя плитками 2×2 и фото той же высоты, снизу шесть характеристик карточками с зелёной чертой */
.tz #specs .specs{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "c" "t" "p" "f" "b";gap:0;align-items:start}
.tz #specs .specs .s61{grid-area:h;max-width:900px}
.tz #specs .specs .spec-pen{grid-area:c;margin:0 0 14px;font-size:16px}
.tz #specs .specs .tbl-wrap{grid-area:t;margin:0;overflow:visible;align-self:stretch}
/* заголовки «Материал / Проплавление» плиткам не нужны глазами (материал подписан в каждой плитке), но остаются для экранного чтеца — поэтому скрыты визуально, а не удалены */
.tz #specs .specs .pen-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tz #specs .specs .pen-table{display:block;height:100%}
.tz #specs .specs .pen-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;height:100%}
.tz #specs .specs .pen-table tr{display:flex;flex-direction:column-reverse;justify-content:center;gap:8px;padding:clamp(16px,1.8vw,24px);background:#141416;border:1px solid #232327}
.tz #specs .specs .pen-table tbody th,.tz #specs .specs .pen-table tbody td{padding:0;border:0;background:none}
.tz #specs .specs .pen-table tbody th{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9a9aa0}
.tz #specs .specs .pen-table td{font-size:clamp(20px,5.4vw,36px);font-weight:800;letter-spacing:-0.02em;line-height:1.1;color:var(--green);white-space:nowrap}
@media (min-width:600px){.tz #specs .specs .pen-table td{font-size:clamp(26px,2.6vw,36px)}}
/* фото: не ниже 16:9 (рамка через ::before), в ряду с плитками тянется на их высоту — верх и низ совпадают */
.tz #specs .specs .s7d{grid-area:p;margin-top:16px;min-height:0;align-self:stretch}
.tz #specs .specs .s7d::before{content:"";display:block;padding-top:56.25%}
.tz #specs .specs .s51{object-position:45% 72%}
.tz #specs .specs .spec-feat{grid-area:f;margin-top:clamp(32px,4vw,56px);grid-template-columns:minmax(0,1fr);gap:12px}
/* точка-маркер в карточке не нужна: пункт выделен зелёной чертой карточки */
.tz #specs .specs .s64{display:block;padding:22px 24px;background:#141416;border:1px solid #232327;border-left:3px solid var(--green)}
.tz #specs .specs .s64 .s5x{display:none}
.tz #specs .specs .s64 .s7c{display:block;margin-bottom:6px}
.tz #specs .specs .s66{grid-area:b}
@media (min-width:700px){.tz #specs .specs .spec-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.tz #specs .specs{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"h h" "c ." "t p" "f f" "b b";column-gap:clamp(28px,4vw,56px)}.tz #specs .specs .s7d{margin-top:0}}
@media (min-width:1100px){.tz #specs .specs .spec-feat{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* «Для отдела закупок и госзаказчиков» (#procurement, сварка светлая, очистка тёмная) — вариант 2 со страницы вариантов (выбор владельца 14.11.2026): без плиты и рамки, пункты с зелёными галочками, заголовок помельче, колонки по центру друг друга */
.tz #procurement .s3k{text-wrap:balance}
.tz #procurement .lines{gap:20px}
.tz #procurement .lines li{position:relative;padding-left:34px;border-left:0}
.tz #procurement .lines li:not([data-pending])::before{content:"";position:absolute;left:2px;top:.35em;width:14px;height:7px;margin:0;background:none;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
@media (min-width:1024px){.tz #procurement .side2{align-items:center}.tz #procurement .s3k{font-size:clamp(28px,2.7vw,38px)}}
/* «Сеть дилеров по России» (#dealers, сварка и очистка; на главной блок прежний) — вариант 2 с центровкой (выбор владельца 14.11.2026): заголовок и описание сверху; ниже слева «Сеть One» и две цифры по центру двух половин через черту, справа три квадратные карточки в ряд; зелёная полоса в две колонки; на компьютере блок помещается в один экран */
.tz #dealers .sy{text-wrap:balance}
.tz #dealers .sz{max-width:900px;margin-bottom:28px}
.tz #dealers .dl{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.tz #dealers .dl-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.tz #dealers .s1w{padding:clamp(20px,1.8vw,26px);gap:10px}
.tz #dealers .s1x{font-size:clamp(17px,1.5vw,20px)}
.tz #dealers .s1r{font-size:14px;line-height:1.55}
.tz #dealers .s1y{background:none;border:0;color:var(--ink);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;gap:0;align-content:stretch;min-width:0}
.tz #dealers .s1z{grid-column:1/-1;text-align:center;color:var(--green-ink)}
.tz #dealers .s20{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px 0 0}
.tz #dealers .s20+.s20{border-left:1px solid #c9c9c3}
.tz #dealers .s21{font-size:clamp(88px,9vw,150px);line-height:.85}
.tz #dealers .s22{font-size:clamp(15px,1.2vw,18px);white-space:nowrap;color:#33333a}
.tz #dealers .s23{margin-top:clamp(28px,3vw,40px)}
.tz #dealers .s24{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:900px){.tz #dealers .s24{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}.tz #dealers .cities{padding-left:32px;border-left:1px solid rgba(7,18,12,.28)}}
@media (min-width:1024px){
.tz #dealers .dl{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,4vw,64px);align-items:stretch}
.tz #dealers .s1z{padding-top:clamp(20px,1.8vw,26px)}
.tz #dealers .s20{padding:0 0 clamp(20px,1.8vw,26px)}
.tz #dealers .dl-tiles{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end}
.tz #dealers .s1w{aspect-ratio:1/1;align-content:start;align-self:stretch;justify-self:stretch;min-width:0}
}
@media (min-width:1024px) and (max-width:1279px){.tz #dealers .s22{font-size:13px}.tz #dealers .s21{font-size:clamp(64px,7vw,90px)}}
/* «Пять вопросов, на которые отвечает демонстрация» (#questions, сварка и очистка) — вид 3 (выбор владельца 14.11.2026): строки через тонкие линии; крупный зелёный номер слева по центру вопроса, серая черта между номером и вопросом; ответ с зелёной чертой без заливки; с 900 все строки одной высоты, вопрос и ответ по центру строки, черты одной длины */
.tz #questions .s27{gap:0}
.tz #questions .s28{grid-template-columns:minmax(0,1fr);gap:10px;align-items:baseline;padding:clamp(18px,2vw,24px) 0;border-top:1px solid #e4e4de}
.tz #questions .s28:last-child{border-bottom:1px solid #e4e4de}
.tz #questions .s29{background:none;border:0;padding:0;display:grid;grid-template-columns:clamp(60px,5vw,76px) minmax(0,1fr);align-items:baseline;gap:0}
.tz #questions .s2a{align-self:center;font-size:clamp(26px,2.3vw,34px);font-weight:800;line-height:1;letter-spacing:-0.02em;color:var(--green-ink)}
.tz #questions .s2b{align-self:baseline;line-height:1.3;padding-left:clamp(18px,2vw,28px);border-left:1px solid #dcdcd6}
.tz #questions .s2c{background:none;color:#55555c;display:block;padding:0 0 0 20px;border-left:3px solid var(--green);font-size:16px;font-weight:400;line-height:1.55}
.tz #questions .s2c .qa-fact{color:var(--ink);margin-bottom:8px}
@media (min-width:900px){
.tz #questions .s27{grid-auto-rows:1fr}
.tz #questions .s28{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(28px,3.4vw,56px);align-items:stretch}
.tz #questions .s29{align-self:stretch;align-items:center;align-content:stretch}
.tz #questions .s2b{align-self:stretch;display:flex;align-items:center;font-size:clamp(19px,1.9vw,24px)}
.tz #questions .s2c{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:left}
}
/* «Вопросы» (#faq, сварка и очистка) — вариант 4 (выбор владельца 14.11.2026): заголовок над вопросами, вопросы на всю ширину одной колонкой с зелёными номерами 01, 02…; раскрытый ответ начинается с линии текста вопроса */
.tz #faq .side2-faq{grid-template-columns:minmax(0,1fr);gap:32px}
.tz #faq .side2-faq .side2-l{display:block}
.tz #faq .faq{max-width:none;min-width:0;counter-reset:fq}
.tz #faq .faq-i:not([data-pending]){counter-increment:fq}
.tz #faq .faq-i summary{justify-content:flex-start}
.tz #faq .faq-i:not([data-pending]) summary::before{content:counter(fq,decimal-leading-zero);flex:0 0 clamp(44px,4vw,60px);font-size:clamp(17px,1.8vw,21px);font-weight:800;color:var(--green)}
.tz #faq .faq-i summary::after{margin-left:auto}
.tz #faq .faq-a{max-width:900px;padding-left:calc(clamp(44px,4vw,60px) + 20px)}
@media (max-width:699px){.tz #faq .faq-a{padding-left:0}.tz #faq .faq-i:not([data-pending]) summary::before{flex-basis:40px}}
/* ответы в «Вопросах» набраны абзацами: общее правило p красило их в тёмно-серый и ставило крупный кегль — на чёрном фоне текст почти не читался; берут цвет и размер блока ответа */
.faq-a p{color:inherit;font-size:inherit;line-height:inherit}
/* «Поккельс: разрабатываем и собираем…» (#about, сварка и очистка) — вариант 1 с левой колонкой по центру (выбор владельца 14.11.2026): заголовок помельче, справа три карточки — зелёная цифра, подпись под ней; с 1024 левая колонка по центру высоты карточек */
.tz #about .s2f{grid-template-columns:minmax(0,1fr);align-items:stretch}
.tz #about .s2g{font-size:clamp(28px,2.9vw,40px);text-wrap:balance}
.tz #about .s27{grid-template-rows:repeat(3,1fr);gap:12px}
.tz #about .s2i{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:6px;padding:clamp(18px,2vw,26px) clamp(22px,2.4vw,30px)}
.tz #about .s2j{line-height:1;white-space:nowrap;color:var(--green-ink)}
.tz #about .s2k{font-size:clamp(17px,1.5vw,20px);text-align:left}
@media (min-width:1024px){.tz #about .s2f{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.tz #about .s2f>div:first-child{align-self:center}}
/* «Приглашаем вас к нам на производство» (#visit, сварка и очистка) — вариант 2 (выбор владельца 14.11.2026): два пункта карточками с крупными контурными номерами, как в «4-в-1»; ниже полоса записи: текст слева, кнопка справа */
.tz #visit .s2m{margin-bottom:20px;text-wrap:balance}
.tz #visit .s2q{grid-template-columns:minmax(0,1fr);gap:12px;background:none;border:0}
@media (min-width:800px){.tz #visit .s2q{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tz #visit .s2n{background:#141416;border:1px solid #232327;padding:clamp(24px,2.6vw,34px);display:grid;gap:18px;align-content:start}
.tz #visit .s2o{margin:0;font-size:clamp(48px,4.6vw,72px);font-weight:800;line-height:.9;letter-spacing:-0.03em;color:transparent;-webkit-text-stroke:1.5px var(--green)}
.tz #visit .s2p{font-size:clamp(17px,1.5vw,20px);color:#f4f4f2}
.tz #visit .s2r{margin-top:16px;justify-content:space-between;padding:clamp(22px,2.4vw,30px) clamp(22px,2.6vw,34px);border:1px solid #232327;background:#141416}
/* у .s2s в исходной вёрстке цвет записан с ошибкой и не применяется — задаю явно */
.tz #visit .s2s{color:#f4f4f2;font-size:clamp(15px,1.3vw,18px)}
@media (min-width:900px){.tz #visit .s2r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px}}
/* форма «Записаться на демо» (#form, сварка и очистка) — по просьбе владельца 14.11.2026 причёсана только левая колонка: заголовок в размер остальных блоков, адрес/телефон/почта строками через линии, под ними Яндекс Карта с адресом; с 1024 карта тянется до низа формы */
.tz #form .s2u{align-items:stretch}
.tz #form #contacts{display:flex;flex-direction:column;min-width:0}
.tz #form .s2v{font-size:clamp(30px,3.4vw,46px);line-height:1.06}
.tz #form .s2w{margin-top:clamp(24px,2.8vw,36px)}
.tz #form .s2x{gap:0}
.tz #form .s2y{align-items:baseline;padding:16px 0;border-top:1px solid #dcdcd6}
.tz #form .s2y:last-child{border-bottom:1px solid #dcdcd6}
.tz #form .cmap{margin-top:clamp(24px,2.8vw,36px);flex:1 1 auto;min-height:280px;display:flex;border:1px solid #dcdcd6;background:#e8e8e3}
.tz #form .cmap-f{flex:1 1 auto;width:100%;min-height:280px;border:0;display:block}
/* Карточка OneCLEAN Hybrid (очистка, #models .wcard) — так же, как карточка OneWELD 2000 на сварке (указание владельца 14.11.2026 «идентичные блоки сделай также»); у очистки другие имена деталей: шапка .s55 (название .s56, цифра .s5a), фото .s5j; ссылка на таблицу, цена и срок стоят над кнопками */
.tz .wcard .s55{display:grid;grid-template-columns:minmax(0,1fr) min-content;align-items:start;gap:16px 24px}
.tz .wcard .s56{min-width:0}
.tz .wcard .s5a{margin-left:0;text-align:left}
.tz .wcard .s5j{height:clamp(380px,46vw,680px);width:auto;max-width:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}
.tz .wcard .mdl-perf+.cmp-price{margin-top:-8px}
@media (max-width:599px){.tz .wcard .s55{gap:12px 12px}.tz .wcard .s58{font-size:clamp(16px,4.8vw,26px)}.tz .wcard .s5c{font-size:clamp(20px,5.6vw,34px)}}
@media (max-width:374px){.tz .wcard .s59{font-size:12px}}
@media (min-width:1200px){.tz .wcard .s55{grid-template-columns:minmax(0,1fr)}.tz .wcard .s5j{height:clamp(420px,44vw,640px)}}
/* вопрос FAQ со вложенным значком (м²): текст собран в .faq-q, иначе строка распадалась на несколько не переносящихся кусков и вылезала на узком экране */
.faq-i summary .faq-q{min-width:0;flex:0 1 auto}
/* Карточка OneCLEAN Hybrid (очистка) — итоговый вид, выбор владельца 14.11.2026: карточка заполнена — крупный текст (название, цифра, пункты, цена, срок, кнопки) на всю левую половину, кнопки на ширину колонки, крупный аппарат на всю правую половину; на телефоне название и цифра в две колонки, ниже пункты, кнопки, аппарат */
.tz .wc3{overflow:hidden}
.tz .wc3 .wc-l{gap:clamp(18px,1.8vw,26px)}
.tz .wc3 .s5h{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:none}
.tz .wc3 .s5h>a{min-height:52px}
@media (min-width:1024px){
.tz .wc3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.tz .wc3 .wc-l{max-width:none;padding:clamp(40px,4.4vw,72px) 0 clamp(40px,4.4vw,72px) clamp(32px,4vw,64px);align-content:center}
.tz .wc3 .s55{grid-template-columns:minmax(0,1fr)}
.tz .wc3 .s57{font-size:14px}
.tz .wc3 .s58{font-size:clamp(40px,4.4vw,72px);line-height:.95}
.tz .wc3 .s59{margin-top:12px;font-size:clamp(18px,1.6vw,24px)}
.tz .wc3 .s5b{font-size:14px}
.tz .wc3 .s5c{font-size:clamp(48px,5vw,84px)}
.tz .wc3 .s5e{font-size:13px}
.tz .wc3 .s5f{font-size:clamp(17px,1.4vw,20px);gap:14px}
.tz .wc3 .mdl-perf{font-size:16px}
.tz .wc3 .cmp-price{font-size:clamp(24px,2vw,32px)}
.tz .wc3 .cmp-meta{font-size:15px}
.tz .wc3 .s5h{grid-template-columns:repeat(2,minmax(0,1fr))}
.tz .wc3 .s5h>a{white-space:normal;padding-left:12px;padding-right:12px}
.tz .wc3 .s5i{align-self:stretch;align-items:center;justify-content:center;padding:clamp(24px,3vw,48px)}
.tz .wc3 .s5j{width:100%;height:auto;max-width:none;max-height:none;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
}
/* Карточки OneCLEAN 300/500/1000 (очистка, #models .s5k) — по виду ценников «Комплектации» сварки (указание владельца 14.11.2026): белая карточка, с 1024 строки выровнены между карточками, пункты с зелёными квадратиками, цена крупнее, кнопка во всю ширину */
.tz #models .s5l{background:#fff}
.tz #models .s5w{position:relative;display:block;padding-left:20px}
.tz #models .s5w .s5x{display:none}
.tz #models .s5w::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;background:var(--green)}
.tz #models .s5k .cmp-price{font-size:clamp(24px,2.4vw,32px);letter-spacing:-0.02em}
.tz #models .s5k .cmp-cta{align-self:stretch;justify-self:stretch}
@media (min-width:1024px){
.tz #models .s5k{grid-template-rows:auto repeat(7,auto);row-gap:0}
.tz #models .s5k>.s5l{grid-row:span 8;display:grid;grid-template-rows:subgrid}
.tz #models .s5k .s5q{grid-row:2/9;display:grid;grid-template-rows:subgrid;row-gap:14px}
.tz #models .s5k .s5q>.s5r{grid-row:1}
.tz #models .s5k .s5q>.s5u{grid-row:2}
.tz #models .s5k .s5q>.mdl-perf{grid-row:3}
.tz #models .s5k .s5q>.s5v{grid-row:4;align-self:start}
.tz #models .s5k .s5q>.cmp-price{grid-row:5;align-self:end;margin-top:12px}
.tz #models .s5k .s5q>.cmp-meta{grid-row:6}
.tz #models .s5k .s5q>.cmp-cta{grid-row:7}
}
/* «Технические характеристики» очистки (#specs без .specs — на сварке свой вид) — вариант 3 (выбор владельца 14.11.2026): у каждой характеристики зелёная линейная иконка, название над значением, с 700 две колонки; кнопка на ширину списка */
.tz #specs .s60:not(.specs) .s63{display:grid;grid-template-columns:minmax(0,1fr);gap:22px 32px}
@media (min-width:700px){.tz #specs .s60:not(.specs) .s63{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tz #specs .s60:not(.specs) .s64{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;font-size:15px;line-height:1.5;color:#55555c}
.tz #specs .s60:not(.specs) .s5x{display:none}
.tz #specs .s60:not(.specs) .qi{width:44px;height:44px;padding:9px;box-sizing:border-box;color:var(--green-ink);background:#eef6f1}
.tz #specs .s60:not(.specs) .s65{display:block;margin-bottom:4px;font-size:16px;color:var(--ink)}
.tz #specs .s60:not(.specs) .s66{max-width:none}
/* кнопка «Связаться с нами» в характеристиках очистки — зелёная (указание владельца 14.11.2026) */
.tz #specs .s60:not(.specs) .s67{background:var(--green);color:var(--ink-deep)}
.tz #specs .s60:not(.specs) .s67:hover{background:var(--ink);color:#fff}
/* таблица «Характеристики по моделям» (очистка) — вариант 4 (выбор владельца 14.11.2026): без чёрной шапки-полосы, названия моделей жирно на белом, под ними зелёная линия, строки через тонкие линии без клеток */
@media (min-width:641px){
.tz #specs .spec-table thead th{background:none;color:var(--ink);border:0;border-bottom:2px solid var(--green);font-size:14px;padding-bottom:14px}
.tz #specs .spec-table th,.tz #specs .spec-table td{border-left:0;border-right:0}
.tz #specs .spec-table tbody th{background:none}
}