:root {
    --z-font: 'Instrument Sans', system-ui, -apple-system, sans-serif;
    --z-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

    --z-bg-rgb: 251, 250, 248;
    --z-bg: rgb(var(--z-bg-rgb));
    --z-bg-band-rgb: 244, 242, 237;
    --z-bg-band: rgb(var(--z-bg-band-rgb));
    --z-surface-rgb: 255, 255, 255;
    --z-surface: rgb(var(--z-surface-rgb));
    --z-surface-sunk-rgb: 247, 246, 243;
    --z-surface-sunk: rgb(var(--z-surface-sunk-rgb));

    --z-bg-dark-rgb: 21, 23, 26;
    --z-bg-dark: rgb(var(--z-bg-dark-rgb));

    --z-text-rgb: 21, 23, 26;
    --z-text: rgb(var(--z-text-rgb));
    --z-text-body-rgb: 74, 79, 85;
    --z-text-body: rgb(var(--z-text-body-rgb));
    --z-text-strong: #3F454C;
    --z-text-muted-rgb: 90, 95, 102;
    --z-text-muted: rgb(var(--z-text-muted-rgb));
    --z-text-subtle-rgb: 104, 108, 116;
    --z-text-subtle: rgb(var(--z-text-subtle-rgb));
    --z-placeholder: #686C74;

    --z-text-inv-rgb: 251, 250, 248;
    --z-text-inv: rgb(var(--z-text-inv-rgb));
    --z-text-inv-body: #B4BAC1;
    --z-text-inv-mute: #8A9099;
    --z-text-on-accent: #0E1013;

    --z-accent-rgb: 27, 69, 184;
    --z-accent: rgb(var(--z-accent-rgb));
    --z-accent-on-dark-rgb: 127, 166, 232;
    --z-accent-on-dark: rgb(var(--z-accent-on-dark-rgb));
    --z-accent-tint: #EDF2FC;
    --z-accent-line: #D3E0F6;
    --z-accent-num: #5A85CC;
    --z-num-on-dark: #6A737F;

    --z-line-rgb: 230, 227, 221;
    --z-line: rgb(var(--z-line-rgb));
    --z-line-soft: #EAE6DE;
    --z-line-card: #E4E0D8;
    --z-line-card-hover: #C4BEB2;
    --z-line-pill: #DFDBD3;
    --z-line-field-rgb: 142, 138, 130;
    --z-line-field: rgb(var(--z-line-field-rgb));
    --z-line-chip: #8E8A82;
    --z-line-tile: #8E8A82;
    --z-line-strong: #6E6A62;
    --z-line-dark: #2A2D32;
    --z-line-dark-2: #2E3238;

    --z-neutral-rgb: 110, 106, 98;
    --z-neutral: rgb(var(--z-neutral-rgb));
    --z-neutral-tint: #F1F0EF;
    --z-neutral-line: #D8D5CE;
    --z-scroll-thumb: var(--z-neutral);

    --z-ok-rgb: 31, 122, 70;
    --z-ok: rgb(var(--z-ok-rgb));
    --z-ok-tint: #E8F6EE;
    --z-ok-line: #B7DFC8;

    --z-warn-rgb: 138, 94, 18;
    --z-warn: rgb(var(--z-warn-rgb));
    --z-warn-sub: #7A5A22;
    --z-warn-strong-rgb: 201, 138, 30;
    --z-warn-strong: rgb(var(--z-warn-strong-rgb));
    --z-warn-tint: #FBEDD2;
    --z-warn-line: #EBD2A0;
    --z-warn-bg: #FFFBF2;

    --z-error-rgb: 180, 49, 42;
    --z-error: rgb(var(--z-error-rgb));
    --z-error-line: #C6564C;
    --z-error-tint: #FBE4E2;
    --z-error-bg: #FFF6F5;

    --z-info-rgb: 23, 96, 127;
    --z-info: rgb(var(--z-info-rgb));
    --z-info-tint: #E6F2F7;
    --z-info-line: #C6DFE9;

    --z-icon-planned: #8E8878;
    --z-head-bg: rgba(var(--z-bg-rgb), .88);
    --z-btn-primary-hover: #34383F;
    --z-btn-primary-hover-on-dark: #E7E3DC;
    --z-btn-secondary-hover: #F2F0EB;
    --z-btn-secondary-line-on-dark: rgba(var(--z-text-inv-rgb), .34);
    --z-btn-secondary-bg-on-dark: rgba(var(--z-text-inv-rgb), .08);
    --z-btn-busy: #3F454C;

    --z-flag-black: #15171A;
    --z-flag-red: #B4322A;
    --z-flag-gold: #C89A2A;
    --z-flag-black-on-dark: #767D85;
    --z-flag-red-on-dark: #D24B3F;
    --z-flag-gold-on-dark: #E0B23F;

    --z-text-tertiary: var(--z-text-subtle);
    --z-text-number: #6E727A;
    --z-text-inv-tag: #9AA0A7;
    --z-text-inv-item: #E4E6E9;
    --z-accent-field: #F3F7FE;
    --z-accent-glow-rgb: 97, 143, 235;
    --z-warm-rgb: 203, 164, 84;
    --z-live-dot: #2FA35C;
    --z-mark-planned: #B6B0A4;
    --z-dark-hover: #0A0B0C;
    --z-line-card-live: #C9D8F4;
    --z-line-icon-planned: #E8E4DC;
    --z-line-outline: #C6C0B4;
    --z-line-button: #D5D1C9;

    --z-h1: clamp(34px, 5.6vw, 88px);
    --z-h1-line: 0.99;
    --z-h1-track: -0.042em;
    --z-h2: clamp(27px, 3.6vw, 58px);
    --z-h2-line: 1.08;
    --z-h2-track: -0.036em;
    --z-h3: clamp(21px, 1.9vw, 26px);
    --z-h3-line: 1.18;
    --z-h3-track: -0.028em;
    --z-h4: 17.5px;
    --z-h4-track: -0.018em;

    --z-heading-page: clamp(38px, 5vw, 76px);
    --z-heading-section: clamp(28px, 3.4vw, 54px);
    --z-heading-section-cta: clamp(32px, 4.4vw, 68px);
    --z-heading-card: clamp(23px, 2vw, 28px);
    --z-heading-card-base: clamp(26px, 2.6vw, 42px);
    --z-heading-sub: clamp(20px, 1.8vw, 26px);

    --z-lead: clamp(18px, 1.5vw, 23px);
    --z-lead-line: 1.5;
    --z-lead-cta: clamp(17px, 1.4vw, 21px);
    --z-body: 17px;
    --z-body-lg: 17.5px;
    --z-body-line: 1.55;
    --z-body-sm: 16.5px;
    --z-meta: 16px;
    --z-label: 15.5px;
    --z-fine: 15px;
    --z-micro: 14.5px;
    --z-section-label: 13.5px;
    --z-table-cell: 16.5px;
    --z-table-head: 15.5px;

    --z-weight-regular: 400;
    --z-weight-medium: 500;
    --z-weight-semi: 600;

    --z-container: 1440px;
    --z-container-app: 1320px;
    --z-gutter: clamp(22px, 4vw, 68px);
    --z-header: 70px;
    --z-section: clamp(60px, 8vw, 132px);
    --z-section-cta: clamp(64px, 9vw, 150px);
    --z-hero-top: clamp(56px, 8vw, 124px);
    --z-hero-bottom: clamp(32px, 4vw, 56px);
    --z-footer-top: clamp(40px, 5vw, 72px);
    --z-card-pad: clamp(22px, 2.2vw, 30px);
    --z-panel-pad: clamp(24px, 3vw, 44px);
    --z-grid-gap: clamp(12px, 1.4vw, 20px);
    --z-card-tag-minh: 2.9em;
    --z-card-desc-minh: 5.4em;

    --z-s1: 4px;
    --z-s2: 8px;
    --z-s3: 12px;
    --z-s4: 16px;
    --z-s5: 24px;
    --z-s6: 32px;
    --z-s7: 48px;

    --z-sidebar-w: 264px;
    --z-sidebar-bg: var(--z-bg-band);
    --z-sidebar-line: var(--z-line);
    --z-topbar-h: 64px;
    --z-banner-h: 0px;
    --z-topbar-bg: var(--z-bg);
    --z-topbar-line: var(--z-line);
    --z-row-h: 44px;
    --z-row-h-dense: 36px;

    --z-r-check: 5px;
    --z-r-field: 10px;
    --z-r-block: 14px;
    --z-r-card: 16px;
    --z-r-panel: 18px;
    --z-r-pill: 100px;

    --z-t-fast: .14s ease;
    --z-t-normal: .16s ease;
    --z-t-slow: .28s cubic-bezier(.4, 0, .2, 1);
    --z-ease-site: cubic-bezier(0.22, 1, 0.36, 1);
    --z-t-site: .2s var(--z-ease-site);

    --z-shadow-card-hover: 0 10px 30px -18px rgba(var(--z-text-rgb), .28);
    --z-shadow-tile-hover: 0 14px 34px -20px rgba(var(--z-text-rgb), .3);
    --z-shadow-1: 0 2px 6px -2px rgba(var(--z-text-rgb), .10);
    --z-shadow-2: 0 8px 24px -12px rgba(var(--z-text-rgb), .22);
    --z-shadow-3: 0 18px 48px -20px rgba(var(--z-text-rgb), .30);
    --z-shadow-4: 0 30px 70px -28px rgba(var(--z-text-rgb), .38);
    --z-shadow-drag: 0 14px 34px -14px rgba(var(--z-text-rgb), .34);

    --z-layer-sticky-cell: 1;
    --z-layer-sticky-head: 2;
    --z-layer-sticky-corner: 3;
    --z-layer-dropdown: 1000;
    --z-layer-sticky: 1020;
    --z-layer-fixed: 1030;
    --z-layer-offcanvas-backdrop: 1040;
    --z-layer-offcanvas: 1045;
    --z-layer-modal-backdrop: 1050;
    --z-layer-modal: 1055;
    --z-layer-popover: 1070;
    --z-layer-context: 1080;
    --z-layer-tooltip: 1080;
    --z-layer-grain: 1010;
    --z-layer-toast: 1090;

    --z-focus: #1B45B8;
    --z-focus-on-dark: #7FA6E8;
    --z-focus-width: 2px;
    --z-focus-offset: 2px;

    --z-overlay: rgba(var(--z-text-rgb), .48);

    --z-disabled-bg: #EFEDE7;
    --z-disabled-text: #8A867E;
    --z-disabled-line: #C7C2B8;
    --z-disabled-opacity: .55;

    --z-table-head-bg: #F4F2ED;
    --z-table-head-text: #5A5F66;
    --z-table-line-head: #E9E6E0;
    --z-table-line-row: #F1EFEA;
    --z-table-zebra: #FAF9F6;
    --z-table-row-hover: #F4F2ED;
    --z-table-row-active: #EDF2FC;

    --z-skeleton-bg: #EEEBE4;
    --z-skeleton-shimmer: #F8F6F2;

    --z-chart-1: #1B45B8;
    --z-chart-2: var(--z-ok);
    --z-chart-3: #B87D15;
    --z-chart-4: var(--z-error);
    --z-chart-5: var(--z-info);
    --z-chart-6: #5A85CC;
    --z-chart-7: #7A5A22;
    --z-chart-8: #834A82;
    --z-chart-neutral-1: #2E2B27;
    --z-chart-neutral-2: #615D56;
    --z-chart-neutral-3: #918D85;

    --z-bg-soft: #FEFDFA;
    --z-surface-frame: #FDFCFA;
    --z-surface-foot: #F7F6F3;
    --z-fill-neutral: #F3F1EC;
    --z-line-frame: #E1DDD5;
    --z-line-frame-soft: #EEEBE5;
    --z-line-hair: #F1EFEA;
    --z-line-tile-base: #B8B2A6;
    --z-line-tile-hover: #A9A294;
    --z-text-fact: #3E434A;
    --z-text-faint: #B7B2A7;
    --z-text-tile-lead: #54606F;
    --z-text-inv-list: #E7E4DD;
    --z-ok-strong: #2E6B40;
    --z-danger-soft: #A93A2E;
    --z-danger-soft-tint: #F9E8E5;
    --z-notice-dot: #D2543C;
    --z-icon-on-dark: #9198A1;
    --z-mock-bg: #EFEDE8;
    --z-mock-work: #6F96E8;
    --z-mock-break: #E3C878;
    --z-mock-bar: #E4E1DA;
    --z-mock-track: #F0EEE8;
    --z-mock-tick: #C9C4B9;
    --z-mock-row-today: #FAFBFE;
    --z-mock-glow: 38, 84, 205;
    --z-toggle-off: #D9D5CC;
    --z-scene-tint-1: #EAF0FB;
    --z-scene-tint-2: #F1F0EC;
    --z-scene-tint-3: #F7F0E2;
    --z-scene-tint-4: #EBF3ED;
    --z-anchor-offset: 96px;
}

@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/instrument-sans-variable-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/instrument-sans-variable-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;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

[hidden] {
    display: none !important;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--z-bg);
    color: var(--z-text);
    font-family: var(--z-font);
    font-size: var(--z-body);
    line-height: var(--z-body-line);
    text-wrap: pretty;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--z-weight-medium);
}

h1 {
    letter-spacing: var(--z-h1-track);
}

h2 {
    letter-spacing: var(--z-h2-track);
}

h3 {
    letter-spacing: var(--z-h3-track);
}

h4,
h5,
h6 {
    letter-spacing: var(--z-h4-track);
}

:focus-visible {
    outline: var(--z-focus-width) solid var(--z-focus);
    outline-offset: var(--z-focus-offset);
}

.z-dark:focus-visible,
.z-dark :focus-visible,
.z-on-dark:focus-visible,
.z-on-dark :focus-visible,
.z-tile[aria-expanded="true"]:focus-visible {
    outline-color: var(--z-focus-on-dark);
}

::selection {
    background: var(--z-accent);
    color: var(--z-text-inv);
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-color: var(--z-scroll-thumb) transparent;
        scrollbar-width: thin;
    }
}

::-webkit-scrollbar {
    background-color: transparent;
    height: 7px;
    width: 7px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--z-scroll-thumb);
    border-radius: 4px;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

@keyframes z-spin {
    to {
        transform: rotate(360deg);
    }
}

.z-btn:not([aria-busy="true"]) .z-spin {
    display: none;
}

.z-wrap {
    max-width: var(--z-container);
    margin: 0 auto;
    padding: 0 var(--z-gutter);
}

.z-sec {
    padding: var(--z-section) 0;
}

.z-sec--hero {
    padding: var(--z-hero-top) 0 var(--z-hero-bottom);
}

.z-sec--cta {
    padding: var(--z-section-cta) 0;
}

.z-sec--top {
    padding: 0 0 var(--z-section);
}

.z-sec--line {
    border-top: 1px solid var(--z-line);
}

.z-dark {
    background: var(--z-bg-dark);
    color: var(--z-text-inv);
}

.z-band {
    background: var(--z-bg-band);
}

.z-split {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(26px, 4vw, 72px);
    align-items: flex-end;
    justify-content: space-between;
}

.z-split--top {
    align-items: flex-start;
}

.z-cols {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(30px, 5vw, 110px);
}

.z-cols__label {
    flex: 0 0 auto;
    width: clamp(140px, 14vw, 220px);
}

