:root {
    --privacy-index-bg: rgba(58, 176, 255, 0.08);
    --privacy-border: rgba(255, 255, 255, 0.06);
    --toc-sticky-top: 130px;
}

.privacy-doc {
    padding: 140px 0 100px;
    background: radial-gradient(circle at 0% 0%, rgba(58, 176, 255, 0.05) 0%, transparent 40%), var(--bg-color);
}
.privacy-doc section{
    padding-top: 0;
    padding-bottom: 0px;
}
.privacy-doc__container {
    margin: 0 auto;
}

.privacy-doc__hero {
    margin-bottom: 100px;
    max-width: 982px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.privacy-doc__eyebrow {
    display: inline-block;
    color: var(--accent);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    padding: 4px 12px;
    background: rgba(58, 176, 255, 0.1);
    border-radius: 4px;
}

.privacy-doc__hero h1 {
    font-size: clamp(36px, 6vw, 56px);
    line-height: 1.1;
    margin-bottom: 28px;
    font-weight: 800;
    letter-spacing: -1px;
    text-align: center;
}

.privacy-doc__lead {
    font-size: 20px;
    color: var(--muted);
    line-height: 1.6;
    text-align: center;
}

.privacy-doc__grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 80px;
    align-items: start;
}

.privacy-doc__aside {
    position: sticky;
    top: var(--toc-sticky-top);
}

.privacy-toc {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--privacy-border);
    border-radius: var(--radius-md);
    padding: 30px;
    backdrop-filter: blur(10px);
}

.privacy-toc__title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 24px;
    color: var(--text-color);
    letter-spacing: 0.5px;
}

.privacy-toc__nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.privacy-toc__nav a {
    color: var(--muted);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    line-height: 1.4;
    position: relative;
    padding-left: 0;
}

.privacy-toc__nav a:hover {
    color: var(--accent);
    padding-left: 8px;
}

.privacy-doc__content {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.privacy-section {
    display: flex;
    gap: 40px;
    scroll-margin-top: var(--toc-sticky-top);
}

.privacy-section__index {
    flex: 0 0 50px;
    height: 50px;
    background: var(--privacy-index-bg);
    border: 1px solid rgba(58, 176, 255, 0.2);
    color: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-weight: 800;
    font-size: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.privacy-section__body {
    flex: 1;
}

.privacy-section__body h2 {
    font-size: 28px;
    margin-bottom: 24px;
    font-weight: 700;
    color: var(--text-color);
    text-align: left;
}

.privacy-section__body p {
    color: var(--muted);
    margin-bottom: 20px;
    font-size: 16px;
}

.privacy-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: grid;
    gap: 12px;
}

.privacy-list li {
    position: relative;
    padding-left: 28px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.5;
}

.privacy-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: var(--accent);
    font-weight: 700;
}

.privacy-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.privacy-chips span {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--privacy-border);
    padding: 8px 18px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--text-color);
    transition: all 0.3s ease;
}

.privacy-chips span:hover {
    background: rgba(58, 176, 255, 0.1);
    border-color: var(--accent);
    transform: translateY(-2px);
}

.privacy-highlight {
    background: linear-gradient(90deg, rgba(58, 176, 255, 0.1) 0%, transparent 100%);
    border-left: 3px solid var(--accent);
    padding: 24px;
    border-radius: 0 12px 12px 0;
    margin-top: 35px;
    font-size: 15px;
    margin-bottom: 16px;
}

.privacy-highlight strong {
    color: var(--accent);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 8px;
}

.privacy-section--accent {
    background: rgba(58, 176, 255, 0.02);
    padding: 40px;
    border-radius: var(--radius-lg);
    margin: 0 -40px;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    border: 1px solid rgba(58, 176, 255, 0.1);
}

.privacy-section--final {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--privacy-border);
}

@media (max-width: 1024px) {
    .privacy-doc__grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .privacy-doc__aside {
        display: none;
    }

    .privacy-doc__hero {
        margin-bottom: 60px;
    }
}

@media (max-width: 768px) {
    .privacy-doc {
        padding: 100px 0 60px;
    }
    .privacy-section {
        display: flex;
        align-items: center;
    }
    .privacy-doc section{
        padding: 0 !important;
        margin: 0 !important;
    }
    .privacy-section__body h2{
        text-align: center;
    }
    .privacy-section {
        flex-direction: column;
        gap: 20px;
    }
    .privacy-section--accent{
        border: 0;
        background: transparent;
    }
    .privacy-highlight{
        margin-bottom: 16px;
    }
    .privacy-section--accent {
        margin: 0;
        padding: 30px 20px;
    }
    .privacy-doc section h2 {
        line-height: 100%;
    }
    .privacy-section__index {
        width: 50px;
        height: 40px;
        font-size: 14px;
    }
    .privacy-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 25px;
        align-items: center;
        justify-content: center;
    }
    .privacy-doc__content {
        gap: 40px;
    }
}



/**********************************************************************************/
.service-page {
    position: relative;
    padding: 130px 0 90px;
    overflow: hidden;
}

.service-page::before,
.service-page::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
    opacity: 0.14;
}

.service-page::before {
    width: 420px;
    height: 420px;
    left: -140px;
    top: 40px;
    background: var(--accent);
}

.service-page::after {
    width: 540px;
    height: 540px;
    right: -180px;
    bottom: -40px;
    background: var(--accent-secondary);
}

.service-hero {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 48px;
    align-items: center;
}

.service-hero__content {
    position: relative;
}

.service-hero__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 18px rgba(58, 176, 255, 0.08);
}

.service-hero h1 {
    margin: 0 0 24px;
    font-size: 68px;
    line-height: 0.98;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #fff;
    text-wrap: balance;
}

.service-hero__description {
    max-width: 760px;
    margin: 0 0 32px;
    font-size: 20px;
    line-height: 1.85;
    color: var(--muted);
}

.service-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 34px;
}

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

.service-stat {
    padding: 18px 18px;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: var(--card-border);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(14px);
}

.service-stat strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
    font-weight: 700;
}

.service-stat span {
    display: block;
    font-size: 14px;
    line-height: 1.65;
    color: var(--muted);
}

.service-hero__visual {
    position: relative;
    display: flex;
    justify-content: center;
}

.service-hero__visual::before {
    content: "";
    position: absolute;
    inset: 8% 10%;
    background: radial-gradient(circle, rgba(58, 176, 255, 0.18) 0%, rgba(58, 176, 255, 0) 72%);
    filter: blur(30px);
    pointer-events: none;
}

.service-preview-card {
    position: relative;
    width: 100%;
    max-width: 560px;
    padding: 18px;
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.88) 0%, rgba(25, 28, 43, 0.96) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px) saturate(160%);
    overflow: hidden;
}

.service-preview-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.12), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.12), transparent 36%);
    pointer-events: none;
}

.service-preview-card__top {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

.service-preview-card__top span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
}

.service-preview-card__top span:nth-child(1) {
    background: rgba(255, 110, 110, 0.9);
}

.service-preview-card__top span:nth-child(2) {
    background: rgba(255, 210, 90, 0.9);
}

.service-preview-card__top span:nth-child(3) {
    background: rgba(74, 222, 128, 0.9);
}

.service-preview-card__body {
    position: relative;
    z-index: 1;
    padding: 18px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.service-preview-card__line {
    height: 14px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(58, 176, 255, 0.55) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.service-preview-card__line--lg {
    width: 72%;
    height: 18px;
}

.service-preview-card__line--sm {
    width: 48%;
}

.service-preview-card__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.service-preview-card__item {
    height: 120px;
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(58, 176, 255, 0.14) 0%, rgba(78, 110, 242, 0.08) 100%),
        rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.service-about,
.service-cases,
.service-process,
.service-features,
.service-faq,
.service-cta {
    position: relative;
    padding: 90px 0;
}

.service-section-heading {
    max-width: 860px;
    margin: 0 auto 54px;
    text-align: center;
}

.service-section-heading__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: var(--card-border);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.service-section-heading h2 {
    margin-bottom: 18px;
    font-size: 52px;
    line-height: 1.06;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.service-section-heading p {
    margin: 0 auto;
    max-width: 780px;
    font-size: 18px;
    line-height: 1.85;
    color: var(--muted);
    text-align: center;
}

.service-about__grid,
.service-cases__grid,
.service-features__grid {
    display: grid;
    gap: 22px;
}

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

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

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

.service-about-card,
.service-case-card,
.service-feature-card,
.service-faq-item {
    position: relative;
    padding: 28px 26px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.76) 0%, rgba(25, 28, 43, 0.86) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px) saturate(160%);
    overflow: hidden;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.service-about-card::before,
.service-case-card::before,
.service-feature-card::before,
.service-faq-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.08), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.08), transparent 36%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.service-about-card:hover,
.service-case-card:hover,
.service-feature-card:hover,
.service-faq-item:hover {
    transform: translateY(-6px);
    border-color: rgba(58, 176, 255, 0.2);
    box-shadow:
        0 24px 46px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(58, 176, 255, 0.03);
}

.service-about-card:hover::before,
.service-case-card:hover::before,
.service-feature-card:hover::before,
.service-faq-item:hover::before {
    opacity: 1;
}

.service-about-card h3,
.service-case-card h3,
.service-feature-card h3,
.service-step__content h3,
.service-faq-item h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    font-size: 24px;
    line-height: 1.18;
    color: #fff;
    font-weight: 700;
    text-align: left;
}

.service-about-card p,
.service-case-card p,
.service-feature-card p,
.service-step__content p,
.service-faq-item p {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: var(--muted);
    text-align: left;
}

.service-process__list {
    display: grid;
    gap: 22px;
}

.service-step {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
    padding: 24px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.72) 0%, rgba(25, 28, 43, 0.84) 100%);
    border: var(--card-border);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(14px);
}

.service-step__number {
    display: flex;
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--accent);
    background: linear-gradient(145deg, rgba(58, 176, 255, 0.1) 0%, rgba(78, 110, 242, 0.08) 100%);
    border: 1px solid rgba(58, 176, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.service-faq__list {
    display: grid;
    gap: 18px;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    margin: 0 auto;
}

.service-cta__card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
    padding: 38px 38px;
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.88) 0%, rgba(25, 28, 43, 0.96) 100%);
    border: var(--card-border);
    backdrop-filter: blur(18px) saturate(160%);
    box-shadow:
        0 28px 60px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

.service-cta__card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at left center, rgba(58, 176, 255, 0.12), transparent 34%),
        radial-gradient(circle at right center, rgba(78, 110, 242, 0.1), transparent 34%);
    pointer-events: none;
}

.service-cta__content,
.service-cta__actions {
    position: relative;
    z-index: 1;
}

.service-cta__content h2 {
    margin-bottom: 16px;
    text-align: left;
    font-size: 44px;
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.service-cta__content p {
    margin: 0;
    max-width: 760px;
    font-size: 18px;
    line-height: 1.85;
    color: var(--muted);
    text-align: left;
}

.service-cta__actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 240px;
}

.service-cta__actions .btn {
    width: 100%;
    text-align: center;
}

.service-page--custom-pages .service-case-card:nth-child(1),
.service-page--custom-pages .service-case-card:nth-child(4) {
    transform-origin: center top;
}

.service-page--custom-pages .service-case-card:nth-child(2),
.service-page--custom-pages .service-case-card:nth-child(5) {
    transform-origin: center center;
}

.service-page--custom-pages .service-case-card:nth-child(3),
.service-page--custom-pages .service-case-card:nth-child(6) {
    transform-origin: center bottom;
}

@media (max-width: 1200px) {
    .service-hero {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .service-hero h1 {
        font-size: 56px;
    }

    .service-hero__description {
        max-width: none;
    }

    .service-about__grid,
    .service-cases__grid,
    .service-features__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-cta__card {
        grid-template-columns: 1fr;
    }

    .service-cta__actions {
        flex-direction: row;
        min-width: 0;
    }
}

@media (max-width: 992px) {
    .service-page {
        padding: 92px 0 52px;
    }

    .service-about,
    .service-cases,
    .service-process,
    .service-features,
    .service-faq,
    .service-cta {
        padding: 60px 0;
    }

    .service-hero h1 {
        font-size: 44px;
        line-height: 1.04;
    }

    .service-hero__description {
        font-size: 17px;
        line-height: 1.75;
    }

    .service-hero__stats {
        grid-template-columns: 1fr;
    }

    .service-section-heading {
        margin-bottom: 36px;
    }

    .service-section-heading h2 {
        font-size: 36px;
        line-height: 1.1;
    }

    .service-section-heading p {
        font-size: 16px;
        line-height: 1.75;
    }

    .service-about__grid,
    .service-cases__grid,
    .service-features__grid {
        grid-template-columns: 1fr;
    }

    .service-step {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 16px;
        padding: 20px;
        border-radius: 24px;
    }

    .service-step__number {
        font-size: 26px;
        border-radius: 18px;
    }

    .service-about-card h3,
    .service-case-card h3,
    .service-feature-card h3,
    .service-step__content h3,
    .service-faq-item h3 {
        font-size: 21px;
    }

    .service-cta__content h2 {
        font-size: 34px;
    }

    .service-cta__content p {
        font-size: 16px;
        line-height: 1.75;
    }
}

@media (max-width: 768px) {
    .service-page {
        padding: 78px 0 40px;
    }

    .service-hero {
        gap: 26px;
    }

    .service-hero__badge {
        min-height: 34px;
        padding: 0 12px;
        font-size: 11px;
        letter-spacing: 0.1em;
        margin: 0 auto;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
    }
    .service-hero__visual{
        display: none;
    }
    .service-stat{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .service-hero h1 {
        font-size: 34px;
        line-height: 1.08;
        margin-bottom: 18px;
        text-align: center;
    }

    .service-hero__description {
        margin-bottom: 22px;
        font-size: 15px;
        line-height: 1.72;
    }

    .service-hero__actions {
        gap: 12px;
        margin-bottom: 24px;
    }

    .service-hero__actions .btn {
        width: 100%;
        text-align: center;
    }

    .service-preview-card {
        border-radius: 24px;
        padding: 14px;
    }

    .service-preview-card__body {
        padding: 14px;
        border-radius: 18px;
    }

    .service-preview-card__grid {
        gap: 10px;
    }

    .service-preview-card__item {
        height: 84px;
        border-radius: 14px;
    }

    .service-about,
    .service-cases,
    .service-process,
    .service-features,
    .service-faq,
    .service-cta {
        padding: 48px 0;
    }

    .service-section-heading {
        margin-bottom: 28px;
    }

    .service-section-heading__label {
        min-height: 32px;
        padding: 0 12px;
        margin-bottom: 14px;
        font-size: 11px;
        margin: 0 auto;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        width: fit-content;
        justify-content: center;
    }

    .service-section-heading h2 {
        font-size: 28px;
        line-height: 1.14;
        margin-bottom: 14px;
    }

    .service-section-heading p {
        font-size: 15px;
        line-height: 1.72;
    }

    .service-about-card,
    .service-case-card,
    .service-feature-card,
    .service-faq-item {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .service-about-card h3,
    .service-case-card h3,
    .service-feature-card h3,
    .service-step__content h3,
    .service-faq-item h3 {
        font-size: 19px;
        line-height: 1.2;
        margin-bottom: 12px;
        text-align: center;
    }

    .service-about-card p,
    .service-case-card p,
    .service-feature-card p,
    .service-step__content p,
    .service-faq-item p {
        font-size: 15px;
        line-height: 1.7;
    }

    .service-step {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px;
        border-radius: 22px;
    }

    .service-step__number {
        min-height: 64px;
        font-size: 22px;
        width: 64px;
        height: 64px;
        margin: 0 auto;
    }
    .service-faq__list {
        grid-template-columns:   1fr;
    }
    .service-cta__card {
        padding: 24px 18px;
        border-radius: 24px;
        gap: 18px;
    }

    .service-cta__content h2 {
        font-size: 28px;
        line-height: 1.12;
        text-align: center;
    }

    .service-cta__content p {
        font-size: 15px;
        line-height: 1.72;
    }

    .service-cta__actions {
        flex-direction: column;
        gap: 12px;
    }
}


/****************************************************************************************************/
.support-alt {
    position: relative;
    padding: 130px 0 70px;
    overflow: hidden;
}

.support-alt::before,
.support-alt::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.16;
}

.support-alt::before {
    width: 440px;
    height: 440px;
    top: 30px;
    left: -160px;
    background: var(--accent);
}

.support-alt::after {
    width: 580px;
    height: 580px;
    right: -190px;
    bottom: 209px;
    background: var(--accent-secondary);
}

.support-alt__hero {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    gap: 48px;
    align-items: center;
}

.support-alt__intro {
    position: relative;
}

.support-alt__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 18px rgba(58, 176, 255, 0.08);
}

.support-alt__intro h1 {
    margin: 0 0 24px;
    font-size: 70px;
    line-height: 0.96;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: #fff;
    text-wrap: balance;
}

.support-alt__lead {
    max-width: 760px;
    margin: 0 0 34px;
    font-size: 20px;
    line-height: 1.9;
    color: var(--muted);
}

.support-alt__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.support-alt__status {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.support-alt__status::before {
    content: "";
    position: absolute;
    inset: 12% 10%;
    background: radial-gradient(circle, rgba(58, 176, 255, 0.18) 0%, rgba(58, 176, 255, 0) 72%);
    filter: blur(36px);
    pointer-events: none;
}

.support-monitor {
    position: relative;
    width: 100%;
    max-width: 560px;
    padding: 24px;
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.92) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 34px 80px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px) saturate(160%);
    overflow: hidden;
}

.support-monitor::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.14), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.14), transparent 38%);
    pointer-events: none;
}

.support-monitor__top,
.support-monitor__main,
.support-monitor__list {
    position: relative;
    z-index: 1;
}

.support-monitor__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
}

.support-monitor__badge,
.support-monitor__date {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.support-monitor__badge {
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.18);
    color: #86efac;
}

.support-monitor__date {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #dce3f1;
}

.support-monitor__main {
    padding: 22px;
    margin-bottom: 18px;
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.02) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.support-monitor__line {
    height: 13px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(58, 176, 255, 0.7) 0%, rgba(255, 255, 255, 0.08) 100%);
}

.support-monitor__line:last-child {
    margin-bottom: 0;
}

.support-monitor__line--lg {
    height: 18px;
    width: 74%;
}

.support-monitor__line--sm {
    width: 48%;
}

.support-monitor__list {
    display: grid;
    gap: 14px;
}

.support-monitor__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.support-monitor__item span {
    font-size: 15px;
    line-height: 1.5;
    color: #dce3f1;
}

.support-monitor__item strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(45deg, rgba(58, 176, 255, 0.16) 0%, rgba(78, 110, 242, 0.16) 100%);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.support-ribbon {
    position: relative;
    padding: 0 0 90px;
    z-index: 2;
}

.support-ribbon__track {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: center;
}

.support-ribbon__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    border: var(--card-border);
    color: #dce3f1;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(12px);
}

.support-feed,
.support-handled,
.support-before-after,
.support-modes,
.support-decision {
    position: relative;
    padding: 95px 0;
}

.support-section-head {
    margin: 0 auto 54px;
    text-align: center;
}

.support-section-head--left {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    max-width: none;
}

.support-section-head__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: var(--card-border);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.support-section-head h2 {
    margin: 0 0 18px;
    font-size: 54px;
    line-height: 1.03;
    letter-spacing: -0.045em;
    color: #fff;
    text-wrap: balance;
    max-width: none;
    width: 100%;
    text-align: left;
}
.support-before-after .support-section-head h2 , #support-modes h2{
    text-align: center;
}
.support-section-head p {
    max-width: 780px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.85;
    color: var(--muted);
    text-align: center;
}

.support-section-head--left p {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.support-feed__layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.support-feed__column {
    display: grid;
    gap: 22px;
}

.support-feed__column:last-child {
    padding-top: 90px;
}

.support-feed__centerline {
    position: relative;
    height: 100%;
    min-height: 100%;
}

.support-feed__centerline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 8px;
    bottom: 8px;
    transform: translateX(-50%);
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(
        180deg,
        rgba(58, 176, 255, 0.95) 0%,
        rgba(78, 110, 242, 0.42) 55%,
        rgba(255, 255, 255, 0.08) 100%
    );
}

.support-feed-card {
    position: relative;
    padding: 28px 26px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.8) 0%, rgba(25, 28, 43, 0.9) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px) saturate(160%);
    overflow: hidden;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.support-feed-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.08), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.08), transparent 36%);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.support-feed-card:hover {
    transform: translateY(-6px);
    border-color: rgba(58, 176, 255, 0.18);
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(58, 176, 255, 0.03);
}

.support-feed-card:hover::before {
    opacity: 1;
}

.support-feed-card__meta {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.14);
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-feed-card h3,
.support-mode-card h3,
.support-state__title,
.support-decision__left h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    font-size: 30px;
    line-height: 1.12;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.03em;
}

.support-feed-card p,
.support-mode-card p,
.support-decision__right p {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 16px;
    line-height: 1.82;
    color: var(--muted);
    text-align: left;
}

.support-handled__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 32px;
    align-items: start;
}

.support-handled__left {
    padding-right: 8px;
}

.support-handled__right {
    position: relative;
}

.support-handle-block {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-content: flex-start;
}

.support-handle-block span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 62px;
    padding: 0 22px;
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(18, 20, 35, 0.74) 0%, rgba(25, 28, 43, 0.86) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    color: #dce3f1;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    backdrop-filter: blur(12px);
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.support-handle-block span:hover {
    transform: translateY(-4px);
    border-color: rgba(58, 176, 255, 0.18);
    color: #fff;
}

.support-before-after__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.support-state {
    position: relative;
    padding: 30px 28px;
    border-radius: 32px;
    overflow: hidden;
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px);
}

.support-state::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.7;
}

