/*
 * Zibax Home — styles apply only inside main#zbx-home.zbx-home-root
 */

body.zbx-home-page,
main#zbx-home.zbx-home-root {
    --zh-primary: #253d96;
    --zh-primary-dark: #1b2d73;
    --zh-accent: #ed6f6a;
    --zh-accent-deep: #b9433d;
    --zh-ink: #172033;
    --zh-text: #3e4c63;
    --zh-muted: #5c6b82;
    --zh-line: #e4e9f2;
    --zh-soft: #f5f7fb;
    --zh-white: #ffffff;
    --zh-success: #0f7a68;
    --zh-shadow: 0 16px 40px rgba(23, 32, 51, 0.08);
    --zh-radius: 18px;
    --zh-header: var(--zb-header-height, 72px);
}

main#zbx-home.zbx-home-root {
    direction: rtl;
    color: var(--zh-text);
    background: var(--zh-soft);
    font-family: IranSans, IRANSans, "Iran Sans", Tahoma, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.9;
    text-align: right;
}

main#zbx-home.zbx-home-root *,
main#zbx-home.zbx-home-root *::before,
main#zbx-home.zbx-home-root *::after {
    box-sizing: border-box;
}

main#zbx-home.zbx-home-root :where(h1, h2, h3, h4, h5, h6, p, li, a, dt, dd, summary, figcaption, blockquote, span, strong, em, small, label, time) {
    font-family: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-style: normal !important;
}

main#zbx-home.zbx-home-root :where(h1, h2, h3, h4) {
    color: var(--zh-ink) !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    text-wrap: balance;
}

main#zbx-home.zbx-home-root :where(p, li, dd) {
    margin: 0 !important;
}

main#zbx-home.zbx-home-root ul,
main#zbx-home.zbx-home-root ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

main#zbx-home.zbx-home-root a {
    color: var(--zh-primary);
    text-decoration: none;
    cursor: pointer;
}

main#zbx-home.zbx-home-root img {
    display: block;
    max-width: 100%;
    border: 0;
}

main#zbx-home.zbx-home-root table {
    display: table;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    white-space: normal;
    overflow: visible;
}

main#zbx-home.zbx-home-root th,
main#zbx-home.zbx-home-root td {
    border: 0;
    text-align: right;
    white-space: normal;
}

main#zbx-home.zbx-home-root button,
main#zbx-home.zbx-home-root summary {
    font: inherit;
    color: inherit;
    cursor: pointer;
}

main#zbx-home.zbx-home-root a:focus-visible,
main#zbx-home.zbx-home-root button:focus-visible,
main#zbx-home.zbx-home-root summary:focus-visible {
    outline: 3px solid var(--zh-primary);
    outline-offset: 3px;
}

main#zbx-home.zbx-home-root .zh-shell {
    width: min(1160px, calc(100% - 32px));
    margin-inline: auto;
}

main#zbx-home.zbx-home-root .zh-section {
    padding: 64px 0;
}

main#zbx-home.zbx-home-root .zh-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    color: var(--zh-primary);
    font-size: 0.86rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zh-accent);
}

main#zbx-home.zbx-home-root .zh-lead {
    margin: 0;
    color: var(--zh-text);
    font-size: 1.02rem;
}

main#zbx-home.zbx-home-root .zh-section__head {
    max-width: 40rem;
    margin: 0 auto 32px;
    text-align: center;
}

main#zbx-home.zbx-home-root .zh-section__head h2,
main#zbx-home.zbx-home-root .zh-block-title {
    margin: 0 0 10px;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
}

main#zbx-home.zbx-home-root .zh-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

main#zbx-home.zbx-home-root .zh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.95rem;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-btn--primary {
    background: var(--zh-primary);
    color: #fff;
    box-shadow: 0 10px 24px rgba(37, 61, 150, 0.22);
}

main#zbx-home.zbx-home-root .zh-btn--primary:hover {
    background: var(--zh-primary-dark);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-btn--ghost {
    background: var(--zh-white);
    border-color: #d5dced;
    color: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-btn--ghost:hover {
    border-color: var(--zh-primary);
    background: #f3f6fd;
    color: var(--zh-primary-dark);
}

main#zbx-home.zbx-home-root .zh-btn--light {
    background: #fff;
    color: var(--zh-primary-dark);
}

main#zbx-home.zbx-home-root .zh-btn--light:hover {
    background: #f7f8ff;
    color: var(--zh-primary-dark);
}

main#zbx-home.zbx-home-root .zh-btn--line {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-btn--line:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-btn--spark .zh-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    color: var(--zh-accent);
}

main#zbx-home.zbx-home-root .zh-hero {
    position: relative;
    padding: 28px 0 36px;
    background:
        radial-gradient(900px 420px at 100% 0%, rgba(37, 61, 150, 0.08), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
    overflow: clip;
}

main#zbx-home.zbx-home-root .zh-hero__grid {
    display: grid;
    gap: 28px;
    align-items: center;
}

main#zbx-home.zbx-home-root .zh-hero h1 {
    margin: 0 0 14px;
    color: var(--zh-primary-dark);
    font-size: clamp(2rem, 5vw, 3.2rem);
    line-height: 1.28;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-hero h1 > span:last-child {
    display: block;
    margin-top: 6px;
    color: var(--zh-primary);
    font-size: clamp(1.4rem, 2.8vw, 2.05rem);
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-hero__brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--zh-primary-dark);
}

main#zbx-home.zbx-home-root .zh-hero__brand-mark {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

main#zbx-home.zbx-home-root .zh-hero__brand-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--zh-accent);
    flex-shrink: 0;
}

main#zbx-home.zbx-home-root .zh-hero__brand-mark .zh-icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    color: var(--zh-accent);
}

main#zbx-home.zbx-home-root .zh-hero__copy {
    min-width: 0;
    width: min(100%, 40rem);
    margin-inline: auto;
}

main#zbx-home.zbx-home-root .zh-hero__text {
    display: grid;
    gap: 12px;
    margin-bottom: 22px;
}

main#zbx-home.zbx-home-root .zh-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

main#zbx-home.zbx-home-root .zh-hero__actions--top {
    margin-top: 18px;
    margin-bottom: 0;
}

main#zbx-home.zbx-home-root .zh-follow {
    margin-top: 14px;
}

main#zbx-home.zbx-home-root .zh-hero__note {
    margin: 6px 0 0;
    color: var(--zh-success);
    font-size: 0.80rem;
    font-weight: normal;
    line-height: 1.65;
}

main#zbx-home.zbx-home-root .zh-hero__visual {
    position: relative;
}

main#zbx-home.zbx-home-root .zh-hero__frame {
    position: relative;
    aspect-ratio: 16 / 11;
    max-height: 420px;
    border-radius: 28px;
    overflow: hidden;
    background: #e7edf8;
    box-shadow: var(--zh-shadow);
    border: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-hero__frame img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main#zbx-home.zbx-home-root .zh-hero__stats {
    position: absolute;
    z-index: 2;
    left: 12px;
    bottom: 12px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    width: min(calc(100% - 24px), 420px);
    padding: 8px 6px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 12px 32px rgba(23, 32, 51, 0.14);
}

main#zbx-home.zbx-home-root .zh-hero__stat {
    position: relative;
    padding: 6px 8px;
    text-align: center;
}

main#zbx-home.zbx-home-root .zh-hero__stat + .zh-hero__stat {
    border-right: 1px solid rgba(37, 61, 150, 0.12);
}

main#zbx-home.zbx-home-root .zh-hero__stat strong {
    display: block;
    color: var(--zh-primary-dark);
    font-size: clamp(0.82rem, 2.2vw, 1.05rem);
    line-height: 1.25;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-num-ltr bdi {
    unicode-bidi: isolate;
    direction: ltr;
}

main#zbx-home.zbx-home-root .zh-hero__stat span {
    display: block;
    margin-top: 2px;
    color: var(--zh-muted);
    font-size: clamp(0.62rem, 1.6vw, 0.72rem);
    line-height: 1.45;
}

main#zbx-home.zbx-home-root .zh-steps__grid,
main#zbx-home.zbx-home-root .zh-services__grid,
main#zbx-home.zbx-home-root .zh-features__grid,
main#zbx-home.zbx-home-root .zh-quotes__grid,
main#zbx-home.zbx-home-root .zh-mag__grid,
main#zbx-home.zbx-home-root .zh-types,
main#zbx-home.zbx-home-root .zh-styles {
    display: grid;
    gap: 14px;
}

main#zbx-home.zbx-home-root .zh-step,
main#zbx-home.zbx-home-root .zh-service,
main#zbx-home.zbx-home-root .zh-feature,
main#zbx-home.zbx-home-root .zh-quote,
main#zbx-home.zbx-home-root .zh-mag__card,
main#zbx-home.zbx-home-root .zh-type,
main#zbx-home.zbx-home-root .zh-style,
main#zbx-home.zbx-home-root .zh-article,
main#zbx-home.zbx-home-root .zh-faq details {
    background: var(--zh-white);
    border: 1px solid var(--zh-line);
    border-radius: var(--zh-radius);
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.04);
}

main#zbx-home.zbx-home-root .zh-step,
main#zbx-home.zbx-home-root .zh-service,
main#zbx-home.zbx-home-root .zh-feature,
main#zbx-home.zbx-home-root .zh-type,
main#zbx-home.zbx-home-root .zh-style {
    padding: 18px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-step:hover,
main#zbx-home.zbx-home-root .zh-service:hover,
main#zbx-home.zbx-home-root .zh-feature:hover,
main#zbx-home.zbx-home-root .zh-type:hover,
main#zbx-home.zbx-home-root .zh-style:hover,
main#zbx-home.zbx-home-root .zh-mag__card:hover {
    border-color: #c9d4ee;
    box-shadow: var(--zh-shadow);
}

main#zbx-home.zbx-home-root .zh-steps {
    background:
        radial-gradient(720px 260px at 100% 0%, rgba(37, 61, 150, 0.07), transparent 62%),
        #f5f7fb;
}

main#zbx-home.zbx-home-root .zh-step {
    position: relative;
    overflow: hidden;
    padding: 22px 18px 20px;
    background: #fff;
}

main#zbx-home.zbx-home-root .zh-step::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, #253d96, #ed6f6a);
}

main#zbx-home.zbx-home-root .zh-step__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

main#zbx-home.zbx-home-root .zh-step__head h3 {
    margin: 0;
    flex: 1;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-step__num {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    color: rgba(37, 61, 150, 0.28);
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
}

main#zbx-home.zbx-home-root .zh-step h3,
main#zbx-home.zbx-home-root .zh-service h3,
main#zbx-home.zbx-home-root .zh-feature h3,
main#zbx-home.zbx-home-root .zh-type h3,
main#zbx-home.zbx-home-root .zh-style h3 {
    margin: 0 0 8px;
    font-size: 1.05rem;
}

main#zbx-home.zbx-home-root .zh-step p,
main#zbx-home.zbx-home-root .zh-service p,
main#zbx-home.zbx-home-root .zh-feature p,
main#zbx-home.zbx-home-root .zh-type p,
main#zbx-home.zbx-home-root .zh-style p {
    color: var(--zh-text);
    font-size: 0.94rem;
}

main#zbx-home.zbx-home-root .zh-ai-showcase {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(680px 320px at 100% 0%, rgba(37, 61, 150, 0.1), transparent 66%),
        radial-gradient(560px 300px at 0% 100%, rgba(237, 111, 106, 0.08), transparent 68%),
        #f4f6fb;
}

main#zbx-home.zbx-home-root .zh-ai-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.42;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(37, 61, 150, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 61, 150, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

main#zbx-home.zbx-home-root .zh-ai-showcase .zh-shell {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__intro {
    display: grid;
    gap: 24px;
    align-items: end;
    margin-bottom: 28px;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__copy {
    max-width: 760px;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__copy h2 {
    margin: 0 0 14px;
    font-size: clamp(1.6rem, 3vw, 2.45rem);
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__copy > p:last-child {
    max-width: 72ch;
    color: var(--zh-text);
    font-size: 1rem;
    line-height: 2;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__visual {
    min-width: 0;
    padding-bottom: 10px;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media {
    position: relative;
    isolation: isolate;
    aspect-ratio: 1448 / 1085;
    margin: 0;
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, 0.88);
    border-radius: 25px;
    background: #18285f;
    box-shadow:
        0 22px 48px rgba(24, 40, 95, 0.18),
        0 0 0 1px rgba(37, 61, 150, 0.08);
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(8, 16, 44, 0.04) 32%, rgba(8, 16, 44, 0.72) 100%),
        linear-gradient(90deg, rgba(20, 35, 84, 0.16), transparent 55%);
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption {
    position: absolute;
    z-index: 2;
    right: 14px;
    bottom: 45px;
    left: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.13);
    color: #ffaaa5;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption .zh-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption strong,
main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption small {
    display: block;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption strong {
    color: #fff;
    font-size: 0.82rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption small {
    margin-top: 1px;
    color: #d4ddf7;
    font-size: 0.65rem;
    font-weight: 600;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__proof {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    position: relative;
    z-index: 3;
    width: calc(100% - 28px);
    margin: -32px auto 0;
    padding: 18px;
    border: 1px solid rgba(37, 61, 150, 0.12);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 40px rgba(23, 32, 51, 0.13);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

main#zbx-home.zbx-home-root .zh-ai-showcase__proof-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 15px;
    background: rgba(237, 111, 106, 0.11);
    color: var(--zh-accent-deep);
}

main#zbx-home.zbx-home-root .zh-ai-showcase__proof strong {
    display: block;
    margin-bottom: 4px;
    color: var(--zh-primary-dark);
    font-size: 1.03rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__proof p {
    color: var(--zh-muted);
    font-size: 0.84rem;
    line-height: 1.8;
}

main#zbx-home.zbx-home-root .zh-ai-map {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    overflow: hidden;
    padding: 34px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 28px;
    background:
        radial-gradient(460px 280px at 50% 50%, rgba(94, 128, 231, 0.24), transparent 72%),
        radial-gradient(360px 220px at 0% 100%, rgba(237, 111, 106, 0.12), transparent 68%),
        linear-gradient(145deg, #111d47 0%, #1c3278 100%);
    box-shadow: 0 26px 64px rgba(19, 34, 81, 0.2);
}

main#zbx-home.zbx-home-root .zh-ai-map::before,
main#zbx-home.zbx-home-root .zh-ai-map::after {
    content: "";
    position: absolute;
    top: 50%;
    z-index: 0;
    width: calc(50% - 190px);
    height: 1px;
    background: linear-gradient(90deg, rgba(125, 157, 255, 0.04), rgba(125, 157, 255, 0.72));
}

main#zbx-home.zbx-home-root .zh-ai-map::before {
    right: calc(50% + 110px);
}

main#zbx-home.zbx-home-root .zh-ai-map::after {
    left: calc(50% + 110px);
    transform: rotate(180deg);
}

main#zbx-home.zbx-home-root .zh-ai-map > * {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-ai-map__sources {
    display: grid;
    gap: 10px;
}

main#zbx-home.zbx-home-root .zh-ai-map__label {
    display: block;
    margin-bottom: 2px;
    color: #b9c8f6;
    font-size: 0.75rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-ai-source {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

main#zbx-home.zbx-home-root .zh-ai-source > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.11);
    color: #ffaaa5;
}

main#zbx-home.zbx-home-root .zh-ai-source .zh-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

main#zbx-home.zbx-home-root .zh-ai-source strong,
main#zbx-home.zbx-home-root .zh-ai-source small {
    display: block;
}

main#zbx-home.zbx-home-root .zh-ai-source strong {
    color: #fff;
    font-size: 0.87rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-ai-source small {
    margin-top: 2px;
    color: #c4cfee;
    font-size: 0.72rem;
    line-height: 1.55;
}

main#zbx-home.zbx-home-root .zh-ai-map__engine {
    display: grid;
    place-items: center;
    align-content: center;
    width: 190px;
    height: 190px;
    margin-inline: auto;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(85, 118, 218, 0.16) 54%, rgba(35, 61, 143, 0.08) 72%);
    box-shadow:
        inset 0 0 34px rgba(135, 161, 244, 0.16),
        0 0 50px rgba(87, 122, 230, 0.22);
    text-align: center;
}

