:root {
            --primary: #3188F4;
            --heading: #1F2024;
            --body: #6A7384;
            --white: #FFFFFF
        }

        *,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        body {
            font-family: 'Manrope', sans-serif;
            color: var(--body);
            overflow-x: auto;
            scrollbar-gutter: stable;
            line-height: 1.6
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 13.8px 26px;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 700;
            font-family: 'Manrope', sans-serif;
            cursor: pointer;
            text-decoration: none;
            transition: background-color .25s ease, transform .2s ease, box-shadow .25s ease;
            border: none;
            white-space: nowrap;
            width: auto
        }

        .btn-primary {
            background: var(--primary);
            color: var(--white)
        }

        .hero {
            position: relative;
            min-height: 570px;
            overflow: hidden;
            display: flex;
            align-items: center;
            background: linear-gradient(103deg, #ffffff 45%, rgba(255, 255, 255, 0) 65%, #EBF3FE 100%);
            isolation: isolate;
        }

        .hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            -webkit-mask-image: linear-gradient(to right, transparent 38%, black 58%);
            mask-image: linear-gradient(to right, transparent 38%, black 58%)
        }

        .hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 90% 35%;
        }

        .hero-title {
            font-size: 44px;
            font-weight: 800;
            line-height: 60px;
            color: var(--heading);
            margin-bottom: 8px;
            text-align: left;
        }

        .hero-subtitle {
            font-size: 44px;
            font-weight: 800;
            color: var(--primary);
            margin-bottom: 20px;
            margin-left: 0px;
            line-height: 60px;
            position: relative;
        }

        .hero-awards {
            display: flex;
            align-items: center;
            gap: 17px;
            margin-bottom: 32px;
            flex-wrap: wrap;
            position: relative;
            top: 3px;
        }

        .award-item {
            display: flex;
            align-items: center;
            gap: 4px;
            margin-right: 0px
        }

        .award-img {
            width: 63px;
            height: 63px;
            object-fit: contain
        }

        .award-img-wide {
            width: 76px;
            height: 53px;
            object-fit: contain;
            vertical-align: middle;
            display: block;
            margin: 0 auto
        }

        .award-text {
            font-size: 14px;
            font-weight: 500;
            color: #4E4E4E;
            max-width: 95px;
            line-height: 1;
            position: relative;
            left: 1px;
        }

        .hero-cta {
            margin-bottom: 40px;
            margin-left: 4px
        }

        .hero-cta .btn {
            width: 199.94px;
            height: 56px;
            padding: 0px 36px;
        }

        *,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        :root {
            --primary: #3188F4;
            --primary-hover: #2570D4;
            --dark-navy: #1A2845;
            --heading: #1F2024;
            --body-alt: #383E48;
            --body: #6A7384;
            --featured-bg: #F2F8FF;
            --testimonial-text: #DEEBFF;
            --muted: #B7B7B7;
            --teal: #229D7A;
            --purple: #9C41A2;
            --indigo: #5261FF;
            --coral: #FC644B;
            --white: #FFFFFF;
            --max-w: 1260px
        }

        html {
            scroll-behavior: smooth
        }

        body {
            font-family: 'Manrope', sans-serif;
            color: var(--body);
            overflow-x: auto;
            line-height: 1.6
        }

        img {
            max-width: 100%;
            height: auto;
            display: block
        }

        a {
            text-decoration: none;
            color: inherit
        }

        button {
            font-family: inherit;
            cursor: pointer;
            border: none;
            background: none
        }

        .container {
            max-width: var(--max-w);
            margin: 0 auto;
            padding: 0 90px;
            width: 100%
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 13.8px 26px;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 700;
            font-family: 'Manrope', sans-serif;
            cursor: pointer;
            text-decoration: none;
            transition: background-color .25s ease, transform .2s ease, box-shadow .25s ease;
            border: none;
            white-space: nowrap;
            width: auto
        }

        .btn-primary {
            background: var(--primary);
            color: var(--white)
        }

        .btn-primary:hover {
            background: var(--primary-hover);
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(49, 136, 244, .35)
        }

        .badge {
            display: inline-flex;
            align-items: center;
            padding: 3px 20px;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 800;
            border: 2px solid;
            color: var(--heading);
            background: transparent;
            letter-spacing: 0.1px;
            align-self: flex-start;
            width: fit-content
        }

        .badge-limit {
            display: inline-flex !important;
            align-items: center !important;
            padding: 1px 21px !important
        }

        .badge-protect {
            display: inline-flex !important;
            align-items: center !important;
            padding: 2px 12px !important;
            border-radius: 6px !important;
            font-size: 16px !important;
            font-weight: 800 !important;
            border: 2px solid !important;
            background: transparent !important;
            letter-spacing: 0.1px !important;
            align-self: flex-start !important;
            width: fit-content !important
        }

        .badge-monitor {
            display: inline-flex !important;
            align-items: center !important;
            padding: 1px 12px !important
        }

        .badge-collaborate {
            display: inline-flex !important;
            align-items: center !important
        }

        .badge-teal {
            border-color: #229D7A;
            color: #229D7A
        }

        .badge-purple {
            border-color: #9C41A2;
            color: #9C41A2
        }

        .badge-indigo {
            border-color: #5261FF;
            color: #5261FF
        }

        .badge-coral {
            border-color: #FC644B;
            color: #FC644B
        }

        .learn-more {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 18px;
            font-weight: 600;
            color: var(--body-alt);
            cursor: pointer;
            transition: gap .2s ease, color .2s ease;
            text-decoration: none;
            margin-top: 0 !important;
            padding-top: 0 !important
        }

        .learn-more:hover {
            gap: 10px;
            color: var(--primary)
        }

        .learn-more:hover .learn-more-arrow {
            filter: invert(40%) sepia(90%) saturate(500%) hue-rotate(190deg) brightness(100%) contrast(100%)
        }

        .learn-more-arrow {
            width: 7px;
            height: 12px;
            flex-shrink: 0
        }

        .fade-in {
            opacity: 0;
            transform: translateY(24px);
            transition: opacity .65s ease, transform .65s ease
        }

        .fade-in.visible {
            opacity: 1;
            transform: none;
            padding-bottom: 10px !important
        }

        .hero-content.fade-in {
            transition: none;
        }

        .hero {
            position: relative;
            min-height: 570px;
            overflow: hidden;
            display: flex;
            align-items: center;
            background: linear-gradient(103deg, #ffffff 45%, rgba(255, 255, 255, 0) 65%, #EBF3FE 100%);
            isolation: isolate;
        }

        .hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            -webkit-mask-image: linear-gradient(to right, transparent 38%, black 58%);
            mask-image: linear-gradient(to right, transparent 38%, black 58%)
        }

        .hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 90% 35%;
        }

        .hero .container {
            position: relative;
            z-index: 2;
            padding-top: 64px;
            padding-bottom: 52px
        }

        .hero-content {
            max-width: 650px;
            margin-left: 60px !important
        }

        .hero-title {
            font-size: 44px;
            font-weight: 800;
            line-height: 60px;
            color: var(--heading);
            margin-bottom: 8px;
            text-align: left
        }

        .title-desktop-br {
            display: block;
            height: 12px;
            content: ""
        }

        .title-mobile-br,
        .title-tablet-br {
            display: none
        }

        .desc-desktop-br {
            display: block
        }

        .desc-mobile-br {
            display: none
        }

        .hero-subtitle {
            font-size: 44px;
            font-weight: 800;
            color: var(--primary);
            margin-bottom: 20px;
            margin-left: 0px;
            line-height: 1.2;
        }

        .hero-desc {
            font-size: 18px;
            font-weight: 600;
            color: #616b7b;
            padding-top: 3px;
            margin-bottom: 28px;
            margin-left: 0px;
            line-height: 24px;
        }

        .hero-awards-label {
            font-size: 16px;
            font-weight: 700;
            color: #4E4E4E;
            margin-left: 0px;
            margin-bottom: 2px;
            margin-top: -3px;
        }

        .hero-awards {
            display: flex;
            align-items: center;
            gap: 17px;
            margin-bottom: 32px;
            flex-wrap: wrap;
            position: relative;
            top: 3px;
        }

        .award-item {
            display: flex;
            align-items: center;
            gap: 4px;
            margin-right: 0px
        }

        .award-img {
            width: 63px;
            height: 63px;
            object-fit: contain
        }

        .award-img-wide {
            width: 76px;
            height: 53px;
            object-fit: contain;
            vertical-align: middle;
            display: block;
            margin: 0 auto
        }

        .award-text {
            font-size: 14px;
            font-weight: 500;
            color: #4E4E4E;
            max-width: 95px;
            line-height: 1;
            position: relative;
            left: 1px;
        }

        .hero-cta-row {
            padding-top: 6px;
            margin-top: 14px;
            margin-left: -4px;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 4px;
            flex-wrap: wrap
        }

        .hero-cta .btn {
            width: 199.94px;
            height: 56px;
            padding: 0px 36px;
        }

        .store-btn-link {
            display: inline-flex;
            align-items: center;
            flex-shrink: 0;
            line-height: 0
        }

        .store-btn-link img {
            margin-left: 6px;
            margin-top: 6px;
            width: 168px;
            height: 56px;
            object-fit: contain;
            display: block;
            border-radius: 8px;
            position: relative;
            top: 2px;
        }

        .hero-divider {
            display: none
        }

        .platform-icons {
            display: flex;
            align-items: center;
            gap: 24px;
            margin-bottom: 8px;
            margin-left: 4px;
        }

        .platform-icon {
            display: block;
            object-fit: contain
        }

        .platform-icon-ios {
            width: 19.5px;
            height: 24px
        }

        .platform-icon-android {
            width: 21px;
            height: 24px
        }

        .platform-icon-macos {
            width: 24px;
            height: 24px
        }

        .platform-icon-windows {
            width: 22px;
            height: 22px
        }

        .platform-icon-chromebook {
            width: 33px;
            height: 24px
        }

        .platform-icon-kindle {
            width: 32px;
            height: 24px
        }

        .platform-text {
            font-size: 12px;
            font-weight: 500;
            color: #616B7B;
            margin-left: 2px;
            margin-bottom: 34px;
            letter-spacing: 0.4px;
            position: relative;

        }

        .features-overview {
            background: #f2f8ff;
            padding: 72px 9px 72px;
            min-height: 440px;
            box-sizing: border-box;
            min-width: 1024px;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        .features-overview::-webkit-scrollbar {
            display: none
        }

        .features-overview-title {
            font-family: 'Manrope', sans-serif;
            font-size: 34px;
            font-weight: 800;
            line-height: 44px;
            letter-spacing: 0.7px;
            color: var(--heading);
            text-align: center;
            margin-bottom: 35px;
            width: 1083.99px
        }

        .feature-tabs-row {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            width: 100%;
            flex-wrap: nowrap;
            min-width: 1083px;
            gap: 0px
        }

        .feature-tab-connector {
            flex: 1;
            height: 60px;
            margin-top: 6px;
            background-image: url("data:image/svg+xml,%3Csvg width='239' height='35' viewBox='0 0 239 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9189 32.5986C33.2117 32.6191 34.538 32.6225 35.8945 32.6104L35.9131 34.6104C34.5401 34.6227 33.1973 34.6184 31.8877 34.5977L31.9189 32.5986ZM43.9629 34.3682C42.6032 34.4359 41.263 34.49 39.9453 34.5303L39.8838 32.5312C41.1886 32.4913 42.5162 32.4372 43.8633 32.3701L43.9629 34.3682ZM23.9922 32.2314C25.262 32.3347 26.5818 32.4167 27.9482 32.4785L27.8574 34.4766C26.4676 34.4137 25.1242 34.3298 23.8301 34.2246L23.9922 32.2314ZM51.9717 33.8301C50.6236 33.9427 49.2872 34.0438 47.9648 34.1328L47.8301 32.1377C49.1417 32.0494 50.4681 31.9496 51.8057 31.8379L51.9717 33.8301ZM16.165 31.21C17.3816 31.4437 18.6794 31.6485 20.0537 31.8242L19.7998 33.8076C18.3851 33.6267 17.0461 33.4157 15.7871 33.1738L16.165 31.21ZM59.958 33.042C58.6229 33.1937 57.292 33.335 55.9688 33.4658L55.7725 31.4756C57.086 31.3457 58.4069 31.2053 59.7324 31.0547L59.958 33.042ZM4.05664 33.1875L0.0585938 33.3037L0 31.3047L3.99805 31.1885L4.05664 33.1875ZM12.0752 32.8926L9.3252 33.0322L8.05469 33.0703L7.99707 31.0713L9.17285 31.0371L11.9688 30.8955L12.0752 32.8926ZM186.233 32.5635C184.905 32.5904 183.563 32.6025 182.21 32.6006L182.213 30.6006C183.551 30.6024 184.878 30.5901 186.192 30.5635L186.233 32.5635ZM67.9268 32.0225C66.6023 32.2108 65.2758 32.3899 63.9502 32.5596L63.6963 30.5752C65.0127 30.4067 66.3302 30.229 67.6455 30.042L67.9268 32.0225ZM174.242 30.4287C175.576 30.4836 176.902 30.525 178.221 30.5537L178.178 32.5537C176.846 32.5247 175.506 32.4822 174.16 32.4268L174.242 30.4287ZM194.269 32.2119C192.946 32.3026 191.606 32.3777 190.249 32.4365L190.162 30.4385C191.502 30.3803 192.826 30.3063 194.132 30.2168L194.269 32.2119ZM166.277 29.9531C167.604 30.0565 168.93 30.1475 170.251 30.2266L170.131 32.2236C168.798 32.1439 167.461 32.0516 166.122 31.9473L166.277 29.9531ZM202.302 31.4355C200.99 31.6021 199.654 31.7502 198.297 31.8809L198.105 29.8906C199.443 29.7619 200.759 29.6151 202.051 29.4512L202.302 31.4355ZM158.345 29.1943C159.663 29.3437 160.985 29.4819 162.308 29.6084L162.117 31.5996C160.783 31.472 159.449 31.3323 158.119 31.1816L158.345 29.1943ZM75.8633 30.7793C74.5507 31.004 73.2294 31.2209 71.9023 31.4287L71.5928 29.4521C72.9104 29.2459 74.2223 29.0317 75.5254 28.8086L75.8633 30.7793ZM210.24 30.1484C208.946 30.4082 207.62 30.647 206.267 30.8652L205.948 28.8906C207.277 28.6764 208.577 28.4422 209.847 28.1875L210.24 30.1484ZM150.439 28.1592C151.746 28.3539 153.062 28.5377 154.385 28.7109L154.125 30.6943C152.791 30.5196 151.464 30.3332 150.146 30.1367L150.439 28.1592ZM83.7529 29.3076C82.454 29.5707 81.139 29.8266 79.8105 30.0742L79.4434 28.1074C80.7619 27.8617 82.0676 27.6087 83.3564 27.3477L83.7529 29.3076ZM142.597 26.8438C143.887 27.0852 145.194 27.3168 146.514 27.5381L146.183 29.5107C144.85 29.2874 143.531 29.0534 142.229 28.8096L142.597 26.8438ZM218.101 28.2002C216.838 28.5805 215.535 28.9359 214.194 29.2666L213.715 27.3252C215.024 27.0024 216.294 26.6556 217.524 26.2852L218.101 28.2002ZM91.6045 27.5791C90.3241 27.8853 89.018 28.1843 87.6895 28.4766L87.2598 26.5234C88.5767 26.2338 89.8711 25.9372 91.1396 25.6338L91.6045 27.5791ZM134.822 25.2227C136.091 25.5159 137.387 25.8008 138.706 26.0752L138.298 28.0332C136.965 27.7559 135.655 27.4684 134.372 27.1719L134.822 25.2227ZM225.743 25.373C224.539 25.916 223.281 26.4287 221.973 26.9102L221.282 25.0332C222.547 24.5679 223.761 24.0739 224.921 23.5508L225.743 25.373ZM99.3848 25.5439C98.1283 25.9038 96.8326 26.2582 95.502 26.6055L94.9971 24.6699C96.3127 24.3266 97.593 23.9766 98.834 23.6211L99.3848 25.5439ZM127.109 23.2344C128.345 23.59 129.624 23.9377 130.94 24.2764L130.442 26.2139C129.108 25.8706 127.811 25.5171 126.557 25.1562L127.109 23.2344ZM107.064 23.0967C105.849 23.5307 104.572 23.9589 103.239 24.3818L102.635 22.4756C103.945 22.0597 105.199 21.6388 106.392 21.2129L107.064 23.0967ZM119.574 20.7715C120.75 21.2114 121.996 21.6458 123.308 22.0723L122.689 23.9746C121.351 23.5393 120.077 23.095 118.873 22.6445L119.574 20.7715ZM232.872 21.3604C231.785 22.1265 230.625 22.8527 229.395 23.54L228.419 21.7949C229.59 21.1409 230.69 20.4509 231.72 19.7256L232.872 21.3604ZM111.439 19.2793C112.116 19.6637 112.85 20.044 113.635 20.4248C112.761 20.8353 111.831 21.2443 110.847 21.6494L110.085 19.7998C110.565 19.6024 111.03 19.4023 111.481 19.2041L111.439 19.2793ZM113.683 18.2129C114.376 18.5689 115.12 18.9276 115.916 19.2822L115.103 21.1094C114.594 20.8829 114.105 20.6531 113.635 20.4248C113.95 20.2768 114.258 20.1291 114.559 19.9805L113.683 18.2129ZM112.428 17.54C112.815 17.7599 113.224 17.9772 113.651 18.1973C112.97 18.5343 112.245 18.8688 111.481 19.2041L112.428 17.54ZM238.948 15.7598C238.095 16.815 237.144 17.8205 236.099 18.7764L234.749 17.2998C235.722 16.4106 236.603 15.478 237.393 14.502L238.948 15.7598ZM113.683 18.2129C113.672 18.2076 113.662 18.2026 113.651 18.1973C113.658 18.1941 113.665 18.1916 113.671 18.1885L113.683 18.2129ZM121.453 15.2373C120.636 16.153 119.535 17.056 118.164 17.9502L117.072 16.2754C118.306 15.4711 119.273 14.6763 119.961 13.9053L121.453 15.2373ZM107.217 12.4824C107.399 12.8943 107.614 13.3117 107.859 13.7324C108.176 14.2724 108.649 14.8183 109.298 15.3877L107.979 16.8906C107.179 16.189 106.569 15.484 106.134 14.7432C105.85 14.2571 105.602 13.773 105.389 13.292L107.217 12.4824ZM123.208 6.78027C123.446 8.07076 123.471 9.50846 123.274 11.085L121.29 10.8379C121.462 9.45722 121.441 8.22402 121.241 7.14355L123.208 6.78027ZM107.413 5.64746C106.785 6.63892 106.445 7.75353 106.429 8.95996L104.429 8.93262C104.45 7.35168 104.9 5.8763 105.724 4.57617L107.413 5.64746ZM117.452 0.223633C118.984 0.661844 120.314 1.48389 121.323 2.66309L119.804 3.96387C119.057 3.09186 118.068 2.4798 116.902 2.14648L117.452 0.223633ZM113.341 1.97461C112.141 2.16778 110.97 2.59608 109.945 3.21875L108.906 1.50977C110.153 0.752043 111.569 0.234042 113.022 0L113.341 1.97461Z' fill='%23B6C1CE'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100% 100%;
            margin-left: -100px;
            margin-right: -100px;
            flex-shrink: 0;
            z-index: 0
        }

        .feature-tab {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            flex: 0 0 240px;
            min-width: 240px;
            max-width: 240px;
            text-align: center;
            padding: 0 8px;
            transition: opacity .3s ease;
            position: relative;
            z-index: 1
        }

        .feature-tab.inactive {
            opacity: 1
        }

        .feature-tab.active {
            opacity: 1
        }

        .feature-tab-icon {
            width: 72px;
            height: 72px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            margin-bottom: 16px
        }

        .feature-tab-icon img {
            width: 72px;
            height: 72px;
            object-fit: contain
        }

        .feature-tab-title {
            font-size: 24px;
            font-weight: bold;
            color: var(--heading);
            width: 100%;
            text-align: center
        }

        .feature-tab-desc {
            font-size: 18px;
            font-weight: 500;
            line-height: 26x;
            color: var(--body-alt);
            text-align: center;
            width: 253px
        }

        .testimonials {
            background: var(--dark-navy);
            padding: 72px 0
        }

        .testimonials-title {
            font-size: 34px;
            font-weight: 800;
            line-height: 44px;
            color: var(--white);
            text-align: center;
            margin-bottom: 40px
        }

        .testimonials-inner {
            position: relative;
            padding-bottom: 46px
        }

        .testimonials-inner>.quote-open {
            width: 38px !important;
            height: 38px !important;
            min-height: 38px !important;
            margin-bottom: 28px !important;
            filter: none;
            display: block
        }

        .testimonials-inner>.quote-close {
            width: 38px !important;
            height: 38px !important;
            min-height: 38px !important;
            display: block;
            position: absolute;
            bottom: 0;
            right: 36px;
            transform: translateY(-8px)
        }

        .testimonial-item .quote-open,
        .testimonial-item .quote-close {
            display: none
        }

        .testimonials-grid {
            display: grid;
            grid-template-columns: 518px 518px;
            gap: 48px;
            margin-bottom: 0
        }

        .testimonial-dots {
            display: none
        }

        .testimonial-text {
            font-size: 20px !important;
            font-weight: 400 !important;
            line-height: 32px !important;
            color: #DEEBFF !important;
            opacity: 1 !important;
            margin-bottom: 24px;
            max-width: 518px !important;
        }


        .testimonial-meta {
            display: flex;
            flex-direction: column;
            gap: 2px
        }

        .testimonial-name {
            font-size: 16px;
            font-weight: 500;
            color: var(--muted)
        }

        .testimonial-store-row {
            display: flex;
            align-items: center;
            margin-top: 0px;
            gap: 0
        }

        .testimonial-store {
            display: none
        }

        .testimonial-store-row img {
            height: 20px;
            width: auto;
            display: block
        }

        .rating_container {
            display: flex;
            align-items: center;
            gap: 1px;
            margin-top: 1px
        }

        .review_star {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            padding: 0
        }

        .review_star img {
            width: 18px;
            height: 16px;
            display: block;
            object-fit: contain
        }

        .featured-on {
            background: var(--featured-bg);
            padding: 52px 0px;
            overflow: hidden
        }

        .featured-on-title {
            font-size: 34px;
            font-weight: 800;
            color: var(--heading);
            text-align: center;
            margin-bottom: 30px
        }

        .featured-on-logos {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            max-width: 1150px;
            margin: 24px 35px auto;
            gap: 32px;
            flex-wrap: nowrap;
            padding: 0 20px;
            box-sizing: border-box
        }

        .featured-on-logos img {
            display: block;
            object-fit: contain;
            flex-shrink: 0;
            height: 59px;
            width: auto
        }

        .media-logo-box {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 90px;
            padding: 0 12px;
            transition: opacity .2s ease, transform .2s ease;
            flex: 1;
            min-width: 80px
        }

        .media-logo-box:hover {
            opacity: .65;
            transform: scale(1.04)
        }

        .ml-cnn {
            font-size: 40px;
            font-weight: 900;
            color: #CC0000;
            letter-spacing: -1px;
            font-style: italic
        }

        .ml-topten {
            font-size: 15px;
            font-weight: 700;
            color: #222;
            text-align: center;
            line-height: 1.25;
            border: 1.5px solid #222;
            padding: 4px 8px
        }

        .ml-eyewitness {
            font-size: 14px;
            font-weight: 800;
            color: #111;
            text-align: center;
            text-transform: uppercase;
            line-height: 1.2
        }

        .ml-today {
            font-size: 38px;
            font-weight: 900;
            color: #222;
            letter-spacing: 1px
        }

        .ml-nyt {
            font-size: 18px;
            font-weight: 700;
            color: #111;
            font-style: italic;
            white-space: nowrap
        }

        .ml-pc {
            font-size: 44px;
            font-weight: 900;
            color: #111;
            border: 3px solid #111;
            padding: 0 6px;
            line-height: 1
        }

        .ml-techradar {
            font-size: 18px;
            font-weight: 800;
            color: #111;
            letter-spacing: 0.5px
        }

        .ml-fox {
            font-size: 30px;
            font-weight: 900;
            color: #003087;
            letter-spacing: 1px
        }

        .feature-section {
            padding: 40px 0;
            background: #ffffff;
            overflow: hidden
        }

        .feature-section .container {
            display: flex;
            align-items: stretch;
            gap: 30px
        }

        .feature-content {
            flex: 0 0 45%;
            max-width: 486px;
            display: flex;
            flex-direction: column;
            gap: 32px
        }

        .feature-section .feature-content {
            padding-top: 40px !important
        }

        .feature-section.reverse .feature-content {
            padding-top: 32px !important;
            padding-bottom: 120px !important
        }

        .feature-section.reverse .feature-image-col {
            align-self: stretch !important;
            height: auto !important;
            min-height: 100% !important;
            flex: 1 !important;
            position: relative !important
        }

        .feature-section.reverse .phone-mockup-wrap {
            position: absolute !important;
            inset: 0 !important;
            height: 100% !important;
            min-height: unset !important
        }

        .feature-content .btn {
            align-self: flex-start;
            width: auto;
            padding: 13px 46.5px
        }

        .feature-image-col {
            display: flex;
            flex-direction: column;
            flex: 1;
            align-self: stretch;
            min-height: 540px;
            border-radius: 0px;
            overflow: hidden;
            padding: 0
        }

        .feature-section.reverse .container {
            flex-direction: row-reverse
        }

        .feature-header {
            display: flex;
            flex-direction: column;
            gap: 12px
        }

        .feature-title {
            font-size: 34px;
            font-weight: 800;
            line-height: 44px;
            color: var(--heading);
            letter-spacing: 0.7px
        }

        .feature-body-row {
            display: block
        }

        .mobile-feature-desc {
            display: none
        }

        .feature-list {
            display: flex;
            flex-direction: column;
            gap: 28px;
            width: 393px;
        }

        .feature-list-item {
            display: flex;
            flex-direction: column;
            gap: 0
        }

        .feature-item-header {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 4px
        }

        .feature-item-icon-wrap {
            width: 32px;
            height: 32px;
            border-radius: 0;
            overflow: hidden;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            background: transparent !important
        }

        .feature-item-icon-wrap img {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .feature-item-icon-wrap.teal {
            background: var(--teal)
        }

        .feature-item-icon-wrap.purple {
            background: var(--purple)
        }

        .feature-item-icon-wrap.indigo {
            background: var(--indigo)
        }

        .feature-item-icon-wrap.coral {
            background: var(--coral)
        }

        .feature-item-name {
            font-size: 24px;
            font-weight: 700;
            color: var(--heading)
        }

        .feature-item-desc {
            font-size: 18px;
            font-weight: 500;
            color: var(--body-alt);
            line-height: 1.4;
            margin-bottom: 0
        }

        .partners {
            background: #ffffff;
            padding: 31px 0px;
            text-align: center
        }

        .partners-title {
            font-size: 34px;
            font-weight: 800;
            line-height: 44px;
            color: var(--heading);
            margin-bottom: 48px
        }

        .partners-logos {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 119px
        }

        .partners-logo-item {
            display: block;
            width: 168px;
            height: 36.42px;
            object-fit: contain
        }

        .cta-section {
            background: var(--dark-navy);
            padding: 80px 0;
            text-align: center
        }

        .cta-title {
            font-size: 34px;
            font-weight: 800;
            line-height: 44px;
            color: var(--white);
            margin-bottom: 32px
        }

        .cta-features {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 40px;
            margin-bottom: 40px;
            flex-wrap: wrap
        }

        .cta-feat-item {
            display: flex;
            align-items: center;
            gap: 12px
        }

        .cta-feat-item img {
            width: 24px;
            height: 24px
        }

        .cta-feat-text {
            font-size: 18px;
            font-weight: 500;
            color: var(--testimonial-text)
        }

        .phone-mockup-wrap {
            position: relative;
            flex: 1;
            min-height: 480px;
            width: 100%;
            border-radius: 0px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: flex-start
        }

        .feature-section.reverse .phone-mockup-wrap {
            justify-content: flex-end
        }

        .phone-bg-img {
            position: absolute !important;
            top: 0 !important;
            width: calc(100% + 10px) !important;
            height: 100% !important;
            object-fit: cover !important;
            opacity: 0.95 !important;
            border-radius: 0 !important;
            max-height: none !important
        }

        .phone-fg-img {
            position: relative !important;
            padding-left: 35px;
            z-index: 2 !important;
            margin-top: 40px;
            max-height: 500px !important;
            max-width: 100% !important;
            width: auto !important;
            height: auto !important;
            object-fit: contain !important;
            padding-bottom: 50px
        }

        #section-protect .phone-mockup-wrap {
            position: absolute !important;
            inset: 0 !important;
            height: 100% !important;
            min-height: unset !important;
            max-height: unset !important;
            width: 100% !important
        }

        #section-protect .phone-bg-img {
            width: 100% !important;
            height: 100% !important;
            max-height: unset !important;
            object-fit: cover !important;
            object-position: center top !important
        }

        #section-protect .feature-image-col {
            position: relative !important;
            min-height: unset !important;
            height: auto !important;
            max-height: unset !important;
            align-self: stretch !important;
            flex: 1 !important
        }

        @media (min-width: 1024px) {

            /* 1. HERO CONTAINER CONSOLIDATION */
            .hero {
                min-height: 453px !important;
            }

            .hero-bg {
                /* Retain absolute positioning to fill container edge-to-edge */
                position: absolute !important;
                /* Cover entire hero container bounds with no gaps */
                inset: 0 !important;
                /* Full container width */
                width: 100% !important;
                /* Full container height */
                height: 100% !important;
                -webkit-mask-image: linear-gradient(to right, transparent clamp(35%, 1.2vw + 20%, 38%), black clamp(55%, 1.2vw + 40%, 68%)) !important;
                mask-image: linear-gradient(to right, transparent clamp(35%, 1.2vw + 20%, 38%), black clamp(55%, 1.2vw + 40%, 68%)) !important;
            }

            .hero-bg img {
                /* Fill container width */
                width: 100% !important;
                /* Fill container height */
                height: 100% !important;
                /* Cover container without distortion */
                object-fit: cover !important;
                /* Anchor to right center to reveal full desktop banner artwork without tight top cropping */
                object-position: right center !important;
            }

            .hero .container {
                max-width: 1084px !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                margin: 0 auto !important;
                padding-top: 7px !important;
            }

            .hero-content {
                margin-top: 61px;
                max-width: 650px !important;
                margin-left: 0 !important;
                text-align: left !important;
                align-items: flex-start !important;
                margin-bottom: 26px;
            }

            .hero-title {
                font-size: 44px !important;
                text-align: left !important;
                white-space: normal !important;
            }

            .hero-subtitle {
                font-size: 44px !important;
                text-align: left !important;
            }

            .hero-desc {
                text-align: left !important;
                font-size: 18px !important;
                font-weight: 600;
                color: #616b7b;
                padding-top: 3px;
                margin-bottom: 27px;
                margin-left: 0px;
                line-height: 24px;
            }

            .hero-awards {
                justify-content: flex-start !important;
            }

            .hero-cta {
                text-align: left !important;
            }

            .hero-cta .btn {
                width: auto !important;
                height: 56px !important;
            }

            .hero-cta-row {
                margin-top: 14px !important;
                margin-left: -4px !important;
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                position: relative !important;
                top: 5px !important;
                gap: 4px !important;
                flex-wrap: wrap !important;
            }

            .store-btn-link img {
                margin-left: 6px !important;
                margin-top: 5px !important;
                width: 168px !important;
                height: 56px !important;
                object-fit: contain !important;
                display: block !important;
                border-radius: 8px !important;
                position: relative !important;
                top: 2px !important;
            }

            .platform-icons {
                justify-content: flex-start !important;
                display: flex !important;
                align-items: center !important;
                gap: 24px !important;
                margin-bottom: 10px !important;
                margin-left: 4px !important;
                position: relative !important;
                top: 13px !important;
                left: -4px !important;
            }

            .platform-text {
                text-align: left !important;
                position: relative !important;
                top: 11px !important;
                left: -2px;
            }

            /* 2. GENERAL CONTAINER CONSOLIDATION */
            .container {
                max-width: var(--max-w) !important;
                margin: 0 auto !important;
                padding: 0 clamp(20px, calc(262.3px - 16.827vw), 90px) !important;
                width: 100% !important;
            }

            @media (min-width: 1440px) {
                .container {
                    padding: 0 20px !important;
                }

                #section-limit .phone-mockup-wrap,
                #section-monitor .phone-mockup-wrap {
                    right: -118px !important;
                    width: calc(100% + 178px) !important;
                }
            }

            /* 3. COMMON SECTIONS CONSOLIDATION */
            .features-overview .container,
            .testimonials .container,
            .partners .container,
            .cta-section .container {
                max-width: var(--max-w) !important;
                padding-left: calc(max(0px, 50% - 542px) - max(0px, 50% - 630px)) !important;
                padding-right: 90px !important;
                margin: 0 auto !important;
            }

            .testimonials .container {
                padding-bottom: 50px;
                padding-right: 50px !important;
            }

            .featured-on .container {
                max-width: var(--max-w) !important;
                padding-left: clamp(22px, 2.5vw, 38px) !important;
                padding-right: 90px !important;
                margin: 0 auto !important;
            }

            .testimonials .testimonials-grid {
                gap: 48px !important;
            }

            .testimonials .testimonial-item {
                max-width: 100% !important;
                flex: 1 1 0 !important;
            }

            .features-overview .fade-in.visible {
                margin-left: 0 !important;
            }

            .features-overview-title {
                text-align: center !important;
                width: 100% !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            .features-overview .container {
                padding-left: clamp(64px, 5.5vw, 75px) !important;
                padding-right: 90px !important;
                overflow: visible !important;
                box-sizing: border-box !important;
            }

            .features-overview .feature-tabs-row {
                width: 100% !important;
                justify-content: center !important;
                gap: 0 !important;
                flex-wrap: nowrap !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding: 0 !important;
            }

            .features-overview .feature-tab {
                flex: 0 0 280px !important;
                min-width: 270px !important;
                max-width: 270px !important;
                overflow: hidden !important;
                word-break: break-word !important;
                text-align: center !important;
            }

            .features-overview .feature-tab-connector {
                flex: 0 0 220px !important;
                min-width: 220px !important;
                max-width: 220px !important;
                margin-left: -105px !important;
                margin-right: -105px !important;
                background-size: 100% 100% !important;
                height: 60px !important;
            }

            /* 4. FEATURE / MOCKUP SECTIONS CONSOLIDATION (1025px to 3999px) */
            #section-limit .container,
            #section-monitor .container {
                gap: clamp(40px, 6vw, 90px) !important;
                padding-left: clamp(22px, 2.5vw, 38px) !important;
            }

            #section-protect .container,
            #section-collaborate .container {
                gap: clamp(40px, 6vw, 90px) !important;
            }

            #section-limit .feature-content,
            #section-monitor .feature-content {
                padding-left: 0 !important;
                margin-left: 55px !important;
                flex: 0 0 42% !important;
                max-width: 42% !important;
                margin-top: -14px;
            }

            #section-protect .feature-content,
            #section-collaborate .feature-content {
                padding-right: clamp(0px, 4vw, 70px) !important;
                flex: 0 0 42% !important;
                max-width: 42% !important;
            }

            .feature-list {
                width: 100% !important;
                max-width: 475px !important;
            }

            #section-limit .feature-image-col,
            #section-monitor .feature-image-col {
                position: relative !important;
                flex: 1 !important;
                align-self: stretch !important;
                overflow: visible !important;
                margin-right: 0 !important;
                margin-left: 30px !important;
            }

            #section-protect .feature-image-col,
            #section-collaborate .feature-image-col {
                position: relative !important;
                flex: 1 !important;
                align-self: stretch !important;
                overflow: hidden !important;
                margin-left: -138px !important;
            }

            #section-limit .phone-mockup-wrap,
            #section-monitor .phone-mockup-wrap {
                position: absolute !important;
                top: 0 !important;
                left: -60px !important;
                right: -138px !important;
                bottom: 0 !important;
                width: calc(100% + 198px) !important;
                height: 100% !important;
                min-height: unset !important;
                overflow: hidden !important;
                justify-content: flex-start !important;
            }

            #section-protect .phone-mockup-wrap,
            #section-collaborate .phone-mockup-wrap {
                position: absolute !important;
                inset: 0 !important;
                width: 100% !important;
                height: 100% !important;
                min-height: unset !important;
                overflow: hidden !important;
                justify-content: flex-end !important;
            }

            #section-limit .phone-bg-img,
            #section-monitor .phone-bg-img,
            #section-protect .phone-bg-img,
            #section-collaborate .phone-bg-img {
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                object-position: center center !important;
                padding: 0 !important;
                margin: 0 !important;
                opacity: 1 !important;
            }

            #section-limit .phone-fg-img,
            #section-monitor .phone-fg-img {
                position: relative !important;
                z-index: 2 !important;
                width: 380px !important;
                height: auto !important;
                max-width: 380px !important;
                object-fit: contain !important;
                padding: 0 !important;
                margin: 0 0 0 30px !important;
            }

            #section-protect .phone-fg-img,
            #section-collaborate .phone-fg-img {
                position: relative !important;
                z-index: 2 !important;
                width: 380px !important;
                height: auto !important;
                max-width: 380px !important;
                object-fit: contain !important;
                padding: 0 !important;
                margin: 0 30px 0 auto !important;
            }
        }

        @media (max-width:1100px) {
            .container {
                padding: 0 40px
            }

            .hero .container {
                padding-left: 16px !important;
                padding-right: 0 !important;
            }

            .feature-tab-connector {
                width: 80px
            }

            .hero-title {
                font-size: 44px
            }

            .hero-subtitle {
                font-size: 44px
            }
        }

        @media (max-width:1023px) {
            .features-overview {
                min-width: unset !important;
                width: 100% !important;
                overflow-x: hidden !important;
                padding: 48px 9px 48px
            }

            .feature-tabs-row {
                min-width: unset !important;
                width: 100% !important
            }

            .container {
                padding: 0 16px
            }

            .feature-tab-connector {
                display: none
            }

            .feature-tabs-row {
                flex-wrap: wrap;
                justify-content: center;
                gap: 40px
            }

            .testimonials {
                padding: 48px 0
            }

            .testimonials-title {
                margin-bottom: 32px
            }

            .testimonials-inner {
                position: relative
            }

            .testimonials-grid {
                display: flex;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                gap: 0;
                width: 100%
            }

            .testimonials-grid::-webkit-scrollbar {
                display: none
            }

            .testimonial-item {
                width: 100%;
                min-width: 100%;
                scroll-snap-align: start;
                flex-shrink: 0;
                box-sizing: border-box;
                padding: 0 10px;
                display: flex;
                flex-direction: column
            }

            .testimonials-inner>.quote-open,
            .testimonials-inner>.quote-close {
                display: none
            }

            .testimonial-item .quote-open {
                display: block;
                width: 25px;
                height: 20px;
                margin-bottom: 24px;
                filter: none
            }

            .testimonial-item .testimonial-meta {
                display: flex;
                flex-direction: column;
                gap: 2px
            }

            .testimonial-item .quote-close {
                width: 25px;
                height: 20px;
                display: block;
                flex-shrink: 0
            }

            .testimonial-item .testimonial-bottom-row {
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                width: 100%
            }

            .testimonial-dots {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 24px
            }

            .testimonial-dot {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.3);
                border: none;
                cursor: pointer;
                padding: 0;
                transition: background 0.3s ease
            }

            .testimonial-dot.active {
                background: #ffffff
            }

            @media (min-width:601px) and (max-width:1024px) {
                .testimonials {
                    padding: 56px 0 !important;
                }

                .testimonials-title {
                    font-size: 34px !important;
                }

                .testimonials .container {
                    padding: 0 32px !important;
                    box-sizing: border-box !important;
                }

                .testimonials-inner {
                    width: 100% !important;
                    max-width: 688px !important;
                    margin: 0 auto !important;
                    padding-left: 0 !important;
                    box-sizing: border-box !important;
                    display: block !important;
                    position: relative !important;
                    min-height: 320px !important;
                    padding-bottom: 56px !important;
                }

                .testimonial-item .quote-open {
                    position: absolute !important;
                    top: 0 !important;
                    left: 0 !important;
                    width: 36px !important;
                    height: 36px !important;
                    max-width: 36px !important;
                    margin: 0 !important;
                    z-index: 2 !important;
                }

                .testimonial-item .quote-close {
                    position: absolute !important;
                    bottom: 0 !important;
                    right: 0 !important;
                    width: 36px !important;
                    height: 36px !important;
                    max-width: 36px !important;
                    flex-shrink: 0 !important;
                    margin: 0 !important;
                }

                .testimonial-text {
                    width: 100% !important;
                    max-width: 100% !important;
                    box-sizing: border-box !important;
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                }

                .testimonial-bottom-row {
                    width: 100% !important;
                    max-width: 100% !important;
                    box-sizing: border-box !important;
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                    padding-right: 48px !important;
                }

                .testimonial-item {
                    width: 100% !important;
                    max-width: 100% !important;
                    box-sizing: border-box !important;
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                    position: static !important;
                    padding-top: 60px !important;
                }

                .featured-on-logos {
                    display: grid !important;
                    grid-template-columns: repeat(4, 1fr) !important;
                    grid-template-rows: auto auto !important;
                    gap: 32px 24px !important;
                    width: 100% !important;
                    max-width: 600px !important;
                    margin: 24px auto 0 auto !important;
                    padding: 0 20px !important;
                    align-items: center !important;
                    justify-items: center !important;
                    box-sizing: border-box !important;
                }

                .featured-on-logos img {
                    object-fit: contain !important;
                }

                .featured-on-logos img:nth-child(1) {
                    width: 73px !important;
                    height: 60px !important;
                }

                .featured-on-logos img:nth-child(2) {
                    width: 125px !important;
                    height: 60px !important;
                }

                .featured-on-logos img:nth-child(3) {
                    width: 113px !important;
                    height: 60px !important;
                }

                .featured-on-logos img:nth-child(4) {
                    width: 132px !important;
                    height: 60px !important;
                }

                .featured-on-logos img:nth-child(5) {
                    width: 153px !important;
                    height: 60px !important;
                }

                .featured-on-logos img:nth-child(6) {
                    width: 44px !important;
                    height: 60px !important;
                }

                .featured-on-logos img:nth-child(7) {
                    width: 108px !important;
                    height: 60px !important;
                }

                .featured-on-logos img:nth-child(8) {
                    width: 104px !important;
                    height: 60px !important;
                }

                .featured-on {
                    padding: 48px 0 !important;
                }

                .featured-on-title {
                    font-size: 34px !important;
                }
            }

            .feature-tab {
                max-width: 450px;
                flex: 1 1 45%
            }

            .feature-tab-title {
                font-size: 18px
            }

            .feature-tab-desc {
                font-size: 18px
            }

            .feature-section .container,
            .feature-section.reverse .container {
                flex-direction: column !important;
                gap: 32px
            }

            .feature-content {
                flex: none;
                max-width: 100%;
                width: 100%;
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 32px;
                row-gap: 24px
            }

            .feature-header {
                grid-column: 1 / -1
            }

            .feature-image-col {
                width: 100%;
                min-height: 900px
            }

            .phone-mockup-wrap {
                min-height: 700px;
                width: 100%
            }

            .phone-fg-img {
                max-height: 100% !important;
                max-width: 90% !important
            }

            .feature-body-row {
                display: contents
            }

            .feature-content .btn {
                width: auto !important;
                min-width: unset !important;
                max-width: fit-content !important;
                padding: 14px 45px !important;
                font-size: 18px !important;
                align-self: flex-start;
                border-radius: 70px
            }

            .hero {
                height: 706px;
                min-height: unset;
                flex-direction: column
            }

            .hero .container {
                padding-top: 80px;
                padding-bottom: 70px;
                order: 1
            }

            .hero-title {
                font-size: 36px;
                text-align: center;
                white-space: nowrap;
                margin-bottom: 16px
            }

            .hero-title br {
                display: none
            }

            .title-desktop-br {
                display: none
            }

            .title-tablet-br {
                display: block;
                height: 8px
            }

            .title-mobile-br,
            .desc-desktop-br {
                display: none
            }

            .hero-subtitle {
                font-size: 36px;
                text-align: center;
                margin-bottom: 16px
            }

            .hero-content {
                max-width: 100%;
                align-items: center;
                text-align: center;
                display: flex;
                flex-direction: column
            }

            .hero-desc {
                text-align: center;
                font-size: 22px;
                margin-bottom: 20px
            }

            .hero-awards-label {
                text-align: center
            }

            .hero-awards {
                justify-content: center;
                flex-wrap: nowrap;
                gap: 24px;
                margin-bottom: 24px;
                padding-bottom: 20px
            }

            .award-item {
                flex-direction: row;
                align-items: center;
                text-align: left;
                gap: 8px;
                flex: 0 0 auto;
                margin-right: 6px;
            }

            .award-img {
                width: 60px;
                height: 60px
            }

            .award-img-wide {
                width: 72px;
                height: 50px
            }

            .award-text {
                font-size: 12px;
                max-width: 85px;
                line-height: 1.3
            }

            .hero-cta {
                text-align: center;
                width: 100%;
                margin-bottom: 50px
            }

            .hero-cta .btn {
                width: auto;
                min-width: 56px;
                max-width: 167.94px;
                border-radius: 50px;
                font-size: 18px;
                padding: 14px 32px
            }

            .platform-icons {
                justify-content: center
            }

            .platform-text {
                text-align: center;
                padding-bottom: 20px
            }

            .hero-bg {
                position: relative;
                display: block;
                order: 3;
                width: 100%;
                max-width: none;
                margin: 0 auto;
                padding-bottom: 20px;
                height: auto;
                inset: auto;
                border-radius: 0;
                overflow: hidden;
                z-index: 1;
                -webkit-mask-image: none;
                mask-image: none
            }

            .hero-bg img,
            .hero-bg source {
                width: 100%;
                height: auto;
                object-fit: cover;
                border-radius: 0
            }

            .hero-fade-overlay {
                display: none
            }

            .mobile-feature-desc {
                display: block;
                font-size: 16px;
                line-height: 1.5;
                color: var(--body-alt);
                margin: 0;
                grid-column: 1;
                grid-row: 2
            }

            .feature-list {
                gap: 4px !important;
                grid-column: 2;
                grid-row: 2 / span 2
            }

            .feature-list-item {
                flex-direction: row;
                align-items: center;
                padding: 4px 0 !important;
                gap: 0 !important
            }

            .feature-item-header {
                width: 100%;
                justify-content: flex-start;
                gap: 12px;
                margin-bottom: 0 !important
            }

            .feature-item-icon-wrap {
                width: 32px;
                height: 32px
            }

            .feature-item-name {
                font-size: 20px;
                display: flex;
                align-items: center;
                width: 100%
            }

            .feature-item-name::after {
                content: '';
                display: block;
                width: 8px;
                height: 14px;
                margin-left: 12px;
                background: url('https://media.mobicip.com/wp-content/uploads/2026/02/09051409/2e442407ec0fc537188701ecb7ba9c89.svg') no-repeat center;
                background-size: contain;
                filter: invert(40%) sepia(90%) saturate(500%) hue-rotate(190deg) brightness(100%) contrast(100%)
            }

            .feature-item-desc {
                display: none
            }

            .learn-more {
                display: none
            }

            .testimonials-grid {
                grid-template-columns: 1fr;
                gap: 40px
            }
        }

        @media (min-width:601px) and (max-width:1023px) {
            .hero-cta {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
                width: 100% !important;
                display: flex !important;
                justify-content: center !important
            }

            .hero-cta-row {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                width: 100% !important
            }

            .hero-cta-row .btn-primary {
                width: 312px !important;
                height: 56px !important;
                min-height: 56px !important;
                max-width: 312px !important;
                padding: 0 36px !important;
                font-size: 20px !important;
                border-radius: 50px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important
            }

            .hero-cta-store-row {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 10px !important;
                width: 100% !important;
                margin-top: 0 !important;
                padding-top: 0 !important
            }

            .store-btn-link {
                display: inline-flex !important;
                align-items: center !important;
                flex-shrink: 0 !important;
                line-height: 0 !important
            }

            .store-btn-link img {
                width: 132px !important;
                height: 44px !important;
                object-fit: contain !important;
                display: block !important;
                border-radius: 8px !important
            }
        }

        @media (min-width:761px) and (max-width:1023px) {
            .hero-bg picture {
                display: block !important;
                width: 100% !important;
                height: 100% !important
            }

            .hero-bg picture img {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                object-position: 90% 35% !important;
                opacity: 1 !important;
                display: block !important;
                min-width: 100% !important;
                -webkit-mask-image: none !important;
                mask-image: none !important
            }

            .hero {
                overflow: hidden !important;
                background: none !important;
                flex-direction: column !important;
                height: auto !important;
                min-height: unset !important;
                display: flex !important;
                align-items: center !important;
                gap: 0 !important
            }

            .hero .container {
                background: #ffffff !important;
                order: 1 !important;
                width: 100% !important;
                padding: 60px 40px 24px !important;
                position: relative !important;
                z-index: 2 !important;
                margin-bottom: 0 !important;
                margin-left: auto !important;
                margin-right: auto !important;
                box-sizing: border-box !important;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important
            }

            .hero-content {
                max-width: 100% !important;
                width: 100% !important;
                align-items: center !important;
                text-align: center !important;
                display: flex !important;
                flex-direction: column !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: 0 !important;
                padding-right: 0 !important
            }

            .hero-title {
                text-align: center !important;
                white-space: nowrap !important;
                font-size: 40px !important;
                margin-bottom: 8px !important;
                margin-top: 0 !important;
                padding-bottom: 10px !important
            }

            .hero-subtitle {
                text-align: center !important;
                font-size: 40px !important;
                margin-bottom: 8px !important
            }

            .hero-desc {
                margin-top: 14px;
                line-height: 24px;
                width: 454px;
                text-align: center !important;
                font-size: 18px !important;
                margin-bottom: 12px !important;
            }

            .desc-desktop-br {
                display: none !important
            }

            .hero-awards-label {
                text-align: center !important
            }

            .hero-awards {
                justify-content: center !important;
                margin-bottom: 16px !important
            }

            .hero-cta {
                text-align: center !important;
                width: 100% !important;
                display: flex !important;
                justify-content: center !important;
                margin-bottom: 0 !important
            }

            .hero-cta-row {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 12px !important;
                flex-wrap: wrap !important;
                width: 100% !important
            }

            .store-btn-link img {
                width: 150px !important;
                height: 50px !important
            }

            .hero-divider {
                display: none !important
            }

            .platform-icons {
                padding-top: 10px !important;
                justify-content: center !important;
                margin-bottom: 0 !important;
                margin-top: 0 !important;
                padding-bottom: 10px !important
            }

            .platform-text {
                text-align: center !important;
                margin-bottom: 0 !important
            }

            .hero-bg {
                order: 2 !important;
                position: relative !important;
                inset: auto !important;
                left: 0 !important;
                right: 0 !important;
                top: auto !important;
                bottom: auto !important;
                width: 100% !important;
                height: 500px !important;
                display: block !important;
                overflow: hidden !important;
                -webkit-mask-image: none !important;
                mask-image: none !important;
                margin: 0 !important;
                padding: 0 !important;
                flex-shrink: 0 !important;
                background: none !important;
                opacity: 1 !important;
                filter: none !important
            }

            .hero-bg::before,
            .hero-bg::after {
                display: none !important;
                content: none !important
            }

            .hero-bg picture {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                position: relative !important
            }

            .hero-bg picture source {
                display: none !important
            }

            .hero-bg img {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                max-width: none !important;
                min-width: 100% !important;
                object-fit: cover !important;
                object-position: 90% 35% !important;
                opacity: 1 !important;
                margin: 0 !important;
                padding: 0 !important;
                transform: none !important;
                -webkit-mask-image: none !important;
                mask-image: none !important;
                filter: none !important
            }

            .feature-content {
                display: grid !important;
                grid-template-columns: 42% 58% !important;
                grid-template-rows: auto auto auto !important;
                column-gap: 40px !important;
                row-gap: px !important;
                width: 100% !important;
                max-width: 100% !important
            }

            .mobile-feature-desc {
                display: block !important;
                grid-column: 1 !important;
                grid-row: 2 !important;
                font-size: 18px !important;
                line-height: 1.55 !important;
                color: var(--body-alt) !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                word-break: normal !important;
                overflow-wrap: normal !important
            }

            .feature-list {
                grid-column: 2 !important;
                grid-row: 2 / span 2 !important;
                gap: 4px !important;
                align-self: start !important;
                padding-left: 30px !important;
                padding-bottom: 50px !important;
                margin-top: 0 px !important
            }

            .feature-list-item {
                margin-bottom: 5px !important
            }

            .feature-title {
                font-size: 34px !important;
                line-height: 1.3 !important;
                word-break: normal !important;
                overflow-wrap: break-word !important;
                white-space: normal !important;
                width: 100% !important
            }

            .feature-header {
                grid-column: 1 / -1 !important;
                grid-row: 1 !important;
                width: 100% !important;
                overflow: visible !important;
                margin-bottom: 8px !important
            }

            .feature-body-row {
                display: contents !important;
                padding-bottom: 60px !important
            }

            .feature-content .btn {
                grid-column: 1 !important;
                grid-row: 3 !important;
                align-self: end !important;
                min-width: 200px !important;
                width: auto !important;
                padding: 14px 98px !important;
                font-size: 18px !important;
                border-radius: 40px !important
            }

            #section-collaborate .feature-content .btn {
                margin-top: 16px !important
            }

            .feature-section {
                padding: 20px 0 !important
            }

            .feature-section .container,
            .feature-section.reverse .container {
                gap: 16px !important
            }

            .feature-list {
                padding-bottom: 10px !important
            }

            .feature-section.reverse .feature-content {
                padding-bottom: 0 !important
            }

            #section-limit .feature-image-col,
            #section-protect .feature-image-col,
            #section-monitor .feature-image-col,
            #section-collaborate .feature-image-col {
                margin-top: 12px !important
            }

            #section-limit .feature-image-col,
            #section-protect .feature-image-col,
            #section-monitor .feature-image-col,
            #section-collaborate .feature-image-col {
                position: relative !important;
                width: 100% !important;
                height: 500px !important;
                min-height: 500px !important;
                max-height: 500px !important;
                overflow: visible !important;
                display: block !important;
            }

            #section-limit .phone-mockup-wrap,
            #section-protect .phone-mockup-wrap,
            #section-monitor .phone-mockup-wrap,
            #section-collaborate .phone-mockup-wrap {
                position: relative !important;
                inset: auto !important;
                width: 100% !important;
                height: 500px !important;
                min-height: 500px !important;
                display: flex !important;
                align-items: flex-start !important;
                justify-content: flex-end !important;
                overflow: visible !important;
                padding-top: 30px !important;
            }

            #section-protect .phone-mockup-wrap,
            #section-collaborate .phone-mockup-wrap {
                justify-content: flex-end !important
            }

            #section-limit .phone-bg-img,
            #section-protect .phone-bg-img,
            #section-monitor .phone-bg-img,
            #section-collaborate .phone-bg-img {
                position: absolute !important;
                bottom: 0 !important;
                left: 0 !important;
                top: auto !important;
                width: 100% !important;
                height: 433.39px !important;
                max-width: none !important;
                object-fit: cover !important;
                object-position: center center !important;
                opacity: 0.85 !important;
                display: block !important;
                z-index: 0 !important;
                padding: 0 !important;
                margin: 0 !important
            }

            #section-limit .phone-bg-img {
                content: url('https://cms.mobicip.com/wp-content/uploads/2026/08/lmit.webp') !important;
            }

            #section-protect .phone-bg-img {
                content: url('https://cms.mobicip.com/wp-content/uploads/2026/08/protect.webp') !important;
            }

            #section-monitor .phone-bg-img {
                content: url('https://cms.mobicip.com/wp-content/uploads/2026/08/monitor.webp') !important;
            }

            #section-collaborate .phone-bg-img {
                content: url('https://cms.mobicip.com/wp-content/uploads/2026/08/collabrate.webp') !important;
            }

            #section-limit .phone-fg-img,
            #section-protect .phone-fg-img,
            #section-monitor .phone-fg-img,
            #section-collaborate .phone-fg-img {
                position: relative !important;
                z-index: 2 !important;
                width: 292px !important;
                height: 458px !important;
                max-width: none !important;
                max-height: none !important;
                object-fit: contain !important;
                margin: 0 30px 0 0 !important;
                padding: 0 !important;
            }
        }

        @media (max-width:768px) {
            .container {
                padding: 0 20px
            }

            .testimonials {
                padding: 72px 0
            }

            .testimonial-dot.active {
                background: #ffffff
            }

            .features-overview-title,
            .testimonials-title,
            .featured-on-title,
            .feature-title,
            .partners-title,
            .cta-title {
                font-size: 26px;
                line-height: 36px
            }

            .feature-section {
                padding: 10px 0
            }

            .feature-section .container,
            .feature-section.reverse .container {
                flex-direction: column !important
            }

            .feature-content {
                flex: none;
                max-width: 100%;
                width: 100%;
                grid-template-columns: 1fr;
                gap: 20px
            }

            .mobile-feature-desc {
                grid-column: 1;
                grid-row: auto;
                margin-bottom: 20px
            }

            .feature-list {
                grid-column: 1;
                grid-row: auto;
                gap: 0
            }

            .feature-content .btn {
                width: auto !important;
                max-width: 312px !important;
                min-width: 56px !important;
                padding: 14px 45px !important;
                font-size: 18px !important;
                justify-content: center !important;
                border-radius: 80px !important;
                align-self: flex-start !important
            }

            .feature-body-row {
                flex-direction: column;
                gap: 24px
            }

            .mobile-feature-desc {
                flex: none
            }

            .feature-list {
                flex: none
            }

            .feature-image-col {
                min-height: 350px;
                width: 100%
            }

            .phone-mockup-wrap {
                min-height: 350px;
                width: 100%
            }

            .phone-fg-img {
                max-height: 100% !important;
                max-width: 50% !important
            }

            .featured-on-logos {
                gap: 16px
            }

            .partners-logos img {
                max-width: 100%;
                height: auto
            }

            .cta-features {
                gap: 20px
            }

            .cta-title {
                font-size: 24px
            }
        }

        @media (max-width:767px) {
            .hero-cta {
                margin-bottom: 0 !important
            }

            .btn-primary {
                width: 312px !important;
                height: 44px !important;
                min-height: 44px !important;
                max-width: 100% !important;
                font-size: 18px !important;
                font-family: 'Manrope', sans-serif !important;
                font-weight: 700 !important;
                color: #ffffff !important;
                background: #3188F4 !important;
                padding: 0px 47px !important;
                border-radius: 50px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                align-self: center !important;
                border: none !important;
                text-decoration: none !important
            }

            .android-device .hero .container {
                padding-top: 6px !important
            }

            .hero-cta-row .btn-primary {
                width: 312px !important;
                height: 48px !important;
                max-width: 312px !important;
                font-size: 20px !important;
                padding: 0 36px !important
            }
        }

        @media (max-width:600px) {
            .featured-on-logos {
                display: grid !important;
                grid-template-columns: repeat(4, 1fr) !important;
                grid-template-rows: auto auto !important;
                gap: 16px 8px !important;
                width: 100% !important;
                max-width: 320px !important;
                margin: 0 auto !important;
                padding: 0 !important;
                align-items: center !important;
                justify-items: center !important;
                box-sizing: border-box !important
            }

            .featured-on-logos img {
                width: auto !important;
                height: auto !important;
                max-width: 100% !important;
                object-fit: contain !important
            }

            .featured-on-logos img:nth-child(1) {
                width: 48px !important;
                height: 39.44px !important
            }

            .featured-on-logos img:nth-child(2) {
                width: 83px !important;
                height: 39px !important
            }

            .featured-on-logos img:nth-child(3) {
                width: 75px !important;
                height: 39.1px !important
            }

            .featured-on-logos img:nth-child(4) {
                width: 88px !important;
                height: 40px !important
            }

            .featured-on-logos img:nth-child(5) {
                width: 102px !important;
                height: 40px !important
            }

            .featured-on-logos img:nth-child(6) {
                width: 29px !important;
                height: 39.53px !important
            }

            .featured-on-logos img:nth-child(7) {
                width: 72px !important;
                height: 40px !important
            }

            .featured-on-logos img:nth-child(8) {
                width: 69px !important;
                height: 39px !important
            }

            .features-overview {
                width: 100% !important;
                overflow-x: hidden !important;
                padding: 48px 0px !important;
                box-sizing: border-box !important
            }

            .feature-tabs-row {
                min-width: unset !important;
                width: 100% !important;
                box-sizing: border-box !important;
                overflow: hidden !important
            }

            .features-overview-title {
                width: 100% !important;
                white-space: normal !important;
                word-break: normal !important;
                overflow-wrap: break-word !important;
                text-align: center !important;
                box-sizing: border-box !important
            }

            .hero {
                flex-direction: column !important;
                background: #ffffff !important;
                height: auto !important;
                min-height: unset !important;
                display: flex !important;
                align-items: stretch !important;
                overflow: hidden !important;
                gap: 0 !important;
                position: relative !important
            }

            .hero .container {
                order: 1 !important;
                width: 100% !important;
                padding: 30px 4px 40px 4px !important;
                position: relative !important;
                z-index: 2 !important;
                background: #ffffff !important;
                margin-top: 10px !important;
                flex-shrink: 0 !important;
                box-sizing: border-box !important;
            }

            .hero-content {
                max-width: 430px !important;
                width: 100% !important;
                text-align: center !important;
                align-items: center !important;
                display: flex !important;
                flex-direction: column !important;
                margin: 0 auto !important;
                box-sizing: border-box !important;
                overflow: hidden !important;
                margin-left: 2px !important
            }

            .hero-title {
                font-size: 30px !important;
                text-align: center !important;
                line-height: 1.2 !important;
                color: var(--heading) !important;
                white-space: normal !important;
                word-break: normal !important;
                margin-bottom: 8px !important;
                width: 100% !important
            }

            .hero-subtitle {
                font-size: 30px !important;
                font-weight: 800;
                text-align: center !important;
                color: var(--primary) !important;
                line-height: 40px !important;
                width: 100% !important;
                margin-bottom: 12px !important;
                display: block !important;
                white-space: normal !important;
                overflow: visible !important;
                letter-spacing: 0px !important;
                word-break: normal !important;
                overflow-wrap: break-word !important
            }

            .hero-desc {
                text-align: center !important;
                font-size: 16px !important;
                margin-bottom: 16px !important;
                margin-top: 6px;
                width: 100% !important;
                line-height: 24px;
                margin-right: 2px !important
            }

            .desc-mobile-br {
                display: block !important
            }

            .desc-desktop-br {
                display: none !important
            }

            .hero-awards-label {
                margin-right: 2px;
                text-align: center !important;
                font-size: 16px !important;
                margin-bottom: 10px !important;
                width: 70% !important;
                margin-top: 8px;
            }

            .hero-awards {
                margin-left: -24px;
                display: flex !important;
                justify-content: center !important;
                align-items: flex-start !important;
                flex-wrap: wrap !important;
                margin-top: -5px;
                gap: 14px !important;
                margin-bottom: 20px !important;
                width: 100% !important;
                padding: 0 !important
            }

            .award-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
                gap: 4px !important;
                margin: 0 !important;
                padding: 0 !important
            }

            .hero-awards .award-item:nth-child(3) {
                margin-top: 20px !important;
            }

            .award-img {
                width: 63px !important;
                height: 63px !important
            }

            .award-img-wide {
                width: 76px !important;
                height: 53px !important;
                margin-top: 2px !important
            }

            .award-text {
                font-size: 14px !important;
                max-width: 97px !important;
                line-height: 1 !important;
                margin-bottom: 30px !important
            }

            .hero-cta {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important
            }

            .hero-cta-row {
                margin-top: -2px;
                margin-left: -2px;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                width: 100% !important
            }

            .hero-cta-row .btn-primary {
                width: 312px !important;
                height: 48px !important;
                min-height: 44px !important;
                max-width: 312px !important;
                padding: 0 36px !important;
                font-size: 20px !important;
                border-radius: 50px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important
            }

            .hero-cta-store-row {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 10px !important;
                width: 100% !important;
                margin-top: 0 !important;
                padding-top: 0 !important
            }

            .store-btn-link {
                display: inline-flex !important;
                align-items: center !important;
                flex-shrink: 0 !important;
                line-height: 0 !important
            }

            .store-btn-link img {
                width: 132px !important;
                height: 44px !important;
                object-fit: contain !important;
                display: block !important;
                border-radius: 8px !important;
                margin-top: 2px;
            }

            .platform-icons {
                margin-left: 2px;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 23.3px !important;
                margin-top: 52px !important;
                margin-bottom: 16px !important;
                width: 100% !important;
                overflow: visible !important;
            }

            .platform-icon {
                display: block;
                object-fit: contain;
            }

            .platform-icon-ios {
                width: 19.5px !important;
                height: 24px !important;
            }

            .platform-icon-android {
                width: 24px !important;
                height: 24px !important;
            }

            .platform-icon-macos {
                width: 24px !important;
                height: 24px !important;
            }

            .platform-icon-windows {
                width: 22px !important;
                height: 22px !important;
            }

            .platform-icon-chromebook {
                width: 33px !important;
                height: 24px !important;
            }

            .platform-icon-kindle {
                width: 32px !important;
                height: 24px !important;
            }

            .platform-text {
                text-align: center !important;
                font-size: 10px !important;
                width: 100% !important;
                padding-bottom: 0px !important;
                margin-top: -4px;
                margin-bottom: 0px !important;
                letter-spacing: 0.2px !important;
            }

            .hero-bg {
                order: 2 !important;
                position: relative !important;
                inset: auto !important;
                top: auto !important;
                right: auto !important;
                bottom: auto !important;
                left: auto !important;
                width: 100% !important;
                height: 209.63px !important;
                display: block !important;
                background: none !important;
                margin: 0 !important;
                padding: 0 !important;
                opacity: 1 !important;
                filter: none !important;
                flex-shrink: 0 !important;
                z-index: 1 !important;
                overflow: hidden !important;
                -webkit-mask-image: none !important;
                mask-image: none !important;
                -webkit-mask: none !important;
                mask: none !important;
                clip-path: none !important
            }

            .hero-bg::before,
            .hero-bg::after {
                display: none !important;
                content: none !important
            }

            .hero-bg picture {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                margin: 0 !important;
                padding: 0 !important
            }

            .hero-bg img {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                max-width: none !important;
                min-width: 100% !important;
                margin: 0 !important;
                object-fit: cover !important;
                object-position: center center !important;
                opacity: 1 !important;
                -webkit-mask-image: none !important;
                mask-image: none !important;
                filter: none !important;
                transform: none !important
            }

            .hero-fade-overlay {
                display: none !important
            }

            .title-desktop-br,
            .title-tablet-br,
            .desc-desktop-br {
                display: none !important
            }

            .title-mobile-br {
                display: block !important;
                height: 6px !important
            }

            .feature-title {
                font-size: 24px !important;
                line-height: 1.3 !important;
                margin-bottom: 12px !important
            }

            .mobile-feature-desc {
                font-size: 14px !important;
                line-height: 1.6 !important;
                margin-bottom: 10px !important;
                color: var(--body-alt) !important
            }

            .feature-list {
                gap: 16px !important;
                margin-bottom: 0 !important
            }

            .feature-list-item {
                padding: 0 !important;
                gap: 0 !important
            }

            .feature-item-name {
                font-size: 18px !important
            }

            .feature-item-icon-wrap {
                width: 28px !important;
                height: 28px !important
            }

            .feature-tab {
                max-width: 100% !important;
                flex: 1 1 100% !important;
                width: 100% !important;
                box-sizing: border-box !important;
                padding: 0 16px !important;
                align-items: center !important
            }

            .feature-tab-desc {
                width: 100% !important;
                max-width: 380px !important;
                white-space: normal !important;
                word-break: normal !important;
                overflow-wrap: break-word !important;
                text-align: center !important;
                box-sizing: border-box !important;
                font-size: 16px !important
            }

            .feature-tabs-row {
                flex-direction: column !important;
                align-items: center !important
            }

            .feature-content .btn {
                width: 85% !important;
                max-width: 420px !important;
                min-width: unset !important;
                margin: 4px auto 0 auto !important;
                padding: 10px 32px !important;
                font-size: 18px !important;
                justify-content: center !important;
                border-radius: 45px !important;
                align-self: center !important;
                display: flex !important
            }

            .feature-section.reverse .feature-content {
                padding-bottom: 0 !important
            }

            #section-limit .phone-bg-img,
            #section-protect .phone-bg-img,
            #section-monitor .phone-bg-img,
            #section-collaborate .phone-bg-img {
                display: none !important;
                opacity: 0 !important;
                visibility: hidden !important
            }

            #section-limit .feature-image-col,
            #section-protect .feature-image-col,
            #section-monitor .feature-image-col,
            #section-collaborate .feature-image-col {
                position: relative !important;
                height: auto !important;
                min-height: unset !important;
                width: 100% !important;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                background: none !important;
                overflow: visible !important
            }

            #section-limit .phone-mockup-wrap,
            #section-protect .phone-mockup-wrap,
            #section-monitor .phone-mockup-wrap,
            #section-collaborate .phone-mockup-wrap {
                position: relative !important;
                inset: auto !important;
                width: 550px !important;
                height: 550px !important;
                min-height: unset !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                background: none !important;
                padding-bottom: 0px !important;
                overflow: visible !important
            }

            #section-limit .phone-fg-img,
            #section-protect .phone-fg-img,
            #section-monitor .phone-fg-img,
            #section-collaborate .phone-fg-img {
                position: relative !important;
                z-index: 2 !important;
                width: 550px !important;
                height: 550px !important;
                max-width: 550px !important;
                max-height: 550px !important;
                object-fit: contain !important;
                display: block !important;
                padding-bottom: 0px !important;
                margin-left: -36px !important
            }

            .partners-logos {
                display: flex !important;
                flex-wrap: wrap !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 24px 40px !important;
                max-width: 100% !important;
                width: 100% !important;
                padding: 0 16px !important;
                box-sizing: border-box !important;
                margin: 0 auto !important
            }

            .partners-logo-item {
                display: block !important;
                width: auto !important;
                max-width: 131.25px !important;
                height: auto !important;
                margin: 0 !important
            }

            .partners {
                padding: 32px 16px
            }
        }

        @media (max-width:390px) {
            .partners-logos {
                display: flex !important;
                flex-wrap: wrap !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 16px 48px !important;
                max-width: 360px !important;
                width: 100% !important;
                padding: 0 10px !important;
                box-sizing: border-box !important;
                margin: 0 auto !important
            }

            .partners-logo-item {
                display: block !important;
                width: auto !important;
                max-width: 110px !important;
                height: auto !important;
                margin: 0 !important
            }
        }

        @media (min-width:341px) and (max-width:344px) {
            .hero .container {
                width: 344px !important;
                padding: 40px !important;
                box-sizing: border-box !important;
                margin: 0 auto !important
            }

            .hero-content {
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important
            }
        }

        @media (min-width:341px) and (max-width:360px) {
            .partners-logos {
                display: flex !important;
                flex-wrap: wrap !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 16px 32px !important;
                max-width: 340px !important;
                width: 100% !important;
                padding: 0 10px !important;
                box-sizing: border-box !important;
                margin: 0 auto !important
            }

            .partners-logo-item {
                display: block !important;
                width: auto !important;
                max-width: 110px !important;
                height: auto !important;
                margin: 0 !important
            }
        }

        @media screen and (min-width:4000px) {

            #section-limit .container,
            #section-monitor .container,
            #section-protect .container,
            #section-collaborate .container {
                max-width: 1800px !important;
                width: 100% !important;
                margin: 0 auto !important;
                gap: 0 !important
            }

            #section-limit .container,
            #section-monitor .container {
                padding-left: 366px !important;
                padding-right: 0 !important
            }

            #section-limit .feature-content,
            #section-monitor .feature-content {
                flex: 0 0 620px !important;
                width: 620px !important;
                min-width: 620px !important;
                max-width: 620px !important;
                padding-right: 60px !important;
                padding-left: 0 !important;
                margin: 0 !important
            }

            #section-limit .feature-image-col,
            #section-monitor .feature-image-col {
                position: relative !important;
                flex: 1 !important;
                align-self: stretch !important;
                overflow: hidden !important;
                min-width: 0 !important;
                max-width: unset !important;
                margin: 0 !important
            }

            #section-limit .phone-mockup-wrap,
            #section-monitor .phone-mockup-wrap {
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                width: 100% !important;
                height: 100% !important;
                min-height: unset !important;
                overflow: hidden !important;
                justify-content: center !important
            }

            #section-limit .phone-bg-img,
            #section-monitor .phone-bg-img {
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                object-position: center center !important;
                padding: 0 !important;
                margin: 0 !important;
                opacity: 1 !important
            }

            #section-limit .phone-fg-img,
            #section-monitor .phone-fg-img {
                position: relative !important;
                z-index: 2 !important;
                width: 380px !important;
                height: auto !important;
                max-width: 380px !important;
                max-height: 580px !important;
                object-fit: contain !important;
                padding: 60px 0 0px 0 !important;
                margin-left: -400px
            }

            #section-protect .container,
            #section-collaborate .container {
                padding-right: 120px !important;
                padding-left: 0 !important;
                flex-direction: row-reverse !important
            }

            #section-protect .feature-content,
            #section-collaborate .feature-content {
                flex: 0 0 620px !important;
                width: 620px !important;
                min-width: 620px !important;
                max-width: 620px !important;
                padding-left: 60px !important;
                padding-right: 0 !important;
                margin: 0 !important
            }

            #section-protect .feature-image-col,
            #section-collaborate .feature-image-col {
                position: relative !important;
                flex: 1 !important;
                align-self: stretch !important;
                overflow: hidden !important;
                min-width: 0 !important;
                max-width: unset !important;
                margin: 0 !important
            }

            #section-protect .phone-mockup-wrap,
            #section-collaborate .phone-mockup-wrap {
                position: absolute !important;
                inset: 0 !important;
                width: 100% !important;
                height: 100% !important;
                min-height: unset !important;
                overflow: hidden !important;
                justify-content: center !important
            }

            #section-protect .phone-bg-img,
            #section-collaborate .phone-bg-img {
                position: absolute !important;
                top: 0 !important;
                left: 260px !important;
                width: 720px !important;
                height: 683px !important;
                object-fit: cover !important;
                object-position: center center !important;
                padding: 0 !important;
                margin: 0 !important;
                opacity: 1 !important
            }

            #section-protect .phone-fg-img,
            #section-collaborate .phone-fg-img {
                position: relative !important;
                z-index: 2 !important;
                width: 380px !important;
                height: 100% !important;
                max-width: 380px !important;
                max-height: 560px !important;
                object-fit: contain !important;
                padding: 60px 0 !important;
                margin-right: -500px;
                margin-left: 34px
            }
        }

        /* Site Header (Tablet Header) */
        .site-header {
            display: none;
        }

        @media (min-width:601px) and (max-width:1024px) {
            .site-header {
                display: block;
                position: sticky;
                top: 0;
                z-index: 1000;
                background: #ffffff;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
                width: 100%;
            }

            .site-header-container {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 16px 24px;
                max-width: 100%;
                margin: 0 auto;
            }

            .site-header-left {
                display: flex;
                align-items: center;
                gap: 16px;
            }

            .site-header-menu-toggle {
                background: transparent;
                border: none;
                padding: 4px;
                cursor: pointer;
                color: #1a1a1a;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .site-header-logo {
                display: flex;
                align-items: center;
            }

            .site-header-logo img {
                height: 32px;
                width: auto;
                display: block;
            }

            .site-header-login {
                font-size: 16px;
                font-weight: 600;
                color: #1a1a1a;
                text-decoration: none;
                transition: color 0.2s ease;
            }

            .site-header-login:hover {
                color: #0066ff;
            }

            .features-overview-title {
                width: 100% !important;
                max-width: 688px !important;
                margin: 0 auto 35px auto !important;
                font-size: 34px !important;
                box-sizing: border-box !important;
            }

            .feature-tab-title {
                font-size: 24px !important;
            }

            .feature-tab-desc {
                font-size: 18px !important;
                width: 340px !important;
                max-width: 100% !important;
            }
        }


