/* IoT homepage: management tools and deployment steps. */
.connected-home--iot .iot-cloud-services{padding:72px 0 78px!important;background:#eaf6f2!important;border-block:1px solid #dcebe6}.connected-home--iot .iot-cloud-services .container{max-width:1160px}.connected-home--iot .iot-cloud-services .official-heading{max-width:790px;margin:0 auto 34px;text-align:center}.connected-home--iot .iot-cloud-services .official-heading h2{margin:0 0 13px;color:#082b40!important;font-size:clamp(2rem,3.2vw,2.65rem);line-height:1.13;letter-spacing:-.035em}.connected-home--iot .iot-cloud-services .official-heading p{max-width:760px;margin:0 auto;color:#5e7683!important;font-size:.96rem;line-height:1.65}.connected-home--iot .iot-cloud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.connected-home--iot .iot-management-card{display:flex;min-width:0;min-height:358px;flex-direction:column;padding:14px 17px 22px!important;border:1px solid #ccdcd7!important;border-radius:15px!important;background:#fff!important;box-shadow:0 12px 30px rgba(20,63,53,.045)!important;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.connected-home--iot .iot-management-card:hover{transform:translateY(-4px);border-color:#a9cfc2!important;box-shadow:0 17px 38px rgba(20,63,53,.085)!important}.connected-home--iot .iot-management-card__media{display:flex;height:185px;align-items:center;justify-content:center;margin:0 0 20px!important;padding:10px 14px;border-radius:13px;background:#f6faf8;overflow:hidden}.connected-home--iot .iot-management-card__media img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important}.connected-home--iot .iot-management-card__copy{display:flex;flex:1;flex-direction:column}.connected-home--iot .iot-management-card__copy>span{color:#145aff!important;font-size:.67rem!important;font-weight:900!important;letter-spacing:.115em!important}.connected-home--iot .iot-management-card h3{margin:11px 0 9px!important;color:#062a40!important;font-size:1.3rem!important;line-height:1.2!important;letter-spacing:-.025em}.connected-home--iot .iot-management-card p{margin:0!important;color:#55707e!important;font-size:.74rem!important;line-height:1.55!important}.connected-home--iot .iot-management-card:after{display:none!important}
.connected-home--iot .connected-steps{padding:54px 0 68px!important;background:#fff!important}.connected-home--iot .connected-steps .container{max-width:1160px}.connected-home--iot .connected-steps .official-heading{margin:0 auto 30px;text-align:center}.connected-home--iot .connected-steps .official-heading>span{display:block;margin-bottom:10px;color:#145aff!important;font-size:.66rem;font-weight:900;letter-spacing:.14em}.connected-home--iot .connected-steps .official-heading h2{margin:0;color:#072b40!important;font-size:clamp(2rem,3.2vw,2.55rem);line-height:1.15;letter-spacing:-.035em}.connected-home--iot .connected-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:62px;margin:0;padding:0;list-style:none}.connected-home--iot .connected-steps li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:15px;align-items:center;min-width:0;padding:0!important;border:0!important}.connected-home--iot .connected-steps li:not(:last-child):after{content:"";position:absolute;top:32px;left:calc(100% + 9px);width:44px;border-top:1.5px dashed #52b99a}.connected-home--iot .connected-steps li>i{display:grid;width:60px;height:60px;place-items:center;border:2px solid #49ad8d;border-radius:50%;background:#fff;color:#008466;font-style:normal}.connected-home--iot .connected-steps li>i svg{display:block;width:19px!important;height:19px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.connected-home--iot .connected-steps li>div{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.connected-home--iot .connected-steps li b{margin-bottom:6px;color:#008466!important;font-size:.67rem;font-weight:900;line-height:1}.connected-home--iot .connected-steps li span{color:#092e43;font-size:.76rem;font-weight:800;line-height:1.5}.connected-home--iot .connected-steps .iot-refresh-step-title{display:none!important}
@media(max-width:900px){.connected-home--iot .iot-cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-home--iot .iot-management-card:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.connected-home--iot .connected-steps ol{gap:28px}.connected-home--iot .connected-steps li{grid-template-columns:56px 1fr;gap:11px}.connected-home--iot .connected-steps li>i{width:52px;height:52px}.connected-home--iot .connected-steps li:not(:last-child):after{display:none}}
@media(max-width:640px){.connected-home--iot .iot-cloud-services{padding:52px 0 58px!important}.connected-home--iot .iot-cloud-services .official-heading{margin-bottom:25px}.connected-home--iot .iot-cloud-grid{grid-template-columns:1fr;gap:14px}.connected-home--iot .iot-management-card,.connected-home--iot .iot-management-card:last-child{width:100%;min-height:0;grid-column:auto;padding:12px 14px 20px!important}.connected-home--iot .iot-management-card__media{height:178px;margin-bottom:18px!important}.connected-home--iot .iot-management-card h3{font-size:1.22rem!important}.connected-home--iot .connected-steps{padding:48px 0 54px!important}.connected-home--iot .connected-steps .official-heading{margin-bottom:26px}.connected-home--iot .connected-steps ol{grid-template-columns:1fr;gap:0}.connected-home--iot .connected-steps li{grid-template-columns:58px 1fr;gap:15px;padding:0 0 28px!important}.connected-home--iot .connected-steps li:not(:last-child):before{content:"";position:absolute;top:58px;bottom:0;left:29px;border-left:1.5px dashed #52b99a}.connected-home--iot .connected-steps li>i{width:58px;height:58px}.connected-home--iot .connected-steps li span{font-size:.79rem}}
@media(prefers-reduced-motion:reduce){.connected-home--iot .iot-management-card{transition:none}}
.connected-home--iot .iot-management-card__link{display:flex;flex:1;min-width:0;flex-direction:column;color:inherit!important;text-decoration:none!important}.connected-home--iot .iot-management-card__link:focus-visible{outline:3px solid #145aff;outline-offset:-3px;border-radius:11px}.connected-home--iot .iot-management-card__link .iot-management-card__copy{flex:1}

/* ==========================================================================
   SenseCAP Hotspot App Showcase Section on Homepage (#iot-management-tools)
   ========================================================================== */

.connected-home--iot #iot-management-tools.iot-app-home-showcase {
    padding: 70px 0 80px !important;
    background: linear-gradient(180deg, #f0f7f4 0%, #e8f4ef 100%) !important;
    border-block: 1px solid #d5e5df;
    position: relative;
    overflow: hidden;
}

.connected-home--iot .iot-app-showcase-card {
    background: #ffffff;
    border: 1px solid #d2e4dc;
    border-radius: 24px;
    padding: 48px 52px;
    box-shadow: 0 16px 45px rgba(7, 45, 34, 0.06);
    position: relative;
    overflow: hidden;
}

.connected-home--iot .iot-app-showcase-card::before {
    content: '';
    position: absolute;
    top: -120px;
    right: -100px;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(7, 131, 95, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

.connected-home--iot .iot-app-showcase-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 48px;
    align-items: center;
}

/* Left Content */
.connected-home--iot .iot-app-showcase__content {
    max-width: 580px;
}

.connected-home--iot .iot-app-showcase__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(7, 131, 95, 0.1);
    border: 1px solid rgba(7, 131, 95, 0.3);
    color: #07835f;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.connected-home--iot .iot-app-showcase__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #07835f;
    box-shadow: 0 0 8px #07835f;
    animation: iotAppPulse 2s infinite ease-in-out;
}

@keyframes iotAppPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.85); }
}

.connected-home--iot .iot-app-showcase__title {
    margin: 0 0 10px !important;
    font-size: clamp(1.9rem, 3.2vw, 2.6rem) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
}

.connected-home--iot .iot-app-showcase__title a {
    color: #082b40 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.connected-home--iot .iot-app-showcase__title a:hover {
    color: #07835f !important;
}

.connected-home--iot .iot-app-showcase__subtitle {
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
    font-weight: 700;
    color: #07835f;
    margin-bottom: 14px;
    line-height: 1.35;
}

.connected-home--iot .iot-app-showcase__desc {
    font-size: 0.94rem !important;
    line-height: 1.65 !important;
    color: #55707e !important;
    margin: 0 0 24px !important;
}

/* Feature bullets */
.connected-home--iot .iot-app-showcase__features {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: grid;
    gap: 10px;
}

.connected-home--iot .iot-app-showcase__features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #1e3a4b;
}

.connected-home--iot .iot-app-showcase__features li svg {
    color: #07835f;
    flex-shrink: 0;
}

/* Store Buttons */
.connected-home--iot .iot-app-showcase__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: 24px;
}

