.layout-lift {
    --lift-bg: #070d26;
    --lift-bg-2: #0d1538;
    --lift-panel: rgba(18, 27, 70, 0.82);
    --lift-panel-2: rgba(23, 33, 84, 0.88);
    --lift-text: #f7f8ff;
    --lift-muted: #aab2d8;
    --lift-purple: #0ea5ff;
    --lift-violet: #0369a1;
    --lift-cyan: #34d5ff;
    --lift-orange: #38bdf8;
    --lift-border: rgba(255, 255, 255, 0.12);
    --lift-radius: 24px;
    --lift-shadow: 0 30px 100px rgba(3, 72, 120, 0.42);
    color: var(--lift-text);
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 4%, rgba(3, 105, 161, 0.35), transparent 28%),
        radial-gradient(circle at 16% 36%, rgba(14, 165, 255, 0.22), transparent 23%),
        linear-gradient(180deg, var(--lift-bg), #080b20 52%, #0b102b);
}

body:has(.layout-lift) {
    background:
        radial-gradient(circle at 75% 8%, rgba(3, 105, 161, 0.36), transparent 28%),
        radial-gradient(circle at 18% 40%, rgba(14, 165, 255, 0.25), transparent 22%),
        linear-gradient(180deg, #070d26, #080b20 52%, #0b102b);
}

body:has(.layout-lift) .header-section {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 18px 0;
    background: rgba(7, 13, 38, 0.72);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(18px);
}

body:has(.layout-lift) .header-section .container {
    width: min(1180px, calc(100% - 40px));
    max-width: none;
}

body:has(.layout-lift) .header-wrapper {
    min-height: auto;
    align-items: center;
    gap: 24px;
}

body:has(.layout-lift) .logo img {
    width: 150px;
    height: auto;
}

body:has(.layout-lift) .menu {
    gap: 30px;
}

body:has(.layout-lift) .menu li a {
    color: #d8ddff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

body:has(.layout-lift) .menu li a:hover,
body:has(.layout-lift) .menu li a.active {
    color: #fff;
}

body:has(.layout-lift) .header-right {
    gap: 18px;
}

body:has(.layout-lift) .select-bar {
    height: auto;
    min-width: 70px;
    border: 0;
    color: #d8ddff;
    background: transparent;
}

body:has(.layout-lift) .header-button {
    min-height: 44px;
    padding: 12px 22px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #0ea5ff, #0369a1);
    box-shadow: 0 16px 40px rgba(14, 165, 255, 0.28);
}

body:has(.page-header) .header-section,
body:has(.banner-14) .header-section,
body:has(.banner-4) .header-section,
body:has(.contact-lift-hero) .header-section,
body:has(.contact-section) .header-section,
body:has(.partner-lift-page) .header-section,
body:has(.lift-legacy-page) .header-section {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 18px 0;
    background: rgba(7, 13, 38, 0.72);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(18px);
}

body:has(.page-header) .header-section .container,
body:has(.banner-14) .header-section .container,
body:has(.banner-4) .header-section .container,
body:has(.contact-lift-hero) .header-section .container,
body:has(.contact-section) .header-section .container,
body:has(.partner-lift-page) .header-section .container,
body:has(.lift-legacy-page) .header-section .container {
    width: min(1180px, calc(100% - 40px));
    max-width: none;
}

body:has(.page-header) .header-wrapper,
body:has(.banner-14) .header-wrapper,
body:has(.banner-4) .header-wrapper,
body:has(.contact-lift-hero) .header-wrapper,
body:has(.contact-section) .header-wrapper,
body:has(.partner-lift-page) .header-wrapper,
body:has(.lift-legacy-page) .header-wrapper {
    min-height: auto;
    align-items: center;
    gap: 24px;
}

body:has(.page-header) .logo img,
body:has(.banner-14) .logo img,
body:has(.banner-4) .logo img,
body:has(.contact-lift-hero) .logo img,
body:has(.contact-section) .logo img,
body:has(.partner-lift-page) .logo img,
body:has(.lift-legacy-page) .logo img {
    width: 150px;
    height: auto;
}

body:has(.page-header) .menu,
body:has(.banner-14) .menu,
body:has(.banner-4) .menu,
body:has(.contact-lift-hero) .menu,
body:has(.contact-section) .menu,
body:has(.partner-lift-page) .menu,
body:has(.lift-legacy-page) .menu {
    gap: 30px;
}

body:has(.page-header) .menu li a,
body:has(.banner-14) .menu li a,
body:has(.banner-4) .menu li a,
body:has(.contact-lift-hero) .menu li a,
body:has(.contact-section) .menu li a,
body:has(.partner-lift-page) .menu li a,
body:has(.lift-legacy-page) .menu li a {
    color: #d8ddff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

body:has(.page-header) .menu li a:hover,
body:has(.page-header) .menu li a.active,
body:has(.banner-14) .menu li a:hover,
body:has(.banner-14) .menu li a.active,
body:has(.banner-4) .menu li a:hover,
body:has(.banner-4) .menu li a.active,
body:has(.contact-lift-hero) .menu li a:hover,
body:has(.contact-lift-hero) .menu li a.active,
body:has(.contact-section) .menu li a:hover,
body:has(.contact-section) .menu li a.active,
body:has(.partner-lift-page) .menu li a:hover,
body:has(.partner-lift-page) .menu li a.active,
body:has(.lift-legacy-page) .menu li a:hover,
body:has(.lift-legacy-page) .menu li a.active {
    color: #fff;
}

body:has(.page-header) .header-right,
body:has(.banner-14) .header-right,
body:has(.banner-4) .header-right,
body:has(.contact-lift-hero) .header-right,
body:has(.contact-section) .header-right,
body:has(.partner-lift-page) .header-right,
body:has(.lift-legacy-page) .header-right {
    gap: 18px;
}

body:has(.page-header) .select-bar,
body:has(.banner-14) .select-bar,
body:has(.banner-4) .select-bar,
body:has(.contact-lift-hero) .select-bar,
body:has(.contact-section) .select-bar,
body:has(.partner-lift-page) .select-bar,
body:has(.lift-legacy-page) .select-bar {
    height: auto;
    min-width: 70px;
    border: 0;
    color: #d8ddff;
    background: transparent;
}

body:has(.page-header) .header-button,
body:has(.banner-14) .header-button,
body:has(.banner-4) .header-button,
body:has(.contact-lift-hero) .header-button,
body:has(.contact-section) .header-button,
body:has(.partner-lift-page) .header-button,
body:has(.lift-legacy-page) .header-button {
    min-height: 44px;
    padding: 12px 22px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #0ea5ff, #0369a1);
    box-shadow: 0 16px 40px rgba(14, 165, 255, 0.28);
}

@media (min-width: 992px) {
    .header-section .header-wrapper .menu > li.offer-menu-item {
        position: relative;
    }

    .header-section .header-wrapper .menu > li.offer-menu-item > a {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        padding: 10px 14px;
        border: 1px solid transparent;
        border-radius: 999px;
        transition: color .22s ease, background .22s ease, border-color .22s ease;
    }

    .header-section .header-wrapper .menu > li.offer-menu-item:hover > a {
        color: #fff;
        border-color: rgba(23, 184, 255, .22);
        background: rgba(23, 184, 255, .08);
    }

    .header-section .header-wrapper .menu > li.offer-menu-item > a::after {
        position: static;
        display: inline-block;
        margin: 0;
        color: #17b8ff;
        font-size: 11px;
        transform: translateY(1px);
        transition: transform .22s ease;
    }

    .header-section .header-wrapper .menu > li.offer-menu-item:hover > a::after {
        transform: translateY(1px) rotate(180deg);
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu {
        left: 50%;
        top: calc(100% + 16px);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: min(720px, calc(100vw - 40px));
        min-width: 0;
        padding: 18px;
        border: 1px solid rgba(23, 184, 255, .18);
        border-radius: 26px;
        background:
            radial-gradient(circle at 18% 0%, rgba(23, 184, 255, .22), transparent 34%),
            radial-gradient(circle at 86% 80%, rgba(59, 130, 246, .18), transparent 36%),
            linear-gradient(180deg, rgba(8, 19, 43, .98), rgba(5, 10, 27, .98));
        box-shadow:
            0 32px 90px rgba(0, 0, 0, .44),
            0 0 0 1px rgba(255, 255, 255, .04) inset;
        backdrop-filter: blur(22px);
        opacity: 0;
        visibility: hidden;
        transform: translateX(-50%) translateY(14px) scale(.96);
        transform-origin: top center;
        transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -7px;
        width: 14px;
        height: 14px;
        border-left: 1px solid rgba(23, 184, 255, .18);
        border-top: 1px solid rgba(23, 184, 255, .18);
        background: rgba(8, 19, 43, .98);
        transform: translateX(-50%) rotate(45deg);
    }

    .header-section .header-wrapper .menu li:hover > .submenu.offer-mega-menu {
        opacity: 1;
        visibility: visible;
        display: grid !important;
        transform: translateX(-50%) translateY(0) scale(1);
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li {
        padding: 0;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a {
        position: relative;
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        align-items: center;
        gap: 13px;
        width: 100%;
        min-height: 92px;
        padding: 15px;
        overflow: hidden;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 18px;
        background: rgba(255, 255, 255, .035);
        transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, rgba(23, 184, 255, .16), transparent 58%);
        opacity: 0;
        transition: opacity .22s ease;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a:hover {
        padding-left: 15px;
        color: #fff;
        border-color: rgba(23, 184, 255, .34);
        background: rgba(23, 184, 255, .09);
        box-shadow: 0 18px 44px rgba(6, 95, 154, .22);
        transform: translateY(-3px);
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a:hover::before {
        opacity: 1;
    }
}

.offer-menu-icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #fff;
    border: 1px solid rgba(23, 184, 255, .24);
    border-radius: 14px;
    background: linear-gradient(135deg, #0ea5ff, #075985);
    box-shadow: 0 14px 34px rgba(14, 165, 255, .22);
}

.offer-menu-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 7px;
    min-width: 0;
}

.offer-menu-copy strong {
    color: #fff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: 0;
}

.offer-menu-copy small {
    color: #aebbd4;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
    text-transform: none;
}

@media (max-width: 991px) {
    .header-section .header-wrapper .menu li .submenu.offer-mega-menu {
        padding: 8px 12px 14px;
        background: rgba(5, 14, 34, .56);
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li + li {
        margin-top: 8px;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        padding: 13px;
        border: 1px solid rgba(23, 184, 255, .15);
        border-radius: 16px;
        background: rgba(255, 255, 255, .04);
    }

    .offer-menu-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .offer-menu-copy strong {
        font-size: 14px;
    }

    .offer-menu-copy small {
        font-size: 11px;
    }
}

.layout-lift * {
    box-sizing: border-box;
}

.layout-lift a {
    color: inherit;
    text-decoration: none;
}

.layout-lift img {
    max-width: 100%;
    height: auto;
}

.lift-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.lift-legacy-page {
    position: relative;
    overflow: hidden;
    color: #eef4ff;
    background:
        radial-gradient(circle at 16% 10%, rgba(23, 184, 255, 0.14), transparent 24%),
        radial-gradient(circle at 86% 16%, rgba(14, 165, 255, 0.12), transparent 22%),
        linear-gradient(180deg, #061124 0%, #07162d 46%, #050d1d 100%);
}

.lift-legacy-page::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 720px;
    background:
        radial-gradient(circle at 20% 26%, rgba(14, 165, 255, 0.12), transparent 24%),
        radial-gradient(circle at 78% 18%, rgba(14, 165, 255, 0.08), transparent 20%);
    pointer-events: none;
}

.lift-legacy-page > .page-header,
.lift-legacy-page > .banner-14,
.lift-legacy-page > .banner-4 {
    display: none !important;
}

.lift-subhero {
    position: relative;
    overflow: hidden;
    padding: 136px 0 86px;
    text-align: center;
    background:
        radial-gradient(circle at 82% 18%, rgba(14, 165, 255, 0.16), transparent 34%),
        radial-gradient(circle at 18% 62%, rgba(23, 184, 255, 0.14), transparent 35%),
        linear-gradient(180deg, rgba(6, 17, 36, 0.86), rgba(7, 23, 45, 0.2));
}

.lift-subhero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 34%, rgba(23, 184, 255, 0.94) 0 3px, transparent 4px),
        radial-gradient(circle at 73% 24%, rgba(23, 184, 255, 0.82) 0 6px, transparent 7px),
        radial-gradient(circle at 82% 72%, rgba(23, 184, 255, 0.72) 0 4px, transparent 5px),
        radial-gradient(circle at 38% 78%, rgba(23, 184, 255, 0.58) 0 3px, transparent 4px),
        url("../images/contact/layout/contact-orbits.svg") center top / cover no-repeat;
    opacity: 0.72;
    filter: drop-shadow(0 0 18px rgba(23, 184, 255, 0.18));
    pointer-events: none;
    animation: contactOrbitDrift 18s ease-in-out infinite alternate;
}

.lift-subhero .lift-container {
    position: relative;
    z-index: 1;
}

.lift-subhero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.06;
}

.lift-subhero p:not(.lift-eyebrow) {
    max-width: 760px;
    margin: 18px auto 0;
    color: #c6d8f2;
    font-size: 18px;
    line-height: 1.75;
}

.lift-legacy-page > section:not(.lift-subhero),
.lift-legacy-page > div {
    position: relative;
    background: transparent !important;
}

.lift-legacy-page .container {
    width: min(1180px, calc(100% - 40px));
    max-width: none;
}

.lift-legacy-page .section-header {
    margin-bottom: 42px;
}

.lift-legacy-page .section-header .cate,
.lift-legacy-page .left-style .cate,
.lift-legacy-page .client-header .cate,
.lift-legacy-page .page-header-content .breadcrumb,
.lift-legacy-page .slider-heading,
.lift-legacy-page .feature-tab-menu a {
    color: #55c7ff;
}

.lift-legacy-page .section-header .title,
.lift-legacy-page .section-header.left-style .title,
.lift-legacy-page .faq--wrapper .main-title,
.lift-legacy-page .feature-tab-header .title,
.lift-legacy-page .banner-content-3 .title,
.lift-legacy-page .banner-content-14 .title {
    color: #fff;
}

.lift-legacy-page .section-header p,
.lift-legacy-page .feature-tab-header p,
.lift-legacy-page .tool-section p,
.lift-legacy-page .faster-content p,
.lift-legacy-page .how-content p,
.lift-legacy-page .feature-content p,
.lift-legacy-page .exclusive-content p,
.lift-legacy-page .colaboration-content p,
.lift-legacy-page .testimonial-content p,
.lift-legacy-page .contact-content p,
.lift-legacy-page .privacy-section p,
.lift-legacy-page .privacy-section li,
.lift-legacy-page .faq-content p,
.lift-legacy-page .faq-content li {
    color: #b7c3da;
}

.lift-legacy-page .partner-item,
.lift-legacy-page .feature-item,
.lift-legacy-page .feature-item-2,
.lift-legacy-page .how-item-3,
.lift-legacy-page .exclusive-item,
.lift-legacy-page .colaboration-item,
.lift-legacy-page .faq-menu,
.lift-legacy-page .faq-video,
.lift-legacy-page .faq--item,
.lift-legacy-page .contact-wrapper,
.lift-legacy-page .contact-content,
.lift-legacy-page .contact-item,
.lift-legacy-page .testimonial-item,
.lift-legacy-page .team-item,
.lift-legacy-page .counter-item-5,
.lift-legacy-page .chart-counter-item,
.lift-legacy-page .coverage-right-area,
.lift-legacy-page .privacy-section .col-lg-12,
.lift-legacy-page iframe {
    border: 1px solid rgba(105, 160, 220, 0.18);
    border-radius: 28px;
    background:
        radial-gradient(circle at 84% 92%, rgba(14, 165, 255, 0.12), transparent 36%),
        linear-gradient(180deg, rgba(17, 29, 57, 0.86), rgba(8, 18, 39, 0.78));
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
}

.lift-legacy-page .partner-item,
.lift-legacy-page .feature-item,
.lift-legacy-page .feature-item-2,
.lift-legacy-page .how-item-3,
.lift-legacy-page .exclusive-item,
.lift-legacy-page .colaboration-item,
.lift-legacy-page .faq--item,
.lift-legacy-page .testimonial-item,
.lift-legacy-page .team-item,
.lift-legacy-page .counter-item-5,
.lift-legacy-page .chart-counter-item,
.lift-legacy-page .coverage-right-area {
    padding: 28px;
}

.lift-legacy-page .partner-item p,
.lift-legacy-page .partner-item .title,
.lift-legacy-page .feature-item .title,
.lift-legacy-page .feature-item-2 .title,
.lift-legacy-page .how-item-3 .title,
.lift-legacy-page .exclusive-item .title,
.lift-legacy-page .colaboration-item .title,
.lift-legacy-page .faq-title .title,
.lift-legacy-page .testimonial-content .title a,
.lift-legacy-page .counter-content p,
.lift-legacy-page .chart-counter-item p,
.lift-legacy-page .coverage-right-area a,
.lift-legacy-page .contact-contact .subtitle {
    color: #fff;
}

.lift-legacy-page .partner-item img,
.lift-legacy-page .testimonial-thumb .thumb,
.lift-legacy-page .faq-video img {
    border-radius: 18px;
}

.lift-legacy-page .feature-tab-menu {
    gap: 12px;
    border: 0;
}

.lift-legacy-page .feature-tab-menu li a {
    min-height: 48px;
    padding: 12px 20px;
    border: 1px solid rgba(23, 184, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.lift-legacy-page .feature-tab-menu li a.active,
.lift-legacy-page .feature-tab-menu li a:hover,
.lift-legacy-page .button-3,
.lift-legacy-page .btn,
.lift-legacy-page input[type="submit"] {
    color: #fff;
    background: linear-gradient(135deg, #0ea5ff, #0369a1);
    box-shadow: 0 16px 40px rgba(14, 165, 255, 0.26);
}

.lift-legacy-page .button-3,
.lift-legacy-page input[type="submit"] {
    border: 0;
    border-radius: 999px;
}

.lift-legacy-page .faq-menu,
.lift-legacy-page .faq-video,
.lift-legacy-page .contact-wrapper,
.lift-legacy-page .contact-content,
.lift-legacy-page .privacy-section .col-lg-12,
.lift-legacy-page .lift-legal-card {
    padding: 28px;
}

.lift-legacy-page .faq-menu a,
.lift-legacy-page .faq-title .icon::before,
.lift-legacy-page .faq-title .icon::after,
.lift-legacy-page .contact-contact a,
.lift-legacy-page .privacy-section a,
.lift-legacy-page .rodo a,
.lift-legacy-page .privacy-section article a {
    color: #55c7ff;
}

.lift-legacy-page .contact-form .form-group input,
.lift-legacy-page .contact-form .form-group textarea {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    color: #fff;
    background: rgba(255, 255, 255, 0.045);
}

.lift-legacy-page .contact-form .form-group input::placeholder,
.lift-legacy-page .contact-form .form-group textarea::placeholder {
    color: rgba(217, 222, 252, 0.72);
}

.lift-legacy-page .privacy-section h2,
.lift-legacy-page .privacy-section h3,
.lift-legacy-page .privacy-section h4,
.lift-legacy-page .rodo h2,
.lift-legacy-page .rodo h3,
.lift-legacy-page .rodo h4,
.lift-legacy-page .privacy-section article h2,
.lift-legacy-page .privacy-section article h3,
.lift-legacy-page .privacy-section article h4 {
    color: #fff;
}

.lift-legacy-page .privacy-section article,
.lift-legacy-page .rodo {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.lift-legacy-page iframe {
    width: 100%;
    min-height: 3300px;
    background: #091427;
}

.lift-legacy-page .testimonial-wrapper,
.lift-legacy-page .sponsor-slider-wrapper {
    padding: 26px;
    border: 1px solid rgba(105, 160, 220, 0.16);
    border-radius: 28px;
    background: rgba(9, 20, 39, 0.4);
}

.lift-legacy-page .testi-next,
.lift-legacy-page .testi-prev,
.lift-legacy-page .feat-nav a,
.lift-legacy-page .ban-nav a {
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
}

.contact-lift-page .lift-footer-contact {
    display: none;
}

.contact-lift-page + .lift-site-footer,
body:has(.contact-lift-page) .lift-site-footer {
    margin-top: 0;
}

.lift-section {
    padding: 88px 0;
}

.lift-hero {
    min-height: 720px;
    padding: 92px 0 84px;
    position: relative;
}

.lift-hero .lift-container {
    width: min(1360px, calc(100% - 56px));
}

.lift-hero::before,
.lift-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
    filter: blur(18px);
}

.lift-hero::before {
    right: 5%;
    top: 14%;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(2, 132, 199, 0.35), transparent 70%);
}

.lift-hero::after {
    right: 25%;
    bottom: 12%;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(52, 213, 255, 0.1);
}

.lift-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(660px, 1.1fr);
    gap: 34px;
    align-items: center;
}

.lift-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    color: #38bdf8;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 900;
    font-size: 12px;
}

.lift-hero h1,
.layout-lift h2 {
    margin: 0;
    color: #fff;
    line-height: 1.04;
    letter-spacing: 0;
}

.lift-hero h1 {
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.05;
    font-weight: 800;
    max-width: 780px;
}

.lift-hero h1 span {
    display: block;
    color: #38bdf8;
}

.layout-lift h2 {
    font-size: clamp(30px, 4vw, 48px);
}

.layout-lift h3 {
    margin: 18px 0 10px;
    color: #fff;
    font-size: 22px;
    line-height: 1.18;
}

.lift-lead,
.lift-section-head p,
.lift-trust-copy p,
.lift-cta-box p,
.lift-faq p {
    color: var(--lift-muted);
    line-height: 1.7;
}

.lift-lead {
    max-width: 650px;
    margin: 22px 0 0;
    font-size: 20px;
}

.lift-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.lift-btn {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    border-radius: 12px;
    padding: 14px 22px;
    border: 1px solid var(--lift-border);
    font-weight: 900;
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.lift-btn::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, 0.32) 45%, transparent 70%);
    transform: translateX(-125%);
    transition: transform 0.55s ease;
    pointer-events: none;
}

.lift-btn:hover,
.lift-service-card:hover,
.lift-brand-card:hover,
.lift-partner-logo:hover {
    transform: translateY(-3px);
}

.lift-btn:hover {
    transform: translateY(-3px) scale(1.02);
}

.lift-btn:hover::before {
    transform: translateX(125%);
}

.lift-btn:focus-visible,
.lift-service-card a:focus-visible,
.lift-brand-card a:focus-visible,
.lift-faq-list a:focus-visible,
.lift-inline-link:focus-visible {
    outline: 3px solid rgba(52, 213, 255, 0.75);
    outline-offset: 4px;
}

.lift-btn-primary {
    background: linear-gradient(135deg, var(--lift-purple), var(--lift-violet));
    box-shadow: 0 16px 40px rgba(14, 165, 255, 0.32);
}

.lift-btn-primary:hover {
    box-shadow: 0 22px 56px rgba(14, 165, 255, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.14) inset;
}

.lift-btn-ghost {
    background: rgba(255, 255, 255, 0.05);
}

.lift-btn-ghost:hover {
    border-color: rgba(56, 189, 248, 0.55);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.lift-btn-accent {
    background: linear-gradient(135deg, #0ea5ff, #0369a1);
}

.lift-btn-accent:hover {
    box-shadow: 0 22px 52px rgba(14, 165, 255, 0.46);
}

.lift-proof {
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    margin-top: 34px;
    color: #dfe3ff;
    font-weight: 800;
    font-size: 14px;
}

.lift-proof span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lift-proof i {
    color: #fff;
    opacity: 0.9;
}

.lift-hero-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    margin-top: 54px;
    max-width: 760px;
}

.lift-hero-benefits article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

.lift-hero-benefits span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #38bdf8;
    font-size: 24px;
    filter: drop-shadow(0 0 16px rgba(56, 189, 248, 0.5));
}

.lift-hero-benefits strong {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
}

.lift-hero-benefits p {
    margin: 8px 0 0;
    color: #b9c0e3;
    font-size: 13px;
    line-height: 1.55;
}

.lift-hero-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 430px;
    border: 1px solid var(--lift-border);
    border-radius: 36px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 50%, rgba(14, 165, 255, 0.46), transparent 58%),
        radial-gradient(circle at 88% 12%, rgba(52, 213, 255, 0.18), transparent 38%),
        linear-gradient(145deg, rgba(14, 165, 255, 0.3), rgba(52, 213, 255, 0.08));
    box-shadow: var(--lift-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.lift-hero-visual img {
    width: min(100%, 620px);
    max-width: none;
    transform: scale(1.15);
    filter: drop-shadow(0 24px 42px rgba(0, 0, 0, 0.35));
}

.lift-play-badge {
    position: absolute;
    display: grid;
    place-items: center;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: 0 0 44px rgba(14, 165, 255, 0.8);
    color: #fff;
    font-size: 26px;
}

.lift-hero-visual--live {
    display: block;
    min-height: 640px;
    border: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
}

.ppv-live-visual {
    position: relative;
    width: min(860px, 100%);
    height: 620px;
    margin: 0 auto;
    transform-style: preserve-3d;
}

.ppv-live-visual__glow {
    position: absolute;
    inset: 6% 0 7% 4%;
    background:
        radial-gradient(circle at 56% 58%, rgba(2, 132, 199, 0.44), transparent 34%),
        radial-gradient(circle at 62% 50%, rgba(255, 45, 141, 0.16), transparent 24%);
    filter: blur(8px);
    animation: ppvGlow 8s ease-in-out infinite;
}

.ppv-orbit {
    position: absolute;
    left: 7%;
    top: 8%;
    width: 86%;
    height: 76%;
    border: 1px dashed rgba(14, 165, 255, 0.34);
    border-radius: 50%;
    transform: rotate(-8deg);
    animation: ppvOrbit 32s linear infinite;
}

.ppv-orbit--two {
    left: 12%;
    top: 17%;
    width: 76%;
    height: 58%;
    opacity: 0.68;
    animation-duration: 44s;
    animation-direction: reverse;
}

.ppv-orbit i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 18px #0ea5ff;
}

.ppv-orbit i:nth-child(1) {
    left: 18%;
    top: 8%;
}

.ppv-orbit i:nth-child(2) {
    right: 8%;
    top: 43%;
}

.ppv-orbit i:nth-child(3) {
    left: 47%;
    bottom: 0;
}

.ppv-orbit--two i:nth-child(1) {
    left: 6%;
    top: 52%;
}

.ppv-orbit--two i:nth-child(2) {
    right: 29%;
    top: 4%;
}

.ppv-player {
    position: absolute;
    left: 21%;
    top: 35%;
    z-index: 5;
    width: 58%;
    min-width: 0;
    height: 270px;
    border: 1px solid rgba(125, 211, 252, 0.45);
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(12, 11, 33, 0.9), rgba(10, 9, 28, 0.94));
    box-shadow:
        0 0 0 1px rgba(2, 132, 199, 0.18) inset,
        0 0 60px rgba(2, 132, 199, 0.36),
        0 28px 90px rgba(0, 0, 0, 0.56);
    animation: ppvFloat 6s ease-in-out infinite;
}

.ppv-player__top {
    position: absolute;
    top: 22px;
    left: 24px;
    right: 24px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ppv-live-badge {
    padding: 8px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, #0ea5ff, #0284c7);
    font-weight: 900;
    box-shadow: 0 0 24px rgba(14, 165, 255, 0.55);
    animation: ppvPulseBadge 1.8s ease-in-out infinite;
}

.ppv-viewers {
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.32);
    color: #fff;
    font-weight: 800;
}

.ppv-stage {
    position: relative;
    height: 202px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 35%, rgba(14, 165, 255, 0.55), transparent 26%),
        linear-gradient(180deg, rgba(23, 14, 75, 0.72), rgba(7, 9, 22, 0.94));
}

.ppv-stage__lights {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(102deg, transparent 12%, rgba(14, 165, 255, 0.26) 18%, transparent 26%),
        linear-gradient(78deg, transparent 54%, rgba(255, 45, 141, 0.23) 62%, transparent 72%),
        linear-gradient(90deg, transparent 32%, rgba(88, 80, 236, 0.21) 42%, transparent 55%);
    animation: ppvLights 5s ease-in-out infinite alternate;
}

.ppv-stage__audience {
    position: absolute;
    right: -5%;
    bottom: 0;
    left: -5%;
    height: 86px;
    opacity: 0.9;
    background:
        radial-gradient(circle at 10% 75%, #090719 0 9px, transparent 10px),
        radial-gradient(circle at 20% 68%, #0c0921 0 11px, transparent 12px),
        radial-gradient(circle at 30% 77%, #080619 0 10px, transparent 11px),
        radial-gradient(circle at 40% 68%, #0d0924 0 12px, transparent 13px),
        radial-gradient(circle at 50% 76%, #080619 0 10px, transparent 11px),
        radial-gradient(circle at 60% 70%, #100b28 0 12px, transparent 13px),
        radial-gradient(circle at 70% 77%, #070618 0 10px, transparent 11px),
        radial-gradient(circle at 80% 68%, #0d0922 0 12px, transparent 13px),
        radial-gradient(circle at 90% 76%, #090719 0 10px, transparent 11px);
}

.ppv-speaker {
    position: absolute;
    bottom: 62px;
    left: 50%;
    width: 20px;
    height: 86px;
    transform: translateX(-50%);
    border-radius: 12px 12px 4px 4px;
    background: linear-gradient(#0d0922, #050411);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.12);
}

.ppv-speaker::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    width: 32px;
    height: 32px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #080619;
}

.ppv-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 122px;
    height: 122px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, #0ea5ff, #0369a1 62%, rgba(2, 132, 199, 0.22));
    box-shadow: 0 0 42px rgba(14, 165, 255, 0.72), 0 0 0 18px rgba(14, 165, 255, 0.12);
    animation: ppvPlay 2.4s ease-in-out infinite;
}

.ppv-play::before {
    content: "";
    position: absolute;
    top: 36px;
    left: 48px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 34px solid #fff;
}

.ppv-controls {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 68px;
    padding: 0 24px;
    color: #fff;
    background: rgba(6, 6, 20, 0.82);
}

.ppv-progress {
    flex: 1;
    height: 6px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.1);
}

.ppv-progress i {
    display: block;
    width: 48%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #38bdf8, #0284c7);
    animation: ppvProgress 7s ease-in-out infinite;
}

.ppv-controls span:nth-child(3) {
    color: #38bdf8;
    font-size: 12px;
    font-weight: 900;
}

.ppv-control-icons {
    margin-left: auto;
    letter-spacing: 0.38em;
}

.ppv-pedestal {
    position: absolute;
    top: 72%;
    left: 30%;
    width: 46%;
    height: 135px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(14, 165, 255, 0.62), rgba(2, 132, 199, 0.12) 42%, transparent 70%);
    filter: drop-shadow(0 0 28px rgba(14, 165, 255, 0.52));
    animation: ppvPedestal 4s ease-in-out infinite;
}

.ppv-pedestal span {
    position: absolute;
    right: 8%;
    left: 8%;
    height: 44px;
    border: 1px solid rgba(125, 211, 252, 0.55);
    border-radius: 50%;
}

.ppv-pedestal span:first-child {
    top: 20px;
}

.ppv-pedestal span:last-child {
    top: 45px;
    opacity: 0.6;
}

.ppv-feature-card {
    position: absolute;
    z-index: 9;
    width: 168px;
    min-height: 92px;
    padding: 14px;
    border: 1px solid rgba(14, 165, 255, 0.28);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(28, 20, 68, 0.86), rgba(14, 12, 38, 0.72));
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.38), 0 0 28px rgba(2, 132, 199, 0.12);
    backdrop-filter: blur(16px);
    animation: ppvCardFloat 6s ease-in-out infinite;
}

.ppv-feature-card strong {
    display: block;
    margin: 2px 0 8px;
    color: #fff;
    font-size: 12px;
}

.ppv-feature-card p {
    margin: 0;
    color: #d7d3f2;
    font-size: 10px;
    line-height: 1.5;
}

.ppv-feature-icon {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0284c7, #0ea5ff);
    box-shadow: 0 0 28px rgba(14, 165, 255, 0.45);
    font-size: 18px;
    font-weight: 900;
}

.ppv-feature-card--security {
    top: 39%;
    left: -2%;
    transform: none;
    animation-delay: 0.2s;
}

.ppv-feature-card--infra {
    top: 41%;
    right: -2%;
    width: 172px;
    animation-delay: 1.2s;
}

.ppv-feature-card--interaction {
    top: 9%;
    left: 34%;
    width: 210px;
    animation-delay: 2s;
}

.ppv-feature-card--performance {
    top: 80%;
    left: 35%;
    width: 220px;
    animation-delay: 3s;
}

.ppv-feature-card--match {
    top: 16%;
    right: -1%;
    width: 190px;
    animation-delay: 4s;
}

@keyframes ppvGlow {
    0%, 100% {
        opacity: 0.76;
        transform: scale(0.98);
    }
    50% {
        opacity: 1;
        transform: scale(1.04);
    }
}

@keyframes ppvOrbit {
    to {
        transform: rotate(352deg);
    }
}

@keyframes ppvFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -10px, 0);
    }
}

@keyframes ppvCardFloat {
    0%, 100% {
        translate: 0 0;
        opacity: 0.88;
    }
    50% {
        translate: 0 -8px;
        opacity: 1;
    }
}

@keyframes ppvPlay {
    0%, 100% {
        box-shadow: 0 0 42px rgba(14, 165, 255, 0.72), 0 0 0 18px rgba(14, 165, 255, 0.12);
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        box-shadow: 0 0 64px rgba(14, 165, 255, 0.95), 0 0 0 28px rgba(14, 165, 255, 0.08);
        transform: translate(-50%, -50%) scale(1.045);
    }
}

@keyframes ppvPulseBadge {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.65;
    }
}

@keyframes ppvProgress {
    0%, 100% {
        width: 42%;
    }
    50% {
        width: 62%;
    }
}

@keyframes ppvLights {
    0% {
        opacity: 0.55;
        transform: translateX(-1%);
    }
    100% {
        opacity: 1;
        transform: translateX(1%);
    }
}

@keyframes ppvPedestal {
    0%, 100% {
        opacity: 0.76;
        filter: drop-shadow(0 0 28px rgba(14, 165, 255, 0.52));
    }
    50% {
        opacity: 1;
        filter: drop-shadow(0 0 56px rgba(14, 165, 255, 0.88));
    }
}

@media (prefers-reduced-motion: reduce) {
    .ppv-live-visual *,
    .ppv-live-visual *::before,
    .ppv-live-visual *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

.lift-section-head {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.lift-section-head-left {
    text-align: left;
}

.lift-service-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
    margin-top: 46px;
}

.lift-service-card,
.lift-brand-card,
.lift-review-card {
    border: 1px solid var(--lift-border);
    border-radius: var(--lift-radius);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.lift-service-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 260px;
    padding: 28px 24px;
    border-color: rgba(56, 189, 248, 0.16);
    border-radius: 18px;
    background:
        radial-gradient(circle at 86% 14%, rgba(14, 165, 255, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(13, 33, 68, 0.92), rgba(9, 22, 49, 0.9));
    color: #eef7ff;
    box-shadow: 0 20px 58px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.lift-service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.12), transparent 42%);
    opacity: 0;
    transition: opacity 0.24s ease;
    pointer-events: none;
}

.lift-service-card:hover {
    border-color: rgba(56, 189, 248, 0.38);
    box-shadow: 0 24px 68px rgba(3, 105, 161, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.lift-service-card:hover::before {
    opacity: 1;
}

.lift-service-card h3 {
    color: #fff;
    font-size: 19px;
    line-height: 1.22;
    margin-top: 24px;
    margin-bottom: 12px;
}

.lift-service-card p {
    flex: 1 1 auto;
    color: #aabfe0;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 0;
}

.lift-service-card a,
.lift-brand-card a,
.lift-center-link a,
.lift-inline-link {
    color: #38bdf8;
    font-weight: 900;
}

.lift-service-card a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin-top: 24px;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

.lift-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(56, 189, 248, 0.38);
    border-radius: 14px;
    color: #38bdf8;
    font-size: 26px;
    background: rgba(14, 165, 255, 0.08);
    box-shadow: 0 12px 30px rgba(14, 165, 255, 0.16);
}

.lift-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(66%) sepia(91%) saturate(1529%) hue-rotate(165deg) brightness(101%) contrast(96%);
}

.lift-trust-grid,
.lift-review-grid,
.lift-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 72px;
    align-items: center;
}

.lift-review-panel {
    position: relative;
    overflow: hidden;
    padding: 30px 30px 24px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 0, rgba(14, 165, 255, 0.28), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.lift-review-grid {
    width: 100%;
    grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1.76fr);
    gap: 30px;
    align-items: start;
}

.lift-reviews .lift-section-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-row: 1 / span 2;
    max-width: 330px;
    padding-top: 18px;
}

.lift-reviews .lift-section-head h2 {
    font-size: clamp(34px, 3.2vw, 46px);
}

.lift-reviews .lift-section-head p:not(.lift-eyebrow) {
    font-size: clamp(18px, 1.2vw, 22px);
    line-height: 1.48;
}

.lift-review-button {
    min-height: 48px;
    margin-top: 28px;
    padding-inline: 24px;
    font-size: 14px;
}

.lift-trust-illustration {
    position: relative;
    min-height: 500px;
    display: grid;
    place-items: center;
    isolation: isolate;
}

.lift-trust-glow {
    position: absolute;
    inset: 18% 20%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(23, 184, 255, 0.26), transparent 65%);
    filter: blur(36px);
    animation: liftTrustGlow 8s ease-in-out infinite;
}

.lift-trust-orbits {
    position: absolute;
    inset: -6% -10%;
    width: 120%;
    max-width: none;
    opacity: 0.82;
    animation: liftTrustOrbit 48s linear infinite;
}

.lift-trust-shield {
    position: absolute;
    left: 25%;
    top: 12%;
    width: 50%;
    max-width: none;
    filter: drop-shadow(0 28px 70px rgba(23, 184, 255, 0.28));
    animation: liftTrustFloat 6s ease-in-out infinite;
    z-index: 2;
}

.lift-trust-icon {
    position: absolute;
    width: 96px;
    height: 96px;
    z-index: 3;
    filter: drop-shadow(0 16px 34px rgba(0, 0, 0, 0.35));
    animation: liftTrustIconFloat 7s ease-in-out infinite;
}

.lift-trust-icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.lift-trust-icon-experts {
    left: 8%;
    top: 12%;
    animation-delay: .2s;
}

.lift-trust-icon-monitoring {
    right: 10%;
    top: 16%;
    animation-delay: 1s;
}

.lift-trust-icon-support {
    left: 10%;
    bottom: 13%;
    animation-delay: 1.7s;
}

.lift-trust-icon-growth {
    right: 12%;
    bottom: 14%;
    animation-delay: 2.4s;
}

.lift-trust-copy h2 {
    font-size: 48px;
}

.lift-trust-copy p:not(.lift-eyebrow) {
    font-size: 19px;
}

.lift-trust-badge {
    position: absolute;
    left: 50%;
    bottom: 7%;
    transform: translateX(-50%);
    min-width: 176px;
    padding: 18px 24px;
    border: 1px solid rgba(23, 184, 255, 0.35);
    border-radius: 999px;
    background: rgba(8, 25, 55, 0.78);
    box-shadow: 0 18px 52px rgba(23, 184, 255, 0.18);
    text-align: center;
    color: #fff;
    z-index: 4;
    backdrop-filter: blur(14px);
    animation: liftTrustBadgePulse 4s ease-in-out infinite;
}

.lift-trust-badge strong {
    display: block;
    color: #17b8ff;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 900;
}

.lift-trust-badge span {
    display: block;
    margin-top: 4px;
    color: #b7c3da;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lift-checklist {
    display: grid;
    gap: 18px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
    color: #dfe3ff;
}

.lift-checklist li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 1.8;
}

.lift-checklist li::before {
    content: "\f00c";
    display: grid;
    place-items: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--lift-purple);
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    font-weight: 900;
}

@keyframes liftTrustFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(0, -12px, 0) scale(1.015);
    }
}

@keyframes liftTrustIconFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0);
        opacity: .9;
    }

    50% {
        transform: translate3d(0, -10px, 0);
        opacity: 1;
    }
}

@keyframes liftTrustOrbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes liftTrustGlow {
    0%, 100% {
        opacity: .55;
        transform: scale(.96);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

@keyframes liftTrustBadgePulse {
    0%, 100% {
        box-shadow: 0 18px 52px rgba(23, 184, 255, 0.18);
    }

    50% {
        box-shadow: 0 18px 72px rgba(23, 184, 255, 0.34);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lift-trust-illustration * {
        animation: none !important;
    }
}

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

.lift-review-cards {
    min-width: 0;
}

.lift-review-carousel {
    display: grid;
    align-self: start;
    gap: 14px;
    min-width: 0;
    width: 100%;
}

.lift-review-cards.owl-carousel {
    position: relative;
    display: block;
    padding-bottom: 0;
}

.lift-review-cards .owl-stage {
    display: flex;
    align-items: stretch;
}

.lift-review-cards .owl-item {
    display: flex;
}

.lift-review-cards .owl-item .lift-review-card {
    width: 100%;
}

.lift-review-cards .owl-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
}

.lift-review-cards .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(56, 189, 248, 0.28) !important;
    border: 1px solid rgba(56, 189, 248, 0.55) !important;
    padding: 0;
    transition: width 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;
}

.lift-review-cards .owl-dot.active {
    width: 28px;
    border-radius: 99px;
    background: #38bdf8 !important;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.65);
}

.lift-review-cards .owl-nav {
    position: absolute;
    inset: 50% 0 auto 0;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.lift-review-cards .owl-nav button {
    display: grid !important;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(56, 189, 248, 0.42) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(8, 20, 48, 0.88) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28), 0 0 18px rgba(14, 165, 255, 0.18);
    font-size: 30px !important;
    line-height: 1 !important;
    pointer-events: auto;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.lift-review-cards .owl-nav button:hover {
    transform: translateY(-2px);
    border-color: rgba(56, 189, 248, 0.86) !important;
    background: linear-gradient(135deg, #0ea5ff, #0369a1) !important;
}

.lift-review-controls {
    display: grid;
    grid-template-columns: 44px auto 44px;
    align-items: center;
    width: fit-content;
    gap: 12px;
    margin-top: 6px;
    padding-left: 0;
    justify-self: start;
    align-self: start;
}

.lift-review-arrow {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(23, 184, 255, 0.28);
    border-radius: 999px;
    color: #fff;
    background: rgba(5, 18, 38, 0.72);
    box-shadow: none;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.lift-review-arrow:hover {
    transform: translateY(-2px);
    border-color: rgba(23, 184, 255, 0.48);
    background: rgba(23, 184, 255, 0.12);
    box-shadow: 0 12px 32px rgba(23, 184, 255, 0.16);
}

.lift-review-counter {
    min-width: 70px;
    color: #17b8ff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-align: center;
    transition: color 0.2s ease;
}

.lift-review-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 228px;
    min-height: 0;
    padding: 24px;
    border-color: rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    background: rgba(12, 18, 48, 0.58);
    justify-content: space-between;
}

.lift-review-card p {
    flex: 0 1 auto;
    display: -webkit-box;
    margin: 0;
    color: #d7dcff;
    font-size: 14px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.lift-review-card img {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    object-fit: contain;
    padding: 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
}

.lift-review-cards.owl-carousel .owl-item .lift-review-author img,
.lift-review-author img {
    display: block;
    flex: 0 0 58px;
    width: 58px !important;
    max-width: 58px !important;
    height: 42px;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 10px;
    border-radius: 10px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.94);
}

.lift-review-author {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    padding-top: 14px;
    min-width: 0;
}

.lift-review-author img {
    margin-top: 0;
}

.lift-review-author span {
    display: grid;
    gap: 4px;
    min-width: 0;
    max-width: calc(100% - 70px);
}

.lift-review-author strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.lift-review-author small {
    color: var(--lift-muted);
    font-size: 11px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.lift-stars {
    margin-bottom: 8px;
    color: #ffd45a;
    letter-spacing: 2px;
    font-size: 14px;
}

.lift-review-dots {
    position: absolute;
    left: 50%;
    bottom: 18px;
    display: flex;
    gap: 8px;
    transform: translateX(-50%);
}

.lift-review-dots span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(56, 189, 248, 0.45);
}

.lift-review-dots span:first-child {
    background: #38bdf8;
}

.lift-brand-grid {
    margin-top: 42px;
}

.lift-brand-card {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    padding: 28px;
    background:
        radial-gradient(circle at 85% 80%, rgba(14, 165, 255, 0.24), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
}

.lift-brand-card::after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: 28px;
    width: 112px;
    height: 112px;
    opacity: 0.5;
    pointer-events: none;
    filter: drop-shadow(0 22px 32px rgba(0, 0, 0, 0.35));
}

.lift-brand-card:nth-child(1)::after {
    background:
        linear-gradient(135deg, rgba(14, 165, 255, 0.96), rgba(7, 54, 96, 0.9));
    clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
}

.lift-brand-card:nth-child(2)::after {
    border-radius: 28px;
    background:
        radial-gradient(circle at 45% 50%, rgba(52, 213, 255, 0.7), transparent 28%),
        linear-gradient(135deg, rgba(40, 205, 205, 0.42), rgba(21, 56, 106, 0.8));
}

.lift-brand-card:nth-child(2)::before {
    content: "";
    position: absolute;
    right: 63px;
    bottom: 67px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 28px solid rgba(255, 255, 255, 0.88);
    opacity: 0.7;
    pointer-events: none;
}

.lift-brand-card:nth-child(3)::after {
    border-radius: 26px;
    background:
        linear-gradient(135deg, transparent 34%, rgba(14, 165, 255, 0.55) 35% 48%, transparent 49%),
        linear-gradient(45deg, transparent 30%, rgba(14, 165, 255, 0.7) 31% 42%, transparent 43%),
        rgba(62, 28, 150, 0.56);
}

.lift-brand-card p,
.lift-brand-card li {
    color: var(--lift-muted);
    line-height: 1.6;
}

.lift-brand-card ul {
    display: grid;
    gap: 8px;
    margin: 20px 0;
    padding-left: 0;
    list-style: none;
}

.lift-brand-card li {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
    padding-left: 0;
}

.lift-brand-card li::before {
    content: "›";
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    margin-top: 0.28em;
    border-radius: 50%;
    color: #081430;
    background: linear-gradient(135deg, #38bdf8, #0ea5ff);
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.34);
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.lift-brand-logo {
    display: grid;
    place-items: center;
    height: 128px;
    overflow: hidden;
    border-radius: 14px;
}

.lift-brand-logo-light {
    background: rgba(255, 255, 255, 0.94);
    padding: 14px 20px;
}

.lift-brand-logo img {
    width: 100%;
    height: 100%;
    max-height: 60px;
    object-fit: contain;
}

.lift-brand-card h3 {
    font-size: 28px;
}

.lift-brand-logo-streame {
    padding: 14px 20px;
}

.lift-brand-logo-streame img {
    display: block;
    width: min(88%, 280px);
    height: auto;
    max-height: 86px;
    transform: none;
}

.lift-stats {
    padding: 12px 0 42px;
}

.lift-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--lift-border);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.lift-stats-grid strong {
    padding: 34px 30px;
    text-align: center;
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
}

.lift-stats-grid small {
    display: block;
    margin-top: 10px;
    color: var(--lift-muted);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
}

.lift-partner-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.lift-partner-grid.owl-carousel {
    display: block;
    min-width: 0;
}

.lift-partner-grid.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.lift-partner-grid.owl-carousel .owl-item {
    display: flex;
}

.lift-partner-grid.owl-carousel .owl-item .lift-partner-logo {
    width: 100%;
}

.lift-partner-grid.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
}

.lift-partner-grid.owl-carousel .owl-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid rgba(56, 189, 248, 0.55) !important;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.28) !important;
    transition: width 0.24s ease, background 0.24s ease, box-shadow 0.24s ease;
}

.lift-partner-grid.owl-carousel .owl-dot.active {
    width: 28px;
    background: #38bdf8 !important;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.65);
}

.lift-partner-logo {
    display: grid;
    place-items: center;
    height: 86px;
    min-height: 86px;
    padding: 18px 22px;
    border: 1px solid var(--lift-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
    opacity: 0.7;
    transition: transform 0.3s ease, opacity 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.lift-partner-logo img {
    max-width: 76%;
    max-height: 56px;
    object-fit: contain;
    filter: grayscale(1) brightness(1.55);
    opacity: 1;
}

.lift-partner-logo:hover {
    opacity: 1;
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.45);
    background: rgba(255, 255, 255, 0.08);
}

.lift-partner-logo:hover img {
    filter: none;
    opacity: 1;
}

.contact-premium-trust-strip.lift-partners {
    display: block;
    margin-top: 32px;
    padding: 44px;
}

.contact-premium-trust-strip.lift-partners > .lift-section-head {
    display: block;
    width: 100%;
    margin: 0 auto 28px;
    text-align: center;
}

.contact-premium-trust-strip.lift-partners > .lift-section-head h2 {
    margin-bottom: 0;
    font-size: clamp(34px, 3.2vw, 46px);
}

.contact-premium-trust-strip.lift-partners > .lift-partner-grid {
    display: block;
    width: 100%;
}

.lift-center-link {
    margin-top: 26px;
    text-align: center;
}

.lift-cta-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 42px;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--lift-border);
    border-radius: 34px;
    padding: 58px;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 122, 47, 0.38), transparent 28%),
        radial-gradient(circle at 83% 50%, rgba(14, 165, 255, 0.62), transparent 34%),
        linear-gradient(135deg, #37117d, #5d1fd6 45%, #21114f);
    box-shadow: var(--lift-shadow);
}

.lift-cta-box p:not(.lift-eyebrow) {
    max-width: 650px;
}

.lift-cta-box img {
    width: 340px;
    max-height: 340px;
    justify-self: center;
    transform: scale(1.2);
}

.lift-cta-box .lift-btn {
    min-height: 56px;
    font-size: 18px;
}

.event-landing-section {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(0, 860px);
    justify-content: center;
    gap: 0;
    padding: 54px 72px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    background:
        radial-gradient(circle at 82% 36%, rgba(66, 111, 255, 0.25), transparent 48%),
        radial-gradient(circle at 16% 12%, rgba(14, 165, 255, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(17, 26, 52, 0.95), rgba(9, 15, 33, 0.98));
}

.event-landing-copy {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    justify-content: center;
}

.event-landing-section::before {
    content: "";
    position: absolute;
    inset: auto -12% -35% 42%;
    z-index: -1;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(66, 111, 255, 0.25), transparent 70%);
    filter: blur(6px);
    pointer-events: none;
}

.event-landing-copy h2 {
    max-width: 720px;
    margin-bottom: 20px;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.1;
    letter-spacing: -.03em;
}

.event-landing-copy > p:not(.lift-eyebrow):not(.event-landing-proof) {
    max-width: 640px;
    color: var(--lift-muted);
    font-size: 18px;
    line-height: 1.8;
}

.event-landing-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.event-landing-benefits li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    color: #eaf7ff;
    font-size: 16px;
    font-weight: 800;
}

.event-landing-benefits li::before {
    content: "✓";
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 50%;
    color: #061124;
    background: #17b8ff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 0 22px rgba(23, 184, 255, 0.38);
}

.event-landing-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.event-landing-proof {
    margin: 22px 0 0;
    color: rgba(231, 242, 255, 0.78);
    font-size: 15px;
    font-weight: 800;
}

.event-landing-features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 28px;
}

.event-landing-features span {
    min-height: 46px;
    display: flex;
    align-items: center;
    padding: 11px 13px;
    border: 1px solid rgba(23, 184, 255, 0.16);
    border-radius: 14px;
    color: #cfe8ff;
    background: rgba(255, 255, 255, 0.045);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.event-landing-mockup {
    position: relative;
    min-height: 420px;
}

.event-landing-browser,
.event-landing-phone,
.event-landing-floating {
    border: 1px solid rgba(23, 184, 255, 0.18);
    background: linear-gradient(180deg, rgba(13, 29, 63, 0.94), rgba(6, 12, 31, 0.98));
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.36), 0 0 58px rgba(23, 184, 255, 0.08);
    backdrop-filter: blur(18px);
}

.event-landing-browser {
    position: absolute;
    inset: 28px 0 auto auto;
    width: min(100%, 500px);
    min-height: 330px;
    overflow: hidden;
    border-radius: 28px;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}

.event-landing-section:hover .event-landing-browser {
    transform: translateY(-6px);
}

.event-landing-browser-top {
    display: flex;
    gap: 8px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.event-landing-browser-top span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(183, 195, 218, 0.55);
}

.event-landing-browser-hero {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 26px;
    background:
        radial-gradient(circle at 70% 30%, rgba(23, 184, 255, 0.26), transparent 38%),
        linear-gradient(135deg, rgba(12, 47, 92, 0.8), rgba(12, 18, 44, 0.94));
}

.event-landing-browser-hero small {
    display: block;
    color: #17b8ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.event-landing-browser-hero strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 28px;
    line-height: 1.1;
}

.event-landing-browser-hero em {
    align-self: flex-start;
    padding: 8px 12px;
    color: #fff;
    border-radius: 999px;
    background: #17b8ff;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.event-landing-browser-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 16px;
    padding: 18px;
}

.event-landing-player {
    position: relative;
    min-height: 142px;
    overflow: hidden;
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 45%, rgba(23, 184, 255, 0.5), transparent 32%),
        linear-gradient(135deg, rgba(5, 11, 29, 0.9), rgba(17, 43, 88, 0.96));
}

.event-landing-player i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(135deg, #17b8ff, #326cff);
    transform: translate(-50%, -50%);
}

.event-landing-player i::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 19px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid #fff;
}

.event-landing-agenda {
    display: grid;
    gap: 10px;
    align-content: start;
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
}

.event-landing-agenda strong {
    color: #fff;
    font-size: 16px;
}

.event-landing-agenda span {
    padding: 9px 10px;
    color: #cfe8ff;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
    font-size: 12px;
    font-weight: 800;
}

.event-landing-phone {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 176px;
    min-height: 238px;
    padding: 22px;
    border-radius: 30px;
}

.event-landing-phone strong,
.event-landing-phone span,
.event-landing-phone b,
.event-landing-phone small {
    display: block;
}

.event-landing-phone strong {
    color: #fff;
    font-size: 18px;
}

.event-landing-phone span {
    margin-top: 28px;
    color: #b7c3da;
    font-size: 13px;
}

.event-landing-phone b {
    margin-top: 8px;
    color: #17b8ff;
    font-size: 38px;
    line-height: 1;
}

.event-landing-phone small {
    margin-top: 10px;
    color: #8fffd6;
    font-size: 12px;
    font-weight: 900;
}

.event-landing-floating {
    position: absolute;
    z-index: 2;
    min-height: 46px;
    display: grid;
    place-items: center;
    padding: 0 16px;
    color: #fff;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    animation: eventLandingFloat 5.4s ease-in-out infinite;
}

.event-landing-floating-one {
    right: 18px;
    top: 0;
}

.event-landing-floating-two {
    right: 70px;
    bottom: 16px;
    animation-delay: .7s;
}

@keyframes eventLandingFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

.lift-faq-list {
    display: grid;
    gap: 14px;
}

.lift-faq-grid > div:first-child {
    position: relative;
    min-height: 360px;
}

.lift-faq-illustration {
    display: block;
    width: min(78%, 320px);
    margin-top: 26px;
    filter: drop-shadow(0 24px 48px rgba(14, 165, 255, 0.28));
}

.lift-faq-visual {
    position: relative;
    width: min(92%, 420px);
    aspect-ratio: 1;
    margin-top: 26px;
    filter: drop-shadow(0 28px 58px rgba(14, 165, 255, 0.26));
}

.lift-faq-visual::before {
    content: "";
    position: absolute;
    inset: 18%;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(56, 189, 248, 0.28), transparent 62%),
        radial-gradient(circle at 50% 78%, rgba(14, 165, 255, 0.18), transparent 48%);
    filter: blur(2px);
}

.lift-faq-visual img {
    position: absolute;
    display: block;
    pointer-events: none;
    user-select: none;
}

.lift-faq-ring {
    inset: 10%;
    width: 80%;
    height: 80%;
    opacity: 0.75;
    animation: liftFaqOrbit 40s linear infinite;
}

.lift-faq-ring-two {
    inset: 18%;
    width: 64%;
    height: 64%;
    opacity: 0.42;
    animation-direction: reverse;
    animation-duration: 32s;
}

.lift-faq-question {
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 52%;
    transform: translate(-50%, -42%);
    animation: liftFaqFloat 6s ease-in-out infinite;
}

.lift-faq-bubble {
    z-index: 3;
    width: 38%;
    opacity: 0.94;
    filter: drop-shadow(0 16px 30px rgba(14, 165, 255, 0.24));
    animation: liftFaqBubble 7s ease-in-out infinite;
}

.lift-faq-bubble-one {
    left: 2%;
    top: 18%;
    transform: rotate(-8deg);
}

.lift-faq-bubble-two {
    right: 0;
    top: 26%;
    transform: rotate(8deg) scale(0.95);
    animation-delay: -1.8s;
}

.lift-faq-bubble-three {
    left: 9%;
    bottom: 10%;
    transform: rotate(-10deg) scale(0.86);
    animation-delay: -3.2s;
}

.lift-faq-dot {
    z-index: 4;
    width: 18px;
    height: 18px;
    animation: liftFaqPulse 2s ease-in-out infinite;
}

.lift-faq-dot-one {
    right: 22%;
    top: 11%;
}

.lift-faq-dot-two {
    left: 4%;
    bottom: 28%;
    animation-delay: -0.9s;
}

@keyframes liftFaqFloat {
    0%, 100% { transform: translate(-50%, -42%) translateY(0); }
    50% { transform: translate(-50%, -42%) translateY(-12px); }
}

@keyframes liftFaqBubble {
    0%, 100% { margin-top: 0; opacity: 0.9; }
    50% { margin-top: -12px; opacity: 1; }
}

@keyframes liftFaqOrbit {
    to { transform: rotate(360deg); }
}

@keyframes liftFaqPulse {
    0%, 100% { transform: scale(0.86); opacity: 0.58; }
    50% { transform: scale(1.24); opacity: 1; }
}

.lift-faq-list {
    display: grid;
    gap: 18px;
}

.lift-faq-item {
    border: 1px solid var(--lift-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.055);
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.lift-faq-item:hover {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(23, 184, 255, 0.22);
}

.lift-faq-toggle {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    min-height: 88px;
    padding: 24px 28px 22px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: #eef1ff;
    text-align: left;
    font-weight: 800;
    cursor: pointer;
}

.lift-faq-toggle span {
    display: grid;
    gap: 8px;
}

.lift-faq-toggle strong {
    display: block;
    font-size: 18px;
    line-height: 1.35;
}

.lift-faq-toggle i {
    flex: 0 0 24px;
    margin-top: 4px;
    font-size: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
    transition: transform 0.2s ease, color 0.2s ease;
}

.lift-faq-item.is-open .lift-faq-toggle i {
    transform: rotate(45deg);
    color: #17b8ff;
}

.lift-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.22s ease;
}

.lift-faq-answer[hidden] {
    display: none;
}

.lift-faq-answer > div {
    overflow: hidden;
}

.lift-faq-answer p {
    margin: 0;
    padding: 0 28px 26px;
    color: var(--lift-muted);
    font-size: 17px;
    line-height: 1.7;
}

.lift-faq-item.is-open .lift-faq-answer {
    grid-template-rows: 1fr;
}

.lift-site-footer {
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    color: var(--lift-text, #f7f8ff);
    background:
        radial-gradient(circle at 22% 10%, rgba(14, 165, 255, 0.25), transparent 28%),
        linear-gradient(180deg, #080b20 0%, #070d26 100%);
}

.lift-site-footer::before {
    content: none;
    display: none;
}

.lift-site-footer .lift-container {
    position: relative;
    z-index: 1;
}

.lift-footer-contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(210px, 0.55fr);
    gap: 34px;
    align-items: center;
    max-width: 1160px;
    margin: 0 auto 86px;
    padding: 34px 42px;
    border: 1px solid var(--lift-border, rgba(255, 255, 255, 0.12));
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}

.lift-footer-contact-title {
    display: flex;
    align-items: center;
    gap: 18px;
}

.lift-footer-contact-icon {
    display: grid;
    place-items: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    font-size: 28px;
}

.lift-footer-contact h2 {
    margin: 0 0 5px;
    color: #fff;
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.15;
}

.lift-footer-contact p,
.lift-footer-brand p {
    margin: 0;
    color: var(--lift-muted, #aab2d8);
    line-height: 1.6;
}

.lift-footer-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 15px 28px;
    border-radius: 10px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, var(--lift-purple, #0ea5ff), var(--lift-violet, #0369a1));
    box-shadow: 0 16px 34px rgba(14, 165, 255, 0.26);
}

.lift-footer-contact-data {
    display: grid;
    gap: 10px;
}

.lift-footer-contact-data a,
.lift-footer-column a,
.lift-footer-column span,
.lift-footer-bottom a,
.lift-footer-bottom p {
    color: #d9defc;
}

.lift-footer-contact-data a,
.lift-footer-column-contact a,
.lift-footer-column-contact span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.lift-footer-main {
    display: grid;
    grid-template-columns: 1.55fr 0.82fr 0.82fr 1.05fr;
    gap: 78px;
    align-items: start;
    padding-bottom: 70px;
}

.lift-footer-brand img {
    width: 150px;
    height: auto;
    margin-bottom: 26px;
}

.lift-footer-brand p {
    max-width: 330px;
    font-size: 18px;
}

.lift-footer-social {
    display: flex;
    gap: 12px;
    margin: 42px 0 0;
    padding: 0;
    list-style: none;
}

.lift-footer-social a {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    transition: transform 0.2s ease, background 0.2s ease;
}

.lift-footer-social a:hover,
.lift-footer-button:hover,
.lift-footer-column a:hover,
.lift-footer-bottom a:hover {
    color: #fff;
}

.lift-footer-social a:hover {
    transform: translateY(-2px);
    background: rgba(14, 165, 255, 0.72);
}

.lift-footer-column {
    display: grid;
    align-content: start;
    gap: 8px;
}

.lift-footer-column h3 {
    margin: 0 0 22px;
    color: #fff;
    font-size: 22px;
}

.lift-footer-column a,
.lift-footer-column span {
    font-size: 18px;
    line-height: 2;
}

.lift-footer-bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 90px;
    margin-top: 0;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    z-index: 2;
}

.lift-footer-bottom div {
    display: flex;
    gap: 48px;
}

.lift-footer-bottom p,
.lift-footer-bottom a {
    margin: 0;
    font-size: 15px;
}

@media (max-width: 1420px) {
    .lift-hero .lift-container {
        width: min(1280px, calc(100% - 48px));
    }

    .lift-hero-grid {
        grid-template-columns: minmax(0, 0.9fr) minmax(620px, 1.1fr);
        gap: 28px;
    }

    .ppv-live-visual {
        width: min(780px, 100%);
        height: 590px;
    }

    .ppv-player {
        left: 19%;
        top: 35%;
        width: 62%;
        min-width: 0;
    }

    .ppv-feature-card--interaction {
        left: 34%;
        right: auto;
    }

    .ppv-feature-card--security {
        left: 0;
    }

    .ppv-feature-card--infra {
        right: 3%;
        width: 168px;
    }

    .ppv-feature-card--performance {
        left: 34%;
    }
}

@media (max-width: 1180px) {
    .lift-service-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

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

@media (max-width: 980px) {
    .lift-hero .lift-container {
        width: min(100% - 40px, 1180px);
    }

    .lift-hero-grid,
    .lift-trust-grid,
    .lift-review-grid,
    .lift-faq-grid,
    .lift-cta-box {
        grid-template-columns: 1fr;
    }

    .lift-hero-visual {
        min-height: 340px;
    }

    .lift-hero-visual--live {
        min-height: 570px;
    }

    .lift-review-controls {
        justify-content: center;
        width: 100%;
        margin-top: 18px;
        padding-left: 0;
    }

    .ppv-live-visual {
        height: 570px;
    }

    .ppv-player {
        left: 12%;
        width: 76%;
        min-width: 0;
    }

    .ppv-feature-card {
        width: 190px;
        min-height: 110px;
        padding: 16px;
    }

    .ppv-feature-card--infra {
        width: 190px;
    }

    .ppv-feature-card--interaction {
        top: 9%;
        left: 30%;
        width: 220px;
    }

    .ppv-feature-card--match {
        top: 15%;
        right: 0;
        width: 205px;
    }

    .ppv-feature-card--security {
        top: 38%;
        left: 0;
    }

    .ppv-feature-card--performance {
        top: 75%;
        left: 29%;
        width: 235px;
    }

    .lift-brand-grid {
        grid-template-columns: 1fr;
    }

    .lift-review-cards:not(.owl-carousel) {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(280px, 84%);
        grid-template-columns: none;
        overflow-x: auto;
        padding-bottom: 12px;
        scroll-snap-type: x mandatory;
    }

    .lift-review-card {
        scroll-snap-align: start;
    }

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

    .lift-cta-box img {
        display: none;
    }

    .event-landing-section {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .event-landing-mockup {
        min-height: 440px;
    }

    .event-landing-browser {
        left: auto;
        right: 0;
        width: min(100%, 560px);
    }

    .lift-footer-contact,
    .lift-footer-main {
        grid-template-columns: 1fr;
    }

    .lift-footer-contact {
        gap: 22px;
    }
}

@media (max-width: 640px) {
    .lift-container {
        width: min(100% - 28px, 1180px);
    }

    .lift-section {
        padding: 58px 0;
    }

    .lift-hero {
        padding-top: 72px;
    }

    .lift-hero h1 {
        font-size: 40px;
    }

    .lift-hero-visual--live {
        min-height: 430px;
        margin-top: 18px;
    }

    .lift-review-cards.owl-carousel {
        padding-bottom: 28px;
    }

    .lift-review-cards .owl-nav {
        display: none;
    }

    .lift-review-controls {
        justify-content: center;
        margin-top: 16px;
        width: 100%;
        padding-left: 0;
    }

    .lift-review-arrow {
        width: 44px;
        height: 44px;
        font-size: 16px;
    }

    .lift-faq-visual {
        width: min(100%, 360px);
        margin-inline: auto;
    }

    .lift-hero-benefits {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 34px;
    }

    .ppv-live-visual {
        width: min(560px, 112%);
        height: 480px;
        margin-left: -6%;
        transform: scale(0.86);
        transform-origin: top center;
    }

    .ppv-player {
        top: 28%;
        left: 5%;
        width: 90%;
        height: 280px;
    }

    .ppv-stage {
        height: 210px;
    }

    .ppv-controls {
        height: 70px;
        padding: 0 18px;
        font-size: 12px;
    }

    .ppv-play {
        width: 96px;
        height: 96px;
    }

    .ppv-play::before {
        top: 28px;
        left: 39px;
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 28px;
    }

    .ppv-feature-card {
        display: none;
    }

    .ppv-orbit {
        left: 0;
        width: 100%;
    }

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

    .lift-actions,
    .lift-proof,
    .lift-hero-benefits {
        gap: 12px;
    }

    .lift-btn {
        width: 100%;
    }

    .lift-service-grid,
    .lift-partner-grid,
    .lift-stats-grid {
        grid-template-columns: 1fr;
    }

    .lift-service-card,
    .lift-brand-card {
        min-height: auto;
    }

    .lift-trust-illustration {
        min-height: 260px;
    }

    .lift-trust-badge {
        width: 190px;
        height: 190px;
        font-size: 42px;
    }

    .lift-cta-box {
        padding: 34px 24px;
    }

    .event-landing-section {
        padding: 32px;
    }

    .event-landing-benefits,
    .event-landing-features {
        grid-template-columns: 1fr;
    }

    .event-landing-actions,
    .event-landing-actions .lift-btn {
        width: 100%;
    }

    .event-landing-mockup {
        min-height: auto;
        display: grid;
        gap: 16px;
    }

    .event-landing-browser,
    .event-landing-phone,
    .event-landing-floating {
        position: relative;
        inset: auto;
        width: 100%;
    }

    .event-landing-browser {
        min-height: auto;
    }

    .event-landing-browser-grid {
        grid-template-columns: 1fr;
    }

    .event-landing-floating {
        animation: none;
    }

    .lift-footer-contact {
        padding: 24px 20px;
    }

    .lift-footer-contact-title {
        align-items: flex-start;
    }

    .lift-footer-main {
        gap: 32px;
    }

    .lift-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .lift-footer-bottom div {
        flex-direction: column;
        gap: 12px;
    }
}

/* VOD and replays page layout v3.8 */
.vod-page {
    --vod-bg: #061124;
    --vod-bg-2: #071c38;
    --vod-card: rgba(13, 32, 64, 0.82);
    --vod-border: rgba(23, 184, 255, 0.18);
    --vod-blue: #17b8ff;
    --vod-muted: #b8c5d9;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 18% 6%, rgba(23, 184, 255, 0.14), transparent 30%),
        linear-gradient(180deg, #061124, #050916 100%);
}

.vod-page .lift-container {
    width: min(1180px, calc(100% - 48px));
}

.vod-hero {
    position: relative;
    padding: 100px 0 84px;
    overflow: hidden;
}

.vod-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../vod-svg/background-orbits.svg") center / cover no-repeat;
    opacity: 0.62;
    pointer-events: none;
}

.vod-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 80px;
    align-items: center;
}

.vod-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 5vw, 76px);
    line-height: 1.04;
    letter-spacing: -0.05em;
}

.vod-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 34px;
}

.vod-hero-stats {
    display: flex;
    gap: 28px;
    margin-top: 38px;
}

.vod-hero-stats div {
    display: grid;
    gap: 4px;
}

.vod-hero-stats strong {
    color: #fff;
    font-size: 26px;
}

.vod-hero-stats span {
    color: var(--vod-muted);
    font-size: 13px;
}

.vod-dashboard {
    display: grid;
    grid-template-columns: 170px 1fr;
    grid-template-rows: auto auto;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--vod-border);
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(14, 32, 66, 0.88), rgba(5, 14, 34, 0.86));
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34);
    animation: vodFloatY 6s ease-in-out infinite;
}

.vod-dashboard__sidebar {
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 16px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.035);
}

.vod-brand-dot {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: var(--vod-blue);
}

.vod-dashboard__sidebar a {
    padding: 12px;
    border-radius: 12px;
    color: var(--vod-muted);
    font-weight: 800;
}

.vod-dashboard__sidebar .active {
    color: #fff;
    background: rgba(23, 184, 255, 0.16);
}

.vod-dashboard__main,
.vod-library-panel,
.vod-analytics-dashboard,
.vod-feature-card,
.vod-why-grid article,
.vod-testimonial-grid article,
.vod-cta-box {
    border: 1px solid var(--vod-border);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(15, 35, 70, 0.86), rgba(7, 18, 40, 0.76));
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.22);
}

.vod-dashboard__main {
    padding: 20px;
    border-radius: 24px;
}

.vod-dash-top {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.vod-dash-top h3 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 28px;
}

.vod-dash-top strong {
    color: var(--vod-blue);
    font-size: 26px;
}

.vod-status-pill,
.vod-badge,
.vod-lock {
    display: inline-flex;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
}

.vod-status-pill {
    padding: 8px 10px;
    color: #31e58b;
    background: rgba(49, 229, 139, 0.14);
}

.vod-player {
    position: relative;
    height: 245px;
    margin: 18px 0;
    overflow: hidden;
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 40%, rgba(23, 184, 255, 0.36), transparent 28%),
        linear-gradient(180deg, #0a1634, #040715);
}

.vod-player::before {
    content: "";
    position: absolute;
    inset: auto -5% 0;
    height: 70px;
    background:
        radial-gradient(circle at 10% 50%, #020616 0 10px, transparent 11px),
        radial-gradient(circle at 24% 60%, #020616 0 12px, transparent 13px),
        radial-gradient(circle at 38% 50%, #020616 0 10px, transparent 11px),
        radial-gradient(circle at 52% 62%, #020616 0 12px, transparent 13px),
        radial-gradient(circle at 66% 50%, #020616 0 10px, transparent 11px),
        radial-gradient(circle at 80% 60%, #020616 0 12px, transparent 13px),
        radial-gradient(circle at 92% 52%, #020616 0 10px, transparent 11px);
}

.vod-play-btn {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 84px;
    height: 84px;
    border: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, var(--vod-blue), #0a6ed8);
    box-shadow: 0 0 38px rgba(23, 184, 255, 0.7), 0 0 0 18px rgba(23, 184, 255, 0.08);
}

.vod-play-btn::before {
    content: "";
    position: absolute;
    left: 34px;
    top: 25px;
    border-left: 25px solid #fff;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
}

.vod-badge {
    position: absolute;
    left: 18px;
    top: 18px;
    padding: 7px 10px;
    color: #fff;
    background: #ff315a;
}

.vod-lock {
    position: absolute;
    right: 18px;
    bottom: 18px;
    padding: 8px 12px;
    color: #fff;
    background: rgba(5, 11, 28, 0.72);
    border: 1px solid var(--vod-border);
}

.vod-list {
    display: grid;
    gap: 10px;
}

.vod-list div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
}

.vod-list b {
    color: var(--vod-blue);
    font-size: 13px;
}

.vod-dashboard__stats {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.vod-dashboard__stats div {
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
}

.vod-dashboard__stats strong {
    display: block;
    color: #fff;
    font-size: 26px;
}

.vod-dashboard__stats span {
    color: var(--vod-muted);
    font-size: 13px;
}

.vod-tabs-wrap {
    position: sticky;
    top: 78px;
    z-index: 30;
    padding: 14px 0;
    border-block: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(5, 11, 28, 0.78);
    backdrop-filter: blur(16px);
}

.vod-tabs {
    display: flex;
    justify-content: center;
    gap: 10px;
    overflow-x: auto;
}

.vod-tabs a {
    white-space: nowrap;
    padding: 14px 24px;
    border-radius: 999px;
    color: var(--vod-muted);
    font-weight: 800;
}

.vod-tabs a.active,
.vod-tabs a:hover {
    color: #fff;
    background: linear-gradient(135deg, #0a8fe8, #1053e8);
    box-shadow: 0 14px 36px rgba(23, 184, 255, 0.22);
}

.vod-section {
    padding: 100px 0;
}

.vod-section--alt {
    background: radial-gradient(circle at 20% 10%, rgba(23, 184, 255, 0.07), transparent 30%);
}

.vod-feature-grid,
.vod-why-grid,
.vod-testimonial-grid {
    display: grid;
    gap: 22px;
}

.vod-feature-grid--three {
    grid-template-columns: repeat(3, 1fr);
}

.vod-feature-grid--four,
.vod-why-grid {
    grid-template-columns: repeat(4, 1fr);
}

.vod-feature-card,
.vod-why-grid article {
    min-height: 245px;
    padding: 32px;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.vod-feature-card:hover,
.vod-why-grid article:hover {
    transform: translateY(-7px);
    border-color: rgba(23, 184, 255, 0.4);
}

.vod-feature-card img,
.vod-why-grid img {
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
}

.vod-feature-card h3,
.vod-why-grid h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 24px;
}

.vod-feature-card p,
.vod-why-grid p,
.vod-copy-panel p,
.vod-cta-box p {
    color: var(--vod-muted);
    line-height: 1.7;
}

.vod-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 86px;
    align-items: center;
}

.vod-copy-panel h2,
.vod-final-cta h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.vod-copy-panel p,
.vod-final-cta p {
    font-size: 18px;
}

.vod-check-list {
    display: grid;
    gap: 14px;
    padding: 0;
    margin: 28px 0 0;
    list-style: none;
}

.vod-check-list li {
    color: #dce8ff;
}

.vod-check-list li::before {
    content: "✓";
    margin-right: 10px;
    color: var(--vod-blue);
    font-weight: 900;
}

.vod-library-panel {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 16px;
    padding: 28px;
}

.vod-library-card {
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.045);
}

.vod-library-card--large {
    grid-row: span 3;
    min-height: 390px;
    background:
        radial-gradient(circle at 60% 30%, rgba(23, 184, 255, 0.22), transparent 34%),
        rgba(255, 255, 255, 0.045);
}

.vod-library-card h3 {
    margin: 18px 0 8px;
    color: #fff;
    font-size: 22px;
}

.vod-library-card p {
    color: var(--vod-muted);
}

.vod-analytics-dashboard {
    min-height: 480px;
    padding: 34px;
}

.vod-stat-line {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.vod-stat-line div {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.045);
}

.vod-stat-line strong {
    display: block;
    color: #fff;
    font-size: 32px;
}

.vod-stat-line span {
    color: var(--vod-muted);
}

.vod-chart {
    width: 100%;
    margin: 42px 0;
}

.vod-chart path {
    fill: none;
    stroke: var(--vod-blue);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    filter: drop-shadow(0 0 18px rgba(23, 184, 255, 0.65));
    animation: vodDraw 2.6s ease forwards;
}

.vod-bar-row {
    height: 18px;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
}

.vod-bar-row span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--vod-blue), #0a6ed8);
    animation: vodBar 1.6s ease both;
}

.vod-testimonial-grid {
    grid-template-columns: repeat(3, 1fr);
}

.vod-testimonial-grid article {
    padding: 30px;
}

.vod-testimonial-grid p {
    color: var(--vod-muted);
    line-height: 1.7;
}

.vod-testimonial-grid strong,
.vod-testimonial-grid span {
    display: block;
}

.vod-testimonial-grid strong {
    color: #fff;
}

.vod-testimonial-grid span {
    color: var(--vod-muted);
}

.vod-slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 34px auto 0;
}

.vod-slider-nav button {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(23, 184, 255, 0.28);
    border-radius: 999px;
    color: #fff;
    background: rgba(5, 18, 38, 0.72);
}

.vod-slider-nav span {
    color: var(--vod-blue);
    font-weight: 800;
    letter-spacing: 0.08em;
}

.vod-cta-box {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 32px;
    align-items: center;
    padding: 42px 48px;
}

@keyframes vodFloatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes vodDraw {
    to { stroke-dashoffset: 0; }
}

@keyframes vodBar {
    from { width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .vod-page * {
        animation: none !important;
    }
}

@media (max-width: 980px) {
    .vod-hero-grid,
    .vod-split-grid,
    .vod-cta-box {
        grid-template-columns: 1fr;
    }

    .vod-feature-grid--three,
    .vod-feature-grid--four,
    .vod-why-grid,
    .vod-testimonial-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vod-dashboard {
        grid-template-columns: 1fr;
    }

    .vod-dashboard__sidebar {
        display: none;
    }

    .vod-tabs {
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .vod-page .lift-container {
        width: calc(100% - 32px);
    }

    .vod-hero {
        padding: 64px 0;
    }

    .vod-hero h1 {
        font-size: 42px;
    }

    .vod-hero-stats,
    .vod-dashboard__stats,
    .vod-feature-grid--three,
    .vod-feature-grid--four,
    .vod-why-grid,
    .vod-testimonial-grid,
    .vod-library-panel,
    .vod-stat-line {
        display: grid;
        grid-template-columns: 1fr;
    }

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

    .vod-library-card--large {
        min-height: 260px;
    }
}

/* Subpages visual lift: keep existing content and routing, restyle legacy sections. */
body:has(.page-header),
body:has(.banner-14),
body:has(.banner-4),
body:has(.contact-section) {
    background:
        radial-gradient(circle at 76% 2%, rgba(3, 105, 161, 0.32), transparent 26%),
        radial-gradient(circle at 14% 28%, rgba(14, 165, 255, 0.2), transparent 22%),
        linear-gradient(180deg, #070d26, #080b20 50%, #0b102b);
    color: #f7f8ff;
}

body:has(.page-header) .page-header,
body:has(.contact-section) .page-header {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    padding: 118px 0 92px;
    background:
        radial-gradient(circle at 76% 32%, rgba(14, 165, 255, 0.34), transparent 32%),
        radial-gradient(circle at 22% 20%, rgba(52, 213, 255, 0.1), transparent 26%),
        linear-gradient(135deg, rgba(8, 13, 38, 0.98), rgba(30, 18, 78, 0.96));
}

body:has(.page-header) .page-header::before,
body:has(.banner-14) .banner-14::before,
body:has(.banner-4) .banner-4::before {
    content: "";
    position: absolute;
    inset: 18% 8% auto auto;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(2, 132, 199, 0.35), transparent 70%);
    filter: blur(12px);
    pointer-events: none;
}

body:has(.page-header) .page-header .bottom-shape,
body:has(.banner-14) .bottom-shape,
body:has(.banner-4) .bottom-shape {
    display: none !important;
}

body:has(.page-header) .page-header-content {
    position: relative;
    z-index: 1;
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

body:has(.page-header) .page-header-content .title,
body:has(.banner-14) .banner-content-14 .title,
body:has(.banner-4) .banner-content-3 .title {
    color: #fff;
    font-size: clamp(42px, 5vw, 68px) !important;
    line-height: 1.05;
    letter-spacing: 0;
}

body:has(.page-header) .breadcrumb {
    justify-content: center;
    margin-top: 22px;
    color: #aab2d8;
}

body:has(.page-header) .breadcrumb a {
    color: #d9defc;
}

body:has(.banner-14) .banner-14,
body:has(.banner-4) .banner-4 {
    position: relative;
    overflow: hidden;
    min-height: 680px;
    padding: 118px 0 86px;
    background:
        radial-gradient(circle at 76% 26%, rgba(14, 165, 255, 0.34), transparent 30%),
        linear-gradient(135deg, #070d26, #11194a 58%, #080b20) !important;
}

body:has(.banner-14) .banner-video-14,
body:has(.banner-4) .banner-4-slider {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 50%, rgba(14, 165, 255, 0.36), transparent 58%),
        linear-gradient(145deg, rgba(14, 165, 255, 0.28), rgba(52, 213, 255, 0.08));
    box-shadow: 0 30px 100px rgba(3, 72, 120, 0.36);
}

body:has(.banner-14) .sponsor-slider-wrapper {
    margin-top: 46px;
}

body:has(.page-header) .container,
body:has(.banner-14) .container,
body:has(.banner-4) .container,
body:has(.contact-section) .container {
    max-width: 1180px;
}

body:has(.page-header) .section-header .cate,
body:has(.banner-14) .cate,
body:has(.banner-4) .cate,
body:has(.contact-section) .section-header .cate {
    color: #38bdf8;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 900;
}

body:has(.page-header) .section-header .title,
body:has(.contact-section) .section-header .title,
body:has(.faq-section) .section-header .title {
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: 0;
}

body:has(.page-header) .section-header p,
body:has(.contact-section) .section-header p,
body:has(.banner-14) p,
body:has(.banner-4) p {
    color: #aab2d8;
    line-height: 1.7;
}

body:has(.page-header) :is(.feature-section, .how-section, .tool-section, .testimonial-section, .exclusive-section, .faster-section, .about-section, .partner-section, .team-section, .faq-section, .comunity-section),
body:has(.contact-section) .contact-section,
body:has(.banner-14) :is(.feature-section, .how-section, .tool-section, .testimonial-section),
body:has(.banner-4) :is(.ex-feature, .exclusive-section, .colaboration-section, .faq-section) {
    position: relative;
    background: transparent !important;
}

body:has(.page-header) :is(.feature-item, .feature-item-2, .how-item-3, .exclusive-item, .partner-item, .testimonial-item, .counter-item-5, .faq--item, .help-item, .contact-wrapper, .contact-item, .cola-content, .feature-tab-header, .user-counter-wrapper),
body:has(.contact-section) :is(.contact-wrapper, .contact-item, .contact-form),
body:has(.banner-14) :is(.feature-item-2, .how-item-3, .testimonial-item),
body:has(.banner-4) :is(.exclusive-item, .colaboration-item, .faq-item, .counter-item) {
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 24px;
    background:
        radial-gradient(circle at 84% 88%, rgba(14, 165, 255, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035));
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

body:has(.page-header) :is(.feature-item, .feature-item-2, .how-item-3, .exclusive-item, .partner-item, .testimonial-item, .counter-item-5, .faq--item, .help-item) {
    padding: 28px;
}

body:has(.page-header) :is(.feature-content .title, .how-content .title, .exclusive-content .title, .feature-tab-header .title, .testimonial-content .title, .faq-title .title, .help-content .title),
body:has(.banner-14) :is(.feature-content .title, .how-content .title, .testimonial-content .title),
body:has(.banner-4) :is(.exclusive-content .title, .colaboration-content .title, .faq-header .title) {
    color: #fff;
    line-height: 1.16;
}

body:has(.page-header) :is(.feature-content p, .how-content p, .exclusive-content p, .feature-tab-header p, .testimonial-content p, .faq-content p, .help-content p),
body:has(.banner-14) :is(.feature-content p, .how-content p, .testimonial-content p),
body:has(.banner-4) :is(.exclusive-content p, .colaboration-content p, .faq-content p) {
    color: #aab2d8;
}

body:has(.page-header) :is(.feature-thumb, .how-thumb, .exclusive-thumb, .cola-thumb, .faq-thumb, .contact-thumb),
body:has(.banner-14) :is(.feature-thumb, .how-thumb, .testimonial-thumb),
body:has(.banner-4) :is(.exclusive-thumb, .colaboration-thumb, .faq-thumb) {
    filter: drop-shadow(0 24px 48px rgba(14, 165, 255, 0.24));
}

body:has(.page-header) .feature-tab-menu,
body:has(.page-header) .faq-menu {
    gap: 12px;
    border: 0;
}

body:has(.page-header) .feature-tab-menu a,
body:has(.page-header) .faq-menu .nav-link {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    color: #d9defc;
    background: rgba(255, 255, 255, 0.055);
}

body:has(.page-header) .feature-tab-menu a.active,
body:has(.page-header) .faq-menu .nav-link.active {
    color: #fff;
    background: linear-gradient(135deg, #0ea5ff, #0369a1);
    box-shadow: 0 16px 40px rgba(14, 165, 255, 0.28);
}

body:has(.contact-section) :is(input, textarea, select),
body:has(.page-header) :is(input, textarea, select) {
    min-height: 54px;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

body:has(.contact-section) textarea,
body:has(.page-header) textarea {
    min-height: 150px;
}

body:has(.contact-section) :is(input, textarea, select)::placeholder,
body:has(.page-header) :is(input, textarea, select)::placeholder {
    color: rgba(217, 222, 252, 0.72);
}

body:has(.contact-section) :is(button, .button-3, .button-4),
body:has(.page-header) :is(button, .button-3, .button-4),
body:has(.banner-14) :is(.button-3, .button-4),
body:has(.banner-4) :is(.button-3, .button-4) {
    position: relative;
    overflow: hidden;
    min-height: 50px;
    border: 0;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(135deg, #0ea5ff, #0369a1) !important;
    box-shadow: 0 16px 40px rgba(14, 165, 255, 0.32);
    transition: transform 0.24s ease, box-shadow 0.24s ease;
}

body:has(.contact-section) :is(button, .button-3, .button-4):hover,
body:has(.page-header) :is(button, .button-3, .button-4):hover,
body:has(.banner-14) :is(.button-3, .button-4):hover,
body:has(.banner-4) :is(.button-3, .button-4):hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 56px rgba(14, 165, 255, 0.5);
}

body:has(.page-header) .sponsor-thumb,
body:has(.banner-14) .sponsor-thumb {
    display: grid;
    place-items: center;
    min-height: 86px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
}

body:has(.page-header) .sponsor-thumb img,
body:has(.banner-14) .sponsor-thumb img,
body:has(.page-header) .partner-item img {
    max-height: 54px;
    object-fit: contain;
    filter: grayscale(1) brightness(1.45);
    opacity: 0.78;
    transition: filter 0.24s ease, opacity 0.24s ease, transform 0.24s ease;
}

body:has(.page-header) .sponsor-thumb:hover img,
body:has(.banner-14) .sponsor-thumb:hover img,
body:has(.page-header) .partner-item:hover img {
    filter: none;
    opacity: 1;
    transform: translateY(-3px);
}

body:has(.page-header) .user-counter-wrapper {
    background:
        radial-gradient(circle at 20% 20%, rgba(14, 165, 255, 0.18), transparent 32%),
        rgba(255, 255, 255, 0.04) !important;
}

body:has(.page-header) .counter,
body:has(.page-header) .counter-item-5 .counter {
    color: #fff;
    font-size: 44px;
    font-weight: 800;
}

@media (max-width: 980px) {
    body:has(.page-header) .page-header,
    body:has(.banner-14) .banner-14,
    body:has(.banner-4) .banner-4 {
        min-height: auto;
        padding: 96px 0 68px;
    }

    body:has(.page-header) .page-header-content .title,
    body:has(.banner-14) .banner-content-14 .title,
    body:has(.banner-4) .banner-content-3 .title {
        font-size: clamp(36px, 10vw, 52px) !important;
    }
}

.partner-lift-page {
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 88% 8%, rgba(109, 53, 255, 0.12), transparent 30%),
        radial-gradient(circle at 10% 26%, rgba(23, 184, 255, 0.16), transparent 31%),
        linear-gradient(180deg, #061124, #071c38 48%, #04091a);
}

.partner-lift-hero {
    position: relative;
    overflow: hidden;
    padding: 144px 0 96px;
}

.partner-lift-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/contact/layout/contact-orbits.svg") right 8% top 18% / 760px auto no-repeat;
    opacity: 0.62;
    pointer-events: none;
}

.partner-lift-hero-grid,
.partner-lift-main-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 54px;
    align-items: center;
}

.partner-lift-hero-copy h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 5.8vw, 82px);
    line-height: 1.04;
}

.partner-lift-hero-copy h1 span {
    color: #17b8ff;
}

.partner-lift-hero-copy p:not(.lift-eyebrow) {
    max-width: 720px;
    margin: 24px 0 0;
    color: #b7c3da;
    font-size: 19px;
    line-height: 1.75;
}

.partner-lift-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: 34px;
    padding: 0 30px;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #0ea5ff, #17b8ff);
    box-shadow: 0 18px 48px rgba(23, 184, 255, 0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.partner-lift-button:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 24px 58px rgba(23, 184, 255, 0.38);
}

.partner-lift-orbit-card,
.partner-lift-graphic-card,
.partner-lift-copy-card,
.partner-lift-benefit,
.partner-lift-audience-grid article,
.partner-lift-timeline article,
.partner-lift-cta {
    border: 1px solid rgba(23, 184, 255, 0.16);
    background:
        radial-gradient(circle at 84% 96%, rgba(23, 184, 255, 0.16), transparent 38%),
        rgba(255, 255, 255, 0.04);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(16px);
}

.partner-lift-orbit-card {
    position: relative;
    min-height: 430px;
    border-radius: 32px;
}

.partner-lift-orbit-card::before {
    content: "";
    position: absolute;
    inset: 22%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(23, 184, 255, 0.26), transparent 68%);
    filter: blur(18px);
}

.partner-lift-orbit {
    position: absolute;
    inset: 12%;
    border: 1px dashed rgba(23, 184, 255, 0.34);
    border-radius: 50%;
    animation: liftFaqOrbit 44s linear infinite;
}

.partner-lift-orbit-two {
    inset: 24%;
    opacity: 0.55;
    animation-direction: reverse;
    animation-duration: 32s;
}

.partner-lift-node {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    gap: 10px;
    min-width: 132px;
    padding: 18px 20px;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 22px;
    color: #fff;
    background: rgba(5, 18, 38, 0.76);
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.3);
}

.partner-lift-node img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.partner-lift-node span {
    font-weight: 900;
}

.partner-lift-node-stream {
    left: 9%;
    top: 14%;
}

.partner-lift-node-client {
    right: 8%;
    top: 26%;
}

.partner-lift-node-margin {
    left: 14%;
    bottom: 18%;
}

.partner-lift-node-support {
    right: 12%;
    bottom: 12%;
}

.partner-lift-section {
    padding: 76px 0;
}

.partner-lift-intro {
    padding-top: 28px;
}

.partner-lift-graphic-card,
.partner-lift-copy-card {
    min-height: 360px;
    padding: 44px;
    border-radius: 32px;
}

.partner-lift-graphic-card h2,
.partner-lift-copy-card h2,
.partner-lift-section-head h2,
.partner-lift-cta h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(32px, 3.6vw, 52px);
    line-height: 1.12;
}

.partner-lift-copy-card p:not(.lift-eyebrow),
.partner-lift-cta p {
    color: #b7c3da;
    font-size: 17px;
    line-height: 1.75;
}

.partner-lift-flow {
    display: grid;
    gap: 16px;
    margin-top: 34px;
}

.partner-lift-flow span {
    display: inline-flex;
    width: fit-content;
    min-height: 48px;
    align-items: center;
    padding: 0 20px;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
    background: rgba(23, 184, 255, 0.12);
}

.partner-lift-flow i {
    width: 2px;
    height: 34px;
    margin-left: 28px;
    background: linear-gradient(180deg, #17b8ff, transparent);
}

.partner-lift-section-head {
    max-width: 760px;
    margin-bottom: 32px;
    text-align: center;
}

.partner-lift-section-head h2 {
    margin-inline: auto;
}

.partner-lift-benefits-grid,
.partner-lift-audience-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.partner-lift-benefit,
.partner-lift-audience-grid article {
    border-radius: 24px;
    padding: 28px;
}

.partner-lift-benefit img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    filter: drop-shadow(0 0 18px rgba(23, 184, 255, 0.28));
}

.partner-lift-benefit h3,
.partner-lift-timeline h3 {
    margin: 18px 0 10px;
    color: #fff;
    font-size: 22px;
}

.partner-lift-benefit p,
.partner-lift-timeline p {
    margin: 0;
    color: #b7c3da;
    line-height: 1.65;
}

.partner-lift-stats-section {
    padding-block: 36px;
}

.partner-lift-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    padding: 28px;
    border: 1px solid rgba(23, 184, 255, 0.16);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.partner-lift-stat {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px 18px;
    align-items: center;
}

.partner-lift-stat img {
    grid-row: span 2;
    width: 42px;
    height: 42px;
}

.partner-lift-stat strong {
    color: #fff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1;
}

.partner-lift-stat > span {
    color: #b7c3da;
}

.partner-lift-audience-grid article {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.partner-lift-audience-grid article::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow: 0 0 18px rgba(23, 184, 255, 0.7);
}

.partner-lift-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.partner-lift-timeline::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 28px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(23, 184, 255, 0.72), transparent);
}

.partner-lift-timeline article {
    position: relative;
    z-index: 1;
    border-radius: 24px;
    padding: 28px;
}

.partner-lift-timeline article > span {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(23, 184, 255, 0.34);
    border-radius: 50%;
    color: #17b8ff;
    background: #061124;
    font-weight: 900;
}

.partner-lift-final {
    padding-bottom: 104px;
}

.partner-lift-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: center;
    padding: 42px 48px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 86% 50%, rgba(23, 184, 255, 0.2), transparent 34%),
        linear-gradient(135deg, rgba(7, 28, 56, 0.92), rgba(5, 18, 38, 0.86));
}

@media (max-width: 980px) {
    .partner-lift-hero-grid,
    .partner-lift-main-grid,
    .partner-lift-cta {
        grid-template-columns: 1fr;
    }

    .partner-lift-benefits-grid,
    .partner-lift-audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partner-lift-timeline {
        grid-template-columns: 1fr;
    }

    .partner-lift-timeline::before {
        top: 0;
        bottom: 0;
        left: 56px;
        right: auto;
        width: 1px;
        height: auto;
        background: linear-gradient(180deg, transparent, rgba(23, 184, 255, 0.72), transparent);
    }
}

@media (max-width: 640px) {
    .partner-lift-hero {
        padding: 116px 0 66px;
    }

    .partner-lift-orbit-card {
        min-height: 360px;
    }

    .partner-lift-node {
        min-width: 108px;
        padding: 14px;
        font-size: 13px;
    }

    .partner-lift-benefits-grid,
    .partner-lift-audience-grid,
    .partner-lift-stats {
        grid-template-columns: 1fr;
    }

    .partner-lift-graphic-card,
    .partner-lift-copy-card,
    .partner-lift-benefit,
    .partner-lift-audience-grid article,
    .partner-lift-timeline article,
    .partner-lift-cta {
        padding: 24px;
        border-radius: 22px;
    }
}

.contact-lift-hero {
    position: relative;
    overflow: hidden;
    padding: 136px 0 104px;
    text-align: center;
    color: #fff;
    background:
        radial-gradient(circle at 82% 16%, rgba(109, 53, 255, 0.2), transparent 34%),
        radial-gradient(circle at 18% 64%, rgba(23, 184, 255, 0.16), transparent 35%),
        linear-gradient(180deg, #061124, #071c38 64%, #04091a);
}

.contact-lift-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/contact/layout/contact-orbits.svg") center top / cover no-repeat;
    opacity: 0.78;
    pointer-events: none;
    animation: contactOrbitDrift 18s ease-in-out infinite alternate;
}

.contact-lift-hero::after {
    content: "";
    position: absolute;
    inset: -18% -8%;
    background:
        radial-gradient(circle at 18% 32%, rgba(23, 184, 255, 0.95) 0 4px, transparent 5px),
        radial-gradient(circle at 71% 25%, rgba(23, 184, 255, 0.86) 0 7px, transparent 8px),
        radial-gradient(circle at 80% 73%, rgba(23, 184, 255, 0.8) 0 5px, transparent 6px),
        radial-gradient(circle at 44% 84%, rgba(23, 184, 255, 0.58) 0 3px, transparent 4px),
        radial-gradient(circle at 58% 42%, rgba(255, 255, 255, 0.2), transparent 22%),
        radial-gradient(circle at 50% 50%, rgba(23, 184, 255, 0.12), transparent 38%);
    opacity: 0.72;
    filter: drop-shadow(0 0 18px rgba(23, 184, 255, 0.42));
    pointer-events: none;
    animation: contactHeroParticles 12s ease-in-out infinite alternate;
}

.contact-lift-hero .lift-container {
    position: relative;
    z-index: 1;
}

.contact-lift-hero h1 {
    margin: 0;
    font-size: clamp(44px, 5vw, 72px);
    line-height: 1.05;
    color: #fff;
}

.contact-lift-hero h1 span {
    color: #17b8ff;
}

.contact-lift-hero p:not(.lift-eyebrow) {
    max-width: 620px;
    margin: 18px auto 0;
    color: #d8ddff;
    font-size: 19px;
    line-height: 1.7;
}

.contact-lift-section {
    position: relative;
    padding: 28px 0 124px;
    color: #f7f8ff;
    background:
        radial-gradient(circle at 18% 18%, rgba(14, 165, 255, 0.2), transparent 26%),
        linear-gradient(180deg, #080b20, #070d26 70%);
}

.contact-lift-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.95fr);
    gap: 32px;
    align-items: stretch;
    margin-top: -40px;
}

.contact-lift-card,
.contact-lift-side {
    position: relative;
    border: 1px solid rgba(105, 160, 220, 0.18);
    border-radius: 32px;
    background:
        radial-gradient(circle at 84% 92%, rgba(14, 165, 255, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(17, 29, 57, 0.86), rgba(8, 18, 39, 0.78));
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(18px);
}

.contact-lift-form-card {
    padding: 48px;
}

.contact-lift-card-head {
    margin-bottom: 28px;
}

.contact-lift-card-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border: 1px solid rgba(23, 184, 255, 0.34);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(14, 165, 255, 0.26), rgba(2, 132, 199, 0.14)),
        rgba(23, 184, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 22px rgba(14, 165, 255, 0.14);
}

.contact-lift-card-icon img {
    width: 30px;
    height: 30px;
}

.contact-lift-card-icon--glyph {
    color: #eaf6ff;
    font-size: 24px;
}

.contact-lift-card-icon--glyph i {
    line-height: 1;
}

.contact-lift-card-head h2,
.contact-lift-company h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.12;
}

.contact-lift-card-head > p:not(.lift-eyebrow) {
    margin: 14px 0 0;
    color: #b7c3da;
    font-size: 16px;
    line-height: 1.7;
}

.contact-lift-helper {
    margin-bottom: 28px;
    padding: 22px 24px;
    border: 1px solid rgba(23, 184, 255, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.04);
}

.contact-lift-helper h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 18px;
}

.contact-lift-bullets,
.contact-lift-trust-points {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-lift-bullets li,
.contact-lift-trust-points li {
    position: relative;
    padding-left: 28px;
    color: #d9defc;
    line-height: 1.65;
}

.contact-lift-bullets li::before,
.contact-lift-trust-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0ea5ff, #38bdf8);
    box-shadow: 0 0 16px rgba(14, 165, 255, 0.28);
    transform: translateY(-50%);
}

.contact-lift-helper-trust {
    margin-top: -4px;
}

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

.contact-lift-form .form-group {
    margin-bottom: 18px;
}

.contact-lift-form label {
    display: block;
    margin-bottom: 8px;
    color: #eef1ff;
    font-weight: 800;
}

.contact-lift-form input:not([type="checkbox"]):not([type="submit"]),
.contact-lift-form select,
.contact-lift-form textarea {
    width: 100%;
    min-height: 64px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.045) !important;
    background-color: rgba(255, 255, 255, 0.045) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    appearance: none;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.contact-lift-form select {
    padding-right: 52px;
    background-image:
        linear-gradient(45deg, transparent 50%, #38bdf8 50%),
        linear-gradient(135deg, #38bdf8 50%, transparent 50%);
    background-position:
        calc(100% - 24px) calc(50% - 2px),
        calc(100% - 18px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.contact-lift-form textarea {
    min-height: 150px;
    resize: vertical;
    -webkit-text-fill-color: #ffffff;
}

.contact-lift-form input:not([type="checkbox"]):not([type="submit"]):focus,
.contact-lift-form select:focus,
.contact-lift-form textarea:focus {
    border-color: rgba(56, 189, 248, 0.72);
    background: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 0 4px rgba(14, 165, 255, 0.16);
    outline: 0;
}

.contact-lift-form input::placeholder,
.contact-lift-form textarea::placeholder {
    color: rgba(217, 222, 252, 0.72);
}

.contact-lift-field-full {
    grid-column: 1 / -1;
}

.contact-lift-consent {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: start;
    margin: 8px 0 18px;
    color: #d9defc;
    font-size: 13px;
    line-height: 1.6;
}

.contact-lift-consent input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    accent-color: #0ea5ff;
}

.contact-lift-recaptcha {
    overflow: hidden;
    max-width: 100%;
}

.contact-lift-submit {
    margin-top: 18px;
    text-align: right;
}

.contact-lift-submit input[type="submit"] {
    min-width: 240px;
    min-height: 64px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #6d35ff, #17b8ff);
    box-shadow: 0 18px 44px rgba(14, 165, 255, 0.34);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.contact-lift-submit input[type="submit"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 58px rgba(14, 165, 255, 0.52);
}

.demo-premium-page {
    position: relative;
    overflow: hidden;
    padding: 112px 0 120px;
    background:
        radial-gradient(circle at 18% 16%, rgba(23, 184, 255, 0.2), transparent 32%),
        radial-gradient(circle at 88% 10%, rgba(139, 77, 255, 0.18), transparent 28%),
        linear-gradient(180deg, #061124 0%, #071c38 48%, #050a18 100%);
}

.demo-premium-page::before,
.demo-premium-orbit {
    content: "";
    position: absolute;
    pointer-events: none;
}

.demo-premium-page::before {
    inset: 0;
    background-image:
        radial-gradient(circle, rgba(23, 184, 255, 0.55) 0 3px, transparent 4px),
        radial-gradient(circle, rgba(139, 77, 255, 0.45) 0 2px, transparent 3px);
    background-position: 11% 22%, 83% 17%;
    background-size: 520px 260px, 640px 300px;
    opacity: 0.55;
}

.demo-premium-orbit {
    top: 80px;
    right: -14vw;
    width: 74vw;
    height: 360px;
    border: 1px dashed rgba(23, 184, 255, 0.16);
    border-radius: 50%;
    transform: rotate(-9deg);
    opacity: 0.8;
}

.demo-premium-hero {
    position: relative;
    z-index: 1;
    max-width: 860px;
    margin-bottom: 56px;
}

.demo-premium-hero h1 {
    max-width: 820px;
    margin: 12px 0 18px;
    color: #fff;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.demo-premium-hero p:not(.lift-eyebrow) {
    max-width: 680px;
    margin: 0;
    color: #b7c3da;
    font-size: 19px;
    line-height: 1.7;
}

.demo-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 520px;
    gap: 40px;
    align-items: start;
}

.demo-card {
    background:
        linear-gradient(180deg, rgba(15, 24, 50, 0.96), rgba(8, 13, 32, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 28px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(18px);
}

.demo-info-card,
.demo-form-card {
    padding: 40px;
}

.demo-card-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    border: 1px solid rgba(50, 168, 255, 0.28);
    border-radius: 18px;
    color: #eaf7ff;
    background: linear-gradient(135deg, rgba(22, 163, 255, 0.35), rgba(139, 77, 255, 0.2));
    box-shadow: 0 18px 44px rgba(23, 184, 255, 0.18);
}

.demo-card-icon i {
    font-size: 21px;
}

.demo-info-card h2,
.demo-form-card h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.12;
}

.demo-checklist {
    display: grid;
    gap: 18px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.demo-checklist li {
    position: relative;
    padding-left: 34px;
    color: #d8e3f7;
    font-size: 18px;
    line-height: 1.55;
}

.demo-checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35em;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #17b8ff;
    box-shadow: 0 0 22px rgba(23, 184, 255, 0.36);
}

.demo-checklist li::after {
    content: "";
    position: absolute;
    left: 6px;
    top: calc(0.35em + 4px);
    width: 6px;
    height: 9px;
    border: solid #061124;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.demo-quick-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 38px;
}

.demo-quick-grid span {
    display: grid;
    place-items: center;
    min-height: 86px;
    padding: 18px;
    border: 1px solid rgba(23, 184, 255, 0.16);
    border-radius: 20px;
    color: #fff;
    font-weight: 900;
    text-align: center;
    background: rgba(255, 255, 255, 0.04);
}

.demo-form-head {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    align-items: start;
    margin-bottom: 28px;
}

.demo-form-head .demo-card-icon {
    margin: 0;
}

.demo-form-head p {
    margin: 12px 0 0;
    color: #b7c3da;
    font-size: 16px;
    line-height: 1.65;
}

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

.demo-form .form-group {
    margin-bottom: 18px;
}

.demo-form label {
    display: block;
    margin-bottom: 8px;
    color: #eef6ff;
    font-weight: 800;
}

.demo-field-full {
    grid-column: 1 / -1;
}

.demo-form .form-input,
.demo-form .form-select,
.demo-form .form-textarea {
    width: 100%;
    height: 56px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.045);
    font-size: 15px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.demo-form .form-select {
    padding-right: 48px;
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #32a8ff 50%),
        linear-gradient(135deg, #32a8ff 50%, transparent 50%);
    background-position:
        calc(100% - 24px) calc(50% - 2px),
        calc(100% - 18px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.demo-form .form-select option {
    color: #061124;
}

.demo-form .form-textarea {
    min-height: 120px;
    padding-top: 16px;
    resize: vertical;
}

.demo-form .form-input:focus,
.demo-form .form-select:focus,
.demo-form .form-textarea:focus {
    outline: none;
    border-color: #32a8ff;
    box-shadow: 0 0 0 4px rgba(50, 168, 255, 0.16);
    background: rgba(255, 255, 255, 0.07);
}

.demo-form .form-input::placeholder,
.demo-form .form-textarea::placeholder {
    color: rgba(183, 195, 218, 0.78);
}

.demo-form .is-invalid {
    border-color: rgba(255, 92, 122, 0.85) !important;
}

.demo-field-error {
    display: block;
    min-height: 18px;
    margin-top: 6px;
    color: #ff8ea3;
    font-size: 12px;
    font-weight: 700;
}

.demo-consent {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: start;
    margin: 2px 0 18px;
    color: #b7c3da;
    font-size: 13px;
    line-height: 1.55;
}

.demo-consent input {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    accent-color: #17b8ff;
}

.demo-consent a {
    color: #32a8ff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.demo-consent .demo-field-error {
    grid-column: 2;
}

.demo-recaptcha {
    overflow: hidden;
}

.demo-submit {
    margin-top: 20px;
}

.primary-button {
    width: 100%;
    height: 58px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(90deg, #16a3ff, #8b4dff);
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.primary-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 60px rgba(112, 84, 255, 0.38);
}

.primary-button:disabled {
    cursor: wait;
    opacity: 0.75;
}

.demo-form-trust {
    margin: 14px 0 0;
    color: #b7c3da;
    font-size: 13px;
    text-align: center;
}

.demo-status {
    margin: 0 0 22px;
    padding: 16px 18px;
    border-radius: 16px;
    font-weight: 800;
    line-height: 1.5;
}

.demo-status-success {
    color: #dfffee;
    background: rgba(16, 185, 129, 0.13);
    border: 1px solid rgba(16, 185, 129, 0.28);
}

.demo-status-error {
    color: #ffe4ea;
    background: rgba(255, 92, 122, 0.12);
    border: 1px solid rgba(255, 92, 122, 0.28);
}

.contact-lift-side {
    overflow: hidden;
    padding: 48px;
}

.contact-lift-company {
    margin-bottom: 34px;
}

.contact-lift-company p:not(.lift-eyebrow) {
    margin: 16px 0 0;
    color: #aab2d8;
    line-height: 1.7;
}

.contact-lift-info-list {
    display: grid;
    gap: 18px;
}

.contact-lift-info {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 20px;
    align-items: center;
    padding: 24px;
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.035)),
        rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.contact-lift-info img,
.contact-lift-info-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    padding: 10px;
    border: 1px solid rgba(23, 184, 255, 0.22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(14, 165, 255, 0.18), rgba(2, 132, 199, 0.08));
    box-shadow: 0 0 18px rgba(14, 165, 255, 0.12);
}

.contact-lift-info img {
    object-fit: contain;
}

.contact-lift-info-icon {
    color: #eaf6ff;
    font-size: 22px;
}

.contact-lift-info h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: 18px;
}

.contact-lift-info a,
.contact-lift-info span {
    display: block;
    color: #d9defc;
    line-height: 1.6;
}

.contact-lift-side-actions {
    margin-top: 22px;
}

.contact-lift-alert {
    margin: 0 0 22px;
    padding: 14px 18px;
    border-radius: 14px;
    text-align: center;
    font-weight: 800;
}

.contact-lift-alert-error {
    color: #ffd7d7;
    background: rgba(255, 70, 70, 0.14);
}

.contact-lift-alert-success {
    color: #d7ffe8;
    background: rgba(42, 210, 122, 0.14);
}

.contact-lift-cta-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(220px, auto);
    gap: 28px;
    align-items: center;
    margin-top: 46px;
    margin-bottom: 34px;
    padding: 32px 40px;
    border: 1px solid rgba(105, 160, 220, 0.18);
    border-radius: 28px;
    background: linear-gradient(90deg, rgba(18, 34, 65, 0.92), rgba(11, 28, 56, 0.82));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.contact-lift-cta-title {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.contact-lift-cta-title img {
    width: 58px;
    height: 58px;
    padding: 10px;
    border: 1px solid rgba(23, 184, 255, 0.24);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(14, 165, 255, 0.2), rgba(2, 132, 199, 0.1));
    box-shadow: 0 0 18px rgba(14, 165, 255, 0.12);
}

.contact-lift-cta-title h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.15;
}

.contact-lift-cta-title p {
    margin: 8px 0 0;
    color: #b7c3da;
}

.contact-lift-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 26px;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #6d35ff, #17b8ff);
    box-shadow: 0 18px 44px rgba(14, 165, 255, 0.3);
}

.contact-lift-cta-button:hover {
    color: #fff;
    transform: translateY(-2px);
}

.contact-lift-cta-data {
    display: grid;
    gap: 8px;
}

.contact-lift-cta-data a {
    color: #d9defc;
    font-weight: 700;
}

@keyframes contactOrbitDrift {
    from {
        transform: translate3d(-18px, -8px, 0) scale(1.04);
    }

    to {
        transform: translate3d(24px, 12px, 0) scale(1.1);
    }
}

@keyframes contactHeroParticles {
    from {
        transform: translate3d(-14px, 8px, 0) rotate(-2deg);
    }

    to {
        transform: translate3d(18px, -10px, 0) rotate(2deg);
    }
}

@media (max-width: 980px) {
    .contact-lift-grid {
        grid-template-columns: 1fr;
        margin-top: -16px;
    }

    .contact-lift-fields {
        grid-template-columns: 1fr;
    }

    .contact-lift-field-full {
        grid-column: auto;
    }

    .contact-lift-cta-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .contact-lift-hero {
        padding: 100px 0 58px;
    }

    .contact-lift-section {
        padding: 20px 0 72px;
    }

    .contact-lift-form-card,
    .contact-lift-side {
        padding: 24px;
        border-radius: 22px;
    }

    .contact-lift-cta-strip {
        padding: 24px;
        border-radius: 22px;
    }

    .contact-lift-cta-title {
        grid-template-columns: 1fr;
    }

    .contact-lift-submit {
        text-align: left;
    }

    .contact-lift-submit input[type="submit"] {
        width: 100%;
    }
}

.lift-legacy-page--pay-per-view {
    overflow: hidden;
}

.ppv-detail-page .lift-section {
    padding: 82px 0;
}

.ppv-detail-hero {
    position: relative;
    overflow: hidden;
    padding: 124px 0 74px;
    background:
        radial-gradient(circle at 14% 24%, rgba(23, 184, 255, 0.18), transparent 24%),
        radial-gradient(circle at 84% 18%, rgba(61, 31, 168, 0.12), transparent 26%),
        linear-gradient(180deg, #061124, #071c38 68%, #081124);
}

.ppv-detail-hero::before,
.ppv-detail-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ppv-detail-hero::before {
    background:
        radial-gradient(circle at 8% 18%, rgba(23, 184, 255, 0.96) 0 3px, transparent 4px),
        radial-gradient(circle at 11% 24%, rgba(23, 184, 255, 0.82) 0 6px, transparent 7px),
        radial-gradient(circle at 89% 20%, rgba(86, 157, 255, 0.88) 0 5px, transparent 6px),
        radial-gradient(circle at 92% 68%, rgba(100, 87, 255, 0.56) 0 4px, transparent 5px);
    opacity: .82;
}

.ppv-detail-hero::after {
    inset: 6% -8% 12%;
    border-top: 1px dashed rgba(23, 184, 255, 0.18);
    border-bottom: 1px dashed rgba(23, 184, 255, 0.15);
    border-radius: 50%;
    transform: rotate(-7deg);
}

.ppv-detail-hero-grid,
.ppv-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(560px, 1.1fr);
    gap: 42px;
    align-items: center;
}

.ppv-detail-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 5vw, 78px);
    line-height: 1.02;
}

.ppv-detail-copy h1 span {
    color: #17b8ff;
}

.ppv-sales-visual {
    position: relative;
    min-height: 620px;
}

.ppv-sales-visual__glow {
    position: absolute;
    inset: 16% 10% 18%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(23, 184, 255, 0.22), transparent 60%);
    filter: blur(34px);
    animation: ppvDetailGlow 9s ease-in-out infinite;
}

.ppv-sales-orbit {
    position: absolute;
    border: 1px dashed rgba(23, 184, 255, 0.2);
    border-radius: 50%;
}

.ppv-sales-orbit--one {
    inset: 6% 4% 20%;
    animation: ppvDetailOrbit 28s linear infinite;
}

.ppv-sales-orbit--two {
    inset: 14% 12% 10%;
    animation: ppvDetailOrbit 42s linear infinite reverse;
}

.ppv-sales-player {
    position: absolute;
    inset: 26% 16% 15%;
    z-index: 5;
    border: 1px solid rgba(23, 184, 255, 0.26);
    border-radius: 32px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(10, 14, 38, 0.96), rgba(6, 9, 24, 0.94));
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.38), 0 0 40px rgba(23, 184, 255, 0.16);
    animation: ppvDetailFloat 6s ease-in-out infinite;
}

.ppv-sales-player__top,
.ppv-sales-player__bottom {
    position: absolute;
    right: 24px;
    left: 24px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ppv-sales-player__top {
    top: 22px;
}

.ppv-sales-player__bottom {
    bottom: 20px;
    gap: 14px;
    color: #fff;
}

.ppv-sales-live {
    padding: 8px 12px;
    border-radius: 8px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #ff2d8d, #ff5a5f);
    box-shadow: 0 0 22px rgba(255, 45, 141, 0.38);
    animation: ppvLivePulse 1.8s ease-in-out infinite;
}

.ppv-sales-counter,
.ppv-sales-player__value {
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.06);
}

.ppv-sales-stage {
    position: absolute;
    inset: 0 0 64px;
    background:
        radial-gradient(circle at 50% 48%, rgba(23, 184, 255, 0.4), transparent 22%),
        linear-gradient(180deg, rgba(18, 16, 68, 0.82), rgba(5, 9, 22, 0.96));
}

.ppv-sales-stage__beams {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(104deg, transparent 16%, rgba(23, 184, 255, 0.22) 22%, transparent 30%),
        linear-gradient(76deg, transparent 56%, rgba(255, 45, 141, 0.12) 62%, transparent 72%),
        linear-gradient(88deg, transparent 42%, rgba(86, 157, 255, 0.16) 48%, transparent 56%);
    animation: ppvLights 6s ease-in-out infinite alternate;
}

.ppv-sales-stage__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 138px;
    height: 138px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, #17b8ff, #0b69a8 62%, rgba(23, 184, 255, 0.15));
    box-shadow: 0 0 44px rgba(23, 184, 255, 0.48), 0 0 0 18px rgba(23, 184, 255, 0.1);
    animation: ppvPlayPulse 2.6s ease-in-out infinite;
}

.ppv-sales-stage__play::before {
    content: "";
    position: absolute;
    top: 41px;
    left: 56px;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 40px solid #fff;
}

.ppv-sales-progress {
    flex: 1;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.ppv-sales-progress i {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #17b8ff, #5d9cff);
    animation: ppvProgressMove 6s ease-in-out infinite;
}

.ppv-sales-player__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow: 0 0 18px rgba(23, 184, 255, 0.7);
}

.ppv-sales-card {
    position: absolute;
    z-index: 6;
    width: 174px;
    min-height: 112px;
    padding: 16px;
    border: 1px solid rgba(23, 184, 255, 0.2);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(13, 24, 54, 0.86), rgba(10, 18, 38, 0.78));
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(16px);
    animation: ppvDetailCardFloat 7s ease-in-out infinite;
}

.ppv-sales-card strong {
    display: block;
    margin: 4px 0 6px;
    color: #fff;
    font-size: 15px;
}

.ppv-sales-card p {
    margin: 0;
    color: #b7c3da;
    font-size: 13px;
    line-height: 1.5;
}

.ppv-sales-icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, #0ea5ff, #2656ff);
    box-shadow: 0 0 24px rgba(23, 184, 255, 0.32);
}

.ppv-sales-card--payments { top: 4%; left: 10%; }
.ppv-sales-card--token { top: 9%; right: 4%; animation-delay: .8s; }
.ppv-sales-card--stats { top: 56%; right: 0; animation-delay: 1.5s; }
.ppv-sales-card--vod { bottom: 6%; right: 16%; animation-delay: 2.2s; }
.ppv-sales-card--security { top: 50%; left: 2%; animation-delay: 1.2s; }

.ppv-security-grid,
.ppv-why-grid,
.ppv-models-grid {
    display: grid;
    gap: 24px;
    margin-top: 34px;
}

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

.ppv-security-card,
.ppv-why-card,
.ppv-model-card,
.ppv-timeline-step {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.18);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.ppv-security-card:hover,
.ppv-why-card:hover,
.ppv-model-card:hover,
.ppv-timeline-step:hover {
    transform: translateY(-8px);
    border-color: rgba(23, 184, 255, 0.3);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.26), 0 0 24px rgba(23, 184, 255, 0.1);
}

.ppv-security-card {
    min-height: 220px;
    padding: 28px;
}

.ppv-security-card__icon,
.ppv-why-card i {
    display: inline-grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border: 1px solid rgba(23, 184, 255, 0.24);
    border-radius: 50%;
    color: #17b8ff;
    background: rgba(23, 184, 255, 0.08);
    box-shadow: 0 0 24px rgba(23, 184, 255, 0.14);
    font-size: 24px;
}

.ppv-security-card h3,
.ppv-why-card h3,
.ppv-model-card h3,
.ppv-timeline-step h3 {
    margin: 20px 0 10px;
    color: #fff;
    font-size: 24px;
}

.ppv-security-card p,
.ppv-why-card p,
.ppv-model-card p,
.ppv-timeline-step p {
    margin: 0;
    color: #b7c3da;
    line-height: 1.7;
}

.ppv-dashboard-visual {
    min-width: 0;
}

.ppv-dashboard-shell {
    padding: 24px;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 18%, rgba(23, 184, 255, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(11, 18, 40, 0.96), rgba(8, 14, 32, 0.92));
    box-shadow: 0 28px 84px rgba(0, 0, 0, 0.34);
}

.ppv-dashboard-shell__top {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 800;
}

.ppv-dashboard-shell__top span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
}

.ppv-dashboard-shell__top span:first-child { background: #17b8ff; }
.ppv-dashboard-shell__top span:nth-child(2) { background: #5d9cff; }
.ppv-dashboard-shell__top span:nth-child(3) { background: rgba(255, 255, 255, 0.3); }
.ppv-dashboard-shell__top strong { margin-left: 12px; }

.ppv-dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.ppv-dashboard-metrics div,
.ppv-dashboard-panels article {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.045);
}

.lift-legacy-page--konferencje-live {
    overflow: hidden;
}

.conference-live-page .lift-section {
    padding: 84px 0;
}

.conference-live-hero {
    position: relative;
    overflow: hidden;
    padding: 120px 0 68px;
    background:
        radial-gradient(circle at 15% 22%, rgba(23, 184, 255, 0.18), transparent 26%),
        radial-gradient(circle at 80% 18%, rgba(23, 184, 255, 0.12), transparent 22%),
        linear-gradient(180deg, #061124, #071c38 70%, #081124);
}

.conference-live-hero::before,
.conference-live-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.conference-live-hero::before {
    background:
        radial-gradient(circle at 4% 26%, rgba(23, 184, 255, 0.9) 0 4px, transparent 5px),
        radial-gradient(circle at 8% 18%, rgba(23, 184, 255, 0.88) 0 6px, transparent 7px),
        radial-gradient(circle at 84% 18%, rgba(86, 157, 255, 0.92) 0 6px, transparent 7px),
        radial-gradient(circle at 90% 30%, rgba(23, 184, 255, 0.82) 0 5px, transparent 6px),
        radial-gradient(circle at 94% 68%, rgba(23, 184, 255, 0.86) 0 4px, transparent 5px);
    opacity: .8;
}

.conference-live-hero::after {
    inset: 8% -8% 8%;
    border-top: 1px dashed rgba(23, 184, 255, 0.18);
    border-bottom: 1px dashed rgba(23, 184, 255, 0.14);
    border-radius: 50%;
    transform: rotate(-6deg);
}

.conference-live-hero-grid,
.conference-split-grid,
.conference-analytics-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
    gap: 42px;
    align-items: center;
}

.conference-live-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1.04;
}

.conference-live-copy .lift-lead {
    max-width: 640px;
}

.conference-live-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 24px;
    margin-top: 32px;
}

.conference-live-stats span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-weight: 700;
}

.conference-live-stats i {
    color: #17b8ff;
}

.conference-live-visual {
    position: relative;
    min-height: 640px;
}

.conference-live-orbit {
    position: absolute;
    border: 1px dashed rgba(23, 184, 255, 0.18);
    border-radius: 50%;
}

.conference-live-orbit--one {
    inset: 6% 8% 14%;
    animation: conferenceOrbit 32s linear infinite;
}

.conference-live-orbit--two {
    inset: 16% 14% 8%;
    animation: conferenceOrbit 42s linear infinite reverse;
}

.conference-live-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow: 0 0 24px rgba(23, 184, 255, 0.58);
}

.conference-live-dot--one { top: 8%; left: 16%; animation: conferencePulse 3.4s ease-in-out infinite; }
.conference-live-dot--two { top: 18%; right: 12%; animation: conferencePulse 4.1s ease-in-out infinite .8s; }
.conference-live-dot--three { bottom: 10%; right: 18%; animation: conferencePulse 3.6s ease-in-out infinite 1.2s; }

.conference-live-player {
    position: absolute;
    inset: 22% 12% 14%;
    z-index: 4;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.24);
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(8, 15, 34, 0.96), rgba(6, 12, 28, 0.92));
    box-shadow: 0 32px 88px rgba(0, 0, 0, 0.36), 0 0 42px rgba(23, 184, 255, 0.14);
    animation: conferenceFloat 7s ease-in-out infinite;
}

.conference-live-player__top,
.conference-live-player__bottom {
    position: absolute;
    right: 20px;
    left: 20px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.conference-live-player__top { top: 20px; }
.conference-live-player__bottom { bottom: 18px; gap: 14px; color: #fff; }

.conference-live-badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 10px;
    color: #fff;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #ff336d, #ff5a5f);
    box-shadow: 0 0 24px rgba(255, 72, 113, 0.34);
    animation: conferenceLiveBadge 1.8s ease-in-out infinite;
}

.conference-live-player__metric {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.06);
}

.conference-live-stage {
    position: absolute;
    inset: 0 0 62px;
}

.conference-live-stage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.04) brightness(.78);
}

.conference-live-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 50%, rgba(23, 184, 255, 0.2), transparent 24%),
        linear-gradient(180deg, rgba(8, 13, 32, 0.18), rgba(8, 13, 32, 0.52));
}

.conference-live-stage__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 132px;
    height: 132px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, #17b8ff, #0a72b7 68%, rgba(23, 184, 255, 0.08));
    box-shadow: 0 0 40px rgba(23, 184, 255, 0.44), 0 0 0 18px rgba(23, 184, 255, 0.08);
    animation: conferencePlayPulse 2.8s ease-in-out infinite;
}

.conference-live-stage__play::before {
    content: "";
    position: absolute;
    top: 38px;
    left: 55px;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 39px solid #fff;
}

.conference-live-player__progress {
    flex: 1;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
}

.conference-live-player__progress i {
    display: block;
    width: 48%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #17b8ff, #5d9cff);
    animation: conferenceProgress 6s ease-in-out infinite;
}

.conference-live-card {
    position: absolute;
    z-index: 5;
    width: 220px;
    padding: 18px;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(10, 18, 40, 0.88), rgba(8, 14, 30, 0.8));
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(16px);
}

.conference-live-card strong {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
}

.conference-live-card p,
.conference-live-card li {
    margin: 0;
    color: #b7c3da;
    font-size: 14px;
    line-height: 1.55;
}

.conference-live-card ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.conference-live-card--chat { top: 18%; right: 0; }
.conference-live-card--audience { top: 8%; left: 8%; width: 180px; }
.conference-live-card--reactions { bottom: 10%; left: 6%; width: 180px; }

.conference-live-reactions {
    display: flex;
    gap: 10px;
}

.conference-live-reactions span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(23, 184, 255, 0.1);
    animation: conferenceFloat 5s ease-in-out infinite;
}

.conference-live-tabs-wrap {
    position: sticky;
    top: 86px;
    z-index: 20;
    padding: 18px 0 0;
    background: linear-gradient(180deg, rgba(6, 17, 36, 0.96), rgba(6, 17, 36, 0.72) 70%, rgba(6, 17, 36, 0));
    backdrop-filter: blur(10px);
}

.conference-live-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.03);
}

.conference-live-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    padding: 16px 20px;
    color: #b7c3da;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    border-right: 1px solid rgba(23, 184, 255, 0.08);
    transition: color .24s ease, background .24s ease, box-shadow .24s ease;
}

.conference-live-tabs a:last-child {
    border-right: 0;
}

.conference-live-tabs a.is-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(23, 184, 255, 0.24), rgba(23, 184, 255, 0.08));
    box-shadow: inset 0 0 0 1px rgba(23, 184, 255, 0.16), 0 0 28px rgba(23, 184, 255, 0.12);
}

.conference-section {
    scroll-margin-top: 180px;
}

.conference-section--alt {
    background: linear-gradient(180deg, rgba(7, 28, 56, 0.18), rgba(7, 28, 56, 0));
}

.conference-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.conference-pill-row span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border: 1px solid rgba(23, 184, 255, 0.12);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, 0.03);
}

.conference-pill-row i,
.conference-info-card i,
.conference-page-cta__icon i {
    color: #17b8ff;
}

.conference-platform-grid {
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(0, 1.08fr);
    gap: 28px;
    margin-top: 34px;
}

.conference-feature-card,
.conference-mini-card,
.conference-info-card,
.conference-speaker-panel,
.conference-poll-card,
.conference-qa-card,
.conference-dashboard-card,
.conference-page-cta__box {
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.16);
}

.conference-feature-card {
    padding: 30px;
}

.conference-feature-card__icon {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #17b8ff, #2665ff);
    box-shadow: 0 0 26px rgba(23, 184, 255, 0.24);
}

.conference-feature-card h3,
.conference-mini-card h3,
.conference-info-card h3,
.conference-poll-card h3,
.conference-qa-card h3 {
    margin: 20px 0 12px;
    color: #fff;
    font-size: 32px;
}

.conference-feature-card p,
.conference-mini-card p,
.conference-info-card p,
.conference-split-copy p,
.conference-speaker-panel small,
.conference-speaker-panel span,
.conference-page-cta__copy p {
    color: #b7c3da;
}

.conference-platform-visual {
    min-width: 0;
}

.conference-platform-screen {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(9, 17, 38, 0.98), rgba(7, 15, 34, 0.94));
    box-shadow: 0 28px 68px rgba(0, 0, 0, 0.32);
}

.conference-platform-screen__video {
    position: relative;
    min-height: 360px;
}

.conference-platform-screen__video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.conference-platform-screen__video::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 17, 36, 0.08), rgba(6, 17, 36, 0.32));
}

.conference-platform-screen__video .conference-live-badge {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
}

.conference-platform-screen__chat {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    background: rgba(8, 14, 30, 0.92);
}

.conference-platform-screen__chat strong {
    color: #fff;
}

.conference-chat-feed {
    display: grid;
    gap: 10px;
}

.conference-chat-feed span,
.conference-chat-input {
    padding: 10px 12px;
    border-radius: 14px;
    color: #b7c3da;
    background: rgba(255, 255, 255, 0.04);
}

.conference-chat-feed span:nth-child(2) {
    animation: conferenceMessageBlink 5s ease-in-out infinite;
}

.conference-chat-input {
    margin-top: auto;
    color: rgba(183, 195, 218, 0.62);
}

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

.conference-mini-card {
    padding: 24px;
}

.conference-agenda-tabs {
    display: inline-flex;
    gap: 8px;
    margin-bottom: 18px;
}

.conference-agenda-tabs span {
    padding: 8px 12px;
    border-radius: 999px;
    color: #b7c3da;
    background: rgba(255, 255, 255, 0.05);
}

.conference-agenda-tabs .is-active {
    color: #fff;
    background: linear-gradient(135deg, #17b8ff, #2665ff);
}

.conference-mini-card ul,
.conference-speaker-assets {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.conference-mini-card li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.03);
}

.conference-mini-card li strong {
    color: #17b8ff;
}

.conference-mini-card li em {
    padding: 5px 8px;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
    background: #ff416b;
}

.conference-mini-card a {
    display: inline-flex;
    margin-top: 18px;
    color: #17b8ff;
    font-weight: 800;
    text-decoration: none;
}

.conference-speaker-list {
    display: grid;
    gap: 14px;
}

.conference-speaker-list span {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 12px;
    align-items: center;
    color: #fff;
}

.conference-speaker-list img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
}

.conference-speaker-list small {
    display: block;
    color: #b7c3da;
}

.conference-phone-showcase {
    display: grid;
    place-items: center;
}

.conference-phone {
    position: relative;
    width: min(340px, 100%);
    padding: 16px;
    border-radius: 42px;
    background: linear-gradient(180deg, rgba(12, 20, 46, 0.98), rgba(8, 14, 32, 0.94));
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.32);
    animation: conferenceFloat 6s ease-in-out infinite;
}

.conference-phone::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 96px;
    height: 8px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.conference-phone__screen {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 30px;
    background:
        radial-gradient(circle at 24% 18%, rgba(23, 184, 255, 0.16), transparent 28%),
        linear-gradient(180deg, rgba(8, 22, 42, 0.98), rgba(5, 13, 28, 0.94));
}

.conference-phone-view {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: start;
    gap: 16px;
    padding: 34px 26px;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .4s ease, transform .4s ease;
}

.conference-phone-view.is-active {
    opacity: 1;
    transform: translateY(0);
}

.conference-phone-view small {
    color: #17b8ff;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.conference-phone-view strong {
    color: #fff;
    font-size: 28px;
}

.conference-phone-view ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.conference-phone-view li {
    padding: 14px 16px;
    border-radius: 16px;
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
}

.conference-card-grid,
.conference-card-grid--two {
    display: grid;
    gap: 18px;
    margin-top: 28px;
}

.conference-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.conference-card-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.conference-info-card {
    padding: 24px;
    transition: transform .24s ease, border-color .24s ease;
}

.conference-info-card:hover {
    transform: translateY(-8px);
    border-color: rgba(23, 184, 255, 0.28);
}

.conference-info-card i {
    font-size: 22px;
}

.conference-info-card h3 {
    margin: 14px 0 10px;
    font-size: 24px;
}

.conference-speaker-panel {
    padding: 28px;
}

.conference-speaker-panel__head,
.conference-speaker-session {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.conference-speaker-panel__head strong,
.conference-speaker-session strong {
    color: #fff;
}

.conference-speaker-panel__head span,
.conference-speaker-session em {
    padding: 8px 12px;
    border-radius: 999px;
    color: #17b8ff;
    font-style: normal;
    background: rgba(23, 184, 255, 0.08);
}

.conference-upload-card {
    display: grid;
    gap: 10px;
    margin: 26px 0 20px;
    padding: 22px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
}

.conference-upload-card strong {
    color: #fff;
}

.conference-upload-bar {
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.conference-upload-bar i {
    display: block;
    width: 87%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #17b8ff, #5d9cff);
    animation: conferenceProgress 4s ease-in-out infinite;
}

.conference-speaker-session {
    padding: 20px 22px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
}

.conference-speaker-assets span {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
}

.conference-network-visual {
    position: relative;
    min-height: 480px;
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 50%, rgba(23, 184, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(10, 18, 40, 0.9), rgba(8, 14, 32, 0.86));
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.28);
}

.conference-network-node {
    position: absolute;
    z-index: 2;
    width: 150px;
    padding: 18px;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 22px;
    text-align: center;
    background: rgba(9, 18, 38, 0.92);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18);
}

.conference-network-node strong {
    display: block;
    color: #fff;
}

.conference-network-node small {
    color: #b7c3da;
}

.conference-network-node--one { top: 16%; left: 8%; animation: conferenceFloat 6s ease-in-out infinite; }
.conference-network-node--two { top: 14%; right: 10%; animation: conferenceFloat 7s ease-in-out infinite .7s; }
.conference-network-node--three { bottom: 18%; left: 16%; animation: conferenceFloat 6.8s ease-in-out infinite 1.3s; }
.conference-network-node--four { bottom: 14%; right: 16%; animation: conferenceFloat 6.6s ease-in-out infinite .9s; }

.conference-network-line {
    position: absolute;
    z-index: 1;
    height: 2px;
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(23, 184, 255, 0), rgba(23, 184, 255, 0.75), rgba(23, 184, 255, 0));
    animation: conferenceLinkPulse 3.6s ease-in-out infinite;
}

.conference-network-line--one { top: 32%; left: 26%; width: 240px; transform: rotate(-12deg); }
.conference-network-line--two { top: 52%; left: 22%; width: 330px; transform: rotate(14deg); animation-delay: .8s; }
.conference-network-line--three { top: 38%; right: 21%; width: 170px; transform: rotate(16deg); animation-delay: 1.4s; }
.conference-network-line--four { bottom: 32%; right: 26%; width: 210px; transform: rotate(-18deg); animation-delay: 1s; }

.conference-poll-card,
.conference-qa-card,
.conference-dashboard-card {
    padding: 26px;
}

.conference-analytics-visual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.conference-dashboard-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    grid-column: 1 / -1;
}

.conference-dashboard-card div {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
}

.conference-dashboard-card small {
    display: block;
    color: #b7c3da;
}

.conference-dashboard-card strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 34px;
}

.conference-poll-row {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
    margin-top: 16px;
    padding-bottom: 18px;
}

.conference-poll-row span,
.conference-poll-row strong {
    color: #fff;
}

.conference-poll-row i {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.conference-poll-row i::before {
    content: "";
    display: block;
    width: var(--poll);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #17b8ff, #5d9cff);
    animation: conferencePollGrow 2.8s ease forwards;
}

.conference-qa-card ul {
    display: grid;
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.conference-qa-card li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    color: #fff;
    background: rgba(255, 255, 255, 0.03);
}

.conference-qa-card li span {
    color: #17b8ff;
    font-weight: 800;
}

.conference-qa-card button {
    margin-top: 20px;
    padding: 14px 18px;
    border: 0;
    border-radius: 16px;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(135deg, #17b8ff, #2665ff);
}

.conference-page-cta {
    padding-top: 28px !important;
}

.conference-page-cta__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 30px 34px;
}

.conference-page-cta__copy {
    display: flex;
    align-items: center;
    gap: 20px;
}

.conference-page-cta__icon {
    display: inline-grid;
    place-items: center;
    width: 68px;
    height: 68px;
    border-radius: 22px;
    background: rgba(23, 184, 255, 0.08);
}

.conference-page-cta__icon i {
    font-size: 28px;
}

.conference-page-cta__copy h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 34px;
}

.conference-page-cta__copy p {
    margin: 0;
}

.conference-page-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

@keyframes conferenceOrbit {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes conferencePulse {
    0%, 100% { transform: scale(1); opacity: .76; }
    50% { transform: scale(1.3); opacity: 1; }
}

@keyframes conferenceFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes conferencePlayPulse {
    0%, 100% { box-shadow: 0 0 36px rgba(23, 184, 255, 0.38), 0 0 0 16px rgba(23, 184, 255, 0.08); }
    50% { box-shadow: 0 0 52px rgba(23, 184, 255, 0.56), 0 0 0 22px rgba(23, 184, 255, 0.12); }
}

@keyframes conferenceProgress {
    0%, 100% { transform: translateX(0); width: 48%; }
    50% { transform: translateX(14%); width: 54%; }
}

@keyframes conferenceLiveBadge {
    0%, 100% { box-shadow: 0 0 18px rgba(255, 72, 113, 0.28); }
    50% { box-shadow: 0 0 30px rgba(255, 72, 113, 0.5); }
}

@keyframes conferenceMessageBlink {
    0%, 100% { opacity: 1; }
    45% { opacity: .6; }
    50% { opacity: 1; }
}

@keyframes conferenceLinkPulse {
    0%, 100% { opacity: .3; }
    50% { opacity: 1; }
}

@keyframes conferencePollGrow {
    from { width: 0; }
    to { width: var(--poll); }
}

@media (max-width: 1320px) {
    .conference-live-hero-grid,
    .conference-split-grid,
    .conference-analytics-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .conference-live-visual {
        min-height: 700px;
    }

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

    .conference-live-tabs {
        grid-template-columns: repeat(5, minmax(220px, 1fr));
        overflow-x: auto;
    }
}

@media (max-width: 1024px) {
    .conference-live-hero {
        padding: 106px 0 54px;
    }

    .conference-live-visual {
        min-height: 620px;
    }

    .conference-live-player {
        inset: 26% 8% 16%;
    }

    .conference-live-card--chat {
        right: 4%;
    }

    .conference-card-grid,
    .conference-card-grid--two,
    .conference-analytics-visual,
    .conference-micro-grid {
        grid-template-columns: 1fr;
    }

    .conference-platform-screen {
        grid-template-columns: 1fr;
    }

    .conference-platform-screen__chat {
        border-top: 1px solid rgba(23, 184, 255, 0.12);
    }

    .conference-page-cta__box,
    .conference-page-cta__copy {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .conference-live-page .lift-section {
        padding: 72px 0;
    }

    .conference-live-copy h1 {
        font-size: clamp(36px, 10vw, 48px);
    }

    .conference-live-stats {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .conference-live-tabs-wrap {
        position: static;
        top: auto;
        padding-top: 10px;
        background: transparent;
        backdrop-filter: none;
    }

    .conference-live-tabs a {
        min-height: 58px;
        padding: 12px 16px;
        font-size: 14px;
    }

    .conference-live-visual {
        min-height: 500px;
    }

    .conference-live-player {
        inset: 24% 0 14%;
        border-radius: 24px;
    }

    .conference-live-stage__play {
        width: 96px;
        height: 96px;
    }

    .conference-live-stage__play::before {
        top: 28px;
        left: 40px;
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 28px;
    }

    .conference-live-card {
        width: 146px;
        padding: 12px;
    }

    .conference-live-card--chat {
        top: 8%;
        right: 0;
    }

    .conference-live-card--audience {
        top: 2%;
        left: 0;
    }

    .conference-live-card--reactions {
        bottom: 4%;
        left: 2%;
    }

    .conference-feature-card h3,
    .conference-page-cta__copy h2,
    .conference-mini-card h3,
    .conference-poll-card h3,
    .conference-qa-card h3 {
        font-size: 26px;
    }

    .conference-dashboard-card {
        grid-template-columns: 1fr;
    }

    .conference-page-cta__actions,
    .conference-live-copy .lift-actions {
        width: 100%;
    }

    .conference-page-cta__actions .lift-btn,
    .conference-live-copy .lift-actions .lift-btn {
        flex: 1 1 100%;
        justify-content: center;
    }
}

.conference-live-page--visual .conference-live-hero {
    padding: 116px 0 28px;
    text-align: center;
}

.conference-live-page--visual .conference-live-hero::after {
    inset: 12% -10% 10%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.conference-live-page--visual .conference-live-hero-grid {
    grid-template-columns: 1fr;
    gap: 0;
}

.conference-live-page--visual .conference-live-copy--centered {
    max-width: 960px;
    margin: 0 auto;
}

.conference-live-page--visual .conference-live-copy h1 {
    max-width: 920px;
    margin: 0 auto;
    font-size: clamp(52px, 5.4vw, 78px);
}

.conference-live-page--visual .conference-live-copy .lift-lead {
    max-width: 760px;
    margin: 18px auto 0;
    font-size: 22px;
    line-height: 1.65;
}

.conference-live-page--visual .conference-live-copy .lift-actions {
    justify-content: center;
    margin-top: 34px;
}

.conference-live-page--visual .conference-live-stats,
.conference-live-page--visual .conference-live-visual,
.conference-live-page--visual .conference-reviews {
    display: none;
}

.conference-live-page--visual .conference-live-tabs-wrap {
    padding: 24px 0 0;
}

.conference-live-page--visual .conference-live-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-radius: 18px;
}

.conference-live-page--visual .conference-live-tabs a {
    justify-content: flex-start;
    gap: 12px;
    min-height: 74px;
    padding: 18px 22px;
    font-size: 14px;
    letter-spacing: 0.02em;
}

.conference-live-page--visual .conference-live-tabs a i {
    color: #7db6df;
    font-size: 16px;
    transition: color .24s ease;
}

.conference-live-page--visual .conference-live-tabs a.is-active i {
    color: #ffffff;
}

.conference-live-page--visual .conference-section .lift-section-head {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.conference-live-page--visual .conference-pill-row {
    justify-content: center;
    margin-top: 22px;
    margin-bottom: 34px;
}

.conference-live-page--visual .conference-platform-grid {
    grid-template-columns: minmax(300px, 0.84fr) minmax(0, 1.16fr);
    align-items: stretch;
}

.conference-live-page--visual .conference-feature-card,
.conference-live-page--visual .conference-mini-card,
.conference-live-page--visual .conference-info-card,
.conference-live-page--visual .conference-speaker-panel,
.conference-live-page--visual .conference-poll-card,
.conference-live-page--visual .conference-qa-card,
.conference-live-page--visual .conference-dashboard-card,
.conference-live-page--visual .conference-page-cta__box {
    border-color: rgba(23, 184, 255, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015));
}

.conference-live-page--visual .conference-feature-card h3,
.conference-live-page--visual .conference-mini-card h3,
.conference-live-page--visual .conference-poll-card h3,
.conference-live-page--visual .conference-qa-card h3 {
    font-size: 24px;
}

.conference-live-page--visual .conference-platform-screen__video {
    min-height: 332px;
}

.conference-live-page--visual .conference-platform-screen__chat {
    width: 100%;
}

.conference-live-page--visual .conference-split-grid,
.conference-live-page--visual .conference-analytics-grid {
    align-items: start;
    gap: 54px;
}

.conference-live-page--visual .conference-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.conference-live-page--visual .conference-card-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.conference-live-page--visual .conference-phone-showcase {
    justify-content: start;
}

.conference-live-page--visual .conference-phone {
    width: min(320px, 100%);
}

.conference-live-page--visual .conference-network-visual {
    min-height: 420px;
}

.conference-live-page--visual .conference-page-cta {
    padding-top: 72px !important;
}

.conference-live-page--visual .conference-page-cta__box {
    padding: 28px 30px;
}

@media (max-width: 1320px) {
    .conference-live-page--visual .conference-live-copy h1 {
        font-size: clamp(46px, 6vw, 68px);
    }

    .conference-live-page--visual .conference-platform-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .conference-live-page--visual .conference-live-hero {
        padding: 106px 0 24px;
    }

    .conference-live-page--visual .conference-live-copy .lift-lead {
        font-size: 19px;
    }

    .conference-live-page--visual .conference-live-tabs {
        grid-template-columns: repeat(4, minmax(220px, 1fr));
        overflow-x: auto;
    }

    .conference-live-page--visual .conference-card-grid,
    .conference-live-page--visual .conference-card-grid--two,
    .conference-live-page--visual .conference-split-grid,
    .conference-live-page--visual .conference-analytics-grid,
    .conference-live-page--visual .conference-micro-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .conference-live-page--visual .conference-live-hero {
        padding: 94px 0 18px;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        font-size: clamp(38px, 10vw, 52px);
    }

    .conference-live-page--visual .conference-live-copy .lift-lead {
        font-size: 17px;
    }

    .conference-live-page--visual .conference-live-tabs-wrap {
        padding-top: 18px;
    }

    .conference-live-page--visual .conference-live-tabs a {
        min-height: 62px;
        padding: 14px 16px;
    }

    .conference-live-page--visual .conference-card-grid,
    .conference-live-page--visual .conference-card-grid--two {
        grid-template-columns: 1fr;
    }

    .conference-live-page--visual .conference-platform-screen__video {
        min-height: 240px;
    }

    .conference-live-page--visual .conference-page-cta {
        padding-top: 54px !important;
    }
}

.lift-legacy-page--events {
    overflow: hidden;
}

.event-gateway-page .lift-section {
    padding: 82px 0;
}

.event-gateway-hero {
    position: relative;
    overflow: hidden;
    padding: 118px 0 64px;
    background:
        radial-gradient(circle at 12% 22%, rgba(23, 184, 255, 0.16), transparent 24%),
        radial-gradient(circle at 84% 26%, rgba(23, 184, 255, 0.1), transparent 22%),
        linear-gradient(180deg, #061124, #071c38 72%, #081124);
}

.event-gateway-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 88% 20%, rgba(23, 184, 255, 0.88) 0 5px, transparent 6px),
        radial-gradient(circle at 93% 26%, rgba(23, 184, 255, 0.86) 0 4px, transparent 5px),
        radial-gradient(circle at 90% 34%, rgba(23, 184, 255, 0.7) 0 3px, transparent 4px);
}

.event-gateway-hero-grid,
.event-gateway-ppvc-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr);
    gap: 42px;
    align-items: center;
}

.event-gateway-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 5vw, 74px);
    line-height: 1.04;
}

.event-gateway-copy h1 span {
    color: #17b8ff;
}

.event-gateway-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 30px;
}

.event-gateway-stats span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid rgba(23, 184, 255, 0.12);
    border-radius: 18px;
    color: #fff;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.03);
}

.event-gateway-stats i,
.event-gateway-feature-card i,
.event-gateway-why-card i {
    color: #17b8ff;
}

.event-gateway-dashboard {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(10, 16, 34, 0.96), rgba(8, 14, 28, 0.94));
    box-shadow: 0 28px 78px rgba(0, 0, 0, 0.34);
    animation: eventGatewayFloat 6.6s ease-in-out infinite;
}

.event-gateway-dashboard__sidebar {
    padding: 22px 18px;
    border-right: 1px solid rgba(23, 184, 255, 0.1);
    background: rgba(255, 255, 255, 0.02);
}

.event-gateway-dashboard__brand {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 18px;
    border-radius: 16px;
    color: #17b8ff;
    background: rgba(23, 184, 255, 0.1);
}

.event-gateway-dashboard__sidebar ul,
.event-gateway-bottom,
.event-gateway-donut ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.event-gateway-dashboard__sidebar li {
    padding: 10px 12px;
    border-radius: 14px;
    color: #b7c3da;
    font-weight: 600;
}

.event-gateway-dashboard__sidebar .is-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(23, 184, 255, 0.22), rgba(23, 184, 255, 0.08));
}

.event-gateway-dashboard__main {
    padding: 22px;
}

.event-gateway-dashboard__head,
.event-gateway-metrics,
.event-gateway-insights,
.event-gateway-bottom {
    display: grid;
    gap: 16px;
}

.event-gateway-dashboard__head {
    grid-template-columns: 1fr auto;
    align-items: center;
}

.event-gateway-dashboard__head strong {
    color: #fff;
    font-size: 24px;
}

.event-gateway-live {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    color: #79ff95;
    font-weight: 800;
    background: rgba(30, 190, 95, 0.12);
    box-shadow: 0 0 22px rgba(30, 190, 95, 0.18);
    animation: eventGatewayLive 1.9s ease-in-out infinite;
}

.event-gateway-metrics,
.event-gateway-insights,
.event-gateway-bottom {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}

.event-gateway-metrics article,
.event-gateway-chart,
.event-gateway-donut,
.event-gateway-list,
.event-gateway-checkin {
    padding: 18px;
    border: 1px solid rgba(23, 184, 255, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
}

.event-gateway-metrics article small,
.event-gateway-chart small,
.event-gateway-donut small,
.event-gateway-list small,
.event-gateway-checkin small {
    display: block;
    color: #b7c3da;
}

.event-gateway-metrics article strong,
.event-gateway-checkin strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 34px;
}

.event-gateway-metrics article em {
    display: inline-block;
    margin-top: 6px;
    color: #3fe082;
    font-style: normal;
    font-weight: 800;
}

.event-gateway-chart {
    grid-column: span 2;
}

.event-gateway-chart__line {
    position: relative;
    height: 120px;
    margin-top: 16px;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(23, 184, 255, 0.04), rgba(23, 184, 255, 0)),
        rgba(255, 255, 255, 0.02);
}

.event-gateway-chart__line i {
    position: absolute;
    right: 14px;
    bottom: 22px;
    left: 14px;
    height: 56px;
    border-bottom: 3px solid #17b8ff;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 999px 999px 16px 16px;
    transform: skewX(-18deg);
    animation: eventGatewayChart 3.2s ease-in-out infinite;
}

.event-gateway-donut {
    position: relative;
}

.event-gateway-donut__ring {
    width: 120px;
    height: 120px;
    margin: 14px auto 18px;
    border-radius: 50%;
    background: conic-gradient(#17b8ff 0 45%, #43a3ff 45% 70%, #6bc5ff 70% 90%, rgba(255,255,255,.14) 90% 100%);
    box-shadow: inset 0 0 0 20px #0c1a33;
}

.event-gateway-donut ul {
    display: grid;
    gap: 8px;
    color: #b7c3da;
    font-size: 14px;
}

.event-gateway-donut li span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    border-radius: 50%;
    background: #17b8ff;
}

.event-gateway-donut li:nth-child(2) span { background: #43a3ff; }
.event-gateway-donut li:nth-child(3) span { background: #6bc5ff; }
.event-gateway-donut li:nth-child(4) span { background: rgba(255,255,255,.3); }

.event-gateway-bottom {
    grid-template-columns: 1.5fr .9fr;
}

.event-gateway-list span {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.event-gateway-list span:last-child {
    border-bottom: 0;
}

.event-gateway-list em {
    color: #b7c3da;
    font-style: normal;
}

.event-gateway-checkin p {
    margin: 10px 0 0;
    color: #b7c3da;
}

.event-gateway-tabs-wrap {
    position: sticky;
    top: 86px;
    z-index: 20;
    padding-top: 18px;
    background: linear-gradient(180deg, rgba(6, 17, 36, 0.96), rgba(6, 17, 36, 0.72) 72%, rgba(6, 17, 36, 0));
    backdrop-filter: blur(10px);
}

.event-gateway-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 22px;
    background: rgba(255,255,255,.03);
}

.event-gateway-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 68px;
    padding: 16px 18px;
    color: #b7c3da;
    font-weight: 700;
    text-decoration: none;
    border-right: 1px solid rgba(23, 184, 255, 0.08);
    transition: .24s ease;
}

.event-gateway-tabs a:last-child {
    border-right: 0;
}

.event-gateway-tabs a.is-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(23, 184, 255, 0.24), rgba(23, 184, 255, 0.08));
    box-shadow: inset 0 0 0 1px rgba(23, 184, 255, 0.16), 0 0 26px rgba(23, 184, 255, 0.12);
}

.event-gateway-section {
    scroll-margin-top: 176px;
}

.event-gateway-feature-grid,
.event-gateway-why-grid {
    display: grid;
    gap: 22px;
    margin-top: 34px;
}

.event-gateway-feature-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.event-gateway-feature-card,
.event-gateway-why-card,
.event-gateway-final-cta__box,
.event-gateway-ppvc-grid {
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
    box-shadow: 0 18px 52px rgba(0,0,0,.16);
}

.event-gateway-feature-card {
    padding: 26px 22px;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.event-gateway-feature-card:hover,
.event-gateway-why-card:hover {
    transform: translateY(-8px);
    border-color: rgba(23, 184, 255, 0.3);
    box-shadow: 0 24px 64px rgba(0,0,0,.24), 0 0 24px rgba(23, 184, 255, 0.1);
}

.event-gateway-feature-card i,
.event-gateway-why-card i {
    font-size: 28px;
}

.event-gateway-feature-card h3,
.event-gateway-why-card h3 {
    margin: 18px 0 10px;
    color: #fff;
    font-size: 26px;
}

.event-gateway-feature-card p,
.event-gateway-why-card p,
.event-gateway-ppvc-copy p,
.event-gateway-final-cta__copy p {
    color: #b7c3da;
}

.event-gateway-feature-card a,
.lift-center-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #17b8ff;
    font-weight: 800;
    text-decoration: none;
}

.event-gateway-ppvc-grid {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
    gap: 34px;
    padding: 34px;
}

.event-gateway-ppvc-logo {
    width: 240px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.04);
}

.event-gateway-ppvc-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.event-gateway-ppvc-copy h2,
.event-gateway-final-cta__copy h2 {
    margin: 24px 0 14px;
    color: #fff;
    font-size: 44px;
    line-height: 1.08;
}

.event-gateway-ppvc-visual {
    position: relative;
    min-height: 360px;
}

.event-gateway-device {
    position: absolute;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.16);
    border-radius: 28px;
    background: rgba(8, 15, 32, 0.94);
    box-shadow: 0 26px 64px rgba(0,0,0,.3);
}

.event-gateway-device img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-gateway-device--desktop {
    top: 10px;
    right: 0;
    width: 74%;
    height: 300px;
}

.event-gateway-device--mobile {
    bottom: 0;
    left: 8%;
    width: 24%;
    height: 250px;
    border-radius: 28px;
}

.event-gateway-ppvc-orbit {
    position: absolute;
    right: 4%;
    bottom: 18px;
    left: 10%;
    height: 80px;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 50%;
}

.event-gateway-floating {
    position: absolute;
    display: inline-grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    color: #17b8ff;
    background: rgba(23, 184, 255, 0.08);
    box-shadow: 0 0 22px rgba(23, 184, 255, 0.14);
    animation: eventGatewayFloat 6s ease-in-out infinite;
}

.event-gateway-floating--one { top: 72px; left: 34%; }
.event-gateway-floating--two { top: 172px; left: 28%; animation-delay: .8s; }
.event-gateway-floating--three { top: 82px; right: 4%; animation-delay: 1.2s; }
.event-gateway-floating--four { top: 200px; right: 2%; animation-delay: .5s; }

.event-gateway-why-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.event-gateway-why-card {
    padding: 28px 24px;
    text-align: center;
    transition: .24s ease;
}

.event-gateway-reviews .lift-review-carousel {
    margin-top: 28px;
}

.event-gateway-final-cta__box {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 30px;
    padding: 26px;
}

.event-gateway-final-cta__media {
    overflow: hidden;
    border-radius: 20px;
}

.event-gateway-final-cta__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
}

.event-gateway-final-cta__copy {
    align-self: center;
}

@keyframes eventGatewayFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@keyframes eventGatewayLive {
    0%, 100% { box-shadow: 0 0 16px rgba(30, 190, 95, 0.14); }
    50% { box-shadow: 0 0 28px rgba(30, 190, 95, 0.28); }
}

@keyframes eventGatewayChart {
    0%, 100% { transform: skewX(-18deg) scaleX(.92); opacity: .86; }
    50% { transform: skewX(-18deg) scaleX(1.04); opacity: 1; }
}

@media (max-width: 1320px) {
    .event-gateway-hero-grid,
    .event-gateway-ppvc-grid {
        grid-template-columns: 1fr;
    }

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

    .event-gateway-tabs {
        grid-template-columns: repeat(5, minmax(220px, 1fr));
        overflow-x: auto;
    }
}

@media (max-width: 1024px) {
    .event-gateway-dashboard {
        grid-template-columns: 1fr;
    }

    .event-gateway-dashboard__sidebar {
        border-right: 0;
        border-bottom: 1px solid rgba(23, 184, 255, 0.1);
    }

    .event-gateway-metrics,
    .event-gateway-insights,
    .event-gateway-bottom,
    .event-gateway-why-grid,
    .event-gateway-final-cta__box {
        grid-template-columns: 1fr 1fr;
    }

    .event-gateway-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .event-gateway-ppvc-grid {
        padding: 26px;
    }
}

@media (max-width: 767px) {
    .event-gateway-page .lift-section {
        padding: 68px 0;
    }

    .event-gateway-copy h1 {
        font-size: clamp(40px, 11vw, 56px);
    }

    .event-gateway-stats,
    .event-gateway-metrics,
    .event-gateway-insights,
    .event-gateway-bottom,
    .event-gateway-feature-grid,
    .event-gateway-why-grid,
    .event-gateway-final-cta__box {
        grid-template-columns: 1fr;
    }

    .event-gateway-tabs-wrap {
        top: 74px;
    }

    .event-gateway-tabs a {
        min-height: 58px;
        padding: 12px 16px;
        font-size: 14px;
    }

    .event-gateway-ppvc-grid {
        padding: 22px;
    }

    .event-gateway-device--desktop {
        position: relative;
        width: 100%;
        height: 220px;
    }

    .event-gateway-device--mobile {
        left: 0;
        width: 30%;
        height: 180px;
    }

    .event-gateway-final-cta__copy h2,
    .event-gateway-ppvc-copy h2 {
        font-size: 34px;
    }
}

.ppv-dashboard-metrics small {
    display: block;
    color: #b7c3da;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ppv-dashboard-metrics strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 30px;
}

.ppv-dashboard-chart {
    display: flex;
    align-items: end;
    gap: 14px;
    height: 220px;
    margin-top: 20px;
    padding: 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.035);
}

.ppv-dashboard-chart span {
    flex: 1;
    min-width: 0;
    border-radius: 18px 18px 8px 8px;
    background: linear-gradient(180deg, rgba(23, 184, 255, 0.88), rgba(23, 184, 255, 0.18));
    animation: ppvChartGrow 5s ease-in-out infinite;
}

.ppv-dashboard-chart span:nth-child(1) { height: 34%; animation-delay: .15s; }
.ppv-dashboard-chart span:nth-child(2) { height: 56%; animation-delay: .35s; }
.ppv-dashboard-chart span:nth-child(3) { height: 48%; animation-delay: .55s; }
.ppv-dashboard-chart span:nth-child(4) { height: 74%; animation-delay: .75s; }
.ppv-dashboard-chart span:nth-child(5) { height: 88%; animation-delay: .95s; }

.ppv-dashboard-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.ppv-dashboard-panels article {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-weight: 700;
}

.ppv-dashboard-panels i {
    color: #17b8ff;
}

.ppv-dashboard-copy .lift-btn {
    margin-top: 28px;
}

.ppv-why-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ppv-why-card {
    min-height: 260px;
    padding: 28px;
}

.ppv-timeline-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.ppv-timeline-grid::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, rgba(23, 184, 255, 0.12), rgba(23, 184, 255, 0.46), rgba(23, 184, 255, 0.12));
}

.ppv-timeline-step {
    padding: 26px 24px 24px;
}

.ppv-timeline-step span {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 22px;
    border-radius: 50%;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #0ea5ff, #2656ff);
    box-shadow: 0 0 22px rgba(23, 184, 255, 0.32);
}

.ppv-models-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ppv-model-card {
    min-height: 220px;
    padding: 28px;
}

.ppv-detail-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 38px 42px;
    border: 1px solid rgba(23, 184, 255, 0.16);
    border-radius: 30px;
    background:
        radial-gradient(circle at 18% 24%, rgba(23, 184, 255, 0.12), transparent 22%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
}

.ppv-detail-cta-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

@keyframes ppvDetailOrbit { to { transform: rotate(360deg); } }
@keyframes ppvDetailGlow { 0%,100% { opacity: .5; transform: scale(.96); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes ppvDetailFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes ppvDetailCardFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes ppvLivePulse { 0%,100% { box-shadow: 0 0 22px rgba(255, 45, 141, 0.32); } 50% { box-shadow: 0 0 36px rgba(255, 45, 141, 0.56); } }
@keyframes ppvPlayPulse { 0%,100% { box-shadow: 0 0 44px rgba(23, 184, 255, 0.48), 0 0 0 18px rgba(23, 184, 255, 0.1); } 50% { box-shadow: 0 0 64px rgba(23, 184, 255, 0.62), 0 0 0 28px rgba(23, 184, 255, 0.16); } }
@keyframes ppvProgressMove { 0%,100% { width: 42%; } 50% { width: 68%; } }
@keyframes ppvChartGrow { 0%,100% { opacity: .72; transform: scaleY(.86); transform-origin: bottom; } 50% { opacity: 1; transform: scaleY(1.06); transform-origin: bottom; } }

@media (max-width: 1180px) {
    .ppv-detail-hero-grid,
    .ppv-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .ppv-sales-visual {
        max-width: 760px;
        width: 100%;
        margin: 0 auto;
    }

    .ppv-security-grid,
    .ppv-why-grid,
    .ppv-models-grid,
    .ppv-timeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ppv-timeline-grid::before {
        display: none;
    }
}

@media (max-width: 980px) {
    .ppv-detail-hero {
        padding: 100px 0 58px;
    }

    .ppv-security-grid {
        grid-auto-flow: column;
        grid-auto-columns: minmax(280px, 78%);
        grid-template-columns: none;
        overflow-x: auto;
        padding-bottom: 10px;
        scroll-snap-type: x mandatory;
    }

    .ppv-security-card {
        scroll-snap-align: start;
    }
}

@media (max-width: 640px) {
    .ppv-detail-copy h1 {
        font-size: 42px;
    }

    .ppv-sales-visual {
        min-height: 500px;
    }

    .ppv-sales-player {
        inset: 24% 5% 20%;
    }

    .ppv-sales-card {
        width: 150px;
        min-height: 98px;
        padding: 14px;
    }

    .ppv-security-grid,
    .ppv-why-grid,
    .ppv-models-grid,
    .ppv-timeline-grid {
        grid-template-columns: 1fr;
    }

    .ppv-dashboard-metrics,
    .ppv-dashboard-panels {
        grid-template-columns: 1fr;
    }

    .ppv-detail-cta-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px;
    }
}

/* Conference Live visual refresh v2.8 */
.conference-live-page--visual {
    background:
        radial-gradient(circle at 8% 8%, rgba(23, 184, 255, 0.12), transparent 24%),
        linear-gradient(180deg, #061124 0%, #071c38 45%, #061124 100%);
}

.conference-live-page--visual .conference-live-hero {
    min-height: 760px;
    padding: 126px 0 78px;
    text-align: left;
    background:
        radial-gradient(circle at 75% 42%, rgba(23, 184, 255, 0.18), transparent 30%),
        radial-gradient(circle at 95% 18%, rgba(95, 67, 255, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(6, 17, 36, 0.96), rgba(7, 28, 56, 0.72));
}

.conference-live-page--visual .conference-live-hero-grid {
    grid-template-columns: minmax(420px, .82fr) minmax(620px, 1.18fr);
    gap: 64px;
    align-items: center;
}

.conference-live-page--visual .conference-live-copy {
    max-width: 620px;
}

.conference-live-page--visual .conference-live-copy h1 {
    max-width: 620px;
    margin: 0;
    font-size: clamp(54px, 5vw, 76px);
    line-height: 1.04;
}

.conference-live-page--visual .conference-live-copy h1::first-line {
    color: #ffffff;
}

.conference-live-page--visual .conference-live-copy .lift-lead {
    max-width: 560px;
    margin: 22px 0 0;
    font-size: 20px;
    line-height: 1.7;
}

.conference-live-page--visual .conference-live-copy .lift-actions {
    justify-content: flex-start;
    margin-top: 34px;
}

.conference-live-page--visual .conference-live-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 34px;
}

.conference-live-page--visual .conference-live-stats span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-weight: 800;
}

.conference-live-page--visual .conference-live-stats i {
    color: #17b8ff;
}

.conference-live-page--visual .conference-live-visual {
    display: block;
    min-height: 560px;
    transform: translateX(12px);
}

.conference-live-page--visual .conference-live-player {
    inset: 22% 6% 17% 8%;
    border-color: rgba(23, 184, 255, 0.42);
    box-shadow:
        0 32px 96px rgba(0, 0, 0, 0.34),
        0 0 72px rgba(23, 184, 255, 0.18);
}

.conference-live-page--visual .conference-live-card {
    border-color: rgba(23, 184, 255, 0.2);
    background: linear-gradient(180deg, rgba(9, 24, 52, 0.84), rgba(8, 13, 32, 0.72));
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.28);
}

.conference-live-page--visual .conference-live-card--audience {
    top: 8%;
    left: 2%;
}

.conference-live-page--visual .conference-live-card--chat {
    top: 12%;
    right: 0;
    width: 210px;
}

.conference-live-page--visual .conference-live-card--reactions {
    bottom: 8%;
    left: 4%;
}

.conference-live-page--visual .conference-live-tabs-wrap {
    top: 86px;
    z-index: 22;
    padding: 0 0 24px;
    margin-top: -34px;
    background: linear-gradient(180deg, rgba(6, 17, 36, 0.86), rgba(6, 17, 36, 0));
}

.conference-live-page--visual .conference-live-tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.035);
    box-shadow: 0 20px 62px rgba(0, 0, 0, 0.24);
}

.conference-live-page--visual .conference-live-tabs a {
    justify-content: center;
    gap: 12px;
    min-height: 76px;
    padding: 18px 20px;
    font-size: 14px;
    text-transform: uppercase;
}

.conference-live-page--visual .conference-live-tabs a.is-active {
    background: linear-gradient(135deg, rgba(23, 184, 255, 0.92), rgba(0, 118, 210, 0.72));
}

.conference-live-page--visual .conference-section {
    padding: 78px 0;
}

.conference-live-page--visual .conference-section .lift-section-head {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.conference-live-page--visual .conference-section .lift-section-head h2 {
    font-size: clamp(38px, 3vw, 52px);
}

.conference-live-page--visual .conference-pill-row {
    justify-content: center;
    margin: 30px auto 42px;
}

.conference-live-page--visual .conference-platform-grid {
    grid-template-columns: minmax(330px, .8fr) minmax(0, 1.2fr);
    gap: 32px;
    align-items: stretch;
}

.conference-live-page--visual .conference-feature-card,
.conference-live-page--visual .conference-mini-card,
.conference-live-page--visual .conference-info-card,
.conference-live-page--visual .conference-speaker-panel,
.conference-live-page--visual .conference-poll-card,
.conference-live-page--visual .conference-qa-card,
.conference-live-page--visual .conference-dashboard-card,
.conference-live-page--visual .conference-page-cta__box {
    border-color: rgba(23, 184, 255, 0.16);
    background:
        radial-gradient(circle at 90% 0%, rgba(23, 184, 255, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
}

.conference-live-page--visual .conference-feature-card {
    min-height: 360px;
}

.conference-live-page--visual .conference-platform-visual {
    min-height: 360px;
}

.conference-live-page--visual .conference-platform-screen {
    height: 100%;
}

.conference-live-page--visual .conference-platform-screen__video {
    min-height: 348px;
}

.conference-live-page--visual .conference-micro-grid {
    grid-column: 1;
}

.conference-live-page--visual .conference-feature-card--secondary {
    grid-column: 2;
}

.conference-live-page--visual .conference-split-grid,
.conference-live-page--visual .conference-analytics-grid {
    gap: 62px;
    align-items: center;
}

.conference-live-page--visual .conference-card-grid,
.conference-live-page--visual .conference-card-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.conference-live-page--visual .conference-phone-showcase {
    justify-content: center;
}

.conference-live-page--visual .conference-page-cta {
    padding-top: 64px !important;
    padding-bottom: 80px !important;
}

.conference-live-page--visual .conference-page-cta__box {
    padding: 34px 38px;
}

@media (max-width: 1320px) {
    .conference-live-page--visual .conference-live-hero-grid {
        grid-template-columns: 1fr;
        gap: 54px;
    }

    .conference-live-page--visual .conference-live-copy {
        max-width: 820px;
        text-align: center;
        margin: 0 auto;
    }

    .conference-live-page--visual .conference-live-copy h1,
    .conference-live-page--visual .conference-live-copy .lift-lead {
        max-width: 820px;
        margin-left: auto;
        margin-right: auto;
    }

    .conference-live-page--visual .conference-live-copy .lift-actions,
    .conference-live-page--visual .conference-live-stats {
        justify-content: center;
    }

    .conference-live-page--visual .conference-live-visual {
        width: min(860px, 100%);
        margin: 0 auto;
        transform: none;
    }
}

@media (max-width: 1180px) {
    .conference-live-page--visual .conference-live-tabs {
        grid-template-columns: repeat(5, minmax(210px, 1fr));
        overflow-x: auto;
    }

    .conference-live-page--visual .conference-platform-grid,
    .conference-live-page--visual .conference-split-grid,
    .conference-live-page--visual .conference-analytics-grid {
        grid-template-columns: 1fr;
    }

    .conference-live-page--visual .conference-feature-card--secondary,
    .conference-live-page--visual .conference-micro-grid {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .conference-live-page--visual .conference-live-hero {
        min-height: auto;
        padding: 94px 0 48px;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        font-size: clamp(38px, 10vw, 54px);
    }

    .conference-live-page--visual .conference-live-copy .lift-actions {
        align-items: stretch;
    }

    .conference-live-page--visual .conference-live-copy .lift-actions .lift-btn {
        justify-content: center;
        width: 100%;
    }

    .conference-live-page--visual .conference-live-visual {
        min-height: 440px;
    }

    .conference-live-page--visual .conference-live-player {
        inset: 28% 0 18%;
    }

    .conference-live-page--visual .conference-live-card {
        width: 168px;
        padding: 14px;
    }

    .conference-live-page--visual .conference-live-card--chat {
        right: 0;
        width: 176px;
    }

    .conference-live-page--visual .conference-live-card--audience,
    .conference-live-page--visual .conference-live-card--reactions {
        left: 0;
    }

    .conference-live-page--visual .conference-section {
        padding: 58px 0;
    }

    .conference-live-page--visual .conference-platform-screen {
        grid-template-columns: 1fr;
    }

    .conference-live-page--visual .conference-platform-screen__video {
        min-height: 240px;
    }

    .conference-live-page--visual .conference-card-grid,
    .conference-live-page--visual .conference-card-grid--two {
        grid-template-columns: 1fr;
    }

    .conference-live-page--visual .conference-page-cta__box,
    .conference-live-page--visual .conference-page-cta__copy {
        align-items: flex-start;
    }
}

/* Event and conference subpages consistency pass v2.9 */
.conference-live-page--visual .lift-container,
.event-gateway-page .lift-container {
    max-width: 1280px;
}

.conference-live-page--visual .conference-live-hero,
.event-gateway-page .event-gateway-hero {
    min-height: 720px;
    background:
        radial-gradient(circle at 72% 32%, rgba(23, 184, 255, 0.18), transparent 32%),
        radial-gradient(circle at 16% 18%, rgba(23, 184, 255, 0.11), transparent 24%),
        linear-gradient(180deg, #061124 0%, #071c38 72%, #061124 100%);
}

.conference-live-page--visual .conference-live-hero-grid,
.event-gateway-page .event-gateway-hero-grid {
    grid-template-columns: minmax(420px, 0.88fr) minmax(620px, 1.12fr);
    gap: clamp(42px, 5vw, 76px);
    align-items: center;
}

.conference-live-page--visual .conference-live-copy,
.event-gateway-page .event-gateway-copy {
    max-width: 590px;
}

.conference-live-page--visual .conference-live-copy h1,
.event-gateway-page .event-gateway-copy h1 {
    font-size: clamp(52px, 4.7vw, 74px);
    line-height: 1.04;
    letter-spacing: 0;
}

.conference-live-page--visual .conference-live-copy .lift-lead,
.event-gateway-page .event-gateway-copy .lift-lead {
    max-width: 560px;
    font-size: 19px;
    line-height: 1.7;
}

.conference-live-page--visual .conference-live-visual {
    width: min(720px, 100%);
    min-height: 520px;
    margin-left: auto;
}

.conference-live-page--visual .conference-live-player {
    inset: 23% 7% 19% 8%;
}

.conference-live-page--visual .conference-live-card--audience {
    top: 6%;
    left: 3%;
}

.conference-live-page--visual .conference-live-card--chat {
    top: 13%;
    right: 1%;
}

.conference-live-page--visual .conference-live-card--reactions {
    bottom: 9%;
    left: 4%;
}

.event-gateway-page .event-gateway-dashboard {
    width: min(720px, 100%);
    margin-left: auto;
    grid-template-columns: 150px minmax(0, 1fr);
    border-radius: 26px;
}

.event-gateway-page .event-gateway-dashboard__sidebar {
    padding: 20px 14px;
}

.event-gateway-page .event-gateway-dashboard__brand {
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
}

.event-gateway-page .event-gateway-dashboard__sidebar li {
    padding: 9px 10px;
    font-size: 13px;
}

.event-gateway-page .event-gateway-dashboard__main {
    padding: 20px;
}

.event-gateway-page .event-gateway-dashboard__head strong {
    font-size: 20px;
}

.event-gateway-page .event-gateway-metrics {
    gap: 12px;
}

.event-gateway-page .event-gateway-metrics article,
.event-gateway-page .event-gateway-chart,
.event-gateway-page .event-gateway-donut,
.event-gateway-page .event-gateway-list,
.event-gateway-page .event-gateway-checkin {
    padding: 14px;
    border-radius: 16px;
}

.event-gateway-page .event-gateway-metrics article strong,
.event-gateway-page .event-gateway-checkin strong {
    font-size: 24px;
}

.event-gateway-page .event-gateway-chart__line {
    height: 102px;
}

.event-gateway-page .event-gateway-donut__ring {
    width: 96px;
    height: 96px;
    box-shadow: inset 0 0 0 17px #0c1a33;
}

.conference-live-page--visual .conference-live-tabs-wrap,
.event-gateway-page .event-gateway-tabs-wrap {
    margin-top: -28px;
    padding-bottom: 18px;
}

.conference-live-page--visual .conference-live-tabs,
.event-gateway-page .event-gateway-tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
}

.conference-live-page--visual .conference-live-tabs a,
.event-gateway-page .event-gateway-tabs a {
    min-height: 70px;
    padding: 16px 18px;
    text-align: center;
}

.conference-live-page--visual .conference-section,
.event-gateway-page .lift-section {
    padding: 72px 0;
}

.conference-live-page--visual .conference-section .lift-section-head,
.event-gateway-page .lift-section-head {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.conference-live-page--visual .conference-platform-grid {
    grid-template-columns: minmax(320px, 0.84fr) minmax(0, 1.16fr);
    gap: 30px;
}

.conference-live-page--visual .conference-platform-screen,
.conference-live-page--visual .conference-feature-card,
.conference-live-page--visual .conference-mini-card,
.conference-live-page--visual .conference-info-card,
.conference-live-page--visual .conference-speaker-panel,
.conference-live-page--visual .conference-poll-card,
.conference-live-page--visual .conference-qa-card,
.conference-live-page--visual .conference-dashboard-card,
.event-gateway-page .event-gateway-feature-card,
.event-gateway-page .event-gateway-why-card,
.event-gateway-page .event-gateway-ppvc-grid,
.event-gateway-page .event-gateway-final-cta__box {
    border-color: rgba(23, 184, 255, 0.16);
    background:
        radial-gradient(circle at 88% 8%, rgba(23, 184, 255, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
}

.conference-live-page--visual .conference-platform-screen {
    grid-template-columns: minmax(0, 1.48fr) minmax(220px, 0.52fr);
    min-height: 380px;
}

.conference-live-page--visual .conference-platform-screen__video {
    min-height: 380px;
}

.conference-live-page--visual .conference-micro-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.conference-live-page--visual .conference-split-grid,
.conference-live-page--visual .conference-analytics-grid {
    max-width: 1120px;
    gap: 60px;
}

.conference-live-page--visual .conference-phone {
    width: 280px;
}

.conference-live-page--visual .conference-speaker-panel,
.conference-live-page--visual .conference-network-visual,
.conference-live-page--visual .conference-analytics-visual {
    width: min(560px, 100%);
}

.conference-live-page--visual .conference-network-visual {
    margin-left: auto;
}

.event-gateway-page .event-gateway-feature-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
}

.event-gateway-page .event-gateway-feature-card {
    min-height: 280px;
    padding: 24px 20px;
}

.event-gateway-page .event-gateway-feature-card h3 {
    font-size: 22px;
    line-height: 1.2;
}

.event-gateway-page .event-gateway-ppvc-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr);
    align-items: center;
    padding: 34px;
}

.event-gateway-page .event-gateway-why-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.event-gateway-page .event-gateway-reviews .lift-review-carousel,
.event-gateway-page .event-gateway-final-cta__box {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.event-gateway-page .event-gateway-final-cta__box {
    grid-template-columns: 360px minmax(0, 1fr);
    align-items: center;
}

@media (min-width: 1101px) and (max-width: 1320px) {
    .conference-live-page--visual .conference-live-hero-grid,
    .event-gateway-page .event-gateway-hero-grid {
        grid-template-columns: minmax(360px, 0.86fr) minmax(560px, 1.14fr);
    }

    .event-gateway-page .event-gateway-dashboard {
        grid-template-columns: 132px minmax(0, 1fr);
    }

    .event-gateway-page .event-gateway-feature-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .conference-live-page--visual .conference-live-hero-grid,
    .event-gateway-page .event-gateway-hero-grid,
    .conference-live-page--visual .conference-platform-grid,
    .conference-live-page--visual .conference-split-grid,
    .conference-live-page--visual .conference-analytics-grid,
    .event-gateway-page .event-gateway-ppvc-grid {
        grid-template-columns: 1fr;
    }

    .conference-live-page--visual .conference-live-copy,
    .event-gateway-page .event-gateway-copy {
        max-width: 780px;
        margin: 0 auto;
        text-align: center;
    }

    .conference-live-page--visual .conference-live-copy .lift-actions,
    .conference-live-page--visual .conference-live-stats,
    .event-gateway-page .event-gateway-copy .lift-actions,
    .event-gateway-page .event-gateway-stats {
        justify-content: center;
    }

    .conference-live-page--visual .conference-live-visual,
    .event-gateway-page .event-gateway-dashboard {
        margin: 0 auto;
    }

    .event-gateway-page .event-gateway-feature-grid,
    .event-gateway-page .event-gateway-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .conference-live-page--visual .conference-live-hero,
    .event-gateway-page .event-gateway-hero {
        min-height: auto;
        padding: 92px 0 48px;
    }

    .conference-live-page--visual .conference-live-copy h1,
    .event-gateway-page .event-gateway-copy h1 {
        font-size: clamp(38px, 11vw, 52px);
    }

    .conference-live-page--visual .conference-live-visual {
        min-height: 420px;
    }

    .event-gateway-page .event-gateway-dashboard,
    .event-gateway-page .event-gateway-dashboard__main,
    .event-gateway-page .event-gateway-metrics,
    .event-gateway-page .event-gateway-insights,
    .event-gateway-page .event-gateway-bottom,
    .conference-live-page--visual .conference-platform-screen,
    .conference-live-page--visual .conference-micro-grid,
    .event-gateway-page .event-gateway-feature-grid,
    .event-gateway-page .event-gateway-why-grid,
    .event-gateway-page .event-gateway-final-cta__box {
        grid-template-columns: 1fr;
    }

    .event-gateway-page .event-gateway-dashboard__sidebar {
        display: none;
    }

    .conference-live-page--visual .conference-live-tabs,
    .event-gateway-page .event-gateway-tabs {
        grid-template-columns: repeat(5, minmax(180px, 1fr));
        overflow-x: auto;
    }

    .conference-live-page--visual .conference-section,
    .event-gateway-page .lift-section {
        padding: 56px 0;
    }
}

/* Conference Live hero alignment v3.0 */
.conference-live-page--visual .conference-live-hero {
    min-height: 780px;
    padding: 118px 0 84px;
}

.conference-live-page--visual .conference-live-hero-grid {
    grid-template-columns: minmax(390px, 0.7fr) minmax(680px, 1.3fr);
    gap: clamp(86px, 7vw, 132px);
}

.conference-live-page--visual .conference-live-copy {
    max-width: 540px;
    position: relative;
    z-index: 3;
}

.conference-live-page--visual .conference-live-copy h1 {
    max-width: 540px;
    font-size: clamp(46px, 4.05vw, 66px);
    line-height: 1.08;
}

.conference-live-page--visual .conference-live-copy .lift-lead {
    max-width: 500px;
    font-size: 18px;
}

.conference-live-page--visual .conference-live-copy .lift-actions {
    margin-top: 32px;
}

.conference-live-page--visual .conference-live-stats {
    display: grid;
    gap: 18px;
    margin-top: 38px;
}

.conference-live-page--visual .conference-live-stats span {
    width: fit-content;
}

.conference-live-page--visual .conference-live-visual {
    width: min(760px, 100%);
    min-height: 520px;
    margin-left: auto;
    transform: translateX(18px);
    z-index: 1;
}

.conference-live-page--visual .conference-live-player {
    inset: 25% 4% 16% 6%;
}

.conference-live-page--visual .conference-live-card--audience {
    top: 7%;
    left: 4%;
    width: 200px;
}

.conference-live-page--visual .conference-live-card--chat {
    top: 17%;
    right: -2%;
    width: 230px;
}

.conference-live-page--visual .conference-live-card--reactions {
    bottom: 5%;
    left: 5%;
    width: 190px;
}

.conference-live-page--visual .conference-live-stage__play {
    width: 118px;
    height: 118px;
}

.conference-live-page--visual .conference-live-stage__play::before {
    border-left-width: 34px;
    border-top-width: 24px;
    border-bottom-width: 24px;
}

@media (min-width: 1500px) {
    .conference-live-page--visual .conference-live-copy h1 {
        font-size: 68px;
    }

    .conference-live-page--visual .conference-live-visual {
        width: 800px;
    }
}

@media (max-width: 1240px) {
    .conference-live-page--visual .conference-live-hero-grid {
        grid-template-columns: minmax(340px, 0.78fr) minmax(560px, 1.22fr);
        gap: 54px;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        font-size: clamp(42px, 4.35vw, 58px);
    }

    .conference-live-page--visual .conference-live-visual {
        min-height: 480px;
        transform: none;
    }

    .conference-live-page--visual .conference-live-card--chat {
        right: 0;
    }
}

@media (max-width: 980px) {
    .conference-live-page--visual .conference-live-hero-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .conference-live-page--visual .conference-live-copy {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .conference-live-page--visual .conference-live-copy h1,
    .conference-live-page--visual .conference-live-copy .lift-lead {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

    .conference-live-page--visual .conference-live-copy .lift-actions,
    .conference-live-page--visual .conference-live-stats {
        justify-content: center;
    }

    .conference-live-page--visual .conference-live-stats span {
        margin: 0 auto;
    }

    .conference-live-page--visual .conference-live-visual {
        width: min(720px, 100%);
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .conference-live-page--visual .conference-live-hero {
        padding: 88px 0 44px;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        font-size: clamp(36px, 10vw, 48px);
    }

    .conference-live-page--visual .conference-live-visual {
        min-height: 390px;
    }

    .conference-live-page--visual .conference-live-player {
        inset: 30% 0 18%;
    }

    .conference-live-page--visual .conference-live-card--audience {
        top: 4%;
        left: 0;
    }

    .conference-live-page--visual .conference-live-card--chat {
        top: 12%;
        right: 0;
    }

    .conference-live-page--visual .conference-live-card--reactions {
        bottom: 2%;
        left: 0;
    }
}

/* Conference Live local viewport fix v3.1 */
@media (min-width: 981px) {
    .conference-live-page--visual .conference-live-hero {
        min-height: 700px;
        padding: 96px 0 56px;
    }

    .conference-live-page--visual .conference-live-hero-grid {
        grid-template-columns: minmax(430px, 0.82fr) minmax(560px, 1.18fr);
        gap: clamp(42px, 4.4vw, 70px);
    }

    .conference-live-page--visual .conference-live-copy {
        max-width: 500px;
        margin: 0;
        text-align: left;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        max-width: 500px;
        margin: 0;
        font-size: clamp(43px, 3.7vw, 58px);
        line-height: 1.08;
        text-align: left;
    }

    .conference-live-page--visual .conference-live-copy .lift-lead {
        max-width: 500px;
        margin: 22px 0 0;
        font-size: 17px;
        line-height: 1.68;
        text-align: left;
    }

    .conference-live-page--visual .conference-live-copy .lift-actions {
        justify-content: flex-start;
        margin-top: 28px;
    }

    .conference-live-page--visual .conference-live-stats {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-top: 30px;
    }

    .conference-live-page--visual .conference-live-stats span {
        margin: 0;
    }

    .conference-live-page--visual .conference-live-visual {
        width: min(650px, 100%);
        min-height: 455px;
        margin-left: auto;
        transform: none;
    }

    .conference-live-page--visual .conference-live-player {
        inset: 23% 4% 13% 5%;
    }

    .conference-live-page--visual .conference-live-card {
        padding: 18px;
    }

    .conference-live-page--visual .conference-live-card--audience {
        top: 3%;
        left: 3%;
        width: 176px;
    }

    .conference-live-page--visual .conference-live-card--chat {
        top: 14%;
        right: -1%;
        width: 196px;
    }

    .conference-live-page--visual .conference-live-card--reactions {
        bottom: 0;
        left: 4%;
        width: 176px;
    }

    .conference-live-page--visual .conference-live-stage__play {
        width: 96px;
        height: 96px;
    }

    .conference-live-page--visual .conference-live-stage__play::before {
        border-left-width: 28px;
        border-top-width: 20px;
        border-bottom-width: 20px;
    }
}

@media (min-width: 981px) and (max-width: 1180px) {
    .conference-live-page--visual .conference-live-hero-grid {
        grid-template-columns: minmax(390px, 0.78fr) minmax(520px, 1.22fr);
        gap: 34px;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        font-size: clamp(39px, 3.8vw, 48px);
    }

    .conference-live-page--visual .conference-live-visual {
        width: min(580px, 100%);
    }
}

/* Conference Live spacing and hierarchy polish v3.2 */
.conference-live-page--visual .lift-container {
    max-width: 1180px;
    padding-left: 32px;
    padding-right: 32px;
}

.conference-live-page--visual .conference-section {
    padding: 110px 0;
}

.conference-live-page--visual .conference-section--alt {
    background:
        radial-gradient(circle at 20% 35%, rgba(23, 184, 255, .11), transparent 34%),
        linear-gradient(180deg, rgba(6, 17, 36, .96), rgba(7, 28, 56, .9));
}

.conference-live-page--visual .conference-section .lift-section-head {
    margin-bottom: 38px;
}

.conference-live-page--visual .conference-section .lift-section-head h2,
.conference-live-page--visual .conference-split-copy h2 {
    font-size: clamp(36px, 3.6vw, 56px);
    line-height: 1.08;
}

.conference-live-page--visual .conference-section .lift-section-head p,
.conference-live-page--visual .conference-split-copy p,
.conference-live-page--visual .conference-feature-card p,
.conference-live-page--visual .conference-info-card p,
.conference-live-page--visual .conference-mini-card li,
.conference-live-page--visual .conference-live-copy .lift-lead {
    font-size: 18px;
    line-height: 1.68;
}

.conference-live-page--visual .conference-feature-card p,
.conference-live-page--visual .conference-info-card p,
.conference-live-page--visual .conference-mini-card li,
.conference-live-page--visual .conference-feature-card .lift-checklist li,
.conference-live-page--visual .conference-split-copy .lift-checklist li {
    font-size: 15px;
    line-height: 1.72;
}

.conference-live-page--visual .conference-live-tabs-wrap {
    margin-top: -24px;
}

.conference-live-page--visual .conference-live-tabs {
    min-height: 78px;
    border-radius: 22px;
}

.conference-live-page--visual .conference-live-tabs a {
    min-height: 78px;
    padding: 20px 24px;
    font-size: 14px;
    gap: 11px;
}

.conference-live-page--visual .conference-pill-row {
    gap: 14px;
    margin-bottom: 42px;
}

.conference-live-page--visual .conference-pill-row span {
    padding: 13px 18px;
    font-size: 14px;
}

.conference-live-page--visual .conference-platform-grid {
    grid-template-columns: minmax(280px, .8fr) minmax(520px, 1.3fr);
    gap: 28px;
    align-items: stretch;
}

.conference-live-page--visual .conference-feature-card,
.conference-live-page--visual .conference-mini-card,
.conference-live-page--visual .conference-info-card,
.conference-live-page--visual .conference-speaker-panel,
.conference-live-page--visual .conference-poll-card,
.conference-live-page--visual .conference-qa-card,
.conference-live-page--visual .conference-dashboard-card {
    border-color: rgba(23, 184, 255, .18);
    background:
        linear-gradient(145deg, rgba(16, 37, 70, .86), rgba(8, 18, 40, .94));
    box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}

.conference-live-page--visual .conference-feature-card {
    min-height: 360px;
    padding: 34px;
}

.conference-live-page--visual .conference-feature-card__icon,
.conference-live-page--visual .conference-info-card i {
    background: linear-gradient(135deg, #17b8ff, #086da8);
    box-shadow: 0 14px 34px rgba(23, 184, 255, .28);
}

.conference-live-page--visual .conference-platform-visual {
    min-height: 390px;
}

.conference-live-page--visual .conference-platform-screen,
.conference-live-page--visual .conference-platform-screen__video {
    min-height: 360px;
}

.conference-live-page--visual .conference-micro-grid {
    gap: 28px;
}

.conference-live-page--visual .conference-mini-card {
    min-height: 280px;
    padding: 28px;
}

.conference-live-page--visual .conference-split-grid,
.conference-live-page--visual .conference-analytics-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(48px, 6vw, 86px);
    align-items: center;
}

.conference-live-page--visual .conference-phone-showcase {
    min-height: 560px;
}

.conference-live-page--visual .conference-phone {
    width: min(330px, 86vw);
    min-height: 520px;
}

.conference-live-page--visual .conference-card-grid,
.conference-live-page--visual .conference-card-grid--two {
    gap: 22px;
}

.conference-live-page--visual .conference-info-card {
    min-height: 180px;
    padding: 26px;
}

.conference-live-page--visual .conference-speaker-panel {
    min-height: 430px;
    padding: 34px;
}

.conference-live-page--visual .conference-network-visual {
    min-height: 430px;
}

.conference-live-page--visual .conference-network-node {
    padding: 18px 24px;
    min-width: 126px;
}

.conference-live-page--visual .conference-analytics-visual {
    min-height: 460px;
}

.conference-live-page--visual .conference-poll-card,
.conference-live-page--visual .conference-qa-card {
    padding: 28px;
}

.conference-live-page--visual .conference-dashboard-card {
    padding: 26px;
}

.conference-live-page--visual .conference-page-cta {
    padding: 96px 0 112px;
}

.conference-live-page--visual .conference-page-cta__box {
    min-height: 178px;
    padding: 38px 44px;
    border-radius: 28px;
}

.conference-live-page--visual .conference-page-cta__copy h2 {
    font-size: clamp(28px, 3vw, 42px);
}

.conference-live-page--visual .conference-page-cta__actions .lift-btn {
    min-height: 56px;
    padding: 0 26px;
}

@media (min-width: 981px) {
    .conference-live-page--visual .conference-live-hero {
        min-height: 760px;
        padding: 116px 0 88px;
    }

    .conference-live-page--visual .conference-live-hero-grid {
        grid-template-columns: minmax(440px, .95fr) minmax(560px, 1.05fr);
        gap: clamp(48px, 5vw, 76px);
        align-items: center;
    }

    .conference-live-page--visual .conference-live-copy {
        max-width: 560px;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        max-width: 560px;
        font-size: clamp(50px, 4.2vw, 66px);
    }

    .conference-live-page--visual .conference-live-copy .lift-lead {
        max-width: 540px;
        margin-top: 28px;
    }

    .conference-live-page--visual .conference-live-copy .lift-actions {
        margin-top: 36px;
        gap: 18px;
    }

    .conference-live-page--visual .conference-live-stats {
        gap: 18px;
        margin-top: 38px;
    }

    .conference-live-page--visual .conference-live-visual {
        width: min(720px, 100%);
        min-height: 530px;
        transform: translateX(8px);
    }

    .conference-live-page--visual .conference-live-player {
        inset: 23% 1% 12% 3%;
    }

    .conference-live-page--visual .conference-live-card--audience {
        top: 5%;
        left: 2%;
        width: 195px;
    }

    .conference-live-page--visual .conference-live-card--chat {
        top: 18%;
        right: -2%;
        width: 225px;
    }

    .conference-live-page--visual .conference-live-card--reactions {
        bottom: 1%;
        left: 3%;
        width: 190px;
    }
}

@media (max-width: 1180px) and (min-width: 981px) {
    .conference-live-page--visual .conference-live-hero-grid {
        grid-template-columns: minmax(390px, .92fr) minmax(520px, 1.08fr);
        gap: 34px;
    }

    .conference-live-page--visual .conference-live-copy h1 {
        font-size: clamp(42px, 4vw, 52px);
    }

    .conference-live-page--visual .conference-live-visual {
        width: min(600px, 100%);
        min-height: 470px;
        transform: none;
    }
}

@media (max-width: 980px) {
    .conference-live-page--visual .lift-container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .conference-live-page--visual .conference-live-hero {
        min-height: auto;
        padding: 92px 0 72px;
    }

    .conference-live-page--visual .conference-live-hero-grid,
    .conference-live-page--visual .conference-split-grid,
    .conference-live-page--visual .conference-split-grid--reverse,
    .conference-live-page--visual .conference-analytics-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .conference-live-page--visual .conference-live-copy {
        max-width: 720px;
        text-align: center;
    }

    .conference-live-page--visual .conference-live-copy h1,
    .conference-live-page--visual .conference-live-copy .lift-lead {
        max-width: 720px;
        text-align: center;
    }

    .conference-live-page--visual .conference-live-copy .lift-actions,
    .conference-live-page--visual .conference-live-stats {
        justify-content: center;
        align-items: center;
    }

    .conference-live-page--visual .conference-live-tabs {
        overflow-x: auto;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
    }

    .conference-live-page--visual .conference-live-tabs a {
        flex: 0 0 auto;
        min-width: 210px;
        scroll-snap-align: start;
    }

    .conference-live-page--visual .conference-section {
        padding: 72px 0;
    }

    .conference-live-page--visual .conference-platform-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .conference-live-page--visual .conference-platform-visual {
        min-height: auto;
    }

    .conference-live-page--visual .conference-phone-showcase,
    .conference-live-page--visual .conference-network-visual,
    .conference-live-page--visual .conference-analytics-visual {
        min-height: 420px;
    }

    .conference-live-page--visual .conference-page-cta__box {
        grid-template-columns: 1fr;
        text-align: left;
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .conference-live-page--visual .lift-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .conference-live-page--visual .conference-live-copy h1,
    .conference-live-page--visual .conference-section .lift-section-head h2,
    .conference-live-page--visual .conference-split-copy h2 {
        font-size: clamp(34px, 10vw, 46px);
    }

    .conference-live-page--visual .conference-live-visual {
        min-height: 420px;
    }

    .conference-live-page--visual .conference-live-card {
        max-width: 185px;
    }

    .conference-live-page--visual .conference-live-card--chat {
        top: 16%;
    }

    .conference-live-page--visual .conference-card-grid,
    .conference-live-page--visual .conference-card-grid--two {
        grid-template-columns: 1fr;
    }

    .conference-live-page--visual .conference-feature-card,
    .conference-live-page--visual .conference-mini-card,
    .conference-live-page--visual .conference-info-card,
    .conference-live-page--visual .conference-speaker-panel,
    .conference-live-page--visual .conference-poll-card,
    .conference-live-page--visual .conference-qa-card {
        padding: 24px;
    }

    .conference-live-page--visual .conference-page-cta__box {
        padding: 28px 24px;
    }
}

/* Conference Live platform grid correction v3.2.1 */
@media (min-width: 981px) {
    .conference-live-page--visual .conference-platform-grid {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
        gap: 30px;
        align-items: start;
    }

    .conference-live-page--visual .conference-platform-visual,
    .conference-live-page--visual .conference-feature-card,
    .conference-live-page--visual .conference-micro-grid {
        min-width: 0;
    }

    .conference-live-page--visual .conference-micro-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .conference-live-page--visual .conference-speaker-list span {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr);
        column-gap: 14px;
        align-items: center;
    }

    .conference-live-page--visual .conference-speaker-list span img {
        width: 46px;
        height: 46px;
        object-fit: cover;
    }

    .conference-live-page--visual .conference-speaker-list span small {
        grid-column: 2;
        display: block;
        margin-top: -10px;
        line-height: 1.35;
    }

    .conference-live-page--visual .conference-mini-card h3,
    .conference-live-page--visual .conference-feature-card h3 {
        font-size: 24px;
        line-height: 1.18;
    }
}

/* Conference Live agenda/speakers panel fix v3.3 */
@media (min-width: 981px) {
    .conference-live-page--visual .conference-micro-grid {
        gap: 22px;
    }

    .conference-live-page--visual .conference-mini-card {
        min-height: 0;
        padding: 28px;
        border-radius: 24px;
    }

    .conference-live-page--visual .conference-agenda-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin-bottom: 20px;
        padding: 5px;
        border-radius: 16px;
        background: rgba(255, 255, 255, .035);
    }

    .conference-live-page--visual .conference-agenda-tabs span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 10px;
        border-radius: 12px;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
    }

    .conference-live-page--visual .conference-mini-card li {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 58px;
        padding: 12px 14px;
        gap: 12px;
    }

    .conference-live-page--visual .conference-mini-card li strong {
        font-size: 14px;
    }

    .conference-live-page--visual .conference-mini-card li em {
        padding: 6px 8px;
        font-size: 10px;
    }

    .conference-live-page--visual .conference-speaker-list {
        gap: 18px;
    }

    .conference-live-page--visual .conference-speaker-list span {
        grid-template-columns: 56px minmax(0, 1fr);
        min-height: 62px;
        gap: 14px;
    }

    .conference-live-page--visual .conference-speaker-list span img {
        width: 56px;
        height: 56px;
        border: 2px solid rgba(23, 184, 255, .2);
        box-shadow: 0 10px 28px rgba(23, 184, 255, .16);
    }

    .conference-live-page--visual .conference-speaker-list span small {
        margin-top: 3px;
        font-size: 13px;
    }

    .conference-live-page--visual .conference-feature-card--secondary {
        min-height: 440px;
        padding: 34px 38px;
        align-self: start;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .conference-live-page--visual .conference-feature-card--secondary .conference-feature-card__icon {
        width: 68px;
        height: 68px;
        border-radius: 20px;
        margin-bottom: 8px;
    }

    .conference-live-page--visual .conference-feature-card--secondary h3 {
        margin-top: 14px;
        font-size: clamp(28px, 2.4vw, 38px);
    }

    .conference-live-page--visual .conference-feature-card--secondary p {
        max-width: 720px;
        font-size: 17px;
    }

    .conference-live-page--visual .conference-feature-card--secondary .lift-checklist {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 28px;
        margin-top: 30px;
    }
}

@media (max-width: 980px) {
    .conference-live-page--visual .conference-agenda-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .conference-live-page--visual .conference-agenda-tabs span {
        justify-content: center;
        border-radius: 14px;
        text-align: center;
    }
}

/* Streaming video page rebuild fix v3.5 */
.streaming-tech-page {
    --stream-bg: #061124;
    --stream-panel: rgba(9, 24, 48, .84);
    --stream-panel-strong: rgba(12, 33, 62, .9);
    --stream-line: rgba(23, 184, 255, .18);
    --stream-blue: #17b8ff;
    --stream-text: #ffffff;
    --stream-muted: #b7c3da;
    background:
        radial-gradient(circle at 18% 8%, rgba(23, 184, 255, .16), transparent 34%),
        radial-gradient(circle at 82% 10%, rgba(83, 102, 255, .12), transparent 30%),
        linear-gradient(180deg, #071c38 0%, #061124 38%, #050b1d 100%);
    color: var(--stream-text);
    overflow: hidden;
}

.streaming-tech-page .lift-container {
    max-width: 1180px;
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.streaming-tech-page .lift-section {
    padding: 78px 0;
}

.streaming-tech-page .lift-section-head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 34px;
}

.streaming-tech-page .lift-eyebrow {
    color: var(--stream-blue);
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    margin-bottom: 14px;
}

.streaming-tech-page h1,
.streaming-tech-page h2,
.streaming-tech-page h3 {
    color: #fff;
    letter-spacing: 0;
}

.streaming-tech-page h1 {
    font-size: clamp(44px, 5.4vw, 76px);
    line-height: 1.04;
    max-width: 650px;
    margin: 0 0 22px;
}

.streaming-tech-page h2 {
    font-size: clamp(34px, 3.4vw, 52px);
    line-height: 1.08;
    margin: 0 0 16px;
}

.streaming-tech-page h3 {
    font-size: 23px;
    line-height: 1.18;
    margin: 0 0 12px;
}

.streaming-tech-page p {
    color: var(--stream-muted);
    font-size: 17px;
    line-height: 1.72;
}

.streaming-tech-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    padding: 120px 0 70px;
}

.streaming-tech-hero::before,
.streaming-tech-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border: 1px dashed rgba(23, 184, 255, .18);
    border-radius: 50%;
}

.streaming-tech-hero::before {
    width: 1120px;
    height: 430px;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%) rotate(-8deg);
}

.streaming-tech-hero::after {
    width: 780px;
    height: 330px;
    right: -130px;
    top: 26%;
    transform: rotate(16deg);
}

.streaming-tech-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 54px;
    align-items: center;
}

.streaming-tech-copy .lift-lead {
    max-width: 580px;
    font-size: 20px;
    line-height: 1.7;
}

.streaming-tech-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 24px;
    margin-top: 34px;
}

.streaming-tech-stats span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #eaf6ff;
    font-weight: 800;
}

.streaming-tech-stats i {
    color: var(--stream-blue);
}

.streaming-tech-dashboard {
    position: relative;
    min-height: 560px;
    display: grid;
    place-items: center;
}

.streaming-tech-orbit {
    position: absolute;
    inset: 7% 2%;
    border: 1px dashed rgba(23, 184, 255, .2);
    border-radius: 50%;
    transform: rotate(-10deg);
}

.streaming-tech-orbit--two {
    inset: 18% 10%;
    transform: rotate(16deg);
    opacity: .7;
}

.streaming-tech-status,
.streaming-tech-signal,
.streaming-tech-player,
.streaming-tech-card,
.streaming-tech-infra-panel,
.streaming-tech-monitoring-panel,
.streaming-tech-security-grid article,
.streaming-tech-cta-box {
    background: linear-gradient(145deg, rgba(13, 34, 64, .94), rgba(6, 17, 36, .88));
    border: 1px solid var(--stream-line);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.streaming-tech-status {
    position: absolute;
    z-index: 3;
    min-width: 148px;
    padding: 16px 18px;
    border-radius: 20px;
}

.streaming-tech-status small,
.streaming-tech-signal small,
.streaming-tech-infra-panel small,
.streaming-tech-monitoring-row span {
    display: block;
    color: var(--stream-muted);
    font-size: 12px;
    letter-spacing: .04em;
}

.streaming-tech-status strong,
.streaming-tech-signal strong,
.streaming-tech-infra-panel strong,
.streaming-tech-monitoring-row strong {
    display: block;
    color: #fff;
    font-size: 19px;
    margin-top: 4px;
}

.streaming-tech-status--bitrate {
    top: 40px;
    left: 24px;
}

.streaming-tech-status--cdn {
    top: 76px;
    right: 0;
}

.streaming-tech-status--quality {
    bottom: 76px;
    left: 0;
}

.streaming-tech-player {
    position: relative;
    z-index: 2;
    width: min(100%, 620px);
    border-radius: 30px;
    overflow: hidden;
}

.streaming-tech-player__top,
.streaming-tech-player__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 22px;
}

.streaming-tech-live {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 11px;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(135deg, #ff2a78, #ff5a36);
    box-shadow: 0 0 26px rgba(255, 42, 120, .35);
}

.streaming-tech-online {
    color: var(--stream-muted);
    font-weight: 800;
}

.streaming-tech-stage {
    position: relative;
    aspect-ratio: 16 / 9;
    min-height: 280px;
    overflow: hidden;
    background: #020711;
}

.streaming-tech-stage img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: saturate(1.08) brightness(.74);
}

.streaming-tech-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 52% 48%, rgba(23, 184, 255, .28), transparent 36%);
}

.streaming-tech-play {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(135deg, #17b8ff, #1779ff);
    box-shadow: 0 0 0 22px rgba(23, 184, 255, .12), 0 26px 58px rgba(23, 184, 255, .32);
}

.streaming-tech-play::before {
    content: "";
    position: absolute;
    left: 48px;
    top: 35px;
    border-left: 35px solid #fff;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
}

.streaming-tech-control {
    width: 14px;
    height: 24px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}

.streaming-tech-progress {
    flex: 1;
    height: 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    overflow: hidden;
}

.streaming-tech-progress i {
    display: block;
    height: 100%;
    width: 54%;
    border-radius: inherit;
    background: linear-gradient(90deg, #17b8ff, #1779ff);
}

.streaming-tech-player__bottom span:last-child {
    color: #e8f7ff;
    font-weight: 800;
    white-space: nowrap;
}

.streaming-tech-signal {
    position: absolute;
    z-index: 3;
    right: 24px;
    bottom: 8px;
    width: 260px;
    border-radius: 22px;
    padding: 18px;
}

.streaming-tech-signal svg {
    width: 100%;
    height: 72px;
    margin-top: 8px;
    fill: none;
    stroke: var(--stream-blue);
    stroke-width: 6;
    stroke-linecap: round;
}

.streaming-tech-tabs-wrap {
    position: relative;
    z-index: 4;
    margin-top: -32px;
}

.streaming-tech-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid var(--stream-line);
    background: rgba(9, 24, 48, .86);
    backdrop-filter: blur(18px);
}

.streaming-tech-tabs a {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #d9e6f8;
    font-weight: 800;
    border-right: 1px solid rgba(23, 184, 255, .12);
}

.streaming-tech-tabs a:last-child {
    border-right: 0;
}

.streaming-tech-tabs a.is-active,
.streaming-tech-tabs a:hover {
    color: #fff;
    background: linear-gradient(135deg, rgba(23, 184, 255, .95), rgba(23, 120, 255, .78));
}

.streaming-tech-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.streaming-tech-card {
    min-height: 260px;
    padding: 30px;
    border-radius: 26px;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.streaming-tech-card:hover {
    transform: translateY(-8px);
    border-color: rgba(23, 184, 255, .38);
    box-shadow: 0 30px 74px rgba(23, 184, 255, .14);
}

.streaming-tech-card i,
.streaming-tech-security-grid i {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #fff;
    font-size: 22px;
    background: linear-gradient(135deg, #17b8ff, #176dff);
    box-shadow: 0 18px 40px rgba(23, 184, 255, .22);
    margin-bottom: 22px;
}

.streaming-tech-platform-grid,
.streaming-tech-monitoring-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 42px;
    align-items: center;
}

.streaming-tech-platform-copy,
.streaming-tech-monitoring-grid > div:last-child {
    max-width: 560px;
}

.streaming-tech-chip-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
}

.streaming-tech-chip-grid span,
.streaming-tech-alerts span {
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 14px;
    color: #d9eaff;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(23, 184, 255, .12);
}

.streaming-tech-infra-panel,
.streaming-tech-monitoring-panel {
    border-radius: 30px;
    padding: 30px;
    min-height: 380px;
}

.streaming-tech-infra-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
}

.streaming-tech-infra-head span {
    color: #3effa1;
    font-weight: 900;
}

.streaming-tech-infra-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.streaming-tech-infra-grid article {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .045);
}

.streaming-tech-bars {
    height: 160px;
    display: flex;
    align-items: end;
    gap: 14px;
    margin-top: 36px;
    padding: 0 10px;
}

.streaming-tech-bars span {
    flex: 1;
    height: var(--h);
    min-height: 28px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(180deg, #17b8ff, rgba(23, 120, 255, .28));
    box-shadow: 0 0 28px rgba(23, 184, 255, .2);
}

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

.streaming-tech-timeline article {
    position: relative;
    min-height: 210px;
    padding: 28px;
    border-radius: 24px;
    background: rgba(9, 24, 48, .78);
    border: 1px solid var(--stream-line);
}

.streaming-tech-timeline span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
    border-radius: 50%;
    color: #061124;
    font-weight: 900;
    background: var(--stream-blue);
}

.streaming-tech-monitoring-grid {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

.streaming-tech-monitoring-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.streaming-tech-alerts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 24px;
}

.streaming-tech-security-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.streaming-tech-security-grid article {
    min-height: 130px;
    padding: 24px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    gap: 18px;
    color: #fff;
    font-weight: 850;
}

.streaming-tech-security-grid i {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    margin: 0;
}

.streaming-tech-reviews {
    padding-top: 80px;
}

.streaming-tech-page .streaming-tech-reviews .lift-section-head {
    align-items: flex-start;
    max-width: 330px;
    margin: 0;
    padding-top: 18px;
    text-align: left;
}

.streaming-tech-page .streaming-tech-reviews .lift-section-head h2 {
    font-size: clamp(34px, 3.2vw, 46px);
    line-height: 1.12;
    margin: 0;
}

.streaming-tech-cta {
    padding-top: 30px;
}

.streaming-tech-cta-box {
    border-radius: 28px;
    padding: 34px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.streaming-tech-cta-box h2 {
    font-size: clamp(28px, 3vw, 42px);
}

.streaming-tech-cta-box p {
    margin: 0;
    max-width: 620px;
}

@media (max-width: 1180px) {
    .streaming-tech-hero-grid,
    .streaming-tech-platform-grid,
    .streaming-tech-monitoring-grid {
        grid-template-columns: 1fr;
    }

    .streaming-tech-copy,
    .streaming-tech-platform-copy,
    .streaming-tech-monitoring-grid > div:last-child {
        max-width: 760px;
    }

    .streaming-tech-dashboard {
        min-height: 620px;
    }
}

@media (max-width: 991px) {
    .streaming-tech-page .lift-section {
        padding: 58px 0;
    }

    .streaming-tech-hero {
        min-height: auto;
        padding: 96px 0 62px;
    }

    .streaming-tech-tabs {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .streaming-tech-tabs a {
        min-width: 210px;
        scroll-snap-align: start;
    }

    .streaming-tech-module-grid,
    .streaming-tech-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .streaming-tech-security-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .streaming-tech-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .streaming-tech-page .lift-container {
        width: min(100% - 28px, 1180px);
    }

    .streaming-tech-page h1 {
        font-size: clamp(40px, 13vw, 56px);
    }

    .streaming-tech-dashboard {
        min-height: 520px;
        margin-inline: -8px;
    }

    .streaming-tech-player {
        border-radius: 24px;
    }

    .streaming-tech-stage {
        min-height: 210px;
    }

    .streaming-tech-play {
        width: 88px;
        height: 88px;
    }

    .streaming-tech-play::before {
        left: 36px;
        top: 27px;
        border-left-width: 27px;
        border-top-width: 18px;
        border-bottom-width: 18px;
    }

    .streaming-tech-status {
        position: relative;
        inset: auto;
        min-width: 0;
        width: calc(50% - 6px);
        display: inline-block;
        margin: 6px 3px;
        vertical-align: top;
    }

    .streaming-tech-signal {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 14px;
    }

    .streaming-tech-module-grid,
    .streaming-tech-timeline,
    .streaming-tech-security-grid,
    .streaming-tech-chip-grid,
    .streaming-tech-alerts,
    .streaming-tech-infra-grid {
        grid-template-columns: 1fr;
    }

    .streaming-tech-card,
    .streaming-tech-infra-panel,
    .streaming-tech-monitoring-panel,
    .streaming-tech-cta-box {
        padding: 24px;
        border-radius: 22px;
    }

    .streaming-tech-cta-box .lift-actions {
        width: 100%;
    }
}

/* Conference Live document polish v3.6 */
.conference-live-page--visual {
    --conf-blue: #17b8ff;
    --conf-panel: rgba(10, 28, 54, .9);
    --conf-panel-soft: rgba(12, 36, 68, .72);
    --conf-line: rgba(23, 184, 255, .2);
}

.conference-live-page--visual .lift-container {
    width: min(1180px, calc(100% - 56px));
    max-width: 1180px;
    padding-left: 0;
    padding-right: 0;
}

.conference-live-page--visual .conference-live-hero {
    min-height: 740px;
    padding-bottom: 96px;
}

.conference-live-page--visual .conference-live-hero-grid {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(56px, 5vw, 72px);
}

.conference-live-page--visual .conference-live-visual {
    width: min(640px, 100%);
    min-height: 470px;
    justify-self: end;
}

.conference-live-page--visual .conference-live-tabs-wrap {
    margin-top: -12px;
    margin-bottom: 20px;
}

.conference-live-page--visual .conference-live-tabs {
    max-width: 1120px;
    margin-inline: auto;
    min-height: 72px;
    padding: 10px;
    border-radius: 20px;
    background: rgba(8, 22, 43, .86);
}

.conference-live-page--visual .conference-live-tabs a {
    min-height: 50px;
    padding: 0 28px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
}

.conference-live-page--visual .conference-section {
    padding: 112px 0;
}

.conference-live-page--visual .conference-section .lift-section-head {
    max-width: 820px;
    margin-bottom: 46px;
}

.conference-live-page--visual .conference-section .lift-section-head h2,
.conference-live-page--visual .conference-split-copy h2 {
    font-size: clamp(40px, 4vw, 56px);
    line-height: 1.08;
}

.conference-live-page--visual .conference-section .lift-section-head p,
.conference-live-page--visual .conference-split-copy p {
    font-size: 18px;
    line-height: 1.75;
    color: #b8c5d9;
}

.conference-live-page--visual .conference-platform-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
    align-items: stretch;
}

.conference-live-page--visual .conference-feature-card,
.conference-live-page--visual .conference-agenda-panel,
.conference-live-page--visual .conference-info-card,
.conference-live-page--visual .conference-speaker-panel,
.conference-live-page--visual .conference-network-visual,
.conference-live-page--visual .conference-analytics-visual {
    border-radius: 28px;
    border: 1px solid var(--conf-line);
    background:
        radial-gradient(circle at 85% 95%, rgba(23, 184, 255, .12), transparent 34%),
        linear-gradient(145deg, rgba(15, 40, 74, .86), rgba(7, 18, 38, .96));
    box-shadow: 0 28px 74px rgba(0, 0, 0, .28);
}

.conference-live-page--visual .conference-feature-card {
    min-height: 280px;
    padding: 32px;
}

.conference-live-page--visual .conference-platform-visual,
.conference-live-page--visual .conference-platform-screen,
.conference-live-page--visual .conference-platform-screen__video {
    min-height: 380px;
}

.conference-live-page--visual .conference-platform-screen {
    border-radius: 28px;
}

.conference-live-page--visual .conference-platform-screen__chat {
    min-width: 210px;
}

.conference-live-page--visual .conference-agenda-panel {
    min-height: 360px;
    padding: 30px;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(230px, .92fr);
    gap: 28px;
    align-items: stretch;
}

.conference-live-page--visual .conference-panel-head {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
}

.conference-live-page--visual .conference-panel-head .conference-feature-card__icon {
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    margin: 0;
}

.conference-live-page--visual .conference-panel-head h3,
.conference-live-page--visual .conference-agenda-panel h3 {
    font-size: 28px;
    line-height: 1.12;
    margin: 0 0 6px;
}

.conference-live-page--visual .conference-panel-head p {
    margin: 0;
    color: #b8c5d9;
    font-size: 15px;
    line-height: 1.55;
}

.conference-live-page--visual .conference-agenda-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 18px;
    padding: 6px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
}

.conference-live-page--visual .conference-agenda-tabs span {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #c7d5e9;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.conference-live-page--visual .conference-agenda-tabs span.is-active {
    color: #fff;
    background: linear-gradient(135deg, #17b8ff, #1779ff);
}

.conference-live-page--visual .conference-agenda-list {
    display: grid;
    gap: 12px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.conference-live-page--visual .conference-agenda-list li {
    min-height: 60px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 13px 16px;
    border-radius: 16px;
    color: #fff;
    background: rgba(255, 255, 255, .045);
}

.conference-live-page--visual .conference-agenda-list strong {
    color: var(--conf-blue);
    font-size: 15px;
}

.conference-live-page--visual .conference-agenda-list span {
    font-size: 15px;
    line-height: 1.35;
}

.conference-live-page--visual .conference-agenda-list em {
    padding: 7px 10px;
    border-radius: 999px;
    color: #fff;
    background: #ff2f76;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.conference-live-page--visual .conference-agenda-panel a {
    color: var(--conf-blue);
    font-weight: 900;
}

.conference-live-page--visual .conference-agenda-panel__speakers {
    padding: 22px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(23, 184, 255, .12);
}

.conference-live-page--visual .conference-speaker-list {
    display: grid;
    gap: 15px;
    margin: 20px 0 22px;
}

.conference-live-page--visual .conference-speaker-list span {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 4px 14px;
    align-items: center;
    color: #fff;
    min-height: 64px;
}

.conference-live-page--visual .conference-speaker-list img {
    grid-row: span 2;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(23, 184, 255, .24);
}

.conference-live-page--visual .conference-speaker-list strong {
    font-size: 16px;
    line-height: 1.2;
}

.conference-live-page--visual .conference-speaker-list small {
    grid-column: 2;
    color: #aebbd2;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}

.conference-live-page--visual .conference-feature-card--secondary {
    min-height: 360px;
    padding: 36px;
    justify-content: center;
}

.conference-live-page--visual .conference-feature-card--secondary .lift-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 28px;
    margin-top: 30px;
}

.conference-live-page--visual .conference-split-grid,
.conference-live-page--visual .conference-analytics-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(56px, 6vw, 80px);
    align-items: center;
}

.conference-live-page--visual .conference-phone-showcase {
    min-height: 560px;
}

.conference-live-page--visual .conference-phone {
    width: 320px;
    max-width: 100%;
    min-height: 520px;
}

.conference-live-page--visual .conference-card-grid,
.conference-live-page--visual .conference-card-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.conference-live-page--visual .conference-info-card {
    min-height: 165px;
    padding: 26px;
}

.conference-live-page--visual .conference-speaker-panel {
    min-height: 420px;
    padding: 32px;
}

.conference-live-page--visual .conference-network-visual {
    min-height: 420px;
    padding: 42px;
}

.conference-live-page--visual .conference-analytics-visual {
    min-height: 500px;
    padding: 34px;
}

.conference-live-page--visual .conference-dashboard-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.conference-live-page--visual .conference-page-cta__box {
    max-width: 1180px;
    min-height: 190px;
    padding: 52px 56px;
    border-radius: 30px;
    grid-template-columns: 1fr auto;
    gap: 36px;
    box-shadow: 0 26px 90px rgba(23, 184, 255, .12);
}

.conference-live-page--visual .conference-page-cta__actions .lift-btn {
    min-height: 56px;
    padding: 0 34px;
}

@media (max-width: 980px) {
    .conference-live-page--visual .lift-container {
        width: min(100% - 36px, 1180px);
    }

    .conference-live-page--visual .conference-live-hero-grid,
    .conference-live-page--visual .conference-platform-grid,
    .conference-live-page--visual .conference-agenda-panel,
    .conference-live-page--visual .conference-split-grid,
    .conference-live-page--visual .conference-split-grid--reverse,
    .conference-live-page--visual .conference-analytics-grid,
    .conference-live-page--visual .conference-page-cta__box {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .conference-live-page--visual .conference-section {
        padding: 72px 0;
    }

    .conference-live-page--visual .conference-live-tabs {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
    }

    .conference-live-page--visual .conference-live-tabs a {
        flex: 0 0 auto;
        min-width: 210px;
    }

    .conference-live-page--visual .conference-platform-visual,
    .conference-live-page--visual .conference-platform-screen,
    .conference-live-page--visual .conference-platform-screen__video {
        min-height: 320px;
    }

    .conference-live-page--visual .conference-feature-card--secondary .lift-checklist,
    .conference-live-page--visual .conference-card-grid,
    .conference-live-page--visual .conference-card-grid--two {
        grid-template-columns: 1fr;
    }

    .conference-live-page--visual .conference-page-cta__box {
        padding: 34px 28px;
    }
}

@media (max-width: 640px) {
    .conference-live-page--visual .lift-container {
        width: min(100% - 28px, 1180px);
    }

    .conference-live-page--visual .conference-agenda-panel,
    .conference-live-page--visual .conference-feature-card,
    .conference-live-page--visual .conference-info-card,
    .conference-live-page--visual .conference-speaker-panel,
    .conference-live-page--visual .conference-network-visual,
    .conference-live-page--visual .conference-analytics-visual {
        padding: 24px;
        border-radius: 24px;
    }

    .conference-live-page--visual .conference-agenda-list li {
        grid-template-columns: 54px minmax(0, 1fr);
    }

    .conference-live-page--visual .conference-agenda-list em {
        grid-column: 2;
        justify-self: start;
    }
}

/* Mobile App page layout v3.7 */
.mobile-app-page {
    --app-bg: #061124;
    --app-bg-2: #071c38;
    --app-card: rgba(13, 32, 64, .82);
    --app-border: rgba(23, 184, 255, .18);
    --app-blue: #17b8ff;
    --app-blue-2: #0a8fe8;
    --app-muted: #b8c5d9;
    background:
        radial-gradient(circle at 20% 8%, rgba(23, 184, 255, .14), transparent 28%),
        linear-gradient(180deg, #061124 0%, #050916 100%);
    color: #fff;
    overflow: hidden;
}

.mobile-app-page .lift-container {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin-inline: auto;
}

.mobile-app-page .lift-section {
    padding: 100px 0;
}

.mobile-app-page .lift-section-head {
    max-width: 900px;
    margin: 0 auto 46px;
    text-align: center;
}

.mobile-app-page .lift-section-head h2,
.mobile-app-copy-panel h2,
.mobile-app-store-panel h2,
.mobile-app-cta-box h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.08;
    letter-spacing: 0;
}

.mobile-app-page p {
    color: var(--app-muted);
    font-size: 18px;
    line-height: 1.75;
}

.mobile-app-hero {
    position: relative;
    overflow: hidden;
    padding: 110px 0 90px;
}

.mobile-app-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../../assets/mobile-app-svg/background-orbits.svg") center / cover no-repeat;
    opacity: .62;
    pointer-events: none;
}

.mobile-app-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 80px;
    align-items: center;
}

.mobile-app-hero h1 {
    margin: 0;
    max-width: 720px;
    color: #fff;
    font-size: clamp(46px, 5vw, 76px);
    line-height: 1.04;
    letter-spacing: 0;
}

.mobile-app-hero .lift-lead {
    max-width: 620px;
    margin-top: 24px;
    color: var(--app-muted);
    font-size: 19px;
    line-height: 1.75;
}

.mobile-app-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 40px;
}

.mobile-app-stats div {
    display: grid;
    gap: 4px;
}

.mobile-app-stats strong {
    color: #fff;
    font-size: 26px;
}

.mobile-app-stats span {
    color: var(--app-muted);
    font-size: 13px;
}

.mobile-app-visual {
    position: relative;
    min-height: 590px;
    display: grid;
    place-items: center;
}

.mobile-app-orbit {
    position: absolute;
    border: 1px dashed rgba(23, 184, 255, .25);
    border-radius: 50%;
    animation: mobileAppSpin 42s linear infinite;
}

.mobile-app-orbit--one {
    width: 560px;
    height: 360px;
}

.mobile-app-orbit--two {
    width: 430px;
    height: 280px;
    animation-duration: 56s;
    animation-direction: reverse;
}

.mobile-app-phone {
    position: relative;
    width: 310px;
    height: 620px;
    padding: 18px;
    border-radius: 44px;
    background: linear-gradient(180deg, #11182e, #020612);
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 32px 90px rgba(23, 184, 255, .18);
    animation: mobileAppFloat 6s ease-in-out infinite;
}

.mobile-app-phone--main {
    z-index: 3;
}

.mobile-app-phone__notch {
    width: 82px;
    height: 8px;
    margin: 0 auto 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .2);
}

.mobile-app-screen {
    position: relative;
    height: calc(100% - 26px);
    border-radius: 32px;
    background: linear-gradient(180deg, #0d2c5c, #071426);
    padding: 22px;
    overflow: hidden;
}

.mobile-app-screen--light {
    background: #f4f8ff;
    color: #061124;
}

.mobile-app-screen__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.mobile-app-screen__top span,
.mobile-app-screen h3 {
    font-weight: 900;
}

.mobile-app-screen__top b {
    padding: 6px 10px;
    border-radius: 999px;
    background: #ff315a;
    font-size: 12px;
}

.mobile-app-session,
.mobile-app-question {
    padding: 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .08);
    margin-top: 12px;
}

.mobile-app-screen--light .mobile-app-question {
    background: rgba(6, 17, 36, .08);
    color: #061124;
}

.mobile-app-session strong {
    display: block;
    color: var(--app-blue);
}

.mobile-app-session.is-active,
.mobile-app-question.is-active {
    border: 1px solid #17b8ff;
}

.mobile-app-bottom-nav {
    position: absolute;
    left: 42px;
    right: 42px;
    bottom: 34px;
    display: flex;
    justify-content: space-around;
}

.mobile-app-bottom-nav i {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--app-blue);
}

.mobile-app-floating-card {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(13, 32, 64, .86);
    border: 1px solid var(--app-border);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .34);
    color: #fff;
    font-weight: 800;
    animation: mobileAppFloat 7s ease-in-out infinite;
}

.mobile-app-floating-card img {
    width: 34px;
    height: 34px;
}

.mobile-app-floating-card--agenda { left: 2%; top: 16%; }
.mobile-app-floating-card--live { right: 4%; top: 22%; animation-delay: .7s; }
.mobile-app-floating-card--network { left: 7%; bottom: 20%; animation-delay: 1.2s; }
.mobile-app-floating-card--push { right: 6%; bottom: 18%; animation-delay: 1.8s; }

.mobile-app-tabs-wrap {
    position: sticky;
    top: 86px;
    z-index: 38;
    padding: 14px 0;
    background: rgba(5, 11, 28, .78);
    border-block: 1px solid rgba(255, 255, 255, .06);
    backdrop-filter: blur(16px);
}

.mobile-app-tabs {
    display: flex;
    justify-content: center;
    gap: 10px;
    overflow-x: auto;
}

.mobile-app-tabs a {
    white-space: nowrap;
    padding: 14px 28px;
    border-radius: 999px;
    color: var(--app-muted);
    font-weight: 800;
    transition: .2s ease;
}

.mobile-app-tabs a.is-active,
.mobile-app-tabs a:hover {
    color: #fff;
    background: linear-gradient(135deg, var(--app-blue-2), #1053e8);
    box-shadow: 0 14px 36px rgba(23, 184, 255, .22);
}

.mobile-app-section:nth-of-type(even),
.mobile-app-section--alt {
    background:
        radial-gradient(circle at 20% 10%, rgba(23, 184, 255, .07), transparent 30%),
        rgba(6, 17, 36, .32);
}

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

.mobile-app-feature-card,
.mobile-app-mini-grid div,
.mobile-app-analytics-dashboard,
.mobile-app-store-panel,
.mobile-app-cta-box {
    background: linear-gradient(180deg, rgba(15, 35, 70, .86), rgba(7, 18, 40, .76));
    border: 1px solid var(--app-border);
    border-radius: 26px;
    box-shadow: 0 22px 64px rgba(0, 0, 0, .22);
}

.mobile-app-feature-card {
    min-height: 245px;
    padding: 32px;
    transition: transform .2s ease, border-color .2s ease;
}

.mobile-app-feature-card:hover {
    transform: translateY(-7px);
    border-color: rgba(23, 184, 255, .4);
}

.mobile-app-feature-card img {
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
}

.mobile-app-feature-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
}

.mobile-app-feature-card p,
.mobile-app-mini-grid span {
    color: var(--app-muted);
    line-height: 1.7;
}

.mobile-app-split-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 86px;
    align-items: center;
}

.mobile-app-phone-stack {
    display: flex;
    justify-content: center;
}

.mobile-app-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.mobile-app-mini-grid div {
    display: grid;
    gap: 8px;
    padding: 24px;
}

.mobile-app-mini-grid img {
    width: 42px;
    height: 42px;
}

.mobile-app-mini-grid strong {
    color: #fff;
}

.mobile-app-check-list {
    display: grid;
    gap: 14px;
    padding: 0;
    margin: 28px 0 0;
    list-style: none;
    color: #fff;
}

.mobile-app-check-list li::before {
    content: "✓";
    color: var(--app-blue);
    font-weight: 900;
    margin-right: 10px;
}

.mobile-app-network-map {
    position: relative;
    min-height: 420px;
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 28px;
    background: rgba(7, 18, 40, .66);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .34);
}

.mobile-app-network-map svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.mobile-app-network-map path {
    fill: none;
    stroke: rgba(23, 184, 255, .55);
    stroke-width: 2;
    stroke-dasharray: 8 8;
    animation: mobileAppDash 18s linear infinite;
}

.mobile-app-node {
    position: absolute;
    z-index: 2;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff, #8ddcff);
    border: 4px solid rgba(23, 184, 255, .55);
    box-shadow: 0 0 40px rgba(23, 184, 255, .32);
}

.mobile-app-node--one { left: 17%; top: 38%; }
.mobile-app-node--two { left: 45%; top: 18%; }
.mobile-app-node--three { right: 14%; top: 34%; }
.mobile-app-node--four { left: 36%; bottom: 12%; }
.mobile-app-node--five { right: 28%; bottom: 18%; }

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

.mobile-app-analytics-dashboard {
    min-height: 480px;
    padding: 34px;
}

.mobile-app-stat-line {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mobile-app-stat-line div {
    padding: 22px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .08);
}

.mobile-app-stat-line strong {
    display: block;
    color: #fff;
    font-size: 34px;
}

.mobile-app-stat-line span {
    color: var(--app-muted);
}

.mobile-app-chart {
    width: 100%;
    margin: 42px 0;
}

.mobile-app-chart path {
    fill: none;
    stroke: var(--app-blue);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 900;
    stroke-dashoffset: 900;
    animation: mobileAppDraw 2.6s ease forwards;
    filter: drop-shadow(0 0 18px rgba(23, 184, 255, .65));
}

.mobile-app-bar-row {
    height: 18px;
    margin-top: 18px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
}

.mobile-app-bar-row span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--app-blue), #0a6ed8);
    animation: mobileAppBar 1.6s ease both;
}

.mobile-app-store-panel,
.mobile-app-cta-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: center;
    padding: 42px 48px;
}

.mobile-app-store-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.mobile-app-store-badges span {
    padding: 18px 26px;
    border-radius: 16px;
    color: #fff;
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--app-border);
    font-weight: 900;
}

@keyframes mobileAppFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes mobileAppSpin {
    to { transform: rotate(360deg); }
}

@keyframes mobileAppDash {
    to { stroke-dashoffset: -120; }
}

@keyframes mobileAppDraw {
    to { stroke-dashoffset: 0; }
}

@keyframes mobileAppBar {
    from { width: 0; }
}

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

@media (max-width: 980px) {
    .mobile-app-hero-grid,
    .mobile-app-split-grid,
    .mobile-app-store-panel,
    .mobile-app-cta-box {
        grid-template-columns: 1fr;
    }

    .mobile-app-feature-grid,
    .mobile-app-three-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-app-visual {
        min-height: 620px;
    }

    .mobile-app-tabs {
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
    }

    .mobile-app-tabs a {
        scroll-snap-align: start;
    }
}

@media (max-width: 680px) {
    .mobile-app-page .lift-container {
        width: calc(100% - 32px);
    }

    .mobile-app-hero {
        padding: 70px 0;
    }

    .mobile-app-hero h1 {
        font-size: 42px;
    }

    .mobile-app-stats {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mobile-app-feature-grid,
    .mobile-app-three-grid,
    .mobile-app-mini-grid {
        grid-template-columns: 1fr;
    }

    .mobile-app-phone {
        width: 270px;
        height: 540px;
    }

    .mobile-app-floating-card {
        position: relative;
        inset: auto;
        width: max-content;
        margin: 10px auto;
    }

    .mobile-app-visual {
        display: block;
        min-height: auto;
    }

    .mobile-app-phone--main {
        margin: 30px auto;
    }

    .mobile-app-orbit {
        display: none;
    }

    .mobile-app-page .lift-section {
        padding: 72px 0;
    }

    .mobile-app-store-panel,
    .mobile-app-cta-box,
    .mobile-app-feature-card,
    .mobile-app-analytics-dashboard {
        padding: 26px;
    }
}

/* Contact page simplification v3.8 */
.contact-lift-section {
    padding: 44px 0 112px;
    background:
        radial-gradient(circle at 14% 18%, rgba(23, 184, 255, 0.14), transparent 30%),
        linear-gradient(180deg, #061124, #050916 78%);
}

.contact-lift-grid {
    align-items: start;
    gap: 40px;
    margin-top: -36px;
}

.contact-lift-form-card,
.contact-lift-side {
    padding: 42px;
}

.contact-lift-side {
    align-self: start;
}

.contact-lift-card-head {
    margin-bottom: 22px;
}

.contact-lift-card-head > p:not(.lift-eyebrow),
.contact-lift-company p:not(.lift-eyebrow) {
    max-width: 640px;
    color: #b8c5d9;
    line-height: 1.65;
}

.contact-lift-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 28px;
}

.contact-lift-badges span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 7px 13px;
    border: 1px solid rgba(23, 184, 255, 0.18);
    border-radius: 999px;
    color: #b8c5d9;
    background: rgba(23, 184, 255, 0.08);
    font-size: 13px;
    font-weight: 800;
}

.contact-lift-badges i {
    color: #17b8ff;
    font-size: 12px;
}

.contact-lift-extra {
    margin: 0 0 18px;
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
}

.contact-lift-extra summary {
    cursor: pointer;
    padding: 16px 18px;
    color: #fff;
    font-weight: 900;
    list-style: none;
}

.contact-lift-extra summary::-webkit-details-marker {
    display: none;
}

.contact-lift-extra summary::after {
    content: "+";
    float: right;
    color: #17b8ff;
    font-size: 24px;
    line-height: 1;
}

.contact-lift-extra[open] summary::after {
    content: "-";
}

.contact-lift-extra-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 0 18px 18px;
}

.contact-lift-form textarea {
    min-height: 150px;
}

.contact-lift-consent {
    margin: 10px 0 16px;
    color: rgba(184, 197, 217, 0.9);
    font-size: 11.5px;
    line-height: 1.45;
}

.contact-lift-submit {
    margin-top: 16px;
    text-align: left;
}

.contact-lift-submit input[type="submit"] {
    width: min(100%, 320px);
    min-width: 0;
    min-height: 60px;
    background: linear-gradient(135deg, #17b8ff 0%, #0a8fe8 72%, #6d35ff 100%);
}

.contact-lift-company {
    margin-bottom: 22px;
}

.contact-lift-info-list {
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, 0.14);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.035);
}

.contact-lift-info {
    grid-template-columns: 52px 1fr;
    gap: 18px;
    padding: 19px 20px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.contact-lift-info:last-child {
    border-bottom: 0;
}

.contact-lift-info-icon {
    position: relative;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 14px;
    color: #17b8ff;
    background: rgba(23, 184, 255, 0.1);
}

.contact-lift-info-icon i,
.contact-lift-card-icon--form i,
.contact-lift-card-icon--company i {
    display: none;
}

.contact-lift-info-icon::before,
.contact-lift-card-icon--form::before,
.contact-lift-card-icon--company::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: var(--contact-icon) center / contain no-repeat;
    mask: var(--contact-icon) center / contain no-repeat;
}

.contact-lift-card-icon--form,
.contact-lift-card-icon--company {
    color: #17b8ff;
}

.contact-lift-card-icon--form {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm2 4v2h10V7H7Zm0 4v2h10v-2H7Zm0 4v2h6v-2H7Z'/%3E%3C/svg%3E");
}

.contact-lift-card-icon--company {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 21V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v16h-3v-4H7v4H4Zm4-14v2h2V7H8Zm0 4v2h2v-2H8Zm5-4v2h2V7h-2Zm0 4v2h2v-2h-2Zm5 10v-9h2a2 2 0 0 1 2 2v7h-4Z'/%3E%3C/svg%3E");
}

.contact-lift-info-icon--phone {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1.5 1.5 0 0 1 1.5-.36c1.65.55 3.42.85 5.1.85v3.5c0 .99-.8 1.8-1.8 1.8C10.2 21 3 13.8 3 4.8 3 3.8 3.8 3 4.8 3h3.5c0 1.68.3 3.45.85 5.1.16.52.03 1.1-.36 1.5l-2.2 2.2Z'/%3E%3C/svg%3E");
}

.contact-lift-info-icon--mail {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 6.5A2.5 2.5 0 0 1 5.5 4h13A2.5 2.5 0 0 1 21 6.5v11a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 17.5v-11Zm2.4-.5 6.6 5.2L18.6 6H5.4Zm13.6 2.2-6.1 4.8a1.5 1.5 0 0 1-1.8 0L5 8.2v9.3c0 .28.22.5.5.5h13a.5.5 0 0 0 .5-.5V8.2Z'/%3E%3C/svg%3E");
}

.contact-lift-info-icon--clock {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm1 2v4.6l3.2 1.9-1 1.8-4.2-2.5V7h2Z'/%3E%3C/svg%3E");
}

.contact-lift-info-icon--support {
    --contact-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 3a8 8 0 0 1 8 8v4a3 3 0 0 1-3 3h-2v-7h3a6 6 0 0 0-12 0h3v7H7a3 3 0 0 1-3-3v-4a8 8 0 0 1 8-8Zm-1 14h3v2h-3v-2Z'/%3E%3C/svg%3E");
}

.contact-lift-side-actions {
    margin-top: 24px;
}

.contact-lift-side-actions .contact-lift-cta-button {
    width: min(100%, 260px);
}

@media (max-width: 980px) {
    .contact-lift-grid {
        gap: 32px;
    }

    .contact-lift-extra-fields {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .contact-lift-section {
        padding: 28px 0 78px;
    }

    .contact-lift-badges {
        display: grid;
    }

    .contact-lift-submit input[type="submit"],
    .contact-lift-side-actions .contact-lift-cta-button {
        width: 100%;
    }
}

/* Premium contact redesign v4.0 */
.contact-premium-page {
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 8%, rgba(95, 86, 255, 0.22), transparent 30%),
        radial-gradient(circle at 8% 34%, rgba(23, 184, 255, 0.16), transparent 26%),
        linear-gradient(180deg, #061124 0%, #050916 100%);
}

.contact-premium-container {
    max-width: 1180px;
    margin: 0 auto;
    padding-inline: 24px;
}

.contact-premium-hero {
    position: relative;
    padding: 96px 0 62px;
    background:
        radial-gradient(circle at 73% 44%, rgba(23, 184, 255, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(6, 17, 36, 0.98), rgba(7, 20, 48, 0.92));
    isolation: isolate;
}

.contact-premium-hero::before,
.contact-premium-hero::after {
    content: "";
    position: absolute;
    inset: auto -18% 8% 38%;
    height: 430px;
    border: 1px dashed rgba(23, 184, 255, 0.18);
    border-radius: 50%;
    transform: rotate(-11deg);
    pointer-events: none;
    z-index: -1;
}

.contact-premium-hero::after {
    inset: 14% -12% auto 56%;
    width: 560px;
    height: 230px;
    border-color: rgba(139, 77, 255, 0.22);
    transform: rotate(-18deg);
    animation: contactOrbitGlow 7s ease-in-out infinite alternate;
}

.contact-premium-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    margin: 0 0 18px;
    border: 1px solid rgba(23, 184, 255, 0.24);
    border-radius: 999px;
    color: #17b8ff;
    background: rgba(23, 184, 255, 0.06);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.contact-premium-hero h1 {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: 0;
}

.contact-premium-hero h1 span {
    color: transparent;
    background: linear-gradient(90deg, #9d5cff 0%, #17b8ff 88%);
    -webkit-background-clip: text;
    background-clip: text;
}

.contact-premium-lead {
    max-width: 620px;
    margin: 24px 0 0;
    color: rgba(231, 239, 255, 0.9);
    font-size: 20px;
    line-height: 1.7;
}

.contact-premium-trustbar {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
    margin-top: 34px;
}

.contact-premium-trust {
    display: inline-grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    color: #fff;
}

.contact-premium-trust strong {
    max-width: 170px;
    font-size: 16px;
    line-height: 1.25;
}

.contact-premium-trust-icon,
.contact-premium-card-icon {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(23, 184, 255, 0.28);
    border-radius: 16px;
    color: #17b8ff;
    background:
        radial-gradient(circle at 30% 20%, rgba(139, 77, 255, 0.62), transparent 58%),
        rgba(23, 184, 255, 0.12);
    box-shadow: 0 12px 34px rgba(23, 184, 255, 0.14);
}

.contact-premium-trust-icon::before,
.contact-premium-card-icon::before {
    content: "";
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: var(--contact-premium-icon) center / contain no-repeat;
    mask: var(--contact-premium-icon) center / contain no-repeat;
}

.contact-premium-trust-icon--clock {
    --contact-premium-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2.2a7.8 7.8 0 1 0 0 15.6 7.8 7.8 0 0 0 0-15.6Zm1.1 3.5v4l3 1.8-1.1 1.8-4.1-2.5V7.7h2.2Z'/%3E%3C/svg%3E");
}

.contact-premium-trust-icon--user,
.contact-premium-card-icon--expert {
    --contact-premium-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm0 2c4 0 7 2.1 7 5v2H5v-2c0-2.9 3-5 7-5Z'/%3E%3C/svg%3E");
}

.contact-premium-trust-icon--shield {
    --contact-premium-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2 20 5v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Zm0 2.4L6 6.6V11c0 3.8 2.4 7.2 6 8.6 3.6-1.4 6-4.8 6-8.6V6.6l-6-2.2Z'/%3E%3C/svg%3E");
}

.contact-premium-card-icon--form {
    --contact-premium-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm3 5v2h8V8H8Zm0 4v2h8v-2H8Zm0 4v2h5v-2H8Z'/%3E%3C/svg%3E");
}

.contact-premium-section {
    padding: 48px 0 72px;
    background:
        radial-gradient(circle at 22% 20%, rgba(23, 184, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(5, 9, 22, 0.42), #050916 100%);
}

.contact-premium-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(340px, 0.9fr);
    gap: 32px;
    align-items: stretch;
}

.contact-premium-card {
    position: relative;
    padding: 44px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(29, 151, 255, 0.14), transparent 38%),
        linear-gradient(180deg, rgba(14, 25, 53, 0.96), rgba(7, 13, 31, 0.98));
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(18px);
    transition: transform 400ms cubic-bezier(.22, 1, .36, 1), border-color 400ms cubic-bezier(.22, 1, .36, 1), box-shadow 400ms cubic-bezier(.22, 1, .36, 1);
}

.contact-premium-card:hover {
    transform: translateY(-4px);
    border-color: rgba(23, 184, 255, 0.24);
    box-shadow: 0 36px 110px rgba(0, 0, 0, 0.5);
}

.contact-premium-card-head {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    margin-bottom: 28px;
}

.contact-premium-card-head h2 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 26px;
    line-height: 1.15;
}

.contact-premium-card-head p {
    margin: 0;
    color: #b7c3da;
    font-size: 15px;
    line-height: 1.6;
}

.contact-premium-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.contact-premium-field--full {
    grid-column: 1 / -1;
}

.contact-premium-field label {
    display: block;
    margin-bottom: 9px;
    color: #f7fbff;
    font-size: 14px;
    font-weight: 800;
}

.contact-premium-input {
    width: 100%;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 0 18px;
    color: #fff;
    background: rgba(255, 255, 255, 0.045);
    font-size: 15px;
    transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease;
}

.contact-premium-select {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(255,255,255,.75) 50%),
        linear-gradient(135deg, rgba(255,255,255,.75) 50%, transparent 50%);
    background-position:
        calc(100% - 20px) 24px,
        calc(100% - 14px) 24px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.contact-premium-input option {
    color: #061124;
}

.contact-premium-textarea {
    min-height: 120px;
    height: auto;
    padding-top: 16px;
    resize: vertical;
    line-height: 1.5;
}

.contact-premium-input::placeholder {
    color: rgba(255, 255, 255, 0.52);
}

.contact-premium-input:focus {
    outline: none;
    border-color: #32a8ff;
    box-shadow: 0 0 0 4px rgba(50, 168, 255, 0.16);
    background: rgba(255, 255, 255, 0.06);
}

.contact-premium-input[aria-invalid="true"],
.contact-premium-consent input[aria-invalid="true"] {
    border-color: rgba(255, 82, 124, 0.9);
}

.contact-premium-field small,
.contact-premium-consent small {
    display: block;
    min-height: 18px;
    margin-top: 7px;
    color: #ff8aa5;
    font-size: 12px;
    line-height: 1.3;
}

.contact-premium-consent {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 12px;
    margin: 22px 0;
    color: rgba(231, 239, 255, 0.86);
    font-size: 12px;
    line-height: 1.5;
}

.contact-premium-consent input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #17b8ff;
}

.contact-premium-consent label a {
    color: #17b8ff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.contact-premium-consent small {
    grid-column: 2;
    margin-top: -4px;
}

.contact-premium-recaptcha,
.contact-premium-local-captcha {
    margin: 0 0 24px;
}

.contact-premium-local-captcha {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: 58px;
    padding: 13px 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #e7efff;
    background: rgba(255, 255, 255, 0.035);
}

.contact-premium-local-captcha span {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

.contact-premium-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    height: 58px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(90deg, #16a3ff, #8b4dff, #c044ff);
    box-shadow: 0 18px 45px rgba(61, 125, 255, 0.28);
    cursor: pointer;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    transition: transform 200ms ease, box-shadow 200ms ease, opacity 200ms ease;
}

.contact-premium-submit:hover {
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 22px 60px rgba(112, 84, 255, 0.38);
}

.contact-premium-submit:disabled {
    cursor: wait;
    opacity: 0.75;
    transform: none;
}

.contact-premium-safe {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 16px 0 0;
    color: rgba(231, 239, 255, 0.78);
    font-size: 13px;
}

.contact-premium-safe i {
    color: #b7c3da;
}

.contact-premium-expert-card {
    display: flex;
    flex-direction: column;
}

.contact-premium-expert-data {
    display: grid;
    gap: 20px;
    margin-top: 22px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-premium-expert-data a {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 16px;
    color: #fff;
    text-decoration: none;
}

.contact-premium-expert-data i {
    grid-row: span 3;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    color: #17b8ff;
    background: rgba(23, 184, 255, 0.1);
}

.contact-premium-expert-data span,
.contact-premium-expert-data small {
    color: #b7c3da;
}

.contact-premium-expert-data strong {
    margin: 5px 0;
    color: #fff;
    font-size: 20px;
}

.contact-premium-company-data {
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-premium-company-data h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 18px;
}

.contact-premium-company-data p {
    margin: 0;
    color: #b7c3da;
    font-size: 15px;
    line-height: 1.75;
}

.contact-premium-company-data strong {
    color: #fff;
}

.contact-premium-consult {
    margin-top: auto;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-premium-consult h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 21px;
}

.contact-premium-consult p {
    margin: 0 0 20px;
    color: #b7c3da;
}

.contact-premium-consult a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 56px;
    border: 1px solid rgba(23, 184, 255, 0.56);
    border-radius: 14px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    transition: transform 200ms ease, box-shadow 200ms ease, background 200ms ease;
}

.contact-premium-consult a:hover {
    transform: translateY(-2px);
    background: rgba(23, 184, 255, 0.08);
    box-shadow: 0 18px 45px rgba(23, 184, 255, 0.15);
}

.contact-premium-trust-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 32px;
    min-height: 132px;
    padding: 30px 44px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.025));
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
}

.contact-premium-trust-strip strong {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
}

.contact-premium-trust-strip > div {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.contact-premium-logo-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    opacity: 0.64;
    filter: grayscale(1);
    transition: opacity 200ms ease, filter 200ms ease, transform 200ms ease;
}

.contact-premium-logo-item:hover {
    opacity: 0.95;
    filter: grayscale(0);
    transform: translateY(-2px);
}

.contact-premium-logo-item img {
    display: block;
    max-width: 132px;
    max-height: 44px;
    object-fit: contain;
}

.contact-premium-logo-item img[src$="cashbill.png"],
.contact-premium-logo-item img[src$="bilety24.png"] {
    max-width: 118px;
}

.contact-premium-logo-item img[src$="artnet.png"] {
    max-width: 92px;
}

.contact-premium-status {
    display: grid;
    gap: 6px;
    margin-bottom: 24px;
    padding: 18px 22px;
    border-radius: 18px;
    color: #fff;
}

.contact-premium-status--success {
    border: 1px solid rgba(60, 242, 157, 0.25);
    background: rgba(60, 242, 157, 0.1);
}

.contact-premium-status--error {
    border: 1px solid rgba(255, 82, 124, 0.28);
    background: rgba(255, 82, 124, 0.1);
}

@keyframes contactOrbitGlow {
    0% {
        opacity: 0.45;
        transform: rotate(-18deg) translate3d(0, 0, 0);
    }
    100% {
        opacity: 0.9;
        transform: rotate(-15deg) translate3d(-18px, 10px, 0);
    }
}

@media (max-width: 1200px) {
    .contact-premium-grid {
        grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.9fr);
    }

    .contact-premium-card {
        padding: 36px;
    }
}

@media (max-width: 992px) {
    .contact-premium-hero {
        padding: 78px 0 48px;
    }

    .contact-premium-grid {
        grid-template-columns: 1fr;
    }

    .contact-premium-expert-card {
        min-height: auto;
    }

    .contact-premium-trust-strip {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-premium-trust-strip > div {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .contact-premium-container {
        padding-inline: 20px;
    }

    .contact-premium-hero h1 {
        font-size: clamp(40px, 12vw, 58px);
    }

    .contact-premium-lead {
        font-size: 17px;
    }

    .contact-premium-trustbar {
        display: grid;
        gap: 18px;
    }

    .contact-premium-form-grid {
        grid-template-columns: 1fr;
    }

    .contact-premium-field--full {
        grid-column: auto;
    }

    .contact-premium-card {
        padding: 28px;
        border-radius: 22px;
    }

    .contact-premium-card-head {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .contact-premium-submit,
    .contact-premium-consult a {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .contact-premium-hero {
        padding: 60px 0 38px;
    }

    .contact-premium-section {
        padding: 34px 0 58px;
    }

    .contact-premium-card {
        padding: 22px;
    }

    .contact-premium-trust {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .contact-premium-trust-strip {
        padding: 22px;
    }
}

/* Partner enterprise redesign v4.1 */
.partner-enterprise-page {
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 12% 10%, rgba(23, 184, 255, .2), transparent 34%),
        radial-gradient(circle at 86% 32%, rgba(71, 105, 255, .16), transparent 34%),
        linear-gradient(180deg, #061124 0%, #071c38 48%, #050b1d 100%);
}

.partner-enterprise-page .lift-container {
    max-width: 1180px;
}

.partner-enterprise-page .lift-eyebrow {
    color: #17b8ff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.partner-enterprise-hero {
    position: relative;
    isolation: isolate;
    padding: 118px 0 108px;
    background:
        radial-gradient(circle at 68% 46%, rgba(23, 184, 255, .22), transparent 33%),
        linear-gradient(135deg, rgba(7, 28, 56, .98), rgba(5, 11, 29, .98));
}

.partner-enterprise-hero::before,
.partner-enterprise-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.partner-enterprise-hero::before {
    inset: 60px -12% auto;
    height: 480px;
    border: 1px dashed rgba(23, 184, 255, .16);
    border-radius: 50%;
    transform: rotate(-8deg);
}

.partner-enterprise-hero::after {
    right: 13%;
    top: 24%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow:
        -220px 130px 0 rgba(23, 184, 255, .55),
        180px 230px 0 rgba(89, 108, 255, .65);
}

.partner-enterprise-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .86fr);
    gap: 70px;
    align-items: center;
}

.partner-enterprise-copy h1 {
    margin: 18px 0 22px;
    font-size: clamp(52px, 6vw, 82px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.partner-enterprise-copy h1 span {
    display: inline-block;
    color: transparent;
    background: linear-gradient(90deg, #17b8ff, #8b4dff);
    -webkit-background-clip: text;
    background-clip: text;
}

.partner-enterprise-copy > p:not(.lift-eyebrow) {
    max-width: 610px;
    margin: 0;
    color: #b7c3da;
    font-size: 22px;
    line-height: 1.55;
}

.partner-enterprise-hero-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.partner-enterprise-hero-list li {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 16px;
    color: #e8f6ff;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgba(23, 184, 255, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
}

.partner-enterprise-hero-list li::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow: 0 0 18px rgba(23, 184, 255, .9);
}

.partner-enterprise-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.partner-enterprise-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    border-radius: 16px;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.partner-enterprise-button:hover {
    transform: translateY(-3px);
}

.partner-enterprise-button-primary {
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(90deg, #16a3ff, #8b4dff);
    box-shadow: 0 18px 50px rgba(23, 184, 255, .24);
}

.partner-enterprise-button-primary:hover {
    box-shadow: 0 22px 70px rgba(23, 184, 255, .34);
}

.partner-enterprise-button-secondary {
    border: 1px solid rgba(23, 184, 255, .28);
    background: rgba(255, 255, 255, .04);
}

.partner-enterprise-button-secondary:hover {
    border-color: rgba(23, 184, 255, .58);
    background: rgba(23, 184, 255, .08);
    box-shadow: 0 16px 42px rgba(23, 184, 255, .16);
}

.partner-enterprise-visual {
    position: relative;
    min-height: 460px;
    overflow: hidden;
    border: 1px solid rgba(23, 184, 255, .18);
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 44%, rgba(23, 184, 255, .22), transparent 34%),
        linear-gradient(180deg, rgba(16, 27, 57, .88), rgba(5, 11, 29, .94));
    box-shadow: 0 34px 100px rgba(0, 0, 0, .45);
}

.partner-enterprise-visual::before,
.partner-enterprise-visual::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
}

.partner-enterprise-visual::before {
    inset: 20px;
    border: 1px solid rgba(23, 184, 255, .08);
    transform: rotate(-7deg);
}

.partner-enterprise-visual::after {
    left: 18%;
    top: 24%;
    width: 9px;
    height: 9px;
    background: #17b8ff;
    box-shadow:
        250px 34px 0 rgba(139, 77, 255, .7),
        118px 178px 0 rgba(23, 184, 255, .5);
    animation: partnerEnterpriseSignal 4.8s ease-in-out infinite;
}

.partner-enterprise-orbit {
    position: absolute;
    inset: 46px;
    border: 1px dashed rgba(23, 184, 255, .2);
    border-radius: 50%;
    transform: rotate(-12deg);
    animation: partnerEnterpriseOrbit 16s linear infinite;
}

.partner-enterprise-flow-card {
    position: absolute;
    z-index: 2;
    min-width: 156px;
    padding: 18px 20px;
    border: 1px solid rgba(23, 184, 255, .22);
    border-radius: 22px;
    background: rgba(7, 16, 38, .84);
    box-shadow: 0 24px 65px rgba(0, 0, 0, .34);
    backdrop-filter: blur(18px);
    will-change: transform;
}

.partner-enterprise-flow-card span {
    display: block;
    margin-bottom: 8px;
    color: #17b8ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.partner-enterprise-flow-card strong {
    color: #fff;
    font-size: 22px;
    line-height: 1.1;
    white-space: nowrap;
}

.partner-enterprise-flow-card-main {
    left: 50%;
    top: 50%;
    z-index: 3;
    min-width: 218px;
    text-align: center;
    transform: translate(-50%, -50%);
    background:
        radial-gradient(circle at 50% 0, rgba(23, 184, 255, .22), transparent 54%),
        rgba(8, 20, 48, .9);
    animation: partnerEnterpriseMainFloat 6s ease-in-out infinite;
}

.partner-enterprise-flow-card-one {
    left: 34px;
    top: 82px;
    animation: partnerEnterpriseFloatOne 7s ease-in-out infinite;
}

.partner-enterprise-flow-card-two {
    right: 34px;
    bottom: 82px;
    animation: partnerEnterpriseFloatTwo 7.6s ease-in-out infinite;
}

.partner-enterprise-connector {
    position: absolute;
    z-index: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(23, 184, 255, .85), transparent);
    transform-origin: left center;
    opacity: .62;
}

.partner-enterprise-connector-one {
    left: 166px;
    top: 182px;
    width: 155px;
    transform: rotate(18deg);
    animation: partnerEnterpriseConnectorOne 3.8s ease-in-out infinite;
}

.partner-enterprise-connector-two {
    left: 282px;
    top: 172px;
    width: 146px;
    transform: rotate(14deg);
    animation: partnerEnterpriseConnectorTwo 4.2s ease-in-out infinite .4s;
}

.partner-enterprise-section {
    position: relative;
    padding: 120px 0;
}

.partner-enterprise-section-tight {
    padding-top: 0;
}

.partner-enterprise-stats-section,
.partner-enterprise-logos-section {
    padding-block: 40px;
}

.partner-enterprise-final-section {
    padding-top: 50px;
}

.partner-enterprise-section-head {
    max-width: 760px;
    margin: 0 auto 44px;
    text-align: center;
}

.partner-enterprise-section-head h2 {
    margin: 12px 0 0;
    color: #fff;
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.partner-enterprise-three,
.partner-enterprise-testimonials {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

.partner-enterprise-four {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.partner-enterprise-card,
.partner-enterprise-audience article,
.partner-enterprise-timeline article,
.partner-enterprise-testimonials article,
.partner-enterprise-final,
.partner-enterprise-logo-strip,
.partner-enterprise-stats {
    border: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(180deg, rgba(16, 27, 57, .96), rgba(7, 12, 30, .98));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45);
}

.partner-enterprise-card,
.partner-enterprise-audience article,
.partner-enterprise-timeline article,
.partner-enterprise-testimonials article {
    border-radius: 28px;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1), border-color .3s ease, box-shadow .3s ease;
}

.partner-enterprise-card:hover,
.partner-enterprise-audience article:hover,
.partner-enterprise-timeline article:hover,
.partner-enterprise-testimonials article:hover {
    border-color: rgba(23, 184, 255, .28);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .5), 0 0 44px rgba(23, 184, 255, .08);
    transform: translateY(-4px);
}

.partner-enterprise-card {
    min-height: 250px;
    padding: 36px;
}

.partner-enterprise-card h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.18;
}

.partner-enterprise-card p {
    margin: 0;
    color: #b7c3da;
    font-size: 17px;
    line-height: 1.65;
}

.partner-enterprise-icon {
    position: relative;
    display: inline-grid;
    width: 58px;
    height: 58px;
    margin-bottom: 28px;
    place-items: center;
    border: 1px solid rgba(23, 184, 255, .28);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(23, 184, 255, .2), rgba(58, 85, 255, .18));
}

.partner-enterprise-icon::before {
    color: #17b8ff;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.partner-enterprise-icon-income::before {
    content: "+";
}

.partner-enterprise-icon-tech::before {
    content: "</>";
    font-size: 16px;
}

.partner-enterprise-icon-team::before {
    content: "3";
}

.partner-enterprise-earn-card span {
    display: block;
    margin-bottom: 18px;
    color: #17b8ff;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .16em;
}

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

.partner-enterprise-audience article {
    min-height: 132px;
    padding: 30px;
    display: flex;
    align-items: flex-end;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.partner-enterprise-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.partner-enterprise-timeline::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: 52px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(23, 184, 255, .5), transparent);
}

.partner-enterprise-timeline article {
    position: relative;
    z-index: 1;
    min-height: 220px;
    padding: 30px;
}

.partner-enterprise-timeline article span {
    display: inline-grid;
    width: 46px;
    height: 46px;
    margin-bottom: 28px;
    place-items: center;
    border-radius: 50%;
    color: #061124;
    background: #17b8ff;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 0 30px rgba(23, 184, 255, .35);
}

.partner-enterprise-timeline article h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 23px;
}

.partner-enterprise-timeline article p {
    margin: 0;
    color: #b7c3da;
    line-height: 1.6;
}

.partner-enterprise-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 34px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .035);
}

.partner-enterprise-stats article {
    display: grid;
    min-height: 160px;
    place-items: center;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .08);
}

.partner-enterprise-stats article:last-child {
    border-right: 0;
}

.partner-enterprise-stats strong {
    display: block;
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
}

.partner-enterprise-stats span {
    display: block;
    margin-top: 12px;
    color: #b7c3da;
    font-size: 18px;
}

.partner-enterprise-testimonials article {
    display: flex;
    min-height: 250px;
    padding: 30px;
    flex-direction: column;
    justify-content: space-between;
}

.partner-enterprise-testimonials div {
    color: #ffd54a;
    letter-spacing: .12em;
}

.partner-enterprise-testimonials p {
    margin: 22px 0;
    color: #dce8ff;
    font-size: 18px;
    line-height: 1.55;
}

.partner-enterprise-testimonials strong {
    color: #fff;
}

.partner-enterprise-logo-strip {
    display: flex;
    gap: 34px;
    align-items: center;
    padding: 28px 36px;
    border-radius: 26px;
}

.partner-enterprise-logo-strip strong {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    white-space: nowrap;
}

.partner-enterprise-logo-strip > div {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
}

.partner-enterprise-logo-strip span {
    display: inline-grid;
    min-width: 112px;
    height: 54px;
    place-items: center;
    opacity: .64;
    filter: grayscale(1);
    transition: opacity .3s ease, filter .3s ease, transform .3s ease;
}

.partner-enterprise-logo-strip span:hover {
    opacity: 1;
    filter: grayscale(0);
    transform: translateY(-3px);
}

.partner-enterprise-logo-strip img {
    max-width: 112px;
    max-height: 36px;
    object-fit: contain;
}

.partner-enterprise-final {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: center;
    padding: 48px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 78% 20%, rgba(23, 184, 255, .24), transparent 36%),
        linear-gradient(135deg, rgba(13, 35, 78, .92), rgba(10, 16, 38, .98));
}

.partner-enterprise-final h2 {
    margin: 10px 0 14px;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
}

.partner-enterprise-final p:not(.lift-eyebrow) {
    max-width: 580px;
    margin: 0;
    color: #b7c3da;
    font-size: 19px;
    line-height: 1.6;
}

@keyframes partnerEnterpriseOrbit {
    from {
        transform: rotate(-12deg);
    }

    to {
        transform: rotate(348deg);
    }
}

@keyframes partnerEnterpriseMainFloat {
    0%,
    100% {
        transform: translate(-50%, -50%) translateY(0);
        box-shadow: 0 24px 65px rgba(0, 0, 0, .34);
    }

    50% {
        transform: translate(-50%, -50%) translateY(-8px);
        box-shadow: 0 30px 78px rgba(23, 184, 255, .18);
    }
}

@keyframes partnerEnterpriseFloatOne {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(8px, -10px, 0);
    }
}

@keyframes partnerEnterpriseFloatTwo {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-8px, 10px, 0);
    }
}

@keyframes partnerEnterpriseConnectorOne {
    0%,
    100% {
        opacity: .44;
        transform: rotate(18deg) scaleX(.86);
    }

    50% {
        opacity: .95;
        transform: rotate(18deg) scaleX(1);
    }
}

@keyframes partnerEnterpriseConnectorTwo {
    0%,
    100% {
        opacity: .38;
        transform: rotate(14deg) scaleX(.84);
    }

    50% {
        opacity: .9;
        transform: rotate(14deg) scaleX(1);
    }
}

@keyframes partnerEnterpriseSignal {
    0%,
    100% {
        opacity: .5;
        transform: translateY(0) scale(.9);
    }

    50% {
        opacity: 1;
        transform: translateY(-10px) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .partner-enterprise-orbit,
    .partner-enterprise-flow-card-main,
    .partner-enterprise-flow-card-one,
    .partner-enterprise-flow-card-two,
    .partner-enterprise-connector-one,
    .partner-enterprise-connector-two,
    .partner-enterprise-visual::after {
        animation: none;
    }
}

@media (max-width: 1200px) {
    .partner-enterprise-hero-grid {
        gap: 44px;
    }

    .partner-enterprise-visual {
        min-height: 420px;
    }
}

@media (max-width: 992px) {
    .partner-enterprise-hero {
        padding: 88px 0;
    }

    .partner-enterprise-hero-grid {
        grid-template-columns: 1fr;
    }

    .partner-enterprise-section {
        padding-block: 88px;
    }

    .partner-enterprise-section-tight {
        padding-top: 0;
    }

    .partner-enterprise-three,
    .partner-enterprise-four,
    .partner-enterprise-audience,
    .partner-enterprise-testimonials,
    .partner-enterprise-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partner-enterprise-timeline::before {
        display: none;
    }

    .partner-enterprise-final {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .partner-enterprise-hero {
        padding: 72px 0;
    }

    .partner-enterprise-copy > p:not(.lift-eyebrow) {
        font-size: 19px;
    }

    .partner-enterprise-three,
    .partner-enterprise-four,
    .partner-enterprise-audience,
    .partner-enterprise-testimonials,
    .partner-enterprise-timeline,
    .partner-enterprise-stats {
        grid-template-columns: 1fr;
    }

    .partner-enterprise-stats article {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .partner-enterprise-stats article:last-child {
        border-bottom: 0;
    }

    .partner-enterprise-logo-strip {
        align-items: flex-start;
        flex-direction: column;
    }

    .partner-enterprise-logo-strip > div {
        justify-content: flex-start;
    }

    .partner-enterprise-final {
        padding: 34px;
    }
}

@media (max-width: 560px) {
    .partner-enterprise-section {
        padding-block: 72px;
    }

    .partner-enterprise-card,
    .partner-enterprise-timeline article,
    .partner-enterprise-testimonials article,
    .partner-enterprise-audience article {
        padding: 24px;
    }

    .partner-enterprise-actions,
    .partner-enterprise-button {
        width: 100%;
    }

    .partner-enterprise-visual {
        min-height: 360px;
    }

    .partner-enterprise-flow-card {
        min-width: 142px;
        padding: 16px;
    }

    .partner-enterprise-flow-card strong {
        font-size: 19px;
    }

    .partner-enterprise-flow-card-one {
        left: 18px;
        top: 34px;
    }

    .partner-enterprise-flow-card-two {
        right: 18px;
        bottom: 34px;
    }

    .partner-enterprise-connector {
        display: none;
    }
}

/* Portfolio / Realizacje enterprise redesign v4.5 */
.portfolio-showcase-page {
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 12% 8%, rgba(23, 184, 255, .2), transparent 34%),
        radial-gradient(circle at 86% 24%, rgba(58, 98, 255, .16), transparent 36%),
        linear-gradient(180deg, #061124 0%, #071c38 42%, #050b1d 100%);
}

.portfolio-showcase-page .lift-container {
    max-width: 1180px;
}

.portfolio-showcase-page .lift-eyebrow {
    color: #17b8ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.portfolio-showcase-hero {
    position: relative;
    isolation: isolate;
    min-height: 320px;
    padding: 96px 0 56px;
    background:
        radial-gradient(circle at 70% 50%, rgba(23, 184, 255, .1), transparent 38%),
        linear-gradient(135deg, rgba(7, 28, 56, .96), rgba(5, 11, 29, .98));
}

.portfolio-showcase-hero::before,
.portfolio-showcase-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.portfolio-showcase-hero::before {
    left: -14%;
    right: -14%;
    top: 34px;
    height: 330px;
    border: 1px dashed rgba(23, 184, 255, .08);
    border-radius: 50%;
    transform: rotate(-7deg);
}

.portfolio-showcase-hero::after {
    right: 16%;
    top: 28%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow:
        -280px 120px 0 rgba(23, 184, 255, .28),
        210px 170px 0 rgba(86, 109, 255, .35);
}

.portfolio-showcase-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 48px;
    align-items: center;
}

.portfolio-showcase-hero h1 {
    max-width: 620px;
    margin: 14px 0 18px;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.portfolio-showcase-hero h1 span {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #fff, #17b8ff);
    -webkit-background-clip: text;
    background-clip: text;
}

.portfolio-showcase-hero p:not(.lift-eyebrow) {
    max-width: 620px;
    margin: 0;
    color: #b7c3da;
    font-size: 18px;
    line-height: 1.6;
}

.portfolio-showcase-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.portfolio-showcase-hero-stats article,
.portfolio-showcase-big-stats article {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(15, 24, 50, .92), rgba(8, 13, 32, .96));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
}

.portfolio-showcase-hero-stats article {
    display: grid;
    width: 128px;
    min-height: 112px;
    padding: 20px;
    border-radius: 18px;
    align-content: center;
}

.portfolio-showcase-hero-stats strong {
    display: block;
    color: #fff;
    font-size: 32px;
    font-weight: 850;
    line-height: 1;
}

.portfolio-showcase-hero-stats span {
    display: block;
    margin-top: 9px;
    color: #d7e5fb;
    font-size: 12px;
    font-weight: 700;
    opacity: .72;
}

.portfolio-showcase-filters {
    position: relative;
    z-index: 10;
    padding: 24px 0 8px;
    border: 0;
    background: transparent;
    backdrop-filter: none;
}

.portfolio-showcase-filters .lift-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
}

.portfolio-showcase-filters .lift-container::-webkit-scrollbar {
    display: none;
}

.portfolio-showcase-filters button {
    min-height: 36px;
    padding: 0 20px;
    color: #d6e4f8;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    border: 1px solid rgba(23, 184, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);
    cursor: pointer;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
}

.portfolio-showcase-filters button:hover,
.portfolio-showcase-filters button.is-active {
    color: #fff;
    border-color: rgba(23, 184, 255, .4);
    background: rgba(23, 184, 255, .14);
    transform: translateY(-2px);
}

.portfolio-showcase-section {
    padding: 128px 0;
}

.portfolio-showcase-section-tight {
    padding-top: 72px;
}

.portfolio-showcase-proof-section,
.portfolio-showcase-logos-section {
    padding-block: 70px;
}

.portfolio-showcase-final-section {
    padding-top: 80px;
}

.portfolio-showcase-section-head {
    max-width: 760px;
    margin: 0 auto 46px;
    text-align: center;
}

.portfolio-showcase-section-head h2 {
    margin: 12px 0 0;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.portfolio-showcase-section-head > p:not(.lift-eyebrow) {
    max-width: 720px;
    margin: 18px auto 0;
    color: #b7c3da;
    font-size: 18px;
    line-height: 1.75;
}

.portfolio-showcase-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 32px;
}

.portfolio-showcase-card {
    min-height: 470px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(18, 33, 66, .98), rgba(8, 15, 36, .99));
    box-shadow: 0 26px 70px rgba(0, 0, 0, .36);
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), border-color .3s ease, box-shadow .3s ease;
}

.portfolio-showcase-card:hover {
    border-color: rgba(54, 163, 255, .35);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .45), 0 0 44px rgba(23, 184, 255, .08);
    transform: translateY(-6px);
}

.portfolio-showcase-media {
    position: relative;
    flex: 0 0 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 28px 28px 0 0;
    background:
        radial-gradient(circle at 50% 40%, rgba(23, 184, 255, .12), transparent 44%),
        linear-gradient(180deg, rgba(8, 23, 48, .96), rgba(5, 12, 28, .98));
}

.portfolio-showcase-media .portfolio-showcase-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .72;
    filter: saturate(1.08) contrast(1.05);
    transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}

.portfolio-showcase-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(5, 11, 29, .06), rgba(5, 11, 29, .72)),
        radial-gradient(circle at 62% 42%, rgba(23, 184, 255, .18), transparent 42%);
}

.portfolio-showcase-play {
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 2;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(23, 184, 255, .92), rgba(42, 122, 255, .78));
    box-shadow: 0 18px 44px rgba(23, 184, 255, .26);
}

.portfolio-showcase-play::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 53%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    transform: translate(-50%, -50%);
}

.portfolio-showcase-card:hover .portfolio-showcase-cover {
    transform: scale(1.04);
}

.portfolio-showcase-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 28px;
}

.portfolio-showcase-logo {
    display: grid;
    width: 154px;
    height: 58px;
    margin: -58px 0 18px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    background: rgba(245, 249, 255, .94);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .25);
    position: relative;
    z-index: 2;
}

.portfolio-showcase-logo img {
    max-width: 130px;
    max-height: 42px;
    object-fit: contain;
}

.portfolio-showcase-body > span {
    color: #17b8ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.portfolio-showcase-body h3 {
    margin: 12px 0 12px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.15;
}

.portfolio-showcase-body p {
    margin: 0;
    color: #c7d4ea;
    font-size: 16px;
    line-height: 1.7;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portfolio-showcase-body ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.portfolio-showcase-body li {
    min-height: 32px;
    padding: 7px 12px;
    color: #e8f6ff;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid rgba(23, 184, 255, .2);
    border-radius: 999px;
    background: rgba(23, 184, 255, .08);
}

.portfolio-showcase-link {
    width: fit-content;
    margin-top: auto;
    padding: 24px 0 0;
    color: #17b8ff;
    font-size: 16px;
    font-weight: 900;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.portfolio-showcase-hidden {
    display: none;
}

.portfolio-showcase-filtered-out {
    display: none;
}

.portfolio-showcase-more {
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

.portfolio-showcase-more button,
.portfolio-showcase-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    border-radius: 16px;
    cursor: pointer;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, border-color .3s ease;
}

.portfolio-showcase-more button,
.portfolio-showcase-button-primary {
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(90deg, #16a3ff, #8b4dff);
    box-shadow: 0 18px 50px rgba(23, 184, 255, .24);
}

.portfolio-showcase-button-secondary {
    border: 1px solid rgba(23, 184, 255, .28);
    background: rgba(255, 255, 255, .04);
}

.portfolio-showcase-more button:hover,
.portfolio-showcase-button:hover {
    transform: translateY(-3px);
}

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

.portfolio-showcase-testimonials article,
.portfolio-showcase-logo-strip,
.portfolio-showcase-final {
    border: 1px solid rgba(255, 255, 255, .08);
    background: linear-gradient(180deg, rgba(15, 24, 50, .95), rgba(8, 13, 32, .98));
    box-shadow: 0 30px 80px rgba(0, 0, 0, .38);
}

.portfolio-showcase-testimonials article {
    min-height: 230px;
    padding: 30px;
    border-radius: 28px;
}

.portfolio-showcase-testimonials span {
    color: #17b8ff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.portfolio-showcase-testimonials p {
    margin: 24px 0 0;
    color: #e3eeff;
    font-size: 21px;
    line-height: 1.55;
}

.portfolio-showcase-logo-strip {
    display: flex;
    gap: 34px;
    align-items: center;
    min-height: 110px;
    padding: 34px 40px;
    border-radius: 26px;
    overflow: hidden;
}

.portfolio-showcase-logo-strip strong {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    white-space: nowrap;
}

.portfolio-showcase-logo-strip > div {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    animation: portfolioLogoDrift 26s linear infinite;
}

.portfolio-showcase-logo-strip span {
    display: inline-grid;
    min-width: 112px;
    height: 56px;
    place-items: center;
    opacity: .65;
    filter: grayscale(1);
    transition: opacity .3s ease, filter .3s ease, transform .3s ease;
}

.portfolio-showcase-logo-strip span:hover {
    opacity: 1;
    filter: grayscale(0);
    transform: translateY(-3px);
}

.portfolio-showcase-logo-strip img {
    max-width: 112px;
    max-height: 34px;
    object-fit: contain;
}

.portfolio-showcase-big-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.portfolio-showcase-big-stats article {
    display: grid;
    min-height: 172px;
    padding: 34px 28px;
    place-items: center;
    text-align: center;
}

.portfolio-showcase-big-stats strong {
    display: block;
    color: #fff;
    font-size: 54px;
    font-weight: 850;
    line-height: 1;
}

.portfolio-showcase-big-stats span {
    display: block;
    margin-top: 12px;
    color: #b7c3da;
    font-size: 16px;
}

.portfolio-showcase-final {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: center;
    min-height: 280px;
    padding: 58px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 78% 20%, rgba(23, 184, 255, .24), transparent 36%),
        linear-gradient(135deg, rgba(13, 35, 78, .92), rgba(10, 16, 38, .98));
}

.portfolio-showcase-final h2 {
    margin: 10px 0 14px;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
}

.portfolio-showcase-final p:not(.lift-eyebrow) {
    max-width: 620px;
    margin: 0;
    color: #b7c3da;
    font-size: 19px;
    line-height: 1.6;
}

.portfolio-showcase-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.portfolio-showcase-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    padding: 24px;
}

.portfolio-modal-open {
    overflow: hidden;
}

.portfolio-showcase-modal[aria-hidden="false"] {
    display: grid;
    place-items: center;
}

.portfolio-showcase-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 7, 18, .78);
    backdrop-filter: blur(12px);
}

.portfolio-showcase-modal-card {
    position: relative;
    z-index: 1;
    width: min(720px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(15, 24, 50, .98), rgba(8, 13, 32, .99));
    box-shadow: 0 34px 90px rgba(0, 0, 0, .55);
}

.portfolio-showcase-modal-card > button {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    cursor: pointer;
}

.portfolio-showcase-modal-media {
    height: 260px;
    margin-bottom: 26px;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255, 255, 255, .04);
}

.portfolio-showcase-modal-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolio-showcase-modal-card h2 {
    margin: 10px 0 14px;
    font-size: clamp(30px, 5vw, 46px);
}

.portfolio-showcase-modal-desc {
    color: #b7c3da;
    font-size: 18px;
    line-height: 1.7;
}

.portfolio-showcase-modal-card h3 {
    margin-top: 26px;
    color: #fff;
}

.portfolio-showcase-modal-card ul {
    display: grid;
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.portfolio-showcase-modal-card li {
    color: #dcefff;
}

.portfolio-showcase-modal-card li::before {
    content: "✓";
    margin-right: 10px;
    color: #17b8ff;
    font-weight: 900;
}

@keyframes portfolioLogoDrift {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-18px);
    }

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

@media (max-width: 1100px) {
    .portfolio-showcase-hero-grid {
        grid-template-columns: 1fr;
        gap: 32px;
        align-items: start;
    }
}

@media (max-width: 992px) {
    .portfolio-showcase-section {
        padding-block: 96px;
    }

    .portfolio-showcase-section-tight {
        padding-top: 80px;
    }

    .portfolio-showcase-testimonials,
    .portfolio-showcase-big-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portfolio-showcase-final {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .portfolio-showcase-hero {
        min-height: auto;
        padding: 88px 0 48px;
    }

    .portfolio-showcase-hero h1 {
        font-size: 42px;
    }

    .portfolio-showcase-hero::before {
        height: 260px;
        opacity: .55;
    }

    .portfolio-showcase-hero-stats {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 6px;
        scrollbar-width: none;
    }

    .portfolio-showcase-hero-stats::-webkit-scrollbar {
        display: none;
    }

    .portfolio-showcase-hero-stats article {
        width: auto;
        min-width: 120px;
    }

    .portfolio-showcase-big-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portfolio-showcase-testimonials {
        grid-template-columns: 1fr;
    }

    .portfolio-showcase-filters .lift-container {
        justify-content: flex-start;
    }

    .portfolio-showcase-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .portfolio-showcase-logo-strip {
        align-items: flex-start;
        flex-direction: column;
    }

    .portfolio-showcase-logo-strip > div {
        justify-content: flex-start;
    }

    .portfolio-showcase-final {
        padding: 34px;
    }
}

@media (max-width: 560px) {
    .portfolio-showcase-section {
        padding-block: 80px;
    }

    .portfolio-showcase-big-stats article {
        min-height: 132px;
        padding: 24px 18px;
    }

    .portfolio-showcase-big-stats strong {
        font-size: 34px;
    }

    .portfolio-showcase-filters {
        padding-top: 20px;
    }

    .portfolio-showcase-body {
        padding: 24px;
    }

    .portfolio-showcase-media {
        height: 184px;
    }

    .portfolio-showcase-card {
        height: auto;
        min-height: 470px;
    }

    .portfolio-showcase-actions,
    .portfolio-showcase-button {
        width: 100%;
    }
}

@media (max-width: 1080px) {
    .demo-grid {
        grid-template-columns: 1fr;
    }

    .demo-premium-hero {
        max-width: 760px;
    }
}

@media (max-width: 760px) {
    .demo-premium-page {
        padding: 82px 0 88px;
    }

    .demo-premium-hero {
        margin-bottom: 36px;
    }

    .demo-premium-hero h1 {
        font-size: clamp(38px, 12vw, 54px);
    }

    .demo-info-card,
    .demo-form-card {
        padding: 24px;
        border-radius: 24px;
    }

    .demo-form-head {
        grid-template-columns: 1fr;
    }

    .demo-form-fields,
    .demo-quick-grid {
        grid-template-columns: 1fr;
    }

    .demo-quick-grid span {
        min-height: 64px;
    }

    .demo-consent {
        font-size: 12px;
    }
}

/* Unified TOP/hero for subpages: Kontakt, Dla partnerow, Zaufali nam */
.subpage-hero-standard {
    min-height: 430px !important;
    padding-top: 104px !important;
    padding-bottom: 76px !important;
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 74% 42%, rgba(23, 184, 255, .13), transparent 34%),
        linear-gradient(135deg, rgba(7, 28, 56, .98), rgba(5, 11, 29, .98)) !important;
}

.subpage-hero-standard > .lift-container,
.subpage-hero-standard__grid {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-left: 24px;
}

.subpage-hero-standard__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr);
    gap: 56px;
    align-items: center;
}

.subpage-hero-standard--contact .subpage-hero-standard__grid {
    display: grid;
}

.subpage-hero-standard .lift-eyebrow,
.subpage-hero-standard .contact-premium-eyebrow {
    margin: 0 0 16px;
    font-size: 12px;
    letter-spacing: .16em;
}

.subpage-hero-standard h1 {
    max-width: 720px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.06;
    letter-spacing: -.03em;
}

.subpage-hero-standard p:not(.lift-eyebrow):not(.contact-premium-eyebrow),
.subpage-hero-standard .contact-premium-lead,
.subpage-hero-standard .partner-enterprise-copy > p {
    max-width: 620px;
    font-size: 18px;
    line-height: 1.65;
    margin-top: 0;
    margin-bottom: 0;
}

.subpage-hero-standard__copy {
    min-width: 0;
}

.subpage-hero-standard .partner-enterprise-actions {
    margin-top: 28px;
}

.subpage-hero-standard .contact-premium-trustbar,
.subpage-hero-standard .partner-enterprise-hero-list {
    margin-top: 32px;
}

.subpage-hero-standard .contact-premium-trustbar {
    display: grid;
    gap: 14px;
    align-self: center;
    width: 100%;
    max-width: 420px;
    margin: 0;
    padding: 24px;
    border: 1px solid rgba(23, 184, 255, .16);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(15, 24, 50, .8), rgba(8, 13, 32, .72));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
}

.subpage-hero-standard .contact-premium-trust {
    width: 100%;
}

.subpage-hero-standard .portfolio-showcase-hero-stats {
    justify-self: end;
}

.subpage-hero-standard .partner-enterprise-visual {
    width: min(100%, 500px);
    min-height: 340px;
    justify-self: end;
}

.subpage-hero-standard .partner-enterprise-flow-card {
    min-width: 138px;
    padding: 16px 18px;
}

.subpage-hero-standard .partner-enterprise-flow-card-main {
    min-width: 188px;
}

.subpage-hero-standard .partner-enterprise-flow-card-one {
    left: 36px;
    top: 56px;
}

.subpage-hero-standard .partner-enterprise-flow-card-two {
    right: 36px;
    bottom: 56px;
}

.subpage-hero-standard .partner-enterprise-connector-one {
    left: 160px;
    top: 158px;
    width: 126px;
}

.subpage-hero-standard .partner-enterprise-connector-two {
    left: 294px;
    top: 178px;
    width: 118px;
}

@media (max-width: 991px) {
    .subpage-hero-standard__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    .subpage-hero-standard .portfolio-showcase-hero-stats {
        justify-self: start;
    }

    .subpage-hero-standard .partner-enterprise-visual,
    .subpage-hero-standard .contact-premium-trustbar {
        justify-self: start;
        max-width: 560px;
    }
}

@media (max-width: 768px) {
    .subpage-hero-standard {
        min-height: auto !important;
        padding-top: 72px !important;
        padding-bottom: 48px !important;
    }

    .subpage-hero-standard > .lift-container,
    .subpage-hero-standard__grid {
        padding-right: 24px;
        padding-left: 24px;
    }

    .subpage-hero-standard h1 {
        font-size: clamp(38px, 10vw, 48px);
    }

    .subpage-hero-standard p:not(.lift-eyebrow):not(.contact-premium-eyebrow),
    .subpage-hero-standard .contact-premium-lead,
    .subpage-hero-standard .partner-enterprise-copy > p {
        font-size: 16px;
    }

    .subpage-hero-standard .contact-premium-trustbar {
        padding: 18px;
        border-radius: 22px;
    }
}

.subpage-hero-standard--contact {
    min-height: 0 !important;
    padding-top: 118px !important;
    padding-bottom: 108px !important;
    background:
        radial-gradient(circle at 68% 46%, rgba(23, 184, 255, .22), transparent 33%),
        linear-gradient(135deg, rgba(7, 28, 56, .98), rgba(5, 11, 29, .98)) !important;
}

.subpage-hero-standard--contact::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 60px -12% auto;
    height: 480px;
    border: 1px dashed rgba(23, 184, 255, .16);
    border-radius: 50%;
    pointer-events: none;
    transform: rotate(-8deg);
    animation: contactHeroOrbit 18s linear infinite;
}

.subpage-hero-standard--contact::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 13%;
    top: 24%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    pointer-events: none;
    background: #17b8ff;
    box-shadow:
        -220px 130px 0 rgba(23, 184, 255, .55),
        180px 230px 0 rgba(89, 108, 255, .65);
    animation: contactHeroDots 5.4s ease-in-out infinite;
}

.subpage-hero-standard--contact .subpage-hero-standard__grid {
    grid-template-columns: minmax(0, 1fr) minmax(420px, .86fr);
    gap: 70px;
}

.subpage-hero-standard--contact .contact-premium-copy {
    max-width: 760px;
}

.subpage-hero-standard--contact .contact-premium-eyebrow {
    display: block;
    min-height: 0;
    margin: 0 0 18px;
    padding: 0;
    color: #17b8ff;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1.3;
    text-transform: uppercase;
    animation: contactHeroFadeUp .65s ease both;
}

.subpage-hero-standard--contact h1 {
    max-width: 760px;
    margin: 0 0 22px;
    font-size: clamp(52px, 6vw, 82px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
    animation: contactHeroFadeUp .75s ease .08s both;
}

.subpage-hero-standard--contact .contact-premium-lead {
    max-width: 610px;
    margin: 0;
    color: #b7c3da;
    font-size: 22px;
    line-height: 1.55;
    animation: contactHeroFadeUp .75s ease .16s both;
}

.subpage-hero-standard--contact .contact-premium-trustbar {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    width: auto;
    max-width: 760px;
    margin: 30px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    animation: contactHeroFadeUp .75s ease .24s both;
}

.subpage-hero-standard--contact .contact-premium-trust {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: auto;
    min-height: 44px;
    padding: 0 16px;
    color: #e8f6ff;
    border: 1px solid rgba(23, 184, 255, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
    animation: contactHeroPillFloat 6s ease-in-out infinite;
    will-change: transform;
}

.subpage-hero-standard--contact .contact-premium-trust:nth-child(2) {
    animation-delay: .35s;
}

.subpage-hero-standard--contact .contact-premium-trust:nth-child(3) {
    animation-delay: .7s;
}

.subpage-hero-standard--contact .contact-premium-trust strong {
    max-width: none;
    color: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.subpage-hero-standard--contact .contact-premium-trust-icon {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    min-width: 9px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow: 0 0 18px rgba(23, 184, 255, .9);
    animation: contactHeroPulse 2.8s ease-in-out infinite;
}

.subpage-hero-standard--contact .contact-premium-trust-icon::before {
    display: none;
}

@keyframes contactHeroOrbit {
    from {
        transform: rotate(-8deg);
    }

    to {
        transform: rotate(352deg);
    }
}

@keyframes contactHeroDots {
    0%,
    100% {
        opacity: .62;
        transform: translateY(0) scale(.96);
    }

    50% {
        opacity: 1;
        transform: translateY(-10px) scale(1);
    }
}

@keyframes contactHeroFadeUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

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

@keyframes contactHeroPillFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes contactHeroPulse {
    0%,
    100% {
        opacity: .72;
        transform: scale(.9);
    }

    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .subpage-hero-standard--contact::before,
    .subpage-hero-standard--contact::after,
    .subpage-hero-standard--contact .contact-premium-eyebrow,
    .subpage-hero-standard--contact h1,
    .subpage-hero-standard--contact .contact-premium-lead,
    .subpage-hero-standard--contact .contact-premium-trustbar,
    .subpage-hero-standard--contact .contact-premium-trust,
    .subpage-hero-standard--contact .contact-premium-trust-icon {
        animation: none;
    }
}

@media (max-width: 992px) {
    .subpage-hero-standard--contact {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }
}

@media (max-width: 768px) {
    .subpage-hero-standard--contact {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    .subpage-hero-standard--contact h1 {
        font-size: clamp(42px, 11vw, 58px);
    }

    .subpage-hero-standard--contact .contact-premium-lead {
        font-size: 19px;
    }
}

@media (max-width: 560px) {
    .subpage-hero-standard--contact {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .subpage-hero-standard--contact .subpage-hero-standard__grid {
        gap: 34px;
    }

    .subpage-hero-standard--contact h1 {
        font-size: clamp(38px, 12vw, 52px);
    }

    .subpage-hero-standard--contact .contact-premium-trustbar,
    .subpage-hero-standard--contact .contact-premium-trust {
        width: 100%;
    }
}

.subpage-hero-standard--trusted {
    min-height: 0 !important;
    padding-top: 118px !important;
    padding-bottom: 108px !important;
    background:
        radial-gradient(circle at 68% 46%, rgba(23, 184, 255, .22), transparent 33%),
        linear-gradient(135deg, rgba(7, 28, 56, .98), rgba(5, 11, 29, .98)) !important;
}

.subpage-hero-standard--trusted::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 60px -12% auto;
    height: 480px;
    border: 1px dashed rgba(23, 184, 255, .16);
    border-radius: 50%;
    pointer-events: none;
    transform: rotate(-8deg);
    animation: contactHeroOrbit 18s linear infinite;
}

.subpage-hero-standard--trusted::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 13%;
    top: 24%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    pointer-events: none;
    background: #17b8ff;
    box-shadow:
        -220px 130px 0 rgba(23, 184, 255, .55),
        180px 230px 0 rgba(89, 108, 255, .65);
    animation: contactHeroDots 5.4s ease-in-out infinite;
}

.subpage-hero-standard--trusted .subpage-hero-standard__grid {
    grid-template-columns: minmax(0, 1fr) minmax(420px, .86fr);
    gap: 70px;
}

.subpage-hero-standard--trusted .subpage-hero-standard__copy {
    max-width: 780px;
}

.subpage-hero-standard--trusted .lift-eyebrow {
    margin: 0 0 18px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1.3;
    animation: contactHeroFadeUp .65s ease both;
}

.subpage-hero-standard--trusted h1 {
    max-width: 760px;
    margin: 0 0 22px;
    font-size: clamp(52px, 6vw, 82px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
    animation: contactHeroFadeUp .75s ease .08s both;
}

.subpage-hero-standard--trusted p:not(.lift-eyebrow) {
    max-width: 610px;
    margin: 0;
    color: #b7c3da;
    font-size: 22px;
    line-height: 1.55;
    animation: contactHeroFadeUp .75s ease .16s both;
}

@media (prefers-reduced-motion: reduce) {
    .subpage-hero-standard--trusted::before,
    .subpage-hero-standard--trusted::after,
    .subpage-hero-standard--trusted .lift-eyebrow,
    .subpage-hero-standard--trusted h1,
    .subpage-hero-standard--trusted p:not(.lift-eyebrow) {
        animation: none;
    }
}

@media (max-width: 992px) {
    .subpage-hero-standard--trusted {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }

    .subpage-hero-standard--trusted .subpage-hero-standard__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

}

@media (max-width: 768px) {
    .subpage-hero-standard--trusted {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    .subpage-hero-standard--trusted h1 {
        font-size: clamp(42px, 11vw, 58px);
    }

    .subpage-hero-standard--trusted p:not(.lift-eyebrow) {
        font-size: 19px;
    }
}

@media (max-width: 560px) {
    .subpage-hero-standard--trusted {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .subpage-hero-standard--trusted .subpage-hero-standard__grid {
        gap: 34px;
    }

    .subpage-hero-standard--trusted h1 {
        font-size: clamp(38px, 12vw, 52px);
    }

}

.partner-enterprise-hero.subpage-hero-standard,
.subpage-hero-standard--contact,
.subpage-hero-standard--trusted {
    padding-top: 118px !important;
    padding-bottom: 108px !important;
}

.partner-enterprise-hero .partner-enterprise-copy h1,
.subpage-hero-standard--contact h1,
.subpage-hero-standard--trusted h1 {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: clamp(52px, 6vw, 82px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.partner-enterprise-hero .partner-enterprise-copy > p:not(.lift-eyebrow),
.subpage-hero-standard--contact .contact-premium-lead,
.subpage-hero-standard--trusted p:not(.lift-eyebrow) {
    max-width: 610px;
    color: #b7c3da;
    font-size: 22px;
    line-height: 1.55;
}

.subpage-hero-standard--contact .partner-enterprise-visual,
.subpage-hero-standard--trusted .partner-enterprise-visual {
    width: min(100%, 500px);
    min-height: 340px;
    justify-self: end;
    animation: contactHeroFadeUp .75s ease .24s both;
}

.subpage-hero-standard--trusted .partner-enterprise-flow-card strong {
    font-size: 28px;
}

@media (max-width: 992px) {
    .partner-enterprise-hero.subpage-hero-standard,
    .subpage-hero-standard--contact,
    .subpage-hero-standard--trusted {
        padding-top: 88px !important;
        padding-bottom: 88px !important;
    }

    .subpage-hero-standard--contact .subpage-hero-standard__grid,
    .subpage-hero-standard--trusted .subpage-hero-standard__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    .subpage-hero-standard--contact .partner-enterprise-visual,
    .subpage-hero-standard--trusted .partner-enterprise-visual {
        justify-self: start;
    }
}

@media (max-width: 768px) {
    .partner-enterprise-hero.subpage-hero-standard,
    .subpage-hero-standard--contact,
    .subpage-hero-standard--trusted {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    .partner-enterprise-hero .partner-enterprise-copy h1,
    .subpage-hero-standard--contact h1,
    .subpage-hero-standard--trusted h1 {
        font-size: clamp(42px, 11vw, 58px);
    }

    .partner-enterprise-hero .partner-enterprise-copy > p:not(.lift-eyebrow),
    .subpage-hero-standard--contact .contact-premium-lead,
    .subpage-hero-standard--trusted p:not(.lift-eyebrow) {
        font-size: 19px;
    }
}

@media (max-width: 560px) {
    .partner-enterprise-hero.subpage-hero-standard,
    .subpage-hero-standard--contact,
    .subpage-hero-standard--trusted {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .partner-enterprise-hero .partner-enterprise-copy h1,
    .subpage-hero-standard--contact h1,
    .subpage-hero-standard--trusted h1 {
        font-size: clamp(38px, 12vw, 52px);
    }
}

/* Header refinement */
.header-section {
    padding: 12px 0 !important;
}

.header-section .container {
    width: min(1280px, calc(100% - 48px)) !important;
    max-width: none !important;
}

.header-wrapper {
    min-height: 58px !important;
    gap: 22px !important;
    align-items: center !important;
}

.header-wrapper .logo img {
    width: 138px !important;
    height: auto !important;
}

.header-wrapper .menu {
    gap: 26px !important;
    align-items: center !important;
}

.header-wrapper .menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    color: #d9e4f7 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .01em;
    white-space: nowrap;
}

.header-wrapper .menu > li > a:hover,
.header-wrapper .menu > li > a.active {
    color: #fff !important;
}

.header-wrapper .header-right {
    gap: 14px !important;
    align-items: center !important;
}

.header-wrapper .select-bar {
    min-width: 58px !important;
    height: 38px !important;
    padding: 0 6px !important;
    color: #d9e4f7 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.header-wrapper .header-button {
    min-height: 42px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .02em;
    box-shadow: 0 14px 36px rgba(14, 165, 255, .25) !important;
}

@media (min-width: 992px) {
    .header-section .header-wrapper .menu > li.offer-menu-item > a {
        min-height: 38px;
        padding: 0 12px;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu {
        top: calc(100% + 12px);
        width: min(660px, calc(100vw - 48px));
        gap: 9px;
        padding: 16px;
        border-radius: 22px;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a {
        grid-template-columns: 40px minmax(0, 1fr);
        min-height: 82px;
        gap: 12px;
        padding: 13px;
        border-radius: 16px;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a:hover {
        padding-left: 13px;
    }

    .offer-menu-icon {
        width: 40px;
        height: 40px;
        border-radius: 13px;
        font-size: 14px;
    }

    .offer-menu-copy {
        gap: 5px;
    }

    .offer-menu-copy strong {
        font-size: 14px;
    }

    .offer-menu-copy small {
        font-size: 11px;
        line-height: 1.3;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .header-wrapper .menu {
        gap: 18px !important;
    }

    .header-wrapper .menu > li > a {
        font-size: 12px !important;
    }

    .header-wrapper .header-button {
        padding: 0 18px !important;
    }
}

@media (max-width: 991px) {
    .header-section {
        padding: 10px 0 !important;
    }

    .header-section .container {
        width: min(100% - 32px, 720px) !important;
    }

    .header-wrapper .logo img {
        width: 128px !important;
    }
}

/* Unified subpage hero: partners, contact, trusted */
.subpage-hero-standard {
    --subpage-hero-max: 1200px;
    --subpage-hero-pad-x: 24px;
    --subpage-hero-pad-top: 128px;
    --subpage-hero-pad-bottom: 104px;
    --subpage-hero-min: 680px;
    --subpage-hero-gap: 72px;
    --subpage-hero-copy: 680px;
    --subpage-hero-copy-min: 430px;
    --subpage-hero-title: clamp(52px, 5vw, 72px);
    --subpage-hero-lead: 21px;
    --subpage-hero-visual: 500px;
    --subpage-hero-visual-h: 340px;
}

.portfolio-showcase-hero.subpage-hero-standard {
    --subpage-hero-pad-top: 92px;
    --subpage-hero-pad-bottom: 88px;
    --subpage-hero-min: 600px;
    --subpage-hero-copy-min: 360px;
}

.partner-enterprise-hero.subpage-hero-standard,
.contact-premium-hero.subpage-hero-standard {
    --subpage-hero-pad-top: 92px;
}

.contact-premium-hero.subpage-hero-standard {
    --subpage-hero-pad-top: 118px;
    --subpage-hero-pad-bottom: 74px;
    --subpage-hero-min: 620px;
    --subpage-hero-copy-min: 390px;
}

.partner-enterprise-hero.subpage-hero-standard,
.contact-premium-hero.subpage-hero-standard,
.portfolio-showcase-hero.subpage-hero-standard {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: var(--subpage-hero-min) !important;
    height: auto !important;
    padding: var(--subpage-hero-pad-top) 0 var(--subpage-hero-pad-bottom) !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 68% 46%, rgba(23, 184, 255, .22), transparent 33%),
        linear-gradient(135deg, rgba(7, 28, 56, .98), rgba(5, 11, 29, .98)) !important;
}

.partner-enterprise-hero.subpage-hero-standard > .lift-container,
.contact-premium-hero.subpage-hero-standard > .lift-container,
.portfolio-showcase-hero.subpage-hero-standard > .lift-container {
    width: 100% !important;
    max-width: var(--subpage-hero-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: var(--subpage-hero-pad-x) !important;
    padding-left: var(--subpage-hero-pad-x) !important;
}

.partner-enterprise-hero.subpage-hero-standard .subpage-hero-standard__grid,
.contact-premium-hero.subpage-hero-standard .subpage-hero-standard__grid,
.portfolio-showcase-hero.subpage-hero-standard .subpage-hero-standard__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .86fr) !important;
    gap: var(--subpage-hero-gap) !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.partner-enterprise-hero.subpage-hero-standard .subpage-hero-standard__copy,
.contact-premium-hero.subpage-hero-standard .subpage-hero-standard__copy,
.portfolio-showcase-hero.subpage-hero-standard .subpage-hero-standard__copy {
    width: 100% !important;
    max-width: var(--subpage-hero-copy) !important;
    min-height: var(--subpage-hero-copy-min) !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.partner-enterprise-hero.subpage-hero-standard .lift-eyebrow,
.contact-premium-hero.subpage-hero-standard .contact-premium-eyebrow,
.portfolio-showcase-hero.subpage-hero-standard .lift-eyebrow {
    display: block !important;
    min-height: 0 !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #17b8ff !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.partner-enterprise-hero.subpage-hero-standard h1,
.contact-premium-hero.subpage-hero-standard h1,
.portfolio-showcase-hero.subpage-hero-standard h1 {
    max-width: var(--subpage-hero-copy) !important;
    margin: 0 0 22px !important;
    color: #fff !important;
    font-size: var(--subpage-hero-title) !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
}

.partner-enterprise-hero.subpage-hero-standard h1 span,
.contact-premium-hero.subpage-hero-standard h1 span,
.portfolio-showcase-hero.subpage-hero-standard h1 span {
    color: transparent !important;
    background: linear-gradient(90deg, #17b8ff, #8b4dff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-copy > p:not(.lift-eyebrow),
.contact-premium-hero.subpage-hero-standard .contact-premium-lead,
.portfolio-showcase-hero.subpage-hero-standard .subpage-hero-standard__copy > p:not(.lift-eyebrow) {
    max-width: 610px !important;
    margin: 0 !important;
    color: #b7c3da !important;
    font-size: var(--subpage-hero-lead) !important;
    line-height: 1.55 !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-hero-list,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-hero-list,
.contact-premium-hero.subpage-hero-standard .contact-premium-trustbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 610px !important;
    min-height: 102px !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    list-style: none !important;
}

.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-hero-list {
    gap: 10px !important;
    min-height: 0 !important;
    margin-top: 22px !important;
}

.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-hero-list li {
    min-height: 42px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
}

.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-hero-list li::before {
    width: 8px !important;
    height: 8px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-actions,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-actions,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin-top: 34px !important;
}

.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-actions {
    margin-top: 28px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-button,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-button,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-button {
    min-height: 56px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-visual,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-visual,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-visual {
    width: min(100%, var(--subpage-hero-visual)) !important;
    min-height: var(--subpage-hero-visual-h) !important;
    max-height: none !important;
    justify-self: end !important;
    animation: contactHeroFadeUp .75s ease .24s both !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-flow-card,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-flow-card,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-flow-card {
    min-width: 138px !important;
    padding: 16px 18px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-flow-card-main,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-flow-card-main,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-flow-card-main {
    min-width: 188px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-flow-card strong,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-flow-card strong,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-flow-card strong {
    font-size: 22px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-flow-card-one,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-flow-card-one,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-flow-card-one {
    left: 36px !important;
    top: 56px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-flow-card-two,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-flow-card-two,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-flow-card-two {
    right: 36px !important;
    bottom: 56px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-connector-one,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-connector-one,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-connector-one {
    left: 160px !important;
    top: 158px !important;
    width: 126px !important;
}

.partner-enterprise-hero.subpage-hero-standard .partner-enterprise-connector-two,
.contact-premium-hero.subpage-hero-standard .partner-enterprise-connector-two,
.portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-connector-two {
    left: 294px !important;
    top: 178px !important;
    width: 118px !important;
}

@media (max-width: 1200px) {
    .subpage-hero-standard {
        --subpage-hero-pad-top: 118px;
        --subpage-hero-pad-bottom: 96px;
        --subpage-hero-gap: 56px;
        --subpage-hero-title: clamp(48px, 5.3vw, 68px);
        --subpage-hero-lead: 20px;
        --subpage-hero-visual: 460px;
    }
}

@media (max-width: 992px) {
    .subpage-hero-standard {
        --subpage-hero-pad-top: 92px;
        --subpage-hero-pad-bottom: 88px;
        --subpage-hero-min: 0;
        --subpage-hero-gap: 38px;
        --subpage-hero-copy-min: 0;
        --subpage-hero-title: clamp(42px, 9vw, 58px);
        --subpage-hero-lead: 19px;
        --subpage-hero-visual: 500px;
    }

    .partner-enterprise-hero.subpage-hero-standard .subpage-hero-standard__grid,
    .contact-premium-hero.subpage-hero-standard .subpage-hero-standard__grid,
    .portfolio-showcase-hero.subpage-hero-standard .subpage-hero-standard__grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .partner-enterprise-hero.subpage-hero-standard .partner-enterprise-visual,
    .contact-premium-hero.subpage-hero-standard .partner-enterprise-visual,
    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-visual {
        justify-self: start !important;
    }

    .contact-premium-hero.subpage-hero-standard {
        --subpage-hero-pad-bottom: 76px;
        --subpage-hero-copy-min: 0;
    }
}

@media (max-width: 700px) {
    .partner-enterprise-hero.subpage-hero-standard .partner-enterprise-hero-list,
    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-hero-list,
    .contact-premium-hero.subpage-hero-standard .contact-premium-trustbar {
        min-height: 0 !important;
    }
}

@media (max-width: 768px) {
    .subpage-hero-standard {
        --subpage-hero-pad-x: 20px;
        --subpage-hero-pad-top: 78px;
        --subpage-hero-pad-bottom: 78px;
        --subpage-hero-title: clamp(40px, 11vw, 54px);
        --subpage-hero-lead: 18px;
    }

    .contact-premium-hero.subpage-hero-standard {
        --subpage-hero-pad-bottom: 66px;
    }
}

@media (max-width: 560px) {
    .subpage-hero-standard {
        --subpage-hero-pad-x: 18px;
        --subpage-hero-pad-top: 68px;
        --subpage-hero-pad-bottom: 68px;
        --subpage-hero-gap: 32px;
        --subpage-hero-title: clamp(38px, 12vw, 50px);
        --subpage-hero-lead: 17px;
        --subpage-hero-visual-h: 320px;
    }

    .contact-premium-hero.subpage-hero-standard {
        --subpage-hero-pad-bottom: 58px;
    }
}

/* Trusted page responsive polish */
@media (max-width: 992px) {
    .portfolio-showcase-hero.subpage-hero-standard {
        --subpage-hero-pad-top: 72px;
        --subpage-hero-pad-bottom: 56px;
        --subpage-hero-min: 0;
    }

    .portfolio-showcase-hero.subpage-hero-standard .subpage-hero-standard__copy {
        max-width: 100% !important;
        min-height: 0 !important;
    }

    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-visual {
        justify-self: center !important;
        width: min(100%, 520px) !important;
    }
}

@media (max-width: 768px) {
    .portfolio-showcase-hero.subpage-hero-standard {
        --subpage-hero-pad-top: 56px;
        --subpage-hero-pad-bottom: 48px;
    }

    .portfolio-showcase-hero.subpage-hero-standard h1 {
        font-size: clamp(38px, 13vw, 50px) !important;
        line-height: .98 !important;
    }

    .portfolio-showcase-hero.subpage-hero-standard .subpage-hero-standard__copy > p:not(.lift-eyebrow) {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-hero-list {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px !important;
        max-width: 100% !important;
    }

    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-actions {
        width: 100%;
    }

    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-button {
        width: 100%;
        justify-content: center;
    }

    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-visual {
        min-height: 260px !important;
        transform: scale(.88);
        transform-origin: center top;
    }

    .portfolio-showcase-filters {
        overflow: hidden;
    }

    .portfolio-showcase-filters .lift-container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 8px;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    .portfolio-showcase-filters button {
        flex: 0 0 auto;
        min-width: max-content;
        scroll-snap-align: start;
    }

    .portfolio-showcase-section-head h2 {
        font-size: clamp(32px, 10vw, 44px);
    }

    .portfolio-showcase-final {
        padding: 28px 22px;
    }

    .portfolio-showcase-modal-card {
        width: min(calc(100% - 24px), 680px);
        max-height: calc(100vh - 24px);
        overflow-y: auto;
        padding: 22px;
    }
}

@media (max-width: 520px) {
    .portfolio-showcase-hero.subpage-hero-standard .partner-enterprise-visual {
        min-height: 220px !important;
        margin-left: -10px;
        transform: scale(.78);
    }

    .portfolio-showcase-card {
        min-height: 0;
    }

    .portfolio-showcase-body {
        padding: 20px;
    }

    .portfolio-showcase-body h3 {
        font-size: 20px;
    }

    .portfolio-showcase-body p {
        -webkit-line-clamp: 3;
    }

    .portfolio-showcase-big-stats {
        grid-template-columns: 1fr;
    }
}

/* Contact hero premium visual */
.contact-premium-hero.subpage-hero-standard .subpage-hero-standard__grid {
    grid-template-columns: minmax(0, 560px) minmax(500px, 1fr) !important;
    gap: 70px !important;
}

.contact-premium-hero.subpage-hero-standard .subpage-hero-standard__copy {
    max-width: 560px !important;
}

.contact-premium-hero.subpage-hero-standard h1 {
    max-width: 560px !important;
    font-size: clamp(50px, 5vw, 72px) !important;
}

.contact-premium-hero.subpage-hero-standard h1 span {
    display: block !important;
    max-width: 520px !important;
}

.contact-premium-hero.subpage-hero-standard .contact-premium-lead {
    max-width: 540px !important;
}

.contact-premium-hero.subpage-hero-standard::before,
.contact-premium-hero.subpage-hero-standard::after,
.subpage-hero-standard--contact::before,
.subpage-hero-standard--contact::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}

/* Contact hero rebuilt motion scene */
.contact-premium-hero .contact-premium-visual,
.contact-premium-hero .contact-premium-player,
.contact-premium-hero .contact-premium-floating,
.contact-premium-hero .contact-premium-metric,
.contact-premium-hero .contact-premium-visual__orbit,
.contact-premium-hero .contact-premium-visual__glow {
    display: none !important;
}

.contact-hero-motion {
    position: relative;
    z-index: 2;
    width: min(100%, 540px);
    min-height: 390px;
    justify-self: end;
    isolation: isolate;
}

.contact-hero-motion__halo {
    position: absolute;
    inset: 0;
    border-radius: 40px;
    background:
        radial-gradient(circle at 50% 52%, rgba(23, 184, 255, .32), transparent 36%),
        radial-gradient(circle at 74% 28%, rgba(139, 77, 255, .18), transparent 28%);
    filter: blur(8px);
    animation: contactHeroMotionGlow 7s ease-in-out infinite;
}

.contact-hero-motion__screen {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(88%, 440px);
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, .46);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(10, 17, 43, .96), rgba(5, 10, 28, .98));
    box-shadow:
        0 0 0 1px rgba(2, 132, 199, .14) inset,
        0 0 66px rgba(2, 132, 199, .26),
        0 30px 90px rgba(0, 0, 0, .48);
    transform: translate(-50%, -50%);
    animation: contactHeroMotionFloat 6s ease-in-out infinite;
}

.contact-hero-motion__top,
.contact-hero-motion__controls {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px;
    color: #fff;
}

.contact-hero-motion__top span {
    padding: 8px 12px;
    border-radius: 9px;
    background: linear-gradient(135deg, #0ea5ff, #0369a1);
    box-shadow: 0 0 26px rgba(14, 165, 255, .52);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
}

.contact-hero-motion__top strong {
    font-size: 16px;
}

.contact-hero-motion__stage {
    position: relative;
    height: 156px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(14, 165, 255, .48), transparent 28%),
        linear-gradient(180deg, rgba(26, 17, 78, .74), rgba(7, 9, 24, .96));
}


.contact-hero-motion__controls {
    background: rgba(6, 8, 24, .84);
}

.contact-hero-motion__controls span,
.contact-hero-motion__controls strong {
    color: #dfe7ff;
    font-size: 12px;
    font-weight: 900;
}

.contact-hero-motion__controls i {
    flex: 1;
    height: 6px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255, 255, 255, .12);
}

.contact-hero-motion__controls i::before {
    content: "";
    display: block;
    width: 52%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #38bdf8, #8b4dff);
    animation: ppvProgress 7s ease-in-out infinite;
}

@keyframes contactHeroMotionFloat {
    0%, 100% { transform: translate(-50%, -50%) translateY(0); }
    50% { transform: translate(-50%, -50%) translateY(-10px); }
}

@keyframes contactHeroMotionGlow {
    0%, 100% { opacity: .72; transform: scale(.98); }
    50% { opacity: 1; transform: scale(1.04); }
}

@media (max-width: 992px) {
    .contact-hero-motion {
        justify-self: start;
        width: min(100%, 560px);
    }
}

@media (max-width: 560px) {
    .contact-hero-motion {
        min-height: 330px;
    }

    .contact-hero-motion__screen {
        width: 90%;
    }
}

/* Contact hero final rebuild: one visible animation only */
.contact-premium-hero .contact-premium-visual,
.contact-premium-hero .contact-premium-visual::before,
.contact-premium-hero .contact-premium-visual::after,
.contact-premium-hero .contact-premium-player,
.contact-premium-hero .contact-premium-floating,
.contact-premium-hero .contact-premium-metric,
.contact-premium-hero .contact-premium-visual__orbit,
.contact-premium-hero .contact-premium-visual__glow,
.contact-hero-motion__halo {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    animation: none !important;
}

.contact-hero-motion {
    min-height: 340px !important;
    overflow: visible !important;
}

.contact-hero-motion__screen {
    width: min(92%, 470px) !important;
    border-radius: 30px !important;
    background:
        linear-gradient(180deg, rgba(10, 17, 43, .98), rgba(5, 10, 28, .99)) !important;
    box-shadow:
        0 0 0 1px rgba(2, 132, 199, .18) inset,
        0 0 72px rgba(2, 132, 199, .28),
        0 34px 96px rgba(0, 0, 0, .5) !important;
}

.contact-hero-motion::before,
.contact-hero-motion::after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
}

.contact-hero-motion::before {
    inset: 14% 8%;
    background:
        radial-gradient(circle at 50% 48%, rgba(23, 184, 255, .35), transparent 36%),
        radial-gradient(circle at 68% 30%, rgba(139, 77, 255, .22), transparent 28%);
    filter: blur(28px);
    animation: contactHeroMotionGlow 7s ease-in-out infinite;
}

.contact-hero-motion::after {
    left: 12%;
    top: 5%;
    width: 74%;
    height: 86%;
    border: 1px dashed rgba(23, 184, 255, .18);
    transform: rotate(-14deg);
    animation: ppvOrbit 36s linear infinite;
}

/* Contact hero: inquiry and reply themed scene */
.contact-hero-motion__stage {
    height: 176px !important;
    overflow: visible !important;
    background:
        radial-gradient(circle at 50% 48%, rgba(23, 184, 255, .28), transparent 32%),
        linear-gradient(135deg, rgba(8, 16, 42, .96), rgba(20, 12, 58, .72) 48%, rgba(5, 10, 28, .98)) !important;
}

.contact-hero-motion__stage::before {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    top: 50%;
    height: 1px;
    background: linear-gradient(90deg, rgba(56, 189, 248, .1), rgba(56, 189, 248, .75), rgba(139, 77, 255, .72), rgba(139, 77, 255, .1));
    box-shadow: 0 0 26px rgba(56, 189, 248, .28);
    animation: contactMessageLine 3.8s ease-in-out infinite;
}

.contact-hero-motion__message {
    position: absolute;
    z-index: 4;
    width: 142px;
    min-height: 104px;
    padding: 16px 18px;
    border: 1px solid rgba(23, 184, 255, .3);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(24, 18, 64, .9), rgba(7, 13, 36, .92));
    box-shadow: 0 20px 62px rgba(0, 0, 0, .35), 0 0 30px rgba(23, 184, 255, .14);
    animation: contactMessageFloat 5.6s ease-in-out infinite;
}

.contact-hero-motion__message--brief {
    left: -8%;
    top: 22px;
}

.contact-hero-motion__message--reply {
    right: -8%;
    bottom: 22px;
    animation-delay: 1.1s;
}

.contact-hero-motion__message span {
    display: block;
    margin-bottom: 9px;
    color: #38bdf8;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.contact-hero-motion__message strong {
    display: block;
    color: #fff;
    font-size: 22px;
    line-height: 1.05;
}

.contact-hero-motion__message p {
    margin: 6px 0 0;
    color: #c4d0ea;
    font-size: 13px;
    line-height: 1.25;
}

.contact-hero-motion__mail {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    width: 96px;
    height: 74px;
    border: 1px solid rgba(56, 189, 248, .52);
    border-radius: 18px;
    background:
        linear-gradient(145deg, transparent 49%, rgba(56, 189, 248, .32) 50%, transparent 51%),
        linear-gradient(35deg, transparent 49%, rgba(139, 77, 255, .28) 50%, transparent 51%),
        linear-gradient(180deg, rgba(15, 26, 61, .96), rgba(6, 12, 32, .96));
    box-shadow: 0 0 42px rgba(14, 165, 255, .36), 0 26px 70px rgba(0, 0, 0, .35);
    transform: translate(-50%, -50%);
    animation: contactMailPulse 2.8s ease-in-out infinite;
}

.contact-hero-motion__mail::before,
.contact-hero-motion__mail::after {
    content: "";
    position: absolute;
    top: 22px;
    width: 44px;
    height: 2px;
    border-radius: 99px;
    background: rgba(56, 189, 248, .7);
    box-shadow: 0 0 18px rgba(56, 189, 248, .45);
}

.contact-hero-motion__mail::before {
    left: 15px;
}

.contact-hero-motion__mail::after {
    left: 15px;
    top: 38px;
    width: 62px;
    opacity: .45;
}

.contact-hero-motion__mail i {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #17b8ff;
    box-shadow: 0 0 24px rgba(23, 184, 255, .9);
    animation: contactNotification 2.2s ease-in-out infinite;
}

.contact-hero-motion__top span {
    text-transform: uppercase;
}

.contact-hero-motion__controls i::before {
    width: 68% !important;
}

@keyframes contactMessageFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}

@keyframes contactMailPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 42px rgba(14, 165, 255, .36), 0 26px 70px rgba(0, 0, 0, .35);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.045);
        box-shadow: 0 0 66px rgba(14, 165, 255, .54), 0 30px 82px rgba(0, 0, 0, .42);
    }
}

@keyframes contactNotification {
    0%, 100% { transform: scale(.88); opacity: .72; }
    50% { transform: scale(1.08); opacity: 1; }
}

@keyframes contactMessageLine {
    0%, 100% { opacity: .42; transform: scaleX(.78); }
    50% { opacity: 1; transform: scaleX(1); }
}

@media (max-width: 560px) {
    .contact-hero-motion__message {
        width: 124px;
        min-height: 92px;
        padding: 13px 14px;
    }

    .contact-hero-motion__message strong {
        font-size: 18px;
    }

    .contact-hero-motion__message p {
        font-size: 12px;
    }

    .contact-hero-motion__mail {
        width: 84px;
        height: 64px;
    }
}

/* Header color alignment with lifted dark layout */
.header-section,
.header-section.active,
.header-section.inner-header.active,
.header-section.header-white-dark.active {
    top: 0 !important;
    background:
        radial-gradient(circle at 22% 0%, rgba(23, 184, 255, .14), transparent 32%),
        linear-gradient(90deg, rgba(5, 15, 35, .98), rgba(8, 24, 49, .96) 48%, rgba(5, 9, 26, .98)) !important;
    border-bottom: 1px solid rgba(23, 184, 255, .16) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .24), inset 0 -1px 0 rgba(255, 255, 255, .03) !important;
    backdrop-filter: blur(18px);
}

.header-wrapper .menu > li > a,
.header-section .header-wrapper .select-bar .current,
.header-section.header-white-dark.active .header-wrapper .menu li a,
.header-section.header-white-dark.active .header-wrapper .select-bar .current {
    color: #dbe8fb !important;
}

.header-wrapper .menu > li > a:hover,
.header-wrapper .menu > li > a.active,
.header-section.header-white-dark.active .header-wrapper .menu li a:hover {
    color: #38bdf8 !important;
}

.menu-item-has-children > a::after,
.header-section .header-wrapper .select-bar::after,
.header-section.header-white-dark.active .header-wrapper .select-bar::after {
    border-color: #38bdf8 !important;
}

.header-wrapper .header-button,
.header-section.inner-header.active .header-button,
.header-section.header-white-dark.active .header-wrapper .header-button,
.header-section.header-white-dark.active .header-wrapper .header-button.light {
    color: #fff !important;
    border-color: rgba(56, 189, 248, .36) !important;
    background: linear-gradient(135deg, rgba(14, 165, 255, .16), rgba(139, 77, 255, .14)) !important;
    box-shadow: 0 0 0 1px rgba(56, 189, 248, .08) inset, 0 14px 36px rgba(2, 132, 199, .18) !important;
}

.header-wrapper .header-button:hover,
.header-section.header-white-dark.active .header-wrapper .header-button:hover,
.header-section.header-white-dark.active .header-wrapper .header-button.light:hover {
    color: #fff !important;
    border-color: rgba(56, 189, 248, .58) !important;
    background: linear-gradient(135deg, #0ea5ff, #7c3aed) !important;
    box-shadow: 0 18px 42px rgba(14, 165, 255, .28) !important;
}

.header-section .header-wrapper .menu li .submenu,
.header-section .header-wrapper .menu li .submenu.offer-mega-menu {
    background: linear-gradient(180deg, rgba(9, 18, 44, .98), rgba(5, 10, 28, .98)) !important;
    border-color: rgba(23, 184, 255, .18) !important;
}

@media (max-width: 991px) {
    .header-section .header-wrapper .menu,
    .header-section.active .header-wrapper .menu {
        background: linear-gradient(180deg, rgba(7, 17, 41, .98), rgba(5, 10, 28, .98)) !important;
        border: 1px solid rgba(23, 184, 255, .14);
        border-top: 0;
    }

    .header-bar span,
    .header-section.header-white-dark.active .header-wrapper .header-bar span {
        background: #38bdf8 !important;
    }
}

/* Premium contact invitation visual */
.contact-invitation {
    --pointer-x: 0;
    --pointer-y: 0;
    position: relative;
    z-index: 2;
    width: min(100%, 560px);
    aspect-ratio: 1.12;
    justify-self: end;
    isolation: isolate;
    perspective: 1200px;
    pointer-events: auto;
}

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

.contact-invitation__ambient {
    position: absolute;
    inset: 9% 4% 2%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 35%, rgba(48, 211, 255, .24), transparent 38%),
        radial-gradient(circle at 72% 66%, rgba(142, 76, 255, .18), transparent 38%);
    filter: blur(44px);
    animation: ci-breathe 8s ease-in-out infinite;
}

.contact-invitation__orbit {
    position: absolute;
    inset: 10% 7%;
    border: 1px solid rgba(116, 187, 255, .12);
    border-radius: 50%;
    transform: rotate(-9deg);
}

.contact-invitation__orbit::before,
.contact-invitation__orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.contact-invitation__orbit::before {
    top: 17%;
    right: 7%;
    width: 6px;
    height: 6px;
    background: #67ddff;
    box-shadow: 0 0 18px #4fd6ff;
    animation: ci-pulse 3s ease-in-out infinite;
}

.contact-invitation__orbit::after {
    left: 14%;
    bottom: 14%;
    width: 4px;
    height: 4px;
    background: #a761ff;
    box-shadow: 0 0 14px #a761ff;
    animation: ci-pulse 3.6s ease-in-out infinite -1.4s;
}

.contact-invitation__card {
    position: absolute;
    inset: 18% 10% 16%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(26px, 4.8vw, 40px);
    overflow: hidden;
    color: #f7fbff;
    border: 1px solid rgba(145, 199, 255, .2);
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(18, 43, 77, .86), rgba(4, 14, 32, .95) 58%, rgba(10, 12, 35, .96)),
        radial-gradient(circle at 18% 0%, rgba(66, 207, 255, .16), transparent 34%);
    box-shadow:
        0 36px 90px rgba(0, 5, 20, .48),
        inset 0 1px 0 rgba(255, 255, 255, .09);
    backdrop-filter: blur(22px) saturate(130%);
    transform:
        rotateX(calc(var(--pointer-y) * -2.4deg))
        rotateY(calc(var(--pointer-x) * 3deg))
        translate3d(calc(var(--pointer-x) * 5px), calc(var(--pointer-y) * 5px), 0);
    transition: transform .08s linear;
}

.contact-invitation__card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(130deg, rgba(94, 225, 255, .52), transparent 30%, transparent 72%, rgba(160, 89, 255, .42));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .52;
    pointer-events: none;
}

.contact-invitation__shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(112deg, transparent 28%, rgba(255, 255, 255, .08) 48%, transparent 68%);
    transform: translateX(-130%);
    animation: ci-sheen 9s ease-in-out infinite 1s;
}

.contact-invitation__mark {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    color: #bff4ff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
}

.contact-invitation__mark i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #56e3b4;
    box-shadow: 0 0 14px #56e3b4;
    animation: ci-pulse 2.4s ease-in-out infinite;
}

.contact-invitation__copy {
    position: relative;
    z-index: 2;
    max-width: 390px;
    animation: ci-copy-in 1s cubic-bezier(.22, .75, .25, 1) both .15s;
}

.contact-invitation__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #6f9dbe;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.contact-invitation__copy strong {
    display: block;
    max-width: 13ch;
    color: #fff;
    font-size: clamp(26px, 4.8vw, 40px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.contact-invitation__copy p {
    margin: 20px 0 0;
    max-width: 40ch;
    color: #a9bdd0;
    font-size: clamp(12px, 2.1vw, 14px);
    line-height: 1.6;
}

.contact-invitation__action {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    margin-top: 26px;
    padding: 10px 12px 10px 18px;
    overflow: hidden;
    border: 1px solid rgba(91, 202, 255, .26);
    border-radius: 17px;
    background: linear-gradient(90deg, rgba(10, 31, 59, .9), rgba(16, 22, 50, .92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 30px rgba(0, 0, 0, .18);
    animation: ci-action-in .9s cubic-bezier(.22, .75, .25, 1) both .45s;
}

.contact-invitation__action::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(83, 209, 255, .11), transparent);
    transform: translateX(-120%);
    animation: ci-action-sweep 5.5s ease-in-out infinite 1.8s;
}

.contact-invitation__action span {
    position: relative;
    color: #edf9ff;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: -.01em;
}

.contact-invitation__action svg {
    position: relative;
    width: 19px;
    height: 19px;
    padding: 1px;
    fill: none;
    stroke: #baf3ff;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: ci-arrow 2.6s ease-in-out infinite;
}

.contact-invitation__spark {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
}

.contact-invitation__spark--one {
    top: 18%;
    right: 18%;
    width: 4px;
    height: 4px;
    background: #56dcff;
    box-shadow: 0 0 18px #3bcfff;
    animation: ci-float 5s ease-in-out infinite;
}

.contact-invitation__spark--two {
    bottom: 14%;
    left: 18%;
    width: 3px;
    height: 3px;
    background: #a761ff;
    box-shadow: 0 0 16px #a761ff;
    animation: ci-float 6s ease-in-out infinite -2s;
}

@keyframes ci-breathe {
    0%, 100% { transform: scale(.97); opacity: .72; }
    50% { transform: scale(1.04); opacity: 1; }
}

@keyframes ci-sheen {
    0%, 68% { transform: translateX(-140%); }
    88%, 100% { transform: translateX(140%); }
}

@keyframes ci-pulse {
    0%, 100% { opacity: .55; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.16); }
}

@keyframes ci-copy-in {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ci-action-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes ci-action-sweep {
    0%, 62% { transform: translateX(-120%); }
    82%, 100% { transform: translateX(120%); }
}

@keyframes ci-arrow {
    0%, 100% { transform: translateX(0); opacity: .82; }
    50% { transform: translateX(4px); opacity: 1; }
}

@keyframes ci-float {
    0%, 100% { opacity: .25; transform: translateY(0) scale(.85); }
    50% { opacity: 1; transform: translateY(-12px) scale(1.2); }
}

@media (max-width: 992px) {
    .contact-invitation {
        justify-self: start;
        width: min(100%, 560px);
    }
}

@media (max-width: 640px) {
    .contact-invitation {
        aspect-ratio: 1;
    }

    .contact-invitation__card {
        inset: 13% 5% 12%;
        padding: 25px 21px;
        border-radius: 24px;
    }

    .contact-invitation__orbit {
        inset: 7% 2%;
    }

    .contact-invitation__copy strong {
        max-width: 14ch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-invitation *,
    .contact-invitation *::before,
    .contact-invitation *::after {
        animation: none !important;
        transition: none !important;
    }

    .contact-invitation__card {
        transform: none;
    }
}

/* Contact signal visual from ppv-contact-invitation(3) */
.contact-signal {
    --rx: 0deg;
    --ry: 0deg;
    --mx: 0px;
    --my: 0px;
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: min(100%, 590px);
    aspect-ratio: 1;
    justify-self: end;
    isolation: isolate;
    pointer-events: auto;
    perspective: 1100px;
}

.contact-signal::before {
    content: "";
    position: absolute;
    inset: 13%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(59, 198, 255, .12), rgba(50, 107, 255, .045) 44%, transparent 72%);
    filter: blur(22px);
}

.contact-signal__halo {
    position: absolute;
    border-radius: 50%;
    filter: blur(30px);
    opacity: .42;
    animation: signal-breathe 8s ease-in-out infinite;
}

.contact-signal__halo--a {
    left: 11%;
    top: 14%;
    width: 48%;
    height: 48%;
    background: rgba(29, 197, 255, .16);
}

.contact-signal__halo--b {
    right: 9%;
    bottom: 11%;
    width: 42%;
    height: 42%;
    background: rgba(159, 72, 255, .13);
    animation-delay: -4s;
}

.contact-signal__scene {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: translate3d(var(--mx), var(--my), 0) rotateX(var(--rx)) rotateY(var(--ry));
    transition: transform .5s cubic-bezier(.2, .8, .2, 1);
}

.contact-signal__links {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.contact-signal__path {
    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-dasharray: 7 12;
    opacity: .68;
    animation: signal-flow 7s linear infinite;
}

.contact-signal__path--2 {
    animation-duration: 8.4s;
    animation-direction: reverse;
}

.contact-signal__path--3 {
    animation-duration: 9.6s;
}

.contact-signal__pulse {
    offset-rotate: 0deg;
    filter: drop-shadow(0 0 8px currentColor);
    animation: signal-pulse 6s ease-in-out infinite;
}

.contact-signal__pulse--2 {
    animation-delay: -2s;
}

.contact-signal__pulse--3 {
    animation-delay: -4s;
}

.contact-signal__ring {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(142, 204, 255, .16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.contact-signal__ring::before,
.contact-signal__ring::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(90deg, transparent, rgba(107, 219, 255, .92), transparent);
    filter: drop-shadow(0 0 8px rgba(84, 205, 255, .6));
}

.contact-signal__ring--outer {
    width: 57%;
    height: 57%;
    animation: signal-spin 20s linear infinite;
}

.contact-signal__ring--outer::before {
    left: 8%;
    top: 16%;
    width: 56px;
    height: 2px;
    transform: rotate(-43deg);
}

.contact-signal__ring--inner {
    width: 38%;
    height: 38%;
    border-color: rgba(163, 125, 255, .2);
    animation: signal-spin-reverse 15s linear infinite;
}

.contact-signal__ring--inner::after {
    right: 4%;
    bottom: 22%;
    width: 42px;
    height: 2px;
    transform: rotate(48deg);
}

.contact-signal__core {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    place-items: center;
    width: 24%;
    aspect-ratio: 1;
    border: 1px solid rgba(183, 222, 255, .28);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .2), rgba(99, 154, 255, .13) 30%, rgba(9, 24, 54, .78) 68%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 22px 65px rgba(0, 17, 57, .5), 0 0 55px rgba(58, 171, 255, .13);
    backdrop-filter: blur(16px);
    transform: translate(-50%, -50%) translateZ(28px);
}

.contact-signal__core::before {
    content: "";
    position: absolute;
    inset: 10%;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
}

.contact-signal__core-glow {
    position: absolute;
    inset: -28%;
    border-radius: 50%;
    background: conic-gradient(from 90deg, transparent, rgba(77, 212, 255, .22), transparent 34%, rgba(166, 83, 255, .18), transparent 68%);
    filter: blur(18px);
    animation: signal-spin 13s linear infinite;
}

.contact-signal__core-mark {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 5px;
    height: 30%;
    transform: translateZ(20px);
}

.contact-signal__core-mark span {
    display: block;
    width: 5px;
    border-radius: 6px;
    background: linear-gradient(180deg, #baf4ff, #5f8fff);
    box-shadow: 0 0 12px rgba(98, 211, 255, .42);
    animation: signal-bars 1.8s ease-in-out infinite;
}

.contact-signal__core-mark span:nth-child(1) {
    height: 48%;
    animation-delay: -.5s;
}

.contact-signal__core-mark span:nth-child(2) {
    height: 100%;
}

.contact-signal__core-mark span:nth-child(3) {
    height: 70%;
    animation-delay: -1s;
}

.contact-signal__icon {
    position: absolute;
    display: grid;
    place-items: center;
    width: 12.7%;
    aspect-ratio: 1;
    border: 1px solid rgba(170, 217, 255, .22);
    border-radius: 30%;
    background: linear-gradient(145deg, rgba(20, 48, 89, .74), rgba(7, 20, 46, .78));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 18px 35px rgba(0, 9, 31, .34);
    backdrop-filter: blur(15px);
    transform: translateZ(44px);
    animation: signal-float 5.5s ease-in-out infinite;
}

.contact-signal__icon::after {
    content: "";
    position: absolute;
    inset: -1px;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(97, 224, 255, .25), transparent 40%, rgba(174, 85, 255, .18));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.contact-signal__icon svg {
    width: 42%;
    height: 42%;
    fill: none;
    stroke: #dff7ff;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(111, 218, 255, .32));
}

.contact-signal__icon--mail {
    left: 12%;
    top: 13%;
    animation-delay: -1.2s;
}

.contact-signal__icon--phone {
    right: 11%;
    top: 15%;
    animation-delay: -3.4s;
}

.contact-signal__icon--chat {
    right: 13%;
    bottom: 11%;
    animation-delay: -2.1s;
}

.contact-signal__spark {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d9faff;
    box-shadow: 0 0 16px 4px rgba(86, 215, 255, .5);
    animation: signal-spark 4s ease-in-out infinite;
}

.contact-signal__spark--1 {
    left: 27%;
    bottom: 19%;
}

.contact-signal__spark--2 {
    right: 31%;
    top: 8%;
    animation-delay: -1.4s;
}

.contact-signal__spark--3 {
    left: 9%;
    top: 47%;
    animation-delay: -2.8s;
}

@keyframes signal-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes signal-spin-reverse {
    to { transform: translate(-50%, -50%) rotate(-360deg); }
}

@keyframes signal-flow {
    to { stroke-dashoffset: -190; }
}

@keyframes signal-breathe {
    50% { transform: scale(1.1); opacity: .62; }
}

@keyframes signal-float {
    50% { translate: 0 -9px; rotate: 1.5deg; }
}

@keyframes signal-bars {
    50% { transform: scaleY(.52); opacity: .55; }
}

@keyframes signal-spark {
    0%, 100% { opacity: .18; transform: scale(.65); }
    50% { opacity: 1; transform: scale(1.25); }
}

@keyframes signal-pulse {
    0%, 100% { opacity: .25; r: 3; }
    50% { opacity: 1; r: 6; }
}

@media (max-width: 992px) {
    .contact-signal {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .contact-signal {
        width: min(100%, 510px);
    }

    .contact-signal__icon {
        width: 14%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-signal * {
        animation: none !important;
    }

    .contact-signal__scene {
        transition: none;
        transform: none;
    }
}

/* PPV Events fullpage import */
.ppv-events-fullpage {
    position: relative;
    overflow: hidden;
}

.ppv-events-fullpage::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 10%, rgba(0, 165, 255, .13), transparent 26%),
        radial-gradient(circle at 82% 25%, rgba(119, 92, 255, .1), transparent 28%);
}

.ppv-events-hero {
    position: relative;
    padding: 90px 0 72px;
}

.ppv-events-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 76px;
    align-items: center;
}

.ppv-events-hero-copy h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 5vw, 74px);
    line-height: 1.02;
    letter-spacing: 0;
}

.ppv-events-hero-copy h1 span {
    background: linear-gradient(90deg, #16bfff, #47a6ff, #775cff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ppv-events-hero-copy .lift-lead {
    max-width: 620px;
    margin: 28px 0;
}

.ppv-events-proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.ppv-events-proof-row span {
    padding: 10px 13px;
    border: 1px solid rgba(126, 187, 255, .16);
    border-radius: 999px;
    background: rgba(13, 37, 73, .48);
    color: #cbd8ea;
    font-size: 12px;
    font-weight: 750;
}

.ppv-events-proof-row strong {
    color: #fff;
}

.ppv-events-visual {
    position: relative;
    min-height: 560px;
    perspective: 1200px;
}

.ppv-events-visual-aura {
    position: absolute;
    inset: 12% 4% 3%;
    background: radial-gradient(circle, rgba(14, 184, 255, .22), transparent 62%);
    filter: blur(32px);
    animation: ppvEventsAura 9s ease-in-out infinite;
}

.ppv-events-visual-shell {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border: 1px solid rgba(119, 190, 255, .2);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(17, 46, 86, .82), rgba(5, 15, 34, .95));
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 45px 100px rgba(0, 8, 25, .48);
    transform-style: preserve-3d;
    transition: transform .45s cubic-bezier(.2, .8, .2, 1);
}

.ppv-events-visual-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(75, 149, 222, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(75, 149, 222, .05) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(#000, transparent 90%);
}

.ppv-events-visual-topbar,
.ppv-events-visual-footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 22px;
    gap: 9px;
    color: #b8c8dc;
    font-size: 11px;
}

.ppv-events-visual-topbar span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #16bfff;
    box-shadow: 0 0 18px #16bfff;
}

.ppv-events-visual-topbar b {
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ppv-events-visual-topbar i {
    margin-left: auto;
    padding: 6px 8px;
    border: 1px solid rgba(88, 255, 172, .18);
    border-radius: 99px;
    background: rgba(41, 255, 143, .07);
    color: #7affb9;
    font-style: normal;
    font-weight: 850;
}

.ppv-events-visual-stage {
    position: absolute;
    inset: 64px 14px 58px;
}

.ppv-events-flow-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.ppv-events-flow-base,
.ppv-events-flow-pulse {
    fill: none;
}

.ppv-events-flow-base {
    stroke: rgba(56, 180, 255, .22);
    stroke-width: 1.4;
    stroke-dasharray: 5 8;
}

.ppv-events-flow-pulse {
    stroke: url(#ppvEventsFlowGrad);
    stroke-width: 2.4;
    stroke-dasharray: 18 500;
    filter: drop-shadow(0 0 7px #24baff);
    animation: ppvEventsFlow 5.2s linear infinite;
}

.ppv-events-flow-secondary {
    opacity: .65;
}

.ppv-events-flow-pulse-secondary {
    animation-delay: -2.6s;
}

.ppv-events-node {
    position: absolute;
    width: 126px;
    padding: 14px;
    border: 1px solid rgba(126, 194, 255, .16);
    border-radius: 16px;
    background: rgba(8, 22, 48, .78);
    backdrop-filter: blur(14px);
    box-shadow: inset 0 1px rgba(255, 255, 255, .05);
    animation: ppvEventsFloat 7s ease-in-out infinite;
    transition: filter .25s ease, transform .25s ease;
}

.ppv-events-node span {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    margin-bottom: 9px;
    border-radius: 8px;
    background: rgba(31, 174, 255, .12);
    color: #72deff;
}

.ppv-events-node small {
    display: block;
    color: #9fb2ca;
    font-size: 11px;
}

.ppv-events-node strong {
    display: block;
    margin-top: 4px;
    color: #fff;
}

.ppv-events-node.is-highlighted {
    filter: brightness(1.35) drop-shadow(0 0 16px rgba(22, 191, 255, .28));
}

.ppv-events-node-1 { left: 1%; top: 39%; }
.ppv-events-node-2 { left: 20%; top: 5%; animation-delay: -1.2s; }
.ppv-events-node-3 { right: 19%; top: 8%; animation-delay: -2.4s; }
.ppv-events-node-4 { right: 1%; top: 39%; animation-delay: -3.6s; }
.ppv-events-node-5 { left: 40%; bottom: 2%; animation-delay: -4.8s; }

.ppv-events-core {
    position: absolute;
    left: 50%;
    top: 51%;
    display: grid;
    place-items: center;
    width: 156px;
    height: 156px;
    transform: translate(-50%, -50%);
}

.ppv-events-orbit {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(53, 192, 255, .25);
    border-radius: 50%;
    animation: ppvEventsSpin 14s linear infinite;
}

.ppv-events-orbit::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2ec8ff;
    box-shadow: 0 0 17px #2ec8ff;
}

.ppv-events-orbit-two {
    inset: 17px;
    border-style: dashed;
    animation-direction: reverse;
    animation-duration: 19s;
}

.ppv-events-core div {
    display: grid;
    place-content: center;
    width: 92px;
    height: 92px;
    border: 1px solid rgba(106, 209, 255, .25);
    border-radius: 29px;
    background: linear-gradient(145deg, rgba(23, 127, 217, .38), rgba(7, 23, 51, .88));
    box-shadow: 0 0 48px rgba(19, 164, 255, .22), inset 0 1px rgba(255, 255, 255, .08);
    text-align: center;
}

.ppv-events-core small {
    color: #70dbff;
    font-size: 10px;
    letter-spacing: .16em;
}

.ppv-events-core strong {
    color: #fff;
    font-size: 21px;
}

.ppv-events-visual-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: space-between;
    height: 58px;
    border-top: 1px solid rgba(111, 174, 235, .1);
}

.ppv-events-visual-footer i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: #57f3a7;
    box-shadow: 0 0 12px #57f3a7;
}

.ppv-events-tabs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 38px;
    overflow: hidden;
    border: 1px solid rgba(126, 187, 255, .16);
    border-radius: 13px;
    background: rgba(7, 27, 57, .66);
}

.ppv-events-tabs button {
    position: relative;
    height: 62px;
    border: 0;
    border-right: 1px solid rgba(126, 187, 255, .16);
    background: transparent;
    color: #b6c5d9;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
}

.ppv-events-tabs button:last-child {
    border-right: 0;
}

.ppv-events-tabs button::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 0;
    height: 2px;
}

.ppv-events-tabs button.is-active {
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 190, 255, .14), transparent);
}

.ppv-events-tabs button.is-active::after {
    background: #16bfff;
    box-shadow: 0 0 14px #16bfff;
}

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

.ppv-events-module-card {
    position: relative;
    min-height: 275px;
    overflow: hidden;
    padding: 26px;
    border: 1px solid rgba(126, 187, 255, .16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(15, 41, 78, .72), rgba(6, 20, 43, .82));
    transition: transform .3s ease, border-color .3s ease;
}

.ppv-events-module-card::before {
    content: "";
    position: absolute;
    inset: auto -20% -55% 10%;
    height: 160px;
    background: radial-gradient(circle, rgba(20, 180, 255, .12), transparent 65%);
    opacity: 0;
    transition: opacity .3s ease;
}

.ppv-events-module-card:hover {
    transform: translateY(-6px);
    border-color: rgba(53, 194, 255, .38);
}

.ppv-events-module-card:hover::before {
    opacity: 1;
}

.ppv-events-module-card > span {
    position: absolute;
    right: 20px;
    top: 17px;
    color: rgba(184, 207, 234, .23);
    font-size: 12px;
    font-weight: 850;
}

.ppv-events-module-card i,
.ppv-events-benefit i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(24, 170, 255, .1);
    color: #16bfff;
    font-style: normal;
}

.ppv-events-module-card h3 {
    margin: 22px 0 12px;
    color: #fff;
    font-size: 20px;
}

.ppv-events-module-card p,
.ppv-events-benefit p,
.ppv-events-platform-copy p,
.ppv-events-final-card p {
    color: #9fb1cc;
    line-height: 1.7;
}

.ppv-events-platform-card,
.ppv-events-final-card {
    display: grid;
    align-items: center;
    gap: 50px;
    overflow: hidden;
    border: 1px solid rgba(126, 187, 255, .16);
    background: linear-gradient(135deg, rgba(14, 40, 76, .85), rgba(7, 20, 43, .78));
}

.ppv-events-platform-card {
    grid-template-columns: .85fr 1.15fr;
    min-height: 510px;
    padding: 54px;
    border-radius: 26px;
}

.ppv-events-platform-copy h2,
.ppv-events-final-card h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.1;
}

.ppv-events-platform-copy span {
    display: inline-flex;
    margin-top: 14px;
    color: #d7e6fa;
    font-weight: 800;
}

.ppv-events-platform-ui {
    position: relative;
    height: 390px;
}

.ppv-events-ui-window {
    position: absolute;
    overflow: hidden;
    border: 1px solid rgba(122, 190, 255, .17);
    border-radius: 16px;
    background: #081b39;
    box-shadow: 0 28px 70px rgba(0, 5, 20, .45);
}

.ppv-events-ui-window-back {
    right: 3%;
    top: 3%;
    width: 62%;
    height: 72%;
    transform: rotate(2deg);
}

.ppv-events-ui-window-front {
    left: 3%;
    bottom: 0;
    width: 66%;
    height: 76%;
}

.ppv-events-ui-window > div {
    height: 34px;
    border-bottom: 1px solid rgba(120, 180, 241, .12);
    background: linear-gradient(90deg, rgba(41, 176, 255, .12), transparent);
}

.ppv-events-ui-window-back span {
    display: block;
    height: 10px;
    margin: 28px 22px 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #1dbbff 0 28%, rgba(115, 154, 199, .14) 28%);
}

.ppv-events-ui-window-back span:last-child {
    width: 60%;
    margin-top: 13px;
}

.ppv-events-ui-window-front section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 20px;
}

.ppv-events-ui-window-front section i {
    height: 58px;
    border-radius: 10px;
    background: linear-gradient(160deg, rgba(22, 168, 255, .16), rgba(56, 63, 142, .12));
}

.ppv-events-ui-window-front article {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 22px;
    height: 150px;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(rgba(82, 160, 232, .05) 1px, transparent 1px);
    background-size: 100% 30px;
}

.ppv-events-ui-window-front article::after {
    content: "";
    position: absolute;
    left: -5%;
    right: -5%;
    bottom: 34%;
    height: 2px;
    background: linear-gradient(90deg, #16bfff, #3186ff, #775cff);
    box-shadow: 0 0 14px #16bfff;
    transform: rotate(-8deg);
}

.ppv-events-platform-orbit {
    position: absolute;
    left: 8%;
    bottom: -50px;
    width: 320px;
    height: 150px;
    border: 1px dashed rgba(34, 185, 255, .22);
    border-radius: 50%;
    animation: ppvEventsSpin 18s linear infinite;
}

.ppv-events-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.ppv-events-benefit {
    padding: 28px 24px;
    border: 1px solid rgba(126, 187, 255, .16);
    border-radius: 18px;
    background: rgba(11, 31, 63, .55);
    text-align: center;
}

.ppv-events-benefit i {
    margin: 0 auto 18px;
}

.ppv-events-benefit h3 {
    color: #fff;
    font-size: 17px;
}

.ppv-events-final-card {
    position: relative;
    grid-template-columns: .72fr 1.28fr;
    padding: 26px;
    border-radius: 22px;
}

.ppv-events-final-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 45%, rgba(50, 185, 255, .07), transparent 70%);
    transform: translateX(-120%);
    animation: ppvEventsSweep 8s ease-in-out infinite;
}

.ppv-events-conference-preview {
    position: relative;
    display: grid;
    place-items: end start;
    height: 290px;
    overflow: hidden;
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 0, rgba(49, 125, 255, .35), transparent 45%),
        linear-gradient(#17284b, #060b15);
    box-shadow: inset 0 -70px 80px rgba(0, 0, 0, .55);
}

.ppv-events-conference-preview::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 55%;
    background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .02) 0 8px, transparent 8px 16px);
    transform: perspective(250px) rotateX(55deg);
    transform-origin: bottom;
}

.ppv-events-screen {
    position: absolute;
    top: 54px;
    width: 68px;
    height: 52px;
    border: 2px solid rgba(116, 218, 255, .6);
    background: linear-gradient(135deg, rgba(29, 188, 255, .32), rgba(98, 75, 255, .3));
    box-shadow: 0 0 25px rgba(47, 168, 255, .28);
}

.ppv-events-screen-one { left: 22%; }
.ppv-events-screen-two { left: 50%; top: 40px; width: 90px; height: 64px; transform: translateX(-50%); }
.ppv-events-screen-three { right: 22%; }

.ppv-events-stage-light {
    position: absolute;
    top: -20px;
    width: 3px;
    height: 190px;
    background: linear-gradient(rgba(98, 190, 255, .45), transparent);
    filter: blur(1px);
    transform-origin: top;
}

.ppv-events-stage-light-one { left: 26%; transform: rotate(18deg); }
.ppv-events-stage-light-two { right: 26%; transform: rotate(-18deg); }

.ppv-events-redirect-mark {
    position: relative;
    z-index: 3;
    margin: 0 0 20px 20px;
    padding: 9px 12px;
    border: 1px solid rgba(93, 201, 255, .28);
    border-radius: 9px;
    background: rgba(4, 17, 38, .68);
    backdrop-filter: blur(10px);
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .04em;
}

.ppv-events-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .75s ease, transform .75s cubic-bezier(.2, .8, .2, 1);
}

.ppv-events-reveal.is-visible {
    opacity: 1;
    transform: none;
}

@keyframes ppvEventsFlow { to { stroke-dashoffset: -520; } }
@keyframes ppvEventsFloat { 50% { transform: translateY(-7px); } }
@keyframes ppvEventsSpin { to { transform: rotate(360deg); } }
@keyframes ppvEventsAura { 50% { transform: scale(1.06); opacity: .7; } }
@keyframes ppvEventsSweep {
    0%, 62% { transform: translateX(-120%); }
    82%, 100% { transform: translateX(120%); }
}

@media (max-width: 980px) {
    .ppv-events-hero-grid,
    .ppv-events-platform-card,
    .ppv-events-final-card {
        grid-template-columns: 1fr;
    }

    .ppv-events-visual {
        min-height: 540px;
    }

    .ppv-events-module-grid,
    .ppv-events-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ppv-events-hero {
        padding-top: 54px;
    }

    .ppv-events-hero-grid {
        gap: 44px;
    }

    .ppv-events-hero-copy h1 {
        font-size: 45px;
    }

    .ppv-events-visual {
        min-height: 440px;
    }

    .ppv-events-node {
        width: 104px;
        padding: 10px;
    }

    .ppv-events-node-2,
    .ppv-events-node-3 {
        display: none;
    }

    .ppv-events-node-1 { left: 2%; top: 31%; }
    .ppv-events-node-4 { right: 2%; top: 31%; }
    .ppv-events-node-5 { left: 50%; bottom: 4%; transform: translateX(-50%); }

    .ppv-events-core {
        width: 128px;
        height: 128px;
    }

    .ppv-events-core div {
        width: 78px;
        height: 78px;
    }

    .ppv-events-tabs {
        grid-template-columns: repeat(3, 1fr);
    }

    .ppv-events-tabs button:nth-child(4),
    .ppv-events-tabs button:nth-child(5) {
        display: none;
    }

    .ppv-events-module-grid,
    .ppv-events-benefit-grid {
        grid-template-columns: 1fr;
    }

    .ppv-events-platform-card {
        padding: 26px;
    }

    .ppv-events-platform-ui {
        height: 300px;
    }

    .ppv-events-final-card {
        padding: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ppv-events-visual-aura,
    .ppv-events-flow-pulse,
    .ppv-events-node,
    .ppv-events-orbit,
    .ppv-events-platform-orbit,
    .ppv-events-final-card::after {
        animation: none !important;
    }

    .ppv-events-visual-shell {
        transform: none !important;
    }

    .ppv-events-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Language switcher */
.header-wrapper select.select-bar {
    display: none !important;
}

.header-wrapper .nice-select.select-bar {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 64px !important;
    height: 40px !important;
    padding: 0 34px 0 14px !important;
    border: 1px solid rgba(56, 189, 248, .24) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(135deg, rgba(14, 165, 255, .12), rgba(139, 77, 255, .1)),
        rgba(7, 17, 41, .78) !important;
    color: #e8f4ff !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .03) inset, 0 12px 28px rgba(0, 0, 0, .18) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 38px !important;
}

.header-wrapper .nice-select.select-bar .current {
    color: #e8f4ff !important;
    text-transform: uppercase;
}

.header-wrapper .nice-select.select-bar::after {
    right: 15px !important;
    width: 7px !important;
    height: 7px !important;
    border-color: #38bdf8 !important;
    margin-top: -5px !important;
}

.header-wrapper .nice-select.select-bar:hover,
.header-wrapper .nice-select.select-bar.open {
    border-color: rgba(56, 189, 248, .54) !important;
    background:
        linear-gradient(135deg, rgba(14, 165, 255, .18), rgba(139, 77, 255, .15)),
        rgba(9, 24, 49, .92) !important;
    box-shadow: 0 0 0 1px rgba(56, 189, 248, .1) inset, 0 16px 36px rgba(2, 132, 199, .18) !important;
}

.header-wrapper .nice-select.select-bar .list {
    min-width: 96px;
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid rgba(56, 189, 248, .2);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(9, 18, 44, .98), rgba(5, 10, 28, .98));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .36);
}

.header-wrapper .nice-select.select-bar .option {
    min-height: 38px;
    padding: 0 16px;
    color: #cfe0f5;
    font-size: 12px;
    font-weight: 850;
    line-height: 38px;
    text-transform: uppercase;
}

.header-wrapper .nice-select.select-bar .option:hover,
.header-wrapper .nice-select.select-bar .option.focus,
.header-wrapper .nice-select.select-bar .option.selected.focus {
    background: rgba(56, 189, 248, .12);
    color: #fff;
}

/* Help and FAQ page */
.lift-legacy-page--pomoc-i-faq > .lift-subhero {
    display: none !important;
}

.faq-lift-page {
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 18%, rgba(14, 165, 255, .2), transparent 28%),
        linear-gradient(180deg, #07142a 0%, #050a1d 54%, #06091b 100%);
}

.faq-lift-hero.subpage-hero-standard {
    --subpage-hero-pad-top: 92px;
    --subpage-hero-pad-bottom: 86px;
    --subpage-hero-min: 620px;
    --subpage-hero-copy-min: 370px;
}

.faq-lift-hero .faq-lift-visual {
    background:
        radial-gradient(circle at 54% 50%, rgba(23, 184, 255, .2), transparent 35%),
        linear-gradient(145deg, rgba(14, 28, 62, .74), rgba(8, 13, 35, .92));
}

.faq-lift-hero .partner-enterprise-flow-card-main {
    min-width: 205px !important;
}

.faq-lift-topics {
    padding-top: 82px;
    padding-bottom: 32px;
}

.faq-lift-section-head {
    max-width: 780px;
    margin: 0 auto 34px;
    text-align: center;
}

.faq-lift-section-head h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: 0;
}

.faq-lift-section-head p {
    margin: 0;
    color: var(--lift-muted);
    font-size: 18px;
    line-height: 1.7;
}

.faq-lift-topic-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.faq-lift-topic {
    position: relative;
    display: grid;
    min-height: 168px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(56, 189, 248, .14);
    border-radius: 18px;
    background:
        radial-gradient(circle at 88% 12%, rgba(139, 77, 255, .16), transparent 30%),
        linear-gradient(180deg, rgba(17, 31, 69, .84), rgba(7, 13, 35, .92));
    box-shadow: 0 22px 58px rgba(0, 0, 0, .18);
    color: #fff;
}

.faq-lift-topic:hover {
    color: #fff;
    border-color: rgba(56, 189, 248, .32);
    transform: translateY(-2px);
}

.faq-lift-topic span {
    width: 38px;
    height: 38px;
    margin-bottom: 18px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 32% 28%, rgba(255, 255, 255, .34), transparent 28%),
        linear-gradient(135deg, #17b8ff, #744dff);
    box-shadow: 0 14px 34px rgba(23, 184, 255, .24);
}

.faq-lift-topic strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.25;
}

.faq-lift-topic small {
    color: #aebbd4;
    font-size: 14px;
    line-height: 1.55;
}

.faq-lift-main {
    padding-top: 64px;
}

.faq-lift-main .lift-faq-grid {
    align-items: start;
}

.faq-lift-accordion {
    display: grid;
    gap: 34px;
}

.faq-lift-group {
    scroll-margin-top: 120px;
}

.faq-lift-group h3 {
    margin: 0 0 16px;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
}

.faq-lift-group .lift-faq-item {
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(18, 31, 68, .72), rgba(8, 13, 34, .88));
}

.faq-lift-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 18px;
    margin-bottom: 96px;
    padding: 34px 38px;
    border: 1px solid rgba(56, 189, 248, .14);
    border-radius: 22px;
    background:
        radial-gradient(circle at 78% 28%, rgba(23, 184, 255, .24), transparent 34%),
        linear-gradient(135deg, rgba(13, 44, 82, .84), rgba(12, 17, 46, .94));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}

.faq-lift-cta h2 {
    max-width: 640px;
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.14;
    letter-spacing: 0;
}

.faq-lift-cta p:not(.lift-eyebrow) {
    max-width: 680px;
    margin: 0;
    color: #b7c3da;
    font-size: 17px;
    line-height: 1.65;
}

.faq-lift-cta .partner-enterprise-button {
    flex: 0 0 auto;
}

@media (max-width: 992px) {
    .faq-lift-topic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .faq-lift-cta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .faq-lift-topics {
        padding-top: 62px;
    }

    .faq-lift-topic-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .faq-lift-topic {
        min-height: 0;
    }

    .faq-lift-main {
        padding-top: 48px;
    }

    .faq-lift-cta {
        margin-bottom: 72px;
        padding: 28px 22px;
        border-radius: 18px;
    }
}

/* Mobile contact and navigation rebuild */
@media (max-width: 991px) {
    .header-section,
    .header-section.active,
    .header-section.inner-header.active,
    .header-section.header-white-dark.active {
        padding: 14px 0 !important;
    }

    .header-section .container {
        width: min(100% - 32px, 720px) !important;
    }

    .header-wrapper {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 14px !important;
        min-height: 0 !important;
    }

    .header-wrapper .logo {
        width: auto !important;
        min-width: 0 !important;
    }

    .header-wrapper .logo img {
        width: clamp(154px, 42vw, 206px) !important;
    }

    .header-wrapper .header-bar {
        grid-column: 2;
        grid-row: 1;
        width: 52px;
        height: 52px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 7px;
        margin: 0 !important;
        border: 1px solid rgba(56, 189, 248, .28);
        border-radius: 18px;
        background:
            linear-gradient(135deg, rgba(14, 165, 255, .12), rgba(139, 77, 255, .1)),
            rgba(9, 24, 49, .68);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .22), 0 0 0 1px rgba(255, 255, 255, .04) inset;
    }

    .header-wrapper .header-bar span {
        position: absolute !important;
        left: 50% !important;
        width: 24px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 999px;
        transform: translateX(-50%) !important;
        transform-origin: center !important;
    }

    .header-wrapper .header-bar span:first-child {
        top: 17px !important;
        bottom: auto !important;
    }

    .header-wrapper .header-bar span:nth-child(2) {
        top: 25px !important;
        bottom: auto !important;
        transform: translateX(-50%) !important;
    }

    .header-wrapper .header-bar span:last-child {
        top: 33px !important;
        bottom: auto !important;
    }

    .header-wrapper .header-bar.active span:first-child {
        top: 25px !important;
        transform: translateX(-50%) rotate(45deg) !important;
    }

    .header-wrapper .header-bar.active span:nth-child(2) {
        opacity: 0 !important;
        transform: translateX(-50%) scaleX(.25) !important;
    }

    .header-wrapper .header-bar.active span:last-child {
        top: 25px !important;
        transform: translateX(-50%) rotate(-45deg) !important;
    }

    .header-wrapper .header-right {
        display: none !important;
    }

    .header-section .header-wrapper .menu,
    .header-section.active .header-wrapper .menu {
        top: calc(100% + 14px) !important;
        left: 0 !important;
        right: 0 !important;
        overflow: hidden auto;
        width: 100% !important;
        max-height: calc(100vh - 112px) !important;
        padding: 14px !important;
        border: 1px solid rgba(56, 189, 248, .16) !important;
        border-radius: 24px;
        background:
            radial-gradient(circle at 18% 0%, rgba(23, 184, 255, .16), transparent 38%),
            linear-gradient(180deg, rgba(7, 17, 41, .985), rgba(5, 10, 28, .985)) !important;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .035) inset !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px) scale(.985) !important;
        transform-origin: top right !important;
    }

    .header-section .header-wrapper .menu.active,
    .header-section.active .header-wrapper .menu.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) scale(1) !important;
    }

    .header-section .header-wrapper .menu > li {
        margin: 0 0 8px !important;
    }

    .header-section .header-wrapper .menu > li > a {
        min-height: 52px;
        padding: 0 16px !important;
        border: 1px solid rgba(56, 189, 248, .11) !important;
        border-radius: 16px;
        background: rgba(14, 35, 70, .45);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .025) inset;
        font-size: 14px !important;
        font-weight: 850 !important;
    }

    .header-section .header-wrapper .menu > li > a:hover,
    .header-section .header-wrapper .menu > li > a.active {
        background: rgba(23, 184, 255, .11);
        color: #fff !important;
    }

    .header-section .header-wrapper .menu li .submenu {
        margin: 8px 0 0 !important;
        padding: 8px !important;
        border: 1px solid rgba(56, 189, 248, .1);
        border-radius: 18px;
        background: rgba(3, 9, 26, .52) !important;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a {
        min-height: 64px !important;
        padding: 12px !important;
        border-radius: 14px !important;
        border: 0 !important;
        background: transparent;
    }

    .header-section .header-wrapper .menu li .submenu.offer-mega-menu li a:hover {
        padding-left: 12px !important;
        background: rgba(56, 189, 248, .1) !important;
    }

    .mobile-menu-actions {
        margin: 14px 0 0 !important;
        padding: 14px 0 0 !important;
        border-top: 1px solid rgba(56, 189, 248, .14);
    }

    .mobile-menu-actions__language {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 10px;
        padding: 5px;
        border: 1px solid rgba(56, 189, 248, .12);
        border-radius: 18px;
        background: rgba(3, 9, 26, .42);
    }

    .header-section .header-wrapper .menu .mobile-menu-actions__language a,
    .header-section .header-wrapper .menu .mobile-menu-actions__demo {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-height: 46px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(56, 189, 248, .14) !important;
        color: #dbe8fb !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .header-section .header-wrapper .menu .mobile-menu-actions__language a {
        padding: 0 !important;
        background: transparent;
    }

    .header-section .header-wrapper .menu .mobile-menu-actions__language a.is-active {
        color: #fff !important;
        border-color: rgba(56, 189, 248, .4) !important;
        background: linear-gradient(135deg, rgba(14, 165, 255, .28), rgba(139, 77, 255, .2));
        box-shadow: 0 12px 26px rgba(2, 132, 199, .16);
    }

    .header-section .header-wrapper .menu .mobile-menu-actions__demo {
        width: 100%;
        padding: 0 16px !important;
        color: #fff !important;
        border-color: rgba(56, 189, 248, .34) !important;
        background: linear-gradient(135deg, #0ea5ff, #8b4dff) !important;
        box-shadow: 0 18px 38px rgba(14, 165, 255, .22) !important;
    }

    .contact-premium-hero.subpage-hero-standard {
        --subpage-hero-pad-top: 132px;
        --subpage-hero-pad-bottom: 58px;
        --subpage-hero-min: 0;
        --subpage-hero-gap: 22px;
        --subpage-hero-copy-min: 0;
    }

    .contact-premium-hero.subpage-hero-standard .subpage-hero-standard__grid,
    .contact-premium-hero.subpage-hero-standard .contact-premium-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
        align-items: start !important;
    }

    .contact-premium-hero.subpage-hero-standard .subpage-hero-standard__copy,
    .contact-premium-hero.subpage-hero-standard .contact-premium-copy {
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    .contact-premium-hero.subpage-hero-standard h1 {
        max-width: 720px !important;
        margin-bottom: 18px !important;
        font-size: clamp(44px, 11vw, 68px) !important;
        line-height: 1.02 !important;
    }

    .contact-premium-hero.subpage-hero-standard h1 span {
        max-width: 720px !important;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-lead {
        max-width: 640px !important;
        font-size: 18px !important;
        line-height: 1.58 !important;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-trustbar {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px !important;
        max-width: 100% !important;
        margin-top: 24px !important;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-trust {
        min-height: 82px !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .contact-premium-hero.subpage-hero-standard .partner-enterprise-actions {
        margin-top: 24px !important;
    }

    .contact-signal {
        justify-self: center !important;
        width: min(100%, 500px) !important;
        max-width: 100% !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 575px) {
    .header-section .container {
        width: min(100% - 28px, 520px) !important;
    }

    .header-wrapper {
        gap: 10px 12px !important;
    }

    .header-wrapper .logo img {
        width: clamp(150px, 48vw, 190px) !important;
    }

    .header-wrapper .header-bar {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .header-wrapper .header-bar span:first-child {
        top: 15px !important;
    }

    .header-wrapper .header-bar span:nth-child(2),
    .header-wrapper .header-bar.active span:first-child,
    .header-wrapper .header-bar.active span:last-child {
        top: 23px !important;
    }

    .header-wrapper .header-bar span:last-child {
        top: 31px !important;
    }

    .contact-premium-hero.subpage-hero-standard {
        --subpage-hero-pad-x: 18px;
        --subpage-hero-pad-top: 126px;
        --subpage-hero-pad-bottom: 46px;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-eyebrow {
        margin-bottom: 14px !important;
        font-size: 12px !important;
    }

    .contact-premium-hero.subpage-hero-standard h1 {
        font-size: clamp(40px, 12.2vw, 48px) !important;
        line-height: 1.04 !important;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-lead {
        max-width: 100% !important;
        font-size: 17px !important;
        line-height: 1.55 !important;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-trustbar {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px !important;
        margin-top: 22px !important;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-trust {
        min-height: 58px !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 12px 14px !important;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-trust-icon {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px;
    }

    .contact-premium-hero.subpage-hero-standard .contact-premium-trust strong {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    .contact-premium-hero.subpage-hero-standard .partner-enterprise-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px !important;
        width: 100%;
    }

    .contact-premium-hero.subpage-hero-standard .partner-enterprise-button {
        width: 100%;
        min-height: 48px !important;
        justify-content: center;
        padding: 0 14px !important;
        font-size: 14px !important;
    }

    .contact-signal {
        width: min(118%, 430px) !important;
        margin-top: -2px !important;
        transform: translateX(2%);
    }
}

@media (max-width: 390px) {
    .header-wrapper .logo img {
        width: 148px !important;
    }

    .contact-premium-hero.subpage-hero-standard h1 {
        font-size: clamp(38px, 12vw, 46px) !important;
    }

    .contact-premium-hero.subpage-hero-standard .partner-enterprise-actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Mobile polish: Pay Per View detail page and contact floating button */
@media (max-width: 767px) {
    .lift-legacy-page--pay-per-view {
        overflow-x: hidden !important;
    }

    .lift-legacy-page--pay-per-view .lift-container,
    .lift-legacy-page--pay-per-view .container {
        width: min(100% - 32px, 560px) !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .ppv-detail-page .lift-section {
        padding: 58px 0 !important;
    }

    .ppv-detail-hero {
        padding: 108px 0 48px !important;
    }

    .ppv-detail-hero-grid,
    .ppv-dashboard-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
    }

    .ppv-detail-copy h1,
    .ppv-dashboard-copy h2,
    .ppv-detail-page .lift-section-head h2 {
        font-size: clamp(34px, 10.5vw, 48px) !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
    }

    .ppv-detail-copy .lift-lead,
    .ppv-dashboard-copy p {
        max-width: 100% !important;
        font-size: 17px !important;
        line-height: 1.58 !important;
    }

    .ppv-detail-page .lift-actions,
    .ppv-detail-cta-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .ppv-detail-page .lift-btn {
        width: 100% !important;
        min-height: 50px !important;
        justify-content: center !important;
        padding: 0 18px !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    .ppv-sales-visual {
        width: min(100%, 430px) !important;
        min-height: 420px !important;
        margin: 4px auto 0 !important;
        overflow: visible !important;
    }

    .ppv-sales-player {
        inset: 22% 5% 18% !important;
        border-radius: 24px !important;
    }

    .ppv-sales-player__top,
    .ppv-sales-player__bottom {
        right: 14px !important;
        left: 14px !important;
        gap: 8px !important;
        font-size: 12px !important;
    }

    .ppv-sales-stage__play {
        width: 92px !important;
        height: 92px !important;
    }

    .ppv-sales-stage__play::before {
        top: 28px !important;
        left: 38px !important;
        border-top-width: 18px !important;
        border-bottom-width: 18px !important;
        border-left-width: 28px !important;
    }

    .ppv-sales-card {
        width: min(138px, 42vw) !important;
        min-height: 90px !important;
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .ppv-sales-card strong {
        font-size: 13px !important;
    }

    .ppv-sales-card p {
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .ppv-sales-icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 12px !important;
    }

    .ppv-sales-card--payments { top: 1% !important; left: 0 !important; }
    .ppv-sales-card--token { top: 4% !important; right: 0 !important; }
    .ppv-sales-card--stats { top: auto !important; right: 0 !important; bottom: 4% !important; }
    .ppv-sales-card--vod { right: 24% !important; bottom: 0 !important; }
    .ppv-sales-card--security { top: auto !important; bottom: 12% !important; left: 0 !important; }

    .ppv-security-grid,
    .ppv-why-grid,
    .ppv-models-grid,
    .ppv-timeline-grid,
    .ppv-dashboard-metrics,
    .ppv-dashboard-panels {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        overflow: visible !important;
        padding-bottom: 0 !important;
        scroll-snap-type: none !important;
    }

    .ppv-security-card,
    .ppv-why-card,
    .ppv-model-card,
    .ppv-timeline-step {
        min-height: auto !important;
        padding: 24px !important;
        scroll-snap-align: none !important;
    }

    .ppv-dashboard-shell {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .ppv-dashboard-chart {
        height: 180px !important;
        padding: 18px !important;
    }

    .ppv-detail-cta-box {
        gap: 22px !important;
        padding: 26px 22px !important;
        border-radius: 24px !important;
    }

    body:has(.contact-premium-page) .scrollToTop {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .lift-legacy-page--pay-per-view .lift-container,
    .lift-legacy-page--pay-per-view .container {
        width: min(100% - 24px, 520px) !important;
    }

    .ppv-detail-hero {
        padding-top: 96px !important;
    }

    .ppv-detail-copy h1,
    .ppv-dashboard-copy h2,
    .ppv-detail-page .lift-section-head h2 {
        font-size: clamp(31px, 10.8vw, 40px) !important;
    }

    .ppv-sales-visual {
        min-height: 380px !important;
    }

    .ppv-sales-card {
        width: min(126px, 43vw) !important;
        min-height: 82px !important;
    }
}