@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/onest-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/onest-400-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: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/onest-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/onest-400-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: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/onest-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/onest-400-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: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/unbounded-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/unbounded-700-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: 'Handjet';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/handjet-pixel.woff2') format('woff2');
  unicode-range: U+0020-007E, U+00A0, U+0401, U+0410-044F, U+0451, U+2116;
}
@font-face {
  font-family: 'Unbounded Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/unbounded-900-caps.woff2') format('woff2');
  unicode-range: U+20-21, U+28-29, U+2C-2E, U+30-3A, U+3F, U+41-5A, U+AB, U+BB, U+401, U+410-42F;
}
:root {
  --paper: #eef0f3;
  --ink: #0e1116;
  --muted: #4a5260;
  --accent: #f0a81a;
  --pill: #141414;
  --surface-dark-bg: var(--ink);
  --surface-dark-fg: var(--paper);
  --muted-on-dark: color-mix(in oklab, var(--paper) 72%, var(--ink));
  --hairline-on-light: rgba(14, 17, 22, 0.16);
  --hairline-on-light-soft: rgba(14, 17, 22, 0.08);
  --hairline-on-dark: rgba(238, 240, 243, 0.24);
  --hairline-on-dark-soft: rgba(238, 240, 243, 0.12);
  --hairline: var(--hairline-on-light);
  --hairline-soft: var(--hairline-on-light-soft);
  --font-display: 'Unbounded', 'Arial Black', 'Segoe UI', sans-serif;
  --font-text: 'Onest', 'Segoe UI', system-ui, sans-serif;
  --type-root: clamp(13px, 12.2px + 0.25vw, 16.5px);
  --text-2xs: clamp(0.6875rem, 0.655rem + 0.15vw, 0.78rem);
  --text-xs: clamp(0.75rem, 0.71rem + 0.2vw, 0.88rem);
  --text-sm: clamp(0.82rem, 0.775rem + 0.24vw, 0.97rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.3vw, 1.08rem);
  --text-md: clamp(1.05rem, 0.97rem + 0.42vw, 1.25rem);
  --text-lg: clamp(1.15rem, 1.03rem + 0.75vw, 1.55rem);
  --text-display-xs: clamp(1.6rem, 3.4vw, 2.6rem);
  --text-display-sm: clamp(2.1rem, 5vw, 4.6rem);
  --text-display-md: clamp(2.4rem, 8.4vw, 6.2rem);
  --text-display-lg: clamp(3.5rem, 15vw, 11.8rem);
  --text-display-xl: clamp(4.4rem, 14.5vw, 13.5rem);
  --text-watermark: clamp(9rem, 23vw, 23rem);
  --leading-tight: 1;
  --leading-display: 0.88;
  --leading-body: 1.7;
  --leading-heading: 1.05;
  --leading-snug: 1.35;
  --tracking-tight: -0.045em;
  --tracking-display: -0.02em;
  --tracking-brand: 0.02em;
  --tracking-copy: 0.01em;
  --tracking-meta: 0.12em;
  --tracking-ui: 0.05em;
  --tracking-label: 0.08em;
  --tracking-wide: 0.1em;
  --tracking-caps: 0.18em;
  --space-3xs: clamp(0.25rem, 0.23rem + 0.1vw, 0.35rem);
  --space-2xs: clamp(0.5rem, 0.46rem + 0.2vw, 0.7rem);
  --space-xs: clamp(0.75rem, 0.69rem + 0.3vw, 1.05rem);
  --space-sm: clamp(1rem, 0.92rem + 0.4vw, 1.4rem);
  --space-md: clamp(1.5rem, 1.38rem + 0.6vw, 2.1rem);
  --space-lg: clamp(2.25rem, 2.07rem + 0.9vw, 3.15rem);
  --space-xl: clamp(3.5rem, 3.2rem + 1.5vw, 5rem);
  --space-2xl: clamp(5rem, 4.5rem + 2.5vw, 8rem);
  --space-3xl: clamp(7rem, 6rem + 5vw, 12rem);
  --space-block: clamp(6rem, 4rem + 8vw, 11rem);
  --pad-x: 3vw;
  --pad-y: 2.5vw;
  --measure: 66ch;
  --container-max: 1760px;
  --radius-none: 0;
  --radius-bar: 6px;
  --radius-card: 10px;
  --radius-pill: 999px;
  --z-membrane: 0;
  --z-hero-content: 5;
  --z-mask: 20;
  --z-track-content: 25;
  --z-pill: 100;
  --z-menu: 100;
  --z-cta-always: 110;
  --z-chooser: 150;
  --z-loader: 200;
  --z-grain: 300;
  --z-cursor: 310;
  --dur-quick: 120ms;
  --dur-feedback: 200ms;
  --dur-base: 320ms;
  --dur-slow: 520ms;
  --dur-reveal: 700ms;
  --dur-loader: 1000ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-loader: cubic-bezier(0.76, 0, 0.24, 1);
  --stagger-row: 60ms;
  --stagger-word: 40ms;
  --btn-h: 60px;
  --btn-h-mobile: 56px;
  --btn-h-small: 44px;
  --btn-text: clamp(15px, 14.4px + 0.18vw, 17px);
  --btn-text-small: clamp(14px, 13.8px + 0.05vw, 15px);
  --btn-pad-x: clamp(20px, 16px + 1.1vw, 32px);
  --btn-pad-x-small: clamp(12px, 11px + 0.3vw, 16px);
  --dot-size: 8px;
  --btn-halo-gap: 5px;
  --btn-halo-light: rgba(14, 17, 22, 0.30);
  --btn-halo-dark: rgba(238, 240, 243, 0.34);
  --btn-press: 0.965;
  --btn-glass: color-mix(in oklab, var(--paper) 8%, transparent);
  --btn-shadow-light: 0 14px 34px -14px rgba(14, 17, 22, 0.55);
  --btn-pulse: 2.8s;
  --btn-wave: var(--accent);
  --btn-wave-w: 1.5px;
  --btn-wave-reach: 18px;
  --btn-wave-gap: 0.42s;
  --burger-size: 44px;
  --burger-line-w: 16px;
  --burger-line-h: 1.5px;
  --menu-row-h: 56px;
  --wordmark-w: 140px;
  --wordmark-w-mobile: 112px;
  --tap-min: 44px;
}
@media (max-width: 767px) {
  :root {
    --pad-x: 16px;
    --pad-y: 16px;
  }
}
:root {
  --surface-loader: var(--ink);
  --loader-mark-size: clamp(56px, 10vw, 132px);
  --loader-spread: calc(50vw - 120px);
}
:root {
  --nav-top: 30px;
  --nav-top-m: 16px;
  --nav-h: 64px;
  --nav-line-h: 4px;
  --nav-w-max: 500px;
  --nav-w-min: 280px;
  --nav-inset: 80px;
  --nav-inset-m: 24px;
  --nav-r: 6px;
  --nav-r-line: 999px;
  --nav-pad-x: 24px;
  --nav-wordmark-w: 92px;
  --menu-row-min: 64px;
  --menu-title-size: clamp(40px, min(6vw, calc(9.62vh - 20.4px)), 90px);
  --menu-title-size-m: calc(7.6vw - 2px);
  --menu-meta-h: 76px;
  --cta-always-bottom: 22vh;
}
:root {
  --b1-ui-width: 720px;
  --b1-ui-bottom: 12vh;
  --b1-thumb-h: 60px;
  --b1-thumb-h-m: 48px;
  --b1-eq-h: 50px;
  --b1-eq-base: 15px;
  --b1-eq-peak: 35px;
  --b1-title-h: 30px;
  --b1-nav-hit: 44px;
  --b1-slide-ms: 1400ms;
  --b1-title-ms: 500ms;
  --b1-eq-ms: 600ms;
  --b1-thumb-ms: 300ms;
  --b1-ease-eq: cubic-bezier(0.25, 0.1, 0.25, 1);
  --b1-reveal-from: 130%;
  --b1-h1-from: 110%;
  --b1-reveal-dur: 1200ms;
  --b1-reveal-stagger: 80ms;
  --b1-reveal-fade-dur: 200ms;
  --b1-enter-dur: 1100ms;
  --b1-enter-y: 28px;
}
:root {
  --font-pixel: 'Handjet', 'Courier New', monospace;
  --scene-base: 230px;
  --face-ground: #080808;
}
:root {
  --s8-fade-h: clamp(96px, 18vh, 220px);
  --s8-label-size: clamp(10px, 1vw, 13px);
  --s8-title-size: min(clamp(48px, 8vw, 80px), 9vh);
  --s8-pad-x: 4vw;
  --s8-col-gap: 2vw;
  --s8-card-h: 27.9vw;
  --s8-card-h-wide: 33.75vw;
  --s8-row-gap: 12vw;
  --s8-card-ground: #0d0d0d;
  --s8-mark-cols: 3 / 11;
  --s8-who-h: clamp(100px, min(30vh, 66vh - 300px), 420px);
  --s8-who-gap: 2.5vh;
  --s8-who-name-size: clamp(13px, 1.05vw, 17px);
  --s8-proj-size: clamp(13px, 0.95vw, 15px);
  --s8-tail: 22vh;
}
:root {
  --sec-pad-x: 4vw;
  --sec-col-gap: 2vw;
  --sec-title-size: clamp(34px, 4.4vw, 76px);
  --sec-body-size: clamp(15px, 1.25vw, 22px);
  --s4-track-h: 250vh;
  --s4-head-top: 12vh;
  --s4-gap: 5vh;
  --s4-title-size: clamp(26px, 2.7vw, 50px);
  --s4-sub-size: clamp(13px, 1vw, 18px);
  --s4-travel: 14vw;
  --s4-name-size: clamp(15px, 1.35vw, 25px);
  --s4-text-size: clamp(13px, 1vw, 18px);
  --s4-col-gap: 4vw;
  --s4-head-top-m: 88px;
  --s7-row-size: clamp(17px, 1.6vw, 30px);
  --s7-row-pad: clamp(16px, 1.6vw, 28px);
}
:root {
  --s10-q-size: clamp(17px, 1.6vw, 30px);
  --s10-row-pad: clamp(18px, 1.7vw, 30px);
  --s10-mark-size: clamp(14px, 1.1vw, 20px);
  --s10-line-hover: rgba(238, 240, 243, 0.6);
  --s11-handle-size: clamp(14px, 1vw, 18px);
}
:root {
  --s12-pad-y: 3vw;
  --s12-pad-x: 2.5vw;
  --s12-info-size: 16px;
  --s12-info-track: 2px;
  --s12-desc-size: 14px;
  --s12-desc-max: 450px;
  --s12-c1-size: clamp(20px, 3.5vw, 50px);
  --s12-c2-size: clamp(18px, 2.5vw, 30px);
  --s12-pages-size: 16px;
  --s12-pages-track: 1.5px;
  --s12-bridge-size: clamp(90px, 10vw, 148px);
  --s12-band-h: 50vh;
  --s12-band-bg: color-mix(in oklab, var(--paper) 12%, var(--ink));
  --s12-mark-w: min(88vw, calc(var(--s12-band-h) * 3.6));
}
@media (max-width: 1440px) {
  :root { --s12-band-h: 300px; }
}
@media (max-width: 767px) {
  :root {
    --s12-band-h: max(220px, 56vw);
    --s12-mark-w: 88vw;
  }
}
:root {
  --s3-track-h: 330vh;
  --s3-top: max(112px, 13vh);
  --s3-bottom: max(28px, 4.5vh);
  --s3-label-gap: clamp(14px, 2.6vh, 30px);
  --s3-row-gap: clamp(18px, 3.6vh, 46px);
  --s3-meter-size: clamp(15px, 1.2vw, 24px);
  --s3-step-size: clamp(14px, 1.06vw, 20px);
  --s3-step-gap: clamp(12px, 2.4vh, 28px);
  --s3-doc-title-size: clamp(12px, 1.35vw, 28px);
  --s3-doc-note-size: clamp(8px, 0.66vw, 12px);
  --s3-art-bg: color-mix(in oklab, var(--paper) 6%, var(--ink));
}
:root {
  --s7-head-top: 104px;
  --s7-head-top-m: 88px;
  --s7-title-size: clamp(30px, 3.6vw, 66px);
  --s7-rail-gap: clamp(14px, 2.6vh, 34px);
  --s7-rail-label-h: clamp(40px, 4.6vw, 76px);
  --s7-rail-label-h-m: 34px;
  --s7-rail-pad-b: clamp(10px, 1.4vh, 18px);
  --s7-rail-fade: clamp(28px, 5vh, 56px);
  --s7-track-h: clamp(14px, 1.3vw, 22px);
  --s7-gate-size: clamp(26px, 3vw, 54px);
  --s7-mark-size: clamp(9px, 0.72vw, 13px);
  --s7-marks-gap: clamp(8px, 1.2vh, 14px);
  --s7-cta-h: clamp(64px, 5vw, 84px);
  --s7-cta-pad-x: clamp(36px, 3.4vw, 64px);
  --s7-cta-text: clamp(17px, 1.25vw, 22px);
  --s7-cta-gap: clamp(20px, 4vh, 48px);
  --s7-tail: max(0px, calc(30vh - 120px));
  --s7-term-size: clamp(19px, 1.95vw, 36px);
  --s7-term-pad: clamp(26px, 6.2vh, 70px);
}
@media (max-width: 767px) {
  :root { --s7-gate-size: 24px; --s7-track-h: 12px; --s7-mark-size: 8px; --s7-term-size: 18px; --s7-term-pad: 30px; }
}
:root {
  --s11-value-size: clamp(17px, 15px + 0.35vw, 20px);
  --s11-pixel-size: clamp(14px, 12.5px + 0.2vw, 16px);
  --s11-panel-bg: #16191e;
  --s11-field-bg: #1d2024;
  --s11-sticky-top: max(110px, 14vh);
  --s11-hit: 900ms;
}
:root {
  --s10-q-size-split: clamp(16px, 1.15vw, 22px);
  --s10-a-size: clamp(21px, 1.7vw, 34px);
  --s10-count-size: clamp(18px, 1.4vw, 28px);
  --s10-num-scale: 1.1em;
  --s10-sticky-top: calc(var(--s11-sticky-top) - var(--s10-row-pad));
}
:root {
  --hq-word-size: 8.3333vw;
  --hq-word-track: -0.0051em;
  --hq-word-inset-y-top: 10.0694vw;
  --hq-word-inset-y-bot: 10.1389vw;
  --hq-word-inset-x: 10.8333vw;
  --hq-col: 5.5556vw;
  --hq-text-size: max(14px, 1.0417vw);
  --hq-text-lh: max(19px, 1.3889vw);
  --hq-text-track: 0;
  --hq-block-w: 22.2222vw;
  --hq-about-top: 31.1111vw;
  --hq-paren-size: 4.4444vw;
  --hq-paren-gap: 4.5139vw;
  --hq-cta-gap: 2.0139vw;
  --hq-ink: #dfdfdf;
  --hq-intro-ground: #a6a6a7;
}
:root {
  --s9-title-size: var(--sec-title-size);
  --s9-sub-size: clamp(14px, 1.05vw, 19px);
  --s9-screen-bg: #0a0c10;
  --s9-inst-pad-y: clamp(22px, 2vw, 34px);
  --s9-inst-pad-x: clamp(18px, 1.8vw, 30px);
  --s9-card-radius: 18px;
  --s9-card-bg: color-mix(in oklab, var(--paper) 4%, var(--ink));
  --s9-card-bg-hover: color-mix(in oklab, var(--paper) 6%, var(--ink));
  --s9-frame-gap: 7px;
  --s9-mark: 12px;
  --s9-type-size: clamp(16px, 1.5vw, 27px);
  --s9-kind-size: clamp(12px, 0.9vw, 15px);
  --s9-price-size: clamp(46px, 4.6vw, 84px);
  --s9-from-size: clamp(14px, 1.15vw, 20px);
  --s9-term-size: clamp(13px, 0.95vw, 17px);
  --s9-h3-size: clamp(20px, 1.8vw, 34px);
  --s9-list-size: clamp(15px, 1.15vw, 21px);
  --s9-row-size: clamp(15px, 1.15vw, 21px);
  --s9-row-v-size: clamp(18px, 1.5vw, 28px);
  --s9-row-pad: clamp(14px, 1.3vw, 22px);
}