.connected-home--iot .iot-store-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    border-radius: 12px;
    background: #0f2433;
    color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 4px 14px rgba(15, 36, 51, 0.18);
    transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.connected-home--iot .iot-store-btn:hover {
    background: #07835f;
    border-color: #07835f;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(7, 131, 95, 0.25);
}

.connected-home--iot .iot-store-btn--apk {
    background: #f1f7f5;
    color: #0f2433 !important;
    border-color: #cde2d9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.connected-home--iot .iot-store-btn--apk:hover {
    background: #e2f2eb;
    color: #07835f !important;
    border-color: #07835f;
}

.connected-home--iot .iot-store-btn__icon {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.connected-home--iot .iot-store-btn__icon img,
.connected-home--iot .iot-store-btn__icon svg {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.connected-home--iot .iot-store-btn__text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    text-align: left;
}

.connected-home--iot .iot-store-btn__text small {
    font-size: 0.65rem;
    color: #94a3b8;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.connected-home--iot .iot-store-btn--apk .iot-store-btn__text small {
    color: #64748b;
}

.connected-home--iot .iot-store-btn__text strong {
    font-size: 0.92rem;
    font-weight: 700;
    color: inherit;
}

/* Explore Link Button */
.connected-home--iot .iot-app-showcase__page-link {
    padding-top: 14px;
}

.connected-home--iot .btn-app-explore {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #07835f !important;
    font-size: 0.94rem;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.connected-home--iot .btn-app-explore:hover {
    color: #05684b !important;
    transform: translateX(4px);
}

/* Visual Phone Mockups */
.connected-home--iot .iot-app-showcase__visual {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.connected-home--iot .iot-app-phones-link {
    display: block;
    text-decoration: none !important;
    position: relative;
    width: 100%;
    max-width: 400px;
}

.connected-home--iot .iot-app-phones-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.connected-home--iot .iot-app-phone-item {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.connected-home--iot .iot-app-phone-item--1 {
    width: 62%;
    z-index: 2;
    transform: translateX(-12%) rotate(-3deg);
    filter: drop-shadow(0 18px 36px rgba(10, 36, 48, 0.28));
}

.connected-home--iot .iot-app-phone-item--2 {
    width: 56%;
    z-index: 1;
    margin-left: -18%;
    transform: translateY(10px) rotate(4deg);
    filter: drop-shadow(0 14px 28px rgba(10, 36, 48, 0.2));
}

.connected-home--iot .iot-app-phones-link:hover .iot-app-phone-item--1 {
    transform: translateX(-14%) rotate(-5deg) translateY(-6px);
}

.connected-home--iot .iot-app-phones-link:hover .iot-app-phone-item--2 {
    transform: translateY(4px) rotate(6deg);
}

.connected-home--iot .iot-app-phone-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Status Pill */
.connected-home--iot .iot-app-status-pill {
    position: absolute;
    bottom: -10px;
    left: 2%;
    z-index: 3;
    padding: 8px 14px;
    background: rgba(11, 28, 38, 0.92);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 600;
}

.connected-home--iot .iot-app-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 6px #4ade80;
}

/* Responsive */
@media (max-width: 960px) {
    .connected-home--iot .iot-app-showcase-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }
    .connected-home--iot .iot-app-showcase__content {
        max-width: 100%;
        margin: 0 auto;
    }
    .connected-home--iot .iot-app-showcase__features {
        justify-content: center;
    }
    .connected-home--iot .iot-app-showcase__features li {
        justify-content: center;
    }
    .connected-home--iot .iot-app-showcase__actions {
        justify-content: center;
    }
    .connected-home--iot .iot-app-showcase__page-link {
        text-align: center;
    }
}

@media (max-width: 640px) {
    .connected-home--iot #iot-management-tools.iot-app-home-showcase {
        padding: 38px 0 42px !important;
    }
    .connected-home--iot .iot-app-showcase-card {
        padding: 26px 18px;
        border-radius: 18px;
    }
    .connected-home--iot .iot-app-showcase__actions {
        flex-direction: column;
        width: 100%;
    }
    .connected-home--iot .iot-store-btn {
        width: 100%;
        justify-content: center;
    }
    .connected-home--iot .iot-app-phones-link {
        max-width: 260px;
    }
    .connected-home--iot .iot-app-status-pill {
        display: none;
    }
}