@import url("https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@600;700;800;900&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap");

* {
    box-sizing: border-box;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.blog-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e7ef;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(31, 35, 48, .07);
    transition: transform .2s ease, box-shadow .2s ease;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 55px rgba(79, 70, 229, .13);
}

.blog-card-body { padding: 25px; }
.blog-card-meta,
.article-meta { color: #858a96; font-size: 14px; }
.blog-card-title { margin: 12px 0; font-size: 23px; line-height: 1.25; }
.blog-card-title a { color: #171920; text-decoration: none; }
.blog-card-excerpt { color: #686d79; line-height: 1.65; }

.home-blog-section {
    padding: 92px 0;
    background: #f7f8fc;
    border-top: 1px solid #e7e8ef;
}

.home-blog-heading {
    display: flex;
    margin-bottom: 38px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.home-blog-heading > div { max-width: 760px; }

.home-blog-title {
    margin: 13px 0 16px;
    color: #111318;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.home-blog-description {
    margin: 0;
    color: #686d79;
    font-size: 18px;
    line-height: 1.65;
}

.home-blog-all {
    display: inline-flex;
    flex: 0 0 auto;
    padding: 13px 18px;
    color: #4f46e5;
    background: #fff;
    border: 1px solid #dddeea;
    border-radius: 12px;
    font-weight: 800;
    text-decoration: none;
}

.home-blog-all:hover {
    color: #fff;
    background: #4f46e5;
    border-color: #4f46e5;
}

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

@media (max-width: 620px) {

    .blog-grid { grid-template-columns: 1fr; }
    
    .home-blog-section { padding: 66px 0; }
    .home-blog-heading { align-items: flex-start; flex-direction: column; }
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Nunito Sans", sans-serif;
    color: #15171a;
    background: #ffffff;
}

h1,
h2,
h3 {
    font-family: "Montserrat Alternates", sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid #e9ebf0;
    backdrop-filter: blur(12px);
}

.header-container {
    width: min(1380px, calc(100% - 48px));
    height: 82px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    gap: 32px;
}

.site-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.site-logo-image {
    display: block;
    width: 285px;
    height: auto;
    max-height: 62px;
    object-fit: contain;
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-left: auto;
}

.main-nav > a,
.nav-dropdown > a {
    position: relative;
    padding: 30px 0;

    color: #34373d;

    font-size: 15px;
    font-weight: 600;

    transition: color 0.2s ease;
}

.main-nav > a:hover,
.nav-dropdown > a:hover {
    color: #4f46e5;
}

.header-button {
    flex-shrink: 0;

    padding: 13px 19px;

    color: #ffffff;
    background: #4f46e5;

    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.header-button:hover {
    background: #4338ca;

    transform: translateY(-1px);

    box-shadow: 0 8px 22px rgba(79, 70, 229, 0.24);
}

.mobile-menu-button {
    display: none;

    width: 42px;
    height: 42px;

    padding: 9px;

    background: transparent;

    border: 0;

    cursor: pointer;
}

.mobile-menu-button span {
    display: block;

    width: 100%;
    height: 2px;

    margin: 5px 0;

    background: #15171a;

    border-radius: 2px;
}

.hero {
    position: relative;

    overflow: hidden;

    min-height: calc(100vh - 82px);

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fafaff 45%,
            #f5f7ff 100%
        );
}

.hero-container {
    position: relative;
    z-index: 3;

    width: min(1260px, calc(100% - 80px));

    margin: 0 auto;

    padding: 90px 0 100px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(480px, 0.9fr);

    gap: 70px;

    align-items: center;
}

.hero-grid-pattern {
    position: absolute;
    inset: 0;

    z-index: 0;

    background-image:
        linear-gradient(
            rgba(79, 70, 229, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(79, 70, 229, 0.045) 1px,
            transparent 1px
        );

    background-size: 42px 42px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.2)
        );
}

.hero-bg {
    position: absolute;

    z-index: 1;

    border-radius: 50%;

    filter: blur(20px);

    pointer-events: none;
}

.hero-bg-one {
    width: 520px;
    height: 520px;

    right: -130px;
    top: -170px;

    background: rgba(79, 70, 229, 0.11);
}

.hero-bg-two {
    width: 380px;
    height: 380px;

    right: 390px;
    bottom: -220px;

    background: rgba(37, 99, 235, 0.08);
}

.hero-content {
    position: relative;

    z-index: 2;

    max-width: 700px;
}

.hero-badge {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 24px;

    padding: 8px 13px;

    color: #4338ca;

    background: #f0efff;

    border: 1px solid #dedbff;

    border-radius: 100px;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.08em;
}

.hero-badge::before {
    content: "";

    width: 7px;
    height: 7px;

    background: #4f46e5;

    border-radius: 50%;

    box-shadow:
        0 0 0 5px rgba(79, 70, 229, 0.1);
}

.hero-title {
    max-width: 740px;

    margin: 0 0 23px;

    color: #101114;

    font-size: clamp(48px, 4.1vw, 60px);

    line-height: 1.06;

    font-weight: 800;

    letter-spacing: -0.035em;
}

.hero-lead {
    margin: 0 0 14px;

    color: #292d34;

    font-size: clamp(21px, 2vw, 28px);

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.025em;
}

.hero-text {
    max-width: 650px;

    margin: 0;

    color: #626670;

    font-size: 18px;

    line-height: 1.7;
}

.hero-buttons {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 32px;
}

.button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 52px;

    padding: 0 22px;

    border-radius: 11px;

    font-size: 15px;

    font-weight: 700;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.button-primary {
    color: #ffffff;

    background: #4f46e5;

    border: 1px solid #4f46e5;

    box-shadow:
        0 10px 28px rgba(79, 70, 229, 0.18);
}

.button-primary:hover {
    background: #4338ca;

    border-color: #4338ca;

    transform: translateY(-2px);

    box-shadow:
        0 14px 32px rgba(79, 70, 229, 0.25);
}

.button-secondary {
    color: #262931;

    background: rgba(255, 255, 255, 0.8);

    border: 1px solid #dedfe5;
}

.button-secondary:hover {
    background: #ffffff;

    border-color: #cfd1da;

    transform: translateY(-2px);
}

.hero-features {
    display: flex;

    flex-wrap: wrap;

    gap: 22px;

    margin-top: 27px;

    color: #686c75;

    font-size: 13px;

    font-weight: 600;
}

.hero-feature {
    display: flex;

    align-items: center;

    gap: 8px;
}

.feature-dot {
    width: 7px;
    height: 7px;

    background: #4f46e5;

    border-radius: 50%;
}

.hero-visual {
    position: relative;

    z-index: 2;

    min-height: 520px;

    display: flex;

    align-items: center;

    justify-content: center;
}

.services-section {
    position: relative;

    padding: 110px 0 100px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(79, 70, 229, 0.05),
            transparent 28%
        ),
        radial-gradient(
            circle at 85% 85%,
            rgba(37, 99, 235, 0.05),
            transparent 28%
        ),
        #ffffff;
}

.section-container {
    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;
}

.section-heading {
    max-width: 780px;

    margin: 0 auto;

    text-align: center;
}

.section-kicker {
    display: inline-block;

    margin-bottom: 14px;

    color: #4f46e5;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}

.section-heading h2 {
    margin: 0 0 17px;

    color: #15171a;

    font-size: clamp(34px, 4vw, 50px);

    line-height: 1.08;

    letter-spacing: -0.045em;
}

.section-heading p {
    max-width: 700px;

    margin: 0 auto;

    color: #6a6e77;

    font-size: 17px;

    line-height: 1.7;
}

.services-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 22px;

    margin-top: 58px;
}

.service-card {
    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 545px;

    padding: 26px;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.95);

    border: 1px solid #e8eaf1;

    border-radius: 24px;

    box-shadow:
        0 18px 50px rgba(24, 28, 50, 0.06);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.service-card::before {
    content: "";

    position: absolute;

    inset: 0 0 auto 0;

    height: 4px;

    border-radius: 24px 24px 0 0;
}

.service-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 28px 65px rgba(24, 28, 50, 0.11);
}

.service-card-direct::before {
    background:
        linear-gradient(
            90deg,
            #ffcc00,
            #ff7a00
        );
}

.service-card-yandex::before {
    background:
        linear-gradient(
            90deg,
            #4f46e5,
            #7c3aed
        );
}

.service-card-google::before {
    background:
        linear-gradient(
            90deg,
            #2563eb,
            #22c55e
        );
}

.service-card-direct:hover {
    border-color:
        rgba(255, 174, 0, 0.35);
}

.service-card-yandex:hover {
    border-color:
        rgba(79, 70, 229, 0.28);
}

.service-card-google:hover {
    border-color:
        rgba(37, 99, 235, 0.28);
}

.service-card-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 28px;
}

.service-card-icon {
    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 16px;

    font-size: 15px;

    font-weight: 900;
}

.service-card-direct .service-card-icon {
    color: #7a4d00;

    background:
        linear-gradient(
            135deg,
            #fff8cc,
            #fff0a3
        );
}

.service-card-yandex .service-card-icon {
    color: #4f46e5;

    background:
        linear-gradient(
            135deg,
            #f0efff,
            #e6e4ff
        );
}

.service-card-google .service-card-icon {
    color: #2563eb;

    background:
        linear-gradient(
            135deg,
            #eaf2ff,
            #ecfdf3
        );
}

.service-card-number {
    color: #c7cad2;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 0.08em;
}

.service-card-content {
    flex: 1;
}

.service-card-type {
    display: block;

    margin-bottom: 10px;

    color: #8b8f99;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 0.07em;

    text-transform: uppercase;
}

.service-card h3 {
    margin: 0 0 16px;

    color: #17191e;

    font-size: 29px;

    line-height: 1.1;

    letter-spacing: -0.035em;
}

.service-card p {
    margin: 0 0 22px;

    color: #686c76;

    font-size: 15px;

    line-height: 1.65;
}

.service-card-list {
    margin: 0;

    padding: 0;

    list-style: none;
}

.service-card-list li {
    position: relative;

    margin-bottom: 11px;

    padding-left: 22px;

    color: #3c4048;

    font-size: 14px;

    line-height: 1.45;
}

.service-card-list li::before {
    content: "";

    position: absolute;

    left: 0;

    top: 7px;

    width: 7px;
    height: 7px;

    border-radius: 50%;
}

.service-card-direct
.service-card-list li::before {
    background: #f4b400;
}

.service-card-yandex
.service-card-list li::before {
    background: #4f46e5;
}

.service-card-google
.service-card-list li::before {
    background: #2563eb;
}

.service-card-direct
.service-card-link:hover {
    color: #b36f00;
}

.service-card-yandex
.service-card-link:hover {
    color: #4f46e5;
}

.service-card-google
.service-card-link:hover {
    color: #2563eb;
}

.services-bottom {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 16px;

    flex-wrap: wrap;

    margin-top: 38px;

    padding: 18px 24px;

    background: #f8f8fc;

    border: 1px solid #ececf3;

    border-radius: 16px;
}

.services-bottom p {
    margin: 0;

    color: #676b74;

    font-size: 14px;
}

.services-consultation-link {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #4f46e5;

    font-size: 14px;

    font-weight: 800;
}

.services-consultation-link span {
    transition:
        transform 0.2s ease;
}

.services-consultation-link:hover span {
    transform: translateX(4px);
}

.about-section {
    position: relative;

    overflow: hidden;

    padding: 110px 0;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(79, 70, 229, 0.09),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 75%,
            rgba(37, 99, 235, 0.08),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f8f9ff 0%,
            #f3f5ff 55%,
            #f7f9ff 100%
        );
}

.about-section::before {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(79, 70, 229, 0.028) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(79, 70, 229, 0.028) 1px,
            transparent 1px
        );

    background-size: 46px 46px;
}

.about-container {
    position: relative;

    z-index: 2;

    width: min(1180px, calc(100% - 48px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(380px, 0.88fr)
        minmax(0, 1.12fr);

    gap: 74px;

    align-items: start;
}

.about-title {
    max-width: 660px;

    margin: 0 0 24px;

    color: #15171a;

    font-size:
        clamp(40px, 4vw, 57px);

    line-height: 1.05;

    font-weight: 800;

    letter-spacing: -0.048em;

    font-family:
        "Montserrat Alternates",
        sans-serif;
}

.about-lead {
    max-width: 680px;

    margin: 0 0 15px;

    color: #343842;

    font-size: 19px;

    line-height: 1.62;

    font-weight: 600;
}

.about-text {
    max-width: 680px;

    margin: 0;

    color: #6a6f79;

    font-size: 16px;

    line-height: 1.72;
}

.process-section {
    position: relative;

    overflow: hidden;

    padding: 110px 0 105px;

    background:
        radial-gradient(
            circle at 8% 10%,
            rgba(79, 70, 229, 0.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 88%,
            rgba(37, 99, 235, 0.055),
            transparent 30%
        ),
        #ffffff;
}

.process-section::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -260px;

    top: 70px;

    border-radius: 50%;

    background:
        rgba(79, 70, 229, 0.045);

    pointer-events: none;
}

.process-heading {
    max-width: 800px;

    margin: 0 auto;

    text-align: center;
}

.process-title {
    max-width: 760px;

    margin: 0 auto 20px;

    color: #15171a;

    font-size:
        clamp(38px, 4vw, 52px);

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -0.045em;
}

.process-description {
    max-width: 720px;

    margin: 0 auto;

    color: #6a6e77;

    font-size: 17px;

    line-height: 1.7;
}

.process-grid {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 16px;

    margin-top: 66px;
}

.process-grid::before {
    content: "";

    position: absolute;

    z-index: 0;

    top: 38px;

    left: 7%;

    right: 7%;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            rgba(79, 70, 229, 0.12),
            rgba(79, 70, 229, 0.55),
            rgba(79, 70, 229, 0.12)
        );
}

.process-step {
    position: relative;

    z-index: 1;

    min-height: 360px;

    display: flex;

    flex-direction: column;

    padding: 22px 20px 20px;

    background:
        rgba(255, 255, 255, 0.97);

    border: 1px solid #e8eaf2;

    border-radius: 22px;

    box-shadow:
        0 16px 42px rgba(31, 35, 63, 0.055),
        0 4px 12px rgba(31, 35, 63, 0.025);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.process-step:hover {
    transform: translateY(-6px);

    border-color:
        rgba(79, 70, 229, 0.24);

    box-shadow:
        0 24px 55px rgba(31, 35, 63, 0.10),
        0 8px 20px rgba(31, 35, 63, 0.04);
}

.process-step-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 27px;
}

.process-number {
    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 49px;

    height: 34px;

    padding: 0 10px;

    color: #4f46e5;

    background: #efefff;

    border: 1px solid #e1dfff;

    border-radius: 999px;

    font-size: 11px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: 0.07em;
}

.process-icon {
    position: relative;

    z-index: 2;

    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    color: #4f46e5;

    background: #ffffff;

    border: 1px solid #e2e3ec;

    border-radius: 13px;

    box-shadow:
        0 9px 22px rgba(35, 39, 68, 0.08);

    font-family:
        "Nunito Sans",
        sans-serif;

    font-size: 19px;

    font-weight: 900;
}

.process-step h3 {
    margin: 0 0 13px;

    color: #20232a;

    font-size: 18px;

    line-height: 1.25;

    font-weight: 800;

    letter-spacing: -0.025em;
}

.process-step p {
    margin: 0;

    color: #747882;

    font-size: 14px;

    line-height: 1.62;
}

.process-result {
    position: relative;

    display: block;

    margin-top: auto;

    padding: 16px 0 0 18px;

    color: #41454e;

    border-top: 1px solid #eceef3;

    font-size: 12.5px;

    line-height: 1.4;

    font-weight: 800;
}

.process-result::before {
    content: "";

    position: absolute;

    left: 0;

    top: 22px;

    width: 7px;
    height: 7px;

    background: #4f46e5;

    border-radius: 50%;
}

.process-step-final
.process-number {
    color: #ffffff;

    background: #4f46e5;

    border-color: #4f46e5;
}

.process-step-final
.process-icon {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #4f46e5,
            #2563eb
        );

    border-color: transparent;
}

.consultation-section {
    position: relative;

    overflow: hidden;

    padding: 115px 0;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(114, 105, 255, 0.18),
            transparent 31%
        ),
        radial-gradient(
            circle at 86% 85%,
            rgba(37, 99, 235, 0.14),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #202038 0%,
            #24243e 48%,
            #1b1d32 100%
        );
}

.consultation-section::before {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        );

    background-size: 48px 48px;
}

.consultation-container {
    position: relative;

    z-index: 2;

    width:
        min(1180px, calc(100% - 48px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(420px, 0.78fr);

    gap: 82px;

    align-items: center;
}

.consultation-content
.section-kicker {
    color: #aaa5ff;
}

.consultation-title {
    max-width: 620px;

    margin: 0 0 24px;

    color: #ffffff;

    font-size:
        clamp(38px, 4vw, 54px);

    line-height: 1.07;

    font-weight: 800;

    letter-spacing: -0.045em;
}

.consultation-lead {
    max-width: 620px;

    margin: 0;

    color:
        rgba(255, 255, 255, 0.72);

    font-size: 17px;

    line-height: 1.72;
}

.consultation-points {
    display: flex;

    flex-direction: column;

    gap: 14px;

    margin-top: 35px;
}

.consultation-point {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    padding: 17px 18px;

    background:
        rgba(255, 255, 255, 0.055);

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    border-radius: 16px;

    backdrop-filter: blur(10px);
}

.consultation-check {
    width: 35px;
    height: 35px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #635bff,
            #4f46e5
        );

    border-radius: 10px;

    font-size: 15px;

    font-weight: 900;
}

.consultation-point strong {
    display: block;

    margin: 0 0 4px;

    color: #ffffff;

    font-size: 15px;

    line-height: 1.35;

    font-weight: 800;
}

.consultation-point p {
    margin: 0;

    color:
        rgba(255, 255, 255, 0.62);

    font-size: 13.5px;

    line-height: 1.55;
}

.consultation-form-card {
    position: relative;

    padding: 32px;

    background:
        rgba(255, 255, 255, 0.97);

    border:
        1px solid
        rgba(255, 255, 255, 0.45);

    border-radius: 26px;

    box-shadow:
        0 34px 80px
        rgba(5, 8, 30, 0.34),
        0 10px 30px
        rgba(5, 8, 30, 0.16);

    backdrop-filter: blur(18px);
}

.consultation-form-card::before {
    content: "";

    position: absolute;

    left: 30px;

    right: 30px;

    top: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #4f46e5,
            #8b5cf6,
            #2563eb
        );

    border-radius:
        0 0 10px 10px;
}

.consultation-form-header {
    margin-bottom: 27px;
}