.z-cols__body {
    flex: 1 1 440px;
    min-width: 0;
    max-width: 820px;
}

.z-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: clamp(20px, 2.6vw, 40px);
}

.z-grid--tiles {
    grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));
    gap: clamp(9px, 1.1vw, 15px);
}

.z-grid--cards {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--z-grid-gap);
}

.z-eyebrow {
    display: block;
    margin: 0;
    font-size: var(--z-meta);
    font-weight: var(--z-weight-medium);
    color: var(--z-accent);
}

.z-dark .z-eyebrow {
    color: var(--z-accent-on-dark);
}

.z-h1 {
    margin: 0;
    font-size: var(--z-h1);
    font-weight: var(--z-weight-medium);
    line-height: var(--z-h1-line);
    letter-spacing: var(--z-h1-track);
    max-width: 18ch;
}

.z-h2 {
    margin: 0;
    font-size: var(--z-h2);
    font-weight: var(--z-weight-medium);
    line-height: var(--z-h2-line);
    letter-spacing: var(--z-h2-track);
}

.z-h3 {
    margin: 0;
    font-size: var(--z-h3);
    font-weight: var(--z-weight-medium);
    line-height: var(--z-h3-line);
    letter-spacing: var(--z-h3-track);
}

.z-h4 {
    margin: 0;
    font-size: var(--z-h4);
    font-weight: var(--z-weight-medium);
    letter-spacing: var(--z-h4-track);
}

.z-lead {
    margin: 0;
    font-size: var(--z-lead);
    line-height: var(--z-lead-line);
    color: var(--z-text-body);
    max-width: 64ch;
}

.z-lead strong {
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
}

.z-dark .z-lead {
    color: var(--z-text-inv-body);
}

.z-dark .z-lead strong {
    color: var(--z-text-inv);
}

.z-p {
    margin: 0;
    font-size: var(--z-body);
    line-height: var(--z-body-line);
    color: var(--z-text-body);
}

.z-dark .z-p {
    color: var(--z-text-inv-body);
}

.z-meta {
    font-size: var(--z-meta);
    color: var(--z-text-muted);
}

.z-dark .z-meta {
    color: var(--z-text-inv-mute);
}

.z-fine {
    font-size: var(--z-fine);
    color: var(--z-text-muted);
}

.z-dark .z-fine {
    color: var(--z-text-inv-mute);
}

.z-num {
    font-variant-numeric: tabular-nums;
}

.z-brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--z-text);
}

.z-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    z-index: var(--z-layer-fixed);
}

.z-progress i {
    display: block;
    height: 100%;
    width: 0;
    background: var(--z-accent);
}

.z-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    white-space: nowrap;
    font-family: inherit;
    font-size: var(--z-body);
    font-weight: var(--z-weight-medium);
    padding: 16px 30px;
    border: none;
    border-radius: var(--z-r-pill);
    background: none;
    color: var(--z-text);
    cursor: pointer;
    transition: background-color var(--z-t-normal), color var(--z-t-normal), border-color var(--z-t-normal);
}

.z-btn--primary {
    background: var(--z-text);
    color: var(--z-text-inv);
}

.z-btn--primary:hover {
    background: var(--z-btn-primary-hover);
    color: var(--z-text-inv);
}

.z-btn--secondary {
    color: var(--z-text);
    border: 1px solid var(--z-line-field);
}

.z-btn--secondary:hover {
    border-color: var(--z-text);
    background: var(--z-btn-secondary-hover);
    color: var(--z-text);
}

.z-btn--sm {
    font-size: var(--z-meta);
    padding: 11px 20px;
}

.z-btn--block {
    width: 100%;
    padding: 16px;
}

.z-dark .z-btn--primary {
    background: var(--z-text-inv);
    color: var(--z-text);
}

.z-dark .z-btn--primary:hover {
    background: var(--z-btn-primary-hover-on-dark);
    color: var(--z-text);
}

.z-dark .z-btn--secondary {
    color: var(--z-text-inv);
    border-color: var(--z-btn-secondary-line-on-dark);
}

.z-dark .z-btn--secondary:hover {
    border-color: var(--z-text-inv);
    background: var(--z-btn-secondary-bg-on-dark);
    color: var(--z-text-inv);
}

.z-btn[aria-busy="true"] {
    background: var(--z-btn-busy);
    color: var(--z-text-inv);
    border-color: var(--z-btn-busy);
}

.z-spin {
    animation: z-spin .8s linear infinite;
}

.z-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
    font-size: var(--z-meta);
    font-weight: var(--z-weight-medium);
    padding: 9px 16px;
    border-radius: var(--z-r-pill);
    color: var(--z-text);
    background: none;
    border: 1px solid var(--z-line-chip);
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--z-t-fast), border-color var(--z-t-fast), color var(--z-t-fast);
}

.z-chip:hover {
    border-color: var(--z-text);
}

.z-chip[aria-pressed="true"] {
    background: var(--z-text);
    color: var(--z-text-inv);
    border-color: var(--z-text);
}

.z-chip svg {
    display: none;
}

.z-chip[aria-pressed="true"] svg {
    display: block;
}

.z-pill {
    display: inline-block;
    font-size: var(--z-micro);
    font-weight: var(--z-weight-medium);
    padding: 4px 11px;
    border-radius: var(--z-r-pill);
    white-space: nowrap;
}

.z-pill--live {
    color: var(--z-accent);
    background: var(--z-accent-tint);
    border: 1px solid var(--z-accent-line);
}

.z-pill--planned {
    color: var(--z-text-muted);
    border: 1px solid var(--z-line-pill);
}

.z-pill--warn {
    color: var(--z-warn);
    background: var(--z-warn-tint);
}

.z-pill--accent {
    color: var(--z-text-on-accent);
    background: var(--z-accent-on-dark);
}

.z-plain {
    background: var(--z-surface);
    border: 1px solid var(--z-line-card);
    border-radius: var(--z-r-card);
    padding: clamp(26px, 2.8vw, 38px);
}

.z-panel {
    border-radius: var(--z-r-panel);
    padding: var(--z-panel-pad);
}

.z-tile {
    text-align: left;
    padding: clamp(17px, 1.7vw, 23px);
    border-radius: var(--z-r-block);
    background: var(--z-bg);
    border: 1px solid var(--z-line-tile);
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 132px;
    font-family: inherit;
    color: var(--z-text);
    cursor: pointer;
    transition: background-color var(--z-t-fast), border-color var(--z-t-fast);
}

.z-tile:hover {
    border-color: var(--z-line-strong);
    background: var(--z-surface);
}

.z-tile__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.z-tile__num {
    font-size: var(--z-fine);
    color: var(--z-text-subtle);
}

.z-tile__sign {
    font-size: 20px;
    line-height: 1;
    color: var(--z-accent);
}

.z-tile__name {
    font-size: clamp(17.5px, 1.5vw, 21px);
    font-weight: var(--z-weight-medium);
    letter-spacing: var(--z-h3-track);
    line-height: var(--z-h3-line);
}

.z-tile__lead {
    font-size: var(--z-label);
    line-height: 1.42;
    color: var(--z-text-muted);
}

.z-tile[aria-expanded="true"] {
    background: var(--z-bg-dark);
    border-color: var(--z-bg-dark);
}

.z-tile[aria-expanded="true"] .z-tile__name,
.z-tile[aria-expanded="true"] .z-tile__sign {
    color: var(--z-text-inv);
}

.z-tile[aria-expanded="true"] .z-tile__lead {
    color: var(--z-text-inv-body);
}

.z-tile[aria-expanded="true"] .z-tile__num {
    color: var(--z-text-inv-mute);
}

.z-field {
    display: block;
}

.z-field + .z-field {
    margin-top: 18px;
}

.z-field > span {
    display: block;
    font-size: var(--z-label);
    color: var(--z-text-muted);
    margin-bottom: 7px;
}

.z-field > span em {
    font-style: normal;
    color: var(--z-text-subtle);
}

.z-field input,
.z-field textarea {
    width: 100%;
    font-family: inherit;
    font-size: var(--z-body-sm);
    color: var(--z-text);
    background: var(--z-surface);
    border: 1px solid var(--z-line-field);
    border-radius: var(--z-r-field);
    padding: 14px 16px;
    outline: none;
    transition: border-color var(--z-t-fast);
}

.z-field input::placeholder,
.z-field textarea::placeholder {
    color: var(--z-placeholder);
    opacity: 1;
}

.z-field textarea {
    line-height: 1.5;
    resize: vertical;
}

.z-plain .z-field input,
.z-plain .z-field textarea {
    background: var(--z-bg);
}

.z-field input:focus,
.z-field textarea:focus {
    border-color: var(--z-text);
    background: var(--z-surface);
}

.z-field[data-error] input,
.z-field[data-error] textarea {
    border-color: var(--z-error-line);
}

.z-err {
    display: none;
    margin-top: 7px;
    font-size: var(--z-fine);
    color: var(--z-error);
}

.z-field[data-error] .z-err,
.z-block[data-error] .z-err {
    display: block;
}

.z-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    gap: 18px;
}

.z-check {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    text-align: left;
    padding: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: var(--z-meta);
    line-height: 1.45;
    color: var(--z-text-strong);
    cursor: pointer;
}

