@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/letters/zv-head-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/letters/zv-head-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/letters/zv-head-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/letters/zv-text-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/letters/zv-text-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/letters/zv-text-700.woff2') format('woff2');
}

:root {
    --zv-house: #2ac77d;
    --zv-flare: #ffffff;
    --zv-press: #ededed;
    --zv-page: #121928;
    --zv-card: #1a2338;
    --zv-type: #ffffff;
    --zv-faint: #bebcbc;
    --zv-stroke: #2c3752;
    --zv-rule-bold: #46537a;
    --zv-gradient-light: #ffffff;
    --zv-blend-b: #ffffff;
    --zv-caution: #be123c;
    --zv-deep: #0c121e;
    --zv-quiet: #9aa3b8;
    --zv-ink: #101828;
    --zv-ink-soft: #3a4459;
    --zv-hair: 4px;
    --zv-tiny: 7px;
    --zv-snug: 11px;
    --zv-base: 17px;
    --zv-wide: 26px;
    --zv-roomy: 40px;
    --zv-vast: 60px;
    --zv-huge: 90px;
    --zv-capsule: 9999px;
    --zv-round-full: 50%;
    --r-hair: 2px;
    --r-tiny: 4px;
    --r-snug: 8px;
    --r-base: 12px;
    --r-wide: 20px;
    --r-roomy: 26px;
    --r-vast: 32px;
    --r-huge: 40px;
    --zv-head: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --zv-text: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --zv-h1: 52px;
    --zv-xl-2: 32px;
    --zv-sub: 24px;
    --zv-md-2: 19px;
    --zv-minor: 16px;
    --zv-h6: 14px;
    --zv-copy: 17px;
    --zv-caption: 14px;
    --z-tiny: 12px;
    --zv-compact: 1.15;
    --zv-regular: 1.55;
    --zv-relaxed: 1.7;
    --zv-book: 400;
    --zv-mid: 500;
    --zv-strong: 700;
    --zv-packed: 0;
    --e-base: 0;
    --e-wide: 0.02em;
    --d-hair: 0 1px 1px rgba(0, 0, 0, 0.16);
    --d-tiny: 0 1px 2px rgba(0, 0, 0, 0.24);
    --d-snug: 0 2px 6px rgba(0, 0, 0, 0.28);
    --d-base: 0 6px 18px rgba(0, 0, 0, 0.34);
    --d-wide: 0 12px 32px rgba(0, 0, 0, 0.42);
    --d-roomy: 0 18px 44px rgba(0, 0, 0, 0.48);
    --d-vast: 0 24px 60px rgba(0, 0, 0, 0.52);
    --d-huge: 0 32px 80px rgba(0, 0, 0, 0.58);
    --zv-fast: 208ms;
    --t-regular: 380ms;
    --zv-easy: 744ms;
    --zv-release: cubic-bezier(0.17, 0.82, 0.44, 0.96);
    --zv-start: cubic-bezier(0.44, 0.04, 0.83, 0.18);
    --zv-in-out: cubic-bezier(0.68, 0.06, 0.46, 0.88);
    --zv-elastic: cubic-bezier(0.23, 1.1, 0.65, 1.25);
    --zv-site: 1380px;
    --zv-readable: 1380px;
    --zv-tight-col: 550px;
    --zv-edge-wide: 56px;
    --zv-pad-md: 24px;
    --zv-padding-mobile: 16px;
    --zv-fine: 1px;
    --b-mid: 2px;
    --zv-heavy: 3px;
    --zv-h-lg: 52px;
    --zv-height-mobile: 52px;
    --zv-rg: 34px;
    --zv-sec-y: 44px;
    --zv-lift: 7px;
}

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

html {
    scroll-behavior: smooth;
    scroll-padding-block-start: calc(var(--zv-h-lg) + var(--zv-rg));
    -webkit-text-size-adjust: 100%;
}

html,
body {
    overflow-x: clip;
}

body {
    background-color: var(--zv-page);
    color: var(--zv-type);
    display: flex;
    flex-direction: column;
    font-family: var(--zv-text);
    font-size: var(--zv-copy);
    font-weight: var(--zv-book);
    line-height: var(--zv-regular);
    margin: 0;
    min-height: 100vh;
}

main {
    flex: 1 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
    margin: 0;
}

h1 {
    color: var(--zv-type);
    font-family: var(--zv-head);
    font-size: clamp(30px, 4.4vw, var(--zv-h1));
    font-weight: var(--zv-strong);
    letter-spacing: var(--zv-packed);
    line-height: var(--zv-compact);
}

h2 {
    color: var(--zv-type);
    font-family: var(--zv-head);
    font-size: clamp(24px, 2.6vw, var(--zv-xl-2));
    font-weight: var(--zv-strong);
    line-height: var(--zv-compact);
}

h3 {
    color: var(--zv-type);
    font-family: var(--zv-text);
    font-size: clamp(20px, 1.9vw, var(--zv-sub));
    font-weight: var(--zv-mid);
    line-height: var(--zv-compact);
}

h4 {
    color: var(--zv-type);
    font-family: var(--zv-text);
    font-size: var(--zv-md-2);
    font-weight: var(--zv-mid);
}

p {
    margin: 0;
}

img,
svg {
    display: block;
    max-width: 100%;
}

a {
    color: var(--zv-house);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color var(--zv-fast) var(--zv-release);
}

a:hover {
    color: var(--zv-press);
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
    outline: var(--b-mid) solid var(--zv-house);
    outline-offset: 3px;
}

table {
    border-collapse: collapse;
}

