@font-face {
    font-family: "Jost";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("/store/faces/jost-var-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: "Jost";
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url("/store/faces/jost-var-lat.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/store/faces/pop-500-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: "Poppins";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/store/faces/pop-500-lat.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/store/faces/pop-700-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: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/store/faces/pop-700-lat.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/store/faces/pop-900-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: "Poppins";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/store/faces/pop-900-lat.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;
}

/* tokens */
:root {
    --k-core: #4de102;
    --k-vivid: #ffffff;
    --k-accent-pressed: #eaeaea;
    --k-surface: #111111;
    --k-panel: #1a1a1a;
    --k-letters: #ffffff;
    --k-soft-text: #bdbdbd;
    --k-border: #2d2d2d;
    --k-line-strong: #474747;
    --k-grad-1: #ffffff;
    --k-gradient-mid: #fcfcfc;
    --k-warn-band: #c81e1e;

    --s-1: 6px;
    --s-2: 14px;
    --s-3: 20px;
    --s-4: 32px;
    --s-5: 48px;
    --s-6: 72px;
    --s-7: 112px;
    --s-8: 160px;

    --r-stadium: 9999px;
    --r-circle: 50%;
    --r-1: 2px;
    --r-2: 4px;
    --r-3: 8px;
    --r-4: 12px;
    --r-5: 16px;
    --r-6: 20px;
    --r-7: 24px;
    --r-8: 28px;

    --f-display: "Jost", "Trebuchet MS", sans-serif;
    --f-body: "Poppins", "Segoe UI", sans-serif;

    --z-display-1: 30px;
    --z-head: 25px;
    --z-lg-2: 20px;
    --z-md-2: 16px;
    --z-minor: 14px;
    --z-h6: 12px;
    --z-reading: 15px;
    --z-fine: 12px;
    --z-legal: 10px;

    --l-dense: 1.08;
    --l-default: 1.4;
    --l-relaxed: 1.6;

    --w-plain: 500;
    --w-mid: 700;
    --w-heavy: 900;

    --e-narrow: -0.02em;
    --e-normal: 0.02em;
    --e-spread: 0.1em;

    --d-1: none;
    --d-2: none;
    --d-3: none;
    --d-4: none;
    --d-5: 0 8px 24px rgba(0, 0, 0, 0.1);
    --d-6: 0 14px 34px rgba(0, 0, 0, 0.16);
    --d-7: 0 20px 46px rgba(0, 0, 0, 0.22);
    --d-8: 0 28px 60px rgba(0, 0, 0, 0.28);

    --t-brisk: 141ms;
    --t-normal: 280ms;
    --t-calm: 483ms;

    --x-out: cubic-bezier(0.26, 0.63, 0.32, 0.95);
    --x-enter: cubic-bezier(0.36, 0.04, 0.31, 0.96);
    --x-even: cubic-bezier(0.36, 0.04, 0.31, 0.96);
    --x-elastic: cubic-bezier(0.25, 1.2, 0.68, 1);

    --v-main: 1140px;
    --v-readable: 1140px;
    --v-pad-lg: 40px;
    --v-padding-tablet: 24px;
    --v-pad-sm: 16px;

    --b-hair: 1px;
    --b-mid: 2px;
    --b-thick: 3px;

    --h-tall: 52px;
    --h-height-mobile: 52px;

    --sec-y: 34px;
    --edge: 10px;
    --narrow-col: 500px;
    --pad-now: var(--v-pad-sm);
}

@media (min-width: 600px) {
    :root {
        --z-display-1: 40px;
        --z-head: 30px;
        --z-lg-2: 22px;
        --z-md-2: 17px;
        --z-minor: 14px;
        --z-h6: 12px;
        --z-reading: 16px;
        --z-fine: 13px;
        --z-legal: 11px;
        --sec-y: 42px;
        --edge: 14px;
        --pad-now: var(--v-padding-tablet);
    }
}

@media (min-width: 900px) {
    :root {
        --z-display-1: 56px;
        --z-head: 38px;
        --z-lg-2: 24px;
        --z-md-2: 18px;
        --z-minor: 15px;
        --z-h6: 13px;
        --sec-y: 46px;
        --edge: 18px;
        --pad-now: var(--v-pad-lg);
    }
}

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

html,
body {
    overflow-x: clip;
}

html {
    scroll-padding-block-start: 130px;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--k-surface);
    color: var(--k-letters);
    font-family: var(--f-body);
    font-size: var(--z-reading);
    font-weight: var(--w-plain);
    line-height: var(--l-default);
    letter-spacing: var(--e-normal);
    -webkit-font-smoothing: antialiased;
}

.mainflow {
    flex: 1 0 auto;
    display: block;
}

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

h1 {
    font-family: var(--f-display);
    font-size: var(--z-display-1);
    font-weight: var(--w-heavy);
    letter-spacing: var(--e-narrow);
    line-height: var(--l-dense);
    text-transform: uppercase;
    color: var(--k-letters);
}

h2 {
    font-family: var(--f-display);
    font-size: var(--z-head);
    font-weight: var(--w-mid);
    letter-spacing: var(--e-narrow);
    line-height: var(--l-dense);
    text-transform: uppercase;
    color: var(--k-letters);
}

h3 {
    font-family: var(--f-display);
    font-size: var(--z-lg-2);
    font-weight: var(--w-mid);
    letter-spacing: var(--e-normal);
    line-height: var(--l-default);
    color: var(--k-letters);
}

h4 {
    font-family: var(--f-display);
    font-size: var(--z-md-2);
    font-weight: var(--w-mid);
    letter-spacing: var(--e-normal);
    line-height: var(--l-default);
    color: var(--k-letters);
}

h5 {
    font-family: var(--f-body);
    font-size: var(--z-minor);
    font-weight: var(--w-heavy);
    letter-spacing: var(--e-spread);
    text-transform: uppercase;
    color: var(--k-letters);
}

h6 {
    font-family: var(--f-body);
    font-size: var(--z-h6);
    font-weight: var(--w-heavy);
    letter-spacing: var(--e-spread);
    text-transform: uppercase;
    color: var(--k-letters);
}

p {
    margin: 0 0 var(--s-3);
    color: var(--k-letters);
}

img {
    max-width: 100%;
}

a {
    color: var(--k-core);
    text-decoration: none;
}

strong {
    font-weight: var(--w-heavy);
    color: var(--k-letters);
}

em {
    font-style: italic;
}

ul,
ol {
    margin: 0 0 var(--s-3);
    padding-inline-start: var(--s-4);
}

li {
    margin-block-end: var(--s-1);
}

figure {
    margin: 0;
}

/* a11y */
.skip-path {
    position: absolute;
    left: var(--s-3);
    top: var(--s-3);
    z-index: 200;
    background: var(--k-core);
    color: var(--k-surface);
    font-family: var(--f-display);
    font-weight: var(--w-heavy);
    font-size: var(--z-fine);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    padding: var(--s-2) var(--s-3);
    border-radius: var(--r-3);
}

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

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

[hidden] {
    display: none !important;
}

:focus-visible {
    outline: var(--b-mid) solid var(--k-core);
    outline-offset: 3px;
}

/* shared section frames */
.duzydiz-frame,
.zifuvup-frame,
.nureb-frame,
.poxuma-frame,
.legor-frame,
.filid-frame,
.gedusa-frame,
.baxib-frame,
.xemeri-frame,
.muromu-frame,
.tekol-frame,
.fofyk-frame,
.laler-frame,
.ranym-frame,
.taveli-frame,
.zazam-frame {
    width: 100%;
    max-width: calc(var(--v-main) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding-inline: var(--pad-now);
}

.zifuvup,
.nureb,
.poxuma,
.legor,
.filid,
.gedusa,
.baxib,
.xemeri,
.muromu,
.tekol,
.fofyk,
.laler,
.ranym,
.taveli {
    padding-block: var(--sec-y);
}

/* motion */
[data-motion] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity var(--t-calm) var(--x-out), transform var(--t-calm) var(--x-out);
}

[data-motion].has-entered {
    opacity: 1;
    transform: translateY(0);
}

@keyframes plateFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes plateRise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes plateSlideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

/* header — HEAD-PILL */
.dopato {
    position: sticky;
    top: 0;
    z-index: 100;
    padding-block: var(--edge);
    padding-inline: var(--edge);
    background: var(--k-surface);
    transition: padding-block var(--t-normal) var(--x-out);
}

.dopato.is-shrunk {
    padding-block: 4px;
    background: var(--k-surface);
    box-shadow: var(--d-5);
}

.dopato-pill {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    min-height: 52px;
    padding-block: 4px;
    padding-inline: var(--s-3);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) solid var(--k-border);
    border-radius: var(--r-stadium);
    position: relative;
}