.z-check i {
    width: 19px;
    height: 19px;
    border-radius: var(--z-r-check);
    border: 1px solid var(--z-line-field);
    background: var(--z-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-top: 2px;
    transition: background-color var(--z-t-fast), border-color var(--z-t-fast);
}

.z-check svg {
    display: none;
}

.z-check[aria-pressed="true"] i {
    background: var(--z-text);
    border-color: var(--z-text);
}

.z-check[aria-pressed="true"] svg {
    display: block;
    stroke: var(--z-text-inv);
}

.z-code {
    font-family: inherit;
    font-size: 26px;
    font-variant-numeric: tabular-nums;
    font-weight: var(--z-weight-medium);
    letter-spacing: .34em;
}

.z-flag {
    display: inline-flex;
    gap: 3px;
    vertical-align: middle;
}

.z-flag i {
    display: block;
    width: 18px;
    height: 3px;
}

.z-flag--lg i {
    width: 36px;
    height: 4px;
}

.z-flag i:nth-child(1) {
    background: var(--z-flag-black);
}

.z-flag i:nth-child(2) {
    background: var(--z-flag-red);
}

.z-flag i:nth-child(3) {
    background: var(--z-flag-gold);
}

.z-dark .z-flag i:nth-child(1) {
    background: var(--z-flag-black-on-dark);
}

.z-dark .z-flag i:nth-child(2) {
    background: var(--z-flag-red-on-dark);
}

.z-dark .z-flag i:nth-child(3) {
    background: var(--z-flag-gold-on-dark);
}

.z-step {
    padding: clamp(26px, 3vw, 44px) 0;
    border-top: 1px solid var(--z-line);
    display: flex;
    flex-wrap: wrap;
    gap: clamp(24px, 4vw, 90px);
    align-items: flex-start;
}

.z-step__n {
    flex: 0 0 auto;
    width: clamp(60px, 7vw, 120px);
    font-size: clamp(30px, 3.4vw, 52px);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.04em;
    color: var(--z-accent-num);
    line-height: 1;
}

.z-step h3 {
    margin: 0;
    flex: 1 1 220px;
    font-size: clamp(21px, 2.1vw, 32px);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.03em;
    line-height: 1.2;
    max-width: 15ch;
}

.z-step p {
    margin: 0;
    flex: 1 1 340px;
    font-size: clamp(16.5px, 1.3vw, 19px);
    line-height: var(--z-body-line);
    color: var(--z-text-body);
    max-width: 520px;
}

.z-dark .z-step {
    border-color: var(--z-line-dark-2);
}

.z-dark .z-step__n {
    color: var(--z-num-on-dark);
}

.z-dark .z-step p {
    color: var(--z-text-inv-body);
}

.z-proc {
    border-radius: var(--z-r-block);
    overflow: hidden;
    background: var(--z-surface);
    color: var(--z-text);
}

.z-proc__head {
    padding: 16px 22px;
    border-bottom: 1px solid var(--z-table-line-head);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-proc__row {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 15px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--z-table-line-row);
    align-items: start;
}

.z-proc__row--open {
    background: var(--z-warn-bg);
}

.z-proc__dot {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: var(--z-weight-medium);
    background: var(--z-ok-tint);
    color: var(--z-ok);
}

.z-proc__row--open .z-proc__dot {
    background: var(--z-warn-tint);
    color: var(--z-warn);
}

.z-proc__row b {
    display: block;
    font-size: var(--z-body);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.015em;
}

.z-proc__row > div span {
    display: block;
    margin: 3px 0 0;
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-proc__row--open > div span {
    color: var(--z-warn-sub);
}

.z-proc__row i {
    font-style: normal;
    font-size: var(--z-micro);
    font-weight: var(--z-weight-medium);
    white-space: nowrap;
    color: var(--z-text-muted);
}

.z-proc__row--open i {
    color: var(--z-warn);
}

.z-proc__foot {
    padding: 16px 22px;
    background: var(--z-surface-sunk);
    font-size: var(--z-label);
    color: var(--z-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.z-fact {
    display: flex;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid var(--z-line);
    align-items: baseline;
}

.z-fact b {
    flex: 0 0 auto;
    width: 104px;
    font-size: var(--z-label);
    font-weight: var(--z-weight-regular);
    color: var(--z-text-muted);
}

.z-fact div {
    min-width: 0;
}

.z-fact strong {
    display: block;
    font-size: 18px;
    font-weight: var(--z-weight-medium);
    letter-spacing: var(--z-h4-track);
}

.z-fact span {
    display: block;
    margin: 2px 0 0;
    font-size: var(--z-meta);
    color: var(--z-text-muted);
}

.z-media {
    position: relative;
    width: 100%;
    margin: 0;
    border-radius: var(--z-r-panel);
    overflow: hidden;
    background: var(--z-bg-band);
}

.z-media--wide {
    aspect-ratio: 1680 / 720;
}

.z-media--tall {
    aspect-ratio: 4 / 5;
    min-height: 340px;
}

.z-media picture {
    display: block;
    height: 100%;
}

.z-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-reveal],
.z-reveal {
    will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
    [data-reveal],
    .z-reveal {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }
}

.z-anchor {
    scroll-margin-top: var(--z-anchor-offset);
}

.z-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: clamp(28px, 3.4vw, 44px);
}

.z-h1--hero {
    font-size: clamp(40px, 7.4vw, 116px);
    line-height: 0.96;
    letter-spacing: -0.045em;
    max-width: 15ch;
}

.z-hero__foot {
    margin-top: clamp(32px, 4vw, 60px);
}

.z-hero__lead {
    flex: 1 1 420px;
}

.z-p--lead {
    margin-top: clamp(20px, 2.4vw, 34px);
    font-size: clamp(17px, 1.4vw, 21px);
    line-height: 1.55;
}

.z-h2--tight {
    margin-top: 16px;
    max-width: 20ch;
}

.z-proof {
    margin-top: clamp(32px, 4vw, 64px);
}

.z-proof__text {
    flex: 0 1 380px;
    font-size: clamp(17px, 1.35vw, 20px);
}

.z-proof__panel {
    flex: 1 1 520px;
    min-width: 0;
}

.z-dark .z-proof__close {
    margin-top: clamp(32px, 4vw, 64px);
    max-width: 46ch;
    font-weight: var(--z-weight-medium);
    color: var(--z-text-inv);
}

.z-steps {
    margin-top: clamp(36px, 4.5vw, 76px);
}

.z-plain__text {
    margin-top: 12px;
}

.z-place {
    gap: clamp(30px, 5vw, 90px);
}

.z-place__body {
    flex: 1 1 400px;
    min-width: 0;
    max-width: 660px;
}

.z-place__flag {
    margin-top: 22px;
    margin-bottom: 20px;
}

.z-place__media {
    flex: 1 1 340px;
    min-width: 0;
}

.z-facts {
    margin-top: clamp(26px, 3vw, 42px);
}

.z-modules__head {
    gap: 20px;
}

.z-modules__grid {
    margin-top: clamp(30px, 3.6vw, 54px);
}

.z-modules__detail {
    margin-top: clamp(10px, 1.2vw, 16px);
}

.z-modules__foot {
    margin-top: clamp(22px, 2.4vw, 34px);
}

.z-btn--on-band {
    background: var(--z-surface);
}

.z-tile__mark {
    display: flex;
    align-items: center;
    gap: 9px;
}

.z-pill--sm {
    font-size: var(--z-fine);
    padding: 2px 9px;
}

.z-detail__head {
    gap: 14px;
    align-items: baseline;
}

.z-detail__title {
    font-size: clamp(21px, 2.1vw, 31px);
    letter-spacing: -0.032em;
}

.z-detail__close {
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    cursor: pointer;
    color: var(--z-text-inv-mute);
}

.z-detail__close:hover {
    color: var(--z-text-inv);
}

.z-detail__grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: clamp(18px, 2.2vw, 36px);
    margin-top: clamp(18px, 2vw, 30px);
}

.z-detail__item {
    padding-top: 16px;
    border-top: 1px solid var(--z-line-dark-2);
}

.z-detail__text {
    margin-top: 6px;
    font-size: var(--z-meta);
    line-height: 1.5;
}

.z-h2--cta {
    margin-top: 18px;
    font-size: clamp(32px, 5.6vw, 92px);
    line-height: 1;
    letter-spacing: -0.044em;
    max-width: 16ch;
}

.z-cta__foot {
    margin-top: clamp(30px, 3.6vw, 56px);
}

.z-cta__text {
    flex: 1 1 380px;
    font-size: clamp(17px, 1.4vw, 21px);
    max-width: 540px;
}

.z-detail__label {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.z-detail__note {
    margin-top: 14px;
    font-size: var(--z-meta);
    color: var(--z-text-inv-mute);
}

.z-h1--page {
    margin-top: 16px;
    font-size: clamp(32px, 4.6vw, 68px);
    line-height: 1;
    letter-spacing: -0.04em;
    max-width: 20ch;
}

.z-narrow {
    max-width: 660px;
}

a.z-plain {
    display: block;
    color: inherit;
    transition: border-color var(--z-t-normal);
}

a.z-plain:hover {
    border-color: var(--z-line-card-hover);
}

.z-legal {
    max-width: 820px;
}

.z-legal__block {
    margin-top: clamp(28px, 3.4vw, 44px);
    padding-top: 26px;
    border-top: 1px solid var(--z-line);
    scroll-margin-top: calc(var(--z-header) + 20px);
}

.z-legal__block p {
    margin: 12px 0 0;
    font-size: var(--z-body);
    line-height: var(--z-body-line);
    color: var(--z-text-strong);
}

.z-legal__block p + p {
    margin-top: 10px;
}

.z-legal__block a {
    color: var(--z-accent);
}

.z-legal__block a:hover {
    color: var(--z-text);
}

.z-legal__chips {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.z-legal__table {
    margin: 14px 0 0;
    border: 1px solid var(--z-line-card);
    border-radius: var(--z-r-block);
    overflow: hidden;
    background: var(--z-surface);
}

.z-legal__cell {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
    gap: 16px;
    padding: 13px 18px;
}

.z-legal__cell + .z-legal__cell {
    border-top: 1px solid var(--z-table-line-row);
}

.z-legal__cell dt {
    font-size: var(--z-label);
    font-weight: var(--z-weight-medium);
}

.z-legal__cell dd {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    font-size: var(--z-meta);
    color: var(--z-text-strong);
}

.z-legal__list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 14px 0 0;
    padding-left: 0;
    list-style: none;
}

.z-legal__list li {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    font-size: var(--z-body);
    line-height: 1.5;
    color: var(--z-text-strong);
}

.z-legal__list li::before {
    content: '';
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    border-radius: 50%;
    background-color: var(--z-neutral-tint);
    background-image: linear-gradient(var(--z-text-subtle), var(--z-text-subtle));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px 1.5px;
}

.z-found {
    max-width: 660px;
}

.z-fill {
    min-height: calc(100vh - var(--z-header));
}

body:not(.app) main {
    overflow-x: clip;
}

.z-offscreen {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.z-fields .z-field + .z-field {
    margin-top: 0;
}

.z-auth {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.z-auth__head {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: clamp(22px, 3vw, 34px) clamp(22px, 4vw, 54px);
}

.z-auth__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: var(--z-meta);
    color: var(--z-text-muted);
    cursor: pointer;
}

.z-auth__back:hover {
    color: var(--z-accent);
}

.z-auth__return {
    margin-bottom: 20px;
}

.z-auth__main {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(20px, 4vw, 48px) clamp(22px, 4vw, 54px);
}

.z-auth__card {
    width: 100%;
    max-width: 424px;
}

.z-auth__title {
    margin: 0;
    font-size: clamp(29px, 3.2vw, 42px);
    font-weight: var(--z-weight-medium);
    line-height: 1.06;
    letter-spacing: -0.038em;
}

.z-auth__form {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: clamp(26px, 3vw, 36px);
}

.z-auth__label > label {
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-auth__label > button {
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: var(--z-fine);
    font-weight: var(--z-weight-medium);
    color: var(--z-accent);
    cursor: pointer;
}

.z-auth__label > button:hover {
    color: var(--z-text);
}

.z-auth__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.z-auth__swap {
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: var(--z-meta);
    font-weight: var(--z-weight-medium);
    color: var(--z-accent);
    cursor: pointer;
}

.z-auth__swap:hover {
    color: var(--z-text);
}

.z-auth__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 9px;
    margin-top: clamp(24px, 3vw, 34px);
    padding-top: 20px;
    border-top: 1px solid var(--z-line);
}

.z-auth__foot a {
    font-size: var(--z-body-sm);
    font-weight: var(--z-weight-medium);
    color: var(--z-accent);
}

.z-auth__foot a:hover {
    color: var(--z-text);
}

.z-fill {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.z-container {
    position: relative;
    max-width: var(--z-container);
    margin: 0 auto;
    padding: 0 var(--z-gutter);
}

.z-section {
    position: relative;
    padding: var(--z-section) 0;
}

.z-section--hero {
    padding: var(--z-hero-top) 0 var(--z-hero-bottom);
}

.z-section--top {
    padding: 0 0 var(--z-section);
}

.z-section--cta {
    padding: var(--z-section-cta) 0;
    border-bottom: 1px solid var(--z-line);
}

.z-on-dark {
    background: var(--z-bg-dark);
    color: var(--z-text-inv);
}

.z-glow {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.z-glow::before,
.z-glow::after {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.z-mask-field {
    mask-image: linear-gradient(to bottom, transparent, #000 90px, #000 calc(100% - 160px), transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 90px, #000 calc(100% - 160px), transparent);
}

.z-glow--hero::before {
    top: -360px;
    left: 50%;
    width: 900px;
    height: 900px;
    transform: translateX(-50%);
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .075), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--hero::after {
    right: -240px;
    bottom: -320px;
    width: 680px;
    height: 680px;
    background: radial-gradient(closest-side, rgba(var(--z-warm-rgb), .12), rgba(var(--z-warm-rgb), 0) 70%);
}

.z-glow--modules::before {
    top: 340px;
    right: -320px;
    width: 820px;
    height: 820px;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .065), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--modules::after {
    bottom: -300px;
    left: -280px;
    width: 720px;
    height: 720px;
    background: radial-gradient(closest-side, rgba(var(--z-warm-rgb), .13), rgba(var(--z-warm-rgb), 0) 70%);
}

.z-glow--contact::before {
    top: -280px;
    left: -300px;
    width: 740px;
    height: 740px;
    background: radial-gradient(closest-side, rgba(var(--z-warm-rgb), .14), rgba(var(--z-warm-rgb), 0) 70%);
}

.z-glow--contact::after {
    right: -260px;
    bottom: -320px;
    width: 640px;
    height: 640px;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .06), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--section::before {
    inset: 0;
    border-radius: 0;
    background: radial-gradient(ellipse 62% 46% at 50% 0%, rgba(var(--z-accent-glow-rgb), .15), transparent 70%);
}

.z-glow--card::before {
    inset: 0;
    border-radius: 0;
    background: radial-gradient(ellipse 60% 55% at 50% 0%, rgba(var(--z-accent-glow-rgb), .13), transparent 70%);
}

.z-grain {
    position: fixed;
    inset: 0;
    z-index: var(--z-layer-grain);
    pointer-events: none;
    opacity: .018;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%27240%27%20height=%27240%27%3E%3Cfilter%20id=%27n%27%3E%3CfeTurbulence%20type=%27fractalNoise%27%20baseFrequency=%270.8%27%20numOctaves=%272%27%20stitchTiles=%27stitch%27/%3E%3C/filter%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20filter=%27url(%23n)%27/%3E%3C/svg%3E');
    background-repeat: repeat;
}

.z-section-label {
    display: block;
    margin: 0;
    font-size: var(--z-section-label);
    font-weight: var(--z-weight-semi);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--z-accent);
}

.z-on-dark .z-section-label {
    color: var(--z-accent-on-dark);
}

.z-heading {
    margin: 0;
    font-weight: var(--z-weight-medium);
    text-wrap: balance;
}

.z-heading--page {
    margin-top: 18px;
    font-size: var(--z-heading-page);
    line-height: 1.04;
    letter-spacing: -0.02em;
    max-width: 17ch;
}

.z-heading--section {
    margin-top: 16px;
    font-size: var(--z-heading-section);
    line-height: 1.1;
    letter-spacing: -0.02em;
    max-width: 22ch;
}

.z-section--cta .z-heading--section {
    margin-top: 18px;
    font-size: var(--z-heading-section-cta);
    line-height: 1.04;
    max-width: 17ch;
}

.z-heading--card {
    font-size: var(--z-heading-card);
    font-weight: var(--z-weight-semi);
    line-height: 1.16;
    letter-spacing: -0.015em;
}

.z-heading--sub {
    font-size: var(--z-heading-sub);
    line-height: 1.2;
    letter-spacing: -0.028em;
}

.z-lead-text {
    margin: 0;
    font-size: var(--z-lead);
    line-height: var(--z-lead-line);
    color: var(--z-text-body);
    max-width: 640px;
}

.z-lead-text strong {
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
}

.z-text {
    margin: 0;
    font-size: var(--z-body);
    line-height: var(--z-body-line);
    color: var(--z-text-body);
}

.z-auth__lead {
    margin-top: 12px;
    color: var(--z-text-muted);
}

.z-number {
    font-variant-numeric: tabular-nums;
}

.z-split-layout {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(26px, 4vw, 72px);
    align-items: flex-end;
    justify-content: space-between;
}

.z-section--hero .z-split-layout {
    margin-top: clamp(26px, 3.2vw, 46px);
}

.z-section--cta .z-split-layout {
    margin-top: clamp(28px, 3.4vw, 52px);
}

.z-split-layout > .z-lead-text {
    flex: 1 1 420px;
}

.z-section--cta .z-split-layout > .z-lead-text {
    flex: 1 1 380px;
    font-size: var(--z-lead-cta);
    max-width: 540px;
}

.z-split-layout > .z-button,
.z-split-layout > .z-inline-row {
    flex: 0 0 auto;
}

.z-inline-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.z-found__act,
.z-found__note {
    margin-top: clamp(24px, 3vw, 38px);
}

.z-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    white-space: nowrap;
    font-family: inherit;
    font-size: var(--z-body);
    font-weight: var(--z-weight-medium);
    padding: 16px 30px;
    border: none;
    border-radius: var(--z-r-pill);
    background: none;
    color: var(--z-text);
    cursor: pointer;
    transform: translateY(0);
    transition: background-color var(--z-t-site), border-color var(--z-t-site), color var(--z-t-site), transform var(--z-t-site);
}

.z-button--primary {
    background: var(--z-text);
    color: var(--z-text-inv);
}

.z-button--primary:hover {
    background: var(--z-dark-hover);
    color: var(--z-text-inv);
    transform: translateY(-1px);
}

.z-button--secondary {
    color: var(--z-text);
    border: 1px solid var(--z-line-button);
}

.z-button--secondary:hover {
    border-color: var(--z-text);
    background: var(--z-btn-secondary-hover);
    color: var(--z-text);
}

.z-section--cta .z-button {
    padding: 17px 32px;
}

.z-live-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--z-line);
    font-size: var(--z-meta);
    color: var(--z-text-muted);
}

.z-live-note__dot {
    display: block;
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--z-live-dot);
}

.z-live-note + .z-grid {
    margin-top: clamp(22px, 2.6vw, 34px);
}

.z-card {
    display: flex;
    flex-direction: column;
    background: var(--z-surface);
    border: 1px solid var(--z-line-card);
    border-radius: var(--z-r-card);
    padding: var(--z-card-pad);
}

.z-card--live {
    border-color: var(--z-line-card-live);
}

.z-card--live,
.z-card--planned {
    transition: border-color var(--z-t-site), box-shadow var(--z-t-site), transform var(--z-t-site);
}

.z-card--live:hover,
.z-card--planned:hover {
    border-color: var(--z-line-card-hover);
    box-shadow: var(--z-shadow-tile-hover);
    transform: translateY(-2px);
}

.z-card--live:hover .z-card__number,
.z-card--planned:hover .z-card__number {
    color: var(--z-accent);
}

.z-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.z-card__header > .z-pill {
    margin-left: auto;
}

.z-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    border: 1px solid var(--z-line-icon-planned);
    color: var(--z-text-tertiary);
}

.z-card--live .z-card__icon {
    border-color: var(--z-line-card-live);
    background: var(--z-accent-field);
    color: var(--z-accent);
}

.z-card__number {
    font-size: var(--z-label);
    color: var(--z-text-number);
    transition: color var(--z-t-site);
}

.z-card__header + .z-heading--card {
    margin-top: clamp(18px, 2vw, 26px);
}

.z-card__tag {
    margin: 6px 0 0;
    font-size: var(--z-body-sm);
    line-height: 1.45;
    color: var(--z-text-muted);
    min-height: var(--z-card-tag-minh);
}

.z-card__description {
    margin: 16px 0 0;
    font-size: var(--z-body-sm);
    line-height: 1.5;
    color: var(--z-text-body);
    min-height: var(--z-card-desc-minh);
}

.z-card__footer {
    margin: 22px 0 0;
    padding-top: 18px;
    border-top: 1px solid var(--z-line-soft);
}

.z-card__label {
    margin: 0 0 11px;
    font-size: var(--z-fine);
    color: var(--z-text-muted);
}

.z-card--base {
    position: relative;
    overflow: hidden;
    grid-column: 1 / -1;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(24px, 4vw, 72px);
    padding: var(--z-panel-pad);
    background: var(--z-bg-dark);
    border-color: var(--z-bg-dark);
    color: var(--z-text-inv);
}

.z-card--base > .z-card__main,
.z-card--base > .z-card__footer {
    position: relative;
    flex: 1 1 340px;
    min-width: 0;
}

.z-card--base > .z-card__footer {
    margin: 0;
    padding: 0;
    border: none;
}

.z-card--base .z-card__header {
    flex-wrap: wrap;
}

.z-card--base .z-card__header > .z-pill {
    margin-left: 0;
}

.z-card--base .z-card__icon {
    border-color: rgba(var(--z-accent-on-dark-rgb), .35);
    background: rgba(var(--z-accent-on-dark-rgb), .08);
    color: var(--z-accent-on-dark);
}

.z-card--base .z-card__number {
    color: var(--z-text-inv-mute);
}

.z-card--base .z-card__header + .z-heading--card {
    margin-top: clamp(16px, 1.8vw, 24px);
    font-size: var(--z-heading-card-base);
    font-weight: var(--z-weight-medium);
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.z-card--base .z-card__tag {
    margin-top: 7px;
    font-size: var(--z-body-lg);
    color: var(--z-text-inv-tag);
    min-height: 0;
}

.z-card--base .z-card__description {
    font-size: var(--z-body);
    color: var(--z-text-inv-body);
    max-width: 520px;
    min-height: 0;
}

.z-card--base .z-card__label {
    margin-bottom: 13px;
    color: var(--z-text-inv-mute);
}

.z-card--outline {
    gap: 8px;
    justify-content: center;
    min-height: 180px;
    background: none;
    border: 1px dashed var(--z-line-outline);
}

.z-card--outline .z-heading--card {
    font-size: clamp(21px, 1.8vw, 25px);
    font-weight: var(--z-weight-medium);
    line-height: 1.2;
    color: var(--z-text-body);
}

.z-card--outline .z-text {
    font-size: var(--z-body-sm);
    line-height: 1.5;
    color: var(--z-text-number);
    max-width: 52ch;
}

.z-feature-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.z-feature-list--wide {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px clamp(18px, 2.4vw, 34px);
}

.z-feature-list__item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: var(--z-meta);
    line-height: 1.4;
}

.z-feature-list__item svg {
    display: block;
    flex: 0 0 auto;
    margin-top: 3px;
    stroke: var(--z-accent);
}

.z-feature-list--planned .z-feature-list__item {
    color: var(--z-text-muted);
}

.z-feature-list--planned .z-feature-list__item svg {
    stroke: var(--z-mark-planned);
}

.z-card--base .z-feature-list__item {
    color: var(--z-text-inv-item);
}

.z-card--base .z-feature-list__item svg {
    stroke: var(--z-accent-on-dark);
}

.z-integration-list {
    margin-top: clamp(32px, 4vw, 64px);
    border-bottom: 1px solid var(--z-line-dark-2);
}

.z-integration-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: clamp(20px, 4vw, 80px);
    padding: clamp(24px, 2.8vw, 40px) 0;
    border-top: 1px solid var(--z-line-dark-2);
}