.skip-hop {
    background-color: var(--zv-flare);
    border-radius: var(--r-snug);
    color: var(--zv-ink);
    font-weight: var(--zv-strong);
    left: var(--zv-base);
    padding: var(--zv-snug) var(--zv-base);
    position: fixed;
    z-index: 300;
}

.skip-hop:not(:focus) {
    top: -200px !important;
}

.skip-hop:focus {
    top: var(--zv-base);
}

.sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.biky-core,
.bosez-core,
.daliri-core,
.dybevyd-core,
.gotazab-core,
.kozuxi-core,
.kysyry-core,
.ladanu-core,
.maferyn-core,
.nalexik-core,
.nusul-core,
.ridut-core,
.tabi-core,
.vokum-core,
.vyvefo-core,
.zilinad-core {
    margin-inline: auto;
    max-width: calc(var(--zv-site) + 2 * var(--zv-edge-wide));
    padding-inline: var(--zv-edge-wide) var(--zv-pad-md);
    width: 100%;
}

.biky,
.bosez,
.daliri,
.dybevyd,
.gotazab,
.kysyry,
.ladanu,
.maferyn,
.nalexik,
.nusul,
.ridut,
.tabi,
.vokum,
.vyvefo,
.zilinad {
    padding-block: var(--zv-sec-y);
}

main > :first-child {
    padding-block-start: calc(var(--zv-h-lg) + var(--zv-sec-y));
}

.rg-strip {
    background-color: var(--zv-deep);
    border-block-end: var(--zv-heavy) solid var(--zv-caution);
    color: var(--zv-type);
    font-size: var(--z-tiny);
    letter-spacing: var(--e-wide);
    padding: var(--zv-tiny) var(--zv-base);
    position: relative;
    text-align: center;
    z-index: 110;
}

.rg-strip a {
    color: var(--zv-type);
    text-decoration: underline;
    text-decoration-color: var(--zv-caution);
    text-decoration-thickness: var(--b-mid);
}

.rg-strip a:hover {
    color: var(--zv-house);
}

.biky {
    padding-block: var(--zv-snug);
}

main > .biky:first-child {
    padding-block-start: calc(var(--zv-h-lg) + var(--zv-wide));
}

.biky-roll {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--zv-tiny);
    list-style: none;
    margin: 0;
    padding: 0;
}

.biky-cell {
    display: inline-flex;
}

.biky-hop,
.biky-now {
    border-radius: var(--zv-capsule);
    display: inline-block;
    font-size: var(--z-tiny);
    letter-spacing: var(--e-wide);
    padding: var(--zv-hair) var(--zv-snug);
    text-transform: uppercase;
}

.biky-hop {
    background-color: var(--zv-card);
    color: var(--zv-faint);
    text-decoration: none;
}

.biky-hop:hover {
    background-color: var(--zv-flare);
    color: var(--zv-ink);
}

.biky-now {
    background-color: var(--zv-stroke);
    color: var(--zv-type);
}

.bosez-roll {
    display: grid;
    gap: var(--zv-wide);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: var(--zv-wide) 0 0;
    padding: 0;
}

.bosez-cell {
    display: flex;
}

.bosez-brick {
    background-color: var(--zv-card);
    border: var(--zv-fine) solid var(--zv-stroke);
    border-radius: var(--r-base);
    box-shadow: var(--d-tiny);
    display: flex;
    flex-direction: column;
    gap: var(--zv-snug);
    padding: var(--zv-wide);
    transition: box-shadow var(--t-regular) var(--zv-release);
    width: 100%;
}

.bosez-brick:hover {
    box-shadow: var(--d-wide);
}

.bosez-info {
    align-items: baseline;
    display: flex;
    gap: var(--zv-snug);
    justify-content: space-between;
}

.bosez-byname {
    color: var(--zv-type);
    font-size: var(--zv-copy);
    font-weight: var(--zv-strong);
}

.bosez-on {
    color: var(--zv-quiet);
    font-size: var(--z-tiny);
    white-space: nowrap;
}

.bosez-score {
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    width: max-content;
}

.bosez-dim {
    color: var(--zv-quiet);
    letter-spacing: 2px;
}

.bosez-lit {
    color: var(--zv-house);
    inset-block-start: 0;
    inset-inline-start: 0;
    letter-spacing: 2px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.bosez-prose {
    color: var(--zv-faint);
    font-size: var(--zv-copy);
    line-height: var(--zv-relaxed);
}

.bosez-top {
    max-width: var(--zv-readable);
}

.daliri {
    padding-block: 0;
    position: relative;
    z-index: 40;
}

.daliri-core {
    align-items: center;
    background-color: var(--zv-flare);
    border-radius: var(--r-base);
    box-shadow: var(--d-wide);
    color: var(--zv-ink);
    display: flex;
    flex-wrap: wrap;
    gap: var(--zv-base);
    margin-block: var(--zv-wide);
    min-height: 80px;
    padding-block: var(--zv-base);
}

.daliri-part {
    flex: 1 1 320px;
    min-width: 0;
}

.daliri-head {
    background-color: var(--zv-flare);
    color: var(--zv-ink);
    font-family: var(--zv-head);
    font-size: var(--zv-md-2);
    font-weight: var(--zv-strong);
    line-height: var(--zv-compact);
}

.daliri-prose {
    background-color: var(--zv-flare);
    color: var(--zv-ink-soft);
    font-size: var(--zv-caption);
    line-height: var(--zv-regular);
    margin-block-start: var(--zv-hair);
    max-width: 62ch;
}

.daliri-shut {
    background-color: var(--zv-press);
    border: 0;
    border-radius: var(--zv-round-full);
    color: var(--zv-ink);
    cursor: pointer;
    font-size: var(--zv-minor);
    height: 32px;
    line-height: 1;
    width: 32px;
}

.daliri-shut:hover {
    background-color: var(--zv-ink);
    color: var(--zv-flare);
}

.dybevyd-roll {
    list-style: none;
    margin: var(--zv-wide) 0 0;
    padding: 0;
}

.dybevyd-cell {
    border-block-end: var(--zv-fine) solid var(--zv-stroke);
}

.dybevyd-box {
    padding-block: var(--zv-base);
}

.dybevyd-quiz {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--zv-base);
    justify-content: space-between;
    list-style: none;
}

