.smart-guide-page {

    width: 100%;

    overflow: hidden;

    background: #ffffff;

}



.smart-guide-hero {

    position: relative;

    width: 100%;

    height: 639px;

    overflow: hidden;

}



.smart-guide-hero__image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.smart-guide-hero__contact {

    position: absolute;

    z-index: 2;

    top: clamp(392px, calc(7.8vw + 320px), 470px);

    left: clamp(86px, 10.6vw, 204px);

    width: 156px;

    border-radius: 999px;

    box-shadow: 0 8px 22px rgba(48, 93, 236, 0.24);

}



.smart-guide-hero__contact:focus-visible,

.smart-guide-cta__button:focus-visible {

    outline: 2px solid #2e69ff;

    outline-offset: 4px;

}



.smart-guide-hero__contact img,

.smart-guide-cta__button img {

    width: 100%;

    height: auto;

}



.smart-guide-hero--ai .smart-guide-hero__contact {

    top: 342px;

    left: clamp(112px, 10.8vw, 156px);

}



.smart-guide-hero--cabinet .smart-guide-hero__contact {

    top: 392px;

    left: clamp(104px, 9.4vw, 180px);

}



.smart-guide-hero--voice .smart-guide-hero__image {

    object-position: center center;

}



.smart-guide-hero__contact--voice {

    top: 360px;

    left: clamp(102px, 12vw, 230px);

}



.smart-guide-hero--team .smart-guide-hero__image {

    object-position: center center;

}



.smart-guide-hero__contact--team {

    top: 535px;

    left: 50%;

    width: 200px;

    border-radius: 999px;

    box-shadow: none;

    transform: translateX(-50%);

}



.smart-guide-section-head {

    text-align: center;

}



.smart-guide-section-head__title {

    color: #1f1f1f;

    font-size: 34px;

    line-height: 1.25;

    font-weight: 500;

    letter-spacing: 0;

}



.smart-guide-section-head__subtitle {

    margin-top: 24px;

    color: #8e949d;

    font-size: 16px;

    line-height: 1.45;

    font-weight: 400;

    letter-spacing: 0;

}



.smart-guide-overview {

    width: 100%;

    padding: 88px 48px 70px;

}



.smart-guide-overview__inner {

    width: min(960px, 100%);

    margin: 78px auto 0;

    display: grid;

    grid-template-columns: minmax(360px, 440px) minmax(360px, 1fr);

    align-items: center;

    gap: 92px;

}



.smart-guide-page--overview-gif .smart-guide-overview__inner {

    width: min(1060px, 100%);

    grid-template-columns: minmax(420px, 528px) minmax(360px, 1fr);

    gap: 72px;

}



.self-service-cabinet-page .smart-guide-overview__inner {

    width: min(1040px, 100%);

    grid-template-columns: minmax(420px, 516px) minmax(360px, 1fr);

    gap: 72px;

}



.smart-guide-overview__media {

    border-radius: 6px;

    overflow: hidden;

}



.smart-guide-overview__media img {

    width: auto;

    max-width: 100%;

    height: auto;

    display: block;

    margin: 0 auto;

}



.smart-guide-overview__media .smart-guide-overview__cabinet-gif {

    width: min(516px, 100%);

}



.smart-guide-overview__media .smart-guide-overview__gif {

    width: min(528px, 100%);

}



.smart-guide-overview__media--model {

    background: transparent;

    box-shadow: none;

}



.smart-guide-model {

    position: relative;

    width: min(528px, 100%);

    height: clamp(360px, 36vw, 500px);

    margin: 0 auto;

    cursor: grab;

    touch-action: none;

}



.smart-guide-model:active {

    cursor: grabbing;

}



.smart-guide-model canvas {

    display: block;

    width: 100%;

    height: 100%;

}



.smart-guide-model__status {

    position: absolute;

    inset: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #6f7b8b;

    font-size: 14px;

    line-height: 1.5;

    pointer-events: none;

}



.smart-guide-overview__title {

    color: #1f1f1f;

    font-size: 26px;

    line-height: 1.35;

    font-weight: 600;

    letter-spacing: 0;

}



.smart-guide-check-list {

    margin-top: 36px;

    display: grid;

    gap: 18px;

}



.smart-guide-check-list li {

    display: grid;

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

    align-items: start;

    gap: 12px;

    color: #4f5661;

    font-size: 15px;

    line-height: 1.55;

}



.smart-guide-check-list img {

    width: 14px;

    height: 14px;

    margin-top: 5px;

}



.smart-guide-specs {

    width: 100%;

    padding: 52px 48px 88px;

}



.smart-guide-specs__diagram {

    width: min(940px, 100%);

    min-height: 452px;

    margin: 112px auto 0;

    display: grid;

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

    align-items: center;

    justify-content: center;

    gap: 64px;

}



.smart-guide-specs__front {

    width: 342px;

    height: auto;

    justify-self: center;

}



.smart-guide-specs__ports {

    width: 470px;

    height: auto;

    justify-self: center;

}



.smart-guide-feature-panel {

    position: relative;

    width: 100vw;

    min-height: clamp(620px, 43.33vw, 832px);

    margin: 106px auto 0;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

    padding: 24px 0 52px clamp(96px, 10.3vw, 198px);

    background-image: url("../assets-web/pc/智能导览机/数据参数-bg.png");

    background-position: right bottom;

    background-size: min(1780px, calc(100vw - 140px)) auto;

    background-repeat: no-repeat;

}



.smart-guide-feature-panel__cards {

    position: relative;

    z-index: 1;

    width: max-content;

    max-width: 100%;

    display: grid;

    grid-template-columns: repeat(3, 300px);

    gap: 72px 34px;

}