.z-integration-row__number {
    flex: 0 0 auto;
    width: clamp(52px, 6vw, 100px);
    font-size: clamp(26px, 3vw, 44px);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.04em;
    line-height: 1;
    color: var(--z-num-on-dark);
}

.z-integration-row__body {
    flex: 1 1 240px;
    min-width: 0;
}

.z-integration-row__pair {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 8px;
    font-size: var(--z-label);
    color: var(--z-text-inv-mute);
}

.z-integration-row__plus {
    font-weight: var(--z-weight-semi);
    color: var(--z-accent-on-dark);
}

.z-integration-row__text {
    flex: 1 1 330px;
    margin: 0;
    font-size: clamp(16.5px, 1.3vw, 19px);
    line-height: 1.5;
    color: var(--z-text-inv-body);
    max-width: 520px;
}

@media (max-width: 640px) {
    .z-split-layout {
        flex-direction: column;
        align-items: flex-start;
    }

    .z-split-layout > .z-lead-text,
    .z-section--cta .z-split-layout > .z-lead-text {
        flex: 0 1 auto;
    }
}

@media (max-width: 640px) {
    .z-grid--cards {
        --z-card-tag-minh: 0;
        --z-card-desc-minh: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .z-button:hover,
    .z-card--live:hover,
    .z-card--planned:hover {
        transform: none;
    }
}

.z-section--intro {
    padding: calc(var(--z-header) + clamp(40px, 5vw, 84px)) 0 clamp(24px, 2.6vw, 32px);
}

.z-section--preview {
    padding: clamp(16px, 1.8vw, 24px) 0 clamp(28px, 3vw, 44px);
}

.z-section--soft {
    background: var(--z-bg-soft);
}

.z-container--narrow {
    max-width: 1280px;
}

.z-glow--top::before {
    top: -360px;
    left: 50%;
    width: 900px;
    height: 900px;
    transform: translateX(-50%);
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .075), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--top::after {
    bottom: -380px;
    left: -220px;
    width: 720px;
    height: 720px;
    background: radial-gradient(closest-side, rgba(var(--z-warm-rgb), .13), rgba(var(--z-warm-rgb), 0) 70%);
}

.z-glow--problem::before {
    top: -240px;
    right: -300px;
    width: 840px;
    height: 840px;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .07), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--catalog::before {
    top: 80px;
    left: -340px;
    width: 780px;
    height: 780px;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .07), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--catalog::after {
    right: -260px;
    bottom: -300px;
    width: 680px;
    height: 680px;
    background: radial-gradient(closest-side, rgba(var(--z-warm-rgb), .13), rgba(var(--z-warm-rgb), 0) 70%);
}

.z-glow--process::before {
    right: -300px;
    bottom: -280px;
    width: 820px;
    height: 820px;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .07), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--process::after {
    top: -260px;
    right: 180px;
    width: 600px;
    height: 600px;
    background: radial-gradient(closest-side, rgba(var(--z-warm-rgb), .105), rgba(var(--z-warm-rgb), 0) 70%);
}

.z-glow--place::before {
    top: -280px;
    left: -320px;
    width: 740px;
    height: 740px;
    background: radial-gradient(closest-side, rgba(var(--z-warm-rgb), .14), rgba(var(--z-warm-rgb), 0) 70%);
}

.z-glow--place::after {
    bottom: -320px;
    left: 120px;
    width: 640px;
    height: 640px;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .06), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-glow--questions::before {
    bottom: -260px;
    left: -300px;
    width: 720px;
    height: 720px;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .065), rgba(var(--z-accent-rgb), 0) 70%);
}

.z-origin-note {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 clamp(20px, 2.2vw, 28px);
    font-size: var(--z-meta);
    color: var(--z-text-muted);
}

.z-section--intro .z-heading--page {
    margin-top: 0;
    max-width: none;
    font-size: clamp(38px, 4.4vw, 56px);
    line-height: 1.06;
    text-wrap: pretty;
}

.z-section--intro .z-lead-text {
    margin-top: clamp(20px, 2.2vw, 28px);
    font-size: clamp(18px, 1.5vw, 22px);
}

.z-section--intro .z-inline-row {
    margin-top: clamp(24px, 2.6vw, 32px);
}

.z-section-head {
    display: flex;
    flex-direction: column;
}

.z-section-head--center {
    align-items: center;
    text-align: center;
}

.z-section-head .z-heading {
    margin-top: 16px;
}

.z-section-head .z-text {
    margin-top: 14px;
    font-size: var(--z-meta);
    color: var(--z-text-muted);
}

.z-split-layout--wide {
    gap: clamp(36px, 5vw, 88px);
    align-items: flex-start;
}

.z-split-layout--wide > .z-split-layout__main {
    flex: 1 1 460px;
    min-width: 0;
    max-width: 680px;
}

.z-split-layout--wide > .z-split-layout__aside {
    flex: 1 1 420px;
    min-width: 0;
    position: sticky;
    top: var(--z-anchor-offset);
    align-self: flex-start;
}

.z-split-layout--process > .z-split-layout__main {
    flex-basis: 440px;
    max-width: 640px;
}

.z-split-layout--place {
    gap: clamp(30px, 5vw, 90px);
    align-items: flex-start;
}

.z-split-layout--place > .z-split-layout__main {
    flex: 1 1 400px;
    min-width: 0;
    max-width: 660px;
}

.z-split-layout--place > .z-split-layout__aside {
    flex: 1 1 340px;
    min-width: 0;
}

.z-split-layout--questions {
    gap: clamp(36px, 5vw, 88px);
    align-items: flex-start;
}

.z-split-layout--questions > .z-split-layout__main {
    flex: 1 1 300px;
    min-width: 0;
    max-width: 440px;
}

.z-split-layout--questions > .z-split-layout__aside {
    flex: 1 1 480px;
    min-width: 0;
}

.z-split-layout--offer {
    gap: clamp(26px, 3.5vw, 64px);
    align-items: flex-start;
}

.z-split-layout--offer > .z-split-layout__main {
    flex: 1 1 360px;
    min-width: 0;
    max-width: 560px;
}

.z-split-layout--offer > .z-split-layout__aside {
    flex: 1 1 400px;
    min-width: 0;
    max-width: 560px;
}

.z-on-dark .z-button--primary {
    background: var(--z-text-inv);
    color: var(--z-text);
}

.z-on-dark .z-button--primary:hover {
    background: var(--z-btn-primary-hover-on-dark);
    color: var(--z-text);
}

.z-on-dark .z-button--secondary {
    color: var(--z-text-inv);
    border-color: var(--z-btn-secondary-line-on-dark);
}

.z-on-dark .z-button--secondary:hover {
    border-color: var(--z-text-inv);
    background: var(--z-btn-secondary-bg-on-dark);
    color: var(--z-text-inv);
}

.z-section--cta.z-on-dark {
    border-bottom: none;
}

.z-product-preview {
    display: block;
}

.z-tab-rail {
    display: flex;
    justify-content: center;
    margin: 0 0 clamp(16px, 1.8vw, 24px);
}

.z-tab-rail__group {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    padding: 5px;
    background: var(--z-surface);
    border: 1px solid var(--z-line-frame);
    border-radius: var(--z-r-pill);
}

.z-tab-rail__indicator {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 0;
    height: calc(100% - 10px);
    background: var(--z-text);
    border-radius: var(--z-r-pill);
    transition: left .3s var(--z-ease-site), width .3s var(--z-ease-site);
}

.z-tab-rail__tab {
    position: relative;
    z-index: 1;
    padding: 9px 19px;
    border: none;
    border-radius: var(--z-r-pill);
    background: none;
    font-family: inherit;
    font-size: var(--z-label);
    font-weight: var(--z-weight-medium);
    white-space: nowrap;
    color: var(--z-text-muted);
    cursor: pointer;
    transition: color .3s var(--z-ease-site);
}

.z-tab-rail__tab:hover {
    color: var(--z-text);
}

.z-tab-rail__tab[aria-pressed="true"],
.z-tab-rail__tab[aria-pressed="true"]:hover {
    color: var(--z-text-inv);
}

.z-browser-frame {
    overflow: hidden;
    background: var(--z-surface);
    border: 1px solid var(--z-line-frame);
    border-radius: var(--z-r-panel);
    box-shadow: 0 34px 90px -34px rgba(var(--z-text-rgb), .28);
}

.z-browser-frame__bar {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 44px;
    padding: 0 18px;
    background: var(--z-surface-frame);
    border-bottom: 1px solid var(--z-line-frame-soft);
}

.z-browser-frame__dots {
    display: flex;
    gap: 6px;
}

.z-browser-frame__dots i {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--z-line-frame);
}

.z-browser-frame__address {
    flex: 1;
    display: flex;
    justify-content: center;
}

.z-browser-frame__address span {
    padding: 4px 16px;
    border-radius: var(--z-r-pill);
    background: var(--z-bg-band);
    font-size: var(--z-fine);
    color: var(--z-text-muted);
}

.z-browser-frame__stage {
    position: relative;
    aspect-ratio: 2752 / 1664;
    background: var(--z-mock-bg);
    container-type: inline-size;
}

.z-mock {
    position: absolute;
    inset: 0;
    display: flex;
    gap: 1.1cqw;
    padding: 1.2cqw;
    background: var(--z-mock-bg);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s var(--z-ease-site);
}

.z-mock[data-active="true"] {
    opacity: 1;
}

.z-mock__rail {
    display: flex;
    flex: 0 0 5.2cqw;
    flex-direction: column;
    align-items: center;
    gap: .65cqw;
    padding: 1.3cqw 0 1.1cqw;
    background: var(--z-bg-dark);
    border-radius: 1.1cqw;
}

.z-mock__rail-logo {
    display: block;
    width: 2.1cqw;
    height: 2.1cqw;
}

.z-mock__rail-divider {
    display: block;
    width: 2.4cqw;
    height: 1px;
    margin: .5cqw 0;
    background: rgba(var(--z-text-inv-rgb), .14);
}

.z-mock__rail-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 3.1cqw;
    height: 3.1cqw;
}

.z-mock__rail-item--active {
    display: grid;
    grid-template-columns: repeat(2, .62cqw);
    grid-auto-rows: .62cqw;
    gap: .3cqw;
    place-content: center;
    place-items: stretch;
    border-radius: .8cqw;
    background: rgba(var(--z-text-inv-rgb), .14);
}

.z-mock__rail-item--active i {
    display: block;
    background: var(--z-text-inv);
    border-radius: .16cqw;
}

.z-mock__rail-circle {
    display: block;
    width: 1.3cqw;
    height: 1.3cqw;
    border: .18cqw solid var(--z-icon-on-dark);
    border-radius: 50%;
}

.z-mock__rail-square {
    display: block;
    width: 1.4cqw;
    height: 1.4cqw;
    border: .18cqw solid var(--z-icon-on-dark);
    border-radius: .35cqw;
}

.z-mock__rail-badge {
    position: absolute;
    top: .6cqw;
    right: .6cqw;
    display: block;
    width: .55cqw;
    height: .55cqw;
    border-radius: 50%;
    background: var(--z-notice-dot);
}

.z-mock__rail-spacer {
    flex: 1 1 auto;
}

.z-mock__rail-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6cqw;
    height: 2.6cqw;
    margin-top: .3cqw;
    border-radius: 50%;
    background: var(--z-accent);
    font-size: .95cqw;
    font-weight: var(--z-weight-semi);
    color: var(--z-surface);
}

.z-mock__body {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: 1.1cqw;
}

.z-mock-card {
    display: flex;
    flex-direction: column;
    padding: 1.5cqw 1.8cqw;
    background: var(--z-surface);
    border-radius: 1cqw;
}

.z-mock-card--bar {
    flex-direction: row;
    align-items: center;
    gap: 1.2cqw;
    padding: 1.4cqw 1.8cqw;
}

.z-mock-card--wide {
    gap: 1.4cqw;
}

.z-mock-card--fill {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1.3cqw 1.8cqw;
    overflow: hidden;
}

.z-mock-card--list {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1.4cqw 1.8cqw;
}

.z-mock-card--tile {
    gap: .8cqw;
}

.z-mock-card--stat {
    gap: .9cqw;
}

.z-mock-card--compact {
    flex: 1 1 auto;
    justify-content: center;
    gap: .6cqw;
    padding: 1.2cqw 1.6cqw;
}