.dybevyd-quiz::-webkit-details-marker {
    display: none;
}

.dybevyd-quiz::after {
    border-inline-end: var(--b-mid) solid var(--zv-house);
    border-block-end: var(--b-mid) solid var(--zv-house);
    content: '';
    flex: 0 0 auto;
    height: 10px;
    transform: rotate(45deg);
    transition: transform var(--t-regular) var(--zv-release);
    width: 10px;
}

.dybevyd-box[open] .dybevyd-quiz::after {
    transform: rotate(225deg);
}

.dybevyd-head {
    color: var(--zv-type);
    font-family: var(--zv-text);
    font-size: var(--zv-minor);
    font-weight: var(--zv-strong);
    line-height: var(--zv-regular);
}

.dybevyd-quiz:hover .dybevyd-head {
    color: var(--zv-house);
}

.dybevyd-part {
    animation: zv-open var(--t-regular) var(--zv-release) both;
    padding-block-start: var(--zv-snug);
}

.dybevyd-prose {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    max-width: var(--zv-readable);
}

.dybevyd-top {
    max-width: var(--zv-readable);
}

@keyframes zv-open {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gotazab-shape {
    background-color: var(--zv-card);
    border: var(--zv-fine) solid var(--zv-stroke);
    border-radius: var(--r-wide);
    display: grid;
    gap: var(--zv-base);
    margin-block-start: var(--zv-wide);
    max-width: 720px;
    padding: var(--zv-roomy) var(--zv-wide);
}

.gotazab-input {
    position: relative;
}

.gotazab-box,
.gotazab-area {
    background-color: var(--zv-deep);
    border: var(--zv-fine) solid var(--zv-rule-bold);
    border-radius: var(--r-snug);
    color: var(--zv-type);
    font-family: var(--zv-text);
    font-size: var(--zv-copy);
    padding: var(--zv-wide) var(--zv-snug) var(--zv-tiny);
    width: 100%;
}

.gotazab-area {
    min-height: 140px;
    resize: vertical;
}

.gotazab-cue {
    color: var(--zv-quiet);
    inset-block-start: 50%;
    inset-inline-start: var(--zv-snug);
    pointer-events: none;
    position: absolute;
    transform: translateY(-50%);
    transition: inset-block-start var(--zv-fast) var(--zv-release), font-size var(--zv-fast) var(--zv-release);
}

.gotazab-area + .gotazab-cue {
    inset-block-start: var(--zv-wide);
    transform: none;
}

.gotazab-box:focus + .gotazab-cue,
.gotazab-box:not(:placeholder-shown) + .gotazab-cue,
.gotazab-area:focus + .gotazab-cue,
.gotazab-area:not(:placeholder-shown) + .gotazab-cue {
    color: var(--zv-house);
    font-size: var(--z-tiny);
    inset-block-start: var(--zv-tiny);
    transform: none;
}

.gotazab-send {
    background-color: var(--zv-house);
    border: 0;
    border-radius: var(--r-base);
    color: var(--zv-ink);
    cursor: pointer;
    font-family: var(--zv-text);
    font-size: var(--zv-minor);
    font-weight: var(--zv-strong);
    justify-self: start;
    min-height: 48px;
    padding: var(--zv-snug) var(--zv-roomy);
    transition: transform var(--zv-fast) var(--zv-release);
}

.gotazab-send:hover {
    background-color: var(--zv-press);
    color: var(--zv-ink);
    transform: translateY(calc(var(--zv-lift) * -1));
}

.gotazab-done {
    background-color: var(--zv-card);
    border: var(--zv-fine) solid var(--zv-house);
    border-radius: var(--r-base);
    color: var(--zv-type);
    display: none;
    margin-block-start: var(--zv-wide);
    max-width: 720px;
    padding: var(--zv-wide);
}

.gotazab-done.is-live {
    display: block;
}

.gotazab-prose {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    max-width: var(--zv-readable);
}

.kozuxi {
    background-color: var(--zv-deep);
    border-block-start: var(--zv-fine) solid var(--zv-stroke);
    padding-block: var(--zv-huge);
}

.kozuxi-core {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--zv-wide);
    text-align: center;
}

.kozuxi-brand {
    display: inline-block;
}

.kozuxi-visual {
    height: 76px;
    width: auto;
}