.dopato.is-shrunk .dopato-pill {
    min-height: 46px;
}

.dopato-glyph {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.dopato-plate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 3px 10px;
    background: var(--k-surface);
    color: var(--k-letters);
    border-radius: var(--r-stadium);
}

.dopato-glyph-visual {
    display: block;
    height: 36px;
    width: auto;
    flex-shrink: 0;
    transition: height var(--t-normal) var(--x-out);
}

.dopato.is-shrunk .dopato-glyph-visual {
    height: 29px;
}

.dopato-mark18 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 42px;
    height: 26px;
    padding-inline: var(--s-1);
    background: var(--k-warn-band);
    color: var(--k-vivid);
    font-family: var(--f-display);
    font-size: var(--z-legal);
    font-weight: var(--w-heavy);
    letter-spacing: var(--e-spread);
    border-radius: var(--r-2);
}

.dopato-map {
    flex: 0 0 auto;
    margin-inline-start: auto;
    display: none;
    align-items: center;
    gap: var(--s-1);
}

.dopato-roll {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--s-1);
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.dopato-entry {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
    position: relative;
}

.dopato-entry + .dopato-entry::before {
    content: "/";
    color: var(--k-line-strong);
    font-size: var(--z-fine);
    margin-inline-end: var(--s-1);
}