.smart-guide-feature-card {

    --feature-title-color: #2e5ccc;

    --feature-text-color: #3d6ed7;

    --feature-border-color: rgba(129, 164, 242, 0.34);

    min-height: 178px;

    border-radius: 7px;

    overflow: hidden;

}



.smart-guide-feature-card--screen {

    background: linear-gradient(180deg, #d5e0ff 0%, rgba(255, 255, 255, 0.72) 100%);

}



.smart-guide-feature-card--size {

    --feature-title-color: #2e9087;

    --feature-text-color: #33968f;

    --feature-border-color: rgba(123, 208, 208, 0.34);

    background: linear-gradient(180deg, #dbfcfd 0%, rgba(255, 255, 255, 0.72) 100%);

}



.smart-guide-feature-card--cpu {

    --feature-title-color: #df8421;

    --feature-text-color: #e08a27;

    --feature-border-color: rgba(240, 191, 123, 0.42);

    background: linear-gradient(180deg, #fde9d1 0%, rgba(255, 255, 255, 0.74) 100%);

}



.smart-guide-feature-card--battery {

    --feature-title-color: #b434ef;

    --feature-text-color: #bb41f2;

    --feature-border-color: rgba(244, 157, 242, 0.42);

    background: linear-gradient(180deg, #fdd1fb 0%, rgba(255, 255, 255, 0.74) 100%);

}



.smart-guide-feature-card--infrared {

    background: linear-gradient(180deg, #dfe8ff 0%, rgba(255, 255, 255, 0.74) 100%);

}



.smart-guide-feature-card--content {

    --feature-title-color: #517f14;

    --feature-text-color: #658f26;

    --feature-border-color: rgba(173, 231, 123, 0.4);

    background: linear-gradient(180deg, #e6fdd1 0%, rgba(255, 255, 255, 0.72) 100%);

}



.smart-guide-feature-card--wide {

    grid-column: span 2;

}



.smart-guide-feature-card__head {

    min-height: 42px;

    padding: 10px 12px;

    display: flex;

    align-items: center;

    gap: 8px;

    border: 1px solid var(--feature-border-color);

    border-radius: 7px;

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

}



.smart-guide-feature-card__head img {

    width: 18px;

    height: 18px;

    object-fit: contain;

    flex-shrink: 0;

}



.smart-guide-feature-card__head h3 {

    color: var(--feature-title-color);

    font-size: 15px;

    line-height: 1.2;

    font-weight: 600;

    letter-spacing: 0;

}



.smart-guide-feature-card__body {

    padding: 18px 13px 14px;

}



.smart-guide-feature-card__body p {

    color: var(--feature-text-color);

    font-size: 13px;

    line-height: 1.65;

    letter-spacing: 0;

}



.smart-guide-feature-card__body--columns {

    display: grid;

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

    column-gap: 26px;

}



.smart-guide-scenes {

    width: 100%;

    padding: 112px 48px 116px;

}



.smart-guide-scenes__tabs {

    margin-top: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 56px;

}



.smart-guide-scenes__tab {

    min-width: 88px;

    min-height: 34px;

    padding: 0 14px;

    border-radius: 4px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    color: #4b5563;

    transition: background 0.2s ease, color 0.2s ease;

}



.smart-guide-scenes__tab.is-active,

.smart-guide-scenes__tab:hover,

.smart-guide-scenes__tab:focus-visible {

    background: #f3f6fb;

    color: #1f1f1f;

}



.smart-guide-scenes__tab:focus-visible {

    outline: 2px solid #4b7cff;

    outline-offset: 3px;

}



.smart-guide-scenes__tab img {

    width: 14px;

    height: 14px;

    object-fit: contain;

}



.smart-guide-scenes__tab span {

    font-size: 14px;

    line-height: 1.2;

    font-weight: 500;

    letter-spacing: 0;

}



.smart-guide-scenes__list {

    width: 100%;

    margin-top: 58px;

    display: flex;

    flex-direction: column;

    gap: 42px;

}



.smart-guide-scenes__card {

    width: min(960px, 100%);

    min-height: 326px;

    margin: 58px auto 0;

    padding: 24px;

    border-radius: 8px;

    background: #ffffff;

    box-shadow: 0 10px 34px rgba(172, 181, 194, 0.18);

    display: grid;

    grid-template-columns: minmax(360px, 458px) minmax(0, 1fr);

    align-items: center;

    gap: 42px;

}



.smart-guide-scenes__list .smart-guide-scenes__card {

    margin: 0 auto;

}



.smart-guide-scenes__media {

    border-radius: 3px;

    overflow: hidden;

}



.smart-guide-scenes__image {

    width: 100%;

    height: 264px;

    object-fit: cover;

}



.smart-guide-scenes__title {

    color: #1f1f1f;

    font-size: 34px;

    line-height: 1.25;

    font-weight: 500;

    letter-spacing: 0;

}



.smart-guide-scenes__text {

    margin-top: 24px;

    color: #5d6570;

    font-size: 15px;

    line-height: 1.86;

    text-align: justify;

    letter-spacing: 0;

}



.smart-guide-cta {

    width: 100%;

    min-height: 306px;

    padding: 96px 24px 72px;

    background: #f7fbff;

    text-align: center;

}



.smart-guide-cta__title {

    color: #1f1f1f;

    font-size: 32px;

    line-height: 1.25;

    font-weight: 500;

    letter-spacing: 0;

}



.smart-guide-cta__button {

    width: 156px;

    margin: 42px auto 0;

    display: block;

    border-radius: 999px;

    box-shadow: 0 8px 22px rgba(48, 93, 236, 0.24);

}



.smart-guide-specs--cabinet {

    padding-bottom: 0;

}



.smart-guide-page--contained .smart-guide-cta {

    width: 100vw;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

}



.smart-guide-specs__diagram--cabinet {

    min-height: 520px;

    margin-top: 68px;

    grid-template-columns: 1fr;

    justify-items: center;

    gap: 0;

}



.smart-guide-specs__cabinet {

    width: min(430px, 100%);

    height: auto;

}



.smart-guide-specs__diagram--voice {

    width: min(980px, 100%);

    margin-top: 86px;

    grid-template-columns: minmax(320px, 420px) minmax(320px, 470px);

    gap: 96px;

}



.smart-guide-specs__voice-front {

    width: 390px;

    max-width: 100%;

    height: auto;

    justify-self: center;

}



.smart-guide-specs__voice-ports {

    width: 430px;

    max-width: 100%;

    height: auto;

    justify-self: center;

}



.smart-guide-feature-panel--cabinet {

    margin-top: 82px;

}



.smart-guide-feature-panel--voice {

    margin-top: 92px;

}



.smart-guide-feature-panel__cards--voice {

    grid-template-columns: repeat(3, 300px);

    gap: 70px 34px;

}



.smart-guide-feature-panel__cards--cabinet {

    gap: 70px 36px;

}



.cabinet-process {

    width: 100%;

    padding: 92px 48px 108px;

    background: #f4f7ff;

}



.cabinet-process__visual {

    width: min(760px, 100%);

    margin: 66px auto 0;

}



.cabinet-process__image {

    width: 100%;

    height: auto;

}



.cabinet-scenes {

    width: 100%;

    padding: 104px 48px 78px;

    background: #ffffff;

}



.cabinet-scenes__inner {

    width: min(960px, 100%);

    margin: 72px auto 0;

    display: grid;

    grid-template-columns: minmax(300px, 390px) minmax(500px, 1fr);

    align-items: center;

    gap: 76px;

}



.cabinet-scenes__title {

    color: #1f1f1f;

    font-size: 26px;

    line-height: 1.35;

    font-weight: 500;

    letter-spacing: 0;

}



.cabinet-scenes__text {

    margin-top: 28px;

    color: #5d6570;

    font-size: 15px;

    line-height: 1.86;

    text-align: justify;

    letter-spacing: 0;

}



.cabinet-scenes__cards {

    display: grid;

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

    gap: 22px;

}



.cabinet-scenes__card {

    border-radius: 0;

    overflow: hidden;

    background: transparent;

}



.cabinet-scenes__image {

    width: 100%;

    aspect-ratio: 333 / 291;

    object-fit: cover;

}



.cabinet-cases {

    width: 100%;

    padding: 78px 48px 124px;

    background: #ffffff;

}



.cabinet-cases__grid {

    width: min(1320px, 100%);

    margin: 70px auto 0;

    display: grid;

    grid-template-columns: 1fr;

    gap: 30px;

}



.cabinet-case-card {

    border-radius: 4px;

    overflow: hidden;

    background: #ffffff;

    box-shadow: 0 8px 28px rgba(120, 133, 158, 0.16);

}



.cabinet-case-card__image {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

}



.cabinet-case-card--image-only {

    border-radius: 0;

    background: transparent;

    box-shadow: none;

}



.cabinet-case-card__body {

    padding: 16px 16px 18px;

}



.cabinet-case-card__badge {

    min-height: 22px;

    padding: 0 9px;

    border-radius: 3px;

    display: inline-flex;

    align-items: center;

    color: #2a64d8;

    background: #eaf2ff;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 500;

    letter-spacing: 0;

}



.cabinet-case-card__text {

    min-height: 76px;

    margin-top: 12px;

    color: #5d6570;

    font-size: 13px;

    line-height: 1.62;

    text-align: justify;

    letter-spacing: 0;

}



.cabinet-case-card__venue {

    margin-top: 14px;

    display: flex;

    align-items: center;

    gap: 8px;

    color: #1f1f1f;

    font-size: 13px;

    line-height: 1.25;

    font-weight: 500;

}



.cabinet-case-card__venue img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    flex-shrink: 0;

}



.team-device-section {

    width: 100%;

    padding: 82px 48px 42px;

    background: #ffffff;

}



.team-device-section--first {

    padding-top: 96px;

}



.team-device-section__head {

    width: min(760px, 100%);

    margin: 0 auto;

    text-align: center;

}



.team-device-section__title {

    display: flex;

    align-items: center;

    justify-content: center;

}



.team-device-section__title img {

    width: auto;

    max-width: min(520px, 100%);

    height: auto;

}



.team-device-section__sr {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}



.team-device-section__intro {

    margin-top: 30px;

    color: #7a828e;

    font-size: 14px;

    line-height: 1.75;

    letter-spacing: 0;

}



.team-device-section__diagram {

    width: min(680px, 100%);

    margin: 78px auto 0;

    display: flex;

    justify-content: center;

}



.team-device-section__diagram img {

    width: 100%;

    height: auto;

}



.team-device-section__diagram--transmitter {

    width: min(668px, 100%);

}



.team-device-section__diagram--receiver {

    width: min(520px, 100%);

    margin-top: 82px;

}



.team-device-section__diagram--charger {

    width: min(760px, 100%);

    margin-top: 78px;

}



.team-feature-grid {

    width: min(1180px, 100%);

    margin: 76px auto 0;

    display: grid;

    gap: 34px;

}



.team-feature-grid--four {

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

}



.team-feature-grid--three {

    width: min(900px, 100%);

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

}



.team-feature-grid--two {

    width: min(600px, 100%);

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

}



.team-feature-grid .smart-guide-feature-card {

    min-height: 142px;

}



.team-feature-grid .smart-guide-feature-card__body {

    padding-top: 14px;

}



.smart-guide-scenes--team {

    padding-top: 112px;

}



.smart-guide-scenes__tabs--team {

    gap: 48px;

}



@media (max-width: 1420px) {

    .smart-guide-overview__inner {

        gap: 70px;

    }



    .smart-guide-feature-panel {

        padding-left: 38px;

        padding-right: 0;

    }

}



@media (max-width: 1200px) {

    .smart-guide-hero {

        height: 520px;

    }



    .smart-guide-hero__contact {

        top: 370px;

        left: 92px;

        width: 148px;

    }



    .smart-guide-hero--ai .smart-guide-hero__contact {

        top: 320px;

        left: 92px;

    }



    .smart-guide-hero--cabinet .smart-guide-hero__contact {

        top: 350px;

        left: 92px;

    }



    .smart-guide-hero__contact--voice {

        top: 314px;

        left: 92px;

    }



    .smart-guide-hero__contact--team {

        top: 410px;

        left: 50%;

        width: 142px;

    }



    .smart-guide-overview,

    .smart-guide-specs,

    .smart-guide-scenes {

        padding-left: 32px;

        padding-right: 32px;

    }



    .smart-guide-overview__inner {

        width: min(900px, 100%);

        grid-template-columns: minmax(320px, 420px) minmax(320px, 1fr);

        gap: 52px;

    }



    .smart-guide-specs__diagram {

        width: min(860px, 100%);

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

        gap: 42px;

    }



    .smart-guide-specs__front {

        width: 306px;

    }



    .smart-guide-specs__ports {

        width: 430px;

    }



    .smart-guide-specs__diagram--voice {

        grid-template-columns: minmax(280px, 360px) minmax(300px, 410px);

        gap: 54px;

    }



    .smart-guide-specs__voice-front {

        width: 340px;

    }



    .smart-guide-specs__voice-ports {

        width: 390px;

    }



    .smart-guide-feature-panel {

        min-height: 0;

        padding: 34px 0 70px 24px;

    }



    .smart-guide-feature-panel__cards {

        width: max-content;

    }



    .cabinet-scenes__inner {

        grid-template-columns: 1fr;

        gap: 44px;

    }



    .cabinet-scenes__content {

        width: min(620px, 100%);

        margin: 0 auto;

    }



    .cabinet-cases__grid {

        width: min(1180px, 100%);

        gap: 28px;

    }



    .team-feature-grid--four {

        width: min(1000px, 100%);

    }

}



@media (max-width: 900px) {

    .smart-guide-section-head__title {

        font-size: 30px;

    }



    .smart-guide-overview {

        padding-top: 70px;

    }



    .smart-guide-overview__inner {

        margin-top: 52px;

        grid-template-columns: 1fr;

        gap: 36px;

    }



    .smart-guide-page--overview-gif .smart-guide-overview__inner {

        width: min(560px, 100%);

        grid-template-columns: 1fr;

        gap: 36px;

    }



    .self-service-cabinet-page .smart-guide-overview__inner {

        width: min(560px, 100%);

        grid-template-columns: 1fr;

        gap: 36px;

    }



    .smart-guide-overview__content {

        width: min(560px, 100%);

        margin: 0 auto;

    }



    .smart-guide-specs__diagram {

        min-height: 0;

        margin-top: 64px;

        grid-template-columns: 1fr;

        gap: 34px;

    }



    .smart-guide-specs__front {

        width: min(360px, 100%);

    }



    .smart-guide-specs__ports {

        width: min(520px, 100%);

    }



    .smart-guide-feature-panel {

        margin-top: 72px;

    }



    .smart-guide-feature-panel__cards {

        width: 100%;

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

        gap: 18px;

    }



    .smart-guide-feature-card--wide {

        grid-column: span 2;

    }



    .smart-guide-scenes {

        padding-top: 86px;

        padding-bottom: 92px;

    }



    .smart-guide-scenes__tabs {

        gap: 24px;

        flex-wrap: wrap;

    }



    .smart-guide-scenes__card {

        grid-template-columns: 1fr;

        gap: 28px;

    }



    .smart-guide-scenes__image {

        height: auto;

        aspect-ratio: 600 / 384;

    }



    .smart-guide-specs__diagram--cabinet {

        min-height: 0;

        margin-top: 48px;

    }



    .smart-guide-specs__cabinet {

        width: min(360px, 100%);

    }



    .smart-guide-overview__media .smart-guide-overview__cabinet-gif {

        width: min(432px, 100%);

    }



    .smart-guide-overview__media .smart-guide-overview__gif {

        width: min(432px, 100%);

    }



    .smart-guide-model {

        width: min(432px, 100%);

        height: clamp(300px, 72vw, 420px);

    }



    .smart-guide-specs__diagram--voice {

        min-height: 0;

        margin-top: 54px;

        grid-template-columns: 1fr;

        gap: 34px;

    }



    .smart-guide-specs__voice-front {

        width: min(380px, 100%);

    }



    .smart-guide-specs__voice-ports {

        width: min(430px, 100%);

    }



    .cabinet-process,

    .cabinet-scenes,

    .cabinet-cases {

        padding-left: 32px;

        padding-right: 32px;

    }



    .cabinet-process {

        padding-top: 78px;

        padding-bottom: 86px;

    }



    .cabinet-process__visual,

    .cabinet-scenes__inner,

    .cabinet-cases__grid {

        margin-top: 52px;

    }



    .cabinet-scenes__cards {

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

    }



    .cabinet-cases__grid {

        grid-template-columns: 1fr;

    }



    .team-device-section {

        padding-left: 32px;

        padding-right: 32px;

    }



    .team-feature-grid--four,

    .team-feature-grid--three {

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

    }



    .team-feature-grid--two {

        width: min(640px, 100%);

    }



    .smart-guide-scenes__tabs--team {

        gap: 24px;

    }

}



@media (max-width: 768px) {

    .smart-guide-hero {

        height: 360px;

    }



    .smart-guide-hero__contact {

        top: 260px;

        left: 48px;

        width: 132px;

    }



    .smart-guide-hero--ai .smart-guide-hero__contact {

        top: 230px;

        left: 48px;

    }



    .smart-guide-hero--cabinet .smart-guide-hero__contact {

        top: 256px;

        left: 48px;

    }



    .smart-guide-hero__contact--voice {

        top: 230px;

        left: 48px;

    }



    .smart-guide-hero__contact--team {

        top: 282px;

        left: 50%;

        width: 126px;

    }



    .smart-guide-overview,

    .smart-guide-specs,

    .smart-guide-scenes {

        padding-left: 18px;

        padding-right: 18px;

    }



    .smart-guide-overview {

        padding-top: 56px;

        padding-bottom: 46px;

    }



    .smart-guide-section-head__title {

        font-size: 26px;

    }



    .smart-guide-section-head__subtitle {

        margin-top: 14px;

        font-size: 14px;

    }



    .smart-guide-overview__title {

        font-size: 22px;

    }



    .smart-guide-check-list li {

        font-size: 14px;

    }



    .smart-guide-specs {

        padding-top: 42px;

        padding-bottom: 64px;

    }



    .smart-guide-feature-panel__cards {

        grid-template-columns: 1fr;

    }



    .smart-guide-feature-card--wide {

        grid-column: auto;

    }



    .smart-guide-feature-card__body--columns {

        grid-template-columns: 1fr;

    }



    .smart-guide-scenes__card {

        padding: 16px;

        border-radius: 8px;

        box-shadow: 0 8px 26px rgba(172, 181, 194, 0.16);

    }



    .smart-guide-scenes__title {

        font-size: 26px;

    }



    .smart-guide-scenes__text {

        margin-top: 16px;

        font-size: 14px;

        line-height: 1.75;

    }



    .smart-guide-cta {

        min-height: 250px;

        padding-top: 72px;

    }



    .smart-guide-cta__title {

        font-size: 25px;

    }



    .smart-guide-cta__button {

        width: 138px;

        margin-top: 32px;

    }



    .cabinet-process,

    .cabinet-scenes,

    .cabinet-cases {

        padding-left: 18px;

        padding-right: 18px;

    }



    .cabinet-scenes__inner {

        gap: 34px;

    }



    .cabinet-scenes__title {

        font-size: 22px;

    }



    .cabinet-scenes__text {

        margin-top: 18px;

        font-size: 14px;

        line-height: 1.75;

    }



    .cabinet-scenes__cards,

    .cabinet-cases__grid {

        grid-template-columns: 1fr;

    }



    .cabinet-case-card__text {

        min-height: 0;

    }



    .team-device-section {

        padding: 62px 18px 30px;

    }



    .team-device-section--first {

        padding-top: 68px;

    }



    .team-device-section__intro {

        margin-top: 22px;

        font-size: 13px;

    }



    .team-device-section__diagram {

        margin-top: 48px;

    }



    .team-feature-grid,

    .team-feature-grid--four,

    .team-feature-grid--three,

    .team-feature-grid--two {

        width: 100%;

        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 46px;

    }



    .smart-guide-scenes--team {

        padding-top: 78px;

    }

}



.smart-guide-page--contained {

    --smart-guide-contained-width: 1200px;

}



.smart-guide-page--contained .smart-guide-hero,

.smart-guide-page--contained .smart-guide-overview,

.smart-guide-page--contained .smart-guide-specs,

.smart-guide-page--contained .smart-guide-scenes {

    width: min(var(--smart-guide-contained-width), 100%);

    margin-left: auto;

    margin-right: auto;

    box-sizing: border-box;

}



.smart-guide-page--contained .smart-guide-hero {

    height: auto;

    overflow: visible;

}



.smart-guide-page--contained .smart-guide-hero__image {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

}



.smart-guide-page--contained .smart-guide-hero__contact {

    top: 62.5%;

    left: 10.6%;

    width: clamp(132px, 13%, 156px);

}



.smart-guide-page--contained .smart-guide-hero--ai .smart-guide-hero__contact {

    top: 52.9%;

    left: 10.8%;

}



.smart-guide-page--contained .smart-guide-hero--cabinet .smart-guide-hero__contact {

    top: 60.7%;

    left: 12.5%;

}



.smart-guide-page--contained .smart-guide-hero__contact--voice {

    top: 55.7%;

    left: 10%;

}



.smart-guide-page--contained .smart-guide-hero__contact--team {

    top: 82.7%;

    left: 50%;

    width: clamp(142px, 16.7%, 200px);

    transform: translateX(-50%);

}



.smart-guide-page--contained .smart-guide-feature-panel {

    width: min(var(--smart-guide-contained-width), 100%);

    min-height: 0;

    margin-left: auto;

    margin-right: auto;

    padding-left: clamp(38px, 5.8vw, 70px);

    padding-right: clamp(24px, 4vw, 48px);

    box-sizing: border-box;

    background-image: none;

}



.smart-guide-page--contained .smart-guide-specs {

    padding-bottom: 24px;

}



.smart-guide-page--contained .smart-guide-scenes {

    padding-top: 36px;

}



@media (max-width: 900px) {

    .smart-guide-page--contained .smart-guide-feature-panel {

        padding-left: 32px;

        padding-right: 32px;

    }

}



@media (max-width: 768px) {

    .smart-guide-page--contained .smart-guide-hero__contact {

        width: 126px;

    }



    .smart-guide-page--contained .smart-guide-feature-panel {

        padding-left: 18px;

        padding-right: 18px;

    }

}



.smart-guide-feature-panel.is-visible {

    padding-bottom: 0;

}


/* Preserve the original desktop layout and mobile artwork in one document. */
.hardware-mobile-inline,
.hardware-mobile-block,
.hardware-overview-mobile-detail,
.team-feature-wave__background {
    display: none;
}

.smart-guide-check-list .hardware-overview-mobile-detail {
    display: none;
}

.team-feature-wave,
.smart-guide-specs__diagram > picture,
.team-device-section__title > picture,
.team-device-section__diagram > picture,
.smart-guide-overview__media > picture {
    display: contents;
}

.smart-guide-overview__inner > *,
.smart-guide-specs__diagram > *,
.smart-guide-feature-panel__cards > *,
.smart-guide-scenes__card > *,
.cabinet-scenes__inner > *,
.team-feature-grid > * {
    min-width: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .smart-guide-overview__inner,
    .smart-guide-page--overview-gif .smart-guide-overview__inner,
    .self-service-cabinet-page .smart-guide-overview__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 40px;
    }

    .smart-guide-specs__diagram,
    .smart-guide-specs__diagram--voice {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 32px;
    }

    .smart-guide-specs__diagram--cabinet {
        grid-template-columns: minmax(0, 1fr);
    }

    .smart-guide-specs__front,
    .smart-guide-specs__ports {
        max-width: 100%;
    }

    .smart-guide-page--contained .smart-guide-feature-panel {
        width: 100%;
        padding-inline: 0;
    }

    .smart-guide-feature-panel__cards {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 20px;
    }

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

@media (min-width: 768px) and (max-width: 900px) {
    .smart-guide-overview__inner,
    .smart-guide-page--overview-gif .smart-guide-overview__inner,
    .self-service-cabinet-page .smart-guide-overview__inner,
    .smart-guide-specs__diagram,
    .smart-guide-specs__diagram--voice {
        grid-template-columns: minmax(0, 1fr);
    }

    .smart-guide-feature-panel__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .smart-guide-page,
    .smart-guide-cta {
        --hardware-u: calc(min(100vw, 750px) / 750);
    }

    .hardware-mobile-inline { display: inline; }
    .hardware-mobile-block { display: block; }
    .hardware-desktop-block { display: none; }

    .smart-guide-hero { --hero-contact-center: 84.6%; }
    .smart-guide-hero--ai { --hero-contact-center: 88.7%; }
    .smart-guide-hero--voice { --hero-contact-center: 89.4%; }
    .smart-guide-hero--cabinet { --hero-contact-center: 91.6%; }
    .smart-guide-hero--team { --hero-contact-center: 86.6%; }

    /* The portrait image already contains the original button artwork. */
    .smart-guide-page--contained .smart-guide-hero .smart-guide-hero__contact {
        top: var(--hero-contact-center);
        left: 50%;
        width: 34%;
        height: 7.2%;
        min-height: 44px;
        transform: translate(-50%, -50%);
        background: none;
        box-shadow: none;
    }

    .smart-guide-page--contained .smart-guide-hero__contact img {
        visibility: hidden;
    }

    .smart-guide-page--contained .smart-guide-hero__contact::after {
        content: none;
    }

    .smart-guide-overview {
        display: flex;
        flex-direction: column;
        padding: calc(var(--hardware-u) * 34) calc(var(--hardware-u) * 48) calc(var(--hardware-u) * 88);
    }

    .smart-guide-overview .smart-guide-section-head__title {
        font-size: calc(var(--hardware-u) * 46);
        line-height: 1.18;
        font-weight: 500;
    }

    .smart-guide-overview__inner,
    .smart-guide-overview__content {
        display: contents;
    }

    .smart-guide-overview__title {
        order: 1;
        margin-top: calc(var(--hardware-u) * 30);
        color: #b4b4b4;
        font-size: calc(var(--hardware-u) * 26);
        line-height: 1.45;
        font-weight: 400;
        text-align: center;
    }

    .smart-guide-check-list {
        order: 2;
        margin-top: calc(var(--hardware-u) * 78);
        gap: calc(var(--hardware-u) * 24);
    }

    .smart-guide-check-list li {
        grid-template-columns: calc(var(--hardware-u) * 34) minmax(0, 1fr);
        gap: calc(var(--hardware-u) * 18);
        color: #777c86;
        font-size: max(11px, calc(var(--hardware-u) * 24));
        line-height: 1.65;
    }

    .smart-guide-check-list img {
        width: calc(var(--hardware-u) * 28);
        height: calc(var(--hardware-u) * 28);
        margin-top: calc(var(--hardware-u) * 8);
    }

    .smart-guide-check-list .hardware-overview-desktop-detail { display: none; }
    .smart-guide-check-list .hardware-overview-mobile-detail { display: grid; order: -1; }

    .self-service-cabinet-page .smart-guide-check-list {
        width: fit-content;
        max-width: 100%;
        margin-inline: auto;
    }

    .smart-guide-overview__media {
        order: 3;
        width: 100%;
        margin-top: calc(var(--hardware-u) * 54);
        padding: 0;
        border-radius: calc(var(--hardware-u) * 28);
        background: linear-gradient(158deg, #dff0fc 0%, #f5eefe 98.57%);
        box-shadow: 0 8px 32px rgba(156, 164, 172, .3);
        overflow: hidden;
    }

    .smart-guide-overview__media--model,
    .voice-guide-page .smart-guide-overview__media,
    .self-service-cabinet-page .smart-guide-overview__media {
        background: transparent;
        box-shadow: none;
    }

    .smart-guide-model {
        width: 100%;
        height: calc(var(--hardware-u) * 420);
        min-height: 280px;
    }

    .voice-guide-page .smart-guide-overview__media,
    .self-service-cabinet-page .smart-guide-overview__media {
        border-radius: 0;
        overflow: visible;
    }

    .voice-guide-page .smart-guide-overview__media img,
    .self-service-cabinet-page .smart-guide-overview__media .smart-guide-overview__cabinet-gif {
        width: calc(100% + var(--hardware-u) * 28);
        max-width: none;
        margin-left: calc(var(--hardware-u) * -14);
        border-radius: 0;
    }

    .smart-guide-page--contained .smart-guide-specs {
        padding: calc(var(--hardware-u) * 14) calc(var(--hardware-u) * 48) calc(var(--hardware-u) * 108);
    }

    .smart-guide-section-head__title {
        font-size: calc(var(--hardware-u) * 46);
        line-height: 1.18;
        font-weight: 500;
    }

    .smart-guide-section-head__subtitle {
        margin-top: calc(var(--hardware-u) * 28);
        color: #777c86;
        font-size: max(11px, calc(var(--hardware-u) * 24));
        line-height: 1.45;
    }

    .smart-guide-specs__diagram,
    .smart-guide-specs__diagram--voice,
    .smart-guide-specs__diagram--cabinet {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 0;
        margin-top: calc(var(--hardware-u) * 48);
        gap: calc(var(--hardware-u) * 56);
    }

    .smart-guide-specs__diagram > picture {
        display: block;
        width: 100%;
        padding: calc(var(--hardware-u) * 18);
    }

    .smart-guide-specs__diagram img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .smart-guide-page--contained .smart-guide-feature-panel {
        width: 100%;
        min-height: 0;
        margin: calc(var(--hardware-u) * 98) 0 0;
        padding: 0;
        background: none;
    }

    .smart-guide-feature-panel__cards,
    .smart-guide-feature-panel__cards--voice,
    .smart-guide-feature-panel__cards--cabinet {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(var(--hardware-u) * 24) calc(var(--hardware-u) * 20);
    }

    .smart-guide-feature-card,
    .team-feature-grid .smart-guide-feature-card {
        min-height: calc(var(--hardware-u) * 254);
        border-radius: calc(var(--hardware-u) * 20);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .smart-guide-feature-card--screen,
    .smart-guide-feature-card--infrared {
        background-image: linear-gradient(180deg, #d5e0ff 17.64%, rgba(255, 255, 255, 0) 100%);
    }
    .smart-guide-feature-card--size {
        background-image: linear-gradient(180deg, #dbfcfd 22.32%, rgba(255, 255, 255, 0) 100%);
    }
    .smart-guide-feature-card--cpu {
        background-image: linear-gradient(180deg, #fde9d1 17.64%, rgba(255, 255, 255, 0) 100%);
    }
    .smart-guide-feature-card--battery {
        background-image: linear-gradient(180deg, #fdd1fb 17.64%, rgba(255, 255, 255, 0) 100%);
    }
    .smart-guide-feature-card--content {
        background-image: linear-gradient(180deg, #e6fdd1 17.64%, rgba(255, 255, 255, 0) 100%);
    }

    .smart-guide-feature-card__head {
        min-height: calc(var(--hardware-u) * 74);
        padding: calc(var(--hardware-u) * 16) calc(var(--hardware-u) * 18);
        gap: calc(var(--hardware-u) * 12);
        border-radius: calc(var(--hardware-u) * 20);
        background: rgba(255, 255, 255, .28);
        box-shadow: 0 4px 14px rgba(171, 190, 221, .12);
    }

    .smart-guide-feature-card__head img {
        width: calc(var(--hardware-u) * 28);
        height: calc(var(--hardware-u) * 28);
    }

    .smart-guide-feature-card__head h3 {
        font-size: calc(var(--hardware-u) * 28);
        line-height: 1.2;
        font-weight: 600;
    }

    .smart-guide-feature-card__body,
    .team-feature-grid .smart-guide-feature-card__body {
        padding: calc(var(--hardware-u) * 30) calc(var(--hardware-u) * 18) calc(var(--hardware-u) * 18);
    }

    .smart-guide-feature-card__body p {
        font-size: max(10px, calc(var(--hardware-u) * 20));
        line-height: 1.65;
        overflow-wrap: anywhere;
    }

    .smart-guide-feature-card__body p + p {
        margin-top: calc(var(--hardware-u) * 8);
    }

    .smart-guide-feature-card--wide {
        grid-column: 1 / -1;
        min-height: auto;
    }

    .smart-guide-feature-card__body--columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(var(--hardware-u) * 10) calc(var(--hardware-u) * 28);
    }

    .smart-guide-feature-card__body--columns p {
        margin-top: 0;
    }

    .smart-guide-page--contained .smart-guide-scenes {
        padding: 0 calc(var(--hardware-u) * 48) calc(var(--hardware-u) * 108);
    }

    .smart-guide-scenes__list {
        margin-top: calc(var(--hardware-u) * 34);
        gap: calc(var(--hardware-u) * 34);
    }

    .smart-guide-scenes__card {
        width: 100%;
        min-height: 0;
        padding: calc(var(--hardware-u) * 34) calc(var(--hardware-u) * 34) calc(var(--hardware-u) * 24);
        grid-template-columns: minmax(0, 1fr);
        gap: calc(var(--hardware-u) * 22);
        border-radius: calc(var(--hardware-u) * 26);
        box-shadow: 0 calc(var(--hardware-u) * 18) calc(var(--hardware-u) * 50) rgba(182, 189, 198, .16);
    }

    .smart-guide-scenes__media {
        border-radius: 0;
    }

    .smart-guide-scenes__image {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        object-fit: contain;
        border-radius: calc(var(--hardware-u) * 18);
    }

    .smart-guide-scenes__title {
        font-size: calc(var(--hardware-u) * 28);
        line-height: 1.3;
        font-weight: 600;
    }

    .smart-guide-scenes__text {
        margin-top: calc(var(--hardware-u) * 10);
        color: #8f9298;
        font-size: max(11px, calc(var(--hardware-u) * 22));
        line-height: 1.95;
    }

    .smart-guide-cta {
        width: 100%;
        min-height: calc(var(--hardware-u) * 374);
        margin: 0;
        padding: calc(var(--hardware-u) * 104) 0 0;
        background-color: #f7fbff;
        background-image: url('../assets-web/remote/956907905a10-2054028213700661248.png') !important;
    }

    .smart-guide-cta__title {
        font-size: calc(var(--hardware-u) * 40);
        line-height: 1.25;
        font-weight: 500;
        letter-spacing: calc(var(--hardware-u) * 1);
    }

    .smart-guide-cta__button {
        width: calc(var(--hardware-u) * 244);
        margin-top: calc(var(--hardware-u) * 56);
        border-radius: 0;
        box-shadow: none;
    }

    .cabinet-process {
        width: 100%;
        margin: 0;
        padding: calc(var(--hardware-u) * 78) calc(var(--hardware-u) * 48) calc(var(--hardware-u) * 88);
        background: #f3f5ff;
    }

    .cabinet-process .smart-guide-section-head__title,
    .cabinet-scenes .smart-guide-section-head__title,
    .cabinet-cases .smart-guide-section-head__title {
        line-height: 1.2;
    }

    .cabinet-process .smart-guide-section-head__subtitle {
        margin-top: calc(var(--hardware-u) * 26);
        color: #9a9ea8;
    }

    .cabinet-process__visual {
        width: 100%;
        margin-top: calc(var(--hardware-u) * 56);
    }

    .cabinet-scenes {
        padding: calc(var(--hardware-u) * 86) calc(var(--hardware-u) * 48) calc(var(--hardware-u) * 88);
    }

    .cabinet-scenes__inner,
    .cabinet-scenes__content {
        display: contents;
    }

    .cabinet-scenes__title {
        margin-top: calc(var(--hardware-u) * 26);
        color: #9a9ea8;
        font-size: max(11px, calc(var(--hardware-u) * 24));
        line-height: 1.45;
        font-weight: 400;
        text-align: center;
    }

    .cabinet-scenes__text {
        margin-top: calc(var(--hardware-u) * 54);
        color: #8f9298;
        font-size: max(11px, calc(var(--hardware-u) * 22));
        line-height: 1.95;
    }

    .cabinet-scenes__cards {
        margin-top: calc(var(--hardware-u) * 42);
        grid-template-columns: minmax(0, 1fr);
        gap: calc(var(--hardware-u) * 38);
    }

    .cabinet-scenes__image {
        height: auto;
        aspect-ratio: auto;
        object-fit: contain;
    }

    .cabinet-cases {
        padding: calc(var(--hardware-u) * 70) calc(var(--hardware-u) * 48) calc(var(--hardware-u) * 88);
    }

    .cabinet-cases__grid {
        width: 100%;
        margin-top: calc(var(--hardware-u) * 54);
        gap: calc(var(--hardware-u) * 42);
    }

    .team-guide-page .smart-guide-overview {
        display: none;
    }

    .team-device-section {
        padding: calc(var(--hardware-u) * 50) calc(var(--hardware-u) * 48) calc(var(--hardware-u) * 40);
    }

    .team-device-section--first {
        padding-top: calc(var(--hardware-u) * 36);
    }

    .team-device-section__title img {
        width: 100%;
        max-width: calc(var(--hardware-u) * 486);
        height: auto;
    }

    .team-device-section__intro {
        max-width: calc(var(--hardware-u) * 620);
        margin: calc(var(--hardware-u) * 18) auto 0;
        color: #8f9298;
        font-size: max(10px, calc(var(--hardware-u) * 20));
        line-height: 1.7;
        text-align: center;
    }

    .team-device-section__intro p + p {
        margin-top: calc(var(--hardware-u) * 4);
    }

    .team-device-section__diagram,
    .team-device-section__diagram--transmitter,
    .team-device-section__diagram--receiver,
    .team-device-section__diagram--charger {
        width: 100%;
        margin-top: calc(var(--hardware-u) * 28);
        padding: calc(var(--hardware-u) * 18);
    }

    .team-device-section__diagram--transmitter img {
        max-width: calc(var(--hardware-u) * 560);
        margin: 0 auto;
    }

    .team-device-section__diagram--receiver img {
        width: calc(var(--hardware-u) * 262);
        margin: 0 auto;
    }

    .team-device-section__diagram--charger img {
        width: 100%;
    }

    .team-feature-grid,
    .team-feature-grid--four,
    .team-feature-grid--three,
    .team-feature-grid--two {
        width: 100%;
        margin-top: calc(var(--hardware-u) * 26);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(var(--hardware-u) * 22) calc(var(--hardware-u) * 20);
    }

    .team-feature-wave {
        position: relative;
        display: block;
        grid-column: 1 / -1;
        min-height: calc(var(--hardware-u) * 270);
    }

    .team-feature-wave__background {
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: auto;
        pointer-events: none;
    }

    .team-feature-wave .smart-guide-feature-card {
        position: relative;
        width: calc((100% - var(--hardware-u) * 20) / 2);
        min-height: calc(var(--hardware-u) * 184);
    }

    .team-feature-wave .smart-guide-feature-card__head {
        background: rgba(255, 255, 255, .34);
    }

    .team-feature-wave .smart-guide-feature-card__body {
        padding-bottom: calc(var(--hardware-u) * 22);
    }

    .smart-guide-page--contained .smart-guide-scenes--team {
        padding-top: calc(var(--hardware-u) * 40);
    }
}

/* Picture sources have no layout box; only the selected image participates. */
.smart-guide-page source,
.smart-guide-cta source {
    display: none;
}

@media (max-width: 767px) {
    .smart-guide-overview > .smart-guide-section-head .smart-guide-section-head__subtitle {
        display: none;
    }

    .smart-guide-feature-card__body--columns p + p {
        margin-top: 0;
    }

    .team-device-section__title {
        display: inline-block;
        max-width: calc(var(--hardware-u) * 486);
    }
}