/* ==================================================
   HEADER — RESET / BODY OFFSET
================================================== */
body {
    padding-top: 80px;
    /* desktop header height */
}

@media (max-width: 1023px) {
    body {
        padding-top: 64px;
        /* mobile header height */
    }
}

/* ==================================================
   DESKTOP HEADER  (visible >= 1024px)
================================================== */

.mc-header {
    background: #ffffff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

@media (max-width: 1023px) {
    .mc-header {
        display: none !important;
    }
}

.mc-header__inner {
    width: 1084px;
    max-width: 100%;
    padding: 0 0px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1093px) {
    .mc-header__inner {
        margin-left: 13px;
        width: 1084px;
        max-width: 100%;
        padding: 0;
        margin-left: 16px;
        height: 57px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 16px;
    }

    .mc-header-divider {
        margin-left: 24px;
    }

    a.nav_title {
        margin-left: 12px;
    }
}

@media (min-width: 1085px) and (max-width: 1093px) {
    .mc-header-divider {
        margin-left: 24px;
    }

    a.nav_title {
        margin-left: 12px;
    }
}

.mc-logo-link {
    display: block;
    flex-shrink: 0;
}

.mc-logo {
    width: 142px;
    height: 32px;
    object-fit: contain;
    display: block;
}

.mc-header-divider {
    display: none;
    width: 1px;
    height: 24px;
    background-color: #D9E1ED;
    margin-left: -195px;
    padding-top: 26px;
    flex-shrink: 0;
}

a.nav_title {
    display: none;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    color: #454A55;
    text-decoration: none;
    margin-left: -198px;
    padding-top: 2px;
    white-space: nowrap;
}

.mc-nav {
    display: flex;
    align-items: center;
    gap: 39px;
}

.mc-nav__links {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    left: -7px;
}

.mc-item {
    position: relative;
    height: 57px;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.mc-item__label {
    display: flex;
    align-items: center;
    gap: 2px;
}

.mc-item__text {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #454A55;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.15s;
}

.mc-item__text--login {
    font-weight: 600;
    line-height: 22px;
    color: #3188F4;
    position: relative;
    left: 6px;
    display: inline-block;
}

.mc-item__chevron {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: visible;
    transition: transform 0.2s ease;
}

.mc-nav__links>.mc-item:nth-child(3) {
    position: relative;
    left: 2px;
}

#mc-resources {
    position: relative;
    left: 4px;
}

.mc-item__chevron svg path {
    transition: stroke 0.15s;
}

.mc-item:hover .mc-item__text,
.mc-item.is-open .mc-item__text {
    color: #3188F4;
}

.mc-item:hover .mc-item__chevron svg path,
.mc-item.is-open .mc-item__chevron svg path {
    stroke: #3188F4;
}

.mc-item.is-open .mc-item__chevron {
    transform: rotate(180deg);
}

.mc-dropdown {
    position: absolute;
    top: calc(100% + 20px);
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.13), 0px 2px 8px rgba(0, 0, 0, 0.05);
    padding: 16px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
    z-index: 100;
}

