.elementor-66977 .elementor-element.elementor-element-9d7fb18{--display:flex;--overlay-opacity:1;--padding-top:80px;--padding-bottom:90px;--padding-left:40px;--padding-right:40px;}.elementor-66977 .elementor-element.elementor-element-9d7fb18::before, .elementor-66977 .elementor-element.elementor-element-9d7fb18 > .elementor-background-video-container::before, .elementor-66977 .elementor-element.elementor-element-9d7fb18 > .e-con-inner > .elementor-background-video-container::before, .elementor-66977 .elementor-element.elementor-element-9d7fb18 > .elementor-background-slideshow::before, .elementor-66977 .elementor-element.elementor-element-9d7fb18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-66977 .elementor-element.elementor-element-9d7fb18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#12243F;--background-overlay:'';}.elementor-66977 .elementor-element.elementor-element-985b786{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-13e9722{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-13e9722.e-con{--order:-99999 /* order start hack */;}.elementor-66977 .elementor-element.elementor-element-41dde28{width:auto;max-width:auto;background-color:#C9A84C26;padding:6px 16px 6px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9A84C66;border-radius:50px 50px 50px 50px;text-align:start;}.elementor-66977 .elementor-element.elementor-element-41dde28.elementor-element{--align-self:flex-start;}.elementor-66977 .elementor-element.elementor-element-41dde28 .elementor-heading-title{font-size:13px;font-weight:600;color:#C9A84C;}.elementor-66977 .elementor-element.elementor-element-a0d9471{text-align:start;font-size:16px;}.elementor-66977 .elementor-element.elementor-element-1d5ecb8{width:var( --container-widget-width, 620px );max-width:620px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:620px;--container-widget-flex-grow:0;text-align:start;font-size:18px;color:#FFFFFFBF;}.elementor-66977 .elementor-element.elementor-element-1d5ecb8.elementor-element{--align-self:center;}.elementor-66977 .elementor-element.elementor-element-53e4a2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .elementor-repeater-item-6e5ac70 .elementor-button{background-color:#0066FF;border-radius:8px 8px 8px 8px;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .elementor-repeater-item-6e5ac70 a.elementor-button .elementor-button-text{font-size:15px;font-weight:600;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .elementor-repeater-item-7db798b .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF59;border-radius:8px 8px 8px 8px;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .elementor-repeater-item-7db798b a.elementor-button .elementor-button-text{font-size:15px;font-weight:600;}.elementor-66977 .elementor-element.elementor-element-28cdec8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .elementor-button{padding:14px 20px 14px 20px;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 15px / 2);margin-left:calc( 15px / 2);}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -15px / 2);margin-left:calc( -15px / 2);}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 15px / 2 );margin-top:calc( 15px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-67e0e53{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-21bb64f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-37c9bca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-66977 .elementor-element.elementor-element-9f278b6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-08b1816{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-66977 .elementor-element.elementor-element-e312910{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-88c74f5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-0a80995 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-d612b97 .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-a557bc3{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;text-align:start;font-size:16px;font-weight:500;color:#4A5568;}.elementor-66977 .elementor-element.elementor-element-66c0552{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-66977 .elementor-element.elementor-element-66c0552 .elementor-blockquote__content{color:#6B5010;}.elementor-66977 .elementor-element.elementor-element-66c0552 .elementor-blockquote{background-color:#FDF6E3;border-style:solid;border-width:0px 0px 0px 3px;border-color:#C9A84C;}.elementor-66977 .elementor-element.elementor-element-c3f1cf5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-c3f1cf5:not(.elementor-motion-effects-element-type-background), .elementor-66977 .elementor-element.elementor-element-c3f1cf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFF;}.elementor-66977 .elementor-element.elementor-element-feb6f8a{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-66977 .elementor-element.elementor-element-0686ac9 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-c2b8049 .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-743a8d9{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;text-align:start;font-size:16px;font-weight:500;color:#4A5568;}.elementor-66977 .elementor-element.elementor-element-4f4e46b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-2e749c3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-e07694c{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-66977 .elementor-element.elementor-element-0344e30{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-9ad68c4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-c27dc76 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-45b456c .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-8748990{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;text-align:start;font-size:16px;font-weight:500;color:#4A5568;}.elementor-66977 .elementor-element.elementor-element-618d419{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-b33bb82{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-b33bb82:not(.elementor-motion-effects-element-type-background), .elementor-66977 .elementor-element.elementor-element-b33bb82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFF;}.elementor-66977 .elementor-element.elementor-element-dd1e257{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-66977 .elementor-element.elementor-element-ab7fd4e .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-2da73ab .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-a803f03{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;text-align:start;font-size:16px;font-weight:500;color:#4A5568;}.elementor-66977 .elementor-element.elementor-element-fab2daf{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-7cccafc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-e1ba9a6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-2533d34{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-66977 .elementor-element.elementor-element-174a8cd .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#00C896;}.elementor-66977 .elementor-element.elementor-element-820cb0d .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-66977 .elementor-element.elementor-element-bfc64b4{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;text-align:start;font-size:16px;font-weight:500;color:#FFFFFFA6;}.elementor-66977 .elementor-element.elementor-element-7c7e733{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-66977 .elementor-element.elementor-element-ce97cd2{text-align:center;}.elementor-66977 .elementor-element.elementor-element-ce97cd2 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#00C896;}.elementor-66977 .elementor-element.elementor-element-b0231d3{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;text-align:center;}.elementor-66977 .elementor-element.elementor-element-b0231d3.elementor-element{--align-self:center;}.elementor-66977 .elementor-element.elementor-element-b0231d3 .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-66977 .elementor-element.elementor-element-23655c7{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;text-align:center;font-size:16px;font-weight:500;color:#FFFFFFA6;}.elementor-66977 .elementor-element.elementor-element-23655c7.elementor-element{--align-self:center;}.elementor-66977 .elementor-element.elementor-element-cb226b8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-bcfae7d{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-66977 .elementor-element.elementor-element-0533d4d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-3faefde{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-464640e .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-5389075 .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-471cee5{width:var( --container-widget-width, 580px );max-width:580px;--container-widget-width:580px;--container-widget-flex-grow:0;text-align:start;font-size:16px;font-weight:500;color:#4A5568;}.elementor-66977 .elementor-element.elementor-element-cc2af7e{--display:flex;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-cc2af7e:not(.elementor-motion-effects-element-type-background), .elementor-66977 .elementor-element.elementor-element-cc2af7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-1e4e22a{text-align:center;}.elementor-66977 .elementor-element.elementor-element-1e4e22a .elementor-heading-title{color:#FFFFFF;}.elementor-66977 .elementor-element.elementor-element-79d5d70{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-size:17px;color:#FFFFFF;}.elementor-66977 .elementor-element.elementor-element-79d5d70.elementor-element{--align-self:center;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .elementor-repeater-item-6e5ac70 .elementor-button{color:#0066FF;background-color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .elementor-repeater-item-6e5ac70 a.elementor-button .elementor-button-text{font-size:15px;font-weight:600;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .elementor-repeater-item-7db798b .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF59;border-radius:8px 8px 8px 8px;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .elementor-repeater-item-7db798b a.elementor-button .elementor-button-text{font-size:15px;font-weight:600;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .elementor-repeater-item-9d71f8a .elementor-button{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF59;border-radius:8px 8px 8px 8px;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .elementor-repeater-item-9d71f8a a.elementor-button .elementor-button-text{font-size:15px;font-weight:600;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .elementor-button{padding:14px 20px 14px 20px;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 15px / 2);margin-left:calc( 15px / 2);}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -15px / 2);margin-left:calc( -15px / 2);}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 15px / 2 );margin-top:calc( 15px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-b9a1da4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-31d9494{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-66977 .elementor-element.elementor-element-396cb37 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-8f783f8{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-66977 .elementor-element.elementor-element-468cdfe .elementor-heading-title{font-size:38px;font-weight:700;line-height:1.2em;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-63136c4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66977 .elementor-element.elementor-element-1e370d6{--display:flex;--gap:7px 7px;--row-gap:7px;--column-gap:7px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-66977 .elementor-element.elementor-element-6c2e699 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-c578354 .elementor-heading-title{font-size:20px;font-weight:700;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-4e4f6de{font-size:12px;color:#535353;}.elementor-66977 .elementor-element.elementor-element-4e4f6de a{color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-2bc632b{--display:flex;--gap:7px 7px;--row-gap:7px;--column-gap:7px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-66977 .elementor-element.elementor-element-f117e82 .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-43e636f .elementor-heading-title{font-size:20px;font-weight:700;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-6ed68db{font-size:12px;color:#535353;}.elementor-66977 .elementor-element.elementor-element-6ed68db a{color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-e42238d{--display:flex;--gap:7px 7px;--row-gap:7px;--column-gap:7px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-66977 .elementor-element.elementor-element-d618a8c .elementor-heading-title{font-size:12px;font-weight:600;text-transform:uppercase;line-height:25px;letter-spacing:1.3px;color:#0066FF;}.elementor-66977 .elementor-element.elementor-element-ec8de81 .elementor-heading-title{font-size:20px;font-weight:700;color:#0A1628;}.elementor-66977 .elementor-element.elementor-element-ffc8f8c{font-size:12px;color:#535353;}.elementor-66977 .elementor-element.elementor-element-ffc8f8c a{color:#0066FF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-66977 .elementor-element.elementor-element-21bb64f{--content-width:100%;}}@media(max-width:1024px){.elementor-66977 .elementor-element.elementor-element-985b786{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-1d5ecb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-66977 .elementor-element.elementor-element-1d5ecb8.elementor-element{--align-self:flex-start;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 10px / 2 );margin-top:calc( 10px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 20px / 2);margin-left:calc( 20px / 2);}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -20px / 2);margin-left:calc( -20px / 2);}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 20px / 2 );margin-top:calc( 20px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-e312910{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-4f4e46b{--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-0344e30{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-fab2daf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-e1ba9a6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-0533d4d{--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 10px / 2 );margin-top:calc( 10px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-tablet .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-63136c4{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-66977 .elementor-element.elementor-element-9d7fb18{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-66977 .elementor-element.elementor-element-985b786{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 10px / 2 );margin-top:calc( 10px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8 .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 10px / 2);margin-left:calc( 10px / 2);}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -10px / 2);margin-left:calc( -10px / 2);}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 10px / 2 );margin-top:calc( 10px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-28cdec8.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-e312910{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-4f4e46b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-0344e30{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-fab2daf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-e1ba9a6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-0533d4d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 10px / 2 );margin-top:calc( 10px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-mobile .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6 .uael-dual-button-wrap .uael-button-wrapper{margin-right:calc( 10px / 2);margin-left:calc( 10px / 2);}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-none .uael-dual-button-wrap{margin-right:calc( -10px / 2);margin-left:calc( -10px / 2);}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper{margin-bottom:calc( 10px / 2 );margin-top:calc( 10px / 2 );margin-right:0;margin-left:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:last-child{margin-bottom:0;}.elementor-66977 .elementor-element.elementor-element-11fa3e6.uael-button-stack-desktop .uael-dual-button-wrap .uael-button-wrapper:first-child{margin-top:0;}.elementor-66977 .elementor-element.elementor-element-63136c4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-41dde28 */.live-badge,
[data-id="eb5cfdd"] {
    display: inline-flex;
    align-items: content;
    gap: 12px;
}
.live-badge::before,
[data-id="eb5cfdd"]::before {
    content: '●';
    color: #00C896;
    font-size: 12px;
    line-height: 1;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.4;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1d5ecb8 */.hero-sub {margin-bottom: 0 !important;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53e4a2b */.hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0 !important;
  }

  .hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 100px;
    padding: 5px 13px;
    font-size: 12px;
    color: rgba(255,255,255,0.75);
    font-family: 'Sora', sans-serif;
    font-weight: 600;
  }

  .hero-pill .pill-icon { font-size: 13px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2859a40 */:root {
    --brand:       #0066FF;
    --brand-dark:  #0047CC;
    --brand-light: #EBF3FF;
    --navy:        #0A1628;
    --dark:        #1A2B4A;
    --mid:         #4A5568;
    --light:       #F7FAFF;
    --white:       #FFFFFF;
    --border:      #E2E8F0;
    --green:       #00C896;
    --green-light: #E6FBF5;
    --amber:       #FF9500;
    --amber-light: #FFF4E6;
    --gold:        #C9A84C;
    --gold-light:  #FDF6E3;
  }
 
 .hero-stats {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .hero-stat-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .hs-item {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 18px 14px;
    text-align: center;
  }

  .hs-val {
    font-family: 'Sora', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #00C896;
    line-height: 1;
    margin-bottom: 5px;
    display: block;
  }

  .hs-val.gold { color: #C9A84C; }

  .hs-lbl {
    font-size: 11px;
    color: rgba(255,255,255,0.5);
    line-height: 1.4;
  }

  .hs-full {
    background: rgba(0,200,150,0.08);
    border: 1px solid rgba(0,200,150,0.2);
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .hs-full-icon { font-size: 20px; flex-shrink: 0; }

  .hs-full-text {
    font-size: 13px;
    color: rgba(255,255,255,0.8);
    line-height: 1.5;
  }
  .hs-full-text strong { color: #00C896; font-family: 'Sora', sans-serif; display: block; margin-bottom: 2px; font-size: 14px; }

  .hero-ctas {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d7fb18 */[data-id="9d7fb18"] {
        background: linear-gradient(135deg, #0A1628 0%, #0A2456 50%, #0047CC 100%);
           background-color: transparent !important;
}

[data-id="9d7fb18"]::before {
        content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(0, 102, 255, 0.3) 0%, transparent 70%), radial-gradient(ellipse at 20% 80%, rgba(0, 200, 150, 0.15) 0%, transparent 60%);
    background-color: transparent !important;
}

[data-id="330eaf26"] {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37c9bca */.overview-strip {
  background: var(--light);
  border-bottom: 1px solid var(--border);
  padding: 40px 0;
  overflow: hidden;
}

.overview-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  max-width: 100%;
}

.ov-item {
  padding: 0 28px;
  border-right: 1px solid var(--border);
  box-sizing: border-box;
  min-width: 0;
}

.ov-item:last-child {
  border-right: none;
}

.ov-label {
  font-family: 'Sora', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--mid);
  margin-bottom: 6px;
}

.ov-val {
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

/* Responsive grid */
@media (max-width: 900px) {
  .overview-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ov-item:nth-child(2) {
    border-right: none;
  }

  .ov-item:nth-child(n + 3) {
    margin-top: 24px;
  }
}

@media (max-width: 520px) {
  .overview-strip {
    padding: 28px 0;
  }

  .overview-inner {
    grid-template-columns: 1fr;
  }

  .ov-item {
    padding: 18px 20px;
    border-right: none;
    border-bottom: 1px solid var(--border);
  }

  .ov-item:last-child {
    border-bottom: none;
  }

  .ov-item:nth-child(n + 3) {
    margin-top: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae3eb08 */.context-panel {
    background: linear-gradient(135deg, #0A1628, #0A2456);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    overflow: hidden;
  }

  .context-panel::before {
    content: '';
    position: absolute;
    top: -50px; right: -50px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(201,168,76,0.15), transparent 70%);
  }

  .cp-label {
    font-family: 'Sora', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 2px;
  }

  .cp-title {
    font-family: 'Sora', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
  }

  .cp-body {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    line-height: 1.65;
  }

  .cp-divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.08);
    margin: 4px 0;
  }

  .cp-fact {
    display: flex;
    gap: 10px;
    align-items: flex-start;
  }

  .cp-fact-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }

  .cp-fact-text {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    line-height: 1.5;
  }
  .cp-fact-text strong { color: white; font-family: 'Sora', sans-serif; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9230525 */.challenge-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
  }

  .challenge-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 !important;
  }

  .challenge-list li {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .challenge-list li:hover {
    border-color: var(--brand);
    box-shadow: 0 4px 16px rgba(0,102,255,0.08);
  }

  .ch-icon {
    width: 36px;
    height: 36px;
    background: #FEF2F2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
  }

  .ch-body h4 {
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 4px;
  }

  .ch-body p {
    font-size: 13px;
    color: var(--mid);
    line-height: 1.55;
  }

  /* context panel */
  .context-panel {
    background: linear-gradient(135deg, #0A1628, #0A2456);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    overflow: hidden;
  }

  .context-panel::before {
    content: '';
    position: absolute;
    top: -50px; right: -50px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(201,168,76,0.15), transparent 70%);
  }

  .cp-label {
    font-family: 'Sora', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 2px;
  }

  .cp-title {
    font-family: 'Sora', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
  }

  .cp-body {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    line-height: 1.65;
  }

  .cp-divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.08);
    margin: 4px 0;
  }

  .cp-fact {
    display: flex;
    gap: 10px;
    align-items: flex-start;
  }

  .cp-fact-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }

  .cp-fact-text {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    line-height: 1.5;
  }
  .cp-fact-text strong { color: white; font-family: 'Sora', sans-serif; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80e8507 */.feature-visual {
    background: linear-gradient(135deg, #0A1628, #0A2456);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    overflow: hidden;
  }

  .feature-visual::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(0,102,255,0.25), transparent 70%);
  }

  .fv-title {
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .fv-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .fv-metric {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 14px 12px;
    text-align: center;
  }

  .fv-metric .mv { font-family: 'Sora', sans-serif; font-size: 22px; font-weight: 800; color: white; line-height: 1; margin-bottom: 4px; display: block; }
  .fv-metric .mv.green { color: #00C896; }
  .fv-metric .mv.gold { color: #C9A84C; }
  .fv-metric .ml { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.3; }

  .fv-orders-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.3);
    margin-top: 4px;
  }

  .fv-order-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 12px;
  }

  .fv-order-row .co { color: rgba(255,255,255,0.85); font-weight: 600; }
  .fv-order-row .amt { color: white; font-weight: 700; font-family: 'Sora', sans-serif; }

  .fv-status {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
  }
  .fvs-ok   { background: rgba(0,200,150,0.15); color: #00C896; border: 1px solid rgba(0,200,150,0.3); }
  .fvs-pend { background: rgba(201,168,76,0.15); color: #C9A84C; border: 1px solid rgba(201,168,76,0.3); }
  .fvs-proc { background: rgba(0,102,255,0.15); color: rgba(255,255,255,0.7); border: 1px solid rgba(0,102,255,0.3); }

  .fv-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.07);
    font-size: 11px;
    color: rgba(255,255,255,0.4);
  }

  .sync-live {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00C896;
    font-weight: 600;
    font-size: 11px;
  }
  .sync-live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #00C896; display: inline-block; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77f3e71 */.solution-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
  }

  .solution-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 !important;
  }

  .sol-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px 22px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: all 0.25s;
  }

  .sol-card:hover {
    border-color: var(--brand);
    box-shadow: 0 6px 20px rgba(0,102,255,0.1);
    transform: translateY(-1px);
  }

  .sol-icon {
    width: 40px;
    height: 40px;
    background: var(--brand-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
  }

  .sol-body h4 {
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 5px;
  }

  .sol-body p {
    font-size: 13px;
    color: var(--mid);
    line-height: 1.6;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9137d2 */.feature-visual {
    background: linear-gradient(135deg, #0A1628, #0A2456);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    overflow: hidden;
  }

  .feature-visual::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(0,102,255,0.25), transparent 70%);
  }

  .fv-title {
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .fv-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .fv-metric {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 14px 12px;
    text-align: center;
  }

  .fv-metric .mv { font-family: 'Sora', sans-serif; font-size: 22px; font-weight: 800; color: white; line-height: 1; margin-bottom: 4px; display: block; }
  .fv-metric .mv.green { color: #00C896; }
  .fv-metric .mv.gold { color: #C9A84C; }
  .fv-metric .ml { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.3; }

  .fv-orders-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.3);
    margin-top: 4px;
  }

  .fv-order-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 12px;
  }

  .fv-order-row .co { color: rgba(255,255,255,0.85); font-weight: 600; }
  .fv-order-row .amt { color: white; font-weight: 700; font-family: 'Sora', sans-serif; }

  .fv-status {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
  }
  .fvs-ok   { background: rgba(0,200,150,0.15); color: #00C896; border: 1px solid rgba(0,200,150,0.3); }
  .fvs-pend { background: rgba(201,168,76,0.15); color: #C9A84C; border: 1px solid rgba(201,168,76,0.3); }
  .fvs-proc { background: rgba(0,102,255,0.15); color: rgba(255,255,255,0.7); border: 1px solid rgba(0,102,255,0.3); }

  .fv-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.07);
    font-size: 11px;
    color: rgba(255,255,255,0.4);
  }

  .sync-live {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00C896;
    font-weight: 600;
    font-size: 11px;
  }
  .sync-live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #00C896; display: inline-block; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40d1605 *//* timeline */
  .timeline {
    position: relative;
    padding: 0 !important;
  }

  .timeline::before {
    content: '';
    position: absolute;
    left: 19px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(180deg, var(--brand) 0%, var(--green) 100%);
  }

  .tl-step {
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
  }

  .tl-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--brand);
    color: white;
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 4px var(--light);
  }

  .tl-body { padding-top: 8px; }

  .tl-body h3 {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 5px;
  }

  .tl-body p {
    font-size: 14px;
    color: var(--mid);
    line-height: 1.6;
  }

  /* callouts */
  .callout-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .callout-item {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .callout-item:hover {
    border-color: var(--brand);
    box-shadow: 0 4px 16px rgba(0,102,255,0.08);
  }

  .ci-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }

  .ci-text {
    font-size: 14px;
    color: var(--mid);
    line-height: 1.6;
  }
  .ci-text strong { color: var(--navy); font-family: 'Sora', sans-serif; display: block; margin-bottom: 3px; font-size: 15px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-231d004 *//* callouts */
  .callout-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0 !important;
  }

  .callout-item {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .callout-item:hover {
    border-color: var(--brand);
    box-shadow: 0 4px 16px rgba(0,102,255,0.08);
  }

  .ci-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }

  .ci-text {
    font-size: 14px;
    color: var(--mid);
    line-height: 1.6;
  }
  .ci-text strong { color: var(--navy); font-family: 'Sora', sans-serif; display: block; margin-bottom: 3px; font-size: 15px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-656b6b5 */.sap-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 !important;
  }

  .sap-badge {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    padding: 10px 16px;
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,0.8);
    transition: all 0.2s;
  }
  .sap-badge:hover { background: rgba(0,102,255,0.15); border-color: rgba(0,102,255,0.4); color: white; }

  /* insight grid inside dark section */
  .insight-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 24px;
  }

  .insight-item {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .insight-item:hover { background: rgba(255,255,255,0.08); border-color: rgba(0,102,255,0.4); }

  .insight-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }

  .insight-text { font-size: 13px; color: rgba(255,255,255,0.75); line-height: 1.55; }
  .insight-text strong { color: white; font-family: 'Sora', sans-serif; display: block; font-size: 14px; margin-bottom: 3px; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d54acc3 *//* insight grid inside dark section */
  .insight-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .insight-item {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .insight-item:hover { background: rgba(255,255,255,0.08); border-color: rgba(0,102,255,0.4); }

  .insight-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }

  .insight-text { font-size: 13px; color: rgba(255,255,255,0.75); line-height: 1.55; }
  .insight-text strong { color: white; font-family: 'Sora', sans-serif; display: block; font-size: 14px; margin-bottom: 3px; }
  
  
    @media (max-width: 900px) {
    .hero-inner,
    .challenge-grid,
    .solution-block,
    .workflow-grid,
    .sap-grid,
    .results-cards,
    .ahead-grid,
    .related-grid,
    .insight-grid { grid-template-columns: 1fr; }
    .overview-inner { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .ov-item { border-right: none; border-bottom: 1px solid var(--border); padding-bottom: 20px; }
    .ov-item:nth-child(even) { border-right: none; }
    .ov-item:last-child, .ov-item:nth-last-child(2):nth-child(odd) { border-bottom: none; }
    .quote-block { grid-template-columns: 1fr; gap: 24px; }
    .qb-author { text-align: left; display: flex; align-items: center; gap: 16px; }
    .qb-avatar { margin: 0; width: 56px; height: 56px; font-size: 20px; }
    .container { padding: 0 20px; }
    .hero { padding: 60px 20px; }
    section { padding: 56px 0; }
    .hero-ctas { flex-wrap: wrap; }
  }

  @media (max-width: 560px) {
    .hero-meta { flex-direction: column; align-items: flex-start; }
    .overview-inner { grid-template-columns: 1fr; }
    .ov-item { border-right: none; }
    .results-cards { grid-template-columns: 1fr; }
    .fv-metrics { grid-template-columns: 1fr 1fr; }
    .cta-links, .hero-ctas { flex-direction: column; align-items: center; }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22837d5 *//* =============================================
     RESULTS SECTION
     ============================================= */
  .results-section {
    background: linear-gradient(135deg, #0A1628 0%, #0A2456 100%);
    padding: 72px 0;
  }

  .results-headline {
    text-align: center;
    margin-bottom: 48px;
  }

  .results-headline .section-label { color: #00C896; }
  .results-headline .section-title { color: var(--white); max-width: 640px; margin: 0 auto 16px; }
  .results-headline p { font-size: 17px; color: rgba(255,255,255,0.65); max-width: 540px; margin: 0 auto; line-height: 1.65; }

  .results-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 48px;
  }

  .result-card {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: all 0.2s;
  }

  .result-card:hover { background: rgba(255,255,255,0.08); border-color: rgba(0,200,150,0.3); }

  .rc-icon { font-size: 28px; margin-bottom: 14px; display: block; }

  .rc-stat {
    font-family: 'Sora', sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: #00C896;
    line-height: 1;
    margin-bottom: 6px;
    display: block;
  }

  .rc-stat.gold { color: #C9A84C; }

  .rc-label {
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: white;
    margin-bottom: 8px;
  }

  .rc-desc { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.55; }

  /* quote block */
  .quote-block {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 36px 40px;
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 48px;
    align-items: center;
  }

  .qb-quote {
    font-size: 18px;
    font-style: italic;
    color: rgba(255,255,255,0.82);
    line-height: 1.7;
    border-left: 4px solid var(--brand);
    padding-left: 24px;
  }

  .qb-author {
    text-align: center;
  }

  .qb-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand) 0%, var(--green) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Sora', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: white;
    margin: 0 auto 14px;
  }

  .qb-name {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
  }

  .qb-role { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.4; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2d2918 *//* quote block */
  .quote-block {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 36px 40px;
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 48px;
    align-items: center;
  }

  .qb-quote {
    font-size: 18px;
    font-style: italic;
    color: rgba(255,255,255,0.82);
    line-height: 1.7;
    border-left: 4px solid var(--brand);
    padding-left: 24px;
  }

  .qb-author {
    text-align: center;
  }

  .qb-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand) 0%, var(--green) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Sora', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: white;
    margin: 0 auto 14px;
  }

  .qb-name {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
  }

  .qb-role { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.4; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cccafc */.roadmap-section {
    background: linear-gradient(135deg, #0A1628 0%, #0A2456 100%);
    background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-455d4f6 */.ahead-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
  }

  .ahead-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 24px;
    transition: all 0.25s;
  }

  .ahead-card:hover {
    border-color: var(--brand);
    box-shadow: 0 6px 24px rgba(0,102,255,0.1);
    transform: translateY(-2px);
  }

  .ac-icon {
    width: 44px;
    height: 44px;
    background: var(--brand-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
  }

  .ac-title {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 8px;
  }

  .ac-desc { font-size: 13px; color: var(--mid); line-height: 1.6; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ffc8f8c */.breadcrumb {
    background: var(--light);
    border-bottom: 1px solid var(--border);
    padding: 12px 0;
  }
  .breadcrumb-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--mid);
  }
  .breadcrumb-inner a { color: var(--brand); font-weight: 500; }
  .breadcrumb-inner a:hover { color: var(--brand-dark); }
  .breadcrumb-sep { color: var(--border); }

  /* =============================================
     HERO
     ============================================= */
  .hero {
    background: linear-gradient(135deg, #0A1628 0%, #0A2456 50%, #0047CC 100%);
    padding: 80px 40px 90px;
    position: relative;
    overflow: hidden;
  }

  .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse at 70% 50%, rgba(0,102,255,0.3) 0%, transparent 70%),
      radial-gradient(ellipse at 20% 80%, rgba(201,168,76,0.12) 0%, transparent 60%);
  }

  .hero-inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 64px;
    align-items: center;
  }

  .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(201,168,76,0.15);
    border: 1px solid rgba(201,168,76,0.4);
    color: #C9A84C;
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 100px;
    margin-bottom: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .hero h1 {
    font-size: clamp(26px, 4vw, 44px);
    font-weight: 800;
    color: var(--white);
    line-height: 1.15;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
  }

  .hero h1 span { color: #00C896; }

  .hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,0.72);
    line-height: 1.65;
    margin-bottom: 32px;
    max-width: 540px;
  }

  /* meta pills row */
  .hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 36px;
  }

  .hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 100px;
    padding: 5px 13px;
    font-size: 12px;
    color: rgba(255,255,255,0.75);
    font-family: 'Sora', sans-serif;
    font-weight: 600;
  }

  .hero-pill .pill-icon { font-size: 13px; }

  /* stat panel on the right */
  .hero-stats {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .hero-stat-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .hs-item {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 18px 14px;
    text-align: center;
  }

  .hs-val {
    font-family: 'Sora', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #00C896;
    line-height: 1;
    margin-bottom: 5px;
    display: block;
  }

  .hs-val.gold { color: #C9A84C; }

  .hs-lbl {
    font-size: 11px;
    color: rgba(255,255,255,0.5);
    line-height: 1.4;
  }

  .hs-full {
    background: rgba(0,200,150,0.08);
    border: 1px solid rgba(0,200,150,0.2);
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .hs-full-icon { font-size: 20px; flex-shrink: 0; }

  .hs-full-text {
    font-size: 13px;
    color: rgba(255,255,255,0.8);
    line-height: 1.5;
  }
  .hs-full-text strong { color: #00C896; font-family: 'Sora', sans-serif; display: block; margin-bottom: 2px; font-size: 14px; }

  .hero-ctas {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }

  /* =============================================
     BUTTONS
     ============================================= */
  .btn-primary {
    background: var(--brand);
    color: white;
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 26px;
    border-radius: 8px;
    display: inline-block;
    transition: all 0.2s;
  }
  .btn-primary:hover {
    background: var(--brand-dark);
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0,102,255,0.35);
    color: white;
  }

  .btn-outline-white {
    background: transparent;
    color: white;
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 26px;
    border-radius: 8px;
    border: 1.5px solid rgba(255,255,255,0.35);
    display: inline-block;
    transition: all 0.2s;
  }
  .btn-outline-white:hover {
    border-color: rgba(255,255,255,0.7);
    background: rgba(255,255,255,0.08);
    color: white;
  }

  .btn-blue {
    background: var(--brand);
    color: white;
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 8px;
    display: inline-block;
    transition: all 0.2s;
  }
  .btn-blue:hover {
    background: var(--brand-dark);
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(0,102,255,0.35);
    color: white;
  }

  .btn-white {
    background: white;
    color: var(--brand);
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 8px;
    display: inline-block;
    transition: all 0.2s;
  }
  .btn-white:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }

  .btn-ghost {
    background: transparent;
    color: white;
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 8px;
    border: 1.5px solid rgba(255,255,255,0.5);
    display: inline-block;
    transition: all 0.2s;
  }
  .btn-ghost:hover { border-color: white; background: rgba(255,255,255,0.1); color: white; }

  /* =============================================
     SECTION LABELS
     ============================================= */
  .section-label {
    display: inline-block;
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--brand);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }

  .section-title {
    font-size: clamp(24px, 3.5vw, 36px);
    font-weight: 800;
    color: var(--navy);
    line-height: 1.2;
    letter-spacing: -0.3px;
    margin-bottom: 16px;
  }

  .section-intro {
    font-size: 17px;
    color: var(--mid);
    line-height: 1.7;
    max-width: 580px;
  }

  .section-divider { border: none; border-top: 1px solid var(--border); margin: 0; }

  /* =============================================
     OVERVIEW STRIP
     ============================================= */
  .overview-strip {
    background: var(--light);
    border-bottom: 1px solid var(--border);
    padding: 40px 0;
  }

  .overview-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
  }

  .ov-item {
    padding: 0 28px;
    border-right: 1px solid var(--border);
  }
  .ov-item:last-child { border-right: none; }

  .ov-label {
    font-family: 'Sora', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--mid);
    margin-bottom: 6px;
  }

  .ov-val {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
    line-height: 1.4;
  }

  /* =============================================
     CHALLENGE SECTION
     ============================================= */
  .challenge-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
  }

  .challenge-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 28px;
  }

  .challenge-list li {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .challenge-list li:hover {
    border-color: var(--brand);
    box-shadow: 0 4px 16px rgba(0,102,255,0.08);
  }

  .ch-icon {
    width: 36px;
    height: 36px;
    background: #FEF2F2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
  }

  .ch-body h4 {
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 4px;
  }

  .ch-body p {
    font-size: 13px;
    color: var(--mid);
    line-height: 1.55;
  }

  /* context panel */
  .context-panel {
    background: linear-gradient(135deg, #0A1628, #0A2456);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    overflow: hidden;
  }

  .context-panel::before {
    content: '';
    position: absolute;
    top: -50px; right: -50px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(201,168,76,0.15), transparent 70%);
  }

  .cp-label {
    font-family: 'Sora', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.4);
    margin-bottom: 2px;
  }

  .cp-title {
    font-family: 'Sora', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
  }

  .cp-body {
    font-size: 14px;
    color: rgba(255,255,255,0.65);
    line-height: 1.65;
  }

  .cp-divider {
    border: none;
    border-top: 1px solid rgba(255,255,255,0.08);
    margin: 4px 0;
  }

  .cp-fact {
    display: flex;
    gap: 10px;
    align-items: flex-start;
  }

  .cp-fact-icon { font-size: 16px; flex-shrink: 0; margin-top: 1px; }

  .cp-fact-text {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    line-height: 1.5;
  }
  .cp-fact-text strong { color: white; font-family: 'Sora', sans-serif; }

  /* =============================================
     SOLUTION SECTION
     ============================================= */
  .solution-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
  }

  .solution-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
  }

  .sol-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px 22px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: all 0.25s;
  }

  .sol-card:hover {
    border-color: var(--brand);
    box-shadow: 0 6px 20px rgba(0,102,255,0.1);
    transform: translateY(-1px);
  }

  .sol-icon {
    width: 40px;
    height: 40px;
    background: var(--brand-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
  }

  .sol-body h4 {
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 5px;
  }

  .sol-body p {
    font-size: 13px;
    color: var(--mid);
    line-height: 1.6;
  }

  /* dark visual panel */
  .feature-visual {
    background: linear-gradient(135deg, #0A1628, #0A2456);
    border-radius: 20px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    overflow: hidden;
  }

  .feature-visual::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(0,102,255,0.25), transparent 70%);
  }

  .fv-title {
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .fv-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .fv-metric {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 14px 12px;
    text-align: center;
  }

  .fv-metric .mv { font-family: 'Sora', sans-serif; font-size: 22px; font-weight: 800; color: white; line-height: 1; margin-bottom: 4px; display: block; }
  .fv-metric .mv.green { color: #00C896; }
  .fv-metric .mv.gold { color: #C9A84C; }
  .fv-metric .ml { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.3; }

  .fv-orders-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.3);
    margin-top: 4px;
  }

  .fv-order-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 12px;
  }

  .fv-order-row .co { color: rgba(255,255,255,0.85); font-weight: 600; }
  .fv-order-row .amt { color: white; font-weight: 700; font-family: 'Sora', sans-serif; }

  .fv-status {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 100px;
  }
  .fvs-ok   { background: rgba(0,200,150,0.15); color: #00C896; border: 1px solid rgba(0,200,150,0.3); }
  .fvs-pend { background: rgba(201,168,76,0.15); color: #C9A84C; border: 1px solid rgba(201,168,76,0.3); }
  .fvs-proc { background: rgba(0,102,255,0.15); color: rgba(255,255,255,0.7); border: 1px solid rgba(0,102,255,0.3); }

  .fv-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.07);
    font-size: 11px;
    color: rgba(255,255,255,0.4);
  }

  .sync-live {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00C896;
    font-weight: 600;
    font-size: 11px;
  }
  .sync-live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #00C896; display: inline-block; }

  /* =============================================
     HOW IT WORKS (WORKFLOW)
     ============================================= */
  .workflow-section {
    background: var(--light);
    border-top: 1px solid var(--border);
  }

  .workflow-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
    margin-top: 48px;
  }

  /* timeline */
  .timeline {
    position: relative;
  }

  .timeline::before {
    content: '';
    position: absolute;
    left: 19px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(180deg, var(--brand) 0%, var(--green) 100%);
  }

  .tl-step {
    display: flex;
    gap: 24px;
    margin-bottom: 32px;
  }

  .tl-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--brand);
    color: white;
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 4px var(--light);
  }

  .tl-body { padding-top: 8px; }

  .tl-body h3 {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 5px;
  }

  .tl-body p {
    font-size: 14px;
    color: var(--mid);
    line-height: 1.6;
  }

  /* callouts */
  .callout-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .callout-item {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .callout-item:hover {
    border-color: var(--brand);
    box-shadow: 0 4px 16px rgba(0,102,255,0.08);
  }

  .ci-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }

  .ci-text {
    font-size: 14px;
    color: var(--mid);
    line-height: 1.6;
  }
  .ci-text strong { color: var(--navy); font-family: 'Sora', sans-serif; display: block; margin-bottom: 3px; font-size: 15px; }

  /* =============================================
     SAP INTEGRATION STRIP
     ============================================= */
  .sap-strip {
    background: linear-gradient(135deg, #0A1628 0%, #0A2456 100%);
    padding: 64px 0;
  }

  .sap-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
  }

  .sap-label { color: #00C896; }
  .sap-title { color: var(--white); }
  .sap-body { font-size: 16px; color: rgba(255,255,255,0.65); line-height: 1.7; margin-bottom: 18px; }

  .sap-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
  }

  .sap-badge {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    padding: 10px 16px;
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,0.8);
    transition: all 0.2s;
  }
  .sap-badge:hover { background: rgba(0,102,255,0.15); border-color: rgba(0,102,255,0.4); color: white; }

  /* insight grid inside dark section */
  .insight-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 24px;
  }

  .insight-item {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    transition: all 0.2s;
  }

  .insight-item:hover { background: rgba(255,255,255,0.08); border-color: rgba(0,102,255,0.4); }

  .insight-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }

  .insight-text { font-size: 13px; color: rgba(255,255,255,0.75); line-height: 1.55; }
  .insight-text strong { color: white; font-family: 'Sora', sans-serif; display: block; font-size: 14px; margin-bottom: 3px; }

  /* =============================================
     RESULTS SECTION
     ============================================= */
  .results-section {
    background: linear-gradient(135deg, #0A1628 0%, #0A2456 100%);
    padding: 72px 0;
  }

  .results-headline {
    text-align: center;
    margin-bottom: 48px;
  }

  .results-headline .section-label { color: #00C896; }
  .results-headline .section-title { color: var(--white); max-width: 640px; margin: 0 auto 16px; }
  .results-headline p { font-size: 17px; color: rgba(255,255,255,0.65); max-width: 540px; margin: 0 auto; line-height: 1.65; }

  .results-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 48px;
  }

  .result-card {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: all 0.2s;
  }

  .result-card:hover { background: rgba(255,255,255,0.08); border-color: rgba(0,200,150,0.3); }

  .rc-icon { font-size: 28px; margin-bottom: 14px; display: block; }

  .rc-stat {
    font-family: 'Sora', sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: #00C896;
    line-height: 1;
    margin-bottom: 6px;
    display: block;
  }

  .rc-stat.gold { color: #C9A84C; }

  .rc-label {
    font-family: 'Sora', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: white;
    margin-bottom: 8px;
  }

  .rc-desc { font-size: 13px; color: rgba(255,255,255,0.55); line-height: 1.55; }

  /* quote block */
  .quote-block {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    padding: 36px 40px;
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 48px;
    align-items: center;
  }

  .qb-quote {
    font-size: 18px;
    font-style: italic;
    color: rgba(255,255,255,0.82);
    line-height: 1.7;
    border-left: 4px solid var(--brand);
    padding-left: 24px;
  }

  .qb-author {
    text-align: center;
  }

  .qb-avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--brand) 0%, var(--green) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Sora', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: white;
    margin: 0 auto 14px;
  }

  .qb-name {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: white;
    margin-bottom: 4px;
  }

  .qb-role { font-size: 13px; color: rgba(255,255,255,0.5); line-height: 1.4; }

  /* =============================================
     LOOKING AHEAD
     ============================================= */
  .ahead-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
  }

  .ahead-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 24px;
    transition: all 0.25s;
  }

  .ahead-card:hover {
    border-color: var(--brand);
    box-shadow: 0 6px 24px rgba(0,102,255,0.1);
    transform: translateY(-2px);
  }

  .ac-icon {
    width: 44px;
    height: 44px;
    background: var(--brand-light);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 16px;
  }

  .ac-title {
    font-family: 'Sora', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 8px;
  }

  .ac-desc { font-size: 13px; color: var(--mid); line-height: 1.6; }

  /* =============================================
     SUMMARY / CTA SECTION
     ============================================= */
  .summary-section {
    background: var(--brand);
    padding: 72px 0;
    text-align: center;
  }

  .summary-section h2 {
    font-size: clamp(24px, 3.5vw, 38px);
    font-weight: 800;
    color: white;
    margin-bottom: 16px;
    letter-spacing: -0.3px;
  }

  .summary-section p {
    font-size: 17px;
    color: rgba(255,255,255,0.8);
    margin-bottom: 36px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.65;
  }

  .cta-links {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
  }

  /* =============================================
     RELATED CASE STUDIES
     ============================================= */
  .related-section { background: var(--light); border-top: 1px solid var(--border); }

  .related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
  }

  .related-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 24px;
    transition: all 0.25s;
    display: flex;
    flex-direction: column;
  }

  .related-card:hover {
    border-color: var(--brand);
    box-shadow: 0 6px 24px rgba(0,102,255,0.1);
    transform: translateY(-2px);
  }

  .rel-tag {
    font-family: 'Sora', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--brand);
    margin-bottom: 8px;
  }

  .rel-title {
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 10px;
    flex: 1;
  }

  .rel-desc { font-size: 13px; color: var(--mid); line-height: 1.6; margin-bottom: 16px; }

  .rel-link {
    font-family: 'Sora', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--brand);
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  .rel-link:hover { color: var(--brand-dark); }

  /* =============================================
     RESPONSIVE
     ============================================= */
  @media (max-width: 900px) {
    .hero-inner,
    .challenge-grid,
    .solution-block,
    .workflow-grid,
    .sap-grid,
    .results-cards,
    .ahead-grid,
    .related-grid,
    .insight-grid { grid-template-columns: 1fr; }
    .overview-inner { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .ov-item { border-right: none; border-bottom: 1px solid var(--border); padding-bottom: 20px; }
    .ov-item:nth-child(even) { border-right: none; }
    .ov-item:last-child, .ov-item:nth-last-child(2):nth-child(odd) { border-bottom: none; }
    .quote-block { grid-template-columns: 1fr; gap: 24px; }
    .qb-author { text-align: left; display: flex; align-items: center; gap: 16px; }
    .qb-avatar { margin: 0; width: 56px; height: 56px; font-size: 20px; }
    .container { padding: 0 20px; }
    .hero { padding: 60px 20px; }
    section { padding: 56px 0; }
    .hero-ctas { flex-wrap: wrap; }
  }

  @media (max-width: 560px) {
    .hero-meta { flex-direction: column; align-items: flex-start; }
    .overview-inner { grid-template-columns: 1fr; }
    .ov-item { border-right: none; }
    .results-cards { grid-template-columns: 1fr; }
    .fv-metrics { grid-template-columns: 1fr 1fr; }
    .cta-links, .hero-ctas { flex-direction: column; align-items: center; }
  }/* End custom CSS */