.short-video-page {
    background: var(--site-bg-deep);
    color: #eaf4ff;
}

/* Matrix coverage model redesign */
.sv-matrix-system .sv-system-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.sv-matrix-system .sv-system-card,
.sv-matrix-system .sv-system-card + .sv-system-card {
    position: relative;
    min-height: 430px;
    padding: 20px 22px 18px;
    border: 1px solid rgba(75, 144, 236, .48);
    border-radius: 12px;
    background:
        radial-gradient(circle at 50% 22%, rgba(34, 104, 255, .22), transparent 36%),
        linear-gradient(180deg, rgba(12, 39, 91, .86), rgba(7, 28, 72, .94));
    box-shadow:
        0 18px 42px rgba(0, 12, 45, .28),
        inset 0 1px 0 rgba(154, 207, 255, .12);
    overflow: hidden;
}

.sv-matrix-system .sv-system-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(33, 116, 255, .1) 1px, transparent 1px) 0 0 / 42px 42px,
        linear-gradient(180deg, rgba(33, 116, 255, .08) 1px, transparent 1px) 0 0 / 42px 42px,
        radial-gradient(circle at 18% 18%, rgba(63, 148, 255, .22), transparent 2px),
        radial-gradient(circle at 82% 22%, rgba(63, 148, 255, .16), transparent 2px);
    opacity: .72;
    pointer-events: none;
}

.sv-matrix-system .sv-system-card::after {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(66, 137, 255, .18);
    border-radius: 9px;
    pointer-events: none;
}

.sv-matrix-system .sv-system-head {
    position: relative;
    z-index: 3;
    text-align: center;
}

.sv-matrix-system .sv-system-head h2 {
    color: rgba(248, 252, 255, .96);
    font-size: clamp(24px, 2vw, 30px);
    line-height: 1.12;
    text-shadow: 0 0 14px rgba(79, 149, 255, .34);
}

.sv-matrix-system .sv-system-head p {
    margin-top: 8px;
    color: rgba(205, 225, 252, .72);
    font-size: 14px;
    line-height: 1.5;
}

.sv-coverage-model {
    position: relative;
    z-index: 2;
    min-height: 330px;
    margin-top: 10px;
}

.sv-matrix-art {
    position: absolute;
    left: 50%;
    top: 20px;
    z-index: 1;
    width: min(420px, 64%);
    height: 278px;
    margin: 0;
    transform: translateX(-50%);
    filter: drop-shadow(0 20px 32px rgba(0, 12, 48, .38));
}

.sv-matrix-art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 54%;
    border: 0;
}

.sv-matrix-tags {
    position: absolute;
    top: 42px;
    z-index: 3;
    display: grid;
    gap: 15px;
    width: 146px;
}

.sv-matrix-tags-left {
    left: 0;
}

.sv-matrix-tags-right {
    right: 0;
}

.sv-matrix-tags span {
    position: relative;
    display: grid;
    gap: 3px;
    min-height: 58px;
    padding: 9px 12px;
    border: 1px solid rgba(85, 150, 250, .42);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(45, 72, 180, .62), rgba(15, 56, 118, .72));
    box-shadow: inset 0 1px 0 rgba(180, 220, 255, .1), 0 10px 20px rgba(0, 18, 56, .18);
}

.sv-matrix-tags span::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 11px;
    height: 11px;
    border: 2px solid #57a8ff;
    border-radius: 50%;
    background: #006dff;
    box-shadow: 0 0 14px rgba(43, 135, 255, .9);
    transform: translateY(-50%);
}

.sv-matrix-tags span::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, rgba(45, 138, 255, .86), rgba(45, 138, 255, .18));
    transform: translateY(-50%);
}

.sv-matrix-tags-left span::before {
    right: -24px;
}

.sv-matrix-tags-left span::after {
    right: -36px;
}

.sv-matrix-tags-right span::before {
    left: -24px;
}

.sv-matrix-tags-right span::after {
    left: -36px;
    transform: translateY(-50%) rotate(180deg);
}

.sv-matrix-tags b {
    color: rgba(248, 252, 255, .96);
    font-size: 15px;
    line-height: 1.25;
    font-weight: 900;
}

.sv-matrix-tags em {
    color: rgba(207, 226, 252, .72);
    font-size: 12px;
    line-height: 1.25;
    font-style: normal;
    white-space: nowrap;
}

.sv-coverage .sv-platform-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    min-height: 48px;
    padding: 8px 16px;
    border: 1px solid rgba(92, 151, 240, .42);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(31, 62, 131, .78), rgba(18, 44, 96, .82));
    box-shadow: inset 0 1px 0 rgba(190, 224, 255, .12);
}

.sv-coverage .sv-platform-bar span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(224, 239, 255, .88);
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.sv-coverage .sv-platform-bar span::before,
.sv-growth-list b::before {
    content: "";
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    border-radius: 8px;
    background:
        var(--sv-bar-icon) center / 15px 15px no-repeat,
        linear-gradient(135deg, #5f64ff 0%, #147fff 100%);
    box-shadow: 0 8px 16px rgba(23, 102, 255, .24);
}

.sv-coverage .sv-platform-bar span:nth-child(1) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='8' r='2.5'/%3E%3Ccircle cx='17' cy='8' r='2.5'/%3E%3Cpath d='M5 18c.7-2.4 2-3.6 4-3.6M15 14.4c2 0 3.3 1.2 4 3.6M10 18h4'/%3E%3C/svg%3E");
}

.sv-coverage .sv-platform-bar span:nth-child(2) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10v10H7z'/%3E%3Cpath d='M4 12h3M17 12h3M12 4v3M12 17v3M8.5 8.5 5.8 5.8M15.5 8.5l2.7-2.7M8.5 15.5l-2.7 2.7M15.5 15.5l2.7 2.7'/%3E%3C/svg%3E");
}

.sv-coverage .sv-platform-bar span:nth-child(3) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3Cpath d='M5 6h5M5 18h5'/%3E%3C/svg%3E");
}

.sv-coverage .sv-platform-bar span:nth-child(4) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19V9M12 19V5M19 19v-7'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E");
}

.sv-growth .sv-growth-grid {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    gap: 14px;
    margin-top: 18px;
}

.sv-growth .sv-dashboard {
    min-height: 255px;
    padding: 16px;
    border: 1px solid rgba(117, 168, 245, .34);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(239, 247, 255, .94), rgba(214, 230, 255, .9));
    box-shadow: 0 16px 28px rgba(0, 20, 66, .18);
}

.sv-growth .sv-dashboard-top {
    color: #27456d;
}

.sv-growth .sv-dashboard-top strong {
    color: #236cff;
}

.sv-growth .sv-chart-bars {
    height: 128px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(59, 116, 255, .08), transparent),
        rgba(255, 255, 255, .7);
}

.sv-growth .sv-dashboard-bottom {
    gap: 8px;
}

.sv-growth .sv-dashboard-bottom span {
    min-height: 48px;
    border: 1px solid rgba(91, 119, 210, .22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(47, 67, 167, .86), rgba(18, 41, 105, .92));
}

.sv-growth .sv-growth-list {
    gap: 8px;
    margin: 0;
}

.sv-growth .sv-growth-list li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    min-height: 48px;
    padding: 7px 10px;
    border: 1px solid rgba(82, 145, 236, .38);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(30, 103, 216, .78), rgba(21, 70, 151, .82));
    box-shadow: inset 0 1px 0 rgba(200, 228, 255, .1);
}

.sv-growth .sv-growth-list b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #12a8ff, #0a6eff);
}

.sv-growth .sv-growth-list b::before {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M5 12h14'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    border-radius: 0;
    background: var(--sv-bar-icon) center / 18px 18px no-repeat;
    box-shadow: none;
}

.sv-growth .sv-growth-list li:nth-child(2) b::before {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='5'/%3E%3Cpath d='m16 16 3 3M11 8v6M8 11h6'/%3E%3C/svg%3E");
}

.sv-growth .sv-growth-list li:nth-child(3) b::before {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 5 14h6l-1 7 8-11h-6l1-7Z'/%3E%3C/svg%3E");
}

.sv-growth .sv-growth-list li:nth-child(4) b::before {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E");
}

.sv-growth .sv-growth-list li:nth-child(5) b::before {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16v10H4z'/%3E%3Cpath d='m4 8 8 6 8-6'/%3E%3C/svg%3E");
}

.sv-growth .sv-growth-list li:nth-child(6) b::before {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19V9M12 19V5M19 19v-7'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E");
}

.sv-growth .sv-growth-list span {
    color: rgba(248, 252, 255, .96);
    font-size: 14px;
    line-height: 1.22;
    font-weight: 850;
}

.sv-growth .sv-growth-list em {
    margin-top: 3px;
    color: rgba(211, 230, 255, .7);
    font-size: 11px;
    line-height: 1.25;
}