.dopato-entry[data-first]::before {
    content: none;
}

.dopato-path {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-inline: var(--s-1);
    background: var(--k-panel);
    color: var(--k-letters);
    font-family: var(--f-display);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: var(--e-normal);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    border-block-end: var(--b-mid) solid transparent;
    transition: transform var(--t-brisk) var(--x-out), color var(--t-brisk) var(--x-out);
}

.dopato-path:hover {
    background: var(--k-panel);
    color: var(--k-core);
    transform: translateY(-2px);
}

.dopato-path[aria-current="page"] {
    background: var(--k-panel);
    color: var(--k-core);
    border-block-end-color: var(--k-core);
}

.dopato-more {
    display: none;
    position: relative;
    margin: 0;
}

.dopato-more-trigger {
    display: inline-flex;
    align-items: center;
    gap: var(--s-1);
    min-height: 44px;
    padding-inline: var(--s-2);
    background: var(--k-panel);
    color: var(--k-soft-text);
    font-family: var(--f-display);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: var(--e-normal);
    text-transform: uppercase;
    white-space: nowrap;
    border: var(--b-hair) dashed var(--k-line-strong);
    border-radius: var(--r-stadium);
    cursor: pointer;
}

.dopato-more-trigger:hover {
    background: var(--k-panel);
    color: var(--k-core);
}

.dopato-more-pane {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: calc(100% + 8px);
    z-index: 120;
    display: none;
    min-width: 200px;
    max-height: 70vh;
    overflow-y: auto;
    margin: 0;
    padding: var(--s-1);
    list-style: none;
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) solid var(--k-line-strong);
    border-radius: var(--r-4);
    box-shadow: var(--d-6);
}

.dopato-more-pane.is-open {
    display: block;
}

.dopato-more-entry {
    margin: 0;
}

.dopato-more-path {
    display: block;
    padding: var(--s-2);
    background: var(--k-panel);
    color: var(--k-letters);
    font-family: var(--f-display);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: var(--e-normal);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: var(--r-3);
}

.dopato-more-path:hover {
    background: var(--k-surface);
    color: var(--k-core);
}

.dopato-menu-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    order: 9;
    width: 46px;
    height: 44px;
    margin-inline-start: auto;
    padding: 0;
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) solid var(--k-line-strong);
    border-radius: var(--r-3);
    cursor: pointer;
}

.dopato-lines {
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    background: var(--k-letters);
}

.dopato-lines::before,
.dopato-lines::after {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background: var(--k-letters);
}

.dopato-lines::before {
    top: -6px;
}

.dopato-lines::after {
    top: 6px;
}

.dopato-tray {
    display: none;
    position: absolute;
    inset-inline: 0;
    inset-block-start: calc(100% + 8px);
    z-index: 110;
    max-height: 72vh;
    overflow-y: auto;
    padding: var(--s-3);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) solid var(--k-line-strong);
    border-radius: var(--r-5);
    box-shadow: var(--d-6);
}

.dopato-tray.is-open {
    display: block;
}

.dopato-tray-roll {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dopato-tray-entry {
    margin: 0;
}

.dopato-tray-path {
    display: block;
    min-height: 46px;
    padding: var(--s-2) var(--s-3);
    background: var(--k-panel);
    color: var(--k-letters);
    font-family: var(--f-display);
    font-size: var(--z-md-2);
    font-weight: 600;
    letter-spacing: var(--e-normal);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: var(--r-3);
}

.dopato-tray-path:hover,
.dopato-tray-path[aria-current="page"] {
    background: var(--k-surface);
    color: var(--k-core);
}

.dopato-bar {
    display: flex;
    align-items: center;
    gap: var(--s-1);
    flex-shrink: 0;
    order: 8;
}

.dopato-button {
    font-size: 13px !important;
    padding-block: 8px !important;
    padding-inline: 14px !important;
    min-height: 44px !important;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (min-width: 900px) {
    .dopato-map {
        display: flex;
    }

    .dopato-menu-trigger {
        display: none;
    }

    .dopato-button {
        font-size: 14px !important;
        padding-inline: 18px !important;
    }
}

@media (min-width: 1240px) {
    .dopato-button {
        padding-inline: 22px !important;
    }
}

@media (max-width: 400px) {
    .dopato-pill {
        gap: var(--s-1);
        padding-inline: var(--s-2);
    }

    .dopato-glyph-visual {
        height: 28px;
    }

    .dopato-button {
        font-size: 12px !important;
        padding-inline: 10px !important;
    }

    .dopato-mark18 {
        min-width: 36px;
    }
}

/* breadcrumbs — BREAD-04 */
.duzydiz {
    padding-block: var(--s-4) 0;
}

.duzydiz-roll {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.duzydiz-entry {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.duzydiz-digit {
    font-family: var(--f-display);
    font-weight: var(--w-heavy);
    font-size: var(--z-h6);
    color: var(--k-core);
    margin-inline-end: var(--s-1);
}

.duzydiz-path {
    font-family: var(--f-body);
    font-size: var(--z-fine);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-surface);
    color: var(--k-soft-text);
    text-decoration: none;
}

.duzydiz-path:hover {
    background: var(--k-surface);
    color: var(--k-core);
}

.duzydiz-now {
    font-family: var(--f-body);
    font-size: var(--z-fine);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-surface);
    color: var(--k-letters);
}

.duzydiz-sep {
    margin-inline: var(--s-3);
    background: var(--k-surface);
    color: var(--k-soft-text);
}

/* hero — HERO-09 */
.zifuvup {
    position: relative;
    background: var(--k-surface);
    color: var(--k-letters);
    overflow: hidden;
}

.zifuvup::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/store/vision-neat.webp");
    background-size: cover;
    background-position: 50% 42%;
    opacity: 0.16;
    pointer-events: none;
}

.zifuvup-frame {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-5);
    align-items: center;
}

