.solution-detail-page {
    color: #17233f;
    background: var(--site-bg);
}

.sd-page {
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 30%, rgba(44, 139, 255, .035), transparent 28%),
        radial-gradient(ellipse at 86% 56%, rgba(28, 125, 255, .026), transparent 44%),
        var(--site-page-gradient);
}

.sd-shell {
    width: min(1600px, calc(100% - 80px));
    margin: 0 auto;
}

.sd-icon {
    --sd-icon: none;
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    color: currentColor;
    vertical-align: -0.12em;
}

.sd-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background: currentColor;
    -webkit-mask: var(--sd-icon) center / contain no-repeat;
    mask: var(--sd-icon) center / contain no-repeat;
}

.sd-icon-building {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V8l8-4 8 4v12'/%3E%3Cpath d='M8 20v-7h8v7M9 8h6M4 20h16'/%3E%3C/svg%3E");
}

.sd-icon-target {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M15 9l5-5M17 4h3v3'/%3E%3C/svg%3E");
}

.sd-icon-shield {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.5-2.8 7.7-7 10-4.2-2.3-7-5.5-7-10V6l7-3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
}

.sd-icon-search {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
}

.sd-icon-network {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='7' r='3'/%3E%3Ccircle cx='18' cy='17' r='3'/%3E%3Cpath d='M8.7 10.8 15.3 8.2M8.7 13.2l6.6 2.6'/%3E%3C/svg%3E");
}

.sd-icon-grid {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.4'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1.4'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1.4'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1.4'/%3E%3C/svg%3E");
}

.sd-icon-flow {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.4'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1.4'/%3E%3Cpath d='M10 7h4a3 3 0 0 1 3 3v4M14 17H7a3 3 0 0 1-3-3v-1'/%3E%3C/svg%3E");
}

.sd-icon-chart {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M6 16l4-4 3 3 5-7'/%3E%3Cpath d='M15 8h3v3'/%3E%3C/svg%3E");
}

.sd-icon-help {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.7 2.7 0 0 1 5.1 1.2c0 2-2.6 2.2-2.6 4M12 17h0'/%3E%3C/svg%3E");
}

.sd-icon-message {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14v10H8l-3 4V5Z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E");
}

.sd-icon-page {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6V3Z'/%3E%3Cpath d='M14 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");
}

.sd-icon-ai {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7' width='14' height='11' rx='2.2'/%3E%3Cpath d='M12 3v4M8.5 11.5h0M15.5 11.5h0M9 18v2M15 18v2M8 15h8'/%3E%3C/svg%3E");
}

.sd-icon-funnel {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16l-6 7v5l-4 2v-7L4 5Z'/%3E%3C/svg%3E");
}

.sd-icon-doc {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h8l4 4v14H7V3Z'/%3E%3Cpath d='M15 3v5h4M10 12h6M10 16h6'/%3E%3C/svg%3E");
}

.sd-icon-link {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1 0l1.4-1.4a5 5 0 0 0-7.1-7.1L10.5 5'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1 0l-1.4 1.4a5 5 0 0 0 7.1 7.1l.9-.9'/%3E%3C/svg%3E");
}

.sd-icon-globe {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.8 4 5.8 4 9s-1.4 6.2-4 9M12 3c-2.6 2.8-4 5.8-4 9s1.4 6.2 4 9'/%3E%3C/svg%3E");
}

.sd-icon-store {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10h14v10H5V10Z'/%3E%3Cpath d='M4 10 6 4h12l2 6M8 10v10M16 10v10M8 14h8'/%3E%3C/svg%3E");
}

.sd-icon-helmet {
    --sd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a8 8 0 0 1 16 0'/%3E%3Cpath d='M3 14h18M7 14V9M17 14V9M9 20h6a4 4 0 0 0 4-4H5a4 4 0 0 0 4 4Z'/%3E%3C/svg%3E");
}

.sd-industry-icon {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.4'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1.4'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1.4'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1.4'/%3E%3C/svg%3E");
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}

.sd-industry-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background: currentColor;
    -webkit-mask: var(--sd-industry-icon) center / contain no-repeat;
    mask: var(--sd-industry-icon) center / contain no-repeat;
}

.sd-industry-icon.icon-factory {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V9l5 3V8l6 4V5h5v15H4Z'/%3E%3Cpath d='M8 16h2M13 16h2M18 16h2'/%3E%3C/svg%3E");
}

.sd-industry-icon.icon-export {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.8 4 5.8 4 9s-1.4 6.2-4 9M12 3c-2.6 2.8-4 5.8-4 9s1.4 6.2 4 9'/%3E%3C/svg%3E");
}

.sd-industry-icon.icon-local {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.1 7-11a7 7 0 0 0-14 0c0 5.9 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
}

.sd-industry-icon.icon-store {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10h14v10H5V10Z'/%3E%3Cpath d='M4 10 6 4h12l2 6M8 10v10M16 10v10M8 14h8'/%3E%3C/svg%3E");
}

.sd-industry-icon.icon-school {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 9-4 9 4-9 4-9-4Z'/%3E%3Cpath d='M7 10v5c0 1.5 2.2 3 5 3s5-1.5 5-3v-5M21 8v6'/%3E%3C/svg%3E");
}

.sd-industry-icon.icon-build {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a8 8 0 0 1 16 0'/%3E%3Cpath d='M3 14h18M7 14V9M17 14V9M9 20h6a4 4 0 0 0 4-4H5a4 4 0 0 0 4 4Z'/%3E%3C/svg%3E");
}

.sd-industry-icon.icon-more {
    --sd-industry-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.4'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1.4'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1.4'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1.4'/%3E%3C/svg%3E");
}

.sd-btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 28px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

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

.sd-btn-primary {
    color: #fff;
    border: 1px solid #177dff;
    background: linear-gradient(180deg, #2a94ff, #0d6efd);
    box-shadow: 0 16px 34px rgba(18, 111, 255, .28);
}

.sd-btn-primary i {
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
}

.sd-btn-primary i::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translate(-62%, -50%) rotate(45deg);
}

.sd-btn-outline {
    color: #e8f2ff;
    border: 1px solid rgba(205, 225, 255, .48);
    background: rgba(255, 255, 255, .04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03);
}

.sd-btn-outline:hover,
.sd-btn-outline:focus-visible {
    border-color: rgba(233, 244, 255, .9);
    background: rgba(255, 255, 255, .08);
}

.sd-btn-dark {
    color: #fff;
    border: 1px solid #092653;
    background: linear-gradient(180deg, #0d2d5f, #081c3e);
    box-shadow: 0 14px 30px rgba(7, 25, 56, .2);
}

.sd-hero {
    --sd-hero-bg: url("/template/xqd/assets/images/solutions/solution-rack-geo-banner.webp");
    position: relative;
    isolation: isolate;
    min-height: 560px;
    overflow: hidden;
    color: #fff;
    background-color: #020b1c;
    background-image:
        linear-gradient(90deg, rgba(2, 8, 21, .98) 0%, rgba(2, 12, 29, .9) 34%, rgba(2, 13, 31, .34) 61%, rgba(2, 12, 28, .58) 100%),
        radial-gradient(ellipse at 68% 38%, rgba(62, 164, 255, .2) 0%, rgba(20, 111, 225, .12) 30%, transparent 58%),
        linear-gradient(180deg, rgba(2, 9, 22, .05) 0%, rgba(2, 9, 22, .16) 52%, rgba(2, 9, 22, .76) 100%),
        var(--sd-hero-bg),
        radial-gradient(circle at 76% 50%, rgba(27, 133, 255, .24), transparent 34%),
        linear-gradient(113deg, #020b1c 0%, #071f3e 48%, #020d20 100%);
    background-position: center, center, center, right center, center, center;
    background-size: cover, cover, cover, cover, cover, cover;
    background-repeat: no-repeat;
}

.sd-hero-custom-banner .sd-hero-visual {
    display: none;
}

.sd-hero.sd-hero-custom-banner {
    background-image:
        linear-gradient(90deg, #020814 0%, rgba(2, 9, 22, .99) 30%, rgba(2, 12, 30, .84) 53%, rgba(3, 18, 44, .52) 78%, rgba(2, 12, 29, .62) 100%),
        radial-gradient(ellipse at 76% 42%, rgba(43, 151, 255, .22) 0%, rgba(15, 91, 203, .12) 34%, transparent 66%),
        conic-gradient(from 230deg at 76% 49%, transparent 0deg, rgba(77, 175, 255, .16) 42deg, transparent 84deg, transparent 360deg),
        repeating-linear-gradient(118deg, transparent 0 22px, rgba(84, 178, 255, .05) 23px, transparent 25px),
        linear-gradient(113deg, #020711 0%, #061936 48%, #020b1b 100%);
    background-position: center, center, center, center, center;
    background-size: cover, cover, cover, cover, cover;
    background-repeat: no-repeat;
    background-color: #031027;
}

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

.sd-hero::before {
    background-image:
        linear-gradient(rgba(89, 170, 255, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(89, 170, 255, .08) 1px, transparent 1px),
        radial-gradient(rgba(112, 191, 255, .42) 1px, transparent 1px);
    background-size: 96px 96px, 96px 96px, 38px 38px;
    opacity: .18;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .5), #000 46%, rgba(0, 0, 0, .88));
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, .5), #000 46%, rgba(0, 0, 0, .88));
}

.sd-hero::after {
    background:
        radial-gradient(ellipse at 72% 18%, rgba(105, 188, 255, .2), transparent 38%),
        linear-gradient(90deg, rgba(2, 8, 21, .72) 0%, rgba(2, 10, 24, .44) 38%, rgba(2, 10, 24, .08) 67%, rgba(2, 10, 24, .22) 100%),
        linear-gradient(180deg, rgba(2, 9, 22, .02) 0%, rgba(2, 9, 22, 0) 48%, rgba(2, 9, 22, .72) 100%);
}

.sd-hero-custom-banner::before {
    display: block;
    background-image:
        linear-gradient(90deg, rgba(2, 8, 19, .94) 0%, rgba(2, 9, 22, .48) 35%, rgba(3, 17, 40, .1) 56%, rgba(3, 18, 43, .025) 74%, rgba(4, 22, 54, .01) 100%),
        var(--sd-hero-bg);
    background-position: center, right 8% center;
    background-size: cover, cover;
    background-repeat: no-repeat;
    opacity: .92;
    filter: saturate(1.18) contrast(1.07) brightness(1.2);
    transform: scale(1.015);
    transform-origin: right center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .06) 30%, rgba(0, 0, 0, .18) 48%, rgba(0, 0, 0, .58) 66%, rgba(0, 0, 0, .98) 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .06) 30%, rgba(0, 0, 0, .18) 48%, rgba(0, 0, 0, .58) 66%, rgba(0, 0, 0, .98) 100%);
    mix-blend-mode: screen;
}

.sd-hero-custom-banner::after {
    display: block;
    background:
        radial-gradient(ellipse at 75% 42%, rgba(64, 173, 255, .06), transparent 28%),
        linear-gradient(90deg, rgba(2, 8, 19, .7) 0%, rgba(2, 10, 24, .12) 46%, rgba(3, 18, 43, .01) 70%, rgba(2, 10, 24, .06) 100%),
        linear-gradient(180deg, rgba(2, 7, 18, .14) 0%, rgba(2, 7, 18, .005) 42%, rgba(2, 7, 18, .4) 100%);
    opacity: .76;
}

.sd-hero-inner {
    position: relative;
    z-index: 1;
    min-height: 560px;
    display: grid;
    grid-template-columns: minmax(0, 690px) minmax(480px, 1fr);
    align-items: center;
    gap: 44px;
    padding-top: 92px;
    padding-bottom: 82px;
}

.sd-hero-copy {
    position: relative;
    z-index: 0;
    min-width: 0;
}