.mc-dropdown::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

.mc-item.is-open .mc-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0s;
}

.mc-dropdown--features {
    left: -130px;
    width: 660px;
}

.mc-dd-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.mc-dropdown--resources {
    left: 0;
    width: 220px;
}

.mc-dd-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mc-dd-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 8px;
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.15s;
    cursor: pointer;
}

.mc-dd-item:hover {
    background: #f5f8ff;
}

.mc-dd-item--simple {
    align-items: center;
}

.mc-dd-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mc-dd-icon--green {
    background: #edfaf3;
}

.mc-dd-icon--purple {
    background: #f3eeff;
}

.mc-dd-icon--blue {
    background: #eaf2ff;
}

.mc-dd-icon--teal {
    background: #e6faf8;
}

.mc-dd-icon--orange {
    background: #fff2ee;
}

.mc-dd-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 3px;
    max-width: 240px;
}

.mc-dd-title {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #1F2024;
}

.mc-dd-item--simple .mc-dd-title {
    font-size: 15px;
}

.mc-dd-desc {
    display: inline-block;
    font-family: 'Manrope', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #616b7b;
    margin-top: 2px;
}

.mc-btn {
    background: #3188F4;
    color: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.3;
    padding: 0 16px;
    height: 36px;
    border-radius: 24px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.18s;
}