.zifuvup-matter {
    animation: plateFade var(--t-calm) var(--x-out) both;
}

.zifuvup-banner {
    margin-block-end: var(--s-3);
}

.zifuvup-under {
    max-width: var(--narrow-col);
    font-size: var(--z-md-2);
    line-height: var(--l-relaxed);
    color: var(--k-soft-text);
    margin-block-end: var(--s-3);
}

.zifuvup-note {
    display: block;
    max-width: var(--narrow-col);
    margin-block-start: var(--s-3);
    font-size: var(--z-fine);
    line-height: var(--l-default);
    background: var(--k-surface);
    color: var(--k-soft-text);
}

.zifuvup-roll {
    display: grid;
    gap: var(--s-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.zifuvup-entry {
    display: flex;
    align-items: flex-start;
    gap: var(--s-3);
    margin: 0;
    padding: var(--s-4);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) dashed var(--k-line-strong);
    border-radius: var(--r-4);
    transition: box-shadow var(--t-brisk) var(--x-out);
}

.zifuvup-entry:hover {
    box-shadow: inset 6px 0 0 var(--k-core);
}

.zifuvup-digit {
    font-family: var(--f-display);
    font-size: var(--z-lg-2);
    font-weight: var(--w-heavy);
    line-height: var(--l-dense);
    background: var(--k-panel);
    color: var(--k-core);
    flex-shrink: 0;
}

.zifuvup-top {
    font-size: var(--z-reading);
    font-weight: var(--w-heavy);
    line-height: var(--l-default);
    background: var(--k-panel);
    color: var(--k-letters);
}

@media (min-width: 900px) {
    .zifuvup-frame {
        grid-template-columns: minmax(0, 60fr) minmax(0, 40fr);
        gap: var(--s-6);
    }
}

/* page-header — PHEAD-01 */
.nureb {
    background: var(--k-surface);
    border-block-end: var(--b-hair) solid var(--k-border);
}

.nureb-frame {
    display: flex;
    flex-direction: column;
    gap: var(--s-4);
    align-items: flex-start;
}

.nureb-eye {
    display: block;
    font-family: var(--f-body);
    font-weight: var(--w-mid);
    font-size: var(--z-fine);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-surface);
    color: var(--k-core);
}

.nureb-banner {
    max-width: 920px;
}

.nureb-rule {
    width: 60px;
    height: 2px;
    background: var(--k-core);
}

.nureb-para {
    margin: 0;
    font-size: var(--z-minor);
    line-height: var(--l-default);
    color: var(--k-soft-text);
}

/* prose — PROSE-22 */
.baxib {
    background: var(--k-surface);
}

.baxib-part {
    margin-block-end: var(--s-5);
}

.baxib-part:last-child {
    margin-block-end: 0;
}

.baxib-top {
    font-size: var(--z-head);
    font-weight: 700;
    margin-block: 0 var(--s-3);
}

.baxib-part p {
    margin: 0;
    text-indent: 1.3em;
    font-size: var(--z-reading);
    line-height: var(--l-relaxed);
    color: var(--k-letters);
}

.baxib-part p:first-of-type,
.baxib-part h2 + p,
.baxib-part h3 + p,
.baxib-part ul + p,
.baxib-part ol + p,
.baxib-part figure + p {
    text-indent: 0;
}

.baxib-part ul,
.baxib-part ol {
    margin-block: var(--s-3);
    line-height: var(--l-relaxed);
}

.baxib-part a {
    background: var(--k-surface);
    color: var(--k-core);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.baxib-figure.baxib-figure-tall {
    max-width: 350px;
}

.baxib-figure {
    max-width: 560px;
    margin-inline: auto;
    margin-block: var(--s-4);
}

.baxib-visual {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--r-4);
    border: var(--b-hair) dashed var(--k-line-strong);
}

/* items-grid — GRID-07 */
.poxuma {
    background: var(--k-surface);
}

.poxuma-top {
    margin-block-end: var(--s-4);
}

.poxuma-roll {
    display: flex;
    flex-direction: column;
    gap: var(--s-5);
}