.support-state--bad {
    background: linear-gradient(145deg, rgba(40, 19, 28, 0.86) 0%, rgba(28, 20, 34, 0.94) 100%);
    border: 1px solid rgba(255, 108, 132, 0.12);
}

.support-state--bad::before {
    background: radial-gradient(circle at top left, rgba(255, 96, 128, 0.12), transparent 34%);
}

.support-state--good {
    background: linear-gradient(145deg, rgba(16, 34, 36, 0.88) 0%, rgba(20, 28, 43, 0.96) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
}

.support-state--good::before {
    background: radial-gradient(circle at top left, rgba(58, 176, 255, 0.12), transparent 34%);
}

.support-state ul {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
}

.support-state li {
    position: relative;
    padding-left: 26px;
    color: #dce3f1;
    font-size: 16px;
    line-height: 1.72;
}

.support-state li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.support-state--bad li::before {
    background: #ff6c84;
    box-shadow: 0 0 14px rgba(255, 108, 132, 0.35);
}

.support-state--good li::before {
    background: var(--accent);
    box-shadow: 0 0 14px rgba(58, 176, 255, 0.35);
}

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

.support-mode-card {
    position: relative;
    padding: 30px 26px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.8) 0%, rgba(25, 28, 43, 0.9) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px) saturate(160%);
    overflow: hidden;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.support-mode-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.08), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.08), transparent 36%);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.support-mode-card:hover {
    transform: translateY(-6px);
    border-color: rgba(58, 176, 255, 0.18);
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(58, 176, 255, 0.03);
}

.support-mode-card:hover::before {
    opacity: 1;
}

.support-mode-card--featured {
    border-color: rgba(58, 176, 255, 0.18);
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.34),
        0 0 0 1px rgba(58, 176, 255, 0.04);
}

.support-mode-card__head {
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
}

.support-mode-card__head span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.support-decision__card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 30px;
    align-items: center;
    padding: 38px;
    border-radius: 38px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.92) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: var(--card-border);
    box-shadow:
        0 34px 74px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

.support-decision__card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at left center, rgba(58, 176, 255, 0.12), transparent 32%),
        radial-gradient(circle at right center, rgba(78, 110, 242, 0.1), transparent 34%);
    pointer-events: none;
}

.support-decision__left,
.support-decision__right {
    position: relative;
    z-index: 1;
}

.support-decision__left h2 {
    margin: 0;
}

.support-decision__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 26px;
}

@media (max-width: 1200px) {
    .support-alt__hero,
    .support-handled__grid,
    .support-decision__card {
        grid-template-columns: 1fr;
    }

    .support-alt__intro h1 {
        font-size: 56px;
    }

    .support-section-head h2 {
        font-size: 44px;
    }

    .support-feed__layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .support-feed__centerline {
        display: none;
    }

    .support-feed__column:last-child {
        padding-top: 0;
    }

    .support-modes__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .support-alt {
        padding: 92px 0 52px;
    }

    .support-ribbon {
        padding-bottom: 54px;
    }

    .support-feed,
    .support-handled,
    .support-before-after,
    .support-modes,
    .support-decision {
        padding: 60px 0;
    }

    .support-alt__intro h1 {
        font-size: 44px;
        line-height: 1.03;
    }

    .support-alt__lead {
        font-size: 17px;
        line-height: 1.78;
    }

    .support-section-head {
        margin-bottom: 36px;
    }

    .support-section-head h2 {
        font-size: 36px;
        line-height: 1.08;
    }

    .support-section-head p {
        font-size: 16px;
        line-height: 1.76;
    }

    .support-before-after__grid {
        grid-template-columns: 1fr;
    }

    .support-feed-card h3,
    .support-mode-card h3,
    .support-state__title,
    .support-decision__left h2 {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .support-alt {
        padding: 76px 0 42px;
        padding-bottom: 0 !important;
    }

    .support-alt__hero {
        gap: 28px;
    }

    .support-alt__label {
        min-height: 34px;
        padding: 0 12px;
        margin-bottom: 16px;
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .support-alt__intro h1 {
        font-size: 34px;
        line-height: 1.08;
        margin-bottom: 18px;
        text-align: center;
    }

    .support-alt__lead {
        margin-bottom: 24px;
        font-size: 15px;
        line-height: 1.72;
    }

    .support-alt__actions,
    .support-decision__actions {
        gap: 12px;
    }

    .support-alt__actions .btn,
    .support-decision__actions .btn {
        width: 100%;
        text-align: center;
    }

    .support-monitor {
        padding: 18px;
        border-radius: 24px;
    }

    .support-monitor__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .support-monitor__main {
        padding: 16px;
        border-radius: 18px;
    }

    .support-monitor__item {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 14px;
        border-radius: 16px;
    }

    .support-monitor__item strong {
        width: fit-content;
    }

    .support-ribbon__track {
        gap: 10px;
    }

    .support-ribbon__item {
        min-height: 40px;
        padding: 0 14px;
        font-size: 13px;
    }

    .support-feed,
    .support-handled,
    .support-before-after,
    .support-modes,
    .support-decision {
        padding: 48px 0;
    }

    .support-section-head {
        margin-bottom: 28px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .support-section-head__label {
        min-height: 32px;
        padding: 0 12px;
        margin-bottom: 14px;
        font-size: 11px;
    }

    .support-section-head h2 {
        font-size: 28px;
        line-height: 1.12;
        margin-bottom: 14px;
        text-align: center;
    }

    .support-section-head p {
        font-size: 15px;
        line-height: 1.72;
    }

    .support-feed-card,
    .support-state,
    .support-mode-card {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .support-feed-card__meta,
    .support-mode-card__head span {
        min-height: 30px;
        padding: 0 10px;
        font-size: 11px;
        display: flex;
        align-items: center;
        width: fit-content;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .support-feed-card h3,
    .support-mode-card h3,
    .support-state__title,
    .support-decision__left h2 {
        font-size: 22px;
        line-height: 1.18;
        margin-bottom: 12px;
        text-align: center;
    }

    .support-feed-card p,
    .support-mode-card p,
    .support-decision__right p {
        font-size: 15px;
        line-height: 1.72;
    }

    .support-handle-block {
        gap: 12px;
        align-content: flex-start;
        align-items: center;
        justify-content: center;
    }

    .support-handle-block span {
        min-height: 50px;
        padding: 0 16px;
        border-radius: 16px;
        font-size: 14px;
    }

    .support-state ul {
        gap: 10px;
    }

    .support-state li {
        font-size: 15px;
        line-height: 1.66;
        padding-left: 22px;
    }

    .support-state li::before {
        width: 8px;
        height: 8px;
        top: 9px;
    }

    .support-decision__card {
        padding: 24px 18px;
        border-radius: 24px;
        gap: 18px;
    }
}
/********************************************************************************************/
.landing-editorial {
    position: relative;
    padding: 128px 0 64px;
    overflow: hidden;
}

.landing-editorial::before,
.landing-editorial::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.landing-editorial::before {
    width: 420px;
    height: 420px;
    top: -120px;
    left: -160px;
    background: var(--accent);
}

.landing-editorial::after {
    width: 560px;
    height: 560px;
    right: -180px;
    top: -315px;
    bottom: 0;
    background: var(--accent-secondary);
}

.landing-editorial__hero {
    position: relative;
    z-index: 2;
}

.landing-editorial__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    margin-bottom: 28px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 18px rgba(58, 176, 255, 0.08);
}

.landing-editorial__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
    gap: 42px;
    align-items: start;
    margin-bottom: 44px;
}

.landing-editorial__hero-main h1 {
    margin: 0;
    font-size: 78px;
    line-height: 0.94;
    font-weight: 800;
    letter-spacing: -0.055em;
    color: #fff;
    text-wrap: balance;
}

.landing-editorial__hero-side {
    padding-top: 8px;
}

.landing-editorial__lead {
    margin: 0 0 28px;
    font-size: 20px;
    line-height: 1.92;
    color: var(--muted);
}

.landing-editorial__hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

.landing-editorial__text-link {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding-bottom: 2px;
}

.landing-editorial__text-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
}

.landing-editorial__hero-strip {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.landing-editorial__hero-strip-item {
    padding: 18px 0 0;
}

.landing-editorial__hero-strip-item span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent);
}

.landing-editorial__hero-strip-item strong {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
}

.landing-editorial-intro,
.landing-editorial-points,
.landing-editorial-scenarios,
.landing-editorial-flow,
.landing-editorial-contrast,
.landing-editorial-faq,
.landing-editorial-cta {
    position: relative;
    padding: 96px 0;
}

.landing-editorial-section-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: var(--card-border);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.landing-editorial-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 44px;
    align-items: start;
}

.landing-editorial-intro__left h2,
.landing-editorial-points__head h2,
.landing-editorial-scenarios__main h2,
.landing-editorial-flow__head h2,
.landing-editorial-contrast__head h2,
.landing-editorial-faq__intro h2,
.landing-editorial-cta__left h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.landing-editorial-intro__right p {
    margin: 0 0 22px;
    font-size: 18px;
    line-height: 1.9;
    color: var(--muted);
    text-align: left;
}

.landing-editorial-intro__right p:last-child {
    margin-bottom: 0;
}

.landing-editorial-points__head {
    max-width: 920px;
    margin-bottom: 44px;
}

.landing-editorial-points__list {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.landing-editorial-point {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 26px;
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    align-items: start;
}

.landing-editorial-point__num {
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(58, 176, 255, 0.95);
    text-shadow: 0 0 18px rgba(58, 176, 255, 0.12);
    padding-top: 4px;
}

.landing-editorial-point__body h3 {
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 1.14;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.landing-editorial-point__body p {
    margin: 0;
    max-width: 860px;
    font-size: 17px;
    line-height: 1.85;
    color: var(--muted);
    text-align: left;
}

.landing-editorial-scenarios__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 36px;
    align-items: start;
}

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

.landing-editorial-scenario {
    padding: 18px 0 18px 18px;
    border-left: 1px solid rgba(58, 176, 255, 0.18);
}

.landing-editorial-scenario strong {
    display: block;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1.35;
    color: #fff;
    font-weight: 700;
    text-align: left;
}

.landing-editorial-scenario p {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: var(--muted);
    text-align: left;
}

.landing-editorial-flow__head {
    margin-bottom: 40px;
}

.landing-editorial-flow__track {
    position: relative;
    display: grid;
    gap: 22px;
}

.landing-editorial-flow__line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 28px;
    width: 2px;
    background: linear-gradient(
        180deg,
        rgba(58, 176, 255, 0.9) 0%,
        rgba(78, 110, 242, 0.45) 55%,
        rgba(255, 255, 255, 0.06) 100%
    );
    border-radius: 999px;
}

.landing-editorial-flow-step {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.landing-editorial-flow-step__dot {
    position: relative;
    z-index: 2;
    width: 18px;
    height: 18px;
    margin: 18px auto 0;
    border-radius: 50%;
    background: linear-gradient(45deg, var(--accent) 0%, var(--accent-secondary) 100%);
    box-shadow: 0 0 18px rgba(58, 176, 255, 0.35);
}

.landing-editorial-flow-step__content {
    padding: 22px 24px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.78) 0%, rgba(25, 28, 43, 0.9) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px);
}

.landing-editorial-flow-step__content span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.14);
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.landing-editorial-flow-step__content h3 {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.14;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.03em;
}

.landing-editorial-flow-step__content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.82;
    color: var(--muted);
    text-align: left;
}

.landing-editorial-contrast__head {
    margin-bottom: 42px;
}

.landing-editorial-contrast__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.landing-editorial-contrast-card {
    position: relative;
    padding: 30px 28px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px);
}

.landing-editorial-contrast-card--weak {
    background: linear-gradient(145deg, rgba(40, 19, 28, 0.86) 0%, rgba(28, 20, 34, 0.94) 100%);
    border: 1px solid rgba(255, 108, 132, 0.12);
}

.landing-editorial-contrast-card--strong {
    background: linear-gradient(145deg, rgba(16, 34, 36, 0.88) 0%, rgba(20, 28, 43, 0.96) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
}

.landing-editorial-contrast-card__title {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.14;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.landing-editorial-contrast-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.landing-editorial-contrast-card li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 1.72;
    color: #dce3f1;
    text-align: left;
}

.landing-editorial-contrast-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.landing-editorial-contrast-card--weak li::before {
    background: #ff6c84;
    box-shadow: 0 0 14px rgba(255, 108, 132, 0.35);
}

.landing-editorial-contrast-card--strong li::before {
    background: var(--accent);
    box-shadow: 0 0 14px rgba(58, 176, 255, 0.35);
}

.landing-editorial-faq__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    gap: 34px;
    align-items: start;
}

.landing-editorial-faq__list {
    display: grid;
    gap: 18px;
}

.landing-editorial-faq-item {
    padding: 20px 0 20px 22px;
    border-left: 1px solid rgba(58, 176, 255, 0.18);
}

.landing-editorial-faq-item h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.28;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.02em;
}

.landing-editorial-faq-item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.78;
    color: var(--muted);
    text-align: left;
}

.landing-editorial-cta__card {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 34px;
    align-items: start;
    padding: 38px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.landing-editorial-cta__right p {
    margin: 0 0 26px;
    font-size: 18px;
    line-height: 1.86;
    color: var(--muted);
    text-align: left;
}

.landing-editorial-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .landing-editorial__hero-main h1 {
        font-size: 60px;
    }

    .landing-editorial-intro__left h2,
    .landing-editorial-points__head h2,
    .landing-editorial-scenarios__main h2,
    .landing-editorial-flow__head h2,
    .landing-editorial-contrast__head h2,
    .landing-editorial-faq__intro h2,
    .landing-editorial-cta__left h2 {
        font-size: 44px;
    }

    .landing-editorial-scenarios__grid,
    .landing-editorial-faq__grid,
    .landing-editorial-cta__card,
    .landing-editorial-intro__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .landing-editorial {
        padding: 92px 0 42px;
    }

    .landing-editorial-intro,
    .landing-editorial-points,
    .landing-editorial-scenarios,
    .landing-editorial-flow,
    .landing-editorial-contrast,
    .landing-editorial-faq,
    .landing-editorial-cta {
        padding: 60px 0;
    }

    .landing-editorial__hero-grid {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 30px;
    }

    .landing-editorial__hero-main h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .landing-editorial__lead {
        font-size: 17px;
        line-height: 1.78;
    }

    .landing-editorial__hero-strip {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .landing-editorial-intro__left h2,
    .landing-editorial-points__head h2,
    .landing-editorial-scenarios__main h2,
    .landing-editorial-flow__head h2,
    .landing-editorial-contrast__head h2,
    .landing-editorial-faq__intro h2,
    .landing-editorial-cta__left h2 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .landing-editorial-intro__right p,
    .landing-editorial-cta__right p {
        font-size: 16px;
        line-height: 1.78;
    }

    .landing-editorial-point {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 18px;
    }

    .landing-editorial-point__num {
        font-size: 24px;
    }

    .landing-editorial-point__body h3,
    .landing-editorial-flow-step__content h3,
    .landing-editorial-contrast-card__title {
        font-size: 24px;
        text-align: center;
    }

    .landing-editorial-scenarios__items,
    .landing-editorial-contrast__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .landing-editorial {
        padding: 78px 0 32px;
    }

    .landing-editorial__eyebrow {
        min-height: 34px;
        padding: 0 12px;
        margin-bottom: 18px;
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .landing-editorial__hero-main h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .landing-editorial__lead {
        font-size: 15px;
        line-height: 1.72;
        margin-bottom: 22px;
    }

    .landing-editorial__hero-actions {
        gap: 12px;
    }

    .landing-editorial__hero-actions .btn {
        width: 100%;
        text-align: center;
    }

    .landing-editorial__text-link {
        width: 100%;
    }

    .landing-editorial-intro,
    .landing-editorial-points,
    .landing-editorial-scenarios,
    .landing-editorial-flow,
    .landing-editorial-contrast,
    .landing-editorial-faq,
    .landing-editorial-cta {
        padding: 48px 0;
    }

    .landing-editorial-section-label {
        font-size: 11px;
        display: flex;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .landing-editorial-intro__left h2,
    .landing-editorial-points__head h2,
    .landing-editorial-scenarios__main h2,
    .landing-editorial-flow__head h2,
    .landing-editorial-contrast__head h2,
    .landing-editorial-faq__intro h2,
    .landing-editorial-cta__left h2 {
        font-size: 28px;
        line-height: 1.12;
        text-align: center;
    }
    .landing-editorial-flow-step__content span{
        display: flex;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 16px;
    }
    .landing-editorial-intro__right p,
    .landing-editorial-cta__right p,
    .landing-editorial-point__body p,
    .landing-editorial-flow-step__content p,
    .landing-editorial-faq-item p,
    .landing-editorial-contrast-card li {
        font-size: 15px;
        line-height: 1.72;
    }

    .landing-editorial-point {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 22px 0;
    }

    .landing-editorial-point__num {
        font-size: 18px;
        text-align: center;
    }

    .landing-editorial-point__body h3,
    .landing-editorial-flow-step__content h3,
    .landing-editorial-contrast-card__title {
        font-size: 21px;
        line-height: 1.18;
    }

    .landing-editorial-scenario strong,
    .landing-editorial-faq-item h3 {
        font-size: 18px;
        text-align: center;
    }

    .landing-editorial-flow-step {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 14px;
    }

    .landing-editorial-flow__line {
        left: 16px;
    }

    .landing-editorial-flow-step__dot {
        width: 12px;
        height: 12px;
        margin-top: 18px;
    }

    .landing-editorial-flow-step__content {
        padding: 18px 16px;
        border-radius: 18px;
    }

    .landing-editorial-faq-item {
        padding: 16px 0 16px 16px;
    }

    .landing-editorial-cta__actions {
        flex-direction: column;
    }

    .landing-editorial-cta__actions .btn {
        width: 100%;
        text-align: center;
    }
}

/*********************************************************************************************************/
.cost-report {
    position: relative;
    padding: 126px 0 44px;
    overflow: hidden;
}

.cost-report::before,
.cost-report::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.cost-report::before {
    width: 420px;
    height: 420px;
    top: -30px;
    left: -170px;
    background: var(--accent);
}

.cost-report::after {
    width: 620px;
    height: 620px;
    right: -220px;
    bottom: 0;
    top: -265px;
    background: var(--accent-secondary);
}

.cost-report__hero {
    position: relative;
    z-index: 2;
}

.cost-report__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
}

.cost-report__eyebrow,
.cost-report__status,
.cost-section-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.cost-report__eyebrow,
.cost-section-label {
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
}

.cost-report__status {
    background: rgba(255, 255, 255, 0.04);
    border: var(--card-border);
    color: #dce3f1;
}

.cost-report__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 42px;
    align-items: start;
}

.cost-report__hero-main h1 {
    margin: 0;
    font-size: 86px;
    line-height: 0.9;
    font-weight: 800;
    letter-spacing: -0.065em;
    color: #fff;
    text-wrap: balance;
}

.cost-report__hero-note {
    padding-top: 12px;
}

.cost-report__hero-note p {
    margin: 0 0 28px;
    font-size: 19px;
    line-height: 1.9;
    color: var(--muted);
    text-align: left;
}

.cost-report__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.cost-report__text-link {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}

.cost-report__text-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
}