main#zbx-home.zbx-home-root .zh-ai-map__orbit {
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(169, 189, 255, 0.2);
    border-radius: 50%;
}

main#zbx-home.zbx-home-root .zh-ai-map__orbit--two {
    inset: 26px;
    border-style: dashed;
}

main#zbx-home.zbx-home-root .zh-ai-map__core {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 8px;
    border-radius: 15px;
    background: linear-gradient(145deg, #fff, #dbe4ff);
    color: var(--zh-primary);
    box-shadow: 0 10px 30px rgba(4, 10, 31, 0.24);
}

main#zbx-home.zbx-home-root .zh-ai-map__engine strong {
    color: #fff;
    font-size: 0.94rem;
    font-weight: 900;
    line-height: 1.55;
}

main#zbx-home.zbx-home-root .zh-ai-map__engine small {
    margin-top: 3px;
    color: #bdc9eb;
    font-size: 0.67rem;
}

main#zbx-home.zbx-home-root .zh-ai-map__result {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

main#zbx-home.zbx-home-root .zh-ai-map__result-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 12px 0 14px;
    border-radius: 13px;
    background: rgba(237, 111, 106, 0.18);
    color: #ffb4af;
}

main#zbx-home.zbx-home-root .zh-ai-map__result > strong {
    display: block;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-ai-map__result > p {
    margin-top: 7px !important;
    color: #cad4f1;
    font-size: 0.8rem;
    line-height: 1.75;
}

main#zbx-home.zbx-home-root .zh-ai-map__result ul {
    display: grid;
    gap: 7px;
    margin-top: 14px;
}

main#zbx-home.zbx-home-root .zh-ai-map__result li {
    display: flex;
    gap: 7px;
    align-items: center;
    color: #edf1ff;
    font-size: 0.76rem;
    font-weight: 700;
}

main#zbx-home.zbx-home-root .zh-ai-map__result li .zh-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    color: #ffaaa5;
}

main#zbx-home.zbx-home-root .zh-ai-journey {
    margin-top: 26px;
    padding: 26px 28px 30px;
    border: 1px solid rgba(37, 61, 150, 0.11);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 18px 42px rgba(23, 32, 51, 0.06);
}

main#zbx-home.zbx-home-root .zh-ai-journey__head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    margin-bottom: 28px;
}

main#zbx-home.zbx-home-root .zh-ai-journey__head span {
    color: var(--zh-accent-deep);
    font-size: 0.76rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-ai-journey__head h3 {
    margin: 4px 0 0;
    font-size: 1.28rem;
}

main#zbx-home.zbx-home-root .zh-ai-journey__head > p {
    max-width: 340px;
    color: var(--zh-muted);
    font-size: 0.8rem;
}

main#zbx-home.zbx-home-root .zh-ai-journey__track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

main#zbx-home.zbx-home-root .zh-ai-journey__step {
    position: relative;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-ai-journey__step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 25px;
    right: 54px;
    width: calc(100% + 24px - 54px);
    height: 1px;
    background: linear-gradient(90deg, rgba(37, 61, 150, 0.12), rgba(37, 61, 150, 0.4));
}

main#zbx-home.zbx-home-root .zh-ai-journey__marker {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-bottom: 14px;
    padding-left: 10px;
    background: #fff;
}

main#zbx-home.zbx-home-root .zh-ai-journey__icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(37, 61, 150, 0.14);
    border-radius: 16px;
    background: linear-gradient(145deg, #f4f7ff, #fff);
    color: var(--zh-primary);
    box-shadow: 0 8px 20px rgba(37, 61, 150, 0.09);
}

main#zbx-home.zbx-home-root .zh-ai-journey__num {
    color: rgba(37, 61, 150, 0.38);
    font-size: 0.7rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-ai-journey__step h4 {
    margin: 0 0 7px;
    color: var(--zh-ink) !important;
    font-size: 0.92rem;
    line-height: 1.65 !important;
}

main#zbx-home.zbx-home-root .zh-ai-journey__step p {
    color: var(--zh-muted);
    font-size: 0.78rem;
    line-height: 1.8;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 20px;
    padding: 20px 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #1a2b6c, #29489c);
    box-shadow: 0 18px 38px rgba(37, 61, 150, 0.18);
}

main#zbx-home.zbx-home-root .zh-ai-showcase__cta strong,
main#zbx-home.zbx-home-root .zh-ai-showcase__cta span {
    display: block;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__cta strong {
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__cta > div > span {
    margin-top: 3px;
    color: #cbd5f3;
    font-size: 0.78rem;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__cta .zh-btn {
    flex: 0 0 auto;
    background: #fff;
    color: var(--zh-primary-dark);
    box-shadow: 0 10px 24px rgba(4, 10, 31, 0.18);
}

main#zbx-home.zbx-home-root .zh-ai-showcase__cta .zh-btn:hover {
    background: #f4f6ff;
    color: var(--zh-primary-dark);
}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-ai-showcase__intro {
        grid-template-columns: minmax(0, 1.3fr) minmax(340px, 0.78fr);
        align-items: center;
    }
}

@media (max-width: 899px) {
    main#zbx-home.zbx-home-root .zh-ai-showcase__visual {
        width: min(100%, 640px);
        margin-inline: auto;
    }

    main#zbx-home.zbx-home-root .zh-ai-map {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    main#zbx-home.zbx-home-root .zh-ai-map::before,
    main#zbx-home.zbx-home-root .zh-ai-map::after {
        display: none;
    }

    main#zbx-home.zbx-home-root .zh-ai-map__engine {
        width: 160px;
        height: 160px;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 30px;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__step:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-ai-showcase__copy h2 {
        font-size: 1.42rem;
    }

    main#zbx-home.zbx-home-root .zh-ai-showcase__media {
        border-width: 4px;
        border-radius: 21px;
    }

    main#zbx-home.zbx-home-root .zh-ai-showcase__media figcaption {
        right: 12px;
        bottom: 40px;
        left: 12px;
    }

    main#zbx-home.zbx-home-root .zh-ai-showcase__proof {
        width: calc(100% - 20px);
        margin-top: -28px;
        padding: 16px;
        border-radius: 18px;
    }

    main#zbx-home.zbx-home-root .zh-ai-map {
        margin-inline: -4px;
        padding: 22px 16px;
        border-radius: 22px;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey {
        padding: 22px 18px 24px;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__head,
    main#zbx-home.zbx-home-root .zh-ai-showcase__cta {
        align-items: stretch;
        flex-direction: column;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__track {
        grid-template-columns: 1fr;
        gap: 0;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__step {
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 14px;
        padding-bottom: 24px;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__step:last-child {
        padding-bottom: 0;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__step:not(:last-child)::after {
        top: 50px;
        right: 24px;
        width: 1px;
        height: calc(100% - 50px);
        background: linear-gradient(to bottom, rgba(37, 61, 150, 0.4), rgba(37, 61, 150, 0.1));
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__step:nth-child(2)::after {
        display: block;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__marker {
        display: block;
        margin: 0;
        padding: 0;
    }

    main#zbx-home.zbx-home-root .zh-ai-journey__num {
        position: absolute;
        top: -4px;
        right: -5px;
        display: grid;
        place-items: center;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: var(--zh-accent);
        color: #fff;
        font-size: 0.58rem;
    }

    main#zbx-home.zbx-home-root .zh-ai-showcase__cta .zh-btn {
        width: 100%;
    }
}

main#zbx-home.zbx-home-root .zh-service {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(180deg, #f4f7fd 0%, #ffffff 46%);
}

main#zbx-home.zbx-home-root .zh-service__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px 18px 8px;
}

main#zbx-home.zbx-home-root .zh-service__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

main#zbx-home.zbx-home-root .zh-service__head h3 {
    margin: 0;
    flex: 1;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-service__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 0;
    flex: 0 0 64px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #e4e9f2;
    box-shadow: 0 10px 22px rgba(37, 61, 150, 0.06);
    display: grid;
    place-items: center;
    overflow: hidden;
}

main#zbx-home.zbx-home-root .zh-feature__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

main#zbx-home.zbx-home-root .zh-feature__head h3 {
    margin: 0;
    flex: 1;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-feature__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 0;
    flex: 0 0 56px;
    border-radius: 14px;
    background: #f3f6fd;
    display: grid;
    place-items: center;
    overflow: hidden;
}

main#zbx-home.zbx-home-root .zh-service__icon img,
main#zbx-home.zbx-home-root .zh-feature__icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

main#zbx-home.zbx-home-root .zh-service a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding: 14px 18px;
    border-top: 1px solid var(--zh-line);
    background: #fafbfe;
    color: var(--zh-primary);
    font-weight: 800;
    font-size: 0.9rem;
}

main#zbx-home.zbx-home-root .zh-service a:hover {
    background: #f3f6fd;
    color: var(--zh-primary-dark);
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 12px;
    color: var(--zh-primary);
    font-weight: 800;
    font-size: 0.9rem;
}

main#zbx-home.zbx-home-root .zh-link:hover,
main#zbx-home.zbx-home-root .zh-prose a:hover {
    text-decoration: underline;
}

main#zbx-home.zbx-home-root .zh-band--white {
    background: var(--zh-white);
}

main#zbx-home.zbx-home-root .zh-about__grid,
main#zbx-home.zbx-home-root .zh-article__intro,
main#zbx-home.zbx-home-root .zh-guide {
    display: grid;
    gap: 22px;
}

main#zbx-home.zbx-home-root .zh-checks {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

main#zbx-home.zbx-home-root .zh-checks li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--zh-white);
    border: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-checks li span {
    flex: 1;
}

main#zbx-home.zbx-home-root .zh-checks svg {
    margin-top: 4px;
    color: var(--zh-success);
}

main#zbx-home.zbx-home-root .zh-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

main#zbx-home.zbx-home-root .zh-fact {
    padding: 16px;
    border-radius: 16px;
    background: var(--zh-white);
    border: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-fact strong {
    display: block;
    margin-bottom: 4px;
    color: var(--zh-primary-dark);
    font-size: 1.05rem;
}

main#zbx-home.zbx-home-root .zh-fact span {
    color: var(--zh-muted);
    font-size: 0.86rem;
    line-height: 1.7;
}

main#zbx-home.zbx-home-root .zh-story {
    margin-top: 18px;
    padding: 18px;
    border-radius: 16px;
    background: #f8f5f5;
    border-right: 3px solid var(--zh-accent);
}

main#zbx-home.zbx-home-root .zh-story p + p {
    margin-top: 10px;
}

main#zbx-home.zbx-home-root .zh-about-showcase {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(620px 300px at 0% 0%, rgba(237, 111, 106, 0.07), transparent 70%),
        radial-gradient(700px 340px at 100% 100%, rgba(37, 61, 150, 0.065), transparent 72%),
        #fff;
}

main#zbx-home.zbx-home-root .zh-about-showcase::before {
    content: "";
    position: absolute;
    top: 54px;
    left: -80px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(37, 61, 150, 0.06);
    border-radius: 50%;
    box-shadow:
        0 0 0 34px rgba(37, 61, 150, 0.018),
        0 0 0 68px rgba(37, 61, 150, 0.012);
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-about-showcase .zh-shell {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-about-showcase__intro {
    display: grid;
    gap: 20px;
    align-items: end;
    margin-bottom: 30px;
}

main#zbx-home.zbx-home-root .zh-about-showcase__heading h2 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-about-showcase__intro > p {
    max-width: 540px;
    padding-right: 18px;
    border-right: 2px solid rgba(237, 111, 106, 0.52);
    color: var(--zh-text);
    font-size: 0.94rem;
    line-height: 2;
}

main#zbx-home.zbx-home-root .zh-about-showcase__body {
    display: grid;
    gap: 16px;
    align-items: stretch;
}

main#zbx-home.zbx-home-root .zh-about-showcase__vision {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 22px;
    overflow: hidden;
    padding: 34px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 26px;
    background:
        radial-gradient(440px 240px at 0% 100%, rgba(237, 111, 106, 0.15), transparent 68%),
        linear-gradient(140deg, #17275f 0%, #253f91 100%);
    box-shadow: 0 24px 54px rgba(26, 45, 108, 0.17);
}

main#zbx-home.zbx-home-root .zh-about-showcase__vision-copy {
    position: relative;
    z-index: 3;
    align-self: center;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor {
    position: relative;
    z-index: 2;
    align-self: end;
    width: 100%;
    min-height: 338px;
    margin: 0 0 -34px;
    isolation: isolate;
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor::before {
    content: "";
    position: absolute;
    z-index: -2;
    right: 50%;
    bottom: 24px;
    width: min(100%, 272px);
    height: 82%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px 999px 30px 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.025));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 22px 42px rgba(8, 18, 62, 0.18);
    transform: translateX(50%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor img {
    position: absolute;
    z-index: 1;
    right: 50%;
    bottom: 0;
    display: block;
    width: min(104%, 282px);
    max-width: none;
    height: auto;
    filter: drop-shadow(0 20px 22px rgba(5, 13, 49, 0.24));
    transform: translateX(50%);
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor figcaption {
    position: absolute;
    z-index: 3;
    right: 50%;
    bottom: 19px;
    display: grid;
    grid-template-columns: 8px auto;
    gap: 0 8px;
    align-items: center;
    width: max-content;
    padding: 9px 13px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 14px;
    background: rgba(19, 35, 89, 0.82);
    box-shadow: 0 13px 28px rgba(7, 18, 59, 0.26);
    color: #fff;
    transform: translateX(50%);
    backdrop-filter: blur(12px) saturate(1.15);
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor figcaption > span {
    grid-row: 1 / span 2;
    width: 8px;
    height: 8px;
    border: 2px solid rgba(255, 255, 255, 0.74);
    border-radius: 50%;
    background: #f17c77;
    box-shadow: 0 0 0 4px rgba(237, 111, 106, 0.16);
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor figcaption strong,
main#zbx-home.zbx-home-root .zh-about-showcase__advisor figcaption small {
    display: block;
    white-space: nowrap;
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor figcaption strong {
    font-size: 0.74rem;
    line-height: 1.45;
}

main#zbx-home.zbx-home-root .zh-about-showcase__advisor figcaption small {
    color: #dbe3f9;
    font-size: 0.61rem;
    line-height: 1.45;
}

main#zbx-home.zbx-home-root .zh-about-showcase__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    margin-bottom: 18px;
    padding: 5px 11px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #d9e2ff;
    font-size: 0.74rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-about-showcase__eyebrow .zh-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
    color: #ffaaa5;
}

main#zbx-home.zbx-home-root .zh-about-showcase__vision h3 {
    max-width: 580px;
    margin: 0 0 14px;
    color: #fff !important;
    font-size: clamp(1.3rem, 2.3vw, 1.8rem);
}

main#zbx-home.zbx-home-root .zh-about-showcase__vision p {
    position: relative;
    z-index: 1;
    max-width: 74ch;
    color: #dbe3f9;
    font-size: 0.9rem;
    line-height: 1.95;
}