.poxuma-entry {
    display: block;
}

.poxuma-banner {
    font-size: var(--z-lg-2);
    font-weight: var(--w-heavy);
    margin-block-end: var(--s-2);
}

.poxuma-rule {
    width: 60px;
    height: 2px;
    margin-inline: 0;
    margin-block: 0 var(--s-3);
    border: 0;
    background: var(--k-core);
}

.poxuma-para {
    margin: 0;
    font-size: var(--z-reading);
    line-height: var(--l-relaxed);
    color: var(--k-letters);
}

.poxuma-plug,
.legor-plug {
    padding: var(--s-4);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) dashed var(--k-core);
    border-radius: var(--r-4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-3);
}

.legor-plug {
    margin-block: var(--s-4);
}

/* reviews — REV-06 */
.legor {
    background: var(--k-surface);
}

.legor-top {
    margin-block-end: var(--s-4);
}

.legor-roll {
    display: block;
}

.legor-entry {
    padding-block: var(--s-4);
    border-block-end: var(--b-hair) dashed var(--k-border);
}

.legor-line {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--s-2);
    margin-block-end: var(--s-2);
}

.legor-person {
    font-size: var(--z-reading);
    font-weight: var(--w-heavy);
    background: var(--k-surface);
    color: var(--k-letters);
}

.legor-score {
    font-size: var(--z-reading);
    font-weight: var(--w-mid);
    background: var(--k-surface);
    color: var(--k-core);
}

.legor-time {
    margin-inline-start: auto;
    font-size: var(--z-fine);
    background: var(--k-surface);
    color: var(--k-soft-text);
}

.legor-para {
    margin: 0;
    font-size: var(--z-reading);
    line-height: var(--l-default);
    color: var(--k-letters);
    font-style: normal;
    quotes: none;
}

/* faq — FAQ-08 */
.filid {
    background: var(--k-surface);
}

.filid-top {
    margin-block-end: var(--s-4);
}

.filid-box {
    padding: var(--s-4);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) solid var(--k-border);
    border-radius: var(--r-5);
}

.filid-entry {
    padding-inline-start: var(--s-3);
    padding-block: var(--s-3);
    box-shadow: inset 4px 0 0 var(--k-core);
    border-block-end: var(--b-hair) solid var(--k-border);
}

.filid-entry:last-child {
    border-block-end: 0;
}

.filid-ask {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-3);
    cursor: pointer;
    list-style: none;
    background: var(--k-panel);
    color: var(--k-letters);
}

.filid-ask::-webkit-details-marker {
    display: none;
}

.filid-ask-top {
    font-size: var(--z-md-2);
    font-weight: var(--w-mid);
    background: var(--k-panel);
    color: var(--k-letters);
}

.filid-sign {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--k-panel);
    color: var(--k-core);
    font-family: var(--f-display);
    font-weight: var(--w-heavy);
    font-size: var(--z-lg-2);
    line-height: 1;
}

.filid-entry[open] .filid-sign {
    color: var(--k-core);
}

.filid-reply {
    margin-block-start: var(--s-3);
}

.filid-reply p {
    margin: 0;
    font-size: var(--z-reading);
    line-height: var(--l-relaxed);
    color: var(--k-soft-text);
}

/* data-table — TABLE-08 */
.xemeri {
    background: var(--k-surface);
}

.xemeri-top {
    margin-block-end: var(--s-4);
}

.xemeri-roll {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--s-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.xemeri-block {
    margin: 0;
    padding: var(--s-4);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) dashed var(--k-line-strong);
    border-radius: var(--r-4);
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
    transition: box-shadow var(--t-brisk) var(--x-out);
}

.xemeri-block:hover {
    box-shadow: inset 6px 0 0 var(--k-core);
}

.xemeri-box {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.xemeri-key {
    font-size: var(--z-legal);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-panel);
    color: var(--k-soft-text);
}

.xemeri-sum {
    font-size: var(--z-reading);
    font-weight: var(--w-mid);
    background: var(--k-panel);
    color: var(--k-letters);
    overflow-wrap: anywhere;
}

/* cta-block — CTA-09 */
.gedusa {
    background: var(--k-surface);
}

.gedusa-frame {
    text-align: left;
}

.gedusa-eye {
    display: block;
    font-size: var(--z-legal);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-surface);
    color: var(--k-core);
    margin-block-end: var(--s-2);
}

.gedusa-top {
    margin-block-end: var(--s-3);
}

.gedusa-para {
    max-width: var(--narrow-col);
    font-size: var(--z-reading);
    line-height: var(--l-relaxed);
    color: var(--k-soft-text);
    margin-block-end: var(--s-4);
}

.gedusa-fine {
    display: block;
    max-width: var(--narrow-col);
    margin-block-start: var(--s-3);
    font-size: var(--z-fine);
    background: var(--k-surface);
    color: var(--k-soft-text);
}

/* inline-cta — INLINE-CTA-07 */
.ranym {
    background: var(--k-surface);
}

.ranym-frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--s-3);
}