.cost-report__baseline {
    margin-top: 44px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.cost-report__baseline-label {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    padding-top: 4px;
}

.cost-report__baseline-text {
    font-size: 26px;
    line-height: 1.42;
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.025em;
    text-align: left;
}

.cost-ledger,
.cost-bands,
.cost-pressure,
.cost-path,
.cost-faq-minimal,
.cost-contact-strip {
    position: relative;
    padding: 96px 0;
}

.cost-ledger__header,
.cost-bands__header,
.cost-pressure__header,
.cost-path__header,
.cost-faq-minimal__header {
    margin-bottom: 42px;
}

.cost-ledger__header h2,
.cost-bands__header h2,
.cost-pressure__header h2,
.cost-path__header h2,
.cost-faq-minimal__header h2,
.cost-contact-strip__left h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.cost-ledger__table {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-ledger__row {
    display: grid;
    grid-template-columns: 84px minmax(220px, 0.74fr) minmax(0, 1.26fr);
    gap: 24px;
    align-items: start;
    padding: 26px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-ledger__index {
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(58, 176, 255, 0.95);
    text-shadow: 0 0 18px rgba(58, 176, 255, 0.12);
    padding-top: 4px;
}

.cost-ledger__name {
    font-size: 28px;
    line-height: 1.16;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.cost-ledger__value {
    font-size: 17px;
    line-height: 1.84;
    color: var(--muted);
    text-align: left;
}

.cost-bands {
    overflow: hidden;
}

.cost-band {
    display: grid;
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
    gap: 26px;
    align-items: start;
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-band:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-band__left {
    display: grid;
    gap: 14px;
}

.cost-band__tag {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cost-band--light .cost-band__tag {
    background: rgba(125, 211, 252, 0.12);
    border: 1px solid rgba(125, 211, 252, 0.18);
    color: #7dd3fc;
}

.cost-band--mid .cost-band__tag {
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.18);
    color: #60a5fa;
}

.cost-band--strong .cost-band__tag {
    background: rgba(78, 110, 242, 0.14);
    border: 1px solid rgba(78, 110, 242, 0.18);
    color: #8ea2ff;
}

.cost-band__left h3 {
    margin: 0;
    font-size: 30px;
    line-height: 1.14;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.cost-band__right p {
    margin: 0;
    font-size: 17px;
    line-height: 1.84;
    color: var(--muted);
    text-align: left;
}

.cost-pressure__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.cost-pressure__side {
    padding: 26px 24px;
    border-radius: 30px;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px);
}

.cost-pressure__side--soft {
    background: linear-gradient(145deg, rgba(29, 29, 36, 0.86) 0%, rgba(24, 26, 36, 0.94) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-pressure__side--hard {
    background: linear-gradient(145deg, rgba(16, 34, 36, 0.88) 0%, rgba(20, 28, 43, 0.96) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
}

.cost-pressure__title {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.16;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.cost-pressure__side ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.cost-pressure__side li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 1.72;
    color: #dce3f1;
    text-align: left;
}

.cost-pressure__side li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.cost-pressure__side--soft li::before {
    background: #8b97aa;
    box-shadow: 0 0 14px rgba(139, 151, 170, 0.25);
}

.cost-pressure__side--hard li::before {
    background: var(--accent);
    box-shadow: 0 0 14px rgba(58, 176, 255, 0.35);
}

.cost-pressure__center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cost-pressure__scale {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.cost-pressure__scale span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted);
}

.cost-pressure__line {
    width: 2px;
    min-height: 220px;
    border-radius: 999px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.14) 0%,
        rgba(58, 176, 255, 0.95) 100%
    );
}

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

.cost-path-step {
    padding: 22px 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-path-step__num {
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(58, 176, 255, 0.95);
    text-shadow: 0 0 18px rgba(58, 176, 255, 0.12);
}

.cost-path-step h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    text-align: left;
}

.cost-path-step p {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: var(--muted);
    text-align: left;
}

.cost-faq-minimal__items {
    display: grid;
    gap: 18px;
}

.cost-faq-minimal__item {
    display: grid;
    grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1.26fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-faq-minimal__item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-faq-minimal__item h3 {
    margin: 0;
    font-size: 24px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    text-align: left;
}

.cost-faq-minimal__item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.78;
    color: var(--muted);
    text-align: left;
}

.cost-contact-strip__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 34px;
    align-items: start;
    padding-top: 36px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cost-contact-strip__right p {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.86;
    color: var(--muted);
    text-align: left;
}

.cost-contact-strip__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .cost-report__hero-main h1 {
        font-size: 64px;
    }

    .cost-ledger__header h2,
    .cost-bands__header h2,
    .cost-pressure__header h2,
    .cost-path__header h2,
    .cost-faq-minimal__header h2,
    .cost-contact-strip__left h2 {
        font-size: 44px;
    }

    .cost-report__baseline,
    .cost-pressure__layout,
    .cost-contact-strip__layout {
        grid-template-columns: 1fr;
    }

    .cost-path__steps {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .cost-report {
        padding: 92px 0 34px;
    }

    .cost-ledger,
    .cost-bands,
    .cost-pressure,
    .cost-path,
    .cost-faq-minimal,
    .cost-contact-strip {
        padding: 60px 0;
    }

    .cost-report__meta {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .cost-report__hero-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cost-report__hero-main h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .cost-report__hero-note p,
    .cost-contact-strip__right p {
        font-size: 17px;
        line-height: 1.78;
    }

    .cost-report__baseline-text {
        font-size: 22px;
        line-height: 1.42;
    }

    .cost-ledger__header h2,
    .cost-bands__header h2,
    .cost-pressure__header h2,
    .cost-path__header h2,
    .cost-faq-minimal__header h2,
    .cost-contact-strip__left h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .cost-ledger__row,
    .cost-faq-minimal__item,
    .cost-band {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cost-pressure__layout {
        gap: 16px;
    }

    .cost-pressure__center {
        order: 2;
    }

    .cost-pressure__line {
        width: 100%;
        min-height: 2px;
        height: 2px;
    }

    .cost-pressure__scale {
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .cost-report {
        padding: 78px 0 28px;
    }

    .cost-report__eyebrow,
    .cost-report__status,
    .cost-section-label {
        min-height: 32px;
        padding: 0 12px;
        font-size: 11px;
        letter-spacing: 0.1em;
        margin: 0 auto;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
    }
    .cost-band__tag {
        margin: 0 auto;
    }
    .cost-pressure__scale{
        display: none;
    }
    .cost-report__hero-main h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .cost-report__hero-note p,
    .cost-contact-strip__right p,
    .cost-ledger__value,
    .cost-band__right p,
    .cost-faq-minimal__item p {
        font-size: 15px;
        text-align: center;
        line-height: 1.72;
    }

    .cost-report__actions,
    .cost-contact-strip__actions {
        gap: 12px;
    }

    .cost-report__actions .btn,
    .cost-contact-strip__actions .btn {
        width: 100%;
        text-align: center;
    }

    .cost-report__baseline-text {
        font-size: 18px;
    }

    .cost-ledger,
    .cost-bands,
    .cost-pressure,
    .cost-path,
    .cost-faq-minimal,
    .cost-contact-strip {
        padding: 48px 0;
    }

    .cost-ledger__header h2,
    .cost-bands__header h2,
    .cost-pressure__header h2,
    .cost-path__header h2,
    .cost-faq-minimal__header h2,
    .cost-contact-strip__left h2 {
        font-size: 28px;
        line-height: 1.12;
        text-align: center;
    }

    .cost-ledger__row {
        padding: 20px 0;
    }

    .cost-ledger__index {
        font-size: 18px;
        text-align: center;
    }

    .cost-ledger__name,
    .cost-band__left h3 {
        font-size: 21px;
        line-height: 1.18;
        text-align: center;
    }

    .cost-pressure__title,
    .cost-faq-minimal__item h3 {
        font-size: 20px;
        line-height: 1.22;
        text-align: center;
    }

    .cost-pressure__side {
        padding: 20px 18px;
        border-radius: 22px;
    }
    .cost-report__baseline-label , .cost-report__baseline-text{
        text-align: center;
    }
    .cost-pressure__side li,
    .cost-path-step p {
        font-size: 15px;
        line-height: 1.68;
    }

    .cost-path__steps {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .cost-path-step {
        padding: 18px 0 0;
    }

    .cost-path-step h3 {
        font-size: 18px;
        text-align: center;
    }
    .cost-path-step__num{
        text-align: center;
    }
    .cost-faq-minimal__item {
        padding: 18px 0;
    }
}

/************************************************************************************************************/
.bot-terminal-page {
    position: relative;
    padding: 126px 0 42px;
    overflow: hidden;
}

.bot-terminal-page::before,
.bot-terminal-page::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.bot-terminal-page::before {
    width: 420px;
    height: 420px;
    top: 10px;
    left: -170px;
    background: var(--accent);
}

.bot-terminal-page::after {
    width: 620px;
    height: 620px;
    right: -220px;
    bottom: 0;
    top: -100px;
    background: var(--accent-secondary);
}

.bot-terminal-shell {
    position: relative;
    z-index: 2;
    padding: 22px;
    border-radius: 34px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.92) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: var(--card-border);
    box-shadow:
        0 34px 74px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(18px);
    overflow: hidden;
}

.bot-terminal-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.1), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.1), transparent 36%);
    pointer-events: none;
}

.bot-terminal-shell__topbar,
.bot-terminal-hero,
.bot-terminal-stats {
    position: relative;
    z-index: 1;
}

.bot-terminal-shell__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 18px;
    margin-bottom: 26px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.bot-terminal-shell__dots {
    display: flex;
    gap: 8px;
}

.bot-terminal-shell__dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.bot-terminal-shell__dots span:nth-child(1) {
    background: rgba(255, 110, 110, 0.95);
}

.bot-terminal-shell__dots span:nth-child(2) {
    background: rgba(255, 210, 90, 0.95);
}

.bot-terminal-shell__dots span:nth-child(3) {
    background: rgba(74, 222, 128, 0.95);
}

.bot-terminal-shell__title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #dce3f1;
    text-align: right;
}

.bot-terminal-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
    gap: 42px;
    align-items: center;
}

.bot-terminal-badge,
.bot-terminal-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.bot-terminal-badge {
    margin-bottom: 22px;
}

.bot-terminal-hero__left h1 {
    margin: 0 0 24px;
    font-size: 82px;
    line-height: 0.92;
    font-weight: 800;
    letter-spacing: -0.065em;
    color: #fff;
    text-wrap: balance;
}

.bot-terminal-lead {
    margin: 0 0 30px;
    font-size: 19px;
    line-height: 1.9;
    color: var(--muted);
    text-align: left;
    max-width: 760px;
}

.bot-terminal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.bot-terminal-link {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}

.bot-terminal-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
}

.bot-terminal-console {
    padding: 22px 20px;
    border-radius: 26px;
    background: #0b1018;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 18px 40px rgba(0, 0, 0, 0.28);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.bot-terminal-console__line {
    font-size: 14px;
    line-height: 1.7;
    color: #dce3f1;
    margin-bottom: 12px;
    word-break: break-word;
}

.bot-terminal-console__line:last-child {
    margin-bottom: 0;
}

.bot-terminal-console__line span {
    color: #86efac;
    font-weight: 700;
    margin-right: 10px;
}

.bot-terminal-divider {
    width: 100%;
    height: 1px;
    margin: 30px 0 0;
    background: linear-gradient(90deg, rgba(255,255,255,0.04) 0%, rgba(58,176,255,0.18) 50%, rgba(255,255,255,0.04) 100%);
}

.bot-terminal-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding-top: 26px;
}

.bot-terminal-stat {
    padding: 6px 0 0;
}

.bot-terminal-stat span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent);
}

.bot-terminal-stat strong {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
}

.bot-blueprint,
.bot-architecture,
.bot-diagnostic,
.bot-stack-view,
.bot-questions,
.bot-terminal-contact {
    position: relative;
    padding: 96px 0;
}

.bot-blueprint__header,
.bot-diagnostic__header,
.bot-stack-view__header,
.bot-questions__header {
    margin-bottom: 42px;
}
.bot-architecture__intro{
    position: sticky;
    top: 147px;
}
.bot-blueprint__header h2,
.bot-architecture__intro h2,
.bot-diagnostic__header h2,
.bot-stack-view__header h2,
.bot-questions__header h2,
.bot-terminal-contact__left h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.bot-blueprint-canvas {
    position: relative;
    min-height: 720px;
    border-radius: 34px;
    padding: 30px;
    background:
        linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 28px 62px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

.bot-blueprint-canvas::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.35;
    pointer-events: none;
}

.bot-node {
    position: absolute;
    width: 280px;
    padding: 20px 18px;
    border-radius: 22px;
    background: rgba(8, 13, 22, 0.82);
    border: 1px solid rgba(58, 176, 255, 0.12);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(12px);
    z-index: 2;
}

.bot-node--center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
}

.bot-node--top-left {
    top: 40px;
    left: 40px;
}

.bot-node--top-right {
    top: 40px;
    right: 40px;
}

.bot-node--bottom-left {
    bottom: 40px;
    left: 40px;
}

.bot-node--bottom-right {
    bottom: 40px;
    right: 40px;
}

.bot-node__mini {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.14);
    color: var(--accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bot-node h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.22;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.bot-node p {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: var(--muted);
    text-align: left;
}

.bot-blueprint-canvas__link {
    position: absolute;
    z-index: 1;
    background: linear-gradient(90deg, rgba(58,176,255,0.7) 0%, rgba(78,110,242,0.28) 100%);
    border-radius: 999px;
}

.bot-blueprint-canvas__link--tl {
    width: 180px;
    height: 2px;
    top: 195px;
    left: 295px;
    transform: rotate(25deg);
}

.bot-blueprint-canvas__link--tr {
    width: 180px;
    height: 2px;
    top: 195px;
    right: 295px;
    transform: rotate(-25deg);
}

.bot-blueprint-canvas__link--bl {
    width: 180px;
    height: 2px;
    bottom: 195px;
    left: 295px;
    transform: rotate(-25deg);
}

.bot-blueprint-canvas__link--br {
    width: 180px;
    height: 2px;
    bottom: 195px;
    right: 295px;
    transform: rotate(25deg);
}

.bot-architecture__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 34px;
    align-items: start;
}

.bot-architecture__modules {
    display: grid;
    gap: 16px;
}

.bot-module {
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.bot-module:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.bot-module__head {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-bottom: 10px;
}

.bot-module__head span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(58, 176, 255, 0.12) 0%, rgba(78, 110, 242, 0.12) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
}

.bot-module__head h3 {
    margin: 0;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.03em;
}

.bot-module p {
    margin: 0 0 0 68px;
    font-size: 16px;
    line-height: 1.76;
    color: var(--muted);
    text-align: left;
}

.bot-diagnostic__list {
    display: grid;
    gap: 16px;
}