.sd-eyebrow {
    margin: 0 0 14px;
    color: #70c8ff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}

.sd-hero-copy h1 {
    margin: 0;
    color: #fff;
    font-size: 50px;
    line-height: 1.12;
    letter-spacing: 0;
    font-weight: 900;
    text-shadow: 0 8px 28px rgba(0, 15, 42, .42);
}

.sd-hero-lead {
    max-width: 670px;
    margin: 16px 0 0;
    color: #dcecff;
    font-size: 24px;
    line-height: 1.45;
    font-weight: 760;
    text-shadow: 0 6px 22px rgba(0, 15, 42, .34);
}

.sd-hero-text {
    max-width: 680px;
    margin: 9px 0 0;
    color: #a8bad8;
    font-size: 16px;
    line-height: 1.75;
}

.sd-hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 24px;
    margin-top: 36px;
}

.sd-hero-metrics span {
    display: grid;
    grid-template-columns: 40px max-content;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 11px;
}

.sd-hero-metrics .sd-icon {
    grid-row: 1 / 3;
    width: 40px;
    height: 40px;
    padding: 10px;
    color: #5bc4ff;
    border: 1px solid rgba(91, 196, 255, .45);
    border-radius: 50%;
    background: rgba(10, 55, 118, .42);
    box-shadow: inset 0 0 18px rgba(91, 196, 255, .12), 0 0 20px rgba(34, 137, 255, .18);
}

.sd-hero-metrics .sd-icon::before {
    inset: 10px;
}

.sd-hero-metrics strong,
.sd-hero-metrics em {
    display: block;
    white-space: nowrap;
}

.sd-hero-metrics strong {
    color: #f2f8ff;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 850;
}

.sd-hero-metrics em {
    margin-top: 5px;
    color: #9eb3d4;
    font-size: 12px;
    font-style: normal;
    line-height: 1.2;
    font-weight: 600;
}

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

.sd-hero-visual {
    position: relative;
    min-height: 395px;
}

.sd-visual-frame {
    position: absolute;
    inset: 0;
    overflow: visible;
    border-radius: 8px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sd-visual-frame::before,
.sd-visual-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.sd-visual-frame::before {
    z-index: 1;
    inset: 16% 8% 18% 0;
    background:
        radial-gradient(circle at 18% 47%, rgba(42, 184, 255, .28), transparent 14%),
        radial-gradient(circle at 62% 54%, rgba(0, 112, 255, .18), transparent 34%);
    filter: blur(1px);
}

.sd-visual-frame::after {
    display: none;
}

.sd-visual-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .86;
    filter: saturate(1.08) contrast(1.08);
}

.sd-ai-orb {
    position: absolute;
    left: 13%;
    top: 42%;
    z-index: 3;
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    color: #a9ecff;
    border: 1px solid rgba(116, 220, 255, .72);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 42%, rgba(67, 197, 255, .52), rgba(13, 110, 253, .26) 56%, rgba(2, 20, 48, .48) 100%);
    box-shadow: 0 0 30px rgba(34, 163, 255, .64), inset 0 0 18px rgba(147, 231, 255, .24);
    font-size: 27px;
    line-height: 1;
    font-weight: 900;
}

.sd-floor-grid {
    position: absolute;
    left: 7%;
    bottom: -6%;
    z-index: 2;
    width: 88%;
    height: 144px;
    border-radius: 50%;
    background:
        repeating-radial-gradient(ellipse, rgba(43, 168, 255, .36) 0 2px, transparent 2px 18px),
        radial-gradient(ellipse, rgba(22, 127, 255, .2), transparent 62%);
    transform: perspective(700px) rotateX(68deg);
    opacity: .62;
}

.sd-float-card {
    position: absolute;
    z-index: 4;
    border: 1px solid rgba(88, 170, 255, .42);
    border-radius: 8px;
    color: #dcecff;
    background: rgba(8, 30, 68, .74);
    box-shadow: 0 18px 48px rgba(0, 55, 130, .3), inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.sd-score-card {
    top: 0;
    right: 22px;
    width: 235px;
    padding: 17px 18px 16px;
}

.sd-score-card button {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 14px;
    height: 14px;
    padding: 0;
    border: 0;
    background: none;
}

.sd-score-card button::before,
.sd-score-card button::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 1px;
    width: 12px;
    height: 1px;
    background: #8facd5;
}

.sd-score-card button::before {
    transform: rotate(45deg);
}

.sd-score-card button::after {
    transform: rotate(-45deg);
}

.sd-score-card strong,
.sd-chart-card strong,
.sd-ai-panel strong {
    display: block;
    color: #eef7ff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 850;
}

.sd-score-card span {
    display: block;
    margin-top: 10px;
    color: #b9cbe4;
    font-size: 12px;
    font-weight: 650;
}

.sd-score-card em {
    display: block;
    margin-top: 8px;
    color: #b8d9ff;
    font-size: 17px;
    font-style: normal;
    letter-spacing: 0;
}

.sd-score-card p {
    margin: 8px 0 0;
    color: #7f99bd;
    font-size: 11px;
    line-height: 1.55;
}

.sd-chart-card {
    right: 0;
    bottom: 56px;
    width: 250px;
    padding: 16px 18px 12px;
}

.sd-chart-card svg {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 9px;
}

.sd-chart-axis {
    fill: none;
    stroke: rgba(140, 183, 230, .22);
    stroke-width: 1.5;
}

.sd-chart-line {
    fill: none;
    stroke: #42b8ff;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(66, 184, 255, .62));
}

.sd-ai-panel {
    left: 8px;
    bottom: -16px;
    width: 214px;
    padding: 15px 16px 14px;
}

.sd-ai-panel span {
    display: block;
    margin-top: 9px;
    padding: 7px 10px;
    color: #9fb9dc;
    border-radius: 6px;
    background: rgba(255, 255, 255, .05);
    font-size: 12px;
    line-height: 1.2;
}

.sd-breadcrumb-wrap {
    background: #fff;
    border-bottom: 1px solid #e8f0fb;
}

.sd-breadcrumb {
    min-height: 52px;
    display: flex;
    align-items: center;
    color: #647895;
    font-size: 13px;
    line-height: 1.4;
}

.sd-breadcrumb a {
    color: #577091;
    text-decoration: none;
}

.sd-breadcrumb a:hover,
.sd-breadcrumb a:focus-visible {
    color: #0d6efd;
}

.sd-anchor-wrap {
    position: sticky;
    top: 72px;
    z-index: 50;
    padding: 0 0 20px;
    background: linear-gradient(180deg, #fff 0 48%, rgba(244, 249, 255, .92) 100%);
}

.sd-anchor-nav {
    min-height: 60px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    overflow: hidden;
    border: 1px solid #dfebfa;
    border-radius: 8px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 45px rgba(26, 73, 130, .12);
}

.sd-anchor-nav a {
    position: relative;
    min-width: 0;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #243d62;
    text-decoration: none;
    font-size: 14px;
    font-weight: 850;
    transition: color .2s ease, background .2s ease;
}

.sd-anchor-nav a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    width: 1px;
    height: 24px;
    background: #e4edf9;
}

.sd-anchor-nav a::before {
    content: "";
    position: absolute;
    right: 22%;
    bottom: 0;
    left: 22%;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: #0d6efd;
    transform: scaleX(0);
    transition: transform .2s ease;
}

.sd-anchor-nav .sd-icon {
    width: 20px;
    height: 20px;
    color: #0d6efd;
}

.sd-anchor-nav a:hover,
.sd-anchor-nav a:focus-visible,
.sd-anchor-nav a.is-active {
    color: #0d6efd;
    background: #f3f8ff;
}

.sd-anchor-nav a:hover::before,
.sd-anchor-nav a:focus-visible::before,
.sd-anchor-nav a.is-active::before {
    transform: scaleX(1);
}

.sd-body {
    padding: 18px 0 72px;
}

.sd-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 328px;
    align-items: start;
    gap: 48px;
}

.sd-main {
    min-width: 0;
}

.sd-section {
    scroll-margin-top: 150px;
    margin-bottom: 48px;
}

.sd-section-head {
    max-width: 780px;
    margin: 0 auto 24px;
    text-align: center;
}

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

.sd-section-head > span {
    display: block;
    margin-bottom: 8px;
    color: #0d6efd;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 850;
}

.sd-section-head h2 {
    margin: 0;
    color: #071d49;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: 900;
}

.sd-section-head p {
    margin: 12px 0 0;
    color: #657795;
    font-size: 15px;
    line-height: 1.8;
}

.sd-overview {
    margin-bottom: 34px;
}

.sd-overview-content {
    margin-top: 12px;
    color: #657795;
    font-size: 15px;
    line-height: 1.8;
}

.sd-overview-content p {
    margin: 0 0 8px;
}

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

.sd-pain-grid article,
.sd-module-grid article,
.sd-fit-grid article,
.sd-delivery-grid article {
    min-width: 0;
    border: 1px solid #dfeaf8;
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 42px rgba(25, 69, 125, .1);
}

.sd-pain-grid article,
.sd-module-grid article {
    min-height: 162px;
    padding: 22px 18px 20px;
    text-align: center;
}

.sd-pain-grid .sd-icon,
.sd-module-grid .sd-icon {
    width: 38px;
    height: 38px;
    padding: 9px;
    color: #0d6efd;
    border-radius: 50%;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px rgba(13, 110, 253, .16);
}

.sd-pain-grid .sd-icon::before,
.sd-module-grid .sd-icon::before {
    inset: 9px;
}

.sd-pain-grid h3,
.sd-module-grid h3 {
    margin: 12px 0 0;
    color: #092353;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 900;
}

.sd-pain-grid p,
.sd-module-grid p {
    margin: 9px 0 0;
    color: #5d6f88;
    font-size: 13px;
    line-height: 1.65;
}

.sd-mindmap {
    position: relative;
    min-height: 430px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 178px minmax(0, 1fr);
    grid-template-rows: repeat(3, 1fr);
    align-items: center;
    gap: 32px 36px;
    padding: 22px 0;
}

.sd-mindmap::before,
.sd-mindmap::after {
    content: "";
    position: absolute;
    top: 50%;
    z-index: 0;
    width: calc(50% - 98px);
    border-top: 1px dashed rgba(13, 110, 253, .38);
}

.sd-mindmap::before {
    left: 16%;
}

.sd-mindmap::after {
    right: 16%;
}

.sd-mind-node {
    position: relative;
    z-index: 1;
    min-height: 108px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 50px;
    align-items: center;
    gap: 14px;
}

.sd-mind-node.node-right {
    grid-template-columns: 50px minmax(0, 1fr);
}

.sd-mind-node::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 48px;
    border-top: 1px dashed rgba(13, 110, 253, .44);
}

.sd-mind-node.node-left::after {
    right: -58px;
}

.sd-mind-node.node-right::after {
    left: -58px;
}

.node-1 { grid-column: 1; grid-row: 1; }
.node-2 { grid-column: 1; grid-row: 2; }
.node-3 { grid-column: 1; grid-row: 3; }
.node-4 { grid-column: 3; grid-row: 1; }
.node-5 { grid-column: 3; grid-row: 2; }
.node-6 { grid-column: 3; grid-row: 3; }

.sd-mind-node strong,
.sd-mind-node p {
    display: block;
}

.sd-mind-node.node-left {
    text-align: right;
}

.sd-mind-node .sd-icon {
    grid-row: 1 / 3;
}

.sd-mind-node.node-left .sd-icon {
    grid-column: 2;
}

.sd-mind-node.node-left strong,
.sd-mind-node.node-left p {
    grid-column: 1;
}

.sd-mind-node.node-right .sd-icon {
    grid-column: 1;
}

.sd-mind-node.node-right strong,
.sd-mind-node.node-right p {
    grid-column: 2;
}

.sd-mind-node strong {
    color: #092353;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 900;
}

.sd-mind-node p {
    margin: 7px 0 0;
    color: #5d6f88;
    font-size: 12px;
    line-height: 1.55;
}

.sd-mind-node .sd-icon {
    width: 50px;
    height: 50px;
    padding: 13px;
    color: #0d6efd;
    border: 1px solid #d9e9ff;
    border-radius: 50%;
    background: #f4f9ff;
    box-shadow: 0 12px 26px rgba(13, 110, 253, .12);
}

.sd-mind-node .sd-icon::before {
    inset: 13px;
}