.ranym-sign {
    font-family: var(--f-display);
    font-size: var(--z-display-1);
    line-height: 1;
    background: var(--k-surface);
    color: var(--k-core);
}

.ranym-top {
    max-width: var(--narrow-col);
    font-size: var(--z-lg-2);
}

.ranym-sub {
    max-width: var(--narrow-col);
    margin: 0;
    font-size: var(--z-reading);
    line-height: var(--l-default);
    color: var(--k-soft-text);
}

/* legal-section — LEGAL-04 */
.muromu {
    background: var(--k-surface);
}

.muromu-box {
    position: relative;
    padding: var(--s-4);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) solid var(--k-border);
    border-radius: var(--r-5);
    box-shadow: var(--d-3);
}

.muromu-stamp {
    display: block;
    margin-block-end: var(--s-4);
    font-size: var(--z-legal);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-panel);
    color: var(--k-soft-text);
}

.muromu-part {
    margin-block-end: var(--s-4);
}

.muromu-part:last-child {
    margin-block-end: 0;
}

.muromu-top {
    font-size: var(--z-lg-2);
    margin-block: 0 var(--s-3);
}

.muromu-para {
    margin: 0 0 var(--s-3);
    font-size: var(--z-reading);
    line-height: var(--l-relaxed);
    background: var(--k-panel);
    color: var(--k-letters);
}

.muromu-dot {
    background: var(--k-panel);
    color: var(--k-core);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (min-width: 900px) {
    .muromu-box {
        padding: var(--s-5);
    }

    .muromu-stamp {
        position: absolute;
        inset-block-start: var(--s-4);
        inset-inline-end: var(--s-4);
        margin-block-end: 0;
    }
}

/* contact-form — FORM-04 */
.tekol {
    background: var(--k-surface);
}

.tekol-top {
    margin-block-end: var(--s-3);
}

.tekol-lede {
    font-size: var(--z-reading);
    line-height: var(--l-relaxed);
    color: var(--k-soft-text);
    margin-block-end: var(--s-4);
}

.tekol-set {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s-3);
}

.tekol-box {
    display: flex;
    flex-direction: column;
    gap: var(--s-1);
    flex: 1 1 220px;
}

.tekol-box:last-of-type {
    flex-basis: 100%;
}

.tekol-key {
    font-size: var(--z-legal);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-surface);
    color: var(--k-soft-text);
}

.tekol-input,
.tekol-area {
    width: 100%;
    min-height: 46px;
    padding: var(--s-2);
    background: var(--k-panel);
    color: var(--k-letters);
    font-family: var(--f-body);
    font-size: var(--z-reading);
    border: 0;
    border-block-end: var(--b-mid) dashed var(--k-line-strong);
    border-radius: var(--r-2) var(--r-2) 0 0;
}

.tekol-area {
    min-height: 110px;
    resize: vertical;
}

.tekol-send {
    min-height: 46px;
    padding-inline: var(--s-4);
    background: var(--k-core);
    color: var(--k-surface);
    font-family: var(--f-display);
    font-weight: var(--w-heavy);
    font-size: var(--z-minor);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    border: var(--b-mid) solid var(--k-core);
    border-radius: var(--r-3);
    cursor: pointer;
    transition: transform var(--t-brisk) var(--x-out);
}

.tekol-send:hover {
    background: var(--k-accent-pressed);
    color: var(--k-surface);
    border-color: var(--k-accent-pressed);
    transform: scale(1.025);
}

.tekol-done {
    margin-block-start: var(--s-3);
    padding: var(--s-3);
    background: var(--k-panel);
    color: var(--k-core);
    border: var(--b-hair) dashed var(--k-core);
    border-radius: var(--r-3);
    font-size: var(--z-minor);
}

/* author-byline — BYLINE-02 */
.taveli {
    background: var(--k-surface);
}

.taveli-block {
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
    max-width: var(--narrow-col);
    margin-inline: auto;
    padding: var(--s-4);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) solid var(--k-border);
    border-radius: var(--r-4);
}

.taveli-shot {
    display: block;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: var(--r-circle);
    background: var(--k-surface);
}

.taveli-visual {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 50%;
    transform: scale(2.3);
    transform-origin: 39% 24%;
}

.taveli-matter {
    display: block;
}

.taveli-key {
    display: block;
    font-size: var(--z-legal);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-panel);
    color: var(--k-soft-text);
}

.taveli-person {
    font-size: var(--z-md-2);
    font-weight: var(--w-heavy);
    background: var(--k-panel);
    color: var(--k-letters);
    margin-block: var(--s-1) 0;
}

.taveli-person a {
    background: var(--k-panel);
    color: var(--k-letters);
    text-decoration: none;
}

.taveli-person a:hover {
    background: var(--k-panel);
    color: var(--k-core);
    text-decoration: underline;
}

.taveli-job {
    margin: var(--s-1) 0 0;
    font-size: var(--z-fine);
    background: var(--k-panel);
    color: var(--k-soft-text);
}

