.elementor-31326 .elementor-element.elementor-element-fcff37a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-08daab9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-fec9003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-846ffaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-770cdb9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-7c39697{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-7c39697.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31326 .elementor-element.elementor-element-ae031e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-afa809d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-afa809d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31326 .elementor-element.elementor-element-81e8535{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-81e8535.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31326 .elementor-element.elementor-element-a257801{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-a257801.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31326 .elementor-element.elementor-element-e7af70c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-e7af70c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31326 .elementor-element.elementor-element-900c5fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-900c5fd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31326 .elementor-element.elementor-element-096a177{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31326 .elementor-element.elementor-element-096a177.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-31326 .elementor-element.elementor-element-7c39697{--width:100%;}.elementor-31326 .elementor-element.elementor-element-afa809d{--width:100%;}.elementor-31326 .elementor-element.elementor-element-81e8535{--width:100%;}.elementor-31326 .elementor-element.elementor-element-a257801{--width:100%;}.elementor-31326 .elementor-element.elementor-element-e7af70c{--width:100%;}.elementor-31326 .elementor-element.elementor-element-900c5fd{--width:100%;}.elementor-31326 .elementor-element.elementor-element-096a177{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-cba93d8 *//* INTELLIPLANS 2026 HOMEPAGE — SECTION 01: HERO */
.ip26-home-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    isolation: isolate;
    color: #334155;
    background: linear-gradient(118deg, #ffffff 2%, #f8fbff 47%, #edf5ff 100%);
    border-bottom: 1px solid #e3ecf6;
}

.ip26-home-hero *,
.ip26-home-hero *::before,
.ip26-home-hero *::after {
    box-sizing: border-box;
}

.ip26-home-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 600px;
    height: 600px;
    top: -350px;
    right: -190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 46, 133, 0.055), rgba(0, 46, 133, 0) 70%);
    pointer-events: none;
}

.ip26-home-hero__container {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
    align-items: center;
    column-gap: clamp(38px, 4.1vw, 70px);
    max-width: 1510px;
    margin: 0 auto;
    padding: clamp(76px, 7vw, 112px) clamp(25px, 5.1vw, 85px) clamp(70px, 6.7vw, 104px);
}

.ip26-home-hero__copy {
    min-width: 0;
}

.ip26-home-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 25px;
    color: #002e85;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.ip26-home-hero__eyebrow-rule {
    flex: 0 0 25px;
    width: 25px;
    height: 3px;
    background: #68c635;
    border-radius: 20px;
}

.ip26-home-hero__title {
    margin: 0;
    color: #0b2058;
    font-size: clamp(43px, 4vw, 60px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0.3px;
    overflow-wrap: normal;
}

.ip26-home-hero__title-pillar {
    color: #002e85;
}

.ip26-home-hero__title-amp {
    color: #68c635;
}

.ip26-home-hero__title-ending {
    display: block;
    margin-top: 9px;
    color: #0b2058;
}

.ip26-home-hero__intro {
    max-width: 570px;
    margin: 28px 0 0;
    color: #475569;
    font-size: clamp(17px, 1.3vw, 19px);
    font-weight: 400;
    line-height: 1.75;
}

.ip26-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 34px;
}

.ip26-home-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 13px 21px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.15px;
    text-decoration: none !important;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.ip26-home-hero__button svg {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

.ip26-home-hero__button--primary,
.ip26-home-hero__button--primary:visited {
    color: #ffffff !important;
    background: #002e85;
    border-color: #002e85;
}

.ip26-home-hero__button--primary:hover {
    color: #ffffff !important;
    background: #0b2058;
    border-color: #0b2058;
}

.ip26-home-hero__button--secondary,
.ip26-home-hero__button--secondary:visited {
    color: #002e85 !important;
    background: #ffffff;
    border-color: #d6e1ef;
}

.ip26-home-hero__button--secondary:hover {
    color: #002e85 !important;
    background: #f3f8ff;
    border-color: #002e85;
}

.ip26-home-hero__button:focus-visible,
.ip26-home-hero__card-link:focus-visible,
.ip26-home-hero__services a:focus-visible {
    outline: 3px solid #68c635;
    outline-offset: 4px;
}

.ip26-home-hero__location {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 27px 0 0;
    color: #65758c;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
}

.ip26-home-hero__location svg {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    color: #002e85;
}

.ip26-home-hero__location-dot {
    margin: 0 4px;
    color: #68c635;
    font-weight: 600;
}

.ip26-home-hero__visual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    min-width: 0;
    align-items: stretch;
}

.ip26-home-hero__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 485px;
    padding: 23px 21px 22px;
    background: #ffffff;
    border: 1px solid #dce6f3;
    border-radius: 20px;
    box-shadow: 0 20px 48px rgba(11, 32, 88, 0.075);
}

.ip26-home-hero__card--design {
    border-top: 4px solid #002e85;
}

.ip26-home-hero__card--marketing {
    border-top: 4px solid #68c635;
}

.ip26-home-hero__card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 24px;
    color: #002e85;
}

.ip26-home-hero__card-header svg {
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
}