.sd-mind-core {
    position: relative;
    z-index: 2;
    grid-column: 2;
    grid-row: 1 / 4;
    width: 166px;
    height: 166px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: center;
    color: #fff;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 28%, rgba(85, 190, 255, .48), transparent 48%),
        linear-gradient(180deg, #1788ff, #005ee8);
    box-shadow: 0 26px 54px rgba(13, 110, 253, .34), inset 0 1px 0 rgba(255, 255, 255, .32);
}

.sd-mind-core::before {
    content: "";
    position: absolute;
    inset: -20px;
    border: 1px dashed rgba(13, 110, 253, .24);
    border-radius: 50%;
}

.sd-mind-core strong {
    display: block;
    font-size: 27px;
    line-height: 1.05;
    font-weight: 900;
}

.sd-mind-core span {
    display: block;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 850;
}

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

.sd-process {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.sd-process article {
    position: relative;
    min-width: 0;
    min-height: 118px;
    padding: 18px 13px 16px;
    border: 1px solid #dfeaf8;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    box-shadow: 0 15px 36px rgba(25, 69, 125, .08);
}

.sd-process article:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -14px;
    z-index: 2;
    width: 14px;
    height: 1px;
    background: #0d6efd;
}

.sd-process article span {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(180deg, #2a94ff, #0d6efd);
    font-size: 12px;
    font-weight: 900;
}

.sd-process h3 {
    margin: 10px 0 0;
    color: #092353;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 900;
}

.sd-process p {
    margin: 7px 0 0;
    color: #5d6f88;
    font-size: 12px;
    line-height: 1.5;
}

.sd-section#process {
    margin-bottom: 34px;
}

.sd-section#process .sd-section-head {
    max-width: none;
    margin-bottom: 16px;
}

.sd-section#process .sd-section-head h2 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 920;
}

.sd-section#process .sd-process {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 22px;
}

.sd-section#process .sd-process article {
    min-height: 170px;
    padding: 20px 10px 18px;
    border: 0;
    border-radius: 4px;
    background:
        linear-gradient(180deg, #fff 0%, #fff 56%, #fbfdff 100%);
    box-shadow: 0 13px 28px rgba(28, 72, 132, .12);
}

.sd-section#process .sd-process article:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(28, 72, 132, .16);
}

.sd-section#process .sd-process article:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    z-index: 3;
    width: 13px;
    height: 13px;
    background: #1677ff;
    clip-path: polygon(0 38%, 58% 38%, 58% 8%, 100% 50%, 58% 92%, 58% 62%, 0 62%);
    transform: translateY(-50%);
}

.sd-section#process .sd-process article span {
    margin-top: 8px;
    width: 25px;
    height: 25px;
    border: 0;
    color: #fff;
    background: #1677ff;
    box-shadow: 0 5px 12px rgba(22, 119, 255, .2);
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

.sd-section#process .sd-process h3 {
    margin-top: 19px;
    color: #102d55;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 850;
}

.sd-section#process .sd-process p {
    margin-top: 11px;
    color: #5f6f86;
    font-size: 11px;
    line-height: 1.56;
    font-weight: 500;
}

.sd-delivery-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

.sd-delivery-grid article {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 12px;
}

.sd-delivery-grid .sd-icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    color: #0d6efd;
}

.sd-delivery-grid span {
    min-width: 0;
    color: #092353;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 850;
}

.sd-section#delivery {
    margin-bottom: 34px;
}

.sd-section#delivery .sd-section-head {
    max-width: none;
    margin-bottom: 14px;
}

.sd-section#delivery .sd-section-head h2 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 920;
}

.sd-section#delivery .sd-delivery-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.sd-section#delivery .sd-delivery-grid article {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 8px 13px;
    border: 0;
    border-radius: 6px;
    background:
        linear-gradient(180deg, #fff 0%, #fff 58%, #fbfdff 100%);
    box-shadow: 0 13px 28px rgba(28, 72, 132, .12);
}

.sd-section#delivery .sd-delivery-grid article:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(28, 72, 132, .16);
}

.sd-section#delivery .sd-delivery-icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    color: #1677ff;
}

.sd-section#delivery .sd-delivery-icon svg {
    width: 40px;
    height: 40px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sd-section#delivery .sd-delivery-icon circle {
    fill: none;
}

.sd-section#delivery .sd-delivery-grid span:not(.sd-delivery-icon) {
    color: #102d55;
    font-size: 13px;
    line-height: 1.28;
    font-weight: 780;
    text-align: center;
    white-space: nowrap;
}

.sd-results-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.sd-results-grid article {
    position: relative;
    min-height: 102px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 20px 18px 18px;
    border: 1px solid rgba(107, 166, 255, .24);
    border-radius: 8px;
    color: #fff;
    background:
        radial-gradient(circle at 78% 16%, rgba(77, 157, 255, .2), transparent 42%),
        linear-gradient(180deg, #0d3e7f 0%, #07295f 100%);
    box-shadow: 0 16px 34px rgba(9, 38, 88, .18);
    text-align: center;
}

.sd-results-grid article::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, .12), transparent 34%, transparent 66%, rgba(16, 119, 255, .14));
    opacity: .72;
    pointer-events: none;
}

.sd-results-grid strong {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 118px;
    color: #bcd4ff;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.sd-results-grid span {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 11px;
    color: #fff;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 760;
    text-align: center;
}

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

.sd-fit-grid article {
    min-height: 72px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    align-items: center;
    column-gap: 13px;
    padding: 12px 18px 12px 16px;
    border: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 12px 26px rgba(33, 76, 130, .12);
}

.sd-fit-grid .sd-icon {
    grid-row: 1 / 3;
    justify-self: center;
    width: 42px;
    height: 42px;
    padding: 0;
    color: #1677ff;
    border-radius: 0;
    background: transparent;
    filter: drop-shadow(0 6px 10px rgba(22, 119, 255, .15));
}

.sd-fit-grid .sd-icon::before {
    inset: 7px;
}

.sd-fit-grid strong {
    color: #102d55;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 850;
    white-space: nowrap;
}

.sd-fit-grid span {
    margin-top: 5px;
    color: #5d6f88;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 500;
    white-space: nowrap;
}

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

.sd-section#faq {
    margin-bottom: 0;
    padding-bottom: 18px;
}

.sd-faq-group {
    border: 1px solid #dfeaf8;
    border-radius: 10px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 12px 28px rgba(29, 71, 124, .06);
}

.sd-faq-grid details {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sd-faq-grid details + details {
    border-top: 1px solid #dfeaf8;
}

.sd-faq-grid summary {
    min-height: 38px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 9px;
    padding: 0 14px 0 16px;
    color: #17345c;
    cursor: pointer;
    list-style: none;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 760;
}

.sd-faq-grid summary::-webkit-details-marker {
    display: none;
}

.sd-faq-grid summary::before {
    content: "?";
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9d6ff;
    border-radius: 50%;
    color: #1677ff;
    background: #edf5ff;
    font-size: 10px;
    line-height: 1;
    font-weight: 850;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.sd-faq-grid summary span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sd-faq-grid summary i {
    position: relative;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    justify-self: end;
}

.sd-faq-grid summary i::before,
.sd-faq-grid summary i::after {
    content: "";
    position: absolute;
    top: 8px;
    width: 7px;
    height: 2px;
    border-radius: 999px;
    background: #5b91d9;
    transition: transform .18s ease;
}

.sd-faq-grid summary i::before {
    left: 4px;
    transform: rotate(45deg);
}

.sd-faq-grid summary i::after {
    right: 4px;
    transform: rotate(-45deg);
}

.sd-faq-grid details[open] summary i::before {
    transform: rotate(-45deg);
}

.sd-faq-grid details[open] summary i::after {
    transform: rotate(45deg);
}

.sd-faq-grid p {
    margin: 0;
    padding: 0 44px 13px 43px;
    color: #5d6f88;
    font-size: 12px;
    line-height: 1.65;
}

.sd-sidebar {
    position: sticky;
    top: 154px;
    display: grid;
    gap: 20px;
}

.sd-side-card {
    overflow: hidden;
    border: 1px solid #dfeaf8;
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 20px 48px rgba(23, 68, 126, .12);
}

.sd-side-cta {
    padding: 28px 26px 26px;
    text-align: center;
}

.sd-side-cta h2 {
    margin: 0;
    color: #092353;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 900;
}

.sd-side-cta p {
    margin: 13px 0 22px;
    color: #667993;
    font-size: 14px;
    line-height: 1.7;
}

.sd-side-cta .sd-btn,
.sd-form-card .sd-form button {
    width: 100%;
}

.sd-side-cta .sd-btn + .sd-btn {
    margin-top: 12px;
}

.sd-side-advantage {
    padding: 22px 22px 8px;
}

.sd-side-card h3 {
    margin: 0 0 16px;
    color: #092353;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 900;
}

.sd-side-advantage article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #e5eef9;
}

.sd-side-advantage article:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.sd-side-advantage .sd-icon {
    width: 34px;
    height: 34px;
    padding: 8px;
    color: #0d6efd;
    border-radius: 50%;
    background: #eff6ff;
}

.sd-side-advantage .sd-icon::before {
    inset: 8px;
}

.sd-side-advantage strong,
.sd-side-advantage span {
    display: block;
}

.sd-side-advantage strong {
    color: #092353;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 900;
}

.sd-side-advantage span {
    margin-top: 4px;
    color: #667993;
    font-size: 12px;
    line-height: 1.5;
}

.sd-form-card {
    padding: 22px;
}

.sd-form {
    display: grid;
    gap: 12px;
}

.sd-form label {
    display: block;
}

.sd-form label span {
    display: block;
    margin-bottom: 7px;
    color: #344c6d;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 750;
}

.sd-form input,
.sd-form textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid #dce8f8;
    border-radius: 6px;
    background: #fff;
    color: #17233f;
    font: inherit;
    font-size: 14px;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.sd-form input {
    height: 42px;
    padding: 0 13px;
}

.sd-form textarea {
    min-height: 104px;
    resize: vertical;
    padding: 12px 13px;
    line-height: 1.6;
}

.sd-form input:focus,
.sd-form textarea:focus {
    border-color: #2a87ff;
    box-shadow: 0 0 0 3px rgba(42, 135, 255, .12);
}

.sd-form .xqd-field-error {
    border-color: #e14646;
    box-shadow: 0 0 0 3px rgba(225, 70, 70, .12);
}

.sd-form button {
    min-height: 46px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(180deg, #2a94ff, #0d6efd);
    box-shadow: 0 14px 30px rgba(18, 111, 255, .22);
    cursor: pointer;
    font-size: 15px;
    font-weight: 850;
}

.sd-form p {
    margin: 0;
    color: #7a8ca6;
    font-size: 11px;
    line-height: 1.55;
    text-align: center;
}

.xqd-form-trap {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.sd-related-card {
    padding: 22px;
}

.sd-related-list {
    display: grid;
    gap: 12px;
}

.sd-related-list a {
    min-width: 0;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
}

.sd-related-list img {
    display: block;
    width: 64px;
    height: 52px;
    object-fit: cover;
    border-radius: 6px;
    background: #e8f1fb;
}

.sd-related-list strong,
.sd-related-list em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sd-related-list strong {
    color: #092353;
    font-size: 14px;
    font-weight: 900;
}

.sd-related-list em {
    margin-top: 4px;
    color: #667993;
    font-size: 12px;
    font-style: normal;
}

.sd-related-list i,
.sd-related-more i {
    position: relative;
    width: 18px;
    height: 18px;
}

.sd-related-list i::before,
.sd-related-more i::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 45%;
    width: 7px;
    height: 7px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translate(-50%, -50%) rotate(45deg);
}

.sd-related-more {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 14px;
    color: #0d6efd;
    text-decoration: none;
    font-size: 13px;
    font-weight: 850;
}

.sd-bottom-cta {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(180deg, rgba(20, 74, 143, .16), transparent 52%),
        linear-gradient(90deg, #031126 0%, #062047 42%, #06224d 58%, #031936 100%);
    border-top: 1px solid rgba(117, 171, 238, .2);
    border-bottom: 1px solid rgba(89, 147, 220, .16);
    isolation: isolate;
}

.sd-bottom-cta::before,
.sd-bottom-cta::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.sd-bottom-cta::before {
    inset: 0;
    opacity: .42;
    background:
        radial-gradient(ellipse at 18% 46%, rgba(43, 120, 230, .14), transparent 34%),
        radial-gradient(ellipse at 82% 48%, rgba(35, 105, 205, .12), transparent 34%);
}

.sd-bottom-cta::after {
    inset: 0;
    opacity: .16;
    background:
        repeating-linear-gradient(0deg, rgba(125, 183, 255, .05) 0 1px, transparent 1px 30px),
        repeating-linear-gradient(90deg, rgba(125, 183, 255, .035) 0 1px, transparent 1px 72px);
    mix-blend-mode: screen;
}

.sd-bottom-inner {
    position: relative;
    z-index: 1;
    min-height: 150px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    gap: 34px;
    padding: 32px 0;
}

.sd-bottom-inner h2 {
    margin: 0;
    color: #fff;
    font-size: 27px;
    line-height: 1.26;
    font-weight: 900;
    text-shadow: 0 0 22px rgba(84, 160, 255, .2);
}

.sd-bottom-inner p {
    margin: 8px 0 0;
    color: #c0d3ee;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 600;
}

.sd-bottom-inner > div:last-child {
    display: flex;
    gap: 16px;
}

.sd-bottom-inner .sd-btn {
    min-width: 152px;
    min-height: 44px;
    border-radius: 7px;
    font-size: 14px;
}

.sd-bottom-inner .sd-btn-outline {
    color: #f2f7ff;
    border-color: rgba(172, 205, 246, .46);
    background: rgba(2, 13, 32, .4);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), 0 10px 24px rgba(0, 0, 0, .16);
}

/* Reference visual tuning for the industry detail template. */
.sd-shell {
    width: min(1600px, calc(100% - 80px));
}

.sd-hero {
    min-height: 550px;
    background-position: center, center, center, right center, center, center;
}

.sd-hero-inner {
    min-height: 550px;
    grid-template-columns: minmax(0, 760px);
    gap: 0;
    padding-top: 92px;
    padding-bottom: 68px;
}

.sd-eyebrow {
    display: none;
}

.sd-hero-copy h1 {
    max-width: 760px;
    font-size: 50px;
    line-height: 1.12;
}

.sd-hero-lead {
    max-width: 660px;
    margin-top: 14px;
    font-size: 20px;
    line-height: 1.56;
    font-weight: 760;
}

.sd-hero-text {
    margin-top: 6px;
}

.sd-hero-metrics {
    gap: 22px;
    margin-top: 28px;
}

.sd-hero-actions {
    margin-top: 28px;
}

.sd-hero-visual {
    min-height: 390px;
}

.sd-visual-frame {
    inset: 0;
}

.sd-score-card {
    top: 0;
    right: 16px;
    width: 218px;
}

.sd-chart-card {
    right: 0;
    bottom: 34px;
    width: 226px;
}

.sd-ai-panel {
    left: 0;
    bottom: 0;
    width: 196px;
}

.sd-industry-wrap {
    position: relative;
    z-index: 8;
    padding: 18px 0 8px;
    background: linear-gradient(180deg, var(--site-bg-soft) 0%, var(--site-bg) 58%, var(--site-bg-soft) 100%);
}

.sd-industry-panel {
    overflow: hidden;
    border: 1px solid rgba(210, 224, 244, .95);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 252, 255, .96)),
        #fff;
    box-shadow: 0 16px 38px rgba(33, 76, 130, .1);
}