.z-mock-grid {
    display: grid;
    gap: 1.1cqw;
}

.z-mock-grid--day {
    grid-template-columns: 1.6fr 1fr;
}

.z-mock-grid--two {
    grid-template-columns: repeat(2, 1fr);
}

.z-mock-grid--three {
    grid-template-columns: repeat(3, 1fr);
}

.z-mock-grid__column {
    display: flex;
    flex-direction: column;
    gap: 1.1cqw;
}

.z-mock-head {
    display: flex;
    align-items: center;
    gap: .8cqw;
}

.z-mock-head--spread {
    align-items: baseline;
    justify-content: space-between;
    gap: 1cqw;
}

.z-mock-head--pad {
    padding-bottom: .9cqw;
}

.z-mock-head--pad-lg {
    padding-bottom: 1cqw;
}

.z-mock-head__dot {
    display: block;
    flex: 0 0 auto;
    width: .55cqw;
    height: .55cqw;
    border-radius: .18cqw;
    background: var(--z-accent);
}

.z-mock-head__dot--warning {
    background: var(--z-flag-gold);
}

.z-mock-head__dot--muted {
    background: var(--z-text-tertiary);
}

.z-mock-head__title {
    font-size: 1.25cqw;
    font-weight: var(--z-weight-semi);
    letter-spacing: -0.012em;
}

.z-mock-head__title--lg {
    font-size: 1.35cqw;
}

.z-mock-head__title--xl {
    font-size: 1.5cqw;
    letter-spacing: -0.015em;
}

.z-mock-head__title--plain {
    font-weight: var(--z-weight-medium);
    letter-spacing: 0;
}

.z-mock-head__meta {
    font-size: 1.05cqw;
    color: var(--z-text-tertiary);
}

.z-mock-head__note {
    font-size: 1cqw;
    color: var(--z-text-muted);
}

.z-mock-head__link {
    font-size: 1.15cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-accent);
}

.z-mock-head__group {
    display: flex;
    align-items: center;
    gap: .8cqw;
}

.z-mock-spacer {
    flex: 1 1 auto;
}

.z-mock-button {
    padding: .85cqw 1.7cqw;
    border-radius: .55cqw;
    background: var(--z-fill-neutral);
    font-size: 1.2cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
    white-space: nowrap;
}

.z-mock-button--primary {
    background: var(--z-bg-dark);
    color: var(--z-text-inv);
}

.z-mock-badge {
    display: inline-flex;
    align-items: center;
    gap: .55cqw;
    padding: .3cqw .8cqw;
    border-radius: 10cqw;
    background: var(--z-fill-neutral);
    font-size: .95cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-text-muted);
    white-space: nowrap;
}

.z-mock-badge--lg {
    padding: .4cqw 1cqw;
    font-size: 1.1cqw;
}

.z-mock-badge--row {
    padding: .35cqw .9cqw;
    font-size: 1.05cqw;
}

.z-mock-badge--ok {
    background: var(--z-ok-tint);
    color: var(--z-ok);
}

.z-mock-badge--warning {
    background: var(--z-warn-tint);
    color: var(--z-warn);
}

.z-mock-badge__dot {
    display: block;
    flex: 0 0 auto;
    width: .55cqw;
    height: .55cqw;
    border-radius: 50%;
    background: var(--z-live-dot);
}

.z-mock-badge--row .z-mock-badge__dot {
    width: .5cqw;
    height: .5cqw;
}

.z-mock-metric {
    display: flex;
    align-items: baseline;
    gap: .7cqw;
}

.z-mock-metric__value {
    font-size: 2.8cqw;
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.035em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.z-mock-metric__value--sm {
    font-size: 2.7cqw;
}

.z-mock-metric__unit {
    font-size: 1.15cqw;
    color: var(--z-text-muted);
}

.z-mock-day__value {
    display: flex;
    align-items: baseline;
    gap: .9cqw;
    margin-top: .9cqw;
}

.z-mock-day__number {
    font-size: 3.1cqw;
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.04em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.z-mock-day__unit {
    font-size: 1.1cqw;
    color: var(--z-text-muted);
}

.z-mock-timeline {
    position: relative;
    height: 2cqw;
    margin-top: 1.1cqw;
    overflow: hidden;
    background: var(--z-mock-track);
    border-radius: .55cqw;
}

.z-mock-timeline i {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
}

.z-mock-timeline i:nth-child(1) {
    left: 0;
    width: 44%;
    background: var(--z-mock-work);
}

.z-mock-timeline i:nth-child(2) {
    left: 44%;
    width: 8%;
    background: var(--z-mock-break);
}

.z-mock-timeline i:nth-child(3) {
    left: 52%;
    width: 17%;
    background: var(--z-mock-work);
}

.z-mock-timeline i:nth-child(4) {
    left: 69%;
    top: -.3cqw;
    bottom: -.3cqw;
    width: .22cqw;
    border-radius: .2cqw;
    background: var(--z-text);
}

.z-mock-scale {
    position: relative;
    height: 1.4cqw;
    margin-top: .35cqw;
}

.z-mock-scale span {
    position: absolute;
    font-size: .95cqw;
    color: var(--z-text-tertiary);
    font-variant-numeric: tabular-nums;
}

.z-mock-scale span:nth-child(1) {
    left: 0;
}

.z-mock-scale span:nth-child(2) {
    left: 44%;
    transform: translateX(-50%);
}

.z-mock-scale span:nth-child(3) {
    left: 69%;
    transform: translateX(-50%);
    font-weight: var(--z-weight-semi);
    color: var(--z-text);
}

.z-mock-scale span:nth-child(4) {
    right: 0;
}

.z-mock-week {
    display: flex;
    align-items: baseline;
    gap: .7cqw;
}

.z-mock-week__value {
    font-size: 1.4cqw;
    font-weight: var(--z-weight-semi);
    letter-spacing: -0.014em;
    font-variant-numeric: tabular-nums;
}

.z-mock-week__value--ok {
    color: var(--z-ok-strong);
}

.z-mock-week__total {
    font-size: 1cqw;
    color: var(--z-text-tertiary);
}

.z-mock-week__label {
    font-size: 1.15cqw;
    font-weight: var(--z-weight-medium);
}

.z-mock-bars {
    display: flex;
    align-items: flex-end;
    gap: .55cqw;
    height: 3.4cqw;
}

.z-mock-bars i {
    display: block;
    flex: 1;
    border-radius: .35cqw .35cqw .2cqw .2cqw;
    background: var(--z-mock-bar);
}

.z-mock-bars i:nth-child(1) {
    height: 88%;
}

.z-mock-bars i:nth-child(2) {
    height: 76%;
}

.z-mock-bars i:nth-child(3) {
    height: 96%;
}

.z-mock-bars i:nth-child(4) {
    height: 81%;
}

.z-mock-bars i:nth-child(5) {
    height: 70%;
    background: var(--z-accent);
}

.z-mock-gauge {
    position: relative;
    display: block;
    height: 1.4cqw;
}

.z-mock-gauge__track {
    position: absolute;
    left: 0;
    right: 0;
    top: .55cqw;
    display: block;
    height: .3cqw;
    border-radius: .2cqw;
    background: var(--z-mock-bg);
}

.z-mock-gauge__center {
    position: absolute;
    left: 50%;
    top: .2cqw;
    display: block;
    width: 1px;
    height: 1cqw;
    background: var(--z-mock-tick);
}

.z-mock-gauge__knob {
    position: absolute;
    left: 59%;
    top: .2cqw;
    display: block;
    width: 1cqw;
    height: 1cqw;
    transform: translateX(-50%);
    border: .2cqw solid var(--z-surface);
    border-radius: 50%;
    background: var(--z-accent);
    box-shadow: 0 1px 3px rgba(var(--z-text-rgb), .3);
}

.z-mock-gauge-scale {
    display: flex;
    justify-content: space-between;
}

.z-mock-gauge-scale span {
    font-size: .9cqw;
    color: var(--z-text-faint);
}

.z-mock-table__head,
.z-mock-table__row {
    display: grid;
    grid-template-columns: 8cqw minmax(0, 1fr) 6cqw 6cqw 10cqw;
    gap: 1cqw;
}

.z-mock-table__head {
    padding: .5cqw 0;
    font-size: .9cqw;
    font-weight: var(--z-weight-semi);
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--z-text-tertiary);
}

.z-mock-table__row {
    align-items: center;
    padding: .85cqw 0;
    border-top: 1px solid var(--z-fill-neutral);
}

.z-mock-table__row--today {
    background: var(--z-mock-row-today);
}

.z-mock-table__day {
    font-size: 1.15cqw;
    font-weight: var(--z-weight-medium);
}

.z-mock-table__row--today .z-mock-table__day {
    font-weight: var(--z-weight-semi);
}

.z-mock-table__day span {
    font-weight: var(--z-weight-regular);
    color: var(--z-text-tertiary);
}

.z-mock-table__cell {
    font-size: 1.1cqw;
    color: var(--z-text-muted);
    font-variant-numeric: tabular-nums;
}

.z-mock-table__row--today .z-mock-table__cell {
    color: var(--z-text);
}

.z-mock-table__cell--right {
    text-align: right;
}

.z-mock-table__cell--strong {
    text-align: right;
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
}

.z-mock-table__row--today .z-mock-table__cell--strong {
    font-weight: var(--z-weight-semi);
}

.z-mock-table__cell--muted {
    text-align: right;
}

.z-mock-table__state {
    display: flex;
    justify-content: flex-end;
}

.z-mock-list__row {
    display: flex;
    align-items: center;
    gap: 1.2cqw;
    padding: 1.05cqw 0;
    border-top: 1px solid var(--z-line-hair);
}

.z-mock-list__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.6cqw;
    height: 2.6cqw;
    border-radius: .6cqw;
    background: var(--z-mock-track);
    font-size: 1cqw;
    font-weight: var(--z-weight-semi);
    color: var(--z-text-muted);
}

.z-mock-list__body {
    flex: 1 1 auto;
    min-width: 0;
}

.z-mock-list__title {
    display: block;
    font-size: 1.3cqw;
    font-weight: var(--z-weight-medium);
}

.z-mock-list__note {
    display: block;
    margin-top: .25cqw;
    font-size: 1.1cqw;
    color: var(--z-text-tertiary);
}

.z-mock-panel {
    position: relative;
    overflow: hidden;
    padding: 2.4cqw 2.6cqw;
    background: var(--z-bg-dark);
    border-radius: 1.1cqw;
    color: var(--z-text-inv);
}

.z-mock-panel::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at 82% -30%, rgba(var(--z-mock-glow), .34), transparent 52%), radial-gradient(ellipse at -8% 135%, rgba(var(--z-mock-glow), .14), transparent 42%);
}

.z-mock-panel::after {
    content: '';
    position: absolute;
    top: -15cqw;
    right: -9cqw;
    width: 34cqw;
    height: 34cqw;
    pointer-events: none;
    border: 1px solid rgba(var(--z-text-inv-rgb), .07);
    border-radius: 50%;
}

.z-mock-panel__inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2.6cqw;
}

.z-mock-panel__body {
    min-width: 0;
}

.z-mock-panel__meta {
    font-size: 1.2cqw;
    color: var(--z-icon-on-dark);
}

.z-mock-panel__title {
    margin-top: .7cqw;
    font-size: 2.9cqw;
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.03em;
    line-height: 1.05;
}

.z-mock-panel__note {
    margin-top: .7cqw;
    font-size: 1.25cqw;
    color: var(--z-icon-on-dark);
}

.z-mock-panel__side {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 1.5cqw;
}

.z-mock-panel__clock {
    display: flex;
    align-items: baseline;
    gap: .8cqw;
}

.z-mock-panel__time {
    font-size: 3.4cqw;
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.04em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.z-mock-panel__unit {
    font-size: 1.2cqw;
    color: var(--z-icon-on-dark);
    white-space: nowrap;
}

.z-mock-panel__action {
    padding: 1cqw 2cqw;
    border-radius: .6cqw;
    background: var(--z-text-inv);
    font-size: 1.25cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
    white-space: nowrap;
}

.z-mock-tasks__row {
    display: flex;
    align-items: center;
    gap: 1.2cqw;
    padding: 1.05cqw 0;
    border-top: 1px solid var(--z-line-hair);
}

.z-mock-tasks__row--late {
    opacity: 0;
    transform: translateY(1cqw);
    transition: opacity .4s var(--z-ease-site), transform .4s var(--z-ease-site);
}

.z-mock-tasks__row--late[data-shown="true"] {
    opacity: 1;
    transform: none;
}

.z-mock-tasks__dot {
    display: block;
    flex: 0 0 auto;
    width: .6cqw;
    height: .6cqw;
    border-radius: 50%;
    background: var(--z-accent);
}

.z-mock-tasks__dot--warning {
    background: var(--z-flag-gold);
}

.z-mock-tasks__dot--muted {
    background: var(--z-text-tertiary);
}

.z-mock-tasks__label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1.3cqw;
    font-weight: var(--z-weight-medium);
}

.z-mock-tasks__tag {
    padding: .35cqw .9cqw;
    border-radius: .5cqw;
    background: var(--z-fill-neutral);
    font-size: 1.05cqw;
    color: var(--z-text-muted);
    white-space: nowrap;
}

.z-mock-tasks__tag--new {
    background: var(--z-warn-tint);
    font-weight: var(--z-weight-medium);
    color: var(--z-warn);
}

.z-mock-tasks__foot {
    display: flex;
    align-items: center;
    gap: .6cqw;
    margin-top: .35cqw;
    padding-top: .9cqw;
    border-top: 1px solid var(--z-line-hair);
    font-size: 1.05cqw;
    color: var(--z-text-tertiary);
}

.z-fact-bar {
    padding: 17px 0;
    background: var(--z-bg-band);
    border-top: 1px solid var(--z-line);
    border-bottom: 1px solid var(--z-line);
}

.z-fact-bar__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px clamp(26px, 4vw, 60px);
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.z-fact-bar__item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--z-fine);
    font-weight: var(--z-weight-medium);
    white-space: nowrap;
    color: var(--z-text-fact);
    transition: color var(--z-t-site);
}

.z-fact-bar__item:hover {
    color: var(--z-accent);
}

.z-fact-bar__item svg {
    display: block;
    flex: 0 0 auto;
    stroke: var(--z-accent);
}

@keyframes z-progress-grow {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes z-panel-flash {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--z-accent-rgb), 0);
    }

    25% {
        box-shadow: 0 0 0 2px rgba(var(--z-accent-rgb), .5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(var(--z-accent-rgb), 0);
    }
}

@keyframes z-badge-in {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes z-dock-in {
    from {
        opacity: 0;
        transform: translateX(-8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes z-row-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes z-pulse {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .7;
    }
}

@keyframes z-blink {
    0%,
    100% {
        opacity: 1;
    }

    30% {
        opacity: .35;
    }
}

@keyframes z-float-a {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}

@keyframes z-float-b {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(4px);
    }
}

@keyframes z-drift-a {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(2.5cqw, 1.8cqw);
    }
}

@keyframes z-drift-b {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(-2.2cqw, -1.5cqw);
    }
}

@keyframes z-proof-flash {
    0% {
        background-color: var(--z-surface);
    }

    30% {
        background-color: #DFF3E7;
    }

    100% {
        background-color: var(--z-surface);
    }
}

@keyframes z-proof-pulse {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .6;
    }
}