main#zbx-home.zbx-home-root .zh-about-showcase__vision p + p {
    margin-top: 10px !important;
}

main#zbx-home.zbx-home-root .zh-about-showcase__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-top: 22px;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-about-showcase__link:hover {
    border-color: rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-about-showcase__link .zh-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
}

main#zbx-home.zbx-home-root .zh-about-showcase__glow {
    position: absolute;
    z-index: -1;
    right: -90px;
    bottom: -110px;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: rgba(104, 140, 246, 0.16);
    filter: blur(34px);
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-about-showcase__numbers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

main#zbx-home.zbx-home-root .zh-about-showcase__numbers article {
    position: relative;
    overflow: hidden;
    min-height: 142px;
    padding: 20px 18px;
    border: 1px solid rgba(37, 61, 150, 0.11);
    border-radius: 20px;
    background: rgba(247, 249, 253, 0.9);
    box-shadow: 0 12px 28px rgba(23, 32, 51, 0.045);
}

main#zbx-home.zbx-home-root .zh-about-showcase__numbers article::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 54px;
    height: 3px;
    border-radius: 999px 0 0;
    background: linear-gradient(90deg, var(--zh-primary), var(--zh-accent));
}

main#zbx-home.zbx-home-root .zh-about-showcase__numbers strong,
main#zbx-home.zbx-home-root .zh-about-showcase__numbers span {
    display: block;
}

main#zbx-home.zbx-home-root .zh-about-showcase__numbers strong {
    margin-bottom: 8px;
    color: var(--zh-primary-dark);
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-about-showcase__numbers span {
    color: var(--zh-muted);
    font-size: 0.78rem;
    line-height: 1.75;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path {
    display: grid;
    gap: 22px;
    margin-top: 18px;
    padding: 24px;
    border: 1px solid rgba(37, 61, 150, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 16px 38px rgba(23, 32, 51, 0.055);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-head span,
main#zbx-home.zbx-home-root .zh-about-showcase__path-head strong {
    display: block;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-head span {
    margin-bottom: 3px;
    color: var(--zh-accent-deep);
    font-size: 0.72rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-head strong {
    color: var(--zh-ink);
    font-size: 1.06rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-items {
    display: grid;
    gap: 0;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-items article {
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 4px 16px;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-items article + article {
    border-right: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid rgba(37, 61, 150, 0.11);
    border-radius: 13px;
    background: #f2f5fc;
    color: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-icon .zh-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-items h3 {
    margin: 0 0 4px;
    font-size: 0.86rem;
    line-height: 1.6 !important;
}

main#zbx-home.zbx-home-root .zh-about-showcase__path-items p {
    color: var(--zh-muted);
    font-size: 0.72rem;
    line-height: 1.75;
}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-about-showcase__intro {
        grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__body {
        grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__vision {
        grid-template-columns: minmax(0, 1.35fr) minmax(215px, 0.65fr);
        min-height: 440px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__advisor {
        min-height: 406px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path {
        grid-template-columns: 185px minmax(0, 1fr);
        align-items: center;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path-items {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    main#zbx-home.zbx-home-root .zh-about-showcase__vision {
        grid-template-columns: minmax(0, 1fr) minmax(210px, 0.58fr);
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 0;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path-items article:nth-child(3) {
        border-right: 0;
    }
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-about-showcase__heading h2 {
        font-size: 1.42rem;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__vision {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 26px 20px;
        border-radius: 22px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__advisor {
        width: calc(100% + 10px);
        min-height: 364px;
        margin: 16px -5px -26px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__advisor::before {
        bottom: 18px;
        width: min(84%, 248px);
        height: 78%;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__advisor img {
        width: min(74%, 232px);
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__advisor figcaption {
        bottom: 15px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__numbers {
        gap: 9px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__numbers article {
        min-height: 128px;
        padding: 17px 14px;
        border-radius: 17px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path {
        padding: 22px 18px;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path-items {
        grid-template-columns: 1fr;
        gap: 0;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path-items article {
        padding: 14px 0;
    }

    main#zbx-home.zbx-home-root .zh-about-showcase__path-items article + article,
    main#zbx-home.zbx-home-root .zh-about-showcase__path-items article:nth-child(3) {
        border-top: 1px solid var(--zh-line);
        border-right: 0;
    }
}

main#zbx-home.zbx-home-root .zh-finder {
    display: grid;
    gap: 12px;
    margin: 0 0 28px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.46) 100%);
    backdrop-filter: blur(18px) saturate(1.05);
    -webkit-backdrop-filter: blur(18px) saturate(1.05);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 14px 32px rgba(37, 61, 150, 0.07);
}

main#zbx-home.zbx-home-root .zh-finder__line {
    display: grid;
    grid-template-columns: 4.4rem minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

main#zbx-home.zbx-home-root .zh-finder__name {
    color: #6b778c;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.3;
}

main#zbx-home.zbx-home-root .zh-finder__opts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-width: 0;
    padding: 4px;
    border-radius: 999px;
    background: rgba(37, 61, 150, 0.04);
}

main#zbx-home.zbx-home-root .zh-finder__opt {
    position: relative;
    min-width: 0;
    margin: 0;
    cursor: pointer;
}

main#zbx-home.zbx-home-root .zh-finder__opt input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
}

main#zbx-home.zbx-home-root .zh-finder__opt span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 4px;
    border-radius: 999px;
    color: #3a4658;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-finder__opt:hover span {
    background: rgba(255, 255, 255, 0.7);
}

main#zbx-home.zbx-home-root .zh-finder__opt input:checked + span {
    background: #253d96;
    color: #fff;
    box-shadow: 0 6px 14px rgba(37, 61, 150, 0.18);
}

main#zbx-home.zbx-home-root .zh-finder__opt input:focus-visible + span {
    outline: 2px solid rgba(37, 61, 150, 0.45);
    outline-offset: 2px;
}

main#zbx-home.zbx-home-root .zh-finder__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    justify-self: stretch;
    min-height: 44px;
    margin-top: 2px;
    padding: 8px 18px;
    border: 0;
    border-radius: 14px;
    background: #e7ebf3;
    color: #8b97ad;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: not-allowed;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-finder__submit .zh-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: #8b97ad;
}

main#zbx-home.zbx-home-root .zh-finder__submit:not(:disabled) {
    background: #253d96;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(37, 61, 150, 0.2);
}

main#zbx-home.zbx-home-root .zh-finder__submit:not(:disabled) .zh-icon {
    color: #ed6f6a;
}

main#zbx-home.zbx-home-root .zh-finder__submit:not(:disabled):hover {
    background: #1b2d73;
}

@media (min-width: 1024px) {
    main#zbx-home.zbx-home-root .zh-finder {
        width: min(720px, 100%);
        margin-inline: auto;
    }
}

@media (min-width: 860px) {
    main#zbx-home.zbx-home-root .zh-finder {
        gap: 14px;
        padding: 18px 18px 16px;
    }

    main#zbx-home.zbx-home-root .zh-finder__line {
        grid-template-columns: 5.2rem minmax(0, 1fr);
    }

    main#zbx-home.zbx-home-root .zh-finder__opt span {
        min-height: 40px;
        font-size: 0.84rem;
    }

    main#zbx-home.zbx-home-root .zh-finder__submit {
        justify-self: center;
        min-width: 16rem;
    }
}

main#zbx-home.zbx-home-root .zh-surgeon-rows {
    display: grid;
    gap: 36px;
    margin-top: 8px;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-surgeon-row {
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__head {
    margin-bottom: 14px;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__title.zh-kicker {
    margin-bottom: 6px;
    font-size: 1rem;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__lead {
    margin: 0;
    max-width: 40rem;
    color: var(--zh-muted);
    font-size: 0.88rem;
    line-height: 1.65;
}

main#zbx-home.zbx-home-root .zh-surgeon-grid-wrap {
    min-width: 0;
    max-width: 100%;
}

main#zbx-home.zbx-home-root .zh-surgeon-grid {
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-surgeon-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 16px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.58) 100%);
    backdrop-filter: blur(14px) saturate(1.05);
    -webkit-backdrop-filter: blur(14px) saturate(1.05);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 14px 36px rgba(37, 61, 150, 0.08);
    transition: box-shadow 0.22s ease, transform 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-surgeon-card:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 20px 44px rgba(37, 61, 150, 0.12);
    transform: translateY(-2px);
}

main#zbx-home.zbx-home-root .zh-surgeon-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__info {
    flex: 1;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__title {
    display: block;
    color: var(--zh-primary-dark);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.45;
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__title:hover {
    color: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-surgeon-card__expertise {
    margin: 4px 0 0;
    color: var(--zh-muted);
    font-size: 0.78rem;
    line-height: 1.6;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

main#zbx-home.zbx-home-root .zh-surgeon-card .surgeon-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 9px;
    border: 1px solid rgba(237, 111, 106, 0.22);
    border-radius: 999px;
    background: rgba(237, 111, 106, 0.1);
    color: #c45a55;
    font-size: 0.72rem;
    font-weight: 700;
}

main#zbx-home.zbx-home-root .zh-surgeon-card .surgeon-badge i {
    display: none;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__thumb {
    display: block;
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 18px;
    box-shadow: 0 8px 20px rgba(37, 61, 150, 0.12);
}

main#zbx-home.zbx-home-root .zh-surgeon-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: auto;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid rgba(37, 61, 150, 0.14);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(243, 246, 253, 0.95) 100%);
    color: var(--zh-primary);
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__cta:hover {
    border-color: rgba(37, 61, 150, 0.28);
    background: var(--zh-primary);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__cta .zh-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

main#zbx-home.zbx-home-root .zh-surgeon-card--more {
    justify-content: center;
    padding: 16px;
    color: inherit;
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-surgeon-card--more:hover {
    color: inherit;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__more-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin-block: auto;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__more-city {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__more-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__more-text {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    flex: 1;
    text-align: start;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__more-line .zh-icon {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-surgeon-card__more-text .zh-place__cta-prefix {
    font-size: 0.78rem;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__more-text strong {
    color: var(--zh-primary-dark);
    font-size: 0.82rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-surgeon-card--solo {
    max-width: 320px;
    margin-top: 12px;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__empty {
    margin: 0 0 4px;
    color: var(--zh-muted);
    font-size: 0.88rem;
}

@media (max-width: 899px) {
    main#zbx-home.zbx-home-root .zh-surgeon-grid-wrap {
        width: 100vw;
        max-width: 100vw;
        margin-inline: calc(50% - 50vw);
    }

    main#zbx-home.zbx-home-root .zh-surgeon-grid {
        display: flex;
        align-items: stretch;
        gap: 14px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        padding: 6px max(16px, calc((100vw - min(1160px, calc(100vw - 32px))) / 2)) 18px;
        scrollbar-width: thin;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-grid > .zh-surgeon-card {
        flex: 0 0 clamp(280px, 84vw, 350px);
        scroll-snap-align: start;
        align-self: stretch;
    }

}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-surgeon-grid-wrap {
        width: 100%;
        margin-inline: 0;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: 16px;
        overflow: visible;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-grid > .zh-surgeon-card {
        height: 100%;
        min-height: 100%;
    }
}

main#zbx-home.zbx-home-root .zh-finder-showcase {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(680px 320px at 100% 0%, rgba(37, 61, 150, 0.1), transparent 68%),
        radial-gradient(520px 280px at 0% 100%, rgba(237, 111, 106, 0.08), transparent 70%),
        #f5f7fb;
}

main#zbx-home.zbx-home-root .zh-finder-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.42;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(37, 61, 150, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 61, 150, 0.035) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-shell {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__intro,
main#zbx-home.zbx-home-root .zh-surgeons-showcase__intro {
    display: grid;
    gap: 20px;
    align-items: end;
    margin-bottom: 28px;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__intro h2,
main#zbx-home.zbx-home-root .zh-surgeons-showcase__intro h2 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__intro > p,
main#zbx-home.zbx-home-root .zh-surgeons-showcase__intro > p {
    max-width: 540px;
    padding-right: 18px;
    border-right: 2px solid rgba(237, 111, 106, 0.5);
    color: var(--zh-text);
    font-size: 0.92rem;
    line-height: 1.95;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__panel {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(37, 61, 150, 0.11);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 24px 58px rgba(23, 32, 51, 0.09);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

main#zbx-home.zbx-home-root .zh-finder-showcase__guide {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(300px 190px at 0% 100%, rgba(237, 111, 106, 0.15), transparent 70%),
        linear-gradient(145deg, #182962, #274395);
}

main#zbx-home.zbx-home-root .zh-finder-showcase__guide::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -90px;
    left: -100px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgba(255, 255, 255, 0.025),
        0 0 0 64px rgba(255, 255, 255, 0.016);
}

main#zbx-home.zbx-home-root .zh-finder-showcase__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    margin-bottom: 18px;
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.09);
    color: #dce5ff;
    font-size: 0.72rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__badge .zh-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    color: #ffaaa5;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__guide h3 {
    margin: 0 0 10px;
    color: #fff !important;
    font-size: 1.3rem;
    line-height: 1.65 !important;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__guide > p {
    color: #d4def8;
    font-size: 0.84rem;
    line-height: 1.9;
}

main#zbx-home.zbx-home-root .zh-finder-progress {
    margin-top: 28px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
}

main#zbx-home.zbx-home-root .zh-finder-progress__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: #d7e0fa;
    font-size: 0.72rem;
}

main#zbx-home.zbx-home-root .zh-finder-progress__head strong {
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-finder-progress__track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

main#zbx-home.zbx-home-root .zh-finder-progress__track span {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-finder-progress__track span.is-complete {
    background: var(--zh-accent);
    box-shadow: 0 0 12px rgba(237, 111, 106, 0.38);
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder {
    width: 100%;
    margin: 0;
    padding: 26px;
    gap: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__line {
    grid-template-columns: 8.8rem minmax(0, 1fr);
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-finder__label {
    display: flex;
    align-items: center;
    gap: 9px;
}

main#zbx-home.zbx-home-root .zh-finder__step {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 10px;
    background: rgba(37, 61, 150, 0.08);
    color: var(--zh-primary);
    font-size: 0.67rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__name {
    color: var(--zh-ink);
    font-size: 0.8rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__opts {
    gap: 7px;
    padding: 4px;
    background: #f1f4fa;
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__opt span {
    min-height: 42px;
    background: transparent;
    color: #46546a;
    font-size: 0.8rem;
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__opt:hover span {
    background: #fff;
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__opt input:checked + span {
    background: linear-gradient(135deg, var(--zh-primary), #3658b5);
    color: #fff;
    box-shadow: 0 7px 16px rgba(37, 61, 150, 0.2);
}

main#zbx-home.zbx-home-root .zh-finder__footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    padding-top: 20px;
}

main#zbx-home.zbx-home-root .zh-finder__footer > span {
    color: var(--zh-muted);
    font-size: 0.74rem;
}

main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__submit {
    justify-self: auto;
    flex: 0 0 auto;
    min-width: 230px;
    min-height: 48px;
    margin: 0;
    border-radius: 999px;
}

main#zbx-home.zbx-home-root .zh-surgeons-showcase {
    position: relative;
    overflow-x: clip;
    background:
        radial-gradient(620px 300px at 0% 30%, rgba(237, 111, 106, 0.055), transparent 70%),
        linear-gradient(180deg, #fff 0%, #f5f7fb 52%, #fff 100%);
}

main#zbx-home.zbx-home-root .zh-surgeons-showcase__intro {
    margin-bottom: 36px;
}

main#zbx-home.zbx-home-root .zh-surgeon-rows {
    gap: 28px;
    margin-top: 0;
}

main#zbx-home.zbx-home-root .zh-surgeon-row {
    position: relative;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(37, 61, 150, 0.1);
    border-radius: 26px;
    background:
        radial-gradient(360px 150px at 100% 0%, rgba(37, 61, 150, 0.055), transparent 72%),
        rgba(255, 255, 255, 0.72);
    box-shadow: 0 18px 44px rgba(23, 32, 51, 0.055);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

main#zbx-home.zbx-home-root .zh-surgeon-row::before {
    content: "";
    position: absolute;
    top: 0;
    right: 28px;
    width: 96px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--zh-accent), var(--zh-primary));
}

main#zbx-home.zbx-home-root .zh-surgeon-row__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-surgeon-row__identity {
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__eyebrow {
    display: block;
    width: fit-content;
    margin-bottom: 5px;
    color: var(--zh-accent-deep);
    font-size: 0.68rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__title {
    margin: 0;
    font-size: 1.22rem;
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__lead {
    margin-top: 3px !important;
    font-size: 0.8rem;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 42px;
    flex: 0 0 auto;
    padding: 7px 14px;
    border: 1px solid rgba(37, 61, 150, 0.14);
    border-radius: 999px;
    background: #f4f6fc;
    color: var(--zh-primary);
    font-size: 0.77rem;
    font-weight: 800;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__all:hover {
    border-color: var(--zh-primary);
    background: var(--zh-primary);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__all .zh-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-finder-showcase__intro,
    main#zbx-home.zbx-home-root .zh-surgeons-showcase__intro {
        grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
    }

    main#zbx-home.zbx-home-root .zh-finder-showcase__panel {
        grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.5fr);
    }
}

@media (max-width: 899px) {
    main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder {
        padding: 20px;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-row {
        overflow: visible;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-row::before {
        display: none;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-row + .zh-surgeon-row {
        padding-top: 30px;
        border-top: 1px solid var(--zh-line);
    }

    main#zbx-home.zbx-home-root .zh-surgeon-row__head {
        margin: 0 0 14px;
        padding-bottom: 14px;
    }
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-finder-showcase__intro h2,
    main#zbx-home.zbx-home-root .zh-surgeons-showcase__intro h2 {
        font-size: 1.42rem;
    }

    main#zbx-home.zbx-home-root .zh-finder-showcase__guide {
        padding: 25px 20px;
    }

    main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__line {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 16px 0;
    }

    main#zbx-home.zbx-home-root .zh-finder__footer {
        align-items: stretch;
        flex-direction: column;
    }

    main#zbx-home.zbx-home-root .zh-finder-showcase .zh-finder__submit {
        width: 100%;
        min-width: 0;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-row__head {
        align-items: flex-start;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-row__all {
        min-width: 42px;
        padding-inline: 11px;
    }

    main#zbx-home.zbx-home-root .zh-surgeon-row__all span {
        display: none;
    }
}

main#zbx-home.zbx-home-root .zh-places {
    display: grid;
    gap: 20px;
}

main#zbx-home.zbx-home-root .zh-place {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 22px;
    background-color: rgba(255, 255, 255, 0.44);
    background-image:
        radial-gradient(ellipse 92% 58% at -14% 20%, rgba(237, 111, 106, 0.08) 0%, rgba(237, 111, 106, 0) 56%),
        radial-gradient(ellipse 76% 46% at 2% 46%, rgba(237, 111, 106, 0.055) 0%, rgba(237, 111, 106, 0) 52%),
        radial-gradient(ellipse 84% 50% at -8% 76%, rgba(237, 111, 106, 0.045) 0%, rgba(237, 111, 106, 0) 50%),
        radial-gradient(ellipse 54% 38% at 12% 34%, rgba(37, 61, 150, 0.028) 0%, transparent 58%),
        linear-gradient(
            102deg,
            rgba(255, 255, 255, 0.12) 0%,
            rgba(255, 255, 255, 0.52) 44%,
            rgba(255, 255, 255, 0.84) 100%
        );
    backdrop-filter: blur(20px) saturate(1.04);
    -webkit-backdrop-filter: blur(20px) saturate(1.04);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        inset 1px 0 0 rgba(255, 255, 255, 0.35),
        0 12px 32px rgba(37, 61, 150, 0.06);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

main#zbx-home.zbx-home-root .zh-place::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: -38%;
    top: -28%;
    width: 78%;
    height: 156%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 44% 26%, rgba(237, 111, 106, 0.09) 0%, transparent 44%),
        radial-gradient(circle at 40% 50%, rgba(237, 111, 106, 0.06) 0%, transparent 42%),
        radial-gradient(circle at 46% 72%, rgba(237, 111, 106, 0.045) 0%, transparent 40%);
    filter: blur(16px);
    opacity: 0.68;
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-place::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.44) 0%, transparent 36%),
        radial-gradient(ellipse 130% 42% at -6% 102%, rgba(237, 111, 106, 0.03) 0%, transparent 58%);
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-place:hover {
    border-color: rgba(237, 111, 106, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        inset 1px 0 0 rgba(255, 255, 255, 0.45),
        0 20px 44px rgba(37, 61, 150, 0.08);
}

main#zbx-home.zbx-home-root .zh-place:hover::before {
    opacity: 0.78;
}

main#zbx-home.zbx-home-root .zh-place__head,
main#zbx-home.zbx-home-root .zh-place__body,
main#zbx-home.zbx-home-root .zh-place__cta {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-place__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px 16px;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

main#zbx-home.zbx-home-root .zh-place__icon {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.52);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

main#zbx-home.zbx-home-root .zh-place__icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

main#zbx-home.zbx-home-root .zh-place__heading {
    flex: 1;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-place__title.zh-kicker {
    margin: 0 0 2px;
    color: var(--zh-primary-dark);
    font-size: 1.12rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-place__head p {
    margin: 0;
    color: var(--zh-muted);
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.6;
}

main#zbx-home.zbx-home-root .zh-place__body {
    position: relative;
    flex: 1;
    display: grid;
    gap: 14px;
    padding: 14px 20px 16px;
}

main#zbx-home.zbx-home-root .zh-place__body::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: -32%;
    top: 50%;
    width: 58%;
    height: 118%;
    transform: translateY(-50%);
    background:
        radial-gradient(ellipse 100% 48% at 50% 28%, rgba(237, 111, 106, 0.04) 0%, transparent 68%),
        radial-gradient(ellipse 100% 48% at 50% 72%, rgba(237, 111, 106, 0.035) 0%, transparent 66%);
    filter: blur(12px);
    opacity: 0.62;
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-place__group {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-place__group-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px;
    font-size: 0.7rem;
    line-height: 1.45;
}

main#zbx-home.zbx-home-root .zh-place__group-title-text {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px;
    flex: 0 1 auto;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-place__group-title .zh-place__cta-prefix {
    font-size: 0.7rem;
    font-weight: 600;
}

main#zbx-home.zbx-home-root .zh-place__group-title strong {
    color: var(--zh-primary-dark);
    font-size: 0.7rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-place__group-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(237, 111, 106, 0.12), rgba(238, 241, 246, 0.9));
}