.mc-btn:hover {
    background: #1a6fc4;
}

/* ==================================================
   MOBILE HEADER  (visible < 1024px)
================================================== */

@media (min-width: 1024px) {

    .mc-mob-header,
    .mc-mob-overlay,
    .mc-mob-drawer {
        display: none !important;
    }
}

.mc-mob-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
    height: 80px;
    padding: 0 24px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
}

.mc-mob-header__left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.mc-mob-hamburger {
    width: 24px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    flex-shrink: 0;
    border: none;
    background: transparent;
    padding: 0;
}

.mc-mob-hamburger span {
    display: block;
    width: 100%;
    height: 2.5px;
    background: #1F2024;
    border-radius: 2px;
}

.mc-mob-logo {
    width: 133px;
    height: 30px;
    object-fit: contain;
    display: block;
}

.mc-mob-login {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #3188F4;
    text-decoration: none;
    white-space: nowrap;
}

.mc-mob-login:hover {
    color: #1a6fc4;
}

.mc-mob-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.28s ease, visibility 0s linear 0.28s;
}

.mc-mob-overlay.is-open {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.28s ease, visibility 0s linear 0s;
}

.mc-mob-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100vh;
    overflow-y: auto;
    background: #ffffff;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    transform: translateY(-100%);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.mc-mob-drawer.is-open {
    transform: translateY(0);
}