.bot-diagnostic-item {
    display: grid;
    grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.28fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.bot-diagnostic-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.bot-diagnostic-item__left {
    font-size: 28px;
    line-height: 1.16;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.bot-stack {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    padding-top: 26px;
}

.bot-stack__layer {
    position: relative;
    margin: 0 auto 18px;
    padding: 24px 22px;
    border-radius: 26px;
    text-align: left;
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.bot-stack__layer:last-child {
    margin-bottom: 0;
}

.bot-stack__layer--base {
    width: 62%;
    background: linear-gradient(145deg, rgba(29, 29, 36, 0.86) 0%, rgba(24, 26, 36, 0.94) 100%);
    border: 1px solid rgba(255,255,255,0.08);
}

.bot-stack__layer--mid {
    width: 78%;
    background: linear-gradient(145deg, rgba(24, 30, 44, 0.88) 0%, rgba(22, 28, 42, 0.96) 100%);
    border: 1px solid rgba(96,165,250,0.14);
}

.bot-stack__layer--top {
    width: 100%;
    background: linear-gradient(145deg, rgba(16, 34, 36, 0.9) 0%, rgba(20, 28, 43, 0.98) 100%);
    border: 1px solid rgba(58,176,255,0.16);
}

.bot-stack__layer strong {
    display: block;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 1.18;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
}

.bot-stack__layer p {
    margin: 0;
    font-size: 16px;
    line-height: 1.76;
    color: var(--muted);
}

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

.bot-question-card {
    padding: 24px 22px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.bot-question-card h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.02em;
}

.bot-question-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.76;
    color: var(--muted);
    text-align: left;
}

.bot-terminal-contact__panel {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 34px;
    align-items: start;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.bot-terminal-contact__right p {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.86;
    color: var(--muted);
    text-align: left;
}

.bot-terminal-contact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .bot-terminal-hero__left h1 {
        font-size: 62px;
    }

    .bot-blueprint__header h2,
    .bot-architecture__intro h2,
    .bot-diagnostic__header h2,
    .bot-stack-view__header h2,
    .bot-questions__header h2,
    .bot-terminal-contact__left h2 {
        font-size: 44px;
    }

    .bot-blueprint-canvas {
        min-height: 980px;
    }
    .bot-terminal-shell__title {
        font-size: 12px; text-align: center;
    }
    .bot-node--center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .bot-node--top-left {
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    .bot-node--top-right {
        top: 280px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .bot-node--bottom-left {
        bottom: 286px;
        left: 50%;
        transform: translateX(-50%);
    }

    .bot-node--bottom-right {
        bottom: 40px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .bot-blueprint-canvas__link--tl,
    .bot-blueprint-canvas__link--tr,
    .bot-blueprint-canvas__link--bl,
    .bot-blueprint-canvas__link--br {
        width: 2px;
        height: 196px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        background: linear-gradient(180deg, rgba(58, 176, 255, 0.7) 0%, rgba(78, 110, 242, 0.28) 100%);
    }

    .bot-blueprint-canvas__link--tl {
        top: 165px;
    }

    .bot-blueprint-canvas__link--tr {
        top: 345px;
    }

    .bot-blueprint-canvas__link--bl {
        bottom: 345px;
    }

    .bot-blueprint-canvas__link--br {
        bottom: 165px;
    }

    .bot-architecture__grid,
    .bot-faq__layout,
    .bot-terminal-contact__panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .bot-terminal-page {
        padding: 92px 0 34px;
    }

    .bot-blueprint,
    .bot-architecture,
    .bot-diagnostic,
    .bot-stack-view,
    .bot-questions,
    .bot-terminal-contact {
        padding: 60px 0;
    }

    .bot-terminal-shell__topbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .bot-terminal-hero {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .bot-terminal-hero__left h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .bot-terminal-lead,
    .bot-terminal-contact__right p {
        font-size: 17px;
        line-height: 1.78;
    }

    .bot-terminal-stats {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bot-blueprint__header h2,
    .bot-architecture__intro h2,
    .bot-diagnostic__header h2,
    .bot-stack-view__header h2,
    .bot-questions__header h2,
    .bot-terminal-contact__left h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .bot-diagnostic-item {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bot-questions__columns {
        grid-template-columns: 1fr;
    }

    .bot-stack__layer--base,
    .bot-stack__layer--mid,
    .bot-stack__layer--top {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .bot-terminal-page {
        padding: 78px 0 28px;
    }

    .bot-terminal-shell {
        padding: 16px;
        border-radius: 24px;
    }

    .bot-terminal-badge,
    .bot-terminal-label {
        min-height: 32px;
        padding: 0 12px;
        font-size: 11px;
        letter-spacing: 0.1em;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .bot-terminal-hero__left h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .bot-terminal-lead,
    .bot-module p,
    .bot-diagnostic-item__right p,
    .bot-stack__layer p,
    .bot-question-card p,
    .bot-terminal-contact__right p,
    .bot-node p,
    .bot-scenario-card p,
    .bot-faq-item p {
        font-size: 15px;
        line-height: 1.72;
    }

    .bot-terminal-actions,
    .bot-terminal-contact__actions {
        gap: 12px;
    }

    .bot-terminal-actions .btn,
    .bot-terminal-contact__actions .btn {
        width: 100%;
        text-align: center;
    }

    .bot-terminal-console {
        padding: 16px 14px;
        border-radius: 18px;
    }

    .bot-terminal-console__line {
        font-size: 13px;
    }

    .bot-blueprint,
    .bot-architecture,
    .bot-diagnostic,
    .bot-stack-view,
    .bot-questions,
    .bot-terminal-contact {
        padding: 48px 0;
    }

    .bot-blueprint__header h2,
    .bot-architecture__intro h2,
    .bot-diagnostic__header h2,
    .bot-stack-view__header h2,
    .bot-questions__header h2,
    .bot-terminal-contact__left h2 {
        font-size: 28px;
        line-height: 1.12;
        text-align: center;
    }

    .bot-blueprint-canvas {
        min-height: 1200px;
        padding: 18px;
        border-radius: 22px;
    }

    .bot-node,
    .bot-node--center {
        width: calc(100% - 20px);
        max-width: 100%;
        padding: 18px 16px;
        border-radius: 18px;
    }

    .bot-node h3,
    .bot-module__head h3,
    .bot-diagnostic-item__left,
    .bot-stack__layer strong,
    .bot-question-card h3 {
        font-size: 20px;
        text-align: center;
        line-height: 1.22;
    }
    .bot-node__mini {
        display: flex;
        justify-content: center;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 16px;
    }
    .bot-module__head {
        gap: 12px;
        display: flex;
        flex-direction: column;
    }

    .bot-module__head span {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 12px;
    }

    .bot-module p {
        margin-left: 0;
    }
    .bot-architecture__intro {
        position: static;
    }
    .bot-question-card {
        padding: 20px 18px;
        border-radius: 20px;
    }

    .bot-stack__layer {
        padding: 20px 18px;
        border-radius: 20px;
    }
}
/***********************************************************************************************************/
.sales-bot-orbit {
    position: relative;
    padding: 126px 0 40px;
    overflow: hidden;
}

.sales-bot-orbit::before,
.sales-bot-orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.sales-bot-orbit::before {
    width: 420px;
    height: 420px;
    top: 20px;
    left: -170px;
    background: var(--accent);
}

.sales-bot-orbit::after {
    width: 620px;
    height: 620px;
    right: -220px;
    bottom: 0;
    top: 0;
    background: var(--accent-secondary);
}

.sales-bot-orbit__hero {
    position: relative;
    z-index: 2;
}

.sales-bot-orbit__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
}

.sales-bot-orbit__eyebrow,
.sales-bot-orbit__state,
.sales-bot-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sales-bot-orbit__eyebrow,
.sales-bot-label {
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    margin-bottom: 16px;
}

.sales-bot-orbit__state {
    background: rgba(255, 255, 255, 0.04);
    border: var(--card-border);
    color: #dce3f1;
}

.sales-bot-orbit__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 520px;
    gap: 44px;
    align-items: center;
}

.sales-bot-orbit__headline h1 {
    margin: 0;
    font-size: 82px;
    line-height: 0.92;
    font-weight: 800;
    letter-spacing: -0.065em;
    color: #fff;
    text-wrap: balance;
}

.sales-bot-orbit__summary p {
    margin: 0 0 28px;
    font-size: 19px;
    line-height: 1.9;
    color: var(--muted);
    text-align: left;
}

.sales-bot-orbit__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.sales-bot-orbit__link {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}

.sales-bot-orbit__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
}

.sales-bot-orbit__radar {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sales-bot-rings {
    position: relative;
    width: 500px;
    height: 500px;
}

.sales-bot-rings__ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(58, 176, 255, 0.16);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.sales-bot-rings__ring--outer {
    width: 100%;
    height: 100%;
}

.sales-bot-rings__ring--mid {
    width: 74%;
    height: 74%;
}

.sales-bot-rings__ring--inner {
    width: 48%;
    height: 48%;
}

.sales-bot-rings__core {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.94) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: 1px solid rgba(58, 176, 255, 0.16);
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.sales-bot-rings__core span {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 6px;
}

.sales-bot-rings__core strong {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    text-align: center;
    max-width: 120px;
}

.sales-bot-rings__point {
    position: absolute;
    width: 122px;
    min-height: 122px;
    border-radius: 50%;
    background: rgba(8, 13, 22, 0.84);
    border: 1px solid rgba(58, 176, 255, 0.14);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(12px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.sales-bot-rings__point em {
    display: block;
    font-style: normal;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 6px;
}

.sales-bot-rings__point span {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.sales-bot-rings__point--1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.sales-bot-rings__point--2 {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.sales-bot-rings__point--3 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.sales-bot-rings__point--4 {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sales-bot-funnel,
.sales-bot-levers,
.sales-bot-cases,
.sales-bot-system,
.sales-bot-comparison,
.sales-bot-faq,
.sales-bot-contact {
    position: relative;
    padding: 96px 0;
}

.sales-bot-funnel__header,
.sales-bot-cases__header,
.sales-bot-matrix__header,
.sales-bot-comparison__header,
.sales-bot-faq__header {
    max-width: none;
    margin-bottom: 42px;
}

.sales-bot-funnel__header h2,
.sales-bot-levers__intro h2,
.sales-bot-cases__header h2,
.sales-bot-system__header h2,
.sales-bot-comparison__header h2,
.sales-bot-faq__header h2,
.sales-bot-contact__left h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.sales-bot-funnel__layout {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 18px;
    align-items: stretch;
}

.sales-stage {
    padding: 24px 22px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.sales-stage--wide {
    min-height: 100%;
}

.sales-stage__number {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.14);
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sales-stage h3,
.sales-case-strip__title,
.sales-system-box h3,
.sales-bot-faq-card h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.22;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.02em;
}

.sales-stage p,
.sales-lever p,
.sales-case-strip__text,
.sales-system-box p,
.sales-compare-row__right,
.sales-bot-faq-card p,
.sales-bot-contact__right p {
    margin: 0;
    font-size: 16px;
    line-height: 1.78;
    color: var(--muted);
    text-align: left;
}

.sales-bot-levers__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    gap: 34px;
    align-items: start;
}

.sales-bot-levers__stack {
    display: grid;
    gap: 16px;
}

.sales-lever {
    padding: 20px 0 20px 18px;
    border-left: 1px solid rgba(58, 176, 255, 0.18);
}

.sales-lever strong {
    display: block;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.sales-bot-cases__board {
    display: grid;
    gap: 14px;
}

.sales-case-strip {
    display: grid;
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.sales-case-strip:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.sales-bot-system__header {
    max-width: 920px;
    margin-bottom: 42px;
}

.sales-bot-system__matrix {
    display: grid;
    grid-template-columns: 1fr 320px 1fr;
    gap: 20px;
    align-items: center;
}

.sales-system-col {
    display: grid;
    gap: 18px;
}

.sales-system-box {
    padding: 22px 20px;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.sales-system-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sales-system-engine {
    width: 100%;
    min-height: 320px;
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(16, 34, 36, 0.9) 0%, rgba(20, 28, 43, 0.98) 100%);
    border: 1px solid rgba(58,176,255,0.16);
    box-shadow:
        0 26px 60px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
}

.sales-system-engine span {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.sales-system-engine strong {
    display: block;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 1.16;
    font-weight: 700;
    color: #fff;
}

.sales-system-engine p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: var(--muted);
    max-width: 220px;
}

.sales-bot-comparison__rows {
    display: grid;
    gap: 14px;
}

.sales-compare-row {
    display: grid;
    grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
    gap: 24px;
    align-items: start;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.sales-compare-row:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.sales-compare-row__left {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    text-align: left;
}

.sales-bot-faq__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.sales-bot-faq-card {
    padding: 24px 22px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.sales-bot-contact__wrap {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 34px;
    align-items: start;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.sales-bot-contact__right p {
    margin-bottom: 24px;
}

.sales-bot-contact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .sales-bot-orbit__headline h1 {
        font-size: 62px;
    }

    .sales-bot-funnel__header h2,
    .sales-bot-levers__intro h2,
    .sales-bot-cases__header h2,
    .sales-bot-system__header h2,
    .sales-bot-comparison__header h2,
    .sales-bot-faq__header h2,
    .sales-bot-contact__left h2 {
        font-size: 44px;
    }

    .sales-bot-system__matrix,
    .sales-bot-contact__wrap,
    .sales-bot-levers__grid {
        grid-template-columns: 1fr;
    }

    .sales-system-engine {
        max-width: 320px;
        margin: 0 auto;
    }
}

@media (max-width: 992px) {
    .sales-bot-orbit {
        padding: 92px 0 34px;
    }

    .sales-bot-funnel,
    .sales-bot-levers,
    .sales-bot-cases,
    .sales-bot-system,
    .sales-bot-comparison,
    .sales-bot-faq,
    .sales-bot-contact {
        padding: 60px 0;
    }

    .sales-bot-orbit__meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .sales-bot-orbit__hero-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .sales-bot-orbit__headline h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .sales-bot-orbit__summary p,
    .sales-bot-contact__right p {
        font-size: 17px;
        line-height: 1.78;
    }

    .sales-bot-orbit__radar {
        justify-content: center;
    }

    .sales-bot-rings {
        width: 420px;
        height: 420px;
    }

    .sales-bot-rings__point {
        width: 104px;
        min-height: 104px;
    }

    .sales-bot-rings__point span {
        font-size: 16px;
    }

    .sales-bot-orbit__hero-grid {
        margin-bottom: 0;
    }

    .sales-bot-orbit__hero {
        gap: 0;
    }

    .sales-bot-orbit__radar {
        margin-top: 8px;
    }

    .sales-bot-orbit__hero-grid {
        align-items: start;
    }

    .sales-bot-orbit__radar {
        width: 100%;
    }

    .sales-bot-funnel__header h2,
    .sales-bot-levers__intro h2,
    .sales-bot-cases__header h2,
    .sales-bot-system__header h2,
    .sales-bot-comparison__header h2,
    .sales-bot-faq__header h2,
    .sales-bot-contact__left h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .sales-bot-funnel__layout,
    .sales-bot-faq__grid {
        grid-template-columns: 1fr;
    }

    .sales-case-strip,
    .sales-compare-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .sales-bot-orbit {
        padding: 78px 0 28px;
    }

    .sales-bot-orbit__eyebrow,
    .sales-bot-orbit__state,
    .sales-bot-label {
        min-height: 32px;
        padding: 0 12px;
        font-size: 11px;
        letter-spacing: 0.1em;
        margin: 0 auto;
        display: flex;
        align-items: center;
        width: fit-content;
        justify-content: center;
        margin-bottom: 16px;
    }

    .sales-bot-orbit__headline h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .sales-bot-orbit__summary p,
    .sales-stage p,
    .sales-lever p,
    .sales-case-strip__text,
    .sales-system-box p,
    .sales-compare-row__right,
    .sales-bot-faq-card p,
    .sales-bot-contact__right p {
        font-size: 15px;
        line-height: 1.72;
        text-align: center;
    }

    .sales-bot-orbit__actions,
    .sales-bot-contact__actions {
        gap: 12px;
    }

    .sales-bot-orbit__actions .btn,
    .sales-bot-contact__actions .btn {
        width: 100%;
        text-align: center;
    }

    .sales-bot-orbit__radar {
        overflow: hidden;
    }

    .sales-bot-rings {
        width: 320px;
        height: 320px;
    }

    .sales-bot-rings__core {
        width: 122px;
        height: 122px;
    }

    .sales-bot-rings__core span {
        font-size: 11px;
    }

    .sales-bot-rings__core strong {
        font-size: 16px;
        max-width: 90px;
    }

    .sales-bot-rings__point {
        width: 82px;
        min-height: 82px;
    }

    .sales-bot-rings__point em {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .sales-bot-rings__point span {
        font-size: 12px;
        max-width: 60px;
    }

    .sales-bot-orbit__rail {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 28px;
    }

    .sales-bot-funnel,
    .sales-bot-levers,
    .sales-bot-cases,
    .sales-bot-system,
    .sales-bot-comparison,
    .sales-bot-faq,
    .sales-bot-contact {
        padding: 48px 0;
    }

    .sales-bot-funnel__header h2,
    .sales-bot-levers__intro h2,
    .sales-bot-cases__header h2,
    .sales-bot-system__header h2,
    .sales-bot-comparison__header h2,
    .sales-bot-faq__header h2,
    .sales-bot-contact__left h2 {
        font-size: 28px;
        text-align: center;
        line-height: 1.12;
    }

    .sales-stage,
    .sales-bot-faq-card,
    .sales-system-box {
        padding: 20px 18px;
        border-radius: 22px;
    }

    .sales-stage h3,
    .sales-case-strip__title,
    .sales-system-box h3,
    .sales-bot-faq-card h3,
    .sales-compare-row__left,
    .sales-lever strong {
        font-size: 20px;
        line-height: 1.22;
        text-align: center;
    }
    .sales-stage__number {
        margin: 0 auto;
        text-transform: uppercase;
        justify-content: center;
        display: flex;
        align-items: center;
        width: fit-content;
        margin-bottom: 16px;
        width: 45px;
        height: 45px;
    }
    .sales-system-engine {
        min-height: 250px;
        border-radius: 50%;
        padding: 22px;
    }

    .sales-system-engine strong {
        font-size: 22px;
    }

    .sales-system-engine p {
        font-size: 14px;
        line-height: 1.64;
    }
}
/*************************************************************************************/
.bot-poster-page {
    position: relative;
    padding: 126px 0 40px;
    overflow: hidden;
}

.bot-poster-page::before,
.bot-poster-page::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.bot-poster-page::before {
    width: 420px;
    height: 420px;
    top: 10px;
    left: -170px;
    background: var(--accent);
}

.bot-poster-page::after {
    width: 620px;
    height: 620px;
    right: -220px;
    bottom: -260px;
    background: var(--accent-secondary);
}

.bot-poster-hero {
    position: relative;
    z-index: 2;
    padding: 42px 38px 30px;
    border-radius: 40px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.92) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: var(--card-border);
    box-shadow:
        0 34px 74px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    backdrop-filter: blur(18px);
}

.bot-poster-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.1), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.1), transparent 36%);
    pointer-events: none;
}

.bot-poster-hero__label,
.bot-poster-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.bot-poster-hero__label {
    position: relative;
    z-index: 1;
    margin-bottom: 28px;
}

.bot-poster-hero__main {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 220px;
    gap: 26px;
    align-items: start;
}

.bot-poster-hero__aside {
    padding-top: 24px;
}

.bot-poster-hero__aside span {
    display: block;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.bot-poster-hero__aside strong {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
}

.bot-poster-hero__center h1 {
    margin: 0 0 24px;
    font-size: 84px;
    line-height: 0.9;
    font-weight: 800;
    letter-spacing: -0.065em;
    color: #fff;
    text-align: center;
    text-wrap: balance;
}

.bot-poster-hero__center p {
    max-width: 760px;
    margin: 0 auto 28px;
    font-size: 19px;
    line-height: 1.9;
    color: var(--muted);
    text-align: center;
}

.bot-poster-hero__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.bot-poster-hero__link {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}

.bot-poster-hero__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
}

.bot-poster-hero__footer {
    position: relative;
    z-index: 1;
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.08);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.bot-poster-chip {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #dce3f1;
    font-size: 13px;
    font-weight: 600;
}

.bot-lanes,
.bot-panorama,
.bot-manifest,
.bot-runway,
.bot-proof,
.bot-poster-contact {
    position: relative;
    padding: 96px 0;
}

.bot-lanes__head,
.bot-panorama__top,
.bot-runway__head,
.bot-proof__head {
    margin-bottom: 42px;
}

.bot-lanes__head h2,
.bot-panorama__top h2,
.bot-manifest__intro h2,
.bot-runway__head h2,
.bot-proof__head h2,
.bot-poster-contact__left h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.bot-lanes__board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.bot-lane {
    padding: 22px 20px;
    border-radius: 28px;
    min-height: 100%;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.bot-lane--user {
    border-color: rgba(125, 211, 252, 0.18);
}

.bot-lane--bot {
    border-color: rgba(58, 176, 255, 0.18);
}

.bot-lane--business {
    border-color: rgba(78, 110, 242, 0.18);
}

.bot-lane__title {
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 1.18;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.03em;
}

.bot-lane__item {
    position: relative;
    padding: 14px 0 14px 18px;
    font-size: 15px;
    line-height: 1.72;
    color: var(--muted);
    text-align: left;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.bot-lane__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 21px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 12px rgba(58, 176, 255, 0.28);
}

.bot-panorama__rows {
    display: grid;
    gap: 16px;
}

.bot-panorama-row {
    display: grid;
    grid-template-columns: minmax(260px, 0.74fr) minmax(0, 1.26fr);
    gap: 24px;
    align-items: start;
    padding: 24px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.bot-panorama-row:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.bot-panorama-row__name {
    font-size: 28px;
    line-height: 1.16;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.bot-panorama-row__text {
    font-size: 17px;
    line-height: 1.82;
    color: var(--muted);
    text-align: left;
}

.bot-panorama-row--a .bot-panorama-row__name { color: #7dd3fc; }
.bot-panorama-row--b .bot-panorama-row__name { color: #60a5fa; }
.bot-panorama-row--c .bot-panorama-row__name { color: #8ea2ff; }
.bot-panorama-row--d .bot-panorama-row__name { color: #c4b5fd; }

.bot-manifest__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: 34px;
    align-items: start;
}

.bot-manifest__content {
    display: grid;
    gap: 16px;
}

.bot-manifest-line {
    padding: 18px 20px;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.92) 100%);
    border: var(--card-border);
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.03);
}

.bot-manifest-line strong {
    display: block;
    margin-bottom: 8px;
    font-size: 21px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.bot-manifest-line span {
    display: block;
    font-size: 15px;
    line-height: 1.72;
    color: var(--muted);
    text-align: left;
}

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

.bot-runway-step {
    padding: 22px 18px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.bot-runway-step span {
    display: block;
    margin-bottom: 14px;
    font-size: 26px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(58, 176, 255, 0.95);
    text-shadow: 0 0 18px rgba(58,176,255,0.12);
}

.bot-runway-step h3 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.02em;
}

.bot-runway-step p {
    margin: 0;
    font-size: 15px;
    line-height: 1.72;
    color: var(--muted);
    text-align: left;
}

.bot-proof__list {
    display: grid;
    gap: 18px;
}

.bot-proof-item {
    display: grid;
    grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1.26fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.bot-proof-item:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.bot-proof-item h3 {
    margin: 0;
    font-size: 24px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.02em;
}

.bot-proof-item p {
    margin: 0;
    font-size: 16px;
    line-height: 1.78;
    color: var(--muted);
    text-align: left;
}

.bot-poster-contact__wrap {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 34px;
    align-items: start;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.bot-poster-contact__right p {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.86;
    color: var(--muted);
    text-align: left;
}

.bot-poster-contact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .bot-poster-hero__center h1 {
        font-size: 62px;
    }

    .bot-lanes__head h2,
    .bot-panorama__top h2,
    .bot-manifest__intro h2,
    .bot-runway__head h2,
    .bot-proof__head h2,
    .bot-poster-contact__left h2 {
        font-size: 44px;
    }

    .bot-manifest__grid,
    .bot-poster-contact__wrap {
        grid-template-columns: 1fr;
    }

    .bot-poster-hero__main {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .bot-poster-hero__aside {
        padding-top: 0;
    }

    .bot-poster-hero__aside--left,
    .bot-poster-hero__aside--right {
        display: flex;
        gap: 16px;
        align-items: baseline;
    }
    .bot-poster-hero__aside span {
        text-align: center;
    }
}

@media (max-width: 992px) {
    .bot-poster-page {
        padding: 92px 0 34px;
    }

    .bot-lanes,
    .bot-panorama,
    .bot-manifest,
    .bot-runway,
    .bot-proof,
    .bot-poster-contact {
        padding: 60px 0;
    }

    .bot-poster-hero {
        padding: 28px 24px 24px;
        border-radius: 28px;
    }

    .bot-poster-hero__center h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .bot-poster-hero__center p,
    .bot-poster-contact__right p {
        font-size: 17px;
        line-height: 1.78;
    }

    .bot-lanes__head h2,
    .bot-panorama__top h2,
    .bot-manifest__intro h2,
    .bot-runway__head h2,
    .bot-proof__head h2,
    .bot-poster-contact__left h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .bot-lanes__board,
    .bot-runway__track {
        grid-template-columns: 1fr;
    }

    .bot-panorama-row,
    .bot-proof-item,
    .bot-poster-contact__wrap {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .bot-poster-page {
        padding: 78px 0 28px;
    }

    .bot-poster-hero {
        border-radius: 22px;
        padding: 30px !important;
    }

    .bot-poster-hero__label,
    .bot-poster-label {
        min-height: 32px;
        padding: 0 12px;
        font-size: 11px;
        letter-spacing: 0.1em;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin-bottom: 16px;
    }

    .bot-poster-hero__center h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .bot-poster-hero__center p,
    .bot-panorama-row__text,
    .bot-manifest-line span,
    .bot-runway-step p,
    .bot-proof-item p,
    .bot-poster-contact__right p,
    .bot-lane__item {
        font-size: 15px;
        line-height: 1.72;
        text-align: left;
    }

    .bot-poster-hero__center p {
        margin-left: 0;
        margin-right: 0;
    }

    .bot-poster-hero__actions,
    .bot-poster-contact__actions {
        gap: 12px;
        justify-content: flex-start;
    }

    .bot-poster-hero__actions .btn,
    .bot-poster-contact__actions .btn {
        width: 100%;
        text-align: center;
    }

    .bot-poster-hero__aside--left,
    .bot-poster-hero__aside--right {
        display: block;
    }

    .bot-poster-hero__aside strong {
        font-size: 16px;
        text-align: center;
    }

    .bot-lanes,
    .bot-panorama,
    .bot-manifest,
    .bot-runway,
    .bot-proof,
    .bot-poster-contact {
        padding: 48px 0;
    }

    .bot-lanes__head h2,
    .bot-panorama__top h2,
    .bot-manifest__intro h2,
    .bot-runway__head h2,
    .bot-proof__head h2,
    .bot-poster-contact__left h2 {
        font-size: 28px;
        line-height: 1.12;
        text-align: center;
    }

    .bot-lane,
    .bot-manifest-line {
        padding: 18px 16px;
        border-radius: 18px;
    }

    .bot-lane__title,
    .bot-panorama-row__name,
    .bot-manifest-line strong,
    .bot-runway-step h3,
    .bot-proof-item h3 {
        font-size: 20px;
        text-align: center;
        line-height: 1.22;
    }
    .bot-runway-step span{
        text-align: center;
    }
    .bot-panorama-row,
    .bot-proof-item {
        padding: 18px 0;
    }

    .bot-runway-step {
        padding: 18px 0 0;
    }
}
/*************************************************************************************/
.cheap-site-banner {
    position: relative;
    padding: 126px 0 40px;
    overflow: hidden;
}

.cheap-site-banner::before,
.cheap-site-banner::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.cheap-site-banner::before {
    width: 420px;
    height: 420px;
    top: 10px;
    left: -170px;
    background: var(--accent);
}

.cheap-site-banner::after {
    width: 620px;
    height: 620px;
    right: -220px;
    bottom: 0;
    top: -189px;
    background: var(--accent-secondary);
}

.cheap-site-banner__wrap {
    position: relative;
    z-index: 2;
    padding: 34px 34px 28px;
    border-radius: 38px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.92) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: var(--card-border);
    box-shadow:
        0 34px 74px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(18px);
    overflow: hidden;
}

.cheap-site-banner__wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.1), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.1), transparent 36%);
    pointer-events: none;
}

.cheap-site-banner__mark,
.cheap-site-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.cheap-site-banner__mark {
    position: relative;
    z-index: 1;
    margin-bottom: 26px;
}

.cheap-site-banner__hero {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr);
    gap: 40px;
    align-items: start;
}

.cheap-site-banner__left h1 {
    margin: 0;
    font-size: 82px;
    line-height: 0.92;
    font-weight: 800;
    letter-spacing: -0.065em;
    color: #fff;
    text-wrap: balance;
}

.cheap-site-banner__right p {
    margin: 0 0 28px;
    font-size: 19px;
    line-height: 1.9;
    color: var(--muted);
    text-align: left;
}

.cheap-site-banner__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.cheap-site-banner__link {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}

.cheap-site-banner__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
}

.cheap-site-banner__strip {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    padding-top: 24px;
    margin-top: 32px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.cheap-site-banner__item span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent);
}

.cheap-site-banner__item strong {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
}

.cheap-site-format,
.cheap-site-structure,
.cheap-site-when,
.cheap-site-difference,
.cheap-site-faq,
.cheap-site-contact {
    position: relative;
    padding: 96px 0;
}

.cheap-site-format__header,
.cheap-site-structure__head,
.cheap-site-difference__header,
.cheap-site-faq__header {
    max-width: none;
    margin-bottom: 42px;
}

.cheap-site-format__header h2,
.cheap-site-structure__head h2,
.cheap-site-when__left h2,
.cheap-site-difference__header h2,
.cheap-site-faq__header h2,
.cheap-site-contact__left h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.cheap-site-format__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.cheap-site-format-card {
    padding: 24px 22px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.cheap-site-format-card h3,
.cheap-site-row__text h3,
.cheap-site-faq-item h3,
.cheap-site-difference__side h3 {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 1.22;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.02em;
}

.cheap-site-format-card p,
.cheap-site-row__text p,
.cheap-site-case p,
.cheap-site-faq-item p,
.cheap-site-contact__right p {
    margin: 0;
    font-size: 16px;
    line-height: 1.78;
    color: var(--muted);
    text-align: left;
}

.cheap-site-structure__rows {
    display: grid;
    gap: 16px;
}

.cheap-site-row {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.cheap-site-row:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.cheap-site-row__num {
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(58, 176, 255, 0.95);
    text-shadow: 0 0 18px rgba(58, 176, 255, 0.12);
    padding-top: 4px;
}

.cheap-site-when__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    gap: 34px;
    align-items: start;
}

.cheap-site-when__right {
    display: grid;
    gap: 16px;
}

.cheap-site-case {
    padding: 20px 0 20px 18px;
    border-left: 1px solid rgba(58, 176, 255, 0.18);
}

.cheap-site-case strong {
    display: block;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.24;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.cheap-site-difference__board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.cheap-site-difference__side {
    padding: 26px 24px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(29, 29, 36, 0.86) 0%, rgba(24, 26, 36, 0.94) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.cheap-site-difference__side--good {
    background: linear-gradient(145deg, rgba(16, 34, 36, 0.9) 0%, rgba(20, 28, 43, 0.98) 100%);
    border: 1px solid rgba(58,176,255,0.16);
}

.cheap-site-difference__side ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.cheap-site-difference__side li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    line-height: 1.72;
    color: #dce3f1;
    text-align: left;
}

.cheap-site-difference__side li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.cheap-site-difference__side li::before {
    background: #8b97aa;
    box-shadow: 0 0 14px rgba(139, 151, 170, 0.25);
}

.cheap-site-difference__side--good li::before {
    background: var(--accent);
    box-shadow: 0 0 14px rgba(58, 176, 255, 0.35);
}

.cheap-site-difference__divider {
    position: relative;
}

.cheap-site-difference__divider::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 6px;
    bottom: 6px;
    transform: translateX(-50%);
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.14) 0%,
        rgba(58,176,255,0.95) 100%
    );
}

.cheap-site-faq__list {
    display: grid;
    gap: 18px;
}

.cheap-site-faq-item {
    display: grid;
    grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1.26fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.cheap-site-faq-item:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.cheap-site-faq-item h3 {
    margin-bottom: 0;
}

.cheap-site-contact__wrap {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 34px;
    align-items: start;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.cheap-site-contact__right p {
    margin-bottom: 24px;
}

.cheap-site-contact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .cheap-site-banner__left h1 {
        font-size: 62px;
    }

    .cheap-site-format__header h2,
    .cheap-site-structure__head h2,
    .cheap-site-when__left h2,
    .cheap-site-difference__header h2,
    .cheap-site-faq__header h2,
    .cheap-site-contact__left h2 {
        font-size: 44px;
    }

    .cheap-site-when__layout,
    .cheap-site-contact__wrap {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .cheap-site-banner {
        padding: 92px 0 34px;
    }

    .cheap-site-format,
    .cheap-site-structure,
    .cheap-site-when,
    .cheap-site-difference,
    .cheap-site-faq,
    .cheap-site-contact {
        padding: 60px 0;
    }

    .cheap-site-banner__wrap {
        padding: 26px 22px 22px;
        border-radius: 26px;
    }

    .cheap-site-banner__hero {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cheap-site-banner__left h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .cheap-site-banner__right p,
    .cheap-site-contact__right p {
        font-size: 17px;
        line-height: 1.78;
    }

    .cheap-site-banner__strip {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cheap-site-format__header h2,
    .cheap-site-structure__head h2,
    .cheap-site-when__left h2,
    .cheap-site-difference__header h2,
    .cheap-site-faq__header h2,
    .cheap-site-contact__left h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .cheap-site-format__grid {
        grid-template-columns: 1fr;
    }

    .cheap-site-difference__board,
    .cheap-site-faq-item {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cheap-site-difference__divider {
        display: none;
    }
}

@media (max-width: 768px) {
    .cheap-site-banner {
        padding: 78px 0 28px;
    }

    .cheap-site-banner__mark,
    .cheap-site-label {
        min-height: 32px;
        padding: 0 12px;
        font-size: 11px;
        display: flex;
        letter-spacing: 0.1em;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 16px;
    }

    .cheap-site-banner__left h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .cheap-site-banner__right p,
    .cheap-site-format-card p,
    .cheap-site-row__text p,
    .cheap-site-case p,
    .cheap-site-faq-item p,
    .cheap-site-contact__right p {
        font-size: 15px;
        line-height: 1.72;
    }

    .cheap-site-banner__actions,
    .cheap-site-contact__actions {
        gap: 12px;
    }

    .cheap-site-banner__actions .btn,
    .cheap-site-contact__actions .btn {
        width: 100%;
        text-align: center;
    }

    .cheap-site-format,
    .cheap-site-structure,
    .cheap-site-when,
    .cheap-site-difference,
    .cheap-site-faq,
    .cheap-site-contact {
        padding: 48px 0;
    }

    .cheap-site-format__header h2,
    .cheap-site-structure__head h2,
    .cheap-site-when__left h2,
    .cheap-site-difference__header h2,
    .cheap-site-faq__header h2,
    .cheap-site-contact__left h2 {
        font-size: 28px;
        text-align: center;
        line-height: 1.12;
    }

    .cheap-site-format-card,
    .cheap-site-difference__side {
        padding: 20px 18px;
        border-radius: 22px;
    }

    .cheap-site-format-card h3,
    .cheap-site-row__text h3,
    .cheap-site-faq-item h3,
    .cheap-site-difference__side h3,
    .cheap-site-case strong {
        font-size: 20px;
        text-align: center;
        line-height: 1.22;
    }

    .cheap-site-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 18px 0;
    }

    .cheap-site-row__num {
        font-size: 18px;
        text-align: center;
    }

    .cheap-site-faq-item {
        padding: 18px 0;
    }
}
/***********************************************************************/
.site-price-editorial {
    position: relative;
    padding: 126px 0 36px;
    overflow: hidden;
}

.site-price-editorial::before,
.site-price-editorial::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.site-price-editorial::before {
    width: 420px;
    height: 420px;
    top: 10px;
    left: -170px;
    background: var(--accent);
}

.site-price-editorial::after {
    width: 620px;
    height: 620px;
    right: -220px;
    bottom: 0;
    top: -260px;
    background: var(--accent-secondary);
}

.site-price-editorial__hero {
    position: relative;
    z-index: 2;
}

.site-price-editorial__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
}

.site-price-editorial__label,
.site-price-editorial__note,
.site-price-token {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.site-price-editorial__label,
.site-price-token {
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    margin-bottom: 16px;
}

.site-price-editorial__note {
    background: rgba(255, 255, 255, 0.04);
    border: var(--card-border);
    color: #dce3f1;
}

.site-price-editorial__headline {
    margin-bottom: 26px;
}

.site-price-editorial__headline h1 {
    margin: 0;
    font-size: 88px;
    line-height: 0.88;
    font-weight: 800;
    letter-spacing: -0.07em;
    color: #fff;
    text-wrap: balance;
}

.site-price-editorial__subgrid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: 30px;
    align-items: start;
}

.site-price-editorial__intro p {
    margin: 0;
    max-width: 780px;
    font-size: 20px;
    line-height: 1.92;
    color: var(--muted);
    text-align: left;
}

.site-price-editorial__summary {
    display: grid;
    gap: 12px;
}

.site-price-editorial__summary-item {
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);
}

.site-price-editorial__summary-item span {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent);
}

.site-price-editorial__summary-item strong {
    display: block;
    font-size: 18px;
    line-height: 1.42;
    color: #fff;
    font-weight: 600;
}

.site-price-editorial__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 30px;
}

.site-price-editorial__link {
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 2px;
}

.site-price-editorial__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 100%);
}

.site-price-map,
.site-price-columns,
.site-price-compare,
.site-price-route,
.site-price-faq,
.site-price-contact {
    position: relative;
    padding: 96px 0;
}

.site-price-map__header,
.site-price-columns__header,
.site-price-compare__header,
.site-price-route__header,
.site-price-faq__header {
    margin-bottom: 42px;
}

.site-price-map__header h2,
.site-price-columns__header h2,
.site-price-compare__header h2,
.site-price-route__header h2,
.site-price-faq__header h2,
.site-price-contact__left h2,
.site-price-factors__intro h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.site-price-map__layers {
    display: grid;
    gap: 16px;
}

.site-price-layer {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.site-price-layer:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.site-price-layer__index {
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: rgba(58, 176, 255, 0.95);
    text-shadow: 0 0 18px rgba(58,176,255,0.12);
    padding-top: 4px;
}

.site-price-layer__body h3,
.site-price-column h3,
.site-price-compare__group h3,
.site-price-faq__item h3 {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.03em;
}

.site-price-layer__body p,
.site-price-column p,
.site-price-compare__item,
.site-price-route__step p,
.site-price-faq__item p,
.site-price-contact__right p {
    margin: 0;
    font-size: 16px;
    line-height: 1.78;
    color: var(--muted);
    text-align: left;
}

.site-price-columns__grid {
    display: grid;
    grid-template-columns: 0.85fr 1fr 1.15fr;
    gap: 18px;
    align-items: stretch;
}

.site-price-column {
    padding: 26px 22px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 22px 50px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.site-price-column__tag {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    margin-bottom: 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.site-price-column--small .site-price-column__tag {
    background: rgba(125, 211, 252, 0.12);
    border: 1px solid rgba(125, 211, 252, 0.18);
    color: #7dd3fc;
}

.site-price-column--medium .site-price-column__tag {
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.18);
    color: #60a5fa;
}

.site-price-column--large .site-price-column__tag {
    background: rgba(78, 110, 242, 0.14);
    border: 1px solid rgba(78, 110, 242, 0.18);
    color: #8ea2ff;
}

.site-price-compare__sheet {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.site-price-compare__group {
    padding: 26px 24px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(29, 29, 36, 0.86) 0%, rgba(24, 26, 36, 0.94) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow:
        0 22px 48px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
}

.site-price-compare__group--accent {
    background: linear-gradient(145deg, rgba(16, 34, 36, 0.9) 0%, rgba(20, 28, 43, 0.98) 100%);
    border: 1px solid rgba(58,176,255,0.16);
}

.site-price-compare__group h3 {
    margin-bottom: 16px;
}

.site-price-compare__item {
    position: relative;
    padding: 12px 0 12px 22px;
}

.site-price-compare__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 19px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 12px rgba(58,176,255,0.28);
}

.site-price-route__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.site-price-route__step {
    padding: 22px 18px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.site-price-route__step span {
    display: block;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.site-price-route__step strong {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.22;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.site-price-faq__items {
    display: grid;
    gap: 18px;
}

.site-price-faq__item {
    display: grid;
    grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1.26fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.site-price-faq__item:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.site-price-faq__item h3 {
    margin-bottom: 0;
}

.site-price-contact__panel {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 34px;
    align-items: start;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.site-price-contact__right p {
    margin-bottom: 24px;
}

.site-price-contact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .site-price-editorial__headline h1 {
        font-size: 64px;
    }

    .site-price-map__header h2,
    .site-price-columns__header h2,
    .site-price-compare__header h2,
    .site-price-route__header h2,
    .site-price-faq__header h2,
    .site-price-contact__left h2,
    .site-price-factors__intro h2 {
        font-size: 44px;
    }

    .site-price-columns__grid,
    .site-price-contact__panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .site-price-editorial {
        padding: 92px 0 34px;
    }

    .site-price-map,
    .site-price-columns,
    .site-price-compare,
    .site-price-route,
    .site-price-faq,
    .site-price-contact {
        padding: 60px 0;
    }

    .site-price-editorial__top {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .site-price-editorial__headline h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .site-price-editorial__subgrid {
        grid-template-columns: 1fr;
    }

    .site-price-editorial__intro p,
    .site-price-contact__right p {
        font-size: 17px;
        line-height: 1.78;
    }

    .site-price-banner {
        grid-template-columns: 1fr;
    }

    .site-price-map__header h2,
    .site-price-columns__header h2,
    .site-price-compare__header h2,
    .site-price-route__header h2,
    .site-price-faq__header h2,
    .site-price-contact__left h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .site-price-compare__sheet,
    .site-price-route__list,
    .site-price-faq__item,
    .site-price-contact__panel {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .site-price-column h3,
    .site-price-layer__body h3,
    .site-price-compare__group h3,
    .site-price-faq__item h3 {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .site-price-editorial {
        padding: 78px 0 28px;
    }
    .site-price-column__tag {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin-bottom: 16px;
    }
    .site-price-route__step span{
        text-align: center;
    }
    .site-price-editorial__label,
    .site-price-editorial__note,
    .site-price-token {
        min-height: 32px;
        padding: 0 12px;
        font-size: 11px;
        letter-spacing: 0.1em;
        margin: 0 auto;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
    }

    .site-price-editorial__headline h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .site-price-editorial__intro p,
    .site-price-layer__body p,
    .site-price-column p,
    .site-price-compare__item,
    .site-price-route__step p,
    .site-price-faq__item p,
    .site-price-contact__right p {
        font-size: 15px;
        line-height: 1.72;
    }

    .site-price-editorial__actions,
    .site-price-contact__actions {
        gap: 12px;
    }

    .site-price-editorial__actions .btn,
    .site-price-contact__actions .btn {
        width: 100%;
        text-align: center;
    }

    .site-price-editorial__summary-item {
        padding: 14px 16px;
        border-radius: 14px;
    }

    .site-price-map,
    .site-price-columns,
    .site-price-compare,
    .site-price-route,
    .site-price-faq,
    .site-price-contact {
        padding: 48px 0;
    }

    .site-price-map__header h2,
    .site-price-columns__header h2,
    .site-price-compare__header h2,
    .site-price-route__header h2,
    .site-price-faq__header h2,
    .site-price-contact__left h2 {
        font-size: 28px;
        line-height: 1.12;
        text-align: center;
    }

    .site-price-layer {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 18px 0;
    }

    .site-price-layer__index {
        font-size: 18px;
        text-align: center;
    }

    .site-price-column,
    .site-price-compare__group {
        padding: 20px 18px;
        border-radius: 22px;
    }

    .site-price-layer__body h3,
    .site-price-column h3,
    .site-price-compare__group h3,
    .site-price-route__step strong,
    .site-price-faq__item h3 {
        font-size: 20px;
        line-height: 1.22;
        text-align: center;
    }

    .site-price-faq__item {
        padding: 18px 0;
    }
}
/*********************************************************************************************************/
.turnkey-site-canvas {
    position: relative;
    padding: 126px 0 40px;
    overflow: hidden;
}

.turnkey-site-canvas::before,
.turnkey-site-canvas::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(140px);
    opacity: 0.14;
}

.turnkey-site-canvas::before {
    width: 420px;
    height: 420px;
    top: 10px;
    left: -170px;
    background: var(--accent);
}

.turnkey-site-canvas::after {
    width: 620px;
    height: 620px;
    right: -220px;
    bottom: 0;
    top: -150px;
    background: var(--accent-secondary);
}

.turnkey-site-canvas__hero {
    position: relative;
    z-index: 2;
    padding: 38px 36px 30px;
    border-radius: 38px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.92) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: var(--card-border);
    box-shadow:
        0 34px 74px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(18px);
    overflow: hidden;
}

.turnkey-site-canvas__hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.10), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.10), transparent 36%);
    pointer-events: none;
}

.turnkey-site-canvas__head,
.turnkey-site-canvas__title,
.turnkey-site-canvas__intro,
.turnkey-site-canvas__foot {
    position: relative;
    z-index: 1;
}

.turnkey-site-canvas__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 28px;
}

.turnkey-site-canvas__mark,
.turnkey-site-canvas__status,
.turnkey-site-stagewall__token,
.turnkey-site-presentation__token,
.turnkey-site-benefitline__token,
.turnkey-site-questions__token,
.turnkey-site-contact__token {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.turnkey-site-canvas__mark,
.turnkey-site-stagewall__token,
.turnkey-site-presentation__token,
.turnkey-site-benefitline__token,
.turnkey-site-questions__token,
.turnkey-site-contact__token {
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    margin-bottom: 16px;
}

.turnkey-site-canvas__status {
    background: rgba(255, 255, 255, 0.04);
    border: var(--card-border);
    color: #dce3f1;
}

.turnkey-site-canvas__title {
    margin-bottom: 26px;
}

.turnkey-site-canvas__title h1 {
    margin: 0;
    font-size: 84px;
    line-height: 0.9;
    font-weight: 800;
    letter-spacing: -0.065em;
    color: #fff;
    text-wrap: balance;
}

.turnkey-site-canvas__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 28px;
    align-items: start;
}

.turnkey-site-canvas__intro-text p {
    margin: 0;
    max-width: 820px;
    font-size: 19px;
    line-height: 1.9;
    color: var(--muted);
    text-align: left;
}

.turnkey-site-canvas__badge {
    padding: 18px 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.turnkey-site-canvas__badge span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent);
}

.turnkey-site-canvas__badge strong {
    display: block;
    font-size: 18px;
    line-height: 1.48;
    color: #fff;
    font-weight: 600;
}

.turnkey-site-canvas__foot {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.08);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.turnkey-site-canvas__foot-item span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--accent);
}

.turnkey-site-canvas__foot-item strong {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: 600;
}

.turnkey-site-ribbon,
.turnkey-site-stagewall,
.turnkey-site-presentation,
.turnkey-site-benefitline,
.turnkey-site-questions,
.turnkey-site-contact {
    position: relative;
    padding: 96px 0;
}

.turnkey-site-ribbon__track {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.turnkey-site-ribbon__panel {
    padding-top: 6px;
}

.turnkey-site-ribbon__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(58, 176, 255, 0.12) 0%, rgba(78, 110, 242, 0.12) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
    color: var(--accent);
    font-size: 14px;
    font-weight: 800;
}

.turnkey-site-ribbon__panel h2,
.turnkey-site-stagewall__header h2,
.turnkey-site-presentation__left h2,
.turnkey-site-benefitline__header h2,
.turnkey-site-questions__header h2,
.turnkey-site-contact__left h2 {
    margin: 0;
    font-size: 54px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.turnkey-site-ribbon__content {
    padding: 28px 0 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.turnkey-site-ribbon__content p {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.88;
    color: var(--muted);
    text-align: left;
    max-width: 920px;
}

.turnkey-site-ribbon__content p:last-child {
    margin-bottom: 0;
}

.turnkey-site-stagewall__header,
.turnkey-site-benefitline__header,
.turnkey-site-questions__header {
    margin-bottom: 42px;
}

.turnkey-site-stagewall__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.turnkey-stage {
    padding: 24px 22px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.94) 100%);
    border: var(--card-border);
    box-shadow:
        0 22px 50px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.03);
    backdrop-filter: blur(14px);
    min-height: 100%;
}

.turnkey-stage__top {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 12px;
}

.turnkey-stage__top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(58, 176, 255, 0.12) 0%, rgba(78, 110, 242, 0.12) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
}

.turnkey-stage__top h3,
.turnkey-present-item strong,
.turnkey-question h3 {
    margin: 0;
    font-size: 24px;
    line-height: 1.22;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: -0.02em;
}

.turnkey-stage p,
.turnkey-present-item p,
.turnkey-benefit-row__text,
.turnkey-question p,
.turnkey-site-contact__right p {
    margin: 0;
    font-size: 16px;
    line-height: 1.78;
    color: var(--muted);
    text-align: left;
}

.turnkey-site-presentation__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 34px;
    align-items: start;
}

.turnkey-site-presentation__right {
    display: grid;
    gap: 16px;
}

.turnkey-present-item {
    padding: 20px 0 20px 18px;
    border-left: 1px solid rgba(58, 176, 255, 0.18);
}

.turnkey-present-item strong {
    display: block;
    margin-bottom: 8px;
}

.turnkey-site-benefitline__rows {
    display: grid;
    gap: 16px;
}

.turnkey-benefit-row {
    display: grid;
    grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.turnkey-benefit-row:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.turnkey-benefit-row__name {
    font-size: 26px;
    line-height: 1.18;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: left;
}

.turnkey-site-questions__list {
    display: grid;
    gap: 18px;
}

.turnkey-question {
    display: grid;
    grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1.26fr);
    gap: 24px;
    align-items: start;
    padding: 22px 0;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.turnkey-question:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.turnkey-site-contact__wrap {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 34px;
    align-items: start;
    padding-top: 36px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.turnkey-site-contact__right p {
    margin-bottom: 24px;
}

.turnkey-site-contact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 1200px) {
    .turnkey-site-canvas__title h1 {
        font-size: 62px;
    }

    .turnkey-site-ribbon__panel h2,
    .turnkey-site-stagewall__header h2,
    .turnkey-site-presentation__left h2,
    .turnkey-site-benefitline__header h2,
    .turnkey-site-questions__header h2,
    .turnkey-site-contact__left h2 {
        font-size: 44px;
    }

    .turnkey-site-canvas__intro,
    .turnkey-site-ribbon__track,
    .turnkey-site-presentation__layout,
    .turnkey-site-contact__wrap {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .turnkey-site-canvas {
        padding: 92px 0 34px;
    }

    .turnkey-site-ribbon,
    .turnkey-site-stagewall,
    .turnkey-site-presentation,
    .turnkey-site-benefitline,
    .turnkey-site-questions,
    .turnkey-site-contact {
        padding: 60px 0;
    }

    .turnkey-site-canvas__hero {
        padding: 26px 22px 22px;
        border-radius: 26px;
    }

    .turnkey-site-canvas__head {
        flex-direction: column;
        align-items: center;
        display: flex;
        gap: 0;
    }

    .turnkey-site-canvas__title h1 {
        font-size: 46px;
        line-height: 1.02;
    }

    .turnkey-site-canvas__intro-text p,
    .turnkey-site-contact__right p,
    .turnkey-site-ribbon__content p {
        font-size: 17px;
        line-height: 1.78;
    }

    .turnkey-site-canvas__foot,
    .turnkey-site-stagewall__grid {
        grid-template-columns: 1fr;
    }

    .turnkey-site-ribbon__panel h2,
    .turnkey-site-stagewall__header h2,
    .turnkey-site-presentation__left h2,
    .turnkey-site-benefitline__header h2,
    .turnkey-site-questions__header h2,
    .turnkey-site-contact__left h2 {
        font-size: 34px;
        line-height: 1.08;
    }

    .turnkey-benefit-row,
    .turnkey-question {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .turnkey-site-canvas {
        padding: 78px 0 28px;
    }

    .turnkey-site-canvas__hero {
        padding: 20px 18px 18px;
        border-radius: 22px;
    }

    .turnkey-site-canvas__mark,
    .turnkey-site-canvas__status,
    .turnkey-site-stagewall__token,
    .turnkey-site-presentation__token,
    .turnkey-site-benefitline__token,
    .turnkey-site-questions__token,
    .turnkey-site-contact__token {
        min-height: 32px;
        padding: 0 12px;
        font-size: 11px;
        letter-spacing: 0.1em;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin-bottom: 16px;
    }

    .turnkey-site-canvas__title h1 {
        font-size: 34px;
        line-height: 1.08;
        text-align: center;
    }

    .turnkey-site-canvas__intro-text p,
    .turnkey-stage p,
    .turnkey-present-item p,
    .turnkey-benefit-row__text,
    .turnkey-question p,
    .turnkey-site-contact__right p,
    .turnkey-site-ribbon__content p {
        font-size: 15px;
        line-height: 1.72;
        text-align: left !important;
    }

    .turnkey-site-contact__actions,
    .turnkey-site-canvas__actions {
        gap: 12px;
    }

    .turnkey-site-contact__actions .btn,
    .turnkey-site-canvas__actions .btn {
        width: 100%;
        text-align: center;
    }

    .turnkey-site-ribbon,
    .turnkey-site-stagewall,
    .turnkey-site-presentation,
    .turnkey-site-benefitline,
    .turnkey-site-questions,
    .turnkey-site-contact {
        padding: 48px 0;
    }

    .turnkey-site-ribbon__panel h2,
    .turnkey-site-stagewall__header h2,
    .turnkey-site-presentation__left h2,
    .turnkey-site-benefitline__header h2,
    .turnkey-site-questions__header h2,
    .turnkey-site-contact__left h2 {
        font-size: 28px;
        text-align: center;
        line-height: 1.12;
    }

    .turnkey-stage {
        padding: 20px 18px;
        border-radius: 22px;
    }

    .turnkey-stage__top h3,
    .turnkey-present-item strong,
    .turnkey-question h3,
    .turnkey-benefit-row__name {
        font-size: 20px;
        line-height: 1.22;
    }

    .turnkey-stage__top {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
    }

    .turnkey-stage__top span {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        font-size: 12px;
    }

    .turnkey-question,
    .turnkey-benefit-row {
        padding: 18px 0;
    }
}


/******************************************************************************************************/
.need-site-page {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 8%, rgba(58, 176, 255, 0.08) 0%, transparent 34%),
        radial-gradient(circle at 92% 18%, rgba(78, 110, 242, 0.08) 0%, transparent 34%),
        var(--bg-color);
}

.need-site-hero {
    position: relative;
    padding: 150px 0 110px;
    overflow: hidden;
}

.need-site-hero::before {
    content: "";
    position: absolute;
    width: 680px;
    height: 680px;
    right: -240px;
    top: 20px;
    border-radius: 50%;
    background: rgba(58, 176, 255, 0.08);
    filter: blur(130px);
    pointer-events: none;
}

.need-site-hero__container {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.88fr);
    gap: 70px;
    align-items: center;
}

.need-site-hero__content {
    max-width: 820px;
}

.need-site-hero__eyebrow,
.need-site-section-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(58, 176, 255, 0.08);
}

.need-site-hero h1 {
    margin: 26px 0 28px;
    max-width: 880px;
    font-size: clamp(42px, 6.4vw, 88px);
    line-height: 0.93;
    letter-spacing: -0.065em;
    font-weight: 800;
    color: #fff;
    text-align: left;
    text-wrap: balance;
}

.need-site-hero__content p {
    max-width: 760px;
    margin: 0 0 36px;
    font-size: 20px;
    line-height: 1.9;
    color: var(--muted);
}

.need-site-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.need-site-orbit {
    position: relative;
    min-height: 540px;
    border-radius: 50%;
}

.need-site-orbit::before,
.need-site-orbit::after {
    content: "";
    position: absolute;
    inset: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.need-site-orbit::after {
    inset: 104px;
    border-color: rgba(58, 176, 255, 0.18);
    box-shadow: 0 0 90px rgba(58, 176, 255, 0.08);
}

.need-site-orbit__center {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 210px;
    height: 210px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 42px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.92) 0%, rgba(25, 28, 43, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow:
        0 34px 80px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(18px);
}

.need-site-orbit__center span {
    margin-bottom: 10px;
    color: var(--accent);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.need-site-orbit__center strong {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.need-site-orbit__item {
    position: absolute;
    z-index: 3;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #e4e8f0;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(12px);
}

.need-site-orbit__item--one {
    left: 46%;
    top: 22px;
    transform: translateX(-50%);
}

.need-site-orbit__item--two {
    right: 8px;
    top: 32%;
}

.need-site-orbit__item--three {
    right: 78px;
    bottom: 54px;
}

.need-site-orbit__item--four {
    left: 44px;
    bottom: 82px;
}

.need-site-orbit__item--five {
    left: 0;
    top: 33%;
}

.need-site-answer,
.need-site-split,
.need-site-path,
.need-site-matrix,
.need-site-mistakes,
.need-site-union,
.need-site-faq,
.need-site-final {
    position: relative;
    padding: 92px 0;
}

.need-site-answer__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
    gap: 38px;
    align-items: stretch;
}

.need-site-answer__main {
    padding: 46px;
    border-radius: 38px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.72) 0%, rgba(25, 28, 43, 0.84) 100%);
    border: var(--card-border);
    box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
}

.need-site-answer__main h2,
.need-site-path__head h2,
.need-site-matrix__intro h2,
.need-site-mistakes__head h2,
.need-site-union__content h2,
.need-site-faq__intro h2,
.need-site-final__box h2 {
    margin: 20px 0 22px;
    color: #fff;
    font-size: 52px;
    line-height: 1.04;
    letter-spacing: -0.045em;
    font-weight: 800;
    text-align: left;
    text-wrap: balance;
}

.need-site-answer__main p,
.need-site-path__head p,
.need-site-matrix__intro p,
.need-site-union__content p,
.need-site-final__box p {
    margin: 0 0 20px;
    max-width: 850px;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.88;
    text-align: left;
}

.need-site-answer__main p:last-child {
    margin-bottom: 0;
}

.need-site-answer__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 420px;
    padding: 34px;
    border-radius: 38px;
    overflow: hidden;
    background:
        radial-gradient(circle at 30% 0%, rgba(58, 176, 255, 0.2) 0%, transparent 42%),
        linear-gradient(145deg, rgba(17, 31, 48, 0.9) 0%, rgba(20, 22, 38, 0.98) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.need-site-answer__card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -50px;
    top: -50px;
    border-radius: 50%;
    background: rgba(78, 110, 242, 0.18);
    filter: blur(40px);
}

.need-site-answer__card span {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.need-site-answer__card strong {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 18px;
    color: #fff;
    font-size: 32px;
    line-height: 1.16;
    letter-spacing: -0.035em;
}

.need-site-answer__card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.75;
}

.need-site-split__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.need-site-side {
    position: relative;
    overflow: hidden;
    padding: 34px;
    border-radius: 40px;
    border: var(--card-border);
    box-shadow:
        0 24px 58px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
}

.need-site-side--yes {
    background: linear-gradient(145deg, rgba(14, 34, 41, 0.82) 0%, rgba(20, 28, 43, 0.94) 100%);
}

.need-site-side--no {
    background: linear-gradient(145deg, rgba(37, 26, 40, 0.82) 0%, rgba(20, 22, 38, 0.94) 100%);
}

.need-site-side::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.need-site-side--yes::before {
    background: radial-gradient(circle at top left, rgba(58, 176, 255, 0.12), transparent 36%);
}

.need-site-side--no::before {
    background: radial-gradient(circle at top left, rgba(255, 184, 108, 0.1), transparent 36%);
}

.need-site-side__head,
.need-site-side__list {
    position: relative;
    z-index: 1;
}

.need-site-side__head span {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.need-site-side__head h2 {
    margin: 0 0 30px;
    color: #fff;
    font-size: 36px;
    line-height: 1.08;
    letter-spacing: -0.04em;
    text-align: left;
}

.need-site-side__list {
    display: grid;
    gap: 18px;
}

.need-site-reason {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.need-site-reason strong {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(58, 176, 255, 0.09);
    color: var(--accent);
    font-size: 15px;
    font-weight: 800;
}

.need-site-reason h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 21px;
    line-height: 1.22;
    text-align: left;
}

.need-site-reason p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.7;
    text-align: left;
}

.need-site-path__head {
    margin-bottom: 54px;
}

.need-site-path__map {
    display: grid;
    grid-template-columns: 1fr 0.9fr 1fr;
    grid-auto-rows: minmax(190px, auto);
    gap: 20px;
    align-items: stretch;
}

.need-site-format {
    position: relative;
    padding: 28px;
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.76) 0%, rgba(25, 28, 43, 0.88) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    backdrop-filter: blur(14px);
    transition: transform 0.22s ease, border-color 0.22s ease;
}

.need-site-format::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.08), transparent 34%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.08), transparent 36%);
    opacity: 0;
    transition: opacity 0.22s ease;
}

