/**
 * Homepage — tablet layout (768–1024px)
 * Distinct from mobile (single-col) and desktop (multi-col fan).
 * Prefer 2-column grids, clamp() type/spacing, touch-friendly targets.
 */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    body.home,
    body.home .wp-site-blocks,
    body.home .entry-content,
    body.home .guten-post-content {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    body.home .guten-post-content> :not(div.section-wrapper):not(.guten-element) {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home img,
    body.home svg,
    body.home video,
    body.home iframe {
        max-width: 100% !important;
        height: auto;
    }

    /* —— Header / shell —— */
    body.home .guten-6tXU41 {
        width: calc(100% - 32px) !important;
        max-width: 100% !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    body.home .gutenverse-hamburger-menu,
    body.home .gutenverse-close-menu {
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.home .guten-button,
    body.home .guten-button-wrapper a {
        min-height: 44px !important;
        box-sizing: border-box !important;
    }

    /* —— Hero —— keep side-by-side CTAs; clamp type —— */
    body.home .guten-lWAR9g>.guten-container,
    body.home .guten-3erqR3>.guten-column-wrapper {
        padding-left: clamp(20px, 4vw, 40px) !important;
        padding-right: clamp(20px, 4vw, 40px) !important;
        padding-top: clamp(28px, 4vw, 48px) !important;
        padding-bottom: clamp(20px, 3vw, 36px) !important;
        box-sizing: border-box !important;
    }

    body.home .guten-qHxwUo .heading-title,
    body.home .guten-qHxwUo .heading-title .heading-title {
        font-size: clamp(36px, 5.2vw, 52px) !important;
        line-height: 1.12 !important;
    }

    body.home .guten-qHxwUo .heading-subtitle {
        font-size: clamp(15px, 1.8vw, 18px) !important;
        line-height: 1.55 !important;
        max-width: 36em !important;
    }

    /* Kill phantom inner scrollbars on hero / product / sections */
    body.home .guten-9fN8fN,
    body.home .guten-lWAR9g,
    body.home .guten-3erqR3,
    body.home .guten-3erqR3>.guten-column-wrapper,
    body.home .guten-m20bIT>.guten-column-wrapper,
    body.home .guten-vLcHN2>.guten-column-wrapper,
    body.home .guten-CrsJKp,
    body.home .guten-I3HafU,
    body.home .guten-I3HafU>.guten-column-wrapper,
    body.home .guten-wNSSVC,
    body.home .section-wrapper[data-id="9fN8fN"],
    body.home .section-wrapper[data-id="CrsJKp"],
    body.home .section-wrapper[data-id="lWAR9g"] {
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home .guten-qHxwUo,
    body.home .guten-qHxwUo .heading-section {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .guten-qHxwUo .heading-subtitle {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    body.home .guten-OBmD4P,
    body.home .guten-OBmD4P .list-wrapper {
        justify-content: center !important;
        text-align: center !important;
    }

    body.home .guten-3OcB2S {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* CTAs — center like desktop web */
    body.home .guten-WvLhXG {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .guten-WvLhXG>.guten-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    body.home .guten-WvLhXG .guten-VbJYRx,
    body.home .guten-WvLhXG .guten-CkJXvt {
        width: auto !important;
        flex: 0 0 auto !important;
        max-width: none !important;
    }

    body.home .guten-WvLhXG .guten-button-wrapper,
    body.home .guten-section>.guten-container>.guten-VbJYRx.guten-column>.guten-column-wrapper,
    body.home .guten-section>.guten-container>.guten-CkJXvt.guten-column>.guten-column-wrapper {
        justify-content: center !important;
        display: flex !important;
    }

    /* Hero mini stats — centered 3-col */
    body.home .guten-RqhROL>.guten-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: clamp(12px, 2vw, 24px) !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 640px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .guten-RqhROL .guten-MR9WJQ,
    body.home .guten-RqhROL .guten-Yqzsyp,
    body.home .guten-RqhROL .guten-XedOuC {
        width: 33.33% !important;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
        text-align: center !important;
    }

    body.home .guten-RqhROL .number-wrapper {
        font-size: clamp(22px, 3vw, 32px) !important;
        justify-content: center !important;
    }

    /* —— Steps tablet only: 4 cards left + FULL image right —— */
    body.home .section-wrapper[data-id="hjGv1T"] .guten-ULrheG,
    body.home .section-wrapper[data-id="ULrheG"],
    body.home section.guten-ULrheG.overflow-hidden {
        overflow: visible !important;
    }

    body.home .guten-ULrheG>.guten-container,
    body.home .section-wrapper[data-id="ULrheG"]>.guten-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    body.home .guten-ULrheG .guten-1m6lIC.wp-block-gutenverse-column,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-1m6lIC {
        width: 40% !important;
        flex: 0 0 40% !important;
        max-width: 40% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    body.home .guten-ULrheG .guten-1I9MQR.wp-block-gutenverse-column,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-1I9MQR {
        width: 58% !important;
        flex: 0 0 58% !important;
        max-width: 58% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    body.home .section-wrapper[data-id="hjGv1T"] .guten-1m6lIC>.guten-column-wrapper {
        margin: 0 !important;
        width: 100% !important;
        overflow: visible !important;
    }

    body.home .section-wrapper[data-id="hjGv1T"] .guten-1I9MQR>.guten-column-wrapper,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-2Y7DFR,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-kHgt2N,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-pKw2He,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-ggK4ut,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-2Y7DFR .guten-column-wrapper,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-ggK4ut>.guten-column-wrapper {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        max-height: none !important;
        height: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home .section-wrapper[data-id="hjGv1T"] .guten-element.guten-2Y7DFR {
        padding: 8px !important;
        overflow: visible !important;
    }

    body.home .section-wrapper[data-id="hjGv1T"] .guten-1I9MQR>.guten-column-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        min-height: 0 !important;
    }

    body.home .section-wrapper[data-id="hjGv1T"] .guten-ggK4ut>.guten-column-wrapper {
        background-image: none !important;
        min-height: 0 !important;
        display: block !important;
        padding: 0 !important;
        line-height: 0 !important;
    }

    body.home .section-wrapper[data-id="hjGv1T"] .steps-accordion-visual {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 1924 / 2083 !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 5 !important;
    }

    body.home .section-wrapper[data-id="hjGv1T"] .guten-Fsj6ro,
    body.home .section-wrapper[data-id="hjGv1T"] .guten-ScofGv {
        display: none !important;
        padding-bottom: 0 !important;
        height: 0 !important;
        visibility: hidden !important;
    }

    /* —— Hero product mockup (Group-352) — full image visible —— */
    body.home .section-wrapper[data-id="CrsJKp"],
    body.home .guten-CrsJKp,
    body.home .guten-CrsJKp.guten-element,
    body.home .guten-CrsJKp>.guten-container,
    body.home .guten-I3HafU,
    body.home .guten-I3HafU>.guten-column-wrapper,
    body.home .guten-wNSSVC,
    body.home .guten-element.guten-wNSSVC,
    body.home .guten-wNSSVC .guten-image-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        box-sizing: border-box !important;
    }

    body.home .guten-wNSSVC,
    body.home .guten-element.guten-wNSSVC {
        margin-bottom: -40px !important;
        padding-left: clamp(24px, 5vw, 48px) !important;
        padding-right: clamp(24px, 5vw, 48px) !important;
    }

    body.home .guten-wNSSVC .guten-image-wrapper {
        display: block !important;
        line-height: 0 !important;
    }

    body.home .guten-wNSSVC img,
    body.home .guten-wNSSVC .gutenverse-image-box-filled {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    /* —— Why Choose: 2-col grid (3rd wraps) —— */
    body.home .guten-r4dOqE>.guten-container {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
        justify-content: center !important;
    }

    body.home .guten-r4dOqE .guten-XVqyur,
    body.home .guten-r4dOqE .guten-2akE1f,
    body.home .guten-r4dOqE .guten-UCZ10U {
        width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.home .guten-r4dOqE .guten-column-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        height: 100% !important;
    }

    /* —— Solutions heading —— */
    body.home .guten-Lbsub7,
    body.home .guten-nYmYfP {
        padding-left: clamp(20px, 4vw, 40px) !important;
        padding-right: clamp(20px, 4vw, 40px) !important;
        text-align: center !important;
    }

    body.home .guten-Lbsub7 .heading-title,
    body.home .guten-nYmYfP .heading-title {
        font-size: clamp(28px, 4vw, 40px) !important;
    }

    /* —— Glass solution cards: 2×2 zig-zag —— */
    body.home .section-wrapper[data-id="Yy5pai"],
    body.home .guten-Yy5pai,
    body.home .guten-ZrRjPd {
        overflow: visible !important;
        padding-left: clamp(16px, 3vw, 28px) !important;
        padding-right: clamp(16px, 3vw, 28px) !important;
    }

    body.home .guten-Yy5pai>.guten-container,
    body.home .guten-ZrRjPd>.guten-column-wrapper,
    body.home .guten-ZrRjPd .guten-column-wrapper {
        overflow: visible !important;
    }

    body.home .container.glass-box-section,
    body.home .glass-box-section.container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 28px 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: clamp(28px, 4vw, 40px) clamp(12px, 2vw, 24px) !important;
        overflow: visible !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    body.home .container.glass-box-section .glass,
    body.home .glass-box-section .glass {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
        height: auto !important;
        min-height: 360px !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transform: rotate(calc(var(--r) * 1deg)) !important;
        transform-origin: center center !important;
        transition: transform 0.5s ease, margin 0.5s ease !important;
    }

    body.home .container.glass-box-section:hover .glass,
    body.home .glass-box-section:hover .glass,
    body.home .container.glass-box-section.is-straight .glass,
    body.home .glass-box-section.is-straight .glass {
        transform: rotate(0deg) !important;
        margin: 0 !important;
    }

    body.home .glass-box-section .guten-icon-box .icon-box.icon-box-body .title {
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(14px, 1.6vw, 16px) !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    body.home .glass-box-section .text-content-inner,
    body.home .glass-box-section .icon-box-description,
    body.home .glass-box-section .list-text {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    body.home .container .glass .guten-inner-wrap {
        padding: 24px 16px !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Why Choose cards — prevent text/UI break */
    body.home .guten-r4dOqE .guten-icon-box .title,
    body.home .guten-r4dOqE .guten-icon-box .icon-box-description,
    body.home .guten-XVqyur .title,
    body.home .guten-2akE1f .title,
    body.home .guten-UCZ10U .title {
        max-width: 100% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
    }

    body.home .guten-r4dOqE .guten-column-wrapper,
    body.home .guten-XVqyur>.guten-column-wrapper,
    body.home .guten-2akE1f>.guten-column-wrapper,
    body.home .guten-UCZ10U>.guten-column-wrapper {
        overflow: hidden !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        box-sizing: border-box !important;
    }



    /* —— Metric strip: 4-col in single row across —— */
    body.home .guten-0Eyb7p,
    body.home .guten-OOav7S,
    body.home .guten-0Eyb7p .guten-column-wrapper,
    body.home .guten-OOav7S .guten-column-wrapper {
        overflow: visible !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.home .guten-0Eyb7p {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        padding-left: clamp(12px, 2vw, 24px) !important;
        padding-right: clamp(12px, 2vw, 24px) !important;
    }

    body.home .guten-0Eyb7p .guten-container,
    body.home .guten-OOav7S .guten-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.home .guten-OOav7S>.guten-container>.guten-column,
    body.home .guten-OOav7S .guten-1wvExh,
    body.home .guten-OOav7S .guten-KbpS89,
    body.home .guten-OOav7S .guten-0Bg83h,
    body.home .guten-OOav7S .guten-8vVjwf {
        width: 25% !important;
        flex: 1 1 25% !important;
        max-width: 25% !important;
        box-sizing: border-box !important;
    }

    body.home .guten-OOav7S .guten-fun-fact {
        width: 100% !important;
        text-align: center !important;
        background-position: bottom center !important;
        background-repeat: no-repeat !important;
        background-size: 10px !important;
        padding-bottom: 28px !important;
    }

    body.home .guten-OOav7S .guten-fun-fact .fun-fact-inner {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    body.home .guten-OOav7S .number-wrapper {
        justify-content: center !important;
        font-size: clamp(22px, 3.2vw, 36px) !important;
        margin-bottom: 6px !important;
    }

    body.home .guten-OOav7S .guten-fun-fact .title {
        font-size: clamp(12px, 1.4vw, 15px) !important;
        white-space: nowrap !important;
    }

    body.home .guten-OOav7S .guten-column-wrapper {
        margin-bottom: 0 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    /* —— Testimonials —— */
    body.home .section-wrapper[data-id="p4Ctvy"],
    body.home .guten-p4Ctvy,
    body.home .guten-p4Ctvy>.guten-container,
    body.home .guten-3Xmvkj,
    body.home .guten-3Xmvkj>.guten-column-wrapper,
    body.home .section-wrapper[data-id="UEAMGP"],
    body.home .guten-UEAMGP,
    body.home .guten-UEAMGP>.guten-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home .guten-element.guten-p4Ctvy {
        padding-left: clamp(16px, 3vw, 32px) !important;
        padding-right: clamp(16px, 3vw, 32px) !important;
        padding-bottom: 40px !important;
    }

    body.home .guten-element.guten-UEAMGP {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 auto !important;
    }

    body.home .guten-OXwnP7 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.home .guten-OXwnP7>.guten-column-wrapper {
        border-style: solid !important;
        border-width: 2px !important;
        border-color: rgba(106, 133, 136, 1) !important;
        border-radius: clamp(40px, 6vw, 60px) !important;
        padding-top: 40px !important;
        padding-bottom: 50px !important;
        padding-left: clamp(20px, 4vw, 40px) !important;
        padding-right: clamp(20px, 4vw, 40px) !important;
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.home .guten-bMTRue {
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    body.home #guten-Icnedu.swiper-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 40px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.home .guten-Icnedu div.swiper-button-prev,
    body.home .guten-Icnedu div.swiper-button-next,
    body.home #guten-Icnedu .swiper-button-prev,
    body.home #guten-Icnedu .swiper-button-next {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    /* —— FAQ tilted cards: web-like fan, readable text, no scroll —— */
    body.home .section-wrapper[data-id="Wsw8w9"],
    body.home .guten-Wsw8w9,
    body.home .guten-Wsw8w9>.guten-container,
    body.home .guten-fgAyUu,
    body.home .guten-fgAyUu>.guten-column-wrapper {
        overflow: hidden !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.home .guten-Wsw8w9 {
        padding-left: clamp(12px, 2vw, 24px) !important;
        padding-right: clamp(12px, 2vw, 24px) !important;
        padding-bottom: 40px !important;
        padding-top: 24px !important;
    }

    body.home .guten-Wsw8w9>.guten-container,
    body.home .guten-fgAyUu>.guten-column-wrapper {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-YKuOzx,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-33zCYf,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-30SCU4,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-TRE3Ro,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        width: 19% !important;
        max-width: 19% !important;
        min-width: 0 !important;
        margin: 0 -4px !important;
        display: block !important;
        flex: 1 1 19% !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        transition: transform 0.4s ease, z-index 0s !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .guten-icon-box-wrapper {
        min-height: 220px !important;
        height: auto !important;
        padding: 36px 14px 28px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        text-align: center !important;
        justify-content: flex-start !important;
        transition: padding 0.4s ease, min-height 0.4s ease !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .icon-box.icon-box-body {
        text-align: center !important;
        width: 100% !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .icon-box.icon-box-body .title {
        font-size: clamp(12px, 1.45vw, 15px) !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
        text-align: center !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .icon-box-description {
        font-size: clamp(11px, 1.2vw, 13px) !important;
        line-height: 1.4 !important;
        margin-bottom: -80px !important;
        text-align: center !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
    }

    /* Soften tilt so corners stay inside viewport */
    body.home .guten-Wsw8w9 .guten-icon-box.guten-YKuOzx {
        transform: rotate(8deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-33zCYf {
        transform: rotate(-6deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-30SCU4 {
        transform: rotate(5deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-TRE3Ro {
        transform: rotate(-7deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        transform: rotate(6deg) !important;
    }

    /* Touch open class (hover devices keep :hover from base CSS) */
    body.home .guten-Wsw8w9 .guten-icon-box.is-open {
        transform: rotate(0deg) !important;
        z-index: 6 !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.is-open .guten-icon-box-wrapper {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.is-open .icon-box-description {
        color: var(--wp--preset--color--theme-2, #ffffff) !important;
        margin-bottom: 0 !important;
        opacity: 1 !important;
    }

    /* True hover devices — keep native expand */
    @media (hover: hover) and (pointer: fine) {
        body.home .guten-Wsw8w9 .guten-icon-box:hover {
            transform: rotate(0deg) !important;
            z-index: 6 !important;
        }

        body.home .guten-Wsw8w9 .guten-icon-box:hover .guten-icon-box-wrapper {
            padding-top: 28px !important;
            padding-bottom: 28px !important;
            min-height: 0 !important;
            overflow: visible !important;
        }

        body.home .guten-Wsw8w9 .guten-icon-box:hover .icon-box-description {
            margin-bottom: 0 !important;
        }
    }

    /* —— Footer: 3-col side-by-side matching all pages —— */
    body.home .guten-EZ9zNN,
    body.home .guten-EZ9zNN .guten-column-wrapper,
    body.home .guten-2QbMtZ .guten-column-wrapper {
        overflow: visible !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.home .guten-2QbMtZ>.guten-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 0 !important;
        padding: 40px 24px !important;
        overflow: visible !important;
    }

    /* Column 1 (logo + contact info): ~40% width */
    body.home .guten-2QbMtZ .guten-mOuyIE {
        flex: 0 0 40% !important;
        max-width: 40% !important;
        width: 40% !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body.home .guten-mOuyIE>.guten-column-wrapper,
    body.home .guten-mOuyIE>.sticky-wrapper>.guten-column-wrapper {
        overflow: visible !important;
        height: auto !important;
        padding: 0 20px 0 0 !important;
        margin-bottom: 0 !important;
    }

    /* Column 2 (Quick Links): ~25% width */
    body.home .guten-2QbMtZ .guten-cC7xJD {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body.home .guten-cC7xJD>.guten-column-wrapper,
    body.home .guten-cC7xJD>.sticky-wrapper>.guten-column-wrapper {
        overflow: visible !important;
        height: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Column 3 (Get Started): ~35% width */
    body.home .guten-2QbMtZ .guten-zHh2hT {
        flex: 1 1 auto !important;
        max-width: none !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    body.home .guten-zHh2hT>.guten-column-wrapper,
    body.home .guten-zHh2hT>.sticky-wrapper>.guten-column-wrapper {
        overflow: visible !important;
        height: auto !important;
        padding-top: 0 !important;
        padding-left: 16px !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    body.home .guten-dos0Cm>.guten-column-wrapper {
        padding-left: 24px !important;
        padding-right: 24px !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.home .guten-5JDVbI,
    body.home .guten-5JDVbI .text-content-inner,
    body.home .guten-5JDVbI p {
        text-align: left !important;
        margin-left: 0 !important;
    }

    body.home .guten-WTEw4i {
        justify-content: flex-start !important;
        margin-left: 0 !important;
    }

    body.home .guten-EZ9zNN.guten-element {
        padding-left: clamp(16px, 3vw, 32px) !important;
        padding-right: clamp(16px, 3vw, 32px) !important;
    }

    /* Accordion / steps */
    body.home .guten-accordion,
    body.home .accordion-item {
        max-width: 100% !important;
    }

    body.home .accordion-heading {
        min-height: 44px !important;
    }

    body.home .swiper-container {
        max-width: 100% !important;
        overflow: hidden !important;
    }
}

/* —— Tablet portrait: tighter fan, stack if needed —— */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    body.home .guten-qHxwUo .heading-title,
    body.home .guten-qHxwUo .heading-title .heading-title {
        font-size: clamp(34px, 5.5vw, 46px) !important;
    }

    body.home .container.glass-box-section .glass,
    body.home .glass-box-section .glass {
        width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        min-height: 340px !important;
    }

    /* FAQ: vertical stack like web cards, readable + centered */
    body.home .guten-Wsw8w9>.guten-container,
    body.home .guten-fgAyUu>.guten-column-wrapper {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 16px !important;
        overflow: visible !important;
    }

    body.home .section-wrapper[data-id="Wsw8w9"],
    body.home .guten-Wsw8w9,
    body.home .guten-fgAyUu>.guten-column-wrapper {
        overflow: visible !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-YKuOzx,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-33zCYf,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-30SCU4,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-TRE3Ro,
    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        width: min(420px, 88%) !important;
        max-width: min(420px, 88%) !important;
        flex: 0 0 auto !important;
        margin: 0 auto -28px !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        margin-bottom: 8px !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .guten-icon-box-wrapper {
        padding: 36px 28px 32px !important;
        min-height: 0 !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .icon-box.icon-box-body .title {
        font-size: clamp(16px, 2.2vw, 18px) !important;
        text-align: center !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .icon-box-description {
        font-size: 14px !important;
        margin-bottom: 0 !important;
        color: var(--wp--preset--color--theme-2, #ffffff) !important;
        opacity: 0.95 !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-YKuOzx {
        transform: rotate(4deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-33zCYf {
        transform: rotate(-3deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-30SCU4 {
        transform: rotate(3deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-TRE3Ro {
        transform: rotate(-4deg) !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box.guten-rnUfAH {
        transform: rotate(2deg) !important;
    }

    body.home .guten-r4dOqE .guten-XVqyur,
    body.home .guten-r4dOqE .guten-2akE1f,
    body.home .guten-r4dOqE .guten-UCZ10U {
        width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }

    body.home .guten-wNSSVC,
    body.home .guten-element.guten-wNSSVC {
        margin-bottom: -24px !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

/* —— Tablet landscape: room for 3 Why-Choose + fan FAQ + full product image —— */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    body.home .guten-r4dOqE .guten-XVqyur,
    body.home .guten-r4dOqE .guten-2akE1f,
    body.home .guten-r4dOqE .guten-UCZ10U {
        width: calc(33.33% - 14px) !important;
        flex: 0 0 calc(33.33% - 14px) !important;
        max-width: calc(33.33% - 14px) !important;
    }

    body.home .container.glass-box-section .glass,
    body.home .glass-box-section .glass {
        width: calc(50% - 14px) !important;
        max-width: 340px !important;
        min-height: 320px !important;
    }

    body.home .guten-Wsw8w9 .guten-icon-box .guten-icon-box-wrapper {
        padding: 28px 12px 24px !important;
    }

    body.home .guten-wNSSVC,
    body.home .guten-element.guten-wNSSVC {
        margin-bottom: -32px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    /* Footer can stay 3-col in landscape when width allows */
    body.home .guten-2QbMtZ .guten-mOuyIE,
    body.home .guten-2QbMtZ .guten-cC7xJD,
    body.home .guten-2QbMtZ .guten-zHh2hT {
        width: 33.33% !important;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
}

/* iPad Pro landscape edge (~1180) — soft landing between tablet and desktop */
@media screen and (min-width: 1025px) and (max-width: 1180px) {

    body.home .container.glass-box-section,
    body.home .glass-box-section.container {
        gap: 20px !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    body.home .container.glass-box-section .glass,
    body.home .glass-box-section .glass {
        width: min(320px, calc(50% - 12px)) !important;
        max-width: 320px !important;
        height: auto !important;
        min-height: 360px !important;
    }

    body.home .guten-OOav7S>.guten-container>.guten-column,
    body.home .guten-OOav7S .guten-1wvExh,
    body.home .guten-OOav7S .guten-KbpS89,
    body.home .guten-OOav7S .guten-0Bg83h,
    body.home .guten-OOav7S .guten-8vVjwf {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}