.mc-mob-drawer__topbar {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 20px;
    flex-shrink: 0;
}

.mc-mob-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    border-radius: 50%;
    transition: background 0.15s;
    flex-shrink: 0;
}

.mc-mob-close:hover {
    background: #f3f4f6;
}

.mc-mob-close svg {
    display: block;
}

.mc-mob-drawer__body {
    flex: 1;
    overflow-y: auto;
    padding: 8px 20px 0;
    display: flex;
    flex-direction: column;
}

.mc-mob-section-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.3;
    color: #1F2024;
    margin-bottom: 12px;
    padding-left: 4px;
}

.mc-mob-feat-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 2px 0px;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s;
}

.mc-mob-feat-item:hover {
    background: #f5f8ff;
}

.mc-mob-feat-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mc-mob-feat-icon--green {
    background: #edfaf3;
}

.mc-mob-feat-icon--purple {
    background: #f3eeff;
}

.mc-mob-feat-icon--blue {
    background: #eaf2ff;
}

.mc-mob-feat-icon--teal {
    background: #e6faf8;
}

.mc-mob-feat-icon--orange {
    background: #fff2ee;
}

.mc-mob-feat-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    color: #1F2024;
}

.mc-mob-divider {
    height: 1px;
    background: rgba(217, 225, 237, 0.7);
    margin: 16px 0;
    border: none;
}

