.elementor-26 .elementor-element.elementor-element-57a12c8{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:72px;--padding-bottom:28px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-57a12c8:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-57a12c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #021018 0%, #0a2a42 100%);}.elementor-26 .elementor-element.elementor-element-58b5c38{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-26 .elementor-element.elementor-element-79d4a84{--iteration-count:infinite;--animation-duration:1200ms;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--dynamic-text-color:#83C133;}.elementor-26 .elementor-element.elementor-element-79d4a84 .elementor-headline{text-align:center;font-family:"Open Sans", Sans-serif;font-size:5.7em;font-weight:900;text-transform:uppercase;line-height:1.2em;}.elementor-26 .elementor-element.elementor-element-79d4a84 .elementor-headline-plain-text{color:var( --e-global-color-background );}.elementor-26 .elementor-element.elementor-element-79d4a84 .elementor-headline-dynamic-text{font-family:"Open Sans", Sans-serif;font-weight:900;text-transform:uppercase;line-height:1.2em;}.elementor-26 .elementor-element.elementor-element-79d4a84 .elementor-headline-dynamic-wrapper path{stroke:#83C133;stroke-linecap:round;stroke-linejoin:round;}.elementor-26 .elementor-element.elementor-element-4bc54e7{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Work Sans", Sans-serif;font-size:2.2em;font-weight:700;line-height:1.5em;color:var( --e-global-color-background );}.elementor-26 .elementor-element.elementor-element-4bc54e7.elementor-element{--align-self:center;}.elementor-26 .elementor-element.elementor-element-c3cbb5a{--spacer-size:50px;}.elementor-26 .elementor-element.elementor-element-381e6353{--display:flex;--min-height:652.203px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-381e6353:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-381e6353 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(255, 255, 255);}.elementor-26 .elementor-element.elementor-element-2588bd0e{--display:flex;--min-height:508.203px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-18e29b6b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-18e29b6b .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:19.2px;letter-spacing:1px;color:rgb(0, 86, 167);}.elementor-26 .elementor-element.elementor-element-60f626c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-60f626c6 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;text-transform:none;line-height:1.5;color:rgba(0,0,0,1);}.elementor-26 .elementor-element.elementor-element-79468e9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-79468e9c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:27.2px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-60323615{--display:flex;--min-height:309.062px;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;}.elementor-26 .elementor-element.elementor-element-76957885{--display:flex;--min-height:auto;--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:22px;--padding-right:22px;}.elementor-26 .elementor-element.elementor-element-76957885:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-76957885 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(240, 242, 245);}.elementor-26 .elementor-element.elementor-element-23ec712d{width:var( --container-widget-width, 28px );max-width:28px;background-color:rgba(238, 28, 46, 0.1);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:28px;--container-widget-flex-grow:0;border-radius:6px 6px 6px 6px;text-align:center;}.elementor-26 .elementor-element.elementor-element-23ec712d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:28px;color:rgb(238, 28, 46);}.elementor-26 .elementor-element.elementor-element-17fac124{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-3c62932f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-3c62932f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-4080a7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-4080a7e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-59f8a159{--display:flex;--min-height:auto;--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:22px;--padding-right:22px;}.elementor-26 .elementor-element.elementor-element-59f8a159:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-59f8a159 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(240, 242, 245);}.elementor-26 .elementor-element.elementor-element-5b229ee1{width:var( --container-widget-width, 28px );max-width:28px;background-color:rgba(238, 28, 46, 0.1);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:28px;--container-widget-flex-grow:0;border-radius:6px 6px 6px 6px;text-align:center;}.elementor-26 .elementor-element.elementor-element-5b229ee1 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:28px;color:rgb(238, 28, 46);}.elementor-26 .elementor-element.elementor-element-226f5104{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-47c4486c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-47c4486c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-6ae05c70{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-6ae05c70.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-5d290c33{--display:flex;--min-height:auto;--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:22px;--padding-right:22px;}.elementor-26 .elementor-element.elementor-element-5d290c33:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-5d290c33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(240, 242, 245);}.elementor-26 .elementor-element.elementor-element-58400b15{width:var( --container-widget-width, 28px );max-width:28px;background-color:rgba(238, 28, 46, 0.1);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:28px;--container-widget-flex-grow:0;border-radius:6px 6px 6px 6px;text-align:center;}.elementor-26 .elementor-element.elementor-element-58400b15 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:28px;color:rgb(238, 28, 46);}.elementor-26 .elementor-element.elementor-element-4f6705e1{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-8ac620c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-8ac620c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-7199645d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-7199645d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-1fa12ec1{--display:flex;--min-height:auto;--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:22px;--padding-right:22px;}.elementor-26 .elementor-element.elementor-element-1fa12ec1:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-1fa12ec1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(240, 242, 245);}.elementor-26 .elementor-element.elementor-element-f80d23f{width:var( --container-widget-width, 28px );max-width:28px;background-color:rgba(238, 28, 46, 0.1);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:28px;--container-widget-flex-grow:0;border-radius:6px 6px 6px 6px;text-align:center;}.elementor-26 .elementor-element.elementor-element-f80d23f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:none;line-height:28px;color:rgb(238, 28, 46);}.elementor-26 .elementor-element.elementor-element-3f203992{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-54bb0fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-54bb0fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-448f8677{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-cc849ca{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:72px;--padding-bottom:28px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-cc849ca:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-cc849ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #021018 0%, #0a2a42 100%);}.elementor-26 .elementor-element.elementor-element-bc7adca{--display:flex;}.elementor-26 .elementor-element.elementor-element-803eb84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-803eb84 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;text-transform:none;line-height:1.5;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-117e39a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:27.2px;}.elementor-26 .elementor-element.elementor-element-4107c56{--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:72px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-4107c56:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-4107c56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(255, 255, 255);}.elementor-26 .elementor-element.elementor-element-b7661f9{--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-c695ec5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-c695ec5 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:19.2px;letter-spacing:1px;color:rgb(0, 86, 167);}.elementor-26 .elementor-element.elementor-element-d6ddd96{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-d6ddd96 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;text-transform:none;line-height:1.5;color:rgba(0,0,0,1);}.elementor-26 .elementor-element.elementor-element-2b0256d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-2b0256d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:27.2px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-6526e2b:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-6526e2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-26 .elementor-element.elementor-element-6526e2b > .elementor-container{max-width:1500px;}.elementor-26 .elementor-element.elementor-element-6526e2b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 24px 0px 24px;}.elementor-26 .elementor-element.elementor-element-6526e2b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-b7797dd{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-b7797dd:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-b7797dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-26 .elementor-element.elementor-element-ead7d7d{--display:flex;}.elementor-26 .elementor-element.elementor-element-6ff17a1{--display:flex;}.elementor-26 .elementor-element.elementor-element-7c6f904{--display:flex;}.elementor-26 .elementor-element.elementor-element-ca578d2{--display:flex;}.elementor-26 .elementor-element.elementor-element-4365fe35{--display:flex;--min-height:713.297px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-4365fe35:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-4365fe35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F2F5;}.elementor-26 .elementor-element.elementor-element-6ba5d999{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-6ba5d999 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:19.2px;letter-spacing:1px;color:rgb(0, 86, 167);}.elementor-26 .elementor-element.elementor-element-28f6a821{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-28f6a821 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;text-transform:none;line-height:1.5;color:rgba(0,0,0,1);}.elementor-26 .elementor-element.elementor-element-6bc01e77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-6bc01e77 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:27.2px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-6067ae3f{--display:flex;--min-height:553.344px;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-c26c2f0{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 10px 10px 0px;box-shadow:0px 8px 32px 0px rgba(0, 86, 167, 0.1);--padding-top:28px;--padding-bottom:28px;--padding-left:26px;--padding-right:26px;}.elementor-26 .elementor-element.elementor-element-c26c2f0:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-c26c2f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(255, 255, 255);}.elementor-26 .elementor-element.elementor-element-68c5c98d{width:100%;max-width:100%;background-color:rgba(255, 255, 255, 0.65);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 18px 16px 18px;text-align:start;}.elementor-26 .elementor-element.elementor-element-68c5c98d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-68c5c98d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;text-transform:none;font-style:italic;line-height:26.35px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-4532dd00{--display:flex;--min-height:auto;--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:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-color:rgba(0, 86, 167, 0.28);--border-color:rgba(0, 86, 167, 0.28);--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-30da0619{width:var( --container-widget-width, 48px );max-width:48px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:48px;--container-widget-flex-grow:0;border-radius:50% 50% 50% 50%;text-align:start;}.elementor-26 .elementor-element.elementor-element-30da0619 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:11.2px;font-weight:700;text-transform:none;line-height:17.92px;color:rgb(196, 181, 253);}.elementor-26 .elementor-element.elementor-element-3c94ff66{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-1397757d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-1397757d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15.2px;font-weight:700;text-transform:none;line-height:19.76px;color:rgba(0,0,0,1);}.elementor-26 .elementor-element.elementor-element-16203f10{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-16203f10 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:18.9px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-7c80183f{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 10px 10px 0px;box-shadow:0px 8px 32px 0px rgba(0, 86, 167, 0.1);--padding-top:28px;--padding-bottom:28px;--padding-left:26px;--padding-right:26px;}.elementor-26 .elementor-element.elementor-element-7c80183f:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-7c80183f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(255, 255, 255);}.elementor-26 .elementor-element.elementor-element-7ba01b03{width:100%;max-width:100%;background-color:rgba(255, 255, 255, 0.65);margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 18px 16px 18px;text-align:start;}.elementor-26 .elementor-element.elementor-element-7ba01b03.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-7ba01b03 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;text-transform:none;font-style:italic;line-height:26.35px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-37011dc{--display:flex;--min-height:auto;--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:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-color:rgba(0, 86, 167, 0.28);--border-color:rgba(0, 86, 167, 0.28);--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-60546ee5{width:var( --container-widget-width, 48px );max-width:48px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:48px;--container-widget-flex-grow:0;border-radius:50% 50% 50% 50%;text-align:start;}.elementor-26 .elementor-element.elementor-element-60546ee5 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:11.2px;font-weight:700;text-transform:none;line-height:17.92px;color:rgb(196, 181, 253);}.elementor-26 .elementor-element.elementor-element-7f0e2ae6{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-26 .elementor-element.elementor-element-76caed49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-76caed49 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15.2px;font-weight:700;text-transform:none;line-height:19.76px;color:rgba(0,0,0,1);}.elementor-26 .elementor-element.elementor-element-37fd5666{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-37fd5666 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:18.9px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-770bb976{--display:flex;--min-height:auto;--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;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 10px 10px 0px;box-shadow:0px 4px 20px 0px rgba(0, 86, 167, 0.06);--padding-top:28px;--padding-bottom:28px;--padding-left:26px;--padding-right:26px;}.elementor-26 .elementor-element.elementor-element-770bb976:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-770bb976 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(255, 255, 255);}.elementor-26 .elementor-element.elementor-element-2a11dcb0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-2a11dcb0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10.4px;font-weight:700;text-transform:uppercase;line-height:16.64px;color:rgb(0, 86, 167);}.elementor-26 .elementor-element.elementor-element-760ef61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-760ef61.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-760ef61 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;text-transform:none;font-style:italic;line-height:26.35px;color:rgba(0,0,0,1);}.elementor-26 .elementor-element.elementor-element-1f530dc6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-1f530dc6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14.4px;font-weight:400;text-transform:none;line-height:23.04px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-8453355{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-8453355:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-8453355 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f0f2f5;}.elementor-26 .elementor-element.elementor-element-c3cd5c4{--display:flex;}.elementor-26 .elementor-element.elementor-element-f002ce0{--display:flex;}.elementor-26 .elementor-element.elementor-element-af2336e{--display:flex;}.elementor-26 .elementor-element.elementor-element-93c7a75{--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:32px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-93c7a75:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-93c7a75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgb(255, 255, 255);}.elementor-26 .elementor-element.elementor-element-001db14{--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-45a9c04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-45a9c04 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:19.2px;letter-spacing:1px;color:rgb(0, 86, 167);}.elementor-26 .elementor-element.elementor-element-11514d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-11514d5 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;text-transform:none;line-height:1.5;color:rgba(0,0,0,1);}.elementor-26 .elementor-element.elementor-element-c658cbc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-c658cbc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:27.2px;color:rgb(90, 88, 85);}.elementor-26 .elementor-element.elementor-element-205ce6e{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-205ce6e:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-205ce6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-26 .elementor-element.elementor-element-9fa3989{--display:flex;}.elementor-26 .elementor-element.elementor-element-55c3751{--display:flex;}.elementor-26 .elementor-element.elementor-element-4239883{--display:flex;}.elementor-26 .elementor-element.elementor-element-dc6d397{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-dc6d397:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-dc6d397 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-26 .elementor-element.elementor-element-f539e3a{--display:flex;}.elementor-26 .elementor-element.elementor-element-f7e9827{--display:flex;}.elementor-26 .elementor-element.elementor-element-bd70e46{--display:flex;}.elementor-26 .elementor-element.elementor-element-61339e61{--display:flex;--min-height:353.156px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:56px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-61339e61:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-61339e61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(155deg, rgb(1, 16, 24) 0% 0%, rgb(10, 42, 66) 100% 100%);}.elementor-26 .elementor-element.elementor-element-62281736{--display:flex;--min-height:241.156px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-26 .elementor-element.elementor-element-5714efcf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-5714efcf .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:19.2px;letter-spacing:1px;color:rgb(131, 193, 51);}.elementor-26 .elementor-element.elementor-element-1a0aa73b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-1a0aa73b .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;text-transform:none;line-height:1.5;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-2f78321{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-2f78321 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:27.2px;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-6cc9a372{--display:flex;--min-height:50px;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}.elementor-26 .elementor-element.elementor-element-1e4a0e16{--display:flex;--min-height:22.3906px;--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:stretch;--gap:10px 33px;--row-gap:10px;--column-gap:33px;--flex-wrap:wrap;}.elementor-26 .elementor-element.elementor-element-61d1653{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-61d1653 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:22.4px;color:rgba(255, 255, 255, 0.88);}.elementor-26 .elementor-element.elementor-element-75c997a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-75c997a8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:22.4px;color:rgba(255, 255, 255, 0.88);}.elementor-26 .elementor-element.elementor-element-2d547a3a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-2d547a3a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:22.4px;color:rgba(255, 255, 255, 0.88);}.elementor-26 .elementor-element.elementor-element-10db77fe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-26 .elementor-element.elementor-element-10db77fe .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:22.4px;color:rgba(255, 255, 255, 0.88);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-26 .elementor-element.elementor-element-79d4a84 .elementor-headline{font-size:22em;}.elementor-26 .elementor-element.elementor-element-4bc54e7{line-height:1.5;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-26 .elementor-element.elementor-element-60f626c6 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-23ec712d{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-5b229ee1{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-58400b15{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-f80d23f{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-803eb84 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-d6ddd96 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-28f6a821 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-6067ae3f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-26 .elementor-element.elementor-element-30da0619{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-60546ee5{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-11514d5 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-1a0aa73b .elementor-heading-title{line-height:28.8px;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-26 .elementor-element.elementor-element-79d4a84 .elementor-headline{font-size:18em;line-height:120%;}.elementor-26 .elementor-element.elementor-element-79d4a84 .elementor-headline-dynamic-text{line-height:120%;}.elementor-26 .elementor-element.elementor-element-4bc54e7{font-size:16px;}.elementor-26 .elementor-element.elementor-element-381e6353{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-2588bd0e{--flex-wrap:nowrap;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-26 .elementor-element.elementor-element-60f626c6 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-60323615{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-76957885{--width:100%;--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:14px;--padding-right:14px;}.elementor-26 .elementor-element.elementor-element-23ec712d{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-17fac124{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-59f8a159{--width:100%;--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:14px;--padding-right:14px;}.elementor-26 .elementor-element.elementor-element-5b229ee1{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-226f5104{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-5d290c33{--width:100%;--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:14px;--padding-right:14px;}.elementor-26 .elementor-element.elementor-element-58400b15{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-4f6705e1{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-1fa12ec1{--width:100%;--flex-wrap:nowrap;--padding-top:16px;--padding-bottom:16px;--padding-left:14px;--padding-right:14px;}.elementor-26 .elementor-element.elementor-element-f80d23f{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-3f203992{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-803eb84 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-4107c56{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-b7661f9{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-d6ddd96 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-4365fe35{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-28f6a821 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-6067ae3f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-c26c2f0{--width:100%;--flex-wrap:nowrap;--padding-top:22px;--padding-bottom:22px;--padding-left:18px;--padding-right:18px;}.elementor-26 .elementor-element.elementor-element-68c5c98d .elementor-heading-title{line-height:24.8px;}.elementor-26 .elementor-element.elementor-element-4532dd00{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-30da0619{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-3c94ff66{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-7c80183f{--width:100%;--flex-wrap:nowrap;--padding-top:22px;--padding-bottom:22px;--padding-left:18px;--padding-right:18px;}.elementor-26 .elementor-element.elementor-element-7ba01b03 .elementor-heading-title{line-height:24.8px;}.elementor-26 .elementor-element.elementor-element-37011dc{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-60546ee5{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-26 .elementor-element.elementor-element-7f0e2ae6{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-770bb976{--width:100%;--flex-wrap:nowrap;--padding-top:22px;--padding-bottom:22px;--padding-left:18px;--padding-right:18px;}.elementor-26 .elementor-element.elementor-element-760ef61 .elementor-heading-title{line-height:24.8px;}.elementor-26 .elementor-element.elementor-element-93c7a75{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-001db14{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-11514d5 .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-61339e61{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-62281736{--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-1a0aa73b .elementor-heading-title{line-height:28.8px;}.elementor-26 .elementor-element.elementor-element-6cc9a372{--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:stretch;--flex-wrap:nowrap;}.elementor-26 .elementor-element.elementor-element-1e4a0e16{--flex-wrap:nowrap;}}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-57a12c8{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-381e6353{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-2588bd0e{--width:100%;}.elementor-26 .elementor-element.elementor-element-60323615{--width:100%;}.elementor-26 .elementor-element.elementor-element-76957885{--width:49%;}.elementor-26 .elementor-element.elementor-element-59f8a159{--width:49%;}.elementor-26 .elementor-element.elementor-element-5d290c33{--width:49%;}.elementor-26 .elementor-element.elementor-element-1fa12ec1{--width:49%;}.elementor-26 .elementor-element.elementor-element-cc849ca{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-4107c56{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-b7661f9{--width:100%;}.elementor-26 .elementor-element.elementor-element-b7797dd{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-4365fe35{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-6067ae3f{--width:100%;}.elementor-26 .elementor-element.elementor-element-c26c2f0{--width:32%;}.elementor-26 .elementor-element.elementor-element-4532dd00{--width:100%;}.elementor-26 .elementor-element.elementor-element-7c80183f{--width:32%;}.elementor-26 .elementor-element.elementor-element-37011dc{--width:100%;}.elementor-26 .elementor-element.elementor-element-770bb976{--width:32%;}.elementor-26 .elementor-element.elementor-element-c3cd5c4{--width:33%;}.elementor-26 .elementor-element.elementor-element-f002ce0{--width:64.893%;}.elementor-26 .elementor-element.elementor-element-af2336e{--width:33%;}.elementor-26 .elementor-element.elementor-element-93c7a75{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-001db14{--width:100%;}.elementor-26 .elementor-element.elementor-element-205ce6e{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-dc6d397{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-61339e61{--content-width:1500px;}.elementor-26 .elementor-element.elementor-element-62281736{--width:100%;}.elementor-26 .elementor-element.elementor-element-6cc9a372{--width:100%;}.elementor-26 .elementor-element.elementor-element-1e4a0e16{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-26 .elementor-element.elementor-element-c26c2f0{--width:100%;}.elementor-26 .elementor-element.elementor-element-7c80183f{--width:100%;}.elementor-26 .elementor-element.elementor-element-770bb976{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-6a8a4f5 */.hero-stat__num {
    display: block;
    font-family: "Work Sans", sans-serif;
    font-size: clamp(1.2rem, 2.6vw, 1.65rem);
    font-weight: 700;
    color: var(--camptra-lime);
    margin: 0;
    letter-spacing: -0.02em;
    line-height: 1.1;
}
.hero-stat {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 16px 14px;
    text-align: left;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(6, 22, 38, 0.72);
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 12px 36px rgba(0, 0, 0, 0.35);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c62932f */.strong-i52j7z { width: 434px; height: 25.5938px; fixed-width: 434px; fixed-height: 25.5938px; margin-bottom: 4px; transform-origin: 217px 12.7969px} .elementor-26 .elementor-element.elementor-element-3c62932f strong{height: 25.5938px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17fac124 */.elementor-26 .elementor-element.elementor-element-17fac124{height: 78.2188px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76957885 */.elementor-26 .elementor-element.elementor-element-76957885/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47c4486c */.strong-xmce25 { width: 434px; height: 25.5938px; fixed-width: 434px; fixed-height: 25.5938px; margin-bottom: 4px; transform-origin: 217px 12.7969px} .elementor-26 .elementor-element.elementor-element-47c4486c strong{height: 25.5938px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-226f5104 */.elementor-26 .elementor-element.elementor-element-226f5104{height: 78.2188px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-59f8a159 */.elementor-26 .elementor-element.elementor-element-59f8a159/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ac620c */.strong-6wdohg { width: 434px; height: 25.5938px; fixed-width: 434px; fixed-height: 25.5938px; margin-bottom: 4px; transform-origin: 217px 12.7969px} .elementor-26 .elementor-element.elementor-element-8ac620c strong{height: 25.5938px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f6705e1 */.elementor-26 .elementor-element.elementor-element-4f6705e1{height: 78.2188px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d290c33 */.elementor-26 .elementor-element.elementor-element-5d290c33/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54bb0fc */.strong-5onzft { width: 434px; height: 25.5938px; fixed-width: 434px; fixed-height: 25.5938px; margin-bottom: 4px; transform-origin: 217px 12.7969px} .elementor-26 .elementor-element.elementor-element-54bb0fc strong{height: 25.5938px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f203992 */.elementor-26 .elementor-element.elementor-element-3f203992/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fa12ec1 */.elementor-26 .elementor-element.elementor-element-1fa12ec1/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60323615 */.elementor-26 .elementor-element.elementor-element-60323615/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2588bd0e */.elementor-26 .elementor-element.elementor-element-2588bd0e/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-381e6353 */.elementor-26 .elementor-element.elementor-element-381e6353/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7661f9 */.elementor-26 .elementor-element.elementor-element-b7661f9/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4107c56 */.elementor-26 .elementor-element.elementor-element-4107c56/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-30da0619 */.elementor-26 .elementor-element.elementor-element-30da0619 span{background-image: linear-gradient(160deg, rgb(15, 27, 46) 0%, rgb(26, 39, 64) 100%)}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c94ff66 */.elementor-26 .elementor-element.elementor-element-3c94ff66{height: 61.5312px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4532dd00 */.elementor-26 .elementor-element.elementor-element-4532dd00{height: 78.5312px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26c2f0 */.elementor-26 .elementor-element.elementor-element-c26c2f0{box-shadow: rgba(0, 86, 167, 0.1) 0px 8px 32px 0px}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-60546ee5 */.elementor-26 .elementor-element.elementor-element-60546ee5 span{background-image: linear-gradient(160deg, rgb(15, 27, 46) 0%, rgb(26, 39, 64) 100%)}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f0e2ae6 */.elementor-26 .elementor-element.elementor-element-7f0e2ae6{height: 42.6406px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37011dc */.elementor-26 .elementor-element.elementor-element-37011dc{height: 65px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c80183f */.elementor-26 .elementor-element.elementor-element-7c80183f{box-shadow: rgba(0, 86, 167, 0.1) 0px 8px 32px 0px}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a11dcb0 */.elementor-26 .elementor-element.elementor-element-2a11dcb0 span{opacity: 0.75}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-770bb976 */.elementor-26 .elementor-element.elementor-element-770bb976{box-shadow: rgba(0, 86, 167, 0.06) 0px 4px 20px 0px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6067ae3f */.elementor-26 .elementor-element.elementor-element-6067ae3f/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4365fe35 */.elementor-26 .elementor-element.elementor-element-4365fe35/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-001db14 */.elementor-26 .elementor-element.elementor-element-001db14/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93c7a75 */.elementor-26 .elementor-element.elementor-element-93c7a75/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cc9a372 */.elementor-26 .elementor-element.elementor-element-6cc9a372{height: 50px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e4a0e16 */.elementor-26 .elementor-element.elementor-element-1e4a0e16{height: 22.3906px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-62281736 */.elementor-26 .elementor-element.elementor-element-62281736/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61339e61 */.elementor-26 .elementor-element.elementor-element-61339e61/* End custom CSS */
/* Start custom CSS *//* Payroll Recon demo deck + Camptra marketing: primary rgb(0,86,167), accent lime #B8E600 */
    :root {
      --camptra-navy: #0056a7;
      --camptra-navy-deep: #003d75;
      --camptra-navy-mid: #0056a7;
      --camptra-navy-bright: #007dcc;
      /* Dark slide-style backgrounds (hero / navy bands)—deeper than UI blue */
      --slide-bg-deep: #021018;
      --slide-bg-mid: #051e2e;
      --slide-bg-light: #0a2a42;
      --slide-bg-edge: #011018;
      /* Product banner accent (Payroll Recon Toolset) */
      --camptra-lime: #83c133;
      --camptra-lime-hover: #72a82a;
      --camptra-red: #ee1c2e;
      --camptra-stone: #595852;
      --text: #111517;
      --text-muted: #5a5855;
      --surface: #ffffff;
      --surface-alt: #f0f2f5;
      --border: #e2e6ec;
      --max: 1120px;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html {
      scroll-behavior: smooth;
      overflow-x: clip;
    }
    body {
      margin: 0;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: var(--text);
      background: var(--surface-alt);
      overflow-wrap: break-word;
      overflow-x: clip;
      hyphens: manual;
      text-wrap: wrap;
    }

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

    h1, h2, h3, .btn, .kicker {
      font-family: "Work Sans", system-ui, sans-serif;
    }

    .wrap {
      max-width: var(--max);
      margin: 0 auto;
      padding-left: max(16px, env(safe-area-inset-left, 0px));
      padding-right: max(16px, env(safe-area-inset-right, 0px));
    }

    @media (min-width: 480px) {
      .wrap {
        padding-left: max(24px, env(safe-area-inset-left, 0px));
        padding-right: max(24px, env(safe-area-inset-right, 0px));
      }
    }

    /* —— Header —— */
    .site-header {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 200;
      padding-top: env(safe-area-inset-top, 0px);
      background: rgba(255, 255, 255, 0.96);
      border-bottom: 1px solid rgba(0, 86, 167, 0.12);
      backdrop-filter: blur(10px);
      box-shadow: 0 1px 0 rgba(0, 56, 107, 0.06);
    }

    .site-header__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      min-height: 72px;
      flex-wrap: wrap;
    }

    .logo { display: inline-flex; align-items: center; text-decoration: none; line-height: 0; max-width: 100%; }
    .logo-img { height: 40px; width: auto; max-width: min(200px, 100%); display: block; }

    .nav-main {
      display: flex;
      align-items: center;
      gap: 8px 28px;
      flex-wrap: wrap;
    }

    .nav-main a {
      color: var(--text);
      text-decoration: none;
      font-size: 0.9375rem;
      font-weight: 500;
    }

    .nav-main a:hover { color: var(--camptra-navy); }

    .nav-dropdown {
      position: relative;
    }

    .nav-dropdown__trigger {
      background: none;
      border: none;
      font: inherit;
      color: var(--text);
      font-size: 0.9375rem;
      font-weight: 500;
      cursor: pointer;
      padding: 0;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 44px;
    }

    .nav-dropdown__trigger::after {
      content: "";
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid currentColor;
      opacity: 0.65;
      margin-top: 2px;
    }

    .nav-dropdown__trigger:hover,
    .nav-dropdown:hover .nav-dropdown__trigger { color: var(--camptra-navy); }

    .nav-dropdown__menu {
      position: absolute;
      top: 100%;
      left: 0;
      margin: 0;
      padding: 8px 0;
      list-style: none;
      min-width: 220px;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 8px;
      box-shadow: 0 10px 28px rgba(0, 56, 107, 0.12);
      opacity: 0;
      visibility: hidden;
      transform: translateY(-6px);
      transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
      z-index: 300;
    }

    .nav-dropdown:hover > .nav-dropdown__menu,
    .nav-dropdown:focus-within > .nav-dropdown__menu {
      opacity: 1;
      visibility: visible;
    }

    .nav-dropdown:hover > .nav-dropdown__menu:not(.nav-dropdown__menu--flyout),
    .nav-dropdown:focus-within > .nav-dropdown__menu:not(.nav-dropdown__menu--flyout) {
      transform: translateY(0);
    }

    .nav-dropdown__menu a {
      display: flex;
      align-items: center;
      min-height: 44px;
      padding: 10px 16px;
      font-size: 0.9375rem;
      font-weight: 500;
      color: var(--text);
      text-decoration: none;
    }

    .nav-dropdown__menu a:hover {
      background: var(--surface-alt);
      color: var(--camptra-navy);
    }

    .nav-dropdown__trigger:focus-visible {
      outline: 2px solid var(--camptra-navy);
      outline-offset: 2px;
      border-radius: 4px;
    }

    .nav-dropdown--nested {
      position: relative;
      list-style: none;
    }

    .nav-dropdown__trigger--flyout {
      width: 100%;
      box-sizing: border-box;
      padding: 10px 14px 10px 16px;
      justify-content: space-between;
      border-radius: 0;
    }

    .nav-dropdown__trigger--flyout::after {
      border-top: none;
      border-left: 5px solid currentColor;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      margin-top: 0;
      margin-left: 4px;
      flex-shrink: 0;
    }

    .nav-dropdown__menu--flyout {
      top: 0;
      left: 100%;
      margin-left: 2px;
      transform: translateX(-6px);
      min-width: 200px;
      z-index: 310;
    }

    .nav-dropdown--nested:hover > .nav-dropdown__menu--flyout,
    .nav-dropdown--nested:focus-within > .nav-dropdown__menu--flyout {
      transform: translateX(0);
    }

    .nav-dropdown__menu--flyout .nav-dropdown__soon {
      display: flex;
      align-items: center;
      min-height: 44px;
      padding: 10px 16px;
      font-size: 0.9375rem;
      font-weight: 500;
      color: rgba(26, 32, 44, 0.45);
      cursor: default;
    }

    .header-cta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

    .link-quiet {
      font-size: 0.875rem;
      font-weight: 500;
      color: var(--camptra-navy);
      text-decoration: none;
    }

    .link-quiet:hover { text-decoration: underline; }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 11px 22px;
      border-radius: 6px;
      font-weight: 600;
      font-size: 0.9375rem;
      text-decoration: none;
      border: none;
      cursor: pointer;
      transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }

    .btn--primary {
      background: var(--camptra-lime);
      color: var(--text);
    }

    .btn--primary:focus-visible { outline: 2px solid var(--camptra-red); outline-offset: 2px; }
    .btn--primary:hover { background: var(--camptra-lime-hover); }

    .btn--ghost {
      background: transparent;
      color: #fff;
      border: 2px solid rgba(255, 255, 255, 0.55);
    }

    .btn--ghost:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.85);
    }

    .btn--outline {
      background: transparent;
      color: var(--camptra-navy);
      border: 2px solid var(--camptra-navy);
    }

    .btn--outline:hover { background: rgba(0, 86, 167, 0.06); }

    .btn--hero-outline {
      background: transparent;
      color: #fff;
      border: 2px solid rgba(255, 255, 255, 0.5);
    }

    .btn--hero-outline:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.85);
    }

    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    /* —— Section rhythm: hero → problem → payroll flow → modules → quote → security → CTA → footer —— */
    .band {
      padding: 72px 0;
    }

    .band--tight { padding: 56px 0; }

    .band--surface { background: var(--surface); }
    .band--alt { background: var(--surface-alt); }
    .band--navy {
      background: linear-gradient(155deg, var(--slide-bg-edge) 0%, var(--slide-bg-mid) 42%, var(--slide-bg-light) 100%);
      color: #fff;
    }

    .band--footer {
      background: var(--slide-bg-deep);
      color: rgba(255, 255, 255, 0.82);
      padding: 48px 0 32px;
      font-size: 0.875rem;
    }

    .kicker {
      display: block;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--camptra-navy);
      margin-bottom: 12px;
    }

    .band--navy .kicker { color: var(--camptra-lime); }

    .band h2 {
      margin: 0 0 16px;
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.02em;
      color: var(--text);
    }

    .band--navy h2 { color: #fff; }

    .lead {
      margin: 0 0 32px;
      font-size: 1.0625rem;
      color: var(--text-muted);
      max-width: none;
      width: 100%;
    }

    .band--navy .lead { color: rgba(255, 255, 255, 0.9); }

    /* —— Hero (dark / SaaSMap flow: centered, stat cards, mock URLs) —— */
    .hero {
      padding: 64px 0 72px;
      background:
        radial-gradient(ellipse 90% 60% at 50% -20%, rgba(131, 193, 51, 0.1), transparent 52%),
        radial-gradient(ellipse 100% 80% at 70% 40%, rgba(0, 86, 167, 0.12), transparent 50%),
        linear-gradient(
          165deg,
          var(--slide-bg-edge) 0%,
          var(--slide-bg-deep) 18%,
          var(--slide-bg-mid) 45%,
          var(--slide-bg-light) 68%,
          var(--slide-bg-deep) 100%
        );
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .hero__center {
      max-width: min(100%, 1040px);
      margin: 0 auto;
      text-align: center;
    }

    .hero__lead-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin: 0 12px 20px;
      padding: 10px 20px 10px 14px;
      max-width: min(100% - 24px, 40rem);
      border-radius: 999px;
      border: 1px solid rgba(45, 211, 191, 0.65);
      background: linear-gradient(
        105deg,
        rgba(34, 211, 196, 0.42) 0%,
        rgba(15, 118, 110, 0.22) 32%,
        rgba(2, 20, 32, 0.94) 62%,
        rgba(1, 10, 18, 0.92) 100%
      );
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.2) inset,
        0 4px 24px rgba(34, 211, 196, 0.12),
        0 0 32px rgba(34, 211, 196, 0.08);
    }

    .hero__lead-pill-icon {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      color: #e0fbff;
      filter: drop-shadow(0 0 6px rgba(125, 231, 255, 0.75));
    }

    .hero__lead-pill-icon svg {
      width: 16px;
      height: 16px;
      display: block;
    }

    .hero__lead-pill-text {
      margin: 0;
      font-family: "Inter", system-ui, sans-serif;
      font-size: clamp(0.8125rem, 1.65vw, 0.9375rem);
      font-weight: 500;
      line-height: 1.35;
      letter-spacing: 0.015em;
      color: #fff;
      text-align: left;
    }

    .hero__display {
      margin: 0 0 20px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: clamp(3.04rem, 9.45vw, 6.19rem);
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      text-align: center;
    }

    .hero__display-row {
      display: inline-flex;
      flex-wrap: nowrap;
      align-items: baseline;
      justify-content: center;
      white-space: nowrap;
      max-width: 100%;
    }

    .hero__display-white {
      color: #fff;
    }

    .hero__display-green {
      color: var(--camptra-lime);
    }

    .hero__title {
      margin: 0 0 32px;
      line-height: 1.3;
      letter-spacing: -0.02em;
    }

    .hero__title--deck {
      font-size: clamp(1.05rem, 2.4vw, 1.7rem);
      font-weight: 700;
      text-align: center;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-inline: 0;
    }

    .hero__title-white {
      color: #fff;
      font-weight: 700;
    }

    .hero__title-green {
      color: var(--camptra-lime);
      font-weight: 700;
    }

    .hero__cta-wrap {
      margin-bottom: 48px;
    }

    .hero__actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
    }

    .hero__cta-note {
      margin: 14px 0 0;
      font-size: 0.8125rem;
      line-height: 1.45;
      color: rgba(255, 255, 255, 0.78);
      text-align: center;
      max-width: min(100%, 52rem);
      margin-left: auto;
      margin-right: auto;
    }

    /* Hero product triptych — modern dark-glass UI (HTML/CSS, same data as product) */
    .hero {
      overflow: visible;
    }

    .hero .wrap {
      overflow: visible;
    }

    .hero__showcase-wrap {
      overflow: visible;
      box-sizing: border-box;
      width: 100%;
      max-width: min(1560px, calc(100vw - 40px));
      margin: 0 auto;
      padding-left: max(16px, env(safe-area-inset-left, 0px));
      padding-right: max(16px, env(safe-area-inset-right, 0px));
      padding-bottom: clamp(1.25rem, 3.5vh, 2.25rem);
    }

    .hero__product-showcase {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.52fr) minmax(0, 0.92fr);
      gap: 12px 20px;
      align-items: start;
      width: 66.666%;
      max-width: calc(1560px / 1.5);
      /*
        transform: scale(1.5) extends the paint below the layout box; bottom margin +
        showcase padding keeps a small gap before the dashed caption.
      */
      margin: 12px auto clamp(3.5rem, 11vh, 6.5rem);
      padding: 28px 4px 20px;
      perspective: 1600px;
      perspective-origin: 50% 42%;
      z-index: 0;
      transform: scale(1.5);
      transform-origin: center top;
      transform-style: preserve-3d;
    }

    .hero__product-showcase::before {
      content: "";
      position: absolute;
      inset: 0 -12px;
      border-radius: 20px;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
      background-size: 22px 22px;
      mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 35%, transparent 100%);
      pointer-events: none;
      z-index: 0;
    }

    .hero__product-showcase::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 42%;
      transform: translate(-50%, -50%);
      width: min(82%, 720px);
      height: 58%;
      border-radius: 50%;
      background: radial-gradient(ellipse at center, rgba(131, 193, 51, 0.14) 0%, transparent 68%);
      pointer-events: none;
      z-index: 0;
    }

    .hero-ui {
      position: relative;
      z-index: 1;
      isolation: isolate;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: linear-gradient(165deg, rgba(12, 22, 38, 0.97) 0%, rgba(4, 12, 24, 0.98) 100%);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 20px 50px rgba(0, 0, 0, 0.55);
      overflow: hidden;
      font-size: 0.625rem;
      line-height: 1.35;
      color: rgba(255, 255, 255, 0.88);
      transform-style: preserve-3d;
      transition: transform 0.35s ease, box-shadow 0.35s ease, opacity 0.35s ease;
    }

    @media (min-width: 961px) {
      .hero-ui--left {
        z-index: 0;
        /* ~20% of column width tucks under the center; symmetric with .hero-ui--right */
        margin-right: -20%;
        transform: rotateY(-16deg) scale(0.82) translateZ(-72px);
        transform-origin: right center;
        opacity: 0.84;
        filter: saturate(0.85) brightness(0.9);
      }

      .hero-ui--right {
        z-index: 0;
        margin-left: -20%;
        transform: rotateY(16deg) scale(0.82) translateZ(-72px);
        transform-origin: left center;
        opacity: 0.84;
        filter: saturate(0.85) brightness(0.9);
      }

      .hero-ui--center {
        z-index: 3;
        transform: translateZ(56px) scale(1.04);
        border-color: rgba(131, 193, 51, 0.45);
        box-shadow:
          0 0 0 1px rgba(131, 193, 51, 0.22),
          0 0 64px rgba(131, 193, 51, 0.2),
          0 36px 80px rgba(0, 0, 0, 0.65);
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        aspect-ratio: 8 / 5;
        min-height: 0;
      }

      .hero-ui--center .hero-ui__chrome--app {
        flex-shrink: 0;
        padding: 5px 7px 5px 5px;
      }

      .hero-ui--center .hero-ui__body--app {
        flex: 1;
        min-height: 0;
      }

      .hero-ui--center .hero-ui__rail {
        width: 28px;
        padding: 5px 3px 6px;
      }

      .hero-ui--center .hero-ui__main {
        flex: 1;
        min-height: 0;
        padding: 4px 5px 5px;
      }

      .hero-ui--center .hero-ui__hub-title {
        flex-shrink: 0;
        margin-bottom: 3px;
        font-size: 0.46875rem;
      }

      .hero-ui--center .hero-ui__module-grid {
        flex: 1;
        min-height: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 3px 4px;
        align-content: stretch;
      }

      .hero-ui--center .hero-ui__tile {
        padding: 4px 5px;
        border-radius: 6px;
        min-height: 0;
      }

      .hero-ui--center .hero-ui__tile strong {
        font-size: 0.46875rem;
        margin-bottom: 1px;
        line-height: 1.15;
      }

      .hero-ui--center .hero-ui__tile span {
        font-size: 0.40625rem;
        line-height: 1.15;
      }
    }

    .hero-ui__chrome {
      display: flex;
      align-items: center;
      gap: 5px;
      padding: 8px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      background: rgba(0, 0, 0, 0.25);
    }

    .hero-ui__dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      opacity: 0.85;
    }

    .hero-ui__dot--r { background: #ff5f57; }
    .hero-ui__dot--y { background: #febc2e; }
    .hero-ui__dot--g { background: #28c840; }

    .hero-ui__body {
      padding: 10px 10px 12px;
    }

    .hero-ui__nav {
      display: flex;
      flex-wrap: wrap;
      gap: 6px 10px;
      font-size: 0.5625rem;
      color: rgba(255, 255, 255, 0.45);
      margin-bottom: 8px;
    }

    .hero-ui__nav span.is-active {
      color: #7ec8ff;
      border-bottom: 1px solid #7ec8ff;
      padding-bottom: 1px;
    }

    .hero-ui__screen-title {
      margin: 0 0 8px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.6875rem;
      font-weight: 700;
      color: #8ec5ff;
      text-align: center;
    }

    .hero-ui__kpis {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      margin-bottom: 8px;
    }

    @media (min-width: 961px) {
      .hero-ui--left .hero-ui__kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px 5px;
        margin-bottom: 6px;
      }

      .hero-ui--left .hero-ui__chrome {
        padding: 6px 8px;
      }

      .hero-ui--left .hero-ui__body {
        padding: 7px 9px 9px;
      }

      .hero-ui--left .hero-ui__nav {
        margin-bottom: 4px;
        gap: 4px 8px;
      }

      .hero-ui--left .hero-ui__screen-title {
        margin-bottom: 5px;
        font-size: 0.625rem;
      }

      .hero-ui--left .hero-ui__kpi {
        padding: 4px 5px;
        border-radius: 6px;
      }

      .hero-ui--left .hero-ui__kpi-label {
        font-size: 0.4375rem;
        margin-bottom: 1px;
      }

      .hero-ui--left .hero-ui__kpi-val {
        font-size: 0.625rem;
      }

      .hero-ui--left .hero-ui__kpi-sub {
        margin-top: 2px;
      }

      .hero-ui--left .hero-ui__mini-h {
        margin: 4px 0 3px;
        font-size: 0.4375rem;
      }

      .hero-ui--left .hero-ui__mini-table th,
      .hero-ui--left .hero-ui__mini-table td {
        padding: 2px 3px;
      }
    }

    .hero-ui__kpi {
      padding: 6px 7px;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
    }

    .hero-ui__kpi-label {
      font-size: 0.5rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(255, 255, 255, 0.5);
      margin-bottom: 2px;
    }

    .hero-ui__kpi-val {
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.6875rem;
      font-weight: 700;
      color: #fff;
    }

    .hero-ui__kpi-val--bad { color: #ff8a8a; }
    .hero-ui__kpi-val--good { color: #9ed54a; }

    .hero-ui__kpi--accent-l { border-left: 2px solid #83c133; }
    .hero-ui__kpi--accent-a { border-left: 2px solid #e6b422; }
    .hero-ui__kpi--accent-r { border-left: 2px solid #ee1c2e; }
    .hero-ui__kpi--accent-b { border-left: 2px solid #007dcc; }

    .hero-ui__mini-h {
      font-size: 0.5rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.55);
      margin: 0 0 4px;
    }

    .hero-ui__mini-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.5rem;
    }

    .hero-ui__mini-table th,
    .hero-ui__mini-table td {
      padding: 3px 4px;
      text-align: left;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .hero-ui__mini-table th {
      color: rgba(255, 255, 255, 0.45);
      font-weight: 500;
    }

    .hero-ui__mini-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
    .hero-ui__mini-table .bad { color: #ff8a8a; }
    .hero-ui__mini-table .good { color: #9ed54a; }

    .hero-ui__kpi-sub {
      margin-top: 4px;
    }

    /* Center — module hub */
    .hero-ui__hub-title {
      font-size: 0.5625rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.4);
      margin-bottom: 8px;
      text-align: center;
    }

    .hero-ui__module-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }

    .hero-ui__tile {
      margin: 0;
      padding: 7px 8px;
      border-radius: 9px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 86, 167, 0.12);
      text-align: left;
      cursor: default;
      color: inherit;
      font: inherit;
    }

    .hero-ui__tile strong {
      display: block;
      font-size: 0.5625rem;
      font-weight: 600;
      color: #fff;
      margin-bottom: 2px;
      line-height: 1.25;
    }

    .hero-ui__tile span {
      font-size: 0.5rem;
      color: rgba(255, 255, 255, 0.45);
      line-height: 1.3;
    }

    .hero-ui__tile--hl {
      border-color: rgba(131, 193, 51, 0.35);
      background: rgba(131, 193, 51, 0.08);
    }

    /* Center — app shell (collapsed rail + main home) */
    .hero-ui__chrome--app {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      padding: 5px 7px 5px 6px;
    }

    .hero-ui__chrome-leading {
      display: flex;
      align-items: center;
      gap: 4px;
      flex-shrink: 0;
    }

    .hero-ui__chrome-title {
      flex: 1;
      min-width: 0;
      margin: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.5rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: none;
      color: rgba(255, 255, 255, 0.82);
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .hero-ui__chrome-tools {
      display: flex;
      align-items: center;
      gap: 3px;
      flex-shrink: 0;
    }

    .hero-ui__tool-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.05);
      color: rgba(255, 255, 255, 0.72);
    }

    .hero-ui__tool-icon svg {
      width: 8px;
      height: 8px;
      display: block;
    }

    .hero-ui__body--app {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      padding: 0;
    }

    .hero-ui__rail {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
      width: 24px;
      padding: 4px 2px 6px;
      gap: 6px;
      background: rgba(0, 0, 0, 0.38);
      border-right: 1px solid rgba(255, 255, 255, 0.07);
    }

    .hero-ui__rail-toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.06);
      color: rgba(255, 255, 255, 0.75);
      cursor: default;
    }

    .hero-ui__rail-toggle svg {
      width: 10px;
      height: 10px;
      display: block;
    }

    .hero-ui__rail-icons {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      flex: 1;
      justify-content: flex-start;
    }

    .hero-ui__rail-ic {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      border-radius: 4px;
      border: 1px solid transparent;
      background: transparent;
      color: rgba(255, 255, 255, 0.45);
    }

    .hero-ui__rail-ic svg {
      width: 8px;
      height: 8px;
      display: block;
      opacity: 0.9;
    }

    .hero-ui__rail-ic.is-active {
      color: rgba(255, 255, 255, 0.95);
      border-color: rgba(131, 193, 51, 0.45);
      background: rgba(131, 193, 51, 0.12);
    }

    .hero-ui__main {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      padding: 5px 6px 6px;
    }

    .hero-ui__hub-title--app-home {
      text-align: left;
      margin-bottom: 5px;
      letter-spacing: 0.1em;
    }

    /* Right — Results */
    .hero-ui__results-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 6px;
    }

    .hero-ui__results-title {
      margin: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.6875rem;
      font-weight: 700;
      color: #fff;
    }

    .hero-ui__tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      margin-bottom: 6px;
    }

    .hero-ui__tab {
      padding: 3px 6px;
      border-radius: 999px;
      font-size: 0.5rem;
      border: 1px solid rgba(0, 124, 204, 0.45);
      color: rgba(255, 255, 255, 0.65);
      background: transparent;
    }

    .hero-ui__tab--on {
      background: rgba(0, 124, 204, 0.35);
      border-color: #007dcc;
      color: #fff;
    }

    .hero-ui__badges {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      margin-bottom: 6px;
    }

    .hero-ui__badge {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 6px;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      font-size: 0.5625rem;
    }

    .hero-ui__badge-ic {
      width: 20px;
      height: 20px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.625rem;
    }

    .hero-ui__badge-ic--ok { background: rgba(131, 193, 51, 0.2); color: #9ed54a; }
    .hero-ui__badge-ic--no { background: rgba(238, 28, 46, 0.15); color: #ff8a8a; }

    .hero-ui__badge-text {
      font-size: 0.5rem;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.35;
    }

    .hero-ui__badge-num {
      display: block;
      margin-top: 2px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.75rem;
      font-weight: 700;
    }

    @media (max-width: 960px) {
      .hero__showcase-wrap {
        padding-bottom: clamp(1.25rem, 4vh, 2.25rem);
      }

      .hero__product-showcase {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: clamp(6px, 2vw, 14px);
        margin-bottom: clamp(2rem, 6vh, 3.5rem);
        width: 66.666%;
        max-width: 100%;
        padding: 16px 0 12px;
        perspective: none;
      }

      .hero__stats-band {
        margin-bottom: clamp(0.75rem, 3vh, 1.5rem);
      }

      .hero-ui--left,
      .hero-ui--right,
      .hero-ui--center {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
        z-index: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

      .hero-ui--center {
        order: -1;
      }

      .hero-ui--center .hero-ui__body--app {
        padding: 0;
      }

      .hero-ui--center .hero-ui__rail {
        width: 24px;
        padding: 6px 2px 8px;
      }

      .hero-ui--center .hero-ui__main {
        padding: 8px 8px 10px;
      }

      .hero-ui--center .hero-ui__hub-title {
        margin-bottom: 6px;
      }

      .hero-ui--center .hero-ui__module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        gap: 5px;
      }

      .hero-ui--center .hero-ui__tile {
        padding: 6px 7px;
      }

      .hero-ui {
        font-size: 0.6875rem;
      }

      .hero-ui__kpi-val {
        font-size: 0.75rem;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .hero-ui {
        transition: none;
      }
    }

    .hero__mock {
      max-width: min(100%, 1240px);
      margin: clamp(1rem, 2.5vh, 1.75rem) auto 32px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
    }

    .hero__mock-panel {
      padding: 32px 36px;
      border-radius: 12px;
      border: 1px dashed rgba(255, 255, 255, 0.2);
      background: rgba(2, 12, 22, 0.5);
      backdrop-filter: blur(10px);
      text-align: center;
      width: 100%;
      box-sizing: border-box;
    }

    .hero__mock-panel p {
      margin: 0 auto;
      max-width: 100%;
      font-size: clamp(0.875rem, 1.65vw, 1.0625rem);
      line-height: 1.55;
      color: rgba(255, 255, 255, 0.9);
    }

    .hero__stats-band {
      position: relative;
      z-index: 2;
      margin-top: clamp(0.25rem, 2vw, 0.75rem);
      margin-bottom: clamp(1rem, 3.5vh, 2rem);
    }

    .hero__stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px 14px;
      max-width: min(100%, 1040px);
      margin: 0 auto;
    }

    .hero__stats--above-mock {
      width: 100%;
      box-sizing: border-box;
    }

    @media (max-width: 800px) {
      .hero__stats { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 440px) {
      .hero__stats { grid-template-columns: 1fr; }
    }

    .hero-stat {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 10px;
      padding: 16px 14px;
      text-align: left;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(6, 22, 38, 0.72);
      backdrop-filter: blur(12px);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 12px 36px rgba(0, 0, 0, 0.35);
    }

    .hero-stat__icon {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      color: rgba(230, 235, 242, 0.72);
    }

    .hero-stat__icon svg {
      width: 22px;
      height: 22px;
      display: block;
    }

    .hero-stat__body {
      display: flex;
      flex-direction: column;
      gap: 3px;
      min-width: 0;
    }

    .hero-stat__num {
      display: block;
      font-family: "Work Sans", sans-serif;
      font-size: clamp(1.2rem, 2.6vw, 1.65rem);
      font-weight: 700;
      color: var(--camptra-lime);
      margin: 0;
      letter-spacing: -0.02em;
      line-height: 1.1;
    }

    .hero-stat__label {
      font-size: 0.75rem;
      line-height: 1.3;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.92);
    }

    /* Problem block — full-width intro + 2×2 grid */
    #problem .lead {
      max-width: none;
    }

    .problem-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px 28px;
      max-width: none;
    }

    @media (max-width: 700px) {
      .problem-list {
        grid-template-columns: 1fr;
      }
    }

    .problem-list li {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      margin: 0;
      padding: 20px 22px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: var(--surface-alt);
      font-size: 0.95rem;
      box-sizing: border-box;
    }

    .problem-list strong { display: block; color: var(--text); margin-bottom: 4px; font-size: 1rem; }

    .problem-list li > div {
      min-width: 0;
    }

    .problem-mark {
      flex-shrink: 0;
      width: 28px;
      height: 28px;
      border-radius: 6px;
      background: rgba(238, 28, 46, 0.1);
      color: var(--camptra-red);
      font-weight: 700;
      font-size: 14px;
      line-height: 28px;
      text-align: center;
    }

    .recon-module-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px 20px;
      margin-top: 0;
    }

    @media (max-width: 1100px) {
      .recon-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 520px) {
      .recon-module-grid {
        grid-template-columns: 1fr;
      }
    }

    .recon-module-card {
      display: flex;
      flex-direction: column;
      padding: 20px 20px 22px;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 1px 2px rgba(0, 56, 107, 0.06);
    }

    .recon-module-card__badge {
      align-self: flex-start;
      margin: 0 0 14px;
      max-width: 100%;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(0, 86, 167, 0.06);
      color: var(--camptra-navy-deep);
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.25;
      border: 1px solid rgba(0, 86, 167, 0.18);
      box-shadow: none;
    }

    .recon-module-card h3 {
      margin: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      line-height: 1.28;
      color: var(--text);
    }

    .recon-module-card p {
      margin: 10px 0 0;
      flex-grow: 1;
      font-size: 0.875rem;
      line-height: 1.5;
      color: var(--text-muted);
    }

    .recon-modules-additions {
      margin-top: 36px;
      padding-top: 28px;
      border-top: 1px solid var(--border);
      text-align: center;
    }

    .recon-modules-additions__title {
      margin: 0 0 14px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      color: var(--text);
    }

    .recon-modules-additions__pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      list-style: none;
      margin: 0;
      padding: 0;
      justify-content: center;
    }

    .recon-offering-pill {
      display: inline-flex;
      align-items: center;
      padding: 7px 14px;
      border-radius: 999px;
      background: #fff;
      color: var(--camptra-navy-deep);
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.045em;
      text-transform: uppercase;
      border: 1px solid rgba(0, 86, 167, 0.22);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
    }

    .recon-modules__cta {
      margin: 28px 0 0;
      text-align: center;
    }

    #recon-modules .recon-modules__cta .btn--outline {
      border-width: 1px;
      color: var(--camptra-navy);
      border-color: rgba(0, 86, 167, 0.28);
      background: #fafbfc;
      font-weight: 600;
    }

    #recon-modules .recon-modules__cta .btn--outline:hover {
      border-color: var(--camptra-navy);
      background: #fff;
      color: var(--camptra-navy-deep);
    }

    /* Infographic: Excel feeds → Recon engine → anomalies + dashboard (below Problem) */
    #payroll-flow-infographic .lead {
      max-width: none;
      margin-bottom: 28px;
    }

    .payroll-flow-infographic {
      display: grid;
      grid-template-columns:
        minmax(260px, 360px)
        min-content
        minmax(200px, 242px)
        min-content
        minmax(420px, 1.35fr);
      align-items: start;
      column-gap: clamp(10px, 1.8vw, 18px);
      row-gap: 20px;
      margin-top: 12px;
      padding: clamp(22px, 4vw, 38px);
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(0, 0, 0, 0.22);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .payroll-flow__sources {
      min-width: 0;
      max-width: 400px;
    }

    .payroll-flow__results {
      min-width: 0;
      width: 100%;
    }

    .payroll-flow__lane-title {
      margin: 0 0 14px;
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.11em;
      color: var(--camptra-lime);
    }

    .payroll-flow__excel-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 12px;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    @media (max-width: 520px) {
      .payroll-flow__excel-grid {
        grid-template-columns: 1fr;
      }
    }

    .payroll-flow__excel-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 11px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.11);
    }

    .payroll-flow__excel-icon {
      flex-shrink: 0;
      width: 38px;
      height: 46px;
      filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.35));
    }

    .payroll-flow__excel-icon svg {
      display: block;
      width: 100%;
      height: 100%;
    }

    .payroll-flow__excel-label {
      font-size: 0.72rem;
      font-weight: 600;
      line-height: 1.35;
      color: rgba(255, 255, 255, 0.92);
    }

    .payroll-flow__bridge {
      display: flex;
      align-items: center;
      justify-content: center;
      align-self: center;
      color: var(--camptra-lime);
      opacity: 0.9;
      font-size: clamp(1.35rem, 2.8vw, 1.75rem);
      font-weight: 700;
      line-height: 1;
      user-select: none;
      padding: 0 2px;
    }

    .payroll-flow__engine {
      position: relative;
      justify-self: stretch;
      text-align: center;
      padding: 20px 16px 22px;
      border-radius: 16px;
      border: 1px solid rgba(131, 193, 51, 0.5);
      background:
        radial-gradient(120% 80% at 50% 0%, rgba(168, 224, 99, 0.16) 0%, transparent 55%),
        linear-gradient(168deg, rgba(131, 193, 51, 0.11) 0%, rgba(0, 0, 0, 0.32) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.25),
        0 12px 36px rgba(0, 0, 0, 0.38),
        0 0 40px rgba(131, 193, 51, 0.08);
      overflow: hidden;
    }

    .payroll-flow__engine::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, transparent 42%);
      mix-blend-mode: soft-light;
    }

    .payroll-flow__engine-icon {
      position: relative;
      z-index: 1;
      width: 68px;
      height: 68px;
      margin: 0 auto 14px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
        radial-gradient(circle at 50% 100%, rgba(131, 193, 51, 0.12) 0%, transparent 45%),
        linear-gradient(160deg, rgba(30, 58, 95, 0.65) 0%, rgba(5, 15, 35, 0.92) 100%);
      border: 1px solid rgba(131, 193, 51, 0.55);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 4px 14px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 28px rgba(131, 193, 51, 0.2);
    }

    .payroll-flow__engine-icon svg {
      width: 38px;
      height: 38px;
      display: block;
    }

    .payroll-flow__engine-title {
      position: relative;
      z-index: 1;
      margin: 0 0 4px;
      font-size: 0.64rem;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--camptra-lime);
    }

    .payroll-flow__engine-name {
      position: relative;
      z-index: 1;
      margin: 0 0 10px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: clamp(1rem, 2.2vw, 1.2rem);
      font-weight: 700;
      color: #fff;
      letter-spacing: -0.02em;
      line-height: 1.2;
      text-shadow: 0 1px 18px rgba(0, 0, 0, 0.35);
    }

    .payroll-flow__engine-text {
      position: relative;
      z-index: 1;
      margin: 0;
      font-size: 0.78rem;
      line-height: 1.45;
      color: rgba(255, 255, 255, 0.78);
    }

    .payroll-flow__out-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      align-items: start;
    }

    @media (max-width: 640px) {
      .payroll-flow__out-grid {
        grid-template-columns: 1fr;
      }
    }

    .payroll-flow__out-card {
      padding: 0;
      border-radius: 14px;
      background: rgba(15, 23, 42, 0.72);
      border: 1px solid rgba(255, 255, 255, 0.12);
      overflow: hidden;
      box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4);
    }

    .payroll-flow__out-card-top {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 11px 13px;
      background: rgba(255, 255, 255, 0.05);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .payroll-flow__out-card-badge {
      width: 36px;
      height: 36px;
      border-radius: 10px;
      flex-shrink: 0;
      display: grid;
      place-items: center;
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.04em;
    }

    .payroll-flow__out-card-badge--xl {
      background: linear-gradient(145deg, #1d6f42 0%, #14532d 100%);
      color: #fff;
      box-shadow: 0 4px 14px rgba(29, 111, 66, 0.5);
    }

    .payroll-flow__out-card-badge--dash {
      background: rgba(131, 193, 51, 0.15);
      border: 1px solid rgba(131, 193, 51, 0.4);
      color: var(--camptra-lime);
    }

    .payroll-flow__out-card-badge--dash svg {
      width: 18px;
      height: 18px;
    }

    .payroll-flow__out-card-title-wrap {
      min-width: 0;
    }

    .payroll-flow__out-card-title {
      margin: 0;
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.045em;
      color: #fff;
      line-height: 1.28;
      word-break: normal;
      overflow-wrap: break-word;
      hyphens: none;
      text-wrap: wrap;
    }

    .payroll-flow__out-card-sub {
      margin: 5px 0 0;
      font-size: 0.69rem;
      line-height: 1.4;
      color: rgba(255, 255, 255, 0.52);
      text-wrap: wrap;
    }

    .payroll-flow__out-card-body {
      padding: 11px 12px 13px;
    }

    /* Excel-style exception preview */
    .payroll-flow__sheet-frame {
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid #94a3b8;
      background: #fff;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 12px 28px rgba(0, 0, 0, 0.28);
    }

    .payroll-flow__sheet-winbar {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 6px 9px;
      background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
      border-bottom: 1px solid #cbd5e1;
    }

    .payroll-flow__sheet-dots {
      display: flex;
      gap: 5px;
      flex-shrink: 0;
    }

    .payroll-flow__sheet-dots span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
    }

    .payroll-flow__sheet-dots span:nth-child(1) { background: #ef4444; }
    .payroll-flow__sheet-dots span:nth-child(2) { background: #eab308; }
    .payroll-flow__sheet-dots span:nth-child(3) { background: #22c55e; }

    .payroll-flow__sheet-fname {
      font-size: 0.63rem;
      font-weight: 600;
      color: #334155;
      letter-spacing: 0.02em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 0;
    }

    .payroll-flow__sheet-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.66rem;
      font-variant-numeric: tabular-nums;
      color: #0f172a;
    }

    .payroll-flow__sheet-table th {
      text-align: left;
      padding: 6px 8px;
      background: #0f172a;
      color: rgba(255, 255, 255, 0.95);
      font-weight: 600;
      font-size: 0.58rem;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      border-bottom: 2px solid #217346;
    }

    .payroll-flow__sheet-table th:last-child {
      text-align: right;
    }

    .payroll-flow__sheet-table td {
      padding: 5px 8px;
      border-bottom: 1px solid #e2e8f0;
      background: #fff;
    }

    .payroll-flow__sheet-table tr:nth-child(even) td {
      background: #f8fafc;
    }

    .payroll-flow__sheet-table td:last-child {
      text-align: right;
      font-weight: 700;
    }

    .payroll-flow__sheet-cell--bad {
      background: #fef2f2 !important;
      color: #b91c1c;
    }

    .payroll-flow__sheet-cell--ok {
      background: #f0fdf4 !important;
      color: #15803d;
    }

    /* Dashboard preview */
    .payroll-flow__dash-frame {
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: linear-gradient(165deg, #0b1220 0%, #111827 45%, #0f172a 100%);
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    }

    .payroll-flow__dash-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 7px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.2);
    }

    .payroll-flow__dash-brand {
      font-size: 0.55rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.45);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 0;
    }

    .payroll-flow__dash-live {
      font-size: 0.58rem;
      font-weight: 700;
      padding: 3px 8px;
      border-radius: 999px;
      background: rgba(131, 193, 51, 0.2);
      color: var(--camptra-lime);
      border: 1px solid rgba(131, 193, 51, 0.35);
    }

    .payroll-flow__dash-charts {
      padding: 10px 11px 12px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .payroll-flow__dash-chart-label {
      display: block;
      margin: 0 0 6px;
      font-size: 0.52rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.4);
    }

    .payroll-flow__dash-bars {
      display: flex;
      align-items: flex-end;
      justify-content: stretch;
      gap: 4px;
      height: 44px;
      padding: 0 1px;
    }

    .payroll-flow__dash-bar {
      flex: 1;
      min-width: 0;
      height: var(--h, 40%);
      border-radius: 3px 3px 2px 2px;
      background: linear-gradient(180deg, rgba(131, 193, 51, 0.85) 0%, rgba(91, 143, 36, 0.55) 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
      opacity: 0.92;
    }

    .payroll-flow__dash-bar:nth-child(3n) {
      background: linear-gradient(180deg, rgba(147, 197, 253, 0.5) 0%, rgba(59, 130, 246, 0.28) 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .payroll-flow__dash-bar:nth-child(5n) {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.07) 100%);
    }

    .payroll-flow__dash-chart-split {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 10px;
      align-items: stretch;
    }

    .payroll-flow__dash-chart-panel {
      padding: 8px 8px 9px;
      border-radius: 8px;
      background: rgba(0, 0, 0, 0.28);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .payroll-flow__dash-spark {
      display: block;
      width: 100%;
      height: auto;
      min-height: 38px;
      margin-top: 2px;
    }

    .payroll-flow__dash-donut-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 4px;
    }

    .payroll-flow__dash-donut {
      width: 48px;
      height: 48px;
      flex-shrink: 0;
      border-radius: 50%;
      background: conic-gradient(
        var(--camptra-lime) 0deg 132deg,
        rgba(147, 197, 253, 0.55) 132deg 235deg,
        rgba(255, 255, 255, 0.12) 235deg 310deg,
        rgba(255, 255, 255, 0.06) 310deg 360deg
      );
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
      mask: radial-gradient(circle, transparent 58%, #000 59%);
      -webkit-mask: radial-gradient(circle, transparent 58%, #000 59%);
    }

    .payroll-flow__dash-hbars {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 5px;
      justify-content: center;
    }

    .payroll-flow__dash-hbar {
      height: 5px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.16);
      width: var(--w, 70%);
      max-width: 100%;
    }

    .payroll-flow__dash-hbar--accent {
      background: linear-gradient(90deg, rgba(131, 193, 51, 0.5), rgba(131, 193, 51, 0.15));
    }

    @media (max-width: 400px) {
      .payroll-flow__dash-chart-split {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 1180px) {
      .payroll-flow-infographic {
        grid-template-columns: 1fr;
        justify-items: stretch;
      }

      .payroll-flow__bridge {
        transform: rotate(90deg);
        padding: 2px 0;
      }

      .payroll-flow__sources {
        max-width: none;
      }

      .payroll-flow__engine {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .payroll-flow__results {
        max-width: min(560px, 100%);
        margin-left: auto;
        margin-right: auto;
      }
    }

    .payroll-flow__footnote {
      margin: 18px 0 0;
      font-size: 0.78rem;
      line-height: 1.4;
      color: rgba(255, 255, 255, 0.55);
      max-width: none;
      width: 100%;
    }

    /* Security */
    .sec-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    @media (max-width: 720px) {
      .sec-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 480px) {
      .sec-grid { grid-template-columns: 1fr; }
    }

    .sec-item {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 16px;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: var(--surface-alt);
      font-size: 0.875rem;
    }

    .sec-item strong { display: block; color: var(--text); margin-bottom: 2px; }

    /* Quote / testimonials */
    .quote-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      margin-top: 8px;
      align-items: stretch;
    }

    @media (max-width: 960px) {
      .quote-grid {
        grid-template-columns: 1fr;
      }
    }

    .quote-block {
      display: flex;
      flex-direction: column;
      height: 100%;
      margin: 0;
      padding: 28px 26px;
      border-left: 4px solid var(--camptra-lime);
      background: var(--surface);
      border-radius: 0 10px 10px 0;
      box-shadow: 0 8px 32px rgba(0, 86, 167, 0.1);
    }

    .quote-block--placeholder {
      border-left-color: rgba(0, 86, 167, 0.35);
      box-shadow: 0 4px 20px rgba(0, 86, 167, 0.06);
      border: 1px dashed rgba(0, 86, 167, 0.22);
      border-left: 4px solid rgba(131, 193, 51, 0.45);
    }

    .quote-block__label {
      margin: 0 0 12px;
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--camptra-navy);
      opacity: 0.75;
    }

    .quote-block blockquote {
      margin: 0 0 16px;
      flex: 1 1 auto;
      font-size: 1.0625rem;
      line-height: 1.55;
      font-style: italic;
      color: var(--text);
    }

    .quote-meta {
      font-size: 0.9rem;
      color: var(--text-muted);
      margin-top: auto;
    }

    .quote-block__quote-inner {
      padding: 16px 18px;
      border: 1px dashed rgba(0, 86, 167, 0.38);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.65);
    }

    .quote-block__quote-inner blockquote {
      margin: 0;
      color: var(--text-muted);
    }

    .quote-block__attribution {
      display: flex;
      align-items: center;
      gap: 14px;
      margin: 16px 0 0;
      padding-top: 16px;
      border-top: 1px solid rgba(0, 86, 167, 0.28);
    }

    .quote-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 2px solid rgba(0, 86, 167, 0.35);
      background: linear-gradient(160deg, #0f1b2e 0%, #1a2740 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      color: #c4b5fd;
    }

    .quote-attribution__name {
      font-size: 0.95rem;
      font-weight: 700;
      color: var(--text);
      line-height: 1.3;
    }

    .quote-attribution__role {
      margin-top: 4px;
      font-size: 0.875rem;
      color: var(--text-muted);
      line-height: 1.35;
    }

    #quote .lead {
      max-width: none;
      width: 100%;
      margin-bottom: 20px;
    }

    /* CTA band */
    .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }

    .reassure {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 12px 24px;
      font-size: 0.875rem;
      color: rgba(255, 255, 255, 0.88);
    }

    .reassure li::before {
      content: "✓ ";
      color: var(--camptra-lime);
      font-weight: 700;
    }

    /* Footer */
    .footer-grid {
      display: grid;
      grid-template-columns: 2fr repeat(3, minmax(0, 1fr));
      gap: 32px;
      margin-bottom: 32px;
    }

    @media (max-width: 800px) {
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 500px) {
      .footer-grid { grid-template-columns: 1fr; }
    }

    .footer-grid h3 {
      margin: 0 0 12px;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.55);
    }

    .footer-grid ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .footer-grid a {
      color: rgba(255, 255, 255, 0.85);
      text-decoration: none;
      display: block;
      padding: 4px 0;
    }

    .footer-grid a:hover { color: #fff; text-decoration: underline; }

    .footer-bottom {
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.55);
      text-align: center;
    }

    .footer-bottom a { color: rgba(255, 255, 255, 0.7); margin: 0 10px; }

    /* Request demo modal */
    .demo-modal {
      max-width: min(440px, 100vw - 32px);
      width: 100%;
      padding: 0;
      box-sizing: border-box;
      border: none;
      border-radius: 12px;
      background: var(--surface);
      color: var(--text);
      box-shadow: 0 24px 48px rgba(2, 16, 24, 0.35);
    }

    .demo-modal::backdrop {
      background: rgba(2, 16, 24, 0.65);
      backdrop-filter: blur(4px);
    }

    .demo-modal__inner {
      padding: 28px 28px 24px;
      max-height: 90vh;
      max-height: 90dvh;
      overflow-y: auto;
      overscroll-behavior: contain;
    }

    .demo-modal__head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 20px;
    }

    .demo-modal__title {
      margin: 0;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.25;
      color: var(--text);
      font-family: "Work Sans", system-ui, sans-serif;
    }

    .demo-modal__close {
      flex-shrink: 0;
      width: 36px;
      height: 36px;
      margin: -6px -6px 0 0;
      border: none;
      border-radius: 8px;
      background: transparent;
      color: var(--text-muted);
      font-size: 1.5rem;
      line-height: 1;
      cursor: pointer;
      transition: background 0.15s ease, color 0.15s ease;
    }

    .demo-modal__close:hover {
      background: var(--surface-alt);
      color: var(--text);
    }

    .demo-modal__close:focus-visible {
      outline: 2px solid var(--camptra-navy);
      outline-offset: 2px;
    }

    .demo-form {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .demo-form label {
      display: block;
      font-size: 0.8125rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: 6px;
    }

    .demo-form input,
    .demo-form textarea {
      width: 100%;
      padding: 10px 12px;
      border-radius: 6px;
      border: 1px solid var(--border);
      font-family: inherit;
      font-size: 0.9375rem;
      color: var(--text);
      background: var(--surface);
      box-sizing: border-box;
    }

    .demo-form input:focus,
    .demo-form textarea:focus {
      outline: none;
      border-color: var(--camptra-navy);
      box-shadow: 0 0 0 3px rgba(0, 86, 167, 0.15);
    }

    .demo-form textarea {
      min-height: 100px;
      resize: vertical;
    }

    .demo-form__actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 4px;
    }

    .demo-form__actions .btn {
      flex: 1;
      min-width: 120px;
    }

    .btn--secondary {
      background: var(--surface-alt);
      color: var(--text);
      border: 1px solid var(--border);
    }

    .btn--secondary:hover {
      background: #e8eaef;
    }

    .demo-modal__status {
      margin: 0;
      padding: 12px 14px;
      border-radius: 8px;
      font-size: 0.9375rem;
      background: rgba(131, 193, 51, 0.12);
      color: var(--text);
      border: 1px solid rgba(131, 193, 51, 0.35);
    }

    .demo-modal__status[hidden] {
      display: none;
    }

    .demo-modal--sandbox {
      max-width: min(520px, 100vw - 32px);
    }

    .demo-modal--sandbox .demo-modal__inner {
      padding: 18px 20px 16px;
      max-height: none;
      overflow: visible;
    }
    .demo-modal--sandbox .demo-modal__head {
      margin-bottom: 10px;
    }
    .demo-modal--sandbox .sandbox-form__intro {
      margin: 0 0 10px;
      font-size: 0.8125rem;
      line-height: 1.42;
    }
    .demo-modal--sandbox .sandbox-form {
      gap: 10px;
    }
    .demo-modal--sandbox .sandbox-form__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px 14px;
    }
    @media (max-width: 479px) {
      .demo-modal--sandbox .sandbox-form__row {
        grid-template-columns: 1fr;
      }
    }
    .demo-modal--sandbox .demo-form label {
      margin-bottom: 3px;
      font-size: 0.75rem;
    }
    .demo-modal--sandbox .demo-form input,
    .demo-modal--sandbox .demo-form textarea {
      padding: 7px 9px;
      font-size: 0.875rem;
    }
    .demo-modal--sandbox .demo-form textarea {
      min-height: 44px;
    }
    .demo-modal--sandbox .sandbox-form__checkbox label {
      font-size: 0.8125rem;
      line-height: 1.35;
    }
    @media (max-height: 520px) {
      .demo-modal--sandbox .demo-modal__inner {
        max-height: min(92dvh, 100%);
        overflow-y: auto;
      }
    }

    .sandbox-form__intro {
      margin: 0 0 18px;
      font-size: 0.9375rem;
      line-height: 1.55;
      color: var(--text-muted);
    }

    .sandbox-form__intro a {
      color: var(--camptra-navy);
      font-weight: 600;
    }

    .sandbox-form__checkbox {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }

    .sandbox-form__checkbox input {
      width: auto;
      margin-top: 3px;
      flex-shrink: 0;
    }

    .sandbox-form__checkbox label {
      font-weight: 500;
      margin-bottom: 0;
      font-size: 0.875rem;
      line-height: 1.45;
    }

    .sandbox-form__checkbox a {
      color: var(--camptra-navy);
      font-weight: 600;
    }

    @media (max-width: 640px) {
      .band {
        padding: 48px 0;
      }

      .band--tight {
        padding: 40px 0;
      }

      .band--footer {
        padding: 36px 0 28px;
      }

      .hero {
        padding: 40px 0 56px;
      }

      .hero__mock-panel {
        padding: 24px 18px;
      }

      .hero__lead-pill {
        margin-inline: 8px;
        padding: 8px 14px 8px 11px;
        gap: 6px;
      }

      .hero__display-row {
        white-space: normal;
        flex-wrap: wrap;
        justify-content: center;
      }

      .hero__display {
        font-size: clamp(2.25rem, 10vw, 6.19rem);
      }

      .hero__actions {
        flex-direction: column;
        align-items: stretch;
      }

      .hero__actions .btn {
        width: 100%;
        text-align: center;
      }

      .quote-block {
        padding: 22px 18px;
        margin-inline: 0;
      }

      .quote-block blockquote {
        font-size: 1rem;
      }

      .cta-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .cta-actions .btn {
        width: 100%;
        text-align: center;
      }

      .demo-modal__inner {
        padding: 22px 18px 18px;
      }
    }

    @media (max-width: 380px) {
      .problem-list li {
        padding: 16px 14px;
      }

    }

    .back-to-top {
      position: fixed;
      right: max(16px, env(safe-area-inset-right, 0px));
      bottom: max(16px, env(safe-area-inset-bottom, 0px));
      z-index: 150;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 1px solid rgba(0, 86, 167, 0.22);
      background: rgba(255, 255, 255, 0.96);
      color: var(--camptra-navy-deep);
      box-shadow: 0 4px 18px rgba(0, 56, 107, 0.14);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      line-height: 1;
      font-family: inherit;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }
    .back-to-top:hover {
      background: var(--camptra-lime);
      border-color: var(--camptra-lime-hover);
      color: var(--text);
      box-shadow: 0 6px 22px rgba(0, 56, 107, 0.18);
    }
    .back-to-top:focus-visible {
      outline: 2px solid var(--camptra-red);
      outline-offset: 2px;
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }
    }
  * Payroll Recon demo deck + Camptra marketing: primary rgb(0,86,167), accent lime #B8E600 */
    :root {
      --camptra-navy: #0056a7;
      --camptra-navy-deep: #003d75;
      --camptra-navy-mid: #0056a7;
      --camptra-navy-bright: #007dcc;
      /* Dark slide-style backgrounds (hero / navy bands)—deeper than UI blue */
      --slide-bg-deep: #021018;
      --slide-bg-mid: #051e2e;
      --slide-bg-light: #0a2a42;
      --slide-bg-edge: #011018;
      /* Product banner accent (Payroll Recon Toolset) */
      --camptra-lime: #83c133;
      --camptra-lime-hover: #72a82a;
      --camptra-red: #ee1c2e;
      --camptra-stone: #595852;
      --text: #111517;
      --text-muted: #5a5855;
      --surface: #ffffff;
      --surface-alt: #f0f2f5;
      --border: #e2e6ec;
      --max: 1120px;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html {
      scroll-behavior: smooth;
      overflow-x: clip;
    }
    body {
      margin: 0;
      font-family: "Inter", system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: var(--text);
      background: var(--surface-alt);
      overflow-wrap: break-word;
      overflow-x: clip;
      hyphens: manual;
      text-wrap: wrap;
    }

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

    h1, h2, h3, .btn, .kicker {
      font-family: "Work Sans", system-ui, sans-serif;
    }

    .wrap {
      max-width: var(--max);
      margin: 0 auto;
      padding-left: max(16px, env(safe-area-inset-left, 0px));
      padding-right: max(16px, env(safe-area-inset-right, 0px));
    }

    @media (min-width: 480px) {
      .wrap {
        padding-left: max(24px, env(safe-area-inset-left, 0px));
        padding-right: max(24px, env(safe-area-inset-right, 0px));
      }
    }

    /* —— Header —— */
    .site-header {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 200;
      padding-top: env(safe-area-inset-top, 0px);
      background: rgba(255, 255, 255, 0.96);
      border-bottom: 1px solid rgba(0, 86, 167, 0.12);
      backdrop-filter: blur(10px);
      box-shadow: 0 1px 0 rgba(0, 56, 107, 0.06);
    }

    .site-header__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      min-height: 72px;
      flex-wrap: wrap;
    }

    .logo { display: inline-flex; align-items: center; text-decoration: none; line-height: 0; max-width: 100%; }
    .logo-img { height: 40px; width: auto; max-width: min(200px, 100%); display: block; }

    .nav-main {
      display: flex;
      align-items: center;
      gap: 8px 28px;
      flex-wrap: wrap;
    }

    .nav-main a {
      color: var(--text);
      text-decoration: none;
      font-size: 0.9375rem;
      font-weight: 500;
    }

    .nav-main a:hover { color: var(--camptra-navy); }

    .nav-dropdown {
      position: relative;
    }

    .nav-dropdown__trigger {
      background: none;
      border: none;
      font: inherit;
      color: var(--text);
      font-size: 0.9375rem;
      font-weight: 500;
      cursor: pointer;
      padding: 0;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 44px;
    }

    .nav-dropdown__trigger::after {
      content: "";
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid currentColor;
      opacity: 0.65;
      margin-top: 2px;
    }

    .nav-dropdown__trigger:hover,
    .nav-dropdown:hover .nav-dropdown__trigger { color: var(--camptra-navy); }

    .nav-dropdown__menu {
      position: absolute;
      top: 100%;
      left: 0;
      margin: 0;
      padding: 8px 0;
      list-style: none;
      min-width: 220px;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 8px;
      box-shadow: 0 10px 28px rgba(0, 56, 107, 0.12);
      opacity: 0;
      visibility: hidden;
      transform: translateY(-6px);
      transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
      z-index: 300;
    }

    .nav-dropdown:hover > .nav-dropdown__menu,
    .nav-dropdown:focus-within > .nav-dropdown__menu {
      opacity: 1;
      visibility: visible;
    }

    .nav-dropdown:hover > .nav-dropdown__menu:not(.nav-dropdown__menu--flyout),
    .nav-dropdown:focus-within > .nav-dropdown__menu:not(.nav-dropdown__menu--flyout) {
      transform: translateY(0);
    }

    .nav-dropdown__menu a {
      display: flex;
      align-items: center;
      min-height: 44px;
      padding: 10px 16px;
      font-size: 0.9375rem;
      font-weight: 500;
      color: var(--text);
      text-decoration: none;
    }

    .nav-dropdown__menu a:hover {
      background: var(--surface-alt);
      color: var(--camptra-navy);
    }

    .nav-dropdown__trigger:focus-visible {
      outline: 2px solid var(--camptra-navy);
      outline-offset: 2px;
      border-radius: 4px;
    }

    .nav-dropdown--nested {
      position: relative;
      list-style: none;
    }

    .nav-dropdown__trigger--flyout {
      width: 100%;
      box-sizing: border-box;
      padding: 10px 14px 10px 16px;
      justify-content: space-between;
      border-radius: 0;
    }

    .nav-dropdown__trigger--flyout::after {
      border-top: none;
      border-left: 5px solid currentColor;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      margin-top: 0;
      margin-left: 4px;
      flex-shrink: 0;
    }

    .nav-dropdown__menu--flyout {
      top: 0;
      left: 100%;
      margin-left: 2px;
      transform: translateX(-6px);
      min-width: 200px;
      z-index: 310;
    }

    .nav-dropdown--nested:hover > .nav-dropdown__menu--flyout,
    .nav-dropdown--nested:focus-within > .nav-dropdown__menu--flyout {
      transform: translateX(0);
    }

    .nav-dropdown__menu--flyout .nav-dropdown__soon {
      display: flex;
      align-items: center;
      min-height: 44px;
      padding: 10px 16px;
      font-size: 0.9375rem;
      font-weight: 500;
      color: rgba(26, 32, 44, 0.45);
      cursor: default;
    }

    .header-cta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

    .link-quiet {
      font-size: 0.875rem;
      font-weight: 500;
      color: var(--camptra-navy);
      text-decoration: none;
    }

    .link-quiet:hover { text-decoration: underline; }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 11px 22px;
      border-radius: 6px;
      font-weight: 600;
      font-size: 0.9375rem;
      text-decoration: none;
      border: none;
      cursor: pointer;
      transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }

    .btn--primary {
      background: var(--camptra-lime);
      color: var(--text);
    }

    .btn--primary:focus-visible { outline: 2px solid var(--camptra-red); outline-offset: 2px; }
    .btn--primary:hover { background: var(--camptra-lime-hover); }

    .btn--ghost {
      background: transparent;
      color: #fff;
      border: 2px solid rgba(255, 255, 255, 0.55);
    }

    .btn--ghost:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.85);
    }

    .btn--outline {
      background: transparent;
      color: var(--camptra-navy);
      border: 2px solid var(--camptra-navy);
    }

    .btn--outline:hover { background: rgba(0, 86, 167, 0.06); }

    .btn--hero-outline {
      background: transparent;
      color: #fff;
      border: 2px solid rgba(255, 255, 255, 0.5);
    }

    .btn--hero-outline:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: rgba(255, 255, 255, 0.85);
    }

    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    /* —— Section rhythm: hero → problem → payroll flow → modules → quote → security → CTA → footer —— */
    .band {
      padding: 72px 0;
    }

    .band--tight { padding: 56px 0; }

    .band--surface { background: var(--surface); }
    .band--alt { background: var(--surface-alt); }
    .band--navy {
      background: linear-gradient(155deg, var(--slide-bg-edge) 0%, var(--slide-bg-mid) 42%, var(--slide-bg-light) 100%);
      color: #fff;
    }

    .band--footer {
      background: var(--slide-bg-deep);
      color: rgba(255, 255, 255, 0.82);
      padding: 48px 0 32px;
      font-size: 0.875rem;
    }

    .kicker {
      display: block;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--camptra-navy);
      margin-bottom: 12px;
    }

    .band--navy .kicker { color: var(--camptra-lime); }

    .band h2 {
      margin: 0 0 16px;
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.02em;
      color: var(--text);
    }

    .band--navy h2 { color: #fff; }

    .lead {
      margin: 0 0 32px;
      font-size: 1.0625rem;
      color: var(--text-muted);
      max-width: none;
      width: 100%;
    }

    .band--navy .lead { color: rgba(255, 255, 255, 0.9); }

    /* —— Hero (dark / SaaSMap flow: centered, stat cards, mock URLs) —— */
    .hero {
      padding: 64px 0 72px;
      background:
        radial-gradient(ellipse 90% 60% at 50% -20%, rgba(131, 193, 51, 0.1), transparent 52%),
        radial-gradient(ellipse 100% 80% at 70% 40%, rgba(0, 86, 167, 0.12), transparent 50%),
        linear-gradient(
          165deg,
          var(--slide-bg-edge) 0%,
          var(--slide-bg-deep) 18%,
          var(--slide-bg-mid) 45%,
          var(--slide-bg-light) 68%,
          var(--slide-bg-deep) 100%
        );
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .hero__center {
      max-width: min(100%, 1040px);
      margin: 0 auto;
      text-align: center;
    }

    .hero__lead-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin: 0 12px 20px;
      padding: 10px 20px 10px 14px;
      max-width: min(100% - 24px, 40rem);
      border-radius: 999px;
      border: 1px solid rgba(45, 211, 191, 0.65);
      background: linear-gradient(
        105deg,
        rgba(34, 211, 196, 0.42) 0%,
        rgba(15, 118, 110, 0.22) 32%,
        rgba(2, 20, 32, 0.94) 62%,
        rgba(1, 10, 18, 0.92) 100%
      );
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.2) inset,
        0 4px 24px rgba(34, 211, 196, 0.12),
        0 0 32px rgba(34, 211, 196, 0.08);
    }

    .hero__lead-pill-icon {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      color: #e0fbff;
      filter: drop-shadow(0 0 6px rgba(125, 231, 255, 0.75));
    }

    .hero__lead-pill-icon svg {
      width: 16px;
      height: 16px;
      display: block;
    }

    .hero__lead-pill-text {
      margin: 0;
      font-family: "Inter", system-ui, sans-serif;
      font-size: clamp(0.8125rem, 1.65vw, 0.9375rem);
      font-weight: 500;
      line-height: 1.35;
      letter-spacing: 0.015em;
      color: #fff;
      text-align: left;
    }

    .hero__display {
      margin: 0 0 20px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: clamp(3.04rem, 9.45vw, 6.19rem);
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      text-align: center;
    }

    .hero__display-row {
      display: inline-flex;
      flex-wrap: nowrap;
      align-items: baseline;
      justify-content: center;
      white-space: nowrap;
      max-width: 100%;
    }

    .hero__display-white {
      color: #fff;
    }

    .hero__display-green {
      color: var(--camptra-lime);
    }

    .hero__title {
      margin: 0 0 32px;
      line-height: 1.3;
      letter-spacing: -0.02em;
    }

    .hero__title--deck {
      font-size: clamp(1.05rem, 2.4vw, 1.7rem);
      font-weight: 700;
      text-align: center;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-inline: 0;
    }

    .hero__title-white {
      color: #fff;
      font-weight: 700;
    }

    .hero__title-green {
      color: var(--camptra-lime);
      font-weight: 700;
    }

    .hero__cta-wrap {
      margin-bottom: 48px;
    }

    .hero__actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 12px;
    }

    .hero__cta-note {
      margin: 14px 0 0;
      font-size: 0.8125rem;
      line-height: 1.45;
      color: rgba(255, 255, 255, 0.78);
      text-align: center;
      max-width: min(100%, 52rem);
      margin-left: auto;
      margin-right: auto;
    }

    /* Hero product triptych — modern dark-glass UI (HTML/CSS, same data as product) */
    .hero {
      overflow: visible;
    }

    .hero .wrap {
      overflow: visible;
    }

    .hero__showcase-wrap {
      overflow: visible;
      box-sizing: border-box;
      width: 100%;
      max-width: min(1560px, calc(100vw - 40px));
      margin: 0 auto;
      padding-left: max(16px, env(safe-area-inset-left, 0px));
      padding-right: max(16px, env(safe-area-inset-right, 0px));
      padding-bottom: clamp(1.25rem, 3.5vh, 2.25rem);
    }

    .hero__product-showcase {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.52fr) minmax(0, 0.92fr);
      gap: 12px 20px;
      align-items: start;
      width: 66.666%;
      max-width: calc(1560px / 1.5);
      /*
        transform: scale(1.5) extends the paint below the layout box; bottom margin +
        showcase padding keeps a small gap before the dashed caption.
      */
      margin: 12px auto clamp(3.5rem, 11vh, 6.5rem);
      padding: 28px 4px 20px;
      perspective: 1600px;
      perspective-origin: 50% 42%;
      z-index: 0;
      transform: scale(1.5);
      transform-origin: center top;
      transform-style: preserve-3d;
    }

    .hero__product-showcase::before {
      content: "";
      position: absolute;
      inset: 0 -12px;
      border-radius: 20px;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
      background-size: 22px 22px;
      mask-image: radial-gradient(ellipse 70% 65% at 50% 45%, #000 35%, transparent 100%);
      pointer-events: none;
      z-index: 0;
    }

    .hero__product-showcase::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 42%;
      transform: translate(-50%, -50%);
      width: min(82%, 720px);
      height: 58%;
      border-radius: 50%;
      background: radial-gradient(ellipse at center, rgba(131, 193, 51, 0.14) 0%, transparent 68%);
      pointer-events: none;
      z-index: 0;
    }

    .hero-ui {
      position: relative;
      z-index: 1;
      isolation: isolate;
      border-radius: 14px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: linear-gradient(165deg, rgba(12, 22, 38, 0.97) 0%, rgba(4, 12, 24, 0.98) 100%);
      box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 20px 50px rgba(0, 0, 0, 0.55);
      overflow: hidden;
      font-size: 0.625rem;
      line-height: 1.35;
      color: rgba(255, 255, 255, 0.88);
      transform-style: preserve-3d;
      transition: transform 0.35s ease, box-shadow 0.35s ease, opacity 0.35s ease;
    }

    @media (min-width: 961px) {
      .hero-ui--left {
        z-index: 0;
        /* ~20% of column width tucks under the center; symmetric with .hero-ui--right */
        margin-right: -20%;
        transform: rotateY(-16deg) scale(0.82) translateZ(-72px);
        transform-origin: right center;
        opacity: 0.84;
        filter: saturate(0.85) brightness(0.9);
      }

      .hero-ui--right {
        z-index: 0;
        margin-left: -20%;
        transform: rotateY(16deg) scale(0.82) translateZ(-72px);
        transform-origin: left center;
        opacity: 0.84;
        filter: saturate(0.85) brightness(0.9);
      }

      .hero-ui--center {
        z-index: 3;
        transform: translateZ(56px) scale(1.04);
        border-color: rgba(131, 193, 51, 0.45);
        box-shadow:
          0 0 0 1px rgba(131, 193, 51, 0.22),
          0 0 64px rgba(131, 193, 51, 0.2),
          0 36px 80px rgba(0, 0, 0, 0.65);
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        aspect-ratio: 8 / 5;
        min-height: 0;
      }

      .hero-ui--center .hero-ui__chrome--app {
        flex-shrink: 0;
        padding: 5px 7px 5px 5px;
      }

      .hero-ui--center .hero-ui__body--app {
        flex: 1;
        min-height: 0;
      }

      .hero-ui--center .hero-ui__rail {
        width: 28px;
        padding: 5px 3px 6px;
      }

      .hero-ui--center .hero-ui__main {
        flex: 1;
        min-height: 0;
        padding: 4px 5px 5px;
      }

      .hero-ui--center .hero-ui__hub-title {
        flex-shrink: 0;
        margin-bottom: 3px;
        font-size: 0.46875rem;
      }

      .hero-ui--center .hero-ui__module-grid {
        flex: 1;
        min-height: 0;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 3px 4px;
        align-content: stretch;
      }

      .hero-ui--center .hero-ui__tile {
        padding: 4px 5px;
        border-radius: 6px;
        min-height: 0;
      }

      .hero-ui--center .hero-ui__tile strong {
        font-size: 0.46875rem;
        margin-bottom: 1px;
        line-height: 1.15;
      }

      .hero-ui--center .hero-ui__tile span {
        font-size: 0.40625rem;
        line-height: 1.15;
      }
    }

    .hero-ui__chrome {
      display: flex;
      align-items: center;
      gap: 5px;
      padding: 8px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      background: rgba(0, 0, 0, 0.25);
    }

    .hero-ui__dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      opacity: 0.85;
    }

    .hero-ui__dot--r { background: #ff5f57; }
    .hero-ui__dot--y { background: #febc2e; }
    .hero-ui__dot--g { background: #28c840; }

    .hero-ui__body {
      padding: 10px 10px 12px;
    }

    .hero-ui__nav {
      display: flex;
      flex-wrap: wrap;
      gap: 6px 10px;
      font-size: 0.5625rem;
      color: rgba(255, 255, 255, 0.45);
      margin-bottom: 8px;
    }

    .hero-ui__nav span.is-active {
      color: #7ec8ff;
      border-bottom: 1px solid #7ec8ff;
      padding-bottom: 1px;
    }

    .hero-ui__screen-title {
      margin: 0 0 8px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.6875rem;
      font-weight: 700;
      color: #8ec5ff;
      text-align: center;
    }

    .hero-ui__kpis {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      margin-bottom: 8px;
    }

    @media (min-width: 961px) {
      .hero-ui--left .hero-ui__kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px 5px;
        margin-bottom: 6px;
      }

      .hero-ui--left .hero-ui__chrome {
        padding: 6px 8px;
      }

      .hero-ui--left .hero-ui__body {
        padding: 7px 9px 9px;
      }

      .hero-ui--left .hero-ui__nav {
        margin-bottom: 4px;
        gap: 4px 8px;
      }

      .hero-ui--left .hero-ui__screen-title {
        margin-bottom: 5px;
        font-size: 0.625rem;
      }

      .hero-ui--left .hero-ui__kpi {
        padding: 4px 5px;
        border-radius: 6px;
      }

      .hero-ui--left .hero-ui__kpi-label {
        font-size: 0.4375rem;
        margin-bottom: 1px;
      }

      .hero-ui--left .hero-ui__kpi-val {
        font-size: 0.625rem;
      }

      .hero-ui--left .hero-ui__kpi-sub {
        margin-top: 2px;
      }

      .hero-ui--left .hero-ui__mini-h {
        margin: 4px 0 3px;
        font-size: 0.4375rem;
      }

      .hero-ui--left .hero-ui__mini-table th,
      .hero-ui--left .hero-ui__mini-table td {
        padding: 2px 3px;
      }
    }

    .hero-ui__kpi {
      padding: 6px 7px;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
    }

    .hero-ui__kpi-label {
      font-size: 0.5rem;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: rgba(255, 255, 255, 0.5);
      margin-bottom: 2px;
    }

    .hero-ui__kpi-val {
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.6875rem;
      font-weight: 700;
      color: #fff;
    }

    .hero-ui__kpi-val--bad { color: #ff8a8a; }
    .hero-ui__kpi-val--good { color: #9ed54a; }

    .hero-ui__kpi--accent-l { border-left: 2px solid #83c133; }
    .hero-ui__kpi--accent-a { border-left: 2px solid #e6b422; }
    .hero-ui__kpi--accent-r { border-left: 2px solid #ee1c2e; }
    .hero-ui__kpi--accent-b { border-left: 2px solid #007dcc; }

    .hero-ui__mini-h {
      font-size: 0.5rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.55);
      margin: 0 0 4px;
    }

    .hero-ui__mini-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.5rem;
    }

    .hero-ui__mini-table th,
    .hero-ui__mini-table td {
      padding: 3px 4px;
      text-align: left;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .hero-ui__mini-table th {
      color: rgba(255, 255, 255, 0.45);
      font-weight: 500;
    }

    .hero-ui__mini-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
    .hero-ui__mini-table .bad { color: #ff8a8a; }
    .hero-ui__mini-table .good { color: #9ed54a; }

    .hero-ui__kpi-sub {
      margin-top: 4px;
    }

    /* Center — module hub */
    .hero-ui__hub-title {
      font-size: 0.5625rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.4);
      margin-bottom: 8px;
      text-align: center;
    }

    .hero-ui__module-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
    }

    .hero-ui__tile {
      margin: 0;
      padding: 7px 8px;
      border-radius: 9px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 86, 167, 0.12);
      text-align: left;
      cursor: default;
      color: inherit;
      font: inherit;
    }

    .hero-ui__tile strong {
      display: block;
      font-size: 0.5625rem;
      font-weight: 600;
      color: #fff;
      margin-bottom: 2px;
      line-height: 1.25;
    }

    .hero-ui__tile span {
      font-size: 0.5rem;
      color: rgba(255, 255, 255, 0.45);
      line-height: 1.3;
    }

    .hero-ui__tile--hl {
      border-color: rgba(131, 193, 51, 0.35);
      background: rgba(131, 193, 51, 0.08);
    }

    /* Center — app shell (collapsed rail + main home) */
    .hero-ui__chrome--app {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      padding: 5px 7px 5px 6px;
    }

    .hero-ui__chrome-leading {
      display: flex;
      align-items: center;
      gap: 4px;
      flex-shrink: 0;
    }

    .hero-ui__chrome-title {
      flex: 1;
      min-width: 0;
      margin: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.5rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: none;
      color: rgba(255, 255, 255, 0.82);
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .hero-ui__chrome-tools {
      display: flex;
      align-items: center;
      gap: 3px;
      flex-shrink: 0;
    }

    .hero-ui__tool-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: rgba(255, 255, 255, 0.05);
      color: rgba(255, 255, 255, 0.72);
    }

    .hero-ui__tool-icon svg {
      width: 8px;
      height: 8px;
      display: block;
    }

    .hero-ui__body--app {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      padding: 0;
    }

    .hero-ui__rail {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
      width: 24px;
      padding: 4px 2px 6px;
      gap: 6px;
      background: rgba(0, 0, 0, 0.38);
      border-right: 1px solid rgba(255, 255, 255, 0.07);
    }

    .hero-ui__rail-toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.06);
      color: rgba(255, 255, 255, 0.75);
      cursor: default;
    }

    .hero-ui__rail-toggle svg {
      width: 10px;
      height: 10px;
      display: block;
    }

    .hero-ui__rail-icons {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      flex: 1;
      justify-content: flex-start;
    }

    .hero-ui__rail-ic {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      border-radius: 4px;
      border: 1px solid transparent;
      background: transparent;
      color: rgba(255, 255, 255, 0.45);
    }

    .hero-ui__rail-ic svg {
      width: 8px;
      height: 8px;
      display: block;
      opacity: 0.9;
    }

    .hero-ui__rail-ic.is-active {
      color: rgba(255, 255, 255, 0.95);
      border-color: rgba(131, 193, 51, 0.45);
      background: rgba(131, 193, 51, 0.12);
    }

    .hero-ui__main {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      padding: 5px 6px 6px;
    }

    .hero-ui__hub-title--app-home {
      text-align: left;
      margin-bottom: 5px;
      letter-spacing: 0.1em;
    }

    /* Right — Results */
    .hero-ui__results-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 6px;
    }

    .hero-ui__results-title {
      margin: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.6875rem;
      font-weight: 700;
      color: #fff;
    }

    .hero-ui__tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 4px;
      margin-bottom: 6px;
    }

    .hero-ui__tab {
      padding: 3px 6px;
      border-radius: 999px;
      font-size: 0.5rem;
      border: 1px solid rgba(0, 124, 204, 0.45);
      color: rgba(255, 255, 255, 0.65);
      background: transparent;
    }

    .hero-ui__tab--on {
      background: rgba(0, 124, 204, 0.35);
      border-color: #007dcc;
      color: #fff;
    }

    .hero-ui__badges {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
      margin-bottom: 6px;
    }

    .hero-ui__badge {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 6px;
      border-radius: 8px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(255, 255, 255, 0.03);
      font-size: 0.5625rem;
    }

    .hero-ui__badge-ic {
      width: 20px;
      height: 20px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.625rem;
    }

    .hero-ui__badge-ic--ok { background: rgba(131, 193, 51, 0.2); color: #9ed54a; }
    .hero-ui__badge-ic--no { background: rgba(238, 28, 46, 0.15); color: #ff8a8a; }

    .hero-ui__badge-text {
      font-size: 0.5rem;
      color: rgba(255, 255, 255, 0.55);
      line-height: 1.35;
    }

    .hero-ui__badge-num {
      display: block;
      margin-top: 2px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.75rem;
      font-weight: 700;
    }

    @media (max-width: 960px) {
      .hero__showcase-wrap {
        padding-bottom: clamp(1.25rem, 4vh, 2.25rem);
      }

      .hero__product-showcase {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: clamp(6px, 2vw, 14px);
        margin-bottom: clamp(2rem, 6vh, 3.5rem);
        width: 66.666%;
        max-width: 100%;
        padding: 16px 0 12px;
        perspective: none;
      }

      .hero__stats-band {
        margin-bottom: clamp(0.75rem, 3vh, 1.5rem);
      }

      .hero-ui--left,
      .hero-ui--right,
      .hero-ui--center {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
        z-index: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

      .hero-ui--center {
        order: -1;
      }

      .hero-ui--center .hero-ui__body--app {
        padding: 0;
      }

      .hero-ui--center .hero-ui__rail {
        width: 24px;
        padding: 6px 2px 8px;
      }

      .hero-ui--center .hero-ui__main {
        padding: 8px 8px 10px;
      }

      .hero-ui--center .hero-ui__hub-title {
        margin-bottom: 6px;
      }

      .hero-ui--center .hero-ui__module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        gap: 5px;
      }

      .hero-ui--center .hero-ui__tile {
        padding: 6px 7px;
      }

      .hero-ui {
        font-size: 0.6875rem;
      }

      .hero-ui__kpi-val {
        font-size: 0.75rem;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .hero-ui {
        transition: none;
      }
    }

    .hero__mock {
      max-width: min(100%, 1240px);
      margin: clamp(1rem, 2.5vh, 1.75rem) auto 32px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
    }

    .hero__mock-panel {
      padding: 32px 36px;
      border-radius: 12px;
      border: 1px dashed rgba(255, 255, 255, 0.2);
      background: rgba(2, 12, 22, 0.5);
      backdrop-filter: blur(10px);
      text-align: center;
      width: 100%;
      box-sizing: border-box;
    }

    .hero__mock-panel p {
      margin: 0 auto;
      max-width: 100%;
      font-size: clamp(0.875rem, 1.65vw, 1.0625rem);
      line-height: 1.55;
      color: rgba(255, 255, 255, 0.9);
    }

    .hero__stats-band {
      position: relative;
      z-index: 2;
      margin-top: clamp(0.25rem, 2vw, 0.75rem);
      margin-bottom: clamp(1rem, 3.5vh, 2rem);
    }

    .hero__stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px 14px;
      max-width: min(100%, 1040px);
      margin: 0 auto;
    }

    .hero__stats--above-mock {
      width: 100%;
      box-sizing: border-box;
    }

    @media (max-width: 800px) {
      .hero__stats { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 440px) {
      .hero__stats { grid-template-columns: 1fr; }
    }

    .hero-stat {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 10px;
      padding: 16px 14px;
      text-align: left;
      border-radius: 12px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(6, 22, 38, 0.72);
      backdrop-filter: blur(12px);
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 12px 36px rgba(0, 0, 0, 0.35);
    }

    .hero-stat__icon {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      color: rgba(230, 235, 242, 0.72);
    }

    .hero-stat__icon svg {
      width: 22px;
      height: 22px;
      display: block;
    }

    .hero-stat__body {
      display: flex;
      flex-direction: column;
      gap: 3px;
      min-width: 0;
    }

    .hero-stat__num {
      display: block;
      font-family: "Work Sans", sans-serif;
      font-size: clamp(1.2rem, 2.6vw, 1.65rem);
      font-weight: 700;
      color: var(--camptra-lime);
      margin: 0;
      letter-spacing: -0.02em;
      line-height: 1.1;
    }

    .hero-stat__label {
      font-size: 0.75rem;
      line-height: 1.3;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.92);
    }

    /* Problem block — full-width intro + 2×2 grid */
    #problem .lead {
      max-width: none;
    }

    .problem-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px 28px;
      max-width: none;
    }

    @media (max-width: 700px) {
      .problem-list {
        grid-template-columns: 1fr;
      }
    }

    .problem-list li {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      margin: 0;
      padding: 20px 22px;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: var(--surface-alt);
      font-size: 0.95rem;
      box-sizing: border-box;
    }

    .problem-list strong { display: block; color: var(--text); margin-bottom: 4px; font-size: 1rem; }

    .problem-list li > div {
      min-width: 0;
    }

    .problem-mark {
      flex-shrink: 0;
      width: 28px;
      height: 28px;
      border-radius: 6px;
      background: rgba(238, 28, 46, 0.1);
      color: var(--camptra-red);
      font-weight: 700;
      font-size: 14px;
      line-height: 28px;
      text-align: center;
    }

    .recon-module-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px 20px;
      margin-top: 0;
    }

    @media (max-width: 1100px) {
      .recon-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 520px) {
      .recon-module-grid {
        grid-template-columns: 1fr;
      }
    }

    .recon-module-card {
      display: flex;
      flex-direction: column;
      padding: 20px 20px 22px;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 1px 2px rgba(0, 56, 107, 0.06);
    }

    .recon-module-card__badge {
      align-self: flex-start;
      margin: 0 0 14px;
      max-width: 100%;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(0, 86, 167, 0.06);
      color: var(--camptra-navy-deep);
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.25;
      border: 1px solid rgba(0, 86, 167, 0.18);
      box-shadow: none;
    }

    .recon-module-card h3 {
      margin: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      line-height: 1.28;
      color: var(--text);
    }

    .recon-module-card p {
      margin: 10px 0 0;
      flex-grow: 1;
      font-size: 0.875rem;
      line-height: 1.5;
      color: var(--text-muted);
    }

    .recon-modules-additions {
      margin-top: 36px;
      padding-top: 28px;
      border-top: 1px solid var(--border);
      text-align: center;
    }

    .recon-modules-additions__title {
      margin: 0 0 14px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      color: var(--text);
    }

    .recon-modules-additions__pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      list-style: none;
      margin: 0;
      padding: 0;
      justify-content: center;
    }

    .recon-offering-pill {
      display: inline-flex;
      align-items: center;
      padding: 7px 14px;
      border-radius: 999px;
      background: #fff;
      color: var(--camptra-navy-deep);
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.045em;
      text-transform: uppercase;
      border: 1px solid rgba(0, 86, 167, 0.22);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
    }

    .recon-modules__cta {
      margin: 28px 0 0;
      text-align: center;
    }

    #recon-modules .recon-modules__cta .btn--outline {
      border-width: 1px;
      color: var(--camptra-navy);
      border-color: rgba(0, 86, 167, 0.28);
      background: #fafbfc;
      font-weight: 600;
    }

    #recon-modules .recon-modules__cta .btn--outline:hover {
      border-color: var(--camptra-navy);
      background: #fff;
      color: var(--camptra-navy-deep);
    }

    /* Infographic: Excel feeds → Recon engine → anomalies + dashboard (below Problem) */
    #payroll-flow-infographic .lead {
      max-width: none;
      margin-bottom: 28px;
    }

    .payroll-flow-infographic {
      display: grid;
      grid-template-columns:
        minmax(260px, 360px)
        min-content
        minmax(200px, 242px)
        min-content
        minmax(420px, 1.35fr);
      align-items: start;
      column-gap: clamp(10px, 1.8vw, 18px);
      row-gap: 20px;
      margin-top: 12px;
      padding: clamp(22px, 4vw, 38px);
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      background: rgba(0, 0, 0, 0.22);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .payroll-flow__sources {
      min-width: 0;
      max-width: 400px;
    }

    .payroll-flow__results {
      min-width: 0;
      width: 100%;
    }

    .payroll-flow__lane-title {
      margin: 0 0 14px;
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.11em;
      color: var(--camptra-lime);
    }

    .payroll-flow__excel-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 12px;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    @media (max-width: 520px) {
      .payroll-flow__excel-grid {
        grid-template-columns: 1fr;
      }
    }

    .payroll-flow__excel-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 11px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.11);
    }

    .payroll-flow__excel-icon {
      flex-shrink: 0;
      width: 38px;
      height: 46px;
      filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.35));
    }

    .payroll-flow__excel-icon svg {
      display: block;
      width: 100%;
      height: 100%;
    }

    .payroll-flow__excel-label {
      font-size: 0.72rem;
      font-weight: 600;
      line-height: 1.35;
      color: rgba(255, 255, 255, 0.92);
    }

    .payroll-flow__bridge {
      display: flex;
      align-items: center;
      justify-content: center;
      align-self: center;
      color: var(--camptra-lime);
      opacity: 0.9;
      font-size: clamp(1.35rem, 2.8vw, 1.75rem);
      font-weight: 700;
      line-height: 1;
      user-select: none;
      padding: 0 2px;
    }

    .payroll-flow__engine {
      position: relative;
      justify-self: stretch;
      text-align: center;
      padding: 20px 16px 22px;
      border-radius: 16px;
      border: 1px solid rgba(131, 193, 51, 0.5);
      background:
        radial-gradient(120% 80% at 50% 0%, rgba(168, 224, 99, 0.16) 0%, transparent 55%),
        linear-gradient(168deg, rgba(131, 193, 51, 0.11) 0%, rgba(0, 0, 0, 0.32) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.25),
        0 12px 36px rgba(0, 0, 0, 0.38),
        0 0 40px rgba(131, 193, 51, 0.08);
      overflow: hidden;
    }

    .payroll-flow__engine::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, transparent 42%);
      mix-blend-mode: soft-light;
    }

    .payroll-flow__engine-icon {
      position: relative;
      z-index: 1;
      width: 68px;
      height: 68px;
      margin: 0 auto 14px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
        radial-gradient(circle at 50% 100%, rgba(131, 193, 51, 0.12) 0%, transparent 45%),
        linear-gradient(160deg, rgba(30, 58, 95, 0.65) 0%, rgba(5, 15, 35, 0.92) 100%);
      border: 1px solid rgba(131, 193, 51, 0.55);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 4px 14px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 28px rgba(131, 193, 51, 0.2);
    }

    .payroll-flow__engine-icon svg {
      width: 38px;
      height: 38px;
      display: block;
    }

    .payroll-flow__engine-title {
      position: relative;
      z-index: 1;
      margin: 0 0 4px;
      font-size: 0.64rem;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--camptra-lime);
    }

    .payroll-flow__engine-name {
      position: relative;
      z-index: 1;
      margin: 0 0 10px;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: clamp(1rem, 2.2vw, 1.2rem);
      font-weight: 700;
      color: #fff;
      letter-spacing: -0.02em;
      line-height: 1.2;
      text-shadow: 0 1px 18px rgba(0, 0, 0, 0.35);
    }

    .payroll-flow__engine-text {
      position: relative;
      z-index: 1;
      margin: 0;
      font-size: 0.78rem;
      line-height: 1.45;
      color: rgba(255, 255, 255, 0.78);
    }

    .payroll-flow__out-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      align-items: start;
    }

    @media (max-width: 640px) {
      .payroll-flow__out-grid {
        grid-template-columns: 1fr;
      }
    }

    .payroll-flow__out-card {
      padding: 0;
      border-radius: 14px;
      background: rgba(15, 23, 42, 0.72);
      border: 1px solid rgba(255, 255, 255, 0.12);
      overflow: hidden;
      box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4);
    }

    .payroll-flow__out-card-top {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 11px 13px;
      background: rgba(255, 255, 255, 0.05);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .payroll-flow__out-card-badge {
      width: 36px;
      height: 36px;
      border-radius: 10px;
      flex-shrink: 0;
      display: grid;
      place-items: center;
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.04em;
    }

    .payroll-flow__out-card-badge--xl {
      background: linear-gradient(145deg, #1d6f42 0%, #14532d 100%);
      color: #fff;
      box-shadow: 0 4px 14px rgba(29, 111, 66, 0.5);
    }

    .payroll-flow__out-card-badge--dash {
      background: rgba(131, 193, 51, 0.15);
      border: 1px solid rgba(131, 193, 51, 0.4);
      color: var(--camptra-lime);
    }

    .payroll-flow__out-card-badge--dash svg {
      width: 18px;
      height: 18px;
    }

    .payroll-flow__out-card-title-wrap {
      min-width: 0;
    }

    .payroll-flow__out-card-title {
      margin: 0;
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.045em;
      color: #fff;
      line-height: 1.28;
      word-break: normal;
      overflow-wrap: break-word;
      hyphens: none;
      text-wrap: wrap;
    }

    .payroll-flow__out-card-sub {
      margin: 5px 0 0;
      font-size: 0.69rem;
      line-height: 1.4;
      color: rgba(255, 255, 255, 0.52);
      text-wrap: wrap;
    }

    .payroll-flow__out-card-body {
      padding: 11px 12px 13px;
    }

    /* Excel-style exception preview */
    .payroll-flow__sheet-frame {
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid #94a3b8;
      background: #fff;
      box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 12px 28px rgba(0, 0, 0, 0.28);
    }

    .payroll-flow__sheet-winbar {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 6px 9px;
      background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
      border-bottom: 1px solid #cbd5e1;
    }

    .payroll-flow__sheet-dots {
      display: flex;
      gap: 5px;
      flex-shrink: 0;
    }

    .payroll-flow__sheet-dots span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
    }

    .payroll-flow__sheet-dots span:nth-child(1) { background: #ef4444; }
    .payroll-flow__sheet-dots span:nth-child(2) { background: #eab308; }
    .payroll-flow__sheet-dots span:nth-child(3) { background: #22c55e; }

    .payroll-flow__sheet-fname {
      font-size: 0.63rem;
      font-weight: 600;
      color: #334155;
      letter-spacing: 0.02em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 0;
    }

    .payroll-flow__sheet-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.66rem;
      font-variant-numeric: tabular-nums;
      color: #0f172a;
    }

    .payroll-flow__sheet-table th {
      text-align: left;
      padding: 6px 8px;
      background: #0f172a;
      color: rgba(255, 255, 255, 0.95);
      font-weight: 600;
      font-size: 0.58rem;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      border-bottom: 2px solid #217346;
    }

    .payroll-flow__sheet-table th:last-child {
      text-align: right;
    }

    .payroll-flow__sheet-table td {
      padding: 5px 8px;
      border-bottom: 1px solid #e2e8f0;
      background: #fff;
    }

    .payroll-flow__sheet-table tr:nth-child(even) td {
      background: #f8fafc;
    }

    .payroll-flow__sheet-table td:last-child {
      text-align: right;
      font-weight: 700;
    }

    .payroll-flow__sheet-cell--bad {
      background: #fef2f2 !important;
      color: #b91c1c;
    }

    .payroll-flow__sheet-cell--ok {
      background: #f0fdf4 !important;
      color: #15803d;
    }

    /* Dashboard preview */
    .payroll-flow__dash-frame {
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.12);
      background: linear-gradient(165deg, #0b1220 0%, #111827 45%, #0f172a 100%);
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    }

    .payroll-flow__dash-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 7px 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: rgba(0, 0, 0, 0.2);
    }

    .payroll-flow__dash-brand {
      font-size: 0.55rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.45);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 0;
    }

    .payroll-flow__dash-live {
      font-size: 0.58rem;
      font-weight: 700;
      padding: 3px 8px;
      border-radius: 999px;
      background: rgba(131, 193, 51, 0.2);
      color: var(--camptra-lime);
      border: 1px solid rgba(131, 193, 51, 0.35);
    }

    .payroll-flow__dash-charts {
      padding: 10px 11px 12px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .payroll-flow__dash-chart-label {
      display: block;
      margin: 0 0 6px;
      font-size: 0.52rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.4);
    }

    .payroll-flow__dash-bars {
      display: flex;
      align-items: flex-end;
      justify-content: stretch;
      gap: 4px;
      height: 44px;
      padding: 0 1px;
    }

    .payroll-flow__dash-bar {
      flex: 1;
      min-width: 0;
      height: var(--h, 40%);
      border-radius: 3px 3px 2px 2px;
      background: linear-gradient(180deg, rgba(131, 193, 51, 0.85) 0%, rgba(91, 143, 36, 0.55) 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
      opacity: 0.92;
    }

    .payroll-flow__dash-bar:nth-child(3n) {
      background: linear-gradient(180deg, rgba(147, 197, 253, 0.5) 0%, rgba(59, 130, 246, 0.28) 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .payroll-flow__dash-bar:nth-child(5n) {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.07) 100%);
    }

    .payroll-flow__dash-chart-split {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: 10px;
      align-items: stretch;
    }

    .payroll-flow__dash-chart-panel {
      padding: 8px 8px 9px;
      border-radius: 8px;
      background: rgba(0, 0, 0, 0.28);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .payroll-flow__dash-spark {
      display: block;
      width: 100%;
      height: auto;
      min-height: 38px;
      margin-top: 2px;
    }

    .payroll-flow__dash-donut-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 4px;
    }

    .payroll-flow__dash-donut {
      width: 48px;
      height: 48px;
      flex-shrink: 0;
      border-radius: 50%;
      background: conic-gradient(
        var(--camptra-lime) 0deg 132deg,
        rgba(147, 197, 253, 0.55) 132deg 235deg,
        rgba(255, 255, 255, 0.12) 235deg 310deg,
        rgba(255, 255, 255, 0.06) 310deg 360deg
      );
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
      mask: radial-gradient(circle, transparent 58%, #000 59%);
      -webkit-mask: radial-gradient(circle, transparent 58%, #000 59%);
    }

    .payroll-flow__dash-hbars {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 5px;
      justify-content: center;
    }

    .payroll-flow__dash-hbar {
      height: 5px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.16);
      width: var(--w, 70%);
      max-width: 100%;
    }

    .payroll-flow__dash-hbar--accent {
      background: linear-gradient(90deg, rgba(131, 193, 51, 0.5), rgba(131, 193, 51, 0.15));
    }

    @media (max-width: 400px) {
      .payroll-flow__dash-chart-split {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 1180px) {
      .payroll-flow-infographic {
        grid-template-columns: 1fr;
        justify-items: stretch;
      }

      .payroll-flow__bridge {
        transform: rotate(90deg);
        padding: 2px 0;
      }

      .payroll-flow__sources {
        max-width: none;
      }

      .payroll-flow__engine {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
      }

      .payroll-flow__results {
        max-width: min(560px, 100%);
        margin-left: auto;
        margin-right: auto;
      }
    }

    .payroll-flow__footnote {
      margin: 18px 0 0;
      font-size: 0.78rem;
      line-height: 1.4;
      color: rgba(255, 255, 255, 0.55);
      max-width: none;
      width: 100%;
    }

    /* Security */
    .sec-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    @media (max-width: 720px) {
      .sec-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 480px) {
      .sec-grid { grid-template-columns: 1fr; }
    }

    .sec-item {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 16px;
      border: 1px solid var(--border);
      border-radius: 8px;
      background: var(--surface-alt);
      font-size: 0.875rem;
    }

    .sec-item strong { display: block; color: var(--text); margin-bottom: 2px; }

    /* Quote / testimonials */
    .quote-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      margin-top: 8px;
      align-items: stretch;
    }

    @media (max-width: 960px) {
      .quote-grid {
        grid-template-columns: 1fr;
      }
    }

    .quote-block {
      display: flex;
      flex-direction: column;
      height: 100%;
      margin: 0;
      padding: 28px 26px;
      border-left: 4px solid var(--camptra-lime);
      background: var(--surface);
      border-radius: 0 10px 10px 0;
      box-shadow: 0 8px 32px rgba(0, 86, 167, 0.1);
    }

    .quote-block--placeholder {
      border-left-color: rgba(0, 86, 167, 0.35);
      box-shadow: 0 4px 20px rgba(0, 86, 167, 0.06);
      border: 1px dashed rgba(0, 86, 167, 0.22);
      border-left: 4px solid rgba(131, 193, 51, 0.45);
    }

    .quote-block__label {
      margin: 0 0 12px;
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--camptra-navy);
      opacity: 0.75;
    }

    .quote-block blockquote {
      margin: 0 0 16px;
      flex: 1 1 auto;
      font-size: 1.0625rem;
      line-height: 1.55;
      font-style: italic;
      color: var(--text);
    }

    .quote-meta {
      font-size: 0.9rem;
      color: var(--text-muted);
      margin-top: auto;
    }

    .quote-block__quote-inner {
      padding: 16px 18px;
      border: 1px dashed rgba(0, 86, 167, 0.38);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.65);
    }

    .quote-block__quote-inner blockquote {
      margin: 0;
      color: var(--text-muted);
    }

    .quote-block__attribution {
      display: flex;
      align-items: center;
      gap: 14px;
      margin: 16px 0 0;
      padding-top: 16px;
      border-top: 1px solid rgba(0, 86, 167, 0.28);
    }

    .quote-avatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 2px solid rgba(0, 86, 167, 0.35);
      background: linear-gradient(160deg, #0f1b2e 0%, #1a2740 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-family: "Work Sans", system-ui, sans-serif;
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      color: #c4b5fd;
    }

    .quote-attribution__name {
      font-size: 0.95rem;
      font-weight: 700;
      color: var(--text);
      line-height: 1.3;
    }

    .quote-attribution__role {
      margin-top: 4px;
      font-size: 0.875rem;
      color: var(--text-muted);
      line-height: 1.35;
    }

    #quote .lead {
      max-width: none;
      width: 100%;
      margin-bottom: 20px;
    }

    /* CTA band */
    .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }

    .reassure {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 12px 24px;
      font-size: 0.875rem;
      color: rgba(255, 255, 255, 0.88);
    }

    .reassure li::before {
      content: "✓ ";
      color: var(--camptra-lime);
      font-weight: 700;
    }

    /* Footer */
    .footer-grid {
      display: grid;
      grid-template-columns: 2fr repeat(3, minmax(0, 1fr));
      gap: 32px;
      margin-bottom: 32px;
    }

    @media (max-width: 800px) {
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 500px) {
      .footer-grid { grid-template-columns: 1fr; }
    }

    .footer-grid h3 {
      margin: 0 0 12px;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.55);
    }

    .footer-grid ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .footer-grid a {
      color: rgba(255, 255, 255, 0.85);
      text-decoration: none;
      display: block;
      padding: 4px 0;
    }

    .footer-grid a:hover { color: #fff; text-decoration: underline; }

    .footer-bottom {
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.55);
      text-align: center;
    }

    .footer-bottom a { color: rgba(255, 255, 255, 0.7); margin: 0 10px; }

    /* Request demo modal */
    .demo-modal {
      max-width: min(440px, 100vw - 32px);
      width: 100%;
      padding: 0;
      box-sizing: border-box;
      border: none;
      border-radius: 12px;
      background: var(--surface);
      color: var(--text);
      box-shadow: 0 24px 48px rgba(2, 16, 24, 0.35);
    }

    .demo-modal::backdrop {
      background: rgba(2, 16, 24, 0.65);
      backdrop-filter: blur(4px);
    }

    .demo-modal__inner {
      padding: 28px 28px 24px;
      max-height: 90vh;
      max-height: 90dvh;
      overflow-y: auto;
      overscroll-behavior: contain;
    }

    .demo-modal__head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 20px;
    }

    .demo-modal__title {
      margin: 0;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.25;
      color: var(--text);
      font-family: "Work Sans", system-ui, sans-serif;
    }

    .demo-modal__close {
      flex-shrink: 0;
      width: 36px;
      height: 36px;
      margin: -6px -6px 0 0;
      border: none;
      border-radius: 8px;
      background: transparent;
      color: var(--text-muted);
      font-size: 1.5rem;
      line-height: 1;
      cursor: pointer;
      transition: background 0.15s ease, color 0.15s ease;
    }

    .demo-modal__close:hover {
      background: var(--surface-alt);
      color: var(--text);
    }

    .demo-modal__close:focus-visible {
      outline: 2px solid var(--camptra-navy);
      outline-offset: 2px;
    }

    .demo-form {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .demo-form label {
      display: block;
      font-size: 0.8125rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: 6px;
    }

    .demo-form input,
    .demo-form textarea {
      width: 100%;
      padding: 10px 12px;
      border-radius: 6px;
      border: 1px solid var(--border);
      font-family: inherit;
      font-size: 0.9375rem;
      color: var(--text);
      background: var(--surface);
      box-sizing: border-box;
    }

    .demo-form input:focus,
    .demo-form textarea:focus {
      outline: none;
      border-color: var(--camptra-navy);
      box-shadow: 0 0 0 3px rgba(0, 86, 167, 0.15);
    }

    .demo-form textarea {
      min-height: 100px;
      resize: vertical;
    }

    .demo-form__actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 4px;
    }

    .demo-form__actions .btn {
      flex: 1;
      min-width: 120px;
    }

    .btn--secondary {
      background: var(--surface-alt);
      color: var(--text);
      border: 1px solid var(--border);
    }

    .btn--secondary:hover {
      background: #e8eaef;
    }

    .demo-modal__status {
      margin: 0;
      padding: 12px 14px;
      border-radius: 8px;
      font-size: 0.9375rem;
      background: rgba(131, 193, 51, 0.12);
      color: var(--text);
      border: 1px solid rgba(131, 193, 51, 0.35);
    }

    .demo-modal__status[hidden] {
      display: none;
    }

    .demo-modal--sandbox {
      max-width: min(520px, 100vw - 32px);
    }

    .demo-modal--sandbox .demo-modal__inner {
      padding: 18px 20px 16px;
      max-height: none;
      overflow: visible;
    }
    .demo-modal--sandbox .demo-modal__head {
      margin-bottom: 10px;
    }
    .demo-modal--sandbox .sandbox-form__intro {
      margin: 0 0 10px;
      font-size: 0.8125rem;
      line-height: 1.42;
    }
    .demo-modal--sandbox .sandbox-form {
      gap: 10px;
    }
    .demo-modal--sandbox .sandbox-form__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px 14px;
    }
    @media (max-width: 479px) {
      .demo-modal--sandbox .sandbox-form__row {
        grid-template-columns: 1fr;
      }
    }
    .demo-modal--sandbox .demo-form label {
      margin-bottom: 3px;
      font-size: 0.75rem;
    }
    .demo-modal--sandbox .demo-form input,
    .demo-modal--sandbox .demo-form textarea {
      padding: 7px 9px;
      font-size: 0.875rem;
    }
    .demo-modal--sandbox .demo-form textarea {
      min-height: 44px;
    }
    .demo-modal--sandbox .sandbox-form__checkbox label {
      font-size: 0.8125rem;
      line-height: 1.35;
    }
    @media (max-height: 520px) {
      .demo-modal--sandbox .demo-modal__inner {
        max-height: min(92dvh, 100%);
        overflow-y: auto;
      }
    }

    .sandbox-form__intro {
      margin: 0 0 18px;
      font-size: 0.9375rem;
      line-height: 1.55;
      color: var(--text-muted);
    }

    .sandbox-form__intro a {
      color: var(--camptra-navy);
      font-weight: 600;
    }

    .sandbox-form__checkbox {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }

    .sandbox-form__checkbox input {
      width: auto;
      margin-top: 3px;
      flex-shrink: 0;
    }

    .sandbox-form__checkbox label {
      font-weight: 500;
      margin-bottom: 0;
      font-size: 0.875rem;
      line-height: 1.45;
    }

    .sandbox-form__checkbox a {
      color: var(--camptra-navy);
      font-weight: 600;
    }

    @media (max-width: 640px) {
      .band {
        padding: 48px 0;
      }

      .band--tight {
        padding: 40px 0;
      }

      .band--footer {
        padding: 36px 0 28px;
      }

      .hero {
        padding: 40px 0 56px;
      }

      .hero__mock-panel {
        padding: 24px 18px;
      }

      .hero__lead-pill {
        margin-inline: 8px;
        padding: 8px 14px 8px 11px;
        gap: 6px;
      }

      .hero__display-row {
        white-space: normal;
        flex-wrap: wrap;
        justify-content: center;
      }

      .hero__display {
        font-size: clamp(2.25rem, 10vw, 6.19rem);
      }

      .hero__actions {
        flex-direction: column;
        align-items: stretch;
      }

      .hero__actions .btn {
        width: 100%;
        text-align: center;
      }

      .quote-block {
        padding: 22px 18px;
        margin-inline: 0;
      }

      .quote-block blockquote {
        font-size: 1rem;
      }

      .cta-actions {
        flex-direction: column;
        align-items: stretch;
      }

      .cta-actions .btn {
        width: 100%;
        text-align: center;
      }

      .demo-modal__inner {
        padding: 22px 18px 18px;
      }
    }

    @media (max-width: 380px) {
      .problem-list li {
        padding: 16px 14px;
      }

    }

    .back-to-top {
      position: fixed;
      right: max(16px, env(safe-area-inset-right, 0px));
      bottom: max(16px, env(safe-area-inset-bottom, 0px));
      z-index: 150;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 1px solid rgba(0, 86, 167, 0.22);
      background: rgba(255, 255, 255, 0.96);
      color: var(--camptra-navy-deep);
      box-shadow: 0 4px 18px rgba(0, 56, 107, 0.14);
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      line-height: 1;
      font-family: inherit;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }
    .back-to-top:hover {
      background: var(--camptra-lime);
      border-color: var(--camptra-lime-hover);
      color: var(--text);
      box-shadow: 0 6px 22px rgba(0, 56, 107, 0.18);
    }
    .back-to-top:focus-visible {
      outline: 2px solid var(--camptra-red);
      outline-offset: 2px;
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }
    }/* End custom CSS */