main#zbx-home.zbx-home-root .zh-place__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

main#zbx-home.zbx-home-root .zh-place__links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, 0.84);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.48) 100%);
    backdrop-filter: blur(12px) saturate(1.05);
    -webkit-backdrop-filter: blur(12px) saturate(1.05);
    color: var(--zh-primary-dark);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 2px 10px rgba(37, 61, 150, 0.07),
        0 0 0 1px rgba(37, 61, 150, 0.04);
    transition:
        background 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-place__links a:hover {
    border-color: rgba(37, 61, 150, 0.28);
    background: linear-gradient(180deg, #2a4899 0%, var(--zh-primary) 100%);
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 8px 18px rgba(37, 61, 150, 0.22);
    transform: translateY(-1px);
}

main#zbx-home.zbx-home-root .zh-place__links a:focus-visible {
    outline: 2px solid rgba(37, 61, 150, 0.45);
    outline-offset: 2px;
}

main#zbx-home.zbx-home-root .zh-place__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 10px 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--zh-text);
    font-weight: 600;
    transition:
        background 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-place__cta-text {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-place__cta-prefix {
    color: var(--zh-muted);
    font-size: 0.78rem;
    font-weight: 600;
    transition: color 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-place__cta strong {
    color: var(--zh-primary-dark);
    font-size: 0.92rem;
    font-weight: 800;
    transition: color 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-place__cta small {
    color: var(--zh-muted);
    font-size: 0.72rem;
    font-weight: 500;
    transition: color 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-place__cta-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.82);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.38) 100%);
    backdrop-filter: blur(12px) saturate(1.06);
    -webkit-backdrop-filter: blur(12px) saturate(1.06);
    color: var(--zh-primary);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 4px 14px rgba(37, 61, 150, 0.1),
        0 0 0 1px rgba(237, 111, 106, 0.1);
    transition:
        background 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-place__cta-icon .zh-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
}

main#zbx-home.zbx-home-root .zh-place__cta:hover {
    border-top-color: rgba(37, 61, 150, 0.1);
    background:
        linear-gradient(
            90deg,
            rgba(37, 61, 150, 0.1) 0%,
            rgba(255, 255, 255, 0.52) 48%,
            rgba(255, 255, 255, 0.38) 100%
        );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

main#zbx-home.zbx-home-root .zh-place__cta:hover .zh-place__cta-prefix {
    color: #6b778c;
}

main#zbx-home.zbx-home-root .zh-place__cta:hover strong {
    color: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-place__cta:hover small {
    color: var(--zh-muted);
}

main#zbx-home.zbx-home-root .zh-place__cta:hover .zh-place__cta-icon {
    border-color: rgba(237, 111, 106, 0.28);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.52) 100%);
    color: var(--zh-accent);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 4px 14px rgba(237, 111, 106, 0.14),
        0 0 0 1px rgba(237, 111, 106, 0.12);
    transform: translateX(-3px);
}

main#zbx-home.zbx-home-root .zh-ai {
    background:
        radial-gradient(500px 220px at 0% 0%, rgba(237, 111, 106, 0.18), transparent 55%),
        linear-gradient(145deg, #1b2d73 0%, #253d96 60%, #2d4cb3 100%);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-ai__grid {
    display: grid;
    gap: 22px;
    align-items: center;
}

main#zbx-home.zbx-home-root .zh-ai h2,
main#zbx-home.zbx-home-root .zh-ai p,
main#zbx-home.zbx-home-root .zh-cta h2,
main#zbx-home.zbx-home-root .zh-cta p {
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-ai h2,
main#zbx-home.zbx-home-root .zh-cta h2 {
    margin: 0 0 10px;
    font-size: clamp(1.5rem, 3vw, 2.15rem);
}

main#zbx-home.zbx-home-root .zh-ai .zh-kicker {
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-ai__photo {
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    aspect-ratio: 16 / 10;
    position: relative;
    background: rgba(255, 255, 255, 0.08);
}

main#zbx-home.zbx-home-root .zh-ai__photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

main#zbx-home.zbx-home-root .zh-quote {
    margin: 0;
    padding: 22px 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

main#zbx-home.zbx-home-root .zh-stars {
    display: flex;
    flex: 0 0 auto;
    align-self: center;
    gap: 3px;
    color: #e8a317;
}

main#zbx-home.zbx-home-root .zh-star {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #e8a317;
}

main#zbx-home.zbx-home-root .zh-star path {
    fill: #e8a317;
}

main#zbx-home.zbx-home-root .zh-quote blockquote {
    margin: 0;
    flex: 1;
}

main#zbx-home.zbx-home-root .zh-quote p {
    color: var(--zh-text);
    font-size: 0.96rem;
}

main#zbx-home.zbx-home-root .zh-quote figcaption {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--zh-line);
    color: var(--zh-ink);
}

main#zbx-home.zbx-home-root .zh-quote__who {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

main#zbx-home.zbx-home-root .zh-quote figcaption strong {
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-quote figcaption span {
    color: var(--zh-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

main#zbx-home.zbx-home-root .zh-calm {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(650px 300px at 100% 0%, rgba(37, 61, 150, 0.08), transparent 70%),
        radial-gradient(520px 260px at 0% 100%, rgba(237, 111, 106, 0.065), transparent 72%),
        #f5f7fb;
}

main#zbx-home.zbx-home-root .zh-calm__intro {
    display: grid;
    gap: 20px;
    align-items: end;
    margin-bottom: 30px;
}

main#zbx-home.zbx-home-root .zh-calm__intro h2 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.3rem);
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-calm__intro > p {
    max-width: 560px;
    padding-right: 18px;
    border-right: 2px solid rgba(237, 111, 106, 0.52);
    color: var(--zh-text);
    font-size: 0.92rem;
    line-height: 1.95;
}

main#zbx-home.zbx-home-root .zh-calm__grid {
    display: grid;
    gap: 14px;
}

main#zbx-home.zbx-home-root .zh-calm-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-width: 0;
    min-height: 285px;
    padding: 22px;
    border: 1px solid rgba(37, 61, 150, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 14px 34px rgba(23, 32, 51, 0.055);
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-calm-card::before {
    content: "";
    position: absolute;
    top: -72px;
    left: -72px;
    z-index: -1;
    width: 165px;
    height: 165px;
    border: 1px solid rgba(37, 61, 150, 0.07);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(37, 61, 150, 0.018);
}

main#zbx-home.zbx-home-root .zh-calm-card:hover {
    border-color: rgba(37, 61, 150, 0.2);
    box-shadow: 0 22px 48px rgba(37, 61, 150, 0.09);
}