.taveli-bio {
    margin: var(--s-3) 0 0;
    font-size: var(--z-minor);
    line-height: var(--l-default);
    background: var(--k-panel);
    color: var(--k-letters);
}

.taveli-path {
    display: inline-block;
    margin-block-start: var(--s-3);
    font-size: var(--z-fine);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-panel);
    color: var(--k-core);
}

.taveli-path:hover {
    background: var(--k-panel);
    color: var(--k-accent-pressed);
    text-decoration: underline;
}

@media (min-width: 600px) {
    .taveli-block {
        flex-direction: row;
        align-items: flex-start;
    }
}

/* author-card — AUTH-05 */
.laler {
    background: var(--k-surface);
}

.laler-block {
    display: flex;
    align-items: center;
    gap: var(--s-3);
    max-width: 480px;
    padding: var(--s-4);
    background: var(--k-panel);
    color: var(--k-letters);
    border: var(--b-hair) dashed var(--k-line-strong);
    border-radius: var(--r-4);
}

.laler-shot {
    display: block;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: var(--r-circle);
    background: var(--k-surface);
}

.laler-visual {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transform: scale(2.3);
    transform-origin: 39% 24%;
}

.laler-matter {
    display: flex;
    flex-direction: column;
    gap: var(--s-1);
    min-width: 0;
}

.laler-job {
    font-size: var(--z-legal);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    background: var(--k-panel);
    color: var(--k-core);
}

.laler-person {
    font-size: var(--z-reading);
    font-weight: var(--w-heavy);
    background: var(--k-panel);
    color: var(--k-letters);
}

.laler-bio {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: var(--z-fine);
    line-height: var(--l-default);
    background: var(--k-panel);
    color: var(--k-soft-text);
}

/* error-block — ERR-03 */
.fofyk {
    background: var(--k-surface);
    display: flex;
    flex-direction: column;
}

.fofyk-frame {
    max-width: calc(var(--narrow-col) + 100px);
    text-align: center;
}

.fofyk-banner {
    font-size: var(--z-head);
    margin-block-end: var(--s-3);
}

.fofyk-para {
    font-size: var(--z-reading);
    line-height: var(--l-relaxed);
    color: var(--k-soft-text);
    margin-block-end: var(--s-4);
}

.fofyk-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding-inline: var(--s-4);
    background: var(--k-panel);
    color: var(--k-core);
    font-family: var(--f-display);
    font-size: var(--z-minor);
    font-weight: var(--w-heavy);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    border: var(--b-mid) solid var(--k-core);
    border-radius: var(--r-3);
    transition: transform var(--t-brisk) var(--x-out);
}

.fofyk-back:hover {
    background: var(--k-core);
    color: var(--k-surface);
    transform: scale(1.025);
}

/* cookie-banner — COOK-14 */
.pomokex {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 90;
    background: var(--k-panel);
    color: var(--k-letters);
    border-block-start: var(--b-mid) solid var(--k-core);
    clip-path: inset(0 0 0 0);
    visibility: visible;
    transition: clip-path var(--t-normal) var(--x-out), visibility var(--t-normal) var(--x-out);
    animation: plateSlideUp var(--t-calm) var(--x-out) both;
}

.pomokex.is-hid {
    clip-path: inset(0 0 100% 0);
    visibility: hidden;
    pointer-events: none;
}

.pomokex-hold {
    width: 100%;
    max-width: calc(var(--v-main) + 2 * var(--v-pad-lg));
    margin-inline: auto;
    padding: var(--s-3) var(--pad-now);
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
}

.pomokex-words {
    margin: 0;
    font-size: var(--z-fine);
    line-height: var(--l-default);
    background: var(--k-panel);
    color: var(--k-letters);
}

.pomokex-bar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-3);
    align-items: center;
}

.pomokex-agree,
.pomokex-refuse {
    min-height: 44px;
    padding-inline: var(--s-4);
    font-family: var(--f-display);
    font-size: var(--z-fine);
    font-weight: var(--w-heavy);
    text-transform: uppercase;
    letter-spacing: var(--e-spread);
    border-radius: var(--r-3);
    cursor: pointer;
    transition: transform var(--t-brisk) var(--x-out);
}

.pomokex-agree {
    background: var(--k-core);
    color: var(--k-surface);
    border: var(--b-mid) solid var(--k-core);
}

.pomokex-agree:hover {
    background: var(--k-accent-pressed);
    color: var(--k-surface);
    border-color: var(--k-accent-pressed);
    transform: scale(1.025);
}

.pomokex-refuse {
    background: var(--k-surface);
    color: var(--k-letters);
    border: var(--b-mid) solid var(--k-line-strong);
}

.pomokex-refuse:hover {
    background: var(--k-panel);
    color: var(--k-core);
    transform: scale(1.025);
}

