/* ═══════════════════════════════════════════════════════════════
   Yolt · головний сайт yolt.cloud · фірмовий стиль «Контури»
   Еталон: «Yolt Hub Site v2.html», 11.10.2026 (Claude Design, handoff 3).
   Файл = ручний шар (шрифти, токени, база, стани) + згенеровані класи
   з еталона нижче. Еталон рахує брейкпоінти в JS; тут ті самі пороги:
     <720 мобільний · <1000 без декоративних контурів · <1100 без діаграми
     інтеграцій · ≥1240 широка панель Ретеншну.
   Кольори — лише токени ДС v13 (oklch). Hex і rgba не додавати.
   ═══════════════════════════════════════════════════════════════ */

/* ── Шрифти · self-host. Commissioner — текст, Public Sans — числа.
      У Public Sans немає кирилиці, її домальовує Commissioner (--font-num) ── */
@font-face{font-family:'Commissioner';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/commissioner-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Commissioner';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/commissioner-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Commissioner';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/commissioner-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Commissioner';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/commissioner-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/public-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/public-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ── Токени · канон ДС v13, лише те, що вживає сторінка ── */
:root{
  --page:oklch(0.94 0.018 80);
  --paper:oklch(0.99 0.003 82);
  --paper-2:oklch(0.96 0.010 82);
  --line:oklch(0.86 0.008 80);
  --line-soft:oklch(0.91 0.008 80);
  --ink-0:oklch(0.20 0.005 80);
  --ink-1:oklch(0.36 0.005 80);
  --ink-2:oklch(0.54 0.005 80);
  --ink-3:oklch(0.68 0.005 80);
  --sage-0:oklch(0.43 0.060 155);
  --sage:var(--sage-0);
  --sage-bg:oklch(0.91 0.025 155);
  --sage-bg-2:oklch(0.94 0.018 155);
  --on-sage:oklch(0.97 0.020 155);
  --good:oklch(0.48 0.060 155);
  --bad:oklch(0.50 0.140 25);
  --warn:oklch(0.62 0.095 70);
  --sh-low:0 1px 2px oklch(0.20 0.005 80/0.04),0 2px 6px oklch(0.20 0.005 80/0.04);
  --sh-mid:0 6px 20px -8px oklch(0.20 0.005 80/0.12);
  --sh-pop:0 24px 56px -20px oklch(0.20 0.005 80/0.35);
  --scrim:oklch(0.20 0.005 80/0.42);
  --focus-ring:0 0 0 2px var(--paper),0 0 0 4.5px oklch(0.43 0.060 155/0.55);
  --font-ui:'Commissioner',system-ui,sans-serif;
  --font-num:'Public Sans','Commissioner',system-ui,sans-serif;
  --num:var(--font-num);
}

/* ── База (глобальні правила кіта, на яких тримається верстка еталона) ── */
*,*::before,*::after{box-sizing:border-box}
::selection{background:var(--sage-bg);color:var(--sage-0)}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink-1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:clip;font-size:15px}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
a{color:var(--sage-0)}
[hidden]{display:none!important}
h1,h2,h3{margin:0}
:where(a,button,input,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ── Класи кіта, які еталон вживає в блоці «Офлайн-конверсії» (інлайн-стилі еталона їх доповнюють) ── */
.m-card{background:var(--paper);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh-low)}
.m-chip{background:transparent;border:1px dashed var(--ink-3);padding:5px 12px;border-radius:999px;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:10.5px;letter-spacing:.06em;color:var(--ink-1);font-weight:600;white-space:nowrap}

/* ── Декоративні контури ховаються вужче 1000 (еталон: data-hide-below) ── */
@media (max-width:999px){[data-hide-below]{display:none!important}}

/* ── Hero · графіка 760×780 масштабується під ширину колонки.
      Точний масштаб ставить JS; тут — запас на випадок без JS ── */
@media (max-width:719px){
  #top [data-ref="heroWrap"]{height:500px}
  #top [data-ref="heroBox"]{transform:scale(.64)}
}

/* ── Біжуча стрічка знахідок ── */
@keyframes tk-run{to{transform:translateX(-50%)}}
[data-ref="ticker"].is-run{animation:tk-run 60s linear infinite}

/* ── Плаваюча пігулка «Подивитись демо» (≥720) ── */
[data-ref="pill"][data-on]{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}

/* ── Модалки · стан полів ── */
#m-demo input[aria-invalid="true"],#m-quiz input[aria-invalid="true"]{border-color:var(--bad)}
#m-demo input[aria-invalid="true"]:focus,#m-quiz input[aria-invalid="true"]:focus{box-shadow:var(--focus-ring-bad,0 0 0 2px var(--paper),0 0 0 4.5px oklch(0.50 0.140 25/0.55))}

/* ── Кейс · замість фото — фірмовий контур, доки немає справжнього знімка ── */
[data-slot]{position:relative;background:var(--paper-2)}

/* ── Згода на cookie ── */
.cookie{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:14px;width:calc(100% - 32px);max-width:600px;box-sizing:border-box;padding:12px 12px 12px 18px;background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--sh-pop);font-size:14px;line-height:1.45;color:var(--ink-1)}
.cookie a{color:var(--ink-0)}
.cookie button{all:unset;cursor:pointer;flex:none;height:40px;padding:0 18px;border-radius:999px;background:var(--ink-0);color:var(--paper);font-weight:700}
@media (max-width:719px){.cookie{bottom:88px;align-items:flex-start;flex-direction:column}}