.sd-industry-tabs {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    min-height: 136px;
    align-items: stretch;
}

.sd-industry-tabs a {
    position: relative;
    min-width: 0;
    display: grid;
    place-items: center;
    justify-items: center;
    align-content: center;
    gap: 8px;
    min-height: 136px;
    padding: 20px 10px 18px;
    color: #15294d;
    font: inherit;
    font-size: 15px;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

.sd-industry-tabs a:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 34px;
    width: 1px;
    background: linear-gradient(180deg, transparent, #d9e5f3 18%, #d9e5f3 82%, transparent);
}

.sd-industry-tabs a::before {
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 0;
    height: 4px;
    border-radius: 99px 99px 0 0;
    background: #147bff;
    transform: scaleX(0);
    transition: transform .2s ease;
}

.sd-industry-tabs .sd-icon,
.sd-industry-tabs .sd-industry-icon {
    width: 46px;
    height: 46px;
    padding: 0;
    display: block;
    color: #0d6efd;
    border: 1px solid rgba(44, 130, 255, .18);
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 28%, rgba(55, 159, 255, .18), transparent 62%),
        linear-gradient(180deg, #f8fbff, #eef6ff);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 8px 18px rgba(20, 93, 181, .08);
    transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sd-industry-tabs .sd-icon::before,
.sd-industry-tabs .sd-industry-icon::before {
    inset: 9px;
}

.sd-industry-tabs strong,
.sd-industry-tabs span {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sd-industry-tabs strong {
    color: #061c3c;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 900;
}

.sd-industry-tabs span {
    color: #6c7d9c;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 750;
}

.sd-industry-tabs a:hover,
.sd-industry-tabs a:focus-visible,
.sd-industry-tabs a.is-active {
    color: #0d6efd;
}

.sd-industry-tabs a:hover,
.sd-industry-tabs a:focus-visible {
    background: linear-gradient(180deg, #f8fbff, #eef6ff);
}

.sd-industry-tabs a.is-active {
    background:
        radial-gradient(circle at 50% 22%, rgba(41, 139, 255, .14), transparent 45%),
        linear-gradient(180deg, #eff6ff, #e8f2ff);
    box-shadow: inset 0 0 0 1px rgba(58, 139, 255, .08);
}

.sd-industry-tabs a:hover strong,
.sd-industry-tabs a:focus-visible strong,
.sd-industry-tabs a.is-active strong,
.sd-industry-tabs a:hover span,
.sd-industry-tabs a:focus-visible span,
.sd-industry-tabs a.is-active span {
    color: #0d6efd;
}

.sd-industry-tabs a:hover::before,
.sd-industry-tabs a:focus-visible::before,
.sd-industry-tabs a.is-active::before {
    transform: scaleX(1);
}

.sd-industry-tabs a:hover .sd-icon,
.sd-industry-tabs a:focus-visible .sd-icon,
.sd-industry-tabs a:hover .sd-industry-icon,
.sd-industry-tabs a:focus-visible .sd-industry-icon {
    border-color: rgba(44, 130, 255, .3);
    background:
        radial-gradient(circle at 50% 28%, rgba(55, 159, 255, .26), transparent 62%),
        linear-gradient(180deg, #fff, #edf6ff);
    transform: translateY(-1px);
}

.sd-industry-tabs a.is-active .sd-icon,
.sd-industry-tabs a.is-active .sd-industry-icon {
    color: #fff;
    border-color: rgba(20, 123, 255, .66);
    background:
        radial-gradient(circle at 50% 30%, rgba(99, 206, 255, .36), transparent 62%),
        linear-gradient(180deg, #2089ff, #0d6efd);
    box-shadow: 0 12px 24px rgba(13, 110, 253, .26), inset 0 1px 0 rgba(255, 255, 255, .32);
}

.sd-subindustry-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 78px;
    gap: 16px;
    padding: 18px 24px 20px;
    border-top: 1px solid #e6eff9;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.sd-subindustry-tabs a {
    min-width: 118px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    color: #314a6e;
    border: 1px solid #d9e6f6;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff, #f9fcff);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 8px 18px rgba(25, 69, 125, .08);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 850;
    transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.sd-subindustry-tabs a:hover,
.sd-subindustry-tabs a:focus-visible,
.sd-subindustry-tabs a.is-active {
    color: #fff;
    border-color: #0d6efd;
    background: linear-gradient(180deg, #2f95ff, #0d6efd);
    box-shadow: 0 12px 26px rgba(13, 110, 253, .22);
}

.sd-industry-panel .sl-tabs {
    min-height: 136px;
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    align-items: stretch;
    overflow: hidden;
    border: 0;
    border-radius: 16px 16px 0 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 252, 255, .96)),
        #fff;
    box-shadow: none;
}

.sd-industry-panel .sl-tabs [data-solution-tab] {
    position: relative;
    min-width: 0;
    min-height: 136px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 20px 10px 18px;
    border: 0;
    background: transparent;
    color: #15294d;
    font: inherit;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 850;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

.sd-industry-panel .sl-tabs [data-solution-tab]:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 34px;
    width: 1px;
    background: linear-gradient(180deg, transparent, #d9e5f3 18%, #d9e5f3 82%, transparent);
}

.sd-industry-panel .sl-tabs [data-solution-tab]::before {
    content: "";
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 0;
    height: 4px;
    border-radius: 99px 99px 0 0;
    background: #147bff;
    transform: scaleX(0);
    transition: transform .2s ease;
}

.sd-industry-panel .sl-tabs [data-solution-tab] strong {
    display: block;
    color: #061c3c;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 900;
}

.sd-industry-panel .sl-tabs [data-solution-tab] em {
    display: block;
    min-height: 16px;
    color: #6c7d9c;
    font-size: 0;
    font-style: normal;
    font-weight: 750;
    line-height: 1.2;
}

.sd-industry-panel .sl-tabs [data-solution-tab] em::before {
    content: "";
    display: block;
    font-size: 12px;
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(1) em::before {
    content: "全场景方案";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(2) em::before {
    content: "工厂 / 设备 / B2B";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(3) em::before {
    content: "多语种 / 海外获客";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(4) em::before {
    content: "本地门店 / 区域服务";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(5) em::before {
    content: "加盟 / 连锁增长";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(6) em::before {
    content: "招生 / 教培服务";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(7) em::before {
    content: "工程 / 建材获客";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:nth-child(8) em::before {
    content: "更多细分场景";
}

.sd-industry-panel .sl-tabs [data-solution-tab]:hover,
.sd-industry-panel .sl-tabs [data-solution-tab]:focus-visible,
.sd-industry-panel .sl-tabs [data-solution-tab].is-active {
    color: #0d6efd;
}

.sd-industry-panel .sl-tabs [data-solution-tab]:hover,
.sd-industry-panel .sl-tabs [data-solution-tab]:focus-visible {
    background: linear-gradient(180deg, #f8fbff, #eef6ff);
}

.sd-industry-panel .sl-tabs [data-solution-tab].is-active {
    background:
        radial-gradient(circle at 50% 22%, rgba(41, 139, 255, .14), transparent 45%),
        linear-gradient(180deg, #eff6ff, #e8f2ff);
    box-shadow: inset 0 0 0 1px rgba(58, 139, 255, .08);
}

.sd-industry-panel .sl-tabs [data-solution-tab]:hover strong,
.sd-industry-panel .sl-tabs [data-solution-tab]:focus-visible strong,
.sd-industry-panel .sl-tabs [data-solution-tab].is-active strong,
.sd-industry-panel .sl-tabs [data-solution-tab]:hover em,
.sd-industry-panel .sl-tabs [data-solution-tab]:focus-visible em,
.sd-industry-panel .sl-tabs [data-solution-tab].is-active em {
    color: #0d6efd;
}

.sd-industry-panel .sl-tabs [data-solution-tab]:hover::before,
.sd-industry-panel .sl-tabs [data-solution-tab]:focus-visible::before,
.sd-industry-panel .sl-tabs [data-solution-tab].is-active::before {
    transform: scaleX(1);
}

.sl-tab-icon {
    --sl-tab-icon: none;
    position: relative;
    width: 46px;
    height: 46px;
    display: block;
    border: 1px solid rgba(44, 130, 255, .18);
    border-radius: 14px;
    color: #0d6efd;
    background:
        radial-gradient(circle at 50% 28%, rgba(55, 159, 255, .18), transparent 62%),
        linear-gradient(180deg, #f8fbff, #eef6ff);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 8px 18px rgba(20, 93, 181, .08);
    transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sl-tab-icon::before {
    content: "";
    position: absolute;
    inset: 9px;
    background: currentColor;
    -webkit-mask: var(--sl-tab-icon) center / contain no-repeat;
    mask: var(--sl-tab-icon) center / contain no-repeat;
}

.sd-industry-panel .sl-tabs [data-solution-tab]:hover .sl-tab-icon,
.sd-industry-panel .sl-tabs [data-solution-tab]:focus-visible .sl-tab-icon {
    border-color: rgba(44, 130, 255, .3);
    background:
        radial-gradient(circle at 50% 28%, rgba(55, 159, 255, .26), transparent 62%),
        linear-gradient(180deg, #fff, #edf6ff);
    transform: translateY(-1px);
}

.sd-industry-panel .sl-tabs [data-solution-tab].is-active .sl-tab-icon {
    color: #fff;
    border-color: rgba(20, 123, 255, .66);
    background:
        radial-gradient(circle at 50% 30%, rgba(99, 206, 255, .36), transparent 62%),
        linear-gradient(180deg, #2089ff, #0d6efd);
    box-shadow: 0 12px 24px rgba(13, 110, 253, .26), inset 0 1px 0 rgba(255, 255, 255, .32);
}

.icon-globe {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 4 5.6 4 9s-1.5 6.4-4 9M12 3c-2.5 2.6-4 5.6-4 9s1.5 6.4 4 9'/%3E%3C/svg%3E");
}

.icon-factory {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V9l5 3V9l5 3V7h4v13H5Z'/%3E%3Cpath d='M8 16h2M13 16h2M4 20h16'/%3E%3C/svg%3E");
}

.icon-export {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3Z'/%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3C/svg%3E");
}

.icon-local {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.icon-store {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16l-1.5-5h-13L4 10Z'/%3E%3Cpath d='M6 10v10h12V10M9 20v-6h6v6'/%3E%3C/svg%3E");
}

.icon-school {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-4 9 4-9 4-9-4Z'/%3E%3Cpath d='M7 10v5c3 2 7 2 10 0v-5M19 9v5'/%3E%3C/svg%3E");
}

.icon-robot {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='8' width='12' height='10' rx='2'/%3E%3Cpath d='M12 4v4M8.5 12h0M15.5 12h0M9 18v2M15 18v2'/%3E%3C/svg%3E");
}

.icon-build {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18h16M6 18v-4a6 6 0 0 1 12 0v4'/%3E%3Cpath d='M9 14V9M15 14V9M8 9h8M6 18v2h12v-2'/%3E%3C/svg%3E");
}

.icon-more {
    --sl-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='8' cy='8' r='2.2'/%3E%3Ccircle cx='16' cy='8' r='2.2'/%3E%3Ccircle cx='8' cy='16' r='2.2'/%3E%3Ccircle cx='16' cy='16' r='2.2'/%3E%3C/svg%3E");
}

.sd-breadcrumb-wrap {
    padding: 16px 0 10px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border-bottom: 0;
}

.sd-breadcrumb {
    min-height: 20px;
    gap: 8px;
    color: #7a8ca5;
    font-size: 12px;
    font-weight: 700;
}

.sd-anchor-wrap {
    top: 70px;
    padding: 0 0 18px;
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

.sd-anchor-nav {
    min-height: 64px;
    overflow: hidden;
    border: 1px solid rgba(215, 227, 242, .92);
    border-radius: 8px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 12px 28px rgba(35, 83, 142, .08);
}

.sd-anchor-nav a {
    min-height: 64px;
    gap: 12px;
    color: #17345c;
    font-size: 15px;
    font-weight: 850;
    background: transparent;
}

.sd-breadcrumb a {
    color: #7a8ca5;
}

.sd-breadcrumb span:last-child {
    color: #5f7390;
}

.sd-crumb-sep {
    color: #b3c1d4;
}

.sd-anchor-nav .sd-icon {
    width: 24px;
    height: 24px;
    color: #6aa0e8;
}

.sd-anchor-nav a::before {
    right: 28%;
    left: 28%;
    height: 3px;
    background: #1a7fff;
}

.sd-anchor-nav a:not(:last-child)::after {
    top: 18px;
    height: 28px;
    background: #dce8f6;
}

.sd-anchor-nav a:hover,
.sd-anchor-nav a:focus-visible,
.sd-anchor-nav a.is-active {
    color: #0d6efd;
    background: transparent;
}

.sd-anchor-nav a:hover .sd-icon,
.sd-anchor-nav a:focus-visible .sd-icon,
.sd-anchor-nav a.is-active .sd-icon {
    color: #0d6efd;
}

.sd-body {
    padding: 12px 0 0;
    background:
        radial-gradient(ellipse at 84% 24%, rgba(30, 126, 255, .035), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fbfdff 62%, #f6f9fd 100%);
}

.sd-layout {
    grid-template-columns: minmax(0, 1fr) 306px;
    gap: 32px;
}

.sd-section {
    scroll-margin-top: 132px;
    margin-bottom: 22px;
}

.sd-section-head {
    margin-bottom: 12px;
}

.sd-section-head > span {
    display: none;
}

.sd-section-head h2 {
    font-size: 24px;
}

.sd-overview {
    margin-bottom: 20px;
}

.sd-overview-content,
.sd-section-head p {
    font-size: 13px;
    line-height: 1.7;
}

.sd-pain-grid,
.sd-module-grid {
    gap: 14px;
}

.sd-pain-grid article,
.sd-module-grid article {
    min-height: 112px;
    padding: 15px 12px 13px;
}

.sd-pain-grid .sd-icon,
.sd-module-grid .sd-icon {
    width: 34px;
    height: 34px;
    padding: 8px;
}

.sd-pain-grid .sd-icon::before,
.sd-module-grid .sd-icon::before {
    inset: 8px;
}

.sd-pain-grid h3,
.sd-module-grid h3 {
    margin-top: 8px;
    font-size: 14px;
}

.sd-pain-grid p,
.sd-module-grid p {
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 12px;
    line-height: 1.46;
}

.sd-mindmap {
    min-height: 286px;
    grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr);
    gap: 12px 24px;
    padding: 2px 0 0;
}

.sd-mindmap::before,
.sd-mindmap::after {
    width: calc(50% - 72px);
}

.sd-mind-node {
    min-height: 70px;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 9px;
}

.sd-mind-node.node-right {
    grid-template-columns: 38px minmax(0, 1fr);
}

.sd-mind-node::after {
    width: 30px;
}

.sd-mind-node.node-left::after {
    right: -34px;
}

.sd-mind-node.node-right::after {
    left: -34px;
}

.sd-mind-node strong {
    font-size: 12px;
}

.sd-mind-node p {
    margin-top: 4px;
    font-size: 10px;
}

.sd-mind-node .sd-icon {
    width: 38px;
    height: 38px;
    padding: 10px;
}

.sd-mind-node .sd-icon::before {
    inset: 10px;
}

.sd-mind-core {
    width: 118px;
    height: 118px;
}

.sd-mind-core::before {
    inset: -14px;
}

.sd-mind-core strong {
    font-size: 22px;
}

.sd-mind-core span {
    margin-top: 5px;
    font-size: 12px;
}

.sd-process {
    gap: 10px;
}

.sd-process article {
    min-height: 78px;
    padding: 12px 8px 10px;
}

.sd-process article:not(:last-child)::after {
    right: -10px;
    width: 10px;
}

.sd-process article span {
    width: 26px;
    height: 26px;
    font-size: 10px;
}

.sd-process h3 {
    margin-top: 7px;
    font-size: 12px;
}

.sd-process p {
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 11px;
}

.sd-delivery-grid {
    gap: 12px;
}

.sd-delivery-grid article {
    min-height: 52px;
    padding: 10px 8px;
}

.sd-delivery-grid .sd-icon {
    width: 21px;
    height: 21px;
}

.sd-delivery-grid span {
    font-size: 12px;
}

.sd-results-grid {
    gap: 22px;
}

.sd-results-grid article {
    min-height: 102px;
    padding: 20px 18px 18px;
}

.sd-results-grid strong {
    font-size: 40px;
}

.sd-results-grid span {
    margin-top: 11px;
    font-size: 14px;
}

.sd-fit-grid {
    gap: 16px;
}

.sd-fit-grid article {
    min-height: 72px;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 13px;
    padding: 12px 18px 12px 16px;
}

.sd-fit-grid .sd-icon {
    width: 42px;
    height: 42px;
    padding: 0;
}

.sd-fit-grid .sd-icon::before {
    inset: 7px;
}

.sd-fit-grid strong {
    font-size: 14px;
}

.sd-fit-grid span {
    margin-top: 3px;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
}

.sd-faq-grid {
    gap: 12px;
}

.sd-faq-grid summary {
    min-height: 38px;
    padding: 0 12px 0 14px;
    font-size: 12px;
}

.sd-faq-grid p {
    padding: 0 40px 12px 41px;
    font-size: 12px;
}

.sd-sidebar {
    top: 140px;
    gap: 18px;
}

.sd-side-card {
    box-shadow: 0 16px 38px rgba(23, 68, 126, .1);
}

.sd-side-cta {
    padding: 24px 22px 22px;
}

.sd-side-cta h2 {
    font-size: 22px;
}

.sd-side-cta p {
    margin: 12px 0 19px;
    font-size: 13px;
}

.sd-side-advantage {
    padding: 20px 20px 6px;
}

.sd-side-card h3 {
    margin-bottom: 13px;
    font-size: 17px;
}

.sd-side-advantage article {
    grid-template-columns: 31px minmax(0, 1fr);
    gap: 10px;
    padding: 12px 0;
}

.sd-side-advantage .sd-icon {
    width: 31px;
    height: 31px;
    padding: 7px;
}

.sd-side-advantage .sd-icon::before {
    inset: 7px;
}

.sd-form-card,
.sd-related-card {
    padding: 20px;
}

.sd-form {
    gap: 9px;
}

.sd-form label {
    position: relative;
}

.sd-form label span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.sd-form input {
    height: 38px;
    padding: 0 12px;
}

.sd-form textarea {
    min-height: 88px;
    padding: 10px 12px;
}

.sd-form input,
.sd-form textarea {
    font-size: 13px;
}

.sd-form button {
    min-height: 40px;
    font-size: 14px;
}

.sd-related-list {
    gap: 10px;
}

.sd-related-list a {
    grid-template-columns: 56px minmax(0, 1fr) 16px;
    gap: 10px;
}

.sd-related-list img {
    width: 56px;
    height: 44px;
}

.sd-related-list strong {
    font-size: 13px;
}

.sd-bottom-inner {
    min-height: 124px;
    padding: 24px 0;
}

/* Screenshot-style opening solution block. */
.sd-overview,
.sd-section#pain,
.sd-section#strategy,
.sd-section#modules {
    margin-bottom: 24px;
}

.sd-overview {
    margin-bottom: 24px;
}

.sd-overview .sd-section-head,
.sd-section#pain .sd-section-head,
.sd-section#strategy .sd-section-head,
.sd-section#modules .sd-section-head {
    max-width: none;
    margin-bottom: 16px;
}

.sd-overview .sd-section-head h2,
.sd-section#pain .sd-section-head h2,
.sd-section#strategy .sd-section-head h2,
.sd-section#modules .sd-section-head h2 {
    font-size: 22px;
    line-height: 1.25;
    font-weight: 920;
}

.sd-overview-content {
    width: 100%;
    max-width: none;
    margin-top: 10px;
    color: #5f7190;
    font-size: 13px;
    line-height: 1.8;
}

.sd-overview-content p {
    margin-bottom: 6px;
}

.sd-pain-grid,
.sd-module-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.sd-pain-grid article,
.sd-module-grid article {
    min-height: 112px;
    padding: 14px 12px 12px;
    border-color: rgba(207, 222, 241, .92);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 252, 255, .96));
    box-shadow: 0 14px 34px rgba(35, 83, 142, .1);
}

.sd-pain-grid .sd-icon,
.sd-module-grid .sd-icon {
    width: 34px;
    height: 34px;
    padding: 8px;
    border: 1px solid rgba(39, 130, 255, .18);
    background:
        radial-gradient(circle at 50% 28%, rgba(72, 168, 255, .22), transparent 62%),
        linear-gradient(180deg, #f8fbff, #edf6ff);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86), 0 10px 20px rgba(13, 110, 253, .1);
}

.sd-pain-grid .sd-icon::before,
.sd-module-grid .sd-icon::before {
    inset: 8px;
}

.sd-pain-grid h3,
.sd-module-grid h3 {
    margin-top: 8px;
    color: #092353;
    font-size: 14px;
    line-height: 1.3;
}

.sd-pain-grid p,
.sd-module-grid p {
    margin-top: 6px;
    color: #667994;
    font-size: 11px;
    line-height: 1.55;
    -webkit-line-clamp: 2;
}

.sd-section#strategy {
    margin-top: 4px;
}

.sd-mindmap {
    min-height: 282px;
    grid-template-columns: minmax(0, 1fr) 126px minmax(0, 1fr);
    gap: 8px 24px;
    padding: 0 4px 2px;
}

.sd-mindmap::before,
.sd-mindmap::after {
    width: calc(50% - 72px);
    border-top-color: rgba(13, 110, 253, .3);
}

.sd-mindmap::before {
    left: 17%;
}

.sd-mindmap::after {
    right: 17%;
}

.sd-mind-node,
.sd-mind-node.node-right {
    min-height: 66px;
    gap: 9px;
}

.sd-mind-node {
    grid-template-columns: minmax(0, 1fr) 36px;
}

.sd-mind-node.node-right {
    grid-template-columns: 36px minmax(0, 1fr);
}

.sd-mind-node::after {
    width: 30px;
    border-top-color: rgba(13, 110, 253, .34);
}

.sd-mind-node.node-left::after {
    right: -34px;
}

.sd-mind-node.node-right::after {
    left: -34px;
}

.sd-mind-node strong {
    color: #17345c;
    font-size: 12px;
    line-height: 1.35;
}

.sd-mind-node p {
    margin-top: 4px;
    color: #667994;
    font-size: 10px;
    line-height: 1.45;
}

.sd-mind-node .sd-icon {
    width: 36px;
    height: 36px;
    padding: 9px;
    border-color: rgba(39, 130, 255, .18);
    background: linear-gradient(180deg, #f8fbff, #edf6ff);
    box-shadow: 0 10px 22px rgba(13, 110, 253, .1);
}

.sd-mind-node .sd-icon::before {
    inset: 9px;
}

.sd-mind-core {
    width: 118px;
    height: 118px;
    background:
        radial-gradient(circle at 50% 28%, rgba(92, 200, 255, .42), transparent 48%),
        linear-gradient(180deg, #1788ff, #0066ed);
    box-shadow: 0 22px 46px rgba(13, 110, 253, .32), inset 0 1px 0 rgba(255, 255, 255, .32);
}

.sd-mind-core::before {
    inset: -14px;
    border-color: rgba(13, 110, 253, .2);
}

.sd-mind-core strong {
    font-size: 22px;
}

.sd-mind-core span {
    margin-top: 5px;
    font-size: 12px;
}

.sd-section#strategy .sd-mindmap {
    --mind-inner-shift: 12px;
    --mind-stagger-shift: 52px;
    --mind-line-gap: 32px;
    --mind-mid-line: 140px;
    --mind-diagonal-line: 124px;
    --mind-diagonal-angle: 30deg;
    min-height: 336px;
    grid-template-columns: minmax(0, 1fr) 144px minmax(0, 1fr);
    grid-template-rows: repeat(3, 86px);
    gap: 16px 90px;
    padding: 10px 28px 12px;
}

.sd-section#strategy .sd-mindmap::before,
.sd-section#strategy .sd-mindmap::after,
.sd-section#strategy .sd-mind-core::before {
    display: none;
}

.sd-section#strategy .sd-mind-node,
.sd-section#strategy .sd-mind-node.node-right {
    min-height: 86px;
    align-content: center;
    gap: 2px 18px;
}

.sd-section#strategy .sd-mind-node {
    grid-template-columns: minmax(0, 1fr) 52px;
}

.sd-section#strategy .sd-mind-node.node-right {
    grid-template-columns: 52px minmax(0, 1fr);
}

.sd-section#strategy .sd-mind-node::after {
    display: none;
    width: 76px;
    height: 1px;
    border: 0;
    background: repeating-linear-gradient(90deg, rgba(22, 119, 255, .48) 0 3px, transparent 3px 7px);
}

.sd-section#strategy .sd-mind-node.node-left::after {
    right: -90px;
    transform-origin: left center;
}

.sd-section#strategy .sd-mind-node.node-right::after {
    left: -90px;
    transform-origin: right center;
}

.sd-section#strategy .sd-mind-node.node-1,
.sd-section#strategy .sd-mind-node.node-3 {
    transform: translateX(var(--mind-inner-shift));
}

.sd-section#strategy .sd-mind-node.node-2 {
    transform: translateX(calc(var(--mind-inner-shift) - var(--mind-stagger-shift)));
}

.sd-section#strategy .sd-mind-node.node-4,
.sd-section#strategy .sd-mind-node.node-6 {
    transform: translateX(calc(var(--mind-inner-shift) * -1));
}

.sd-section#strategy .sd-mind-node.node-5 {
    transform: translateX(calc(var(--mind-stagger-shift) - var(--mind-inner-shift)));
}

.sd-section#strategy .sd-mind-node.node-1 .sd-mind-icon::after,
.sd-section#strategy .sd-mind-node.node-2 .sd-mind-icon::after,
.sd-section#strategy .sd-mind-node.node-3 .sd-mind-icon::after,
.sd-section#strategy .sd-mind-node.node-4 .sd-mind-icon::after,
.sd-section#strategy .sd-mind-node.node-5 .sd-mind-icon::after,
.sd-section#strategy .sd-mind-node.node-6 .sd-mind-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    width: var(--mind-diagonal-line);
    height: 1px;
    pointer-events: none;
    background: repeating-linear-gradient(90deg, rgba(22, 119, 255, .48) 0 3px, transparent 3px 7px);
    z-index: -1;
}

.sd-section#strategy .sd-mind-node.node-2 .sd-mind-icon::after,
.sd-section#strategy .sd-mind-node.node-5 .sd-mind-icon::after {
    width: var(--mind-mid-line);
}

.sd-section#strategy .sd-mind-node.node-left .sd-mind-icon::after {
    left: 50%;
    transform-origin: left center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0 var(--mind-line-gap), #000 var(--mind-line-gap) 100%);
    mask-image: linear-gradient(90deg, transparent 0 var(--mind-line-gap), #000 var(--mind-line-gap) 100%);
}

.sd-section#strategy .sd-mind-node.node-right .sd-mind-icon::after {
    right: 50%;
    transform-origin: right center;
    -webkit-mask-image: linear-gradient(90deg, #000 0 calc(100% - var(--mind-line-gap)), transparent calc(100% - var(--mind-line-gap)) 100%);
    mask-image: linear-gradient(90deg, #000 0 calc(100% - var(--mind-line-gap)), transparent calc(100% - var(--mind-line-gap)) 100%);
}

.sd-section#strategy .sd-mind-node.node-1 .sd-mind-icon::after {
    transform: rotate(var(--mind-diagonal-angle));
}

.sd-section#strategy .sd-mind-node.node-2 .sd-mind-icon::after {
    transform: rotate(0);
}

.sd-section#strategy .sd-mind-node.node-3 .sd-mind-icon::after {
    transform: rotate(calc(var(--mind-diagonal-angle) * -1));
}

.sd-section#strategy .sd-mind-node.node-4 .sd-mind-icon::after {
    transform: rotate(calc(var(--mind-diagonal-angle) * -1));
}

.sd-section#strategy .sd-mind-node.node-5 .sd-mind-icon::after {
    transform: rotate(0);
}

.sd-section#strategy .sd-mind-node.node-6 .sd-mind-icon::after {
    transform: rotate(var(--mind-diagonal-angle));
}

.sd-section#strategy .sd-mind-node strong {
    color: #102d55;
    font-size: 14px;
    line-height: 1.32;
    font-weight: 900;
}