.need-site-format:hover {
    transform: translateY(-6px);
    border-color: rgba(58, 176, 255, 0.2);
}

.need-site-format:hover::before {
    opacity: 1;
}

.need-site-format--first {
    grid-row: span 2;
}

.need-site-format--last {
    grid-column: span 2;
}

.need-site-format span,
.need-site-format h3,
.need-site-format p {
    position: relative;
    z-index: 1;
}

.need-site-format span {
    display: inline-flex;
    margin-bottom: 30px;
    color: var(--accent);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.need-site-format h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 30px;
    line-height: 1.12;
    letter-spacing: -0.035em;
    text-align: left;
}

.need-site-format p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.78;
    text-align: left;
}

.need-site-matrix__layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
    gap: 44px;
    align-items: start;
}

.need-site-matrix__intro {
    position: sticky;
    top: 120px;
}

.need-site-checklist {
    display: grid;
    gap: 16px;
}

.need-site-check {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 24px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.need-site-check span {
    position: relative;
    width: 26px;
    height: 26px;
    margin-top: 2px;
    border-radius: 50%;
    background: linear-gradient(45deg, var(--accent), var(--accent-secondary));
    box-shadow: 0 0 18px rgba(58, 176, 255, 0.3);
}

.need-site-check span::after {
    content: "";
    position: absolute;
    left: 9px;
    top: 6px;
    width: 6px;
    height: 11px;
    border-right: 2px solid #07111f;
    border-bottom: 2px solid #07111f;
    transform: rotate(45deg);
}

.need-site-check p {
    margin: 0;
    color: #dce3f1;
    font-size: 17px;
    line-height: 1.68;
    text-align: left;
}

.need-site-mistakes__head {
    margin-bottom: 44px;
}

.need-site-mistakes__stack {
    display: grid;
    gap: 16px;
}

.need-site-mistake {
    display: grid;
    grid-template-columns: 110px minmax(220px, 0.42fr) minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    padding: 26px 30px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.72) 0%, rgba(25, 28, 43, 0.86) 100%);
    border: var(--card-border);
    box-shadow:
        0 16px 38px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.need-site-mistake div {
    color: var(--accent);
    font-size: 36px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.need-site-mistake h3 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    line-height: 1.18;
    letter-spacing: -0.03em;
    text-align: left;
}