main#zbx-home.zbx-home-root .zh-calm-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 22px;
}

main#zbx-home.zbx-home-root .zh-calm-card__icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    overflow: hidden;
    border: 1px solid rgba(37, 61, 150, 0.11);
    border-radius: 17px;
    background: linear-gradient(145deg, #eef2fb, #fff);
}

main#zbx-home.zbx-home-root .zh-calm-card__icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

main#zbx-home.zbx-home-root .zh-calm-card__head > span {
    align-self: flex-end;
    margin-bottom: 4px;
    color: var(--zh-accent-deep);
    font-size: 0.67rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-calm-card h3 {
    margin: 0 0 9px;
    font-size: 1rem;
    line-height: 1.65 !important;
}

main#zbx-home.zbx-home-root .zh-calm-card > p {
    color: var(--zh-muted);
    font-size: 0.82rem;
    line-height: 1.9;
}

main#zbx-home.zbx-home-root .zh-calm-card__line {
    position: absolute;
    right: 22px;
    bottom: 18px;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--zh-accent), var(--zh-primary));
}

main#zbx-home.zbx-home-root .zh-calm-card:nth-child(3) {
    border-color: rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(260px 150px at 0% 100%, rgba(237, 111, 106, 0.15), transparent 72%),
        linear-gradient(145deg, #192a66, #284595);
    box-shadow: 0 20px 46px rgba(27, 47, 111, 0.17);
}

main#zbx-home.zbx-home-root .zh-calm-card:nth-child(3)::before {
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow: 0 0 0 28px rgba(255, 255, 255, 0.02);
}

main#zbx-home.zbx-home-root .zh-calm-card:nth-child(3) .zh-calm-card__icon {
    border-color: #fff;
    background: #fff;
    box-shadow: 0 8px 18px rgba(4, 10, 31, 0.16);
}

main#zbx-home.zbx-home-root .zh-calm-card:nth-child(3) .zh-calm-card__head > span {
    color: #ffaaa5;
}

main#zbx-home.zbx-home-root .zh-calm-card:nth-child(3) h3 {
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-calm-card:nth-child(3) > p {
    color: #d7e0f8;
}

main#zbx-home.zbx-home-root .zh-testimonials {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(620px 300px at 100% 0%, rgba(94, 128, 231, 0.2), transparent 70%),
        radial-gradient(520px 260px at 0% 100%, rgba(237, 111, 106, 0.13), transparent 72%),
        linear-gradient(145deg, #101c46, #1b3073);
}

main#zbx-home.zbx-home-root .zh-testimonials::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.24;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(to bottom, #000, transparent 76%);
}

main#zbx-home.zbx-home-root .zh-testimonials .zh-shell {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-testimonials__intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 30px;
}

main#zbx-home.zbx-home-root .zh-testimonials__intro > div:first-child {
    max-width: 720px;
}

main#zbx-home.zbx-home-root .zh-testimonials__intro .zh-kicker {
    color: #ffaaa5;
}

main#zbx-home.zbx-home-root .zh-testimonials__intro h2 {
    margin: 0 0 10px;
    color: #fff !important;
    font-size: clamp(1.55rem, 3vw, 2.3rem);
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-testimonials__intro > div:first-child > p:last-child {
    max-width: 620px;
    color: #cbd5f2;
    font-size: 0.88rem;
    line-height: 1.9;
}

main#zbx-home.zbx-home-root .zh-testimonials__controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

main#zbx-home.zbx-home-root .zh-testimonials__count {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 74px;
    color: #aebde6;
    font-size: 0.72rem;
}

main#zbx-home.zbx-home-root .zh-testimonials__count strong {
    color: #fff;
    font-size: 0.88rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-testimonials__count i {
    width: 18px;
    height: 1px;
    background: rgba(255, 255, 255, 0.28);
}

main#zbx-home.zbx-home-root .zh-testimonials__control {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.09);
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-testimonials__control:hover {
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.16);
}

main#zbx-home.zbx-home-root .zh-testimonials__control .zh-icon {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
}

main#zbx-home.zbx-home-root .zh-testimonials__control--prev .zh-icon {
    transform: rotate(180deg);
}

main#zbx-home.zbx-home-root .zh-testimonials__viewport {
    position: relative;
}

main#zbx-home.zbx-home-root .zh-testimonials__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 32px) / 2.35);
    gap: 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scroll-padding-inline: 0;
    padding: 4px 2px 16px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

main#zbx-home.zbx-home-root .zh-testimonials__track::-webkit-scrollbar {
    display: none;
}

main#zbx-home.zbx-home-root .zh-testimonials .zh-quote {
    position: relative;
    min-height: 330px;
    padding: 24px;
    gap: 18px;
    scroll-snap-align: start;
    border: 1px solid rgba(255, 255, 255, 0.86);
    border-radius: 22px;
    background:
        radial-gradient(240px 130px at 100% 0%, rgba(37, 61, 150, 0.055), transparent 72%),
        linear-gradient(160deg, #fff, #f8faff);
    box-shadow: 0 18px 42px rgba(4, 10, 31, 0.18);
}

main#zbx-home.zbx-home-root .zh-quote__mark {
    display: block;
    height: 34px;
    color: rgba(37, 61, 150, 0.18);
    font-family: Georgia, serif !important;
    font-size: 3.4rem;
    font-weight: 900;
    line-height: 1;
}

main#zbx-home.zbx-home-root .zh-testimonials .zh-quote p {
    color: #3e4c63;
    font-size: 0.9rem;
    line-height: 2;
}

main#zbx-home.zbx-home-root .zh-testimonials .zh-quote figcaption {
    justify-content: flex-start;
    gap: 10px;
    padding-top: 16px;
}

main#zbx-home.zbx-home-root .zh-testimonials .zh-quote__who strong {
    color: var(--zh-ink);
    font-size: 0.84rem;
}

main#zbx-home.zbx-home-root .zh-testimonials .zh-quote__who span {
    font-size: 0.7rem;
}

main#zbx-home.zbx-home-root .zh-testimonials .zh-stars {
    margin-right: auto;
}

@media (min-width: 700px) {
    main#zbx-home.zbx-home-root .zh-calm__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-calm__intro {
        grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    }
}

@media (min-width: 1100px) {
    main#zbx-home.zbx-home-root .zh-calm__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 699px) {
    main#zbx-home.zbx-home-root .zh-calm__grid {
        grid-template-columns: 1fr;
    }

    main#zbx-home.zbx-home-root .zh-calm-card {
        min-height: 0;
        padding-bottom: 36px;
    }
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-calm__intro h2,
    main#zbx-home.zbx-home-root .zh-testimonials__intro h2 {
        font-size: 1.42rem;
    }

    main#zbx-home.zbx-home-root .zh-testimonials__intro {
        align-items: flex-start;
        flex-direction: column;
    }

    main#zbx-home.zbx-home-root .zh-testimonials__controls {
        width: 100%;
    }

    main#zbx-home.zbx-home-root .zh-testimonials__count {
        margin-left: auto;
    }

    main#zbx-home.zbx-home-root .zh-testimonials__viewport {
        width: 100vw;
        margin-inline: calc(50% - 50vw);
    }

    main#zbx-home.zbx-home-root .zh-testimonials__track {
        grid-auto-columns: min(84vw, 330px);
        padding-inline: max(16px, calc((100vw - min(1160px, calc(100vw - 32px))) / 2));
    }

    main#zbx-home.zbx-home-root .zh-testimonials .zh-quote {
        min-height: 350px;
        padding: 22px 19px;
    }
}

main#zbx-home.zbx-home-root .zh-mag__card {
    display: block;
    overflow: hidden;
    color: inherit;
    min-height: 100%;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    box-shadow: 0 12px 32px rgba(37, 61, 150, 0.07);
}

main#zbx-home.zbx-home-root .zh-mag__card:hover {
    color: inherit;
}

main#zbx-home.zbx-home-root .zh-mag__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 12;
    overflow: hidden;
    background: #e8edf7;
}

main#zbx-home.zbx-home-root .zh-mag__media--empty {
    background: linear-gradient(145deg, #eef2fa 0%, #e2e9f6 100%);
}

main#zbx-home.zbx-home-root .zh-mag__media::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 32%, rgba(15, 23, 42, 0.38) 100%);
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-mag__media img {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

main#zbx-home.zbx-home-root .zh-mag__card:hover .zh-mag__media img {
    transform: scale(1.04);
}

main#zbx-home.zbx-home-root .zh-mag__overlay {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px 16px;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.08) 0%,
            rgba(255, 255, 255, 0.58) 42%,
            rgba(255, 255, 255, 0.8) 100%
        );
    backdrop-filter: blur(16px) saturate(1.06);
    -webkit-backdrop-filter: blur(16px) saturate(1.06);
}

main#zbx-home.zbx-home-root .zh-mag__overlay h3 {
    margin: 0;
    color: var(--zh-primary-dark);
    font-size: 1.02rem;
    line-height: 1.45;
}

main#zbx-home.zbx-home-root .zh-mag__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

main#zbx-home.zbx-home-root .zh-mag__meta time {
    flex: 1;
    min-width: 0;
    color: var(--zh-muted);
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.4;
}

main#zbx-home.zbx-home-root .zh-mag__more {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    color: var(--zh-primary);
    font-size: 0.82rem;
    font-weight: 700;
}

main#zbx-home.zbx-home-root .zh-mag__more .zh-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
}

main#zbx-home.zbx-home-root .zh-mag__all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid var(--zh-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.05);
    color: var(--zh-ink);
}

@media (min-width: 701px) {
    main#zbx-home.zbx-home-root .zh-mag__all {
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
        padding-inline: 24px;
    }
}

main#zbx-home.zbx-home-root .zh-mag__all strong {
    display: block;
    color: var(--zh-primary-dark);
    font-size: 1.05rem;
}

main#zbx-home.zbx-home-root .zh-mag__all span span {
    display: block;
    margin-top: 2px;
    color: var(--zh-muted);
    font-size: 0.88rem;
}

main#zbx-home.zbx-home-root .zh-mag__all:hover {
    border-color: #c5d0ea;
    color: var(--zh-ink);
}

main#zbx-home.zbx-home-root .zh-guide-wrap {
    display: grid;
    gap: 22px;
    min-width: 0;
    max-width: 100%;
}

main#zbx-home.zbx-home-root .zh-toc {
    min-width: 0;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
}

main#zbx-home.zbx-home-root .zh-toc strong {
    display: block;
    margin: 0 0 10px;
    color: var(--zh-primary);
    font-size: 0.82rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-toc strong::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-radius: 50%;
    background: var(--zh-accent);
    vertical-align: middle;
}

main#zbx-home.zbx-home-root .zh-toc ul {
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 2px 0 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    list-style: none;
}

main#zbx-home.zbx-home-root .zh-toc ul::-webkit-scrollbar {
    display: none;
}

main#zbx-home.zbx-home-root .zh-toc li {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

main#zbx-home.zbx-home-root .zh-toc a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 6px 14px;
    border: 1px solid rgba(37, 61, 150, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--zh-primary-dark);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-toc a:hover {
    border-color: rgba(37, 61, 150, 0.28);
    background: #fff;
    color: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-articles {
    display: grid;
    gap: 16px;
}

main#zbx-home.zbx-home-root .zh-article {
    padding: 20px 16px;
    scroll-margin-top: calc(var(--zh-header) + 16px);
}

main#zbx-home.zbx-home-root .zh-article h2 {
    margin: 0 0 12px;
    padding-right: 12px;
    border-right: 3px solid var(--zh-accent);
    font-size: clamp(1.25rem, 2vw, 1.6rem);
}

main#zbx-home.zbx-home-root .zh-article h3 {
    margin: 18px 0 8px;
    font-size: 1.12rem;
}

main#zbx-home.zbx-home-root .zh-article h4 {
    margin: 0 0 8px;
    font-size: 0.95rem;
}

main#zbx-home.zbx-home-root .zh-prose {
    display: grid;
    gap: 12px;
    max-width: 75ch;
}

main#zbx-home.zbx-home-root .zh-prose a {
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

main#zbx-home.zbx-home-root .zh-figure {
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--zh-line);
    background: #eef2f8;
}

main#zbx-home.zbx-home-root .zh-figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

main#zbx-home.zbx-home-root .zh-points {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

main#zbx-home.zbx-home-root .zh-points li {
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--zh-soft);
}

main#zbx-home.zbx-home-root .zh-points strong {
    color: var(--zh-ink);
}

main#zbx-home.zbx-home-root .zh-specs {
    display: grid;
    gap: 8px;
    margin: 8px 0;
}

main#zbx-home.zbx-home-root .zh-specs div {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f4f7fd;
    border: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-specs dt {
    color: var(--zh-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

main#zbx-home.zbx-home-root .zh-specs dd {
    color: var(--zh-ink);
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-split {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

main#zbx-home.zbx-home-root .zh-split > div {
    padding: 14px;
    border-radius: 14px;
    background: var(--zh-soft);
}

main#zbx-home.zbx-home-root .zh-split ul {
    display: grid;
    gap: 8px;
}

main#zbx-home.zbx-home-root .zh-split li {
    position: relative;
    padding-right: 16px;
    color: var(--zh-text);
    font-size: 0.94rem;
}

main#zbx-home.zbx-home-root .zh-split li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0.75em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-split--bad li::before {
    background: var(--zh-accent);
}

main#zbx-home.zbx-home-root .zh-note {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(15, 122, 104, 0.08);
    color: #0d5c4e;
}

main#zbx-home.zbx-home-root .zh-faq__intro {
    display: grid;
    gap: 18px;
    align-items: end;
    margin-bottom: 28px;
}

main#zbx-home.zbx-home-root .zh-faq__intro h2 {
    max-width: 720px;
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-faq__intro > p {
    max-width: 460px;
    padding-right: 16px;
    border-right: 2px solid rgba(237, 111, 106, 0.52);
    color: var(--zh-text);
    font-size: 0.92rem;
    line-height: 1.95;
}

main#zbx-home.zbx-home-root .zh-faq__list {
    display: grid;
    gap: 12px;
    width: 100%;
}

main#zbx-home.zbx-home-root .zh-faq details {
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-faq details:hover,
main#zbx-home.zbx-home-root .zh-faq details[open] {
    border-color: rgba(37, 61, 150, 0.22);
    box-shadow: 0 14px 32px rgba(23, 32, 51, 0.07);
}

main#zbx-home.zbx-home-root .zh-faq summary {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 64px;
    padding: 16px 18px;
    list-style: none;
}

main#zbx-home.zbx-home-root .zh-faq summary::-webkit-details-marker {
    display: none;
}

main#zbx-home.zbx-home-root .zh-faq summary h3 {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: var(--zh-ink) !important;
    font-size: clamp(0.98rem, 1.6vw, 1.08rem);
    line-height: 1.7 !important;
    text-wrap: pretty;
}