.sd-section#strategy .sd-mind-node.node-left strong,
.sd-section#strategy .sd-mind-node.node-left p {
    justify-self: end;
}

.sd-section#strategy .sd-mind-node.node-right strong,
.sd-section#strategy .sd-mind-node.node-right p {
    justify-self: start;
}

.sd-section#strategy .sd-mind-node p {
    display: -webkit-box;
    margin-top: 3px;
    overflow: hidden;
    color: #62758f;
    font-size: 11px;
    line-height: 1.52;
    font-weight: 500;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sd-section#strategy .sd-mind-icon {
    position: relative;
    z-index: 2;
    grid-row: 1 / 3;
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    color: #1677ff;
    border: 1px solid rgba(22, 119, 255, .18);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 28%, rgba(66, 155, 255, .08), transparent 64%),
        linear-gradient(180deg, #f7fbff, #edf6ff);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.sd-section#strategy .sd-mind-node.node-left .sd-mind-icon {
    grid-column: 2;
}

.sd-section#strategy .sd-mind-node.node-right .sd-mind-icon {
    grid-column: 1;
}

.sd-section#strategy .sd-mind-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sd-section#strategy .sd-mind-core {
    width: 144px;
    height: 144px;
    background:
        radial-gradient(circle at 50% 25%, rgba(97, 203, 255, .42), transparent 50%),
        linear-gradient(180deg, #168dff 0%, #0069f0 58%, #0059df 100%);
    box-shadow: 0 26px 52px rgba(0, 105, 240, .36), 0 0 0 10px rgba(22, 119, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .34);
}