.mc-mob-links-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    padding: 0 4px;
    margin-bottom: 8px;
}

.mc-mob-link {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #454A55;
    text-decoration: none;
    line-height: 2;
    white-space: nowrap;
    transition: color 0.15s;
}

.mc-mob-link:hover {
    color: #3188F4;
}

.mc-mob-drawer__footer {
    padding: 16px 20px 28px;
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.mc-mob-btn {
    flex: 1;
    height: 48px;
    border-radius: 32px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: background 0.18s, color 0.18s;
    white-space: nowrap;
}

.mc-mob-btn--outline {
    background: #ffffff;
    border: 2px solid #3188F4;
    color: #3188F4;
}

.mc-mob-btn--outline:hover {
    background: #eaf2ff;
}

.mc-mob-btn--fill {
    background: #3188F4;
    color: #ffffff;
}

.mc-mob-btn--fill:hover {
    background: #1a6fc4;
}

/* Session detection loading state — hides auth UI until check completes */
.mc-auth-loading .mc-item__text--login,
.mc-auth-loading .mc-nav>.mc-btn,
.mc-auth-loading .mc-mob-login,
.mc-auth-loading .mc-mob-btn--outline,
.mc-auth-loading .mc-mob-btn--fill {
    visibility: hidden;
}

/* ==================================================
   FOOTER
================================================== */

.grecaptcha-badge {
    visibility: hidden !important;
}

.content_wrapper {
    display: block;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 72px;
    padding-bottom: 72px;
    padding-right: 16px;
    padding-left: 16px;
    overflow: hidden;
}

.footer-cta {
    background-color: #1A2845;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 72px 16px;
    width: 100%;
}

.footer-cta--pricing {
    display: none;
}

.footer-cta__pricing-form {
    position: relative;
    width: 100%;
    max-width: 480px;
    height: 56px;
}

.footer-cta__pricing-input {
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    border: none;
    border-radius: 32px;
    padding: 10px 130px 10px 24px;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #454A55;
    outline: none;
}

.footer-cta__pricing-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 180px;
    background: #3188F4;
    border: none;
    border-radius: 32px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

.footer-cta__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.footer-cta__heading {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 34px;
    line-height: 44px;
    color: #FFFFFF;
    text-align: center;
    max-width: 800px;
}

.footer-cta__badges {
    display: flex;
    gap: 32px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-cta__badge {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-cta__badge-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.footer-cta__badge-text {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    color: #DEEBFF;
    white-space: nowrap;
}

.footer-cta__btn {
    background-color: #3188F4;
    color: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    padding: 0 40px;
    height: 56px;
    border-radius: 32px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    transition: opacity 0.2s;
}

.footer-cta__btn:hover {
    opacity: 0.9;
}

.footer-bottom {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 20px;
}

.footer-divider-top {
    width: 100%;
    max-width: 1440px;
    height: 1px;
    background-color: rgba(217, 225, 237, 0.5);
    opacity: 0.8;
}

.footer-links-wrapper {
    display: flex;
    gap: 88px;
    align-items: flex-start;
    padding: 72px 0;
    width: 100%;
    max-width: 1200px;
    justify-content: center;
    flex-wrap: wrap;
}

.footer-cols {
    display: flex;
    gap: 136px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.footer-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}

.footer-col__title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #1F2024;
    white-space: nowrap;
}

.footer-col__links {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
}

.footer-col__link {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #454A55;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s;
}

.footer-col__link:hover {
    color: #3188F4;
}

.footer-right {
    display: flex;
    flex-direction: column;
    gap: 72px;
    align-items: flex-start;
    flex-shrink: 0;
}

.footer-connect {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}

.footer-socials {
    display: flex;
    gap: 24px;
    align-items: center;
}

.footer-socials__icon {
    width: 32px;
    height: 32px;
    display: block;
    flex-shrink: 0;
    cursor: pointer;
    transition: opacity 0.2s;
}

.footer-socials__icon:hover {
    opacity: 0.8;
}

.footer-newsletter {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}

.footer-newsletter__title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #1F2024;
    white-space: nowrap;
}

.footer-newsletter__form {
    position: relative;
    width: 385px;
    height: 56px;
}

.footer-newsletter__input {
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #D6DFEF;
    border-radius: 32px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
    padding: 10px 170px 10px 24px;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #454A55;
    outline: none;
    transition: border-color 0.2s;
}

.footer-newsletter__input::placeholder {
    color: #454A55;
}

.footer-newsletter__input:focus {
    border-color: #3188F4;
}

.footer-newsletter__btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 158px;
    background: #FFFFFF;
    border: 2px solid #3188F4;
    border-radius: 32px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #3188F4;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, color 0.2s;
}