.kozuxi-roll {
    display: flex;
    flex-wrap: wrap;
    gap: var(--zv-wide);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.kozuxi-hop {
    color: var(--zv-type);
    font-family: var(--zv-head);
    font-size: var(--zv-copy);
    font-weight: var(--zv-mid);
    text-decoration: none;
}

.kozuxi-hop:hover {
    color: var(--zv-house);
}

.kozuxi-pitch {
    color: var(--zv-faint);
    font-size: var(--zv-caption);
    line-height: var(--zv-relaxed);
    max-width: var(--zv-tight-col);
}

.kozuxi-fine {
    display: flex;
    flex-wrap: wrap;
    gap: var(--zv-snug);
    justify-content: center;
}

.kozuxi-fine a {
    color: var(--zv-faint);
    font-size: var(--z-tiny);
    letter-spacing: var(--e-wide);
    text-decoration: none;
    text-transform: uppercase;
}

.kozuxi-fine a:hover {
    color: var(--zv-house);
}

.kozuxi-dot {
    background-color: var(--zv-deep);
    color: var(--zv-quiet);
    font-size: var(--z-tiny);
}

.kozuxi-mark {
    color: var(--zv-faint);
    font-size: var(--z-tiny);
}

.kysyry-scroll {
    margin-block-start: var(--zv-wide);
    overflow-x: auto;
}

.kysyry-grid {
    min-inline-size: 640px;
    width: 100%;
}

.kysyry-grid caption {
    caption-side: top;
    color: var(--zv-faint);
    font-size: var(--zv-caption);
    padding-block-end: var(--zv-snug);
    text-align: start;
}

.kysyry-grid th {
    background-color: var(--zv-deep);
    color: var(--zv-type);
    font-family: var(--zv-head);
    font-size: var(--zv-caption);
    letter-spacing: var(--e-wide);
    padding: var(--zv-base);
    text-align: start;
    text-transform: uppercase;
}

.kysyry-grid td {
    background-color: var(--zv-card);
    border-block-start: var(--zv-fine) solid var(--zv-stroke);
    color: var(--zv-faint);
    hyphens: none;
    overflow-wrap: break-word;
    padding: var(--zv-base);
    word-break: normal;
}

.kysyry-top {
    max-width: var(--zv-readable);
}

.ladanu-core > * {
    max-width: var(--zv-readable);
}

.ladanu-band + .ladanu-band {
    margin-block-start: var(--zv-roomy);
}

.ladanu-head {
    font-family: var(--zv-head);
    font-size: clamp(25px, 2.9vw, 36px);
    font-weight: 600;
    margin-block-end: var(--zv-base);
    padding-inline-start: 38px;
    position: relative;
}

.ladanu-head::before {
    border-block-start: var(--zv-heavy) solid var(--zv-house);
    border-inline-start: var(--zv-heavy) solid var(--zv-house);
    content: '';
    height: 22px;
    inset-block-start: 0.24em;
    inset-inline-start: 0;
    position: absolute;
    width: 22px;
}

.ladanu-prose {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    margin-block-end: var(--zv-base);
    max-width: var(--zv-readable);
}

.ladanu-prose strong {
    color: var(--zv-type);
    font-weight: var(--zv-strong);
}

.ladanu-prose a,
.ladanu-roll a {
    color: var(--zv-house);
}

.ladanu-roll {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    margin-block: 0 var(--zv-base);
    max-width: var(--zv-readable);
    padding-inline-start: var(--zv-wide);
}

.ladanu-roll li {
    margin-block-end: var(--zv-tiny);
}

.ladanu-roll strong {
    color: var(--zv-type);
}

.ladanu-shot {
    margin-block: var(--zv-wide);
    max-width: var(--zv-readable);
}

.ladanu-visual {
    border-radius: var(--r-base);
    display: block;
    height: auto;
    max-height: 54vh;
    object-fit: cover;
    width: 100%;
}

.ladanu-visual-tall {
    margin-inline: auto;
    max-height: 56vh;
    object-fit: cover;
    max-width: 420px;
}

.ladanu-visual-flat {
    margin-inline: auto;
    max-width: 560px;
    object-fit: contain;
}

.ladanu-cap {
    color: var(--zv-quiet);
    font-size: var(--z-tiny);
    margin-block-start: var(--zv-tiny);
}

.maferyn-roll {
    display: flex;
    flex-direction: column;
    gap: var(--zv-wide);
    list-style: none;
    margin: var(--zv-wide) 0 0;
    padding: 0;
}

.maferyn-cell {
    max-width: var(--zv-readable);
}

.maferyn-visual {
    color: var(--zv-house);
    height: 30px;
    margin-block-end: var(--zv-snug);
    width: 30px;
}

.maferyn-head {
    font-family: var(--zv-head);
    font-size: clamp(20px, 1.9vw, var(--zv-sub));
    font-weight: var(--zv-strong);
}

.maferyn-rule {
    background-color: var(--zv-house);
    display: block;
    height: var(--b-mid);
    margin-block: var(--zv-snug);
    width: 60px;
}

.maferyn-prose {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
}

.maferyn-top {
    max-width: var(--zv-readable);
}

.nalexik {
    padding-block: var(--zv-wide);
}

.nalexik-core {
    background-color: var(--zv-card);
    border: var(--zv-fine) solid var(--zv-stroke);
    border-radius: var(--r-wide);
    display: flex;
    flex-direction: column;
    gap: var(--zv-snug);
    max-width: var(--zv-tight-col);
    padding: var(--zv-roomy) var(--zv-wide);
    text-align: center;
}

.nalexik-glyph {
    color: var(--zv-house);
    font-size: 40px;
    line-height: 1;
}

.nalexik-top {
    color: var(--zv-type);
    font-family: var(--zv-head);
    font-size: var(--zv-sub);
    font-weight: var(--zv-strong);
    line-height: var(--zv-compact);
}

.nalexik-prose {
    color: var(--zv-faint);
    font-size: var(--zv-caption);
    line-height: var(--zv-relaxed);
}

.nusul {
    background-color: var(--zv-page);
}

.nusul-core {
    text-align: center;
}

.nusul h1 {
    font-size: clamp(30px, 6.2vw, 72px);
}

.nusul-dot {
    color: var(--zv-house);
    font-size: var(--zv-xl-2);
    line-height: 1;
    margin-block: var(--zv-snug);
}

.nusul-sub {
    color: var(--zv-faint);
    font-size: var(--zv-md-2);
    font-style: italic;
    line-height: var(--zv-regular);
    margin-inline: auto;
    max-width: var(--zv-tight-col);
}

.ridut {
    background-color: var(--zv-deep);
    border-block: var(--zv-fine) solid var(--zv-stroke);
    padding-block: var(--zv-wide);
}

.ridut-core {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--zv-base);
    justify-content: space-between;
}