.z-accordion {
    margin-top: clamp(18px, 2vw, 26px);
}

.z-accordion--process {
    margin-top: clamp(24px, 2.6vw, 32px);
}

.z-accordion--questions {
    margin-top: 0;
}

.z-accordion__item,
.z-accordion__end {
    border-top: 1px solid var(--z-line);
}

.z-accordion__trigger {
    display: flex;
    align-items: baseline;
    gap: 15px;
    width: 100%;
    padding: 18px 2px;
    border: none;
    background: none;
    font-family: inherit;
    text-align: left;
    color: var(--z-text-number);
    cursor: pointer;
    transition: color var(--z-t-site);
}

.z-accordion--process .z-accordion__trigger {
    padding: 17px 2px;
}

.z-accordion--questions .z-accordion__trigger {
    gap: 16px;
    padding: 19px 2px;
    color: var(--z-text);
}

.z-accordion__trigger:hover {
    color: var(--z-accent);
}

.z-accordion__trigger[aria-expanded="true"] {
    color: var(--z-text);
}

.z-accordion__number {
    flex: 0 0 auto;
    font-size: var(--z-fine);
    font-weight: var(--z-weight-semi);
    color: var(--z-text-faint);
    font-variant-numeric: tabular-nums;
    transition: color .3s var(--z-ease-site);
}

.z-accordion__trigger[aria-expanded="true"] .z-accordion__number {
    color: var(--z-accent);
}

.z-accordion__title {
    flex: 1 1 auto;
    font-size: clamp(18px, 1.7vw, 23px);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.024em;
}

.z-accordion--process .z-accordion__title {
    font-size: clamp(18px, 1.6vw, 22px);
    letter-spacing: -0.022em;
}

.z-accordion--questions .z-accordion__title {
    font-size: clamp(17.5px, 1.5vw, 20px);
    letter-spacing: -0.02em;
}

.z-accordion__sign {
    display: inline-block;
    flex: 0 0 auto;
    font-size: 20px;
    line-height: 1;
    color: var(--z-accent);
    transition: transform .3s var(--z-ease-site);
}

.z-accordion--questions .z-accordion__sign {
    font-size: 21px;
}

.z-accordion__trigger[aria-expanded="true"] .z-accordion__sign {
    transform: rotate(180deg);
}

.z-accordion__timer {
    position: relative;
    display: block;
    height: 2px;
    overflow: hidden;
    background: var(--z-line);
}

.z-accordion__timer i {
    position: absolute;
    inset: 0;
    display: block;
    background: var(--z-accent);
    transform-origin: left;
    transform: scaleX(0);
}

.z-accordion__timer[data-timer="running"] i {
    animation: z-progress-grow 7s linear forwards;
}

.z-accordion__timer[data-timer="paused"] i {
    animation: z-progress-grow 7s linear forwards;
    animation-play-state: paused;
}

.z-accordion__panel {
    margin: 0;
    padding: 0 0 20px 34px;
    font-size: var(--z-body);
    line-height: 1.55;
    color: var(--z-text-body);
    max-width: 54ch;
}

.z-accordion--questions .z-accordion__panel {
    padding: 0 44px 22px 2px;
    max-width: 70ch;
}

.z-scene {
    position: relative;
    aspect-ratio: 5 / 4;
    overflow: hidden;
    background: var(--z-bg-band);
    border-radius: var(--z-r-panel);
    container-type: inline-size;
}

.z-scene__tint {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: var(--z-scene-tint-1);
    transition: background-color .4s var(--z-ease-site);
}

.z-scene[data-scene-index="1"] .z-scene__tint {
    background: var(--z-scene-tint-2);
}

.z-scene[data-scene-index="2"] .z-scene__tint {
    background: var(--z-scene-tint-3);
}

.z-scene[data-scene-index="3"] .z-scene__tint {
    background: var(--z-scene-tint-4);
}

.z-scene__blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.z-scene__blob:nth-of-type(1) {
    top: -18cqw;
    right: -14cqw;
    width: 55cqw;
    height: 55cqw;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .10), transparent 70%);
    animation: z-drift-a 20s ease-in-out infinite alternate;
}

.z-scene__blob:nth-of-type(2) {
    bottom: -16cqw;
    left: -12cqw;
    width: 48cqw;
    height: 48cqw;
    background: radial-gradient(closest-side, rgba(var(--z-accent-rgb), .07), transparent 70%);
    animation: z-drift-b 20s ease-in-out infinite alternate;
}

.z-scene__mesh,
.z-scene__link {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.z-scene__mesh {
    opacity: .07;
}

.z-scene__link line {
    opacity: 0;
    stroke: var(--z-accent);
}

.z-scene__dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(var(--z-text-rgb), .04) 1.2px, transparent 1.2px);
    background-size: 18px 18px;
}

.z-scene__ghost {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6cqw 3.5cqw;
    pointer-events: none;
}

.z-scene__ghost i {
    display: block;
    width: 100%;
    height: 56%;
    transform: translate(2.6cqw, 3.4cqw);
    background: rgba(var(--z-text-rgb), .07);
    border-radius: 2cqw;
}

.z-scene__layer {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6cqw 3.5cqw;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s var(--z-ease-site);
}

.z-scene__layer[data-active="true"] {
    opacity: 1;
}

.z-scene__satellite {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 1.1cqw;
    padding: 1cqw 2cqw;
    background: var(--z-surface);
    border: 1px solid rgba(var(--z-text-rgb), .07);
    border-radius: 10cqw;
    box-shadow: 0 1.4cqw 3.6cqw -1.8cqw rgba(var(--z-text-rgb), .3);
    font-size: 1.85cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-text-fact);
    white-space: nowrap;
}

.z-scene__satellite--top {
    top: 5.5cqw;
    right: 1.4cqw;
    animation: z-float-a 6s ease-in-out infinite;
}

.z-scene__satellite--bottom {
    bottom: 6cqw;
    left: 1.2cqw;
    animation: z-float-b 6s ease-in-out infinite;
}

.z-scene__satellite svg {
    display: block;
    flex: 0 0 auto;
    width: 2.1cqw;
    height: 2.1cqw;
    stroke: var(--z-accent);
}

.z-scene__satellite i {
    display: block;
    flex: 0 0 auto;
    width: 1cqw;
    height: 1cqw;
    border-radius: 50%;
    background: var(--z-accent);
}

.z-scene__satellite i.z-scene__satellite-dot--ok {
    background: var(--z-live-dot);
}

.z-scene__satellite i.z-scene__satellite-dot--warning {
    background: var(--z-flag-gold);
}

.z-scene__satellite i.z-scene__satellite-dot--lg {
    width: 1.8cqw;
    height: 1.8cqw;
}

.z-scene-card {
    position: relative;
    width: 100%;
    padding: 4.5cqw 5cqw;
    background: var(--z-surface);
    border: 1px solid rgba(var(--z-text-rgb), .06);
    border-radius: 0 2cqw 2cqw 2cqw;
    box-shadow: inset 0 1px 0 var(--z-surface), 0 4cqw 11cqw -4cqw rgba(var(--z-text-rgb), .16);
}

.z-scene-card__tab {
    position: absolute;
    top: -2.9cqw;
    left: -1px;
    padding: .7cqw 2.4cqw .4cqw;
    background: var(--z-surface);
    border: 1px solid rgba(var(--z-text-rgb), .06);
    border-bottom: 0;
    border-radius: 1.2cqw 1.2cqw 0 0;
    font-size: 1.8cqw;
    font-weight: var(--z-weight-semi);
    letter-spacing: .04em;
    line-height: 1;
    color: var(--z-text-muted);
}

.z-scene-card__head {
    display: flex;
    align-items: center;
    gap: 2cqw;
}

.z-scene-card__head--identity {
    gap: 2.2cqw;
}

.z-scene-card__title {
    font-size: 2.7cqw;
    font-weight: var(--z-weight-semi);
    letter-spacing: -0.015em;
}

.z-scene-card__spacer {
    flex: 1 1 auto;
}

.z-scene-card__identity {
    min-width: 0;
}

.z-scene-card__name {
    display: block;
    font-size: 2.7cqw;
    font-weight: var(--z-weight-semi);
    letter-spacing: -0.015em;
}

.z-scene-card__meta {
    display: block;
    font-size: 1.95cqw;
    color: var(--z-text-tertiary);
}

.z-scene-card__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2cqw;
    padding: 2.6cqw 0;
    border-bottom: 1px solid var(--z-line-hair);
}

.z-scene-card__row--first {
    margin-top: 2.4cqw;
    border-top: 1px solid var(--z-line-hair);
}

.z-scene-card__row--tight {
    padding: 2.5cqw 0;
}

.z-scene-card__row--pair {
    padding: 2.4cqw 0;
}

.z-scene-card__row--log {
    align-items: baseline;
    justify-content: flex-start;
    gap: 2.4cqw;
    padding: 2.3cqw 0;
}

.z-scene-card__row--last {
    border-bottom: 0;
}

.z-scene-card__row--late {
    padding: 2.5cqw 0 0;
    border-top: 1px solid var(--z-line-hair);
    border-bottom: 0;
    opacity: 0;
    transform: translateY(1.2cqw);
    transition: opacity .3s var(--z-ease-site), transform .3s var(--z-ease-site);
}

.z-scene-card__row--late[data-shown="true"] {
    opacity: 1;
    transform: none;
}

.z-scene-card__label {
    font-size: 2.4cqw;
}

.z-scene-card__label--muted {
    color: var(--z-text-muted);
}

.z-scene-card__label--strong {
    font-size: 2.35cqw;
    font-weight: var(--z-weight-medium);
}

.z-scene-card__label--pair {
    font-size: 2.2cqw;
    color: var(--z-text-muted);
}

.z-scene-card__value {
    font-size: 2.3cqw;
    font-weight: var(--z-weight-medium);
}

.z-scene-card__value--ok {
    color: var(--z-ok-strong);
    font-variant-numeric: tabular-nums;
}

.z-scene-card__value--count {
    font-size: 2.1cqw;
    color: var(--z-ok);
    font-variant-numeric: tabular-nums;
}

.z-scene-card__value--plain {
    font-size: 2.1cqw;
    font-weight: var(--z-weight-regular);
    color: var(--z-text-muted);
}

.z-scene-card__time {
    flex: 0 0 8cqw;
    font-size: 2.1cqw;
    color: var(--z-text-tertiary);
    font-variant-numeric: tabular-nums;
}

.z-scene-card__entry {
    font-size: 2.3cqw;
}

.z-scene-card__clock {
    display: flex;
    align-items: baseline;
    gap: 1.4cqw;
    margin-top: 3cqw;
}

.z-scene-card__clock b {
    font-size: 6cqw;
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.04em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.z-scene-card__clock span {
    font-size: 2cqw;
    color: var(--z-text-tertiary);
}

.z-scene-card__actions {
    display: flex;
    gap: 1.2cqw;
    margin-top: 3cqw;
}

.z-scene-card__actions span {
    padding: 1.3cqw 2.6cqw;
    border-radius: .8cqw;
    background: var(--z-fill-neutral);
    font-size: 2.1cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
    white-space: nowrap;
}

.z-scene-card__actions span:last-child {
    background: var(--z-bg-dark);
    color: var(--z-text-inv);
}

.z-scene-card__foot {
    display: block;
    padding-top: 2.2cqw;
    border-top: 1px solid var(--z-line-hair);
    font-size: 2cqw;
    color: var(--z-text-tertiary);
}

.z-scene-card__foot--offset {
    margin-top: 3cqw;
}

.z-scene-card__note {
    display: block;
    padding-top: 1.4cqw;
    font-size: 2cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-accent);
    opacity: 0;
    transform: translateY(.8cqw);
    transition: opacity .3s var(--z-ease-site), transform .3s var(--z-ease-site);
}

.z-scene-card__note[data-shown="true"] {
    opacity: 1;
    transform: none;
}

.z-scene-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 5cqw;
    height: 5cqw;
    border-radius: 50%;
    background: var(--z-accent);
    font-size: 1.8cqw;
    font-weight: var(--z-weight-semi);
    color: var(--z-surface);
}

.z-scene-toggle {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 6.4cqw;
    height: 3.4cqw;
    border-radius: 10cqw;
    background: var(--z-toggle-off);
    transition: background-color .3s var(--z-ease-site);
}

.z-scene-toggle[data-checked="true"] {
    background: var(--z-accent);
}

.z-scene-toggle i {
    position: absolute;
    top: .4cqw;
    left: .4cqw;
    display: block;
    width: 2.6cqw;
    height: 2.6cqw;
    border-radius: 50%;
    background: var(--z-surface);
    transition: transform .3s var(--z-ease-site);
}

.z-scene-toggle[data-checked="true"] i {
    transform: translateX(3cqw);
}

.z-scene-badge {
    padding: .6cqw 1.8cqw;
    border-radius: 10cqw;
    background: var(--z-fill-neutral);
    font-size: 1.9cqw;
    font-weight: var(--z-weight-medium);
    color: var(--z-text-muted);
    white-space: nowrap;
}

.z-scene-badge--ok {
    display: inline-flex;
    align-items: center;
    gap: .55cqw;
    background: var(--z-ok-tint);
    color: var(--z-ok);
}

.z-scene-badge--ok i {
    display: block;
    width: .55cqw;
    height: .55cqw;
    border-radius: 50%;
    background: var(--z-live-dot);
}

.z-scene-badge--warning {
    background: var(--z-warn-tint);
    color: var(--z-warn);
}

.z-scene-badge--danger {
    background: var(--z-danger-soft-tint);
    color: var(--z-danger-soft);
}

.z-scene-badge--accent {
    padding: .5cqw 1.6cqw;
    background: var(--z-accent-tint);
    border: 1px solid var(--z-accent-line);
    color: var(--z-accent);
}

.z-scene-badge--soft {
    padding: .5cqw 1.6cqw;
    background: var(--z-ok-tint);
    color: var(--z-ok);
}

.z-scene__layer[data-step="on"] .z-scene-card__row--stage {
    animation: z-pulse 2.5s var(--z-ease-site) 900ms infinite;
}

.z-scene__layer[data-step="on"] .z-scene-badge--stage-1,
.z-scene__layer[data-step="on"] .z-scene-badge--stage-2,
.z-scene__layer[data-step="on"] .z-scene-badge--stage-3 {
    animation: z-badge-in .4s var(--z-ease-site) both;
}

.z-scene__layer[data-step="on"] .z-scene-badge--stage-2 {
    animation-delay: 150ms;
}

.z-scene__layer[data-step="on"] .z-scene-badge--stage-3 {
    animation-delay: 300ms;
}

.z-scene__layer[data-step="on"] .z-scene-card__row--dock-1,
.z-scene__layer[data-step="on"] .z-scene-card__row--dock-2,
.z-scene__layer[data-step="on"] .z-scene-card__row--dock-3,
.z-scene__layer[data-step="on"] .z-scene-card__row--dock-4 {
    animation: z-dock-in .3s var(--z-ease-site) both;
}

.z-scene__layer[data-step="on"] .z-scene-card__row--dock-2 {
    animation-delay: 150ms;
}

.z-scene__layer[data-step="on"] .z-scene-card__row--dock-3 {
    animation-delay: 300ms;
}

.z-scene__layer[data-step="on"] .z-scene-card__row--dock-4 {
    animation-delay: 450ms;
}