/* ═══ Згенеровано з еталона (build.cjs) ═══ */
.pg-1{--sage:var(--sage-0);--num:var(--font-num);--font-ui:'Commissioner',system-ui,sans-serif;--font-display:'Commissioner',system-ui,sans-serif;--font-body:'Commissioner',system-ui,sans-serif;font-family:'Commissioner',system-ui,sans-serif;background:var(--page);color:var(--ink-0);min-height:100vh;overflow-x:clip}
.pg-2{position:sticky;top:0;z-index:20}
.hd-1{background:var(--page);border-bottom:1px solid var(--line-soft);color:var(--ink-0)}
.hd-2{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,56px);height:76px;display:flex;align-items:center;gap:24px}
.hd-3{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 0;color:var(--ink-0);text-decoration:none;flex:none}
.hd-4{color:var(--sage-0);display:block}
.hd-5{font-size:28px;line-height:1;font-weight:800;letter-spacing:-.035em}
.hd-6{flex:1;display:none}
.hd-7{flex:1;min-width:0;height:40px;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:28px;font-size:15px;font-weight:600}
.hd-8{color:var(--ink-1);text-decoration:none;line-height:40px}
.hd-9{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--ink-0);color:var(--paper);font-size:15px;font-weight:700;text-decoration:none;transition:transform 140ms}
.hero-1{position:relative;overflow:hidden}
.hero-2{max-width:1320px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,4vw,56px) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:24px;align-items:center}
.hero-3{display:flex;flex-direction:column;gap:28px;padding-bottom:clamp(24px,5vw,72px);position:relative;z-index:2}
.hero-4{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.hero-5{margin:0;font-size:clamp(46px,6.4vw,90px);line-height:.96;font-weight:800;letter-spacing:-.045em;text-wrap:balance}
.hero-6{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--ink-1);max-width:520px;text-wrap:pretty}
.hero-7{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-8{display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 32px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:17px;font-weight:700;text-decoration:none;box-shadow:var(--sh-low);transition:transform 140ms,box-shadow 140ms}
.hero-9{font-size:18px}
.hero-10{display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 28px;border-radius:999px;border:1.5px dashed var(--ink-3);color:var(--ink-0);font-size:17px;font-weight:700;text-decoration:none;transition:background 140ms}
.hero-11{font-family:var(--font-num);font-size:13px;font-weight:600;color:var(--ink-2)}
.hero-12{font-size:14px;color:var(--ink-2)}
.hero-13{min-width:0;display:flex;flex-direction:column;padding-bottom:0}
.hero-14{position:relative;height:780px;min-width:0}
.hero-15{position:absolute;left:0;top:0;width:760px;height:780px;transform-origin:0 0}
.hero-16{position:absolute;inset:0}
.hero-17{position:absolute;left:-20px;top:150px;width:300px;box-sizing:border-box;background:var(--paper);border:1px solid var(--line-soft);border-radius:22px;box-shadow:var(--sh-mid);padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.hero-18{display:flex;align-items:center;gap:8px;font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bad)}
.hero-19{width:10px;height:10px;border-radius:50%;background:var(--bad);flex:none}
.hero-20{font-size:17px;line-height:1.3;font-weight:800}
.hero-21{font-size:15px;line-height:1.45;color:var(--ink-1);text-wrap:pretty}
.hero-22{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--ink-0);color:var(--paper);font-size:15px;font-weight:700;text-decoration:none}
.hero-23{position:relative;z-index:2;margin-top:-24px;background:var(--paper);border:1px solid var(--line-soft);border-radius:22px;box-shadow:var(--sh-mid);padding:20px;display:flex;flex-direction:column;gap:10px}
.hero-24{display:flex;align-items:center;gap:8px;font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bad)}
.hero-25{width:10px;height:10px;border-radius:50%;background:var(--bad);flex:none}
.hero-26{font-size:17px;line-height:1.3;font-weight:800}
.hero-27{font-family:var(--font-num);font-weight:600;color:var(--bad)}
.hero-28{font-size:15px;line-height:1.45;color:var(--ink-1);text-wrap:pretty}
.hero-29{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:var(--ink-0);color:var(--paper);font-size:15px;font-weight:700;text-decoration:none}
.tk-1{--page:oklch(0.185 0.006 80);--paper:oklch(0.250 0.006 82);--line:oklch(0.390 0.008 80);--ink-0:oklch(0.970 0.004 80);--ink-1:oklch(0.885 0.004 80);--ink-2:oklch(0.790 0.005 80);--sage-0:oklch(0.720 0.075 155);--bad:oklch(0.700 0.130 25);--good:oklch(0.740 0.075 155);background:var(--page);color:var(--ink-0);display:flex;align-items:stretch;overflow:hidden}
.tk-2{flex:none;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px clamp(20px,4vw,56px);background:var(--paper);border-right:1px solid var(--line);position:relative;z-index:2}
.tk-3{display:flex;align-items:center;gap:8px;font-family:var(--font-num);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.tk-4{width:8px;height:8px;border-radius:50%;background:var(--sage-0)}
.tk-5{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.tk-6{font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.tk-7{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.tk-8{display:flex;gap:48px;padding-left:40px;white-space:nowrap;will-change:transform}
.tk-9{display:inline-flex;align-items:baseline;gap:12px;font-size:15px}
.tk-10{font-family:var(--font-num);font-size:12px;font-weight:600;color:var(--ink-2)}
.tk-11{color:var(--ink-1)}
.tk-12{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--bad)}
.tk-13{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--good)}
.int-1{position:relative}
.int-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px 64px;align-items:center}
.int-3{display:flex;flex-direction:column;gap:20px;min-width:0;max-width:560px}
.int-4{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.int-5{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.int-6{margin:0 0 20px;font-size:18px;line-height:1.55;color:var(--ink-1);text-wrap:pretty}
.int-7{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.int-8{border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.int-9{all:unset;cursor:pointer;display:flex;align-items:center;gap:16px;padding:16px 0}
.int-10{width:20px;height:2.4px;border-radius:2px;background:var(--line);transition:width 220ms cubic-bezier(.2,.7,.3,1);flex:none}
.int-11{font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink-2)}
.int-12{margin-left:auto;font-size:13.5px;color:var(--ink-2);text-align:right}
.int-13{padding:0 0 20px 64px;font-size:16px;line-height:1.55;color:var(--ink-1);text-wrap:pretty}
.int-14{font-size:14.5px;color:var(--ink-2)}
.int-15{position:relative;width:100%;max-width:600px;aspect-ratio:1;justify-self:center;display:block}
.int-16{position:absolute;inset:0}
.int-17{position:absolute;left:50%;top:40.666666666666664%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:999px;background:var(--paper);border:1.5px solid var(--sage-0);box-shadow:var(--sh-low);font-family:var(--font-num);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-0);white-space:nowrap;transition:top 220ms cubic-bezier(.2,.7,.3,1)}
.int-18{width:8px;height:8px;border-radius:50%;background:var(--sage-0)}
.lk-1{background:var(--paper);border-top:1px solid var(--line-soft)}
.lk-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:48px}
.lk-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 48px;align-items:end}
.lk-4{display:flex;flex-direction:column;gap:20px}
.lk-5{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.lk-6{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.lk-7{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:520px;text-wrap:pretty}
.lk-8{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.lk-9{background:var(--page);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.lk-10{position:relative;height:170px}
.lk-11{padding:22px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.lk-12{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bad)}
.lk-13{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.lk-14{font-size:15.5px;line-height:1.5;color:var(--ink-1);text-wrap:pretty}
.lk-15{margin-top:auto;padding-top:8px;font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--ink-2)}
.lk-16{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;font-size:clamp(18px,1.8vw,22px);font-weight:700;letter-spacing:-.01em}
.lk-17{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--bad);white-space:nowrap}
.cab-1{border-top:1px solid var(--line-soft)}
.cab-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:56px}
.cab-3{display:flex;flex-direction:column;gap:20px}
.cab-4{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.cab-5{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px clamp(24px,5vw,72px)}
.cab-6{display:flex;flex-direction:column;gap:8px}
.cab-7{font-size:16px;font-weight:600;color:var(--ink-2)}
.cab-8{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(80px,13vw,180px);line-height:.85;font-weight:600;letter-spacing:-.04em;color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:4px}
.cab-9{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--ink-2)}
.cab-10{font-size:clamp(40px,5vw,72px);color:var(--ink-3);padding-bottom:40px}
.cab-11{font-size:16px;font-weight:600;color:var(--ink-1)}
.cab-12{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(80px,13vw,180px);line-height:.85;font-weight:600;letter-spacing:-.04em;color:var(--bad)}
.cab-13{flex:1 1 300px;max-width:440px;margin:0 0 8px;font-size:18px;line-height:1.55;color:var(--ink-1);text-wrap:pretty}
.cab-14{background:var(--paper);border:1px solid var(--line-soft);border-radius:22px;box-shadow:var(--sh-low);overflow:hidden}
.cab-15{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line-soft)}
.cab-16{font-size:15px}
.cab-17{font-family:var(--font-num);font-size:12px;color:var(--ink-2)}
.cab-18{overflow-x:auto}
.cab-19{width:100%;min-width:780px;border-collapse:collapse;font-size:15px}
/* ручний шар · один приклад на сторінці: база каналу + нейтральні підсумки (T-1390) */
.cab-sub{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;font-weight:400;color:var(--ink-2)}
.cab-foot-n{padding:18px 24px;border-top:2px solid var(--sage-0);text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;color:var(--ink-1);white-space:nowrap}
.cab-20{text-align:left;padding:12px 24px;font-family:var(--font-num);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line-soft)}
.cab-21{text-align:right;padding:12px 24px;font-family:var(--font-num);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line-soft)}
.cab-22{transition:background 140ms}
.cab-23{padding:18px 24px;border-bottom:1px solid var(--line-soft);font-weight:700}
.cab-24{padding:18px 24px;border-bottom:1px solid var(--line-soft);text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}
.cab-25{padding:18px 24px;border-bottom:1px solid var(--line-soft);text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.cab-26{padding:18px 24px;border-bottom:1px solid var(--line-soft);text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--bad);white-space:nowrap}
.cab-27{padding:18px 24px;border-bottom:1px solid var(--line-soft);text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--good);white-space:nowrap}
.cab-28{background:var(--sage-bg-2)}
.cab-29{padding:18px 24px;border-top:2px solid var(--sage-0);font-weight:800}
.cab-30{padding:18px 24px;border-top:2px solid var(--sage-0);text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;color:var(--bad);white-space:nowrap}
.wf-1{background:var(--paper);border-top:1px solid var(--line-soft)}
.wf-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:40px}
.wf-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 48px;align-items:end}
.wf-4{display:flex;flex-direction:column;gap:20px}
.wf-5{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.wf-6{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.wf-7{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:520px;text-wrap:pretty}
.wf-8{background:var(--page);border-radius:22px;padding:clamp(20px,3vw,36px);overflow-x:auto}
.wf-9{min-width:760px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.wf-10{display:flex;flex-direction:column;gap:8px;min-width:0}
.wf-11{position:relative;height:300px}
.wf-12{position:absolute;left:-6px;right:-6px;top:90.1639344262295%;border-top:1px solid var(--line)}
.wf-13{position:absolute;left:0;right:0;top:9.836065573770492%;height:80.327868852459%;background:var(--ink-0);border-radius:6px}
.wf-14{position:absolute;left:100%;width:12px;top:9.836065573770492%;border-top:1px dashed var(--ink-3);display:block}
.wf-15{position:absolute;left:-4px;right:-4px;top:calc(9.836065573770492% - 26px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--ink-0)}
.wf-16{font-size:14px;line-height:1.3;font-weight:800;text-align:center}
.wf-17{font-size:12.5px;line-height:1.35;color:var(--ink-2);text-align:center}
.wf-18{position:absolute;left:0;right:0;top:9.836065573770492%;height:43.606557377049185%;background:color-mix(in oklch, var(--bad) 26%, var(--paper));border-radius:6px}
.wf-19{position:absolute;left:100%;width:12px;top:53.442622950819676%;border-top:1px dashed var(--ink-3);display:block}
.wf-20{position:absolute;left:-4px;right:-4px;top:calc(9.836065573770492% - 26px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--bad)}
.wf-21{position:absolute;left:0;right:0;top:53.442622950819676%;height:36.72131147540983%;background:var(--sage-0);border-radius:6px}
.wf-22{position:absolute;left:-4px;right:-4px;top:calc(53.442622950819676% - 26px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--sage-0)}
.wf-23{position:absolute;left:0;right:0;top:53.442622950819676%;height:20.983606557377037%;background:color-mix(in oklch, var(--bad) 26%, var(--paper));border-radius:6px}
.wf-24{position:absolute;left:100%;width:12px;top:74.42622950819671%;border-top:1px dashed var(--ink-3);display:block}
.wf-25{position:absolute;left:-4px;right:-4px;top:calc(53.442622950819676% - 26px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--bad)}
.wf-26{position:absolute;left:0;right:0;top:74.42622950819671%;height:5.5737704918032875%;background:color-mix(in oklch, var(--bad) 26%, var(--paper));border-radius:6px}
.wf-27{position:absolute;left:100%;width:12px;top:80%;border-top:1px dashed var(--ink-3);display:block}
.wf-28{position:absolute;left:-4px;right:-4px;top:calc(74.42622950819671% - 26px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--bad)}
.wf-29{position:absolute;left:0;right:0;top:80%;height:10.163934426229503%;background:color-mix(in oklch, var(--bad) 26%, var(--paper));border-radius:6px}
.wf-30{position:absolute;left:100%;width:12px;top:90.1639344262295%;border-top:1px dashed var(--ink-3);display:block}
.wf-31{position:absolute;left:-4px;right:-4px;top:calc(80% - 26px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--bad)}
.wf-32{position:absolute;left:0;right:0;top:90.1639344262295%;height:1.639344262295083%;background:color-mix(in oklch, var(--bad) 26%, var(--paper));border-radius:6px}
.wf-33{position:absolute;left:100%;width:12px;top:91.80327868852459%;border-top:1px dashed var(--ink-3);display:block}
.wf-34{position:absolute;left:-4px;right:-4px;top:calc(90.1639344262295% - 26px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--bad)}
.wf-35{position:absolute;left:0;right:0;top:90.1639344262295%;height:1.639344262295083%;background:var(--bad);border-radius:6px}
.wf-36{position:absolute;left:100%;width:12px;top:90.1639344262295%;border-top:1px dashed var(--ink-3);display:none}
.wf-37{position:absolute;left:-4px;right:-4px;top:calc(91.80327868852459% + 8px);text-align:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;white-space:nowrap;color:var(--bad)}
.wf-38{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;font-size:clamp(18px,1.8vw,22px);font-weight:700;letter-spacing:-.01em}
.wf-39{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--bad);white-space:nowrap}
.wf-40{font-size:16px;font-weight:500;color:var(--ink-2)}
.in-1{--page:oklch(0.185 0.006 80);--paper:oklch(0.250 0.006 82);--paper-2:oklch(0.290 0.006 82);--line:oklch(0.390 0.008 80);--line-soft:oklch(0.320 0.007 80);--ink-0:oklch(0.970 0.004 80);--ink-1:oklch(0.885 0.004 80);--ink-2:oklch(0.790 0.005 80);--ink-3:oklch(0.700 0.005 80);--sage-0:oklch(0.720 0.075 155);--sage:oklch(0.720 0.075 155);--on-sage:oklch(0.175 0.030 155);--bad:oklch(0.700 0.130 25);--warn:oklch(0.790 0.110 70);background:var(--page);color:var(--ink-0)}
.in-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:56px}
.in-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 48px;align-items:end}
.in-4{display:flex;flex-direction:column;gap:20px}
.in-5{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.in-6{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.in-7{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:520px;text-wrap:pretty}
.in-8{background:var(--paper);border:1px solid var(--line-soft);border-radius:22px;padding:clamp(24px,3vw,36px);overflow-x:auto}
.in-9{min-width:880px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative}
.in-10{position:absolute;left:8%;right:8%;top:19px;height:1px;background:var(--line);display:block}
.in-11{position:absolute;left:66%;right:8%;top:18px;height:2.4px;background:var(--sage-0);display:block}
.in-12{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 8px}
.in-13{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--line);color:var(--ink-1);font-family:var(--font-num);font-size:13px;font-weight:700}
.in-14{font-size:14.5px;line-height:1.3;font-weight:700}
.in-15{font-size:13px;line-height:1.4;color:var(--ink-2)}
.in-16{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--sage-0)}
.in-17{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sage-0);border:1.5px solid var(--sage-0);color:var(--on-sage);font-family:var(--font-num);font-size:13px;font-weight:700}
.in-18{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 48px;border-top:1px solid var(--line)}
.in-19{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid var(--line)}
.in-20{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.in-21{font-size:17px;font-weight:800}
.in-22{font-family:var(--font-num);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--warn);border:1px dashed var(--warn);border-radius:999px;padding:3px 8px}
.in-23{font-size:14.5px;line-height:1.5;color:var(--ink-1);text-wrap:pretty}
.in-24{font-family:var(--font-num);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);border:1px dashed var(--ink-2);border-radius:999px;padding:3px 8px}
.in-25{font-family:var(--font-num);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-0);border:1px dashed var(--sage-0);border-radius:999px;padding:3px 8px}
.how-1{border-top:1px solid var(--line-soft)}
.how-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:start}
.how-3{display:flex;flex-direction:column;gap:20px}
.how-4{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.how-5{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.how-6{display:flex;flex-direction:column;margin-top:16px}
.how-7{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 20px;padding:24px 0;border-top:1px solid var(--line)}
.how-8{grid-row:span 3;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:44px;line-height:1;font-weight:600;color:var(--sage-0)}
.how-9{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.how-10{font-size:22px;font-weight:800;letter-spacing:-.02em}
.how-11{font-size:15.5px;line-height:1.55;color:var(--ink-1);text-wrap:pretty}
.how-12{display:flex;justify-content:center;padding-top:24px}
.how-13{width:100%;max-width:400px;background:var(--paper);border:1px solid var(--line-soft);border-radius:30px;box-shadow:var(--sh-pop);overflow:hidden}
.how-14{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}
.how-15{width:40px;height:40px;border-radius:50%;background:var(--sage-0);display:grid;place-items:center;color:var(--on-sage)}
.how-16{display:block}
.how-17{display:flex;flex-direction:column}
.how-18{font-size:15px}
.how-19{font-size:12.5px;color:var(--ink-2)}
.how-20{background:var(--page);padding:20px;display:flex;flex-direction:column;gap:10px}
.how-21{align-self:center;font-family:var(--font-num);font-size:11px;font-weight:600;color:var(--ink-2);background:var(--paper);border-radius:999px;padding:4px 10px}
.how-22{background:var(--paper);border-radius:18px 18px 18px 6px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh-low)}
.how-23{display:flex;flex-direction:column;gap:10px}
.how-24{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:baseline;font-size:14px;line-height:1.4}
.how-25{width:9px;height:9px;border-radius:50%;box-sizing:border-box;background:var(--bad);border:1.8px solid var(--bad)}
.how-26{color:var(--ink-1)}
.how-27{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;color:var(--bad);white-space:nowrap}
.how-28{width:9px;height:9px;border-radius:50%;box-sizing:border-box;background:transparent;border:1.8px solid var(--warn)}
.how-29{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px solid var(--line-soft);font-size:14px}
.how-30{color:var(--ink-2)}
.how-31{font-family:var(--font-num);font-weight:600;color:var(--bad)}
.how-32{font-family:var(--font-num);font-size:11px;color:var(--ink-3);align-self:flex-end}
.how-33{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.how-34{background:var(--paper);border-radius:12px;padding:12px;text-align:center;font-size:14px;font-weight:700;color:var(--sage-0)}
.cs-1{background:var(--paper);border-top:1px solid var(--line-soft);position:relative;overflow:hidden}
.cs-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:48px}
.cs-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:40px 72px;align-items:center}
.cs-4{position:relative;width:100%;max-width:380px;aspect-ratio:0.866;justify-self:center;margin:24px 0}
.cs-5{position:absolute;left:-9%;top:-9%;width:118%;height:118%;overflow:visible;pointer-events:none}
.cs-6{position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--paper-2)}
.cs-7{display:block;width:100%;height:100%}
.cs-8{position:absolute;right:9%;bottom:12%;width:22px;height:22px;border-radius:50%;background:var(--sage-0);box-shadow:0 0 0 5px var(--paper);pointer-events:none}
.cs-9{display:flex;flex-direction:column;gap:20px;min-width:0}
.cs-10{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.cs-11{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.cs-12{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:520px;text-wrap:pretty}
.cs-13{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));border-top:1.5px solid var(--ink-0)}
.cs-14{display:flex;flex-direction:column;gap:10px;padding:28px 28px 28px 0}
.cs-15{font-size:16px;font-weight:700}
.cs-16{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(44px,5vw,68px);line-height:1;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.cs-17{font-size:15px;color:var(--ink-2)}
.cs-18{display:flex;flex-direction:column;gap:10px;padding:28px;border-left:1px solid var(--line)}
.cs-19{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(44px,5vw,68px);line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--sage-0);white-space:nowrap}
.cs-20{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(44px,5vw,68px);line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--ink-2);white-space:nowrap}
.cs-21{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;background:var(--sage-bg-2);border-radius:22px;padding:24px 28px}
.cs-22{font-family:var(--font-num);font-size:clamp(40px,4vw,56px);line-height:1;font-weight:600;color:var(--sage-0)}
.cs-23{flex:1 1 300px;font-size:19px;line-height:1.45;font-weight:700;text-wrap:pretty}
.pr-1{border-top:1px solid var(--line-soft)}
.pr-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:40px}
.pr-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 48px;align-items:end}
.pr-4{display:flex;flex-direction:column;gap:20px}
.pr-5{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.pr-6{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.pr-7{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:520px;text-wrap:pretty}
.pr-8{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;align-items:stretch}
.pr-9{background:var(--paper);border:1px solid var(--line-soft);border-radius:22px;box-shadow:var(--sh-low);padding:32px;display:flex;flex-direction:column;gap:18px}
.pr-10{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.pr-11{font-size:26px;font-weight:800;letter-spacing:-.02em}
.pr-12{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:48px;font-weight:600;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.pr-13{font-size:16px;font-weight:500;color:var(--ink-2)}
.pr-14{margin:0;font-size:15px;line-height:1.5;color:var(--ink-1);text-wrap:pretty}
.pr-15{display:flex;flex-direction:column;gap:10px;padding-top:6px;border-top:1px solid var(--line-soft)}
.pr-16{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.45;color:var(--ink-1)}
.pr-17{color:var(--sage-0);font-weight:800}
.pr-18{margin-top:auto;display:flex;justify-content:center;align-items:center;height:52px;border-radius:999px;border:1.5px dashed var(--ink-3);color:var(--ink-0);font-size:16px;font-weight:700;text-decoration:none}
.pr-19{background:var(--sage-0);color:var(--on-sage);border-radius:22px;box-shadow:var(--sh-mid);padding:32px;display:flex;flex-direction:column;gap:18px}
.pr-20{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.pr-21{font-size:16px;font-weight:500}
.pr-22{margin:0;font-size:15px;line-height:1.5;text-wrap:pretty}
.pr-23{display:flex;flex-direction:column;gap:10px;padding-top:6px;border-top:1px solid color-mix(in oklch, var(--on-sage) 30%, transparent)}
.pr-24{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.45}
.pr-25{font-weight:800}
.pr-26{margin-top:auto;display:flex;justify-content:center;align-items:center;height:52px;border-radius:999px;background:var(--on-sage);color:var(--sage-0);font-size:16px;font-weight:700;text-decoration:none}
.pr-27{font-size:13.5px;line-height:1.45;text-align:center}
.pr-28{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.5}
.pr-29{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:22px;overflow:hidden}
.pr-30{background:var(--paper);padding:24px 28px;display:flex;flex-direction:column;gap:8px}
.pr-31{font-size:18px;font-weight:800}
.pr-32{font-family:var(--font-num);font-weight:600;white-space:nowrap}
.pr-33{font-size:14.5px;line-height:1.5;color:var(--ink-1)}
.pr-34{display:flex;flex-direction:column;gap:6px;padding-top:6px}
.pr-35{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;font-size:14px;line-height:1.45;color:var(--ink-1)}
.pr-36{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:820px;text-wrap:pretty}
.lic-1{background:var(--paper);border-top:1px solid var(--line-soft)}
.lic-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:48px;align-items:center}
.lic-3{display:flex;flex-direction:column;gap:20px}
.lic-4{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.lic-5{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.lic-6{margin:0;font-size:17px;line-height:1.55;color:var(--ink-1);max-width:500px;text-wrap:pretty}
.lic-7{display:flex;flex-direction:column;gap:16px}
.lic-8{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.lic-9{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;background:var(--ink-0);color:var(--paper);border:1.5px solid var(--ink-0)}
.lic-10{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;background:transparent;color:var(--sage-0);border:1.5px dashed var(--sage-0)}
.lic-11{display:flex;gap:20px;font-size:14px;color:var(--ink-2)}
.lic-12{color:var(--sage-0)}
.cmp-1{border-top:1px solid var(--line-soft)}
.cmp-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:40px}
.cmp-3{display:flex;flex-direction:column;gap:20px;max-width:760px}
.cmp-4{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.cmp-5{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.cmp-6{overflow-x:auto}
.cmp-7{width:100%;min-width:760px;border-collapse:collapse;font-size:15px}
.cmp-8{text-align:left;padding:14px 16px 14px 0;font-family:var(--font-num);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);border-bottom:1.5px solid var(--ink-0)}
.cmp-9{text-align:left;padding:14px 16px;font-family:var(--font-num);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);border-bottom:1.5px solid var(--ink-0)}
.cmp-10{text-align:left;padding:14px 16px;font-family:var(--font-num);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-0);background:var(--sage-bg-2);border-bottom:2px solid var(--sage-0)}
.cmp-11{padding:16px 16px 16px 0;border-bottom:1px solid var(--line-soft);font-weight:700}
.cmp-12{padding:16px;border-bottom:1px solid var(--line-soft);color:var(--ink-2)}
.cmp-13{padding:16px;border-bottom:1px solid var(--line-soft);background:var(--sage-bg-2);font-weight:700}
.cmp-14{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:720px}
.ret-1{background:var(--paper);border-top:1px solid var(--line-soft)}
.ret-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:clamp(48px,6vw,80px)}
.ret-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:40px 64px;align-items:end}
.ret-4{display:flex;flex-direction:column;gap:20px}
.ret-5{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.ret-6{width:20px;height:1px;background:var(--ink-3)}
.ret-7{color:var(--ink-0)}
.ret-8{font-size:10px;color:var(--sage-0);border:1px dashed var(--sage-0);border-radius:999px;padding:4px 9px}
.ret-9{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.ret-10{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:540px;text-wrap:pretty}
.ret-11{background:var(--page);border-radius:22px;padding:28px 32px;display:flex;flex-direction:column;gap:10px}
.ret-12{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.ret-13{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(56px,7vw,96px);line-height:.95;font-weight:600;letter-spacing:-.03em;color:var(--sage-0);white-space:nowrap}
.ret-14{font-size:14.5px;color:var(--ink-2)}
.ret-15{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:16px;margin-top:6px;border-top:1px solid var(--line)}
.ret-16{display:flex;flex-direction:column;gap:4px}
.ret-17{font-family:var(--font-num);font-size:26px;font-weight:600;line-height:1}
.ret-18{font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.ret-19{overflow-x:auto;margin:0 calc(-1 * clamp(20px,4vw,56px));padding:0 clamp(20px,4vw,56px)}
.ret-20{min-width:880px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}
.ret-21{position:absolute;left:0;right:20%;top:21px;height:1px;background:var(--line);display:block}
.ret-22{position:absolute;left:80%;right:0;top:20px;height:2.4px;background:var(--sage-0);display:block}
.ret-23{position:relative;display:flex;flex-direction:column;gap:12px;padding-right:24px}
.ret-24{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--ink-3);color:var(--ink-1);font-family:var(--font-num);font-size:13px;font-weight:700}
.ret-25{font-size:20px;font-weight:800;letter-spacing:-.01em}
.ret-26{font-size:14.5px;line-height:1.5;color:var(--ink-1);text-wrap:pretty}
.ret-27{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--ink-2)}
.ret-28{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--sage-0);border:1.5px solid var(--sage-0);color:var(--on-sage);font-family:var(--font-num);font-size:13px;font-weight:700}
.ret-29{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--sage-0)}
.ret-30{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:14.5px;color:var(--ink-1)}
.ret-31{display:flex;align-items:center;gap:8px}
.ret-32{color:var(--sage-0);font-weight:800}
.ret-33{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * clamp(20px,4vw,56px));padding:0 clamp(20px,4vw,56px) 4px;scrollbar-width:none}
.ret-34{all:unset;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;box-sizing:border-box;border:1px dashed var(--ink-3);background:transparent;color:var(--ink-0);font-size:15px;font-weight:700;white-space:nowrap;transition:background 140ms}
.ret-35{display:flex;gap:20px;align-items:stretch}
.ret-36{flex:0 0 340px;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ret-37{all:unset;cursor:pointer;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 12px 16px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.ret-38{font-family:var(--font-num);font-size:12px;font-weight:600;color:var(--ink-3)}
.ret-39{display:flex;flex-direction:column;gap:2px}
.ret-40{font-size:17px;font-weight:800}
.ret-41{font-size:13px;color:var(--ink-2)}
.ret-42{width:0px;height:2.4px;border-radius:2px;background:var(--sage-0);transition:width 220ms cubic-bezier(.2,.7,.3,1)}
.ret-43{flex:1;min-width:0;background:var(--page);border-radius:22px;padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:24px;min-height:560px}
.ret-44{display:flex;flex-direction:column;gap:8px}
.ret-45{font-size:clamp(24px,2.4vw,32px);line-height:1.15;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.ret-46{font-size:16px;line-height:1.55;color:var(--ink-1);max-width:600px;text-wrap:pretty}
.ret-47{flex:1;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.ret-48{flex:2 1 380px;min-width:0}
.ret-49{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px}
.ret-50{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:9px 14px}
.ret-51{font-family:var(--font-num);font-size:12px;font-weight:600;color:var(--ink-3)}
.ret-52{flex:1;font-size:15px;font-weight:600}
.ret-53{width:34px;height:20px;border-radius:999px;background:var(--sage-0);position:relative;flex:none}
.ret-54{position:absolute;top:3px;left:17px;width:14px;height:14px;border-radius:50%;background:var(--paper)}
.ret-55{width:34px;height:20px;border-radius:999px;background:var(--ink-3);position:relative;flex:none}
.ret-56{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--paper)}
.ret-57{flex:1 1 220px;display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--paper);border:1px solid var(--line-soft);border-radius:14px}
.ret-58{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-0)}
.ret-59{font-size:16px;line-height:1.55;color:var(--ink-0);text-wrap:pretty}
.ret-60{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden}
.ret-61{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);background:transparent;padding-top:9px;padding-bottom:9px}
.ret-62{display:flex;flex-direction:column;gap:2px;min-width:0}
.ret-63{font-size:15px;font-weight:800}
.ret-64{font-size:13px;line-height:1.35;color:var(--ink-2)}
.ret-65{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;color:var(--ink-0);white-space:nowrap}
.ret-66{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);background:var(--sage-bg-2);padding-top:9px;padding-bottom:9px}
.ret-67{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;color:var(--sage-0);white-space:nowrap}
.ret-68{padding:10px 16px;font-size:13px;color:var(--ink-2)}
.ret-69{display:flex;flex-direction:column;gap:16px}
.ret-70{display:flex;flex-wrap:wrap;gap:8px}
.ret-71{all:unset;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;box-sizing:border-box;border:1px dashed var(--ink-3);background:transparent;color:var(--ink-0);font-size:15px;font-weight:700;white-space:nowrap;transition:background 140ms}
.ret-72{display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr);background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;max-width:540px}
.ret-73{background:var(--paper-2);display:grid;place-items:center;text-align:center;padding:12px;font-family:var(--font-num);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.ret-74{padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ret-75{font-size:12.5px;color:var(--ink-2)}
.ret-76{font-size:18px;font-weight:800}
.ret-77{font-size:13.5px;color:var(--ink-2)}
.ret-78{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:10px 12px;border:1.5px dashed var(--sage-0);border-radius:10px}
.ret-79{font-family:var(--font-num);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.ret-80{font-family:var(--font-num);font-size:16px;font-weight:600;color:var(--sage-0)}
.ret-81{font-size:14.5px;line-height:1.5;color:var(--ink-1)}
.ret-82{display:flex;flex-direction:column;gap:12px}
.ret-83{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center}
.ret-84{font-size:15px;font-weight:600}
.ret-85{height:28px;border-radius:6px;background:var(--line-soft);overflow:hidden}
.ret-86{display:block;height:100%;width:100%;background:var(--ink-3);border-radius:6px}
.ret-87{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;text-align:right;color:var(--ink-0);white-space:nowrap}
.ret-88{display:block;height:100%;width:64%;background:var(--ink-3);border-radius:6px}
.ret-89{display:block;height:100%;width:31%;background:var(--ink-3);border-radius:6px}
.ret-90{display:block;height:100%;width:100%;background:var(--sage-0);border-radius:6px}
.ret-91{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;text-align:right;color:var(--sage-0);white-space:nowrap}
.ret-92{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px}
.ret-93{background:var(--paper);border:1px solid var(--line-soft);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px}
.ret-94{font-size:22px;font-weight:800}
.ret-95{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-1)}
.ret-96{width:10px;height:10px;border-radius:50%;box-sizing:border-box;background:var(--good);border:1.8px solid var(--good)}
.ret-97{width:10px;height:10px;border-radius:50%;box-sizing:border-box;background:transparent;border:1.8px solid var(--warn)}
.ret-98{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;color:var(--ink-0)}
.ret-99{width:10px;height:10px;border-radius:50%;flex:none;background:var(--sage-0)}
.ret-100{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;color:var(--bad)}
.ret-101{width:10px;height:10px;border-radius:50%;flex:none;background:var(--bad)}
.ret-102{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;border-top:1.5px solid var(--ink-0)}
.ret-103{font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.02em}
.ret-104{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;background:var(--ink-0);color:var(--paper);font-size:17px;font-weight:700;text-decoration:none}
.oci-1{--page:oklch(0.185 0.006 80);--paper:oklch(0.250 0.006 82);--paper-2:oklch(0.290 0.006 82);--line:oklch(0.390 0.008 80);--line-soft:oklch(0.320 0.007 80);--ink-0:oklch(0.970 0.004 80);--ink-1:oklch(0.885 0.004 80);--ink-2:oklch(0.790 0.005 80);--ink-3:oklch(0.700 0.005 80);--sage-0:oklch(0.720 0.075 155);--sage:oklch(0.720 0.075 155);--on-sage:oklch(0.175 0.030 155);--bad:oklch(0.700 0.130 25);--warn:oklch(0.790 0.110 70);background:var(--page);color:var(--ink-0)}
.oci-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:clamp(40px,5vw,64px)}
.oci-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:40px 64px;align-items:center}
.oci-4{display:flex;flex-direction:column;gap:20px}
.oci-5{display:flex;align-items:center;gap:10px;font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.oci-6{width:8px;height:8px;border-radius:50%;background:var(--sage-0);flex:none}
.oci-7{color:var(--ink-0)}
.oci-8{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.oci-9{color:var(--sage-0);text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.14em}
.oci-10{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:580px;text-wrap:pretty}
.oci-11{background:var(--paper);border-radius:22px;padding:clamp(20px,3vw,28px);overflow-x:auto}
.oci-12{position:relative;min-width:500px;display:flex;flex-direction:column;gap:0}
.oci-13{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--ink-0);box-shadow:0 0 0 4px var(--paper);z-index:3;opacity:0;pointer-events:none}
.oci-14{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1.15fr) 14px minmax(0,1fr);gap:8px;align-items:stretch}
.oci-15{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;background:var(--page);border:1px solid var(--line);border-radius:16px;padding:14px;min-width:0}
.oci-16{font-family:var(--font-num);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.oci-17{font-size:16px;line-height:1.15;font-weight:800;letter-spacing:-.01em}
.oci-18{font-size:12.5px;line-height:1.35;color:var(--ink-2);text-wrap:pretty}
.oci-19{align-self:center;color:var(--ink-3);font-size:16px;line-height:1}
.oci-20{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;background:var(--sage-0);color:var(--on-sage);--ink-2:var(--on-sage);border-radius:16px;padding:14px;min-width:0}
.oci-21{position:relative;height:56px;margin:0 calc(12.5% - 4px) 0 calc(12.5% - 12px)}
.oci-22{position:absolute;inset:0 0 14px 0;border:2.4px solid var(--sage-0);border-top:0;border-radius:0 0 18px 18px}
.oci-23{position:absolute;left:-6px;top:-6px;width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:10px solid var(--sage-0)}
.oci-24{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:var(--paper);padding:0 10px;white-space:nowrap;font-family:var(--font-num);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-0)}
.oci-25{background:var(--paper);border-radius:22px;padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:28px}
.oci-26{display:flex;flex-direction:column;gap:8px}
.oci-27{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.oci-28{font-size:clamp(22px,2.2vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.oci-29{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;align-items:stretch}
.oci-30{background:var(--page);border:1px solid var(--line-soft);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.oci-31{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(44px,5vw,64px);line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--ink-2);white-space:nowrap}
.oci-32{font-size:15px;line-height:1.45;color:var(--ink-1);text-wrap:pretty}
.oci-33{border:1.5px dashed var(--bad);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center}
.oci-34{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(36px,4vw,52px);line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--bad)}
.oci-35{font-size:15px;font-weight:700;color:var(--ink-0)}
.oci-36{background:var(--page);border:2.4px solid var(--sage-0);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.oci-37{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-0)}
.oci-38{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(36px,4vw,52px);line-height:1.05;font-weight:600;letter-spacing:-.03em;color:var(--ink-0);text-wrap:balance}
.oci-39{display:flex;flex-wrap:wrap;gap:8px}
.oci-40{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;box-sizing:border-box;border-radius:999px;border:1px solid var(--line);background:var(--page);font-size:14px;font-weight:600;color:var(--ink-0)}
.oci-41{width:6px;height:6px;border-radius:50%;background:var(--sage-0);flex:none}
.oci-42{overflow-x:auto;margin:0 calc(-1 * clamp(20px,3vw,40px));padding:0 clamp(20px,3vw,40px)}
.oci-43{min-width:560px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);font-size:15px;line-height:1.4}
.oci-44{padding:0 16px 12px 0;border-bottom:1px solid var(--line);font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.oci-45{padding:0 16px 12px;border-bottom:1px solid var(--line);font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.oci-46{padding:0 16px 12px;border-bottom:1px solid var(--line);font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-0)}
.oci-47{padding:14px 16px 14px 0;border-bottom:1px solid var(--line-soft);font-weight:700}
.oci-48{padding:14px 16px;border-bottom:1px solid var(--line-soft);color:var(--ink-2)}
.oci-49{padding:14px 16px;border-bottom:1px solid var(--line-soft);background:color-mix(in oklch, var(--sage-0) 9%, transparent);color:var(--ink-0);font-weight:600}
.oci-50{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:28px 24px;position:relative}
.oci-51{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.oci-52{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--sage-0);color:var(--ink-0);font-family:var(--font-num);font-size:13px;font-weight:700}
.oci-53{font-size:20px;font-weight:800;letter-spacing:-.01em}
.oci-54{font-size:14.5px;line-height:1.5;color:var(--ink-1);text-wrap:pretty}
.oci-55{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:2.4px solid var(--sage-0)}
.oci-56{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--sage-0);border:1.5px solid var(--sage-0);color:var(--on-sage);font-family:var(--font-num);font-size:13px;font-weight:700}
.oci-57{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-top:28px;border-top:1px solid var(--line-soft)}
.oci-58{margin:0;font-size:clamp(18px,1.8vw,22px);line-height:1.4;font-weight:700;letter-spacing:-.01em;max-width:620px;text-wrap:pretty}
.oci-59{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:16px;font-weight:700;text-decoration:none;box-shadow:var(--sh-low);transition:transform 140ms,box-shadow 140ms}
.oci-60{font-size:18px}
/* ручний шар · ROAS у скоркардах «до/після» (блок офлайн-конверсій) */
.oci-roas{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:3px}
.oci-roas-v{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
.oci-roas-bad .oci-roas-v{color:var(--bad)}
.oci-roas-ok .oci-roas-v{color:var(--sage-0)}
.oci-roas-t{font-size:13px;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.oci-roas-gap{margin-top:6px;font-size:13px;line-height:1.4;font-weight:700;color:var(--bad);text-wrap:balance}
.faq-1{background:var(--page);color:var(--ink-0);border-top:1px solid var(--line-soft)}
.faq-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:40px 64px;align-items:start}
.faq-3{display:flex;flex-direction:column;gap:20px}
.faq-4{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.faq-5{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.faq-6{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq-7{border-bottom:1px solid var(--line)}
.faq-8{display:block;height:2.4px;margin-top:-2.4px;width:0%;border-radius:2px;background:var(--sage-0);transition:width 280ms cubic-bezier(.2,.7,.3,1)}
.faq-9{margin:0;font:inherit}
.faq-10{all:unset;cursor:pointer;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.faq-11{flex:none;width:32px;height:32px;border-radius:50%;border:1px dashed var(--ink-3);background:transparent;display:grid;place-items:center;font-size:18px;font-weight:500;color:var(--ink-1)}
.faq-12{margin:0;padding:0 48px 24px 0;font-size:16px;line-height:1.6;color:var(--ink-1);text-wrap:pretty;display:none}
.blog-1{background:var(--paper);border-top:1px solid var(--line-soft)}
.blog-2{max-width:1320px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:40px}
.blog-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 48px;align-items:end}
.blog-4{display:flex;flex-direction:column;gap:20px}
.blog-5{font-family:var(--font-num);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.blog-6{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.blog-7{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:520px;text-wrap:pretty}
.blog-8{display:flex;flex-direction:column;border-top:1.5px solid var(--ink-0)}
.blog-9{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr) auto;gap:8px 32px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);color:var(--ink-0);text-decoration:none;transition:padding 140ms}
.blog-10{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.blog-11{font-size:clamp(20px,2.2vw,28px);line-height:1.2;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.blog-12{display:flex;align-items:center;gap:12px;white-space:nowrap}
.blog-13{font-family:var(--font-num);font-size:14px;color:var(--ink-2)}
.blog-14{font-family:var(--font-num);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--warn);border:1px dashed var(--warn);border-radius:999px;padding:4px 9px}
.cta-1{--page:oklch(0.185 0.006 80);--paper:oklch(0.250 0.006 82);--paper-2:oklch(0.290 0.006 82);--line:oklch(0.390 0.008 80);--line-soft:oklch(0.320 0.007 80);--ink-0:oklch(0.970 0.004 80);--ink-1:oklch(0.885 0.004 80);--ink-2:oklch(0.790 0.005 80);--ink-3:oklch(0.700 0.005 80);--sage-0:oklch(0.720 0.075 155);--sage:oklch(0.720 0.075 155);--on-sage:oklch(0.175 0.030 155);position:relative;overflow:hidden;background:var(--page);color:var(--ink-0)}
.cta-2{position:absolute;right:0;bottom:0;width:520px;height:520px;pointer-events:none}
.cta-3{position:relative;max-width:1320px;margin:0 auto;padding:clamp(72px,9vw,128px) clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:clamp(72px,9vw,120px)}
.cta-4{display:flex;flex-direction:column;gap:28px;max-width:680px}
.cta-5{margin:0;font-size:clamp(40px,5.6vw,80px);line-height:.98;font-weight:800;letter-spacing:-.045em;text-wrap:balance}
.cta-6{margin:0;font-size:18px;line-height:1.55;color:var(--ink-1);max-width:480px}
.cta-7{display:flex;flex-wrap:wrap;gap:12px}
.cta-8{display:inline-flex;align-items:center;gap:10px;height:60px;padding:0 32px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:17px;font-weight:700;text-decoration:none}
.cta-9{font-size:18px}
.cta-10{display:inline-flex;align-items:center;height:60px;padding:0 30px;border-radius:999px;border:1.5px dashed var(--ink-3);color:var(--ink-0);font-size:17px;font-weight:700;text-decoration:none}
.cta-11{font-size:14px;color:var(--ink-2)}
.ft-1{background:var(--paper);border-top:1px solid var(--line-soft);color:var(--ink-0)}
.ft-2{max-width:1320px;margin:0 auto;padding:56px clamp(20px,4vw,56px) 32px;display:flex;flex-direction:column;gap:40px}
.ft-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px 48px}
.ft-4{display:flex;flex-direction:column;gap:16px}
.ft-5{display:flex;align-items:center;gap:10px}
.ft-6{color:var(--sage-0);display:block}
.ft-7{font-size:26px;line-height:1;font-weight:800;letter-spacing:-.035em}
.ft-8{font-size:clamp(22px,2.4vw,30px);line-height:1.1;font-weight:800;letter-spacing:-.025em}
.ft-9{font-size:15.5px;line-height:1.55;color:var(--ink-1);max-width:380px;text-wrap:pretty}
.ft-10{display:flex;flex-direction:column;gap:12px}
.ft-11{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.ft-12{color:var(--ink-1);text-decoration:none;font-size:15.5px;padding:4px 0}
.ft-13{color:var(--ink-1);font-size:15.5px;padding:4px 0}
.ft-14{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--font-num);font-size:12px;letter-spacing:.08em;color:var(--ink-2)}
.ft-15{display:flex;flex-wrap:wrap;gap:8px 32px}
.ft-16{color:var(--ink-2);text-decoration:none}
.ft-17{width:32px;height:2.4px;border-radius:2px;background:var(--sage-0)}
.pg-3{height:76px}
.mb-1{position:fixed;left:50%;bottom:24px;z-index:30;transform:translateX(-50%) translateY(24px);opacity:0;pointer-events:none;transition:transform 280ms cubic-bezier(.2,.7,.3,1),opacity 280ms cubic-bezier(.2,.7,.3,1);display:flex;align-items:center;gap:20px;padding:10px 10px 10px 24px;border-radius:999px;background:oklch(0.20 0.005 80);color:oklch(0.97 0.004 80);border:1px solid oklch(0.32 0.006 80);box-shadow:var(--sh-pop);white-space:nowrap}
.mb-2{display:flex;align-items:center;gap:10px}
.mb-3{flex:none;display:block;color:oklch(0.72 0.07 155)}
.mb-5{font-size:18px;font-weight:800;letter-spacing:-.02em}
.mb-6{font-size:16px;font-weight:600;color:oklch(0.885 0.004 80)}
.mb-7{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:16px;font-weight:700;text-decoration:none;transition:transform 140ms}
.pg-4{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--paper);color:var(--ink-0);border-top:1px solid var(--line-soft);box-shadow:var(--sh-mid);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}
.pg-5{flex:none;color:var(--sage-0);display:block}
.pg-7{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pg-8{font-family:var(--font-num);font-size:16px;font-weight:600;white-space:nowrap}
.pg-9{font-size:12.5px;color:var(--ink-2)}
.pg-10{flex:none;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:16px;font-weight:700;text-decoration:none}
.md-1{position:fixed;inset:0;z-index:100;background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.md-2{position:relative;width:100%;max-width:960px;max-height:calc(100vh - 32px);overflow:hidden;background:var(--paper);border-radius:22px;box-shadow:var(--sh-pop);display:flex}
.md-3{all:unset;cursor:pointer;position:absolute;right:clamp(20px,4vw,32px);top:calc(clamp(24px,5vw,36px) - 5px);z-index:3;width:40px;height:40px;box-sizing:border-box;line-height:1;border-radius:50%;border:1px dashed var(--ink-3);display:grid;place-items:center;font-size:20px;color:var(--ink-1);background:var(--paper)}
.md-4{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-wrap:wrap}
.md-5{--page:oklch(0.185 0.006 80);--paper:oklch(0.250 0.006 82);--line:oklch(0.390 0.008 80);--ink-0:oklch(0.970 0.004 80);--ink-1:oklch(0.885 0.004 80);--ink-2:oklch(0.790 0.005 80);--sage-0:oklch(0.720 0.075 155);--sage:oklch(0.720 0.075 155);--bad:oklch(0.700 0.130 25);flex:1 1 300px;position:relative;overflow:hidden;background:var(--page);color:var(--ink-0);padding:36px 32px;display:flex;flex-direction:column;gap:18px;min-height:280px}
.md-6{position:absolute;inset:0;pointer-events:none}
.md-7{position:relative;display:flex;align-items:center;gap:8px;font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.md-8{width:8px;height:8px;border-radius:50%;background:var(--sage-0)}
.md-9{position:relative;font-size:30px;line-height:1.08;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.md-10{position:relative;font-size:15px;line-height:1.55;color:var(--ink-1)}
.md-11{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:auto}
.md-12{display:flex;gap:10px;font-size:14.5px;color:var(--ink-1)}
.md-13{color:var(--sage-0);font-weight:800}
.md-14{flex:999 1 420px;min-width:0;padding:clamp(24px,5vw,36px) clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:20px}
.md-15{display:flex;flex-direction:column;gap:20px}
.md-16{font-size:22px;font-weight:800;letter-spacing:-.02em;padding-right:48px}
.md-17{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.md-18{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-1)}
.md-19{color:var(--bad)}
.md-20{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:16px;font-weight:500;color:var(--ink-0);outline:none;transition:border-color 140ms}
.md-20:focus{border-color:var(--sage-0);box-shadow:var(--focus-ring)}
.md-21{min-height:0;font-size:12.5px;font-weight:600;color:var(--bad);display:none}
.md-22{font-weight:500;color:var(--ink-2)}
.md-23{display:flex;flex-wrap:wrap;gap:8px}
.md-24{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;box-sizing:border-box;border:1px dashed var(--ink-3);background:transparent;color:var(--ink-0);font-size:14.5px;font-weight:700;transition:background 140ms}
.md-25{font-size:12.5px;font-weight:600;color:var(--bad);display:none}
.md-26{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:16px;color:var(--ink-0);outline:none;transition:border-color 140ms}
.md-26:focus{border-color:var(--sage-0);box-shadow:var(--focus-ring)}
.md-27{font-size:13px;font-weight:600;color:var(--bad);display:none}
.md-28{all:unset;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;height:56px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:17px;font-weight:700;transition:transform 140ms,box-shadow 140ms}
.md-29{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13.5px;color:var(--ink-2)}
.md-30{all:unset;cursor:pointer;font-weight:700;color:var(--ink-0);text-decoration:underline;text-underline-offset:3px}
.md-31{font-size:12.5px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
.md-32{color:var(--ink-1);text-decoration:underline;text-underline-offset:2px}
.md-33{display:flex;flex-direction:column;gap:20px;justify-content:center;flex:1;min-height:320px}
.md-34{width:56px;height:56px;border-radius:50%;background:var(--sage-bg);color:var(--sage-0);display:grid;place-items:center;font-size:26px;font-weight:800}
.md-35{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.025em;padding-right:48px}
.md-36{display:flex;flex-direction:column;gap:10px}
.md-37{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.md-38{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:baseline}
.md-39{font-family:var(--font-num);font-size:15px;font-weight:600;color:var(--sage-0)}
.md-40{font-size:15px;line-height:1.5;color:var(--ink-1)}
.md-41{color:var(--ink-0)}
.md-42{display:flex;flex-direction:column;gap:12px;background:var(--sage-bg-2);border-radius:14px;padding:18px 20px}
.md-43{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-0)}
.md-44{font-size:15px;line-height:1.5;color:var(--ink-0);text-wrap:pretty}
.md-45{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:15px;font-weight:700;text-decoration:none}
.md-46{all:unset;cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:999px;border:1.5px dashed var(--ink-3);font-size:15px;font-weight:700}
.qz-1{position:fixed;inset:0;z-index:100;background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.qz-2{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 32px);overflow:hidden;background:var(--paper);border-radius:22px;box-shadow:var(--sh-pop);display:flex}
.qz-3{all:unset;cursor:pointer;position:absolute;right:clamp(20px,4vw,32px);top:calc(clamp(24px,5vw,36px) - 5px);z-index:3;width:40px;height:40px;box-sizing:border-box;line-height:1;border-radius:50%;border:1px dashed var(--ink-3);display:grid;place-items:center;font-size:20px;color:var(--ink-1);background:var(--paper)}
.qz-4{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-wrap:wrap}
.qz-5{flex:1 1 100%;min-width:0;padding:clamp(24px,5vw,32px) clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:24px}
.qz-6{display:flex;flex-direction:column;gap:12px;padding-right:48px}
.qz-7{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.qz-8{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.qz-9{height:4px;border-radius:2px;background:var(--sage-0);transition:background 220ms}
.qz-10{height:4px;border-radius:2px;background:var(--line);transition:background 220ms}
.qz-11{font-size:clamp(24px,3vw,30px);line-height:1.12;font-weight:800;letter-spacing:-.025em}
.qz-12{display:flex;flex-direction:column;gap:10px}
.qz-13{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px;border-radius:14px;box-sizing:border-box;border:1px dashed var(--ink-3);background:transparent;color:var(--ink-0);font-size:17px;font-weight:700}
.qz-14{font-family:var(--font-num);font-size:13px;font-weight:600}
.qz-15{display:flex;flex-wrap:wrap;gap:8px}
.qz-16{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;box-sizing:border-box;border:1px dashed var(--ink-3);background:transparent;color:var(--ink-0);font-size:14.5px;font-weight:700;transition:background 140ms}
.qz-17{display:flex;flex-direction:column;gap:20px}
.qz-18{background:var(--page);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:6px}
.qz-19{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:clamp(34px,5vw,48px);line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--bad);white-space:nowrap}
.qz-20{font-size:18px;font-weight:500;color:var(--ink-2)}
.qz-21{font-size:14.5px;color:var(--ink-2)}
.qz-22{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.qz-23{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-1)}
.qz-24{color:var(--bad)}
.qz-25{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:16px;font-weight:500;color:var(--ink-0);outline:none;transition:border-color 140ms}
.qz-25:focus{border-color:var(--sage-0);box-shadow:var(--focus-ring)}
.qz-26{min-height:0;font-size:12.5px;font-weight:600;color:var(--bad);display:none}
.qz-27{font-weight:500;color:var(--ink-2)}
.qz-28{display:flex;flex-direction:column;gap:14px}
.qz-29{width:56px;height:56px;border-radius:50%;background:var(--sage-bg);color:var(--sage-0);display:grid;place-items:center;font-size:26px;font-weight:800}
.qz-30{font-size:16px;line-height:1.55;color:var(--ink-1);max-width:440px}
.qz-31{display:flex;flex-direction:column;gap:12px;background:var(--sage-bg-2);border-radius:14px;padding:18px 20px}
.qz-32{font-family:var(--font-num);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-0)}
.qz-33{font-size:15px;line-height:1.5;color:var(--ink-0);text-wrap:pretty}
.qz-34{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:15px;font-weight:700;text-decoration:none}
.qz-35{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--line-soft)}
.qz-36{all:unset;cursor:pointer;visibility:hidden;height:48px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:700;color:var(--ink-1)}
.qz-37{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;background:var(--sage-0);color:var(--on-sage);font-size:16px;font-weight:700;opacity:0.45;transition:transform 140ms}
@media (hover:hover){
.hd-3:hover{color:var(--ink-0)}
.hd-8:hover{color:var(--ink-0)}
.hd-9:hover{transform:translateY(-1px);color:var(--paper)}
.hero-8:hover{transform:translateY(-1px);box-shadow:var(--sh-mid);color:var(--on-sage)}
.hero-10:hover{border-style:solid;background:var(--paper-2);color:var(--ink-0)}
.hero-22:hover{color:var(--paper);transform:translateY(-1px)}
.hero-29:hover{color:var(--paper)}
.int-9:hover{opacity:.8}
.cab-22:hover{background:var(--paper-2)}
.pr-18:hover{border-style:solid;background:var(--paper-2);color:var(--ink-0)}
.pr-26:hover{color:var(--sage-0);transform:translateY(-1px)}
.ret-37:hover{color:var(--ink-0)}
.ret-104:hover{transform:translateY(-1px);color:var(--paper)}
.oci-59:hover{transform:translateY(-1px);box-shadow:var(--sh-mid);color:var(--on-sage)}
.faq-10:hover{color:var(--sage-0)}
.cta-8:hover{transform:translateY(-1px);color:var(--on-sage)}
.cta-10:hover{border-style:solid;background:var(--paper-2);color:var(--ink-0)}
.ft-12:hover{color:var(--ink-0)}
.ft-16:hover{color:var(--ink-0)}
.mb-7:hover{transform:translateY(-1px);color:var(--on-sage)}
.pg-10:hover{color:var(--on-sage)}
.md-3:hover{border-style:solid;background:var(--paper-2)}
.md-28:hover{transform:translateY(-1px);box-shadow:var(--sh-mid)}
.md-45:hover{color:var(--on-sage);transform:translateY(-1px)}
.md-46:hover{border-style:solid;background:var(--paper-2)}
.qz-3:hover{border-style:solid;background:var(--paper-2)}
.qz-13:hover{border-style:solid}
.qz-34:hover{color:var(--on-sage);transform:translateY(-1px)}
.qz-36:hover{background:var(--paper-2)}
.qz-37:hover{transform:translateY(-1px)}
}
@media (max-width:1239px){
.ret-43{min-height:760px}
}
@media (max-width:1099px){
.int-15{display:none}
}
@media (max-width:719px){
.hd-6{display:block}
.hd-7{display:none}
.hd-9{padding:0 18px}
.hero-13{padding-bottom:40px}
.hero-17{display:none}
.in-9{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
.in-10{display:none}
.in-11{display:none}
.cs-4{max-width:260px}
.ret-20{min-width:0;grid-template-columns:minmax(0,1fr);gap:28px 16px}
.ret-21{display:none}
.ret-22{display:none}
.ret-43{min-height:auto}
.md-1{align-items:flex-end;padding:0}
.md-2{max-height:92vh;border-radius:22px 22px 0 0}
.md-5{display:none}
.qz-1{align-items:flex-end;padding:0}
.qz-2{max-height:92vh;border-radius:22px 22px 0 0}
}
.int-8[data-on] .int-10{width:48px;background:var(--sage-0)}
.int-8[data-on] .int-11{color:var(--ink-0)}
.int-8[data-on] .int-10{width:48px;background:var(--sage-0)}
.int-8[data-on] .int-11{color:var(--ink-0)}
.int-8[data-on] .int-10{width:48px;background:var(--sage-0)}
.int-8[data-on] .int-11{color:var(--ink-0)}
.int-8[data-on] .int-10{width:48px;background:var(--sage-0)}
.int-8[data-on] .int-11{color:var(--ink-0)}
.int-8[data-on] .int-10{width:48px;background:var(--sage-0)}
.int-8[data-on] .int-11{color:var(--ink-0)}
.int-8[data-on] .int-10{width:48px;background:var(--sage-0)}
.int-8[data-on] .int-11{color:var(--ink-0)}
.ret-34[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-34[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-34[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-34[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-34[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-34[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-37[data-on]{color:var(--ink-0)}
.ret-37[data-on] .ret-42{width:32px}
.ret-37[data-on]{color:var(--ink-0)}
.ret-37[data-on] .ret-42{width:32px}
.ret-37[data-on]{color:var(--ink-0)}
.ret-37[data-on] .ret-42{width:32px}
.ret-37[data-on]{color:var(--ink-0)}
.ret-37[data-on] .ret-42{width:32px}
.ret-37[data-on]{color:var(--ink-0)}
.ret-37[data-on] .ret-42{width:32px}
.ret-37[data-on]{color:var(--ink-0)}
.ret-37[data-on] .ret-42{width:32px}
.ret-71[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-71[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.ret-71[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.faq-7[data-on] .faq-8{width:100%}
.faq-7[data-on] .faq-11{border:1px solid var(--sage-0);background:var(--sage-0);color:var(--on-sage)}
.faq-7[data-on] .faq-12{display:block}
.faq-7[data-on] .faq-8{width:100%}
.faq-7[data-on] .faq-11{border:1px solid var(--sage-0);background:var(--sage-0);color:var(--on-sage)}
.faq-7[data-on] .faq-12{display:block}
.faq-7[data-on] .faq-8{width:100%}
.faq-7[data-on] .faq-11{border:1px solid var(--sage-0);background:var(--sage-0);color:var(--on-sage)}
.faq-7[data-on] .faq-12{display:block}
.faq-7[data-on] .faq-8{width:100%}
.faq-7[data-on] .faq-11{border:1px solid var(--sage-0);background:var(--sage-0);color:var(--on-sage)}
.faq-7[data-on] .faq-12{display:block}
.faq-7[data-on] .faq-8{width:100%}
.faq-7[data-on] .faq-11{border:1px solid var(--sage-0);background:var(--sage-0);color:var(--on-sage)}
.faq-7[data-on] .faq-12{display:block}
.faq-7[data-on] .faq-8{width:100%}
.faq-7[data-on] .faq-11{border:1px solid var(--sage-0);background:var(--sage-0);color:var(--on-sage)}
.faq-7[data-on] .faq-12{display:block}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.md-24[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-13[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-13[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-13[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
.qz-16[data-on]{border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper)}
@media (min-width:1240px){
.hero-23,.hero-24,.hero-25,.hero-26,.hero-27,.hero-28,.hero-29,.hero-30,.ret-33,.ret-34,.pg-3,.pg-4,.pg-5,.pg-6,.pg-7,.pg-8,.pg-9,.pg-10{display:none!important}
}
@media (min-width:1100px) and (max-width:1239px){
.hero-23,.hero-24,.hero-25,.hero-26,.hero-27,.hero-28,.hero-29,.hero-30,.ret-33,.ret-34,.pg-3,.pg-4,.pg-5,.pg-6,.pg-7,.pg-8,.pg-9,.pg-10{display:none!important}
}
@media (min-width:720px) and (max-width:1099px){
.hero-23,.hero-24,.hero-25,.hero-26,.hero-27,.hero-28,.hero-29,.hero-30,.ret-33,.ret-34,.pg-3,.pg-4,.pg-5,.pg-6,.pg-7,.pg-8,.pg-9,.pg-10{display:none!important}
}
@media (max-width:719px){
.ret-36,.ret-37,.ret-38,.ret-39,.ret-40,.ret-41,.ret-42,.mb-1,.mb-2,.mb-3,.mb-4,.mb-5,.mb-6,.mb-7{display:none!important}
}

/* ═══ Після згенерованого — стани, які перебивають класи еталона ═══ */
/* Шапка: ховається при прокрутці вниз, повертається при прокрутці вгору (як на bimp.yolt.cloud) */
[data-topbar]{transition:transform 260ms cubic-bezier(.2,.7,.3,1);will-change:transform}
[data-topbar].is-hid{transform:translateY(-100%)}

/* ═══ Шапка й нижня плашка — спільний патерн сайтів Yolt (T-1356, власник 12.10):
   прокрутка вниз → шапка ховається, знизу виїжджає плашка з CTA;
   прокрутка вгору → повертається шапка, плашка ховається. Логіка — hub.js «scrollUI». ═══ */
header{position:relative}
header>div{height:64px!important}
header>div>a:first-child svg{width:24px;height:24px}
header>div>a:first-child b{font-size:23px!important}
@media (max-width:719px){header>div{height:60px!important}}

/* Кнопка «Меню» і панель (як на bimp.yolt.cloud) */
.burger{flex:none;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px 0 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-0);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background 140ms,border-color 140ms,color 140ms}
.burger:hover{border-color:var(--ink-3)}
.burger[aria-expanded="true"]{background:var(--ink-0);border-color:var(--ink-0);color:var(--paper)}
.burger__i{position:relative;width:18px;height:12px;display:block}
.burger__i i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform 200ms cubic-bezier(.2,.7,.3,1),opacity 160ms}
.burger__i i:nth-child(1){top:0}.burger__i i:nth-child(2){top:5px}.burger__i i:nth-child(3){top:10px}
.burger[aria-expanded="true"] .burger__i i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] .burger__i i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] .burger__i i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
html:not(.js) .burger{display:none}
.menu{position:absolute;left:0;right:0;top:100%;z-index:2;background:var(--page);border-bottom:1px solid var(--line-soft);box-shadow:var(--sh-mid);max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain}
.menu__in{display:flex;flex-direction:column;gap:20px;padding:12px clamp(20px,4vw,56px) 28px}
.menu__nav{display:flex;flex-direction:column}
.menu__nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line-soft);color:var(--ink-0);text-decoration:none;font-size:18px;font-weight:600;letter-spacing:-.01em}
.menu__nav a:hover{color:var(--sage-0)}
.menu__side{display:flex;flex-direction:column;gap:10px}
.menu__cta,.menu__quiz{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none}
.menu__cta{background:var(--sage-0);color:var(--on-sage)}
.menu__cta:hover{color:var(--on-sage)}
.menu__quiz{border:1.5px dashed var(--ink-3);color:var(--ink-0)}
.menu__quiz small{font-family:var(--font-num);font-size:12.5px;font-weight:600;color:var(--ink-2)}
.menu__quiz:hover{border-style:solid;background:var(--paper-2);color:var(--ink-0)}
.menu__c{margin:6px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px}
.menu__c a{color:var(--ink-1)}
/* «Меню» лише на телефоні; на ≥720 у шапці розділи + «Демо» (власник 12.10) */
@media (min-width:720px){.burger,.menu{display:none!important}}
@media (max-width:719px){header>div>a[href="#demo"]{display:none}}

/* Контур у першому екрані не обрізається рамкою SVG — лише краєм секції (власник 12.10) */
[data-ref=heroSvg] svg{overflow:visible}

/* Нижня смуга на телефоні: з'являється при прокрутці вниз */
.js [data-bottombar]{transform:translateY(calc(100% + 8px));transition:transform 260ms cubic-bezier(.2,.7,.3,1)}
.js [data-bottombar][data-on]{transform:none}

/* ═══ Телефон: у макеті чипи й таблиця «Без Yolt / З Yolt» вилазили за картку ═══ */
@media (max-width:719px){
  .m-chip{white-space:normal;letter-spacing:.02em;max-width:100%}
  :has(>.m-tbl){overflow:visible!important;margin:0!important;padding:0!important}
  .m-tbl{min-width:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .m-tbl>:nth-child(1){display:none}
  .m-tbl>:nth-child(2){padding-left:0!important}
  .m-tbl>:nth-child(3n+4){grid-column:1/-1;padding:16px 0 8px!important;border-bottom:0!important}
  .m-tbl>:nth-child(3n+5){padding:10px 12px 12px 0!important}
  .m-tbl>:nth-child(3n+6){padding:10px 12px!important;border-radius:0}
}