.consultation-form-label {
    display: block;

    margin-bottom: 8px;

    color: #4f46e5;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}

.consultation-form-header h3 {
    margin: 0 0 9px;

    color: #1e2027;

    font-size: 25px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -0.025em;
}

.consultation-form-header p {
    margin: 0;

    color: #777b86;

    font-size: 14px;

    line-height: 1.55;
}

.consultation-form {
    display: flex;

    flex-direction: column;

    gap: 19px;
}

.form-field {
    display: flex;

    flex-direction: column;
}

.form-field label,
.messenger-fieldset legend {
    margin-bottom: 8px;

    color: #42464f;

    font-size: 13px;

    line-height: 1.35;

    font-weight: 800;
}

.form-field input,
.form-field textarea {
    width: 100%;

    border: 1px solid #dfe1e8;

    outline: none;

    background: #fbfbfd;

    color: #22252b;

    border-radius: 12px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.form-field input {
    min-height: 52px;

    padding: 0 15px;
}

.form-field textarea {
    min-height: 118px;

    padding: 14px 15px;

    resize: vertical;

    line-height: 1.55;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
    color: #9a9da6;
}

.form-field input:focus,
.form-field textarea:focus {
    background: #ffffff;

    border-color: #6961ec;

    box-shadow:
        0 0 0 4px
        rgba(79, 70, 229, 0.10);
}

.messenger-button {
    min-height: 52px;

    padding: 8px 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    background: #f7f7fb;

    border: 1px solid #e0e1e8;

    border-radius: 12px;

    color: #444750;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 800;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.messenger-button:hover {
    transform: translateY(-1px);

    background: #ffffff;

    border-color: #cfd0dc;
}

.messenger-option
input:checked +
.messenger-button {
    color: #3730a3;

    background: #f0efff;

    border-color: #aaa5ff;

    box-shadow:
        0 0 0 3px
        rgba(79, 70, 229, 0.08);
}

.messenger-icon {
    min-width: 27px;
    height: 27px;

    padding: 0 5px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    color: #ffffff;

    font-size: 9px;

    line-height: 1;

    font-weight: 900;

    letter-spacing: 0.02em;
}

.messenger-icon-telegram {
    background: #229ed9;
}

.messenger-icon-whatsapp {
    background: #25d366;
}

.messenger-icon-max {
    background:
        linear-gradient(
            135deg,
            #7657ff,
            #b14bd5
        );
}

.consultation-submit {
    width: 100%;

    min-height: 56px;

    padding: 0 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #4f46e5 0%,
            #5c54ea 55%,
            #4338ca 100%
        );

    border: 0;

    border-radius: 13px;

    cursor: pointer;

    font-size: 15px;

    font-weight: 800;

    box-shadow:
        0 13px 30px
        rgba(79, 70, 229, 0.25);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.consultation-submit:hover {
    transform: translateY(-2px);

    box-shadow:
        0 17px 36px
        rgba(79, 70, 229, 0.32);
}

.consultation-submit-arrow {
    font-size: 21px;

    line-height: 1;

    transition:
        transform 0.2s ease;
}

.consultation-submit:hover
.consultation-submit-arrow {
    transform: translateX(4px);
}

.consultation-consent {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    color: #727680;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
}

.consultation-consent input {
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    accent-color: #4f46e5;
    cursor: pointer;
}

.consultation-consent a {
    color: #4f46e5;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.faq-section {
    position: relative;

    overflow: hidden;

    padding: 110px 0 105px;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(79, 70, 229, 0.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(37, 99, 235, 0.055),
            transparent 30%
        ),
        #eef0f6;
}

.faq-section::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    right: -250px;

    top: -180px;

    border-radius: 50%;

    background:
        rgba(96, 86, 210, 0.055);

    pointer-events: none;
}

.faq-heading {
    position: relative;

    z-index: 2;

    max-width: 800px;

    margin: 0 auto;

    text-align: center;
}

.faq-title {
    max-width: 760px;

    margin: 0 auto 18px;

    color: #181a20;

    font-size:
        clamp(38px, 4vw, 52px);

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -0.045em;
}

.faq-description {
    max-width: 650px;

    margin: 0 auto;

    color: #6d707b;

    font-size: 17px;

    line-height: 1.7;
}

.faq-list {
    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 55px auto 0;

    display: flex;

    flex-direction: column;

    gap: 12px;
}

.faq-item {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #f7f6fc 0%,
            #f2f1f8 100%
        );

    border: 1px solid #dfdeea;

    border-radius: 18px;

    box-shadow:
        0 9px 25px
        rgba(35, 38, 60, 0.045);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.faq-item:hover {
    border-color:
        rgba(79, 70, 229, 0.22);

    box-shadow:
        0 15px 32px
        rgba(35, 38, 60, 0.075);

    transform: translateY(-1px);
}

.faq-item[open] {
    background:
        linear-gradient(
            135deg,
            #f8f7ff 0%,
            #f0effb 100%
        );

    border-color:
        rgba(79, 70, 229, 0.30);

    box-shadow:
        0 18px 40px
        rgba(35, 38, 70, 0.085);
}

.faq-question {
    list-style: none;

    min-height: 78px;

    padding: 20px 22px 20px 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    cursor: pointer;

    color: #24262d;

    font-family:
        "Montserrat Alternates",
        sans-serif;

    font-size: 17px;

    line-height: 1.35;

    font-weight: 700;

    letter-spacing: -0.018em;
}

.faq-question::-webkit-details-marker {
    display: none;
}

.faq-question::marker {
    display: none;
}

.faq-icon {
    width: 38px;
    height: 38px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #4f46e5;

    background: #e6e4f7;

    border:
        1px solid
        rgba(79, 70, 229, 0.12);

    border-radius: 50%;

    font-family:
        "Nunito Sans",
        sans-serif;

    font-size: 23px;

    line-height: 1;

    font-weight: 500;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease;
}

.faq-item[open]
.faq-icon {
    color: #ffffff;

    background: #4f46e5;

    transform: rotate(45deg);
}

.faq-answer {
    padding:
        0 78px 23px 24px;

    color: #666a75;

    font-size: 15px;

    line-height: 1.7;
}

.faq-answer p {
    margin: 0 0 12px;
}

.faq-answer p:last-child {
    margin-bottom: 0;
}

.faq-bottom {
    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 34px auto 0;

    padding: 23px 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 28px;

    background:
        rgba(255, 255, 255, 0.48);

    border: 1px solid #dcdde7;

    border-radius: 18px;

    backdrop-filter: blur(10px);
}

@media (max-width: 1180px) {

    .hero-container {
        grid-template-columns:
            1fr 0.92fr;

        gap: 55px;
    }

    .hero-title {
        font-size:
            clamp(44px, 5vw, 56px);

        line-height: 1.06;
    }

    .services-grid {
        gap: 18px;
    }

    .service-card {
        padding: 22px;
    }

    .about-container {
        gap: 52px;

        grid-template-columns:
            minmax(340px, 0.85fr)
            minmax(0, 1.15fr);
    }

    .process-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .process-grid::before {
        display: none;
    }

    .process-step {
        min-height: 330px;
    }

    .consultation-container {
        gap: 55px;

        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(400px, 0.8fr);
    }
}

@media (max-width: 1050px) {

    .header-container {
        width:
            min(100% - 32px, 1380px);

        height: 70px;
    }

    .site-logo-image {
        width: 230px;

        max-height: 54px;
    }

    .main-nav,
    .header-button {
        display: none;
    }

    .mobile-menu-button {
        display: block;

        margin-left: auto;
    }

    .hero {
        min-height: auto;
    }

    .hero-container {
        width:
            min(100% - 40px, 760px);

        padding: 75px 0 85px;

        grid-template-columns: 1fr;

        gap: 65px;
    }

    .hero-content {
        max-width: 760px;

        text-align: center;
    }

    .hero-badge {
        margin-left: auto;

        margin-right: auto;
    }

    .hero-title {
        max-width: 760px;

        margin-left: auto;

        margin-right: auto;

        font-size:
            clamp(46px, 7vw, 60px);

        line-height: 1.06;
    }

    .hero-text {
        margin-left: auto;

        margin-right: auto;
    }

    .hero-buttons {
        justify-content: center;
    }

    .hero-features {
        justify-content: center;
    }

    .hero-visual {
        width:
            min(100%, 620px);

        margin: 0 auto;

        min-height: 500px;
    }

    .services-section {
        padding: 90px 0 80px;
    }

    .services-grid {
        grid-template-columns: 1fr;

        width:
            min(100%, 760px);

        margin-left: auto;

        margin-right: auto;
    }

    .service-card {
        min-height: auto;
    }

    .about-section {
        padding: 90px 0;
    }

    .about-container {
        width:
            min(100% - 40px, 760px);

        grid-template-columns: 1fr;

        gap: 55px;
    }

    .about-title,
    .about-lead,
    .about-text {
        margin-left: auto;

        margin-right: auto;
    }

    .process-section {
        padding: 90px 0 85px;
    }

    .process-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        width:
            min(100%, 760px);

        margin-left: auto;

        margin-right: auto;
    }

    .process-step {
        min-height: 320px;
    }

    .consultation-section {
        padding: 90px 0;
    }

    .consultation-container {
        width:
            min(100% - 40px, 760px);

        grid-template-columns: 1fr;

        gap: 50px;
    }

    .consultation-content {
        text-align: center;
    }

    .consultation-title,
    .consultation-lead {
        margin-left: auto;

        margin-right: auto;
    }

    .consultation-points {
        text-align: left;
    }

    .consultation-form-card {
        width: 100%;
    }

    .faq-section {
        padding: 90px 0 85px;
    }

    .faq-list,
    .faq-bottom {
        width:
            min(100%, 760px);
    }
}

@media (max-width: 700px) {

    .site-logo-image {
        width: 200px;

        max-height: 48px;
    }

    .hero-container {
        width:
            calc(100% - 32px);

        padding: 58px 0 72px;

        gap: 48px;
    }

    .hero-title {
        font-size:
            clamp(38px, 10.8vw, 50px);

        line-height: 1.07;

        letter-spacing: -0.03em;
    }

    .hero-lead {
        font-size: 21px;
    }

    .hero-text {
        font-size: 16px;

        line-height: 1.65;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .button {
        width: 100%;
    }

    .hero-features {
        gap: 13px 18px;
    }

    .hero-visual {
        min-height: auto;
    }

    .services-section {
        padding: 75px 0 65px;
    }

    .section-container {
        width:
            calc(100% - 32px);
    }

    .section-heading h2 {
        font-size: 36px;
    }

    .section-heading p {
        font-size: 16px;
    }

    .services-grid {
        margin-top: 40px;
    }

    .service-card {
        padding: 22px;

        border-radius: 20px;
    }

    .service-card h3 {
        font-size: 26px;
    }

    .services-bottom {
        align-items: flex-start;

        justify-content: flex-start;

        padding: 18px;
    }

    .about-section {
        padding: 72px 0;
    }

    .about-container {
        width:
            calc(100% - 32px);

        gap: 42px;
    }

    .about-title {
        font-size: 37px;

        line-height: 1.08;
    }

    .about-lead {
        font-size: 17px;
    }

    .about-text {
        font-size: 15px;
    }

    .process-section {
        padding: 72px 0 68px;
    }

    .process-heading {
        text-align: center;
    }

    .process-title {
        font-size: 35px;

        line-height: 1.1;
    }

    .process-description {
        font-size: 16px;

        line-height: 1.65;
    }

    .process-grid {
        grid-template-columns: 1fr;

        gap: 14px;

        margin-top: 42px;
    }

    .process-step {
        min-height: auto;

        padding: 20px;

        border-radius: 19px;
    }

    .process-step-top {
        margin-bottom: 20px;
    }

    .process-step h3 {
        font-size: 20px;
    }

    .process-step p {
        font-size: 14px;
    }

    .process-result {
        margin-top: 22px;
    }

    .process-bottom .button {
        width: 100%;
    }

    .consultation-section {
        padding: 72px 0;
    }

    .consultation-container {
        width:
            calc(100% - 32px);

        gap: 40px;
    }

    .consultation-title {
        font-size: 35px;

        line-height: 1.1;
    }

    .consultation-lead {
        font-size: 16px;

        line-height: 1.65;
    }

    .consultation-points {
        margin-top: 27px;

        gap: 10px;
    }

    .consultation-point {
        padding: 15px;
    }

    .consultation-form-card {
        padding: 23px 19px;

        border-radius: 21px;
    }

    .consultation-form-header h3 {
        font-size: 22px;
    }

    .messenger-button {
        justify-content: flex-start;

        padding-left: 14px;
    }

    .faq-section {
        padding: 72px 0 68px;
    }

    .faq-title {
        font-size: 35px;

        line-height: 1.1;
    }

    .faq-description {
        font-size: 16px;

        line-height: 1.65;
    }

    .faq-list {
        margin-top: 40px;

        gap: 10px;
    }

    .faq-item {
        border-radius: 16px;
    }

    .faq-question {
        min-height: 70px;

        padding:
            18px 16px 18px 18px;

        gap: 16px;

        font-size: 15px;

        line-height: 1.4;
    }

    .faq-icon {
        width: 34px;

        height: 34px;

        font-size: 21px;
    }

    .faq-answer {
        padding:
            0 18px 19px;

        font-size: 14px;

        line-height: 1.65;
    }

    .faq-bottom {
        flex-direction: column;

        align-items: stretch;

        gap: 18px;

        margin-top: 26px;

        padding: 20px;

        text-align: center;
    }

    .faq-bottom .button {
        width: 100%;
    }
}

@media (max-width: 480px) {

    .header-container {
        width:
            calc(100% - 28px);
    }

    .site-logo-image {
        width: 200px;

        max-height: 46px;
    }

    .hero-badge {
        font-size: 10px;
    }

    .hero-title {
        font-size: 39px;

        line-height: 1.08;

        letter-spacing: -0.025em;
    }

    .hero-features {
        flex-direction: column;

        align-items: center;
    }

    .service-card-top {
        margin-bottom: 22px;
    }

    .service-card-icon {
        width: 52px;

        height: 52px;
    }

    .about-title {
        font-size: 34px;
    }

    .process-title {
        font-size: 32px;
    }

    .process-step {
        padding: 18px;
    }

    .process-number {
        min-width: 46px;

        height: 32px;
    }

    .process-icon {
        width: 42px;

        height: 42px;

        font-size: 17px;
    }

    .consultation-title {
        font-size: 32px;
    }

    .consultation-form-card {
        padding: 21px 16px;
    }

    .consultation-form-header h3 {
        font-size: 20px;
    }

    .form-field input {
        min-height: 50px;
    }

    .consultation-submit {
        min-height: 54px;
    }

    .faq-title {
        font-size: 32px;
    }

    .faq-question {
        padding:
            17px 14px 17px 16px;

        font-size: 14.5px;
    }

    .faq-answer {
        padding:
            0 16px 18px;
    }
}

.site-footer {
    position: relative;
    overflow: hidden;

    padding: 78px 0 28px;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(99, 91, 255, 0.18),
            transparent 30%
        ),
        radial-gradient(
            circle at 88% 90%,
            rgba(37, 99, 235, 0.12),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #171729 0%,
            #1d1d34 48%,
            #151625 100%
        );
}

.site-footer::before {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.022) 1px,
            transparent 1px
        );

    background-size: 48px 48px;
}

.footer-container {
    position: relative;

    z-index: 2;

    width:
        min(1180px, calc(100% - 48px));

    margin: 0 auto;
}

.footer-main {
    display: grid;

    grid-template-columns:
        minmax(280px, 1.25fr)
        minmax(160px, 0.62fr)
        minmax(180px, 0.72fr)
        minmax(240px, 0.9fr);

    gap: 55px;

    padding-bottom: 55px;
}

.footer-brand {
    max-width: 390px;
}

.footer-logo {
    display: inline-flex;

    align-items: center;

    margin-bottom: 24px;
}

.footer-description {
    max-width: 370px;

    margin: 0;

    color:
        rgba(255, 255, 255, 0.63);

    font-size: 14.5px;

    line-height: 1.7;
}

.footer-column {
    min-width: 0;
}

.footer-messengers {
    position: relative;

    z-index: 20;

    display: flex;

    flex-direction: column;

    gap: 9px;

    pointer-events: auto;
}

.footer-messenger {
    position: relative;

    z-index: 21;

    min-height: 46px;

    padding: 0 13px;

    display: flex;

    align-items: center;

    gap: 10px;

    color:
        rgba(255, 255, 255, 0.88);

    background:
        rgba(255, 255, 255, 0.055);

    border:
        1px solid
        rgba(255, 255, 255, 0.075);

    border-radius: 12px;

    font-size: 13px;

    font-weight: 700;

    pointer-events: auto;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.footer-messenger > * {
    pointer-events: none;
}

.footer-messenger:hover {
    transform: translateY(-2px);

    color: #ffffff;

    background:
        rgba(255, 255, 255, 0.09);

    border-color:
        rgba(255, 255, 255, 0.15);
}

.footer-messenger-icon {
    min-width: 28px;

    height: 28px;

    padding: 0 5px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    border-radius: 8px;

    font-size: 9px;

    line-height: 1;

    font-weight: 900;
}

.footer-messenger-telegram
.footer-messenger-icon {
    background: #229ed9;
}

.footer-messenger-whatsapp
.footer-messenger-icon {
    background: #25d366;
}

.footer-messenger-max
.footer-messenger-icon {
    background:
        linear-gradient(
            135deg,
            #7657ff,
            #b14bd5
        );
}

.footer-bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 28px;

    padding-top: 26px;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.09);
}

.footer-copyright {
    margin: 0;

    color:
        rgba(255, 255, 255, 0.43);

    font-size: 12.5px;

    line-height: 1.5;
}

.footer-legal {
    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex-wrap: wrap;

    gap: 18px;
}

.footer-legal a {
    color:
        rgba(255, 255, 255, 0.43);

    font-size: 12.5px;

    line-height: 1.5;

    transition:
        color 0.2s ease;
}

.footer-legal a:hover {
    color:
        rgba(255, 255, 255, 0.88);
}

@media (max-width: 1050px) {

    .site-footer {
        padding: 68px 0 26px;
    }

    .footer-container {
        width:
            min(100% - 40px, 760px);
    }

    .footer-main {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 45px 50px;

        padding-bottom: 46px;
    }

    .footer-brand {
        max-width: none;
    }

    .footer-description {
        max-width: 420px;
    }
}

@media (max-width: 700px) {

    .site-footer {
        padding: 58px 0 24px;
    }

    .footer-container {
        width:
            calc(100% - 32px);
    }

    .footer-main {
        grid-template-columns: 1fr;

        gap: 35px;

        padding-bottom: 38px;
    }

    .footer-brand {
        max-width: 100%;
    }

    .footer-description {
        max-width: 100%;

        font-size: 14px;
    }

    .footer-messengers {
        width: 100%;
    }

    .footer-messenger {
        width: 100%;
    }

    .footer-bottom {
        flex-direction: column;

        align-items: flex-start;

        gap: 14px;

        padding-top: 22px;
    }

    .footer-legal {
        justify-content: flex-start;

        gap: 10px 17px;
    }
}

@media (max-width: 480px) {

    .footer-container {
        width:
            calc(100% - 28px);
    }

    .footer-messenger {
        min-height: 45px;
    }
}