.pomokex-prefs {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-inline: var(--s-2);
    background: var(--k-panel);
    color: var(--k-core);
    font-size: var(--z-fine);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.pomokex-prefs:hover {
    background: var(--k-panel);
    color: var(--k-accent-pressed);
}

@media (max-width: 720px) {
    .pomokex,
    .pomokex-hold {
        padding-block: 12px;
        gap: 8px;
        font-size: 13px;
        line-height: 1.35;
    }

    .pomokex-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .pomokex-agree,
    .pomokex-refuse {
        width: 100%;
        min-height: 40px;
        padding-inline: 14px;
        font-size: 12px;
    }

    .pomokex-prefs {
        justify-content: center;
        min-height: 38px;
    }
}

/* footer — FOOT-05 */
.zazam {
    flex-shrink: 0;
    background: var(--k-core);
    color: var(--k-surface);
    padding-block: var(--s-5);
}

.zazam-frame {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-4);
}

.zazam-band {
    display: block;
}

.zazam-glyph {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    background: var(--k-surface);
    color: var(--k-letters);
    border-radius: var(--r-4);
}

.zazam-visual {
    display: block;
    height: 60px;
    width: auto;
}

.zazam-slogan {
    margin: var(--s-3) 0 0;
    font-size: var(--z-fine);
    line-height: var(--l-default);
    background: var(--k-core);
    color: #2f4a12;
}

.zazam-top {
    margin-block-end: var(--s-3);
    background: var(--k-core);
    color: var(--k-surface);
}

.zazam-roll {
    margin: 0;
    padding: 0;
    list-style: none;
}

.zazam-entry {
    margin-block-end: var(--s-1);
}

.zazam-path {
    overflow-wrap: anywhere;
    font-family: var(--f-body);
    font-weight: var(--w-plain);
    font-size: var(--z-fine);
    background: var(--k-core);
    color: #2f4a12;
    text-decoration: none;
}

.zazam-path:hover {
    background: var(--k-core);
    color: var(--k-surface);
    text-decoration: underline;
}

.zazam-strip {
    grid-column: 1 / -1;
    margin-block-start: var(--s-4);
    padding-block-start: var(--s-3);
    border-block-start: var(--b-hair) solid #2f4a12;
    display: flex;
    flex-direction: column;
    gap: var(--s-2);
}

.zazam-copy {
    font-size: var(--z-fine);
    background: var(--k-core);
    color: var(--k-surface);
}

.zazam-warn {
    margin: 0;
    font-size: var(--z-fine);
    line-height: var(--l-default);
    background: var(--k-core);
    color: var(--k-surface);
}

.zazam-warn-path {
    background: var(--k-core);
    color: var(--k-surface);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.zazam-warn-path:hover {
    background: var(--k-surface);
    color: var(--k-core);
}

@media (min-width: 600px) {
    .zazam-frame {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--s-5);
    }
}

@media (min-width: 900px) {
    .zazam-frame {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1.1fr);
        gap: var(--s-5);
    }

    .zazam-strip {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

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

    [data-motion] {
        opacity: 1;
        transform: none;
    }
}

/* offer buttons — scripts/cta-style.mjs */
.poli-go{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-2) var(--s-3);min-height:46px;border-radius:var(--r-3);font-size:var(--z-md-2);font-weight:600;letter-spacing:var(--e-normal)}
.poli-go{
  background:#7C3AED;color:#FFFFFF;text-decoration:none;text-transform:uppercase;
  transition:background 0.1s ease,box-shadow 0.1s ease;}
.poli-go.poli-go{color:#FFFFFF;text-decoration:none;}
.poli-go:hover{background:#6D28D9;color:#FFFFFF;animation:none}
.poli-go.poli-go:hover{color:#FFFFFF;text-decoration:none}
.poli-go:hover::after{animation:none}
.poli-go:active{background:#5B21B6;color:#FFFFFF}
.poli-go:focus-visible{outline:3px solid #111111;outline-offset:3px}
.poli-go{animation:poli-pulse 1.98s linear infinite}
@keyframes poli-pulse{0%{transform:scale(1);animation-timing-function:cubic-bezier(.25,.8,.35,1)}17.172%{transform:scale(1.06);animation-timing-function:cubic-bezier(.45,.05,.55,.95)}49.495%,100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.poli-go,.poli-go::after{animation:none!important;transition:none!important}}
.poli-band{display:flex;flex-direction:column;align-items:center;gap:12px;padding:5px var(--s-3);background:var(--k-panel);border-radius:var(--r-stadium);border:var(--b-hair) solid var(--k-border);text-align:center;margin:var(--s-5) 0}
.poli-terms.poli-terms{margin:0;border:0;padding:0;font-weight:600;font-size:0.9em}
.poli-fine.poli-fine{margin:0;border:0;padding:0;font-size:0.9em;opacity:.75}

/* offer-button placement per block */
.zifuvup-invite {
    margin-block-start: var(--s-3);
}

.nureb-button {
    margin-block-start: var(--s-2);
}

.gedusa-button,
.ranym-button {
    margin-block-start: 0;
}

@media (max-width: 933px) {
  .dopato-map,
  .dopato-roll,
  .dopato-path { display: none !important; }
  .dopato-menu-trigger { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js .zifuvup-matter,
html.no-js [data-motion]{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}