.ip26-home-hero__card-index {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.ip26-home-hero__card-title {
    margin: 23px 0 0;
    color: #0b2058;
    font-size: clamp(20px, 1.7vw, 26px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.3px;
}

.ip26-home-hero__card-text {
    margin: 10px 0 0;
    color: #526178;
    font-size: 13px;
    line-height: 1.65;
}

.ip26-home-hero__browser {
    margin-top: auto;
    margin-bottom: 27px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #cdd9e9;
    border-radius: 12px;
    box-shadow: 0 9px 23px rgba(11, 32, 88, 0.09);
}

.ip26-home-hero__browser-top {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 27px;
    padding: 6px 9px;
    background: #eaf1fa;
    border-bottom: 1px solid #dce6f1;
}

.ip26-home-hero__browser-dots {
    display: inline-flex;
    gap: 3px;
}

.ip26-home-hero__browser-dots i {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9dafc7;
}

.ip26-home-hero__browser-address {
    margin: 0 auto;
    padding: 2px 14px;
    color: #7c8da5;
    background: #ffffff;
    border-radius: 4px;
    font-size: 9px;
    line-height: 1.3;
    white-space: nowrap;
}

.ip26-home-hero__browser-page {
    padding: 12px;
    background: #ffffff;
}

.ip26-home-hero__browser-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
}

.ip26-home-hero__browser-logo {
    width: 42px;
    height: 9px;
    border-radius: 3px;
    background: #002e85;
}

.ip26-home-hero__browser-menu {
    width: 54px;
    height: 5px;
    border-top: 2px solid #b6c5d8;
    border-bottom: 2px solid #b6c5d8;
}

.ip26-home-hero__browser-main {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 12px;
    align-items: center;
    min-height: 91px;
}

.ip26-home-hero__browser-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.ip26-home-hero__browser-line {
    display: block;
    height: 6px;
    border-radius: 4px;
    background: #d3dfed;
}

.ip26-home-hero__browser-line--strong {
    width: 100%;
    height: 10px;
    background: #002e85;
}

.ip26-home-hero__browser-line--medium {
    width: 88%;
}

.ip26-home-hero__browser-line--short {
    width: 64%;
}

.ip26-home-hero__browser-cta {
    width: 52px;
    height: 17px;
    margin-top: 7px;
    border-radius: 4px;
    background: #68c635;
}

.ip26-home-hero__browser-photo {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 92px;
    overflow: hidden;
    border-radius: 7px;
    background: linear-gradient(140deg, #d9ebf9, #b8d3e8);
}

.ip26-home-hero__browser-photo-shape {
    display: block;
    width: 85%;
    height: 66%;
    border-radius: 35px 35px 0 0;
    background: linear-gradient(160deg, #8caed0, #406b9d);
    transform: rotate(-12deg) translateY(14px);
}

.ip26-home-hero__browser-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin-top: 12px;
}

.ip26-home-hero__browser-bottom span {
    height: 22px;
    border-radius: 5px;
    background: #f0f5fb;
    border: 1px solid #e7eff8;
}

.ip26-home-hero__card-link,
.ip26-home-hero__card-link:visited {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    margin-top: auto;
    padding-top: 15px;
    color: #002e85 !important;
    border-top: 1px solid #e7edf5;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
}

.ip26-home-hero__card-link:hover {
    color: #0b2058 !important;
}

.ip26-home-hero__card-link svg {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

.ip26-home-hero__services {
    margin-top: 25px;
}

.ip26-home-hero__services ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ip26-home-hero__services li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ip26-home-hero__services a,
.ip26-home-hero__services a:visited {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 7px;
    min-height: 46px;
    padding: 9px;
    color: #334155 !important;
    background: #f5f8fd;
    border: 1px solid #e7edf6;
    border-radius: 10px;
    text-decoration: none !important;
    transition: border-color 160ms ease, background-color 160ms ease;
}

.ip26-home-hero__services a:hover {
    background: #edf5ff;
    border-color: #bbd0e8;
}

.ip26-home-hero__service-code {
    color: #002e85;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.ip26-home-hero__service-label {
    min-width: 0;
    color: #53627a;
    font-size: 11px;
    line-height: 1.35;
}

.ip26-home-hero__service-arrow {
    display: inline-flex;
    align-items: center;
    color: #002e85;
}

.ip26-home-hero__service-arrow svg {
    width: 15px;
    height: 15px;
}

.ip26-home-hero__marketing-note {
    margin: auto 0 0;
    padding-top: 18px;
    color: #738198;
    font-size: 11px;
    line-height: 1.55;
}

.ip26-home-hero__visual-footer {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 0 0;
    color: #596b85;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

.ip26-home-hero__visual-footer svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: #002e85;
}

@media (max-width: 1250px) {
    .ip26-home-hero__container {
        grid-template-columns: minmax(0, 0.87fr) minmax(0, 1.13fr);
        column-gap: 28px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .ip26-home-hero__title {
        font-size: clamp(39px, 4vw, 51px);
    }

    .ip26-home-hero__card {
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (max-width: 1050px) {
    .ip26-home-hero__container {
        grid-template-columns: minmax(0, 1fr);
        gap: 55px;
        max-width: 900px;
        padding: 78px 35px 75px;
    }

    .ip26-home-hero__copy {
        max-width: 760px;
    }

    .ip26-home-hero__title {
        max-width: 760px;
        font-size: clamp(45px, 5.8vw, 60px);
    }

    .ip26-home-hero__card {
        min-height: 455px;
        padding: 27px;
    }

    .ip26-home-hero__card-title {
        font-size: 25px;
    }

    .ip26-home-hero__service-label {
        font-size: 12px;
    }
}

@media (max-width: 680px) {
    .ip26-home-hero__container {
        gap: 42px;
        padding: 62px 22px 62px;
    }

    .ip26-home-hero__eyebrow {
        margin-bottom: 21px;
        font-size: 10px;
        letter-spacing: 1px;
    }

    .ip26-home-hero__title {
        font-size: clamp(35px, 8vw, 46px);
        line-height: 1.18;
    }

    .ip26-home-hero__title-ending {
        margin-top: 8px;
    }

    .ip26-home-hero__intro {
        margin-top: 21px;
        font-size: 16px;
        line-height: 1.7;
    }

    .ip26-home-hero__actions {
        gap: 10px;
        margin-top: 27px;
    }

    .ip26-home-hero__button {
        min-height: 51px;
        width: 100%;
    }

    .ip26-home-hero__location {
        margin-top: 22px;
        font-size: 12px;
    }

    .ip26-home-hero__visual {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .ip26-home-hero__card {
        min-height: auto;
        padding: 23px;
    }

    .ip26-home-hero__card-title {
        margin-top: 18px;
        font-size: 24px;
    }

    .ip26-home-hero__card-text {
        font-size: 13px;
    }

    .ip26-home-hero__browser {
        margin-top: 26px;
        margin-bottom: 22px;
    }

    .ip26-home-hero__browser-main {
        min-height: 108px;
    }

    .ip26-home-hero__browser-photo {
        height: 108px;
    }

    .ip26-home-hero__marketing-note {
        padding-top: 20px;
    }

    .ip26-home-hero__visual-footer {
        padding-top: 8px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ip26-home-hero__button,
    .ip26-home-hero__services a {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81a9d8c *//* INTELLIPLANS 2026 HOMEPAGE — SECTION 02: TRUST & CREDIBILITY */ .ip26-trust3 { position: relative; isolation: isolate; width: 100%; overflow: hidden; background: #0b2058; color: #ffffff; } .ip26-trust3 *, .ip26-trust3 *::before, .ip26-trust3 *::after { box-sizing: border-box; } /* Upper section background */ .ip26-trust3::before { position: absolute; z-index: -1; top: -290px; right: -170px; width: 790px; height: 790px; border-radius: 50%; background: radial-gradient( circle, rgba(50, 111, 197, 0.24), transparent 68% ); content: ""; pointer-events: none; } .ip26-trust3__shell { width: 100%; max-width: 1510px; margin: 0 auto; padding: clamp(75px, 6.8vw, 104px) clamp(25px, 5.1vw, 85px) clamp(72px, 6.5vw, 102px); } /* Upper heading */ .ip26-trust3__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: clamp(34px, 3.4vw, 55px); } .ip26-trust3__kicker { display: flex; align-items: center; gap: 12px; margin: 0; color: #cbdcf3; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.2px; } .ip26-trust3__kicker-line { flex: 0 0 27px; height: 3px; border-radius: 10px; background: #68c635; } .ip26-trust3__location { color: #c1d0e7; font-size: 12px; font-weight: 500; line-height: 1.5; text-align: right; } /* Editorial introduction */ .ip26-trust3__editorial { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr); align-items: start; gap: clamp(40px, 5vw, 85px); } .ip26-trust3__story { min-width: 0; padding-top: clamp(15px, 2vw, 30px); } .ip26-trust3 h2.ip26-trust3__title { max-width: 740px; margin: 0; color: #ffffff !important; font-size: clamp(42px, 4.1vw, 60px); font-weight: 600; line-height: 1.18; letter-spacing: 0.3px; } .ip26-trust3 h2.ip26-trust3__title > span { display: block; color: #b0ed87 !important; } .ip26-trust3__lead { max-width: 650px; margin: 25px 0 0; color: #e1eaf7; font-size: clamp(16px, 1.28vw, 19px); line-height: 1.74; } .ip26-trust3__support { max-width: 580px; margin: 15px 0 0; color: #bfd0e8; font-size: 15px; line-height: 1.73; } .ip26-trust3__history-link, .ip26-trust3__history-link:visited { display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; padding-bottom: 9px; border-bottom: 2px solid #68c635; color: #ffffff !important; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; } .ip26-trust3__history-link:hover { color: #b0ed87 !important; } .ip26-trust3__history-link svg { flex: 0 0 18px; width: 18px; height: 18px; } /* Historical timeline */ .ip26-trust3__timeline { display: flex; flex-direction: column; align-self: start; min-width: 0; padding: clamp(26px, 3vw, 40px); border: 1px solid rgba(222, 235, 255, 0.24); border-radius: 24px; background: rgba(255, 255, 255, 0.06); } .ip26-trust3__timeline-label { margin: 0 !important; padding: 0 !important; color: #d5e3f6; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.15px; } /* Large 1999: eliminate extra bottom spacing */ #ip26-home-trust .ip26-trust3__timeline-year { display: block; margin: 17px 0 0 !important; padding: 0 !important; border: 0 !important; color: #ffffff; font-size: clamp(77px, 8.8vw, 129px); font-weight: 600; line-height: 1 !important; letter-spacing: 0.3px; font-variant-numeric: tabular-nums; } .ip26-trust3__timeline-year span { color: #68c635; } /* Timeline milestones: controlled gap below large 1999 */ #ip26-home-trust .ip26-trust3__milestones { position: relative; display: grid; gap: 10px; margin: 24px 0 0 !important; padding: 0 0 0 31px !important; border: 0 !important; } /* Vertical connecting line */ .ip26-trust3__milestones::before { position: absolute; top: 10px; bottom: 11px; left: 6px; width: 1px; background: rgba(211, 227, 247, 0.45); content: ""; } /* Individual milestone */ .ip26-trust3__milestone { position: relative; min-width: 0; margin: 0 !important; padding: 0 !important; } .ip26-trust3__milestone-dot { position: absolute; top: 5px; left: -31px; width: 13px; height: 13px; border: 3px solid #a6bcdb; border-radius: 50%; background: #0b2058; } .ip26-trust3__milestone-dot--current { border-color: #68c635; background: #68c635; box-shadow: 0 0 0 4px rgba(104, 198, 53, 0.14); } .ip26-trust3__milestone-content { min-width: 0; } .ip26-trust3__milestone strong { display: block; margin: 0 0 3px !important; padding: 0 !important; color: #ffffff; font-size: 14px; font-weight: 600; line-height: 1.4; } .ip26-trust3__milestone p { margin: 0 !important; padding: 0 !important; color: #c5d6ed; font-size: 12px; line-height: 1.55; } .ip26-trust3__milestone--current strong { color: #b0ed87; } .ip26-trust3__milestone--current p { color: #e0eaf8; } /* Industries: clean white area */ .ip26-trust3__industries { position: relative; width: 100%; background: linear-gradient( 160deg, #ffffff 38%, #f6faff 100% ); color: #334155; } .ip26-trust3__industries-inner { width: 100%; max-width: 1510px; margin: 0 auto; padding: clamp(78px, 7vw, 110px) clamp(25px, 5.1vw, 85px) clamp(80px, 7vw, 110px); } /* Industry section headline */ .ip26-trust3__industries-heading { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: end; column-gap: clamp(35px, 5vw, 85px); margin-bottom: 45px; } .ip26-trust3__industries-eyebrow { grid-column: 1 / -1; margin: 0 0 17px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.15px; } .ip26-trust3 h3.ip26-trust3__industries-title { margin: 0; color: #0b2058 !important; font-size: clamp(32px, 3.1vw, 45px); font-weight: 600; line-height: 1.23; letter-spacing: 0.3px; } .ip26-trust3__industries-title span { display: block; color: #002e85; } .ip26-trust3__industries-intro { max-width: 660px; margin: 0 0 4px; color: #526178; font-size: 16px; line-height: 1.75; } /* Nine industries: three-column grid */ .ip26-trust3__industries-detail { width: 100%; min-width: 0; } .ip26-trust3__industries-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(14px, 2.2vw, 32px); row-gap: 27px; width: 100%; margin: 0; padding: 0; list-style: none; border: 0; } .ip26-trust3__industries-list li { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0; padding: 0; color: #0b2058; font-size: clamp(12px, 1.03vw, 15px); font-weight: 600; line-height: 1.5; letter-spacing: 0.1px; list-style: none; border: 0; background: transparent; } .ip26-trust3__industries-list svg { flex: 0 0 21px; width: 21px; height: 21px; color: #002e85; } .ip26-trust3__industries-list li span { display: block; min-width: 0; white-space: nowrap; } /* Closing statement */ .ip26-trust3__industries-closing { max-width: 1150px; margin: 49px 0 0; padding: 0; border: 0; color: #526178; font-size: 15px; font-weight: 400; line-height: 1.85; text-align: left; } .ip26-trust3__industries-closing strong { display: inline; margin-right: 5px; color: #002e85; font-size: 18px; font-weight: 600; line-height: inherit; letter-spacing: 0.3px; } /* Accessibility */ .ip26-trust3 a:focus-visible { outline: 3px solid #68c635; outline-offset: 5px; border-radius: 3px; } /* Medium desktop */ @media (max-width: 1190px) { .ip26-trust3__editorial { gap: 34px; } .ip26-trust3 h2.ip26-trust3__title { font-size: clamp(39px, 4.1vw, 51px); } #ip26-home-trust .ip26-trust3__timeline-year { font-size: clamp(73px, 8vw, 110px); } .ip26-trust3__industries-list li { font-size: 13px; } } /* Tablet */ @media (max-width: 1050px) { .ip26-trust3__shell { padding: 75px 35px 74px; } .ip26-trust3__editorial { grid-template-columns: minmax(0, 1fr); gap: 37px; } .ip26-trust3__story { padding-top: 0; } .ip26-trust3__timeline { display: grid; grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.32fr); align-items: start; column-gap: 22px; } .ip26-trust3__timeline-label { grid-column: 1 / -1; margin-bottom: 14px !important; } #ip26-home-trust .ip26-trust3__timeline-year { margin: 0 !important; padding: 0 !important; border: 0 !important; } #ip26-home-trust .ip26-trust3__milestones { margin: 0 !important; } .ip26-trust3__industries-inner { padding-right: 35px; padding-left: 35px; } .ip26-trust3__industries-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 26px; row-gap: 23px; } .ip26-trust3__industries-list li { font-size: 15px; } } /* Small tablet */ @media (max-width: 760px) { .ip26-trust3__industries-heading { grid-template-columns: minmax(0, 1fr); gap: 19px; margin-bottom: 38px; } .ip26-trust3__industries-eyebrow { grid-column: 1; margin-bottom: 0; } .ip26-trust3__industries-intro { max-width: 680px; margin: 0; } .ip26-trust3__industries-list li { font-size: 13px; } } /* Mobile */ @media (max-width: 700px) { .ip26-trust3__shell { padding: 62px 22px 65px; } .ip26-trust3__header { margin-bottom: 34px; } .ip26-trust3__kicker { font-size: 10px; } .ip26-trust3__location { display: none; } .ip26-trust3 h2.ip26-trust3__title { font-size: clamp(35px, 8vw, 45px); } .ip26-trust3__lead { font-size: 16px; } .ip26-trust3__support { font-size: 14px; } .ip26-trust3__timeline { display: block; padding: 26px; } .ip26-trust3__timeline-label { margin-bottom: 0 !important; } #ip26-home-trust .ip26-trust3__timeline-year { margin: 13px 0 0 !important; padding: 0 !important; font-size: clamp(79px, 20vw, 110px); } #ip26-home-trust .ip26-trust3__milestones { margin-top: 22px !important; gap: 12px; } .ip26-trust3__industries-inner { padding: 65px 22px 70px; } .ip26-trust3 h3.ip26-trust3__industries-title { font-size: clamp(30px, 7.2vw, 40px); } .ip26-trust3__industries-intro { font-size: 15px; } .ip26-trust3__industries-list { grid-template-columns: minmax(0, 1fr); row-gap: 19px; } .ip26-trust3__industries-list li { font-size: clamp(11px, 3.25vw, 15px); gap: 9px; } .ip26-trust3__industries-list svg { flex-basis: 19px; width: 19px; height: 19px; } .ip26-trust3__industries-closing { margin-top: 39px; font-size: 14px; line-height: 1.8; } .ip26-trust3__industries-closing strong { font-size: 16px; } } @media (prefers-reduced-motion: reduce) { .ip26-trust3__history-link { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-786dff3 *//* INTELLIPLANS 2026 HOMEPAGE — SECTION 03: FIVE CORE SERVICES */ .ip26-home-services { position: relative; width: 100%; overflow: hidden; color: #334155; background: #f4f8fd; } .ip26-home-services *, .ip26-home-services *::before, .ip26-home-services *::after { box-sizing: border-box; } .ip26-home-services__container { width: 100%; max-width: 1510px; margin: 0 auto; padding: clamp(78px, 7vw, 112px) clamp(25px, 5.1vw, 85px) clamp(72px, 6vw, 95px); } .ip26-home-services__introduction { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); align-items: end; gap: clamp(30px, 4vw, 64px); margin-bottom: 39px; } .ip26-home-services__eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 18px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.15px; } .ip26-home-services__eyebrow-line { flex: 0 0 27px; width: 27px; height: 3px; border-radius: 10px; background: #68c635; } .ip26-home-services h2.ip26-home-services__title { max-width: 700px; margin: 0; color: #0b2058 !important; font-size: clamp(34px, 3.4vw, 50px); font-weight: 600; line-height: 1.22; letter-spacing: 0.3px; } .ip26-home-services__title span { display: block; color: #002e85; } .ip26-home-services__lead { max-width: 500px; margin: 0 0 4px; color: #526178; font-size: clamp(16px, 1.2vw, 18px); line-height: 1.74; } .ip26-home-services__pillars { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 22px; } /* Website Design: full-height editorial pillar */ .ip26-home-services__design { position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; min-height: 645px; padding: clamp(29px, 3vw, 45px); overflow: hidden; color: #ffffff; background: linear-gradient(148deg, #002e85 0%, #0b2058 90%); border: 1px solid #002e85; border-radius: 22px; } .ip26-home-services__design::before { position: absolute; z-index: -1; top: 80px; right: -245px; width: 500px; height: 500px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255, 255, 255, 0.025); content: ""; pointer-events: none; } .ip26-home-services__design-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #dbe8ff; } .ip26-home-services__pillar-label, .ip26-home-services__marketing-label { font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1px; } .ip26-home-services__design-top svg { flex: 0 0 28px; width: 28px; height: 28px; color: #ffffff; } .ip26-home-services__design-content { margin: auto 0; padding-top: 28px; padding-bottom: 25px; } .ip26-home-services__design-number { display: block; margin-bottom: 8px; color: #a9df84; font-size: clamp(65px, 6.5vw, 97px); font-weight: 600; line-height: 1; letter-spacing: 0.3px; font-variant-numeric: tabular-nums; } .ip26-home-services h3#ip26-home-services-design-title { margin: 0; color: #ffffff !important; font-size: clamp(30px, 3vw, 43px); font-weight: 600; line-height: 1.2; letter-spacing: 0.3px; } .ip26-home-services__design-statement { max-width: 450px; margin: 16px 0 0; color: #ffffff; font-size: clamp(18px, 1.7vw, 22px); font-weight: 600; line-height: 1.45; } .ip26-home-services__design-description { max-width: 510px; margin: 14px 0 0; color: #d7e4f7; font-size: 15px; line-height: 1.73; } .ip26-home-services__design-points { display: grid; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; } .ip26-home-services__design-points li { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 0; color: #e6eefb; font-size: 13px; line-height: 1.55; list-style: none; } .ip26-home-services__design-points svg { flex: 0 0 19px; width: 19px; height: 19px; color: #b5ef8b; } .ip26-home-services__design-link, .ip26-home-services__design-link:visited { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 53px; padding: 15px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.25); color: #ffffff !important; font-size: 14px; font-weight: 600; line-height: 1.45; text-decoration: none !important; } .ip26-home-services__design-link:hover { color: #b5ef8b !important; } .ip26-home-services__design-link svg, .ip26-home-services__service a svg { flex: 0 0 18px; width: 18px; height: 18px; } /* Digital Marketing: four distinct focus pages */ .ip26-home-services__marketing { display: flex; flex-direction: column; min-width: 0; } .ip26-home-services__marketing-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; min-height: 105px; padding: 0 2px 20px; } .ip26-home-services__marketing-label { display: block; margin: 0 0 9px; color: #002e85; } .ip26-home-services h3#ip26-home-services-marketing-title { margin: 0; color: #0b2058 !important; font-size: clamp(24px, 2.2vw, 31px); font-weight: 600; line-height: 1.2; letter-spacing: 0.3px; } .ip26-home-services__marketing-heading > p { max-width: 230px; margin: 0; color: #566780; font-size: 12px; line-height: 1.6; } .ip26-home-services__marketing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); flex: 1; gap: 15px; } .ip26-home-services__service { display: flex; flex-direction: column; min-width: 0; min-height: 245px; padding: clamp(18px, 2vw, 27px); border: 1px solid #dbe6f2; border-radius: 18px; background: #ffffff; box-shadow: 0 8px 27px rgba(11, 32, 88, 0.045); } .ip26-home-services__service-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #002e85; } .ip26-home-services__service-index { font-size: 9px; font-weight: 600; line-height: 1.45; letter-spacing: 0.65px; } .ip26-home-services__service-top svg { flex: 0 0 23px; width: 23px; height: 23px; } .ip26-home-services__service h4 { margin: 22px 0 10px; color: #0b2058 !important; font-size: clamp(25px, 2.2vw, 33px); font-weight: 600; line-height: 1.1; letter-spacing: 0.3px; } .ip26-home-services__service p { margin: 0 0 24px; color: #56647a; font-size: 13px; line-height: 1.7; } .ip26-home-services__service a, .ip26-home-services__service a:visited { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 13px; border-top: 1px solid #e5edf6; color: #002e85 !important; font-size: 13px; font-weight: 600; line-height: 1.4; text-decoration: none !important; } .ip26-home-services__service a:hover { color: #0b2058 !important; } .ip26-home-services a:focus-visible { outline: 3px solid #68c635; outline-offset: 5px; border-radius: 3px; } .ip26-home-services__closing { margin: 29px 0 0; color: #002e85; font-size: 14px; font-weight: 600; line-height: 1.7; text-align: center; } .ip26-home-services__closing span { color: #596b82; font-weight: 400; } @media (max-width: 1250px) { .ip26-home-services__marketing-heading { display: block; } .ip26-home-services__marketing-heading > p { max-width: none; margin-top: 8px; } .ip26-home-services__service-index { font-size: 9px; } } @media (max-width: 1080px) { .ip26-home-services__introduction { grid-template-columns: minmax(0, 1fr); gap: 17px; } .ip26-home-services__pillars { grid-template-columns: minmax(0, 1fr); gap: 29px; } .ip26-home-services__design { min-height: 0; } .ip26-home-services__design-content { margin: 24px 0 38px; padding: 0; } .ip26-home-services__marketing-heading { min-height: 0; padding-bottom: 20px; } .ip26-home-services__marketing-heading > p { max-width: 530px; } .ip26-home-services__marketing-grid { grid-template-rows: auto; } .ip26-home-services__service { min-height: 245px; } } @media (max-width: 700px) { .ip26-home-services__container { padding: 65px 22px 67px; } .ip26-home-services__introduction { margin-bottom: 28px; } .ip26-home-services h2.ip26-home-services__title { font-size: clamp(31px, 7vw, 42px); } .ip26-home-services__lead { font-size: 16px; } .ip26-home-services__design { padding: 26px; } .ip26-home-services__design-number { font-size: 69px; } .ip26-home-services h3#ip26-home-services-design-title { font-size: 34px; } .ip26-home-services__marketing-grid { gap: 12px; } .ip26-home-services__service { padding: 21px; } } @media (max-width: 550px) { .ip26-home-services__marketing-grid { grid-template-columns: minmax(0, 1fr); } .ip26-home-services__service { min-height: 0; } .ip26-home-services__service h4 { margin-top: 18px; } .ip26-home-services__closing { text-align: left; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50c3ed8 *//* SECTION 04: EVERYTHING WORKS TOGETHER */ .ip26-home-connect { position: relative; width: 100%; overflow: hidden; background: #ffffff; color: #334155; } .ip26-home-connect *, .ip26-home-connect *::before, .ip26-home-connect *::after { box-sizing: border-box; } .ip26-home-connect__container { width: 100%; max-width: 1510px; margin: 0 auto; padding: clamp(80px, 7vw, 112px) clamp(25px, 5.1vw, 85px) clamp(75px, 6.5vw, 105px); } /* Section introduction */ .ip26-home-connect__intro { display: block; width: 100%; margin-bottom: 34px; } .ip26-home-connect__intro-heading { width: 100%; } .ip26-home-connect__eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 20px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.15px; } .ip26-home-connect__eyebrow-rule { flex: 0 0 27px; width: 27px; height: 3px; border-radius: 10px; background: #68c635; } .ip26-home-connect h2.ip26-home-connect__title { margin: 0; color: #0b2058 !important; font-size: clamp(35px, 3.5vw, 51px); font-weight: 600; line-height: 1.22; letter-spacing: 0.3px; } .ip26-home-connect__title span { display: block; color: #002e85; } .ip26-home-connect p.ip26-home-connect__intro-copy { display: block; width: 100%; max-width: none; margin: 21px 0 0 !important; padding: 0 !important; color: #526178; font-size: clamp(16px, 1.25vw, 18px); font-weight: 400; line-height: 1.75; text-align: left; } /* Main strategy layout */ .ip26-home-connect__framework { display: grid; grid-template-columns: minmax(0, 0.87fr) minmax(0, 1.13fr); align-items: stretch; gap: 20px; } /* Website foundation */ .ip26-home-connect__foundation { position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; min-height: 540px; padding: clamp(28px, 2.9vw, 43px); overflow: hidden; border-radius: 22px; background: linear-gradient(150deg, #002e85 0%, #0b2058 94%); color: #ffffff; } .ip26-home-connect__foundation::before { content: ""; position: absolute; z-index: -1; width: 340px; height: 340px; top: 88px; right: -180px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; box-shadow: 0 0 0 54px rgba(255, 255, 255, 0.025); pointer-events: none; } .ip26-home-connect__foundation-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #d7e5fa; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1px; } .ip26-home-connect__foundation-top svg { flex: 0 0 26px; width: 26px; height: 26px; } .ip26-home-connect__foundation-main { margin: auto 0; padding: 28px 0; } .ip26-home-connect__foundation-overline { display: block; margin-bottom: 18px; color: #b7eb96; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1px; } .ip26-home-connect h3#ip26-home-connect-foundation-title { margin: 0; color: #ffffff !important; font-size: clamp(36px, 3.4vw, 50px); font-weight: 600; line-height: 1.2; letter-spacing: 0.3px; } .ip26-home-connect__foundation-main p { max-width: 460px; margin: 18px 0 0; color: #dfebfb; font-size: clamp(15px, 1.2vw, 17px); line-height: 1.75; } .ip26-home-connect__foundation-points { display: grid; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; } .ip26-home-connect__foundation-points li { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 0; list-style: none; color: #e4eefc; font-size: 13px; line-height: 1.55; } .ip26-home-connect__foundation-points svg { flex: 0 0 20px; width: 20px; height: 20px; color: #b7eb96; } .ip26-home-connect__foundation-link, .ip26-home-connect__foundation-link:visited { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding-top: 17px; border-top: 1px solid rgba(255, 255, 255, 0.27); color: #ffffff !important; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; } .ip26-home-connect__foundation-link:hover { color: #c4f0a3 !important; } .ip26-home-connect__foundation-link svg { flex: 0 0 19px; width: 19px; height: 19px; } /* Customer discovery */ .ip26-home-connect__discovery { display: flex; flex-direction: column; min-width: 0; padding: clamp(26px, 2.5vw, 35px); border: 1px solid #dde7f3; border-radius: 22px; background: #f8fbff; } .ip26-home-connect__discovery-kicker { margin: 0 0 10px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1px; } .ip26-home-connect h3#ip26-home-connect-discovery-title { margin: 0; color: #0b2058 !important; font-size: clamp(23px, 2.2vw, 31px); font-weight: 600; line-height: 1.3; letter-spacing: 0.3px; } .ip26-home-connect__discovery-heading > p:last-child { max-width: 560px; margin: 9px 0 20px; color: #5b6a7f; font-size: 13px; line-height: 1.65; } .ip26-home-connect__paths { display: flex; flex: 1; flex-direction: column; justify-content: space-between; } .ip26-home-connect__path { display: grid; grid-template-columns: 43px minmax(0, 1fr) 36px; align-items: center; gap: 16px; padding: 18px 0; border-top: 1px solid #d9e5f1; } .ip26-home-connect__path-index { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; border: 1px solid #d5e2f2; border-radius: 13px; color: #002e85; background: #ffffff; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; } .ip26-home-connect__path-content { min-width: 0; } .ip26-home-connect__path-type { margin: 0 0 3px; color: #72829a; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: 0.7px; } .ip26-home-connect__path h4 { margin: 0 0 6px; color: #0b2058 !important; font-size: 24px; font-weight: 600; line-height: 1.2; letter-spacing: 0.3px; } .ip26-home-connect__path-content > p:last-child { margin: 0; color: #526178; font-size: 13px; line-height: 1.58; } .ip26-home-connect__path a, .ip26-home-connect__path a:visited { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #002e85 !important; border: 1px solid #c8d9eb; border-radius: 50%; background: #ffffff; text-decoration: none !important; transition: background-color 160ms ease, border-color 160ms ease; } .ip26-home-connect__path a:hover { background: #e7f1fd; border-color: #002e85; } .ip26-home-connect__path a svg { width: 17px; height: 17px; } /* AIO: digital-readiness layer */ .ip26-home-connect__readiness { display: grid; grid-template-columns: minmax(115px, 0.48fr) minmax(0, 1.6fr) auto; align-items: center; gap: clamp(18px, 3vw, 46px); margin-top: 20px; padding: clamp(25px, 2.8vw, 39px); border: 1px solid #d4e6c8; border-left: 5px solid #68c635; border-radius: 18px; background: #f4faef; } .ip26-home-connect__readiness-id { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; color: #436732; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: 0.8px; } .ip26-home-connect__readiness-number { color: #002e85; font-size: clamp(46px, 4.2vw, 59px); font-weight: 600; line-height: 1; letter-spacing: 0.3px; } .ip26-home-connect h3#ip26-home-connect-readiness-title { margin: 0; color: #0b2058 !important; font-size: clamp(20px, 1.9vw, 27px); font-weight: 600; line-height: 1.3; letter-spacing: 0.3px; } .ip26-home-connect__readiness-content p { max-width: 760px; margin: 9px 0 0; color: #526178; font-size: 14px; line-height: 1.7; } .ip26-home-connect__readiness-link, .ip26-home-connect__readiness-link:visited { display: inline-flex; align-items: center; gap: 10px; color: #002e85 !important; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; white-space: nowrap; } .ip26-home-connect__readiness-link:hover { color: #0b2058 !important; } .ip26-home-connect__readiness-link svg { flex: 0 0 19px; width: 19px; height: 19px; } /* Closing statement: controlled horizontal alignment */ .ip26-home-connect__closing { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 28px; width: 100%; margin-top: 27px; } /* Checkmark and text share one aligned flex row */ .ip26-home-connect__closing-copy { display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start; gap: 11px; flex: 1 1 auto; width: auto; max-width: 840px; min-width: 0; margin: 0 !important; padding: 0 !important; } /* Explicit SVG sizing prevents theme interference */ #ip26-home-connect .ip26-home-connect__closing-copy > svg { display: block !important; flex: 0 0 21px !important; width: 21px !important; height: 21px !important; min-width: 21px !important; max-width: 21px !important; min-height: 21px !important; max-height: 21px !important; margin: 2px 0 0 !important; padding: 0 !important; align-self: flex-start !important; color: #002e85 !important; vertical-align: top; } #ip26-home-connect .ip26-home-connect__closing-copy > p { display: block !important; flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 !important; align-self: flex-start !important; color: #5c6b7f; font-size: 14px; line-height: 1.7; text-align: left; } .ip26-home-connect__closing-copy strong { color: #0b2058; font-weight: 600; } /* CTA must remain one horizontal line */ #ip26-home-connect .ip26-home-connect__closing > a, #ip26-home-connect .ip26-home-connect__closing > a:visited { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; flex: 0 0 auto !important; width: auto !important; height: auto !important; min-height: 24px; margin: 0 !important; padding: 0 !important; color: #002e85 !important; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; white-space: nowrap; } #ip26-home-connect .ip26-home-connect__closing > a:hover { color: #0b2058 !important; } /* Force CTA arrow to exactly 19 x 19 pixels */ #ip26-home-connect .ip26-home-connect__closing > a > svg { display: block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; min-width: 19px !important; max-width: 19px !important; min-height: 19px !important; max-height: 19px !important; margin: 0 !important; padding: 0 !important; align-self: center !important; color: currentColor !important; vertical-align: middle; } /* Accessibility */ .ip26-home-connect a:focus-visible { outline: 3px solid #68c635; outline-offset: 5px; border-radius: 3px; } /* Tablet */ @media (max-width: 1100px) { .ip26-home-connect__framework { grid-template-columns: minmax(0, 1fr); } .ip26-home-connect__foundation { min-height: 0; } .ip26-home-connect__foundation-main { margin: 22px 0 32px; padding: 0; } .ip26-home-connect__discovery { padding: 30px; } .ip26-home-connect__path { min-height: 115px; } .ip26-home-connect__readiness { grid-template-columns: 115px minmax(0, 1fr); } .ip26-home-connect__readiness-link { grid-column: 2; } } @media (max-width: 760px) { .ip26-home-connect__container { padding: 72px 30px 75px; } .ip26-home-connect__intro { margin-bottom: 30px; } .ip26-home-connect p.ip26-home-connect__intro-copy { margin-top: 18px !important; } .ip26-home-connect__closing { flex-direction: column; align-items: flex-start; gap: 18px; } #ip26-home-connect .ip26-home-connect__closing > a { justify-content: flex-start !important; } } /* Mobile */ @media (max-width: 560px) { .ip26-home-connect__container { padding: 64px 22px 67px; } .ip26-home-connect h2.ip26-home-connect__title { font-size: clamp(33px, 7.7vw, 43px); } .ip26-home-connect p.ip26-home-connect__intro-copy { font-size: 16px; margin-top: 17px !important; } .ip26-home-connect__framework { gap: 15px; } .ip26-home-connect__foundation, .ip26-home-connect__discovery { padding: 25px; border-radius: 19px; } .ip26-home-connect h3#ip26-home-connect-foundation-title { font-size: 38px; } .ip26-home-connect__path { grid-template-columns: 34px minmax(0, 1fr) 30px; gap: 10px; min-height: 0; padding: 19px 0; } .ip26-home-connect__path-index { width: 34px; height: 34px; border-radius: 10px; font-size: 12px; } .ip26-home-connect__path h4 { font-size: 22px; } .ip26-home-connect__path-content > p:last-child { font-size: 12px; } .ip26-home-connect__path a { width: 30px; height: 30px; } .ip26-home-connect__readiness { grid-template-columns: minmax(0, 1fr); gap: 15px; padding: 24px; } .ip26-home-connect__readiness-id { flex-direction: row; align-items: center; gap: 14px; } .ip26-home-connect__readiness-number { font-size: 48px; } .ip26-home-connect__readiness-link { grid-column: 1; } } @media (prefers-reduced-motion: reduce) { .ip26-home-connect__path a { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0edb370 *//* SECTION 05: FEATURED WORK */ .ip26-work { width: 100%; overflow: hidden; background: #f5f9fe; color: #334155; } .ip26-work *, .ip26-work *::before, .ip26-work *::after { box-sizing: border-box; } .ip26-work__container { width: 100%; max-width: 1510px; margin: 0 auto; padding: clamp(78px, 7vw, 112px) clamp(25px, 5.1vw, 85px) clamp(76px, 6.5vw, 105px); } /* Section introduction */ .ip26-work__header { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 34px; } .ip26-work__heading { max-width: 820px; min-width: 0; } .ip26-work__eyebrow { display: flex; align-items: center; gap: 11px; margin: 0 0 19px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.15px; } .ip26-work__eyebrow-line { width: 27px; height: 3px; flex: 0 0 27px; border-radius: 10px; background: #68c635; } .ip26-work h2.ip26-work__title { margin: 0; color: #0b2058 !important; font-size: clamp(35px, 3.5vw, 51px); font-weight: 600; line-height: 1.22; letter-spacing: 0.3px; } .ip26-work__title span { display: block; color: #002e85; } .ip26-work__intro { max-width: 720px; margin: 20px 0 0; color: #526178; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.75; } /* Carousel navigation */ .ip26-work__navigation { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; flex: 0 0 auto; padding-bottom: 2px; } .ip26-work__count { color: #62738b; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 0.9px; } .ip26-work__controls { display: flex; align-items: center; gap: 10px; } #ip26-home-work .ip26-work__control { appearance: none; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45px; width: 45px; height: 45px; min-width: 45px; min-height: 45px; padding: 0 !important; margin: 0 !important; border: 1px solid #cbd8e9; border-radius: 50%; color: #002e85; background: #ffffff; box-shadow: none; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease; } #ip26-home-work .ip26-work__control:hover:not(:disabled) { color: #ffffff; background: #002e85; border-color: #002e85; } #ip26-home-work .ip26-work__control:disabled { opacity: 0.38; cursor: default; } #ip26-home-work .ip26-work__control svg { display: block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; min-width: 19px !important; min-height: 19px !important; max-width: 19px !important; max-height: 19px !important; } /* Horizontal portfolio carousel */ .ip26-work__rail { display: flex; gap: 20px; width: 100%; min-width: 0; margin: 0; padding: 5px 2px 20px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 2px; scrollbar-width: thin; scrollbar-color: #b7c9df transparent; -webkit-overflow-scrolling: touch; } .ip26-work__rail::-webkit-scrollbar { height: 5px; } .ip26-work__rail::-webkit-scrollbar-thumb { background: #b7c9df; border-radius: 20px; } .ip26-work__rail::-webkit-scrollbar-track { background: transparent; } /* Portfolio cards */ .ip26-work__card { display: flex; flex-direction: column; flex: 0 0 calc((100% - 40px) / 3); min-width: 0; overflow: hidden; scroll-snap-align: start; scroll-snap-stop: normal; background: #ffffff; border: 1px solid #dce6f2; border-radius: 20px; box-shadow: 0 12px 30px rgba(11, 32, 88, 0.055); } .ip26-work__media { display: block; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; background: #edf3fb; border-bottom: 1px solid #e2eaf4; text-decoration: none !important; } /* Real images are shown completely, without cropping */ #ip26-home-work .ip26-work__media img { display: block; width: 100%; height: 100%; max-width: none; min-height: 0; margin: 0; padding: 0; object-fit: contain; object-position: center; border-radius: 0 !important; background: #ffffff; } /* Clearly identified screenshot placeholders */ .ip26-work__placeholder { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; min-height: 0; overflow: hidden; padding: 30px 16px; background: linear-gradient( 140deg, #f1f6fd 0%, #e4eef9 100% ); text-align: center; } .ip26-work__placeholder::before { position: absolute; z-index: -1; top: -100px; right: -100px; width: 290px; height: 290px; border: 1px solid rgba(0, 46, 133, 0.09); border-radius: 50%; box-shadow: 0 0 0 55px rgba(0, 46, 133, 0.025); content: ""; } .ip26-work__placeholder-browser { display: flex; align-items: center; justify-content: flex-start; gap: 5px; width: min(66%, 200px); height: 34px; padding: 0 12px; margin-bottom: 8px; border: 1px solid #bfd0e5; border-radius: 9px; background: rgba(255, 255, 255, 0.75); } .ip26-work__placeholder-browser i { display: block; width: 7px; height: 7px; border-radius: 50%; background: #8ca6c8; } .ip26-work__placeholder-name { color: #0b2058; font-size: clamp(18px, 1.7vw, 25px); font-weight: 600; line-height: 1.3; letter-spacing: 0.3px; } .ip26-work__placeholder-status { color: #62758f; font-size: 12px; font-weight: 500; line-height: 1.5; } /* Card content */ .ip26-work__card-content { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 24px 25px 23px; } .ip26-work__category { margin: 0 0 10px; color: #002e85; font-size: 10px; font-weight: 600; line-height: 1.5; letter-spacing: 0.85px; } .ip26-work__card-content h3 { margin: 0; color: #0b2058 !important; font-size: clamp(20px, 1.8vw, 25px); font-weight: 600; line-height: 1.3; letter-spacing: 0.3px; } .ip26-work__domain { margin: 8px 0 25px; color: #69788e; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } .ip26-work__visit, .ip26-work__visit:visited { display: inline-flex !important; align-items: center !important; justify-content: space-between; gap: 15px; width: 100%; margin-top: auto; padding-top: 15px; border-top: 1px solid #e3eaf4; color: #002e85 !important; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; } .ip26-work__visit:hover { color: #0b2058 !important; } .ip26-work__visit span { font-size: 21px; font-weight: 400; line-height: 1; } /* Horizontal scrolling guidance */ .ip26-work__scroll-note { margin: 14px 0 0; color: #7a879a; font-size: 12px; line-height: 1.6; text-align: center; } /* Additional services area */ .ip26-work__additional { display: grid; grid-template-columns: minmax(0, 0.83fr) minmax(0, 1.17fr); align-items: center; gap: clamp(30px, 4vw, 65px); margin-top: clamp(60px, 5.5vw, 88px); padding: clamp(30px, 3.3vw, 48px); background: #ffffff; border: 1px solid #dbe6f2; border-top: 4px solid #68c635; border-radius: 20px; } .ip26-work__additional-heading { min-width: 0; } .ip26-work__additional-eyebrow { margin: 0 0 14px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1px; } .ip26-work h3#ip26-work-additional-title { margin: 0; color: #0b2058 !important; font-size: clamp(25px, 2.35vw, 33px); font-weight: 600; line-height: 1.28; letter-spacing: 0.3px; } .ip26-work__additional-heading > p:last-child { max-width: 470px; margin: 15px 0 0; color: #526178; font-size: 15px; line-height: 1.75; } /* Linked capabilities */ .ip26-work__service-links { display: flex; flex-wrap: wrap; align-content: center; gap: 10px; min-width: 0; } .ip26-work__service-links a, .ip26-work__service-links a:visited { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between; gap: 11px; min-height: 43px; padding: 10px 15px; border: 1px solid #dce6f1; border-radius: 10px; background: #f6f9fd; color: #002e85 !important; font-size: 13px; font-weight: 600; line-height: 1.4; text-decoration: none !important; transition: border-color 160ms ease, background-color 160ms ease; } .ip26-work__service-links a:hover { background: #eaf3ff; border-color: #a8c3e4; } .ip26-work__service-links a span { font-size: 16px; font-weight: 400; line-height: 1; } /* Accessibility */ .ip26-work a:focus-visible, .ip26-work button:focus-visible, .ip26-work__rail:focus-visible { outline: 3px solid #68c635; outline-offset: 4px; } /* Medium desktop */ @media (max-width: 1180px) { .ip26-work__card { flex-basis: calc((100% - 20px) / 2); } .ip26-work__additional { grid-template-columns: minmax(0, 1fr); gap: 27px; } .ip26-work__additional-heading > p:last-child { max-width: 790px; } } /* Tablet */ @media (max-width: 800px) { .ip26-work__container { padding: 75px 35px; } .ip26-work__header { align-items: flex-start; flex-direction: column; gap: 24px; } .ip26-work__navigation { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; } .ip26-work__card-content { padding: 22px; } } /* Mobile */ @media (max-width: 600px) { .ip26-work__container { padding: 64px 22px 70px; } .ip26-work h2.ip26-work__title { font-size: clamp(32px, 7.5vw, 43px); } .ip26-work__intro { font-size: 16px; } .ip26-work__card { flex-basis: calc(100% - 22px); } .ip26-work__rail { gap: 14px; } .ip26-work__card-content { padding: 22px 21px; } .ip26-work__card-content h3 { font-size: 22px; } .ip26-work__placeholder-name { font-size: 21px; } .ip26-work__additional { margin-top: 57px; padding: 26px 22px; } .ip26-work h3#ip26-work-additional-title { font-size: 27px; } .ip26-work__additional-heading > p:last-child { font-size: 14px; } .ip26-work__service-links { gap: 9px; } .ip26-work__service-links a { font-size: 12px; padding: 9px 12px; min-height: 40px; } } @media (prefers-reduced-motion: reduce) { .ip26-work__control, .ip26-work__service-links a { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37b539c *//* SECTION 06: THE INTELLIPLANS DIFFERENCE */ .ip26-difference { width: 100%; overflow: hidden; background: #ffffff; color: #334155; } .ip26-difference *, .ip26-difference *::before, .ip26-difference *::after { box-sizing: border-box; } .ip26-difference__container { width: 100%; max-width: 1510px; margin: 0 auto; padding: clamp(82px, 7.4vw, 116px) clamp(25px, 5.1vw, 85px) clamp(76px, 6.7vw, 106px); } /* Section label */ .ip26-difference__eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.2px; } .ip26-difference__eyebrow-rule { flex: 0 0 27px; width: 27px; height: 3px; border-radius: 10px; background: #68c635; } /* Balanced editorial split */ .ip26-difference__layout { display: grid; grid-template-columns: minmax(0, 0.97fr) minmax(0, 1.03fr); align-items: stretch; gap: clamp(24px, 3vw, 42px); } /* Navy feature */ .ip26-difference__feature { position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; min-height: 595px; overflow: hidden; padding: clamp(32px, 3.2vw, 48px); color: #ffffff; background: linear-gradient(145deg, #002e85 0%, #0b2058 92%); border-radius: 24px; } .ip26-difference__feature::after { position: absolute; z-index: -1; right: -180px; bottom: -260px; width: 550px; height: 550px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 50%; box-shadow: 0 0 0 68px rgba(255, 255, 255, 0.025); content: ""; pointer-events: none; } .ip26-difference__feature-label { margin: 0 0 43px !important; color: #c8d9f3; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1px; } .ip26-difference h2.ip26-difference__title { max-width: 620px; margin: 0; color: #ffffff !important; font-size: clamp(35px, 3.4vw, 49px); font-weight: 600; line-height: 1.2; letter-spacing: 0.3px; } .ip26-difference h2.ip26-difference__title > span { display: block; margin-top: 9px; color: #b6eb91 !important; } .ip26-difference__feature-text { max-width: 575px; margin: 23px 0 0 !important; color: #dce8f7; font-size: clamp(15px, 1.18vw, 17px); font-weight: 400; line-height: 1.76; } .ip26-difference__feature-text + .ip26-difference__feature-text { margin-top: 13px !important; color: #c5d6ec; } .ip26-difference__feature-note { display: flex; align-items: flex-start; gap: 12px; margin-top: auto; padding-top: 27px; color: #f0f6fe; font-size: 14px; font-weight: 600; line-height: 1.6; } .ip26-difference__feature-note::before { position: absolute; bottom: 88px; left: clamp(32px, 3.2vw, 48px); width: 56px; height: 3px; border-radius: 10px; background: #68c635; content: ""; } .ip26-difference__feature-note > svg { display: block !important; flex: 0 0 23px !important; width: 23px !important; height: 23px !important; min-width: 23px !important; min-height: 23px !important; max-width: 23px !important; max-height: 23px !important; margin-top: 1px; color: #b6eb91; } /* Four working principles */ .ip26-difference__principles { display: flex; flex-direction: column; min-width: 0; padding: 14px 0 0; } .ip26-difference__principles-header { margin: 0 0 20px; } .ip26-difference__principles-label { margin: 0 0 10px; color: #002e85; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1px; } .ip26-difference h3#ip26-difference-principles-title { margin: 0; color: #0b2058 !important; font-size: clamp(24px, 2.25vw, 32px); font-weight: 600; line-height: 1.3; letter-spacing: 0.3px; } .ip26-difference__principle-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; flex: 1; } .ip26-difference__principle { display: grid; grid-template-columns: 49px minmax(0, 1fr); align-items: center; gap: 17px; min-width: 0; padding: 22px 1px; border-bottom: 1px solid #e1e9f3; } .ip26-difference__principle:first-child { border-top: 1px solid #e1e9f3; } .ip26-difference__number { color: #9cb3d1; font-size: 27px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; } .ip26-difference__principle-body { min-width: 0; } .ip26-difference__principle-body h4 { margin: 0 0 8px; color: #0b2058 !important; font-size: clamp(17px, 1.5vw, 21px); font-weight: 600; line-height: 1.35; letter-spacing: 0.3px; } .ip26-difference__principle-body p { max-width: 540px; margin: 0 !important; color: #526178; font-size: 14px; line-height: 1.65; } /* Concluding invitation */ .ip26-difference__closing { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 28px; padding: clamp(22px, 2.4vw, 34px) clamp(25px, 3vw, 43px); border: 1px solid #dbe6f3; border-radius: 17px; background: #f4f8fe; } .ip26-difference__closing-copy { min-width: 0; } .ip26-difference__closing-heading { margin: 0 0 5px !important; color: #0b2058; font-size: 19px; font-weight: 600; line-height: 1.4; letter-spacing: 0.3px; } .ip26-difference__closing-copy p:last-child { max-width: 690px; margin: 0 !important; color: #526178; font-size: 14px; line-height: 1.65; } /* CTA */ .ip26-difference__cta, .ip26-difference__cta:visited { display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center; flex: 0 0 auto; gap: 12px; min-height: 50px; padding: 13px 19px; border: 1px solid #002e85; border-radius: 11px; color: #ffffff !important; background: #002e85; font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none !important; white-space: nowrap; transition: background-color 160ms ease; } .ip26-difference__cta:hover { color: #ffffff !important; background: #0b2058; } .ip26-difference__cta svg { display: block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; min-width: 19px !important; max-width: 19px !important; min-height: 19px !important; max-height: 19px !important; } .ip26-difference a:focus-visible { outline: 3px solid #68c635; outline-offset: 4px; } /* Tablet */ @media (max-width: 1140px) { .ip26-difference__layout { grid-template-columns: minmax(0, 1fr); } .ip26-difference__feature { min-height: 0; } .ip26-difference__feature-label { margin-bottom: 28px !important; } .ip26-difference__feature-note { margin-top: 35px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.17); } .ip26-difference__feature-note::before { display: none; } .ip26-difference__principles { padding-top: 15px; } .ip26-difference__principle { min-height: 116px; } } @media (max-width: 760px) { .ip26-difference__container { padding: 75px 30px; } .ip26-difference__closing { flex-direction: column; align-items: flex-start; gap: 18px; } } /* Mobile */ @media (max-width: 560px) { .ip26-difference__container { padding: 65px 22px 69px; } .ip26-difference__eyebrow { margin-bottom: 22px; } .ip26-difference__feature { padding: 27px 24px; border-radius: 19px; } .ip26-difference h2.ip26-difference__title { font-size: clamp(32px, 8vw, 42px); } .ip26-difference__feature-text { font-size: 15px; } .ip26-difference__principle { grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 12px; min-height: 0; padding: 22px 0; } .ip26-difference__number { margin-top: 2px; font-size: 21px; } .ip26-difference__principle-body h4 { font-size: 18px; } .ip26-difference__closing { padding: 24px 22px; } .ip26-difference__cta { width: 100%; } } @media (prefers-reduced-motion: reduce) { .ip26-difference__cta { transition: none; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c39697 *//* =========================================================
   INTELLIPLANS 2026 — SEO FOCUS PAGE
   SECTION 06 — WHY INTELLIPLANS

   Full Width | Brand History Graphic
   White Background | 30px Visual Corners
   ========================================================= */

.ip-seo-why {
  --ip-seo-blue: #0e2b8d;
  --ip-seo-green: #7fc31b;
  --ip-seo-heading: #0b2058;
  --ip-seo-text: #41506a;
  --ip-seo-border: #dce6f4;

  position: relative;
  isolation: isolate;

  width: 100%;
  background: #ffffff;
  color: var(--ip-seo-text);
  font-family: inherit;
}

.ip-seo-why *,
.ip-seo-why *::before,
.ip-seo-why *::after {
  box-sizing: border-box;
}

/* =========================================================
   FULL-WIDTH SECTION CONTAINER
   ========================================================= */

.ip-seo-why__inner {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(0, 1.05fr);

  align-items: center;

  gap: clamp(40px, 5vw, 100px);

  width: 100%;
  max-width: none;
  margin-inline: auto;

  padding: 105px 48px 110px;
}

/* =========================================================
   LEFT BRAND GRAPHIC
   ========================================================= */

.ip-seo-why__visual {
  position: relative;
  isolation: isolate;

  width: 100%;
  min-width: 0;
  min-height: 610px;

  overflow: hidden;
  border-radius: 30px !important;

  color: #ffffff;

  background:
    radial-gradient(
      circle at 82% 24%,
      rgba(127,195,27,.17),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #0b2058 0%,
      #0e2b8d 60%,
      #1746a8 100%
    );
}

/* Decorative background texture */

.ip-seo-why__visual::before {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 0;

  background-image:
    linear-gradient(
      rgba(255,255,255,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.045) 1px,
      transparent 1px
    );

  background-size: 45px 45px;

  opacity: .35;
  pointer-events: none;
}

.ip-seo-why__visual::after {
  content: "";

  position: absolute;

  right: -150px;
  bottom: -200px;

  width: 440px;
  height: 440px;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;

  pointer-events: none;
}

/* Decorative network */

.ip-seo-why__network {
  position: absolute;

  top: 75px;
  right: -80px;

  z-index: 0;

  width: 78%;
  height: auto;

  opacity: .75;
  pointer-events: none;
}

/* Main graphic layout */

.ip-seo-why__visual-content {
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  min-height: 610px;

  padding: 43px 42px 37px;
}

/* =========================================================
   BRAND IDENTITY
   ========================================================= */

.ip-seo-why__brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 13px;
}

.ip-seo-why__brand-name {
  color: #ffffff;

  font-family: inherit;
  font-size: 17px;
  font-weight: 750;

  letter-spacing: 1.3px;
  line-height: 1.5;
}

.ip-seo-why__brand-rule {
  display: block;

  width: 25px;
  height: 2px;

  background: var(--ip-seo-green);
}

.ip-seo-why__brand-label {
  color: #d8e6fc;

  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;

  letter-spacing: .5px;
  text-transform: uppercase;
}

/* =========================================================
   LARGE HISTORY STATEMENT
   ========================================================= */

.ip-seo-why__visual-message {
  max-width: 440px;
  margin-top: auto;
  margin-bottom: 40px;
}

.ip-seo-why__visual-kicker {
  display: block;

  margin-bottom: 12px;

  color: #dbe8ff;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.4px;

  text-transform: uppercase;
}

.ip-seo-why__year {
  color: #ffffff;

  font-family: inherit;
  font-size: clamp(76px, 8vw, 130px);
  font-weight: 600;
  line-height: 1;

  letter-spacing: -5px;
  font-variant-numeric: tabular-nums;
}

.ip-seo-why__year span {
  color: var(--ip-seo-green);
}

/* Supporting visual text */

.ip-seo-why .ip-seo-why__visual-message p {
  max-width: 370px;

  margin: 22px 0 0 !important;
  padding: 0;

  color: #e2ecfc;

  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}

/* =========================================================
   COMPANY MILESTONES
   ========================================================= */

.ip-seo-why__milestones {
  display: flex;
  align-items: center;

  gap: 22px;

  padding-top: 26px;

  border-top: 1px solid rgba(255,255,255,.25);
}

.ip-seo-why__milestone {
  display: flex;
  flex-direction: column;

  gap: 5px;
  min-width: 0;
}

.ip-seo-why__milestone strong {
  color: #ffffff;

  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.ip-seo-why__milestone span {
  color: #d8e6fc;

  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.ip-seo-why__milestone-divider {
  flex: 0 0 45px;

  width: 45px;
  height: 1px;

  background: var(--ip-seo-green);
}

/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.ip-seo-why__content {
  min-width: 0;
}

/* Eyebrow */

.ip-seo-why .ip-seo-why__eyebrow {
  display: flex;
  align-items: center;

  gap: 13px;

  margin: 0 0 26px !important;

  color: var(--ip-seo-blue);

  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;

  letter-spacing: 1.65px;
  text-transform: uppercase;
}

.ip-seo-why__eyebrow-line {
  display: block;

  flex: 0 0 30px;

  width: 30px;
  height: 3px;

  border-radius: 3px;
  background: var(--ip-seo-green);
}

/* =========================================================
   MAIN HEADING
   ========================================================= */

.ip-seo-why .ip-seo-why__title {
  margin: 0 0 25px !important;
  padding: 0;

  color: var(--ip-seo-heading);

  font-family: inherit;
  font-size: clamp(32px, 2.8vw, 44px);
  font-weight: 600 !important;

  line-height: 1.2;
  letter-spacing: -1.2px;
}

.ip-seo-why__title span {
  display: block;
  color: var(--ip-seo-blue);
}

/* Description */

.ip-seo-why .ip-seo-why__description {
  max-width: 690px;

  margin: 0 0 35px !important;
  padding: 0;

  color: var(--ip-seo-text);

  font-size: clamp(16px, 1.1vw, 18px);
  font-weight: 400;
  line-height: 1.8;
}

/* =========================================================
   COMPETITIVE ADVANTAGES
   ========================================================= */

.ip-seo-why__advantages {
  display: flex;
  flex-direction: column;

  gap: 23px;
}

/* Individual advantage */

.ip-seo-why__advantage {
  display: grid;

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

  align-items: start;

  gap: 15px;

  min-width: 0;
}

/* Blue check indicator */

.ip-seo-why__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 27px;
  height: 27px;

  margin-top: 2px;

  border-radius: 50%;

  background: var(--ip-seo-blue);
  color: #ffffff;
}

.ip-seo-why__check svg {
  display: block;

  width: 19px;
  height: 19px;
}

/* Advantage headings */

.ip-seo-why .ip-seo-why__advantage h3 {
  margin: 0 0 7px !important;
  padding: 0;

  color: var(--ip-seo-heading);

  font-family: inherit;
  font-size: clamp(17px, 1.25vw, 20px);
  font-weight: 600 !important;

  line-height: 1.4;
  letter-spacing: -.3px;
}

/* Advantage descriptions */

.ip-seo-why .ip-seo-why__advantage p {
  margin: 0 !important;
  padding: 0;

  color: var(--ip-seo-text);

  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}

/* =========================================================
   COMPANY HISTORY LINK
   ========================================================= */

.ip-seo-why a.ip-seo-why__link {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  width: fit-content;

  margin-top: 36px;
  padding: 7px 0;

  color: var(--ip-seo-blue) !important;
  background: transparent;

  font-family: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;

  text-decoration: none !important;

  transition: color .2s ease;
}

.ip-seo-why__link svg {
  display: block;

  width: 19px;
  height: 19px;

  transition: transform .2s ease;
}

.ip-seo-why a.ip-seo-why__link:hover {
  color: #568d1a !important;
}

.ip-seo-why a.ip-seo-why__link:hover svg {
  transform: translateX(5px);
}

.ip-seo-why a.ip-seo-why__link:hover span {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.ip-seo-why a.ip-seo-why__link:focus-visible {
  outline: 3px solid var(--ip-seo-blue);
  outline-offset: 4px;
}

/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1800px) {

  .ip-seo-why__inner {
    padding-left: 64px;
    padding-right: 64px;
  }

  .ip-seo-why__visual,
  .ip-seo-why__visual-content {
    min-height: 670px;
  }

  .ip-seo-why__visual-content {
    padding: 50px;
  }

  .ip-seo-why__advantages {
    gap: 28px;
  }

  .ip-seo-why .ip-seo-why__advantage p {
    font-size: 16px;
  }

}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .ip-seo-why__inner {
    width: 100%;

    padding: 75px 32px 80px;

    grid-template-columns: 1fr;
    gap: 48px;
  }

  .ip-seo-why__visual {
    max-width: 850px;
    min-height: 500px;

    margin-inline: auto;
  }

  .ip-seo-why__visual-content {
    min-height: 500px;
  }

  .ip-seo-why__content {
    max-width: 850px;
    width: 100%;

    margin-inline: auto;
  }

  .ip-seo-why .ip-seo-why__title {
    font-size: clamp(32px, 4vw, 42px);
  }

}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .ip-seo-why__inner {
    width: 100%;

    padding: 65px 20px 70px;

    gap: 35px;
  }

  /* Brand graphic */

  .ip-seo-why__visual,
  .ip-seo-why__visual-content {
    min-height: 460px;
  }

  .ip-seo-why__visual {
    border-radius: 30px !important;
  }

  .ip-seo-why__visual-content {
    padding: 29px 26px;
  }

  .ip-seo-why__brand-name {
    font-size: 14px;
    letter-spacing: .9px;
  }

  .ip-seo-why__brand-label {
    font-size: 10px;
  }

  .ip-seo-why__network {
    width: 105%;
    top: 75px;
    right: -90px;
  }

  .ip-seo-why__visual-kicker {
    font-size: 11px;
  }

  .ip-seo-why__year {
    font-size: clamp(75px, 20vw, 105px);
    letter-spacing: -3px;
  }

  .ip-seo-why .ip-seo-why__visual-message p {
    font-size: 15px;
    line-height: 1.7;

    margin-top: 15px !important;
  }

  .ip-seo-why__visual-message {
    margin-bottom: 30px;
  }

  .ip-seo-why__milestones {
    gap: 14px;
    padding-top: 21px;
  }

  .ip-seo-why__milestone strong {
    font-size: 21px;
  }

  .ip-seo-why__milestone span {
    font-size: 11px;
  }

  .ip-seo-why__milestone-divider {
    flex-basis: 25px;
    width: 25px;
  }

  /* Right introduction */

  .ip-seo-why .ip-seo-why__eyebrow {
    margin-bottom: 20px !important;

    gap: 10px;

    font-size: 11px;
    letter-spacing: 1.2px;
  }

  .ip-seo-why__eyebrow-line {
    flex-basis: 25px;
    width: 25px;
  }

  .ip-seo-why .ip-seo-why__title {
    margin-bottom: 23px !important;

    font-size: clamp(30px, 7.4vw, 39px);
    line-height: 1.2;
    letter-spacing: -.9px;
  }

  .ip-seo-why__title span {
    display: inline;
  }

  .ip-seo-why .ip-seo-why__description {
    font-size: 16px;
    line-height: 1.75;

    margin-bottom: 30px !important;
  }

  /* Advantages */

  .ip-seo-why__advantages {
    gap: 22px;
  }

  .ip-seo-why__advantage {
    gap: 13px;
  }

  .ip-seo-why .ip-seo-why__advantage h3 {
    font-size: 18px;
  }

  .ip-seo-why .ip-seo-why__advantage p {
    font-size: 14px;
    line-height: 1.75;
  }

  .ip-seo-why a.ip-seo-why__link {
    margin-top: 30px;
  }

}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

  .ip-seo-why__visual-content {
    padding: 25px 22px;
  }

  .ip-seo-why__brand {
    gap: 8px;
  }

  .ip-seo-why__brand-rule {
    width: 15px;
  }

  .ip-seo-why__milestone-divider {
    flex-basis: 15px;
    width: 15px;
  }

}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .ip-seo-why a.ip-seo-why__link,
  .ip-seo-why__link svg {
    transition: none;
  }

  .ip-seo-why a.ip-seo-why__link:hover svg {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eddbb36 *//* SECTION 07: PRACTICAL AI APPLICATIONS FOR BUSINESS OPERATIONS */ .ip26-aio-apps { position: relative; isolation: isolate; width: 100%; overflow: hidden; background: linear-gradient(135deg, #0b2058 0%, #0e2b70 57%, #10295c 100%); color: #d8e4f7; font-family: inherit; } .ip26-aio-apps::before { position: absolute; z-index: -1; top: -350px; right: -240px; width: 950px; height: 950px; border: 1px solid rgba(255, 255, 255, 0.055); border-radius: 50%; box-shadow: 0 0 0 110px rgba(255, 255, 255, 0.012), 0 0 0 220px rgba(255, 255, 255, 0.008); content: ""; pointer-events: none; } .ip26-aio-apps, .ip26-aio-apps * { box-sizing: border-box; } .ip26-aio-apps__inner { position: relative; width: 100%; padding: 108px 48px 110px; } /* SECTION HEADER */ .ip26-aio-apps__header { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.6fr); align-items: end; gap: clamp(40px, 6vw, 110px); margin-bottom: 53px; } .ip26-aio-apps__heading { min-width: 0; } .ip26-aio-apps__eyebrow { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 22px; color: #b7df90; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.5; } .ip26-aio-apps__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #a9db79; box-shadow: 0 0 0 5px rgba(169, 219, 121, 0.13); } .ip26-aio-apps__title { max-width: 900px; margin: 0 0 24px; color: #ffffff !important; font-size: clamp(36px, 3.3vw, 57px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.18; text-wrap: balance; } .ip26-aio-apps__title span { color: #b7df90 !important; } .ip26-aio-apps__intro { max-width: 830px; margin: 0; color: #d8e4f7; font-size: clamp(16px, 1.1vw, 18px); font-weight: 400; line-height: 1.85; } /* HEADER PRINCIPLE */ .ip26-aio-apps__principle { display: flex; align-items: flex-start; gap: 17px; padding: 25px; border: 1px solid rgba(169, 219, 121, 0.22); border-radius: 17px; background: rgba(255, 255, 255, 0.055); } .ip26-aio-apps__principle-icon { display: grid; flex: 0 0 auto; place-items: center; width: 43px; height: 43px; border-radius: 12px; background: rgba(169, 219, 121, 0.12); color: #b7df90; } .ip26-aio-apps__principle-icon svg { width: 24px; height: 24px; } .ip26-aio-apps__principle strong { display: block; margin-bottom: 9px; color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-apps__principle p { margin: 0; color: #d1def2; font-size: 13px; line-height: 1.8; } /* WORKFLOW LIST */ .ip26-aio-apps__workflows { display: grid; gap: 18px; } .ip26-aio-apps__workflow { display: grid; grid-template-columns: minmax(0, 1.13fr) repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 15px; padding: 24px; border: 1px solid rgba(207, 225, 255, 0.18); border-radius: 20px; background: rgba(255, 255, 255, 0.055); } /* WORKFLOW HEADING */ .ip26-aio-apps__workflow-heading { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 10px 17px 10px 6px; } .ip26-aio-apps__workflow-icon { display: grid; flex: 0 0 auto; place-items: center; width: 46px; height: 46px; margin-bottom: 23px; border: 1px solid rgba(169, 219, 121, 0.23); border-radius: 13px; background: rgba(169, 219, 121, 0.12); color: #b7df90; } .ip26-aio-apps__workflow-icon svg { width: 25px; height: 25px; } .ip26-aio-apps__workflow-number { display: block; margin-bottom: 11px; color: #b7df90; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.5; } .ip26-aio-apps__workflow-heading h3 { margin: 0 0 13px; color: #ffffff !important; font-size: clamp(19px, 1.35vw, 24px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-apps__workflow-heading p { max-width: 330px; margin: 0; color: #d1def2; font-size: 13px; line-height: 1.75; } /* WORKFLOW STAGES */ .ip26-aio-apps__stage { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 24px 21px; border: 1px solid rgba(211, 226, 251, 0.13); border-radius: 14px; background: rgba(255, 255, 255, 0.055); } .ip26-aio-apps__stage--assist { border-color: rgba(158, 193, 243, 0.24); background: rgba(76, 129, 207, 0.13); } .ip26-aio-apps__stage--review { border-color: rgba(169, 219, 121, 0.25); background: rgba(169, 219, 121, 0.075); } .ip26-aio-apps__stage-label { display: block; min-height: 29px; margin-bottom: 15px; color: #b7df90; font-size: 10px; font-weight: 700; letter-spacing: 1.1px; line-height: 1.5; } .ip26-aio-apps__stage strong { display: block; margin-bottom: 11px; color: #ffffff; font-size: clamp(15px, 1vw, 18px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.45; } .ip26-aio-apps__stage p { margin: 0; color: #d1def2; font-size: 13px; font-weight: 400; line-height: 1.8; } /* EVALUATION PANEL */ .ip26-aio-apps__evaluation { display: grid; grid-template-columns: minmax(0, 0.87fr) minmax(0, 1.13fr); align-items: center; gap: clamp(35px, 5vw, 95px); margin-top: 33px; padding: 42px 46px; border: 1px solid #dce8d2; border-radius: 22px; background: #f6faf2; color: #41506a; } .ip26-aio-apps__evaluation-intro { min-width: 0; } .ip26-aio-apps__evaluation-icon { display: grid; place-items: center; width: 49px; height: 49px; margin-bottom: 23px; border-radius: 13px; background: #e2f1d5; color: #4e800c; } .ip26-aio-apps__evaluation-icon svg { width: 26px; height: 26px; } .ip26-aio-apps__evaluation-kicker { display: block; margin-bottom: 12px; color: #4e800c; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.5; } .ip26-aio-apps__evaluation-intro h3 { max-width: 670px; margin: 0 0 17px; color: #0b2058 !important; font-size: clamp(25px, 2vw, 35px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.3; } .ip26-aio-apps__evaluation-intro > p { max-width: 670px; margin: 0; color: #52627b; font-size: 14px; line-height: 1.85; } /* EVALUATION CHECKLIST */ .ip26-aio-apps__evaluation-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 29px; margin: 0; padding: 0; list-style: none; } .ip26-aio-apps__evaluation-list li { display: flex; align-items: flex-start; gap: 13px; min-width: 0; } .ip26-aio-apps__evaluation-check { display: grid; flex: 0 0 auto; place-items: center; width: 35px; height: 35px; border: 1px solid #d6e9c5; border-radius: 10px; background: #e7f3dc; color: #4e800c; } .ip26-aio-apps__evaluation-check svg { width: 19px; height: 19px; } .ip26-aio-apps__evaluation-list strong { display: block; margin: 1px 0 7px; color: #0b2058; font-size: 15px; font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-apps__evaluation-list p { margin: 0; color: #52627b; font-size: 13px; line-height: 1.75; } /* PRIMARY CTA */ .ip26-aio-apps__button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 51px; margin-top: 25px; padding: 13px 21px; border: 1px solid #4e800c; border-radius: 10px; background: #4e800c; color: #ffffff !important; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .ip26-aio-apps__button:hover { transform: translateY(-2px); border-color: #3c6608; background: #3c6608; color: #ffffff !important; } .ip26-aio-apps__button:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 4px; } .ip26-aio-apps__button svg { flex: 0 0 auto; width: 18px; height: 18px; } /* CONTEXT NOTE */ .ip26-aio-apps__disclaimer { max-width: 80%; margin: 24px auto 0; color: #c2d2ea; font-size: 12px; font-weight: 400; line-height: 1.7; text-align: center; } /* LARGE DESKTOP */ @media (min-width: 1800px) { .ip26-aio-apps__inner { padding: 122px 64px 125px; } .ip26-aio-apps__header { gap: 125px; margin-bottom: 65px; } .ip26-aio-apps__workflow { gap: 21px; padding: 30px; } .ip26-aio-apps__workflow-heading { padding: 13px 23px 13px 10px; } .ip26-aio-apps__stage { padding: 30px 27px; } .ip26-aio-apps__stage p { font-size: 14px; } .ip26-aio-apps__evaluation { padding: 53px 58px; } } /* SMALL DESKTOP */ @media (max-width: 1199px) { .ip26-aio-apps__header { gap: 38px; } .ip26-aio-apps__workflow { grid-template-columns: minmax(0, 1fr) repeat(3, minmax(0, 1fr)); gap: 11px; padding: 17px; } .ip26-aio-apps__workflow-heading { padding: 8px; } .ip26-aio-apps__stage { padding: 20px 15px; } .ip26-aio-apps__stage-label { font-size: 9px; } .ip26-aio-apps__stage strong { font-size: 15px; } .ip26-aio-apps__stage p, .ip26-aio-apps__workflow-heading p { font-size: 12px; } .ip26-aio-apps__evaluation { gap: 38px; padding: 36px; } .ip26-aio-apps__evaluation-list { gap: 20px; } } /* TABLET */ @media (max-width: 991px) { .ip26-aio-apps__inner { padding: 82px 32px 87px; } .ip26-aio-apps__header { grid-template-columns: minmax(0, 1fr); gap: 26px; margin-bottom: 42px; } .ip26-aio-apps__title { max-width: 850px; font-size: clamp(39px, 5.1vw, 52px); } .ip26-aio-apps__intro { max-width: 850px; } .ip26-aio-apps__principle { max-width: 740px; } .ip26-aio-apps__workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 24px; } .ip26-aio-apps__workflow-heading { grid-column: 1 / -1; padding: 0 0 20px; border-bottom: 1px solid rgba(211, 226, 251, 0.16); } .ip26-aio-apps__workflow-icon { margin-bottom: 15px; } .ip26-aio-apps__workflow-heading h3 { font-size: 23px; } .ip26-aio-apps__workflow-heading p { max-width: 750px; font-size: 14px; } .ip26-aio-apps__stage { padding: 21px 18px; } .ip26-aio-apps__stage p { font-size: 13px; } .ip26-aio-apps__evaluation { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 28px; padding: 38px; } .ip26-aio-apps__evaluation-intro h3 { max-width: 800px; } .ip26-aio-apps__evaluation-intro > p { max-width: 800px; } } /* MOBILE */ @media (max-width: 600px) { .ip26-aio-apps__inner { padding: 65px 20px 72px; } .ip26-aio-apps__header { gap: 25px; margin-bottom: 34px; } .ip26-aio-apps__eyebrow { margin-bottom: 17px; font-size: 10px; letter-spacing: 1.1px; } .ip26-aio-apps__title { margin-bottom: 20px; font-size: clamp(34px, 8.3vw, 43px); line-height: 1.2; } .ip26-aio-apps__intro { font-size: 16px; line-height: 1.75; } .ip26-aio-apps__principle { gap: 13px; padding: 21px 18px; border-radius: 15px; } .ip26-aio-apps__principle-icon { width: 37px; height: 37px; } .ip26-aio-apps__principle-icon svg { width: 21px; height: 21px; } .ip26-aio-apps__principle strong { font-size: 15px; } .ip26-aio-apps__workflows { gap: 16px; } .ip26-aio-apps__workflow { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 18px; border-radius: 18px; } .ip26-aio-apps__workflow-heading { grid-column: auto; padding: 5px 3px 20px; } .ip26-aio-apps__workflow-icon { width: 42px; height: 42px; margin-bottom: 15px; } .ip26-aio-apps__workflow-icon svg { width: 23px; height: 23px; } .ip26-aio-apps__workflow-heading h3 { font-size: 22px; } .ip26-aio-apps__workflow-heading p { font-size: 13px; line-height: 1.75; } .ip26-aio-apps__stage { padding: 20px 18px; border-radius: 12px; } .ip26-aio-apps__stage-label { min-height: 0; margin-bottom: 10px; font-size: 10px; } .ip26-aio-apps__stage strong { margin-bottom: 8px; font-size: 16px; } .ip26-aio-apps__stage p { font-size: 13px; line-height: 1.75; } .ip26-aio-apps__evaluation { gap: 30px; margin-top: 25px; padding: 29px 23px; border-radius: 19px; } .ip26-aio-apps__evaluation-icon { width: 44px; height: 44px; margin-bottom: 20px; } .ip26-aio-apps__evaluation-intro h3 { font-size: clamp(25px, 6.7vw, 31px); } .ip26-aio-apps__evaluation-intro > p { font-size: 14px; line-height: 1.8; } .ip26-aio-apps__evaluation-list { grid-template-columns: minmax(0, 1fr); gap: 23px; } .ip26-aio-apps__evaluation-list strong { font-size: 15px; } .ip26-aio-apps__evaluation-list p { font-size: 13px; } .ip26-aio-apps__button { width: 100%; padding-right: 14px; padding-left: 14px; font-size: 13px; } .ip26-aio-apps__disclaimer { margin-top: 21px; font-size: 11px; line-height: 1.7; } } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .ip26-aio-apps__button { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc91d0 *//* SECTION 08: THE INTELLIPLANS AIO ASSESSMENT AND IMPLEMENTATION PROCESS */ .ip26-aio-process { position: relative; width: 100%; overflow: hidden; background: #ffffff; color: #41506a; font-family: inherit; } .ip26-aio-process, .ip26-aio-process * { box-sizing: border-box; } .ip26-aio-process__inner { width: 100%; padding: 105px 48px 110px; } /* SECTION HEADER */ .ip26-aio-process__header { max-width: 1050px; margin: 0 auto 60px; text-align: center; } .ip26-aio-process__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 11px; margin-bottom: 21px; color: #0e2b8d; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.5; } .ip26-aio-process__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #7fc31b; box-shadow: 0 0 0 5px rgba(127, 195, 27, 0.13); } .ip26-aio-process__title { margin: 0 0 24px; color: #0b2058 !important; font-size: clamp(36px, 3.2vw, 55px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.2; text-wrap: balance; } .ip26-aio-process__title span { color: #0e2b8d; } .ip26-aio-process__intro { max-width: 880px; margin: 0 auto; color: #41506a; font-size: clamp(16px, 1.1vw, 18px); font-weight: 400; line-height: 1.85; } /* PROCESS STAGES */ .ip26-aio-process__stages { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; gap: 17px; width: 100%; } .ip26-aio-process__stage { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 29px 23px 25px; overflow: hidden; border: 1px solid #dce6f4; border-radius: 19px; background: #fbfdff; } .ip26-aio-process__stage::before { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #0e2b8d 0%, #4975bf 67%, #7fc31b 100%); content: ""; } /* STAGE HEADING */ .ip26-aio-process__stage-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 33px; } .ip26-aio-process__number { color: #d0ddef; font-size: clamp(37px, 3vw, 53px); font-weight: 600; letter-spacing: 0.3px; line-height: 1; } .ip26-aio-process__icon { display: grid; flex: 0 0 auto; place-items: center; width: 47px; height: 47px; border: 1px solid #dce8f8; border-radius: 13px; background: #edf4ff; color: #0e2b8d; } .ip26-aio-process__icon svg { width: 24px; height: 24px; } .ip26-aio-process__stage-label { display: block; min-height: 34px; margin-bottom: 10px; color: #4e800c; font-size: 10px; font-weight: 700; letter-spacing: 1px; line-height: 1.5; } .ip26-aio-process__stage h3 { margin: 0 0 20px; color: #0b2058 !important; font-size: clamp(23px, 1.8vw, 31px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.25; } .ip26-aio-process__stage > p { margin: 0 0 15px; color: #52627b; font-size: 13px; font-weight: 400; line-height: 1.85; } .ip26-aio-process__stage > p:last-of-type { margin-bottom: 0; } /* INTENDED OUTCOME */ .ip26-aio-process__stage-output { display: flex; flex-direction: column; gap: 8px; margin-top: auto; padding-top: 28px; } .ip26-aio-process__stage-output::before { display: block; width: 100%; height: 1px; margin-bottom: 9px; background: #e3ebf5; content: ""; } .ip26-aio-process__stage-output span { color: #73829a; font-size: 9px; font-weight: 700; letter-spacing: 1.1px; line-height: 1.5; } .ip26-aio-process__stage-output strong { color: #0e2b8d; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; line-height: 1.5; } /* PRINCIPLE PANEL */ .ip26-aio-process__principle { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 50px; margin-top: 35px; padding: 45px 48px; overflow: hidden; border: 1px solid #153a83; border-radius: 23px; background: linear-gradient(115deg, #0b2058 0%, #0e2b70 100%); color: #ffffff; } .ip26-aio-process__principle::before { position: absolute; top: -170px; right: -160px; width: 450px; height: 450px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 50%; box-shadow: 0 0 0 75px rgba(255, 255, 255, 0.018), 0 0 0 150px rgba(255, 255, 255, 0.01); content: ""; pointer-events: none; } .ip26-aio-process__principle-content, .ip26-aio-process__principle-action { position: relative; z-index: 1; min-width: 0; } .ip26-aio-process__principle-label { display: block; margin-bottom: 13px; color: #b7df90; font-size: 10px; font-weight: 700; letter-spacing: 1.4px; line-height: 1.5; } .ip26-aio-process__principle-content h3 { max-width: 950px; margin: 0 0 15px; color: #ffffff !important; font-size: clamp(25px, 2.1vw, 36px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.3; text-wrap: balance; } .ip26-aio-process__principle-content p { max-width: 1000px; margin: 0; color: #d8e4f7; font-size: 14px; line-height: 1.85; } /* PRINCIPLE POINTS */ .ip26-aio-process__principle-points { display: flex; align-items: center; flex-wrap: wrap; gap: 13px 25px; margin-top: 25px; } .ip26-aio-process__principle-points span { display: inline-flex; align-items: center; gap: 8px; color: #e3edf9; font-size: 12px; font-weight: 500; line-height: 1.5; } .ip26-aio-process__principle-points svg { flex: 0 0 auto; width: 18px; height: 18px; color: #a9db79; } /* ACTION AREA */ .ip26-aio-process__principle-action { display: flex; flex-direction: column; align-items: center; gap: 13px; } .ip26-aio-process__button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 54px; padding: 14px 23px; border: 1px solid #4e800c; border-radius: 10px; background: #4e800c; color: #ffffff !important; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; white-space: nowrap; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .ip26-aio-process__button:hover { transform: translateY(-2px); border-color: #3c6608; background: #3c6608; color: #ffffff !important; } .ip26-aio-process__button:focus-visible { outline: 3px solid #b7df90; outline-offset: 4px; } .ip26-aio-process__button svg { flex: 0 0 auto; width: 18px; height: 18px; } .ip26-aio-process__principle-action > span { color: #c3d3ec; font-size: 11px; line-height: 1.6; text-align: center; } /* LARGE DESKTOP */ @media (min-width: 1800px) { .ip26-aio-process__inner { padding: 120px 64px 125px; } .ip26-aio-process__header { margin-bottom: 68px; } .ip26-aio-process__stages { gap: 23px; } .ip26-aio-process__stage { padding: 38px 30px 32px; } .ip26-aio-process__stage > p { font-size: 14px; } .ip26-aio-process__stage-output strong { font-size: 14px; } .ip26-aio-process__principle { padding: 54px 60px; } } /* SMALL DESKTOP */ @media (max-width: 1199px) { .ip26-aio-process__stages { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ip26-aio-process__stage { padding: 30px 26px; } .ip26-aio-process__stage > p { font-size: 14px; } .ip26-aio-process__stage-label { min-height: 0; } .ip26-aio-process__stage-output { padding-top: 25px; } .ip26-aio-process__principle { gap: 30px; padding: 40px; } } /* TABLET */ @media (max-width: 991px) { .ip26-aio-process__inner { padding: 80px 32px 87px; } .ip26-aio-process__header { margin-bottom: 45px; } .ip26-aio-process__stages { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; } .ip26-aio-process__stage { padding: 31px 28px; } .ip26-aio-process__stage h3 { font-size: 28px; } .ip26-aio-process__principle { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 29px; } .ip26-aio-process__principle-action { align-items: flex-start; } .ip26-aio-process__principle-action > span { text-align: left; } } /* MOBILE */ @media (max-width: 600px) { .ip26-aio-process__inner { padding: 65px 20px 72px; } .ip26-aio-process__header { margin-bottom: 36px; } .ip26-aio-process__eyebrow { margin-bottom: 17px; font-size: 10px; letter-spacing: 1.1px; } .ip26-aio-process__title { margin-bottom: 20px; font-size: clamp(34px, 8.3vw, 43px); line-height: 1.2; } .ip26-aio-process__intro { font-size: 16px; line-height: 1.75; } .ip26-aio-process__stages { grid-template-columns: minmax(0, 1fr); gap: 15px; } .ip26-aio-process__stage { padding: 27px 24px; border-radius: 17px; } .ip26-aio-process__stage-top { margin-bottom: 25px; } .ip26-aio-process__number { font-size: 43px; } .ip26-aio-process__icon { width: 44px; height: 44px; } .ip26-aio-process__icon svg { width: 23px; height: 23px; } .ip26-aio-process__stage-label { margin-bottom: 9px; font-size: 10px; } .ip26-aio-process__stage h3 { margin-bottom: 16px; font-size: 28px; } .ip26-aio-process__stage > p { margin-bottom: 13px; font-size: 14px; line-height: 1.8; } .ip26-aio-process__stage-output { padding-top: 24px; } .ip26-aio-process__stage-output strong { font-size: 14px; } .ip26-aio-process__principle { gap: 29px; margin-top: 25px; padding: 31px 24px; border-radius: 19px; } .ip26-aio-process__principle-content h3 { font-size: clamp(25px, 6.6vw, 31px); line-height: 1.35; } .ip26-aio-process__principle-content p { font-size: 14px; line-height: 1.8; } .ip26-aio-process__principle-points { align-items: flex-start; flex-direction: column; gap: 13px; margin-top: 23px; } .ip26-aio-process__principle-action { align-items: stretch; gap: 12px; } .ip26-aio-process__button { width: 100%; padding-right: 14px; padding-left: 14px; font-size: 13px; white-space: normal; } .ip26-aio-process__principle-action > span { text-align: center; } } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .ip26-aio-process__button { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b1eef9 *//* SECTION 09: WHY CHOOSE INTELLIPLANS FOR AI OPTIMIZATION */ .ip26-aio-choose { position: relative; width: 100%; overflow: hidden; background: linear-gradient(180deg, #f3f7fd 0%, #f8fbff 100%); color: #41506a; font-family: inherit; } .ip26-aio-choose, .ip26-aio-choose * { box-sizing: border-box; } .ip26-aio-choose__inner { width: 100%; padding: 108px 48px 110px; } /* MAIN TWO-COLUMN LAYOUT */ .ip26-aio-choose__layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); align-items: stretch; gap: clamp(40px, 5vw, 95px); width: 100%; } .ip26-aio-choose__content, .ip26-aio-choose__credibility { min-width: 0; } /* EDITORIAL HEADING */ .ip26-aio-choose__header { margin-bottom: 37px; } .ip26-aio-choose__eyebrow { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 23px; color: #0e2b8d; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.5; } .ip26-aio-choose__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #7fc31b; box-shadow: 0 0 0 5px rgba(127, 195, 27, 0.13); } .ip26-aio-choose__title { max-width: 880px; margin: 0 0 25px; color: #0b2058 !important; font-size: clamp(35px, 3.15vw, 54px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.2; text-wrap: balance; } .ip26-aio-choose__title span { color: #0e2b8d; } .ip26-aio-choose__intro { max-width: 810px; margin: 0 0 17px; color: #41506a; font-size: clamp(15px, 1.06vw, 17px); font-weight: 400; line-height: 1.85; } .ip26-aio-choose__intro:last-child { margin-bottom: 0; } /* DIFFERENTIATOR LIST */ .ip26-aio-choose__reasons { border-top: 1px solid #dce6f4; } .ip26-aio-choose__reason { display: flex; align-items: flex-start; gap: 20px; padding: 25px 0; border-bottom: 1px solid #dce6f4; } .ip26-aio-choose__reason-number { display: grid; flex: 0 0 auto; place-items: center; width: 46px; height: 46px; border: 1px solid #dce8f8; border-radius: 13px; background: #ffffff; color: #0e2b8d; font-size: 14px; font-weight: 700; letter-spacing: 0.3px; } .ip26-aio-choose__reason-content { flex: 1 1 auto; min-width: 0; } .ip26-aio-choose__reason-content h3 { margin: 1px 0 10px; color: #0b2058 !important; font-size: clamp(19px, 1.3vw, 23px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-choose__reason-content p { max-width: 750px; margin: 0; color: #52627b; font-size: 14px; line-height: 1.85; } /* MAIN CTA */ .ip26-aio-choose__actions { margin-top: 35px; } .ip26-aio-choose__button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 54px; padding: 14px 23px; border: 1px solid #4e800c; border-radius: 10px; background: #4e800c; box-shadow: 0 8px 22px rgba(78, 128, 12, 0.12); color: #ffffff !important; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .ip26-aio-choose__button:hover { transform: translateY(-2px); border-color: #3c6608; background: #3c6608; color: #ffffff !important; } .ip26-aio-choose__button:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 4px; } .ip26-aio-choose__button svg { flex: 0 0 auto; width: 18px; height: 18px; } /* CREDIBILITY PANEL */ .ip26-aio-choose__credibility { position: relative; display: flex; flex-direction: column; padding: clamp(37px, 3.7vw, 67px); overflow: hidden; border: 1px solid #153a83; border-radius: 29px; background: linear-gradient(145deg, #0b2058 0%, #0e2b70 100%); box-shadow: 0 22px 55px rgba(11, 32, 88, 0.1); color: #ffffff; } .ip26-aio-choose__credibility::before { position: absolute; top: -190px; right: -210px; width: 580px; height: 580px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 50%; box-shadow: 0 0 0 85px rgba(255, 255, 255, 0.025), 0 0 0 170px rgba(255, 255, 255, 0.013); content: ""; pointer-events: none; } .ip26-aio-choose__credibility::after { position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #7fc31b 0%, #b7df90 100%); content: ""; } .ip26-aio-choose__credibility-top, .ip26-aio-choose__stat, .ip26-aio-choose__credibility-bottom { position: relative; z-index: 1; } /* BRAND */ .ip26-aio-choose__credibility-top { display: flex; align-items: center; gap: 14px; margin-bottom: clamp(45px, 5vw, 95px); } .ip26-aio-choose__brand-icon { display: grid; flex: 0 0 auto; place-items: center; width: 45px; height: 45px; border: 1px solid rgba(169, 219, 121, 0.25); border-radius: 13px; background: rgba(169, 219, 121, 0.11); color: #b7df90; } .ip26-aio-choose__brand-icon svg { width: 25px; height: 25px; } .ip26-aio-choose__brand-name { color: #ffffff; font-size: 15px; font-weight: 600; letter-spacing: 1.1px; line-height: 1.5; } /* EXPERIENCE STATISTICS */ .ip26-aio-choose__stat { padding-bottom: 42px; } .ip26-aio-choose__stat--secondary { padding-top: 35px; border-top: 1px solid rgba(255, 255, 255, 0.18); } .ip26-aio-choose__stat-label { display: block; margin-bottom: 13px; color: #b7df90; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; line-height: 1.5; } .ip26-aio-choose__stat-number { display: block; margin-bottom: 15px; color: #ffffff; font-size: clamp(75px, 7vw, 135px); font-weight: 600; letter-spacing: 0.3px; line-height: 1; } .ip26-aio-choose__stat-word { display: block; margin-bottom: 17px; color: #ffffff; font-size: clamp(39px, 4.2vw, 75px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.1; overflow-wrap: anywhere; } .ip26-aio-choose__stat p { max-width: 550px; margin: 0; color: #d8e4f7; font-size: clamp(15px, 1.03vw, 17px); line-height: 1.85; } /* CREDIBILITY FOOTER */ .ip26-aio-choose__credibility-bottom { display: flex; align-items: flex-start; gap: 15px; margin-top: auto; padding: 25px; border: 1px solid rgba(169, 219, 121, 0.23); border-radius: 16px; background: rgba(169, 219, 121, 0.075); } .ip26-aio-choose__credibility-bottom-icon { display: grid; flex: 0 0 auto; place-items: center; width: 43px; height: 43px; border-radius: 12px; background: rgba(169, 219, 121, 0.13); color: #b7df90; } .ip26-aio-choose__credibility-bottom-icon svg { width: 24px; height: 24px; } .ip26-aio-choose__credibility-bottom strong { display: block; margin-bottom: 9px; color: #ffffff; font-size: 16px; font-weight: 600; letter-spacing: 0.3px; line-height: 1.45; } .ip26-aio-choose__credibility-bottom p { margin: 0; color: #d8e4f7; font-size: 13px; line-height: 1.75; } /* CONNECTED SERVICES STRIP */ .ip26-aio-choose__related { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 44px; padding: 31px 35px; border: 1px solid #dce6f4; border-radius: 19px; background: #ffffff; } .ip26-aio-choose__related-content { display: flex; align-items: flex-start; gap: 17px; flex: 1 1 auto; min-width: 0; } .ip26-aio-choose__related-icon { display: grid; flex: 0 0 auto; place-items: center; width: 47px; height: 47px; border-radius: 13px; background: #edf4ff; color: #0e2b8d; } .ip26-aio-choose__related-icon svg { width: 25px; height: 25px; } .ip26-aio-choose__related-content h3 { margin: 0 0 9px; color: #0b2058 !important; font-size: clamp(19px, 1.5vw, 25px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-choose__related-content p { max-width: 900px; margin: 0; color: #52627b; font-size: 14px; line-height: 1.8; } /* SERVICE LINKS */ .ip26-aio-choose__related-links { display: flex; flex: 0 0 auto; align-items: center; flex-wrap: wrap; gap: 10px; } .ip26-aio-choose__related-links a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 15px; border: 1px solid #d4e1f2; border-radius: 9px; background: #f8fbff; color: #0e2b8d !important; font-size: 13px; font-weight: 600; line-height: 1.4; text-decoration: none !important; white-space: nowrap; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease; } .ip26-aio-choose__related-links a:hover { border-color: #0e2b8d; background: #0e2b8d; color: #ffffff !important; } .ip26-aio-choose__related-links a:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 4px; } .ip26-aio-choose__related-links svg { flex: 0 0 auto; width: 15px; height: 15px; } /* LARGE DESKTOP */ @media (min-width: 1800px) { .ip26-aio-choose__inner { padding: 122px 64px 125px; } .ip26-aio-choose__layout { gap: 110px; } .ip26-aio-choose__reason { padding: 30px 0; } .ip26-aio-choose__reason-content p { font-size: 15px; } .ip26-aio-choose__credibility { padding: 70px; } .ip26-aio-choose__related { padding: 39px 45px; } } /* SMALL DESKTOP */ @media (max-width: 1199px) { .ip26-aio-choose__layout { gap: 36px; } .ip26-aio-choose__credibility { padding: 35px; } .ip26-aio-choose__credibility-top { margin-bottom: 54px; } .ip26-aio-choose__stat-number { font-size: 90px; } .ip26-aio-choose__stat-word { font-size: 51px; } .ip26-aio-choose__reason { gap: 16px; } .ip26-aio-choose__related { align-items: flex-start; flex-direction: column; gap: 25px; } } /* TABLET */ @media (max-width: 991px) { .ip26-aio-choose__inner { padding: 82px 32px 88px; } .ip26-aio-choose__layout { grid-template-columns: minmax(0, 1fr); gap: 45px; } .ip26-aio-choose__title { max-width: 850px; font-size: clamp(39px, 5vw, 52px); } .ip26-aio-choose__intro { max-width: 850px; font-size: 16px; } .ip26-aio-choose__reason-content p { max-width: 850px; font-size: 15px; } .ip26-aio-choose__credibility { padding: 48px; } .ip26-aio-choose__credibility-top { margin-bottom: 55px; } .ip26-aio-choose__stat-number { font-size: 110px; } .ip26-aio-choose__stat-word { font-size: 65px; } .ip26-aio-choose__stat p { max-width: 700px; } .ip26-aio-choose__credibility-bottom { max-width: 730px; } .ip26-aio-choose__related { margin-top: 37px; } } /* MOBILE */ @media (max-width: 600px) { .ip26-aio-choose__inner { padding: 65px 20px 72px; } .ip26-aio-choose__layout { gap: 35px; } .ip26-aio-choose__header { margin-bottom: 29px; } .ip26-aio-choose__eyebrow { margin-bottom: 17px; font-size: 10px; letter-spacing: 1.1px; } .ip26-aio-choose__title { margin-bottom: 20px; font-size: clamp(33px, 8vw, 42px); line-height: 1.22; } .ip26-aio-choose__intro { margin-bottom: 14px; font-size: 15px; line-height: 1.8; } .ip26-aio-choose__reason { gap: 13px; padding: 23px 0; } .ip26-aio-choose__reason-number { width: 39px; height: 39px; border-radius: 11px; font-size: 12px; } .ip26-aio-choose__reason-content h3 { margin-bottom: 9px; font-size: 18px; } .ip26-aio-choose__reason-content p { font-size: 14px; line-height: 1.8; } .ip26-aio-choose__actions { margin-top: 28px; } .ip26-aio-choose__button { width: 100%; padding-right: 15px; padding-left: 15px; font-size: 13px; } .ip26-aio-choose__credibility { padding: 30px 25px; border-radius: 23px; } .ip26-aio-choose__credibility-top { gap: 11px; margin-bottom: 45px; } .ip26-aio-choose__brand-icon { width: 40px; height: 40px; } .ip26-aio-choose__brand-name { font-size: 13px; } .ip26-aio-choose__stat { padding-bottom: 32px; } .ip26-aio-choose__stat--secondary { padding-top: 30px; } .ip26-aio-choose__stat-label { font-size: 10px; letter-spacing: 1px; } .ip26-aio-choose__stat-number { font-size: clamp(75px, 17vw, 105px); } .ip26-aio-choose__stat-word { font-size: clamp(39px, 10vw, 57px); } .ip26-aio-choose__stat p { font-size: 14px; line-height: 1.8; } .ip26-aio-choose__credibility-bottom { gap: 12px; padding: 19px 16px; } .ip26-aio-choose__credibility-bottom-icon { width: 36px; height: 36px; } .ip26-aio-choose__credibility-bottom-icon svg { width: 21px; height: 21px; } .ip26-aio-choose__credibility-bottom strong { font-size: 14px; } .ip26-aio-choose__credibility-bottom p { font-size: 12px; } .ip26-aio-choose__related { gap: 24px; margin-top: 29px; padding: 25px 21px; border-radius: 18px; } .ip26-aio-choose__related-content { flex-direction: column; gap: 15px; } .ip26-aio-choose__related-icon { width: 43px; height: 43px; } .ip26-aio-choose__related-content h3 { font-size: 21px; } .ip26-aio-choose__related-content p { font-size: 14px; line-height: 1.8; } .ip26-aio-choose__related-links { width: 100%; } .ip26-aio-choose__related-links a { flex: 1 1 auto; font-size: 12px; } } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .ip26-aio-choose__button, .ip26-aio-choose__related-links a { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c8a4bd *//* SECTION 10: HOW AIO WORKS ALONGSIDE SEO GEO AND PPC */ .ip26-aio-connected { position: relative; width: 100%; overflow: hidden; background: #ffffff; color: #41506a; font-family: inherit; } .ip26-aio-connected, .ip26-aio-connected * { box-sizing: border-box; } .ip26-aio-connected__inner { width: 100%; padding: 105px 48px 110px; } /* SECTION HEADER */ .ip26-aio-connected__header { max-width: 1050px; margin: 0 auto 58px; text-align: center; } .ip26-aio-connected__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 11px; margin-bottom: 21px; color: #0e2b8d; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.5; } .ip26-aio-connected__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #7fc31b; box-shadow: 0 0 0 5px rgba(127, 195, 27, 0.13); } .ip26-aio-connected__title { margin: 0 0 24px; color: #0b2058 !important; font-size: clamp(35px, 3.2vw, 55px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.2; text-wrap: balance; } .ip26-aio-connected__title span { color: #0e2b8d; } .ip26-aio-connected__intro { max-width: 870px; margin: 0 auto; color: #41506a; font-size: clamp(16px, 1.08vw, 18px); line-height: 1.85; } /* THREE RELATED CHANNELS */ .ip26-aio-connected__channels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 20px; width: 100%; } .ip26-aio-connected__channel { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px 32px 30px; overflow: hidden; border: 1px solid #dce6f4; border-radius: 20px; background: #fbfdff; box-shadow: 0 12px 35px rgba(11, 32, 88, 0.035); } .ip26-aio-connected__channel::before { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #0e2b8d; content: ""; } .ip26-aio-connected__channel--geo::before { background: #4e800c; } .ip26-aio-connected__channel--ppc::before { background: #4773bd; } .ip26-aio-connected__channel-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; } .ip26-aio-connected__channel-icon { display: grid; flex: 0 0 auto; place-items: center; width: 53px; height: 53px; border: 1px solid #dce8f8; border-radius: 15px; background: #edf4ff; color: #0e2b8d; } .ip26-aio-connected__channel--geo .ip26-aio-connected__channel-icon { border-color: #d6e9c6; background: #f0f8e9; color: #4e800c; } .ip26-aio-connected__channel-icon svg { width: 27px; height: 27px; } .ip26-aio-connected__channel-category { color: #4e800c; font-size: 10px; font-weight: 700; letter-spacing: 1.1px; line-height: 1.5; text-align: right; } .ip26-aio-connected__channel h3 { min-height: 70px; margin: 0 0 20px; color: #0b2058 !important; font-size: clamp(22px, 1.7vw, 29px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.35; } .ip26-aio-connected__channel > p { margin: 0 0 25px; color: #52627b; font-size: 15px; line-height: 1.85; } /* PRIMARY FOCUS */ .ip26-aio-connected__channel-detail { display: flex; flex-direction: column; gap: 9px; margin-top: auto; padding: 22px 0; border-top: 1px solid #e4ecf6; } .ip26-aio-connected__channel-detail span { color: #73829a; font-size: 10px; font-weight: 700; letter-spacing: 1.1px; line-height: 1.5; } .ip26-aio-connected__channel-detail strong { max-width: 400px; color: #0b2058; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; line-height: 1.6; } /* SERVICE LINKS */ .ip26-aio-connected__channel-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 11px; padding: 6px 0; color: #0e2b8d !important; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none !important; transition: color 180ms ease; } .ip26-aio-connected__channel-link:hover { color: #4e800c !important; } .ip26-aio-connected__channel-link:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 4px; } .ip26-aio-connected__channel-link svg { flex: 0 0 auto; width: 17px; height: 17px; transition: transform 180ms ease; } .ip26-aio-connected__channel-link:hover svg { transform: translateX(3px); } /* VISUAL CONNECTION */ .ip26-aio-connected__bridge { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 116px; color: #0e2b8d; } .ip26-aio-connected__bridge-line { display: block; height: 27px; border-left: 2px dashed #adc5e4; } .ip26-aio-connected__bridge-label { color: #62748f; font-size: 10px; font-weight: 700; letter-spacing: 1.35px; line-height: 1.5; text-align: center; } .ip26-aio-connected__bridge-arrow { display: grid; place-items: center; width: 25px; height: 25px; color: #7fc31b; } .ip26-aio-connected__bridge-arrow svg { width: 22px; height: 22px; } /* AIO PANEL */ .ip26-aio-connected__aio { position: relative; padding: 43px 47px 35px; overflow: hidden; border: 1px solid #153a83; border-radius: 25px; background: linear-gradient(115deg, #0b2058 0%, #0e2b70 100%); color: #ffffff; } .ip26-aio-connected__aio::before { position: absolute; top: -225px; right: -190px; width: 600px; height: 600px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 50%; box-shadow: 0 0 0 85px rgba(255, 255, 255, 0.018), 0 0 0 170px rgba(255, 255, 255, 0.01); content: ""; pointer-events: none; } .ip26-aio-connected__aio-heading, .ip26-aio-connected__aio-areas, .ip26-aio-connected__aio-footer { position: relative; z-index: 1; } /* AIO HEADING */ .ip26-aio-connected__aio-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: center; gap: clamp(30px, 5vw, 90px); margin-bottom: 34px; } .ip26-aio-connected__aio-heading-main { display: flex; align-items: center; gap: 19px; min-width: 0; } .ip26-aio-connected__aio-icon { display: grid; flex: 0 0 auto; place-items: center; width: 65px; height: 65px; border: 1px solid rgba(169, 219, 121, 0.25); border-radius: 18px; background: rgba(169, 219, 121, 0.1); color: #b7df90; } .ip26-aio-connected__aio-icon svg { width: 33px; height: 33px; } .ip26-aio-connected__aio-kicker { display: block; margin-bottom: 9px; color: #b7df90; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.5; } .ip26-aio-connected__aio-heading h3 { margin: 0; color: #ffffff !important; font-size: clamp(28px, 2.3vw, 40px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.25; } .ip26-aio-connected__aio-heading > p { max-width: 740px; margin: 0; color: #d8e4f7; font-size: 15px; line-height: 1.85; } /* AIO FOCUS AREAS */ .ip26-aio-connected__aio-areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .ip26-aio-connected__aio-area { display: flex; align-items: flex-start; gap: 17px; min-width: 0; padding: 28px; border: 1px solid rgba(211, 226, 251, 0.18); border-radius: 17px; background: rgba(255, 255, 255, 0.065); } .ip26-aio-connected__aio-area-icon { display: grid; flex: 0 0 auto; place-items: center; width: 45px; height: 45px; border: 1px solid rgba(169, 219, 121, 0.23); border-radius: 12px; background: rgba(169, 219, 121, 0.11); color: #b7df90; } .ip26-aio-connected__aio-area-icon svg { width: 24px; height: 24px; } .ip26-aio-connected__aio-area > div { min-width: 0; } .ip26-aio-connected__aio-area h4 { margin: 0 0 11px; color: #ffffff !important; font-size: clamp(18px, 1.3vw, 22px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-connected__aio-area p { max-width: 650px; margin: 0; color: #d8e4f7; font-size: 14px; line-height: 1.8; } /* AIO FOOTER */ .ip26-aio-connected__aio-footer { display: flex; align-items: flex-start; gap: 11px; margin-top: 28px; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.18); } .ip26-aio-connected__aio-footer-icon { display: grid; flex: 0 0 auto; place-items: center; width: 23px; height: 23px; color: #b7df90; } .ip26-aio-connected__aio-footer-icon svg { width: 20px; height: 20px; } .ip26-aio-connected__aio-footer p { margin: 0; color: #d8e4f7; font-size: 13px; font-weight: 500; line-height: 1.7; } /* CONCLUSION */ .ip26-aio-connected__conclusion { display: flex; align-items: center; justify-content: space-between; gap: 35px; margin-top: 38px; padding: 30px 35px; border: 1px solid #dce6f4; border-radius: 19px; background: #f4f8fe; } .ip26-aio-connected__conclusion-content { flex: 1 1 auto; min-width: 0; } .ip26-aio-connected__conclusion-content h3 { margin: 0 0 9px; color: #0b2058 !important; font-size: clamp(20px, 1.55vw, 26px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-connected__conclusion-content p { max-width: 970px; margin: 0; color: #52627b; font-size: 14px; line-height: 1.8; } /* PRIMARY CTA */ .ip26-aio-connected__button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 13px; min-height: 52px; padding: 13px 22px; border: 1px solid #4e800c; border-radius: 10px; background: #4e800c; color: #ffffff !important; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .ip26-aio-connected__button:hover { transform: translateY(-2px); border-color: #3c6608; background: #3c6608; color: #ffffff !important; } .ip26-aio-connected__button:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 4px; } .ip26-aio-connected__button svg { flex: 0 0 auto; width: 18px; height: 18px; } /* LARGE DESKTOP */ @media (min-width: 1800px) { .ip26-aio-connected__inner { padding: 120px 64px 125px; } .ip26-aio-connected__header { margin-bottom: 67px; } .ip26-aio-connected__channels { gap: 25px; } .ip26-aio-connected__channel { padding: 42px 38px 36px; } .ip26-aio-connected__channel > p { font-size: 16px; } .ip26-aio-connected__aio { padding: 54px 60px 45px; } .ip26-aio-connected__aio-area { padding: 35px; } .ip26-aio-connected__conclusion { padding: 38px 45px; } } /* SMALL DESKTOP */ @media (max-width: 1199px) { .ip26-aio-connected__channels { gap: 16px; } .ip26-aio-connected__channel { padding: 29px 24px 26px; } .ip26-aio-connected__channel h3 { min-height: 78px; font-size: 23px; } .ip26-aio-connected__channel > p { font-size: 14px; } .ip26-aio-connected__aio { padding: 37px; } .ip26-aio-connected__aio-heading { gap: 32px; } .ip26-aio-connected__aio-area { padding: 23px; } .ip26-aio-connected__conclusion { align-items: flex-start; flex-direction: column; } } /* TABLET */ @media (max-width: 991px) { .ip26-aio-connected__inner { padding: 80px 32px 86px; } .ip26-aio-connected__header { margin-bottom: 45px; } .ip26-aio-connected__title { font-size: clamp(38px, 5vw, 50px); } .ip26-aio-connected__channels { grid-template-columns: minmax(0, 1fr); gap: 17px; } .ip26-aio-connected__channel { padding: 30px; } .ip26-aio-connected__channel-top { margin-bottom: 22px; } .ip26-aio-connected__channel h3 { min-height: 0; font-size: 26px; } .ip26-aio-connected__channel > p { max-width: 820px; font-size: 15px; } .ip26-aio-connected__channel-detail strong { max-width: 800px; } .ip26-aio-connected__bridge { min-height: 104px; } .ip26-aio-connected__aio-heading { grid-template-columns: minmax(0, 1fr); gap: 22px; } .ip26-aio-connected__aio-heading > p { max-width: 850px; } .ip26-aio-connected__aio-areas { gap: 15px; } .ip26-aio-connected__aio-area { flex-direction: column; } .ip26-aio-connected__conclusion { margin-top: 30px; } } /* MOBILE */ @media (max-width: 600px) { .ip26-aio-connected__inner { padding: 65px 20px 72px; } .ip26-aio-connected__header { margin-bottom: 35px; } .ip26-aio-connected__eyebrow { margin-bottom: 17px; font-size: 10px; letter-spacing: 1.1px; } .ip26-aio-connected__title { margin-bottom: 20px; font-size: clamp(33px, 8vw, 42px); line-height: 1.22; } .ip26-aio-connected__intro { font-size: 16px; line-height: 1.75; } .ip26-aio-connected__channels { gap: 15px; } .ip26-aio-connected__channel { padding: 26px 23px; border-radius: 18px; } .ip26-aio-connected__channel-icon { width: 46px; height: 46px; border-radius: 13px; } .ip26-aio-connected__channel-icon svg { width: 24px; height: 24px; } .ip26-aio-connected__channel-category { font-size: 9px; letter-spacing: 0.8px; } .ip26-aio-connected__channel h3 { margin-bottom: 16px; font-size: 23px; } .ip26-aio-connected__channel > p { margin-bottom: 20px; font-size: 14px; line-height: 1.8; } .ip26-aio-connected__channel-detail { padding: 20px 0; } .ip26-aio-connected__channel-detail strong { font-size: 13px; } .ip26-aio-connected__channel-link { font-size: 13px; } .ip26-aio-connected__bridge { min-height: 94px; } .ip26-aio-connected__bridge-label { font-size: 9px; letter-spacing: 0.8px; } .ip26-aio-connected__aio { padding: 30px 23px 26px; border-radius: 21px; } .ip26-aio-connected__aio-heading { gap: 20px; margin-bottom: 25px; } .ip26-aio-connected__aio-heading-main { gap: 13px; } .ip26-aio-connected__aio-icon { width: 51px; height: 51px; border-radius: 14px; } .ip26-aio-connected__aio-icon svg { width: 27px; height: 27px; } .ip26-aio-connected__aio-kicker { margin-bottom: 7px; font-size: 9px; letter-spacing: 1px; } .ip26-aio-connected__aio-heading h3 { font-size: 26px; } .ip26-aio-connected__aio-heading > p { font-size: 14px; line-height: 1.8; } .ip26-aio-connected__aio-areas { grid-template-columns: minmax(0, 1fr); gap: 12px; } .ip26-aio-connected__aio-area { gap: 14px; padding: 22px 19px; border-radius: 14px; } .ip26-aio-connected__aio-area-icon { width: 41px; height: 41px; } .ip26-aio-connected__aio-area h4 { font-size: 19px; } .ip26-aio-connected__aio-area p { font-size: 13px; line-height: 1.8; } .ip26-aio-connected__aio-footer { margin-top: 23px; padding-top: 22px; } .ip26-aio-connected__aio-footer p { font-size: 12px; line-height: 1.75; } .ip26-aio-connected__conclusion { gap: 23px; margin-top: 25px; padding: 26px 22px; border-radius: 18px; } .ip26-aio-connected__conclusion-content h3 { font-size: 22px; } .ip26-aio-connected__conclusion-content p { font-size: 14px; line-height: 1.8; } .ip26-aio-connected__button { width: 100%; padding-right: 14px; padding-left: 14px; font-size: 13px; } } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .ip26-aio-connected__channel-link, .ip26-aio-connected__channel-link svg, .ip26-aio-connected__button { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9da3d3 *//* SECTION 11: AIO INSIGHTS AND EDUCATIONAL RESOURCES */ .ip26-aio-insights { position: relative; width: 100%; overflow: hidden; background: linear-gradient(180deg, #f3f7fd 0%, #f8fbff 100%); color: #41506a; font-family: inherit; } .ip26-aio-insights, .ip26-aio-insights * { box-sizing: border-box; } .ip26-aio-insights__inner { width: 100%; padding: 105px 48px 110px; } /* SECTION HEADER */ .ip26-aio-insights__header { max-width: 1020px; margin: 0 auto 59px; text-align: center; } .ip26-aio-insights__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 11px; margin-bottom: 21px; color: #0e2b8d; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.5; } .ip26-aio-insights__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #7fc31b; box-shadow: 0 0 0 5px rgba(127, 195, 27, 0.13); } .ip26-aio-insights__title { max-width: 990px; margin: 0 auto 24px; color: #0b2058 !important; font-size: clamp(35px, 3.15vw, 54px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.2; text-wrap: balance; } .ip26-aio-insights__title span { color: #0e2b8d; } .ip26-aio-insights__intro { max-width: 850px; margin: 0 auto; color: #41506a; font-size: clamp(16px, 1.08vw, 18px); line-height: 1.85; } /* EDITORIAL LAYOUT */ .ip26-aio-insights__layout { display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr); align-items: stretch; gap: 22px; width: 100%; } /* FEATURED ARTICLE */ .ip26-aio-insights__featured { position: relative; display: flex; flex-direction: column; min-width: 0; padding: clamp(36px, 3.6vw, 65px); overflow: hidden; border: 1px solid #153a83; border-radius: 27px; background: linear-gradient(145deg, #0b2058 0%, #0e2b70 100%); color: #ffffff; } .ip26-aio-insights__featured::before { position: absolute; top: -165px; right: -185px; width: 520px; height: 520px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 50%; box-shadow: 0 0 0 75px rgba(255, 255, 255, 0.018), 0 0 0 150px rgba(255, 255, 255, 0.01); content: ""; pointer-events: none; } .ip26-aio-insights__featured::after { position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #7fc31b, #b7df90); content: ""; } .ip26-aio-insights__featured-top, .ip26-aio-insights__featured-body, .ip26-aio-insights__featured-link { position: relative; z-index: 1; } .ip26-aio-insights__featured-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: clamp(48px, 5vw, 85px); } .ip26-aio-insights__featured-icon { display: grid; flex: 0 0 auto; place-items: center; width: 57px; height: 57px; border: 1px solid rgba(169, 219, 121, 0.25); border-radius: 16px; background: rgba(169, 219, 121, 0.11); color: #b7df90; } .ip26-aio-insights__featured-icon svg { width: 29px; height: 29px; } .ip26-aio-insights__featured-category { color: #c6d6ef; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.5; text-align: right; } .ip26-aio-insights__featured-topic { display: block; margin-bottom: 17px; color: #b7df90; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.5; } .ip26-aio-insights__featured-body h3 { max-width: 780px; margin: 0 0 25px; color: #ffffff !important; font-size: clamp(30px, 2.6vw, 46px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.26; text-wrap: balance; } .ip26-aio-insights__featured-body > p { max-width: 710px; margin: 0 0 17px; color: #d8e4f7; font-size: clamp(15px, 1.08vw, 17px); line-height: 1.85; } .ip26-aio-insights__featured-body > p:last-of-type { margin-bottom: 0; } /* FEATURED TAKEAWAY */ .ip26-aio-insights__featured-lesson { display: flex; align-items: flex-start; gap: 13px; margin-top: 31px; padding: 20px; border: 1px solid rgba(169, 219, 121, 0.24); border-radius: 14px; background: rgba(169, 219, 121, 0.075); } .ip26-aio-insights__featured-lesson-icon { display: grid; flex: 0 0 auto; place-items: center; width: 25px; height: 25px; color: #b7df90; } .ip26-aio-insights__featured-lesson-icon svg { width: 21px; height: 21px; } .ip26-aio-insights__featured-lesson > span:last-child { color: #e4edf9; font-size: 14px; font-weight: 500; line-height: 1.7; } /* FEATURED ARTICLE LINK */ .ip26-aio-insights__featured-link { display: inline-flex; align-items: center; align-self: flex-start; justify-content: center; gap: 12px; min-height: 53px; margin-top: auto; padding: 14px 23px; border: 1px solid #b7df90; border-radius: 10px; background: #b7df90; color: #0b2058 !important; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none !important; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .ip26-aio-insights__featured-body + .ip26-aio-insights__featured-link { margin-top: 37px; } .ip26-aio-insights__featured-link:hover { transform: translateY(-2px); border-color: #d2edb7; background: #d2edb7; color: #0b2058 !important; } .ip26-aio-insights__featured-link:focus-visible { outline: 3px solid #ffffff; outline-offset: 4px; } .ip26-aio-insights__featured-link svg { flex: 0 0 auto; width: 18px; height: 18px; } /* SUPPORTING ARTICLES */ .ip26-aio-insights__secondary { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 22px; min-width: 0; } .ip26-aio-insights__article { display: flex; flex-direction: column; min-width: 0; padding: clamp(28px, 2.7vw, 46px); border: 1px solid #dce6f4; border-radius: 22px; background: #ffffff; box-shadow: 0 12px 35px rgba(11, 32, 88, 0.035); } .ip26-aio-insights__article-top { display: flex; align-items: center; gap: 15px; margin-bottom: 23px; } .ip26-aio-insights__article-icon { display: grid; flex: 0 0 auto; place-items: center; width: 49px; height: 49px; border: 1px solid #dce8f8; border-radius: 14px; background: #edf4ff; color: #0e2b8d; } .ip26-aio-insights__article-icon svg { width: 25px; height: 25px; } .ip26-aio-insights__article-category { color: #4e800c; font-size: 10px; font-weight: 700; letter-spacing: 1.15px; line-height: 1.5; } .ip26-aio-insights__article h3 { max-width: 690px; margin: 0 0 16px; color: #0b2058 !important; font-size: clamp(22px, 1.7vw, 29px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.35; text-wrap: balance; } .ip26-aio-insights__article > p { max-width: 730px; margin: 0 0 23px; color: #52627b; font-size: 14px; line-height: 1.85; } .ip26-aio-insights__article-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-top: auto; padding-top: 20px; border-top: 1px solid #e3ebf5; } .ip26-aio-insights__article-relevance { color: #667891; font-size: 12px; line-height: 1.6; } .ip26-aio-insights__article-bottom a { display: inline-flex; align-items: center; gap: 9px; color: #0e2b8d !important; font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none !important; transition: color 180ms ease; } .ip26-aio-insights__article-bottom a:hover { color: #4e800c !important; } .ip26-aio-insights__article-bottom a:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 4px; } .ip26-aio-insights__article-bottom a svg { flex: 0 0 auto; width: 16px; height: 16px; } /* PRACTICAL TAKEAWAY */ .ip26-aio-insights__takeaway { display: flex; align-items: center; justify-content: space-between; gap: 38px; margin-top: 34px; padding: 31px 36px; border: 1px solid #dce6f4; border-radius: 19px; background: #ffffff; } .ip26-aio-insights__takeaway-main { display: flex; align-items: flex-start; flex: 1 1 auto; gap: 18px; min-width: 0; } .ip26-aio-insights__takeaway-icon { display: grid; flex: 0 0 auto; place-items: center; width: 49px; height: 49px; border-radius: 13px; background: #edf4ff; color: #0e2b8d; } .ip26-aio-insights__takeaway-icon svg { width: 25px; height: 25px; } .ip26-aio-insights__takeaway-main h3 { margin: 0 0 10px; color: #0b2058 !important; font-size: clamp(20px, 1.6vw, 27px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.4; } .ip26-aio-insights__takeaway-main p { max-width: 970px; margin: 0; color: #52627b; font-size: 14px; line-height: 1.8; } /* CONSULTATION CTA */ .ip26-aio-insights__button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 13px; min-height: 53px; padding: 14px 22px; border: 1px solid #4e800c; border-radius: 10px; background: #4e800c; color: #ffffff !important; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .ip26-aio-insights__button:hover { transform: translateY(-2px); border-color: #3c6608; background: #3c6608; color: #ffffff !important; } .ip26-aio-insights__button:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 4px; } .ip26-aio-insights__button svg { flex: 0 0 auto; width: 18px; height: 18px; } /* LARGE DESKTOP */ @media (min-width: 1800px) { .ip26-aio-insights__inner { padding: 120px 64px 125px; } .ip26-aio-insights__header { margin-bottom: 67px; } .ip26-aio-insights__layout, .ip26-aio-insights__secondary { gap: 27px; } .ip26-aio-insights__featured { padding: 65px; } .ip26-aio-insights__article { padding: 47px; } .ip26-aio-insights__article > p { font-size: 15px; } .ip26-aio-insights__takeaway { padding: 40px 46px; } } /* SMALL DESKTOP */ @media (max-width: 1199px) { .ip26-aio-insights__layout { gap: 18px; } .ip26-aio-insights__featured { padding: 35px; } .ip26-aio-insights__featured-top { margin-bottom: 45px; } .ip26-aio-insights__featured-body h3 { font-size: 34px; } .ip26-aio-insights__secondary { gap: 18px; } .ip26-aio-insights__article { padding: 29px; } .ip26-aio-insights__article h3 { font-size: 24px; } .ip26-aio-insights__takeaway { align-items: flex-start; flex-direction: column; } } /* TABLET */ @media (max-width: 991px) { .ip26-aio-insights__inner { padding: 80px 32px 86px; } .ip26-aio-insights__header { margin-bottom: 44px; } .ip26-aio-insights__title { font-size: clamp(38px, 5vw, 50px); } .ip26-aio-insights__layout { grid-template-columns: minmax(0, 1fr); gap: 19px; } .ip26-aio-insights__featured { padding: 43px; } .ip26-aio-insights__featured-top { margin-bottom: 40px; } .ip26-aio-insights__featured-body h3 { max-width: 800px; font-size: 38px; } .ip26-aio-insights__featured-body > p { max-width: 800px; } .ip26-aio-insights__secondary { grid-template-rows: auto; gap: 19px; } .ip26-aio-insights__article { padding: 35px; } .ip26-aio-insights__article h3 { font-size: 27px; } .ip26-aio-insights__article > p { max-width: 850px; font-size: 15px; } .ip26-aio-insights__takeaway { margin-top: 29px; } } /* MOBILE */ @media (max-width: 600px) { .ip26-aio-insights__inner { padding: 65px 20px 72px; } .ip26-aio-insights__header { margin-bottom: 35px; } .ip26-aio-insights__eyebrow { margin-bottom: 17px; font-size: 10px; letter-spacing: 1.1px; } .ip26-aio-insights__title { margin-bottom: 20px; font-size: clamp(33px, 8vw, 42px); line-height: 1.22; } .ip26-aio-insights__intro { font-size: 16px; line-height: 1.75; } .ip26-aio-insights__layout { gap: 15px; } .ip26-aio-insights__featured { padding: 29px 23px; border-radius: 22px; } .ip26-aio-insights__featured-top { margin-bottom: 35px; } .ip26-aio-insights__featured-icon { width: 47px; height: 47px; border-radius: 13px; } .ip26-aio-insights__featured-icon svg { width: 25px; height: 25px; } .ip26-aio-insights__featured-category { font-size: 9px; letter-spacing: 0.9px; } .ip26-aio-insights__featured-topic { margin-bottom: 13px; font-size: 10px; letter-spacing: 1px; } .ip26-aio-insights__featured-body h3 { margin-bottom: 20px; font-size: clamp(27px, 7vw, 35px); line-height: 1.3; } .ip26-aio-insights__featured-body > p { margin-bottom: 14px; font-size: 14px; line-height: 1.8; } .ip26-aio-insights__featured-lesson { gap: 10px; margin-top: 23px; padding: 17px 14px; } .ip26-aio-insights__featured-lesson > span:last-child { font-size: 12px; line-height: 1.75; } .ip26-aio-insights__featured-body + .ip26-aio-insights__featured-link { margin-top: 28px; } .ip26-aio-insights__featured-link { width: 100%; font-size: 13px; } .ip26-aio-insights__secondary { gap: 15px; } .ip26-aio-insights__article { padding: 26px 22px; border-radius: 18px; } .ip26-aio-insights__article-top { gap: 12px; margin-bottom: 19px; } .ip26-aio-insights__article-icon { width: 43px; height: 43px; border-radius: 12px; } .ip26-aio-insights__article-icon svg { width: 23px; height: 23px; } .ip26-aio-insights__article-category { font-size: 9px; letter-spacing: 0.9px; } .ip26-aio-insights__article h3 { font-size: 23px; } .ip26-aio-insights__article > p { font-size: 14px; line-height: 1.8; } .ip26-aio-insights__article-bottom { align-items: flex-start; flex-direction: column; gap: 14px; padding-top: 19px; } .ip26-aio-insights__article-relevance { font-size: 11px; } .ip26-aio-insights__takeaway { gap: 24px; margin-top: 25px; padding: 26px 22px; border-radius: 18px; } .ip26-aio-insights__takeaway-main { flex-direction: column; gap: 15px; } .ip26-aio-insights__takeaway-icon { width: 43px; height: 43px; } .ip26-aio-insights__takeaway-main h3 { font-size: 22px; } .ip26-aio-insights__takeaway-main p { font-size: 14px; line-height: 1.8; } .ip26-aio-insights__button { width: 100%; padding-right: 13px; padding-left: 13px; font-size: 13px; } } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .ip26-aio-insights__featured-link, .ip26-aio-insights__article-bottom a, .ip26-aio-insights__button { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-352b045 *//* SECTION 12: AI OPTIMIZATION FREQUENTLY ASKED QUESTIONS */ .ip26-aio-faq { position: relative; width: 100%; overflow: hidden; background: linear-gradient(180deg, #f3f7fd 0%, #f8fbff 100%); color: #41506a; font-family: inherit; } .ip26-aio-faq, .ip26-aio-faq * { box-sizing: border-box; } .ip26-aio-faq__inner { width: 100%; padding: 105px 48px 110px; } /* SECTION HEADER */ .ip26-aio-faq__header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: end; gap: clamp(40px, 5vw, 95px); margin-bottom: 52px; } .ip26-aio-faq__heading, .ip26-aio-faq__introduction { min-width: 0; } .ip26-aio-faq__eyebrow { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 22px; color: #0e2b8d; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.5; } .ip26-aio-faq__eyebrow-dot { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #7fc31b; box-shadow: 0 0 0 5px rgba(127, 195, 27, 0.13); } .ip26-aio-faq__title { max-width: 850px; margin: 0; color: #0b2058 !important; font-size: clamp(35px, 3.15vw, 54px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.2; text-wrap: balance; } .ip26-aio-faq__title span { color: #0e2b8d; } .ip26-aio-faq__introduction { padding-bottom: 5px; } .ip26-aio-faq__introduction p { max-width: 730px; margin: 0 0 17px; color: #41506a; font-size: clamp(15px, 1.08vw, 17px); font-weight: 400; line-height: 1.85; } .ip26-aio-faq__introduction p:last-child { margin-bottom: 0; } /* TWO-COLUMN FAQ LAYOUT */ .ip26-aio-faq__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 22px; width: 100%; } .ip26-aio-faq__column { display: flex; flex-direction: column; gap: 15px; min-width: 0; } /* ACCORDION ITEM */ .ip26-aio-faq__item { min-width: 0; overflow: hidden; border: 1px solid #dce6f4; border-radius: 17px; background: #ffffff; box-shadow: 0 8px 24px rgba(11, 32, 88, 0.025); } .ip26-aio-faq__item[open] { border-color: #bdd3ed; box-shadow: 0 12px 30px rgba(11, 32, 88, 0.055); } /* CLICKABLE QUESTION */ .ip26-aio-faq__question { display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 83px; padding: 24px 27px; color: #0b2058; cursor: pointer; list-style: none; -webkit-tap-highlight-color: transparent; } .ip26-aio-faq__question::-webkit-details-marker { display: none; } .ip26-aio-faq__question::marker { content: ""; } .ip26-aio-faq__question > span:first-child { flex: 1 1 auto; min-width: 0; color: #0b2058; font-size: clamp(16px, 1.12vw, 19px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.5; } .ip26-aio-faq__question:hover { background: #f8fbff; } .ip26-aio-faq__question:focus-visible { outline: 3px solid #0e2b8d; outline-offset: -5px; border-radius: 14px; } .ip26-aio-faq__item[open] .ip26-aio-faq__question { background: #ffffff; } /* PLUS / MINUS INDICATOR */ .ip26-aio-faq__toggle { position: relative; display: grid; flex: 0 0 auto; place-items: center; width: 35px; height: 35px; border: 1px solid #dce8f8; border-radius: 10px; background: #edf4ff; color: #0e2b8d; } .ip26-aio-faq__toggle::before, .ip26-aio-faq__toggle::after { position: absolute; top: 50%; left: 50%; width: 13px; height: 2px; border-radius: 2px; background: currentColor; content: ""; transform: translate(-50%, -50%); transition: transform 180ms ease, opacity 180ms ease; } .ip26-aio-faq__toggle::after { transform: translate(-50%, -50%) rotate(90deg); } .ip26-aio-faq__item[open] .ip26-aio-faq__toggle { border-color: #d6e9c7; background: #edf7e7; color: #4e800c; } .ip26-aio-faq__item[open] .ip26-aio-faq__toggle::after { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); } /* ANSWER CONTENT */ .ip26-aio-faq__answer { margin: 0 27px 27px; padding-top: 21px; border-top: 1px solid #e4ecf6; } .ip26-aio-faq__answer p { margin: 0 0 16px; color: #52627b; font-size: 15px; font-weight: 400; line-height: 1.85; } .ip26-aio-faq__answer p:last-child { margin-bottom: 0; } .ip26-aio-faq__answer a { color: #0e2b8d !important; font-weight: 600; text-decoration: underline; text-decoration-color: #a2bce0; text-underline-offset: 3px; } .ip26-aio-faq__answer a:hover { color: #4e800c !important; text-decoration-color: #4e800c; } .ip26-aio-faq__answer a:focus-visible { outline: 3px solid #0e2b8d; outline-offset: 3px; } /* CLOSING CTA PANEL */ .ip26-aio-faq__closing { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 45px; margin-top: 39px; padding: 44px 48px; overflow: hidden; border: 1px solid #153a83; border-radius: 23px; background: linear-gradient(115deg, #0b2058 0%, #0e2b70 100%); color: #ffffff; } .ip26-aio-faq__closing::before { position: absolute; top: -170px; right: -180px; width: 470px; height: 470px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 50%; box-shadow: 0 0 0 75px rgba(255, 255, 255, 0.018), 0 0 0 150px rgba(255, 255, 255, 0.01); content: ""; pointer-events: none; } .ip26-aio-faq__closing-content, .ip26-aio-faq__closing-action { position: relative; z-index: 1; min-width: 0; } .ip26-aio-faq__closing-label { display: block; margin-bottom: 14px; color: #b7df90; font-size: 11px; font-weight: 700; letter-spacing: 1.35px; line-height: 1.5; } .ip26-aio-faq__closing-content h3 { max-width: 1000px; margin: 0 0 15px; color: #ffffff !important; font-size: clamp(25px, 2.2vw, 37px); font-weight: 600; letter-spacing: 0.3px; line-height: 1.3; text-wrap: balance; } .ip26-aio-faq__closing-content p { max-width: 1000px; margin: 0; color: #d8e4f7; font-size: 15px; line-height: 1.85; } /* CLOSING FOCUS POINTS */ .ip26-aio-faq__closing-points { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 25px; } .ip26-aio-faq__closing-points span { display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid rgba(169, 219, 121, 0.2); border-radius: 8px; background: rgba(169, 219, 121, 0.07); color: #e1edf9; font-size: 12px; font-weight: 500; line-height: 1.4; } .ip26-aio-faq__closing-points span::before { width: 6px; height: 6px; border-radius: 50%; background: #a9db79; content: ""; } /* CONTACT BUTTON */ .ip26-aio-faq__button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 54px; padding: 14px 25px; border: 1px solid #4e800c; border-radius: 10px; background: #4e800c; color: #ffffff !important; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none !important; white-space: nowrap; transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .ip26-aio-faq__button:hover { transform: translateY(-2px); border-color: #3c6608; background: #3c6608; color: #ffffff !important; } .ip26-aio-faq__button:focus-visible { outline: 3px solid #b7df90; outline-offset: 4px; } .ip26-aio-faq__button svg { flex: 0 0 auto; width: 18px; height: 18px; } /* LARGE DESKTOP */ @media (min-width: 1800px) { .ip26-aio-faq__inner { padding: 120px 64px 125px; } .ip26-aio-faq__header { gap: 110px; margin-bottom: 64px; } .ip26-aio-faq__columns { gap: 28px; } .ip26-aio-faq__column { gap: 19px; } .ip26-aio-faq__question { padding: 29px 34px; } .ip26-aio-faq__answer { margin-right: 34px; margin-bottom: 32px; margin-left: 34px; } .ip26-aio-faq__answer p { font-size: 16px; } .ip26-aio-faq__closing { padding: 55px 60px; } } /* SMALL DESKTOP */ @media (max-width: 1199px) { .ip26-aio-faq__header { gap: 40px; } .ip26-aio-faq__columns { gap: 17px; } .ip26-aio-faq__column { gap: 13px; } .ip26-aio-faq__question { min-height: 79px; padding: 22px; } .ip26-aio-faq__question > span:first-child { font-size: 16px; } .ip26-aio-faq__answer { margin-right: 22px; margin-bottom: 24px; margin-left: 22px; } .ip26-aio-faq__answer p { font-size: 14px; } .ip26-aio-faq__closing { gap: 30px; padding: 38px; } } /* TABLET */ @media (max-width: 991px) { .ip26-aio-faq__inner { padding: 80px 32px 86px; } .ip26-aio-faq__header { grid-template-columns: minmax(0, 1fr); gap: 25px; margin-bottom: 43px; } .ip26-aio-faq__title { max-width: 850px; font-size: clamp(38px, 5vw, 50px); } .ip26-aio-faq__introduction p { max-width: 850px; font-size: 16px; } .ip26-aio-faq__columns { grid-template-columns: minmax(0, 1fr); gap: 14px; } .ip26-aio-faq__column { gap: 14px; } .ip26-aio-faq__question { min-height: 75px; padding: 23px 27px; } .ip26-aio-faq__question > span:first-child { font-size: 18px; } .ip26-aio-faq__answer { margin-right: 27px; margin-left: 27px; } .ip26-aio-faq__answer p { font-size: 15px; } .ip26-aio-faq__closing { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-top: 32px; } .ip26-aio-faq__closing-action { justify-self: start; } } /* MOBILE */ @media (max-width: 600px) { .ip26-aio-faq__inner { padding: 65px 20px 72px; } .ip26-aio-faq__header { gap: 22px; margin-bottom: 34px; } .ip26-aio-faq__eyebrow { margin-bottom: 17px; font-size: 10px; letter-spacing: 1.1px; } .ip26-aio-faq__title { font-size: clamp(33px, 8vw, 42px); line-height: 1.22; } .ip26-aio-faq__introduction p { margin-bottom: 14px; font-size: 15px; line-height: 1.8; } .ip26-aio-faq__columns, .ip26-aio-faq__column { gap: 12px; } .ip26-aio-faq__item { border-radius: 14px; } .ip26-aio-faq__question { gap: 13px; min-height: 69px; padding: 19px 17px; } .ip26-aio-faq__question > span:first-child { font-size: 15px; line-height: 1.5; } .ip26-aio-faq__toggle { width: 31px; height: 31px; border-radius: 9px; } .ip26-aio-faq__toggle::before, .ip26-aio-faq__toggle::after { width: 12px; } .ip26-aio-faq__answer { margin: 0 17px 22px; padding-top: 18px; } .ip26-aio-faq__answer p { margin-bottom: 13px; font-size: 14px; line-height: 1.8; } .ip26-aio-faq__closing { gap: 25px; margin-top: 27px; padding: 30px 23px; border-radius: 19px; } .ip26-aio-faq__closing-label { margin-bottom: 12px; font-size: 10px; letter-spacing: 1px; } .ip26-aio-faq__closing-content h3 { font-size: clamp(25px, 6.7vw, 31px); line-height: 1.35; } .ip26-aio-faq__closing-content p { font-size: 14px; line-height: 1.8; } .ip26-aio-faq__closing-points { gap: 9px; margin-top: 21px; } .ip26-aio-faq__closing-points span { padding: 8px 10px; font-size: 11px; } .ip26-aio-faq__closing-action { justify-self: stretch; } .ip26-aio-faq__button { width: 100%; font-size: 14px; white-space: normal; } } /* REDUCED MOTION */ @media (prefers-reduced-motion: reduce) { .ip26-aio-faq__toggle::before, .ip26-aio-faq__toggle::after, .ip26-aio-faq__button { transition: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b3739b *//* SECTION 13: FINAL AIO CALL TO ACTION */
.ip26-aio-final {
    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(122deg, #0b2058 0%, #0e2b70 57%, #163c82 100%);
    color: #d8e4f7;
    font-family: inherit;
}

.ip26-aio-final::before {
    position: absolute;
    z-index: -1;
    top: -340px;
    right: -260px;
    width: 850px;
    height: 850px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 50%;
    box-shadow:
        0 0 0 95px rgba(255, 255, 255, 0.015),
        0 0 0 190px rgba(255, 255, 255, 0.009);
    content: "";
    pointer-events: none;
}

.ip26-aio-final::after {
    position: absolute;
    z-index: -1;
    bottom: -360px;
    left: -270px;
    width: 700px;
    height: 700px;
    border: 1px solid rgba(169, 219, 121, 0.07);
    border-radius: 50%;
    box-shadow: 0 0 0 100px rgba(169, 219, 121, 0.012);
    content: "";
    pointer-events: none;
}

.ip26-aio-final,
.ip26-aio-final * {
    box-sizing: border-box;
}

.ip26-aio-final__inner {
    position: relative;
    width: 100%;
    padding: 115px 48px 45px;
}

/* MAIN TWO-COLUMN LAYOUT */
.ip26-aio-final__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: center;
    gap: clamp(45px, 6vw, 115px);
    width: 100%;
}

.ip26-aio-final__content,
.ip26-aio-final__consultation {
    min-width: 0;
}

/* LEFT COLUMN */
.ip26-aio-final__content {
    padding: 15px 0 25px;
}

.ip26-aio-final__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 27px;
    color: #b7df90;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.ip26-aio-final__eyebrow-dot {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #b7df90;
    box-shadow: 0 0 0 5px rgba(183, 223, 144, 0.13);
}

/* MAIN HEADING */
.ip26-aio-final__title {
    max-width: 930px;
    margin: 0 0 30px;
    color: #ffffff !important;
    font-size: clamp(39px, 3.65vw, 65px);
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 1.17;
    text-wrap: balance;
}

.ip26-aio-final__title span {
    color: #b7df90 !important;
}

/* INTRODUCTORY COPY */
.ip26-aio-final__description {
    max-width: 760px;
    margin: 0 0 20px;
    color: #d8e4f7;
    font-size: clamp(16px, 1.12vw, 19px);
    font-weight: 400;
    line-height: 1.85;
}

.ip26-aio-final__description:last-of-type {
    margin-bottom: 0;
}

/* BENEFIT LIST */
.ip26-aio-final__benefits {
    display: grid;
    gap: 17px;
    margin-top: 37px;
}

.ip26-aio-final__benefit {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
}

.ip26-aio-final__check {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 25px;
    height: 25px;
    color: #b7df90;
}

.ip26-aio-final__check svg {
    width: 23px;
    height: 23px;
}

/* CLOSING MESSAGE */
.ip26-aio-final__message {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 47px;
}

.ip26-aio-final__message-line {
    flex: 0 0 auto;
    width: 35px;
    height: 3px;
    margin-top: 12px;
    border-radius: 2px;
    background: #b7df90;
}

.ip26-aio-final__message p {
    max-width: 560px;
    margin: 0;
    color: #e5eef9;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
}

/* CONSULTATION PANEL */
.ip26-aio-final__consultation {
    position: relative;
    padding: clamp(35px, 3.4vw, 60px);
    overflow: hidden;
    border: 1px solid #e0e8f3;
    border-radius: 29px;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(3, 15, 48, 0.2);
    color: #41506a;
}

.ip26-aio-final__consultation::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #7fc31b, #b7df90);
    content: "";
}

/* PANEL HEADER */
.ip26-aio-final__consultation-top {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 26px;
}

.ip26-aio-final__consultation-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 53px;
    height: 53px;
    border: 1px solid #d7e9c8;
    border-radius: 15px;
    background: #f0f8e9;
    color: #4e800c;
}

.ip26-aio-final__consultation-icon svg {
    width: 27px;
    height: 27px;
}

.ip26-aio-final__consultation-label {
    color: #4e800c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.5;
}

/* PANEL HEADING */
.ip26-aio-final__consultation-title {
    max-width: 610px;
    margin: 0 0 21px;
    color: #0b2058 !important;
    font-size: clamp(29px, 2.5vw, 43px);
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 1.24;
    text-wrap: balance;
}

/* PANEL BODY COPY */
.ip26-aio-final__consultation-description {
    max-width: 630px;
    margin: 0 0 15px;
    color: #52627b;
    font-size: clamp(15px, 1.03vw, 17px);
    font-weight: 400;
    line-height: 1.8;
}

.ip26-aio-final__consultation-description:last-of-type {
    margin-bottom: 0;
}

/* DISCUSSION FOCUS AREAS */
.ip26-aio-final__consultation-focus {
    margin-top: 31px;
    padding-top: 27px;
    border-top: 1px solid #e3ebf5;
}

.ip26-aio-final__focus-heading {
    display: block;
    margin-bottom: 19px;
    color: #0e2b8d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.25px;
    line-height: 1.5;
}

.ip26-aio-final__consultation-focus ul {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ip26-aio-final__consultation-focus li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #334155;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.65;
}

.ip26-aio-final__consultation-focus li svg {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    color: #4e800c;
}

/* PRIMARY CONSULTATION CTA */
.ip26-aio-final__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    width: 100%;
    min-height: 59px;
    margin-top: 35px;
    padding: 16px 23px;
    border: 1px solid #4e800c;
    border-radius: 11px;
    background: #4e800c;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease;
}

.ip26-aio-final__button:hover {
    transform: translateY(-2px);
    border-color: #3c6608;
    background: #3c6608;
    color: #ffffff !important;
}

.ip26-aio-final__button:focus-visible {
    outline: 3px solid #0e2b8d;
    outline-offset: 4px;
}

.ip26-aio-final__button svg {
    flex: 0 0 auto;
    width: 19px;
    height: 19px;
}

.ip26-aio-final__consultation-note {
    max-width: 470px;
    margin: 17px auto 0;
    color: #65748c;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;
    text-align: center;
}

/* FINAL CREDIBILITY STRIP */
.ip26-aio-final__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 22px 35px;
    margin-top: 83px;
    padding-top: 31px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.ip26-aio-final__footer-experience {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #e4edf9;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.ip26-aio-final__footer-symbol {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(183, 223, 144, 0.22);
    border-radius: 10px;
    background: rgba(183, 223, 144, 0.08);
    color: #b7df90;
}

.ip26-aio-final__footer-symbol svg {
    width: 20px;
    height: 20px;
}

.ip26-aio-final__footer-services {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 22px;
}

.ip26-aio-final__footer-services span {
    color: #c6d6eb;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

.ip26-aio-final__footer-services span + span::before {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 22px;
    vertical-align: middle;
    border-radius: 50%;
    background: #b7df90;
    content: "";
}

/* LARGE DESKTOP */
@media (min-width: 1800px) {
    .ip26-aio-final__inner {
        padding: 135px 64px 53px;
    }

    .ip26-aio-final__layout {
        gap: 130px;
    }

    .ip26-aio-final__consultation {
        padding: 65px;
    }

    .ip26-aio-final__footer {
        margin-top: 100px;
    }
}

/* SMALL DESKTOP */
@media (max-width: 1199px) {
    .ip26-aio-final__layout {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
        gap: 38px;
    }

    .ip26-aio-final__title {
        font-size: clamp(37px, 3.7vw, 49px);
    }

    .ip26-aio-final__consultation {
        padding: 35px;
    }

    .ip26-aio-final__consultation-title {
        font-size: 32px;
    }

    .ip26-aio-final__consultation-focus li {
        font-size: 14px;
    }

    .ip26-aio-final__footer {
        margin-top: 70px;
    }
}

/* TABLET */
@media (max-width: 991px) {
    .ip26-aio-final__inner {
        padding: 85px 32px 40px;
    }

    .ip26-aio-final__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 44px;
    }

    .ip26-aio-final__content {
        padding: 0;
    }

    .ip26-aio-final__title {
        max-width: 900px;
        font-size: clamp(42px, 5.8vw, 58px);
    }

    .ip26-aio-final__description {
        max-width: 820px;
        font-size: 17px;
    }

    .ip26-aio-final__benefits {
        margin-top: 32px;
    }

    .ip26-aio-final__message {
        margin-top: 35px;
    }

    .ip26-aio-final__consultation {
        max-width: 850px;
        width: 100%;
        padding: 46px;
    }

    .ip26-aio-final__consultation-title {
        font-size: 39px;
    }

    .ip26-aio-final__consultation-description {
        max-width: 760px;
    }

    .ip26-aio-final__footer {
        margin-top: 65px;
    }
}

/* MOBILE */
@media (max-width: 600px) {
    .ip26-aio-final__inner {
        padding: 67px 20px 34px;
    }

    .ip26-aio-final__layout {
        gap: 37px;
    }

    .ip26-aio-final__eyebrow {
        margin-bottom: 20px;
        font-size: 10px;
        letter-spacing: 1.1px;
    }

    .ip26-aio-final__title {
        margin-bottom: 23px;
        font-size: clamp(35px, 8.4vw, 45px);
        line-height: 1.2;
    }

    .ip26-aio-final__description {
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.8;
    }

    .ip26-aio-final__benefits {
        gap: 14px;
        margin-top: 28px;
    }

    .ip26-aio-final__benefit {
        gap: 10px;
        font-size: 14px;
    }

    .ip26-aio-final__check {
        width: 22px;
        height: 22px;
    }

    .ip26-aio-final__check svg {
        width: 21px;
        height: 21px;
    }

    .ip26-aio-final__message {
        gap: 12px;
        margin-top: 34px;
    }

    .ip26-aio-final__message-line {
        width: 25px;
        margin-top: 11px;
    }

    .ip26-aio-final__message p {
        font-size: 14px;
        line-height: 1.7;
    }

    .ip26-aio-final__consultation {
        padding: 29px 23px;
        border-radius: 23px;
    }

    .ip26-aio-final__consultation-top {
        gap: 12px;
        margin-bottom: 22px;
    }

    .ip26-aio-final__consultation-icon {
        width: 45px;
        height: 45px;
        border-radius: 12px;
    }

    .ip26-aio-final__consultation-icon svg {
        width: 24px;
        height: 24px;
    }

    .ip26-aio-final__consultation-label {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .ip26-aio-final__consultation-title {
        margin-bottom: 17px;
        font-size: clamp(28px, 7.3vw, 36px);
    }

    .ip26-aio-final__consultation-description {
        margin-bottom: 13px;
        font-size: 14px;
        line-height: 1.8;
    }

    .ip26-aio-final__consultation-focus {
        margin-top: 25px;
        padding-top: 23px;
    }

    .ip26-aio-final__focus-heading {
        margin-bottom: 16px;
        font-size: 10px;
    }

    .ip26-aio-final__consultation-focus ul {
        gap: 14px;
    }

    .ip26-aio-final__consultation-focus li {
        gap: 10px;
        font-size: 13px;
        line-height: 1.65;
    }

    .ip26-aio-final__consultation-focus li svg {
        width: 18px;
        height: 18px;
    }

    .ip26-aio-final__button {
        gap: 9px;
        min-height: 55px;
        margin-top: 28px;
        padding: 14px 12px;
        font-size: 14px;
    }

    .ip26-aio-final__button svg {
        width: 17px;
        height: 17px;
    }

    .ip26-aio-final__consultation-note {
        margin-top: 14px;
        font-size: 11px;
    }

    .ip26-aio-final__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 23px;
        margin-top: 52px;
        padding-top: 27px;
    }

    .ip26-aio-final__footer-experience {
        font-size: 12px;
    }

    .ip26-aio-final__footer-services {
        gap: 10px 14px;
    }

    .ip26-aio-final__footer-services span {
        font-size: 11px;
    }

    .ip26-aio-final__footer-services span + span::before {
        margin-right: 14px;
    }
}

/* NARROW MOBILE */
@media (max-width: 380px) {
    .ip26-aio-final__consultation {
        padding: 25px 18px;
    }

    .ip26-aio-final__consultation-label {
        font-size: 9px;
    }

    .ip26-aio-final__button {
        font-size: 13px;
    }
}

/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
    .ip26-aio-final__button {
        transition: none;
    }

    .ip26-aio-final__button:hover {
        transform: none;
    }
}/* End custom CSS */