.footer-newsletter__btn:hover {
    background: #3188F4;
    color: #FFFFFF;
}

.footer-bottom-bar {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    padding-bottom: 40px;
}

.footer-divider-bottom {
    width: 100%;
    height: 1px;
    background-color: rgba(217, 225, 237, 0.5);
    opacity: 0.8;
}

.footer-copyright {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-copyright__logo {
    width: 23px;
    height: 24px;
    display: block;
    flex-shrink: 0;
}

.footer-copyright__text {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    color: #969FAF;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .footer-cols {
        gap: 60px;
    }

    .footer-links-wrapper {
        gap: 60px;
    }
}

@media (max-width: 860px) {
    .footer-cta__heading {
        font-size: 26px;
        line-height: 36px;
    }

    .footer-links-wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 60px;
        padding: 40px 32px;
        flex-wrap: nowrap;
    }

    .footer-cols {
        flex-direction: row;
        gap: 172px;
        flex-wrap: nowrap;
        align-items: flex-start;
        width: auto;
    }

    .footer-col__title {
        font-size: 22px;
    }

    .footer-col__link {
        font-size: 13px;
    }

    .footer-right {
        flex-direction: row;
        gap: 80px;
        align-items: flex-start;
        width: 100%;
    }

    .footer-connect {
        flex-shrink: 0;
    }

    .footer-newsletter__form {
        width: 386px;
    }

    .footer-newsletter__title {
        font-size: 22px;
    }

    .footer-newsletter__input {
        font-size: 14px;
        padding-right: 160px;
    }

    .footer-newsletter__btn {
        width: 110px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {

    .footer-cta__badges {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .footer-cta__heading {
        font-size: 22px;
        line-height: 32px;
    }

    .footer-links-wrapper {
        flex-direction: column;
        padding: 32px 16px;
        gap: 32px;
        align-items: flex-start;
    }

    .footer-cols {
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
        width: 100%;
    }

    .footer-col {
        flex: 1;
        min-width: 0;
    }

    .footer-col__title {
        font-size: 15px;
        white-space: normal;
    }

    .footer-col__link {
        font-size: 13px;
        white-space: normal;
    }

    .footer-right {
        flex-direction: column;
        gap: 32px;
        width: 100%;
    }

    .footer-newsletter__form {
        width: 100%;
    }

    .footer-newsletter__btn {
        width: 130px;
        font-size: 16px;
    }

    .footer-newsletter__input {
        padding-right: 140px;
        font-size: 16px;
    }
}
 
/* ========================================
   FEATURE LIST WIDTH ON PHONES
   Nothing above this line is modified.

   .feature-list is given a fixed width of 393px for the desktop layout
   and nothing narrows it on phones. Below 768px the feature content is
   a single-column grid inside a container that is narrower than that
   (353px on a 393px iPhone), so the fixed list forces the grid column
   out to 393px and the whole column overflows the right edge. The
   Start Free Trial button is centred with auto margins, but centred
   inside that overflowing column - which is why it sat ~30px right of
   the page centre.

   Letting the list fill the column instead brings the column back to
   the container width, so the heading, copy and button all centre on
   the page. Desktop and tablet are untouched.
======================================== */

@media (max-width: 768px) {
    .feature-content .feature-list {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

/* ========================================
   MOBILE / TABLET HEADER CLEARANCE (home page)
   Nothing above this line is modified.

   The home page loads main.css only, which embeds its own copy of the
   header styles, so the clearance fix appended to header.css does not
   reach it. Same defect: .mc-mob-header is 80px tall and fixed below
   1024px, but the body offset above reserves only 64px, hiding the top
   16px of the hero under the header on phones and tablets.

   Reserves the full 80px plus the same 16px gap used on every other
   page. Desktop (1024px and up) is untouched.
======================================== */

@media (max-width: 1023px) {
    body {
        padding-top: 96px !important;
    }
}

/* ========================================
   TESTIMONIAL QUOTE MARKS STAY PUT ON PHONES
   Nothing above this line is modified.

   Below 1024px the testimonials become a horizontal, snap-scrolling
   strip. Each slide carries its own opening and closing quote mark, so
   on phones the marks slid across with the text. The tablet rules
   (601-1024px) already solve this by taking the marks out of the
   slide - position: absolute against .testimonials-inner, which sits
   outside the scroller - and this does the same for phones.

   The slide reserves the opening mark's room at the top (its 20px
   height plus the 24px gap it had in flow). The author row is pushed
   to the bottom of the slide so it sits at the same height on both
   slides, and the closing mark is anchored to that row: 80px above
   the bottom of .testimonials-inner, which is the dots (10px), their
   24px top margin and the 46px bottom padding. Both slides' marks
   land on the same spot, so swiping moves only the text.
   Desktop (1024px and up) is untouched.
======================================== */

@media (max-width: 600px) {
    .testimonials-inner {
        position: relative;
    }

    .testimonial-item {
        position: static !important;
        padding-top: 44px !important;
    }

    .testimonial-item .quote-open {
        position: absolute !important;
        top: 0 !important;
        left: 10px !important;
        margin: 0 !important;
    }

    .testimonial-item .testimonial-bottom-row {
        margin-top: auto !important;
    }

    .testimonial-item .quote-close {
        position: absolute !important;
        right: 10px !important;
        bottom: 80px !important;
        margin: 0 !important;
    }
}

/* ========================================
   iPAD PRO CONTAINMENT · 1024-1098px
   Nothing above this line is modified. The range is exactly the band
   where the document scrolls sideways - 1024 is where these desktop
   rules start, and at 1099 the viewport is finally wide enough for the
   original numbers. Nothing outside that band is touched, including
   every width at 1023 and below.

   Two sections carry flat pixel widths that cannot give anything back:

     .feature-tab        270px each, flex: 0 0 280px, min-width 270
                         -> the row needs 1083px
     .testimonials-grid  grid-template-columns: 518px 518px with a 48px
                         gap -> needs 1084px

   Their container is only 1006px wide at 1024, so the page scrolled
   sideways by 75px and the fourth feature tab and the second
   testimonial were cut off. That covers iPad Pro in portrait, both
   1024 and 1032.

   The band is deliberately closed at 1098 rather than left open-ended:
   above it the feature row is meant to be wider than its container, so
   capping it there would shrink tabs that are currently correct.
======================================== */

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

    .features-overview .feature-tabs-row {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .features-overview .feature-tab {
        flex: 0 1 270px !important;
        min-width: 0 !important;
        width: auto !important;
    }

    .testimonials-grid {
        grid-template-columns: minmax(0, 518px) minmax(0, 518px) !important;
        justify-content: center !important;
    }

    /* .testimonials .container sets padding-left from a centring calc
       that collapses to 0 once the viewport drops below about 1100,
       while padding-right stays a flat 50px. With the grid now filling
       the container the quote text sat hard against the left edge of
       the dark panel and its first letters read as cut off. Matching the
       50px that is already on the right restores the inset. */
    .testimonials .container {
        padding-left: 50px !important;
    }
}

/* ========================================
   FEATURED-ON LOGO ROW · 1024-1223px
   Nothing above this line is modified.

   .featured-on-logos is a flex row with flex-wrap: nowrap and
   justify-content: space-between from 1024px up. The eight logos need
   1076px including their 32px gaps, but the box is only 908px at 1024
   and does not reach 1076 until 1224 - so the eighth, FOX43, sat
   outside the box and off the side of the screen. Below 1024 the same
   row is a two-row grid and all eight show, which is the arrangement
   this restores.

   Wrapping with the logos centred puts FOX43 on a second line, as it
   already is on tablet and phone. Closed at 1223 so that from 1224 up,
   where all eight genuinely fit on one line, the original
   space-between row is untouched.
======================================== */

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

    .featured-on-logos {
        flex-wrap: wrap !important;
        justify-content: center !important;
        row-gap: 24px !important;
        /* 24px rather than the row's own 32px: seven logos plus six 32px
           gaps need 941px and the box is 908px at 1024, so the seventh
           dropped to the second line. At 24px they need 893px and the
           split is 7 + FOX43, the same arrangement as the reference.
           24px is what the tablet grid below 1024 already uses. */
        column-gap: 24px !important;
    }
}

/* ========================================
   FEATURED-ON LOGO ROW · 900-1023px
   Nothing above this line is modified.

   Below 1024 the logo row is a four-column grid whose box is capped at
   max-width: 600px no matter how wide the viewport is, so a Surface Pro
   at 960 - with 896px of container available - still split the logos
   4 + 4. The six logos on the first line need about 716px, which that
   cap never allows.

   Releasing the cap and wrapping them centred gives 6 + techradar and
   FOX43 on a second line, the same arrangement as 1024-1223 above.

   Opened at 900 rather than at the 601 where the grid starts, so iPad
   Mini at 768, iPad Air at 820 and iPad Pro 11 at 834 keep the 4 + 4
   grid they have now - they do not have the width for six across.
======================================== */

@media (min-width: 900px) and (max-width: 1023px) {

    .featured-on-logos {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        max-width: none !important;
        width: 100% !important;
        row-gap: 32px !important;
        column-gap: 24px !important;
    }
}

/* ========================================
   PARTNER LOGOS · iPAD PRO 1024-1098px
   Nothing above this line is modified.

   .partners-logo-item pins every partner logo to a flat
   168 x 36.42px box with object-fit: contain. Only verizon is actually
   that shape (168 x 37 natural); cyberwise is 167 x 48 and the
   Childhood mark is 131 x 50, so contain scales them down to fit the
   36px height - the Childhood lockup ends up around 95px wide and its
   strapline becomes unreadable, which is the squashing in the
   screenshot.

   Letting height follow the artwork, with the 168px cap kept as a
   maximum width, restores each logo's own proportions. Below 769px the
   stylesheet already does exactly this with
   .partners-logos img { max-width: 100%; height: auto }.
======================================== */

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

    .partners-logo-item {
        width: auto !important;
        height: auto !important;
        max-width: 168px !important;
    }
}

/* ========================================
   PARTNERS SECTION PADDING · TABLET 601-1032px
   Nothing above this line is modified.

   Supplied as .partners { background: #ffffff; padding: 60px 0px;
   text-align: center }. The background and the centring already match
   the base rule, so only the padding changes - 31px 0 to 60px 0.

   The range covers every tablet in use: iPad Mini 768, iPad Air 820,
   iPad Pro 11 834, Surface Pro 960 and iPad Pro 1024/1032. It stops at
   600, below which the phone rule keeps its own padding: 32px 16px,
   and at 1033, above which desktop keeps the 31px 0.
======================================== */

@media (min-width: 601px) and (max-width: 1032px) {

    .partners {
        background: #ffffff;
        padding: 60px 0px;
        text-align: center;
    }
}

/* ========================================
   PARTNERS TITLE AND LOGO ROW · TABLET 769-1032px
   Nothing above this line is modified. Same tablet range as the
   .partners padding above: it covers iPad Air 820, iPad Pro 11 834, Surface
   Pro 960 and iPad Pro 1024/1032, and leaves desktop at 1033 and above
   alone.

   It opens at 769, not 601, because of the margin-left. Up to 768 the
   stylesheet sizes these logos from its own max-width: 768px block and
   the row is wider; pushing it across by 123px there put the last logo
   past the right edge and gave the page a horizontal scroll it does not
   have today - 30px at 768, 64px at 700. From 769 up the row fits with
   the offset applied. Phone and the narrow tablet widths keep what they
   have.

   Supplied as written. Against what was already there this changes:
     .partners-logos  adds margin-left: 123px; the flex, centring and
                      119px gap already match the base rule
     .partners-title  adds margin-left: 100px, and restates 34px/44px,
                      which at 601-768 replaces the 26px/36px that the
                      max-width: 768px heading group sets
======================================== */

@media (min-width: 769px) and (max-width: 1032px) {

    .partners-logos {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 123px;
        gap: 119px;
    }

    .partners-title {
        font-size: 34px;
        font-weight: 800;
        line-height: 44px;
        color: var(--heading);
        margin-bottom: 48px;
        margin-left: 100px;
    }
}