.sd-section#strategy .sd-mind-core strong {
    font-size: 29px;
    line-height: 1.05;
}

.sd-section#strategy .sd-mind-core span {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.18;
    font-weight: 850;
}

.sd-section#modules {
    margin-bottom: 34px;
}

.sd-section#modules .sd-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.sd-section#modules .sd-module-grid article {
    min-height: 218px;
    padding: 22px 12px 22px;
    border: 0;
    border-radius: 4px;
    background:
        linear-gradient(180deg, #fff 0%, #fff 58%, #fbfdff 100%);
    box-shadow: 0 13px 28px rgba(28, 72, 132, .12);
}

.sd-section#modules .sd-module-grid article:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(28, 72, 132, .16);
}

.sd-section#modules .sd-module-icon {
    display: flex;
    width: 66%;
    max-width: 118px;
    height: 82px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    color: #1677ff;
}

.sd-section#modules .sd-module-icon svg {
    width: 92px;
    height: 92px;
    fill: rgba(22, 119, 255, .1);
    stroke: currentColor;
    stroke-width: 2.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sd-section#modules .sd-module-icon text {
    fill: currentColor;
    stroke: none;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: 0;
}

.sd-section#modules .sd-module-icon .sd-module-ai-search text {
    font-size: 6.4px;
    font-weight: 900;
}

.sd-section#modules .sd-module-grid h3 {
    margin-top: 16px;
    color: #102d55;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 850;
}

.sd-section#modules .sd-module-grid p {
    max-width: none;
    margin: 10px auto 0;
    color: #5f6f86;
    font-size: 11px;
    line-height: 1.48;
    font-weight: 500;
}

.sd-section#pain .sd-pain-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.sd-section#pain .sd-pain-grid article {
    min-height: 146px;
    padding: 20px 12px 18px;
    border: 0;
    border-radius: 4px;
    background:
        linear-gradient(180deg, #fff 0%, #fff 58%, #fbfdff 100%);
    box-shadow: 0 13px 28px rgba(28, 72, 132, .12);
}

.sd-section#pain .sd-pain-grid article:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(28, 72, 132, .16);
}

.sd-section#pain .sd-pain-icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: #1677ff;
}

.sd-section#pain .sd-pain-icon svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sd-section#pain .sd-pain-icon path[d$='h.1'] {
    stroke-width: 3.4;
}

.sd-section#pain .sd-pain-grid h3 {
    margin-top: 8px;
    color: #102d55;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 800;
}

.sd-section#pain .sd-pain-grid p {
    max-width: none;
    margin: 6px auto 0;
    color: #5f6f86;
    font-size: 11px;
    line-height: 1.48;
    font-weight: 500;
    -webkit-line-clamp: 2;
}