main#zbx-home.zbx-home-root .zh-faq__toggle {
    position: relative;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    margin-top: 0.2em;
    border: 1px solid var(--zh-line);
    border-radius: 50%;
    background: #f7f9fd;
}

main#zbx-home.zbx-home-root .zh-faq__toggle::before,
main#zbx-home.zbx-home-root .zh-faq__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    background: var(--zh-primary);
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-faq__toggle::before {
    width: 12px;
    height: 2px;
}

main#zbx-home.zbx-home-root .zh-faq__toggle::after {
    width: 2px;
    height: 12px;
}

main#zbx-home.zbx-home-root .zh-faq details[open] .zh-faq__toggle {
    border-color: rgba(37, 61, 150, 0.16);
    background: #eef2fb;
}

main#zbx-home.zbx-home-root .zh-faq details[open] .zh-faq__toggle::after {
    opacity: 0;
    transform: translate(-50%, -50%) scaleY(0);
}

main#zbx-home.zbx-home-root .zh-faq details p {
    margin: 0 18px 18px !important;
    padding: 14px 0 2px;
    border-top: 1px solid var(--zh-line);
    color: var(--zh-text);
    font-size: 0.95rem;
    line-height: 2;
}

main#zbx-home.zbx-home-root .zh-cta {
    padding-top: 24px;
    padding-bottom: clamp(72px, 9vw, 108px);
}

main#zbx-home.zbx-home-root .zh-cta__box {
    position: relative;
    isolation: isolate;
    max-width: 860px;
    margin-inline: auto;
    padding: clamp(36px, 6vw, 62px) clamp(22px, 5vw, 52px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 32px;
    background:
        radial-gradient(380px 170px at 100% 0%, rgba(237, 111, 106, 0.24), transparent 64%),
        linear-gradient(160deg, #17275f 0%, #253d96 100%);
    box-shadow: 0 28px 64px rgba(23, 32, 51, 0.16);
    overflow: hidden;
    text-align: center;
}

main#zbx-home.zbx-home-root .zh-cta__box::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: -90px;
    bottom: -120px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-cta__kicker,
main#zbx-home.zbx-home-root .zh-cta h2,
main#zbx-home.zbx-home-root .zh-cta__box > p,
main#zbx-home.zbx-home-root .zh-cta__actions {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-cta p.zh-cta__kicker {
    margin: 0 0 12px;
    color: #ffd5d2 !important;
    font-size: 0.84rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-cta h2 {
    max-width: 14em;
    margin: 0 auto 14px;
    color: #fff !important;
    font-size: clamp(1.75rem, 3.5vw, 2.45rem);
    line-height: 1.45 !important;
}

main#zbx-home.zbx-home-root .zh-cta__box > p {
    max-width: 38rem;
    margin-inline: auto !important;
    color: #d7e0f8 !important;
    font-size: 1rem;
    line-height: 2;
}

main#zbx-home.zbx-home-root .zh-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

main#zbx-home.zbx-home-root .zh-cta__actions .zh-btn {
    min-height: 54px;
    padding-inline: 22px;
}

main#zbx-home.zbx-home-root .zh-cta__primary {
    border-color: #fff;
    background: #fff;
    color: #18275f;
    box-shadow: 0 12px 28px rgba(4, 10, 31, 0.22);
}

main#zbx-home.zbx-home-root .zh-cta__primary:hover {
    border-color: #fff;
    background: #fff6f5;
    color: #111d4a;
}

main#zbx-home.zbx-home-root .zh-cta__primary .zh-icon {
    color: var(--zh-accent);
}

main#zbx-home.zbx-home-root .zh-cta__secondary {
    border-color: rgba(255, 255, 255, 0.36);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-cta__secondary:hover {
    border-color: rgba(255, 255, 255, 0.58);
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-phone {
    direction: ltr;
    display: inline-block;
    unicode-bidi: isolate;
    color: inherit;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-cta__actions a:focus-visible {
    outline-color: #fff;
}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-faq__intro {
        grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    }

    main#zbx-home.zbx-home-root .zh-faq__list {
        max-width: min(680px, 100%);
        margin-inline: auto;
    }
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-faq summary {
        align-items: flex-start;
        gap: 10px;
        padding: 16px;
    }

    main#zbx-home.zbx-home-root .zh-faq summary h3 {
        line-height: 1.65 !important;
    }

    main#zbx-home.zbx-home-root .zh-faq__toggle {
        margin-top: 4px;
    }

    main#zbx-home.zbx-home-root .zh-faq details p {
        margin: 0 18px 16px !important;
    }

    main#zbx-home.zbx-home-root .zh-faq__intro > p {
        padding-right: 0;
        border-right: 0;
    }

    main#zbx-home.zbx-home-root .zh-cta {
        padding-top: 8px;
        padding-bottom: 72px;
    }

    main#zbx-home.zbx-home-root .zh-cta__box {
        padding: 32px 18px 22px;
        border-radius: 24px;
    }

    main#zbx-home.zbx-home-root .zh-cta h2 {
        font-size: 1.55rem;
    }

    main#zbx-home.zbx-home-root .zh-cta__actions {
        display: grid;
    }

    main#zbx-home.zbx-home-root .zh-cta__actions .zh-btn {
        width: 100%;
        padding-inline: 16px;
    }
}

body.zbx-home-page {
    background: #f5f7fb;
}

@media (min-width: 700px) {
    main#zbx-home.zbx-home-root .zh-steps__grid,
    main#zbx-home.zbx-home-root .zh-services__grid,
    main#zbx-home.zbx-home-root .zh-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main#zbx-home.zbx-home-root .zh-types,
    main#zbx-home.zbx-home-root .zh-split,
    main#zbx-home.zbx-home-root .zh-specs,
    main#zbx-home.zbx-home-root .zh-styles,
    main#zbx-home.zbx-home-root .zh-quotes__grid,
    main#zbx-home.zbx-home-root .zh-mag__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main#zbx-home.zbx-home-root .zh-article__intro {
        grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
        align-items: center;
    }
}

@media (min-width: 1100px) {
    main#zbx-home.zbx-home-root .zh-steps__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-places {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main#zbx-home.zbx-home-root .zh-ai__grid,
    main#zbx-home.zbx-home-root .zh-about__grid {
        grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
        align-items: center;
    }
}

@media (min-width: 1024px) {
    main#zbx-home.zbx-home-root .zh-section {
        padding: 88px 0;
    }

    main#zbx-home.zbx-home-root .zh-hero {
        padding: 48px 0 56px;
    }

    main#zbx-home.zbx-home-root .zh-hero__copy {
        width: auto;
        margin-inline: 0;
    }

    main#zbx-home.zbx-home-root .zh-hero__grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.82fr);
        gap: 48px;
    }

    main#zbx-home.zbx-home-root .zh-styles,
    main#zbx-home.zbx-home-root .zh-quotes__grid,
    main#zbx-home.zbx-home-root .zh-mag__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    main#zbx-home.zbx-home-root .zh-services__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    main#zbx-home.zbx-home-root .zh-guide-wrap {
        grid-template-columns: 250px minmax(0, 1fr);
        align-items: start;
    }

    main#zbx-home.zbx-home-root .zh-toc {
        position: sticky;
        top: calc(var(--zh-header) + 16px);
        min-width: 0;
        padding: 14px;
        overflow: visible;
        border: 1px solid var(--zh-line);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.9);
    }

    main#zbx-home.zbx-home-root .zh-toc ul {
        display: grid;
        gap: 4px;
        overflow: visible;
        padding: 0;
    }

    main#zbx-home.zbx-home-root .zh-toc li {
        scroll-snap-align: none;
    }

    main#zbx-home.zbx-home-root .zh-toc a {
        display: flex;
        width: 100%;
        min-height: 0;
        padding: 8px 10px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        white-space: normal;
        font-size: 0.86rem;
        line-height: 1.55;
    }

    main#zbx-home.zbx-home-root .zh-toc a:hover {
        background: #f3f6fd;
    }

    main#zbx-home.zbx-home-root .zh-article {
        padding: 28px;
    }
}

main#zbx-home.zbx-home-root .zh-mag-showcase {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(640px 300px at 100% 0%, rgba(37, 61, 150, 0.08), transparent 70%),
        radial-gradient(520px 260px at 0% 100%, rgba(237, 111, 106, 0.065), transparent 72%),
        #f5f7fb;
}

main#zbx-home.zbx-home-root .zh-mag-showcase__intro,
main#zbx-home.zbx-home-root .zh-seo-hub__intro {
    display: grid;
    gap: 20px;
    align-items: end;
    margin-bottom: 30px;
}

main#zbx-home.zbx-home-root .zh-mag-showcase__intro h2,
main#zbx-home.zbx-home-root .zh-seo-hub__intro h2 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.3rem);
    line-height: 1.5 !important;
}

main#zbx-home.zbx-home-root .zh-mag-showcase__intro > p,
main#zbx-home.zbx-home-root .zh-seo-hub__intro > p {
    max-width: 560px;
    padding-right: 18px;
    border-right: 2px solid rgba(237, 111, 106, 0.52);
    color: var(--zh-text);
    font-size: 0.9rem;
    line-height: 1.95;
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__grid {
    display: grid;
    gap: 16px;
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__card {
    display: grid;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.84);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(247, 249, 253, 0.74));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 16px 38px rgba(37, 61, 150, 0.075);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__card:hover {
    border-color: rgba(37, 61, 150, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.98),
        0 24px 52px rgba(37, 61, 150, 0.12);
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__media {
    min-height: 210px;
    aspect-ratio: auto;
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__media::before {
    background: linear-gradient(180deg, transparent 48%, rgba(14, 25, 61, 0.28) 100%);
}

main#zbx-home.zbx-home-root .zh-mag__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 20px;
}

main#zbx-home.zbx-home-root .zh-mag__body h3 {
    margin: 0 0 18px;
    color: var(--zh-ink) !important;
    font-size: 1.05rem;
    line-height: 1.75 !important;
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__meta {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--zh-line);
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__more {
    color: var(--zh-primary);
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__all {
    margin-top: 22px;
    border-color: rgba(37, 61, 150, 0.12);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 12px 28px rgba(37, 61, 150, 0.055);
}

main#zbx-home.zbx-home-root .zh-seo-hub {
    position: relative;
    overflow: clip;
    background:
        radial-gradient(600px 300px at 0% 18%, rgba(237, 111, 106, 0.055), transparent 72%),
        linear-gradient(180deg, #fff, #f5f7fb 56%, #fff);
}

main#zbx-home.zbx-home-root .zh-toc--hub {
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    max-width: 100%;
    margin-bottom: 22px;
    padding: 12px 14px;
    border: 1px solid rgba(37, 61, 150, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 12px 30px rgba(23, 32, 51, 0.055);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

main#zbx-home.zbx-home-root .zh-toc--hub strong {
    flex: 0 0 auto;
    margin: 0;
    color: var(--zh-ink);
    font-size: 0.78rem;
}

main#zbx-home.zbx-home-root .zh-toc--hub ul {
    display: flex;
    gap: 7px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 0 3px;
    scrollbar-width: none;
}

main#zbx-home.zbx-home-root .zh-toc--hub li {
    flex: 0 0 auto;
}

main#zbx-home.zbx-home-root .zh-toc--hub a {
    min-height: 36px;
    padding: 6px 12px;
    border-color: rgba(37, 61, 150, 0.09);
    background: #f4f6fb;
    font-size: 0.72rem;
}

main#zbx-home.zbx-home-root .zh-seo-grid {
    display: grid;
    gap: 16px;
}

main#zbx-home.zbx-home-root .zh-seo-card {
    min-width: 0;
    padding: 24px;
    scroll-margin-top: calc(var(--zh-header) + 82px);
    border: 1px solid rgba(37, 61, 150, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 16px 38px rgba(23, 32, 51, 0.055);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

main#zbx-home.zbx-home-root .zh-seo-card__label {
    display: inline-flex;
    margin-bottom: 10px;
    color: var(--zh-accent-deep);
    font-size: 0.68rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-seo-card h3 {
    margin: 0 0 12px;
    font-size: clamp(1.08rem, 2vw, 1.35rem);
    line-height: 1.65 !important;
}

main#zbx-home.zbx-home-root .zh-seo-card p {
    color: var(--zh-text);
    font-size: 0.84rem;
    line-height: 1.95;
}

main#zbx-home.zbx-home-root .zh-seo-card p + p {
    margin-top: 8px !important;
}

main#zbx-home.zbx-home-root .zh-seo-card a:not(.zh-link):not(.zh-seo-card__inline-link) {
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

main#zbx-home.zbx-home-root .zh-seo-card__compare {
    line-height: 2.05;
}

main#zbx-home.zbx-home-root .zh-seo-card__inline-links {
    display: inline;
    white-space: normal;
}

main#zbx-home.zbx-home-root .zh-seo-card__inline-sep {
    display: inline;
    margin: 0 4px;
    color: var(--zh-muted);
    font-weight: 700;
}

main#zbx-home.zbx-home-root .zh-seo-card__inline-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 2px 0;
    padding: 3px 11px;
    border: 1px solid rgba(37, 61, 150, 0.12);
    border-radius: 999px;
    background: linear-gradient(180deg, #f7f9fd 0%, #eef2fa 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
    color: var(--zh-primary-dark) !important;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
    vertical-align: middle;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-seo-card__inline-link:hover {
    border-color: rgba(37, 61, 150, 0.28);
    background: var(--zh-primary);
    box-shadow: 0 8px 18px rgba(37, 61, 150, 0.14);
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-seo-card__inline-link:focus-visible {
    outline: 3px solid rgba(237, 111, 106, 0.42);
    outline-offset: 2px;
}

main#zbx-home.zbx-home-root .zh-seo-card__criteria {
    margin-top: 18px;
    padding: 14px 14px 12px;
    border: 1px solid rgba(37, 61, 150, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, #f8faff 0%, #fff 100%);
}

main#zbx-home.zbx-home-root .zh-seo-card__criteria-title {
    margin: 0 0 12px !important;
    color: var(--zh-muted);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.6;
}

main#zbx-home.zbx-home-root .zh-seo-card__criteria ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

main#zbx-home.zbx-home-root .zh-seo-card__criteria li {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 10px 11px;
    border: 1px solid rgba(37, 61, 150, 0.06);
    border-radius: 14px;
    background: #fff;
    color: var(--zh-ink);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.55;
    cursor: default;
}

main#zbx-home.zbx-home-root .zh-seo-card__criteria-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 11px;
    background: rgba(37, 61, 150, 0.06);
    color: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-seo-card__criteria-icon .zh-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
}

main#zbx-home.zbx-home-root .zh-seo-card__criteria li:nth-child(3) .zh-seo-card__criteria-icon {
    background: rgba(237, 111, 106, 0.1);
    color: var(--zh-accent-deep);
}