@media (max-width: 1180px) {
    .sv-matrix-system .sv-system-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .sv-matrix-system .sv-system-card,
    .sv-matrix-system .sv-system-card + .sv-system-card {
        min-height: auto;
        padding: 20px 16px;
    }

    .sv-coverage-model {
        display: flex;
        flex-direction: column;
        gap: 14px;
        min-height: auto;
    }

    .sv-matrix-art,
    .sv-matrix-system .sv-coverage .sv-matrix-art,
    .sv-matrix-tags,
    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-coverage .sv-platform-bar {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        transform: none;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-art,
    .sv-matrix-art {
        height: 300px;
        order: 1;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-matrix-tags {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .sv-matrix-tags-left {
        order: 2;
    }

    .sv-matrix-tags-right {
        order: 3;
    }

    .sv-matrix-tags span::before,
    .sv-matrix-tags span::after,
    .sv-matrix-system .sv-coverage .sv-matrix-tags span::before,
    .sv-matrix-system .sv-coverage .sv-matrix-tags span::after {
        display: none;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags span,
    .sv-matrix-tags span {
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 54px;
        text-align: center;
    }

    .sv-matrix-tags em {
        white-space: normal;
    }

    .sv-coverage .sv-platform-bar {
        order: 4;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sv-coverage .sv-platform-bar span:last-child {
        grid-column: auto;
    }

    .sv-growth .sv-growth-grid {
        grid-template-columns: 1fr;
    }

    .sv-growth .sv-growth-panel img {
        height: auto;
        object-fit: contain;
    }

    .sv-growth .sv-growth-dashboard {
        height: auto;
    }

    .sv-growth .sv-growth-dashboard img {
        height: auto;
        object-fit: contain;
    }
}

@media (max-width: 480px) {
    .sv-matrix-system .sv-coverage .sv-matrix-art,
    .sv-matrix-art {
        height: 238px;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-matrix-tags {
        grid-template-columns: 1fr;
    }

    .sv-coverage .sv-platform-bar {
        grid-template-columns: 1fr;
    }
}

/* Final FAQ/CTA reference override */
.sv-faq-cta {
    padding: 22px 0 0;
    background:
        radial-gradient(circle at 72% 22%, rgba(18, 116, 255, .15), transparent 28%),
        linear-gradient(180deg, #061225 0%, #031024 100%);
}

.sv-faq-cta .sv-container {
    width: min(1600px, calc(100% - 76px));
}

.sv-faq-cta .sv-faq-panel {
    display: block;
    min-height: 0;
    padding: 0 14px 12px;
    overflow: hidden;
    border: 1px solid rgba(74, 143, 220, .28);
    border-radius: 7px;
    background:
        radial-gradient(circle at 76% 72%, rgba(15, 111, 255, .24), transparent 28%),
        linear-gradient(90deg, rgba(5, 24, 54, .98), rgba(6, 32, 72, .96) 54%, rgba(5, 20, 48, .98)),
        #06152d;
    box-shadow: 0 20px 48px rgba(0, 10, 34, .24), inset 0 1px 0 rgba(153, 205, 255, .08);
}

.sv-faq-cta .sv-faq-panel::before {
    background:
        linear-gradient(90deg, rgba(79, 154, 255, .052) 1px, transparent 1px) 0 0 / 44px 44px,
        linear-gradient(180deg, rgba(79, 154, 255, .04) 1px, transparent 1px) 0 0 / 44px 44px;
    opacity: .82;
}

.sv-faq-cta .sv-faq-panel::after {
    display: none;
}

.sv-faq-cta .sv-faq-panel > h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 8px 0 7px;
    color: rgba(247, 252, 255, .96);
    font-size: 24px;
    line-height: 1.14;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 0 14px rgba(80, 151, 255, .32);
}

.sv-faq-cta .sv-faq-board {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(330px, .98fr) minmax(330px, .98fr) minmax(280px, .84fr);
    gap: 28px;
    align-items: center;
    padding: 0 46px;
}

.sv-faq-cta .sv-faq-list {
    align-self: center;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sv-faq-cta .sv-faq-list h2 {
    display: none;
}

.sv-faq-cta .sv-faq-item {
    min-height: 31px;
    margin: 0;
    border: 1px solid rgba(89, 143, 212, .34);
    border-radius: 0;
    color: rgba(227, 239, 255, .88);
    background: rgba(6, 23, 55, .74);
    box-shadow: none;
}

.sv-faq-cta .sv-faq-item + .sv-faq-item {
    border-top: 0;
}

.sv-faq-cta .sv-faq-item:first-child {
    border-radius: 2px 2px 0 0;
}

.sv-faq-cta .sv-faq-item:last-child {
    border-radius: 0 0 2px 2px;
}

.sv-faq-cta .sv-faq-item.is-open,
.sv-faq-cta .sv-faq-item:hover {
    border-color: rgba(87, 158, 255, .62);
    background: rgba(8, 30, 70, .84);
}

.sv-faq-cta .sv-faq-item span {
    padding: 7px 36px 7px 14px;
    color: rgba(227, 239, 255, .88);
    font-size: 13px;
    line-height: 1.18;
    font-weight: 800;
}

.sv-faq-cta .sv-faq-item p,
.sv-faq-cta .sv-faq-item.is-open p {
    display: none;
}

.sv-faq-cta .sv-faq-item em {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    margin: 0;
    border-right: 1.6px solid rgba(211, 231, 255, .78);
    border-bottom: 1.6px solid rgba(211, 231, 255, .78);
    transform: translateY(-64%) rotate(45deg);
}

.sv-faq-cta .sv-faq-item em::before,
.sv-faq-cta .sv-faq-item em::after {
    display: none;
}

.sv-faq-cta .sv-faq-item.is-open em {
    border-color: #6db3ff;
    transform: translateY(-35%) rotate(225deg);
}

.sv-faq-cta .sv-faq-answer {
    align-self: center;
    min-height: 116px;
    padding: 17px 22px;
    border: 1px solid rgba(88, 148, 220, .4);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(8, 31, 70, .84), rgba(6, 25, 60, .78)), rgba(5, 20, 48, .7);
    box-shadow: inset 0 1px 0 rgba(171, 214, 255, .08);
}

.sv-faq-cta .sv-faq-answer p {
    margin: 0;
    color: rgba(215, 231, 252, .78);
    font-size: 13px;
    line-height: 1.78;
}

.sv-faq-cta .sv-bottom-visual {
    display: block;
    align-self: center;
    min-height: 128px;
    height: 128px;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.sv-faq-cta .sv-bottom-visual::before {
    bottom: 1px;
    width: 230px;
    height: 58px;
    background: radial-gradient(ellipse at center, rgba(10, 111, 255, .58), rgba(10, 111, 255, .1) 56%, transparent 72%);
}

.sv-faq-cta .sv-visual-orbit {
    bottom: 4px;
    width: 214px;
    height: 50px;
}

.sv-faq-cta .sv-bottom-phone {
    left: 50%;
    bottom: 24px;
    width: 58px;
    height: 118px;
    border-radius: 14px;
}

.sv-faq-cta .sv-bottom-phone::before {
    top: 5px;
    bottom: auto;
    width: 20px;
    height: 4px;
}

.sv-faq-cta .sv-bottom-phone::after {
    top: 49px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 14px;
}

.sv-faq-cta .sv-bottom-phone b {
    top: 22px;
    left: 8px;
    right: 8px;
    height: 55px;
}

.sv-faq-cta .sv-bottom-phone i {
    top: 86px;
    left: 8px;
    right: 8px;
    height: 8px;
}

.sv-faq-cta .sv-bottom-phone em {
    top: 101px;
    left: 8px;
    right: 8px;
    height: 10px;
}

.sv-faq-cta .sv-visual-phone {
    right: 20%;
    bottom: 21px;
    width: 46px;
    height: 94px;
}

.sv-faq-cta .sv-visual-bubble {
    width: 35px;
    height: 32px;
    border-radius: 6px;
}

.sv-faq-cta .sv-bubble-chat {
    left: 16px;
    top: 24px;
    width: 34px;
    height: 32px;
}

.sv-faq-cta .sv-bubble-play {
    left: 65%;
    top: 12px;
    width: 70px;
    height: 38px;
}

.sv-faq-cta .sv-bubble-ai {
    right: 16px;
    bottom: 15px;
    width: 41px;
    height: 39px;
    font-size: 18px;
}

.sv-faq-cta .sv-bubble-note {
    right: 2px;
    top: 52px;
    width: 34px;
    height: 32px;
}

.sv-faq-cta .sv-final-cta {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    min-height: 96px;
    margin: 0;
    padding: 20px 40px 22px;
    border: 0;
    border-top: 1px solid rgba(54, 101, 166, .38);
    border-radius: 0;
    background: rgba(2, 12, 34, .2);
    box-shadow: none;
    color: #fff;
}

.sv-faq-cta .sv-final-cta > div:first-child {
    display: block;
}

.sv-faq-cta .sv-final-cta > div:last-child {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 24px;
    margin: 0;
}

.sv-faq-cta .sv-final-cta h2 {
    max-width: none;
    color: rgba(248, 252, 255, .98);
    font-size: clamp(22px, 2.02vw, 30px);
    line-height: 1.25;
    font-weight: 900;
    text-align: left;
}

.sv-faq-cta .sv-final-cta p {
    max-width: none;
    margin: 8px 0 0;
    color: rgba(203, 224, 250, .78);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

.sv-faq-cta .sv-final-cta .sv-btn {
    min-width: 144px;
    height: 52px;
    padding: 0 23px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 900;
}

.sv-faq-cta .sv-final-cta .sv-btn-primary {
    background: #087bff;
    box-shadow: 0 16px 34px rgba(8, 123, 255, .26);
}

.sv-faq-cta .sv-final-cta .sv-btn-ghost {
    border-color: rgba(142, 172, 210, .64);
    background: rgba(6, 20, 45, .36);
}

@media (max-width: 1120px) {
    .sv-faq-cta .sv-faq-board {
        grid-template-columns: minmax(270px, 1fr) minmax(270px, 1fr);
        gap: 18px;
        padding: 0;
    }

    .sv-faq-cta .sv-bottom-visual {
        grid-column: 1 / -1;
        width: min(360px, 100%);
        margin: 0 auto;
    }

    .sv-faq-cta .sv-final-cta {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta {
        padding-top: 14px;
    }

    .sv-faq-cta .sv-container {
        width: min(720px, calc(100% - 32px));
    }

    .sv-faq-cta .sv-faq-panel {
        padding: 0 12px 14px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        padding: 18px 0 16px;
        text-align: left;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .sv-faq-cta .sv-faq-item {
        min-height: 42px;
        border-radius: 6px;
    }

    .sv-faq-cta .sv-faq-item + .sv-faq-item {
        margin-top: 8px;
        border-top: 1px solid rgba(89, 143, 212, .34);
    }

    .sv-faq-cta .sv-faq-item span {
        padding: 12px 38px 12px 16px;
        font-size: 14px;
        line-height: 1.25;
    }

    .sv-faq-cta .sv-faq-answer {
        min-height: auto;
        padding: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        height: 190px;
    }

    .sv-faq-cta .sv-bottom-phone {
        width: 76px;
        height: 154px;
    }

    .sv-faq-cta .sv-final-cta {
        padding: 24px 16px 20px;
    }

    .sv-faq-cta .sv-final-cta h2 {
        font-size: 24px;
        line-height: 1.38;
    }

    .sv-faq-cta .sv-final-cta p {
        line-height: 1.65;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        flex-direction: column;
        gap: 12px;
    }

    .sv-faq-cta .sv-final-cta .sv-btn {
        width: 100%;
    }
}

/* FAQ + CTA layout: top compact Q&A panel, bottom action strip */
.sv-faq-cta {
    padding: 22px 0 0;
    background:
        radial-gradient(circle at 72% 22%, rgba(18, 116, 255, .15), transparent 28%),
        linear-gradient(180deg, #061225 0%, #031024 100%);
}

.sv-faq-cta .sv-container {
    width: min(1600px, calc(100% - 76px));
}

.sv-faq-cta .sv-faq-panel {
    display: block;
    min-height: 0;
    padding: 0 14px 12px;
    overflow: hidden;
    border: 1px solid rgba(74, 143, 220, .28);
    border-radius: 7px;
    background:
        radial-gradient(circle at 76% 72%, rgba(15, 111, 255, .24), transparent 28%),
        linear-gradient(90deg, rgba(5, 24, 54, .98), rgba(6, 32, 72, .96) 54%, rgba(5, 20, 48, .98)),
        #06152d;
    box-shadow:
        0 20px 48px rgba(0, 10, 34, .24),
        inset 0 1px 0 rgba(153, 205, 255, .08);
    transform: none;
}

.sv-faq-cta .sv-faq-panel::before {
    background:
        linear-gradient(90deg, rgba(79, 154, 255, .052) 1px, transparent 1px) 0 0 / 44px 44px,
        linear-gradient(180deg, rgba(79, 154, 255, .04) 1px, transparent 1px) 0 0 / 44px 44px;
    opacity: .82;
}

.sv-faq-cta .sv-faq-panel::after {
    display: none;
}

.sv-faq-cta .sv-faq-panel > h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 8px 0 7px;
    color: rgba(247, 252, 255, .96);
    font-size: 24px;
    line-height: 1.14;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 0 14px rgba(80, 151, 255, .32);
}

.sv-faq-cta .sv-faq-board {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(330px, .98fr) minmax(330px, .98fr) minmax(280px, .84fr);
    gap: 28px;
    align-items: center;
}

.sv-faq-cta .sv-faq-list {
    align-self: center;
    padding: 0;
}

.sv-faq-cta .sv-faq-list h2 {
    display: none;
}

.sv-faq-cta .sv-faq-item {
    min-height: 31px;
    margin: 0;
    border-color: rgba(89, 143, 212, .34);
    border-radius: 0;
    background: rgba(6, 23, 55, .74);
    box-shadow: none;
}

.sv-faq-cta .sv-faq-item + .sv-faq-item {
    border-top: 0;
}

.sv-faq-cta .sv-faq-item:first-child {
    border-radius: 2px 2px 0 0;
}

.sv-faq-cta .sv-faq-item:last-child {
    border-radius: 0 0 2px 2px;
}

.sv-faq-cta .sv-faq-item.is-open,
.sv-faq-cta .sv-faq-item:hover {
    background: rgba(8, 30, 70, .84);
}

.sv-faq-cta .sv-faq-item span {
    padding: 7px 36px 7px 14px;
    color: rgba(227, 239, 255, .88);
    font-size: 13px;
    line-height: 1.18;
    font-weight: 800;
}

.sv-faq-cta .sv-faq-item em {
    right: 16px;
    width: 8px;
    height: 8px;
    border-width: 1.6px;
}

.sv-faq-cta .sv-faq-answer {
    align-self: center;
    min-height: 116px;
    padding: 17px 22px;
    border-color: rgba(88, 148, 220, .4);
    border-radius: 6px;
    background:
        linear-gradient(180deg, rgba(8, 31, 70, .84), rgba(6, 25, 60, .78)),
        rgba(5, 20, 48, .7);
    box-shadow: inset 0 1px 0 rgba(171, 214, 255, .08);
}

.sv-faq-cta .sv-faq-answer p {
    color: rgba(215, 231, 252, .78);
    font-size: 13px;
    line-height: 1.78;
}

.sv-faq-cta .sv-bottom-visual {
    align-self: center;
    min-height: 128px;
    height: 128px;
}

.sv-faq-cta .sv-bottom-visual::before {
    bottom: 1px;
    width: 230px;
    height: 58px;
}

.sv-faq-cta .sv-visual-orbit {
    bottom: 4px;
    width: 214px;
    height: 50px;
}

.sv-faq-cta .sv-bottom-phone {
    bottom: 24px;
    width: 58px;
    height: 118px;
    border-radius: 14px;
}

.sv-faq-cta .sv-bottom-phone::before {
    width: 20px;
    height: 4px;
}

.sv-faq-cta .sv-bottom-phone::after {
    top: 49px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 14px;
}

.sv-faq-cta .sv-bottom-phone b {
    top: 22px;
    left: 8px;
    right: 8px;
    height: 55px;
}

.sv-faq-cta .sv-bottom-phone i {
    top: 86px;
    left: 8px;
    right: 8px;
    height: 8px;
}

.sv-faq-cta .sv-bottom-phone em {
    top: 101px;
    left: 8px;
    right: 8px;
    height: 10px;
}

.sv-faq-cta .sv-visual-phone {
    right: 20%;
    bottom: 21px;
    width: 46px;
    height: 94px;
    border-radius: 11px;
}

.sv-faq-cta .sv-visual-phone b {
    top: 19px;
    height: 40px;
}

.sv-faq-cta .sv-visual-phone i {
    top: 68px;
    height: 6px;
}

.sv-faq-cta .sv-visual-phone em {
    top: 82px;
    height: 6px;
}

.sv-faq-cta .sv-visual-bubble {
    width: 35px;
    height: 32px;
    border-radius: 6px;
}

.sv-faq-cta .sv-bubble-chat {
    left: 16px;
    top: 24px;
    width: 34px;
    height: 32px;
}

.sv-faq-cta .sv-bubble-chat::before {
    width: 16px;
    height: 12px;
    border-width: 1.8px;
}

.sv-faq-cta .sv-bubble-chat::after {
    left: 15px;
    bottom: 7px;
    width: 6px;
    height: 6px;
    border-width: 1.8px;
}

.sv-faq-cta .sv-bubble-play {
    left: 65%;
    top: 12px;
    width: 70px;
    height: 38px;
}

.sv-faq-cta .sv-bubble-play::before {
    margin-right: 10px;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 12px;
}

.sv-faq-cta .sv-bubble-play::after {
    width: 21px;
    height: 2px;
    box-shadow: 0 8px 0 rgba(255, 255, 255, .72);
}

.sv-faq-cta .sv-bubble-ai {
    right: 16px;
    bottom: 15px;
    width: 41px;
    height: 39px;
    font-size: 18px;
}

.sv-faq-cta .sv-bubble-note {
    right: 2px;
    top: 52px;
    width: 34px;
    height: 32px;
}

.sv-faq-cta .sv-bubble-note::before {
    width: 13px;
    height: 15px;
    border-width: 1.8px;
}

.sv-faq-cta .sv-bubble-note::after {
    width: 10px;
    height: 2px;
    box-shadow: 0 5px 0 rgba(239, 248, 255, .66);
}

.sv-faq-cta .sv-final-cta {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    min-height: 96px;
    margin: 0;
    padding: 20px 40px 22px;
    border: 0;
    border-top: 1px solid rgba(54, 101, 166, .38);
    border-radius: 0;
    background: rgba(2, 12, 34, .2);
    box-shadow: none;
}

.sv-faq-cta .sv-final-cta > div {
    min-width: 0;
}

.sv-faq-cta .sv-final-cta > div:first-child {
    display: block;
}

.sv-faq-cta .sv-final-cta > div:last-child {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 24px;
    margin: 0;
}

.sv-faq-cta .sv-final-cta h2 {
    max-width: none;
    color: rgba(248, 252, 255, .98);
    font-size: clamp(22px, 2.02vw, 30px);
    line-height: 1.25;
    font-weight: 900;
    text-align: left;
    text-shadow: 0 0 16px rgba(84, 157, 255, .28);
}

.sv-faq-cta .sv-final-cta p {
    max-width: none;
    margin: 8px 0 0;
    color: rgba(203, 224, 250, .78);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

.sv-faq-cta .sv-final-cta .sv-btn {
    min-width: 144px;
    height: 52px;
    padding: 0 23px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 900;
}

.sv-faq-cta .sv-final-cta .sv-btn-primary {
    background: #087bff;
    box-shadow: 0 16px 34px rgba(8, 123, 255, .26);
}

.sv-faq-cta .sv-final-cta .sv-btn-ghost {
    border-color: rgba(142, 172, 210, .64);
    background: rgba(6, 20, 45, .36);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

@media (max-width: 1120px) {
    .sv-faq-cta .sv-faq-board {
        grid-template-columns: minmax(270px, 1fr) minmax(270px, 1fr);
        gap: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        grid-column: 1 / -1;
        width: min(360px, 100%);
        margin: 0 auto;
    }

    .sv-faq-cta .sv-final-cta {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta {
        padding-top: 14px;
    }

    .sv-faq-cta .sv-container {
        width: min(720px, calc(100% - 32px));
    }

    .sv-faq-cta .sv-faq-panel {
        padding: 0 12px 14px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        padding: 18px 0 16px;
        font-size: 24px;
        text-align: left;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .sv-faq-cta .sv-faq-item {
        min-height: 42px;
        border-radius: 6px;
    }

    .sv-faq-cta .sv-faq-item + .sv-faq-item {
        margin-top: 8px;
        border-top: 1px solid rgba(89, 143, 212, .34);
    }

    .sv-faq-cta .sv-faq-item span {
        padding: 12px 38px 12px 16px;
        font-size: 14px;
        line-height: 1.25;
    }

    .sv-faq-cta .sv-faq-answer {
        min-height: auto;
        padding: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        height: 190px;
    }

    .sv-faq-cta .sv-bottom-phone {
        width: 76px;
        height: 154px;
    }

    .sv-faq-cta .sv-final-cta {
        padding: 24px 0 20px;
    }

    .sv-faq-cta .sv-final-cta h2 {
        font-size: 24px;
        line-height: 1.38;
    }

    .sv-faq-cta .sv-final-cta p {
        line-height: 1.65;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        flex-direction: column;
        gap: 12px;
    }

    .sv-faq-cta .sv-final-cta .sv-btn {
        width: 100%;
    }
}

/* FAQ/CTA strip matched to the provided dark reference */
.sv-faq-cta {
    padding: 58px 0 72px;
    background:
        radial-gradient(circle at 48% 22%, rgba(19, 113, 255, .12), transparent 34%),
        linear-gradient(180deg, #061225 0%, #041025 100%);
}

.sv-faq-cta .sv-container {
    width: min(1600px, calc(100% - 76px));
}

.sv-faq-cta .sv-faq-panel {
    position: relative;
    display: grid;
    grid-template-columns: minmax(285px, .96fr) minmax(245px, .82fr) minmax(250px, .82fr) minmax(350px, 1.15fr);
    gap: 22px;
    align-items: center;
    min-height: 280px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(80, 148, 225, .32);
    border-radius: 8px;
    background:
        radial-gradient(circle at 56% 72%, rgba(16, 111, 255, .2), transparent 28%),
        linear-gradient(90deg, rgba(5, 24, 54, .98), rgba(6, 32, 72, .96) 52%, rgba(5, 20, 48, .98)),
        #06152d;
    box-shadow:
        0 22px 56px rgba(0, 10, 34, .26),
        inset 0 1px 0 rgba(153, 205, 255, .08);
    text-align: left;
}

.sv-faq-cta .sv-faq-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(79, 154, 255, .055) 1px, transparent 1px) 0 0 / 44px 44px,
        linear-gradient(180deg, rgba(79, 154, 255, .04) 1px, transparent 1px) 0 0 / 44px 44px,
        radial-gradient(circle at 58% 82%, rgba(14, 124, 255, .28), transparent 18%);
    opacity: .8;
    pointer-events: none;
}

.sv-faq-cta .sv-faq-panel::after {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(106, 166, 255, .1);
    border-radius: 6px;
    pointer-events: none;
}

.sv-faq-cta .sv-faq-list,
.sv-faq-cta .sv-final-cta,
.sv-faq-cta .sv-faq-answer,
.sv-faq-cta .sv-bottom-visual {
    position: relative;
    z-index: 2;
    align-self: center;
}

.sv-faq-cta .sv-faq-list,
.sv-faq-cta .sv-final-cta,
.sv-faq-cta .sv-bottom-visual {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sv-faq-cta .sv-faq-list {
    min-width: 0;
    padding: 8px 0 4px;
}

.sv-faq-cta .sv-faq-list h2 {
    margin: 0 0 16px;
    color: rgba(246, 251, 255, .96);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    text-shadow: 0 0 14px rgba(77, 151, 255, .28);
}

.sv-faq-cta .sv-faq-item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 42px;
    margin: 0 0 8px;
    overflow: hidden;
    border: 1px solid rgba(99, 154, 224, .34);
    border-radius: 6px;
    color: rgba(229, 241, 255, .9);
    background: rgba(8, 28, 62, .78);
    box-shadow:
        inset 0 1px 0 rgba(173, 214, 255, .08),
        0 8px 22px rgba(0, 12, 36, .12);
}

.sv-faq-cta .sv-faq-item.is-open,
.sv-faq-cta .sv-faq-item:hover {
    border-color: rgba(87, 158, 255, .62);
    background: linear-gradient(180deg, rgba(10, 42, 91, .92), rgba(7, 30, 70, .86));
}

.sv-faq-cta .sv-faq-item span {
    display: block;
    padding: 12px 42px 12px 16px;
    color: rgba(235, 245, 255, .92);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;
}

.sv-faq-cta .sv-faq-item em {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 9px;
    height: 9px;
    margin: 0;
    border-right: 2px solid rgba(211, 231, 255, .78);
    border-bottom: 2px solid rgba(211, 231, 255, .78);
    transform: translateY(-64%) rotate(45deg);
    transition: transform .2s ease, border-color .2s ease;
}

.sv-faq-cta .sv-faq-item em::before,
.sv-faq-cta .sv-faq-item em::after {
    display: none;
}

.sv-faq-cta .sv-faq-item.is-open em {
    border-color: #6db3ff;
    transform: translateY(-35%) rotate(225deg);
}

.sv-faq-cta .sv-faq-item p,
.sv-faq-cta .sv-faq-item.is-open p {
    display: none;
}

.sv-faq-cta .sv-faq-answer {
    display: flex;
    align-items: center;
    min-height: 172px;
    padding: 22px 22px;
    border: 1px solid rgba(91, 151, 221, .42);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(9, 32, 73, .9), rgba(7, 27, 64, .82)),
        rgba(5, 20, 48, .76);
    box-shadow: inset 0 1px 0 rgba(171, 214, 255, .08);
}

.sv-faq-cta .sv-faq-answer p {
    margin: 0;
    color: rgba(216, 232, 251, .78);
    font-size: 14px;
    line-height: 1.86;
    font-weight: 650;
}

.sv-faq-cta .sv-bottom-visual {
    display: block;
    min-height: 230px;
    height: 230px;
    overflow: visible;
}

.sv-faq-cta .sv-bottom-visual::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 12px;
    width: 240px;
    height: 76px;
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(10, 111, 255, .58), rgba(10, 111, 255, .1) 56%, transparent 72%);
    box-shadow: 0 0 42px rgba(22, 112, 255, .28);
    transform: translateX(-50%);
}

.sv-faq-cta .sv-visual-orbit {
    position: absolute;
    left: 50%;
    bottom: 18px;
    width: 220px;
    height: 62px;
    border: 1px solid rgba(38, 128, 255, .42);
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(15, 116, 255, .24), rgba(12, 55, 126, .08) 58%, transparent 72%);
    box-shadow: inset 0 0 22px rgba(48, 143, 255, .34);
    transform: translateX(-50%) perspective(420px) rotateX(58deg);
}

.sv-faq-cta .sv-bottom-phone {
    position: absolute;
    left: 50%;
    bottom: 42px;
    z-index: 4;
    width: 76px;
    height: 166px;
    border: 1px solid rgba(156, 211, 255, .68);
    border-radius: 17px;
    background:
        linear-gradient(180deg, rgba(16, 53, 121, .98), rgba(5, 18, 52, .98));
    box-shadow:
        0 18px 38px rgba(0, 10, 34, .34),
        0 0 28px rgba(30, 130, 255, .3),
        inset 0 1px 0 rgba(232, 246, 255, .2);
    transform: translateX(-50%);
}

.sv-faq-cta .sv-bottom-phone::before {
    left: 50%;
    top: 5px;
    bottom: auto;
    width: 24px;
    height: 4px;
    border-radius: 0 0 6px 6px;
    background: rgba(222, 239, 255, .84);
    transform: translateX(-50%);
}

.sv-faq-cta .sv-bottom-phone::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 68px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 18px solid rgba(239, 248, 255, .96);
    filter: drop-shadow(0 0 10px rgba(66, 168, 255, .56));
    transform: translateX(-38%);
}

.sv-faq-cta .sv-bottom-phone b,
.sv-faq-cta .sv-bottom-phone i,
.sv-faq-cta .sv-bottom-phone em {
    position: absolute;
    left: 10px;
    right: 10px;
    border-radius: 6px;
}

.sv-faq-cta .sv-bottom-phone b {
    top: 28px;
    height: 78px;
    background: linear-gradient(180deg, rgba(11, 103, 255, .86), rgba(16, 53, 157, .78));
}

.sv-faq-cta .sv-bottom-phone i {
    top: 118px;
    height: 10px;
    background: linear-gradient(90deg, rgba(31, 129, 255, .95), rgba(15, 210, 255, .8));
}

.sv-faq-cta .sv-bottom-phone em {
    top: 138px;
    height: 16px;
    background: rgba(60, 137, 255, .28);
}

.sv-faq-cta .sv-visual-phone {
    position: absolute;
    right: 24%;
    bottom: 48px;
    z-index: 2;
    width: 56px;
    height: 126px;
    border: 1px solid rgba(96, 169, 255, .42);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(18, 55, 125, .76), rgba(5, 18, 55, .86));
    box-shadow: 0 14px 26px rgba(0, 12, 42, .22);
}

.sv-faq-cta .sv-visual-phone b,
.sv-faq-cta .sv-visual-phone i,
.sv-faq-cta .sv-visual-phone em {
    position: absolute;
    left: 8px;
    right: 8px;
    border-radius: 5px;
}

.sv-faq-cta .sv-visual-phone b {
    top: 26px;
    height: 54px;
    background: rgba(28, 104, 255, .42);
}

.sv-faq-cta .sv-visual-phone i {
    top: 91px;
    height: 8px;
    background: rgba(80, 156, 255, .45);
}

.sv-faq-cta .sv-visual-phone em {
    top: 108px;
    height: 8px;
    background: rgba(80, 156, 255, .25);
}

.sv-faq-cta .sv-visual-bubble {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 44px;
    border: 1px solid rgba(124, 182, 255, .5);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(35, 139, 255, .96), rgba(66, 72, 236, .92));
    box-shadow:
        0 14px 28px rgba(0, 14, 54, .26),
        inset 0 1px 0 rgba(255, 255, 255, .18);
}

.sv-faq-cta .sv-bubble-chat {
    left: 10px;
    top: 46px;
    width: 42px;
    height: 42px;
}

.sv-faq-cta .sv-bubble-chat::before {
    content: "";
    width: 20px;
    height: 15px;
    border: 2px solid rgba(239, 248, 255, .95);
    border-radius: 9px;
}

.sv-faq-cta .sv-bubble-chat::after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: 9px;
    width: 7px;
    height: 7px;
    border-left: 2px solid rgba(239, 248, 255, .95);
    border-bottom: 2px solid rgba(239, 248, 255, .95);
    transform: rotate(-28deg);
}

.sv-faq-cta .sv-bubble-play {
    left: 66%;
    top: 16px;
    width: 88px;
    height: 48px;
}

.sv-faq-cta .sv-bubble-play::before {
    content: "";
    width: 0;
    height: 0;
    margin-right: 13px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
}

.sv-faq-cta .sv-bubble-play::after {
    content: "";
    width: 26px;
    height: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 9px 0 rgba(255, 255, 255, .72);
}

.sv-faq-cta .sv-bubble-ai {
    right: 8px;
    bottom: 44px;
    width: 50px;
    height: 50px;
    color: #f8fbff;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.sv-faq-cta .sv-bubble-note {
    right: 0;
    top: 90px;
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, rgba(22, 98, 216, .88), rgba(17, 54, 142, .9));
}

.sv-faq-cta .sv-bubble-note::before {
    content: "";
    width: 17px;
    height: 19px;
    border: 2px solid rgba(239, 248, 255, .9);
    border-radius: 3px;
}

.sv-faq-cta .sv-bubble-note::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 2px;
    border-radius: 2px;
    background: rgba(239, 248, 255, .86);
    box-shadow: 0 6px 0 rgba(239, 248, 255, .66);
}

.sv-faq-cta .sv-final-cta {
    display: block;
    min-width: 0;
    padding: 2px 4px 2px 8px;
    color: #fff;
}

.sv-faq-cta .sv-final-cta h2 {
    max-width: 420px;
    color: rgba(248, 252, 255, .98);
    font-size: clamp(24px, 2.08vw, 31px);
    line-height: 1.45;
    font-weight: 900;
    text-align: left;
    text-shadow: 0 0 16px rgba(84, 157, 255, .28);
}

.sv-faq-cta .sv-final-cta p {
    max-width: 460px;
    margin: 14px 0 0;
    color: rgba(203, 224, 250, .8);
    font-size: 14px;
    line-height: 1.72;
    text-align: left;
}

.sv-faq-cta .sv-final-cta > div {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 26px;
}

.sv-faq-cta .sv-final-cta .sv-btn {
    min-width: 158px;
    height: 52px;
    padding: 0 22px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 900;
}

.sv-faq-cta .sv-final-cta .sv-btn-primary {
    background: #087bff;
    box-shadow: 0 16px 34px rgba(8, 123, 255, .28);
}

.sv-faq-cta .sv-final-cta .sv-btn-ghost {
    border-color: rgba(142, 172, 210, .64);
    background: rgba(6, 20, 45, .36);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

@media (max-width: 1240px) {
    .sv-faq-cta .sv-faq-panel {
        grid-template-columns: minmax(280px, 1fr) minmax(230px, .78fr) minmax(310px, 1fr);
    }

    .sv-faq-cta .sv-bottom-visual {
        grid-column: 2;
        grid-row: 1;
    }

    .sv-faq-cta .sv-faq-answer {
        grid-column: 1;
    }

    .sv-faq-cta .sv-final-cta {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 920px) {
    .sv-faq-cta .sv-container {
        width: min(720px, calc(100% - 32px));
    }

    .sv-faq-cta .sv-faq-panel {
        grid-template-columns: 1fr;
        gap: 18px;
        min-height: auto;
        padding: 22px;
    }

    .sv-faq-cta .sv-faq-answer,
    .sv-faq-cta .sv-bottom-visual,
    .sv-faq-cta .sv-final-cta {
        grid-column: auto;
        grid-row: auto;
    }

    .sv-faq-cta .sv-final-cta {
        padding: 4px 0 0;
    }

    .sv-faq-cta .sv-final-cta h2,
    .sv-faq-cta .sv-final-cta p {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .sv-faq-cta {
        padding: 42px 0 52px;
    }

    .sv-faq-cta .sv-faq-panel {
        padding: 18px;
    }

    .sv-faq-cta .sv-faq-list h2 {
        font-size: 22px;
    }

    .sv-faq-cta .sv-faq-answer {
        min-height: auto;
        padding: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        min-height: 210px;
        height: 210px;
    }

    .sv-faq-cta .sv-bubble-play {
        left: 58%;
    }

    .sv-faq-cta .sv-final-cta {
        text-align: left;
    }

    .sv-faq-cta .sv-final-cta h2 {
        font-size: 24px;
        line-height: 1.38;
    }

    .sv-faq-cta .sv-final-cta > div {
        gap: 12px;
    }

    .sv-faq-cta .sv-final-cta .sv-btn {
        width: 100%;
        max-width: none;
    }
}

/* Gains section UI refresh: keep existing section/card background colors */
.sv-gains .sv-gain-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.sv-gains .sv-gain-grid article {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
    min-height: 104px;
    padding: 18px 14px;
    border-color: rgba(82, 151, 255, .42);
    border-radius: 8px;
}

.sv-gains .sv-gain-grid article::before {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid rgba(157, 128, 255, .48);
    border-radius: 10px;
    background:
        var(--sv-gain-icon) center / 28px 28px no-repeat,
        linear-gradient(135deg, rgba(163, 78, 255, .98), rgba(26, 144, 255, .96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        0 0 18px rgba(124, 81, 255, .32);
}

.sv-gains .sv-gain-grid article:nth-child(1) {
    --sv-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 23V12h16v11H8Z'/%3E%3Cpath d='M12 12V8h8v4M11 23v3M21 23v3M6 16H4M28 16h-2'/%3E%3Ccircle cx='13' cy='17.5' r='1.5' fill='white' stroke='none'/%3E%3Ccircle cx='19' cy='17.5' r='1.5' fill='white' stroke='none'/%3E%3C/svg%3E");
}

.sv-gains .sv-gain-grid article:nth-child(2) {
    --sv-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='6.5' width='8.5' height='8.5' rx='2.2'/%3E%3Crect x='18' y='6.5' width='8.5' height='8.5' rx='2.2'/%3E%3Crect x='5.5' y='19' width='8.5' height='8.5' rx='2.2'/%3E%3Cpath d='M22.2 19v8.5M18 23.2h8.5'/%3E%3C/svg%3E");
}

.sv-gains .sv-gain-grid article:nth-child(3) {
    --sv-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 19.5V10h18v9.5H7Z'/%3E%3Cpath d='M11 19.5 9 25h14l-2-5.5M12 14h8'/%3E%3Ccircle cx='16' cy='14' r='5.5'/%3E%3C/svg%3E");
}

.sv-gains .sv-gain-grid article:nth-child(4) {
    --sv-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='14' r='7.5'/%3E%3Cpath d='m20 20 5 5M10 14h8M14 10v8'/%3E%3C/svg%3E");
}

.sv-gains .sv-gain-grid article:nth-child(5) {
    --sv-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5h14v19H9z'/%3E%3Cpath d='M12.5 11h7M12.5 16h7M12.5 21h4M12 4.5h8'/%3E%3C/svg%3E");
}

.sv-gains .sv-gain-grid article:nth-child(6) {
    --sv-gain-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='10'/%3E%3Cpath d='M16 9v7l5 3M9 16h2M21 16h2M16 21v2'/%3E%3Cpath d='M6 6l4 4M26 6l-4 4'/%3E%3C/svg%3E");
}

.sv-gains .sv-gain-grid span {
    grid-column: 2;
    margin: 0;
    font-size: 14px;
    line-height: 1.22;
    font-weight: 900;
}

.sv-gains .sv-gain-grid p {
    grid-column: 2;
    margin: 7px 0 0;
    font-size: 12px;
    line-height: 1.45;
}

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

@media (max-width: 720px) {
    .sv-gains .sv-gain-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .sv-gains .sv-gain-grid {
        grid-template-columns: 1fr;
    }
}

/* Case section visual refresh */
.sv-cases .sv-case-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.sv-cases .sv-case-grid article {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    min-height: 172px;
    overflow: hidden;
    border-radius: 8px;
}

.sv-cases .sv-case-grid figure {
    grid-column: 1;
    grid-row: 1 / span 2;
    height: auto;
    min-height: 152px;
    margin: 10px 0 10px 10px;
    border-radius: 7px;
    background: #071936;
}

.sv-cases .sv-case-grid img {
    filter: saturate(1.04) brightness(.92) contrast(1.04);
}

.sv-cases .sv-case-grid article:nth-child(3) img {
    object-position: 66% center;
}

.sv-cases .sv-case-grid figure::after {
    background: linear-gradient(180deg, rgba(3, 12, 30, .05), rgba(3, 12, 30, .24));
}

.sv-cases .sv-case-grid figure span {
    width: 48px;
    height: 48px;
    border-color: rgba(255, 255, 255, .78);
    background: rgba(10, 24, 54, .38);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        0 10px 24px rgba(0, 16, 56, .24);
    backdrop-filter: blur(4px);
}

.sv-cases .sv-case-grid figure span::before {
    left: 20px;
    top: 15px;
    border-left-width: 15px;
    border-top-width: 9px;
    border-bottom-width: 9px;
}

.sv-cases .sv-case-body {
    min-height: auto;
    padding: 18px 18px 8px;
}

.sv-cases .sv-case-body h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.28;
}

.sv-cases .sv-case-body p {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
}

.sv-cases .sv-case-stats {
    grid-column: 2;
    align-self: end;
    border-top: 0;
    padding: 0 18px 14px;
}

.sv-cases .sv-case-stats span {
    min-height: 44px;
    place-items: start;
    justify-content: center;
    padding-left: 10px;
    border-right-color: rgba(185, 209, 238, .7);
}

.sv-cases .sv-case-stats b {
    color: #1677ff;
    font-size: 17px;
    line-height: 1;
}

.sv-cases .sv-case-stats em {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.15;
}

@media (max-width: 1180px) {
    .sv-cases .sv-case-grid {
        grid-template-columns: 1fr;
    }

    .sv-cases .sv-case-grid article {
        grid-template-columns: 220px minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .sv-cases .sv-case-grid article {
        grid-template-columns: 1fr;
    }

    .sv-cases .sv-case-grid figure {
        grid-column: 1;
        grid-row: auto;
        height: 180px;
        margin: 10px 10px 0;
    }

    .sv-cases .sv-case-stats {
        grid-column: 1;
    }
}

.short-video-page .main-nav > a.is-active::after {
    opacity: 0;
}

.short-video-page .main-nav a[href="/short-video/"]::after {
    opacity: 1;
    transform: scaleX(1);
}

.sv-main {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 6%, rgba(17, 128, 255, .2), transparent 30%),
        radial-gradient(circle at 78% 12%, rgba(74, 82, 255, .18), transparent 28%),
        linear-gradient(180deg, #061225 0%, #07172f 48%, #061225 100%);
}

.sv-main *,
.sv-main *::before,
.sv-main *::after {
    box-sizing: border-box;
}

.sv-container {
    width: min(1600px, calc(100% - 72px));
    margin: 0 auto;
}

.sv-section {
    position: relative;
    padding: 56px 0;
}

.sv-section-head {
    margin: 0 auto 28px;
    text-align: center;
}

.sv-section-head h2,
.sv-system-head h2,
.sv-final-cta h2,
.sv-faq-list h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 2.35vw, 38px);
    line-height: 1.18;
    letter-spacing: 0;
    font-weight: 900;
}

.sv-section-head p,
.sv-system-head p,
.sv-final-cta p {
    margin: 12px auto 0;
    color: rgba(222, 237, 255, .78);
    font-size: 15px;
    line-height: 1.75;
}

.sv-hero {
    position: relative;
    height: 550px;
    min-height: 550px;
    padding: 96px 0 0;
    background:
        linear-gradient(90deg, rgba(2, 8, 24, .18) 0%, rgba(2, 8, 24, .08) 36%, rgba(2, 8, 24, .02) 72%, rgba(2, 8, 24, .08) 100%),
        url("/template/xqd/assets/images/short-video/short-video-banner-bg.webp") right top / auto 100% no-repeat;
    overflow: hidden;
    isolation: isolate;
}

.sv-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(2, 8, 24, .34) 0%, rgba(2, 8, 24, .12) 42%, transparent 74%),
        linear-gradient(180deg, rgba(0, 0, 0, .08), transparent 34%, rgba(0, 0, 0, .08));
    pointer-events: none;
}

.sv-hero::after {
    content: none;
}

.sv-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 630px) minmax(0, 1fr);
    gap: 38px;
    align-items: center;
    height: 334px;
}

.sv-kicker,
.sv-hero-copy h1,
.sv-hero-copy h2,
.sv-hero-copy p,
.sv-hero-tags {
    margin: 0;
}

.sv-hero-copy {
    max-width: 590px;
}

.sv-kicker {
    color: #79caff;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
}

.sv-hero-copy h1 {
    margin-top: 0;
    color: #fff;
    font-size: clamp(46px, 3.65vw, 58px);
    line-height: 1.04;
    letter-spacing: 0;
    font-weight: 950;
}

.sv-hero-copy h2 {
    margin-top: 18px;
    color: rgba(246, 251, 255, .94);
    font-size: 25px;
    line-height: 1.28;
    font-weight: 850;
    white-space: nowrap;
}

.sv-hero-desc {
    max-width: 570px;
    margin-top: 20px;
    color: rgba(226, 239, 255, .78);
    font-size: 14px;
    line-height: 1.78;
}

.sv-hero-tags {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 18px;
    max-width: 590px;
    padding: 0;
    margin-top: 20px;
    list-style: none;
}

.sv-hero-tags li {
    position: relative;
    flex: 0 0 auto;
    padding-left: 19px;
    color: rgba(231, 243, 255, .88);
    font-size: 13px;
    white-space: nowrap;
}

.sv-hero-tags li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border: 2px solid #238cff;
    border-radius: 50%;
    background: rgba(5, 26, 70, .28);
    box-shadow: 0 0 12px rgba(35, 140, 255, .5);
}

.sv-hero-tags li::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 8px;
    width: 5px;
    height: 3px;
    border-left: 2px solid #238cff;
    border-bottom: 2px solid #238cff;
    transform: rotate(-45deg);
}