.ridut-who {
    align-items: center;
    display: flex;
    gap: var(--zv-snug);
}

.ridut-face {
    border-radius: var(--zv-round-full);
    height: 56px;
    object-fit: cover;
    width: 56px;
}

.ridut-byname {
    color: var(--zv-type);
    font-size: var(--zv-minor);
    font-weight: var(--zv-strong);
}

.ridut-byname a {
    color: var(--zv-type);
    text-decoration: none;
}

.ridut-byname a:hover {
    color: var(--zv-house);
}

.ridut-job {
    color: var(--zv-faint);
    font-size: var(--z-tiny);
}

.ridut-goto {
    background-color: var(--zv-deep);
    border: var(--zv-fine) solid var(--zv-house);
    border-radius: var(--r-snug);
    color: var(--zv-house);
    font-size: var(--zv-caption);
    padding: var(--zv-snug) var(--zv-base);
    text-decoration: none;
}

.ridut-goto:hover {
    background-color: var(--zv-house);
    color: var(--zv-ink);
}

.tabi-brick {
    background-color: var(--zv-card);
    border-radius: var(--r-wide);
    box-shadow: var(--d-snug);
    display: grid;
    gap: var(--zv-roomy);
    grid-template-columns: 160px minmax(0, 1fr);
    padding: var(--zv-roomy) var(--zv-wide);
}

.tabi-face {
    border-radius: var(--zv-round-full);
    height: 160px;
    overflow: hidden;
    width: 160px;
}

.tabi-face img {
    height: 100%;
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

.tabi-part {
    display: flex;
    flex-direction: column;
    gap: var(--zv-base);
}

.tabi-job {
    color: var(--zv-house);
    font-family: var(--zv-text);
    font-size: var(--zv-caption);
    font-weight: var(--zv-mid);
    letter-spacing: var(--e-wide);
    text-transform: uppercase;
}

.tabi-byname {
    font-family: var(--zv-head);
    font-size: var(--zv-xl-2);
    font-weight: var(--zv-strong);
    line-height: var(--zv-compact);
}

.tabi-prose {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    max-width: var(--zv-readable);
}

.tabi-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--zv-tiny);
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabi-tag {
    background-color: var(--zv-stroke);
    border-radius: var(--zv-capsule);
    color: var(--zv-type);
    font-size: var(--z-tiny);
    letter-spacing: var(--e-wide);
    padding: var(--zv-hair) var(--zv-snug);
    text-transform: uppercase;
}

.tabi-more {
    margin-block-start: var(--zv-roomy);
}

.tabi-top {
    font-family: var(--zv-head);
    font-size: var(--zv-sub);
    font-weight: var(--zv-strong);
    margin-block-end: var(--zv-snug);
}

.tabi-roll {
    display: grid;
    gap: var(--zv-snug);
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabi-roll a {
    color: var(--zv-house);
}

.vexyme {
    background-color: var(--zv-card);
    border-block-start: var(--b-mid) solid var(--zv-house);
    display: none;
    inset-block-end: 0;
    inset-inline: 0;
    position: fixed;
    z-index: 90;
}

.vexyme.is-live {
    animation: zv-rise var(--t-regular) var(--zv-release) both;
    display: block;
}

.vexyme.is-gone {
    clip-path: inset(100% 0 0 0);
    display: none;
    transform: translateY(200%);
}

@keyframes zv-rise {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

.vexyme-core {
    margin-inline: auto;
    max-width: calc(var(--zv-site) + 2 * var(--zv-edge-wide));
    padding: var(--zv-snug) var(--zv-edge-wide);
}

.vexyme-message {
    color: var(--zv-faint);
    font-size: var(--zv-caption);
    line-height: var(--zv-regular);
    padding-block: var(--zv-tiny);
}

.vexyme-bar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--zv-snug);
    padding-block-end: var(--zv-tiny);
}

.vexyme-allow,
.vexyme-later,
.vexyme-prefs {
    border-radius: var(--r-snug);
    cursor: pointer;
    font-family: var(--zv-text);
    font-size: var(--zv-caption);
    font-weight: var(--zv-mid);
    min-height: 44px;
    padding: var(--zv-tiny) var(--zv-base);
    text-decoration: none;
}

.vexyme-allow {
    background-color: var(--zv-house);
    border: 0;
    color: var(--zv-ink);
}

.vexyme-allow:hover {
    background-color: var(--zv-press);
    color: var(--zv-ink);
}

.vexyme-later {
    background-color: var(--zv-deep);
    border: var(--zv-fine) solid var(--zv-rule-bold);
    color: var(--zv-type);
}

.vexyme-later:hover {
    background-color: var(--zv-stroke);
    color: var(--zv-type);
}