.need-site-mistake p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.76;
    text-align: left;
}

.need-site-union__card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
    gap: 34px;
    align-items: center;
    padding: 42px;
    border-radius: 42px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 20%, rgba(58, 176, 255, 0.13) 0%, transparent 38%),
        radial-gradient(circle at 92% 80%, rgba(78, 110, 242, 0.12) 0%, transparent 42%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.86) 0%, rgba(25, 28, 43, 0.96) 100%);
    border: var(--card-border);
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px);
}

.need-site-union__content,
.need-site-union__steps {
    position: relative;
    z-index: 1;
}

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

.need-site-union__steps div {
    min-height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.075);
}

.need-site-union__steps strong {
    color: var(--accent);
    font-size: 24px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.need-site-union__steps span {
    color: #fff;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
}

.need-site-faq__layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
    gap: 42px;
    align-items: start;
}

.need-site-faq__intro {
    position: sticky;
    top: 120px;
}

.need-site-faq__items {
    display: grid;
    gap: 18px;
}

.need-site-faq-item {
    padding: 28px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.72) 0%, rgba(25, 28, 43, 0.86) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.need-site-faq-item h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 23px;
    line-height: 1.24;
    letter-spacing: -0.025em;
    text-align: left;
}

.need-site-faq-item p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.78;
    text-align: left;
}

.need-site-final {
    padding-bottom: 120px;
}

.need-site-final__box {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 30px;
    align-items: center;
    padding: 42px;
    border-radius: 38px;
    background:
        linear-gradient(145deg, rgba(58, 176, 255, 0.1) 0%, rgba(78, 110, 242, 0.08) 38%, rgba(18, 20, 35, 0.94) 100%);
    border: 1px solid rgba(58, 176, 255, 0.16);
    box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: hidden;
}

.need-site-final__box::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -90px;
    top: -120px;
    border-radius: 50%;
    background: rgba(58, 176, 255, 0.12);
    filter: blur(70px);
}

.need-site-final__box div,
.need-site-final__box .btn {
    position: relative;
    z-index: 1;
}

.need-site-final__box span {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.need-site-final__box h2 {
    margin-top: 0;
    max-width: 880px;
}

.need-site-final__box p {
    margin-bottom: 0;
}

.need-site-final__box .btn {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .need-site-hero__container,
    .need-site-answer__layout,
    .need-site-union__card {
        grid-template-columns: 1fr;
    }

    .need-site-orbit {
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }

    .need-site-path__map {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .need-site-format--first,
    .need-site-format--last {
        grid-column: auto;
        grid-row: auto;
    }

    .need-site-answer__card {
        min-height: 320px;
    }
}

@media (max-width: 1024px) {
    .need-site-hero {
        padding: 112px 0 76px;
    }

    .need-site-answer,
    .need-site-split,
    .need-site-path,
    .need-site-matrix,
    .need-site-mistakes,
    .need-site-union,
    .need-site-faq,
    .need-site-final {
        padding: 68px 0;
    }

    .need-site-split__grid,
    .need-site-matrix__layout,
    .need-site-faq__layout {
        grid-template-columns: 1fr;
    }

    .need-site-matrix__intro,
    .need-site-faq__intro {
        position: static;
    }

    .need-site-answer__main h2,
    .need-site-path__head h2,
    .need-site-matrix__intro h2,
    .need-site-mistakes__head h2,
    .need-site-union__content h2,
    .need-site-faq__intro h2,
    .need-site-final__box h2 {
        font-size: 40px;
        line-height: 1.08;
    }

    .need-site-mistake {
        grid-template-columns: 80px minmax(0, 1fr);
    }

    .need-site-mistake p {
        grid-column: 2;
    }

    .need-site-final__box {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .need-site-hero {
        padding: 92px 0 54px;
    }

    .need-site-hero__container {
        gap: 34px;
    }

    .need-site-hero__eyebrow,
    .need-site-section-label {
        width: fit-content;
        min-height: 34px;
        padding: 0 12px;
        font-size: 11px;
        margin-left: auto;
        margin-right: auto;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .need-site-hero__content {
        text-align: center;
    }

    .need-site-hero h1 {
        margin: 20px 0 18px;
        font-size: 38px;
        line-height: 1.04;
        text-align: center;
        letter-spacing: -0.045em;
    }

    .need-site-hero__content p {
        margin-bottom: 26px;
        font-size: 15px;
        line-height: 1.72;
        text-align: center;
    }

    .need-site-hero__actions {
        gap: 12px;
    }

    .need-site-hero__actions .btn {
        width: 100%;
        text-align: center;
    }

    .need-site-orbit {
        min-height: 360px;
    }

    .need-site-orbit::before {
        inset: 20px;
    }

    .need-site-orbit::after {
        inset: 74px;
    }

    .need-site-orbit__center {
        width: 120px;
        height: 120px;
        border-radius: 30px;
    }

    .need-site-orbit__center span {
        font-size: 13px;
    }

    .need-site-orbit__center strong {
        font-size: 30px;
    }

    .need-site-orbit__item {
        min-height: 40px;
        padding: 0 13px;
        font-size: 12px;
    }

    .need-site-orbit__item--one {
        top: 4px;
    }

    .need-site-orbit__item--two {
        right: 0;
    }

    .need-site-orbit__item--three {
        right: 28px;
        bottom: 28px;
    }

    .need-site-orbit__item--four {
        left: 20px;
        bottom: 50px;
    }

    .need-site-orbit__item--five {
        left: 0;
    }

    .need-site-answer,
    .need-site-split,
    .need-site-path,
    .need-site-matrix,
    .need-site-mistakes,
    .need-site-union,
    .need-site-faq,
    .need-site-final {
        padding: 48px 0;
    }

    .need-site-answer__main,
    .need-site-answer__card,
    .need-site-side,
    .need-site-union__card,
    .need-site-final__box {
        padding: 24px 18px;
        border-radius: 26px;
    }

    .need-site-answer__main h2,
    .need-site-path__head h2,
    .need-site-matrix__intro h2,
    .need-site-mistakes__head h2,
    .need-site-union__content h2,
    .need-site-faq__intro h2,
    .need-site-final__box h2 {
        margin: 16px 0 16px;
        font-size: 29px;
        line-height: 1.12;
        text-align: center;
        letter-spacing: -0.035em;
    }

    .need-site-answer__main p,
    .need-site-path__head p,
    .need-site-matrix__intro p,
    .need-site-union__content p,
    .need-site-final__box p {
        font-size: 15px;
        line-height: 1.72;
        text-align: center;
    }

    .need-site-answer__card {
        min-height: auto;
    }

    .need-site-answer__card strong {
        font-size: 24px;
        text-align: center;
    }

    .need-site-answer__card span,
    .need-site-answer__card p {
        text-align: center;
    }

    .need-site-side__head {
        text-align: center;
    }

    .need-site-side__head h2 {
        font-size: 28px;
        line-height: 1.12;
        text-align: center;
    }

    .need-site-reason {
        grid-template-columns: 1fr;
        padding: 18px;
        text-align: center;
    }

    .need-site-reason strong {
        margin: 0 auto;
    }

    .need-site-reason h3,
    .need-site-reason p {
        text-align: center;
    }

    .need-site-path__head,
    .need-site-mistakes__head {
        margin-bottom: 30px;
        text-align: center;
    }

    .need-site-path__map {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .need-site-format {
        padding: 22px 18px;
        border-radius: 24px;
    }

    .need-site-format span {
        margin-bottom: 16px;
        text-align: center;
        width: 100%;
        display: block;
    }

    .need-site-format h3 {
        font-size: 23px;
        text-align: center;
    }

    .need-site-format p {
        font-size: 15px;
        line-height: 1.7;
        text-align: center;
    }

    .need-site-check {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 20px 18px;
        border-radius: 22px;
    }

    .need-site-check span {
        margin: 0 auto;
    }

    .need-site-check p {
        font-size: 15px;
        line-height: 1.66;
        text-align: center;
    }

    .need-site-mistake {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 22px 18px;
        border-radius: 24px;
        text-align: center;
    }

    .need-site-mistake p {
        grid-column: auto;
    }

    .need-site-mistake h3,
    .need-site-mistake p {
        text-align: center;
    }

    .need-site-union__steps {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .need-site-union__steps div {
        min-height: 120px;
        padding: 20px;
        border-radius: 22px;
        align-items: center;
        text-align: center;
    }

    .need-site-faq-item {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .need-site-faq-item h3 {
        font-size: 20px;
        text-align: center;
    }

    .need-site-faq-item p {
        font-size: 15px;
        line-height: 1.7;
        text-align: center;
    }

    .need-site-final {
        padding-bottom: 80px;
    }

    .need-site-final__box .btn {
        width: 100%;
        text-align: center;
    }
}
/*******************************************************************************************************/
.webmistakes-page {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 10%, rgba(255, 125, 85, 0.09) 0%, transparent 32%),
        radial-gradient(circle at 96% 24%, rgba(58, 176, 255, 0.08) 0%, transparent 36%),
        linear-gradient(180deg, #0e111a 0%, #090c14 48%, #0e111a 100%);
}

.webmistakes-page::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    pointer-events: none;
}

.webmistakes-cover {
    position: relative;
    padding: 150px 0 100px;
}

.webmistakes-cover__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 56px;
    align-items: end;
}

.webmistakes-cover__left {
    max-width: 980px;
}

.webmistakes-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border-radius: 999px;
    background: rgba(255, 125, 85, 0.08);
    border: 1px solid rgba(255, 125, 85, 0.18);
    color: #ffad7a;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(255, 125, 85, 0.08);
}

.webmistakes-cover h1 {
    margin: 28px 0 28px;
    color: #fff;
    font-size: clamp(42px, 7vw, 94px);
    line-height: 0.92;
    font-weight: 800;
    letter-spacing: -0.07em;
    text-align: left;
    text-wrap: balance;
}

.webmistakes-cover p {
    max-width: 820px;
    margin: 0;
    color: var(--muted);
    font-size: 20px;
    line-height: 1.9;
    text-align: left;
}

.webmistakes-score {
    position: relative;
    padding: 28px;
    border-radius: 36px;
    background:
        radial-gradient(circle at 30% 0%, rgba(255, 125, 85, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(20, 22, 38, 0.86) 0%, rgba(30, 23, 31, 0.96) 100%);
    border: 1px solid rgba(255, 125, 85, 0.16);
    box-shadow:
        0 30px 72px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(16px);
}

.webmistakes-score__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 26px;
}

.webmistakes-score__top span {
    color: #ffad7a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.webmistakes-score__top strong {
    color: #fff;
    font-size: 96px;
    line-height: 0.78;
    font-weight: 800;
    letter-spacing: -0.08em;
}

.webmistakes-score p {
    margin: 0 0 26px;
    color: #dce3f1;
    font-size: 17px;
    line-height: 1.6;
}

.webmistakes-score__bars {
    display: grid;
    gap: 10px;
}

.webmistakes-score__bars span {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.webmistakes-score__bars span::before {
    content: "";
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffad7a, var(--accent));
}

.webmistakes-score__bars span:nth-child(1)::before {
    width: 92%;
}

.webmistakes-score__bars span:nth-child(2)::before {
    width: 74%;
}

.webmistakes-score__bars span:nth-child(3)::before {
    width: 64%;
}

.webmistakes-score__bars span:nth-child(4)::before {
    width: 48%;
}

.webmistakes-score__bars span:nth-child(5)::before {
    width: 82%;
}

.webmistakes-audit,
.webmistakes-layers,
.webmistakes-canvas,
.webmistakes-compare,
.webmistakes-union,
.webmistakes-faq,
.webmistakes-final {
    position: relative;
    padding: 92px 0;
}

.webmistakes-audit__grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.74fr) minmax(0, 1.26fr);
    gap: 42px;
    align-items: start;
}

.webmistakes-audit__intro {
    position: sticky;
    top: 120px;
}

.webmistakes-audit__intro h2,
.webmistakes-layers__head h2,
.webmistakes-canvas__title h2,
.webmistakes-compare h2,
.webmistakes-union__text h2,
.webmistakes-faq__head h2,
.webmistakes-final__inner h2 {
    margin: 20px 0 22px;
    color: #fff;
    font-size: 52px;
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -0.045em;
    text-align: left;
    text-wrap: balance;
}

.webmistakes-audit__intro p,
.webmistakes-union__text p,
.webmistakes-final__inner p {
    margin: 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.84;
    text-align: left;
}

.webmistakes-audit__list {
    display: grid;
    gap: 14px;
}

.webmistakes-audit__list div {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    min-height: 94px;
    padding: 18px 24px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.webmistakes-audit__list span {
    color: #ffad7a;
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.webmistakes-audit__list p {
    margin: 0;
    color: #e4e8f0;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    text-align: left;
}

.webmistakes-layers__head {
    margin-bottom: 52px;
}

.webmistakes-layer {
    position: sticky;
    top: 98px;
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr) minmax(280px, 0.55fr);
    gap: 28px;
    align-items: stretch;
    min-height: auto;
    margin-bottom: 34px;
    padding: 30px;
    border-radius: 42px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(16px);
}

.webmistakes-layer--one {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 125, 85, 0.13), transparent 38%),
        linear-gradient(145deg, rgba(31, 24, 30, 0.92), rgba(18, 20, 35, 0.98));
}

.webmistakes-layer--two {
    background:
        radial-gradient(circle at 0% 0%, rgba(58, 176, 255, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(17, 31, 48, 0.92), rgba(18, 20, 35, 0.98));
}

.webmistakes-layer--three {
    background:
        radial-gradient(circle at 0% 0%, rgba(118, 92, 255, 0.13), transparent 38%),
        linear-gradient(145deg, rgba(25, 24, 46, 0.92), rgba(18, 20, 35, 0.98));
}

.webmistakes-layer--four {
    background:
        radial-gradient(circle at 0% 0%, rgba(74, 222, 128, 0.1), transparent 38%),
        linear-gradient(145deg, rgba(15, 34, 34, 0.92), rgba(18, 20, 35, 0.98));
}

.webmistakes-layer--five {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 210, 90, 0.1), transparent 38%),
        linear-gradient(145deg, rgba(36, 31, 21, 0.92), rgba(18, 20, 35, 0.98));
}