.sv-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 26px;
}

.sv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 46px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 850;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.sv-btn:hover,
.sv-btn:focus-visible {
    transform: translateY(-2px);
}

.sv-btn-primary {
    background: linear-gradient(135deg, #147dff, #09a9ff);
    box-shadow: 0 18px 40px rgba(18, 125, 255, .34);
}

.sv-btn-ghost {
    border-color: rgba(216, 235, 255, .48);
    background: rgba(255, 255, 255, .06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.sv-hero-visual {
    display: none;
}

.sv-hero-visual::before {
    content: "";
    position: absolute;
    right: 7%;
    top: 0;
    width: 70%;
    height: 240px;
    border: 1px solid rgba(103, 177, 255, .12);
    border-radius: 14px;
    background:
        linear-gradient(90deg, transparent 0 13%, rgba(109, 185, 255, .13) 14% 15%, transparent 16% 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015));
    opacity: .58;
    transform: skewY(-4deg);
}

.sv-hero-visual::after {
    content: "";
    position: absolute;
    right: 4%;
    top: 58px;
    width: 230px;
    height: 190px;
    border: 1px solid rgba(102, 181, 255, .11);
    border-radius: 12px;
    background:
        linear-gradient(90deg, transparent 0 54%, rgba(47, 152, 255, .24) 55% 59%, transparent 60%),
        linear-gradient(90deg, transparent 0 68%, rgba(47, 152, 255, .18) 69% 73%, transparent 74%),
        radial-gradient(circle at 76% 28%, rgba(38, 137, 255, .22), transparent 18%),
        rgba(255, 255, 255, .025);
    opacity: .72;
}

.sv-phone-stage {
    position: absolute;
    z-index: 1;
    left: 2%;
    right: 8%;
    top: 0;
    bottom: 0;
}

.sv-ring {
    position: absolute;
    left: 50%;
    bottom: 2px;
    border: 2px solid rgba(28, 139, 255, .56);
    border-radius: 50%;
    transform: translateX(-50%) rotateX(64deg);
    box-shadow: 0 0 34px rgba(20, 122, 255, .48), inset 0 0 22px rgba(0, 202, 255, .22);
}

.sv-ring-a {
    width: 520px;
    height: 172px;
}

.sv-ring-b {
    bottom: 34px;
    width: 370px;
    height: 118px;
    border-color: rgba(80, 213, 255, .35);
}

.sv-phone {
    position: absolute;
    width: 128px;
    height: 246px;
    border: 1px solid rgba(158, 218, 255, .58);
    border-radius: 25px;
    background:
        linear-gradient(180deg, rgba(16, 50, 105, .78), rgba(2, 11, 31, .98));
    box-shadow: 0 24px 58px rgba(0, 9, 32, .46), inset 0 0 0 5px rgba(255, 255, 255, .06);
    overflow: hidden;
}

.sv-phone::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 11px;
    width: 42px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .38);
    transform: translateX(-50%);
}

.sv-phone b,
.sv-phone i,
.sv-phone em {
    position: absolute;
    left: 14px;
    right: 14px;
    border-radius: 11px;
}

.sv-phone b {
    top: 34px;
    height: 134px;
    background:
        radial-gradient(circle at 50% 46%, rgba(92, 212, 255, .42), transparent 15%),
        radial-gradient(circle at 50% 56%, rgba(18, 119, 255, .28), transparent 24%),
        linear-gradient(180deg, rgba(7, 29, 71, .12), rgba(2, 7, 24, .42)),
        url("/template/xqd/assets/images/services/service-video-cover.webp") center / cover;
}

.sv-phone i {
    top: 183px;
    height: 12px;
    background: rgba(255, 255, 255, .24);
}

.sv-phone em {
    top: 205px;
    height: 26px;
    background: rgba(255, 255, 255, .14);
}

.sv-phone b::after,
.sv-phone-main b::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
    background: rgba(17, 116, 255, .4);
    transform: translate(-50%, -50%);
}

.sv-phone b::before {
    content: "";
    position: absolute;
    right: 7px;
    top: 22px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .82);
    box-shadow:
        0 22px 0 rgba(255, 255, 255, .72),
        0 44px 0 rgba(255, 255, 255, .58),
        0 66px 0 rgba(255, 255, 255, .45);
}

.sv-phone-a {
    left: 19%;
    bottom: 42px;
    transform: rotate(-7deg) scale(.92);
}

.sv-phone-b {
    left: 50%;
    bottom: 50px;
    z-index: 2;
    width: 154px;
    height: 294px;
    transform: translateX(-50%);
}

.sv-phone-c {
    right: 14%;
    bottom: 42px;
    transform: rotate(6deg) scale(.92);
}

.sv-phone-b b {
    height: 164px;
}

.sv-phone-b i {
    top: 218px;
}

.sv-phone-b em {
    top: 241px;
}

.sv-data-card,
.sv-play-card,
.sv-social-panel {
    position: absolute;
    z-index: 3;
    border: 1px solid rgba(121, 195, 255, .34);
    background:
        linear-gradient(180deg, rgba(20, 65, 136, .66), rgba(7, 30, 82, .76)),
        rgba(8, 39, 92, .62);
    box-shadow: 0 18px 44px rgba(0, 12, 42, .3), inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 30px rgba(24, 129, 255, .16);
    backdrop-filter: blur(12px);
}

.sv-data-card {
    left: -4px;
    top: 46px;
    width: 158px;
    height: 112px;
    padding: 16px;
    border-radius: 8px;
}

.sv-data-card span {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
}

.sv-data-card::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 28px;
    height: 48px;
    background:
        linear-gradient(135deg, transparent 0 22%, rgba(82, 214, 255, .82) 23% 28%, transparent 29% 46%, rgba(82, 214, 255, .82) 47% 52%, transparent 53% 100%);
    opacity: .48;
}

.sv-data-card i {
    position: absolute;
    bottom: 18px;
    width: 18px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, #1e91ff, #5fe2ff);
}

.sv-data-card i:nth-child(2) { left: 22px; height: 30px; }
.sv-data-card i:nth-child(3) { left: 52px; height: 47px; }
.sv-data-card i:nth-child(4) { left: 82px; height: 39px; }
.sv-data-card i:nth-child(5) { left: 112px; height: 64px; }

.sv-play-card {
    left: 60px;
    top: 176px;
    width: 76px;
    height: 76px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(15, 101, 232, .8), rgba(0, 205, 255, .42));
}

.sv-play-card::before {
    content: "";
    position: absolute;
    left: 32px;
    top: 25px;
    border-left: 21px solid #fff;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

.sv-social-panel {
    right: -2px;
    top: 60px;
    width: 136px;
    padding: 12px;
    border-radius: 9px;
}

.sv-social-panel div {
    position: relative;
    min-height: 52px;
    padding: 8px 0 8px 44px;
    border-bottom: 1px solid rgba(168, 216, 255, .18);
}

.sv-social-panel div:last-child {
    border-bottom: 0;
}

.sv-social-panel div::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 11px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #187fff, #5fd4ff);
    box-shadow: 0 0 24px rgba(24, 127, 255, .36);
}

.sv-social-panel strong,
.sv-social-panel span {
    display: block;
}

.sv-social-panel strong {
    color: #fff;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 900;
}

.sv-social-panel span {
    margin-top: 5px;
    color: rgba(224, 239, 255, .78);
    font-size: 11px;
    line-height: 1.35;
}

.sv-metrics {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 20px;
    border: 1px solid rgba(102, 177, 255, .26);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(14, 55, 118, .18), rgba(2, 18, 54, .32)),
        rgba(1, 12, 38, .18);
    box-shadow: 0 20px 48px rgba(0, 9, 34, .28), inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 30px rgba(22, 123, 255, .09);
    backdrop-filter: blur(10px) saturate(128%);
    overflow: hidden;
}

.sv-metrics article {
    min-height: 98px;
    display: grid;
    grid-template-columns: 56px 1fr;
    grid-template-rows: auto auto;
    column-gap: 18px;
    align-content: center;
    padding: 17px 30px;
    border-right: 1px solid rgba(113, 178, 255, .2);
}

.sv-metrics article:last-child {
    border-right: 0;
}

.sv-metrics strong {
    color: #fff;
    font-size: clamp(26px, 2vw, 34px);
    line-height: 1;
    font-weight: 700;
}

.sv-metrics em {
    margin-top: 6px;
    color: rgba(230, 242, 255, .86);
    font-size: 13px;
    line-height: 1.35;
    font-style: normal;
    font-weight: 750;
}

