.elementor-9272 .elementor-element.elementor-element-05ea191{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:110px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-05ea191:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-05ea191 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#001B36;}.elementor-9272 .elementor-element.elementor-element-619d583{--display:flex;}.elementor-9272 .elementor-element.elementor-element-059cce2{--display:flex;}.elementor-9272 .elementor-element.elementor-element-ec3d4d2{--display:flex;}.elementor-9272 .elementor-element.elementor-element-d09440e{--display:flex;}.elementor-9272 .elementor-element.elementor-element-e983902{--display:flex;}.elementor-9272 .elementor-element.elementor-element-7635797 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7FB3FF;}.elementor-9272 .elementor-element.elementor-element-651897d > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-651897d .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:52px;font-weight:700;line-height:1.1em;color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-d2892f7 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-d2892f7{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#C4D6EC;}.elementor-9272 .elementor-element.elementor-element-9595e22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9272 .elementor-element.elementor-element-dccdca5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9272 .elementor-element.elementor-element-9859041 .elementor-button{background-color:#F55349;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-9272 .elementor-element.elementor-element-a7a8943{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9272 .elementor-element.elementor-element-3697348 .elementor-button{background-color:#00000000;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#9FB4D4;border-radius:100px 100px 100px 100px;}.elementor-9272 .elementor-element.elementor-element-7ccea10 > .elementor-widget-container{margin:46px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-7ccea10 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#FF9387;}.elementor-9272 .elementor-element.elementor-element-74aa81e{--display:flex;}.elementor-9272 .elementor-element.elementor-element-81e8039{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-81e8039:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-81e8039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-9272 .elementor-element.elementor-element-30e42b0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9272 .elementor-element.elementor-element-73856e9 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-73856e9 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9272 .elementor-element.elementor-element-83b28bf{--display:flex;}.elementor-9272 .elementor-element.elementor-element-17c0cae > .elementor-widget-container{margin:38px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-17c0cae .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:26px;font-weight:600;color:#001B36;}.elementor-9272 .elementor-element.elementor-element-579b04f > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-579b04f{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-f21aa48 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-f21aa48{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-6b613cf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:34px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9272 .elementor-element.elementor-element-d60f841{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:22px 22px 22px 22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9272 .elementor-element.elementor-element-d60f841:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-d60f841 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-7b74365 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#17222E;}.elementor-9272 .elementor-element.elementor-element-50460d6{font-family:"Manrope", Sans-serif;font-size:15px;line-height:1.7em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-5d2c605{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:22px 22px 22px 22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9272 .elementor-element.elementor-element-5d2c605:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-5d2c605 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-9fc4457 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#17222E;}.elementor-9272 .elementor-element.elementor-element-8739055{font-family:"Manrope", Sans-serif;font-size:15px;line-height:1.7em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-72c519f{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:22px 22px 22px 22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9272 .elementor-element.elementor-element-72c519f:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-72c519f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-c3eab39 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:20px;font-weight:700;color:#17222E;}.elementor-9272 .elementor-element.elementor-element-b1d7357{font-family:"Manrope", Sans-serif;font-size:15px;line-height:1.7em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-ed178e1{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-ed178e1:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-ed178e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-87b44f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-87b44f4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9272 .elementor-element.elementor-element-6f566f3 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-6f566f3 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9272 .elementor-element.elementor-element-f7ff6f0 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-f7ff6f0{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.8em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-abd8744{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-abd8744:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-abd8744 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-9272 .elementor-element.elementor-element-54933c0 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9272 .elementor-element.elementor-element-f97af92 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-f97af92 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;color:#001B36;}.elementor-9272 .elementor-element.elementor-element-e151abf > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-e151abf{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-b5650f3{--display:flex;}.elementor-9272 .elementor-element.elementor-element-fb0b882{--display:flex;}.elementor-9272 .elementor-element.elementor-element-8dd5542{--display:flex;}.elementor-9272 .elementor-element.elementor-element-04fa053{--display:flex;}.elementor-9272 .elementor-element.elementor-element-3d78212{--display:flex;}.elementor-9272 .elementor-element.elementor-element-c6318d9{--display:flex;}.elementor-9272 .elementor-element.elementor-element-8326bfb{--display:flex;}.elementor-9272 .elementor-element.elementor-element-03b36a9{--display:flex;}.elementor-9272 .elementor-element.elementor-element-6069d2e{--display:flex;}.elementor-9272 .elementor-element.elementor-element-cf92423{--display:flex;}.elementor-9272 .elementor-element.elementor-element-615cf8d{--display:flex;}.elementor-9272 .elementor-element.elementor-element-23bae1d{--display:flex;}.elementor-9272 .elementor-element.elementor-element-4cd6247{--display:flex;}.elementor-9272 .elementor-element.elementor-element-d772591{--display:flex;}.elementor-9272 .elementor-element.elementor-element-a2b6c17{--display:flex;}.elementor-9272 .elementor-element.elementor-element-3beb9d7{--display:flex;}.elementor-9272 .elementor-element.elementor-element-8b6dec6{--display:flex;}.elementor-9272 .elementor-element.elementor-element-4f363cb{--display:flex;}.elementor-9272 .elementor-element.elementor-element-f333fe5{--display:flex;}.elementor-9272 .elementor-element.elementor-element-a607711{--display:flex;}.elementor-9272 .elementor-element.elementor-element-ca9853c{--display:flex;}.elementor-9272 .elementor-element.elementor-element-69cbd2e{--display:flex;}.elementor-9272 .elementor-element.elementor-element-1ab4781{--display:flex;}.elementor-9272 .elementor-element.elementor-element-e552048{--display:flex;}.elementor-9272 .elementor-element.elementor-element-9ae5e52 .elementor-button{background-color:#F55349;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-9272 .elementor-element.elementor-element-3b92810{--display:flex;}.elementor-9272 .elementor-element.elementor-element-8c5bcb2{--display:flex;}.elementor-9272 .elementor-element.elementor-element-b0f82a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9272 .elementor-element.elementor-element-b480917{--display:flex;}.elementor-9272 .elementor-element.elementor-element-dfb23db .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-9272 .elementor-element.elementor-element-dfb23db .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-9272 .elementor-element.elementor-element-dfb23db{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9272 .elementor-element.elementor-element-dfb23db .elementor-icon-list-text{transition:color 0.3s;}.elementor-9272 .elementor-element.elementor-element-e37ca5c{--display:flex;}.elementor-9272 .elementor-element.elementor-element-a4ba86b{--display:flex;}.elementor-9272 .elementor-element.elementor-element-cb93265{--display:flex;}.elementor-9272 .elementor-element.elementor-element-0241ecc{--display:flex;}.elementor-9272 .elementor-element.elementor-element-bb1572f{--display:flex;}.elementor-9272 .elementor-element.elementor-element-3338bea{--display:flex;}.elementor-9272 .elementor-element.elementor-element-b1d3ce0{--display:flex;}.elementor-9272 .elementor-element.elementor-element-c465789{--display:flex;}.elementor-9272 .elementor-element.elementor-element-f01f2ba{--display:flex;}.elementor-9272 .elementor-element.elementor-element-8d1d589{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9272 .elementor-element.elementor-element-27220fa{--display:flex;}.elementor-9272 .elementor-element.elementor-element-a120363 .elementor-button{background-color:#00000000;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#9FB4D4;border-radius:100px 100px 100px 100px;}.elementor-9272 .elementor-element.elementor-element-dbd33dc{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-dbd33dc:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-dbd33dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-86a4d01 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9272 .elementor-element.elementor-element-9b34f13 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-9b34f13 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;line-height:1.15em;color:#001B36;}.elementor-9272 .elementor-element.elementor-element-8589c78{--display:flex;}.elementor-9272 .elementor-element.elementor-element-a5463a6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-9272 .elementor-element.elementor-element-a5463a6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-9272 .elementor-element.elementor-element-a5463a6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9272 .elementor-element.elementor-element-a5463a6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-9272 .elementor-element.elementor-element-230a11d{--display:flex;}.elementor-9272 .elementor-element.elementor-element-90beea6{--display:flex;}.elementor-9272 .elementor-element.elementor-element-1efd5b2{--display:flex;}.elementor-9272 .elementor-element.elementor-element-8b3638b{--display:flex;}.elementor-9272 .elementor-element.elementor-element-9289c42{--display:flex;}.elementor-9272 .elementor-element.elementor-element-19f18c4{--display:flex;}.elementor-9272 .elementor-element.elementor-element-1df07ed{--display:flex;}.elementor-9272 .elementor-element.elementor-element-41b85c9{--display:flex;}.elementor-9272 .elementor-element.elementor-element-79eba74{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-79eba74:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-79eba74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F9FC;}.elementor-9272 .elementor-element.elementor-element-c5e3a6b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9272 .elementor-element.elementor-element-d057f70 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-d057f70 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;color:#001B36;}.elementor-9272 .elementor-element.elementor-element-9fc30ee > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-9fc30ee{font-family:"Manrope", Sans-serif;font-size:16px;line-height:1.8em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-c09dadb{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-c09dadb:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-c09dadb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-7d2191b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#004F9E;}.elementor-9272 .elementor-element.elementor-element-3ceaaaa > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-3ceaaaa .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:38px;font-weight:700;color:#001B36;}.elementor-9272 .elementor-element.elementor-element-68b1e30 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-68b1e30{font-family:"Manrope", Sans-serif;font-size:16px;line-height:1.85em;color:#66727E;}.elementor-9272 .elementor-element.elementor-element-9dfc4b7{--display:flex;}.elementor-9272 .elementor-element.elementor-element-d04bb25{--display:flex;}.elementor-9272 .elementor-element.elementor-element-b323630{--display:flex;}.elementor-9272 .elementor-element.elementor-element-d8b12ac{--display:flex;}.elementor-9272 .elementor-element.elementor-element-56218b1{--display:flex;}.elementor-9272 .elementor-element.elementor-element-4e9cb85{--display:flex;}.elementor-9272 .elementor-element.elementor-element-866dade{--display:flex;}.elementor-9272 .elementor-element.elementor-element-4335ea0{--display:flex;}.elementor-9272 .elementor-element.elementor-element-3192bed{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;}.elementor-9272 .elementor-element.elementor-element-28d39d0{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:84px;--padding-bottom:84px;--padding-left:24px;--padding-right:24px;}.elementor-9272 .elementor-element.elementor-element-28d39d0:not(.elementor-motion-effects-element-type-background), .elementor-9272 .elementor-element.elementor-element-28d39d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003468;}.elementor-9272 .elementor-element.elementor-element-02afed7 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7FB3FF;}.elementor-9272 .elementor-element.elementor-element-756bcea > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-756bcea .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:36px;font-weight:700;color:#FFFFFF;}.elementor-9272 .elementor-element.elementor-element-b380ca2 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-9272 .elementor-element.elementor-element-b380ca2{font-family:"Manrope", Sans-serif;font-size:17px;line-height:1.7em;color:#C4D6EC;}.elementor-9272 .elementor-element.elementor-element-d9ee6a8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9272 .elementor-element.elementor-element-76a1e38{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9272 .elementor-element.elementor-element-59f9f18 .elementor-button{background-color:#F55349;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-9272 .elementor-element.elementor-element-929ae0e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9272 .elementor-element.elementor-element-862ec02 .elementor-button{background-color:#00000000;font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#9FB4D4;border-radius:100px 100px 100px 100px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9272 .elementor-element.elementor-element-3192bed{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-9272 .elementor-element.elementor-element-dccdca5{--width:50%;}.elementor-9272 .elementor-element.elementor-element-a7a8943{--width:50%;}.elementor-9272 .elementor-element.elementor-element-d60f841{--width:100%;}.elementor-9272 .elementor-element.elementor-element-5d2c605{--width:100%;}.elementor-9272 .elementor-element.elementor-element-72c519f{--width:100%;}.elementor-9272 .elementor-element.elementor-element-76a1e38{--width:50%;}.elementor-9272 .elementor-element.elementor-element-929ae0e{--width:50%;}}/* Start custom CSS *//* ================================================================ InfraTech AI Transformation Hub, page 9272. Crayon Digital, 24 Aug. B1 service page system (shared) B2 section design system (shared) B3 hero B4 01 barrier B5 04 Purple Cortex B6 go deeper B7 jump tiles, 02 approach, 05 lifecycle, 06 leverage, 07 differently, 08 FAQ, CTA B1 and B2 are shared with the other nine service pages. On THIS page only section 03 still depends on B1 (#svc-cards-ai-2). Retire both once 03 is rebuilt. THE TRAP THAT BITES MOST: a container with content_width "full" renders as .e-con-full with NO .e-con-inner, so its children are direct children. Only "boxed" gets the inner div. Check before writing any body.elementor-page-9272. ================================================================ */ body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner{align-items:stretch;gap:18px} body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con{position:relative;overflow:hidden;background:#fff!important;border:1px solid #E3EAF2;border-radius:16px!important;padding:0!important;gap:0!important;align-items:stretch!important;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .45s} body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con:hover{transform:translateY(-7px);box-shadow:0 26px 56px rgba(0,52,104,.14);border-color:transparent} body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child{margin:0!important;padding:24px 24px 20px;min-height:92px;display:flex;align-items:flex-end;background:radial-gradient(rgba(255,255,255,.5) 1.4px,transparent 1.4px) 0 0/16px 16px,linear-gradient(140deg,#004F9E,#0A5DB5)!important} body.elementor-page-9272 [id^="svc-cards-ai"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child{background:radial-gradient(rgba(255,255,255,.5) 1.4px,transparent 1.4px) 0 0/16px 16px,linear-gradient(140deg,#F55349,#FF9387)!important} body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child .elementor-heading-title, body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:first-child .elementor-heading-title a{color:#fff!important;text-align:left;font-size:19px;line-height:1.28;letter-spacing:-.01em;transition:opacity .25s} body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:not(:first-child){margin:0!important;padding:22px 24px 0;text-align:left} body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-text-editor{margin:0!important;padding:20px 24px 26px;text-align:left} body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con > .elementor-widget-heading:not(:first-child) + .elementor-widget-text-editor{padding-top:10px} body.elementor-page-9272 .it-creds ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px} body.elementor-page-9272 .it-creds ul li{margin:0;padding:8px 15px;border-radius:999px;line-height:1.2!important;background:rgba(127,179,255,.10)!important;border:1px solid rgba(127,179,255,.28)} @media(max-width:900px){ body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con{width:calc(50% - 9px)!important} } @media(max-width:600px){ body.elementor-page-9272 [id^="svc-cards"] > .e-con-inner > .e-con{width:100%!important} } /* ---------- B2. SECTION DESIGN SYSTEM. Guards: scope through .page-content > .elementor because "body.elementor-page-9272" expands to body.elementor-page-N, not the wrapper. Eyebrow rules target div.elementor-heading-title only. List rules skip .it-creds. ---------- */ body.elementor-page-9272 .page-content > .elementor{counter-reset:sec} body.elementor-page-9272 .page-content > .elementor > .e-con{counter-increment:sec;position:relative} body.elementor-page-9272 .page-content > .elementor > .e-con:first-child{counter-increment:none} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner{position:relative;z-index:1} body.elementor-page-9272 .page-content > .elementor > .e-con:not(:first-child)::after{content:counter(sec,decimal-leading-zero);position:absolute;top:6px;right:44px;font-family:'Sora',sans-serif;font-size:180px;font-weight:700;line-height:1;letter-spacing:-.05em;color:#7FB3FF;opacity:.09;pointer-events:none;z-index:0} body.elementor-page-9272 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child{width:100%;align-self:stretch} body.elementor-page-9272 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child div.elementor-heading-title{display:flex;align-items:center;gap:14px;width:100%} body.elementor-page-9272 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child div.elementor-heading-title::before{content:counter(sec,decimal-leading-zero);flex:0 0 auto;border:1px solid currentColor;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;letter-spacing:1.4px;opacity:.9} body.elementor-page-9272 .page-content > .elementor > .e-con:not(:first-child) > .e-con-inner > .elementor-widget-heading:first-child div.elementor-heading-title::after{content:"";flex:1 1 auto;height:1px;background:currentColor;opacity:.22} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title{max-width:1040px} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds){max-width:900px} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol{list-style:none;counter-reset:step;margin:24px 0 0;padding:0} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li{counter-increment:step;position:relative;margin:0;padding:17px 0 17px 68px;border-bottom:1px solid rgba(127,179,255,.24)} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li:last-child{border-bottom:0} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ol > li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:15px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#F55349,#FF9387);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul{list-style:none;margin:24px 0 0;padding:0} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul > li{position:relative;margin:0;padding:15px 0 15px 30px;border-bottom:1px solid rgba(127,179,255,.20)} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul > li:last-child{border-bottom:0} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) ul > li::before{content:"";position:absolute;left:2px;top:23px;width:9px;height:9px;border-radius:50%;background:linear-gradient(140deg,#F55349,#FF9387)} body.elementor-page-9272 .page-content > .elementor > .e-con > .e-con-inner > .elementor-widget-text-editor:not(.it-creds) li strong{display:block;margin-bottom:3px;font-weight:700;letter-spacing:-.01em} @media(max-width:900px){ body.elementor-page-9272 .page-content > .elementor > .e-con:not(:first-child)::after{font-size:110px;right:18px;opacity:.07} } /* ================ B3. HERO ================ Boxed. The two aurora blooms are ::before and ::after on the section. ::after is safe only because the ghost numeral rule excludes :first-child and the hero is the first child. Do not copy elsewhere. The button row was #svc-btns-1 and inherited its layout from B1. It is now #h-btns, so its row rules live here. */ #h-hero{background:linear-gradient(150deg,#001B36,#003468 55%,#01417F)!important;position:relative;overflow:clip;padding:26px 24px 40px!important} #h-hero::before,#h-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none;z-index:0} #h-hero::before{width:640px;height:640px;top:-220px;right:-140px;background:radial-gradient(circle,rgba(127,179,255,.5),transparent 68%);animation:hAur 22s ease-in-out infinite} #h-hero::after{width:520px;height:520px;bottom:-240px;left:-120px;background:radial-gradient(circle,rgba(245,83,73,.4),transparent 66%);animation:hAur2 27s ease-in-out infinite;font-size:0} @keyframes hAur{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(-56px,42px,0) scale(1.12)}66%{transform:translate3d(38px,-32px,0) scale(.94)}} @keyframes hAur2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(64px,-48px,0) scale(1.16)}} #h-hero > .e-con-inner{position:relative;z-index:1} #h-eyebrow{width:auto!important} #h-eyebrow div.elementor-heading-title{display:inline-flex;align-items:center;gap:10px;width:auto;font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#7FB3FF;border:1px solid rgba(127,179,255,.34);background:rgba(127,179,255,.09);border-radius:999px;padding:8px 16px} #h-eyebrow div.elementor-heading-title::before{content:"";width:6px;height:6px;border-radius:50%;background:#F55349;flex:0 0 auto;animation:hPip 2.6s ease-in-out infinite} @keyframes hPip{0%,100%{box-shadow:0 0 0 0 rgba(245,83,73,.6)}70%{box-shadow:0 0 0 9px rgba(245,83,73,0)}} #h-h1{margin-top:24px!important} #h-h1 .elementor-heading-title{font-size:clamp(38px,5.2vw,66px);font-weight:700;letter-spacing:-.03em;line-height:1.08;color:#fff;max-width:17ch} .hg{background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8);-webkit-background-clip:text;background-clip:text;color:transparent} #h-lede{margin-top:26px!important;max-width:none!important} #h-lede p{color:#C9DAF0;font-size:17px;line-height:1.7;max-width:64ch;margin:0} #h-lede p+p{margin-top:16px} #h-btns{margin-top:34px!important;padding:0!important} #h-btns > .e-con-inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;flex-wrap:wrap} #h-btns > .e-con-inner > .e-con{width:auto!important;max-width:none!important;flex:0 0 auto;padding:0!important} #h-hero .elementor-button,#cta-sec .elementor-button{border-radius:999px!important;padding:15px 28px!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.01em;border:0;transition:.3s cubic-bezier(.22,.8,.26,1)} #h-btn-1 .elementor-button,#cta-btn-1 .elementor-button{background:linear-gradient(120deg,#F55349,#FF9387)!important;color:#fff!important;box-shadow:0 12px 30px -12px rgba(245,83,73,.72)} #h-btn-1 .elementor-button:hover,#cta-btn-1 .elementor-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px -12px rgba(245,83,73,.85)} #h-btn-2 .elementor-button,#cta-btn-2 .elementor-button{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important} #h-btn-2 .elementor-button:hover,#cta-btn-2 .elementor-button:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.55)!important;transform:translateY(-2px)} #h-credlbl{margin-top:52px!important;padding-top:30px!important;border-top:1px solid rgba(127,179,255,.2);width:100%} #h-credlbl div.elementor-heading-title{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#7FB3FF} #h-creds{margin-top:16px!important;max-width:none!important} #h-creds ul li{font-size:13px;color:#DCE9F8;transition:.3s cubic-bezier(.22,.8,.26,1)} #h-creds ul li:hover{background:rgba(127,179,255,.19)!important;border-color:rgba(127,179,255,.45)!important;transform:translateY(-1px)} #h-close{margin-top:30px!important} #h-close .elementor-heading-title{font-size:16.5px;font-weight:500;color:#fff;max-width:62ch;line-height:1.5;letter-spacing:-.01em} #h-close .hg{font-weight:600} /* ================ B4. 01 THE BARRIER ================ Split head via grid on the section inner. SPECIFICITY NOTE: do not use "> *{grid-column:1/-1}" then override with #ba-lede, the universal rule carries the section ID plus a class so it beats a bare ID. Every placement is stated at equal specificity. #ba-1..3 are FULL so their children are direct. Card widths, padding, radius, alignment and heading colour are set on the ELEMENTS. */ #ba-sec{background:#F6F9FC!important;padding:104px 0!important} #ba-sec > .e-con-inner{display:grid;grid-template-columns:1.02fr 1fr;column-gap:clamp(30px,5vw,74px);row-gap:0;align-items:start} #ba-sec > .e-con-inner > .elementor-widget-heading:first-child{grid-column:1 / -1} #ba-sec > .e-con-inner > #ba-h2{grid-column:1 / 2;margin-top:10px!important} #ba-sec > .e-con-inner > #ba-lede{grid-column:2 / 3;margin-top:10px!important;padding-top:9px;max-width:none!important} #ba-sec > .e-con-inner > #ba-acc, #ba-sec > .e-con-inner > #ba-close-h, #ba-sec > .e-con-inner > #ba-close-p, #ba-sec > .e-con-inner > .elementor-widget-html{grid-column:1 / -1} #ba-h2 .elementor-heading-title{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.028em;line-height:1.1;color:#17222E;max-width:15ch} #ba-lede p{color:#66727E;font-size:17px;line-height:1.66;margin:0} #ba-lede p+p{margin-top:18px} #ba-acc{margin-top:44px!important;padding:0!important} #ba-acc > .e-con-inner{display:grid;grid-template-columns:1fr;gap:14px;max-width:none;counter-reset:bacard} #ba-acc > .e-con-inner > .e-con{counter-increment:bacard;border:1px solid #C4D6EC;overflow:hidden;transition:box-shadow .4s cubic-bezier(.22,.8,.26,1),border-color .4s} #ba-acc > .e-con-inner > .e-con.ba-open{border-color:transparent;box-shadow:0 26px 60px -30px rgba(0,27,54,.42)} [id^="ba-h-"]{margin:0!important;padding:26px 92px 26px 104px!important;position:relative;cursor:pointer;max-width:none!important} [id^="ba-h-"]::before{content:counter(bacard,decimal-leading-zero);position:absolute;left:28px;top:26px;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(140deg,#003468,#004F9E);color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;transition:.4s cubic-bezier(.22,.8,.26,1)} #ba-2 [id^="ba-h-"]::before{background:linear-gradient(140deg,#01417F,#7FB3FF)} #ba-3 [id^="ba-h-"]::before{background:linear-gradient(140deg,#F55349,#FF9387)} .ba-open [id^="ba-h-"]::before{transform:scale(1.06) rotate(-4deg)} [id^="ba-h-"]::after{content:"+";position:absolute;right:28px;top:34px;width:36px;height:36px;border-radius:50%;border:1px solid #C4D6EC;display:grid;place-items:center;font-size:20px;line-height:1;color:#004F9E;transition:.4s cubic-bezier(.22,.8,.26,1)} .ba-open [id^="ba-h-"]::after{background:#003468;border-color:#003468;color:#fff;transform:rotate(135deg)} [id^="ba-h-"] .elementor-heading-title{text-align:left;line-height:1.25;max-width:none;letter-spacing:-.02em} .ba-sub{display:block;margin-top:3px;font-size:14.5px;font-weight:400;color:#66727E;line-height:1.5;letter-spacing:0;font-family:inherit} [id^="ba-b-"]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,.8,.26,1);margin:0!important;padding:0!important;max-width:none!important} .ba-open [id^="ba-b-"]{grid-template-rows:1fr} [id^="ba-b-"] > .elementor-widget-container{overflow:hidden} [id^="ba-b-"] ul{list-style:none;margin:0;padding:2px 28px 0 104px;display:grid;gap:11px} [id^="ba-b-"] ul li{position:relative;margin:0;padding:0 0 0 24px;font-size:15px;color:#3A4753;line-height:1.55;border:0} [id^="ba-b-"] ul li::before{content:"";position:absolute;left:2px;top:9px;width:9px;height:9px;border-radius:50%;background:linear-gradient(140deg,#F55349,#FF9387)} [id^="ba-b-"] p.ba-res{margin:20px 28px 28px 104px;padding:15px 18px;border-radius:16px;background:#EAF1F9;border-left:3px solid #F55349;font-size:14.5px;color:#003468;font-weight:500;line-height:1.55} #ba-close-h{margin-top:46px!important;padding:34px 36px 0!important;border-radius:22px 22px 0 0;background:#001B36!important;max-width:none!important} #ba-close-h .elementor-heading-title{color:#fff;font-size:clamp(21px,2.2vw,28px);font-weight:700;letter-spacing:-.025em;max-width:24ch;line-height:1.2} #ba-close-p{margin:0!important;padding:14px 36px 34px!important;border-radius:0 0 22px 22px;background:#001B36!important;max-width:none!important} #ba-close-p p{color:#C4D6EC;font-size:15.5px;line-height:1.68;margin:0;max-width:78ch} /* ================ B5. 04 PURPLE CORTEX COCKPIT ================ */ #cx-sec{background:radial-gradient(140% 100% at 50% 0%,#01417F 0%,#003468 42%,#001B36 100%)!important;padding:104px 0 108px!important;overflow:clip} #cx-sec > .e-con-inner{max-width:1400px;gap:0} #cx-sec::after{color:#7FB3FF;opacity:.07} #cx-eyebrow,#cx-h2,#cx-lede{max-width:800px;margin-left:auto!important;margin-right:auto!important;width:100%} #cx-eyebrow div.elementor-heading-title{justify-content:center;color:#7FB3FF;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} #cx-eyebrow div.elementor-heading-title::after{display:none} #cx-h2 .elementor-heading-title{text-align:center;color:#fff;font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.028em;line-height:1.12;margin-top:18px;max-width:none} #cx-lede{margin-top:18px!important;max-width:800px!important} #cx-lede p{text-align:center;color:#C4D6EC;font-size:17px;line-height:1.68;margin:0} #cx-win{margin-top:46px!important;background:#04101F!important;border:1px solid rgba(127,179,255,.3);border-radius:18px;overflow:hidden;padding:0!important;gap:0!important;display:flex;flex-direction:column;width:100%} #cx-bar{margin:0!important;padding:13px 20px 13px 74px!important;background:#081A2E!important;border-bottom:1px solid rgba(127,179,255,.18);position:relative;max-width:none!important;width:100%} #cx-bar::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:38px;height:10px;background:radial-gradient(circle 5px at 5px 5px,rgba(127,179,255,.32) 98%,transparent 0),radial-gradient(circle 5px at 19px 5px,rgba(127,179,255,.32) 98%,transparent 0),radial-gradient(circle 5px at 33px 5px,rgba(127,179,255,.32) 98%,transparent 0)} #cx-bar p{margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:none} #cx-bar .cx-ttl{font-size:13px;color:#B7CCE4;font-weight:500} #cx-bar .cx-ttl b{color:#fff;font-weight:600} #cx-bar .cx-chip{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#FFC466;border:1px dashed rgba(255,196,102,.5);border-radius:999px;padding:4px 12px} #cx-body{display:flex;flex-direction:row;align-items:stretch;flex-wrap:nowrap;gap:0!important;padding:0!important;max-width:none!important;width:100%} #cx-nav{flex:0 0 272px;width:272px!important;max-width:272px!important;padding:16px 13px!important;background:#061625!important;border-right:1px solid rgba(127,179,255,.16);gap:0!important;display:block} #cx-grp div.elementor-heading-title{display:block;font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#5E7591;padding:8px 12px 12px;max-width:none} #cx-grp div.elementor-heading-title::before,#cx-grp div.elementor-heading-title::after{display:none} #cx-list .elementor-icon-list-icon,#lc-rail .elementor-icon-list-icon{display:none!important} #cx-list ul.elementor-icon-list-items{display:block;margin:0;padding:0} #cx-list li.elementor-icon-list-item{display:block;margin:0;padding:0} #cx-list li.elementor-icon-list-item span.elementor-icon-list-text{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;font-size:13.5px;font-weight:500;color:#9FBADA;line-height:1.3;cursor:pointer;transition:.28s cubic-bezier(.22,.8,.26,1)} #cx-list li.elementor-icon-list-item span.elementor-icon-list-text::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:rgba(127,179,255,.4);transition:.3s} #cx-list li.elementor-icon-list-item:hover span.elementor-icon-list-text{background:rgba(127,179,255,.09);color:#fff} #cx-list li.elementor-icon-list-item.cx-on span.elementor-icon-list-text{background:rgba(245,83,73,.17);color:#fff;font-weight:600} #cx-list li.elementor-icon-list-item.cx-on span.elementor-icon-list-text::before{background:#F55349;box-shadow:0 0 0 3px rgba(245,83,73,.24)} #cx-main{flex:1 1 auto;min-width:0;max-width:none!important;display:flex;flex-direction:column;padding:30px 34px 26px!important;min-height:424px;gap:0!important} #cx-main > .e-con{display:none!important;padding:0!important;max-width:none!important;width:100%;gap:0!important} #cx-main > .e-con.cx-on{display:flex!important;flex-direction:column;animation:cxrise .5s cubic-bezier(.22,.8,.26,1) both} @keyframes cxrise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} #cx-main .elementor-widget-heading .elementor-heading-title{color:#fff;font-size:clamp(23px,2.4vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.15;text-align:left;max-width:none} #cx-main .elementor-widget-heading .elementor-heading-title::before,#cx-main .elementor-widget-heading .elementor-heading-title::after{display:none} #cx-main .elementor-widget-text-editor{max-width:none!important} #cx-main .elementor-widget-text-editor p{color:#B7CCE4;font-size:15.5px;line-height:1.66;margin:13px 0 0;max-width:72ch} [id^="cx-tiles-"]{margin-top:26px!important} [id^="cx-tiles-"] .elementor-widget-container{display:grid;grid-template-columns:repeat(3,1fr);gap:13px} .cx-tile{padding:17px 18px;border-radius:12px;background:rgba(127,179,255,.06)!important;border:1px solid rgba(127,179,255,.18);transition:.35s cubic-bezier(.22,.8,.26,1)} .cx-tile:hover{background:rgba(127,179,255,.11)!important;border-color:rgba(127,179,255,.4)} .cx-tile .tk{display:block;font-size:10.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#7FB3FF} .cx-tile .tv{display:block;margin-top:10px;font-size:13.5px;color:#DCE9F8;font-weight:500;line-height:1.45} .cx-spark{display:block;margin-top:13px;height:30px;background:repeating-linear-gradient(90deg,#7FB3FF 0 4px,transparent 4px 10px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 100%);opacity:.6} #cx-main #cx-foot{margin-top:auto!important;padding-top:22px!important;border-top:1px solid rgba(127,179,255,.14);max-width:none!important;width:100%} #cx-main #cx-foot p{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;max-width:none;font-size:11.5px;line-height:1.5;color:#5E7591;letter-spacing:.3px} #cx-main #cx-foot p span{display:inline-block} #cx-main #cx-foot p b{color:#9FBADA;font-weight:600} #cx-lede2{margin-top:44px!important;max-width:none!important} #cx-lede2 p{color:#C4D6EC;font-size:17px;line-height:1.68;margin:0;max-width:96ch} #cx-mem{margin-top:34px!important;display:flex;flex-direction:row;gap:20px;align-items:stretch;padding:0!important;max-width:none!important;width:100%} #cx-mem-a,#cx-mem-b{flex:1 1 0;min-width:0;padding:30px 32px!important;border-radius:22px;max-width:none!important;margin:0!important} #cx-mem-a{background:rgba(127,179,255,.07)!important;border:1px solid rgba(127,179,255,.22)} #cx-mem-a p{color:#B7CCE4;font-size:15px;line-height:1.65;margin:12px 0 0} #cx-mem-a p.cx-mk{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0} #cx-mem-b{background:linear-gradient(130deg,rgba(245,83,73,.16),rgba(127,179,255,.08))!important;border:1px solid rgba(245,83,73,.3);display:grid;place-items:center;text-align:center} #cx-mem-b p.cx-big{margin:0;font-size:clamp(20px,2.3vw,27px);font-weight:700;letter-spacing:-.025em;color:#fff;line-height:1.25} #cx-mem-b p.cx-big em{font-style:normal;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8);-webkit-background-clip:text;background-clip:text;color:transparent} /* ================ B6. GO DEEPER ================ */ #gd-sec{background:#001B36!important;padding:92px 0!important} #gd-eyebrow div.elementor-heading-title{color:#7FB3FF;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} #gd-h2 .elementor-heading-title{color:#fff;font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.028em;line-height:1.12;max-width:26ch;margin-top:18px} #gd-lede{margin-top:18px!important} #gd-lede p{color:#C4D6EC;font-size:17px;line-height:1.68;margin:0;max-width:80ch} #gd-row{margin-top:40px!important;display:flex;flex-direction:row;align-items:stretch;gap:16px;padding:0!important;max-width:none!important;width:100%} #gd-1,#gd-2,#gd-3{flex:1 1 0;min-width:0;max-width:none!important;padding:28px 28px 30px!important;border-radius:22px;background:rgba(127,179,255,.07)!important;border:1px solid rgba(127,179,255,.22);position:relative;overflow:hidden;gap:0!important;transition:.42s cubic-bezier(.22,.8,.26,1)} #gd-1:hover,#gd-2:hover,#gd-3:hover{background:rgba(127,179,255,.14)!important;border-color:rgba(127,179,255,.55);transform:translateY(-4px)} #gd-1::after,#gd-2::after,#gd-3::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.8,.26,1)} #gd-1:hover::after,#gd-2:hover::after,#gd-3:hover::after{transform:scaleX(1)} [id^="gd-s-"] div.elementor-heading-title{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#FF9387;max-width:none} [id^="gd-s-"] div.elementor-heading-title::before,[id^="gd-s-"] div.elementor-heading-title::after{display:none} [id^="gd-t-"]{margin-top:9px!important} [id^="gd-t-"] .elementor-heading-title,[id^="gd-t-"] .elementor-heading-title a{color:#fff;font-size:19px;font-weight:700;letter-spacing:-.025em;line-height:1.25;text-decoration:none;max-width:none;transition:.3s} [id^="gd-t-"] .elementor-heading-title a:hover{color:#FF9387} #gd-1 .elementor-widget-text-editor,#gd-2 .elementor-widget-text-editor,#gd-3 .elementor-widget-text-editor{margin-top:10px!important;max-width:none!important} #gd-1 .elementor-widget-text-editor p,#gd-2 .elementor-widget-text-editor p,#gd-3 .elementor-widget-text-editor p{color:#AFC6E0;font-size:14.5px;line-height:1.6;margin:0} [id^="gd-b-"]{margin-top:18px!important} [id^="gd-b-"] .elementor-button{background:transparent!important;color:#7FB3FF!important;padding:0!important;border:0!important;font-size:12px!important;font-weight:700!important;letter-spacing:1.3px;text-transform:uppercase;transition:.3s cubic-bezier(.22,.8,.26,1)} [id^="gd-b-"] .elementor-button:hover{color:#fff!important;transform:translateX(3px)} [id^="gd-b-"] .elementor-button-text::after{content:" \2192"} /* ================ B7. JUMP TILES, 02, 05, 06, 07, 08, CTA ================ The jump tiles sit second in the page, so they would take number 01 off the section counter and shift every ghost numeral. counter-increment is cancelled on #jt-sec and its ghost numeral hidden. */ #jt-sec{background:#00152B!important;padding:0!important;counter-increment:none!important} #jt-sec::after{display:none!important} #jt-row{margin:0!important;max-width:none!important} #jt-row .elementor-widget-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(127,179,255,.14);border-top:1px solid rgba(127,179,255,.14);border-bottom:1px solid rgba(127,179,255,.14)} a.jt{display:block;background:#00152B;padding:22px 20px 24px;text-decoration:none;position:relative;overflow:hidden;transition:.35s cubic-bezier(.22,.8,.26,1)} a.jt:hover{background:#012A54} a.jt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.8,.26,1)} a.jt:hover::after{transform:scaleX(1)} .jt-n{display:block;font-size:11px;font-weight:700;letter-spacing:1.4px;color:#7FB3FF;opacity:.7} .jt-t{display:block;margin-top:7px;font-size:14px;font-weight:600;color:#fff;line-height:1.3;letter-spacing:-.015em} .jt-s{display:block;margin-top:4px;font-size:12px;color:#8FA6BE;line-height:1.4} /* 02 the approach. The ol keeps the B2 step counter but becomes a grid of cards. */ #ap-sec{background:#001B36!important;padding:104px 0!important} #ap-eyebrow div.elementor-heading-title{color:#7FB3FF;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} #ap-h2 .elementor-heading-title{color:#fff;font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.028em;line-height:1.12;margin-top:18px} #ap-body{max-width:none!important;margin-top:18px!important} #ap-body > .elementor-widget-container > p{color:#C4D6EC;font-size:17px;line-height:1.68;max-width:82ch;margin:0} #ap-body ol{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px!important} #ap-body ol > li{border-bottom:0!important;padding:26px 26px 28px!important;border-radius:22px;background:rgba(127,179,255,.07);border:1px solid rgba(127,179,255,.22);color:#B7CCE4;font-size:15px;line-height:1.62;transition:.42s cubic-bezier(.22,.8,.26,1)} #ap-body ol > li:hover{background:rgba(127,179,255,.13);border-color:rgba(127,179,255,.5);transform:translateY(-4px)} #ap-body ol > li::before{position:static!important;margin-bottom:16px;width:42px;height:42px;font-size:12px} #ap-body ol > li strong{display:block;color:#fff;font-size:17px;letter-spacing:-.02em;margin-bottom:8px} /* 05 the lifecycle stepper. #lc-wrap, #lc-panels and #lc-p1..7 are FULL. */ #lc-sec{background:#F6F9FC!important;padding:104px 0!important} #lc-h2{margin-top:0!important} #lc-sec .elementor-widget-heading:nth-child(2) .elementor-heading-title{color:#17222E;font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.028em;line-height:1.12;margin-top:18px} #lc-wrap{margin-top:44px!important;padding:0!important;max-width:none!important;width:100%;display:block} #lc-rail{max-width:none!important;margin:0!important;position:relative} #lc-rail ul.elementor-icon-list-items{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:0;padding:0;position:relative} #lc-rail ul.elementor-icon-list-items::before{content:"";position:absolute;left:7.14%;right:7.14%;top:18px;height:2px;background:#C4D6EC;border-radius:2px} #lc-rail ul.elementor-icon-list-items::after{content:"";position:absolute;left:7.14%;top:18px;height:2px;width:calc((100% - 14.28%) * var(--lc-fill,0) / 100%);background:linear-gradient(90deg,#004F9E,#F55349);border-radius:2px;transition:width .55s cubic-bezier(.22,.8,.26,1)} #lc-rail li.elementor-icon-list-item{display:block;margin:0;padding:0;position:relative;z-index:2} #lc-rail li.elementor-icon-list-item span.elementor-icon-list-text{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 6px;font-size:13px;font-weight:600;color:#66727E;text-align:center;line-height:1.28;cursor:pointer;letter-spacing:-.01em;transition:.35s cubic-bezier(.22,.8,.26,1)} #lc-rail li.elementor-icon-list-item span.elementor-icon-list-text::before{content:"";width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid #C4D6EC;flex:0 0 auto;transition:.4s cubic-bezier(.22,.8,.26,1)} #lc-rail li.elementor-icon-list-item:hover span.elementor-icon-list-text::before{border-color:#004F9E;transform:scale(1.08)} #lc-rail li.elementor-icon-list-item.lc-on span.elementor-icon-list-text{color:#17222E;font-weight:700} #lc-rail li.elementor-icon-list-item.lc-on span.elementor-icon-list-text::before{background:linear-gradient(140deg,#F55349,#FF9387);border-color:transparent;transform:scale(1.18);box-shadow:0 10px 26px -8px rgba(245,83,73,.7)} #lc-panels{margin-top:38px!important;padding:0!important;max-width:none!important;width:100%;display:block} #lc-panels > .e-con{display:none!important;padding:0!important;max-width:none!important;width:100%;border-radius:26px;overflow:hidden;border:1px solid #C4D6EC;background:#fff!important;box-shadow:0 34px 74px -50px rgba(0,27,54,.55)} #lc-panels > .e-con.lc-on{display:grid!important;grid-template-columns:1.15fr .85fr;gap:0;animation:cxrise .5s cubic-bezier(.22,.8,.26,1) both} #lc-panels > .e-con > .elementor-widget-heading{grid-column:1;padding:40px 44px 0!important;margin:0!important} #lc-panels > .e-con > .elementor-widget-heading .elementor-heading-title{color:#17222E;font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.1;max-width:none} #lc-panels > .e-con > .elementor-widget-text-editor:not([id^="lc-o-"]){grid-column:1;padding:0 44px 40px!important;margin:0!important;max-width:none!important} #lc-panels > .e-con > .elementor-widget-text-editor:not([id^="lc-o-"]) p{color:#48545F;font-size:16px;line-height:1.7;margin:18px 0 0;max-width:52ch} [id^="lc-o-"]{grid-column:2;grid-row:1 / span 2;margin:0!important;padding:40px 44px!important;max-width:none!important;background:linear-gradient(150deg,#001B36,#01417F)!important;display:flex;flex-direction:column;justify-content:center} [id^="lc-o-"] p.lc-ok{margin:0;font-size:11.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#7FB3FF} [id^="lc-o-"] p.lc-ov{margin:14px 0 0;font-size:clamp(17px,1.9vw,21px);font-weight:600;letter-spacing:-.02em;line-height:1.4;color:#fff} #lc-close{margin-top:40px!important} #lc-close .elementor-heading-title{text-align:center;font-size:clamp(17px,1.9vw,21px);font-weight:600;letter-spacing:-.02em;color:#17222E;max-width:62ch;margin:0 auto;line-height:1.45} /* 06 operating leverage. The ul becomes a grid of cards. */ #lv-sec{background:#001B36!important;padding:104px 0!important} #lv-eyebrow div.elementor-heading-title{color:#7FB3FF;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} #lv-h2 .elementor-heading-title{color:#fff;font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.028em;line-height:1.12;margin-top:18px} #lv-body{max-width:none!important;margin-top:18px!important} #lv-body > .elementor-widget-container > p{color:#C4D6EC;font-size:17px;line-height:1.68;max-width:82ch;margin:0} #lv-body ul{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px!important} #lv-body ul > li{border-bottom:0!important;padding:28px 28px 30px!important;border-radius:22px;background:rgba(127,179,255,.07);border:1px solid rgba(127,179,255,.22);color:#AFC6E0;font-size:14.5px;line-height:1.62;transition:.42s cubic-bezier(.22,.8,.26,1)} #lv-body ul > li:hover{background:rgba(127,179,255,.13);border-color:rgba(127,179,255,.5);transform:translateY(-4px)} #lv-body ul > li::before{display:none!important} #lv-body ul > li{padding-left:28px!important} #lv-body ul > li strong{display:block;color:#fff;font-size:17px;letter-spacing:-.02em;margin-bottom:9px} #lv-holding{margin-top:30px!important;padding:20px 24px!important;border-radius:16px;background:rgba(255,178,60,.1)!important;border:1px dashed rgba(255,196,102,.55);max-width:none!important} #lv-holding p{color:#FFD79A;font-size:13.5px;line-height:1.62;margin:0} /* 07 we see it differently. Two columns of click-free cards. */ #df-sec{background:linear-gradient(180deg,#FFFFFF,#EAF1F9)!important;padding:104px 0!important} #df-eyebrow div.elementor-heading-title{color:#004F9E;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} #df-h2 .elementor-heading-title{color:#17222E;font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.028em;line-height:1.12;margin-top:18px} #df-body{max-width:none!important;margin-top:18px!important} #df-body ul{display:grid!important;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px!important} #df-body ul > li{border-bottom:0!important;padding:26px 28px 28px!important;padding-left:28px!important;border-radius:22px;background:#fff;border:1px solid #C4D6EC;color:#48545F;font-size:14.5px;line-height:1.65;transition:.42s cubic-bezier(.22,.8,.26,1)} #df-body ul > li:hover{border-color:#004F9E;box-shadow:0 22px 48px -30px rgba(0,27,54,.42);transform:translateY(-3px)} #df-body ul > li::before{top:34px!important;left:28px!important;display:none} #df-body ul > li strong{display:block;color:#17222E;font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin-bottom:10px;padding-left:0} /* 08 FAQ. #fq-list and #fq-1..8 are FULL. */ #fq-sec{background:#001B36!important;padding:96px 0!important} #fq-eyebrow div.elementor-heading-title{color:#7FB3FF;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} #fq-h2 .elementor-heading-title{color:#fff;font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.028em;line-height:1.12;margin-top:18px;max-width:22ch} #fq-list{margin-top:40px!important;padding:0!important;max-width:none!important;width:100%;display:block;border-top:1px solid rgba(127,179,255,.2)} #fq-list > .e-con{display:flex!important;flex-direction:column;padding:0!important;max-width:none!important;width:100%;border-bottom:1px solid rgba(127,179,255,.2);transition:background .35s cubic-bezier(.22,.8,.26,1)} #fq-list > .e-con:hover{background:rgba(127,179,255,.05)} #fq-list > .e-con.fq-open{background:rgba(127,179,255,.07)} [id^="fq-h-"]{margin:0!important;padding:24px 70px 24px 18px!important;position:relative;cursor:pointer;max-width:none!important} [id^="fq-h-"] .elementor-heading-title{color:#DCE9F8;font-size:clamp(16px,1.7vw,19.5px);font-weight:600;letter-spacing:-.02em;line-height:1.35;text-align:left;max-width:none} .fq-open [id^="fq-h-"] .elementor-heading-title{color:#fff;font-weight:700} [id^="fq-h-"]::after{content:"+";position:absolute;right:18px;top:22px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(127,179,255,.35);display:grid;place-items:center;font-size:17px;line-height:1;color:#7FB3FF;transition:.42s cubic-bezier(.22,.8,.26,1)} .fq-open [id^="fq-h-"]::after{background:#F55349;border-color:transparent;color:#fff;transform:rotate(135deg)} [id^="fq-b-"]{display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .46s cubic-bezier(.22,.8,.26,1),opacity .34s ease;margin:0!important;padding:0!important;max-width:none!important} .fq-open [id^="fq-b-"]{max-height:520px;opacity:1} [id^="fq-b-"] > .elementor-widget-container{overflow:hidden} [id^="fq-b-"] p{margin:0;padding:0 70px 28px 18px;font-size:15.5px;line-height:1.68;color:#B7CCE4;max-width:84ch} #fq-flag{margin-top:30px!important;padding:20px 24px!important;border-radius:16px;background:rgba(255,178,60,.1)!important;border:1px dashed rgba(255,196,102,.55);max-width:none!important} #fq-flag p{color:#FFD79A;font-size:13.5px;line-height:1.62;margin:0} #fq-flag strong{color:#FFC466} /* CTA */ #cta-sec{background:radial-gradient(140% 100% at 50% 0%,#01417F 0%,#003468 42%,#001B36 100%)!important;padding:110px 0!important;overflow:clip;text-align:center} #cta-eyebrow div.elementor-heading-title{justify-content:center;color:#7FB3FF;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase} #cta-eyebrow div.elementor-heading-title::after{display:none} #cta-h2 .elementor-heading-title{text-align:center;color:#fff;font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.1;max-width:20ch;margin:18px auto 0} #cta-lede{margin-top:20px!important;max-width:none!important} #cta-lede p{text-align:center;color:#C4D6EC;font-size:16.5px;line-height:1.7;max-width:70ch;margin:0 auto} #cta-btns{margin-top:32px!important;padding:0!important} #cta-btns > .e-con-inner{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap} #cta-btns > .e-con-inner > .e-con{width:auto!important;max-width:none!important;flex:0 0 auto;padding:0!important} /* ================ RESPONSIVE ================ */ @media(max-width:1180px){ #jt-row .elementor-widget-container{grid-template-columns:repeat(3,1fr)} #ap-body ol,#lv-body ul{grid-template-columns:repeat(2,1fr)} } @media(max-width:980px){ #cx-body{flex-direction:column} #cx-nav{flex:1 1 auto;width:100%!important;max-width:none!important;border-right:0;border-bottom:1px solid rgba(127,179,255,.16)} #cx-main{padding:26px 22px 22px!important;min-height:0} [id^="cx-tiles-"] .elementor-widget-container{grid-template-columns:1fr} #cx-mem{flex-direction:column} #lc-rail ul.elementor-icon-list-items{grid-template-columns:repeat(4,1fr);gap:18px 0} #lc-rail ul.elementor-icon-list-items::before,#lc-rail ul.elementor-icon-list-items::after{display:none} #lc-panels > .e-con.lc-on{grid-template-columns:1fr} [id^="lc-o-"]{grid-column:1;grid-row:auto} #lc-panels > .e-con > .elementor-widget-heading,#lc-panels > .e-con > .elementor-widget-text-editor:not([id^="lc-o-"]){grid-column:1;padding-left:26px!important;padding-right:26px!important} [id^="lc-o-"]{padding:28px 26px!important} } @media(max-width:900px){ #ba-sec > .e-con-inner{grid-template-columns:1fr} #ba-sec > .e-con-inner > #ba-h2,#ba-sec > .e-con-inner > #ba-lede{grid-column:1 / -1} #ba-sec > .e-con-inner > #ba-lede{padding-top:0;margin-top:18px!important} [id^="ba-h-"]{padding:20px 62px 20px 22px!important} [id^="ba-h-"]::before{display:none} [id^="ba-h-"]::after{right:18px;top:22px} [id^="ba-b-"] ul{padding-left:22px;padding-right:22px} [id^="ba-b-"] p.ba-res{margin-left:22px;margin-right:22px} #h-hero{padding:88px 20px 74px!important} #ba-close-h,#ba-close-p{padding-left:24px!important;padding-right:24px!important} #gd-row{flex-direction:column} #jt-row .elementor-widget-container{grid-template-columns:repeat(2,1fr)} #ap-body ol,#lv-body ul,#df-body ul{grid-template-columns:1fr} #lc-rail ul.elementor-icon-list-items{grid-template-columns:repeat(3,1fr)} } @media(max-width:620px){ #jt-row .elementor-widget-container{grid-template-columns:1fr} #lc-rail ul.elementor-icon-list-items{grid-template-columns:repeat(2,1fr)} [id^="fq-h-"]{padding-right:60px!important} [id^="fq-b-"] p{padding-right:18px} } /* ================= B8 post-review pass, 27 Aug ================= */ /* Ads' screenshot review. Boxed: #h-hero #ba-sec #cp-sec #cx-sec #lc-sec #lv-sec #df-sec #fq-sec #gd-sec #cta-sec. Everything else FULL. */ /* --- HERO strapline --- */ #h-credlbl{margin:32px 0 0!important;padding:22px 0 0!important;position:relative;max-width:none!important} #h-credlbl::before{content:"";position:absolute;left:0;top:0;width:70px;height:2px;border-radius:2px;background:linear-gradient(90deg,#7FB3FF,#F55349)} #h-credlbl div.elementor-heading-title{font-size:12.5px;font-weight:700;letter-spacing:2.1px;text-transform:uppercase;color:#9FB4D4;text-align:left;max-width:none;padding:0!important} /* --- JUMP MENU: header band on top, cells below, like Alex's reference --- */ #jt-sec{background:#00152B!important;padding:46px 24px 58px!important} #jt-row{max-width:1400px!important;margin:0 auto!important;width:100%} #jt-row .elementor-widget-container{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important} #jt-row .jt-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 24px;background:linear-gradient(120deg,#001B36,#01417F 70%,#123063);border:1px solid rgba(127,179,255,.24);border-bottom:0;border-radius:20px 20px 0 0} #jt-row .jt-hl{display:flex;align-items:baseline;gap:13px;min-width:0} #jt-row .jt-hl b{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FF9387;flex:0 0 auto} #jt-row .jt-hl em{font-style:normal;font-size:15px;font-weight:700;letter-spacing:-.015em;color:#fff} #jt-row .jt-hr{font-size:13px;color:#9FB4D4;text-align:right;flex:0 0 auto} #jt-row .jt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:0 0 20px 20px;overflow:hidden;box-shadow:0 34px 76px -34px rgba(0,0,0,.8)} #jt-row a.jt{display:flex!important;flex-direction:column;align-items:flex-start;gap:7px;padding:20px 52px 22px 22px!important;text-decoration:none;background:#fff!important;border-right:1px solid #E6EDF6;border-bottom:1px solid #E6EDF6;position:relative;transition:background .3s;min-height:0!important} #jt-row a.jt:hover{background:#F4F8FD!important} #jt-row a.jt::before{content:"\2192";position:absolute;right:16px;top:18px;width:28px;height:28px;border-radius:50%;display:grid!important;place-items:center;background:#EAF1F9;color:#004F9E;font-size:14px;line-height:1;transition:.35s cubic-bezier(.22,.8,.26,1)} #jt-row a.jt:hover::before{background:#F55349;color:#fff;transform:translate(3px,-2px)} #jt-row a.jt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.22,.8,.26,1)} #jt-row a.jt:hover::after{transform:scaleX(1)} #jt-row .jt-n{font-size:11px;font-weight:700;letter-spacing:2px;color:#F55349;line-height:1} #jt-row .jt-t{font-size:15.5px;font-weight:700;letter-spacing:-.015em;color:#004F9E;line-height:1.26} #jt-row .jt-s{font-size:12.8px;font-weight:400;line-height:1.45;color:#66727E} /* --- 01 THE BARRIER --- */ #ba-sec > .e-con-inner{display:grid!important;grid-template-columns:1.04fr .96fr;column-gap:46px;row-gap:0;align-items:start} #ba-sec > .e-con-inner > #ba-eyebrow{grid-column:1 / -1;grid-row:1} #ba-sec > .e-con-inner > #ba-h2{grid-column:1;grid-row:2;padding-top:0!important;margin-top:16px!important} #ba-sec > .e-con-inner > #ba-lede{grid-column:1;grid-row:3;padding-top:0!important;margin-top:20px!important} #ba-sec > .e-con-inner > #ba-box{grid-column:2;grid-row:2 / span 2;margin-top:16px!important;align-self:stretch!important} #ba-sec > .e-con-inner > #ba-acc{grid-column:1 / -1;grid-row:4;margin-top:44px!important} #ba-sec > .e-con-inner > .elementor-widget-html{grid-column:1 / -1;grid-row:5} #ba-h2 .elementor-heading-title{max-width:19ch} #ba-lede p{max-width:56ch} #ba-box{background:linear-gradient(150deg,#001B36,#01417F)!important;border-radius:22px;padding:32px 32px 34px!important;gap:0!important;justify-content:center!important;position:relative;overflow:hidden;box-shadow:0 28px 60px -34px rgba(0,27,54,.65);width:auto!important;max-width:none!important} #ba-box::after{content:"";position:absolute;right:-70px;top:-70px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(245,83,73,.3),transparent 68%);pointer-events:none} #ba-close-h,#ba-close-p{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} #ba-close-h{margin:0!important;padding:0!important;position:relative;z-index:1} #ba-close-h .elementor-heading-title{font-size:clamp(19px,2vw,25px)!important;font-weight:700;letter-spacing:-.026em;line-height:1.22;color:#fff!important;text-align:left;max-width:none;padding:0!important} #ba-close-p{margin:15px 0 0!important;padding:0!important;position:relative;z-index:1;max-width:none!important} #ba-close-p p{font-size:14.6px!important;line-height:1.66;color:#B7CCE4!important;margin:0!important;padding:0!important;max-width:none!important;text-align:left} /* --- 02 THE APPROACH: lighter cards, room to breathe, no false click --- */ #ap-body > .elementor-widget-container > p:nth-of-type(2){margin-top:26px!important} #ap-body > .elementor-widget-container > p:nth-of-type(2) strong{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FF9387} #ap-body ol{margin:22px 0 40px!important;align-items:stretch} #ap-body ol > li{cursor:default;background:linear-gradient(155deg,rgba(127,179,255,.17),rgba(138,84,128,.15) 58%,rgba(245,83,73,.1))!important;border:1px solid rgba(127,179,255,.3)!important;transition:border-color .4s,transform .4s cubic-bezier(.22,1,.36,1)} #ap-body ol > li:hover{transform:none!important;border-color:rgba(127,179,255,.3)!important;background:linear-gradient(155deg,rgba(127,179,255,.17),rgba(138,84,128,.15) 58%,rgba(245,83,73,.1))!important} #ap-body > .elementor-widget-container > p:last-child{margin-top:8px!important;padding-top:26px!important;border-top:1px solid rgba(127,179,255,.2);font-size:16.5px!important;color:#C4D6EC!important} /* --- 03 CAPABILITIES: nothing open at rest, card and panel become one shape --- */ #cp-sec{background:#F6F9FC!important;padding:104px 0!important} #cp-eyebrow div.elementor-heading-title{color:#004F9E!important;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;max-width:none} #cp-h2{margin:16px 0 0!important} #cp-h2 .elementor-heading-title{font-size:clamp(30px,3.5vw,46px);font-weight:700;letter-spacing:-.028em;line-height:1.12;color:#17222E!important;max-width:24ch} #cp-lede{margin:20px 0 0!important;max-width:none!important} #cp-lede p{font-size:17px;line-height:1.7;color:#66727E!important;max-width:84ch;margin:0} #cp-body{padding:0!important;margin-top:42px!important;gap:0!important;background:transparent!important} #cp-cols{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;padding:0!important;background:transparent!important;max-width:none!important;width:100%;align-items:stretch} #cp-cols > .e-con{position:relative;overflow:visible;cursor:pointer;padding:26px 26px 28px!important;border-radius:20px;background:linear-gradient(158deg,#00274E,#01417F)!important;border:1px solid rgba(0,52,104,.14);box-shadow:0 18px 40px -26px rgba(0,27,54,.55);gap:0!important;transition:background .35s,box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1),border-radius .3s} #cp-cols > .e-con:hover{transform:translateY(-4px);box-shadow:0 28px 56px -26px rgba(0,27,54,.6)} #cp-cols > .e-con::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 20px 20px;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.8,.26,1)} #cp-cols > .e-con:hover::after{transform:scaleX(1)} #cp-cols > .e-con.cp-on{transform:none!important;background:linear-gradient(158deg,#012247,#01417F)!important;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 -6px 34px -20px rgba(0,27,54,.5);z-index:2} #cp-cols > .e-con.cp-on::after{transform:scaleX(1);height:4px;top:0;bottom:auto;border-radius:20px 20px 0 0;background:linear-gradient(95deg,#F55349,#FF9387)} #cp-cols > .e-con.cp-on::before{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;background:linear-gradient(180deg,#01417F,#012a56);z-index:1} #cp-cols > .e-con:focus-visible{outline:3px solid #004F9E;outline-offset:3px} [id^="cp-hd-"]{position:relative;padding:0 58px 0 0!important;gap:0!important;background:transparent!important;z-index:2} [id^="cp-hd-"]::after{content:"\2193";position:absolute;right:0;top:-2px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#F55349;color:#fff;font-size:20px;font-weight:700;line-height:1;box-shadow:0 10px 24px -10px rgba(245,83,73,.8);transition:.42s cubic-bezier(.22,.8,.26,1)} #cp-cols > .e-con:hover [id^="cp-hd-"]::after{transform:translateY(3px) scale(1.06)} .cp-on [id^="cp-hd-"]::after{background:#fff;color:#F55349;transform:rotate(180deg)} [id^="cp-step-"]{margin:0!important} [id^="cp-step-"] div.elementor-heading-title{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#FF9387;line-height:1;text-align:left;max-width:none} [id^="cp-step-"] div.elementor-heading-title::before,[id^="cp-step-"] div.elementor-heading-title::after{display:none} [id^="cp-h3-"]{margin:10px 0 0!important} [id^="cp-h3-"] .elementor-heading-title{font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.24;color:#fff;text-align:left;max-width:none} [id^="cp-lead-"]{margin:10px 0 0!important} [id^="cp-lead-"] .elementor-heading-title{font-size:14.2px;font-weight:500;line-height:1.55;color:#AFC6E0;text-align:left;max-width:none} #cp-panels{margin-top:0!important;padding:0!important;gap:0!important;background:transparent!important;max-width:none!important;width:100%} #cp-panels > .e-con{display:none!important} #cp-panels > .e-con.cp-on{display:flex!important;flex-direction:column;background:linear-gradient(168deg,#012a56,#001B36 70%)!important;border:1px solid rgba(127,179,255,.18);border-radius:20px;padding:36px 34px 34px!important;gap:0!important;max-height:none!important;opacity:1!important;overflow:visible!important;margin:0!important;box-shadow:0 30px 70px -36px rgba(0,27,54,.6);animation:cpIn .42s cubic-bezier(.22,.8,.26,1) both} @keyframes cpIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}} [id^="cp-txt-"]{margin:0!important;padding:0!important;border-top:0!important;max-width:none!important} [id^="cp-txt-"] p{font-size:16px;line-height:1.72;color:#C4D6EC;max-width:92ch;margin:0} [id^="cp-lists-"]{display:grid!important;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px!important;padding:26px 0 0!important;border-top:1px solid rgba(127,179,255,.2);background:transparent!important} #cp-c1a,#cp-c1b,#cp-c2a,#cp-c2b,#cp-c3a,#cp-c3b{padding:0!important;gap:0!important;background:transparent!important} [id^="cp-lbl-"]{margin:0 0 12px!important} [id^="cp-lbl-"] div.elementor-heading-title{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#7FB3FF;line-height:1;text-align:left;max-width:none} [id^="cp-do-"],[id^="cp-gain-"]{margin:0!important;max-width:none!important} [id^="cp-do-"] ul,[id^="cp-gain-"] ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} [id^="cp-do-"] li,[id^="cp-gain-"] li{margin:0;padding:11px 15px 11px 34px;position:relative;border-radius:11px;background:#fff;border:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);font-size:13.6px;line-height:1.5;color:#17222E;font-weight:500} [id^="cp-do-"] li::before{content:"";position:absolute;left:15px;top:18px;width:7px;height:7px;border-radius:2px;background:#004F9E;transform:rotate(45deg)} [id^="cp-gain-"] li::before{content:"";position:absolute;left:15px;top:18px;width:8px;height:8px;border-radius:50%;background:#F55349} #cp-gain-2 li strong{display:block;color:#004F9E;font-weight:700;font-size:13.2px;margin-bottom:5px} [id^="cp-go-"]{margin:26px 0 0!important} [id^="cp-go-"] .elementor-heading-title{text-align:left;max-width:none} [id^="cp-go-"] .elementor-heading-title a{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;color:#7FB3FF!important;text-decoration:none;border-bottom:1px solid rgba(127,179,255,.3);padding-bottom:4px;transition:color .3s,border-color .3s} [id^="cp-go-"] .elementor-heading-title a::after{content:"\2192";transition:transform .32s cubic-bezier(.22,.8,.26,1)} [id^="cp-go-"] .elementor-heading-title a:hover{color:#FF9387!important;border-bottom-color:rgba(255,147,135,.5)} [id^="cp-go-"] .elementor-heading-title a:hover::after{transform:translateX(5px)} #cp-cv{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:18px!important;padding:32px 36px!important;border-radius:20px;background:linear-gradient(140deg,#001B36,#01417F)!important;border:1px solid transparent;box-shadow:0 26px 56px -32px rgba(0,27,54,.6);position:relative;overflow:hidden} #cp-cv::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,83,73,.28),transparent 68%);pointer-events:none} #cp-cv-t,#cp-cv-b{padding:0!important;gap:0!important;background:transparent!important;position:relative;z-index:1} #cp-cv-k{margin:0!important} #cp-cv-k div.elementor-heading-title{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#FF9387;line-height:1;text-align:left;max-width:none} #cp-cv-h{margin:11px 0 0!important} #cp-cv-h div.elementor-heading-title{font-size:clamp(20px,2.1vw,26px);font-weight:700;letter-spacing:-.022em;line-height:1.26;color:#fff;max-width:30ch;text-align:left} #cp-cv-p{margin:11px 0 0!important;max-width:none!important} #cp-cv-p p{font-size:15px;line-height:1.65;color:#B7CCE4;max-width:74ch;margin:0} #cp-cv-b{width:auto!important;flex:0 0 auto} #cp-cv-btn .elementor-button{padding:16px 30px;white-space:nowrap} /* --- 04 PURPLE CORTEX: purple through the cockpit chrome --- */ #cx-sec{background:radial-gradient(120% 92% at 84% 10%,rgba(127,179,255,.32),transparent 58%),radial-gradient(105% 85% at 10% 90%,rgba(245,83,73,.26),transparent 60%),linear-gradient(160deg,#001B36 0%,#0A2A5C 52%,#123063 100%)!important} #cx-bar{background:linear-gradient(120deg,#3B2A5E,#5A3A72 62%,#6E4478)!important;border-bottom:1px solid rgba(196,168,224,.3)!important} #cx-nav{background:linear-gradient(180deg,rgba(150,116,182,.24),rgba(90,58,114,.16))!important;border-right:1px solid rgba(196,168,224,.2)!important} #cx-list li.elementor-icon-list-item.cx-on span.elementor-icon-list-text{background:rgba(196,168,224,.24)!important} #cx-list li.elementor-icon-list-item:hover span.elementor-icon-list-text{background:rgba(196,168,224,.15)!important} #cx-main .cx-tile,[id^="cx-tiles-"] .cx-tile{background:linear-gradient(155deg,rgba(150,116,182,.26),rgba(90,58,114,.14))!important;border:1px solid rgba(196,168,224,.3)!important} #cx-mem-b{display:flex!important;align-items:center;justify-content:center;text-align:center} #cx-mem-b p{font-size:clamp(22px,2.5vw,32px)!important;line-height:1.22!important;text-align:center!important;max-width:none!important;margin:0!important} #cx-cta{margin-top:26px!important;padding:0!important;gap:0!important;background:transparent!important;align-items:center!important;max-width:none!important;width:100%} #cx-cta-btn .elementor-button{padding:15px 30px} #cx-cta-btn .elementor-button:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important} /* --- 05 LIFECYCLE: dots start empty and fill as a progress bar --- */ #lc-rail ul.elementor-icon-list-items::before{top:16px!important;height:5px!important;background:#DCE6F2!important} #lc-rail ul.elementor-icon-list-items::after{top:16px!important;height:5px!important;background:linear-gradient(90deg,#001B36,#01417F 36%,#8A5480 66%,#F55349)!important} #lc-rail li.elementor-icon-list-item span.elementor-icon-list-text::before{background:#fff!important;border:2px solid #C4D6EC!important;box-shadow:0 0 0 4px #F6F9FC} #lc-rail li.elementor-icon-list-item.lc-done:nth-child(1) span.elementor-icon-list-text::before{background:#001B36!important;border-color:transparent!important} #lc-rail li.elementor-icon-list-item.lc-done:nth-child(2) span.elementor-icon-list-text::before{background:#003468!important;border-color:transparent!important} #lc-rail li.elementor-icon-list-item.lc-done:nth-child(3) span.elementor-icon-list-text::before{background:#01417F!important;border-color:transparent!important} #lc-rail li.elementor-icon-list-item.lc-done:nth-child(4) span.elementor-icon-list-text::before{background:#3F5390!important;border-color:transparent!important} #lc-rail li.elementor-icon-list-item.lc-done:nth-child(5) span.elementor-icon-list-text::before{background:#8A5480!important;border-color:transparent!important} #lc-rail li.elementor-icon-list-item.lc-done:nth-child(6) span.elementor-icon-list-text::before{background:#CE5061!important;border-color:transparent!important} #lc-rail li.elementor-icon-list-item.lc-done:nth-child(7) span.elementor-icon-list-text::before{background:#F55349!important;border-color:transparent!important} #lc-rail li.elementor-icon-list-item:hover span.elementor-icon-list-text::before{border-color:#004F9E!important;transform:scale(1.1)} #lc-rail li.elementor-icon-list-item.lc-on span.elementor-icon-list-text::before{transform:scale(1.22)!important;box-shadow:0 0 0 4px #F6F9FC,0 14px 30px -10px rgba(0,27,54,.55)!important} #lc-close .elementor-heading-title{font-size:clamp(18px,2vw,23px)!important;line-height:1.4!important} /* --- 06 OPERATING LEVERAGE: lift the cards off the navy --- */ #lv-body ul{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px!important;align-items:stretch!important} #lv-body ul > li{list-style:none;border:1px solid rgba(127,179,255,.32);border-bottom:1px solid rgba(127,179,255,.32)!important;border-radius:20px;background:linear-gradient(155deg,rgba(127,179,255,.19),rgba(138,84,128,.16) 58%,rgba(245,83,73,.11))!important;padding:26px 26px 28px!important;margin:0;position:relative;overflow:hidden;cursor:pointer;transition:background .4s,border-color .4s,transform .4s cubic-bezier(.22,1,.36,1)} #lv-body ul > li:hover{background:linear-gradient(155deg,rgba(127,179,255,.28),rgba(138,84,128,.24) 58%,rgba(245,83,73,.16))!important;border-color:rgba(127,179,255,.55);transform:translateY(-4px)} #lv-body ul > li::before{content:""!important;position:absolute!important;left:0!important;right:0;top:auto!important;bottom:0;width:auto!important;height:3px!important;border-radius:0!important;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8)!important;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.8,.26,1)} #lv-body ul > li:hover::before,#lv-body ul > li.on::before{transform:scaleX(1)} #lv-body ul > li::after{content:"+";position:absolute;right:22px;top:24px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;font-size:18px;line-height:1;transition:.4s cubic-bezier(.22,.8,.26,1)} #lv-body ul > li.on::after{background:#F55349;color:#fff;transform:rotate(135deg)} #lv-body ul > li .n{display:block;font-size:clamp(21px,2.2vw,27px);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:#fff;padding-right:48px} #lv-body ul > li .k{display:block;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#FF9387;line-height:1} #lv-body ul > li .d{display:block;max-height:0;opacity:0;overflow:hidden;font-size:14px;line-height:1.66;color:#D3E1F2;transition:max-height .5s cubic-bezier(.22,.8,.26,1),opacity .34s ease,margin-top .5s} #lv-body ul > li.on .d{max-height:340px;opacity:1;margin-top:16px} #lv-body ul > li:focus-visible{outline:3px solid #F55349;outline-offset:3px} /* --- 07 HOW WE DIFFER: blue cards like section 03, plus a coral way in --- */ #df-body ul{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px!important;align-items:stretch!important} #df-body ul > li{list-style:none;border:1px solid rgba(0,52,104,.14);border-bottom:1px solid rgba(0,52,104,.14)!important;border-radius:20px;background:linear-gradient(158deg,#00274E,#01417F)!important;box-shadow:0 18px 40px -26px rgba(0,27,54,.5);padding:26px 26px 28px!important;margin:0;position:relative;overflow:hidden;cursor:pointer;transition:box-shadow .4s,transform .4s cubic-bezier(.22,1,.36,1)} #df-body ul > li:hover{box-shadow:0 30px 60px -26px rgba(0,27,54,.6);transform:translateY(-4px)} #df-body ul > li::before{content:""!important;position:absolute!important;left:0!important;right:0;top:auto!important;bottom:0;width:auto!important;height:3px!important;border-radius:0!important;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8)!important;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.8,.26,1);display:block!important} #df-body ul > li:hover::before,#df-body ul > li.on::before{transform:scaleX(1)} #df-body ul > li::after{content:"+";position:absolute;right:22px;top:24px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(127,179,255,.18);color:#7FB3FF;font-size:18px;line-height:1;transition:.4s cubic-bezier(.22,.8,.26,1)} #df-body ul > li.on::after{background:#F55349;color:#fff;transform:rotate(135deg)} #df-body ul > li .k{display:block;font-size:18px;font-weight:700;letter-spacing:-.026em;line-height:1.28;color:#fff;padding-right:48px} #df-body ul > li .d{display:block;max-height:0;opacity:0;overflow:hidden;font-size:14px;line-height:1.66;color:#C4D6EC;transition:max-height .5s cubic-bezier(.22,.8,.26,1),opacity .34s ease,margin-top .5s} #df-body ul > li.on .d{max-height:360px;opacity:1;margin-top:14px} #df-body ul > li:focus-visible{outline:3px solid #F55349;outline-offset:3px} #df-body li.df-cta{background:linear-gradient(150deg,#F55349,#D33F38)!important;border-color:transparent!important;box-shadow:0 22px 48px -24px rgba(245,83,73,.6)!important;padding:0!important} #df-body li.df-cta::after{display:none} #df-body li.df-cta::before{background:rgba(255,255,255,.6)!important} #df-body li.df-cta a{display:flex;flex-direction:column;height:100%;padding:26px 26px 28px;text-decoration:none} #df-body li.df-cta .k{color:#fff;padding-right:0} #df-body li.df-cta .d{max-height:none!important;opacity:1!important;margin-top:12px!important;color:rgba(255,255,255,.9)} #df-body li.df-cta .go{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:700;color:#fff} #df-body li.df-cta .go::after{content:"\2192";transition:transform .32s cubic-bezier(.22,.8,.26,1)} #df-body li.df-cta:hover .go::after{transform:translateX(5px)} /* --- 09 SECTORS --- */ #se-row{display:grid!important;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px!important;padding:0!important;background:transparent!important;max-width:none!important;width:100%} /* five cards in a six-column grid. Every card spans two columns, and the fourth of five starts one column in, so the final row of two sits centred instead of leaving a hole. */ #se-row > .e-con{grid-column:span 2} #se-row > .e-con:nth-child(4):nth-last-child(2){grid-column:2/span 2} #se-row > .e-con{position:relative;overflow:hidden;border-radius:22px;padding:0!important;gap:0!important;min-height:250px;background:linear-gradient(150deg,#00274E,#01417F)!important;border:1px solid rgba(127,179,255,.2);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s} #se-row > .e-con:hover{transform:translateY(-5px);box-shadow:0 32px 66px -30px rgba(0,0,0,.7)} [id^="se-img-"]{position:absolute!important;inset:0;margin:0!important;padding:0!important;z-index:0} [id^="se-img-"] .elementor-widget-container,[id^="se-img-"] figure,[id^="se-img-"] .elementor-image{height:100%} [id^="se-img-"] img{width:100%!important;height:100%!important;object-fit:cover;display:block;filter:saturate(.6) contrast(1.05);opacity:.62;transition:opacity .5s,transform .8s cubic-bezier(.22,.8,.26,1)} #se-row > .e-con:hover [id^="se-img-"] img{opacity:.78;transform:scale(1.05)} #se-row > .e-con::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(170deg,rgba(0,21,43,.18) 0%,rgba(0,27,54,.62) 52%,rgba(0,27,54,.93) 100%);pointer-events:none} #se-row > .e-con::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:linear-gradient(95deg,#7FB3FF,#F55349 65%,#FFB4A8);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.8,.26,1)} #se-row > .e-con:hover::after{transform:scaleX(1)} [id^="se-k-"]{position:relative;z-index:2;margin:0!important;padding:26px 26px 0!important;margin-top:auto!important} [id^="se-k-"] .elementor-heading-title,[id^="se-k-"] .elementor-heading-title a{font-size:21px;font-weight:700;letter-spacing:-.026em;line-height:1.22;color:#fff!important;text-decoration:none;text-align:left;max-width:none} [id^="se-k-"] .elementor-heading-title a::after{content:"";position:absolute;inset:0;z-index:4} [id^="se-p-"]{position:relative;z-index:2;margin:0!important;padding:10px 26px 26px!important;max-width:none!important} [id^="se-p-"] p{font-size:13.8px;line-height:1.6;color:#B7CCE4;margin:0;max-width:none} /* --- 10 CTA: left aligned like the rest of the page --- */ #cta-sec > .e-con-inner > *{text-align:left!important} #cta-eyebrow div.elementor-heading-title,#cta-h2 .elementor-heading-title,#cta-lede p{text-align:left!important;margin-left:0!important;margin-right:0!important} #cta-btns{display:flex!important;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;width:auto!important;max-width:none!important;margin-top:30px!important;padding:0!important} #cta-btns > .e-con{width:auto!important;flex:0 0 auto!important;padding:0!important} #cta-btns .elementor-button{white-space:nowrap} /* --- HERO drifting shapes --- */ #h-shapes{position:absolute!important;left:0;right:0;top:0;bottom:0;z-index:-1;pointer-events:none;padding:0!important;gap:0!important;background:transparent!important;width:auto!important;max-width:none!important;min-height:0!important} #h-shape-1,#h-shape-2,#h-shape-3,#h-shape-4{position:absolute!important;padding:0!important;min-height:0!important;max-width:none!important;border:1px solid rgba(159,180,212,.26);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.02))!important;backdrop-filter:blur(3px);box-shadow:0 36px 90px rgba(0,12,28,.4);pointer-events:none;animation:itDrift linear infinite} #h-shape-1{top:6%;right:3%;width:250px!important;height:250px!important;border-radius:28px;animation-duration:21s} #h-shape-2{top:50%;right:19%;width:150px!important;height:150px!important;border-radius:20px;animation-duration:26s;animation-direction:reverse} #h-shape-3{bottom:2%;right:26%;width:330px!important;height:330px!important;border-radius:28px;animation-duration:31s;background:linear-gradient(145deg,rgba(255,147,135,.26),rgba(245,83,73,.05))!important;border-color:rgba(255,147,135,.34)} #h-shape-4{top:20%;right:30%;width:102px!important;height:102px!important;border-radius:16px;animation-duration:17s;animation-direction:reverse;background:linear-gradient(145deg,rgba(255,147,135,.32),rgba(245,83,73,.07))!important;border-color:rgba(255,147,135,.4)} @keyframes itDrift{0%{transform:translate3d(0,0,0) rotate(0deg)}25%{transform:translate3d(-18px,-30px,0) rotate(4deg)}50%{transform:translate3d(12px,-50px,0) rotate(-3deg)}75%{transform:translate3d(22px,-20px,0) rotate(5deg)}100%{transform:translate3d(0,0,0) rotate(0deg)}} @media(max-width:1200px){ #jt-row .jt-grid{grid-template-columns:repeat(2,1fr)} #lv-body ul,#df-body ul,#se-row{grid-template-columns:repeat(2,1fr)} #se-row > .e-con, #se-row > .e-con:nth-child(4):nth-last-child(2){grid-column:auto} #se-row > .e-con:last-child:nth-child(5){grid-column:span 2} } @media(max-width:1024px){ #ba-sec > .e-con-inner{grid-template-columns:1fr} #ba-sec > .e-con-inner > #ba-eyebrow{grid-row:1} #ba-sec > .e-con-inner > #ba-h2{grid-column:1;grid-row:2} #ba-sec > .e-con-inner > #ba-box{grid-column:1;grid-row:3;margin-top:26px!important} #ba-sec > .e-con-inner > #ba-lede{grid-column:1;grid-row:4;margin-top:26px!important} #ba-sec > .e-con-inner > #ba-acc{grid-column:1;grid-row:5} #ba-h2 .elementor-heading-title,#ba-lede p{max-width:none} #cp-cols{grid-template-columns:1fr} #cp-cols > .e-con.cp-on{border-bottom-left-radius:20px;border-bottom-right-radius:20px} #cp-cols > .e-con.cp-on::before{display:none} #cp-panels{margin-top:16px!important} [id^="cp-lists-"]{grid-template-columns:1fr;gap:22px} #ap-body ol{grid-template-columns:1fr!important} #h-shape-1{width:170px!important;height:170px!important;top:2%;right:2%} #h-shape-3{width:220px!important;height:220px!important} #h-shape-2,#h-shape-4{display:none} } @media(max-width:820px){ #jt-row .jt-grid{grid-template-columns:1fr} #jt-row .jt-head{flex-direction:column;align-items:flex-start;gap:6px} #jt-row .jt-hr{text-align:left} #lv-body ul,#df-body ul,#se-row{grid-template-columns:1fr} #se-row > .e-con:last-child:nth-child(5){grid-column:auto} #lv-body ul > li.on .d,#df-body ul > li.on .d{max-height:600px} #cp-cv{grid-template-columns:1fr;justify-items:start} } @media(max-width:620px){ #cp-cols > .e-con{padding:22px 20px 24px!important} #cp-panels > .e-con.cp-on{padding:26px 22px 24px!important} #cp-cv{padding:26px 22px!important} #ba-box{padding:26px 22px 28px!important} #h-shapes{opacity:.4} #cta-btns{flex-direction:column;align-items:stretch} } @media(prefers-reduced-motion:reduce){ #h-shape-1,#h-shape-2,#h-shape-3,#h-shape-4{animation:none} #cp-panels > .e-con.cp-on{animation:none} } /* B8 CTA alignment patch */ #cta-sec{padding:104px 0 88px!important} #cta-sec > .e-con-inner{align-items:flex-start!important} #cta-eyebrow{margin:0 auto 0 0!important;width:auto!important;align-self:flex-start!important} #cta-h2,#cta-lede{align-self:flex-start!important;margin-left:0!important;margin-right:0!important} #cta-lede p{margin-left:0!important;margin-right:0!important;max-width:70ch} /* ================= B9 27 Aug: 03 flow, 02 and 06 lift, 06 CTA ================= */ /* 03: the open card and its panel are one continuous surface. The card's bottom edge colour and the panel's top edge colour are identical, both gradients run 180deg, so the join has nothing to show. */ #cp-js{display:none!important} #cp-cols > .e-con{transition:background .38s ease,box-shadow .38s ease,opacity .34s ease,transform .35s cubic-bezier(.22,1,.36,1),border-radius .3s} #cp-cols > .e-con.cp-on{background:linear-gradient(180deg,#01417F 0%,#012A56 100%)!important;border-color:rgba(127,179,255,.28)!important;border-bottom-color:transparent!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;box-shadow:0 -12px 30px -24px rgba(0,27,54,.5)!important} #cp-cols > .e-con.cp-on::before{display:none!important} #cp-body.cp-open #cp-cols > .e-con:not(.cp-on){opacity:.6;box-shadow:0 10px 24px -24px rgba(0,27,54,.5)} #cp-body.cp-open #cp-cols > .e-con:not(.cp-on):hover{opacity:1} #cp-panels > .e-con{position:relative} #cp-panels > .e-con.cp-on{background:linear-gradient(180deg,#012A56 0%,#001B36 78%)!important;border:1px solid rgba(127,179,255,.22)!important;border-top:0!important;border-radius:0 0 22px 22px!important;box-shadow:0 34px 70px -44px rgba(0,27,54,.8)!important;animation:none!important;overflow:hidden;transition:max-height .48s cubic-bezier(.22,.8,.26,1)} #cp-panels > .e-con.cp-on::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:3;pointer-events:none;--cw:calc((100% - 32px)/3);background:rgba(127,179,255,.22)} #cp-panels.cp-a1 > .e-con.cp-on::before{background:linear-gradient(90deg,transparent 0 var(--cw),rgba(127,179,255,.22) var(--cw) 100%)} #cp-panels.cp-a2 > .e-con.cp-on::before{background:linear-gradient(90deg,rgba(127,179,255,.22) 0 calc(var(--cw) + 16px),transparent calc(var(--cw) + 16px) calc(var(--cw)*2 + 16px),rgba(127,179,255,.22) calc(var(--cw)*2 + 16px) 100%)} #cp-panels.cp-a3 > .e-con.cp-on::before{background:linear-gradient(90deg,rgba(127,179,255,.22) 0 calc(var(--cw)*2 + 32px),transparent calc(var(--cw)*2 + 32px) 100%)} #cp-panels > .e-con.cp-on > *{animation:cpRise .44s cubic-bezier(.22,.8,.26,1) both} #cp-panels > .e-con.cp-on > *:nth-child(2){animation-delay:.07s} #cp-panels > .e-con.cp-on > *:nth-child(3){animation-delay:.13s} #cp-panels > .e-con.cp-on > *:nth-child(4){animation-delay:.18s} @keyframes cpRise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} #cp-cv{margin-top:26px!important} #cp-body.cp-open #cp-cv{margin-top:34px!important} /* 02 and 06: cards were a translucent wash over #001B36 and read navy on navy at normal viewing distance. Opaque surface, real border, inset top highlight. */ #ap-body ol > li,#lv-body ul > li{background:linear-gradient(158deg,#0A3164 0%,#0B2B54 52%,#18294A 100%)!important;border:1px solid rgba(127,179,255,.36)!important;box-shadow:0 24px 50px -32px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.07)!important} #ap-body ol > li{color:#C7D9EE!important} #ap-body ol > li:hover{background:linear-gradient(158deg,#0A3164 0%,#0B2B54 52%,#18294A 100%)!important;border-color:rgba(127,179,255,.36)!important} #lv-body ul > li:hover{background:linear-gradient(158deg,#0E3D78 0%,#103466 52%,#22335A 100%)!important;border-color:rgba(127,179,255,.62)!important} #lv-body ul > li .d{color:#D8E5F4} /* 06: eighth card squares the grid off and gives the section a way in. */ #lv-body ul > li.lv-cta{grid-column:span 2;background:linear-gradient(150deg,#F55349,#D33F38)!important;border-color:transparent!important;box-shadow:0 26px 54px -26px rgba(245,83,73,.6)!important;padding:0!important} #lv-body ul > li.lv-cta::after{display:none!important} #lv-body ul > li.lv-cta::before{background:rgba(255,255,255,.6)!important;transform:scaleX(1)!important} #lv-body ul > li.lv-cta:hover{background:linear-gradient(150deg,#FF6055,#E0463E)!important;border-color:transparent!important} #lv-body ul > li.lv-cta a{display:flex;flex-direction:column;height:100%;padding:28px 30px 30px;text-decoration:none} #lv-body ul > li.lv-cta .k{display:block;margin-top:0!important;font-size:clamp(20px,2.1vw,26px);font-weight:700;letter-spacing:-.03em;line-height:1.16;text-transform:none;color:#fff!important} #lv-body ul > li.lv-cta .d{max-height:none!important;opacity:1!important;margin-top:12px!important;font-size:15px;line-height:1.62;color:rgba(255,255,255,.92)!important;max-width:72ch} #lv-body ul > li.lv-cta .go{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;font-size:15px;font-weight:700;color:#fff} #lv-body ul > li.lv-cta .go::after{content:"\2192";transition:transform .32s cubic-bezier(.22,.8,.26,1)} #lv-body ul > li.lv-cta:hover .go::after{transform:translateX(5px)} @media(max-width:1200px){ #lv-body ul > li.lv-cta{grid-column:auto} } @media(max-width:1024px){ #cp-body{display:grid!important;grid-template-columns:1fr!important;gap:16px!important} #cp-cols,#cp-panels{display:contents!important} #cp-1{order:1} #cp-dtl-1{order:2} #cp-2{order:3} #cp-dtl-2{order:4} #cp-3{order:5} #cp-dtl-3{order:6} #cp-cv{order:7;margin-top:10px!important} #cp-body.cp-open #cp-cv{margin-top:10px!important} #cp-cols > .e-con.cp-on{border-bottom-left-radius:20px!important;border-bottom-right-radius:20px!important;border-bottom-color:rgba(127,179,255,.28)!important;box-shadow:0 18px 40px -26px rgba(0,27,54,.55)!important} #cp-panels > .e-con.cp-on{border-top:1px solid rgba(127,179,255,.22)!important;border-radius:20px!important} #cp-panels > .e-con.cp-on::before{display:none!important} #cp-body.cp-open #cp-cols > .e-con:not(.cp-on){opacity:1} } @media(prefers-reduced-motion:reduce){ #cp-panels > .e-con.cp-on{transition:none!important} #cp-panels > .e-con.cp-on > *{animation:none!important} } /* ===== B10, 27 Aug: corrections from the first review pass ===== */ #cp-body.cp-open #cp-cols > .e-con:not(.cp-on){opacity:.74} #ap-body ol > li,#lv-body ul > li{background:linear-gradient(158deg,#0C3A70 0%,#0C3060 52%,#152F55 100%)!important} #ap-body ol > li:hover{background:linear-gradient(158deg,#0C3A70 0%,#0C3060 52%,#152F55 100%)!important} #lv-body ul > li:hover{background:linear-gradient(158deg,#10457F 0%,#113A70 52%,#1D3860 100%)!important} #lv-body ul > li.lv-cta{background:linear-gradient(150deg,#F55349,#D33F38)!important} #lv-body ul > li.lv-cta:hover{background:linear-gradient(150deg,#FF6055,#E0463E)!important} /* ===== B11, 27 Aug: section 07 rebuilt as a sticky card stack ===== Same device as the homepage AI panels: each card is position:sticky with a stepped top offset, so they pile up on scroll and the last one, the coral way in, finishes on top. Nothing in the ancestor chain may carry overflow:hidden or sticky silently stops working. */ #df-sec{padding:104px 0 116px!important} #df-body ul{display:block!important;grid-template-columns:none!important;position:relative;counter-reset:dfn;margin-top:42px!important;gap:0!important} #df-body ul > li{position:sticky;display:block!important;counter-increment:dfn;margin:0 0 26px!important;padding:46px 54px 48px!important;min-height:330px;border-radius:26px!important;border:1px solid rgba(127,179,255,.22)!important;background:radial-gradient(rgba(255,255,255,.055) 1.3px,transparent 1.3px) 0 0/24px 24px,linear-gradient(150deg,#012A56 0%,#01417F 52%,#003468 100%)!important;box-shadow:0 40px 92px -34px rgba(0,27,54,.62)!important;overflow:hidden;cursor:default!important;transform:none!important;transition:box-shadow .4s ease} #df-body ul > li:hover{transform:none!important;box-shadow:0 46px 100px -34px rgba(0,27,54,.7)!important;border-color:rgba(127,179,255,.34)!important} #df-body ul > li:nth-child(1){top:56px} #df-body ul > li:nth-child(2){top:78px} #df-body ul > li:nth-child(3){top:100px} #df-body ul > li:nth-child(4){top:122px} #df-body ul > li:nth-child(5){top:144px} #df-body ul > li:nth-child(6){top:166px} /* the top rule is always on now: it is the sliver you see once a card is buried */ #df-body ul > li::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;width:auto!important;height:4px!important;border-radius:0!important;background:linear-gradient(95deg,#7FB3FF,#F55349 62%,#FFB4A8)!important;transform:none!important;display:block!important;z-index:3} /* ghost numeral replaces the plus toggle, there is nothing to expand any more */ #df-body ul > li::after{content:counter(dfn,decimal-leading-zero);position:absolute;right:44px;top:22px;width:auto;height:auto;border-radius:0;background:none;display:block;place-items:normal;font-size:clamp(72px,9vw,128px);font-weight:700;letter-spacing:-.06em;line-height:1;color:rgba(127,179,255,.14);transform:none;transition:none;pointer-events:none} #df-body ul > li .k{display:block;position:relative;z-index:2;font-size:clamp(23px,2.5vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.18;color:#fff;padding-right:200px;max-width:28ch} #df-body ul > li .d{display:block!important;position:relative;z-index:2;max-height:none!important;opacity:1!important;overflow:visible!important;margin-top:20px!important;font-size:17px;line-height:1.72;color:#C7DAF2;max-width:68ch;transition:none!important} /* card six, the way in */ #df-body li.df-cta{background:linear-gradient(150deg,#F55349 0%,#D33F38 100%)!important;border-color:transparent!important;box-shadow:0 44px 96px -34px rgba(245,83,73,.5)!important;padding:0!important} #df-body li.df-cta:hover{box-shadow:0 50px 104px -34px rgba(245,83,73,.6)!important;border-color:transparent!important} #df-body li.df-cta::before{background:rgba(255,255,255,.62)!important} #df-body li.df-cta::after{display:none!important} #df-body li.df-cta a{display:flex;flex-direction:column;height:100%;min-height:330px;box-sizing:border-box;padding:46px 54px 48px;text-decoration:none} #df-body li.df-cta .k{color:#fff!important;padding-right:0;max-width:24ch} #df-body li.df-cta .d{color:rgba(255,255,255,.93)!important;margin-top:18px!important;max-width:62ch} #df-body li.df-cta .go{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:26px;font-size:16px;font-weight:700;color:#fff} #df-body li.df-cta .go::after{content:"\2192";transition:transform .32s cubic-bezier(.22,.8,.26,1)} #df-body li.df-cta:hover .go::after{transform:translateX(6px)} @media(max-width:1100px){ #df-body ul > li{padding:38px 34px 40px!important;min-height:290px} #df-body li.df-cta a{padding:38px 34px 40px;min-height:290px} #df-body ul > li .k{padding-right:130px} #df-body ul > li::after{right:30px} } @media(max-width:900px){ #df-body ul > li{position:static!important;top:auto!important;min-height:0!important;padding:32px 26px 34px!important} #df-body li.df-cta a{position:static;min-height:0;padding:32px 26px 34px} #df-body ul > li::after{font-size:62px;right:22px;top:16px} #df-body ul > li .k{padding-right:78px;max-width:none} #df-body ul > li .d{font-size:16px;max-width:none} } /* B11b: the panel is a two-column composition, and the widget has to fill the 1400px column rather than shrink to its content inside the flex parent */ #df-body{width:100%!important;align-self:stretch!important;max-width:none!important} #df-body ul > li{display:grid!important;grid-template-columns:minmax(280px,36%) 1fr;column-gap:60px;align-content:center;min-height:290px!important;padding:48px 54px 50px!important} #df-body ul > li .k{grid-column:1;grid-row:1;padding-right:0!important;max-width:none!important} #df-body ul > li .d{grid-column:2;grid-row:1;margin-top:6px!important;max-width:none!important;padding-right:180px} #df-body ul > li::after{top:50%!important;transform:translateY(-50%)!important;right:40px!important} #df-body li.df-cta{display:block!important;padding:0!important} #df-body li.df-cta a{display:grid!important;grid-template-columns:minmax(280px,36%) 1fr;column-gap:60px;align-content:center;min-height:290px;padding:48px 54px 50px} #df-body li.df-cta .k{grid-column:1;grid-row:1/span 2;align-self:center} #df-body li.df-cta .d{grid-column:2;grid-row:1;margin-top:6px!important;padding-right:0} #df-body li.df-cta .go{grid-column:2;grid-row:2;margin-top:20px!important;padding-top:0!important} @media(max-width:1100px){ #df-body ul > li,#df-body li.df-cta a{grid-template-columns:1fr!important;column-gap:0;min-height:260px!important} #df-body ul > li .d{grid-column:1;grid-row:2;margin-top:16px!important;padding-right:150px} #df-body ul > li::after{right:30px!important} #df-body li.df-cta .k{grid-column:1;grid-row:1} #df-body li.df-cta .d{grid-column:1;grid-row:2;margin-top:14px!important;padding-right:0} #df-body li.df-cta .go{grid-column:1;grid-row:3;margin-top:18px!important} } @media(max-width:900px){ #df-body ul > li,#df-body li.df-cta a{min-height:0!important;align-content:start} #df-body ul > li .d{padding-right:0} #df-body ul > li::after{top:16px!important;right:22px!important;transform:none!important} } /* ===== B12, 27 Aug: page gutter, and the 07 stack runs blue to coral ===== */ /* Every section is boxed at max-width:min(100%,1400px) with no horizontal padding, so below 1400px the content touched the browser edge. Padding on the outer .e-con leaves the inner's 1400px intact at wide widths and gives a gutter below it. Each body.elementor-page-9272 needs its own ID or it loses to #cp-sec{padding:104px 0!important} on specificity. */ #jt-sec,#ba-sec,#ap-sec,#cp-sec,#cx-sec,#lc-sec,#lv-sec,#df-sec,#fq-sec,#gd-sec,#cta-sec{padding-left:24px!important;padding-right:24px!important} @media(max-width:620px){ #jt-sec,#ba-sec,#ap-sec,#cp-sec,#cx-sec,#lc-sec,#lv-sec,#df-sec,#fq-sec,#gd-sec,#cta-sec{padding-left:18px!important;padding-right:18px!important} } /* 07: each card takes its own slice of the site gradient, so the stack reads as a journey from blue through the Purple Cortex violets into the coral way in. The top rules ramp with them, which matters because once a card is buried the rule is the only part of it you can still see. */ #df-body ul > li:nth-child(1){background:radial-gradient(rgba(255,255,255,.055) 1.3px,transparent 1.3px) 0 0/24px 24px,linear-gradient(150deg,#012A56 0%,#01417F 52%,#003468 100%)!important} #df-body ul > li:nth-child(2){background:radial-gradient(rgba(255,255,255,.055) 1.3px,transparent 1.3px) 0 0/24px 24px,linear-gradient(150deg,#0B2A5E 0%,#283E8C 52%,#152F63 100%)!important} #df-body ul > li:nth-child(3){background:radial-gradient(rgba(255,255,255,.06) 1.3px,transparent 1.3px) 0 0/24px 24px,linear-gradient(150deg,#22275E 0%,#463A88 52%,#2C2A60 100%)!important} #df-body ul > li:nth-child(4){background:radial-gradient(rgba(255,255,255,.065) 1.3px,transparent 1.3px) 0 0/24px 24px,linear-gradient(150deg,#3B2A5E 0%,#6E4478 52%,#4A2E60 100%)!important} #df-body ul > li:nth-child(5){background:radial-gradient(rgba(255,255,255,.07) 1.3px,transparent 1.3px) 0 0/24px 24px,linear-gradient(150deg,#5E2A48 0%,#9E3C3A 52%,#6E2E42 100%)!important} #df-body ul > li:nth-child(1)::before{background:linear-gradient(95deg,#7FB3FF,#84A6F2)!important} #df-body ul > li:nth-child(2)::before{background:linear-gradient(95deg,#84A6F2,#9B93E6)!important} #df-body ul > li:nth-child(3)::before{background:linear-gradient(95deg,#9B93E6,#B98AD2)!important} #df-body ul > li:nth-child(4)::before{background:linear-gradient(95deg,#B98AD2,#DE85A8)!important} #df-body ul > li:nth-child(5)::before{background:linear-gradient(95deg,#DE85A8,#F55349)!important} #df-body ul > li:nth-child(1)::after{color:rgba(127,179,255,.15)} #df-body ul > li:nth-child(2)::after{color:rgba(150,172,255,.15)} #df-body ul > li:nth-child(3)::after{color:rgba(181,168,240,.16)} #df-body ul > li:nth-child(4)::after{color:rgba(196,168,224,.18)} #df-body ul > li:nth-child(5)::after{color:rgba(255,180,168,.18)} #df-body ul > li:nth-child(1) .d{color:#C7DAF2} #df-body ul > li:nth-child(2) .d{color:#C9D6F4} #df-body ul > li:nth-child(3) .d{color:#D2CDF2} #df-body ul > li:nth-child(4) .d{color:#E2CFEA} #df-body ul > li:nth-child(5) .d{color:#F3D8D3} #df-body ul > li:nth-child(1){border-color:rgba(127,179,255,.22)!important} #df-body ul > li:nth-child(2){border-color:rgba(150,172,255,.22)!important} #df-body ul > li:nth-child(3){border-color:rgba(181,168,240,.24)!important} #df-body ul > li:nth-child(4){border-color:rgba(196,168,224,.26)!important} #df-body ul > li:nth-child(5){border-color:rgba(255,180,168,.26)!important} /* re-assert card six after the nth-child rules, which outrank the B11 body.elementor-page-9272 */ #df-body ul > li.df-cta{background:linear-gradient(150deg,#F55349 0%,#D33F38 100%)!important;border-color:transparent!important} #df-body ul > li.df-cta::before{background:rgba(255,255,255,.6)!important} #df-body ul > li.df-cta .d{color:rgba(255,255,255,.93)!important} /* ===== B13, 27 Aug: the 07 stack now locks, holds, and leaves as one ===== */ /* A sticky element cannot be offset past the bottom of its containing block. The last card's margin box ended exactly at the ul's content box, so it had ZERO travel: it reached its top offset and immediately started climbing over the others. A generated block at the end of the list extends the content box and gives every card room to hold. */ #df-body ul::after{content:"";display:block;height:300px} /* Remaining travel falls by one top-step per card, so without this the stack peels from the bottom, the last two converge and ride up over the rest. Shrinking each gap by that same 22px step makes all six run out at the same scroll position, so the stack leaves as one object with its layering intact. Rule: card height plus its bottom margin must fall by the top-step each time. */ #df-body ul > li:nth-child(1){margin-bottom:136px!important} #df-body ul > li:nth-child(2){margin-bottom:114px!important} #df-body ul > li:nth-child(3){margin-bottom:92px!important} #df-body ul > li:nth-child(4){margin-bottom:70px!important} #df-body ul > li:nth-child(5){margin-bottom:48px!important} #df-body ul > li:nth-child(6){margin-bottom:26px!important} /* Taller cards so the locked stack has some presence in the viewport */ #df-body ul > li{min-height:340px!important} #df-body li.df-cta a{min-height:340px} /* A buried card's shadow must not reach past the card in front of it, or five of them compound into a grey smear below the stack. The cards sit 22px apart, so the shadow's reach below its own box has to stay under that: 20 + 46/2 - 26 = 17px. The coral card has nothing above it, so it keeps a full one. */ #df-body ul > li{box-shadow:0 20px 46px -26px rgba(0,27,54,.5)!important} #df-body ul > li.df-cta{box-shadow:0 30px 64px -30px rgba(245,83,73,.4)!important} @media(max-width:1100px){ #df-body ul > li{min-height:280px!important} #df-body li.df-cta a{min-height:280px} } @media(max-width:900px){ #df-body ul::after{display:none} #df-body ul > li{min-height:0!important} #df-body ul > li:nth-child(1),#df-body ul > li:nth-child(2),#df-body ul > li:nth-child(3),#df-body ul > li:nth-child(4),#df-body ul > li:nth-child(5),#df-body ul > li:nth-child(6){margin-bottom:20px!important} #df-body li.df-cta a{min-height:0} } /* ===== B14, 27 Aug: from the Mayank review call ===== */ /* Jump menu: he wanted the tile titles bigger and in capitals, and the block a touch taller. The sub-line underneath deliberately stays as it was. */ #jt-row .jt-t{font-size:16.5px;text-transform:uppercase;letter-spacing:.04em;line-height:1.3} #jt-row a.jt{padding-top:24px!important;padding-bottom:26px!important} /* 03: plus instead of a down arrow, so it matches 01 and 06 */ [id^="cp-hd-"]::after{content:"+"!important;font-size:27px!important;font-weight:400!important;line-height:1} #cp-cols > .e-con:hover [id^="cp-hd-"]::after{transform:scale(1.08)!important} .cp-on [id^="cp-hd-"]::after{transform:rotate(135deg)!important} /* 03: the coral bar on an open card was not clipped to the card's rounded corners, so it showed as nubs outside them. Both of them raised this. */ #cp-cols > .e-con{overflow:hidden} /* 06 and 07: both coral cards were flat and, in his words, too in your face. Deeper three-stop gradient, same family, still passes AA for white text. */ #lv-body ul > li.lv-cta{background:linear-gradient(152deg,#E04A40 0%,#C4372E 52%,#9F2A23 100%)!important;box-shadow:0 26px 54px -26px rgba(158,42,35,.55)!important} #lv-body ul > li.lv-cta:hover{background:linear-gradient(152deg,#EC544A 0%,#CE3D33 52%,#A93028 100%)!important} #df-body ul > li.df-cta{background:linear-gradient(152deg,#E04A40 0%,#C4372E 52%,#9F2A23 100%)!important} #df-body ul > li.df-cta:hover{background:linear-gradient(152deg,#EC544A 0%,#CE3D33 52%,#A93028 100%)!important} #df-body ul > li.df-cta{box-shadow:0 30px 64px -30px rgba(158,42,35,.45)!important} /* 06: stat headlines a shade smaller and a shade lighter, not too much */ #lv-body ul > li .n{font-size:clamp(19px,1.95vw,24px);font-weight:600;letter-spacing:-.026em} /* 09: the blue filter over the sector images warms to coral on hover, so the cards read as clickable. hue-rotate turned the navy scrim magenta rather than coral, so the tint is laid on with a large inset box-shadow instead: colours interpolate in every browser, gradients do not. */ #se-row > .e-con::before{transition:box-shadow .45s ease} #se-row > .e-con:hover::before{box-shadow:inset 0 0 0 9999px rgba(245,83,73,.38)} /* ---------------------------------------------------------------- Sectors at tablet. The hub dropped this row to a single column earlier than the two service pages did, so the same five cards were one-up here and two-up there between roughly 621 and 900px. Hold two columns across that whole band so all three pages agree. Crayon Digital, 28 Aug 2026. ---------------------------------------------------------------- */ @media(min-width:621px) and (max-width:1200px){ #se-row{grid-template-columns:repeat(2,1fr)} #se-row > .e-con, #se-row > .e-con:nth-child(4):nth-last-child(2){grid-column:auto} #se-row > .e-con:last-child:nth-child(5){grid-column:span 2} } /* ---------------------------------------------------------------- The three areas Purple Cortex serves, under the cockpit. Crayon Digital, 29 Aug 2026. The other half of Mayank's SAP-style ask: the service pages carry the platform framed for their service, and the hub names the areas it serves and links to each. Three, matching section 03's three capabilities, not four. The AI Operations page exists but is not presented as a Purple Cortex area on the hub, so it is not claimed as one here. ---------------------------------------------------------------- */ #cx-serves{margin-top:30px!important} #cx-serves .cxs{display:flex;flex-wrap:wrap;align-items:center;gap:10px} #cx-serves .cxs-k{margin-right:6px;font-size:11px;font-weight:700;letter-spacing:2px; text-transform:uppercase;color:#7FB3FF} #cx-serves .cxs a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px; border-radius:999px;border:1px solid rgba(127,179,255,.32); background:rgba(127,179,255,.06);font-size:13.5px;font-weight:600; color:#DCE9F8;text-decoration:none; transition:background .34s cubic-bezier(.22,.8,.26,1),border-color .34s,color .34s} #cx-serves .cxs a::after{content:"\2192";color:#FF9387; transition:transform .3s cubic-bezier(.22,.8,.26,1)} #cx-serves .cxs a:hover{background:rgba(245,83,73,.12);border-color:rgba(245,83,73,.5);color:#FFFFFF} #cx-serves .cxs a:hover::after{transform:translateX(4px)} @media(max-width:620px){ #cx-serves .cxs{gap:8px} #cx-serves .cxs a{width:100%;justify-content:space-between} } /* ================================================================ FAQ, rebuilt on Elementor's native accordion. 31 Aug 2026. Ads, screen walkthrough 8:42: the dark full-width rows "don't look like you can open them", and the home page device is the one he wants everywhere. So this is now the SAME widget and the SAME CSS as the home page: white cards, coral plus badge that rotates to a cross, on a light band. Two things come free with the swap. It is Elementor's own accordion, so a human can edit the questions without touching code, which the hand-built version could not offer. And faq_schema is on, so every page carrying this block now emits FAQPage structured data. The band also had to change. Sectors, FAQs and the CTA were three navy sections in a row; Ads wants navy then white alternating. ================================================================ */ #fq-sec{background:#F6F9FC!important} #fq-sec .elementor-heading-title{color:#003468} #fq-eyebrow div.elementor-heading-title{color:#F55349} #fq-sec::after{color:#003468;opacity:.05} #faq-acc{max-width:900px} #faq-acc .elementor-accordion-item{border:1px solid #E3EAF2!important;border-radius:16px;background:#fff;margin-bottom:12px;overflow:hidden;transition:border-color .35s,box-shadow .35s} #faq-acc .elementor-accordion-item:hover{border-color:#C4D6EC!important;box-shadow:0 18px 40px -28px rgba(0,27,54,.45)} #faq-acc .elementor-tab-title{padding:22px 26px!important;background:transparent!important;border:0!important;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-direction:row-reverse;margin:0} #faq-acc .elementor-accordion-title{font-family:'Sora',sans-serif;font-weight:600;font-size:17px;color:#003468;letter-spacing:-.01em} #faq-acc .elementor-accordion-icon{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#FFE8E4;color:#F55349;display:grid;place-items:center;margin:0;padding:0;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,color .3s} #faq-acc .elementor-accordion-icon i{font-size:12px;line-height:1} #faq-acc .elementor-accordion-icon svg{width:12px;height:12px;fill:currentColor} #faq-acc .elementor-tab-title.elementor-active .elementor-accordion-icon{background:#F55349;color:#fff;transform:rotate(45deg)} #faq-acc .elementor-tab-content{padding:0 26px 24px!important;border:0!important;background:transparent!important;font-family:'Manrope',sans-serif;font-size:15px;line-height:1.65;color:#66727E;max-width:72ch} /* the old hand-built rows are gone, so their holding note needs the light band treatment */ #fq-flag p{color:#8A6A20!important} #fq-flag strong{color:#6B4E12!important} #fq-flag{background:rgba(255,178,60,.14)!important;border-color:rgba(196,140,40,.55)!important}/* End custom CSS */