.webmistakes-layer--six {
    background:
        radial-gradient(circle at 0% 0%, rgba(58, 176, 255, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(17, 28, 44, 0.94), rgba(18, 20, 35, 0.99));
    margin-bottom: 0;
}

.webmistakes-layer__index {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: rgba(255, 255, 255, 0.14);
    font-size: 92px;
    line-height: 0.9;
    font-weight: 800;
    letter-spacing: -0.08em;
}

.webmistakes-layer__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.webmistakes-layer__body span {
    margin-bottom: 18px;
    color: #ffad7a;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.webmistakes-layer__body h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 44px;
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -0.045em;
    text-align: left;
}

.webmistakes-layer__body p {
    margin: 0;
    max-width: 780px;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.84;
    text-align: left;
}

.webmistakes-layer__result {
    align-self: end;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.075);
}

.webmistakes-layer__result strong {
    margin-bottom: 12px;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
}

.webmistakes-layer__result p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.68;
    text-align: left;
}

.webmistakes-canvas__box {
    padding: 42px;
    border-radius: 46px;
    background:
        radial-gradient(circle at 15% 0%, rgba(58, 176, 255, 0.12), transparent 36%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.82), rgba(25, 28, 43, 0.94));
    border: var(--card-border);
    box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.webmistakes-canvas__title {
    margin-bottom: 38px;
}

.webmistakes-map {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr 0.9fr;
    grid-auto-rows: minmax(190px, auto);
    gap: 18px;
}

.webmistakes-map__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 26px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.075);
}

.webmistakes-map__item--big {
    grid-row: span 2;
}

.webmistakes-map__item--wide {
    grid-column: span 2;
}

.webmistakes-map__item strong {
    color: #fff;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.webmistakes-map__item p {
    margin: 24px 0 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.74;
    text-align: left;
}

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

.webmistakes-compare__bad,
.webmistakes-compare__good {
    position: relative;
    padding: 36px;
    border-radius: 40px;
    overflow: hidden;
    box-shadow:
        0 28px 68px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.webmistakes-compare__bad {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 125, 85, 0.13), transparent 42%),
        linear-gradient(145deg, rgba(38, 24, 28, 0.9), rgba(18, 20, 35, 0.98));
    border: 1px solid rgba(255, 125, 85, 0.14);
}

.webmistakes-compare__good {
    background:
        radial-gradient(circle at 0% 0%, rgba(58, 176, 255, 0.13), transparent 42%),
        linear-gradient(145deg, rgba(17, 31, 48, 0.9), rgba(18, 20, 35, 0.98));
    border: 1px solid rgba(58, 176, 255, 0.14);
}

.webmistakes-compare span {
    display: inline-flex;
    margin-bottom: 18px;
    color: #ffad7a;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.webmistakes-compare__good span {
    color: var(--accent);
}

.webmistakes-compare h2 {
    margin-top: 0;
    font-size: 38px;
}

.webmistakes-compare ul {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    display: grid;
    gap: 14px;
}

.webmistakes-compare li {
    position: relative;
    padding-left: 28px;
    color: #dce3f1;
    font-size: 16px;
    line-height: 1.65;
}

.webmistakes-compare li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ffad7a;
    box-shadow: 0 0 16px rgba(255, 125, 85, 0.28);
}

.webmistakes-compare__good li::before {
    background: var(--accent);
    box-shadow: 0 0 16px rgba(58, 176, 255, 0.28);
}

.webmistakes-union__inner {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.7fr);
    gap: 28px;
    align-items: stretch;
}

.webmistakes-union__text {
    padding: 42px;
    border-radius: 42px;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.14), transparent 38%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.86), rgba(25, 28, 43, 0.96));
    border: 1px solid rgba(58, 176, 255, 0.14);
    box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.webmistakes-union__text .btn {
    margin-top: 28px;
}

.webmistakes-union__stack {
    display: grid;
    gap: 14px;
}

.webmistakes-union__stack div {
    display: flex;
    align-items: center;
    min-height: 72px;
    padding: 0 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    color: #fff;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.webmistakes-faq__head {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.webmistakes-faq__head h2 {
    text-align: center;
}

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

.webmistakes-faq__list article {
    padding: 26px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.72), rgba(25, 28, 43, 0.86));
    border: var(--card-border);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.webmistakes-faq__list h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 21px;
    line-height: 1.22;
    letter-spacing: -0.03em;
    text-align: left;
}

.webmistakes-faq__list p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.7;
    text-align: left;
}

.webmistakes-final {
    padding-bottom: 120px;
}

.webmistakes-final__inner {
    margin: 0 auto;
    padding: 50px;
    border-radius: 46px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 125, 85, 0.15), transparent 44%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.86), rgba(25, 28, 43, 0.96));
    border: 1px solid rgba(255, 125, 85, 0.14);
    box-shadow:
        0 34px 82px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.webmistakes-final__inner span {
    display: inline-flex;
    margin-bottom: 18px;
    color: #ffad7a;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.webmistakes-final__inner h2 {
    margin: 0 auto 20px;
    text-align: center;
}