.z-scene-card__row--log[data-slot] {
    display: flex;
}

.z-scene-card__row--log[data-slot="off"] {
    display: none;
}

.z-scene-card__row--log[data-slot="0"] {
    order: 0;
    margin-top: 2.4cqw;
    border-top: 1px solid var(--z-line-hair);
    animation: z-row-in .3s var(--z-ease-site) both;
}

.z-scene-card__row--log[data-slot="1"] {
    order: 1;
}

.z-scene-card__row--log[data-slot="2"] {
    order: 2;
}

.z-scene-card__row--log[data-slot="3"] {
    order: 3;
    border-bottom: 0;
    opacity: .45;
}

.z-scene-card--log {
    display: flex;
    flex-direction: column;
}

.z-scene-card--log > .z-scene-card__head {
    order: -1;
}

.z-scene-card--log > .z-scene-card__foot {
    order: 9;
}

.z-scene-card__blink {
    animation: z-blink .6s var(--z-ease-site);
}

.z-scene[data-flash="true"] {
    animation: z-panel-flash .4s var(--z-ease-site);
}

.z-exit-card {
    flex: 1 1 520px;
    min-width: 0;
    overflow: hidden;
    background: var(--z-surface);
    border-radius: var(--z-r-block);
    color: var(--z-text);
}

.z-exit-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 20px;
    border-bottom: 1px solid var(--z-table-line-head);
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-exit-card__badge {
    padding: 4px 11px;
    border-radius: var(--z-r-pill);
    background: var(--z-warn-tint);
    font-size: var(--z-micro);
    font-weight: var(--z-weight-medium);
    color: var(--z-warn);
}

.z-exit-card__row {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: start;
    gap: 15px;
    padding: 13px 20px;
    background: var(--z-surface);
    border-bottom: 1px solid var(--z-line-hair);
}

.z-exit-card__row[data-state="open"] {
    background: var(--z-warn-bg);
}

.z-exit-card__row[data-state="done"] {
    animation: z-proof-flash .8s ease;
}

.z-exit-card__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: var(--z-fill-neutral);
    font-size: 12px;
    font-weight: var(--z-weight-semi);
    color: var(--z-text-faint);
    transition: background-color .3s var(--z-ease-site), color .3s var(--z-ease-site);
}

.z-exit-card__row[data-state="done"] .z-exit-card__mark {
    background: var(--z-ok-tint);
    color: var(--z-ok);
}

.z-exit-card__row[data-state="open"] .z-exit-card__mark {
    background: var(--z-warn-tint);
    color: var(--z-warn);
}

.z-exit-card__mark svg path {
    stroke-dasharray: 14;
    stroke-dashoffset: 14;
    transition: stroke-dashoffset .4s var(--z-ease-site) .1s;
}

.z-exit-card__row[data-state="done"] .z-exit-card__mark svg path {
    stroke-dashoffset: 0;
}

.z-exit-card__body {
    min-width: 0;
}

.z-exit-card__name {
    font-size: var(--z-body);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.015em;
}

.z-exit-card__note {
    margin-top: 3px;
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-exit-card__row[data-state="open"] .z-exit-card__note {
    color: var(--z-warn-sub);
}

.z-exit-card__state {
    font-size: var(--z-micro);
    font-weight: var(--z-weight-medium);
    white-space: nowrap;
    color: var(--z-text-inv-tag);
    transition: color .3s var(--z-ease-site);
}

.z-exit-card__row[data-state="done"] .z-exit-card__state {
    color: var(--z-text-muted);
}

.z-exit-card__row[data-state="open"] .z-exit-card__state {
    color: var(--z-warn);
}

.z-exit-card[data-complete="true"] .z-exit-card__row[data-state="open"] .z-exit-card__state {
    animation: z-proof-pulse 2.5s ease-in-out infinite;
}

.z-exit-card__foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 20px;
    background: var(--z-surface-foot);
    font-size: var(--z-label);
    color: var(--z-text-muted);
    opacity: 0;
    transition: opacity .4s var(--z-ease-site);
}

.z-exit-card[data-complete="true"] .z-exit-card__foot {
    opacity: 1;
}

.z-proof-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(28px, 4vw, 72px);
    margin-top: clamp(28px, 3.2vw, 44px);
}

.z-proof-row > .z-text {
    flex: 0 1 380px;
    font-size: clamp(17px, 1.35vw, 20px);
    color: var(--z-text-inv-body);
}

.z-module-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
    gap: clamp(9px, 1.1vw, 15px);
    margin-top: clamp(28px, 3.2vw, 44px);
}

.z-module-foot {
    display: flex;
    justify-content: center;
    margin-top: clamp(22px, 2.4vw, 34px);
}

.z-module-foot .z-button {
    padding: 15px 28px;
}

.z-accordion-tile {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 132px;
    padding: clamp(17px, 1.7vw, 23px);
    background: var(--z-surface);
    border: 1px solid var(--z-line-frame);
    border-radius: var(--z-r-block);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transform: translateY(0);
    box-shadow: 0 0 0 rgba(var(--z-text-rgb), 0);
    transition: background-color .3s var(--z-ease-site), border-color var(--z-t-site), transform var(--z-t-site), box-shadow var(--z-t-site);
}

.z-accordion-tile--base {
    border-color: var(--z-line-tile-base);
}

.z-accordion-tile:hover {
    border-color: var(--z-line-tile-hover);
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -14px rgba(var(--z-text-rgb), .18);
}

.z-accordion-tile[aria-expanded="true"],
.z-accordion-tile[aria-expanded="true"]:hover {
    background: var(--z-bg-dark);
    border-color: var(--z-bg-dark);
}

.z-accordion-tile__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.z-accordion-tile__number {
    font-size: var(--z-fine);
    color: var(--z-text-number);
    transition: color var(--z-t-site);
}

.z-accordion-tile:hover .z-accordion-tile__number {
    color: var(--z-accent);
}

.z-accordion-tile[aria-expanded="true"] .z-accordion-tile__number,
.z-accordion-tile[aria-expanded="true"]:hover .z-accordion-tile__number {
    color: var(--z-text-inv-mute);
}

.z-accordion-tile__mark {
    display: flex;
    align-items: center;
    gap: 9px;
}

.z-accordion-tile__sign {
    font-size: 20px;
    font-weight: var(--z-weight-regular);
    line-height: 1;
    color: var(--z-accent);
}

.z-accordion-tile[aria-expanded="true"] .z-accordion-tile__sign {
    color: var(--z-text-inv);
}

.z-accordion-tile__name {
    font-size: clamp(17.5px, 1.5vw, 21px);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.028em;
    line-height: 1.18;
    color: var(--z-text);
}

.z-accordion-tile[aria-expanded="true"] .z-accordion-tile__name {
    color: var(--z-text-inv);
}

.z-accordion-tile__lead {
    font-size: var(--z-label);
    line-height: 1.42;
    color: var(--z-text-tile-lead);
}

.z-accordion-tile[aria-expanded="true"] .z-accordion-tile__lead {
    color: var(--z-text-inv-body);
}

.z-accordion-tile--outline {
    justify-content: center;
    background: none;
    border: 1px dashed var(--z-line-outline);
    cursor: default;
}

.z-accordion-tile--outline:hover {
    border-color: var(--z-line-outline);
    transform: none;
    box-shadow: none;
}

.z-accordion-tile--outline .z-accordion-tile__name {
    color: var(--z-text-body);
}

.z-accordion-tile--outline .z-accordion-tile__lead {
    color: var(--z-text-number);
}

.z-module-detail {
    margin-top: clamp(10px, 1.2vw, 16px);
    padding: clamp(24px, 2.6vw, 40px);
    background: var(--z-bg-dark);
    border-radius: var(--z-r-card);
    color: var(--z-text-inv);
}

.z-module-detail__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
}

.z-module-detail__title {
    margin: 0;
    font-size: clamp(21px, 2.1vw, 31px);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.032em;
}

.z-module-detail__close {
    padding: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: var(--z-meta);
    color: var(--z-text-inv-tag);
    cursor: pointer;
    transition: color var(--z-t-site);
}

.z-module-detail__close:hover {
    color: var(--z-text-inv);
}

.z-module-detail__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: clamp(18px, 2.2vw, 36px);
    margin-top: clamp(18px, 2vw, 30px);
}

.z-module-detail__item {
    padding-top: 16px;
    border-top: 1px solid var(--z-line-dark-2);
}

.z-module-detail__name {
    margin: 0;
    font-size: var(--z-body-lg);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.018em;
}

.z-module-detail__text {
    margin: 6px 0 0;
    font-size: var(--z-meta);
    line-height: 1.5;
    color: var(--z-text-inv-body);
}

.z-detail-list {
    margin-top: clamp(24px, 2.6vw, 32px);
}

.z-detail-list__row {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid var(--z-line);
}

.z-detail-list__label {
    flex: 0 0 auto;
    width: 104px;
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-detail-list__body {
    min-width: 0;
}

.z-detail-list__title {
    font-size: 18px;
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.018em;
}

.z-detail-list__text {
    margin-top: 2px;
    font-size: var(--z-meta);
    color: var(--z-text-muted);
}

.z-contact-card {
    margin-top: clamp(24px, 2.6vw, 32px);
    padding: 20px 22px;
    background: var(--z-bg);
    border: 1px solid var(--z-line);
    border-radius: var(--z-r-block);
}

.z-contact-card__head {
    display: flex;
    align-items: center;
    gap: 13px;
}

.z-contact-card__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--z-accent);
    font-size: var(--z-fine);
    font-weight: var(--z-weight-semi);
    color: var(--z-surface);
}

.z-contact-card__body {
    min-width: 0;
}

.z-contact-card__name {
    display: block;
    font-size: var(--z-body-sm);
    font-weight: var(--z-weight-medium);
    letter-spacing: -0.015em;
}

.z-contact-card__mail {
    display: block;
    margin-top: 1px;
    font-size: var(--z-fine);
    color: var(--z-text-muted);
}

.z-contact-card__text {
    margin: 15px 0 0;
    padding-top: 15px;
    border-top: 1px solid var(--z-line);
    font-size: var(--z-label);
    line-height: 1.5;
    color: var(--z-text-muted);
}

.z-section--offer .z-heading--section {
    margin-top: 18px;
    font-size: clamp(32px, 4vw, 56px);
    line-height: 1.08;
    max-width: 16ch;
}

.z-section--offer .z-lead-text {
    margin-top: clamp(24px, 2.6vw, 32px);
    font-size: clamp(17px, 1.4vw, 21px);
    line-height: 1.5;
    color: var(--z-text-inv-body);
    max-width: 540px;
}

.z-cta-panel {
    padding: clamp(22px, 2.4vw, 32px);
    background: rgba(var(--z-text-inv-rgb), .05);
    border: 1px solid rgba(var(--z-text-inv-rgb), .16);
    border-radius: var(--z-r-card);
}

.z-cta-panel__label {
    display: block;
    font-size: 13px;
    font-weight: var(--z-weight-semi);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--z-accent-on-dark);
}

.z-numbered-list {
    display: flex;
    flex-direction: column;
    margin: 14px 0 0;
    padding-left: 0;
    list-style: none;
}

.z-numbered-list__row {
    display: flex;
    align-items: baseline;
    gap: 14px;
    padding: 11px 0;
    border-top: 1px solid rgba(var(--z-text-inv-rgb), .12);
}

.z-numbered-list__number {
    flex: 0 0 auto;
    font-size: var(--z-micro);
    font-weight: var(--z-weight-semi);
    color: var(--z-accent-on-dark);
    font-variant-numeric: tabular-nums;
}

.z-numbered-list__text {
    font-size: var(--z-body-sm);
    color: var(--z-text-inv-list);
}

.z-cta-panel .z-inline-row {
    margin-top: 20px;
}

.z-cta-panel .z-button {
    padding: 15px 28px;
    font-size: var(--z-body-sm);
}

.z-section--problem .z-heading--section {
    font-size: clamp(27px, 2.7vw, 38px);
    line-height: 1.12;
    max-width: none;
}

.z-section--problem .z-lead-text {
    margin-top: clamp(20px, 2.2vw, 28px);
    font-size: clamp(17px, 1.4vw, 20px);
    line-height: 1.55;
    max-width: 62ch;
}

.z-section--problem .z-lead-text + .z-lead-text {
    margin-top: 14px;
}

.z-section--problem .z-heading--sub {
    margin-top: clamp(32px, 3.4vw, 48px);
    font-size: clamp(20px, 1.8vw, 26px);
    line-height: 1.2;
    letter-spacing: -0.024em;
}

.z-section--principle .z-heading--section,
.z-section--catalog .z-heading--section {
    font-size: clamp(28px, 3.2vw, 48px);
    line-height: 1.12;
}

.z-section--principle .z-heading--section {
    max-width: 27ch;
}

.z-section--catalog .z-heading--section {
    max-width: 20ch;
}

.z-section--process .z-heading--section {
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.12;
    max-width: 14ch;
}

.z-section--place .z-heading--section {
    margin-top: 20px;
    font-size: clamp(26px, 2.6vw, 36px);
    line-height: 1.16;
    max-width: none;
}

.z-section--place .z-lead-text {
    margin-top: clamp(20px, 2.2vw, 30px);
    font-size: clamp(17px, 1.4vw, 21px);
    line-height: 1.55;
    max-width: none;
}

.z-section--place .z-flag {
    margin-top: 22px;
}

.z-section--questions .z-heading--section {
    font-size: clamp(26px, 2.4vw, 34px);
    line-height: 1.15;
    max-width: none;
}

.z-flag--lg {
    display: flex;
    gap: 5px;
}

.z-tab-rail__tab[aria-pressed="true"]:focus-visible,
.z-accordion-tile[aria-expanded="true"]:focus-visible {
    outline-color: var(--z-focus-on-dark);
}

@media (max-width: 640px) {
    .z-split-layout--wide > .z-split-layout__main,
    .z-split-layout--wide > .z-split-layout__aside,
    .z-split-layout--process > .z-split-layout__main,
    .z-split-layout--place > .z-split-layout__main,
    .z-split-layout--place > .z-split-layout__aside,
    .z-split-layout--questions > .z-split-layout__main,
    .z-split-layout--questions > .z-split-layout__aside,
    .z-split-layout--offer > .z-split-layout__main,
    .z-split-layout--offer > .z-split-layout__aside {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }

    .z-split-layout--wide > .z-split-layout__aside {
        position: static;
    }

    .z-accordion__panel {
        padding-left: 30px;
    }

    .z-accordion--questions .z-accordion__panel {
        padding-right: 2px;
    }
}