.sv-metric-icon {
    position: relative;
    grid-row: 1 / 3;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(42, 142, 255, .48);
    border-radius: 50%;
    background-color: rgba(3, 31, 78, .34);
    background-image:
        var(--sv-metric-icon),
        radial-gradient(circle at 50% 46%, rgba(27, 139, 255, .28), transparent 58%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px, 100% 100%;
    box-shadow: inset 0 0 18px rgba(43, 145, 255, .28), 0 0 18px rgba(20, 126, 255, .14);
}

.sv-metric-icon::before,
.sv-metric-icon::after {
    content: none;
}

.sv-icon-building {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232b9cff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 25V12l7-5 7 5v13'/%3E%3Cpath d='M13 25v-7h6v7'/%3E%3Cpath d='M6.5 25h19'/%3E%3Cpath d='M13 14h.1M16 14h.1M19 14h.1'/%3E%3Cpath d='M16 7v18'/%3E%3C/svg%3E");
}

.sv-icon-network {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232b9cff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='3.2'/%3E%3Ccircle cx='16' cy='7.5' r='3'/%3E%3Ccircle cx='23.4' cy='11.8' r='3'/%3E%3Ccircle cx='23.4' cy='20.2' r='3'/%3E%3Ccircle cx='16' cy='24.5' r='3'/%3E%3Ccircle cx='8.6' cy='20.2' r='3'/%3E%3Ccircle cx='8.6' cy='11.8' r='3'/%3E%3Cpath d='M16 10.5v2.3M18.8 14.4l2-1.1M18.8 17.6l2 1.1M16 19.2v2.3M13.2 17.6l-2 1.1M13.2 14.4l-2-1.1'/%3E%3C/svg%3E");
}

.sv-icon-award {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232b9cff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8h12v6.5a6 6 0 0 1-12 0V8Z'/%3E%3Cpath d='M10 10H6v3.5A4.5 4.5 0 0 0 10.5 18'/%3E%3Cpath d='M22 10h4v3.5A4.5 4.5 0 0 1 21.5 18'/%3E%3Cpath d='M16 20.5V25'/%3E%3Cpath d='M11 25h10'/%3E%3C/svg%3E");
}

.sv-icon-chart {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232b9cff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 25h20'/%3E%3Cpath d='M8 25V16'/%3E%3Cpath d='M14 25V12'/%3E%3Cpath d='M20 25V9'/%3E%3Cpath d='M8 13l5-5 4 4 7-7'/%3E%3Cpath d='M21 5h3v3'/%3E%3C/svg%3E");
}

.sv-icon-gear {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232b9cff' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 5.4l2.7 2.3 3.4-.7 1.6 3.1-1.4 3.2 2.7 2.2v1l-2.7 2.2 1.4 3.2-1.6 3.1-3.4-.7L16 26.6l-2.7-2.3-3.4.7-1.6-3.1 1.4-3.2L7 16.5v-1l2.7-2.2-1.4-3.2L9.9 7l3.4.7L16 5.4Z'/%3E%3Ccircle cx='16' cy='16' r='6.2'/%3E%3Ccircle cx='16' cy='16' r='3.1'/%3E%3Ccircle cx='16' cy='16' r='1.05' fill='%232b9cff' stroke='none'/%3E%3C/svg%3E");
    background-size: 34px 34px, 100% 100%;
}

.sv-problems,
.sv-process,
.sv-gains,
.sv-industries,
.sv-cases,
.sv-faq-cta {
    background:
        radial-gradient(circle at 12% 28%, rgba(20, 129, 255, .08), transparent 26%),
        linear-gradient(180deg, rgba(4, 20, 48, .96), rgba(5, 18, 40, .98));
}

.sv-problem-grid,
.sv-process-grid,
.sv-gain-grid {
    display: grid;
    gap: 16px;
}

.sv-problem-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

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

.sv-gain-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sv-problem-grid article,
.sv-process-grid article,
.sv-gain-grid article,
.sv-system-card,
.sv-industry-grid article,
.sv-case-grid article,
.sv-faq-panel {
    border: 1px solid rgba(105, 178, 255, .28);
    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(25, 64, 122, .58), rgba(7, 30, 72, .72)),
        rgba(5, 21, 56, .7);
    box-shadow: 0 18px 48px rgba(0, 10, 36, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.sv-problem-grid article {
    min-height: 174px;
    padding: 24px 22px;
}

.sv-problem-grid span,
.sv-process-grid strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #1a82ff, #634dff);
    box-shadow: 0 10px 24px rgba(25, 126, 255, .28);
}

.sv-problem-grid span {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 900;
}

.sv-problem-grid h3,
.sv-process-grid h3,
.sv-gain-grid span,
.sv-case-body h3 {
    margin: 16px 0 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 900;
}

.sv-problem-grid p,
.sv-process-grid p,
.sv-gain-grid p,
.sv-case-body p {
    margin: 10px 0 0;
    color: rgba(218, 234, 255, .74);
    font-size: 14px;
    line-height: 1.72;
}

.sv-process-grid article {
    min-height: 162px;
    padding: 22px 18px;
}

.sv-process-grid strong {
    width: 42px;
    height: 36px;
    border-radius: 8px;
    color: #acd7ff;
    background: rgba(16, 87, 190, .38);
    box-shadow: none;
    font-size: 24px;
    line-height: 1;
}

.sv-matrix-system {
    padding-top: 24px;
    background: linear-gradient(180deg, #061225, #061a36);
}

.sv-system-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
    gap: 18px;
}

.sv-system-card {
    position: relative;
    min-height: 470px;
    padding: 26px;
    overflow: hidden;
}

.sv-system-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 28% 32%, rgba(30, 145, 255, .18), transparent 28%),
        linear-gradient(120deg, rgba(255, 255, 255, .07), transparent 42%);
    pointer-events: none;
}

.sv-system-head {
    position: relative;
    z-index: 1;
    text-align: center;
}

.sv-system-head h2 {
    font-size: clamp(25px, 2vw, 32px);
}

.sv-coverage-model {
    position: relative;
    z-index: 1;
    min-height: 350px;
    margin-top: 22px;
}

.sv-platform-list {
    position: absolute;
    top: 60px;
    display: grid;
    gap: 12px;
    width: 126px;
}

.sv-platform-left {
    left: 0;
}

.sv-platform-right {
    right: 0;
}

.sv-platform-list span,
.sv-platform-bar span {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(108, 187, 255, .32);
    border-radius: 8px;
    color: rgba(236, 247, 255, .9);
    background: rgba(8, 39, 92, .62);
    font-size: 13px;
    font-weight: 800;
}

.sv-model-phones {
    position: absolute;
    left: 50%;
    top: 26px;
    width: 330px;
    height: 258px;
    transform: translateX(-50%);
}

.sv-model-orbit {
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 310px;
    height: 88px;
    border: 1px solid rgba(46, 158, 255, .42);
    border-radius: 50%;
    transform: translateX(-50%) rotateX(64deg);
}

.sv-model-phones .sv-phone {
    width: 96px;
    height: 186px;
    border-radius: 20px;
}

.sv-model-phones .sv-phone::before {
    width: 30px;
    height: 4px;
}

.sv-model-phones .sv-phone b {
    top: 30px;
    height: 100px;
}

.sv-model-phones .sv-phone i {
    top: 142px;
}

.sv-model-phones .sv-phone em {
    top: 164px;
    height: 10px;
}

.sv-phone-small:first-of-type {
    left: 20px;
    bottom: 16px;
    transform: rotate(-7deg);
}

.sv-phone-main {
    left: 50%;
    bottom: 22px;
    z-index: 2;
    width: 118px !important;
    height: 228px !important;
    transform: translateX(-50%);
}

.sv-phone-small:last-of-type {
    right: 20px;
    bottom: 16px;
    transform: rotate(7deg);
}

.sv-model-play {
    position: absolute;
    left: 50%;
    top: 112px;
    z-index: 5;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 50%;
    background: rgba(23, 121, 255, .58);
    transform: translateX(-50%);
}

.sv-model-play::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 16px;
    border-left: 16px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.sv-platform-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.sv-platform-bar span {
    justify-content: center;
    min-height: 34px;
    padding: 0 8px;
    font-size: 12px;
}

.sv-growth-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
    gap: 18px;
    margin-top: 24px;
}

.sv-dashboard {
    min-height: 298px;
    padding: 18px;
    border-radius: 9px;
    background: linear-gradient(180deg, rgba(235, 247, 255, .96), rgba(149, 195, 246, .94));
    box-shadow: 0 22px 50px rgba(0, 10, 36, .24);
}

.sv-dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #0b377b;
}

.sv-dashboard-top span {
    font-size: 13px;
    font-weight: 900;
}

.sv-dashboard-top strong {
    color: #147dff;
    font-size: 28px;
    line-height: 1;
    font-weight: 950;
}

.sv-chart-bars {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 142px;
    margin-top: 24px;
    padding: 0 6px;
    border-bottom: 1px solid rgba(45, 101, 174, .22);
}

.sv-chart-bars i {
    flex: 1;
    height: var(--bar);
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, #1d8cff, #58d7ff);
    box-shadow: 0 8px 18px rgba(25, 128, 255, .24);
}

.sv-dashboard-bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
}

.sv-dashboard-bottom span {
    display: grid;
    place-items: center;
    min-height: 52px;
    border-radius: 8px;
    color: #0d4b9a;
    background: rgba(255, 255, 255, .58);
}

.sv-dashboard-bottom b,
.sv-dashboard-bottom em {
    display: block;
    line-height: 1.2;
}

.sv-dashboard-bottom b {
    font-size: 16px;
    font-weight: 950;
}

.sv-dashboard-bottom em {
    margin-top: 4px;
    font-size: 11px;
    font-style: normal;
}

.sv-growth-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sv-growth-list li {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 55px;
    padding: 10px;
    border: 1px solid rgba(108, 187, 255, .3);
    border-radius: 8px;
    background: rgba(10, 48, 110, .68);
}

.sv-growth-list b {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #1d8cff, #694bff);
    font-size: 13px;
}

.sv-growth-list span {
    color: #fff;
    font-size: 14px;
    line-height: 1.32;
    font-weight: 850;
}

.sv-growth-list em {
    display: block;
    margin-top: 4px;
    color: rgba(218, 234, 255, .68);
    font-size: 12px;
    line-height: 1.45;
    font-style: normal;
    font-weight: 500;
}

.sv-gain-grid article {
    min-height: 124px;
    padding: 22px;
}

.sv-gain-grid span {
    display: block;
    margin-top: 0;
}

.sv-industry-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.sv-industry-grid article {
    position: relative;
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(3, 12, 30, .15), rgba(3, 12, 30, .78)),
        var(--industry-img) center / cover;
}

.sv-industry-grid article::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5, 25, 58, .7), rgba(5, 25, 58, .22));
}

.sv-industry-grid h3,
.sv-industry-grid p {
    position: relative;
    z-index: 1;
    margin: 0;
}

.sv-industry-grid h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
}

.sv-industry-grid p {
    margin-top: 8px;
    color: rgba(229, 241, 255, .78);
    font-size: 13px;
    line-height: 1.6;
}

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

.sv-case-grid article {
    overflow: hidden;
}

.sv-case-grid figure {
    position: relative;
    height: 160px;
    margin: 0;
    overflow: hidden;
}

.sv-case-grid img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: saturate(1.08) brightness(.82);
}

.sv-case-grid figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3, 12, 30, .08), rgba(3, 12, 30, .38));
}

.sv-case-grid figure span {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: 50%;
    background: rgba(16, 96, 210, .5);
    transform: translate(-50%, -50%);
}

.sv-case-grid figure span::before {
    content: "";
    position: absolute;
    left: 23px;
    top: 17px;
    border-left: 17px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}

.sv-case-body {
    padding: 18px 20px;
}

.sv-case-body h3 {
    margin-top: 0;
}

.sv-case-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(127, 198, 255, .2);
}

.sv-case-stats span {
    min-height: 70px;
    display: grid;
    place-items: center;
    border-right: 1px solid rgba(127, 198, 255, .18);
}

.sv-case-stats span:last-child {
    border-right: 0;
}

.sv-case-stats b,
.sv-case-stats em {
    display: block;
    line-height: 1.2;
}

.sv-case-stats b {
    color: #2d9cff;
    font-size: 22px;
    font-weight: 950;
}

.sv-case-stats em {
    margin-top: 5px;
    color: rgba(222, 237, 255, .76);
    font-size: 12px;
    font-style: normal;
}

.sv-faq-cta {
    padding-bottom: 78px;
}

.sv-faq-panel {
    display: grid;
    grid-template-columns: minmax(0, .98fr) minmax(260px, .66fr) minmax(0, 1.14fr);
    gap: 24px;
    align-items: center;
    padding: 26px;
}

.sv-faq-list {
    min-width: 0;
}

.sv-faq-list h2 {
    margin-bottom: 18px;
    font-size: 27px;
}

.sv-faq-item {
    width: 100%;
    display: block;
    min-height: 48px;
    margin: 0 0 10px;
    padding: 0;
    border: 1px solid rgba(132, 202, 255, .25);
    border-radius: 7px;
    color: #eaf4ff;
    background: rgba(6, 27, 66, .66);
    text-align: left;
    cursor: pointer;
}

.sv-faq-item span {
    position: relative;
    display: block;
    padding: 14px 42px 13px 16px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 800;
}

.sv-faq-item em {
    position: absolute;
    right: 18px;
    margin-top: -31px;
    width: 14px;
    height: 14px;
}

.sv-faq-item em::before,
.sv-faq-item em::after {
    content: "";
    position: absolute;
    background: rgba(234, 246, 255, .82);
}

.sv-faq-item em::before {
    left: 0;
    top: 6px;
    width: 14px;
    height: 2px;
}

.sv-faq-item em::after {
    left: 6px;
    top: 0;
    width: 2px;
    height: 14px;
    transition: transform .2s ease;
}

.sv-faq-item.is-open em::after {
    transform: scaleY(0);
}

.sv-faq-item p {
    display: none;
    margin: 0;
    padding: 0 16px 15px;
    color: rgba(222, 237, 255, .72);
    font-size: 13px;
    line-height: 1.7;
}

.sv-faq-item.is-open p {
    display: block;
}

.sv-bottom-visual {
    position: relative;
    min-height: 260px;
}

.sv-bottom-phone {
    position: absolute;
    left: 50%;
    bottom: 14px;
    width: 138px;
    height: 248px;
    border: 1px solid rgba(151, 213, 255, .52);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(9, 42, 100, .94), rgba(4, 14, 39, .98));
    box-shadow: 0 20px 50px rgba(0, 10, 38, .36), 0 0 42px rgba(19, 128, 255, .2);
    transform: translateX(-50%);
}

.sv-bottom-phone::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -32px;
    width: 280px;
    height: 82px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(24, 126, 255, .34), transparent 70%);
    transform: translateX(-50%);
}

.sv-bottom-phone b,
.sv-bottom-phone i,
.sv-bottom-phone em {
    position: absolute;
    left: 16px;
    right: 16px;
    border-radius: 10px;
}

.sv-bottom-phone b {
    top: 36px;
    height: 110px;
    background: linear-gradient(135deg, rgba(23, 125, 255, .78), rgba(90, 85, 255, .48));
}

.sv-bottom-phone i {
    top: 166px;
    height: 18px;
    background: rgba(255, 255, 255, .22);
}

.sv-bottom-phone em {
    top: 198px;
    height: 26px;
    background: rgba(255, 255, 255, .14);
}

.sv-bottom-visual > span {
    position: absolute;
    z-index: 2;
    width: 54px;
    height: 46px;
    border: 1px solid rgba(117, 196, 255, .32);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(25, 124, 255, .78), rgba(89, 75, 255, .48));
    box-shadow: 0 16px 34px rgba(0, 12, 42, .24);
}

.sv-bottom-visual > span:nth-child(2) {
    left: 9%;
    top: 58px;
}

.sv-bottom-visual > span:nth-child(3) {
    right: 7%;
    top: 30px;
}

.sv-bottom-visual > span:nth-child(4) {
    right: 14%;
    bottom: 48px;
}

.sv-final-cta h2 {
    max-width: 480px;
    font-size: clamp(28px, 2.4vw, 38px);
}

.sv-final-cta p {
    max-width: 500px;
    margin-left: 0;
}

.sv-final-cta > div {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 28px;
}

/* Light page palette: keep the banner and matrix system dark, return content sections to the site-wide light style. */
.short-video-page {
    background: var(--site-bg);
    color: #17233f;
}

.sv-main {
    background:
        radial-gradient(circle at 16% 18%, var(--site-blue-glow-soft), transparent 26%),
        var(--site-page-gradient);
}

.sv-problems {
    background: #fff;
}