.webmistakes-final__inner p {
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 1200px) {
    .webmistakes-cover__inner,
    .webmistakes-audit__grid,
    .webmistakes-union__inner {
        grid-template-columns: 1fr;
    }

    .webmistakes-score {
        max-width: 520px;
    }

    .webmistakes-layer {
        position: relative;
        top: auto;
        grid-template-columns: 100px minmax(0, 1fr);
    }

    .webmistakes-layer__result {
        grid-column: 2;
    }

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

    .webmistakes-map__item--big,
    .webmistakes-map__item--wide {
        grid-column: auto;
        grid-row: auto;
    }

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

@media (max-width: 1024px) {
    .webmistakes-cover {
        padding: 112px 0 70px;
    }

    .webmistakes-audit,
    .webmistakes-layers,
    .webmistakes-canvas,
    .webmistakes-compare,
    .webmistakes-union,
    .webmistakes-faq,
    .webmistakes-final {
        padding: 68px 0;
    }

    .webmistakes-audit__intro {
        position: static;
    }

    .webmistakes-audit__intro h2,
    .webmistakes-layers__head h2,
    .webmistakes-canvas__title h2,
    .webmistakes-compare h2,
    .webmistakes-union__text h2,
    .webmistakes-faq__head h2,
    .webmistakes-final__inner h2 {
        font-size: 40px;
        line-height: 1.08;
    }

    .webmistakes-compare__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .webmistakes-cover {
        padding: 92px 0 52px;
    }

    .webmistakes-cover__left,
    .webmistakes-audit__intro,
    .webmistakes-layers__head,
    .webmistakes-canvas__title {
        text-align: center;
    }

    .webmistakes-chip {
        min-height: 34px;
        padding: 0 12px;
        font-size: 11px;
        margin-left: auto;
        margin-right: auto;
    }

    .webmistakes-cover h1 {
        margin: 20px 0 18px;
        font-size: 38px;
        line-height: 1.04;
        letter-spacing: -0.045em;
        text-align: center;
    }

    .webmistakes-cover p,
    .webmistakes-audit__intro p,
    .webmistakes-union__text p,
    .webmistakes-final__inner p {
        font-size: 15px;
        line-height: 1.72;
        text-align: center;
    }

    .webmistakes-score {
        padding: 24px 18px;
        border-radius: 26px;
    }

    .webmistakes-score__top strong {
        font-size: 72px;
    }

    .webmistakes-score p {
        font-size: 15px;
        text-align: left;
    }

    .webmistakes-audit,
    .webmistakes-layers,
    .webmistakes-canvas,
    .webmistakes-compare,
    .webmistakes-union,
    .webmistakes-faq,
    .webmistakes-final {
        padding: 48px 0;
    }

    .webmistakes-audit__intro h2,
    .webmistakes-layers__head h2,
    .webmistakes-canvas__title h2,
    .webmistakes-compare h2,
    .webmistakes-union__text h2,
    .webmistakes-faq__head h2,
    .webmistakes-final__inner h2 {
        margin: 16px 0;
        font-size: 29px;
        line-height: 1.12;
        letter-spacing: -0.035em;
        text-align: center;
    }

    .webmistakes-audit__list div {
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: auto;
        padding: 22px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .webmistakes-audit__list p {
        font-size: 15px;
        line-height: 1.58;
        text-align: center;
    }

    .webmistakes-layer {
        grid-template-columns: 1fr;
        gap: 18px;
        min-height: auto;
        padding: 24px 18px;
        border-radius: 26px;
        margin-bottom: 18px;
    }

    .webmistakes-layer__index {
        justify-content: center;
        font-size: 56px;
    }

    .webmistakes-layer__body {
        text-align: center;
    }

    .webmistakes-layer__body h3 {
        font-size: 27px;
        line-height: 1.12;
        text-align: center;
    }

    .webmistakes-layer__body p {
        font-size: 15px;
        line-height: 1.72;
        text-align: center;
    }

    .webmistakes-layer__result {
        grid-column: auto;
        min-height: auto;
        padding: 20px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .webmistakes-layer__result p {
        text-align: center;
    }

    .webmistakes-canvas__box,
    .webmistakes-compare__bad,
    .webmistakes-compare__good,
    .webmistakes-union__text,
    .webmistakes-final__inner {
        padding: 24px 18px;
        border-radius: 26px;
    }

    .webmistakes-map {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .webmistakes-map__item {
        padding: 22px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .webmistakes-map__item strong {
        font-size: 22px;
    }

    .webmistakes-map__item p {
        font-size: 15px;
        line-height: 1.7;
        text-align: center;
    }

    .webmistakes-compare ul {
        margin-top: 22px;
    }

    .webmistakes-compare li {
        font-size: 15px;
        line-height: 1.62;
    }

    .webmistakes-union__text {
        text-align: center;
    }

    .webmistakes-union__text .btn {
        width: 100%;
        text-align: center;
    }

    .webmistakes-union__stack div {
        justify-content: center;
        min-height: 58px;
        padding: 0 18px;
        border-radius: 18px;
        font-size: 15px;
        text-align: center;
    }

    .webmistakes-faq__list {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .webmistakes-faq__list article {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .webmistakes-faq__list h3 {
        font-size: 20px;
        text-align: center;
    }

    .webmistakes-faq__list p {
        font-size: 15px;
        line-height: 1.7;
        text-align: center;
    }

    .webmistakes-final {
        padding-bottom: 80px;
    }
}
/**********************************************************************************************/
.search2026-page {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 8%, rgba(58, 176, 255, 0.09) 0%, transparent 34%),
        radial-gradient(circle at 90% 20%, rgba(78, 110, 242, 0.08) 0%, transparent 36%),
        linear-gradient(180deg, #0e111a 0%, #080b13 48%, #0e111a 100%);
}

.search2026-page::before {
    content: "";
    position: absolute;
    inset: 0;
    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: 72px 72px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 42%);
    pointer-events: none;
}

.search2026-intro {
    position: relative;
    padding: 150px 0 90px;
}

.search2026-intro__layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 440px;
    gap: 58px;
    align-items: end;
}

.search2026-intro__main {
    max-width: 980px;
}

.search2026-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(58, 176, 255, 0.08);
}

.search2026-intro h1 {
    margin: 28px 0 28px;
    color: #fff;
    font-size: clamp(42px, 7vw, 96px);
    line-height: 0.92;
    font-weight: 800;
    letter-spacing: -0.07em;
    text-align: left;
    text-wrap: balance;
}

.search2026-intro__main p {
    max-width: 820px;
    margin: 0;
    color: var(--muted);
    font-size: 20px;
    line-height: 1.9;
    text-align: left;
}

.search2026-terminal {
    position: relative;
    border-radius: 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 0%, rgba(58, 176, 255, 0.16), transparent 42%),
        linear-gradient(145deg, rgba(13, 18, 30, 0.94) 0%, rgba(22, 25, 40, 0.98) 100%);
    border: 1px solid rgba(58, 176, 255, 0.15);
    box-shadow:
        0 32px 76px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(18px);
}

.search2026-terminal__top {
    display: flex;
    gap: 8px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.search2026-terminal__top span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
}

.search2026-terminal__top span:nth-child(1) {
    background: rgba(255, 110, 110, 0.9);
}

.search2026-terminal__top span:nth-child(2) {
    background: rgba(255, 210, 90, 0.9);
}

.search2026-terminal__top span:nth-child(3) {
    background: rgba(74, 222, 128, 0.9);
}

.search2026-terminal__body {
    display: grid;
    gap: 18px;
    padding: 28px;
}

.search2026-terminal__body div {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.search2026-terminal__body span {
    display: block;
    margin-bottom: 8px;
    color: var(--accent);
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.search2026-terminal__body strong {
    display: block;
    color: #fff;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}

.search2026-intro__line {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 70px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.search2026-intro__line div {
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 22px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.search2026-intro__line div:last-child {
    border-right: 0;
}

.search2026-intro__line span {
    margin-bottom: 8px;
    color: var(--accent);
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.search2026-intro__line strong {
    color: #fff;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.search2026-core,
.search2026-system,
.search2026-path,
.search2026-content,
.search2026-errors,
.search2026-union,
.search2026-faq,
.search2026-final {
    position: relative;
    z-index: 2;
    padding: 92px 0;
}

.search2026-core__box {
    display: grid;
    grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);
    gap: 42px;
    align-items: start;
    padding: 46px;
    border-radius: 46px;
    background:
        radial-gradient(circle at 0% 0%, rgba(58, 176, 255, 0.13), transparent 38%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.84) 0%, rgba(25, 28, 43, 0.96) 100%);
    border: var(--card-border);
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.search2026-core h2,
.search2026-heading h2,
.search2026-path__sticky h2,
.search2026-content__title h2,
.search2026-union__content h2,
.search2026-final__box h2 {
    margin: 20px 0 22px;
    color: #fff;
    font-size: 52px;
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -0.045em;
    text-align: left;
    text-wrap: balance;
}

.search2026-core__right p,
.search2026-path__sticky p,
.search2026-union__content p,
.search2026-final__box p {
    margin: 0 0 20px;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.84;
    text-align: left;
}

.search2026-core__right p:last-child {
    margin-bottom: 0;
}

.search2026-heading {
    margin-bottom: 48px;
}

.search2026-heading--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.search2026-heading--center h2 {
    text-align: center;
}

.search2026-system__grid {
    display: grid;
    grid-template-columns: 1.2fr 0.9fr 0.9fr;
    grid-auto-rows: minmax(240px, auto);
    gap: 18px;
}

.search2026-system-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px;
    border-radius: 34px;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.76) 0%, rgba(25, 28, 43, 0.9) 100%);
    border: var(--card-border);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px);
    transition: transform 0.22s ease, border-color 0.22s ease;
}

.search2026-system-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.1), transparent 35%),
        radial-gradient(circle at bottom right, rgba(78, 110, 242, 0.08), transparent 38%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
}

.search2026-system-card:hover {
    transform: translateY(-6px);
    border-color: rgba(58, 176, 255, 0.2);
}

.search2026-system-card:hover::before {
    opacity: 1;
}

.search2026-system-card--main {
    grid-row: span 2;
    background:
        radial-gradient(circle at 80% 0%, rgba(58, 176, 255, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(17, 31, 48, 0.92) 0%, rgba(18, 20, 35, 0.98) 100%);
    border-color: rgba(58, 176, 255, 0.16);
}

.search2026-system-card span,
.search2026-system-card h3,
.search2026-system-card p {
    position: relative;
    z-index: 1;
}

.search2026-system-card span {
    color: var(--accent);
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.search2026-system-card h3 {
    margin: 44px 0 14px;
    color: #fff;
    font-size: 29px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -0.035em;
    text-align: left;
}

.search2026-system-card p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.78;
    text-align: left;
}

.search2026-path__layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
    gap: 46px;
    align-items: start;
}

.search2026-path__sticky {
    position: sticky;
    top: 120px;
}

.search2026-path__flow {
    display: grid;
    gap: 18px;
}

.search2026-flow-card {
    position: relative;
    padding: 30px 30px 30px 104px;
    border-radius: 34px;
    background:
        linear-gradient(145deg, rgba(18, 20, 35, 0.74) 0%, rgba(25, 28, 43, 0.88) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.search2026-flow-card::before {
    content: "";
    position: absolute;
    left: 32px;
    top: 32px;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: linear-gradient(45deg, var(--accent), var(--accent-secondary));
    box-shadow: 0 0 24px rgba(58, 176, 255, 0.28);
}

.search2026-flow-card::after {
    content: "";
    position: absolute;
    left: 52px;
    top: 86px;
    bottom: -20px;
    width: 2px;
    background: linear-gradient(180deg, rgba(58, 176, 255, 0.5), transparent);
}

.search2026-flow-card:last-child::after {
    display: none;
}

.search2026-flow-card span {
    display: block;
    margin-bottom: 10px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.search2026-flow-card h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: left;
}

.search2026-flow-card p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.76;
    text-align: left;
}

.search2026-content__panel {
    padding: 46px;
    border-radius: 46px;
    background:
        radial-gradient(circle at 12% 0%, rgba(78, 110, 242, 0.13), transparent 36%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.84) 0%, rgba(25, 28, 43, 0.96) 100%);
    border: var(--card-border);
    box-shadow:
        0 32px 80px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.search2026-content__title {
    margin-bottom: 38px;
}

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

.search2026-content-block {
    padding: 30px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
}

.search2026-content-block strong {
    display: block;
    margin-bottom: 24px;
    color: #fff;
    font-size: 25px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.search2026-content-block ul {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.search2026-content-block li {
    position: relative;
    padding-left: 24px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.62;
}

.search2026-content-block li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 14px rgba(58, 176, 255, 0.32);
}

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

.search2026-errors__grid article {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.74) 0%, rgba(25, 28, 43, 0.88) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.search2026-errors__grid span {
    color: rgba(58, 176, 255, 0.72);
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.search2026-errors__grid h3 {
    margin: 42px 0 12px;
    color: #fff;
    font-size: 23px;
    line-height: 1.22;
    letter-spacing: -0.03em;
    text-align: left;
}

.search2026-errors__grid p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.7;
    text-align: left;
}

.search2026-union__layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
    gap: 28px;
    align-items: stretch;
}

.search2026-union__visual {
    min-height: 520px;
    display: flex;
    align-items: stretch;
    padding: 34px;
    border-radius: 42px;
    background: radial-gradient(circle at 50% 10%, rgba(58, 176, 255, 0.18), transparent 42%), linear-gradient(145deg, rgba(17, 31, 48, 0.9) 0%, rgba(18, 20, 35, 0.98) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
    box-shadow: 0 30px 76px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.search2026-union__visual div {
    width: 100%;
    padding: 26px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.075);
}

.search2026-union__visual span {
    display: block;
    margin-bottom: 14px;
    color: var(--accent);
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.search2026-union__visual strong {
    display: block;
    color: #fff;
    font-size: 34px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.search2026-union__content {
    padding: 42px;
    border-radius: 42px;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.82) 0%, rgba(25, 28, 43, 0.95) 100%);
    border: var(--card-border);
    box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.search2026-union__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 30px 0;
}

.search2026-union__steps div {
    min-height: 96px;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    color: #fff;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
}

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

.search2026-faq__list article {
    padding: 30px;
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.74) 0%, rgba(25, 28, 43, 0.88) 100%);
    border: var(--card-border);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.search2026-faq__list h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 23px;
    line-height: 1.22;
    letter-spacing: -0.03em;
    text-align: left;
}

.search2026-faq__list p {
    margin: 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.78;
    text-align: left;
}

.search2026-final {
    padding-bottom: 120px;
}

.search2026-final__box {
    max-width: 980px;
    margin: 0 auto;
    padding: 50px;
    border-radius: 46px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(58, 176, 255, 0.16), transparent 44%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.86) 0%, rgba(25, 28, 43, 0.96) 100%);
    border: 1px solid rgba(58, 176, 255, 0.14);
    box-shadow:
        0 34px 82px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.search2026-final__box span {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.search2026-final__box h2 {
    margin: 0 auto 20px;
    max-width: 850px;
    text-align: center;
}

.search2026-final__box p {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 1200px) {
    .search2026-intro__layout,
    .search2026-core__box,
    .search2026-path__layout,
    .search2026-union__layout {
        grid-template-columns: 1fr;
    }

    .search2026-terminal {
        max-width: 520px;
    }

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

    .search2026-system-card--main {
        grid-row: auto;
    }

    .search2026-content__grid {
        grid-template-columns: 1fr;
    }

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

    .search2026-path__sticky {
        position: static;
    }
}

@media (max-width: 1024px) {
    .search2026-intro {
        padding: 112px 0 68px;
    }

    .search2026-core,
    .search2026-system,
    .search2026-path,
    .search2026-content,
    .search2026-errors,
    .search2026-union,
    .search2026-faq,
    .search2026-final {
        padding: 68px 0;
    }

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

    .search2026-intro__line div {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .search2026-intro__line div:nth-child(2n) {
        border-right: 0;
    }

    .search2026-intro__line div:last-child {
        grid-column: span 2;
        border-bottom: 0;
    }

    .search2026-core h2,
    .search2026-heading h2,
    .search2026-path__sticky h2,
    .search2026-content__title h2,
    .search2026-union__content h2,
    .search2026-final__box h2 {
        font-size: 40px;
        line-height: 1.08;
    }

    .search2026-faq__list {
        grid-template-columns: 1fr;
    }

    .search2026-union__visual {
        min-height: 360px;
    }
}

@media (max-width: 768px) {
    .search2026-intro {
        padding: 92px 0 50px;
    }

    .search2026-intro__main,
    .search2026-heading,
    .search2026-core__left,
    .search2026-path__sticky,
    .search2026-content__title,
    .search2026-union__content {
        text-align: center;
    }

    .search2026-tag {
        min-height: 34px;
        padding: 0 12px;
        font-size: 11px;
        margin-left: auto;
        margin-right: auto;
    }

    .search2026-intro h1 {
        margin: 20px 0 18px;
        font-size: 38px;
        line-height: 1.04;
        letter-spacing: -0.045em;
        text-align: center;
    }

    .search2026-intro__main p,
    .search2026-core__right p,
    .search2026-path__sticky p,
    .search2026-union__content p,
    .search2026-final__box p {
        font-size: 15px;
        line-height: 1.72;
        text-align: center;
    }

    .search2026-terminal,
    .search2026-core__box,
    .search2026-content__panel,
    .search2026-union__content,
    .search2026-final__box {
        padding: 24px 18px;
        border-radius: 26px;
    }

    .search2026-terminal {
        padding: 0;
    }

    .search2026-terminal__body {
        padding: 20px 18px;
    }

    .search2026-intro__line {
        grid-template-columns: 1fr;
        margin-top: 38px;
    }

    .search2026-intro__line div,
    .search2026-intro__line div:last-child {
        grid-column: auto;
        min-height: auto;
        padding: 20px 18px;
        border-right: 0;
        text-align: center;
    }

    .search2026-core,
    .search2026-system,
    .search2026-path,
    .search2026-content,
    .search2026-errors,
    .search2026-union,
    .search2026-faq,
    .search2026-final {
        padding: 48px 0;
    }

    .search2026-core h2,
    .search2026-heading h2,
    .search2026-path__sticky h2,
    .search2026-content__title h2,
    .search2026-union__content h2,
    .search2026-final__box h2 {
        margin: 16px 0;
        font-size: 29px;
        line-height: 1.12;
        letter-spacing: -0.035em;
        text-align: center;
    }

    .search2026-system__grid,
    .search2026-errors__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .search2026-system-card,
    .search2026-content-block,
    .search2026-errors__grid article,
    .search2026-faq__list article {
        min-height: auto;
        padding: 22px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .search2026-system-card h3,
    .search2026-errors__grid h3,
    .search2026-faq__list h3 {
        margin-top: 24px;
        font-size: 21px;
        text-align: center;
    }

    .search2026-system-card p,
    .search2026-errors__grid p,
    .search2026-faq__list p {
        font-size: 15px;
        line-height: 1.7;
        text-align: center;
    }

    .search2026-flow-card {
        padding: 22px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .search2026-flow-card::before,
    .search2026-flow-card::after {
        display: none;
    }

    .search2026-flow-card h3,
    .search2026-flow-card p {
        text-align: center;
    }

    .search2026-content-block strong {
        font-size: 21px;
        text-align: center;
    }

    .search2026-content-block li {
        font-size: 15px;
        line-height: 1.62;
        text-align: left;
    }

    .search2026-union__visual {
        min-height: auto;
        padding: 20px;
        border-radius: 26px;
    }

    .search2026-union__visual div {
        padding: 20px;
        border-radius: 22px;
        text-align: center;
        height: fit-content;
    }

    .search2026-union__visual strong {
        font-size: 26px;
        text-align: center;
    }

    .search2026-union__steps {
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 24px 0;
    }

    .search2026-union__steps div {
        min-height: auto;
        justify-content: center;
        padding: 18px;
        border-radius: 18px;
        text-align: center;
    }

    .search2026-union__content .btn {
        width: 100%;
        text-align: center;
    }

    .search2026-final {
        padding-bottom: 80px;
    }
}
/**************************************************************************************************/
.botops-page {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        radial-gradient(circle at 8% 8%, rgba(58, 176, 255, 0.12) 0%, transparent 30%),
        radial-gradient(circle at 94% 18%, rgba(0, 214, 201, 0.08) 0%, transparent 34%),
        #0e111a;
    background-size: 96px 96px, 96px 96px, auto, auto, auto;
}

.botops-command,
.botops-bridge,
.botops-before,
.botops-scenarios,
.botops-modules,
.botops-miniapp,
.botops-errors,
.botops-union,
.botops-final {
    position: relative;
    z-index: 2;
}

.botops-command {
    padding: 150px 0 90px;
}

.botops-command__layout {
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    gap: 64px;
    align-items: center;
}

.botops-command__console {
    position: relative;
}

.botops-console {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    background: #080d16;
    border: 1px solid rgba(58, 176, 255, 0.18);
    box-shadow:
        0 34px 80px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.botops-console::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(58, 176, 255, 0.08), transparent 36%),
        radial-gradient(circle at 0% 0%, rgba(0, 214, 201, 0.14), transparent 42%);
    pointer-events: none;
}

.botops-console__header,
.botops-console__screen,
.botops-console__footer {
    position: relative;
    z-index: 1;
}

.botops-console__header {
    min-height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.botops-console__header span {
    color: #dce3f1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.botops-console__header strong {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(0, 214, 201, 0.1);
    border: 1px solid rgba(0, 214, 201, 0.18);
    color: #7ff7ef;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.botops-console__screen {
    display: grid;
    gap: 12px;
    padding: 24px;
}

.botops-console__row {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: center;
    min-height: 64px;
    padding: 0 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.botops-console__row span {
    color: var(--accent);
    font-size: 14px;
    font-weight: 900;
}

.botops-console__row p {
    margin: 0;
    color: #e4e8f0;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
    text-align: left;
}

.botops-console__footer {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 24px;
    background: rgba(255, 255, 255, 0.035);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.botops-console__footer span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.botops-console__footer strong {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.botops-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(58, 176, 255, 0.08);
    border: 1px solid rgba(58, 176, 255, 0.16);
    color: var(--accent);
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.botops-command h1 {
    margin: 26px 0 28px;
    color: #fff;
    font-size: clamp(44px, 7vw, 96px);
    line-height: 0.92;
    font-weight: 900;
    letter-spacing: -0.075em;
    text-align: left;
    text-wrap: balance;
}

.botops-command__content p {
    max-width: 820px;
    margin: 0 0 34px;
    color: var(--muted);
    font-size: 20px;
    line-height: 1.9;
    text-align: left;
}

.botops-command__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.botops-bridge {
    padding: 90px 0;
}

.botops-bridge__head {
    margin-bottom: 48px;
}

.botops-bridge__head h2,
.botops-scenarios__top h2,
.botops-modules__sticky h2,
.botops-miniapp__content h2,
.botops-errors__head h2,
.botops-union__main h2,
.botops-final__inner h2 {
    margin: 20px 0 0;
    color: #fff;
    font-size: 52px;
    line-height: 1.04;
    font-weight: 900;
    letter-spacing: -0.05em;
    text-align: left;
    text-wrap: balance;
}

.botops-bridge__scheme {
    display: grid;
    grid-template-columns: 1fr 72px 1fr 72px 1fr 72px 1fr;
    align-items: center;
}

.botops-node {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.24);
}

.botops-node--bot {
    background:
        radial-gradient(circle at 50% 0%, rgba(58, 176, 255, 0.18), transparent 48%),
        rgba(255, 255, 255, 0.045);
    border-color: rgba(58, 176, 255, 0.18);
}

.botops-node span {
    color: #fff;
    font-size: 26px;
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.botops-node p {
    margin: 28px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.68;
    text-align: left;
}

.botops-link {
    height: 2px;
    background: linear-gradient(90deg, rgba(58, 176, 255, 0.8), rgba(0, 214, 201, 0.1));
}

.botops-link span {
    display: block;
    width: 14px;
    height: 14px;
    margin: -6px auto 0;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 20px rgba(58, 176, 255, 0.45);
}

.botops-before {
    padding: 90px 0;
}

.botops-before__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-radius: 42px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 34px 80px rgba(0, 0, 0, 0.32);
}

.botops-before__column {
    padding: 42px;
}

.botops-before__column--manual {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 92, 122, 0.13), transparent 42%),
        linear-gradient(145deg, rgba(34, 20, 30, 0.94), rgba(18, 20, 35, 0.98));
}

.botops-before__column--auto {
    background:
        radial-gradient(circle at 100% 0%, rgba(58, 176, 255, 0.15), transparent 42%),
        linear-gradient(145deg, rgba(17, 31, 48, 0.94), rgba(18, 20, 35, 0.98));
    border-left: 1px solid rgba(255, 255, 255, 0.075);
}

.botops-before__column > span {
    color: var(--accent);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.botops-before__column--manual > span {
    color: #ff8aa1;
}

.botops-before__column h2 {
    margin: 20px 0 34px;
    color: #fff;
    font-size: 38px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -0.045em;
    text-align: left;
}

.botops-before__items {
    display: grid;
    gap: 12px;
}

.botops-before__items div {
    padding: 18px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.075);
    color: #e4e8f0;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 700;
}

.botops-scenarios {
    padding: 90px 0;
}

.botops-scenarios__top {
    margin-bottom: 42px;
}

.botops-table {
    display: grid;
    border-radius: 34px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.026);
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
}

.botops-table__row {
    display: grid;
    grid-template-columns: 0.7fr 1.4fr 1fr;
    min-height: 84px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.botops-table__row:last-child {
    border-bottom: 0;
}

.botops-table__row span {
    display: flex;
    align-items: center;
    padding: 22px 24px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.55;
    border-right: 1px solid rgba(255, 255, 255, 0.075);
}

.botops-table__row span:last-child {
    border-right: 0;
}

.botops-table__row span:first-child {
    color: #fff;
    font-weight: 900;
}

.botops-table__row--head {
    min-height: 62px;
    background: rgba(58, 176, 255, 0.08);
}

.botops-table__row--head span {
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.botops-modules {
    padding: 90px 0;
}

.botops-modules__layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.7fr) minmax(0, 1.3fr);
    gap: 46px;
    align-items: start;
}

.botops-modules__sticky {
    position: sticky;
    top: 120px;
}

.botops-modules__sticky p {
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.82;
    text-align: left;
}

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

.botops-modules__grid article {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 26px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(18, 20, 35, 0.75), rgba(25, 28, 43, 0.9));
    border: var(--card-border);
    box-shadow:
        0 20px 46px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.botops-modules__grid article span {
    color: rgba(58, 176, 255, 0.72);
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.05em;
}

.botops-modules__grid article h3 {
    margin: 38px 0 12px;
    color: #fff;
    font-size: 25px;
    line-height: 1.16;
    font-weight: 900;
    letter-spacing: -0.035em;
    text-align: left;
}

.botops-modules__grid article p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.7;
    text-align: left;
}

.botops-miniapp {
    padding: 90px 0;
}

.botops-miniapp__card {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 32px;
    align-items: center;
    padding: 44px;
    border-radius: 46px;
    background:
        radial-gradient(circle at 0% 0%, rgba(0, 214, 201, 0.14), transparent 40%),
        linear-gradient(145deg, rgba(13, 35, 39, 0.9), rgba(18, 20, 35, 0.98));
    border: 1px solid rgba(0, 214, 201, 0.14);
    box-shadow:
        0 34px 82px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.botops-miniapp__content p {
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.82;
    text-align: left;
}

.botops-miniapp__features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-content: center;
}

.botops-miniapp__features div {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.085);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}

.botops-errors {
    padding: 90px 0;
}

.botops-errors__head {
    margin-bottom: 36px;
}

.botops-errors__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    border-radius: 34px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.075);
}

.botops-errors__list div {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    background: rgba(255, 255, 255, 0.035);
    border-right: 1px solid rgba(255, 255, 255, 0.075);
}

.botops-errors__list div:last-child {
    border-right: 0;
}

.botops-errors__list strong {
    color: var(--accent);
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.05em;
}

.botops-errors__list span {
    color: #fff;
    font-size: 20px;
    line-height: 1.36;
    font-weight: 800;
}

.botops-union {
    padding: 90px 0;
}

.botops-union__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.75fr);
    gap: 28px;
    align-items: stretch;
}

.botops-union__main {
    padding: 44px;
    border-radius: 42px;
    background:
        radial-gradient(circle at top left, rgba(58, 176, 255, 0.15), transparent 38%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.86), rgba(25, 28, 43, 0.96));
    border: 1px solid rgba(58, 176, 255, 0.14);
    box-shadow:
        0 30px 76px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.botops-union__main p {
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.82;
    text-align: left;
}

.botops-union__main .btn {
    margin-top: 30px;
}

.botops-union__process {
    display: grid;
    gap: 14px;
}

.botops-union__process div {
    min-height: 118px;
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 18px;
    align-items: center;
    padding: 24px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.botops-union__process span {
    color: var(--accent);
    font-size: 24px;
    font-weight: 900;
}

.botops-union__process strong {
    color: #fff;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 900;
}

.botops-final {
    padding: 90px 0 120px;
}

.botops-final__inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 52px;
    border-radius: 46px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(58, 176, 255, 0.16), transparent 44%),
        linear-gradient(145deg, rgba(18, 20, 35, 0.86), rgba(25, 28, 43, 0.96));
    border: 1px solid rgba(58, 176, 255, 0.14);
    box-shadow:
        0 34px 82px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.botops-final__inner span {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.botops-final__inner h2 {
    margin: 0 auto 22px;
    max-width: 860px;
    text-align: center;
}

.botops-final__inner p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.82;
    text-align: center;
}

@media (max-width: 1200px) {
    .botops-command__layout,
    .botops-modules__layout,
    .botops-miniapp__card,
    .botops-union__layout {
        grid-template-columns: 1fr;
    }

    .botops-page::before {
        width: 100%;
        height: 360px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    }

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

    .botops-link {
        width: 2px;
        height: 42px;
        margin: 0 auto;
        background: linear-gradient(180deg, rgba(58, 176, 255, 0.8), rgba(0, 214, 201, 0.1));
    }

    .botops-link span {
        margin: 14px 0 0 -6px;
    }

    .botops-node {
        min-height: auto;
    }

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

    .botops-errors__list div:nth-child(2) {
        border-right: 0;
    }

    .botops-errors__list div:nth-child(1),
    .botops-errors__list div:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    }
}

@media (max-width: 1024px) {
    .botops-command {
        padding: 112px 0 70px;
    }

    .botops-bridge,
    .botops-before,
    .botops-scenarios,
    .botops-modules,
    .botops-miniapp,
    .botops-errors,
    .botops-union {
        padding: 68px 0;
    }

    .botops-final {
        padding: 68px 0 100px;
    }

    .botops-bridge__head h2,
    .botops-scenarios__top h2,
    .botops-modules__sticky h2,
    .botops-miniapp__content h2,
    .botops-errors__head h2,
    .botops-union__main h2,
    .botops-final__inner h2 {
        font-size: 40px;
        line-height: 1.08;
    }

    .botops-before__layout {
        grid-template-columns: 1fr;
    }

    .botops-before__column--auto {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.075);
    }

    .botops-table__row {
        grid-template-columns: 1fr;
    }

    .botops-table__row span {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    }

    .botops-table__row span:last-child {
        border-bottom: 0;
    }

    .botops-modules__sticky {
        position: static;
    }
}

@media (max-width: 768px) {
    .botops-command {
        padding: 92px 0 50px;
    }
    .botops-before__layout .botops-before__column  span {
        text-align: center;
        display: block;
    }
    .botops-command__layout {
        gap: 32px;
    }

    .botops-console,
    .botops-before__layout,
    .botops-miniapp__card,
    .botops-union__main,
    .botops-final__inner {
        border-radius: 26px;
    }

    .botops-command__content,
    .botops-bridge__head,
    .botops-scenarios__top,
    .botops-modules__sticky,
    .botops-miniapp__content,
    .botops-errors__head,
    .botops-union__main {
        text-align: center;
    }

    .botops-label {
        min-height: 34px;
        padding: 0 12px;
        font-size: 11px;
        margin-left: auto;
        margin-right: auto;
    }

    .botops-command h1 {
        margin: 20px 0 18px;
        font-size: 38px;
        line-height: 1.04;
        letter-spacing: -0.045em;
        text-align: center;
    }

    .botops-command__content p,
    .botops-modules__sticky p,
    .botops-miniapp__content p,
    .botops-union__main p,
    .botops-final__inner p {
        font-size: 15px;
        line-height: 1.72;
        text-align: center;
    }

    .botops-command__actions {
        gap: 12px;
    }

    .botops-command__actions .btn {
        width: 100%;
        text-align: center;
    }

    .botops-bridge,
    .botops-before,
    .botops-scenarios,
    .botops-modules,
    .botops-miniapp,
    .botops-errors,
    .botops-union {
        padding: 48px 0;
    }

    .botops-final {
        padding: 48px 0 80px;
    }

    .botops-bridge__head h2,
    .botops-scenarios__top h2,
    .botops-modules__sticky h2,
    .botops-miniapp__content h2,
    .botops-errors__head h2,
    .botops-union__main h2,
    .botops-final__inner h2 {
        margin: 16px 0;
        font-size: 29px;
        line-height: 1.12;
        letter-spacing: -0.035em;
        text-align: center;
    }

    .botops-node {
        min-height: auto;
        padding: 22px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .botops-node p {
        font-size: 15px;
        text-align: center;
    }

    .botops-before__column,
    .botops-miniapp__card,
    .botops-union__main,
    .botops-final__inner {
        padding: 24px 18px;
    }

    .botops-before__column h2 {
        font-size: 27px;
        text-align: center;
    }

    .botops-before__items div {
        text-align: center;
    }

    .botops-modules__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .botops-modules__grid article {
        min-height: auto;
        padding: 22px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .botops-modules__grid article h3,
    .botops-modules__grid article p {
        text-align: center;
    }

    .botops-miniapp__features {
        justify-content: center;
    }

    .botops-miniapp__features div {
        min-height: 46px;
        font-size: 14px;
    }

    .botops-errors__list {
        grid-template-columns: 1fr;
    }

    .botops-errors__list div,
    .botops-errors__list div:nth-child(1),
    .botops-errors__list div:nth-child(2) {
        min-height: auto;
        gap: 24px;
        padding: 22px 18px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.075);
        text-align: center;
    }

    .botops-errors__list div:last-child {
        border-bottom: 0;
    }

    .botops-union__process div {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 22px 18px;
        border-radius: 22px;
        text-align: center;
    }

    .botops-union__main .btn {
        width: 100%;
        text-align: center;
    }
}