main#zbx-home.zbx-home-root .zh-seo-card__figure {
    min-height: 260px;
    margin: 0;
    overflow: hidden;
    border-radius: 19px;
    background: #e8edf7;
}

main#zbx-home.zbx-home-root .zh-seo-card__figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main#zbx-home.zbx-home-root .zh-seo-gallery {
    min-width: 0;
    align-self: stretch;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__stage {
    position: relative;
    min-height: 300px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 20px;
    background: #e8edf7;
    box-shadow: 0 14px 32px rgba(37, 61, 150, 0.1);
}

main#zbx-home.zbx-home-root .zh-seo-gallery__slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.035);
    transition: opacity 0.55s ease, transform 0.7s ease, visibility 0.55s ease;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

main#zbx-home.zbx-home-root .zh-seo-gallery__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__stage::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 34%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(12, 23, 58, 0.42));
}

main#zbx-home.zbx-home-root .zh-seo-gallery__controls {
    position: absolute;
    left: 13px;
    bottom: 13px;
    z-index: 3;
    display: flex;
    gap: 6px;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__button {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 12px;
    background: rgba(16, 28, 70, 0.66);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__button:hover {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(16, 28, 70, 0.82);
}

main#zbx-home.zbx-home-root .zh-seo-gallery__button .zh-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__button--prev .zh-icon {
    transform: rotate(180deg);
}

main#zbx-home.zbx-home-root .zh-seo-gallery__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 11px;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(37, 61, 150, 0.2);
    cursor: pointer;
    transition: width 0.25s ease, background-color 0.25s ease;
}

main#zbx-home.zbx-home-root .zh-seo-gallery__dots button.is-active {
    width: 24px;
    background: var(--zh-primary);
}

main#zbx-home.zbx-home-root .zh-seo-list {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

main#zbx-home.zbx-home-root .zh-seo-list li {
    position: relative;
    padding-right: 15px;
    color: var(--zh-text);
    font-size: 0.78rem;
}

main#zbx-home.zbx-home-root .zh-seo-list li::before {
    content: "";
    position: absolute;
    top: 0.8em;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--zh-accent);
}

main#zbx-home.zbx-home-root .zh-seo-card--accent {
    border-color: rgba(255, 255, 255, 0.12);
    background:
        radial-gradient(280px 170px at 0% 100%, rgba(237, 111, 106, 0.15), transparent 70%),
        linear-gradient(145deg, #182962, #274395);
}

main#zbx-home.zbx-home-root .zh-seo-card--accent .zh-seo-card__label {
    color: #ffaaa5;
}

main#zbx-home.zbx-home-root .zh-seo-card--accent h3 {
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-seo-card--accent p {
    color: #d7e0f8;
}

main#zbx-home.zbx-home-root .zh-seo-card--accent .zh-link {
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-seo-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0 4px;
}

main#zbx-home.zbx-home-root .zh-seo-specs div {
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.08);
}

main#zbx-home.zbx-home-root .zh-seo-specs dt,
main#zbx-home.zbx-home-root .zh-seo-specs dd {
    color: #fff;
    font-size: 0.72rem;
}

main#zbx-home.zbx-home-root .zh-seo-specs dt {
    margin-bottom: 3px;
    color: #bdc9eb;
}

main#zbx-home.zbx-home-root .zh-seo-specs dd {
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-seo-card__note {
    margin-top: 14px !important;
    padding: 10px 12px;
    border-right: 3px solid var(--zh-accent);
    border-radius: 10px;
    background: rgba(237, 111, 106, 0.07);
}

main#zbx-home.zbx-home-root .zh-seo-card--care {
    display: grid;
    gap: 20px;
    align-items: center;
}

main#zbx-home.zbx-home-root .zh-seo-card__care-links {
    display: grid;
    gap: 8px;
}

main#zbx-home.zbx-home-root .zh-seo-card__care-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 46px;
    padding: 8px 13px;
    border: 1px solid rgba(37, 61, 150, 0.1);
    border-radius: 13px;
    background: #f3f6fc;
    color: var(--zh-primary);
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none !important;
}

main#zbx-home.zbx-home-root .zh-seo-card__care-links .zh-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-mag-showcase__intro,
    main#zbx-home.zbx-home-root .zh-seo-hub__intro {
        grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    }

    main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main#zbx-home.zbx-home-root .zh-seo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main#zbx-home.zbx-home-root .zh-seo-card--featured {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
        gap: 24px;
        grid-column: 1 / -1;
    }

    main#zbx-home.zbx-home-root .zh-seo-card--care {
        grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
        grid-column: 1 / -1;
    }

    main#zbx-home.zbx-home-root .zh-toc--hub {
        position: sticky;
        top: calc(var(--zh-header) + 10px);
    }

    main#zbx-home.zbx-home-root .zh-toc--hub ul {
        display: flex;
        overflow-x: auto;
        padding-bottom: 3px;
    }

    main#zbx-home.zbx-home-root .zh-toc--hub a {
        display: inline-flex;
        width: auto;
        min-height: 36px;
        padding: 6px 12px;
        line-height: 1.4;
    }
}

@media (max-width: 899px) {
    main#zbx-home.zbx-home-root .zh-seo-grid {
        grid-template-columns: 1fr;
    }

    main#zbx-home.zbx-home-root .zh-toc--hub {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }
}

@media (min-width: 1100px) {
    main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-mag-showcase__intro h2,
    main#zbx-home.zbx-home-root .zh-seo-hub__intro h2 {
        font-size: 1.42rem;
    }

    main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__media {
        min-height: 210px;
    }

    main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__grid {
        width: 100vw;
        max-width: 100vw;
        margin-inline: calc(50% - 50vw);
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: min(82vw, 320px);
        gap: 13px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline mandatory;
        padding: 4px 16px 18px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__grid::-webkit-scrollbar {
        display: none;
    }

    main#zbx-home.zbx-home-root .zh-mag-showcase .zh-mag__card {
        scroll-snap-align: start;
    }

    main#zbx-home.zbx-home-root .zh-mag__body,
    main#zbx-home.zbx-home-root .zh-seo-card {
        padding: 19px;
    }

    main#zbx-home.zbx-home-root .zh-toc--hub {
        width: 100vw;
        max-width: 100vw;
        margin-inline: calc(50% - 50vw);
        padding-inline: 16px;
        border-inline: 0;
        border-radius: 0;
    }

    main#zbx-home.zbx-home-root .zh-toc--hub ul {
        width: 100%;
    }

    main#zbx-home.zbx-home-root .zh-seo-card__figure {
        min-height: 220px;
    }

    main#zbx-home.zbx-home-root .zh-seo-gallery__stage {
        min-height: 260px;
    }

    main#zbx-home.zbx-home-root .zh-seo-card--featured {
        display: flex;
        flex-direction: column-reverse;
    }

    main#zbx-home.zbx-home-root .zh-seo-card__criteria ul {
        grid-template-columns: 1fr;
    }

    main#zbx-home.zbx-home-root .zh-hero__actions,
    main#zbx-home.zbx-home-root .zh-cta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    main#zbx-home.zbx-home-root .zh-hero__actions .zh-btn,
    main#zbx-home.zbx-home-root .zh-cta__actions .zh-btn {
        width: 100%;
    }

    main#zbx-home.zbx-home-root .zh-hero h1 {
        font-size: clamp(2.35rem, 9vw, 2.75rem);
        line-height: 1.22;
    }

    main#zbx-home.zbx-home-root .zh-hero h1 > span:last-child {
        margin-top: 8px;
        font-size: clamp(1.62rem, 6.2vw, 1.95rem);
        line-height: 1.32;
    }

    main#zbx-home.zbx-home-root .zh-hero__note {
        text-align: center;
        font-size: 0.85rem;
    }

    main#zbx-home.zbx-home-root .zh-hero__stats {
        left: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
        max-width: none;
        padding: 7px 4px;
        border-radius: 14px;
    }

    main#zbx-home.zbx-home-root .zh-hero__stat {
        padding: 5px 4px;
    }

}

@media (max-width: 380px) {
    main#zbx-home.zbx-home-root .zh-shell {
        width: min(1160px, calc(100% - 20px));
    }

    main#zbx-home.zbx-home-root .zh-place__head {
        align-items: flex-start;
        padding: 16px;
    }

    main#zbx-home.zbx-home-root .zh-place__body {
        padding: 14px 16px;
    }

    main#zbx-home.zbx-home-root .zh-place__cta {
        padding-inline: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    main#zbx-home.zbx-home-root *,
    main#zbx-home.zbx-home-root *::before,
    main#zbx-home.zbx-home-root *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }

    main#zbx-home.zbx-home-root .zh-mag__card:hover .zh-mag__media img {
        transform: none;
    }

    main#zbx-home.zbx-home-root .zh-place:hover {
        transform: none;
    }
}

main#zbx-home.zbx-home-root .zh-btn {
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-btn--primary {
    background: #253d96;
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-btn--primary:hover {
    background: #1b2d73;
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-btn--spark .zh-icon {
    color: #ed6f6a;
}

main#zbx-home.zbx-home-root .zh-btn--ghost {
    background: #fff;
    color: #253d96;
}

main#zbx-home.zbx-home-root .zh-btn--light,
main#zbx-home.zbx-home-root .zh-btn--light:hover {
    background: #fff;
    color: #1b2d73;
}

main#zbx-home.zbx-home-root .zh-btn--line,
main#zbx-home.zbx-home-root .zh-btn--line:hover {
    color: #fff;
}

main#zbx-home.zbx-home-root .zh-ai h2,
main#zbx-home.zbx-home-root .zh-ai p,
main#zbx-home.zbx-home-root .zh-cta h2,
main#zbx-home.zbx-home-root .zh-cta p {
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-ai .zh-kicker {
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-place h3,
main#zbx-home.zbx-home-root .zh-place__head p {
    color: #172033;
}

main#zbx-home.zbx-home-root .zh-place__head p {
    color: #5c6b82;
}

main#zbx-home.zbx-home-root .zh-place__title.zh-kicker {
    color: #172033;
}

main#zbx-home.zbx-home-root .zh-place__links a,
main#zbx-home.zbx-home-root .zh-place__links a:hover {
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-place__links a {
    color: #253d96;
    border-color: rgba(255, 255, 255, 0.84);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.48) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 2px 10px rgba(37, 61, 150, 0.07),
        0 0 0 1px rgba(37, 61, 150, 0.04);
}

main#zbx-home.zbx-home-root .zh-place__links a:hover {
    border-color: rgba(37, 61, 150, 0.28);
    background: linear-gradient(180deg, #2a4899 0%, #253d96 100%);
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 8px 18px rgba(37, 61, 150, 0.22);
}

main#zbx-home.zbx-home-root .zh-place__cta,
main#zbx-home.zbx-home-root .zh-place__cta:hover {
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-place__cta {
    background: rgba(255, 255, 255, 0.32);
    color: #3a4658;
}

main#zbx-home.zbx-home-root .zh-place__cta-prefix {
    color: #8b97ad;
}

main#zbx-home.zbx-home-root .zh-place__cta strong,
main#zbx-home.zbx-home-root .zh-place__group-title strong {
    color: #172033;
}

main#zbx-home.zbx-home-root .zh-place__cta:hover {
    background:
        linear-gradient(
            90deg,
            rgba(37, 61, 150, 0.1) 0%,
            rgba(255, 255, 255, 0.52) 48%,
            rgba(255, 255, 255, 0.38) 100%
        );
    color: #3a4658;
}

main#zbx-home.zbx-home-root .zh-place__cta:hover strong {
    color: #253d96;
}

main#zbx-home.zbx-home-root .zh-place__cta-icon {
    border-color: rgba(255, 255, 255, 0.82);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.38) 100%);
    color: #253d96;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        0 4px 14px rgba(37, 61, 150, 0.1),
        0 0 0 1px rgba(237, 111, 106, 0.1);
}

main#zbx-home.zbx-home-root .zh-place__cta:hover .zh-place__cta-icon {
    border-color: rgba(237, 111, 106, 0.28);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.52) 100%);
    color: #ed6f6a;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 4px 14px rgba(237, 111, 106, 0.14),
        0 0 0 1px rgba(237, 111, 106, 0.12);
}

main#zbx-home.zbx-home-root .zh-service a,
main#zbx-home.zbx-home-root .zh-service a:hover,
main#zbx-home.zbx-home-root .zh-mag__all,
main#zbx-home.zbx-home-root .zh-mag__all:hover,
main#zbx-home.zbx-home-root .zh-mag__more {
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-ai .zh-kicker {
    color: #fff !important;
}

main#zbx-home.zbx-home-root #zbxh-ai {
    color: #fff !important;
}

main#zbx-home.zbx-home-root .zh-mag__card,
main#zbx-home.zbx-home-root .zh-mag__card:hover {
    color: #172033;
}

main#zbx-home.zbx-home-root .zh-mag__overlay h3 {
    color: #172033 !important;
}

main#zbx-home.zbx-home-root .zh-mag__meta time {
    background: none !important;
    color: #8b97ad !important;
    font-weight: 500 !important;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__title,
main#zbx-home.zbx-home-root .zh-surgeon-card--more {
    color: #172033;
    text-decoration: none;
}

main#zbx-home.zbx-home-root .zh-surgeon-card__title {
    color: #172033 !important;
}

body.zbx-home-page {
    overflow-x: clip;
}

/* Theme guard — component sizes win over Hello/Elementor globals */
main#zbx-home.zbx-home-root .zh-hero h1 {
    font-size: clamp(2rem, 5vw, 3.2rem) !important;
    line-height: 1.28 !important;
}

main#zbx-home.zbx-home-root .zh-hero h1 > span:last-child {
    font-size: clamp(1.4rem, 2.8vw, 2.05rem) !important;
}

main#zbx-home.zbx-home-root .zh-section__head h2,
main#zbx-home.zbx-home-root .zh-block-title {
    font-size: clamp(1.25rem, 2.5vw, 2rem) !important;
}

main#zbx-home.zbx-home-root .zh-kicker {
    font-size: 0.86rem !important;
}

main#zbx-home.zbx-home-root .zh-place__title.zh-kicker {
    font-size: 1.12rem !important;
}

main#zbx-home.zbx-home-root .zh-surgeon-row__title.zh-kicker {
    font-size: 1rem !important;
}

main#zbx-home.zbx-home-root .zh-lead {
    font-size: 1.02rem !important;
}

main#zbx-home.zbx-home-root .zh-btn {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
}

/* Zibax brand signatures */
main#zbx-home.zbx-home-root .zh-ai-showcase__proof {
    position: relative;
    overflow: hidden;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__proof::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: -18px;
    bottom: -24px;
    width: 112px;
    aspect-ratio: 1;
    pointer-events: none;
    background: var(--zh-primary);
    opacity: 0.04;
    transform: rotate(-7deg);
    -webkit-mask: url("../assets/branding/zibax-symbol.png") center / contain no-repeat;
    mask: url("../assets/branding/zibax-symbol.png") center / contain no-repeat;
}

main#zbx-home.zbx-home-root .zh-ai-showcase__proof > * {
    position: relative;
    z-index: 1;
}

