/* 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}