body.mobile-menu-open{overflow:hidden}
@media(max-width:1050px){
.site-header{overflow:visible}.header-container{position:relative}.mobile-menu-button{position:relative;z-index:1002;display:block;margin-left:auto}.mobile-menu-button span{transition:transform .22s ease,opacity .22s ease}.mobile-menu-button.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-button.is-open span:nth-child(2){opacity:0}.mobile-menu-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.main-nav{position:absolute;top:calc(100% + 1px);right:0;left:0;z-index:1001;display:flex;max-height:calc(100vh - 82px);padding:18px 24px 24px;overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e6e8ef;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 24px 50px rgba(18,24,40,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.main-nav>a,.nav-dropdown>a{display:flex;min-height:50px;padding:13px 4px;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef3}.nav-dropdown.is-open>a::after{transform:rotate(45deg)}.nav-dropdown.is-open .dropdown-menu{display:block}}
@media(max-width:700px){.main-nav{position:fixed;top:70px;right:12px;left:12px;padding:14px 18px 20px;border-top:1px solid #e6e8ef;border-radius:16px}}

.service-card-icon{position:relative;isolation:isolate;overflow:visible}.service-card-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.service-card-direct .service-card-icon{color:#9a5700;background:linear-gradient(135deg,#fff1a8,#ffd45c);box-shadow:0 10px 24px rgba(244,180,0,.24)}.service-card-yandex .service-card-icon{color:#4338ca;background:linear-gradient(135deg,#eeeaff,#d9d3ff);box-shadow:0 10px 24px rgba(79,70,229,.22)}.service-card-google .service-card-icon{color:#1261c9;background:linear-gradient(135deg,#ddebff,#d8f8e4);box-shadow:0 10px 24px rgba(37,99,235,.2)}
.additional-services{margin-top:68px;padding:38px;background:linear-gradient(135deg,#f8f8ff,#f4f6fb);border:1px solid #e4e5ef;border-radius:26px}.additional-services-heading{max-width:720px;margin-bottom:28px}.additional-services-heading h3{margin:0 0 10px;font-size:clamp(25px,3vw,36px);line-height:1.15}.additional-services-heading p{margin:0;color:#696d76}.additional-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.additional-service-card{min-height:104px;padding:17px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;background:#fff;border:1px solid #e4e5ed;border-radius:16px;transition:.22s ease}.additional-service-card:hover{transform:translateY(-4px);border-color:#c9c5ff;box-shadow:0 17px 34px rgba(32,36,60,.09)}.additional-service-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#4f46e5;background:#efedff;border-radius:12px}.additional-service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.additional-service-card strong,.additional-service-card small{display:block}.additional-service-card strong{font-size:14px;color:#262930}.additional-service-card small{margin-top:4px;color:#828690;font-size:11.5px}.additional-service-card b{color:#4f46e5;font-size:18px}
@media(max-width:1050px){.additional-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.additional-services{margin-top:48px;padding:25px 18px}.additional-services-grid{grid-template-columns:1fr}}

.main-menu,
.main-menu .sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu {
    display: flex;
    align-items: center;
    gap: 25px;
}

.main-menu > li {
    position: relative;
}

.main-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 82px;
    color: #34373d;
    font-size: 15px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.main-menu > li > a:hover,
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a {
    color: #4f46e5;
}

.submenu-toggle {
    position: absolute;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.main-menu > .menu-item-has-children > .submenu-toggle {
    top: 50%;
    right: -17px;
    width: 18px;
    height: 24px;
    padding: 0;
    transform: translateY(-50%);
}

.submenu-toggle span::before,
.submenu-toggle span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 1.5px;
    background: currentColor;
    transition: transform 0.2s ease;
}

.submenu-toggle span::before {
    transform: translate(-78%, -50%) rotate(45deg);
}

.submenu-toggle span::after {
    transform: translate(-22%, -50%) rotate(-45deg);
}

.main-menu > .menu-item-has-children > .sub-menu {
    position: absolute;
    top: calc(100% - 8px);
    left: 50%;
    z-index: 20;
    width: min(760px, calc(100vw - 48px));
    padding: 22px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    background: #ffffff;
    border: 1px solid #e5e7ef;
    border-radius: 18px;
    box-shadow: 0 22px 55px rgba(18, 24, 40, 0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 10px);
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
}

.main-menu > .menu-item-has-children:hover > .sub-menu,
.main-menu > .menu-item-has-children:focus-within > .sub-menu,
.main-menu > .menu-item-has-children.is-open > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.main-menu > .menu-item-has-children > .sub-menu > li {
    position: relative;
    min-width: 0;
    padding: 16px;
    background: #f8f8fc;
    border: 1px solid #ececf3;
    border-radius: 14px;
}

.main-menu > .menu-item-has-children > .sub-menu > li > a {
    display: block;
    margin-bottom: 10px;
    color: #20232a;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 800;
}

.main-menu > .menu-item-has-children > .sub-menu > li > .submenu-toggle {
    display: none;
}

.main-menu .sub-menu .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.main-menu .sub-menu .sub-menu a {
    display: block;
    padding: 8px 9px;
    color: #626670;
    border-radius: 8px;
    font-size: 12.5px;
    line-height: 1.35;
    font-weight: 600;
    transition:
        color 0.2s ease,
        background 0.2s ease;
}

.main-menu .sub-menu .sub-menu a:hover {
    color: #4f46e5;
    background: #eeedff;
}

@media (max-width: 1180px) and (min-width: 1051px) {

    .main-menu {
        gap: 18px;
    }

    .main-menu > li > a {
        font-size: 14px;
    }
}

@media (max-width: 1050px) {

    .main-nav .main-menu {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .main-menu > li {
        position: relative;
        border-bottom: 1px solid #eceef3;
    }

    .main-menu > li > a {
        min-height: 52px;
        padding: 13px 48px 13px 5px;
        font-size: 15px;
    }

    .main-menu .submenu-toggle,
    .main-menu > .menu-item-has-children > .submenu-toggle {
        position: absolute;
        top: 7px;
        right: 0;
        z-index: 2;
        display: block;
        width: 42px;
        height: 40px;
        padding: 0;
        color: #34373d;
        transform: none;
    }

    .main-menu .submenu-toggle span::before {
        width: 12px;
        transform: translate(-50%, -50%);
    }

    .main-menu .submenu-toggle span::after {
        width: 12px;
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .main-menu .menu-item-has-children.is-open > .submenu-toggle span::after {
        transform: translate(-50%, -50%) rotate(0);
    }

    .main-menu > .menu-item-has-children > .sub-menu {
        position: static;
        width: auto;
        padding: 8px 0 13px 14px;
        display: none;
        grid-template-columns: 1fr;
        gap: 7px;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        transition: none;
    }

    .main-menu > .menu-item-has-children:hover > .sub-menu,
    .main-menu > .menu-item-has-children:focus-within > .sub-menu {
        display: none;
        transform: none;
    }

    .main-menu > .menu-item-has-children.is-open > .sub-menu {
        display: grid;
        transform: none;
    }

    .main-menu > .menu-item-has-children > .sub-menu > li {
        padding: 0;
        background: #f7f8fc;
        border: 1px solid #e8e9f0;
        border-radius: 12px;
    }

    .main-menu > .menu-item-has-children > .sub-menu > li > a {
        min-height: 47px;
        margin: 0;
        padding: 13px 48px 12px 13px;
        display: flex;
        align-items: center;
        font-size: 13px;
    }

    .main-menu .sub-menu .sub-menu {
        display: none;
        padding: 0 8px 10px;

    }
}

.door-logo{font-family:"Montserrat Alternates",sans-serif;font-size:28px;font-weight:900;letter-spacing:-.045em;color:#111318;white-space:nowrap}.door-logo span{color:#4f46e5}.footer-logo.door-logo{display:inline-flex;align-items:center;font-size:29px;margin-bottom:18px}
.main-menu{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}.main-menu>li{position:relative}.main-menu>li>a{display:flex;align-items:center;padding:30px 0;color:#34373d;font-size:15px;font-weight:600}.main-menu>li>a:hover{color:#4f46e5}.main-menu .sub-menu{position:absolute;top:calc(100% - 8px);left:-22px;z-index:20;min-width:260px;margin:0;padding:10px;list-style:none;background:#fff;border:1px solid #e8eaf0;border-radius:14px;box-shadow:0 18px 50px rgba(18,24,40,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.main-menu .sub-menu a{display:block;padding:11px 12px;border-radius:9px;color:#34373d;font-size:14px;font-weight:700}.main-menu .sub-menu a:hover{color:#4f46e5;background:#f4f3ff}.main-menu .menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.hero-form-visual{align-items:center}.hero-consultation-card{width:100%;max-width:580px;padding:27px}.hero-consultation-card .consultation-form-header{margin-bottom:20px}.hero-consultation-card .consultation-form-header h3{font-size:clamp(27px,2.3vw,36px)}.hero-consultation-card .consultation-form{gap:13px}.hero-consultation-card .form-field{gap:6px}.hero-consultation-card .form-field input,.hero-consultation-card .form-field select{min-height:50px}.hero-consultation-card .consultation-submit{min-height:54px}.hero-messengers-title{margin:20px 0 10px;color:#777b86;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.hero-messengers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.hero-messengers .messenger-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:8px 10px;border:1px solid #e1e3eb;background:#fff;border-radius:11px;font-size:12px;font-weight:800}.hero-messengers .messenger-button:hover{border-color:#c9c6ff;box-shadow:0 10px 24px rgba(79,70,229,.09)}.messenger-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#f2f1ff;color:#4f46e5;font-size:10px;font-weight:900}
.service-card-icon{font-size:24px}.faq-item summary{cursor:pointer}.door-form select{width:100%;padding:0 15px;color:#20232a;background:#fff;border:1px solid #dfe1e8;border-radius:11px;outline:none}.door-form select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.09)}
.door-section{padding:92px 0;background:#fff}.door-section:nth-of-type(even){background:#f7f8fc}.door-card-grid{display:grid;gap:22px}.door-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.door-info-card{position:relative;padding:30px;background:#fff;border:1px solid #e5e7ef;border-radius:22px;box-shadow:0 18px 45px rgba(31,35,48,.06)}.door-info-card h3{margin:18px 0 10px;font-size:22px;line-height:1.2}.door-info-card p{margin:0;color:#686d79;line-height:1.65}.door-card-icon,.door-card-number{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#ecebff;color:#4f46e5;font-weight:900}.door-card-number{width:auto;display:inline-flex;padding:0 15px;font-size:13px;letter-spacing:.08em}

.door-brands-section{background:#f7f8fc!important}.brand-heading{max-width:850px}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-card{position:relative;display:flex;align-items:center;gap:16px;min-height:132px;padding:24px;background:#fff;border:1px solid #e3e5ed;border-radius:22px;box-shadow:0 16px 38px rgba(31,35,48,.055);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.brand-card::after{content:"";position:absolute;right:-36px;bottom:-52px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.12),transparent 68%)}.brand-card:hover{transform:translateY(-5px);border-color:#c9c6ff;box-shadow:0 24px 50px rgba(79,70,229,.12)}.brand-mark{display:grid;flex:0 0 64px;width:64px;height:64px;place-items:center;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#756df1);box-shadow:0 12px 25px rgba(79,70,229,.2);color:#fff;font-family:"Montserrat Alternates",sans-serif;font-size:17px;font-weight:900;letter-spacing:-.03em}.brand-card h3{margin:0 0 7px;font-size:21px}.brand-card p{margin:0;color:#7a7f8a;font-size:14px}.brand-arrow{position:relative;z-index:2;margin-left:auto;color:#4f46e5;font-weight:900}.brands-note{margin-top:26px;padding:20px 24px;background:#fff;border:1px solid #e4e6ed;border-radius:16px;color:#555a65}.brands-note a{color:#4f46e5;font-weight:800}
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.compare-card{padding:34px;background:#fff;border:1px solid #e2e4ec;border-radius:24px}.compare-card-accent{background:#171922;color:#fff;border-color:#252938}.compare-tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ecebff;color:#4f46e5;font-weight:900;font-size:13px}.compare-card-accent .compare-tag{background:rgba(255,255,255,.1);color:#b9b5ff}.compare-card h3{margin:20px 0;font-size:27px}.compare-card ul{margin:0;padding-left:20px;color:#666c77;line-height:1.85}.compare-card-accent ul{color:#c9ccd5}
.door-reviews-section{background:#f7f8fc!important}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.review-card{padding:30px;background:#fff;border:1px solid #e3e5ed;border-radius:22px;box-shadow:0 18px 45px rgba(31,35,48,.06)}.review-stars{color:#4f46e5;letter-spacing:.14em;font-size:18px}.review-card>p{color:#4f535e;font-size:17px;line-height:1.7}.review-author{display:flex;flex-direction:column;gap:4px;margin-top:22px}.review-author span{color:#8a8f99;font-size:14px}
.door-areas-section{background:#fff!important}.area-groups{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.area-group-card{padding:30px;background:#fff;border:1px solid #e3e5ed;border-radius:24px;box-shadow:0 18px 45px rgba(31,35,48,.055)}.area-group-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.area-group-top h3{margin:0 0 8px;font-size:26px}.area-group-top p{margin:0;color:#737884;line-height:1.6}.area-group-badge{display:inline-flex;padding:8px 11px;border-radius:999px;background:#ecebff;color:#4f46e5;font-size:12px;font-weight:900;white-space:nowrap}.district-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.district-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px 15px;border:1px solid #e6e7ee;border-radius:13px;background:#fafaff;color:#343740;font-weight:800}.district-card span{color:#4f46e5;font-size:12px}.district-card:hover{border-color:#c9c6ff;background:#f5f4ff}.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-card{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:13px 15px;border:1px solid #e6e7ee;border-radius:13px;background:#fff;color:#343740;font-weight:800}.city-card::after{content:"→";color:#4f46e5}.city-card:hover{border-color:#c9c6ff;background:#fafaff}.area-note{margin-top:18px;color:#7d828d;font-size:14px;line-height:1.6}
.seo-content-card{padding:42px;background:#f7f8fc;border:1px solid #e4e6ed;border-radius:26px}.seo-content-card h2{margin:13px 0 25px;font-size:clamp(32px,4vw,50px);line-height:1.1}.seo-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.seo-columns p{margin:0;color:#626773;font-size:17px;line-height:1.8}
.door-final-cta{padding:92px 0;background:#11131a}.final-cta-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:40px;align-items:center;padding:48px;border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(79,70,229,.35),transparent 35%),#171a23;color:#fff;border:1px solid rgba(255,255,255,.08)}.final-cta-card h2{margin:13px 0 15px;font-size:clamp(34px,4.5vw,58px);line-height:1.05}.final-cta-card p{color:#c6cad4;font-size:18px}.final-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.final-cta-messengers{display:flex;flex-wrap:wrap;gap:10px}.final-cta-messengers a{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#e9eaf0;font-size:14px;font-weight:800}
.door-contacts-section{background:#f7f8fc!important}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.contact-card{display:flex;flex-direction:column;gap:7px;padding:28px;background:#fff;border:1px solid #e3e5ed;border-radius:20px}.contact-card span,.contact-card small{color:#818691}.contact-card strong{font-family:"Montserrat Alternates",sans-serif;font-size:23px}

.site-footer{position:relative;overflow:hidden;background:#f5f6fa;border-top:1px solid #e3e5ed;color:#252831}.footer-container{position:relative;z-index:2;width:min(1380px,calc(100% - 48px));margin:0 auto;padding:68px 0 24px}.footer-main{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(150px,.65fr) minmax(150px,.65fr) minmax(260px,1fr);gap:44px}.footer-brand,.footer-column,.footer-contact{min-width:0}.footer-description,.footer-direct,.footer-contact-description{color:#6e737e;line-height:1.7}.footer-column h3,.footer-contact h3{margin:0 0 18px;font-size:17px}.footer-links-list{display:flex;flex-direction:column;gap:11px}.footer-links-list a{color:#555a65}.footer-links-list a:hover{color:#4f46e5}.footer-messengers{display:grid;gap:10px}.footer-messenger{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:52px;padding:8px 12px;background:#fff;border:1px solid #e1e3ea;border-radius:13px}.footer-messenger-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#ecebff;color:#4f46e5;font-size:11px;font-weight:900}.footer-messenger-text{font-size:14px;font-weight:800}.footer-messenger-arrow{color:#4f46e5;font-weight:900}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding-top:22px;border-top:1px solid #dfe1e8;color:#747985;font-size:14px}.footer-legal{display:flex;flex-wrap:wrap;gap:18px}.footer-legal a:hover{color:#4f46e5}
@media(max-width:1050px){.main-nav{position:fixed;top:70px;left:0;right:0;display:none!important;max-height:calc(100vh - 70px);overflow:auto;padding:18px;background:#fff;border-bottom:1px solid #e9ebf0}.main-nav.is-open{display:block!important}.main-menu{display:block}.main-menu>li>a{padding:14px 10px}.main-menu .sub-menu{position:static;display:none;min-width:0;margin:0 0 6px 16px;box-shadow:none;opacity:1;visibility:visible;transform:none}.main-menu .menu-item-has-children.is-open>.sub-menu{display:block}.door-logo{font-size:23px}.hero-visual.hero-form-visual{min-height:auto}.hero-consultation-card{max-width:620px}.hero-messengers{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.area-groups{grid-template-columns:1fr}}
@media(max-width:900px){.door-card-grid-3,.brand-grid,.reviews-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-cta-card{grid-template-columns:1fr}.seo-columns{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}}
@media(max-width:620px){.door-logo{font-size:20px}.hero-consultation-card{padding:20px}.hero-messengers{grid-template-columns:1fr}.door-section,.door-final-cta{padding:66px 0}.door-card-grid-3,.brand-grid,.reviews-grid,.contact-grid{grid-template-columns:1fr}.final-cta-card,.seo-content-card{padding:28px 22px}.brand-card{min-height:110px;padding:20px}.door-info-card{padding:24px}.final-cta-messengers{width:100%}.final-cta-messengers a{flex:1;text-align:center}.district-grid,.city-grid{grid-template-columns:1fr}.area-group-card{padding:24px 20px}.footer-container{width:min(100% - 28px,1380px);padding-top:48px}.footer-main{grid-template-columns:1fr;gap:28px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-legal{flex-direction:column;gap:10px}}

.hero-consultation-card {
    padding: 22px 26px 20px;
}

.hero-consultation-card::before {
    left: 26px;
    right: 26px;
}

.hero-consultation-card .consultation-form-header {
    margin-bottom: 14px;
}

.hero-consultation-card .consultation-form-label {
    margin-bottom: 5px;
}

.hero-consultation-card .consultation-form-header h3 {
    margin-bottom: 6px;
    font-size: clamp(27px, 2.15vw, 33px);
    line-height: 1.08;
}

.hero-consultation-card .consultation-form-header p {
    font-size: 13.5px;
    line-height: 1.42;
}

.hero-consultation-card .consultation-form {
    gap: 9px;
}

.hero-consultation-card .form-field label {
    margin-bottom: 5px;
    font-size: 12.5px;
}

.hero-consultation-card .form-field input,
.hero-consultation-card .form-field select {
    min-height: 44px;
    border-radius: 11px;
}

.hero-consultation-card .form-field input {
    padding: 0 14px;
}

.hero-consultation-card .consultation-consent {
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    font-size: 11.5px;
    line-height: 1.35;
}

.hero-consultation-card .consultation-consent input {
    width: 16px;
    height: 16px;
    margin-top: 0;
}

.hero-consultation-card .consultation-submit {
    min-height: 48px;
    border-radius: 11px;
    font-size: 14.5px;
}

.hero-consultation-card .consultation-submit-arrow {
    font-size: 19px;
}

.hero-consultation-card .hero-messengers-title {
    margin: 13px 0 7px;
    font-size: 11.5px;
}

.hero-consultation-card .hero-messengers {
    gap: 7px;
}

.hero-consultation-card .hero-messengers .messenger-button {
    min-height: 40px;
    padding: 6px 8px;
    border-radius: 10px;
    font-size: 11.5px;
}

.hero-consultation-card .hero-messengers .messenger-icon {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    font-size: 9px;
}

@media (max-width: 620px) {
    .hero-consultation-card {
        padding: 19px 18px 18px;
    }

    .hero-consultation-card .consultation-form-header h3 {
        font-size: 27px;
    }
}

@media (min-width: 1051px) {
    .hero {
        align-items: flex-start;
    }

    .hero-container {
        padding-top: 46px;
        padding-bottom: 58px;
    }
}

@media (min-width: 1051px) {
    .hero {
        min-height: calc(100vh - 82px);
        align-items: stretch;
    }

    .hero-container {
        min-height: calc(100vh - 82px);
        padding-top: 22px;
        padding-bottom: 24px;
        align-items: center;
    }

    .hero-visual,
    .hero-visual.hero-form-visual {
        min-height: 0;
    }

    .hero-badge {
        margin-bottom: 16px;
    }

    .hero-title {
        margin-bottom: 16px;
    }

    .hero-lead {
        margin-bottom: 9px;
    }

    .hero-text {
        line-height: 1.55;
    }

    .hero-buttons {
        margin-top: 22px;
    }

    .hero-features {
        margin-top: 18px;
    }

    .hero-consultation-card {
        padding: 18px 24px 17px;
    }

    .hero-consultation-card::before {
        left: 24px;
        right: 24px;
    }

    .hero-consultation-card .consultation-form-header {
        margin-bottom: 11px;
    }

    .hero-consultation-card .consultation-form-header h3 {
        font-size: clamp(26px, 2vw, 32px);
    }

    .hero-consultation-card .consultation-form-header p {
        margin-bottom: 0;
        line-height: 1.35;
    }

    .hero-consultation-card .consultation-form {
        gap: 7px;
    }

    .hero-consultation-card .form-field label {
        margin-bottom: 3px;
    }

    .hero-consultation-card .form-field input,
    .hero-consultation-card .form-field select {
        min-height: 42px;
    }

    .hero-consultation-card .consultation-submit {
        min-height: 46px;
    }

    .hero-consultation-card .hero-messengers-title {
        margin: 10px 0 6px;
    }

    .hero-consultation-card .hero-messengers .messenger-button {
        min-height: 38px;
    }
}

@media (min-width: 1051px) and (max-height: 820px) {
    .hero-container {
        padding-top: 14px;
        padding-bottom: 16px;
    }

    .hero-badge {
        margin-bottom: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .hero-title {
        margin-bottom: 12px;
        font-size: clamp(44px, 3.8vw, 56px);
    }

    .hero-lead {
        margin-bottom: 7px;
        font-size: clamp(20px, 1.7vw, 25px);
    }

    .hero-text {
        font-size: 16.5px;
        line-height: 1.48;
    }

    .hero-buttons {
        margin-top: 17px;
    }

    .hero-features {
        margin-top: 14px;
    }

    .hero-consultation-card {
        padding: 15px 22px 14px;
    }

    .hero-consultation-card .consultation-form-header h3 {
        font-size: 28px;
    }

    .hero-consultation-card .consultation-form-header p {
        font-size: 12.5px;
    }

    .hero-consultation-card .form-field input,
    .hero-consultation-card .form-field select {
        min-height: 39px;
    }

    .hero-consultation-card .consultation-submit {
        min-height: 43px;
    }

    .hero-consultation-card .hero-messengers .messenger-button {
        min-height: 35px;
    }
}

@media (min-width: 1051px) {
    .site-header,
    .header-container,
    .main-nav,
    .main-menu,
    .main-menu > li {
        overflow: visible;
    }

    .main-menu > .menu-services {
        position: static;
    }

    .main-menu > .menu-services > .services-mega-menu {
        position: fixed !important;
        top: 82px !important;
        left: 50% !important;
        right: auto !important;
        z-index: 9999 !important;
        width: min(1180px, calc(100vw - 48px)) !important;
        min-width: 0 !important;
        max-height: calc(100vh - 98px);
        margin: 0 !important;
        padding: 16px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        overflow: visible !important;
        background: #fff !important;
        border: 1px solid #e5e7ef !important;
        border-radius: 20px !important;
        box-shadow: 0 24px 60px rgba(18, 24, 40, .16) !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate(-50%, 7px) !important;
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    }

    .main-menu > .menu-services:hover > .services-mega-menu,
    .main-menu > .menu-services:focus-within > .services-mega-menu,
    .main-menu > .menu-services.mega-open > .services-mega-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate(-50%, 0) !important;
    }

    .services-mega-menu > .mega-service-card {
        min-width: 0;
        padding: 14px 16px !important;
        background: #f8f8fc !important;
        border: 1px solid #e7e8f0 !important;
        border-radius: 15px !important;
    }

    .services-mega-menu .mega-service-head {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        margin-bottom: 8px;
    }

    .services-mega-menu .mega-service-number {
        color: #4f46e5;
        font-size: 17px;
        line-height: 1.25;
        font-weight: 800;
    }

    .services-mega-menu .mega-service-title {
        display: block;
        padding: 0 !important;
        color: #252830 !important;
        background: transparent !important;
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }

    .services-mega-menu .mega-service-head p {
        margin: 4px 0 0;
        color: #7a7e89;
        font-size: 12.5px;
        line-height: 1.3;
    }

    .services-mega-menu .mega-service-links {
        display: grid;
        gap: 4px;
    }

    .services-mega-menu .mega-service-links a {
        display: block;
        padding: 6px 8px !important;
        color: #4f535d !important;
        background: transparent !important;
        border-radius: 8px !important;
        font-size: 13.5px !important;
        line-height: 1.28 !important;
        font-weight: 700 !important;
    }

    .services-mega-menu .mega-service-links a:hover {
        color: #4f46e5 !important;
        background: #eeedff !important;
    }
}

.hero-consultation-card .form-field textarea {
    width: 100%;
    min-height: 62px;
    max-height: 92px;
    padding: 11px 14px;
    resize: vertical;
    color: #20232a;
    background: #fff;
    border: 1px solid #dfe1e8;
    border-radius: 11px;
    outline: none;
    font: inherit;
    line-height: 1.35;
}
.hero-consultation-card .form-field textarea::placeholder {
    color: #9ca1ad;
}
.hero-consultation-card .form-field textarea:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79,70,229,.09);
}
@media (min-width: 1051px) and (max-height: 820px) {
    .hero-consultation-card .form-field textarea {
        min-height: 54px;
        max-height: 72px;
        padding: 8px 12px;
    }
}

@media (min-width: 1051px) {
    .site-header { overflow: visible !important; }
    .header-container,
    .main-nav,
    .main-menu,
    .main-menu > li,
    .main-menu > .menu-services { overflow: visible !important; }

    .main-menu > .menu-services { position: static !important; }

    .main-menu > .menu-services > .services-mega-menu {
        position: fixed !important;
        top: 82px !important;
        left: 50% !important;
        right: auto !important;
        width: min(1180px, calc(100vw - 56px)) !important;
        max-width: 1180px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 14px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 11px !important;
        overflow: visible !important;
        background: #fff !important;
        border: 1px solid #e5e7ef !important;
        border-radius: 19px !important;
        box-shadow: 0 24px 60px rgba(18,24,40,.16) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate(-50%, 5px) !important;
        transition: opacity .16s ease, visibility .16s ease, transform .16s ease !important;
        z-index: 10050 !important;
    }

    .main-menu > .menu-services.mega-open > .services-mega-menu,
    .main-menu > .menu-services:focus-within > .services-mega-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate(-50%, 0) !important;
    }

    .services-mega-menu > .mega-service-card {
        min-width: 0 !important;
        padding: 13px 15px !important;
        background: #f8f8fc !important;
        border: 1px solid #e7e8f0 !important;
        border-radius: 14px !important;
    }

    .services-mega-menu .mega-service-head {
        display: grid !important;
        grid-template-columns: 32px minmax(0,1fr) !important;
        gap: 9px !important;
        margin-bottom: 7px !important;
        align-items: start !important;
    }

    .services-mega-menu .mega-service-number {
        font-size: 17px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        color: #4f46e5 !important;
    }

    .services-mega-menu .mega-service-title {
        padding: 0 !important;
        font-family: "Montserrat Alternates", sans-serif !important;
        font-size: 15.5px !important;
        line-height: 1.22 !important;
        font-weight: 800 !important;
        color: #252830 !important;
        background: transparent !important;
    }

    .services-mega-menu .mega-service-head p {
        margin: 3px 0 0 !important;
        font-size: 12.5px !important;
        line-height: 1.28 !important;
        color: #7a7e89 !important;
    }

    .services-mega-menu .mega-service-links {
        display: grid !important;
        gap: 3px !important;
    }

    .services-mega-menu .mega-service-links a {
        padding: 5px 7px !important;
        border-radius: 7px !important;
        font-size: 13.5px !important;
        line-height: 1.24 !important;
        font-weight: 700 !important;
        color: #4f535d !important;
        background: transparent !important;
    }

    .services-mega-menu .mega-service-links a:hover,
    .services-mega-menu .mega-service-links a:focus-visible {
        color: #4f46e5 !important;
        background: #eeedff !important;
    }
}

.hero-buttons.hero-buttons-single {
    display: block;
    margin-top: 24px;
}

.hero-main-cta {
    width: min(560px, 100%);
    min-height: 86px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #5b52ee 100%);
    border: 1px solid rgba(79, 70, 229, .9);
    border-radius: 18px;
    box-shadow: 0 18px 38px rgba(79, 70, 229, .22);
    cursor: pointer;
    text-align: left;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.hero-main-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 46px rgba(79, 70, 229, .28);
    background: linear-gradient(135deg, #4338ca 0%, #554bea 100%);
}

.hero-main-cta-icon,
.hero-main-cta-arrow {
    display: grid;
    place-items: center;
    border-radius: 50%;
}

.hero-main-cta-icon {
    width: 54px;
    height: 54px;
    color: #4f46e5;
    background: #fff;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 8px 22px rgba(24, 24, 45, .13);
}

.hero-main-cta-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.hero-main-cta-copy strong {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: clamp(18px, 1.5vw, 24px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.025em;
}

.hero-main-cta-copy small {
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
}

.hero-main-cta-arrow {
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, .13);
    font-size: 24px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .hero-buttons.hero-buttons-single {
        margin-top: 20px;
    }

    .hero-main-cta {
        width: 100%;
        min-height: 76px;
        grid-template-columns: 46px minmax(0, 1fr) 36px;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 16px;
    }

    .hero-main-cta-icon {
        width: 46px;
        height: 46px;
        font-size: 19px;
    }

    .hero-main-cta-arrow {
        width: 36px;
        height: 36px;
        font-size: 21px;
    }

    .hero-main-cta-copy strong {
        font-size: 17px;
    }

    .hero-main-cta-copy small {
        font-size: 12px;
    }
}

body.modal-open {
    overflow: hidden;
}

.site-modal {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}

.site-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.site-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(12, 14, 22, .56);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.site-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(560px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 34px;
    background: #fff;
    border: 1px solid #e5e7ef;
    border-radius: 26px;
    box-shadow: 0 30px 90px rgba(26, 29, 45, .22);
    transform: translateY(16px) scale(.985);
    transition: transform .22s ease;
}

.site-modal.is-open .site-modal-dialog {
    transform: translateY(0) scale(1);
}

.site-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #34373d;
    background: #f5f6fb;
    border: 1px solid #e3e5ee;
    border-radius: 12px;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.site-modal-close:hover {
    color: #fff;
    background: #4f46e5;
    border-color: #4f46e5;
}

.site-modal .consultation-form-header {
    padding-right: 48px;
    margin-bottom: 22px;
}

.site-modal .consultation-form-label {
    display: inline-block;
    margin-bottom: 8px;
    color: #4f46e5;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.site-modal .consultation-form-header h3 {
    margin: 0 0 10px;
    color: #111318;
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.site-modal .consultation-form-header p {
    margin: 0;
    color: #717681;
    font-size: 15px;
    line-height: 1.55;
}

.site-modal .consultation-form {
    display: grid;
    gap: 15px;
}

.site-modal .form-field {
    display: grid;
    gap: 7px;
}

.site-modal .form-field label {
    color: #34373d;
    font-size: 14px;
    font-weight: 800;
}

.site-modal .form-field input,
.site-modal .form-field textarea,
.site-modal .form-field select {
    width: 100%;
    min-height: 50px;
    padding: 13px 15px;
    color: #171920;
    background: #fafbfe;
    border: 1px solid #dfe2eb;
    border-radius: 13px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.site-modal .form-field textarea {
    min-height: 92px;
    resize: vertical;
}

.site-modal .form-field input:focus,
.site-modal .form-field textarea:focus,
.site-modal .form-field select:focus {
    background: #fff;
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, .10);
}

.site-modal .consultation-submit,
.site-modal button[type="submit"] {
    width: 100%;
    min-height: 54px;
    margin-top: 2px;
    color: #fff;
    background: #4f46e5;
    border: 0;
    border-radius: 13px;
    cursor: pointer;
    font-weight: 900;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.site-modal .consultation-submit:hover,
.site-modal button[type="submit"]:hover {
    background: #4338ca;
    box-shadow: 0 14px 34px rgba(79, 70, 229, .24);
    transform: translateY(-1px);
}

@media (max-width: 767px) {
    .site-modal {
        padding: 14px;
    }

    .site-modal-dialog {
        max-height: calc(100vh - 28px);
        padding: 26px 20px 22px;
        border-radius: 20px;
    }

    .site-modal-close {
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
    }
}

.service-card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: auto;
    padding: 0 28px 28px;
}

.service-card-call,
.service-card-details {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 13px;
    font-family: "Nunito Sans", sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.service-card-call {
    border: 1px solid #4f46e5;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #5b50ef 100%);
    box-shadow: 0 10px 22px rgba(79, 70, 229, .20);
}

.service-card-call:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(79, 70, 229, .28);
}

.service-card-details {
    color: #2b2e36;
    background: #fff;
    border: 1px solid #dfe2eb;
    text-decoration: none;
}

.service-card-details:hover {
    color: #4f46e5;
    border-color: rgba(79, 70, 229, .42);
    background: #f8f8ff;
    transform: translateY(-2px);
}

.service-card-details span {
    font-size: 18px;
    line-height: 1;
    transition: transform .18s ease;
}

.service-card-details:hover span { transform: translateX(3px); }

@media (max-width: 720px) {
    .service-card-actions {
        grid-template-columns: 1fr 1fr;
        padding: 0 20px 20px;
        gap: 8px;
    }
    .service-card-call,
    .service-card-details {
        min-height: 46px;
        padding: 11px 10px;
        font-size: 14px;
    }
}

.service-detail-hero { padding: 90px 0 110px; background: #f7f8fc; min-height: calc(100vh - 82px); }
.service-detail-hero .section-container { max-width: 920px; }
.service-detail-hero h1 { margin: 14px 0 20px; font-size: clamp(42px, 6vw, 72px); line-height: 1.03; letter-spacing: -.045em; }
.service-detail-hero p { max-width: 760px; color: #666b78; font-size: 20px; line-height: 1.65; }
.service-detail-hero ul { margin: 32px 0; padding-left: 22px; color: #343840; font-size: 18px; line-height: 1.9; }
.service-detail-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }

.services-grid .service-card {
    min-height: 515px;
    padding: 26px;
}

.services-grid .service-card-top {
    margin-bottom: 24px;
}

.services-grid .service-card-icon {
    width: 58px;
    height: 58px;
}

.services-grid .service-card-icon svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.services-grid .service-card p {
    margin-bottom: 18px;
}

.services-grid .service-card-list li {
    margin-bottom: 9px;
}

.services-grid .service-card-actions {
    grid-template-columns: 1.14fr .86fr;
    gap: 10px;
    margin-top: 22px;
    padding: 0;
}

.services-grid .service-card-call,
.services-grid .service-card-details {
    min-height: 50px;
    padding: 12px 14px;
    white-space: nowrap;
    font-size: 14px;
}

.services-grid .service-card-call {
    width: 100%;
}

@media (max-width: 1100px) and (min-width: 721px) {
    .services-grid .service-card-actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .services-grid .service-card {
        min-height: 0;
    }
    .services-grid .service-card-actions {
        grid-template-columns: 1fr 1fr;
        margin-top: 20px;
        padding: 0;
    }
    .services-grid .service-card-call,
    .services-grid .service-card-details {
        min-height: 48px;
        font-size: 13px;
        padding: 11px 8px;
    }
}

.additional-services {
    margin-top: 58px;
    padding: 36px 38px 38px;
}

.additional-services-heading {
    max-width: 830px;
    margin-bottom: 30px;
}

.additional-services-heading h3 {
    margin: 7px 0 0;
    font-size: clamp(32px, 3.1vw, 46px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.additional-services-grid {
    gap: 14px;
}

.additional-service-card {
    min-height: 112px;
    padding: 19px 20px;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    gap: 15px;
    border-color: #e3e5ee;
    box-shadow: none;
}

.additional-service-card:hover {
    transform: translateY(-3px);
    border-color: #c9c5ff;
    box-shadow: 0 15px 32px rgba(38, 42, 70, .08);
}

.additional-service-card:focus {
    outline: none;
}

.additional-service-card:focus-visible {
    border-color: #9e98ff;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .12);
}

.additional-service-icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
}

.additional-service-icon svg {
    width: 27px;
    height: 27px;
    stroke-width: 2.2;
}

.additional-service-card strong {
    color: #24262d;
    font-size: 16.5px;
    line-height: 1.25;
    font-weight: 800;
}

.additional-service-card small {
    margin-top: 6px;
    color: #7b808b;
    font-size: 13.5px;
    line-height: 1.35;
}

.additional-service-card b {
    font-size: 22px;
    line-height: 1;
}

.services-bottom {
    min-height: 64px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.services-bottom p,
.services-consultation-link {
    font-size: 15.5px;
}

@media (max-width: 1050px) {
    .additional-services-heading h3 {
        font-size: clamp(30px, 4vw, 40px);
    }
}

@media (max-width: 700px) {
    .additional-services {
        margin-top: 44px;
        padding: 25px 18px;
    }

    .additional-services-heading {
        margin-bottom: 22px;
    }

    .additional-services-heading h3 {
        font-size: 29px;
    }

    .additional-service-card {
        min-height: 98px;
        padding: 16px;
        grid-template-columns: 46px minmax(0, 1fr) auto;
        gap: 12px;
    }

    .additional-service-icon {
        width: 46px;
        height: 46px;
    }

    .additional-service-card strong {
        font-size: 16px;
    }

    .additional-service-card small {
        font-size: 13px;
    }
}

.prices-section {
    padding: 94px 0;
}

.prices-container {
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(560px, .96fr);
    gap: clamp(42px, 4.5vw, 72px);
    align-items: center;
}

.prices-intro {
    max-width: 690px;
}

.prices-intro .about-title {
    margin: 14px 0 24px;
    font-size: clamp(48px, 4.8vw, 68px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.prices-intro .about-lead {
    margin: 0 0 20px;
    max-width: 620px;
    font-size: 21px;
    line-height: 1.55;
}

.prices-intro .about-text {
    margin: 0 0 34px;
    max-width: 620px;
    font-size: 18px;
    line-height: 1.7;
}

.prices-main-cta {
    min-height: 62px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    color: #fff;
    background: #4f46e5;
    border: 0;
    border-radius: 15px;
    box-shadow: 0 18px 36px rgba(79,70,229,.22);
    font-weight: 900;
    font-size: 18px;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.prices-main-cta:hover {
    transform: translateY(-2px);
    background: #4338ca;
    box-shadow: 0 22px 42px rgba(79,70,229,.28);
}

.prices-main-cta span:last-child {
    font-size: 25px;
    line-height: 1;
}

.prices-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.price-card {
    min-height: 148px;
    padding: 22px 26px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: rgba(255,255,255,.96);
    border: 1px solid #e0e2eb;
    border-radius: 22px;
    box-shadow: 0 18px 42px rgba(30,35,55,.06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.price-card:hover {
    transform: translateY(-4px);
    border-color: #c7c3ff;
    box-shadow: 0 24px 52px rgba(79,70,229,.12);
}

.price-card-number {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    color: #4f46e5;
    background: #efefff;
    border-radius: 14px;
    font-weight: 900;
    font-size: 15px;
}

.price-card h3 {
    margin: 4px 0 9px;
    color: #20222a;
    font-size: 21px;
    line-height: 1.25;
}

.price-card p {
    margin: 0;
    color: #555a66;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

@media (max-width: 1050px) {
    .prices-container {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .prices-intro {
        max-width: 780px;
    }

    .prices-grid {
        max-width: 900px;
    }
}

@media (max-width: 700px) {
    .prices-section {
        padding: 64px 0;
    }

    .prices-container {
        width: min(100% - 28px, 1320px);
    }

    .prices-intro .about-title {
        font-size: 40px;
    }

    .prices-intro .about-lead {
        font-size: 18px;
    }

    .prices-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .price-card {
        min-height: 120px;
        padding: 22px;
    }

    .prices-main-cta {
        width: 100%;
    }
}

@media (min-width: 901px) {
    .process-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
        margin-top: 56px;
    }

    .process-grid::before {
        top: 37px;
        left: 8%;
        right: 8%;
        height: 3px;
        background: linear-gradient(90deg, rgba(79,70,229,.16), rgba(79,70,229,.70) 50%, rgba(79,70,229,.16));
        box-shadow: 0 0 16px rgba(79,70,229,.08);
    }

    .process-step {
        min-height: 330px;
        padding: 20px 20px 18px;
    }

    .process-step-top {
        margin-bottom: 22px;
    }

    .process-step h3 {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 1.22;
    }

    .process-step p {
        font-size: 15.5px;
        line-height: 1.58;
    }

    .process-result {
        padding-top: 14px;
        font-size: 13px;
    }

    .process-result::before {
        top: 20px;
    }
}

.process-icon svg {
    width: 22px;
    height: 22px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.consultation-section {
    padding: 94px 0;
}

.consultation-container {
    gap: 68px;
    align-items: center;
}

.consultation-points {
    gap: 12px;
    margin-top: 30px;
}

.consultation-point {
    gap: 15px;
    padding: 16px 18px;
}

.consultation-check-svg {
    width: 38px;
    height: 38px;
}

.consultation-check-svg svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.consultation-point strong {
    font-size: 16px;
}

.consultation-point p {
    font-size: 14.5px;
    line-height: 1.5;
}

.consultation-form-card-polished {
    padding: 29px 31px 27px;
}

.consultation-form-card-polished .consultation-form-header {
    margin-bottom: 20px;
}

.consultation-form-card-polished .consultation-form {
    gap: 14px;
}

.consultation-form-card-polished .form-field label {
    margin-bottom: 6px;
}

.consultation-form-card-polished .form-field input {
    min-height: 49px;
}

.consultation-form-card-polished .form-field textarea {
    min-height: 94px;
    max-height: 130px;
}

.consultation-form-card-polished .consultation-submit {
    min-height: 54px;
}

.consultation-messengers-label {
    margin: 18px 0 10px;
    color: #80838d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.consultation-messengers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.consultation-messenger {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 10px;
    color: #343740;
    background: #fff;
    border: 1px solid #e0e2ea;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 800;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.consultation-messenger:hover {
    transform: translateY(-2px);
    border-color: rgba(79, 70, 229, .28);
    box-shadow: 0 10px 24px rgba(79, 70, 229, .09);
}

.consultation-messenger-icon {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    flex: 0 0 27px;
    color: #4f46e5;
    background: #f0efff;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 900;
}

@media (max-width: 760px) {
    .consultation-messengers {
        grid-template-columns: 1fr;
    }
}

.works-section {
    background: #f7f8fc;
}

.works-heading {
    align-items: flex-end;
}

.works-cta {
    cursor: pointer;
    font: inherit;
}

.works-cta span {
    margin-left: 8px;
    transition: transform .2s ease;
}

.works-cta:hover span {
    transform: translateX(3px);
}

.works-grid {
    align-items: stretch;
}

.work-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.work-card .blog-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.work-compare {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: 330px;
    overflow: hidden;
    background: #ecebff;
    border-bottom: 1px solid #e4e5ec;
}

.work-photo {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.work-photo + .work-photo {
    border-left: 2px solid rgba(255, 255, 255, .92);
}

.work-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

.work-card:hover .work-photo img {
    transform: scale(1.025);
}

.work-photo-label {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 2;
    display: inline-flex;
    min-height: 34px;
    padding: 7px 11px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(17, 19, 24, .78);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 9px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 800;
}

.work-card .blog-card-meta {
    color: #747985;
    font-size: 14px;
    font-weight: 700;
}

.work-card .blog-card-title {
    margin: 11px 0 13px;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.work-card .blog-card-excerpt {
    color: #686d79;
    font-size: 16px;
    line-height: 1.65;
}

@media (max-width: 900px) {
    .work-compare {
        height: 300px;
    }

    .works-heading {
        align-items: flex-start;
    }
}

@media (max-width: 620px) {
    .work-compare {
        height: 280px;
    }

    .work-photo-label {
        left: 10px;
        bottom: 10px;
        min-height: 30px;
        padding: 6px 9px;
        font-size: 12px;
    }

    .work-card .blog-card-title {
        font-size: 22px;
    }
}

.problem-card-grid {
    gap: 20px;
}

.problem-card {
    min-height: 230px;
    padding: 28px 30px 26px;
    cursor: pointer;
    outline: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.problem-card:hover,
.problem-card:focus-visible {
    transform: translateY(-4px);
    border-color: #c9c6ff;
    background: #fcfcff;
    box-shadow: 0 24px 52px rgba(79,70,229,.11);
}

.problem-card-icon {
    width: 52px;
    height: 52px;
    border-radius: 15px;
}

.problem-card-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.problem-card h3 {
    margin: 20px 36px 10px 0;
    font-size: 23px;
    line-height: 1.18;
}

.problem-card p {
    font-size: 17px;
    line-height: 1.62;
}

.problem-card-arrow {
    position: absolute;
    top: 31px;
    right: 30px;
    color: #4f46e5;
    font-size: 22px;
    font-weight: 900;
    transition: transform .2s ease;
}

.problem-card:hover .problem-card-arrow,
.problem-card:focus-visible .problem-card-arrow {
    transform: translateX(4px);
}

#lead-modal #modal-problem {
    width: 100%;
    min-height: 92px;
    padding: 13px 15px;
    resize: vertical;
    color: #20232a;
    background: #fff;
    border: 1px solid #dfe1e8;
    border-radius: 11px;
    outline: none;
    font: inherit;
    line-height: 1.5;
}

#lead-modal #modal-problem:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 4px rgba(79,70,229,.09);
}

@media (max-width: 620px) {
    .problem-card {
        min-height: 0;
        padding: 23px 22px;
    }

    .problem-card h3 {
        margin-top: 17px;
        font-size: 21px;
    }

    .problem-card p {
        font-size: 16px;
    }

    .problem-card-arrow {
        top: 26px;
        right: 22px;
    }
}

@media(max-width:900px){

}
@media(max-width:620px){

}

.door-advantages-section .door-advantages-grid {
    gap: 20px;
}

.door-advantages-section .door-advantage-card {
    min-height: 228px;
    padding: 26px 28px 25px;
    display: flex;
    flex-direction: column;
    color: #15171a;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.door-advantages-section .door-advantage-card:hover {
    transform: translateY(-4px);
    border-color: rgba(79, 70, 229, .22);
    box-shadow: 0 24px 54px rgba(31, 35, 48, .09);
}

.door-advantage-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.door-advantages-section .door-card-number {
    height: 44px;
    padding: 0 14px;
    border-radius: 13px;
}

.door-advantage-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    color: #4f46e5;
    background: #f0efff;
    border: 1px solid #e2e0ff;
    border-radius: 14px;
}

.door-advantage-icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.door-advantages-section .door-advantage-card h3 {
    margin: 19px 0 10px;
    font-size: 23px;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.door-advantages-section .door-advantage-card p {
    font-size: 16.5px;
    line-height: 1.58;
}

.door-advantage-link {
    text-decoration: none;
    cursor: pointer;
}

.door-advantage-arrow {
    margin-top: auto;
    padding-top: 17px;
    color: #4f46e5;
    font-size: 14px;
    font-weight: 800;
}

.door-advantage-arrow b {
    margin-left: 5px;
    font-size: 17px;
}

@media (max-width: 900px) {
    .door-advantages-section .door-advantages-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .door-advantages-section .door-advantages-grid {
        grid-template-columns: 1fr;
    }
    .door-advantages-section .door-advantage-card {
        min-height: 0;
        padding: 23px 22px;
    }
    .door-advantages-section .door-advantage-card h3 {
        font-size: 21px;
    }
    .door-advantages-section .door-advantage-card p {
        font-size: 16px;
    }
}

.door-brands-section .brand-grid{
    gap:16px;
}
.door-brands-section .brand-card{
    min-height:116px;
    padding:20px 22px;
    gap:16px;
    color:#15171a;
    text-decoration:none;
    cursor:pointer;
    isolation:isolate;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.door-brands-section .brand-card::after{
    z-index:-1;
    right:-28px;
    bottom:-56px;
    width:145px;
    height:145px;
    transition:transform .25s ease,opacity .25s ease;
}
.door-brands-section .brand-card:hover{
    transform:translateY(-6px);
    border-color:#bdb8ff;
    background:#fff;
    box-shadow:0 24px 55px rgba(79,70,229,.15);
}
.door-brands-section .brand-card:hover::after{
    transform:scale(1.12);
    opacity:1;
}
.door-brands-section .brand-mark{
    flex-basis:60px;
    width:60px;
    height:60px;
    border-radius:17px;
    font-size:17px;
}
.door-brands-section .brand-card-copy{
    min-width:0;
}
.door-brands-section .brand-card h3{
    margin:0 0 6px;
    font-size:23px;
    line-height:1.12;
    letter-spacing:-.025em;
}
.door-brands-section .brand-card p{
    margin:0;
    color:#707581;
    font-size:15.5px;
    line-height:1.45;
}
.door-brands-section .brand-arrow{
    display:grid;
    flex:0 0 38px;
    width:38px;
    height:38px;
    place-items:center;
    margin-left:auto;
    border:1px solid #dedcff;
    border-radius:12px;
    background:#f7f6ff;
    font-size:19px;
    transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
}
.door-brands-section .brand-card:hover .brand-arrow{
    transform:translateX(3px);
    background:#4f46e5;
    border-color:#4f46e5;
    color:#fff;
}
.door-brands-section .brands-note{
    margin-top:22px;
    padding:17px 22px;
    font-size:15.5px;
}
@media (max-width:1050px){
    .door-brands-section .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
    .door-brands-section .brand-grid{grid-template-columns:1fr;}
    .door-brands-section .brand-card{min-height:104px;padding:18px;}
}
nnn.door-areas-section .section-heading p{max-width:820px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}n.door-areas-section .district-card,.door-areas-section .city-card{min-height:52px;padding:12px 16px;font-size:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}n.door-areas-section .district-card span{font-size:13px;font-weight:800;color:#5b53ef}n.door-areas-section .district-card::after{content:"→";color:#4f46e5;font-size:17px;font-weight:900;margin-left:8px}n.door-areas-section .district-card:hover,.door-areas-section .city-card:hover{transform:translateY(-2px);border-color:#bdb8ff;background:#f7f6ff;box-shadow:0 12px 28px rgba(79,70,229,.10)}n.door-areas-section .area-group-card{padding:27px}n.door-areas-section .area-group-top{margin-bottom:18px}n.door-areas-section .area-note{margin-top:16px;font-size:14px;color:#666c78}n@media(max-width:900px){.door-areas-section .area-groups{grid-template-columns:1fr}.door-areas-section .district-card,.door-areas-section .city-card{font-size:15px}}n

.door-seo-section .seo-content-card{padding:48px 50px 44px}
.door-seo-section .section-kicker{display:inline-flex;margin-bottom:22px}
.door-seo-section .seo-content-card h2{max-width:980px;margin:0 0 28px}
.door-seo-section .seo-columns{gap:44px}
.door-seo-section .seo-columns p{margin:0;font-size:17px;line-height:1.72}
.door-seo-section .seo-actions{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:32px;padding-top:28px;border-top:1px solid #e4e6ee}
.door-seo-section .seo-service-links{display:flex;flex-wrap:wrap;gap:12px}
.door-seo-section .seo-service-links a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid #dedfe8;border-radius:13px;background:#fff;color:#2c2f37;font-size:15px;font-weight:800;transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.door-seo-section .seo-service-links a span{color:#4f46e5;font-size:17px}
.door-seo-section .seo-service-links a:hover{transform:translateY(-2px);border-color:#bdb8ff;color:#4f46e5;box-shadow:0 12px 28px rgba(79,70,229,.10)}
.door-seo-section .seo-cost-cta{display:inline-flex;flex:0 0 auto;min-height:54px;align-items:center;justify-content:center;gap:18px;padding:0 22px;border-radius:14px;background:#4f46e5;color:#fff;font-size:16px;font-weight:900;box-shadow:0 14px 30px rgba(79,70,229,.20);transition:transform .2s ease,box-shadow .2s ease}
.door-seo-section .seo-cost-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(79,70,229,.27)}
.door-seo-section .seo-cost-cta span{font-size:20px}
@media(max-width:900px){.door-seo-section .seo-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.door-seo-section .seo-content-card{padding:32px 24px 28px}.door-seo-section .seo-columns{grid-template-columns:1fr;gap:16px}.door-seo-section .seo-service-links{display:grid;width:100%;grid-template-columns:1fr}.door-seo-section .seo-service-links a,.door-seo-section .seo-cost-cta{width:100%}}

.door-final-cta .final-cta-card{
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.78fr);
    gap:54px;
    padding:52px;
}
.door-final-cta .final-cta-copy{min-width:0}
.door-final-cta .final-cta-copy h2{max-width:850px}
.door-final-cta .final-cta-copy p{max-width:720px;margin:0}
.door-final-cta .final-cta-actions{
    width:100%;
    align-items:stretch;
    gap:12px;
}
.door-final-cta .final-cta-main{
    display:flex;
    width:100%;
    min-height:62px;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 24px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:15px;
    background:linear-gradient(135deg,#4f46e5,#5c51ef);
    color:#fff;
    box-shadow:0 16px 36px rgba(79,70,229,.30);
    font-size:17px;
    font-weight:900;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.door-final-cta .final-cta-main:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#554bea,#675cf2);
    box-shadow:0 20px 42px rgba(79,70,229,.38);
}
.door-final-cta .final-cta-main strong{
    font-size:24px;
    line-height:1;
}
.door-final-cta .final-cta-note{
    color:#aeb3bf;
    font-size:13px;
    line-height:1.4;
}
.door-final-cta .final-cta-messengers-label{
    margin-top:5px;
    color:#aeb3bf;
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}
.door-final-cta .final-cta-messengers{
    display:grid;
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.door-final-cta .final-cta-messengers a{
    display:flex;
    min-height:50px;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    color:#f1f2f6;
    font-size:14px;
    font-weight:800;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.door-final-cta .final-cta-messengers a:hover{
    transform:translateY(-2px);
    border-color:rgba(145,137,255,.75);
    background:rgba(79,70,229,.12);
}
.door-final-cta .final-cta-messengers a span{
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    border-radius:8px;
    background:rgba(79,70,229,.25);
    color:#c6c2ff;
    font-size:10px;
    font-weight:900;
}
@media(max-width:900px){
    .door-final-cta .final-cta-card{grid-template-columns:1fr;gap:30px}
    .door-final-cta .final-cta-actions{max-width:560px}
}
@media(max-width:620px){
    .door-final-cta .final-cta-card{padding:28px 22px}
    .door-final-cta .final-cta-main{min-height:58px;padding:0 18px;font-size:16px}
    .door-final-cta .final-cta-messengers{grid-template-columns:1fr}
    .door-final-cta .final-cta-messengers a{min-height:48px}
}

.door-contacts-section{padding-top:88px;padding-bottom:82px}
.door-contacts-section .section-heading{margin-bottom:34px}
.contact-grid{gap:18px}
.contact-card{position:relative;min-height:178px;padding:26px 28px 24px;justify-content:flex-end;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.contact-card-link{color:inherit;text-decoration:none;cursor:pointer}
.contact-card:hover{transform:translateY(-3px);border-color:#cbc8ff;box-shadow:0 18px 38px rgba(43,47,73,.09);background:#fff}
.contact-card-icon{position:absolute;top:24px;right:24px;display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#eeedff;color:#4f46e5}
.contact-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-card-label{font-size:15px!important;font-weight:700;color:#7b808c!important}
.contact-card strong{font-size:23px;line-height:1.25;color:#202229}
.contact-card strong a{color:inherit}
.contact-card small{font-size:14px;line-height:1.45}
.contact-messengers-wrap{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;color:#6f7480;font-weight:700}
.contact-messengers{display:flex;flex-wrap:wrap;gap:9px}
.contact-messengers a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #e0e2ea;border-radius:12px;background:#fff;color:#343740;font-size:14px;font-weight:800;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.contact-messengers a:hover{transform:translateY(-2px);border-color:#c7c4ff;background:#f9f9ff}
.contact-messengers b{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#eeedff;color:#4f46e5;font-size:10px;font-weight:900}

.faq-section{padding-top:88px;padding-bottom:92px}
.faq-list{max-width:980px;margin-top:44px;gap:12px}
.faq-item{border-radius:17px;background:#fff}
.faq-item:hover{transform:translateY(-2px);border-color:rgba(79,70,229,.28);box-shadow:0 14px 34px rgba(35,38,60,.08)}
.faq-item[open]{background:#fbfaff}
.faq-question{min-height:76px;padding:18px 20px 18px 24px;font-size:18px;line-height:1.35}
.faq-icon{width:40px;height:40px;border-radius:12px;font-size:23px;font-weight:500}
.faq-answer{padding:0 78px 22px 24px;font-size:16px;line-height:1.72}
.faq-bottom{max-width:980px;margin-top:24px;padding:20px 22px;background:rgba(255,255,255,.68)}
.faq-bottom>div{display:flex;flex-direction:column;gap:4px}
.faq-bottom strong{font-family:"Montserrat Alternates",sans-serif;font-size:17px;color:#262932}
.faq-bottom span{color:#737884;font-size:14px}
.faq-bottom-cta{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 18px;border-radius:12px;background:#4f46e5;color:#fff;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 12px 25px rgba(79,70,229,.18)}
.faq-bottom-cta span{color:#fff;font-size:18px}

@media(max-width:900px){
  .contact-card{min-height:165px}
  .contact-messengers-wrap{align-items:flex-start;flex-direction:column}
  .faq-bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .door-contacts-section,.faq-section{padding-top:64px;padding-bottom:64px}
  .contact-card{min-height:150px;padding:22px}
  .contact-card-icon{top:20px;right:20px;width:42px;height:42px}
  .contact-card strong{font-size:21px;padding-right:48px}
  .contact-messengers{width:100%;display:grid;grid-template-columns:1fr}
  .contact-messengers a{justify-content:center}
  .faq-question{padding:17px 16px 17px 18px;font-size:16px;gap:14px}
  .faq-icon{width:36px;height:36px;flex-basis:36px}
  .faq-answer{padding:0 18px 18px;font-size:15px}
  .faq-bottom-cta{width:100%;justify-content:center}
}

.home-articles-section {
    padding: 84px 0 92px;
    background: #f7f8fc;
}

.home-articles-section .section-container {
    width: min(1280px, calc(100% - 48px));
    margin: 0 auto;
}

.home-articles-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 32px;
}

.home-articles-heading > div {
    max-width: 820px;
}

.home-articles-heading h2 {
    margin: 12px 0 14px;
    color: #111318;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: clamp(36px, 4.2vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -.035em;
}

.home-articles-heading p {
    max-width: 760px;
    margin: 0;
    color: #6f7480;
    font-size: 18px;
    line-height: 1.65;
}

.home-articles-all {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 22px;
    color: #4f46e5;
    background: #fff;
    border: 1px solid #dfe1ec;
    border-radius: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.home-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.home-article-card {
    display: flex;
    min-width: 0;
    min-height: 350px;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e3ec;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(29, 34, 54, .055);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.home-article-visual {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 92px;
    padding: 22px 24px;
    color: inherit;
    background: linear-gradient(135deg, #f2f1ff 0%, #f8f8ff 100%);
    border-bottom: 1px solid #e7e7f2;
    text-decoration: none;
}

.home-article-icon {
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    flex: 0 0 50px;
    color: #4f46e5;
    background: #fff;
    border: 1px solid #dcdafe;
    border-radius: 14px;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 16px;
    font-weight: 900;
}

.home-article-tag {
    margin-left: auto;
    color: #5c55e8;
    font-size: 14px;
    font-weight: 800;
    text-align: right;
}

.home-article-body {
    display: flex;
    padding: 26px 26px 28px;
    flex: 1;
    flex-direction: column;
}

.home-article-body h3 {
    margin: 0 0 14px;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -.025em;
}

.home-article-body h3 a {
    color: #17191f;
    text-decoration: none;
}

.home-article-body p {
    margin: 0 0 24px;
    color: #6d727e;
    font-size: 17px;
    line-height: 1.65;
}

.home-article-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    color: #4f46e5;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
}

.home-article-link span,
.home-articles-all span {
    transition: transform .2s ease;
}

@media (hover: hover) and (pointer: fine) {
    .home-article-card:hover {
        transform: translateY(-5px);
        border-color: #cfcdfb;
        box-shadow: 0 24px 58px rgba(79, 70, 229, .12);
    }

    .home-article-card:hover .home-article-link span,
    .home-articles-all:hover span {
        transform: translateX(4px);
    }

    .home-articles-all:hover {
        transform: translateY(-2px);
        border-color: #c9c6fb;
        box-shadow: 0 14px 30px rgba(79, 70, 229, .08);
    }
}

@media (max-width: 960px) {
    .home-articles-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-articles-grid {
        grid-template-columns: 1fr;
    }

    .home-article-card {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .home-articles-section {
        padding: 58px 0 64px;
    }

    .home-articles-section .section-container {
        width: min(100% - 28px, 1280px);
    }

    .home-articles-heading h2 {
        font-size: 34px;
    }

    .home-articles-heading p {
        font-size: 16px;
    }

    .home-articles-all {
        width: 100%;
    }

    .home-article-body h3 {
        font-size: 21px;
    }
}

.site-footer{
  background:#f5f6fa;
  border-top:1px solid #e2e5ee;
}
.site-footer .footer-container{
  width:min(1380px,calc(100% - 48px));
  padding:48px 0 20px;
}
.site-footer .footer-main{
  grid-template-columns:minmax(260px,1.2fr) minmax(170px,.7fr) minmax(170px,.7fr) minmax(300px,1fr);
  gap:38px;
  align-items:start;
}
.site-footer .footer-logo{margin-bottom:14px}
.site-footer .footer-logo-image{
  width:226px;
  height:auto;
  display:block;
}
.site-footer .footer-description,
.site-footer .footer-direct,
.site-footer .footer-contact-description{
  margin:0;
  color:#626875;
  font-size:15px;
  line-height:1.58;
}
.site-footer .footer-direct{margin-top:14px;max-width:340px}
.site-footer .footer-column h3,
.site-footer .footer-contact h3{
  margin:2px 0 15px;
  color:#22252d;
  font-size:19px;
  line-height:1.2;
  font-weight:900;
}
.site-footer .footer-links-list{gap:9px}
.site-footer .footer-links-list a{
  color:#4f5561;
  font-size:15px;
  line-height:1.45;
  font-weight:600;
  transition:color .2s ease,transform .2s ease;
}
@media (hover:hover) and (pointer:fine){
  .site-footer .footer-links-list a:hover{color:#4f46e5;transform:translateX(2px)}
}
.site-footer .footer-phone{
  display:inline-block;
  margin:12px 0 8px;
  color:#1d2027;
  font-size:21px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
}
.site-footer .footer-phone:hover{color:#4f46e5}
.site-footer .footer-hours{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  color:#565c68;
  font-size:14px;
  font-weight:700;
}
.site-footer .footer-hours-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:999px;
  background:#4f46e5;
  box-shadow:0 0 0 4px rgba(79,70,229,.1);
}
.site-footer .footer-messengers{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.site-footer .footer-messenger{
  grid-template-columns:32px minmax(0,1fr) auto;
  min-height:48px;
  gap:8px;
  padding:7px 9px;
  border-radius:12px;
  background:#fff;
}
.site-footer .footer-messenger-icon{
  width:32px;
  height:32px;
  border-radius:9px;
  font-size:10px;
}
.site-footer .footer-messenger-text{
  min-width:0;
  color:#30343d;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.site-footer .footer-messenger-arrow{font-size:14px}
@media (hover:hover) and (pointer:fine){
  .site-footer .footer-messenger:hover{
    border-color:#c9c6ff;
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(31,36,56,.07);
  }
}
.site-footer .footer-bottom{
  margin-top:34px;
  padding-top:18px;
  color:#555b67;
  font-size:13px;
}
.site-footer .footer-copyright{margin:0;color:#555b67;font-weight:600}
.site-footer .footer-copyright-dot{color:#4f46e5}
.site-footer .footer-legal{gap:20px}
.site-footer .footer-legal a{color:#656b77;font-weight:600}
.site-footer .footer-legal a:hover{color:#4f46e5}

@media(max-width:1180px){
  .site-footer .footer-main{
    grid-template-columns:1.2fr .8fr .8fr;
  }
  .site-footer .footer-contact{grid-column:1/-1}
  .site-footer .footer-contact{max-width:720px}
}
@media(max-width:780px){
  .site-footer .footer-container{width:min(100% - 32px,1380px);padding:38px 0 18px}
  .site-footer .footer-main{grid-template-columns:1fr 1fr;gap:28px 24px}
  .site-footer .footer-brand,.site-footer .footer-contact{grid-column:1/-1}
  .site-footer .footer-logo-image{width:205px}
  .site-footer .footer-messengers{grid-template-columns:1fr 1fr 1fr}
  .site-footer .footer-bottom{margin-top:28px;align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:520px){
  .site-footer .footer-main{grid-template-columns:1fr;gap:24px}
  .site-footer .footer-brand,.site-footer .footer-contact{grid-column:auto}
  .site-footer .footer-messengers{grid-template-columns:1fr}
  .site-footer .footer-messenger-text{font-size:14px}
  .site-footer .footer-legal{flex-direction:column;gap:8px}
}

@media (min-width:1181px){
  .site-footer .footer-container{
    padding-top:40px;
  }
  .site-footer .footer-main{
    grid-template-columns:minmax(260px,1.15fr) minmax(170px,.7fr) minmax(170px,.7fr) minmax(390px,1.25fr);
    gap:34px;
  }
}
.site-footer .footer-messengers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.site-footer .footer-messenger{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 18px;
  align-items:center;
  min-width:0;
  min-height:52px;
  gap:10px;
  padding:8px 10px;
  border:1px solid #dfe2eb;
  border-radius:13px;
  background:#fff;
  color:#30343d;
  text-decoration:none;
}
.site-footer .footer-messenger-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  font-size:10px;
  font-weight:900;
}
.site-footer .footer-messenger-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.1;
  font-weight:900;
}
.site-footer .footer-messenger-arrow{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  justify-self:end;
  color:#4f46e5;
  font-size:15px;
  line-height:1;
}
.site-footer .footer-bottom{
  margin-top:28px;
}
@media(max-width:1180px){
  .site-footer .footer-contact{max-width:none}
  .site-footer .footer-messengers{max-width:720px}
}
@media(max-width:780px){
  .site-footer .footer-messengers{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
  .site-footer .footer-messenger{grid-template-columns:34px minmax(0,1fr) 18px}
}
@media(max-width:620px){
  .site-footer .footer-messengers{grid-template-columns:1fr}
  .site-footer .footer-messenger-text{font-size:14px}
}

/* =========================================================
   MOBILE POLISH v41 - только мобильная версия
   ========================================================= */

.reviews-feedback-card{
    max-width:920px;
    margin:42px auto 0;
    padding:28px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    background:#fff;
    border:1px solid #e2e4ec;
    border-radius:22px;
    box-shadow:0 18px 44px rgba(31,35,48,.06);
}
.reviews-feedback-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.reviews-feedback-copy strong{color:#20232a;font-size:19px;line-height:1.3}
.reviews-feedback-copy span{color:#737883;font-size:15px;line-height:1.5}
.reviews-feedback-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:390px}
.reviews-feedback-links a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 11px;border:1px solid #e0e2ea;border-radius:12px;background:#fff;color:#30343d;font-size:13px;font-weight:900}
.reviews-feedback-links b{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#efefff;color:#4f46e5;font-size:10px}

@media (max-width: 620px){
    html,body{max-width:100%;overflow-x:hidden}

    /* Шапка */
    .site-header .header-container{
        width:calc(100% - 24px);
        height:66px;
        gap:10px;
    }
    .site-header .site-logo{
        min-width:0;
        flex:1 1 auto;
    }
    .site-header .site-logo-image{
        width:164px;
        max-width:100%;
        max-height:44px;
    }
    .site-header .header-phone{
        display:block;
        flex:0 0 auto;
        margin-left:auto;
        color:#15171a;
        font-size:14px;
        line-height:1;
        font-weight:900;
        white-space:nowrap;
        letter-spacing:-.02em;
    }
    .site-header .mobile-menu-button{
        width:44px;
        height:44px;
        flex:0 0 44px;
        margin-left:0;
        padding:10px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;
        border-radius:12px;
    }
    .site-header .mobile-menu-button span{
        width:22px;
        height:2px;
        margin:0;
        flex:0 0 2px;
    }
    .site-header .mobile-menu-button.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .site-header .mobile-menu-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .main-nav{top:66px;max-height:calc(100vh - 66px)}

    /* Цены: исключаем выезд контента вправо */
    .prices-section{overflow:hidden}
    .prices-section .prices-container{
        width:calc(100% - 28px);
        max-width:100%;
        min-width:0;
        margin-left:auto;
        margin-right:auto;
        grid-template-columns:minmax(0,1fr);
    }
    .prices-section .prices-intro,
    .prices-section .prices-grid,
    .prices-section .price-card{min-width:0;max-width:100%}
    .prices-section .prices-intro .about-title{
        max-width:100%;
        margin-top:10px;
        font-size:clamp(34px,9.7vw,40px);
        line-height:1.06;
        overflow-wrap:break-word;
    }
    .prices-section .prices-intro .about-lead{font-size:17px;line-height:1.55}
    .prices-section .prices-intro .about-text{font-size:16px;line-height:1.62;margin-bottom:25px}
    .prices-section .prices-main-cta{
        width:100%;
        max-width:100%;
        min-width:0;
        padding:0 20px;
        justify-content:space-between;
        font-size:16px;
    }

    /* Все группы мессенджеров - компактные 3 кнопки */
    .hero-consultation-card .hero-messengers,
    .consultation-messengers,
    .door-final-cta .final-cta-messengers,
    .contact-messengers,
    .site-footer .footer-messengers,
    .reviews-feedback-links{
        width:100%;
        min-width:0;
        max-width:none;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
    }
    .hero-consultation-card .hero-messengers .messenger-button,
    .consultation-messenger,
    .door-final-cta .final-cta-messengers a,
    .contact-messengers a,
    .site-footer .footer-messenger,
    .reviews-feedback-links a{
        min-width:0;
        min-height:58px;
        padding:8px 5px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;
        text-align:center;
        border-radius:12px;
        font-size:11px;
        line-height:1.1;
        font-weight:900;
    }
    .hero-consultation-card .hero-messengers .messenger-icon,
    .consultation-messenger-icon,
    .contact-messengers b,
    .reviews-feedback-links b{
        width:27px;
        height:27px;
        flex:0 0 27px;
        font-size:9px;
    }
    .door-final-cta .final-cta-messengers a span{
        width:27px;
        height:27px;
        margin:0;
        display:grid;
        place-items:center;
        flex:0 0 27px;
        border-radius:8px;
        font-size:9px;
    }
    .site-footer .footer-messenger{
        grid-template-columns:none;
    }
    .site-footer .footer-messenger-icon{
        width:27px;
        height:27px;
        flex:0 0 27px;
        font-size:9px;
    }
    .site-footer .footer-messenger-text{
        width:100%;
        overflow:visible;
        text-overflow:clip;
        white-space:normal;
        font-size:11px;
        line-height:1.1;
    }
    .site-footer .footer-messenger-arrow{display:none}
    .contact-messengers-wrap{gap:11px}

    /* Отзывы - без черновых/технических карточек */
    .door-reviews-section .section-heading h2{
        font-size:clamp(34px,9.5vw,40px);
        line-height:1.08;
    }
    .door-reviews-section .section-heading p{
        font-size:16px;
        line-height:1.55;
    }
    .reviews-feedback-card{
        margin-top:28px;
        padding:22px 18px;
        flex-direction:column;
        align-items:stretch;
        gap:18px;
        border-radius:18px;
    }
    .reviews-feedback-copy{text-align:center}
    .reviews-feedback-copy strong{font-size:18px}
    .reviews-feedback-copy span{font-size:14px}
}

@media (max-width: 380px){
    .site-header .site-logo-image{width:148px}
    .site-header .header-phone{font-size:13px}
    .site-header .mobile-menu-button{width:40px;height:40px;flex-basis:40px}
}


/* =========================
   Хлебные крошки внутренних страниц
========================= */
.service-breadcrumbs {
    position: relative;
    background: linear-gradient(90deg, #f7f7ff 0%, #fbfbff 55%, #f6f8fc 100%);
    border-top: 1px solid #ececff;
    border-bottom: 1px solid #e3e5ef;
}
.service-breadcrumbs::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #4f46e5;
}
.service-breadcrumbs-inner {
    display: flex;
    min-height: 68px;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center;
    gap: 11px;
    color: #777c87;
    font-size: 14px;
    line-height: 1.4;
}
.service-breadcrumbs a {
    display: inline-flex;
    align-items: center;
    color: #4f46e5;
    font-weight: 800;
    text-decoration: none;
}
.service-breadcrumbs a:hover {
    color: #3730c7;
    text-decoration: none;
}
.service-breadcrumbs-separator {
    color: #aeb2bd;
    font-weight: 700;
}
.service-breadcrumbs [aria-current="page"] {
    min-width: 0;
    overflow: hidden;
    color: #292c34;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.footer-legal .legal-placeholder {
    color: rgba(255,255,255,.43);
    font-size: 12.5px;
    line-height: 1.5;
    cursor: default;
}
@media (max-width: 700px) {
    .service-breadcrumbs::before { width: 3px; }
    .service-breadcrumbs-inner {
        min-height: 56px;
        padding-top: 12px;
        padding-bottom: 12px;
        gap: 8px;
        font-size: 12.5px;
    }
}

/* =========================
   PRICE CARDS - SAFE TEXT WRAP
   Prevent long service names from overflowing cards
========================= */
.price-card > div {
    min-width: 0;
    flex: 1 1 auto;
}

.price-card h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
}

@media (max-width: 700px) {
    .price-card {
        gap: 15px;
        padding: 20px;
    }

    .price-card-number {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .price-card h3 {
        font-size: 19px;
        line-height: 1.25;
    }
}


/* BRAND TABS */
.brand-tabs{display:inline-flex;gap:8px;margin:0 0 28px;padding:6px;background:#fff;border:1px solid #e3e5ed;border-radius:16px;box-shadow:0 12px 30px rgba(31,35,48,.06)}
.brand-tab{min-height:46px;padding:11px 20px;border:0;border-radius:11px;background:transparent;color:#666b76;font:800 14px/1.2 "Nunito Sans",sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.brand-tab:hover{color:#4f46e5;background:#f2f1ff}
.brand-tab.is-active{color:#fff;background:#4f46e5;box-shadow:0 8px 20px rgba(79,70,229,.22)}
.brand-tab:focus-visible{outline:3px solid rgba(79,70,229,.25);outline-offset:2px}
.brand-tab-panel[hidden]{display:none!important}
.brand-tab-panel.is-active{display:block}
@media(max-width:700px){.brand-tabs{display:grid;width:100%;grid-template-columns:1fr 1fr;margin-bottom:22px}.brand-tab{min-width:0;padding:10px 8px;font-size:13px}.door-brands-section .brand-card p{font-size:12.5px}}
@media(max-width:420px){.brand-tabs{grid-template-columns:1fr}.brand-tab{width:100%}}

/* =========================
   BRAND SECTION - DESKTOP SIDE PADDING FIX
   Keep tabs and brand cards away from viewport edges
========================= */
.door-brands-section {
    padding-left: max(28px, calc((100vw - 1280px) / 2));
    padding-right: max(28px, calc((100vw - 1280px) / 2));
}

.door-brands-section .brand-tabs,
.door-brands-section .brand-tab-panel,
.door-brands-section .brand-grid,
.door-brands-section .brands-note {
    max-width: 1280px;
}

.door-brands-section .brand-tab-panel,
.door-brands-section .brand-grid,
.door-brands-section .brands-note {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 700px) {
    .door-brands-section {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* =========================================================
   FORMS v66 - validation, photo upload, honeypot
   ========================================================= */
.form-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.form-error {
    min-height: 0;
    margin-top: 5px;
    color: #c62828;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
}

.form-error:empty {
    display: none;
}

.form-status {
    display: none;
    padding: 10px 12px;
    color: #9f1d1d;
    background: #fff4f4;
    border: 1px solid #ffd4d4;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.form-status:not(:empty) {
    display: block;
}

.door-form input.is-invalid,
.door-form textarea.is-invalid,
.door-form input[type="file"].is-invalid {
    border-color: #d64545 !important;
    box-shadow: 0 0 0 3px rgba(214, 69, 69, .10) !important;
}

.door-form .consultation-consent.is-invalid {
    color: #a61f1f;
}

.form-file-field input[type="file"] {
    width: 100%;
    min-height: 50px;
    padding: 9px 10px;
    color: #555a65;
    background: #fafbfe;
    border: 1px solid #dfe2eb;
    border-radius: 12px;
    font: inherit;
    cursor: pointer;
}

.form-file-field input[type="file"]::file-selector-button {
    min-height: 32px;
    margin-right: 10px;
    padding: 6px 12px;
    color: #4f46e5;
    background: #f0efff;
    border: 1px solid #dcd9ff;
    border-radius: 9px;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.form-file-field input[type="file"]:hover::file-selector-button {
    background: #e8e6ff;
}

.form-optional {
    color: #8b8f99;
    font-size: 12px;
    font-weight: 600;
}

.form-file-hint {
    margin-top: 5px;
    color: #858a95;
    font-size: 12px;
    line-height: 1.35;
}

@media (max-width: 620px) {
    .form-file-field input[type="file"] {
        font-size: 13px;
    }

    .form-file-field input[type="file"]::file-selector-button {
        padding: 6px 9px;
        font-size: 12px;
    }
}


/* =========================================================
   FORMS + SERVICES MENU v67
   ========================================================= */

/* Компактное прикрепление фото */
.form-file-field {
    gap: 6px !important;
}

.form-photo-button {
    min-height: 42px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 9px 12px;
    color: #4f46e5 !important;
    background: #f5f4ff;
    border: 1px dashed #c9c6ff;
    border-radius: 11px;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease;
}

.form-photo-button:hover {
    background: #efedff;
    border-color: #9d97ff;
}

.form-photo-button input[type="file"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.form-photo-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #8a8f9a;
    font-size: 11.5px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Первый экран - меньше вертикальной высоты формы */
.hero-consultation-card .consultation-form {
    gap: 9px !important;
}

.hero-consultation-card .form-field {
    gap: 4px !important;
}

.hero-consultation-card .form-field label {
    margin-bottom: 2px !important;
}

.hero-consultation-card .form-field input:not([type="checkbox"]):not([type="file"]) {
    min-height: 42px !important;
}

.hero-consultation-card .form-field textarea {
    min-height: 54px !important;
    max-height: 72px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.hero-consultation-card .consultation-consent {
    margin-top: 0 !important;
}

.hero-consultation-card .consultation-submit {
    min-height: 46px !important;
}

.hero-consultation-card .form-photo-button {
    min-height: 38px;
    padding: 7px 10px;
}

.hero-consultation-card .form-photo-name {
    font-size: 10.5px;
}

/* Услуги - 8 отдельных карточек в выпадающем меню */
@media (min-width: 1051px) {
    .main-menu > .menu-services > .services-mega-menu {
        width: min(1280px, calc(100vw - 56px)) !important;
        max-width: 1280px !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 11px !important;
        padding: 14px !important;
    }

    .services-mega-menu > .mega-service-card {
        padding: 0 !important;
        overflow: hidden;
    }

    .services-mega-menu .mega-service-whole {
        min-height: 100px;
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) 28px;
        align-items: center;
        gap: 10px;
        width: 100%;
        padding: 16px !important;
        color: #252830 !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    .services-mega-menu .mega-service-whole:hover,
    .services-mega-menu .mega-service-whole:focus-visible {
        background: #f0efff !important;
    }

    .services-mega-menu .mega-service-whole strong {
        display: block;
        color: #252830;
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 14.5px;
        line-height: 1.22;
        font-weight: 800;
    }

    .services-mega-menu .mega-service-whole small {
        display: block;
        margin-top: 5px;
        color: #7a7e89;
        font-size: 12px;
        line-height: 1.35;
        font-weight: 600;
    }

    .services-mega-menu .mega-service-whole b {
        color: #4f46e5;
        font-size: 19px;
        font-weight: 900;
    }
}

@media (max-width: 1050px) {
    .services-mega-menu .mega-service-whole {
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr) 24px;
        align-items: center;
        gap: 8px;
        padding: 12px 14px !important;
        text-decoration: none !important;
    }

    .services-mega-menu .mega-service-whole strong {
        display: block;
        font-size: 14px;
        line-height: 1.25;
    }

    .services-mega-menu .mega-service-whole small {
        display: block;
        margin-top: 3px;
        color: #7a7e89;
        font-size: 12px;
        line-height: 1.3;
    }
}


/* =========================================================
   SERVICES MEGA MENU v68 - 2 sublinks per service
   ========================================================= */
@media (min-width: 1051px) {
    .main-menu > .menu-services > .services-mega-menu {
        width: min(1380px, calc(100vw - 48px)) !important;
        max-width: 1380px !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding: 14px !important;
    }

    .services-mega-menu > .mega-service-card {
        display: flex;
        flex-direction: column;
        padding: 0 !important;
        overflow: hidden;
    }

    .services-mega-menu .mega-service-main {
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) 28px;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 92px;
        padding: 16px 16px 12px !important;
        color: #252830 !important;
        text-decoration: none !important;
    }

    .services-mega-menu .mega-service-main:hover {
        background: #f2f1ff !important;
    }

    .services-mega-menu .mega-service-copy {
        min-width: 0;
    }

    .services-mega-menu .mega-service-main strong {
        display: block;
        color: #252830;
        font-family: "Montserrat Alternates", sans-serif;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 800;
    }

    .services-mega-menu .mega-service-main small {
        display: block;
        margin-top: 5px;
        color: #7a7e89;
        font-size: 12px;
        line-height: 1.35;
        font-weight: 600;
    }

    .services-mega-menu .mega-service-main b {
        color: #4f46e5;
        font-size: 19px;
        font-weight: 900;
    }

    .services-mega-menu .mega-service-sublinks {
        display: grid;
        gap: 5px;
        padding: 0 16px 15px 62px;
    }

    .services-mega-menu .mega-service-sublinks a {
        display: inline-flex !important;
        align-items: center;
        min-height: 26px;
        padding: 3px 0 !important;
        color: #5e626e !important;
        background: transparent !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }

    .services-mega-menu .mega-service-sublinks a::before {
        content: "•";
        margin-right: 7px;
        color: #4f46e5;
        font-size: 15px;
        line-height: 1;
    }

    .services-mega-menu .mega-service-sublinks a:hover {
        color: #4f46e5 !important;
    }
}

@media (max-width: 1050px) {
    .services-mega-menu .mega-service-card {
        padding: 0 !important;
    }

    .services-mega-menu .mega-service-main {
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr) 24px;
        align-items: center;
        gap: 8px;
        padding: 12px 14px 8px !important;
        text-decoration: none !important;
    }

    .services-mega-menu .mega-service-main strong {
        display: block;
        font-size: 14px;
        line-height: 1.25;
    }

    .services-mega-menu .mega-service-main small {
        display: block;
        margin-top: 3px;
        color: #7a7e89;
        font-size: 12px;
        line-height: 1.3;
    }

    .services-mega-menu .mega-service-sublinks {
        display: grid;
        gap: 4px;
        padding: 0 14px 12px 52px;
    }

    .services-mega-menu .mega-service-sublinks a {
        padding: 3px 0 !important;
        color: #6c707a !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }
}


/* =========================================================
   SPB REGION CARD v73
   ========================================================= */
.door-areas-section .spb-region-card {
    position: relative;
    min-height: 132px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    margin-top: 22px;
    padding: 24px 26px;
    overflow: hidden;
    color: #20232b;
    background:
        radial-gradient(circle at 88% 20%, rgba(79,70,229,.14), transparent 30%),
        linear-gradient(135deg, #f2f0ff 0%, #fafaff 58%, #eef1ff 100%);
    border: 1px solid #d9d6ff;
    border-radius: 20px;
    box-shadow: 0 18px 38px rgba(79,70,229,.08);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.door-areas-section .spb-region-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #4f46e5, #766dff);
}

.door-areas-section .spb-region-card:hover {
    transform: translateY(-3px);
    border-color: #b8b3ff;
    box-shadow: 0 24px 48px rgba(79,70,229,.14);
}

.spb-region-card-copy {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.spb-region-kicker {
    color: #4f46e5;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.spb-region-card strong {
    font-family: "Montserrat Alternates", sans-serif;
    font-size: clamp(23px, 2vw, 30px);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.spb-region-card small {
    color: #6f7480;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.spb-region-badge {
    min-width: 56px;
    min-height: 42px;
    display: grid;
    place-items: center;
    padding: 0 13px;
    color: #4f46e5;
    background: #fff;
    border: 1px solid #d9d6ff;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 8px 22px rgba(79,70,229,.08);
}

.spb-region-arrow {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #fff;
    background: #4f46e5;
    border-radius: 13px;
    font-size: 22px;
    font-weight: 900;
    transition: transform .2s ease;
}

.spb-region-card:hover .spb-region-arrow {
    transform: translateX(3px);
}

@media (max-width: 700px) {
    .door-areas-section .spb-region-card {
        min-height: 0;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        padding: 20px;
    }

    .spb-region-badge {
        display: none;
    }

    .spb-region-arrow {
        width: 40px;
        height: 40px;
    }

    .spb-region-card strong {
        font-size: 22px;
    }

    .spb-region-card small {
        font-size: 13px;
    }
}


/* =========================================================
   SERVICES CATALOG v74
   ========================================================= */
.services-page-link {
    display: flex;
    justify-content: flex-end;
    margin: 22px 0 4px;
}
.services-page-link a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    color: #4f46e5;
    background: #f3f2ff;
    border: 1px solid #dedbff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}
.services-page-link a:hover { background: #ebe9ff; }

.services-catalog-section {
    padding: 92px 0;
    background: #f7f8fc;
}
.services-catalog-heading p {
    max-width: 850px;
}
.services-catalog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 42px;
}
.service-catalog-card {
    min-width: 0;
    padding: 26px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e1e3ec;
    border-radius: 22px;
    box-shadow: 0 16px 38px rgba(31,35,48,.045);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.service-catalog-card:hover {
    transform: translateY(-3px);
    border-color: #c9c5ff;
    box-shadow: 0 22px 48px rgba(79,70,229,.09);
}
.service-catalog-top {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.service-catalog-number {
    color: #4f46e5;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 18px;
    font-weight: 900;
}
.service-catalog-local {
    padding: 6px 10px;
    color: #4f46e5;
    background: #efedff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}
.service-catalog-copy {
    margin-top: 14px;
}
.service-catalog-copy h3 {
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
}
.service-catalog-copy h3 a {
    color: #171920;
    text-decoration: none;
}
.service-catalog-copy h3 a:hover { color: #4f46e5; }
.service-catalog-copy p {
    margin: 9px 0 0;
    color: #747985;
    font-size: 15.5px;
    line-height: 1.55;
}
.service-catalog-price {
    margin-top: 17px;
    color: #343740;
    font-size: 15px;
    font-weight: 900;
}
.service-catalog-sublinks {
    display: grid;
    gap: 7px;
    margin-top: 19px;
    padding-top: 17px;
    border-top: 1px solid #eceef4;
}
.service-catalog-sublinks a {
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 11px;
    color: #565b66;
    background: #fafafe;
    border: 1px solid #ececf4;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
}
.service-catalog-sublinks a b {
    flex: 0 0 auto;
    color: #4f46e5;
}
.service-catalog-sublinks a:hover {
    color: #4f46e5;
    background: #f2f1ff;
    border-color: #d8d5ff;
}
.service-catalog-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 20px;
}
.service-catalog-actions button,
.service-catalog-actions > a {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 12px;
    border-radius: 11px;
    font: 800 14px/1.2 "Nunito Sans", sans-serif;
    cursor: pointer;
    text-decoration: none;
}
.service-catalog-actions button {
    color: #fff;
    background: #4f46e5;
    border: 1px solid #4f46e5;
}
.service-catalog-actions > a {
    color: #343740;
    background: #fff;
    border: 1px solid #dfe1e9;
}
.service-catalog-actions button:hover { background: #4338ca; }
.service-catalog-actions > a:hover {
    color: #4f46e5;
    border-color: #bbb6ff;
}
.services-catalog-bottom {
    margin-top: 25px;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background: #fff;
    border: 1px solid #e2e3ec;
    border-radius: 18px;
}
.services-catalog-bottom > div {
    display: grid;
    gap: 4px;
}
.services-catalog-bottom strong {
    color: #202229;
    font-size: 17px;
}
.services-catalog-bottom span {
    color: #777c87;
    font-size: 14px;
}
.services-catalog-bottom button {
    flex: 0 0 auto;
    min-height: 48px;
    padding: 11px 17px;
    color: #fff;
    background: #4f46e5;
    border: 0;
    border-radius: 12px;
    font-weight: 900;
    cursor: pointer;
}
.local-services-intro {
    padding: 66px 0 0;
    background: #f7f8fc;
}
.local-services-intro .section-container {
    padding: 25px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    background: #fff;
    border: 1px solid #e2e3ec;
    border-radius: 20px;
}
.local-services-intro h2 {
    margin: 8px 0 7px;
    font-size: clamp(25px, 3vw, 34px);
}
.local-services-intro p {
    margin: 0;
    color: #747985;
}
.local-services-intro a {
    flex: 0 0 auto;
    padding: 11px 14px;
    color: #4f46e5;
    background: #f1efff;
    border: 1px solid #dedbff;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 900px) {
    .services-catalog-grid { grid-template-columns: 1fr; }
    .local-services-intro .section-container,
    .services-catalog-bottom {
        align-items: stretch;
        flex-direction: column;
    }
    .local-services-intro a,
    .services-catalog-bottom button { width: 100%; text-align: center; }
}
@media (max-width: 620px) {
    .services-catalog-section { padding: 68px 0; }
    .service-catalog-card { padding: 20px; border-radius: 18px; }
    .service-catalog-copy h3 { font-size: 21px; }
    .service-catalog-actions { grid-template-columns: 1fr; }
    .services-page-link { justify-content: stretch; }
    .services-page-link a { width: 100%; justify-content: center; }
    .local-services-intro { padding-top: 48px; }
    .local-services-intro .section-container { padding: 20px; }
}


/* v86 - hard hide service fields that must never be visible empty */
.form-honeypot,
.form-honeypot[hidden] {
    display: none !important;
}
.form-status[hidden],
.form-status:empty {
    display: none !important;
}

/* v93 - cookie notice */
.cookie-notice {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 9999;
    width: min(390px, calc(100vw - 36px));
    padding: 16px;
    border: 1px solid rgba(79, 70, 229, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 18px 50px rgba(17, 24, 39, 0.16);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: translateY(18px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.cookie-notice.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.cookie-notice__top {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.cookie-notice__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(79, 70, 229, 0.09);
    font-size: 23px;
    line-height: 1;
}
.cookie-notice__content {
    min-width: 0;
    flex: 1;
}
.cookie-notice__title {
    margin: 0 0 5px;
    font-family: "Montserrat Alternates", sans-serif;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
    color: #111827;
}
.cookie-notice__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: #5f6675;
}
.cookie-notice__text a {
    color: #4f46e5;
    font-weight: 700;
    text-decoration: none;
}
.cookie-notice__text a:hover {
    text-decoration: underline;
}
.cookie-notice__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-left: 54px;
}
.cookie-notice__button {
    min-height: 38px;
    padding: 9px 16px;
    border: 0;
    border-radius: 12px;
    background: #4f46e5;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.cookie-notice__button:hover {
    background: #4338ca;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(79, 70, 229, 0.24);
}
.cookie-notice__button:focus-visible {
    outline: 3px solid rgba(79, 70, 229, 0.22);
    outline-offset: 2px;
}
@media (max-width: 640px) {
    .cookie-notice {
        left: 10px;
        right: 10px;
        bottom: 10px;
        width: auto;
        padding: 14px;
        border-radius: 16px;
    }
    .cookie-notice__actions {
        padding-left: 0;
    }
    .cookie-notice__button {
        width: 100%;
    }
}

/* v93 hotfix - form honeypot + desktop services arrow + horizontal overflow */

/* JS adds this anti-spam input dynamically. It must never be visible. */
.consultation-honeypot,
input.consultation-honeypot,
input[name="website"].consultation-honeypot {
    display: none !important;
    position: absolute !important;
    left: -99999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Do not allow positioned elements to create side scrolling. */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

/* On desktop the Services mega-menu opens by hover/focus.
   The JS submenu toggle is only needed for the mobile menu. */
@media (min-width: 1051px) {
    .main-menu > .menu-services > .submenu-toggle {
        display: none !important;
    }
}


/* =========================
   MOBILE HEADINGS - SAFE WRAP v104
   Keep long Russian words intact and reduce oversized headings on phones.
========================= */
@media (max-width: 767px) {
    .hero-title,
    .section-heading h1,
    .service-detail-hero h1,
    .about-title,
    .prices-intro .about-title,
    .process-title,
    .consultation-title,
    .home-blog-title,
    .home-articles-title,
    .faq-title,
    .door-final-cta h2,
    .section-heading h2 {
        max-width: 100%;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    .hero-title,
    .section-heading h1,
    .service-detail-hero h1 {
        font-size: clamp(32px, 9vw, 42px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.035em !important;
    }

    .about-title,
    .prices-intro .about-title,
    .process-title,
    .consultation-title,
    .home-blog-title,
    .home-articles-title,
    .faq-title,
    .door-final-cta h2,
    .section-heading h2 {
        font-size: clamp(30px, 8.4vw, 38px) !important;
        line-height: 1.1 !important;
        letter-spacing: -0.03em !important;
    }

    .prices-section .prices-intro .about-title {
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}


/* ===== Prices page v106 ===== */
.price-page-hero {
    background:
      radial-gradient(circle at 85% 15%, rgba(79,70,229,.11), transparent 28%),
      linear-gradient(180deg,#fafaff 0%,#fff 100%);
    border-bottom: 1px solid #ececf5;
}
.price-page-hero .prices-container { align-items: stretch; }
.price-page-hero .prices-intro { display:flex; flex-direction:column; justify-content:center; }
.price-hero-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.price-phone-link { color:#20222a; font-size:18px; font-weight:900; text-decoration:none; }
.price-phone-link:hover { color:#4f46e5; }
.price-hero-note { margin-top:28px; display:flex; align-items:flex-start; gap:12px; max-width:610px; padding:16px 18px; border:1px solid #e2e3ef; border-radius:16px; background:rgba(255,255,255,.72); }
.price-hero-note span { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border-radius:50%; background:#efefff; color:#4f46e5; font-weight:900; }
.price-hero-note p { margin:2px 0 0; color:#555a66; font-size:15px; line-height:1.5; font-weight:700; }
.price-summary-grid { align-content:center; }
.price-summary-grid .price-card { text-decoration:none; color:inherit; min-height:142px; }
.price-summary-grid .price-card > div { min-width:0; }
.price-summary-grid .price-card p { color:#16181f; font-size:20px; line-height:1.25; font-weight:900; }
.price-summary-grid .price-card small { display:block; margin-top:5px; color:#737887; font-size:13px; line-height:1.4; font-weight:700; }
.price-section-heading { max-width:850px; margin-bottom:42px; }
.price-section-heading h2 { max-width:800px; }
.price-section-heading p { max-width:760px; }
.price-detail-section { background:#fff; }
.price-list-card { overflow:hidden; border:1px solid #e1e3ed; border-radius:24px; background:#fff; box-shadow:0 18px 50px rgba(30,35,55,.06); }
.price-list-row { display:grid; grid-template-columns:minmax(190px,1.1fr) minmax(260px,1.6fr) minmax(140px,.65fr) minmax(110px,.55fr); gap:24px; align-items:center; padding:22px 26px; border-top:1px solid #ececf3; }
.price-list-row:first-child { border-top:0; }
.price-list-row:hover:not(.price-list-head) { background:#fafaff; }
.price-list-row strong { color:#20222a; font-size:17px; line-height:1.35; }
.price-list-row > div:nth-child(2) { color:#666b78; font-size:15px; line-height:1.5; }
.price-list-value { color:#4f46e5; font-size:18px; font-weight:900; white-space:nowrap; }
.price-list-row > a { color:#30323a; font-size:14px; font-weight:900; text-decoration:none; white-space:nowrap; text-align:right; }
.price-list-row > a:hover { color:#4f46e5; }
.price-list-head { background:#f7f7fc; color:#7a7f8d; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.price-list-disclaimer { margin:18px 4px 0; color:#777c88; font-size:14px; line-height:1.55; }
.price-factors-section { background:#f8f8fc; }
.price-factors-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.price-factor-card { min-height:240px; padding:28px; border:1px solid #e0e2eb; border-radius:22px; background:#fff; box-shadow:0 14px 34px rgba(30,35,55,.04); }
.price-factor-card > span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#4f46e5; background:#efefff; font-size:13px; font-weight:900; }
.price-factor-card h3 { margin:24px 0 12px; color:#20222a; font-size:22px; line-height:1.2; }
.price-factor-card p { margin:0; color:#666b78; font-size:15px; line-height:1.65; }
.price-consultation { margin-top:0; }
.price-consult-benefits { margin:28px 0 0; padding:0; display:grid; gap:12px; list-style:none; }
.price-consult-benefits li { position:relative; padding-left:30px; color:#f1f1fb; font-size:16px; line-height:1.45; font-weight:700; }
.price-consult-benefits li::before { content:'✓'; position:absolute; left:0; top:0; color:#fff; font-weight:900; }
@media (max-width:1050px) {
  .price-factors-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .price-list-row { grid-template-columns:minmax(170px,1fr) minmax(210px,1.3fr) minmax(125px,.6fr); }
  .price-list-row > a { grid-column:1/-1; text-align:left; margin-top:-8px; }
  .price-list-head span:last-child { display:none; }
}
@media (max-width:700px) {
  .price-page-hero .prices-intro .about-title { font-size:clamp(34px,10vw,44px); line-height:1.03; overflow-wrap:normal; word-break:normal; }
  .price-hero-actions { align-items:stretch; gap:14px; }
  .price-phone-link { width:100%; text-align:center; padding:14px 10px; border:1px solid #e0e2eb; border-radius:14px; }
  .price-summary-grid .price-card { min-height:112px; }
  .price-summary-grid .price-card h3 { font-size:19px; }
  .price-summary-grid .price-card p { font-size:18px; }
  .price-list-card { border-radius:18px; }
  .price-list-head { display:none; }
  .price-list-row { grid-template-columns:1fr; gap:8px; padding:20px; }
  .price-list-row > div:nth-child(2) { font-size:14px; }
  .price-list-value { margin-top:4px; font-size:19px; }
  .price-list-row > a { grid-column:auto; margin-top:4px; text-align:left; }
  .price-factors-grid { grid-template-columns:1fr; }
  .price-factor-card { min-height:0; padding:22px; }
  .price-factor-card h3 { font-size:20px; }
}


/* ===== v159: categorized blog ===== */
.articles-page{padding:78px 0 96px;background:#f7f8fc}.articles-page>.section-container{width:min(1280px,calc(100% - 48px));margin:0 auto}.articles-page-heading{max-width:900px;margin-bottom:30px}.articles-page-heading h1{margin:12px 0 16px;font-family:"Montserrat Alternates",sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.04em;color:#111318}.articles-page-heading>p{max-width:800px;margin:0;color:#6f7480;font-size:18px;line-height:1.65}.articles-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-category-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 46px;padding:10px;background:#fff;border:1px solid #e2e4ed;border-radius:18px;box-shadow:0 12px 35px rgba(34,39,60,.04)}.blog-category-pill{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:11px;color:#656c7b;text-decoration:none;font-size:14px;font-weight:800;transition:.18s ease}.blog-category-pill:hover,.blog-category-pill.is-active{background:#f0efff;color:#4f46e5}
.blog-category-sections{display:grid;gap:64px}.blog-category-section{padding-top:4px}.blog-category-section+.blog-category-section{padding-top:56px;border-top:1px solid #e0e3eb}.blog-category-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px}.blog-category-section-head>div{max-width:820px}.blog-category-section-head h2{margin:8px 0 10px;font-family:"Montserrat Alternates",sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.03em}.blog-category-section-head p{margin:0;color:#707684;font-size:16px;line-height:1.6}.blog-category-all{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:12px 16px;border:1px solid #dedfeb;border-radius:12px;background:#fff;color:#4f46e5;text-decoration:none;font-weight:800}.blog-category-all span{transition:transform .18s ease}.blog-category-all:hover span{transform:translateX(3px)}
.blog-breadcrumbs-v159{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:30px;color:#8a909e;font-size:13px}.blog-breadcrumbs-v159 a{color:#687084;text-decoration:none}.blog-breadcrumbs-v159 strong{color:#343a49}.blog-category-grid-v159{margin-top:34px}.blog-empty-v159{grid-column:1/-1;padding:34px;border:1px dashed #d9dce7;border-radius:18px;background:#fff;color:#777e8d;text-align:center}
@media(max-width:960px){.articles-list-grid{grid-template-columns:1fr}.blog-category-section-head{align-items:flex-start;flex-direction:column}.blog-category-all{width:100%;justify-content:center}}@media(max-width:640px){.articles-page{padding:54px 0 68px}.articles-page>.section-container{width:min(100% - 28px,1280px)}.articles-page-heading h1{font-size:36px}.articles-page-heading>p{font-size:16px}.blog-category-nav{margin-bottom:34px;padding:7px}.blog-category-pill{flex:1 1 calc(50% - 5px);justify-content:center;text-align:center}.blog-category-sections{gap:48px}.blog-category-section+.blog-category-section{padding-top:42px}}

/* ===== v160: compact blog hub ===== */
.blog-hub-v160{padding-top:42px;background:linear-gradient(180deg,#f8f8fc 0,#f7f8fc 100%)}
.blog-hub-v160 .section-container{width:min(1280px,calc(100% - 48px))}
.blog-hero-v160{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.55fr);gap:30px;align-items:stretch;margin-bottom:24px;padding:34px 36px;border:1px solid #e2e4ed;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(31,36,57,.055)}
.blog-hero-copy{min-width:0;align-self:center}.blog-hero-copy h1{max-width:850px;margin:10px 0 14px;font-family:"Montserrat Alternates",sans-serif;font-size:clamp(38px,4.6vw,62px);line-height:1.03;letter-spacing:-.045em;color:#111318}.blog-hero-copy>p{max-width:810px;margin:0;color:#686e7b;font-size:17px;line-height:1.62}
.blog-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.blog-hero-meta span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #e6e7ef;border-radius:999px;background:#fafaff;color:#697080;font-size:13px;font-weight:750}.blog-hero-meta strong{color:#4f46e5;font-weight:900}
.blog-hero-mark{display:flex;min-height:190px;flex-direction:column;justify-content:flex-end;padding:24px;border-radius:22px;background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.25),transparent 30%),linear-gradient(145deg,#4f46e5,#655cf4);color:#fff;overflow:hidden;position:relative}.blog-hero-mark>span{position:absolute;right:14px;top:-18px;font-family:"Montserrat Alternates",sans-serif;font-size:94px;font-weight:900;line-height:1;color:rgba(255,255,255,.1)}.blog-hero-mark strong{font-family:"Montserrat Alternates",sans-serif;font-size:30px;line-height:1.1}.blog-hero-mark small{margin-top:8px;color:rgba(255,255,255,.78);font-size:13px;font-weight:700}
.blog-hub-v160 .blog-category-nav{position:sticky;top:78px;z-index:20;margin:0 0 34px;padding:8px;border-radius:16px;box-shadow:0 10px 30px rgba(34,39,60,.05)}.blog-hub-v160 .blog-category-pill{min-height:38px;padding:0 14px;font-size:13px}
.blog-hub-v160 .blog-category-sections{gap:22px}.blog-hub-v160 .blog-category-section,.blog-hub-v160 .blog-category-section+.blog-category-section{padding:24px;border:1px solid #e2e4ed;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(31,36,57,.04)}.blog-hub-v160 .blog-category-section+.blog-category-section{border-top:1px solid #e2e4ed}
.blog-hub-v160 .blog-category-section-head{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(320px,1.35fr) auto;align-items:center;gap:22px;margin-bottom:18px}.blog-category-title-row{display:flex;align-items:center;gap:14px;min-width:0}.blog-category-index{display:grid;width:44px;height:44px;place-items:center;flex:0 0 44px;border:1px solid #dcdafe;border-radius:13px;background:#f4f3ff;color:#4f46e5;font-family:"Montserrat Alternates",sans-serif;font-size:13px;font-weight:900}.blog-hub-v160 .blog-category-section-head h2{margin:0;font-size:clamp(23px,2.2vw,32px);line-height:1.08}.blog-category-count{display:block;margin-top:4px;color:#969baa;font-size:12px;font-weight:800}.blog-hub-v160 .blog-category-section-head>p{max-width:560px;margin:0;color:#747a87;font-size:14px;line-height:1.55}.blog-hub-v160 .blog-category-all{padding:10px 13px;border-radius:11px;font-size:13px;white-space:nowrap}
.blog-hub-v160 .articles-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-hub-v160 .home-article-card{min-height:0;border-radius:18px;box-shadow:none}.blog-hub-v160 .home-article-visual{min-height:58px;padding:12px 14px}.blog-hub-v160 .home-article-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:12px}.blog-hub-v160 .home-article-tag{max-width:70%;font-size:11px;line-height:1.25}.blog-hub-v160 .home-article-body{padding:17px 18px 18px}.blog-hub-v160 .home-article-body h3{margin-bottom:9px;font-size:18px;line-height:1.3}.blog-hub-v160 .home-article-body p{display:-webkit-box;margin-bottom:16px;overflow:hidden;color:#747987;font-size:14px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-hub-v160 .home-article-link{font-size:13px}
@media(max-width:1080px){.blog-hero-v160{grid-template-columns:1fr}.blog-hero-mark{display:none}.blog-hub-v160 .blog-category-section-head{grid-template-columns:1fr auto}.blog-hub-v160 .blog-category-section-head>p{grid-column:1/-1;grid-row:2}.blog-hub-v160 .articles-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.blog-hub-v160{padding-top:22px}.blog-hub-v160 .section-container{width:min(100% - 28px,1280px)}.blog-hero-v160{padding:24px 20px;border-radius:20px}.blog-hero-copy h1{font-size:36px}.blog-hero-copy>p{font-size:15px}.blog-hero-meta{margin-top:18px}.blog-hub-v160 .blog-category-nav{position:static;margin-bottom:22px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.blog-hub-v160 .blog-category-nav::-webkit-scrollbar{display:none}.blog-hub-v160 .blog-category-pill{flex:0 0 auto}.blog-hub-v160 .blog-category-section,.blog-hub-v160 .blog-category-section+.blog-category-section{padding:18px;border-radius:19px}.blog-hub-v160 .blog-category-section-head{grid-template-columns:1fr;gap:12px}.blog-hub-v160 .blog-category-section-head>p{grid-column:auto;grid-row:auto}.blog-hub-v160 .blog-category-all{width:100%;justify-content:center}.blog-hub-v160 .articles-list-grid{grid-template-columns:1fr}.blog-hub-v160 .home-article-body h3{font-size:18px}}


/* v161 — structured blog article and regional commercial CTA */
.article-page-v161{padding:54px 0 90px;background:#f7f8fc}.article-page-v161 .article-page-container{width:min(1220px,calc(100% - 48px));margin:0 auto}.article-breadcrumbs-v161{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 30px;color:#8a91a0;font-size:13px;font-weight:700}.article-breadcrumbs-v161 a{color:#6d7483;text-decoration:none}.article-breadcrumbs-v161 a:hover{color:#5547ee}.article-breadcrumbs-v161 span{color:#c1c5cf}.article-page-header-v161{max-width:930px;margin:0 0 36px}.article-page-header-v161 h1{margin:12px 0 14px;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.045em}.article-page-header-v161 .article-page-lead{max-width:820px;margin:0;color:#676f7f;font-size:19px;line-height:1.55}.article-layout-v161{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:34px;align-items:start}.article-main-v161{min-width:0}.article-page-v161 .article-page-content{background:#fff;border:1px solid #e3e6ef;border-radius:26px;padding:42px 46px;box-shadow:0 14px 35px rgba(43,49,71,.05)}.article-page-v161 .article-page-content h2{scroll-margin-top:120px;margin:38px 0 14px;font-size:30px;line-height:1.15;letter-spacing:-.025em}.article-page-v161 .article-page-content h2:first-child{margin-top:0}.article-page-v161 .article-page-content p{margin:0 0 19px;color:#444c5b;font-size:17px;line-height:1.75}.article-page-v161 .article-page-content ul,.article-page-v161 .article-page-content ol{color:#444c5b;font-size:17px;line-height:1.7}.article-sidebar-v161{position:sticky;top:110px;display:grid;gap:14px}.article-toc-v161,.article-category-card-v161{background:#fff;border:1px solid #e3e6ef;border-radius:20px;padding:18px}.article-sidebar-label-v161{display:block;margin:0 0 10px;color:#1e2230;font-size:14px;font-weight:900}.article-toc-link-v161{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid #edf0f5;color:#545d6e;text-decoration:none;font-size:13px;font-weight:700;line-height:1.35}.article-toc-link-v161:first-of-type{border-top:0}.article-toc-link-v161 span{color:#5c4df4;font-size:10px;font-weight:900;margin-top:2px}.article-toc-link-v161:hover{color:#5042e8}.article-toc-empty-v161{color:#858d9d;font-size:12px}.article-category-card-v161{display:block;text-decoration:none;background:linear-gradient(145deg,#5a48f3,#6758f6);color:#fff}.article-category-card-v161 small{display:block;opacity:.72;font-weight:700;margin-bottom:5px}.article-category-card-v161 strong{display:block;font-size:17px;line-height:1.25;margin-bottom:16px}.article-category-card-v161 span{font-size:12px;font-weight:800}.article-commercial-v161{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:26px;margin:26px 0 0;padding:30px;border-radius:26px;background:linear-gradient(135deg,#171a25 0%,#23243a 58%,#4e40d9 145%);color:#fff;box-shadow:0 18px 40px rgba(26,29,46,.16);overflow:hidden;position:relative}.article-commercial-v161:after{content:"DS";position:absolute;right:-14px;top:-38px;font-size:128px;line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.045);pointer-events:none}.article-commercial-copy-v161{position:relative;z-index:1}.article-commercial-kicker-v161{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(103,88,246,.25);color:#bdb6ff;font-size:10px;font-weight:900;letter-spacing:.09em}.article-commercial-v161 h2{margin:14px 0 11px!important;color:#fff!important;font-size:34px!important;line-height:1.05!important;letter-spacing:-.03em}.article-commercial-v161 p{margin:0!important;color:#cbd0dd!important;font-size:15px!important;line-height:1.55!important}.article-commercial-note-v161{display:flex;align-items:center;gap:8px;margin-top:20px;color:#aeb5c6;font-size:12px;font-weight:700}.article-commercial-note-v161 i{width:7px;height:7px;border-radius:50%;background:#776aff;box-shadow:0 0 0 5px rgba(119,106,255,.15)}.article-commercial-actions-v161{position:relative;z-index:1;display:grid;gap:10px}.article-commercial-call-grid-v161{display:grid;grid-template-columns:1fr 1fr;gap:9px}.article-commercial-phone-v161{display:block;padding:13px 14px;border-radius:14px;background:#fff;color:#1b1d27;text-decoration:none}.article-commercial-phone-v161 small{display:block;color:#838b9a;font-size:10px;font-weight:800;margin-bottom:3px}.article-commercial-phone-v161 strong{display:block;font-size:14px;white-space:nowrap}.article-commercial-phone-v161 span{display:block;margin-top:8px;color:#5748ee;font-size:11px;font-weight:900}.article-commercial-form-v161{width:100%;border:0;border-radius:14px;background:#6252f4;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font:inherit;font-weight:900;cursor:pointer}.article-commercial-form-v161:hover{background:#5545e8}.article-commercial-messengers-v161{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.article-commercial-messenger-v161{display:flex;align-items:center;gap:7px;min-width:0;padding:10px 9px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;font-size:11px;font-weight:800}.article-commercial-messenger-v161>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.11);font-size:9px}.article-commercial-messenger-v161 b{margin-left:auto;font-size:11px;opacity:.65}.article-page-v161 .article-page-back{display:inline-flex;margin-top:24px}.article-page-v161 .site-modal{z-index:10000}@media(max-width:1050px){.article-layout-v161{grid-template-columns:1fr}.article-sidebar-v161{position:static;grid-template-columns:1fr 1fr;order:-1}.article-commercial-v161{grid-template-columns:1fr 1fr}}@media(max-width:760px){.article-page-v161{padding:28px 0 60px}.article-page-v161 .article-page-container{width:min(100% - 28px,1220px)}.article-page-header-v161 h1{font-size:clamp(36px,11vw,52px)}.article-page-header-v161 .article-page-lead{font-size:16px}.article-sidebar-v161{grid-template-columns:1fr}.article-page-v161 .article-page-content{padding:26px 22px;border-radius:20px}.article-page-v161 .article-page-content h2{font-size:25px}.article-page-v161 .article-page-content p{font-size:16px}.article-commercial-v161{grid-template-columns:1fr;padding:22px;border-radius:20px}.article-commercial-v161 h2{font-size:28px!important}.article-commercial-call-grid-v161{grid-template-columns:1fr}.article-commercial-messengers-v161{grid-template-columns:1fr 1fr 1fr}.article-breadcrumbs-v161{margin-bottom:22px}}@media(max-width:430px){.article-commercial-messengers-v161{grid-template-columns:1fr}.article-sidebar-v161{display:none}}


/* ===== v162: visible article breadcrumbs ===== */
.article-breadcrumbs-v162{
  display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 24px!important;padding:9px 12px;
  width:max-content;max-width:100%;
  background:#fff;border:1px solid #e5e8f0;border-radius:12px;
  box-shadow:0 5px 16px rgba(43,49,71,.035);
  color:#8a91a0;font-size:12px;font-weight:750;line-height:1.35
}
.article-breadcrumbs-v162 a{color:#606879;text-decoration:none}
.article-breadcrumbs-v162 a:hover{color:#5547ee}
.article-breadcrumbs-v162>span{color:#c2c7d1}
.article-breadcrumbs-v162 strong{min-width:0;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b92a1;font:inherit}
@media(max-width:760px){.article-breadcrumbs-v162{width:100%;padding:9px 10px}.article-breadcrumbs-v162 strong{max-width:100%;white-space:normal}}

/* ===== v163: article CTA in the middle + consultation wording ===== */
.article-page-v161 .article-page-content-after-cta-v163{margin-top:26px}
.article-commercial-phone-v161{transition:transform .16s ease,box-shadow .16s ease}
.article-commercial-phone-v161:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.article-commercial-phone-v161 span{line-height:1.3;white-space:normal}
@media(max-width:760px){.article-page-v161 .article-page-content-after-cta-v163{margin-top:20px}.article-commercial-phone-v161 span{font-size:11px}}

/* ===== v165: related articles ===== */
.article-related-v165{margin-top:26px;padding:28px;border:1px solid #e3e6ef;border-radius:26px;background:#fff;box-shadow:0 14px 35px rgba(43,49,71,.05)}
.article-related-head-v165{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.article-related-head-v165 h2{margin:7px 0 5px;font-size:30px;line-height:1.1;letter-spacing:-.025em}
.article-related-head-v165 p{margin:0;color:#7a8291;font-size:13px;line-height:1.45}
.article-related-head-v165>a{flex:0 0 auto;color:#5748ee;text-decoration:none;font-weight:900;font-size:13px}
.article-related-grid-v165{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.article-related-card-v165{display:flex;flex-direction:column;min-height:210px;padding:18px;border:1px solid #e6e8f0;border-radius:18px;background:#fafbff;color:#1d2230;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.article-related-card-v165:hover{transform:translateY(-2px);border-color:#cfc9ff;box-shadow:0 12px 24px rgba(50,45,120,.08)}
.article-related-category-v165{display:inline-flex;align-self:flex-start;margin-bottom:12px;padding:5px 8px;border-radius:999px;background:#efedff;color:#5b4cec;font-size:10px;font-weight:900}
.article-related-card-v165 strong{display:block;font-size:18px;line-height:1.2;letter-spacing:-.015em}
.article-related-card-v165 p{margin:10px 0 16px!important;color:#6e7686!important;font-size:13px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-related-link-v165{margin-top:auto;color:#5748ee;font-size:12px;font-weight:900}
.article-page-back-v165{padding:12px 15px;border:1px solid #e1e4ed;border-radius:12px;background:#fff;color:#363d4c;text-decoration:none;font-weight:800}
.article-page-back-v165:hover{border-color:#cfc9ff;color:#5748ee}
@media(max-width:900px){.article-related-grid-v165{grid-template-columns:1fr 1fr}.article-related-card-v165:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:620px){.article-related-v165{padding:21px;border-radius:20px}.article-related-head-v165{align-items:flex-start;flex-direction:column}.article-related-grid-v165{grid-template-columns:1fr}.article-related-card-v165:last-child:nth-child(odd){grid-column:auto}.article-related-card-v165{min-height:0}.article-related-head-v165 h2{font-size:26px}}

/* ===== v166: structured article content blocks ===== */
.article-page-content .article-list-v166{margin:18px 0 26px;padding-left:24px;color:#384154;font-size:18px;line-height:1.75}.article-page-content .article-list-v166 li+li{margin-top:8px}.article-tip-v166{margin:24px 0;padding:22px 24px;border:1px solid #dcd8ff;border-radius:18px;background:linear-gradient(135deg,#f7f5ff,#fbfbff);box-shadow:0 8px 24px rgba(66,57,180,.06)}.article-tip-v166 strong{display:block;margin-bottom:8px;color:#4f46e5;font-size:18px}.article-tip-v166 p{margin:0!important}.article-faq-item-v166{margin:22px 0;padding:22px 24px;border:1px solid #e2e6ef;border-radius:18px;background:#fff}.article-faq-item-v166 h3{margin:0 0 10px;font-size:22px}.article-faq-item-v166 p{margin:0!important}.article-faq-item-v166+.article-faq-item-v166{margin-top:-10px}
@media(max-width:700px){.article-page-content .article-list-v166{font-size:16px;padding-left:20px}.article-tip-v166,.article-faq-item-v166{padding:18px;border-radius:16px}.article-faq-item-v166 h3{font-size:19px}}

/* v174: изображения из визуального редактора статей */
.article-page-content .article-editor-image-v174{margin:28px 0 32px}
.article-page-content .article-editor-image-v174 img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:18px}
.article-page-content .article-editor-image-v174 figcaption{text-align:center;margin-top:10px;color:#7c8496;font-size:14px;line-height:1.45}
.article-page-content .article-editor-quote-v174{margin:24px 0;padding:18px 22px;border-left:4px solid #5b50f4;background:#f7f6ff;border-radius:0 14px 14px 0}


/* ===== v176: article images + inline links ===== */
.article-page-content .article-editor-image-v174{
    width:100%;
    max-width:720px;
    margin:28px auto 32px;
}
.article-page-content .article-editor-image-v174 img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    border-radius:18px;
}
.article-page-content .article-editor-image-v174 figcaption{
    max-width:640px;
    margin:10px auto 0;
    text-align:center;
    color:#7c8496;
    font-size:14px;
    line-height:1.45;
}
.article-page-content p a,
.article-page-content li a{
    color:#5748ee;
    font-weight:700;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
    text-decoration-color:rgba(87,72,238,.45);
    transition:color .16s ease,text-decoration-color .16s ease;
}
.article-page-content p a:hover,
.article-page-content li a:hover{
    color:#4437d9;
    text-decoration-color:currentColor;
}
@media(max-width:760px){
    .article-page-content .article-editor-image-v174{
        max-width:none;
        margin:22px auto 26px;
    }
    .article-page-content .article-editor-image-v174 img{
        width:100%;
        border-radius:15px;
    }
}

/* ===== v177: compact article images ===== */
.article-page-content .article-editor-image-v174{
    width:auto;
    max-width:620px;
    margin:24px auto 30px;
    text-align:center;
}
.article-page-content .article-editor-image-v174 img{
    display:block;
    width:auto;
    max-width:100%;
    max-height:420px;
    height:auto;
    margin:0 auto;
    object-fit:contain;
    border-radius:18px;
}
.article-page-content .article-editor-image-v174 figcaption{
    max-width:560px;
    margin:9px auto 0;
}
@media(max-width:760px){
    .article-page-content .article-editor-image-v174{
        width:100%;
        max-width:none;
        margin:20px auto 24px;
    }
    .article-page-content .article-editor-image-v174 img{
        width:100%;
        max-height:none;
        border-radius:15px;
    }
}

/* ===== v178: mobile article images ===== */
@media(max-width:760px){
    .article-page-content .article-editor-image-v174{
        width:92%;
        max-width:620px;
        margin:20px auto 26px;
    }
    .article-page-content .article-editor-image-v174 img{
        width:100%;
        max-height:340px;
        height:auto;
        object-fit:cover;
        border-radius:15px;
    }
    .article-page-content .article-editor-image-v174 figcaption{
        margin-top:8px;
        font-size:13px;
        line-height:1.4;
    }
}

/* v179: images inserted from the visual editor of ordinary page blocks */
.page-inline-image-v179{display:block;max-width:620px;margin:26px auto;text-align:center}
.page-inline-image-v179 img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:18px}
.page-inline-image-caption-v179{display:block;margin-top:9px;color:#74788a;font-size:13px;line-height:1.45;text-align:center}
@media(max-width:767px){.page-inline-image-v179{max-width:92%;margin:20px auto 24px}.page-inline-image-v179 img{max-height:340px}}

/* ===== v183: highlighted inline links in service SEO text ===== */
.door-seo-section .seo-columns p a,
.door-seo-section .seo-columns li a {
  color: #5a4cf5;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(90, 76, 245, .45);
  transition: color .16s ease, text-decoration-color .16s ease;
}
.door-seo-section .seo-columns p a:hover,
.door-seo-section .seo-columns li a:hover {
  color: #4738e6;
  text-decoration-color: currentColor;
}


/* ===== v191: related service in article sidebar ===== */
.article-service-card-v191{display:block;margin-top:14px;padding:20px 20px 18px;border:1px solid #e7e5fb;border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(34,31,91,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.article-service-card-v191 small{display:block;margin-bottom:8px;color:#77738f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.article-service-card-v191 strong{display:block;color:#24213d;font-size:17px;line-height:1.25}.article-service-card-v191 span{display:block;margin-top:12px;color:#5a4cf5;font-size:13px;font-weight:800}
.article-service-card-v191:hover{transform:translateY(-2px);border-color:#cbc6ff;box-shadow:0 14px 32px rgba(74,62,190,.10)}