@media (max-width: 640px) {
    .z-fact-bar__list {
        justify-content: flex-start;
    }

    .z-exit-card__row {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .z-exit-card__state {
        grid-column: 2;
    }

    .z-detail-list__row {
        flex-direction: column;
        gap: 4px;
    }

    .z-detail-list__label {
        width: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .z-scene__blob,
    .z-scene__satellite,
    .z-scene[data-flash="true"],
    .z-scene__layer[data-step="on"] .z-scene-card__row--stage,
    .z-scene__layer[data-step="on"] .z-scene-badge--stage-1,
    .z-scene__layer[data-step="on"] .z-scene-badge--stage-2,
    .z-scene__layer[data-step="on"] .z-scene-badge--stage-3,
    .z-scene__layer[data-step="on"] .z-scene-card__row--dock-1,
    .z-scene__layer[data-step="on"] .z-scene-card__row--dock-2,
    .z-scene__layer[data-step="on"] .z-scene-card__row--dock-3,
    .z-scene__layer[data-step="on"] .z-scene-card__row--dock-4,
    .z-scene-card__row--log[data-slot="0"],
    .z-scene-card__blink,
    .z-exit-card__row[data-state="done"],
    .z-exit-card[data-complete="true"] .z-exit-card__row[data-state="open"] .z-exit-card__state,
    .z-accordion__timer i {
        animation: none;
    }

    .z-accordion-tile:hover {
        transform: none;
    }

    .z-accordion__timer {
        display: none;
    }
}

.z-site-header {
    position: sticky;
    top: 0;
    z-index: var(--z-layer-sticky);
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background-color .3s var(--z-ease-site), border-color .3s var(--z-ease-site);
}

.z-site-header[data-scrolled="true"] {
    background: var(--z-head-bg);
    backdrop-filter: blur(12px);
    border-bottom-color: var(--z-line);
}

.z-site-header__inner {
    max-width: var(--z-container);
    margin: 0 auto;
    padding: 0 var(--z-gutter);
    height: var(--z-header);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.z-brand {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--z-text);
}

.z-brand__logo {
    display: block;
    flex: 0 0 auto;
}

.z-brand__logo img {
    display: block;
    height: 30px;
    width: auto;
}

.z-brand__name {
    font-size: 19px;
    font-weight: var(--z-weight-semi);
    letter-spacing: -0.03em;
}

.z-on-dark .z-brand {
    color: var(--z-text-inv);
}

.z-navigation {
    display: flex;
    align-items: center;
    gap: clamp(16px, 2.4vw, 34px);
    flex-wrap: wrap;
}

.z-navigation__link {
    font-size: var(--z-meta);
    color: var(--z-text-muted);
    white-space: nowrap;
}

.z-navigation__link:hover {
    color: var(--z-accent);
}

.z-navigation__link[aria-current="page"] {
    color: var(--z-accent);
    font-weight: var(--z-weight-medium);
}

.z-site-header__actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.z-site-header__link {
    font-size: var(--z-meta);
    color: var(--z-text);
}

.z-site-header__link:hover {
    color: var(--z-accent);
}

.z-menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0;
    border-radius: var(--z-r-pill);
    border: 1px solid var(--z-line-field);
    background: none;
    color: var(--z-text);
    font-family: inherit;
    cursor: pointer;
}

.z-menu-toggle__bar {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition: transform .25s var(--z-ease-site), opacity .25s var(--z-ease-site);
}

.z-menu-toggle--close .z-menu-toggle__bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.z-menu-toggle--close .z-menu-toggle__bar:nth-child(2) {
    opacity: 0;
}

.z-menu-toggle--close .z-menu-toggle__bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.z-mobile-menu {
    display: none;
}

.z-site-footer {
    background: var(--z-bg-dark);
    color: var(--z-text-inv-mute);
    padding: var(--z-footer-top) 0 clamp(30px, 4vw, 52px);
}

.z-site-footer__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: clamp(26px, 3.5vw, 52px);
}

.z-site-footer__brand {
    max-width: 320px;
}

.z-site-footer__claim {
    margin: 14px 0 0;
    font-size: var(--z-meta);
    line-height: 1.5;
    color: var(--z-text-inv-mute);
}

.z-site-footer__title {
    margin: 0 0 14px;
    font-size: var(--z-label);
    font-weight: var(--z-weight-regular);
    letter-spacing: normal;
    color: var(--z-text-inv-mute);
}

.z-site-footer__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.z-site-footer__list li + li {
    margin-top: 10px;
}

.z-site-footer__list a {
    font-size: var(--z-meta);
    color: var(--z-text-inv-body);
}

.z-site-footer__list a:hover,
.z-site-footer__list a[aria-current="page"] {
    color: var(--z-text-inv);
}

.z-site-footer__bar {
    margin-top: clamp(32px, 4vw, 56px);
    padding-top: 22px;
    border-top: 1px solid var(--z-line-dark);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    font-size: var(--z-label);
}

.z-site-footer__origin {
    display: flex;
    align-items: center;
    gap: 10px;
}

.z-on-dark .z-flag i:nth-child(1) {
    background: var(--z-flag-black-on-dark);
}

.z-on-dark .z-flag i:nth-child(2) {
    background: var(--z-flag-red-on-dark);
}

.z-on-dark .z-flag i:nth-child(3) {
    background: var(--z-flag-gold-on-dark);
}

.z-auth-footer {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: clamp(20px, 3vw, 32px) clamp(22px, 4vw, 54px);
}

.z-auth-footer__origin {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-auth-footer__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

.z-auth-footer__links a {
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-auth-footer__links a:hover {
    color: var(--z-accent);
}

.z-button--small {
    padding: 11px 20px;
    font-size: var(--z-meta);
}

.z-button--block {
    width: 100%;
    padding: 16px;
}

.z-button[aria-busy="true"] {
    background: var(--z-btn-busy);
    cursor: default;
}

.z-button:not([aria-busy="true"]) .z-spin {
    display: none;
}

.z-text--meta {
    font-size: var(--z-label);
    color: var(--z-text-muted);
}

.z-inline-row--tight {
    gap: 7px;
}

.z-panel--surface {
    background: var(--z-surface);
    border: 1px solid var(--z-line-card);
}

.z-form-field {
    display: block;
}

.z-form-field__label {
    display: block;
    font-size: var(--z-label);
    color: var(--z-text-muted);
    margin-bottom: 7px;
}

.z-form-field__optional {
    color: var(--z-text-number);
}

.z-form-field__count {
    color: var(--z-text-muted);
}

.z-form-field input,
.z-form-field textarea {
    width: 100%;
    font-family: inherit;
    font-size: var(--z-body-sm);
    color: var(--z-text);
    background: var(--z-surface);
    border: 1px solid var(--z-line-field);
    border-radius: var(--z-r-field);
    padding: 14px 16px;
    outline: none;
    transition: border-color var(--z-t-fast), background-color var(--z-t-fast);
}

.z-form-field input::placeholder,
.z-form-field textarea::placeholder {
    color: var(--z-placeholder);
    opacity: 1;
}

.z-form-field textarea {
    line-height: 1.5;
    resize: vertical;
}

.z-form-field input:focus,
.z-form-field textarea:focus {
    border-color: var(--z-text);
    background: var(--z-surface);
}

.z-panel--surface .z-form-field input,
.z-panel--surface .z-form-field textarea {
    background: var(--z-bg);
}

.z-panel--surface .z-form-field input:focus,
.z-panel--surface .z-form-field textarea:focus {
    background: var(--z-surface);
}

.z-form-field input[aria-invalid="true"],
.z-form-field textarea[aria-invalid="true"] {
    border-color: var(--z-error-line);
}

.z-form-field__error {
    display: none;
    margin-top: 7px;
    font-size: var(--z-fine);
    color: var(--z-error);
}

.z-form-field__error:not(:empty) {
    display: block;
}

.z-form-field__error--alert {
    margin-top: 14px;
}

.z-field-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    gap: 18px;
}

.z-form-group {
    margin-top: 26px;
}

.z-form-group > .z-form-field__label {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 9px;
    margin-bottom: 11px;
}

.z-form-group > .z-text--meta {
    margin: -4px 0 12px;
}

.z-form-footer {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--z-line-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

.z-checkbox {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    text-align: left;
}

.z-checkbox__box {
    position: relative;
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--z-line-field);
    border-radius: var(--z-r-check);
    background: var(--z-surface);
    color: var(--z-text-inv);
    cursor: pointer;
    transition: background-color var(--z-t-fast), border-color var(--z-t-fast);
}

.z-checkbox__box::after {
    content: '';
    position: absolute;
    inset: -5px;
}

.z-checkbox__box svg {
    display: none;
}

.z-checkbox__box[aria-pressed="true"] {
    background: var(--z-text);
    border-color: var(--z-text);
}

.z-checkbox__box[aria-pressed="true"] svg {
    display: block;
}

.z-checkbox__text {
    font-size: var(--z-meta);
    line-height: 1.45;
    color: var(--z-text-strong);
}

.z-checkbox__text a {
    color: var(--z-accent);
}

.z-checkbox__text a:hover {
    color: var(--z-text);
}

.z-chip__note {
    font-size: var(--z-fine);
    color: var(--z-text-subtle);
}

.z-chip[aria-pressed="true"] .z-chip__note {
    color: var(--z-text-inv-mute);
}

.z-heading--page + .z-lead-text {
    margin-top: clamp(22px, 2.6vw, 36px);
}

.z-split-layout--form {
    align-items: flex-start;
    gap: clamp(26px, 3.6vw, 64px);
}

.z-split-layout--form > .z-split-layout__main {
    flex: 1 1 520px;
    min-width: 0;
}

.z-split-layout--form > .z-split-layout__aside {
    flex: 1 1 300px;
    max-width: 390px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 2vw, 24px);
}

.z-split-layout--form .z-card .z-heading--sub {
    font-size: 19px;
    letter-spacing: -0.024em;
}

.z-split-layout--form .z-card .z-text {
    margin-top: 10px;
    font-size: var(--z-body-sm);
    color: var(--z-text-muted);
}

.z-split-layout--form .z-card .z-flag {
    margin-bottom: 16px;
}

.z-card--band {
    background: var(--z-bg-band);
    border-color: transparent;
}

.z-card .z-numbered-list__row {
    border-top-color: var(--z-line-frame);
}

.z-card .z-numbered-list__number {
    color: var(--z-accent);
}

.z-card .z-numbered-list__text {
    color: var(--z-text-strong);
}

.z-link-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 18px;
}

.z-link-list a {
    font-size: var(--z-body-sm);
    color: var(--z-text-muted);
}

.z-link-list a:hover {
    color: var(--z-accent);
}

.z-link-list__mail {
    font-size: var(--z-body);
    font-weight: var(--z-weight-medium);
    color: var(--z-accent);
}

.z-link-list__mail:hover {
    color: var(--z-text);
}

.z-success-panel {
    background: var(--z-bg-dark);
    color: var(--z-text-inv);
    border-radius: var(--z-r-panel);
    padding: clamp(28px, 3.4vw, 52px);
}

.z-success-panel__mark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--z-text-inv);
    color: var(--z-text);
}

.z-success-panel .z-heading--section {
    margin-top: 24px;
    font-size: clamp(25px, 2.8vw, 40px);
    line-height: 1.1;
    letter-spacing: -0.034em;
    max-width: none;
}

.z-success-panel__text {
    margin: 14px 0 0;
    font-size: var(--z-body-lg);
    line-height: 1.5;
    color: var(--z-text-inv-body);
    max-width: 520px;
}

.z-success-panel__text strong {
    font-weight: var(--z-weight-medium);
    color: var(--z-text-inv);
}

.z-success-panel__body {
    margin-top: clamp(24px, 2.8vw, 38px);
    padding-top: 22px;
    border-top: 1px solid var(--z-line-dark);
}

.z-success-panel__label {
    display: block;
    margin-bottom: 12px;
    font-size: var(--z-label);
    color: var(--z-text-inv-mute);
}

.z-success-panel .z-numbered-list {
    margin-top: 0;
}

.z-success-panel .z-numbered-list__row {
    border-top: 0;
    padding: 10px 0;
}

.z-success-panel .z-inline-row {
    margin-top: 26px;
}

.z-section--legal {
    padding: clamp(48px, 6.5vw, 96px) 0 clamp(52px, 7vw, 110px);
}

.z-section--legal .z-heading--page {
    margin-top: 16px;
    font-size: clamp(32px, 4.6vw, 68px);
    line-height: 1;
    letter-spacing: -0.04em;
    max-width: none;
}

.z-section--legal .z-lead-text {
    margin-top: clamp(16px, 2vw, 26px);
    font-size: var(--z-lead-cta);
    max-width: 660px;
}

.z-legal-notice {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    max-width: 820px;
    margin-top: clamp(22px, 2.6vw, 32px);
    padding: 16px 20px;
    border-radius: 12px;
    background: var(--z-warn-tint);
}

.z-legal-notice__dot {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    margin-top: 8px;
    border-radius: 50%;
    background: var(--z-warn-strong);
}

.z-legal-notice__text {
    margin: 0;
    font-size: var(--z-meta);
    line-height: 1.5;
    color: var(--z-warn-sub);
}

.z-legal-notice__text strong {
    font-weight: var(--z-weight-semi);
    color: var(--z-warn);
}

.z-legal__block--first {
    margin-top: clamp(24px, 3vw, 40px);
    border-top: 0;
}

.z-legal__block p strong {
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
}

.z-legal__number {
    margin-right: 10px;
    color: var(--z-accent);
}

.z-legal__rows {
    margin: 14px 0 0;
}

.z-legal__row {
    display: grid;
    grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
    gap: 16px;
    padding: 12px 0;
    border-top: 1px solid var(--z-line-hair);
}

.z-legal__label {
    font-size: var(--z-meta);
    color: var(--z-text-muted);
}

.z-legal__value {
    margin: 0;
    font-size: var(--z-body);
}

.z-legal__value--chips {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.z-section-index {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 820px;
    margin-top: clamp(24px, 3vw, 38px);
}

.z-section-index__link {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    padding: 7px 13px;
    border: 1px solid var(--z-line-frame);
    border-radius: var(--z-r-pill);
    background: var(--z-surface);
    font-size: var(--z-fine);
    font-weight: var(--z-weight-medium);
    color: var(--z-text);
    transition: border-color var(--z-t-fast);
}

.z-section-index__link:hover {
    border-color: var(--z-line-card-hover);
}

.z-section-index__number {
    font-size: var(--z-section-label);
    color: var(--z-text-subtle);
}

.z-placeholder {
    display: inline-block;
    padding: 1px 9px;
    border: 1px dashed var(--z-warn-line);
    border-radius: var(--z-r-check);
    background: var(--z-warn-tint);
    font-size: var(--z-label);
    color: var(--z-warn);
}

.z-form-field > .z-auth__label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.z-auth__row--start {
    justify-content: flex-start;
    gap: 9px;
}

.z-auth__row .z-checkbox {
    align-items: center;
}

.z-auth__row .z-checkbox__box {
    margin-top: 0;
}

@media (max-width: 900px) {
    .z-navigation,
    .z-site-header__actions {
        display: none;
    }

    .z-menu-toggle {
        display: flex;
    }

    .z-mobile-menu[data-open="true"] {
        display: flex;
        position: fixed;
        inset: 0;
        z-index: var(--z-layer-offcanvas);
        background: var(--z-bg);
        flex-direction: column;
        padding: var(--z-gutter);
        gap: 8px;
        overflow-y: auto;
    }

    .z-mobile-menu__top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
    }

    .z-mobile-menu__link {
        font-size: clamp(24px, 7vw, 34px);
        font-weight: var(--z-weight-medium);
        letter-spacing: -0.03em;
        padding: 10px 0;
        color: var(--z-text);
    }

    .z-mobile-menu .z-button {
        margin-top: 20px;
    }

    .z-split-layout--form > .z-split-layout__main,
    .z-split-layout--form > .z-split-layout__aside {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 640px) {
    .z-legal__row,
    .z-legal__cell {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .z-site-header,
    .z-menu-toggle__bar {
        transition: none;
    }
}