/* Unified visual system for the solution detail content area. */
.sd-main > .sd-section {
    margin-bottom: 28px;
}

.sd-main > .sd-section.sd-overview,
.sd-main > .sd-section#pain,
.sd-main > .sd-section#strategy,
.sd-main > .sd-section#modules,
.sd-main > .sd-section#process,
.sd-main > .sd-section#delivery,
.sd-main > .sd-section#results,
.sd-main > .sd-section:not([id]) {
    margin-bottom: 28px;
}

.sd-main > .sd-section .sd-section-head {
    margin-bottom: 16px;
}

.sd-main > .sd-section .sd-section-head h2 {
    color: #071d49;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: 0;
}

.sd-overview-content {
    color: #5f7190;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 400;
}

.sd-section#pain .sd-pain-grid article,
.sd-section#modules .sd-module-grid article,
.sd-section#process .sd-process article,
.sd-section#delivery .sd-delivery-grid article,
.sd-fit-grid article {
    border: 0;
    border-radius: 6px;
    background: linear-gradient(180deg, #fff 0%, #fff 62%, #fbfdff 100%);
    box-shadow: 0 12px 26px rgba(33, 76, 130, .11);
}

.sd-section#pain .sd-pain-grid article:hover,
.sd-section#modules .sd-module-grid article:hover,
.sd-section#process .sd-process article:hover,
.sd-section#delivery .sd-delivery-grid article:hover,
.sd-fit-grid article:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(33, 76, 130, .15);
}

.sd-section#pain .sd-pain-grid h3,
.sd-section#modules .sd-module-grid h3,
.sd-section#process .sd-process h3,
.sd-fit-grid strong {
    color: #102d55;
    font-size: 15px;
    line-height: 1.28;
    font-weight: 850;
}

.sd-section#strategy .sd-mind-node strong {
    color: #102d55;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 850;
}

.sd-section#pain .sd-pain-grid p,
.sd-section#modules .sd-module-grid p,
.sd-section#process .sd-process p,
.sd-fit-grid span {
    color: #526982;
    font-size: 13.5px;
    line-height: 1.58;
    font-weight: 500;
}

.sd-section#modules .sd-module-grid p {
    -webkit-line-clamp: 3;
}

.sd-section#strategy .sd-mind-node p {
    color: #5f7190;
    font-size: 13.5px;
    line-height: 1.48;
    font-weight: 500;
}

.sd-section#delivery .sd-delivery-grid span:not(.sd-delivery-icon) {
    color: #102d55;
    font-size: 13.5px;
    line-height: 1.28;
    font-weight: 800;
}

.sd-results-grid span {
    font-size: 13.5px;
    line-height: 1.25;
    font-weight: 760;
}

.sd-faq-group {
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(33, 76, 130, .08);
}

.sd-faq-grid summary {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 760;
}

.sd-faq-grid p {
    font-size: 13.5px;
    line-height: 1.7;
}

.sd-section#faq {
    margin-bottom: 0;
    padding-bottom: 18px;
}

@media (max-width: 1080px) {
    .sd-section#pain .sd-pain-grid article {
        height: auto;
        min-height: 116px;
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 2px 12px;
        text-align: left;
    }

    .sd-section#pain .sd-pain-icon {
        grid-row: span 2;
    }

    .sd-section#pain .sd-pain-grid h3 {
        margin-top: 0;
    }

    .sd-section#pain .sd-pain-grid p {
        max-width: none;
        margin: 5px 0 0;
    }
}

@media (max-width: 1280px) {
    .sd-hero-inner {
        grid-template-columns: minmax(0, 700px);
        gap: 0;
    }

    .sd-layout {
        grid-template-columns: minmax(0, 1fr) 310px;
        gap: 32px;
    }

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

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

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

    .sd-section#process .sd-process article:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 1080px) {
    .sd-shell {
        width: min(900px, calc(100% - 44px));
    }

    .sd-industry-tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sd-industry-tabs a:nth-child(4)::after {
        display: none;
    }

    .sd-hero-inner {
        grid-template-columns: 1fr;
        padding-bottom: 58px;
    }

    .sd-hero {
        background-position: center, center, center, right center, center, center;
    }

    .sd-hero-copy {
        max-width: 760px;
        padding-top: 36px;
    }

    .sd-hero-visual {
        min-height: 360px;
    }

    .sd-visual-frame {
        inset: 0;
    }

    .sd-score-card {
        right: 24px;
    }

    .sd-layout {
        grid-template-columns: 1fr;
    }

    .sd-section#pain .sd-pain-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sd-section#modules .sd-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sd-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .sd-form-card,
    .sd-related-card {
        grid-row: span 2;
        height: 100%;
    }

    .sd-related-card {
        display: flex;
        flex-direction: column;
    }

    .sd-related-list {
        flex: 1;
    }

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

    .sd-anchor-nav a:nth-child(3)::after {
        display: none;
    }

    .sd-results-grid,
    .sd-fit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sd-bottom-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .sd-bottom-inner > div:last-child {
        justify-content: center;
    }
}

@media (min-width: 761px) and (max-width: 1080px) {
    .sd-hero {
        min-height: 540px;
        background-position: center, center, center, 64% center, center, center;
    }

    .sd-hero::after {
        background:
            linear-gradient(90deg, rgba(3, 16, 39, .88) 0%, rgba(3, 16, 39, .7) 38%, rgba(3, 16, 39, .26) 70%, rgba(3, 16, 39, .36) 100%),
            linear-gradient(180deg, rgba(3, 16, 39, .04) 0%, rgba(3, 16, 39, .1) 58%, rgba(3, 16, 39, .68) 100%);
    }

    .sd-hero-inner {
        min-height: 540px;
        align-content: start;
        padding-top: 124px;
        padding-bottom: 42px;
    }

    .sd-hero-copy {
        max-width: 720px;
        padding-top: 0;
    }

    .sd-hero-metrics {
        gap: 18px;
        margin-top: 26px;
    }

    .sd-hero-actions {
        margin-top: 26px;
    }

}

@media (min-width: 761px) and (max-width: 820px) {
    .sd-industry-wrap {
        padding: 12px 0;
    }

    .sd-industry-panel {
        border-radius: 10px;
        overflow: hidden;
    }

    .sd-industry-panel .sl-tabs {
        min-height: 108px;
        display: flex;
        align-items: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        border-radius: 10px 10px 0 0;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .sd-industry-panel .sl-tabs::-webkit-scrollbar {
        display: none;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab] {
        flex: 0 0 116px;
        min-height: 108px;
        gap: 7px;
        padding: 14px 8px 12px;
        scroll-snap-align: start;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab]::after,
    .sd-industry-panel .sl-tabs [data-solution-tab]::before {
        display: none;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab] strong {
        font-size: 14px;
        line-height: 1.18;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab] em {
        min-height: 15px;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab] em::before {
        font-size: 10.5px;
        line-height: 1.2;
    }

    .sd-industry-panel .sl-tabs .sl-tab-icon {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .sd-industry-panel .sl-tabs .sl-tab-icon::before {
        inset: 8px;
    }

    .sd-subindustry-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        padding: 14px 16px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .sd-subindustry-tabs::-webkit-scrollbar {
        display: none;
    }

    .sd-subindustry-tabs a {
        flex: 0 0 auto;
    }
}

@media (max-width: 760px) {
    .sd-shell {
        width: calc(100% - 28px);
    }

    .sd-industry-wrap {
        padding: 12px 0;
    }

    .sd-industry-panel {
        border-radius: 8px;
    }

    .sd-industry-tabs,
    .sd-subindustry-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .sd-industry-tabs {
        min-height: 80px;
        display: flex;
    }

    .sd-industry-tabs::-webkit-scrollbar,
    .sd-subindustry-tabs::-webkit-scrollbar {
        display: none;
    }

    .sd-industry-tabs a {
        flex: 0 0 104px;
        min-height: 96px;
        gap: 6px;
        padding: 14px 8px 12px;
    }

    .sd-industry-tabs a::after,
    .sd-industry-tabs a::before {
        display: none;
    }

    .sd-industry-tabs .sd-icon,
    .sd-industry-tabs .sd-industry-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .sd-industry-tabs .sd-icon::before,
    .sd-industry-tabs .sd-industry-icon::before {
        inset: 8px;
    }

    .sd-industry-tabs strong {
        font-size: 13px;
    }

    .sd-industry-tabs span {
        font-size: 10px;
    }

    .sd-industry-panel .sl-tabs {
        min-height: 96px;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        border-radius: 8px 8px 0 0;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .sd-industry-panel .sl-tabs::-webkit-scrollbar {
        display: none;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab] {
        flex: 0 0 104px;
        min-height: 96px;
        gap: 6px;
        padding: 14px 8px 12px;
        scroll-snap-align: start;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab]::after,
    .sd-industry-panel .sl-tabs [data-solution-tab]::before {
        display: none;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab] strong {
        font-size: 13px;
    }

    .sd-industry-panel .sl-tabs [data-solution-tab] em::before {
        font-size: 10px;
    }

    .sd-industry-panel .sl-tabs .sl-tab-icon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .sd-industry-panel .sl-tabs .sl-tab-icon::before {
        inset: 8px;
    }

    .sd-subindustry-tabs {
        padding: 12px;
        gap: 8px;
    }

    .sd-subindustry-tabs a {
        flex: 0 0 auto;
        min-width: 78px;
        min-height: 32px;
        padding: 0 14px;
        font-size: 12px;
    }

    .sd-hero {
        min-height: auto;
        background-position: center, center, center, 66% center, center, center;
    }

    .sd-hero-inner {
        min-height: auto;
        gap: 28px;
        padding-top: 96px;
        padding-bottom: 42px;
    }

    .sd-hero-copy {
        padding-top: 18px;
        text-align: center;
    }

    .sd-eyebrow {
        font-size: 13px;
    }

    .sd-hero-copy h1 {
        font-size: 31px;
        line-height: 1.18;
    }

    .sd-hero-lead {
        font-size: 17px;
    }

    .sd-hero-text {
        font-size: 14px;
    }

    .sd-hero-metrics {
        grid-template-columns: 1fr;
        width: min(285px, 100%);
        margin-right: auto;
        margin-left: auto;
        gap: 14px;
        text-align: left;
    }

    .sd-hero-actions {
        justify-content: center;
    }

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

    .sd-score-card {
        top: 10px;
        right: 10px;
        width: 190px;
        padding: 13px;
    }

    .sd-chart-card {
        right: 8px;
        bottom: 42px;
        width: 190px;
        padding: 12px;
    }

    .sd-ai-panel {
        left: 8px;
        bottom: 12px;
        width: 180px;
        padding: 12px;
    }

    .sd-ai-panel span {
        padding: 6px 8px;
        font-size: 11px;
    }

    .sd-anchor-wrap {
        top: 58px;
        padding-bottom: 12px;
    }

    .sd-anchor-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 12px;
        z-index: 2;
        width: 46px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
        pointer-events: none;
    }

    .sd-anchor-nav {
        width: 100%;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 8px 42px 8px 8px;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .sd-anchor-nav::-webkit-scrollbar {
        display: none;
    }

    .sd-anchor-nav a {
        flex: 0 0 auto;
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid #dce8f8;
        border-radius: 8px;
        background: #fff;
        scroll-snap-align: start;
    }

    .sd-anchor-nav a::after,
    .sd-anchor-nav a::before {
        display: none;
    }

    .sd-anchor-nav a.is-active {
        color: #fff;
        border-color: #0d6efd;
        background: linear-gradient(180deg, #2a94ff, #0d6efd);
    }

    .sd-anchor-nav a.is-active .sd-icon {
        color: #fff;
    }

    .sd-body {
        padding-top: 10px;
    }

    .sd-section {
        scroll-margin-top: 118px;
        margin-bottom: 38px;
    }

    .sd-section-head h2 {
        font-size: 25px;
    }

    .sd-pain-grid,
    .sd-module-grid,
    .sd-process,
    .sd-delivery-grid,
    .sd-faq-grid,
    .sd-sidebar {
        grid-template-columns: 1fr;
    }

    .sd-section#process .sd-process {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sd-section#process .sd-process article {
        min-height: 0;
    }

    .sd-section#delivery .sd-delivery-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sd-section#delivery .sd-delivery-grid article {
        min-height: 76px;
    }

    .sd-section#pain .sd-pain-grid {
        grid-template-columns: 1fr;
    }

    .sd-section#modules .sd-module-grid {
        grid-template-columns: 1fr;
    }

    .sd-form-card,
    .sd-related-card {
        grid-row: auto;
        height: auto;
    }

    .sd-pain-grid article,
    .sd-module-grid article {
        min-height: 0;
    }

    .sd-section#modules .sd-module-grid article {
        min-height: 0;
    }

    .sd-mindmap {
        min-height: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0;
    }

    .sd-mindmap::before,
    .sd-mindmap::after,
    .sd-mind-node::after,
    .sd-mind-core::before {
        display: none;
    }

    .sd-mind-core,
    .sd-mind-node,
    .sd-mind-node.node-right {
        grid-column: auto;
        grid-row: auto;
    }

    .sd-mind-core {
        width: 134px;
        height: 134px;
        order: -1;
    }

    .sd-mind-core strong {
        font-size: 23px;
    }

    .sd-mind-core span {
        font-size: 13px;
    }

    .sd-mind-node,
    .sd-mind-node.node-left,
    .sd-mind-node.node-right {
        min-height: 0;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        text-align: left;
        padding: 14px;
        border: 1px solid #dfeaf8;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 30px rgba(25, 69, 125, .08);
    }

    .sd-mind-node.node-left .sd-icon,
    .sd-mind-node.node-left .sd-mind-icon {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .sd-mind-node.node-left strong,
    .sd-mind-node.node-left p {
        grid-column: 2;
    }

    .sd-mind-node .sd-icon,
    .sd-mind-node .sd-mind-icon {
        width: 44px;
        height: 44px;
        padding: 11px;
    }

    .sd-mind-node .sd-mind-icon svg {
        width: 22px;
        height: 22px;
    }

    .sd-mind-node .sd-icon::before {
        inset: 11px;
    }

    .sd-section#strategy .sd-mindmap {
        min-height: 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 16px;
        padding: 0;
    }

    .sd-section#strategy .sd-mind-core {
        grid-column: auto;
        grid-row: auto;
        order: -1;
        width: 134px;
        height: 134px;
    }

    .sd-section#strategy .sd-mind-node,
    .sd-section#strategy .sd-mind-node.node-left,
    .sd-section#strategy .sd-mind-node.node-right {
        grid-column: auto;
        grid-row: auto;
        min-height: 0;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        text-align: left;
    }

    .sd-section#strategy .sd-mind-node::after {
        display: none;
    }

    .sd-section#strategy .sd-mind-icon::after {
        display: none;
    }

    .sd-section#strategy .sd-mind-node.node-1,
    .sd-section#strategy .sd-mind-node.node-2,
    .sd-section#strategy .sd-mind-node.node-3,
    .sd-section#strategy .sd-mind-node.node-4,
    .sd-section#strategy .sd-mind-node.node-5,
    .sd-section#strategy .sd-mind-node.node-6 {
        transform: none;
    }

    .sd-section#strategy .sd-mind-node.node-left .sd-mind-icon,
    .sd-section#strategy .sd-mind-node.node-right .sd-mind-icon {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .sd-section#strategy .sd-mind-node strong,
    .sd-section#strategy .sd-mind-node p {
        grid-column: 2;
        justify-self: start;
    }

    .sd-section#strategy .sd-mind-node.node-left strong,
    .sd-section#strategy .sd-mind-node.node-left p,
    .sd-section#strategy .sd-mind-node.node-right strong,
    .sd-section#strategy .sd-mind-node.node-right p {
        justify-self: start;
    }

    .sd-section#strategy .sd-mind-icon {
        width: 44px;
        height: 44px;
    }

    .sd-main > .sd-section .sd-section-head h2 {
        font-size: 25px;
    }

    .sd-overview-content {
        font-size: 14px;
        line-height: 1.75;
    }

    .sd-section#pain .sd-pain-grid h3,
    .sd-section#modules .sd-module-grid h3,
    .sd-section#process .sd-process h3,
    .sd-fit-grid strong,
    .sd-section#strategy .sd-mind-node strong {
        font-size: 14px;
    }

    .sd-section#pain .sd-pain-grid p,
    .sd-section#modules .sd-module-grid p,
    .sd-section#process .sd-process p,
    .sd-fit-grid span {
        font-size: 13.5px;
    }

    .sd-faq-grid summary {
        font-size: 13px;
    }

    .sd-results-grid,
    .sd-fit-grid {
        grid-template-columns: 1fr;
    }

    .sd-results-grid strong {
        font-size: 34px;
    }

    .sd-bottom-inner h2 {
        font-size: 24px;
    }

    .sd-bottom-inner p {
        font-size: 14px;
    }

    .sd-bottom-inner > div:last-child {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .sd-bottom-inner .sd-btn {
        width: min(220px, 100%);
    }
}