main#zbx-home.zbx-home-root .zh-finder-showcase__guide::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 22px;
    bottom: 20px;
    width: 150px;
    height: 40px;
    pointer-events: none;
    background: #fff;
    opacity: 0.065;
    -webkit-mask: url("../assets/branding/zibax-wordmark.png") center / contain no-repeat;
    mask: url("../assets/branding/zibax-wordmark.png") center / contain no-repeat;
}

main#zbx-home.zbx-home-root .zh-testimonials::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: clamp(18px, 5vw, 80px);
    bottom: 30px;
    width: clamp(180px, 23vw, 320px);
    height: clamp(48px, 6vw, 86px);
    pointer-events: none;
    background: #fff;
    opacity: 0.035;
    -webkit-mask: url("../assets/branding/zibax-wordmark.png") center / contain no-repeat;
    mask: url("../assets/branding/zibax-wordmark.png") center / contain no-repeat;
}

main#zbx-home.zbx-home-root .zh-cta__brand {
    position: relative;
    z-index: 1;
    display: block;
    width: 104px;
    height: 28px;
    margin: 20px auto 0;
    background: #fff;
    opacity: 0.82;
    -webkit-mask: url("../assets/branding/zibax-wordmark.png") center / contain no-repeat;
    mask: url("../assets/branding/zibax-wordmark.png") center / contain no-repeat;
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-ai-showcase__proof::after {
        left: -14px;
        bottom: -22px;
        width: 96px;
        opacity: 0.035;
    }

    main#zbx-home.zbx-home-root .zh-testimonials::after {
        left: 16px;
        bottom: 20px;
        width: 170px;
        height: 46px;
        opacity: 0.025;
    }

    main#zbx-home.zbx-home-root .zh-finder-showcase__guide::before {
        top: 22px;
        bottom: auto;
        left: 18px;
        width: 94px;
        height: 25px;
        opacity: 0.08;
    }
}

main#zbx-home.zbx-home-root .zh-hero__note {
    font-size: 0.85rem !important;
}

main#zbx-home.zbx-home-root .elementor-widget-heading :where(h1, h2, h3, h4, p),
main#zbx-home.zbx-home-root .elementor-heading-title {
    font-family: inherit !important;
    letter-spacing: 0 !important;
}

main#zbx-home.zbx-home-root .zh-quote .zh-stars,
main#zbx-home.zbx-home-root .zh-quote .zh-star {
    color: #e8a317 !important;
}

main#zbx-home.zbx-home-root .zh-quote .zh-star path {
    fill: #e8a317 !important;
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-hero h1 {
        font-size: clamp(2.35rem, 9vw, 2.75rem) !important;
        line-height: 1.22 !important;
    }

    main#zbx-home.zbx-home-root .zh-hero h1 > span:last-child {
        font-size: clamp(1.62rem, 6.2vw, 1.95rem) !important;
    }

    main#zbx-home.zbx-home-root .zh-hero__note {
        font-size: 0.9rem !important;
    }
}

/* Homepage hero — final experience */
main#zbx-home.zbx-home-root .zh-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: clamp(680px, calc(100svh - var(--zh-header)), 820px);
    padding: clamp(54px, 7vw, 88px) 0;
    background:
        radial-gradient(700px 430px at 4% 8%, rgba(237, 111, 106, 0.1), transparent 68%),
        radial-gradient(850px 520px at 100% 90%, rgba(37, 61, 150, 0.1), transparent 70%),
        linear-gradient(145deg, #fff 0%, #f7f8fc 54%, #eef2fa 100%);
    overflow: hidden;
}

main#zbx-home.zbx-home-root .zh-hero::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    pointer-events: none;
    opacity: 0.48;
    background-image:
        linear-gradient(rgba(37, 61, 150, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 61, 150, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, transparent 4%, #000 48%, transparent 96%);
}

main#zbx-home.zbx-home-root .zh-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -170px;
    right: -130px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(37, 61, 150, 0.07);
    border-radius: 50%;
    box-shadow:
        0 0 0 48px rgba(37, 61, 150, 0.018),
        0 0 0 96px rgba(37, 61, 150, 0.012);
    pointer-events: none;
}

main#zbx-home.zbx-home-root .zh-hero__grid {
    display: grid;
    gap: clamp(38px, 6vw, 76px);
    align-items: center;
}

main#zbx-home.zbx-home-root .zh-hero__copy {
    width: min(100%, 650px);
    margin: 0;
}

main#zbx-home.zbx-home-root .zh-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 36px;
    margin: 0 0 18px !important;
    padding: 5px 12px 5px 14px;
    border: 1px solid rgba(37, 61, 150, 0.11);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: var(--zh-primary-dark);
    box-shadow: 0 8px 22px rgba(37, 61, 150, 0.06);
    font-size: 0.78rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-hero__eyebrow > span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-right: -6px;
    border-radius: 50%;
    background: rgba(237, 111, 106, 0.12);
    color: var(--zh-accent-deep);
}

main#zbx-home.zbx-home-root .zh-hero__eyebrow .zh-icon {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
}

main#zbx-home.zbx-home-root .zh-hero h1 {
    max-width: 13em;
    margin: 0 0 20px;
    color: var(--zh-ink) !important;
    font-size: clamp(2.45rem, 5vw, 4rem) !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
}

main#zbx-home.zbx-home-root .zh-hero h1 .zh-hero__title-main,
main#zbx-home.zbx-home-root .zh-hero h1 .zh-hero__title-accent {
    display: block;
}

main#zbx-home.zbx-home-root .zh-hero h1 .zh-hero__title-accent {
    margin-top: 9px;
    color: var(--zh-primary) !important;
    font-size: clamp(1.45rem, 2.55vw, 2.15rem) !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}

main#zbx-home.zbx-home-root .zh-hero__lead {
    max-width: 62ch;
    color: var(--zh-text);
    font-size: clamp(0.98rem, 1.4vw, 1.08rem);
    line-height: 2.05;
}

main#zbx-home.zbx-home-root .zh-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-top: 20px;
}

main#zbx-home.zbx-home-root .zh-hero__trust li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--zh-ink);
    font-size: 0.78rem;
    font-weight: 800;
}

main#zbx-home.zbx-home-root .zh-hero__trust .zh-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    padding: 2px;
    border-radius: 50%;
    background: rgba(15, 122, 104, 0.1);
    color: var(--zh-success);
}

main#zbx-home.zbx-home-root .zh-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin: 30px 0 0;
}

main#zbx-home.zbx-home-root .zh-hero__actions .zh-btn {
    min-height: 56px;
    padding-inline: 23px;
}

main#zbx-home.zbx-home-root .zh-hero__actions .zh-btn--primary {
    background: linear-gradient(135deg, #253d96, #1b2d73);
    box-shadow: 0 14px 30px rgba(37, 61, 150, 0.24);
}

main#zbx-home.zbx-home-root .zh-hero__actions .zh-btn--primary:hover {
    background: linear-gradient(135deg, #1f3587, #14245f);
    box-shadow: 0 17px 36px rgba(37, 61, 150, 0.3);
}

main#zbx-home.zbx-home-root .zh-hero__actions .zh-btn--ghost {
    border-color: rgba(37, 61, 150, 0.16);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 24px rgba(23, 32, 51, 0.055);
}

main#zbx-home.zbx-home-root .zh-hero__actions .zh-btn--ghost .zh-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
}

main#zbx-home.zbx-home-root .zh-hero__note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 13px 4px 0 !important;
    color: var(--zh-muted);
    font-size: 0.72rem !important;
    line-height: 1.7;
}

main#zbx-home.zbx-home-root .zh-hero__note > span {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #17a285;
    box-shadow: 0 0 0 4px rgba(23, 162, 133, 0.1);
}

main#zbx-home.zbx-home-root .zh-hero__note i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #aab4c5;
}

main#zbx-home.zbx-home-root .zh-hero__visual {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
}

main#zbx-home.zbx-home-root .zh-hero__visual::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: min(112%, 560px);
    aspect-ratio: 1;
    border-radius: 48% 52% 58% 42% / 42% 45% 55% 58%;
    background:
        radial-gradient(circle at 66% 28%, rgba(237, 111, 106, 0.28), transparent 25%),
        linear-gradient(145deg, rgba(37, 61, 150, 0.14), rgba(37, 61, 150, 0.025));
    transform: rotate(-7deg);
}

main#zbx-home.zbx-home-root .zh-hero__frame {
    position: relative;
    width: min(100%, 490px);
    max-height: none;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: 7px solid rgba(255, 255, 255, 0.9);
    border-radius: 42px 42px 42px 110px;
    background: #dfe6f4;
    box-shadow:
        0 34px 70px rgba(26, 42, 91, 0.2),
        0 0 0 1px rgba(37, 61, 150, 0.08);
}

main#zbx-home.zbx-home-root .zh-hero__frame::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(10, 20, 54, 0.04) 42%, rgba(10, 20, 54, 0.58) 100%);
}

main#zbx-home.zbx-home-root .zh-hero__frame img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

main#zbx-home.zbx-home-root .zh-hero__signature {
    position: absolute;
    z-index: 3;
    top: 22px;
    left: 22px;
    width: 88px;
    height: 24px;
    background: #fff;
    opacity: 0.86;
    -webkit-mask: url("../assets/branding/zibax-wordmark.png") center / 72px 20px no-repeat;
    mask: url("../assets/branding/zibax-wordmark.png") center / 72px 20px no-repeat;
}

main#zbx-home.zbx-home-root .zh-hero__match {
    position: absolute;
    z-index: 3;
    top: 22px;
    right: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 290px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.52);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(13, 24, 62, 0.14);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

main#zbx-home.zbx-home-root .zh-hero__match-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    background: rgba(237, 111, 106, 0.12);
    color: var(--zh-accent-deep);
}

main#zbx-home.zbx-home-root .zh-hero__match-icon .zh-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

main#zbx-home.zbx-home-root .zh-hero__match strong,
main#zbx-home.zbx-home-root .zh-hero__match div > span {
    display: block;
}

main#zbx-home.zbx-home-root .zh-hero__match strong {
    color: var(--zh-primary-dark);
    font-size: 0.74rem;
    font-weight: 900;
}

main#zbx-home.zbx-home-root .zh-hero__match div > span {
    margin-top: 2px;
    color: var(--zh-muted);
    font-size: 0.61rem;
    line-height: 1.55;
}

main#zbx-home.zbx-home-root .zh-hero__stats {
    right: 20px;
    left: 38px;
    bottom: 32px;
    width: auto;
    max-width: none;
    padding: 10px 7px;
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 19px 19px 19px 34px;
    background: rgba(255, 255, 255, 0.87);
    box-shadow: 0 16px 38px rgba(8, 18, 48, 0.2);
}

main#zbx-home.zbx-home-root .zh-hero__stat {
    padding: 7px 6px;
}

main#zbx-home.zbx-home-root .zh-hero__stat strong {
    font-size: clamp(0.78rem, 1.4vw, 1rem);
    white-space: nowrap;
}

main#zbx-home.zbx-home-root .zh-hero__stat span {
    font-size: clamp(0.58rem, 1vw, 0.68rem);
}

@media (min-width: 900px) {
    main#zbx-home.zbx-home-root .zh-hero__grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.82fr);
    }
}

@media (min-width: 641px) and (max-width: 899px) {
    main#zbx-home.zbx-home-root .zh-hero {
        min-height: 0;
    }

    main#zbx-home.zbx-home-root .zh-hero__copy {
        width: min(100%, 720px);
        margin-inline: auto;
        text-align: center;
    }

    main#zbx-home.zbx-home-root .zh-hero h1,
    main#zbx-home.zbx-home-root .zh-hero__lead {
        margin-inline: auto;
    }

    main#zbx-home.zbx-home-root .zh-hero__trust,
    main#zbx-home.zbx-home-root .zh-hero__actions,
    main#zbx-home.zbx-home-root .zh-hero__note {
        justify-content: center;
    }

    main#zbx-home.zbx-home-root .zh-hero__frame {
        width: min(100%, 680px);
        aspect-ratio: 16 / 10;
        border-radius: 36px 36px 36px 86px;
    }
}

@media (max-width: 640px) {
    main#zbx-home.zbx-home-root .zh-hero {
        display: block;
        min-height: 0;
        padding: 34px 0 54px;
    }

    main#zbx-home.zbx-home-root .zh-hero__grid {
        gap: 38px;
    }

    main#zbx-home.zbx-home-root .zh-hero__eyebrow {
        margin-bottom: 15px !important;
        font-size: 0.72rem;
    }

    main#zbx-home.zbx-home-root .zh-hero h1 {
        max-width: 100%;
        margin-bottom: 16px;
        font-size: clamp(2.05rem, 9.4vw, 2.65rem) !important;
        line-height: 1.34 !important;
        letter-spacing: 0 !important;
    }

    main#zbx-home.zbx-home-root .zh-hero h1 .zh-hero__title-accent {
        margin-top: 7px;
        font-size: clamp(1.25rem, 5.8vw, 1.58rem) !important;
        line-height: 1.55 !important;
    }

    main#zbx-home.zbx-home-root .zh-hero__lead {
        font-size: 0.92rem;
        line-height: 1.95;
    }

    main#zbx-home.zbx-home-root .zh-hero__trust {
        display: grid;
        gap: 8px;
        margin-top: 17px;
    }

    main#zbx-home.zbx-home-root .zh-hero__actions {
        display: grid;
        margin-top: 24px;
    }

    main#zbx-home.zbx-home-root .zh-hero__actions .zh-btn {
        width: 100%;
        min-height: 53px;
    }

    main#zbx-home.zbx-home-root .zh-hero__note {
        justify-content: center;
        gap: 6px;
        margin-top: 11px !important;
        text-align: center;
        font-size: 0.67rem !important;
    }

    main#zbx-home.zbx-home-root .zh-hero__frame {
        width: 100%;
        aspect-ratio: 4 / 5;
        border-width: 5px;
        border-radius: 28px 28px 28px 62px;
    }

    main#zbx-home.zbx-home-root .zh-hero__visual::before {
        width: 108%;
    }

    main#zbx-home.zbx-home-root .zh-hero__signature {
        display: none;
    }

    main#zbx-home.zbx-home-root .zh-hero__match {
        top: 14px;
        right: 14px;
        max-width: calc(100% - 28px);
        padding: 9px 11px;
        border-radius: 14px;
    }

    main#zbx-home.zbx-home-root .zh-hero__match-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    main#zbx-home.zbx-home-root .zh-hero__stats {
        right: 12px;
        left: 20px;
        bottom: 20px;
        padding: 6px 3px;
        border-radius: 15px 15px 15px 26px;
    }

    main#zbx-home.zbx-home-root .zh-hero__stat {
        padding: 5px 3px;
    }

    main#zbx-home.zbx-home-root .zh-hero__stat strong {
        font-size: 0.7rem;
    }

    main#zbx-home.zbx-home-root .zh-hero__stat span {
        font-size: 0.54rem;
        line-height: 1.35;
    }
}