.vexyme-prefs {
    align-items: center;
    background-color: var(--zv-card);
    color: var(--zv-faint);
    display: inline-flex;
}

.vexyme-prefs:hover {
    background-color: var(--zv-card);
    color: var(--zv-house);
}

.vodusir {
    inset-block-start: 0;
    margin-block-end: calc(var(--zv-h-lg) * -1);
    position: sticky;
    z-index: 100;
}

.vodusir.is-stuck {
    backdrop-filter: blur(10px);
    background-color: #0c121e;
    box-shadow: var(--d-base);
}

.vodusir-shell {
    align-items: center;
    background-color: rgba(18, 25, 40, 0);
    display: flex;
    gap: var(--zv-wide);
    height: 52px;
    margin-inline: auto;
    max-width: calc(var(--zv-site) + 2 * var(--zv-edge-wide));
    padding-inline: var(--zv-pad-md);
    position: relative;
}

.vodusir-brand {
    display: inline-flex;
    flex-shrink: 0;
    order: 1;
}

.vodusir-visual {
    flex-shrink: 0;
    height: 40px;
    width: auto;
}

.vodusir-toggle {
    background-color: var(--zv-card);
    border: var(--zv-fine) solid var(--zv-stroke);
    border-radius: var(--zv-capsule);
    color: var(--zv-type);
    cursor: pointer;
    display: none;
    font-family: var(--zv-text);
    font-size: var(--zv-caption);
    font-weight: 600;
    margin-inline-start: auto;
    min-height: 44px;
    order: 3;
    padding: var(--zv-tiny) var(--zv-base);
}

.vodusir-toggle:hover {
    background-color: var(--zv-stroke);
    color: var(--zv-type);
}

.vodusir-links {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: var(--zv-snug);
    min-width: 0;
    order: 2;
}

.vodusir-roll {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--zv-wide);
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.vodusir-cell {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--zv-wide);
}

.vodusir-cell + .vodusir-cell::before {
    background-color: var(--zv-rule-bold);
    content: '';
    height: 14px;
    width: var(--zv-fine);
}

.vodusir-hop {
    border-radius: var(--zv-capsule);
    color: var(--zv-type);
    font-family: var(--zv-text);
    font-feature-settings: 'smcp';
    font-size: 15px;
    font-variant: small-caps;
    font-weight: 600;
    padding: var(--zv-hair) var(--zv-snug);
    text-decoration: none;
    white-space: nowrap;
}

.vodusir-hop:hover {
    background-color: var(--zv-stroke);
    color: var(--zv-type);
}

.vodusir-hop[aria-current='page'] {
    background-color: var(--zv-deep);
    box-shadow: inset 0 0 0 var(--zv-fine) var(--zv-house);
    color: var(--zv-type);
}

.vodusir-extra {
    display: none;
    flex: 0 0 auto;
    position: relative;
}

.vodusir-extra.is-live {
    display: block;
}

.vodusir-more-toggle {
    align-items: center;
    background-color: var(--zv-card);
    border: var(--zv-fine) solid var(--zv-stroke);
    border-radius: var(--zv-capsule);
    cursor: pointer;
    display: flex;
    gap: 3px;
    min-height: 44px;
    padding: var(--zv-tiny) var(--zv-snug);
}

.vodusir-more-toggle i {
    background-color: var(--zv-type);
    border-radius: var(--zv-round-full);
    display: block;
    height: 4px;
    width: 4px;
}

.vodusir-more-toggle:hover {
    background-color: var(--zv-stroke);
}

.vodusir-more-menu {
    background-color: var(--zv-deep);
    border: var(--zv-fine) solid var(--zv-stroke);
    border-radius: var(--r-base);
    box-shadow: var(--d-wide);
    display: none;
    inset-block-start: calc(100% + var(--zv-tiny));
    inset-inline-end: 0;
    max-height: 70vh;
    min-width: 220px;
    overflow-y: auto;
    padding: var(--zv-tiny);
    position: absolute;
    z-index: 120;
}

.vodusir-more-menu.is-open {
    display: block;
}