@media (min-width: 400px) and (max-width: 760px) {
    .sd-section#pain .sd-pain-grid,
    .sd-section#modules .sd-module-grid,
    .sd-section#process .sd-process,
    .sd-section#delivery .sd-delivery-grid,
    .sd-results-grid,
    .sd-fit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .sd-section#pain .sd-pain-grid article {
        min-height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: center;
        padding: 16px 10px;
    }

    .sd-section#pain .sd-pain-icon {
        width: 34px;
        height: 34px;
    }

    .sd-section#pain .sd-pain-grid h3,
    .sd-section#modules .sd-module-grid h3,
    .sd-section#process .sd-process h3,
    .sd-fit-grid strong {
        font-size: 13px;
        line-height: 1.28;
    }

    .sd-section#pain .sd-pain-grid p,
    .sd-section#modules .sd-module-grid p,
    .sd-section#process .sd-process p,
    .sd-fit-grid span {
        font-size: 12px;
        line-height: 1.5;
    }

    .sd-section#pain .sd-pain-grid p {
        margin-top: 0;
        -webkit-line-clamp: 3;
    }

    .sd-section#modules .sd-module-grid article {
        min-height: 202px;
        padding: 18px 10px;
    }

    .sd-section#modules .sd-module-icon {
        width: 76px;
        max-width: 76px;
        height: 58px;
    }

    .sd-section#modules .sd-module-icon svg {
        max-width: 76px;
        max-height: 58px;
    }

    .sd-section#modules .sd-module-grid h3 {
        margin-top: 14px;
    }

    .sd-section#modules .sd-module-grid p {
        margin-top: 8px;
    }

    .sd-section#process .sd-process article {
        min-height: 150px;
        padding: 20px 10px 18px;
    }

    .sd-section#delivery .sd-delivery-grid {
        gap: 10px;
    }

    .sd-section#delivery .sd-delivery-grid article {
        min-height: 96px;
        padding: 16px 8px;
    }

    .sd-section#delivery .sd-delivery-icon {
        width: 34px;
        height: 34px;
    }

    .sd-section#delivery .sd-delivery-grid span:not(.sd-delivery-icon) {
        font-size: 12.5px;
    }

    .sd-results-grid article {
        min-height: 120px;
        padding: 22px 8px;
    }

    .sd-results-grid strong {
        font-size: 30px;
    }

    .sd-results-grid span {
        font-size: 12px;
    }

    .sd-fit-grid article {
        min-height: 112px;
        padding: 18px 10px;
    }

    .sd-fit-grid .sd-icon {
        width: 38px;
        height: 38px;
    }

    .sd-section#strategy .sd-mindmap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .sd-section#strategy .sd-mind-core {
        grid-column: 1 / -1;
        justify-self: center;
        margin-bottom: 2px;
    }

    .sd-section#strategy .sd-mind-node,
    .sd-section#strategy .sd-mind-node.node-left,
    .sd-section#strategy .sd-mind-node.node-right {
        min-height: 168px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        justify-items: center;
        align-content: center;
        gap: 8px;
        padding: 16px 10px;
        text-align: center;
        border: 1px solid #dfeaf8;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 30px rgba(25, 69, 125, .08);
    }

    .sd-section#strategy .sd-mind-node.node-left .sd-mind-icon,
    .sd-section#strategy .sd-mind-node.node-right .sd-mind-icon {
        grid-column: 1;
        grid-row: 1;
        width: 36px;
        height: 36px;
    }

    .sd-section#strategy .sd-mind-node strong,
    .sd-section#strategy .sd-mind-node p,
    .sd-section#strategy .sd-mind-node.node-left strong,
    .sd-section#strategy .sd-mind-node.node-left p,
    .sd-section#strategy .sd-mind-node.node-right strong,
    .sd-section#strategy .sd-mind-node.node-right p {
        grid-column: 1;
        justify-self: center;
        text-align: center;
    }

    .sd-section#strategy .sd-mind-node strong {
        grid-row: 2;
        font-size: 13px;
        line-height: 1.28;
    }

    .sd-section#strategy .sd-mind-node p {
        grid-row: 3;
        font-size: 12px;
        line-height: 1.45;
        -webkit-line-clamp: 3;
    }
}

@media (min-width: 761px) and (max-width: 820px) {
    .sd-section#strategy .sd-mindmap {
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
        gap: 12px;
        padding: 0;
    }

    .sd-section#strategy .sd-mind-core {
        grid-column: 1 / -1;
        grid-row: auto;
        justify-self: center;
        order: -1;
        margin-bottom: 2px;
        width: 134px;
        height: 134px;
    }

    .sd-section#strategy .sd-mind-node,
    .sd-section#strategy .sd-mind-node.node-left,
    .sd-section#strategy .sd-mind-node.node-right {
        grid-column: auto;
        grid-row: auto;
        min-height: 168px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        justify-items: center;
        align-content: center;
        gap: 8px;
        padding: 16px 10px;
        text-align: center;
        border: 1px solid #dfeaf8;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 30px rgba(25, 69, 125, .08);
    }

    .sd-section#strategy .sd-mind-node.node-1,
    .sd-section#strategy .sd-mind-node.node-2,
    .sd-section#strategy .sd-mind-node.node-3,
    .sd-section#strategy .sd-mind-node.node-4,
    .sd-section#strategy .sd-mind-node.node-5,
    .sd-section#strategy .sd-mind-node.node-6 {
        transform: none;
    }

    .sd-section#strategy .sd-mind-node::after,
    .sd-section#strategy .sd-mind-icon::after {
        display: none;
    }

    .sd-section#strategy .sd-mind-node.node-left .sd-mind-icon,
    .sd-section#strategy .sd-mind-node.node-right .sd-mind-icon {
        grid-column: 1;
        grid-row: 1;
        width: 36px;
        height: 36px;
    }

    .sd-section#strategy .sd-mind-node strong,
    .sd-section#strategy .sd-mind-node p,
    .sd-section#strategy .sd-mind-node.node-left strong,
    .sd-section#strategy .sd-mind-node.node-left p,
    .sd-section#strategy .sd-mind-node.node-right strong,
    .sd-section#strategy .sd-mind-node.node-right p {
        grid-column: 1;
        justify-self: center;
        text-align: center;
    }

    .sd-section#strategy .sd-mind-node strong {
        grid-row: 2;
        font-size: 13px;
        line-height: 1.28;
    }

    .sd-section#strategy .sd-mind-node p {
        grid-row: 3;
        font-size: 12px;
        line-height: 1.45;
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 460px) {
    .sd-btn {
        width: 100%;
        padding-right: 18px;
        padding-left: 18px;
    }

    .sd-hero-copy h1 {
        font-size: 28px;
    }

    .sd-hero-visual {
        min-height: 260px;
    }

    .sd-float-card {
        display: none;
    }

    .sd-ai-orb {
        width: 58px;
        height: 58px;
        font-size: 22px;
    }

    .sd-delivery-grid article {
        justify-content: flex-start;
    }

    .sd-side-cta,
    .sd-side-advantage,
    .sd-form-card,
    .sd-related-card {
        padding-right: 18px;
        padding-left: 18px;
    }
}