.sv-process {
    background:
        radial-gradient(circle at 88% 18%, rgba(20, 130, 255, .08), transparent 26%),
        linear-gradient(180deg, #f1f7ff 0%, #f8fbff 100%);
}

.sv-gains,
.sv-cases {
    background: #fff;
}

.sv-industries,
.sv-faq-cta {
    background:
        radial-gradient(circle at 12% 18%, rgba(20, 130, 255, .07), transparent 24%),
        linear-gradient(180deg, #f4f9ff 0%, #edf5ff 100%);
}

.sv-section-head h2,
.sv-faq-list h2 {
    color: #102548;
}

.sv-section-head p {
    color: #607087;
}

.sv-problem-grid article,
.sv-process-grid article,
.sv-gain-grid article,
.sv-case-grid article {
    border-color: rgba(185, 209, 238, .8);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 42px rgba(24, 73, 128, .08);
}

.sv-problem-grid article:hover,
.sv-process-grid article:hover,
.sv-gain-grid article:hover,
.sv-case-grid article:hover {
    border-color: rgba(57, 142, 255, .34);
    box-shadow: 0 24px 54px rgba(24, 95, 170, .12);
}

.sv-problem-grid h3,
.sv-process-grid h3,
.sv-gain-grid span,
.sv-case-body h3 {
    color: #142743;
}

.sv-problem-grid p,
.sv-process-grid p,
.sv-gain-grid p,
.sv-case-body p {
    color: #607087;
}

.sv-problem-grid span {
    background: linear-gradient(135deg, #1677ff, #23b7ff);
    box-shadow: 0 12px 26px rgba(22, 119, 255, .22);
}

.sv-process-grid strong {
    color: #1677ff;
    border: 1px solid rgba(22, 119, 255, .18);
    background: #eef6ff;
}

.sv-matrix-system {
    padding: 76px 0;
    background:
        radial-gradient(circle at 28% 18%, rgba(22, 119, 255, .18), transparent 30%),
        radial-gradient(circle at 78% 20%, rgba(55, 106, 255, .16), transparent 30%),
        linear-gradient(180deg, #031247 0%, #061b5f 52%, #031145 100%);
}

.sv-matrix-system .sv-system-card {
    border-color: rgba(105, 178, 255, .28);
    background:
        radial-gradient(circle at 50% 16%, rgba(38, 123, 255, .18), transparent 36%),
        linear-gradient(180deg, rgba(10, 34, 100, .88), rgba(5, 22, 70, .94)),
        #061853;
    box-shadow: 0 22px 58px rgba(0, 10, 36, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.sv-matrix-system .sv-system-head h2 {
    color: #fff;
}

.sv-matrix-system .sv-system-head p {
    color: rgba(222, 237, 255, .78);
}

.sv-case-grid article {
    overflow: hidden;
}

.sv-case-stats {
    border-top-color: rgba(185, 209, 238, .8);
}

.sv-case-stats span {
    border-right-color: rgba(185, 209, 238, .68);
}

.sv-case-stats em {
    color: #607087;
}

.sv-faq-panel {
    align-items: stretch;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.sv-faq-list,
.sv-final-cta {
    border: 1px solid rgba(185, 209, 238, .8);
    border-radius: 9px;
    box-shadow: 0 18px 42px rgba(24, 73, 128, .08);
}

.sv-faq-list {
    padding: 26px;
    background: #fff;
}

.sv-faq-item {
    border-color: rgba(185, 209, 238, .76);
    color: #162946;
    background: #f8fbff;
}

.sv-faq-item span {
    color: #162946;
}

.sv-faq-item p {
    color: #607087;
}

.sv-faq-item em::before,
.sv-faq-item em::after {
    background: #1677ff;
}

.sv-bottom-visual {
    min-height: 260px;
    border: 1px solid rgba(17, 94, 210, .18);
    border-radius: 9px;
    background:
        radial-gradient(circle at 50% 64%, rgba(23, 125, 255, .22), transparent 54%),
        linear-gradient(180deg, #eef6ff, #fff);
}

.sv-final-cta {
    padding: 34px;
    color: #fff;
    background:
        radial-gradient(circle at 80% 16%, rgba(25, 140, 255, .28), transparent 32%),
        linear-gradient(135deg, #061833 0%, #0b3b86 100%);
    box-shadow: 0 22px 52px rgba(10, 52, 120, .2);
}

.sv-final-cta h2,
.sv-final-cta p {
    color: #fff;
}

.sv-final-cta p {
    color: rgba(229, 241, 255, .82);
}

.sv-final-cta .sv-btn-ghost {
    border-color: rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
}

/* Refinements from the new light-page mockup. */
.sv-problems {
    padding-top: 54px;
    padding-bottom: 60px;
    background:
        radial-gradient(circle at 50% 46%, rgba(22, 119, 255, .045), transparent 36%),
        #fff;
}

.sv-process,
.sv-gains,
.sv-industries,
.sv-cases,
.sv-faq-cta {
    padding-top: 58px;
    padding-bottom: 58px;
}

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

.sv-problem-grid article {
    min-height: 158px;
    display: grid;
    grid-template-columns: 44px 1fr;
    align-content: start;
    column-gap: 14px;
    padding: 24px 22px 22px;
    border-radius: 8px;
    border-color: rgba(205, 222, 242, .88);
    background: #fff;
    box-shadow: 0 16px 38px rgba(29, 91, 158, .1);
}

.sv-problem-grid span {
    position: relative;
    grid-row: 1 / 2;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #fff;
    font-size: 0;
    background:
        var(--sv-problem-icon) center / 23px 23px no-repeat,
        radial-gradient(circle at 32% 22%, rgba(255, 255, 255, .34), transparent 32%),
        linear-gradient(135deg, #7b37ff 0%, #376eff 58%, #18b8ff 100%);
    box-shadow: 0 12px 26px rgba(64, 102, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.sv-problem-grid span::before {
    content: "";
    position: absolute;
    inset: -6px;
    z-index: -1;
    border-radius: 50%;
    background: rgba(73, 105, 255, .12);
}

.sv-problem-grid article:nth-child(1) span {
    --sv-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 7.5h8l2 2v11a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-11l2-2Z'/%3E%3Cpath d='M11.5 7.5V6h5v1.5'/%3E%3Ccircle cx='14' cy='14.5' r='3.2'/%3E%3Cpath d='m12.7 14.5.9.9 1.8-2'/%3E%3C/svg%3E");
}

.sv-problem-grid article:nth-child(2) span {
    --sv-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 20.5h11a2 2 0 0 0 2-2v-11h-11a2 2 0 0 0-2 2v11Z'/%3E%3Cpath d='m12 16 5.5-5.5'/%3E%3Cpath d='M14 10.5h3.5V14'/%3E%3C/svg%3E");
}

.sv-problem-grid article:nth-child(3) span {
    --sv-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7.5h9.5l2 2V20a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V9.5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M18.5 7.5V10h2'/%3E%3Cpath d='m11 17 2.6-2.6 2.1 2.1L19 13'/%3E%3Cpath d='M11 12h4'/%3E%3C/svg%3E");
}

.sv-problem-grid article:nth-child(4) span {
    --sv-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9.5' cy='10' r='2.4'/%3E%3Ccircle cx='18.5' cy='10' r='2.4'/%3E%3Ccircle cx='9.5' cy='19' r='2.4'/%3E%3Ccircle cx='18.5' cy='19' r='2.4'/%3E%3Cpath d='M11.7 11.1 16.3 18'/%3E%3Cpath d='M16.3 11.1 11.7 18'/%3E%3Cpath d='M11.9 10h4.2'/%3E%3Cpath d='M11.9 19h4.2'/%3E%3C/svg%3E");
}

.sv-problem-grid article:nth-child(5) span {
    --sv-problem-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.05' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 10.5 14 15l6.5-4.5'/%3E%3Cpath d='M8 9h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2Z'/%3E%3Cpath d='m11.5 17 1.7 1.7 3.8-4.2'/%3E%3C/svg%3E");
}

.sv-problem-grid h3 {
    margin: 0;
    align-self: center;
    font-size: 17px;
    line-height: 1.35;
}

.sv-problem-grid p {
    grid-column: 1 / -1;
    margin-top: 18px;
    font-size: 13px;
    line-height: 1.82;
}

.sv-process-grid {
    gap: 12px;
}

.sv-process-grid article {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-content: start;
    min-height: 176px;
    padding: 24px 18px 22px;
    column-gap: 12px;
    border: 1px solid rgba(59, 126, 207, .45);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(27, 63, 111, .9), rgba(13, 39, 80, .94)),
        rgba(8, 28, 63, .92);
    box-shadow:
        0 18px 36px rgba(7, 28, 72, .18),
        inset 0 1px 0 rgba(148, 201, 255, .12);
    overflow: hidden;
}

.sv-process-grid article::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 92px;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background:
        var(--sv-process-icon) center / 24px 24px no-repeat,
        linear-gradient(135deg, #168dff 0%, #0066e8 100%);
    box-shadow:
        0 10px 22px rgba(0, 106, 232, .34),
        inset 0 1px 0 rgba(255, 255, 255, .24);
}

.sv-process-grid article:not(:last-child)::after {
    display: none;
}

.sv-process-grid article:nth-child(1) {
    --sv-process-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='16' height='16' rx='2.4'/%3E%3Cpath d='M10 19.5c.6-2 2-3 4-3s3.4 1 4 3'/%3E%3Ccircle cx='14' cy='12.4' r='2.5'/%3E%3Cpath d='M8.8 9.4h2.4M16.8 9.4h2.4M9 6v16'/%3E%3C/svg%3E");
}

.sv-process-grid article:nth-child(2) {
    --sv-process-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='7' width='7' height='14' rx='2'/%3E%3Crect x='15' y='7' width='7' height='14' rx='2'/%3E%3Cpath d='M9.5 11.2h.1M9.5 16.8h.1M18.5 11.2h.1M18.5 16.8h.1M12.8 10.4l2.4 1.4M15.2 16.2l-2.4 1.4'/%3E%3C/svg%3E");
}

.sv-process-grid article:nth-child(3) {
    --sv-process-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='5.8' width='12' height='16.4' rx='2.5'/%3E%3Ccircle cx='14' cy='14' r='3.1'/%3E%3Cpath d='m12.8 12.5 3.2 1.5-3.2 1.5v-3ZM12 8.8h4M13 19.2h2'/%3E%3C/svg%3E");
}

.sv-process-grid article:nth-child(4) {
    --sv-process-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h7l2 3h5'/%3E%3Cpath d='M7 20h7l2-3h5'/%3E%3Cpath d='M7 14h14'/%3E%3Cpath d='m18.5 8.5 2.5 2.5-2.5 2.5M18.5 14.5 21 17l-2.5 2.5M18.5 11.5 21 14l-2.5 2.5'/%3E%3C/svg%3E");
}

.sv-process-grid article:nth-child(5) {
    --sv-process-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='6' width='14' height='16' rx='2.4'/%3E%3Cpath d='M10.5 17.5v-3M14 17.5v-6M17.5 17.5v-4'/%3E%3Cpath d='M10.5 20h7M10.5 9.5h7'/%3E%3C/svg%3E");
}

.sv-process-grid article:nth-child(6) {
    --sv-process-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5.8 21 9v5.2c0 4.2-2.6 6.7-7 8-4.4-1.3-7-3.8-7-8V9l7-3.2Z'/%3E%3Ccircle cx='14' cy='13' r='2.2'/%3E%3Cpath d='M10.6 18.2c.8-1.8 2-2.7 3.4-2.7s2.6.9 3.4 2.7'/%3E%3C/svg%3E");
}

.sv-process-grid article:not(:last-child)::after {
    content: none;
}

.sv-process-grid strong {
    width: auto;
    height: auto;
    justify-content: flex-start;
    border: 0;
    border-radius: 0;
    color: transparent;
    background: linear-gradient(90deg, #168bff 0%, #3384ff 42%, #646bff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    box-shadow: none;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    text-shadow: none;
}

.sv-process-grid h3 {
    display: grid;
    gap: 2px;
    margin: 0;
    align-self: start;
    color: rgba(246, 251, 255, .94);
    font-size: 17px;
    line-height: 1.48;
    font-weight: 900;
}

.sv-process-grid h3 span {
    display: block;
}

.sv-process-grid p {
    grid-column: 1 / -1;
    margin: 18px 0 0;
    padding-left: 52px;
    color: rgba(206, 224, 248, .72);
    font-size: 13px;
    line-height: 1.72;
}

.sv-process-grid article:hover {
    border-color: rgba(75, 151, 255, .7);
    background:
        linear-gradient(180deg, rgba(31, 71, 122, .94), rgba(14, 43, 88, .96)),
        rgba(8, 28, 63, .94);
    box-shadow:
        0 20px 42px rgba(8, 41, 96, .24),
        0 0 0 1px rgba(50, 136, 255, .08) inset,
        inset 0 1px 0 rgba(168, 212, 255, .16);
}

.sv-system-grid {
    gap: 0;
    border: 1px solid rgba(105, 178, 255, .28);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(5, 21, 56, .52);
    box-shadow: 0 28px 68px rgba(0, 10, 36, .28);
}

.sv-matrix-system .sv-system-card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.sv-matrix-system .sv-system-card + .sv-system-card {
    border-left: 1px solid rgba(105, 178, 255, .24);
}

.sv-gain-grid article {
    min-height: 112px;
    border-radius: 8px;
}

.sv-gain-grid article::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    margin-bottom: 14px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .72) 0 20%, transparent 22%),
        linear-gradient(135deg, #1677ff, #25b5ff);
    box-shadow: 0 12px 26px rgba(22, 119, 255, .18);
}

.sv-gain-grid span {
    font-size: 17px;
}

.sv-gain-grid p {
    font-size: 13px;
}

.sv-industry-grid article {
    min-height: 260px;
    justify-content: flex-start;
    padding: 168px 20px 20px;
    border: 1px solid rgba(185, 209, 238, .8);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(24, 73, 128, .08);
}

.sv-industry-grid article::before {
    inset: 0 0 auto;
    height: 148px;
    background:
        linear-gradient(180deg, rgba(3, 18, 45, .08), rgba(3, 18, 45, .18)),
        var(--industry-img) center / cover;
}

.sv-industry-grid article::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 118px;
    height: 52px;
    background: linear-gradient(180deg, transparent, #fff 78%);
}

.sv-industry-grid h3,
.sv-industry-grid p {
    color: #142743;
}

.sv-industry-grid h3 {
    font-size: 18px;
}

.sv-industry-grid p {
    color: #607087;
    font-size: 13px;
}

.sv-case-grid {
    gap: 18px;
}

.sv-case-grid article {
    border-radius: 8px;
}

.sv-case-grid figure {
    height: 168px;
}

.sv-case-grid img {
    filter: saturate(1.04) brightness(.98);
}

.sv-case-grid figure::after {
    background: linear-gradient(180deg, rgba(3, 12, 30, .06), rgba(3, 12, 30, .18));
}

.sv-case-body {
    min-height: 100px;
}

.sv-case-stats span {
    min-height: 64px;
}

.sv-faq-panel {
    grid-template-columns: minmax(0, 1.05fr) minmax(220px, .58fr) minmax(0, 1.12fr);
    gap: 26px;
}

.sv-faq-list,
.sv-final-cta,
.sv-bottom-visual {
    border-radius: 8px;
}

.sv-faq-list h2 {
    font-size: 30px;
}

.sv-faq-item {
    min-height: 44px;
    border-radius: 6px;
}

.sv-final-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[data-sv-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
}

[data-sv-reveal].is-visible {
    opacity: 1;
    transform: none;
}

@media (max-width: 1280px) {
    .sv-problem-grid,
    .sv-gain-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    .sv-process-grid article::after {
        display: none;
    }

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

    .sv-metrics article:nth-child(3) {
        border-right: 0;
    }

    .sv-metrics article:nth-child(-n + 3) {
        border-bottom: 1px solid rgba(169, 215, 255, .18);
    }
}

@media (max-width: 1120px) {
    .sv-hero {
        height: auto;
        min-height: auto;
        padding-bottom: 40px;
    }

    .sv-hero-inner,
    .sv-system-grid,
    .sv-faq-panel {
        grid-template-columns: 1fr;
        height: auto;
    }

    .sv-hero-visual {
        min-height: 460px;
        height: 460px;
    }

    .sv-faq-panel {
        text-align: left;
    }

    .sv-system-grid {
        border-radius: 10px;
    }

    .sv-matrix-system .sv-system-card + .sv-system-card {
        border-left: 0;
        border-top: 1px solid rgba(105, 178, 255, .24);
    }

    .sv-bottom-visual {
        display: none;
    }

    .sv-final-cta h2,
    .sv-final-cta p {
        max-width: none;
    }
}

@media (max-width: 920px) {
    .sv-container {
        width: min(720px, calc(100% - 32px));
    }

    .sv-hero {
        padding-top: 104px;
    }

    .sv-metrics,
    .sv-problem-grid,
    .sv-process-grid,
    .sv-gain-grid,
    .sv-industry-grid,
    .sv-case-grid,
    .sv-growth-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sv-metrics article:nth-child(2n) {
        border-right: 0;
    }

    .sv-metrics article:nth-child(3) {
        border-right: 1px solid rgba(169, 215, 255, .18);
    }

    .sv-metrics article:nth-child(-n + 4) {
        border-bottom: 1px solid rgba(169, 215, 255, .18);
    }

    .sv-data-card,
    .sv-play-card,
    .sv-social-panel {
        display: none;
    }

    .sv-phone-stage {
        left: 0;
        right: 0;
    }

    .sv-ring-a {
        width: min(500px, 86vw);
    }

    .sv-ring-b {
        width: min(350px, 62vw);
    }
}

@media (max-width: 640px) {
    .sv-section {
        padding: 44px 0;
    }

    .sv-hero {
        height: auto;
        min-height: auto;
        padding: 96px 0 42px;
    }

    .sv-hero-inner {
        gap: 30px;
    }

    .sv-hero-copy {
        text-align: center;
    }

    .sv-hero-copy h1 {
        font-size: clamp(38px, 10vw, 48px);
    }

    .sv-hero-desc {
        margin-left: auto;
        margin-right: auto;
    }

    .sv-hero-tags,
    .sv-hero-actions,
    .sv-final-cta > div {
        justify-content: center;
    }

    .sv-hero-tags {
        gap: 10px 14px;
    }

    .sv-btn {
        width: 100%;
        max-width: 280px;
    }

    .sv-hero-visual {
        min-height: 300px;
        height: 300px;
    }

    .sv-phone-stage {
        top: 0;
        bottom: 0;
    }

    .sv-ring-a {
        width: 290px;
        height: 110px;
    }

    .sv-ring-b {
        width: 210px;
        height: 76px;
    }

    .sv-phone {
        width: 88px;
        height: 176px;
        border-radius: 19px;
    }

    .sv-phone b {
        top: 30px;
        height: 90px;
    }

    .sv-phone i {
        top: 132px;
    }

    .sv-phone em {
        top: 154px;
        height: 10px;
    }

    .sv-phone-a {
        left: 12%;
        bottom: 62px;
    }

    .sv-phone-b {
        width: 104px;
        height: 208px;
        bottom: 62px;
    }

    .sv-phone-b b {
        height: 112px;
    }

    .sv-phone-b i {
        top: 158px;
    }

    .sv-phone-b em {
        top: 181px;
    }

    .sv-phone-c {
        right: 12%;
        bottom: 62px;
    }

    .sv-metrics,
    .sv-problem-grid,
    .sv-process-grid,
    .sv-gain-grid,
    .sv-industry-grid,
    .sv-case-grid,
    .sv-growth-grid {
        grid-template-columns: 1fr;
    }

    .sv-metrics article,
    .sv-metrics article:nth-child(2n),
    .sv-metrics article:nth-child(3),
    .sv-metrics article:nth-child(-n + 3),
    .sv-metrics article:nth-child(-n + 4) {
        min-height: 94px;
        grid-template-columns: 50px 1fr;
        padding: 18px;
        border-right: 0;
        border-bottom: 1px solid rgba(169, 215, 255, .18);
    }

    .sv-metrics article:last-child {
        border-bottom: 0;
    }

    .sv-problem-grid article {
        grid-template-columns: 42px 1fr;
        min-height: auto;
        padding: 22px 20px;
    }

    .sv-metric-icon {
        width: 46px;
        height: 46px;
    }

    .sv-system-card {
        min-height: auto;
        padding: 22px;
    }

    .sv-coverage-model {
        min-height: 328px;
    }

    .sv-platform-list {
        display: none;
    }

    .sv-model-phones {
        top: 18px;
        width: 280px;
    }

    .sv-model-phones .sv-phone {
        width: 78px;
        height: 154px;
    }

    .sv-phone-main {
        width: 94px !important;
        height: 184px !important;
    }

    .sv-platform-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sv-platform-bar span:last-child {
        grid-column: 1 / -1;
    }

    .sv-dashboard {
        min-height: 260px;
    }

    .sv-chart-bars {
        height: 126px;
    }

    .sv-faq-panel {
        padding: 20px;
    }

    .sv-final-cta {
        text-align: center;
    }
}

/* Matrix coverage model final cascade overrides */
.sv-matrix-system .sv-system-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.sv-matrix-system .sv-system-card,
.sv-matrix-system .sv-system-card + .sv-system-card {
    min-height: 438px;
    padding: 20px 22px 22px;
    border: 1px solid rgba(79, 146, 244, .5);
    border-radius: 12px;
    background:
        radial-gradient(circle at 50% 18%, rgba(36, 118, 255, .22), transparent 38%),
        radial-gradient(circle at 14% 86%, rgba(0, 146, 255, .1), transparent 34%),
        linear-gradient(180deg, rgba(9, 34, 101, .9), rgba(4, 20, 68, .96)),
        #061753;
    box-shadow:
        0 20px 48px rgba(0, 10, 42, .34),
        inset 0 1px 0 rgba(154, 207, 255, .12);
}

.sv-matrix-system .sv-coverage {
    background:
        radial-gradient(circle at 50% 18%, rgba(36, 118, 255, .22), transparent 38%),
        radial-gradient(circle at 14% 86%, rgba(0, 146, 255, .1), transparent 34%),
        linear-gradient(180deg, rgba(9, 34, 101, .9), rgba(4, 20, 68, .96)),
        #061753;
}

.sv-matrix-system .sv-system-card::before {
    background:
        radial-gradient(circle at 20% 18%, rgba(78, 160, 255, .28), transparent 2px),
        radial-gradient(circle at 84% 22%, rgba(78, 160, 255, .2), transparent 2px),
        radial-gradient(circle at 52% 74%, rgba(31, 117, 255, .14), transparent 36%),
        linear-gradient(135deg, rgba(71, 136, 255, .12), transparent 42%);
    opacity: .7;
}

.sv-matrix-system .sv-coverage::before {
    background:
        radial-gradient(circle at 18% 18%, rgba(73, 156, 255, .26), transparent 2px),
        radial-gradient(circle at 82% 22%, rgba(73, 156, 255, .18), transparent 2px),
        radial-gradient(circle at 50% 76%, rgba(31, 117, 255, .16), transparent 38%),
        linear-gradient(135deg, rgba(71, 136, 255, .12), transparent 42%);
    opacity: .68;
}

.sv-matrix-system .sv-system-card::after,
.sv-matrix-system .sv-coverage::after {
    display: none;
}

.sv-matrix-system .sv-system-head h2 {
    color: rgba(248, 252, 255, .96);
    font-size: clamp(24px, 2vw, 30px);
    line-height: 1.12;
    text-shadow: 0 0 14px rgba(79, 149, 255, .34);
}

.sv-matrix-system .sv-system-head p {
    margin-top: 8px;
    color: rgba(205, 225, 252, .72);
    font-size: 14px;
    line-height: 1.5;
}

.sv-coverage-model {
    min-height: 342px;
    margin-top: 8px;
}

.sv-matrix-system .sv-coverage .sv-matrix-art {
    display: block;
    position: absolute;
    left: 50%;
    top: -10px;
    z-index: 1;
    width: min(540px, 84%);
    height: 292px;
    margin: 0;
    overflow: visible;
    transform: translateX(-50%);
    mix-blend-mode: normal;
    opacity: 1;
    filter: saturate(1.04) brightness(1.02) contrast(1.02) drop-shadow(0 18px 30px rgba(0, 16, 56, .26));
}

.sv-matrix-system .sv-coverage .sv-matrix-art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    -webkit-mask-image: none;
    mask-image: none;
}

.sv-matrix-system .sv-coverage .sv-matrix-tags {
    top: 48px;
    gap: 14px;
    width: auto;
}

.sv-matrix-system .sv-coverage .sv-matrix-tags span {
    width: max-content;
    min-width: 106px;
    max-width: 132px;
    min-height: 54px;
    padding: 8px 11px;
    border-color: rgba(92, 161, 255, .56);
    background: linear-gradient(135deg, rgba(34, 65, 160, .84), rgba(10, 41, 105, .92));
    box-shadow:
        inset 0 1px 0 rgba(186, 223, 255, .12),
        0 12px 24px rgba(0, 14, 52, .28);
}

.sv-matrix-system .sv-coverage .sv-matrix-tags span::before {
    z-index: 2;
    width: 11px;
    height: 11px;
    border-color: #69b4ff;
    background: #087aff;
    box-shadow:
        0 0 0 4px rgba(19, 108, 255, .16),
        0 0 16px rgba(48, 145, 255, .9);
}

.sv-matrix-system .sv-coverage .sv-matrix-tags span::after {
    z-index: 1;
    width: var(--line-len, 38px);
    height: 2px;
    background: linear-gradient(90deg, rgba(47, 145, 255, .1), rgba(55, 154, 255, .9));
}

.sv-matrix-system .sv-coverage .sv-matrix-tags-left span::before {
    left: calc(100% + var(--line-len, 38px) - 5px);
    right: auto;
}

.sv-matrix-system .sv-coverage .sv-matrix-tags-left span::after {
    left: 100%;
    right: auto;
}

.sv-matrix-system .sv-coverage .sv-matrix-tags-right span::before {
    right: calc(100% + var(--line-len, 38px) - 5px);
    left: auto;
}

.sv-matrix-system .sv-coverage .sv-matrix-tags-right span::after {
    right: 100%;
    left: auto;
    background: linear-gradient(90deg, rgba(55, 154, 255, .9), rgba(47, 145, 255, .1));
    transform: translateY(-50%);
}

.sv-matrix-system .sv-coverage .sv-matrix-tags-left span:nth-child(1),
.sv-matrix-system .sv-coverage .sv-matrix-tags-right span:nth-child(1) {
    --line-len: 35px;
}

.sv-matrix-system .sv-coverage .sv-matrix-tags-left span:nth-child(2),
.sv-matrix-system .sv-coverage .sv-matrix-tags-right span:nth-child(2) {
    --line-len: 45px;
}

.sv-matrix-system .sv-coverage .sv-matrix-tags-left span:nth-child(3),
.sv-matrix-system .sv-coverage .sv-matrix-tags-right span:nth-child(3) {
    --line-len: 36px;
}

.sv-coverage .sv-platform-bar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    bottom: 2px;
    min-height: 44px;
    padding: 7px 14px;
    border-color: rgba(85, 145, 255, .48);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(36, 72, 146, .82), rgba(16, 44, 105, .9)),
        rgba(8, 26, 76, .78);
    box-shadow:
        inset 0 1px 0 rgba(177, 215, 255, .16),
        inset 0 -1px 0 rgba(7, 18, 62, .58),
        0 10px 24px rgba(0, 10, 42, .22);
    backdrop-filter: blur(6px);
}

.sv-coverage .sv-platform-bar span {
    gap: 7px;
    color: rgba(226, 241, 255, .88);
    font-size: 12px;
    font-weight: 800;
    text-shadow: 0 0 8px rgba(95, 161, 255, .2);
}

.sv-coverage .sv-platform-bar span::before {
    width: 22px;
    height: 22px;
    border: 1px solid rgba(128, 164, 255, .42);
    border-radius: 6px;
    background:
        var(--sv-bar-icon) center / 14px 14px no-repeat,
        linear-gradient(135deg, rgba(110, 89, 255, .94), rgba(20, 123, 255, .95));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .18),
        0 0 14px rgba(49, 118, 255, .36);
}

.sv-coverage .sv-platform-bar span:last-child {
    grid-column: auto;
}

.sv-coverage .sv-platform-bar span:nth-child(1) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8.5' r='2.2'/%3E%3Ccircle cx='16' cy='8.5' r='2.2'/%3E%3Cpath d='M5 18c.5-2.6 1.7-4 3.7-4M15.3 14c2 0 3.2 1.4 3.7 4M10.2 17.5h3.6'/%3E%3C/svg%3E");
}

.sv-coverage .sv-platform-bar span:nth-child(2) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5.5h10v13l-5-3-5 3v-13Z'/%3E%3Cpath d='M10 9h4M10 12h3'/%3E%3C/svg%3E");
}

.sv-coverage .sv-platform-bar span:nth-child(3) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 7 10 10M17 7 7 17'/%3E%3Cpath d='M12 4v3M12 17v3M4 12h3M17 12h3'/%3E%3C/svg%3E");
}

.sv-coverage .sv-platform-bar span:nth-child(4) {
    --sv-bar-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18V9M12 18V6M18 18v-5'/%3E%3Cpath d='M5 18h14'/%3E%3C/svg%3E");
}

.sv-matrix-system .sv-growth {
    background:
        radial-gradient(circle at 45% 18%, rgba(38, 126, 255, .2), transparent 36%),
        radial-gradient(circle at 86% 78%, rgba(0, 146, 255, .1), transparent 32%),
        linear-gradient(180deg, rgba(9, 34, 101, .9), rgba(4, 20, 68, .96)),
        #061753;
}

.sv-growth .sv-growth-grid {
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin-top: 18px;
}

.sv-growth .sv-growth-visual {
    align-self: start;
    min-width: 0;
}

.sv-growth .sv-growth-panel {
    margin: 0;
    filter: drop-shadow(0 18px 28px rgba(0, 12, 48, .22));
}

.sv-growth .sv-growth-panel img {
    display: block;
    width: 100%;
    height: 330px;
    object-fit: fill;
}

.sv-growth .sv-growth-dashboard {
    height: 226px;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(111, 174, 255, .42);
    border-radius: 8px;
    background: rgba(228, 240, 255, .92);
    box-shadow:
        0 16px 30px rgba(0, 12, 48, .2),
        inset 0 1px 0 rgba(255, 255, 255, .68);
}

.sv-growth .sv-growth-dashboard img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.sv-growth .sv-growth-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.sv-growth .sv-growth-metrics span {
    display: grid;
    gap: 4px;
    min-height: 84px;
    padding: 10px 9px 9px;
    border: 1px solid rgba(76, 142, 255, .42);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(24, 76, 168, .82), rgba(7, 34, 103, .9));
    box-shadow: inset 0 1px 0 rgba(187, 222, 255, .12);
}

.sv-growth .sv-growth-metrics i {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background:
        var(--sv-metric-icon) center / 16px 16px no-repeat,
        linear-gradient(135deg, #16b8ff, #086dff);
    box-shadow: 0 8px 16px rgba(0, 111, 255, .28);
}

.sv-growth .sv-metric-play {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V7l9-2v11'/%3E%3Ccircle cx='7' cy='18' r='2.4'/%3E%3Ccircle cx='16' cy='16' r='2.4'/%3E%3Cpath d='M9 10.5 18 8.5'/%3E%3C/svg%3E");
}

.sv-growth .sv-metric-engage {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.2-7-10a4 4 0 0 1 7-2.7A4 4 0 0 1 19 10c0 5.8-7 10-7 10Z'/%3E%3C/svg%3E");
}

.sv-growth .sv-metric-lead {
    --sv-metric-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17a4 4 0 0 1 0-8h2'/%3E%3Cpath d='M17 7a4 4 0 0 1 0 8h-2'/%3E%3Cpath d='M8 12h8'/%3E%3Cpath d='M16 5l3 2-3 2M8 19l-3-2 3-2'/%3E%3C/svg%3E");
}

.sv-growth .sv-growth-metrics b {
    color: rgba(248, 252, 255, .96);
    font-size: 20px;
    line-height: 1.1;
    font-weight: 900;
}

.sv-growth .sv-growth-metrics em {
    color: rgba(187, 214, 255, .78);
    font-size: 10px;
    line-height: 1.25;
    font-style: normal;
    white-space: nowrap;
}

.sv-growth .sv-growth-metrics strong {
    color: #05e7ff;
    font-weight: 850;
}

.sv-growth .sv-growth-list {
    gap: 6px;
    margin: 0;
}

.sv-growth .sv-growth-list li {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 9px;
    min-height: 48px;
    padding: 5px 9px;
    border-color: rgba(83, 151, 255, .44);
    background: linear-gradient(180deg, rgba(28, 82, 168, .76), rgba(13, 49, 110, .86));
    box-shadow:
        inset 0 1px 0 rgba(201, 230, 255, .12),
        0 10px 20px rgba(0, 16, 56, .16);
}

.sv-growth .sv-growth-list b {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: linear-gradient(135deg, #14b7ff 0%, #0874ff 100%);
    box-shadow: 0 10px 20px rgba(0, 105, 255, .28);
}

.sv-growth .sv-growth-list b::before {
    width: 23px;
    height: 23px;
    border-radius: 0;
    background: var(--sv-growth-icon) center / 23px 23px no-repeat;
    box-shadow: none;
}

.sv-growth .sv-growth-list li:nth-child(1) {
    --sv-growth-icon: url("/template/xqd/assets/images/short-video/growth-icon-ai-script.svg");
}

.sv-growth .sv-growth-list li:nth-child(2) {
    --sv-growth-icon: url("/template/xqd/assets/images/short-video/growth-icon-keyword.svg");
}

.sv-growth .sv-growth-list li:nth-child(3) {
    --sv-growth-icon: url("/template/xqd/assets/images/short-video/growth-icon-hot-content.svg");
}

.sv-growth .sv-growth-list li:nth-child(4) {
    --sv-growth-icon: url("/template/xqd/assets/images/short-video/growth-icon-cover-title.svg");
}

.sv-growth .sv-growth-list li:nth-child(5) {
    --sv-growth-icon: url("/template/xqd/assets/images/short-video/growth-icon-conversion.svg");
}

.sv-growth .sv-growth-list li:nth-child(6) {
    --sv-growth-icon: url("/template/xqd/assets/images/short-video/growth-icon-iteration.svg");
}

.sv-growth .sv-growth-list span {
    color: rgba(248, 252, 255, .96);
    font-size: 13px;
    line-height: 1.18;
    font-weight: 900;
}

.sv-growth .sv-growth-list em {
    margin-top: 2px;
    color: rgba(211, 230, 255, .72);
    font-size: 10.5px;
    line-height: 1.2;
}

@media (max-width: 1180px) {
    .sv-matrix-system .sv-system-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .sv-matrix-system .sv-system-card,
    .sv-matrix-system .sv-system-card + .sv-system-card {
        min-height: auto;
        padding: 20px 16px;
    }

    .sv-coverage-model {
        display: flex;
        flex-direction: column;
        gap: 14px;
        min-height: auto;
    }

    .sv-matrix-art,
    .sv-matrix-system .sv-coverage .sv-matrix-art,
    .sv-matrix-tags,
    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-coverage .sv-platform-bar {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        transform: none;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-art,
    .sv-matrix-art {
        height: 300px;
        order: 1;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-matrix-tags {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .sv-matrix-tags-left {
        order: 2;
    }

    .sv-matrix-tags-right {
        order: 3;
    }

    .sv-matrix-tags span::before,
    .sv-matrix-tags span::after,
    .sv-matrix-system .sv-coverage .sv-matrix-tags span::before,
    .sv-matrix-system .sv-coverage .sv-matrix-tags span::after {
        display: none;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags span,
    .sv-matrix-tags span {
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 54px;
        text-align: center;
    }

    .sv-matrix-tags em {
        white-space: normal;
    }

    .sv-coverage .sv-platform-bar {
        order: 4;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sv-growth .sv-growth-grid {
        grid-template-columns: 1fr;
    }

    .sv-growth .sv-growth-panel img {
        height: auto;
        object-fit: contain;
    }

    .sv-growth .sv-growth-dashboard {
        height: auto;
    }

    .sv-growth .sv-growth-dashboard img {
        height: auto;
        object-fit: contain;
    }
}

@media (max-width: 480px) {
    .sv-matrix-system .sv-coverage .sv-matrix-art,
    .sv-matrix-art {
        height: 238px;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-matrix-tags {
        grid-template-columns: 1fr;
    }

    .sv-coverage .sv-platform-bar {
        grid-template-columns: 1fr;
    }
}

/* Final FAQ/CTA reference override */
.sv-faq-cta {
    padding: 22px 0 0;
    background:
        radial-gradient(circle at 72% 22%, rgba(18, 116, 255, .15), transparent 28%),
        linear-gradient(180deg, #061225 0%, #031024 100%);
}

.sv-faq-cta .sv-container {
    width: min(1600px, calc(100% - 76px));
}

.sv-faq-cta .sv-faq-panel {
    display: block;
    min-height: 0;
    padding: 0 14px 12px;
    overflow: hidden;
    border: 1px solid rgba(74, 143, 220, .28);
    border-radius: 7px;
    background:
        radial-gradient(circle at 76% 72%, rgba(15, 111, 255, .24), transparent 28%),
        linear-gradient(90deg, rgba(5, 24, 54, .98), rgba(6, 32, 72, .96) 54%, rgba(5, 20, 48, .98)),
        #06152d;
    box-shadow: 0 20px 48px rgba(0, 10, 34, .24), inset 0 1px 0 rgba(153, 205, 255, .08);
}

.sv-faq-cta .sv-faq-panel::before {
    background:
        linear-gradient(90deg, rgba(79, 154, 255, .052) 1px, transparent 1px) 0 0 / 44px 44px,
        linear-gradient(180deg, rgba(79, 154, 255, .04) 1px, transparent 1px) 0 0 / 44px 44px;
    opacity: .82;
}

.sv-faq-cta .sv-faq-panel::after,
.sv-faq-cta .sv-faq-list h2,
.sv-faq-cta .sv-faq-item em::before,
.sv-faq-cta .sv-faq-item em::after {
    display: none;
}

.sv-faq-cta .sv-faq-panel > h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 8px 0 7px;
    color: rgba(247, 252, 255, .96);
    font-size: 24px;
    line-height: 1.14;
    font-weight: 900;
    text-align: center;
    text-shadow: 0 0 14px rgba(80, 151, 255, .32);
}

.sv-faq-cta .sv-faq-board {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(330px, .98fr) minmax(330px, .98fr) minmax(280px, .84fr);
    gap: 28px;
    align-items: center;
}

.sv-faq-cta .sv-faq-list,
.sv-faq-cta .sv-bottom-visual {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sv-faq-cta .sv-faq-list {
    align-self: center;
    padding: 0;
}

.sv-faq-cta .sv-faq-item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 31px;
    margin: 0;
    border: 1px solid rgba(89, 143, 212, .34);
    border-radius: 0;
    color: rgba(227, 239, 255, .88);
    background: rgba(6, 23, 55, .74);
    box-shadow: none;
}

.sv-faq-cta .sv-faq-item + .sv-faq-item {
    border-top: 0;
}

.sv-faq-cta .sv-faq-item:first-child {
    border-radius: 2px 2px 0 0;
}

.sv-faq-cta .sv-faq-item:last-child {
    border-radius: 0 0 2px 2px;
}

.sv-faq-cta .sv-faq-item.is-open,
.sv-faq-cta .sv-faq-item:hover {
    border-color: rgba(87, 158, 255, .62);
    background: rgba(8, 30, 70, .84);
}

.sv-faq-cta .sv-faq-item span {
    display: block;
    padding: 7px 36px 7px 14px;
    color: rgba(227, 239, 255, .88);
    font-size: 13px;
    line-height: 1.18;
    font-weight: 800;
}

.sv-faq-cta .sv-faq-item p,
.sv-faq-cta .sv-faq-item.is-open p {
    display: none;
}

.sv-faq-cta .sv-faq-item em {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    margin: 0;
    border-right: 1.6px solid rgba(211, 231, 255, .78);
    border-bottom: 1.6px solid rgba(211, 231, 255, .78);
    transform: translateY(-64%) rotate(45deg);
}

.sv-faq-cta .sv-faq-item.is-open em {
    border-color: #6db3ff;
    transform: translateY(-35%) rotate(225deg);
}

.sv-faq-cta .sv-faq-answer {
    align-self: center;
    min-height: 116px;
    padding: 17px 22px;
    border: 1px solid rgba(88, 148, 220, .4);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(8, 31, 70, .84), rgba(6, 25, 60, .78)), rgba(5, 20, 48, .7);
    box-shadow: inset 0 1px 0 rgba(171, 214, 255, .08);
}

.sv-faq-cta .sv-faq-answer p {
    margin: 0;
    color: rgba(215, 231, 252, .78);
    font-size: 13px;
    line-height: 1.78;
}

.sv-faq-cta .sv-bottom-visual {
    display: block;
    align-self: center;
    min-height: 128px;
    height: 128px;
    overflow: visible;
}

.sv-faq-cta .sv-bottom-visual::before {
    bottom: 1px;
    width: 230px;
    height: 58px;
    background: radial-gradient(ellipse at center, rgba(10, 111, 255, .58), rgba(10, 111, 255, .1) 56%, transparent 72%);
}

.sv-faq-cta .sv-visual-orbit {
    bottom: 4px;
    width: 214px;
    height: 50px;
}

.sv-faq-cta .sv-bottom-phone {
    left: 50%;
    bottom: 24px;
    width: 58px;
    height: 118px;
    border-radius: 14px;
}

.sv-faq-cta .sv-bottom-phone::before {
    top: 5px;
    bottom: auto;
    width: 20px;
    height: 4px;
}

.sv-faq-cta .sv-bottom-phone::after {
    top: 49px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 14px;
}

.sv-faq-cta .sv-bottom-phone b {
    top: 22px;
    left: 8px;
    right: 8px;
    height: 55px;
}

.sv-faq-cta .sv-bottom-phone i {
    top: 86px;
    left: 8px;
    right: 8px;
    height: 8px;
}

.sv-faq-cta .sv-bottom-phone em {
    top: 101px;
    left: 8px;
    right: 8px;
    height: 10px;
}

.sv-faq-cta .sv-visual-phone {
    right: 20%;
    bottom: 21px;
    width: 46px;
    height: 94px;
}

.sv-faq-cta .sv-visual-bubble {
    width: 35px;
    height: 32px;
    border-radius: 6px;
}

.sv-faq-cta .sv-bubble-chat {
    left: 16px;
    top: 24px;
    width: 34px;
    height: 32px;
}

.sv-faq-cta .sv-bubble-play {
    left: 65%;
    top: 12px;
    width: 70px;
    height: 38px;
}

.sv-faq-cta .sv-bubble-ai {
    right: 16px;
    bottom: 15px;
    width: 41px;
    height: 39px;
    font-size: 18px;
}

.sv-faq-cta .sv-bubble-note {
    right: 2px;
    top: 52px;
    width: 34px;
    height: 32px;
}

.sv-faq-cta .sv-final-cta {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: center;
    min-height: 96px;
    margin: 0;
    padding: 20px 40px 22px;
    border: 0;
    border-top: 1px solid rgba(54, 101, 166, .38);
    border-radius: 0;
    background: rgba(2, 12, 34, .2);
    box-shadow: none;
    color: #fff;
}

.sv-faq-cta .sv-final-cta > div:first-child {
    display: block;
}

.sv-faq-cta .sv-final-cta > div:last-child {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 24px;
    margin: 0;
}

.sv-faq-cta .sv-final-cta h2 {
    max-width: none;
    color: rgba(248, 252, 255, .98);
    font-size: clamp(22px, 2.02vw, 30px);
    line-height: 1.25;
    font-weight: 900;
    text-align: left;
}

.sv-faq-cta .sv-final-cta p {
    max-width: none;
    margin: 8px 0 0;
    color: rgba(203, 224, 250, .78);
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

.sv-faq-cta .sv-final-cta .sv-btn {
    min-width: 144px;
    height: 52px;
    padding: 0 23px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 900;
}

.sv-faq-cta .sv-final-cta .sv-btn-primary {
    background: #087bff;
    box-shadow: 0 16px 34px rgba(8, 123, 255, .26);
}

.sv-faq-cta .sv-final-cta .sv-btn-ghost {
    border-color: rgba(142, 172, 210, .64);
    background: rgba(6, 20, 45, .36);
}

@media (max-width: 1120px) {
    .sv-faq-cta .sv-faq-board {
        grid-template-columns: minmax(270px, 1fr) minmax(270px, 1fr);
        gap: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        grid-column: 1 / -1;
        width: min(360px, 100%);
        margin: 0 auto;
    }

    .sv-faq-cta .sv-final-cta {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta {
        padding-top: 14px;
    }

    .sv-faq-cta .sv-container {
        width: min(720px, calc(100% - 32px));
    }

    .sv-faq-cta .sv-faq-panel {
        padding: 0 12px 14px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        padding: 18px 0 16px;
        text-align: left;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .sv-faq-cta .sv-faq-item {
        min-height: 42px;
        border-radius: 6px;
    }

    .sv-faq-cta .sv-faq-item + .sv-faq-item {
        margin-top: 8px;
        border-top: 1px solid rgba(89, 143, 212, .34);
    }

    .sv-faq-cta .sv-faq-item span {
        padding: 12px 38px 12px 16px;
        font-size: 14px;
        line-height: 1.25;
    }

    .sv-faq-cta .sv-faq-answer {
        min-height: auto;
        padding: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        height: 190px;
    }

    .sv-faq-cta .sv-bottom-phone {
        width: 76px;
        height: 154px;
    }

    .sv-faq-cta .sv-final-cta {
        padding: 24px 0 20px;
    }

    .sv-faq-cta .sv-final-cta h2 {
        font-size: 24px;
        line-height: 1.38;
    }

    .sv-faq-cta .sv-final-cta p {
        line-height: 1.65;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        flex-direction: column;
        gap: 12px;
    }

    .sv-faq-cta .sv-final-cta .sv-btn {
        width: 100%;
    }
}

@media (min-width: 1121px) {
    .sv-faq-cta .sv-faq-board {
        padding: 0 46px;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta .sv-final-cta {
        padding: 24px 16px 20px;
    }
}

/* FAQ standalone panel: 1360px, clean deep-blue surface without grid texture */
.sv-faq-cta {
    padding: 46px 0 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(22, 110, 255, .12), transparent 34%),
        linear-gradient(180deg, #061225 0%, #031024 100%);
}

.sv-faq-cta .sv-container {
    width: 100%;
    max-width: none;
}

.sv-faq-cta .sv-faq-panel {
    width: min(1600px, calc(100% - 76px));
    margin: 0 auto;
    padding: 0 18px 16px;
    border-color: rgba(82, 150, 226, .34);
    border-radius: 8px;
    background:
        radial-gradient(circle at 76% 68%, rgba(17, 110, 255, .2), transparent 32%),
        linear-gradient(180deg, #071b3a 0%, #06142d 100%);
    box-shadow:
        0 22px 52px rgba(0, 10, 34, .26),
        inset 0 1px 0 rgba(160, 211, 255, .08);
}

.sv-faq-cta .sv-faq-panel::before,
.sv-faq-cta .sv-faq-panel::after {
    display: none;
}

.sv-faq-cta .sv-faq-panel > h2 {
    padding: 14px 0 13px;
}

.sv-faq-cta .sv-faq-board {
    padding: 0 48px;
}

.sv-faq-cta .sv-final-cta {
    width: min(1600px, calc(100% - 76px));
    margin: 28px auto 0;
}

@media (max-width: 1120px) {
    .sv-faq-cta .sv-faq-board {
        padding: 0;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta {
        padding-top: 36px;
    }

    .sv-faq-cta .sv-faq-panel,
    .sv-faq-cta .sv-final-cta {
        width: min(720px, calc(100% - 32px));
    }

    .sv-faq-cta .sv-faq-panel {
        padding: 0 12px 14px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        padding: 18px 0 16px;
    }
}

/* Banner metrics height refinement */
@media (min-width: 1121px) {
    .sv-metrics article {
        min-height: 86px;
        grid-template-columns: 50px minmax(0, 1fr);
        column-gap: 16px;
        padding: 13px 28px;
    }

    .sv-metrics strong {
        font-size: clamp(24px, 1.82vw, 30px);
    }

    .sv-metrics em {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.28;
    }

    .sv-metric-icon {
        width: 48px;
        height: 48px;
        background-size: 28px 28px, 100% 100%;
    }
}

/* Hero background must cover ultra-wide screens without exposing the page base color */
.sv-hero {
    background:
        linear-gradient(90deg, rgba(2, 8, 24, .2) 0%, rgba(2, 8, 24, .08) 36%, rgba(2, 8, 24, .02) 72%, rgba(2, 8, 24, .08) 100%),
        url("/template/xqd/assets/images/short-video/short-video-banner-bg.webp") center top / cover no-repeat,
        #041126;
}

/* FAQ white-card finish with dark conversion bar */
.sv-faq-cta {
    padding: 56px 0 0;
    background:
        linear-gradient(180deg, #f6f9ff 0%, #f6f9ff 68%, #06152d 68%, #06152d 100%);
}

.sv-faq-cta .sv-container {
    width: 100%;
    max-width: none;
}

.sv-faq-cta .sv-faq-panel {
    width: min(1600px, calc(100% - 76px));
    margin: 0 auto;
    padding: 0 42px 34px;
    border: 1px solid rgba(173, 198, 232, .82);
    border-radius: 8px;
    background:
        radial-gradient(circle at 84% 24%, rgba(23, 123, 255, .08), transparent 34%),
        #fff;
    box-shadow:
        0 20px 50px rgba(18, 56, 112, .12),
        0 1px 0 rgba(255, 255, 255, .9) inset;
}

.sv-faq-cta .sv-faq-panel::before,
.sv-faq-cta .sv-faq-panel::after {
    display: none;
}

.sv-faq-cta .sv-faq-panel > h2 {
    padding: 28px 0 24px;
    color: #10284a;
    text-shadow: none;
}

.sv-faq-cta .sv-faq-board {
    grid-template-columns: minmax(360px, .98fr) minmax(380px, 1fr) minmax(300px, .82fr);
    gap: 28px;
    padding: 0;
    align-items: stretch;
}

.sv-faq-cta .sv-faq-list,
.sv-faq-cta .sv-faq-answer,
.sv-faq-cta .sv-bottom-visual {
    border: 1px solid #d9e6f7;
    background: #f8fbff;
    box-shadow: none;
}

.sv-faq-cta .sv-faq-list {
    overflow: hidden;
}

.sv-faq-cta .sv-faq-item {
    min-height: 46px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.sv-faq-cta .sv-faq-item + .sv-faq-item {
    border-top: 1px solid #dce8f7;
}

.sv-faq-cta .sv-faq-item span {
    color: #19314f;
    font-weight: 800;
}

.sv-faq-cta .sv-faq-item.is-open,
.sv-faq-cta .sv-faq-item:hover {
    background: #edf5ff;
    box-shadow: inset 3px 0 0 #1688ff;
}

.sv-faq-cta .sv-faq-item em {
    color: #557090;
    opacity: .86;
}

.sv-faq-cta .sv-faq-item.is-open em {
    color: #1688ff;
}

.sv-faq-cta .sv-faq-answer {
    display: flex;
    align-items: center;
    min-height: 132px;
    padding: 24px 28px;
    color: #3c5069;
}

.sv-faq-cta .sv-faq-answer p {
    color: #3c5069;
    text-shadow: none;
}

.sv-faq-cta .sv-bottom-visual {
    min-height: 150px;
    height: auto;
    border-radius: 8px;
    background:
        radial-gradient(circle at 58% 70%, rgba(16, 105, 255, .2), transparent 42%),
        linear-gradient(180deg, #eef6ff 0%, #eaf3ff 100%);
}

.sv-faq-cta .sv-bottom-visual::before {
    background: radial-gradient(ellipse at center, rgba(15, 105, 255, .25), transparent 68%);
    opacity: .8;
}

.sv-faq-cta .sv-final-cta {
    width: min(1600px, calc(100% - 76px));
    margin: 28px auto 0;
    padding: 32px 40px;
    border: 1px solid rgba(82, 150, 226, .28);
    border-radius: 8px 8px 0 0;
    background:
        radial-gradient(circle at 76% 18%, rgba(20, 120, 255, .22), transparent 34%),
        linear-gradient(135deg, #081d3a 0%, #06152d 100%);
    box-shadow: 0 -10px 34px rgba(12, 62, 138, .12);
}

.sv-faq-cta .sv-final-cta::before {
    display: none;
}

.sv-faq-cta .sv-final-cta h2 {
    color: #fff;
    text-shadow: 0 0 20px rgba(76, 154, 255, .16);
}

.sv-faq-cta .sv-final-cta p {
    color: rgba(214, 230, 250, .82);
}

.sv-faq-cta .sv-final-cta > div:last-child {
    gap: 18px;
}

@media (max-width: 1120px) {
    .sv-faq-cta {
        padding-top: 44px;
        background:
            linear-gradient(180deg, #f6f9ff 0%, #f6f9ff 74%, #06152d 74%, #06152d 100%);
    }

    .sv-faq-cta .sv-faq-panel,
    .sv-faq-cta .sv-final-cta {
        width: min(100% - 48px, 920px);
    }

    .sv-faq-cta .sv-faq-panel {
        padding: 0 24px 28px;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
        gap: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 190px;
    }

    .sv-faq-cta .sv-final-cta {
        padding: 28px;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta {
        padding-top: 36px;
        background:
            linear-gradient(180deg, #f6f9ff 0%, #f6f9ff 78%, #06152d 78%, #06152d 100%);
    }

    .sv-faq-cta .sv-faq-panel,
    .sv-faq-cta .sv-final-cta {
        width: min(100% - 32px, 520px);
    }

    .sv-faq-cta .sv-faq-panel {
        padding: 0 14px 20px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        padding: 22px 0 18px;
        text-align: center;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: 1fr;
    }

    .sv-faq-cta .sv-faq-answer {
        padding: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        min-height: 180px;
    }

    .sv-faq-cta .sv-final-cta {
        margin-top: 20px;
        padding: 24px 18px;
    }
}

/* Premium FAQ and full-bleed technology CTA */
.sv-faq-cta {
    position: relative;
    overflow: hidden;
    padding: 76px 0 0;
    background:
        linear-gradient(180deg, #f9fcff 0%, #eef5ff 66%, #075dff 66%, #043bca 82%, #06152d 100%);
}

.sv-faq-cta::before {
    display: none;
}

.sv-faq-cta .sv-container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
}

.sv-faq-cta .sv-faq-panel {
    width: min(1600px, calc(100% - 76px));
    margin: 0 auto;
    padding: 0 56px 54px;
    border: 0;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(250, 253, 255, .98) 100%);
    box-shadow:
        0 28px 80px rgba(18, 55, 112, .16),
        0 1px 0 rgba(255, 255, 255, .9) inset;
}

.sv-faq-cta .sv-faq-panel > h2 {
    position: relative;
    padding: 44px 0 38px;
    color: #0c2343;
    font-size: 34px;
    line-height: 1.18;
    font-weight: 900;
    text-shadow: none;
}

.sv-faq-cta .sv-faq-panel > h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 23px;
    width: 72px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0aa7ff 0%, #116dff 100%);
    transform: translateX(-50%);
}

.sv-faq-cta .sv-faq-board {
    grid-template-columns: minmax(380px, .96fr) minmax(420px, 1.06fr) minmax(320px, .84fr);
    gap: 34px;
    padding: 0;
    align-items: stretch;
}

.sv-faq-cta .sv-faq-list,
.sv-faq-cta .sv-faq-answer,
.sv-faq-cta .sv-bottom-visual {
    border: 0;
    border-radius: 8px;
    background: #f6faff;
    box-shadow:
        0 12px 34px rgba(28, 80, 145, .08),
        inset 0 0 0 1px rgba(197, 215, 239, .75);
}

.sv-faq-cta .sv-faq-list {
    padding: 6px;
}

.sv-faq-cta .sv-faq-item {
    min-height: 52px;
    border-radius: 6px;
    background: transparent;
}

.sv-faq-cta .sv-faq-item + .sv-faq-item {
    margin-top: 4px;
    border-top: 0;
}

.sv-faq-cta .sv-faq-item span {
    padding: 15px 46px 15px 16px;
    color: #153456;
    font-size: 15px;
    font-weight: 850;
}

.sv-faq-cta .sv-faq-item.is-open,
.sv-faq-cta .sv-faq-item:hover {
    background: linear-gradient(90deg, #e7f2ff 0%, #f4f9ff 100%);
    box-shadow:
        inset 3px 0 0 #087bff,
        0 8px 20px rgba(20, 105, 220, .08);
}

.sv-faq-cta .sv-faq-answer {
    min-height: 178px;
    padding: 34px 36px;
    background:
        linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
}

.sv-faq-cta .sv-faq-answer p {
    color: #324a68;
    font-size: 15px;
    line-height: 1.9;
    font-weight: 700;
}

.sv-faq-cta .sv-bottom-visual {
    min-height: 178px;
    background:
        radial-gradient(circle at 62% 56%, rgba(17, 114, 255, .38), transparent 38%),
        linear-gradient(135deg, #08285c 0%, #061c43 48%, #041631 100%);
    box-shadow:
        0 16px 36px rgba(8, 36, 91, .18),
        inset 0 0 0 1px rgba(83, 153, 255, .36);
}

.sv-faq-cta .sv-bottom-visual::before {
    background:
        radial-gradient(ellipse at center, rgba(56, 158, 255, .44), transparent 68%);
    opacity: .95;
}

.sv-faq-cta .sv-final-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    margin: 24px 0 0;
    padding: 20px max(40px, calc((100% - 1360px) / 2 + 40px));
    border: 0;
    border-radius: 0;
    background:
        linear-gradient(120deg, #0b92ff 0%, #0777ff 52%, #075dff 100%);
    box-shadow: none;
}

.sv-faq-cta .sv-final-cta::before {
    display: none;
}

.sv-faq-cta .sv-final-cta::after {
    display: none;
}

.sv-faq-cta .sv-final-cta h2 {
    max-width: 760px;
    color: #fff;
    font-size: 28px;
    line-height: 1.28;
    text-shadow: 0 10px 30px rgba(0, 18, 58, .32);
}

.sv-faq-cta .sv-final-cta p {
    max-width: 760px;
    margin-top: 8px;
    color: rgba(235, 248, 255, .9);
    font-size: 15px;
}

.sv-faq-cta .sv-final-cta > div {
    position: relative;
    z-index: 1;
}

.sv-faq-cta .sv-final-cta > div:last-child {
    gap: 16px;
}

.sv-faq-cta .sv-final-cta .sv-btn {
    height: 54px;
    border-radius: 6px;
}

.sv-faq-cta .sv-final-cta .sv-btn-primary {
    background: #fff;
    color: #075dff;
    box-shadow: 0 16px 34px rgba(0, 26, 88, .22);
}

.sv-faq-cta .sv-final-cta .sv-btn-ghost {
    border-color: rgba(224, 244, 255, .75);
    background: rgba(2, 20, 62, .18);
    color: #fff;
}

@media (max-width: 1120px) {
    .sv-faq-cta {
        padding-top: 54px;
        background:
            linear-gradient(180deg, #f9fcff 0%, #eef5ff 72%, #075dff 72%, #043bca 86%, #06152d 100%);
    }

    .sv-faq-cta .sv-faq-panel {
        width: min(100% - 48px, 920px);
        padding: 0 30px 38px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        font-size: 30px;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
        gap: 20px;
    }

    .sv-faq-cta .sv-bottom-visual {
        grid-column: 1 / -1;
        min-height: 210px;
    }

    .sv-faq-cta .sv-final-cta {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 24px;
        padding: 26px 32px;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta {
        padding-top: 38px;
        background:
            linear-gradient(180deg, #f9fcff 0%, #eef5ff 76%, #075dff 76%, #043bca 90%, #06152d 100%);
    }

    .sv-faq-cta .sv-faq-panel {
        width: min(100% - 32px, 520px);
        padding: 0 16px 24px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        padding: 28px 0 26px;
        font-size: 26px;
        text-align: center;
    }

    .sv-faq-cta .sv-faq-panel > h2::after {
        bottom: 14px;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .sv-faq-cta .sv-faq-answer {
        min-height: auto;
        padding: 20px;
    }

    .sv-faq-cta .sv-bottom-visual {
        min-height: 188px;
    }

    .sv-faq-cta .sv-final-cta {
        margin-top: 22px;
        padding: 24px 18px;
    }

    .sv-faq-cta .sv-final-cta h2 {
        font-size: 23px;
    }
}

/* Integrated deep-blue FAQ and CTA block */
.sv-faq-cta {
    padding: 38px 0 44px;
    background: #041329;
}

.sv-faq-cta .sv-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 34px;
    align-items: center;
    width: min(1600px, calc(100% - 76px));
    max-width: none;
    padding: 22px 28px;
    border: 1px solid rgba(70, 135, 219, .42);
    border-radius: 12px;
    background:
        radial-gradient(circle at 66% 50%, rgba(16, 103, 255, .22), transparent 36%),
        linear-gradient(180deg, #082143 0%, #061833 100%);
    box-shadow:
        0 24px 58px rgba(0, 13, 42, .34),
        inset 0 1px 0 rgba(145, 203, 255, .08);
    overflow: hidden;
}

.sv-faq-cta .sv-faq-panel {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.sv-faq-cta .sv-faq-panel > h2 {
    padding: 0 0 12px;
    color: #f3f8ff;
    font-size: 21px;
    line-height: 1.2;
    text-align: left;
    text-shadow: 0 0 18px rgba(89, 169, 255, .22);
}

.sv-faq-cta .sv-faq-panel > h2::after {
    display: none;
}

.sv-faq-cta .sv-faq-board {
    grid-template-columns: minmax(260px, .92fr) minmax(300px, 1fr) minmax(270px, .9fr);
    gap: 20px;
    align-items: center;
    padding: 0;
}

.sv-faq-cta .sv-faq-list,
.sv-faq-cta .sv-faq-answer {
    border: 1px solid rgba(88, 151, 229, .45);
    border-radius: 8px;
    background: rgba(5, 24, 56, .7);
    box-shadow: inset 0 1px 0 rgba(180, 220, 255, .06);
}

.sv-faq-cta .sv-faq-list {
    display: flex;
    flex-direction: column;
    height: 166px;
    padding: 0;
    overflow: hidden;
}

.sv-faq-cta .sv-faq-item {
    flex: 1 1 0;
    min-height: 0;
    border-radius: 0;
    background: transparent;
}

.sv-faq-cta .sv-faq-item + .sv-faq-item {
    margin-top: 0;
    border-top: 1px solid rgba(88, 151, 229, .34);
}

.sv-faq-cta .sv-faq-item span {
    padding: 8px 36px 8px 15px;
    color: rgba(231, 242, 255, .88);
    font-size: 13px;
    line-height: 1.15;
    font-weight: 800;
}

.sv-faq-cta .sv-faq-item p,
.sv-faq-cta .sv-faq-item.is-open p {
    display: none;
}

.sv-faq-cta .sv-faq-item.is-open,
.sv-faq-cta .sv-faq-item:hover {
    background: rgba(16, 95, 214, .24);
    box-shadow: inset 2px 0 0 #2c9dff;
}

.sv-faq-cta .sv-faq-item em {
    right: 14px;
    color: rgba(184, 211, 242, .74);
}

.sv-faq-cta .sv-faq-answer {
    display: flex;
    align-items: center;
    height: 166px;
    min-height: 166px;
    padding: 18px 20px;
}

.sv-faq-cta .sv-faq-answer p {
    color: rgba(213, 229, 248, .84);
    font-size: 12.5px;
    line-height: 1.65;
    font-weight: 700;
}

.sv-faq-cta .sv-bottom-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 166px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.sv-faq-cta .sv-bottom-visual::before {
    display: none;
}

.sv-faq-cta .sv-bottom-visual img {
    display: block;
    width: 100%;
    max-width: 286px;
    height: 166px;
    object-fit: contain;
    filter: drop-shadow(0 18px 34px rgba(0, 66, 180, .36));
}

.sv-faq-cta .sv-final-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.sv-faq-cta .sv-final-cta h2 {
    max-width: 350px;
    color: #fff;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 900;
    text-align: left;
    text-shadow: 0 0 20px rgba(83, 167, 255, .2);
}

.sv-faq-cta .sv-final-cta p {
    max-width: 350px;
    margin-top: 10px;
    color: rgba(211, 228, 248, .76);
    font-size: 12.5px;
    line-height: 1.55;
    text-align: left;
}

.sv-faq-cta .sv-final-cta > div:last-child {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 18px;
}

.sv-faq-cta .sv-final-cta .sv-btn {
    min-width: 128px;
    height: 44px;
    padding: 0 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 900;
}

.sv-faq-cta .sv-final-cta .sv-btn-primary {
    background: linear-gradient(180deg, #0b8fff 0%, #086dff 100%);
    color: #fff;
    box-shadow: 0 14px 30px rgba(7, 102, 255, .28);
}

.sv-faq-cta .sv-final-cta .sv-btn-ghost {
    border-color: rgba(180, 202, 232, .55);
    background: rgba(5, 20, 48, .28);
    color: #f4f9ff;
}

@media (max-width: 1120px) {
    .sv-faq-cta {
        padding: 34px 0 38px;
        background: #041329;
    }

    .sv-faq-cta .sv-container {
        grid-template-columns: 1fr;
        width: min(100% - 48px, 920px);
        gap: 26px;
        padding: 28px;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
        gap: 20px;
    }

    .sv-faq-cta .sv-bottom-visual {
        grid-column: 1 / -1;
        min-height: 220px;
    }

    .sv-faq-cta .sv-bottom-visual img {
        max-width: 360px;
        height: 220px;
    }

    .sv-faq-cta .sv-final-cta {
        gap: 0;
    }
}

@media (max-width: 720px) {
    .sv-faq-cta {
        padding: 28px 0 32px;
    }

    .sv-faq-cta .sv-container {
        width: min(100% - 32px, 520px);
        padding: 22px 16px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        font-size: 22px;
    }

    .sv-faq-cta .sv-faq-board {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .sv-faq-cta .sv-faq-list {
        height: auto;
    }

    .sv-faq-cta .sv-faq-answer {
        height: auto;
        min-height: auto;
        padding: 18px;
    }

    .sv-faq-cta .sv-bottom-visual {
        min-height: 210px;
    }

    .sv-faq-cta .sv-bottom-visual img {
        max-width: 100%;
        height: 210px;
    }

    .sv-faq-cta .sv-final-cta h2 {
        max-width: none;
        font-size: 24px;
        line-height: 1.38;
    }

    .sv-faq-cta .sv-final-cta p {
        max-width: none;
    }

    .sv-faq-cta .sv-final-cta > div:last-child {
        flex-direction: column;
        width: 100%;
        gap: 12px;
        margin-top: 18px;
    }

    .sv-faq-cta .sv-final-cta .sv-btn {
        width: 100%;
    }
}

/* Mobile refinement for the short-video service page */
@media (max-width: 720px) {
    .short-video-page {
        overflow-x: hidden;
        padding-bottom: 58px;
    }

    .short-video-page .sv-main {
        overflow-x: hidden;
    }

    .sv-container {
        width: min(100% - 32px, 520px);
    }

    .sv-section {
        padding: 38px 0;
    }

    .sv-section-head {
        margin-bottom: 20px;
    }

    .sv-section-head h2,
    .sv-system-head h2 {
        font-size: 26px;
        line-height: 1.25;
    }

    .sv-hero {
        min-height: auto;
        height: auto;
        padding: 88px 0 28px;
        background:
            linear-gradient(90deg, rgba(2, 8, 24, .76) 0%, rgba(2, 8, 24, .68) 58%, rgba(2, 8, 24, .42) 100%),
            url("/template/xqd/assets/images/short-video/short-video-banner-bg.webp") center top / cover no-repeat,
            #041126;
    }

    .sv-hero::before {
        background:
            linear-gradient(180deg, rgba(1, 8, 26, .12), rgba(1, 8, 26, .34) 72%, rgba(1, 8, 26, .74)),
            radial-gradient(circle at 82% 28%, rgba(24, 125, 255, .18), transparent 34%);
    }

    .sv-hero-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        height: auto;
    }

    .sv-hero-copy {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        text-align: left;
    }

    .sv-hero-copy h1,
    .sv-hero-copy h2,
    .sv-hero-desc,
    .sv-hero-tags,
    .sv-hero-actions {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .sv-hero-copy h1 {
        font-size: 32px;
        line-height: 1.16;
        overflow-wrap: break-word;
    }

    .sv-hero-copy h2 {
        margin-top: 12px;
        font-size: 21px;
        line-height: 1.38;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .sv-hero-tags {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 8px 10px;
        margin-top: 16px;
    }

    .sv-hero-tags li {
        flex: 0 1 auto;
        padding-left: 17px;
        font-size: 12px;
        line-height: 1.3;
        white-space: nowrap;
    }

    .sv-hero-tags li::before {
        top: 2px;
    }

    .sv-hero-tags li::after {
        top: 5px;
    }

    .sv-hero-desc {
        margin-top: 14px;
        font-size: 13px;
        line-height: 1.72;
    }

    .sv-hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        justify-content: stretch;
        margin-top: 18px;
    }

    .sv-btn {
        width: 100%;
        max-width: none;
        min-width: 0;
        height: 44px;
        padding: 0 12px;
        border-radius: 6px;
        font-size: 13px;
        white-space: nowrap;
    }

    .sv-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        margin-top: 22px;
        border-radius: 8px;
    }

    .sv-metrics article,
    .sv-metrics article:nth-child(2n),
    .sv-metrics article:nth-child(3),
    .sv-metrics article:nth-child(-n + 3),
    .sv-metrics article:nth-child(-n + 4) {
        min-height: 82px;
        grid-template-columns: 38px minmax(0, 1fr);
        column-gap: 10px;
        padding: 12px 10px;
        border-right: 0;
        border-bottom: 0;
    }

    .sv-metrics article:nth-child(odd) {
        border-right: 1px solid rgba(169, 215, 255, .18);
    }

    .sv-metrics article:nth-child(-n + 4) {
        border-bottom: 1px solid rgba(169, 215, 255, .18);
    }

    .sv-metrics article:last-child {
        grid-column: 1 / -1;
        min-height: 76px;
        border-right: 0;
        border-bottom: 0;
    }

    .sv-metric-icon {
        width: 36px;
        height: 36px;
        background-size: 22px 22px, 100% 100%;
    }

    .sv-metrics strong {
        font-size: 24px;
    }

    .sv-metrics em {
        margin-top: 4px;
        font-size: 12px;
        line-height: 1.28;
    }

    .sv-problem-grid,
    .sv-process-grid,
    .sv-gain-grid,
    .sv-industry-grid,
    .sv-case-grid {
        gap: 12px;
    }

    .sv-problem-grid article,
    .sv-process-grid article,
    .sv-gain-grid article,
    .sv-industry-grid article,
    .sv-case-grid article {
        border-radius: 8px;
    }

    .sv-problem-grid article {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 18px 16px;
    }

    .sv-problem-grid h3,
    .sv-process-grid h3 {
        font-size: 16px;
        line-height: 1.45;
    }

    .sv-problem-grid p,
    .sv-process-grid p {
        font-size: 13px;
        line-height: 1.7;
    }

    .sv-process-grid article {
        grid-template-columns: 46px minmax(0, 1fr);
        min-height: auto;
        padding: 18px 16px;
    }

    .sv-process-grid strong {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .sv-matrix-system .sv-system-card,
    .sv-matrix-system .sv-system-card + .sv-system-card {
        padding: 18px 14px;
        border-radius: 10px;
    }

    .sv-coverage-model {
        gap: 10px;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-art,
    .sv-matrix-art {
        height: 218px;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-matrix-tags {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags span,
    .sv-matrix-tags span {
        min-height: 60px;
        padding: 9px 8px;
        text-align: left;
    }

    .sv-matrix-tags b {
        font-size: 14px;
    }

    .sv-matrix-tags em {
        font-size: 11px;
        line-height: 1.32;
    }

    .sv-coverage .sv-platform-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        min-height: auto;
        padding: 8px;
    }

    .sv-coverage .sv-platform-bar span {
        justify-content: flex-start;
        min-height: 38px;
        font-size: 12px;
        line-height: 1.35;
        white-space: normal;
    }

    .sv-coverage .sv-platform-bar span:last-child {
        grid-column: auto;
    }

    .sv-growth .sv-growth-grid {
        gap: 12px;
    }

    .sv-growth .sv-growth-list li {
        grid-template-columns: 34px minmax(0, 1fr);
        min-height: auto;
        padding: 9px;
    }

    .sv-growth .sv-growth-list b {
        width: 30px;
        height: 30px;
    }

    .sv-growth .sv-growth-list span {
        font-size: 13px;
        line-height: 1.35;
    }

    .sv-growth .sv-growth-list em {
        font-size: 11px;
        line-height: 1.35;
    }

    .sv-industry-grid article {
        min-height: 210px;
        padding: 20px 18px;
    }

    .sv-case-grid figure {
        aspect-ratio: 16 / 10;
    }

    .sv-faq-cta {
        padding: 28px 0 34px;
    }

    .sv-faq-cta .sv-container {
        width: min(100% - 32px, 520px);
        gap: 20px;
        padding: 20px 14px;
        border-radius: 10px;
    }

    .sv-faq-cta .sv-faq-panel > h2 {
        padding-bottom: 14px;
        font-size: 22px;
    }

    .sv-faq-cta .sv-faq-board {
        gap: 12px;
    }

    .sv-faq-cta .sv-faq-list,
    .sv-faq-cta .sv-faq-answer {
        border-radius: 7px;
    }

    .sv-faq-cta .sv-faq-item span {
        padding: 12px 38px 12px 14px;
        font-size: 13px;
        line-height: 1.35;
    }

    .sv-faq-cta .sv-bottom-visual {
        min-height: 156px;
    }

    .sv-faq-cta .sv-bottom-visual img {
        height: 156px;
    }

    .sv-faq-cta .sv-final-cta h2 {
        font-size: 22px;
        line-height: 1.36;
    }

    .sv-faq-cta .sv-final-cta p {
        font-size: 13px;
        line-height: 1.65;
    }
}

@media (max-width: 380px) {
    .sv-container,
    .sv-faq-cta .sv-container {
        width: min(100% - 24px, 520px);
    }

    .sv-hero-copy h1 {
        font-size: 30px;
    }

    .sv-hero-copy h2 {
        font-size: 19px;
    }

    .sv-hero-actions {
        grid-template-columns: 1fr;
    }

    .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .sv-matrix-tags,
    .sv-coverage .sv-platform-bar {
        grid-template-columns: 1fr;
    }
}

/* Tablet metric layout: balance five items as 3 + 2 instead of 2 + 2 + 1 */
@media (min-width: 560px) and (max-width: 920px) {
    .short-video-page .sv-metrics {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .short-video-page .sv-metrics article,
    .short-video-page .sv-metrics article:nth-child(2n),
    .short-video-page .sv-metrics article:nth-child(3),
    .short-video-page .sv-metrics article:nth-child(-n + 3),
    .short-video-page .sv-metrics article:nth-child(-n + 4),
    .short-video-page .sv-metrics article:last-child {
        grid-column: span 2;
        min-height: 88px;
        grid-template-columns: 46px minmax(0, 1fr);
        column-gap: 12px;
        padding: 14px 18px;
        border-right: 1px solid rgba(169, 215, 255, .18);
        border-bottom: 1px solid rgba(169, 215, 255, .18);
    }

    .short-video-page .sv-metrics article:nth-child(3),
    .short-video-page .sv-metrics article:last-child {
        border-right: 0;
    }

    .short-video-page .sv-metrics article:nth-child(n + 4) {
        grid-column: span 3;
        border-bottom: 0;
    }

    .short-video-page .sv-metrics article:nth-child(4) {
        border-right: 1px solid rgba(169, 215, 255, .18);
    }

    .short-video-page .sv-metric-icon {
        width: 42px;
        height: 42px;
        background-size: 25px 25px, 100% 100%;
    }

    .short-video-page .sv-metrics strong {
        font-size: 26px;
    }

    .short-video-page .sv-metrics em {
        font-size: 12px;
    }
}

/* Small mobile metrics: center the odd fifth item inside its full-width row */
@media (max-width: 559px) {
    .short-video-page .sv-metrics article:last-child {
        grid-template-columns: 38px max-content;
        justify-content: center;
    }
}

/* Tablet problem layout: balance five cards as 3 + 2 instead of leaving an empty slot */
@media (min-width: 721px) and (max-width: 920px) {
    .short-video-page .sv-problem-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 14px;
    }

    .short-video-page .sv-problem-grid article {
        grid-column: span 2;
        min-height: 176px;
        grid-template-columns: 42px minmax(0, 1fr);
        column-gap: 12px;
        padding: 20px 16px;
    }

    .short-video-page .sv-problem-grid article:nth-child(n + 4) {
        grid-column: span 3;
        min-height: 150px;
        padding: 22px 20px;
    }

    .short-video-page .sv-problem-grid h3 {
        font-size: 16px;
        line-height: 1.38;
    }

    .short-video-page .sv-problem-grid p {
        margin-top: 14px;
        font-size: 12.5px;
        line-height: 1.68;
    }
}

/* Tablet hero metrics: anchor the data panel to the bottom of the banner */
@media (min-width: 721px) and (max-width: 920px) {
    .short-video-page .sv-hero {
        min-height: 595px;
        padding-bottom: 0;
    }

    .short-video-page .sv-hero > .sv-container:not(.sv-hero-inner) {
        position: absolute;
        left: 50%;
        bottom: 0;
        z-index: 5;
        width: min(720px, calc(100% - 32px));
        transform: translateX(-50%);
    }

    .short-video-page .sv-metrics {
        margin-top: 0;
    }
}

/* Tablet FAQ/CTA: remove the floating middle visual and make the closing action a clear bottom bar */
@media (min-width: 721px) and (max-width: 920px) {
    .short-video-page .sv-faq-cta {
        padding: 34px 0 36px;
    }

    .short-video-page .sv-faq-cta .sv-container {
        width: min(720px, calc(100% - 32px));
        gap: 20px;
        padding: 24px;
    }

    .short-video-page .sv-faq-cta .sv-faq-panel > h2 {
        padding-bottom: 16px;
    }

    .short-video-page .sv-faq-cta .sv-faq-board {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 16px;
        align-items: stretch;
    }

    .short-video-page .sv-faq-cta .sv-faq-list {
        height: auto;
        min-height: 178px;
    }

    .short-video-page .sv-faq-cta .sv-faq-item {
        min-height: 44px;
    }

    .short-video-page .sv-faq-cta .sv-faq-item span {
        padding: 11px 38px 11px 14px;
        line-height: 1.32;
    }

    .short-video-page .sv-faq-cta .sv-faq-answer {
        height: auto;
        min-height: 178px;
        padding: 18px;
    }

    .short-video-page .sv-faq-cta .sv-bottom-visual {
        display: none;
    }

    .short-video-page .sv-faq-cta .sv-final-cta {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 20px;
        align-items: center;
        padding: 20px;
        border: 1px solid rgba(82, 151, 238, .38);
        border-radius: 10px;
        background:
            radial-gradient(circle at 82% 50%, rgba(26, 126, 255, .18), transparent 38%),
            linear-gradient(180deg, rgba(7, 30, 70, .72), rgba(4, 18, 45, .86));
        box-shadow: inset 0 1px 0 rgba(170, 216, 255, .08);
    }

    .short-video-page .sv-faq-cta .sv-final-cta h2 {
        max-width: none;
        font-size: 22px;
        line-height: 1.34;
    }

    .short-video-page .sv-faq-cta .sv-final-cta p {
        max-width: none;
        margin-top: 8px;
        line-height: 1.6;
    }

    .short-video-page .sv-faq-cta .sv-final-cta > div:last-child {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 0;
    }

    .short-video-page .sv-faq-cta .sv-final-cta .sv-btn {
        min-width: 124px;
        padding: 0 14px;
        white-space: nowrap;
    }
}

/* Mobile FAQ: keep the question rows visible instead of collapsing into an empty divider */
@media (max-width: 720px) {
    .short-video-page .sv-faq-cta .sv-faq-list {
        height: auto;
        min-height: 0;
    }

    .short-video-page .sv-faq-cta .sv-faq-item {
        flex: 0 0 auto;
        min-height: 44px;
    }

    .short-video-page .sv-faq-cta .sv-faq-item span {
        display: flex;
        align-items: center;
        min-height: 44px;
    }
}

/* Large phone / small tablet problem cards: use available width without hurting 390px phones */
@media (min-width: 500px) and (max-width: 720px) {
    .short-video-page .sv-problems {
        padding-top: 40px;
        padding-bottom: 42px;
    }

    .short-video-page .sv-problem-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .short-video-page .sv-problem-grid article {
        min-height: 142px;
        grid-template-columns: 38px minmax(0, 1fr);
        column-gap: 12px;
        padding: 16px 14px;
    }

    .short-video-page .sv-problem-grid article:nth-child(5) {
        grid-column: 1 / -1;
        min-height: 118px;
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 18px 18px;
    }

    .short-video-page .sv-problem-grid span {
        width: 38px;
        height: 38px;
        background-size: 21px 21px, 100% 100%, 100% 100%;
    }

    .short-video-page .sv-problem-grid h3 {
        font-size: 15px;
        line-height: 1.38;
    }

    .short-video-page .sv-problem-grid p {
        margin-top: 12px;
        font-size: 12px;
        line-height: 1.62;
    }
}

/* Large phone / small tablet process cards: keep the six-step flow compact and readable */
@media (min-width: 500px) and (max-width: 640px) {
    .short-video-page .sv-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .short-video-page .sv-process-grid article {
        min-height: 154px;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 10px;
        padding: 16px 12px 42px;
    }

    .short-video-page .sv-process-grid article::before {
        left: auto;
        right: 12px;
        top: auto;
        bottom: 12px;
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background-size: 20px 20px, 100% 100%;
    }

    .short-video-page .sv-process-grid strong {
        width: auto;
        height: auto;
        justify-content: flex-start;
        font-size: 22px;
        line-height: 1;
    }

    .short-video-page .sv-process-grid h3 {
        gap: 1px;
        font-size: 15px;
        line-height: 1.38;
    }

    .short-video-page .sv-process-grid p {
        grid-column: 1 / -1;
        margin-top: 12px;
        padding-left: 0;
        padding-right: 40px;
        font-size: 12px;
        line-height: 1.62;
    }
}

/* Mobile process icon rail: stack the icon directly under the step number */
@media (max-width: 720px) {
    .short-video-page .sv-process-grid article {
        grid-template-columns: 54px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 14px;
        padding: 18px 16px;
    }

    .short-video-page .sv-process-grid article::before {
        position: static;
        grid-column: 1;
        grid-row: 2;
        justify-self: center;
        align-self: start;
        width: 34px;
        height: 34px;
        margin-top: 14px;
        border-radius: 10px;
        background-size: 20px 20px, 100% 100%;
    }

    .short-video-page .sv-process-grid strong {
        grid-column: 1;
        grid-row: 1;
        justify-self: center;
        width: auto;
        height: auto;
        text-align: center;
    }

    .short-video-page .sv-process-grid h3 {
        grid-column: 2;
        grid-row: 1;
    }

    .short-video-page .sv-process-grid p {
        grid-column: 2;
        grid-row: 2;
        margin-top: 12px;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Mobile case cards: reduce image dominance and make stats easier to scan */
@media (max-width: 720px) {
    .short-video-page .sv-cases {
        padding-top: 42px;
        padding-bottom: 44px;
    }

    .short-video-page .sv-cases .sv-case-grid {
        gap: 14px;
    }

    .short-video-page .sv-cases .sv-case-grid article {
        display: block;
        min-height: 0;
        padding: 12px;
        border-radius: 10px;
    }

    .short-video-page .sv-cases .sv-case-grid figure {
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 8.3;
        margin: 0;
        border-radius: 8px;
    }

    .short-video-page .sv-cases .sv-case-grid figure span {
        width: 44px;
        height: 44px;
        background: rgba(7, 32, 76, .46);
    }

    .short-video-page .sv-cases .sv-case-grid figure span::before {
        left: 18px;
        top: 13px;
        border-left-width: 14px;
        border-top-width: 9px;
        border-bottom-width: 9px;
    }

    .short-video-page .sv-cases .sv-case-body {
        min-height: 0;
        padding: 14px 2px 0;
    }

    .short-video-page .sv-cases .sv-case-body h3 {
        font-size: 16px;
        line-height: 1.38;
    }

    .short-video-page .sv-cases .sv-case-body p {
        margin-top: 7px;
        font-size: 12.5px;
        line-height: 1.58;
    }

    .short-video-page .sv-cases .sv-case-stats {
        grid-column: auto;
        margin-top: 10px;
        padding: 10px 0 0;
        border-top: 1px solid rgba(39, 105, 176, .18);
    }

    .short-video-page .sv-cases .sv-case-stats span {
        min-height: 44px;
        place-items: center;
        justify-content: center;
        padding: 0 6px;
        text-align: center;
    }

    .short-video-page .sv-cases .sv-case-stats b {
        font-size: 20px;
        line-height: 1;
    }

    .short-video-page .sv-cases .sv-case-stats em {
        margin-top: 4px;
        font-size: 11px;
        line-height: 1.22;
    }
}

/* Large phone / small tablet matrix model: merge split tag groups into a compact flow */
@media (min-width: 381px) and (max-width: 720px) {
    .short-video-page .sv-coverage-model {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        min-height: auto;
        align-items: stretch;
    }

    .short-video-page .sv-matrix-system .sv-coverage .sv-matrix-art,
    .short-video-page .sv-matrix-art {
        grid-column: 1 / -1;
        order: 1;
        height: clamp(188px, 38vw, 220px);
    }

    .short-video-page .sv-matrix-system .sv-coverage .sv-matrix-tags,
    .short-video-page .sv-matrix-tags {
        display: contents;
    }

    .short-video-page .sv-matrix-system .sv-coverage .sv-matrix-tags span,
    .short-video-page .sv-matrix-tags span {
        order: 2;
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 58px;
        padding: 10px 11px;
        text-align: left;
    }

    .short-video-page .sv-matrix-tags b {
        font-size: 15px;
        line-height: 1.25;
    }

    .short-video-page .sv-matrix-tags em {
        font-size: 12px;
        line-height: 1.34;
    }

    .short-video-page .sv-coverage .sv-platform-bar {
        grid-column: 1 / -1;
        order: 3;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 8px;
    }

    .short-video-page .sv-coverage .sv-platform-bar span {
        min-height: 34px;
        font-size: 12px;
        line-height: 1.3;
    }
}

/* Large phone / small tablet growth list: shorten the stacked card while preserving readability */
@media (min-width: 500px) and (max-width: 720px) {
    .short-video-page .sv-growth .sv-growth-grid {
        gap: 12px;
    }

    .short-video-page .sv-growth .sv-growth-panel img {
        height: clamp(232px, 46vw, 270px);
        object-fit: cover;
        object-position: center top;
    }

    .short-video-page .sv-growth .sv-growth-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .short-video-page .sv-growth .sv-growth-list li {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 8px;
        min-height: 82px;
        padding: 10px 9px;
    }

    .short-video-page .sv-growth .sv-growth-list b {
        width: 32px;
        height: 32px;
        border-radius: 8px;
    }

    .short-video-page .sv-growth .sv-growth-list b::before {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }

    .short-video-page .sv-growth .sv-growth-list span {
        font-size: 12.5px;
        line-height: 1.32;
    }

    .short-video-page .sv-growth .sv-growth-list em {
        margin-top: 3px;
        font-size: 11px;
        line-height: 1.34;
    }
}

/* Mobile industry cards: remove the white glow and anchor text to the image overlay */
@media (max-width: 720px) {
    .short-video-page .sv-industry-grid article {
        min-height: 158px;
        justify-content: flex-end;
        padding: 18px;
        border-color: rgba(82, 153, 255, .36);
        background: #061a3d;
        box-shadow: 0 16px 34px rgba(4, 24, 64, .16);
    }

    .short-video-page .sv-industry-grid article::before {
        inset: 0;
        height: auto;
        background:
            linear-gradient(180deg, rgba(3, 18, 45, .1) 0%, rgba(3, 18, 45, .42) 46%, rgba(3, 18, 45, .82) 100%),
            var(--industry-img) center / cover;
    }

    .short-video-page .sv-industry-grid article::after {
        content: none;
        display: none;
    }

    .short-video-page .sv-industry-grid h3 {
        color: rgba(248, 252, 255, .96);
        font-size: 17px;
        line-height: 1.32;
        text-shadow: 0 2px 10px rgba(0, 12, 36, .42);
    }

    .short-video-page .sv-industry-grid p {
        color: rgba(226, 240, 255, .78);
        font-size: 12.5px;
        line-height: 1.55;
        text-shadow: 0 2px 10px rgba(0, 12, 36, .36);
    }
}

@media (min-width: 500px) and (max-width: 720px) {
    .short-video-page .sv-industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .short-video-page .sv-industry-grid article {
        min-height: 168px;
        padding: 18px 16px;
    }
}

/* Hero metrics bottom alignment */
@media (min-width: 1281px) {
    .short-video-page .sv-metrics {
        margin-top: 32px;
    }
}

@media (min-width: 1121px) and (max-width: 1280px) {
    .short-video-page .sv-hero {
        height: 624px;
        min-height: 624px;
    }
}

@media (min-width: 921px) and (max-width: 1120px) {
    .short-video-page .sv-hero {
        padding-bottom: 0;
    }
}

@media (max-width: 720px) {
    .short-video-page .sv-hero {
        padding-bottom: 0;
    }
}