.vodusir-more-roll {
    display: grid;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.vodusir-more-cell {
    display: block;
}

.vodusir-more-hop {
    border-radius: var(--r-snug);
    color: var(--zv-type);
    display: block;
    font-family: var(--zv-text);
    font-size: var(--zv-caption);
    font-weight: 600;
    padding: var(--zv-tiny) var(--zv-snug);
    text-decoration: none;
}

.vodusir-more-hop:hover {
    background-color: var(--zv-stroke);
    color: var(--zv-type);
}

.vodusir-more-hop[aria-current='page'] {
    background-color: var(--zv-card);
    color: var(--zv-house);
}

.vodusir-slide {
    background-color: var(--zv-deep);
    border-block-start: var(--zv-fine) solid var(--zv-stroke);
    display: none;
    inset-block-start: 100%;
    inset-inline: 0;
    max-height: 74vh;
    overflow-y: auto;
    padding: var(--zv-base) var(--zv-pad-md);
    position: absolute;
    z-index: 115;
}

.vodusir-slide.is-open {
    display: block;
}

.vodusir-slide-roll {
    display: grid;
    gap: var(--zv-tiny);
    list-style: none;
    margin: 0;
    padding: 0;
}

.vodusir-slide-cell {
    display: block;
}

.vodusir-slide-hop {
    border-radius: var(--r-snug);
    color: var(--zv-type);
    display: block;
    font-family: var(--zv-text);
    font-size: var(--zv-minor);
    font-weight: 600;
    min-height: 44px;
    padding: var(--zv-snug) var(--zv-base);
    text-decoration: none;
}

.vodusir-slide-hop:hover {
    background-color: var(--zv-stroke);
    color: var(--zv-type);
}

.vodusir-slide-hop[aria-current='page'] {
    background-color: var(--zv-card);
    color: var(--zv-house);
}

.vokum-core {
    align-items: center;
    display: grid;
    gap: var(--zv-roomy);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.vokum-part {
    display: flex;
    flex-direction: column;
    gap: var(--zv-base);
}

.vokum-prose {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    max-width: var(--zv-tight-col);
}

.vokum-goto {
    align-self: start;
    background-color: var(--zv-house);
    border-radius: var(--r-base);
    color: var(--zv-ink);
    font-weight: var(--zv-strong);
    min-height: 48px;
    padding: var(--zv-snug) var(--zv-wide);
    text-decoration: none;
}

.vokum-goto:hover {
    background-color: var(--zv-press);
    color: var(--zv-ink);
}

.vokum-digits {
    color: var(--zv-house);
    font-family: var(--zv-head);
    font-size: clamp(110px, 20vw, 260px);
    font-weight: var(--zv-strong);
    line-height: var(--zv-compact);
}

.vyvefo-core {
    display: grid;
    gap: var(--zv-roomy);
    grid-template-columns: 240px minmax(0, 1fr);
}

.vyvefo-toc {
    align-self: start;
    background-color: var(--zv-card);
    border-radius: var(--r-base);
    inset-block-start: var(--zv-roomy);
    padding: var(--zv-base);
    position: sticky;
}

.vyvefo-top {
    color: var(--zv-type);
    font-family: var(--zv-head);
    font-size: var(--zv-minor);
    font-weight: var(--zv-strong);
    margin-block-end: var(--zv-snug);
}

.vyvefo-roll {
    color: var(--zv-faint);
    display: grid;
    font-size: var(--zv-caption);
    gap: var(--zv-tiny);
    margin: 0;
    padding-inline-start: var(--zv-base);
}

.vyvefo-roll a {
    color: var(--zv-faint);
    text-decoration: none;
}

.vyvefo-roll a:hover {
    color: var(--zv-house);
}

.vyvefo-band h2 {
    font-size: clamp(22px, 2.3vw, 28px);
    margin-block-end: var(--zv-snug);
    scroll-margin-block-start: calc(var(--zv-h-lg) + var(--zv-wide));
}

.vyvefo-band + .vyvefo-band {
    margin-block-start: var(--zv-roomy);
}

.vyvefo-prose {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    margin-block-end: var(--zv-base);
    max-width: var(--zv-readable);
}

.vyvefo-aid {
    color: var(--zv-faint);
    line-height: var(--zv-relaxed);
    margin-block: 0 var(--zv-base);
    max-width: var(--zv-readable);
    padding-inline-start: var(--zv-wide);
}

.vyvefo-fine {
    border-block-start: var(--zv-fine) solid var(--zv-stroke);
    color: var(--zv-quiet);
    font-size: var(--z-tiny);
    line-height: var(--zv-regular);
    margin-block-start: var(--zv-roomy);
    padding-block-start: var(--zv-base);
}

.zilinad {
    background-color: var(--zv-page);
    background-image: linear-gradient(rgba(18, 25, 40, 0.88), rgba(18, 25, 40, 0.97)), url('/view/masthead-warm.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.zilinad-frame {
    background-color: var(--zv-page);
    box-shadow: 0 0 0 var(--zv-heavy) var(--zv-type), 0 0 0 10px var(--zv-page), 0 0 0 11px var(--zv-type);
    padding: var(--zv-vast) var(--zv-roomy);
}

.zilinad-part {
    display: flex;
    flex-direction: column;
    gap: var(--zv-base);
}

.zilinad-eyebrow {
    color: var(--zv-house);
    font-size: var(--zv-caption);
    font-style: italic;
    letter-spacing: var(--e-wide);
}

.zilinad-rule {
    background-color: var(--zv-flare);
    border: 0;
    height: var(--zv-fine);
    margin: 0;
    width: 80px;
}

.zilinad-sub {
    color: var(--zv-faint);
    font-family: var(--zv-text);
    font-size: var(--zv-minor);
    line-height: var(--zv-relaxed);
    max-width: 78ch;
}

.zilinad-note {
    color: var(--zv-quiet);
    font-size: var(--z-tiny);
    letter-spacing: var(--e-wide);
}

@media (max-width: 1139px) {
    .bosez-roll {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vyvefo-core {
        grid-template-columns: 200px minmax(0, 1fr);
    }
}

@media (max-width: 899px) {
    .vodusir-toggle {
        display: inline-flex;
    }

    .vodusir-links {
        display: none;
    }

    .vokum-core {
        grid-template-columns: minmax(0, 1fr);
    }

    .vyvefo-core {
        grid-template-columns: minmax(0, 1fr);
    }

    .vyvefo-toc {
        position: static;
    }

    .tabi-brick {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
    }

    .tabi-face {
        height: 120px;
        width: 120px;
    }

    .tabi-tags {
        justify-content: center;
    }
}

@media (max-width: 779px) {
    :root {
        --zv-h1: 30px;
        --zv-xl-2: 24px;
        --zv-sub: 20px;
        --zv-md-2: 17px;
        --zv-minor: 15px;
        --zv-h6: 13px;
        --zv-copy: 16px;
        --zv-caption: 13px;
        --z-tiny: 11px;
        --zv-edge-wide: 16px;
        --zv-pad-md: 16px;
        --zv-sec-y: 36px;
    }

    .bosez-roll {
        grid-template-columns: minmax(0, 1fr);
    }

    .daliri-core {
        align-items: stretch;
        flex-direction: column;
    }

    .daliri-shut {
        align-self: flex-end;
    }

    .kozuxi {
        padding-block: var(--zv-vast);
    }

    .kozuxi-visual {
        height: 60px;
    }

    .kysyry-grid {
        min-inline-size: 0;
    }

    .kysyry-scroll {
        overflow-x: visible;
    }

    .kysyry-grid thead {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
    }

    .kysyry-grid tr {
        background-color: var(--zv-card);
        border-radius: var(--r-base);
        display: block;
        margin-block-end: var(--zv-base);
        padding: var(--zv-base);
    }

    .kysyry-grid td {
        background-color: var(--zv-card);
        border: 0;
        display: block;
        padding: var(--zv-tiny) 0;
    }

    .kysyry-grid td::before {
        color: var(--zv-quiet);
        content: attr(data-label);
        display: block;
        font-size: var(--z-tiny);
        letter-spacing: var(--e-wide);
        text-transform: uppercase;
    }

    .ridut-core {
        align-items: flex-start;
        flex-direction: column;
    }

    .ridut-goto {
        text-align: center;
        width: 100%;
    }

    .vokum-digits {
        order: -1;
    }

    .zilinad-frame {
        box-shadow: 0 0 0 var(--b-mid) var(--zv-type), 0 0 0 7px var(--zv-page), 0 0 0 8px var(--zv-type);
        padding: var(--zv-roomy) var(--zv-base);
    }
}

@media (max-width: 720px) {
    .vexyme,
    .vexyme-core {
        font-size: 13px;
        line-height: 1.35;
    }

    .vexyme-core {
        gap: 8px;
        padding: 12px 14px;
    }

    .vexyme-bar {
        flex-direction: column;
    }

    .vexyme-allow,
    .vexyme-later,
    .vexyme-prefs {
        font-size: 13px;
        justify-content: center;
        min-height: 40px;
        padding: 8px 14px;
        text-align: center;
    }
}

@media (max-width: 539px) {
    .maferyn-cell {
        align-items: flex-start;
    }

    .maferyn-visual {
        height: 26px;
        width: 26px;
    }

    .vodusir-visual {
        height: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        animation-duration: 1ms !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }
}

.maferyn-plug {
    display: block;
}

.bosez-plug {
    display: flex;
}

.bosez-plug .nalexik-flat,
.bosez-plug .nalexik {
    display: flex;
    padding-block: 0;
    width: 100%;
}

.bosez-plug .nalexik-core {
    justify-content: center;
    max-width: none;
    width: 100%;
}

.daliri-part {
    min-width: 0;
}

.gotazab-top {
    max-width: var(--zv-readable);
}

.nalexik-flat {
    padding-block: var(--zv-wide);
}

.nalexik-flat .nalexik-core {
    margin-inline: auto;
}

.ridut-part {
    display: grid;
    gap: 2px;
}

.tabi-core {
    max-width: calc(var(--zv-site) + 2 * var(--zv-edge-wide));
}

.daliri-offer,
.nalexik-offer,
.zilinad-offer {
    align-self: flex-start;
}

.visa-step {
    align-items: center;
    animation: visa-sway 1.45s cubic-bezier(0.50, 0.35, 0.85, 1) infinite;
    background: #eab308;
    border-radius: var(--r-base);
    color: #0c121e;
    display: inline-flex;
    font-weight: var(--zv-strong);
    justify-content: center;
    min-height: 48px;
    padding: var(--zv-snug) var(--zv-wide);
    text-decoration: none;
    transition: background var(--zv-fast) var(--zv-release), box-shadow var(--zv-fast) var(--zv-release);
}

.visa-step.visa-step {
    color: #0c121e;
    text-decoration: none;
}

.visa-step:hover {
    animation: none;
    background: #a16207;
    color: #ffffff;
}

.visa-step.visa-step:hover {
    color: #ffffff;
    text-decoration: none;
}

.visa-step:hover::after {
    animation: none;
}

.visa-step:active {
    background: #854d0e;
    color: #ffffff;
}

.visa-step:focus-visible {
    outline: var(--zv-heavy) solid #0c121e;
    outline-offset: 3px;
}

@keyframes visa-sway {
    0% {
        transform: translateX(0);
    }

    20.690% {
        transform: translateX(2px);
    }

    41.379%,
    100% {
        transform: translateX(0);
    }
}

.zilinad-part .visa-step {
    font-size: var(--zv-minor);
    min-height: 54px;
    padding: var(--zv-base) var(--zv-roomy);
}

.daliri-core .visa-step {
    box-shadow: 0 0 0 var(--b-mid) #0c121e;
    flex: 0 0 auto;
}

.nalexik-core .visa-step {
    align-self: center;
}

@media (prefers-reduced-motion: reduce) {
    .visa-step,
    .visa-step::after {
        animation: none !important;
        transition: none !important;
    }
}

.kozuxi-links {
    display: block;
    width: 100%;
}

.vyvefo-part {
    min-width: 0;
}

.dybevyd-plug {
    border-block-end: 0;
}

@media (max-width: 911px) {
  .vodusir-links,
  .vodusir-roll,
  .vodusir-hop,
  .vodusir-extra { display: none !important; }
  .vodusir-toggle { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js .dybevyd-part{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}