/* HIL V4 — target-design lock. Desktop values calibrated to the approved 1364x4096 target. */
:root{--navy:#06213d;--blue:#1680ff;--ink:#102640;--muted:#6d8198;--line:#dfe8f2;--soft2:#eef7ff}
.container{width:min(1270px,calc(100% - 48px));margin:0 auto}
.heroWrap{background:radial-gradient(circle at 79% 18%,rgba(42,118,196,.17),transparent 34%),linear-gradient(180deg,#061e38 0%,#06213d 100%)}
.heroWrap:before{width:760px;height:760px;right:-40px;top:-480px;border-color:rgba(255,255,255,.06);box-shadow:0 0 0 72px rgba(255,255,255,.012),0 0 0 145px rgba(255,255,255,.009)}
.heroWrap:after{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(113,181,237,.08);border-radius:50%;right:30px;top:74px;transform:scaleY(.48);pointer-events:none}
nav{height:78px}
.brandLogo{font-size:32px}.brandText{font-size:12px}.navLinks{gap:34px;font-size:12px}.navBtn{padding:12px 23px;border-radius:7px}
.hero{grid-template-columns:.46fr .54fr;gap:44px;min-height:590px;padding:26px 0 46px}
.hero h1{font-size:56px;line-height:1.02;letter-spacing:-.047em;margin:14px 0 18px;max-width:560px}
.hero p{font-size:15.5px;line-height:1.65;max-width:565px;margin-bottom:25px}.eyebrow{font-size:10.5px}
.primaryBtn,.outlineBtn{height:48px;padding:0 22px;font-size:13px;border-radius:7px}.heroActions{gap:13px;margin-bottom:27px}
.heroMini{gap:38px;font-size:11px}.miniIcon{width:27px;height:27px}
.dashShell{border-radius:16px;padding:16px;box-shadow:0 24px 65px rgba(4,28,54,.30)}
.dashTop{height:34px}.dashBrand{font-size:27px}.client{font-size:10px}.dashBody{grid-template-columns:120px 1fr;gap:14px}
.sideNav div{font-size:10.5px;padding:9px 10px}.dashMain{padding:16px}.perfHead{font-size:12.5px}.metricGrid{gap:9px}.metricCard{padding:13px}.metricCard small{font-size:8.5px}.metricCard strong{font-size:22px}.metricCard em{font-size:8.5px}
.chartBox{height:190px;margin-top:15px;padding:12px}.chartSvg{height:143px}.tooltip{left:48%;top:36%;font-size:8.5px;padding:9px 11px}
.statRibbon{padding:41px 0 42px;background:#f8fbff}.ribbonGrid{gap:18px}.ribbonCard{height:96px;border-radius:8px;padding:16px 15px;gap:14px;box-shadow:0 6px 18px rgba(38,86,132,.06)}
.rIcon{width:44px;height:44px;flex:0 0 44px;font-size:17px}.ribbonCard strong{font-size:12px;line-height:1.25}.ribbonCard small{font-size:10px;margin-top:4px}
#features.section{padding:42px 0 56px}.centerHead{max-width:880px;margin-bottom:34px}.sectionEyebrow{font-size:11px;margin-bottom:10px}.centerHead h2{font-size:38px;line-height:1.1;margin-bottom:10px}.centerHead p{font-size:16px}
.featuresGrid{gap:15px}.featureCard{min-height:164px;padding:24px 23px;gap:17px;border-radius:9px;box-shadow:0 7px 22px rgba(33,77,121,.035)}
.fIcon{width:48px;height:48px;flex:0 0 48px;font-size:19px}.featureCard h3{font-size:16px;margin:2px 0 8px}.featureCard p{font-size:13px;line-height:1.52}
#connectors.section{padding:55px 0 50px}.connectors{gap:14px}.connectorCard{min-height:260px;padding:22px 14px;border-radius:9px}.productIcon{width:58px;height:58px;margin-bottom:14px;font-size:21px}.connectorCard h3{font-size:12px;margin-bottom:7px}.status{font-size:8.5px;padding:4px 8px;margin-bottom:11px}.connectorCard p{font-size:10px;line-height:1.48;min-height:49px;margin-bottom:10px}.connectorCard a{font-size:10px}
#connectors + .section{padding:68px 0 68px}.flow{margin-top:40px;grid-template-columns:1fr 54px 1fr 54px 1fr 54px 1fr}.flowIcon{width:76px;height:76px;font-size:27px;margin-bottom:15px}.flowStep strong{font-size:13px;margin-bottom:6px}.flowStep p{font-size:10px;line-height:1.5;max-width:190px;margin:0 auto}.arrow{font-size:24px;padding-top:24px}
.insightsWrap{padding:48px 0 58px}.insightTitleRow{margin-bottom:24px}.insightTitleRow h2{font-size:36px;margin:5px 0 5px}.insightTitleRow p{font-size:13px}.insightTitleRow a{font-size:11px}
.insightPanel{grid-template-columns:230px 1fr;gap:15px;padding:15px;min-height:585px;border-radius:10px}.insightMenu{padding:11px}.menuItem{height:52px;font-size:11px}.menuDot{width:30px;height:30px}.opportunity{padding:15px}.opHeader h3{font-size:14px}.opHeader span{font-size:9px}.opTable{font-size:10px}.opTable th{padding:8px 7px}.opTable td{padding:9px 7px}.chip{font-size:8px}.lowerCharts{gap:13px;margin-top:13px}.smallChart,.countryBox{min-height:185px;padding:13px}.smallChart h4,.countryBox h4{font-size:11px}.trendSvg{height:118px}.countryRow{font-size:10px;padding:6px 0}
#usecases.section{padding:60px 0 66px}.splitHead{margin-bottom:28px}.splitHead h2{font-size:36px;margin:5px 0 7px}.splitHead p{font-size:13px}.caseGrid{gap:15px}.caseCard{min-height:110px;padding:20px 18px;gap:13px}.caseIcon{width:40px;height:40px;flex:0 0 40px}.caseCard strong{font-size:11px;margin:3px 0 5px}.caseCard span{font-size:9.5px}
.securitySection{padding:55px 0 58px}.securityStrip{gap:30px;margin-top:28px}.securityIcon{width:45px;height:45px;flex:0 0 45px}.securityItem strong{font-size:11px;margin:3px 0 4px}.securityItem span{font-size:9.5px}
.ctaBand{padding:58px 0 60px;background:linear-gradient(90deg,#0a3159 0%,#0b3a66 66%,#0c3761 100%)}
.ctaBand:after{right:-20px;bottom:-10px;width:650px;height:185px;background:linear-gradient(145deg,transparent 0 21%,#123d69 21% 36%,transparent 36% 40%,#1d4b78 40% 54%,transparent 54% 58%,#214e7c 58% 72%,transparent 72%);opacity:.98}
.ctaBand:before{content:"";position:absolute;right:150px;bottom:-15px;width:360px;height:150px;background:linear-gradient(145deg,transparent 0 34%,#0f365f 34% 49%,transparent 49%);opacity:.92}
.ctaContent{max-width:760px}.ctaBand h2{font-size:34px;margin-bottom:9px}.ctaBand p{font-size:13px;margin-bottom:21px}.ctaTagline{position:absolute;right:64px;bottom:64px;z-index:3;color:#fff;font-size:17px;line-height:1.25;text-align:left}.ctaTagline b{color:#5aaeff;font-weight:500}.ctaActions .primaryBtn{height:43px}.ctaOutline{height:43px;font-size:11px}
.footer{padding:30px 0;min-height:150px}.footerRow{min-height:90px}.footerNav{gap:24px;font-size:10px}.footerRight{font-size:9px;line-height:1.55}.footerLogo{font-size:28px}.footerName{font-size:10px}.footerUrl{font-size:9px;color:#5aaeff;margin-top:8px;display:block}
@media(max-width:1000px){.container{width:min(94%,1270px)}.navLinks{gap:18px}.hero{grid-template-columns:1fr}.hero h1{font-size:50px}.ribbonGrid,.connectors{grid-template-columns:repeat(3,1fr)}.featuresGrid{grid-template-columns:1fr 1fr}.caseGrid{grid-template-columns:1fr 1fr}.securityStrip{grid-template-columns:1fr 1fr}.ctaTagline{display:none}}
@media(max-width:680px){.container{width:min(100% - 28px,1270px)}.statRibbon{padding:20px 0}.ribbonGrid,.connectors,.featuresGrid,.caseGrid,.securityStrip{grid-template-columns:1fr}.ribbonCard{height:auto;min-height:78px}.centerHead h2{font-size:32px}.insightPanel{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg);padding:8px 0}.footer{min-height:auto}}

/* Exact target geometry pass — 1365px desktop capture */
@media(min-width:1001px){
.heroWrap{height:668px}.hero{height:590px;min-height:590px}
.hero h1{font-size:52px;line-height:1.04;max-width:590px}.dashShell{transform:translateY(2px)}.chartBox{height:206px}.chartSvg{height:159px}
.statRibbon{height:180px;padding:41px 0 42px}
#features.section{height:560px;padding:42px 0 56px}
#connectors.section{height:480px;padding:27px 0 36px}
#connectors + .section{height:394px;padding:34px 0 32px}
.insightsWrap{height:796px;padding:38px 0 42px}
#usecases.section{height:290px;padding:36px 0 34px}
.securitySection{height:320px;padding:48px 0 50px}
.ctaBand{height:260px;padding:46px 0 44px}.footer{height:148px;min-height:148px;padding:25px 0}
.featureCard h3{font-size:17px}.featureCard p{font-size:14px}.fIcon{width:52px;height:52px;flex-basis:52px;font-size:20px}
.insightPanel{grid-template-columns:340px 1fr;min-height:590px}.menuItem{height:82px;font-size:12px}.menuDot{width:36px;height:36px}.insightMenu{padding:12px}
.opTable{font-size:11px}.opTable th{padding:9px 7px}.opTable td{padding:10px 7px}.opHeader h3{font-size:15px}.opHeader span{font-size:10px}
.smallChart,.countryBox{min-height:248px}.trendSvg{height:170px}.countryRow{font-size:11px;padding:8px 0}
}

@media(min-width:1001px){
.hero h1 span{white-space:nowrap}
.brandSvg{background:transparent;width:58px;height:58px}.brandSvg svg{width:46px;height:46px;display:block;margin:auto}
.flowIcon{font-size:0;position:relative}.flowStep:nth-child(1) .flowIcon:before{content:'⛓';font-size:30px}.flowStep:nth-child(3) .flowIcon:before{content:'▤';font-size:28px}.flowStep:nth-child(5) .flowIcon:before{content:'⌕';font-size:32px}.flowStep:nth-child(7) .flowIcon:before{content:'▥';font-size:30px}
.ctaContent{max-width:920px}.ctaBand h2{font-size:31px;white-space:nowrap}
.ctaBand:after{right:-5px;bottom:0;width:720px;height:230px;background:linear-gradient(180deg,rgba(48,103,158,.28),rgba(18,57,94,.6));clip-path:polygon(0 100%,8% 87%,18% 79%,28% 66%,37% 74%,49% 55%,58% 62%,68% 34%,77% 45%,86% 20%,94% 35%,100% 27%,100% 100%);opacity:1}
.ctaBand:before{right:30px;bottom:0;width:600px;height:190px;background:#184876;clip-path:polygon(0 100%,14% 88%,24% 70%,33% 76%,46% 52%,57% 65%,69% 41%,79% 55%,90% 32%,100% 48%,100% 100%);opacity:.75}
.ctaTagline{right:75px;bottom:76px;font-size:18px}.ctaTagline b{color:#5db1ff}
}

/* Final target-detail pass */
@media(min-width:1001px){
.statRibbon .container,#features .container,#connectors .container,#usecases .container{width:1300px;max-width:calc(100% - 34px)}
.brandLogo{font-size:38px}.brandText{font-size:13px}.navBtn{height:48px;padding:0 28px;display:flex;align-items:center;font-size:13px}
.hero h1{font-size:50px;line-height:1.04}.hero p{font-size:16px}
.dashShell{width:665px;height:466px;justify-self:end;transform:translate(9px,2px)}
.heroActions{gap:26px;margin-bottom:44px}.heroActions .primaryBtn{width:190px;height:58px;font-size:14px}.heroActions .outlineBtn{width:210px;height:58px;font-size:14px}.heroMini{gap:62px;font-size:11.5px}
.rIcon{width:54px;height:54px;flex-basis:54px;font-size:19px}
.productIcon,.brandSvg{width:70px;height:70px}.brandSvg svg{width:58px;height:58px}.connectorCard h3{font-size:13px}.connectorCard p{font-size:11px}
.flowStep strong{font-size:15px}.flowStep p{font-size:12px}.flowIcon{width:82px;height:82px}
.insightPanel{grid-template-columns:360px 1fr}.menuItem{font-size:13px}.menuDot{width:38px;height:38px}.opTable{font-size:11.5px}.countryRow{font-size:11px}
.caseCard strong{font-size:12px}.caseCard span{font-size:10px}.securityIcon{width:50px;height:50px;flex-basis:50px}.securityItem strong{font-size:12px}.securityItem span{font-size:10px}
.ctaBand h2{font-size:30px}.ctaBand p{font-size:12px}
}

/* Final target-design CTA mountain treatment. */
.ctaBand:before,.ctaBand:after{display:none!important}
.ctaBand .container{position:relative;z-index:2}
.mountainArt{position:absolute;right:-28px;bottom:-2px;width:670px;height:205px;z-index:1;pointer-events:none;overflow:hidden}
.ridge{position:absolute;inset:auto 0 0 0;height:100%;display:block;transform-origin:bottom center}
.ridge.back{background:linear-gradient(180deg,#1c4f7e,#17466f);clip-path:polygon(0 100%,15% 74%,26% 56%,35% 69%,46% 37%,55% 57%,69% 25%,77% 45%,88% 14%,100% 38%,100% 100%);opacity:.9}
.ridge.mid{background:linear-gradient(180deg,#214f7a,#173f66);clip-path:polygon(4% 100%,22% 82%,37% 60%,49% 76%,62% 47%,71% 66%,84% 39%,100% 64%,100% 100%);opacity:.9}
.ridge.front{background:linear-gradient(180deg,#123b64,#0e3154);clip-path:polygon(0 100%,28% 88%,44% 70%,54% 82%,67% 63%,78% 76%,91% 58%,100% 67%,100% 100%);opacity:.95}
.ctaTagline{right:55px;bottom:58px;font-size:18px;text-shadow:0 2px 10px rgba(0,0,0,.18)}
@media(max-width:1000px){.mountainArt{opacity:.55;right:-180px}.ctaTagline{display:none}}

/* Professional native-UI pass — no screenshot-derived dashboard imagery */
.heroVisual,.insightsVisual,.ctaImage{display:none!important}
.heroDashboard{width:665px;height:466px;justify-self:end;overflow:hidden;filter:drop-shadow(0 24px 48px rgba(0,20,40,.24))}
.heroDashboard .dashBody{height:382px}.heroDashboard .dashMain{min-width:0}.heroDashboard .chartBox{height:196px}.heroDashboard .chartSvg{height:148px}
.nativeInsights{display:grid!important;width:100%;height:auto;min-height:590px}.nativeInsights .insightMain{min-width:0}.datePill.light{color:#72859a;background:#f7faff;border:1px solid #e3ebf4}.chartCardHead{display:flex;align-items:center;justify-content:space-between}.upBadge{font-size:10px;font-weight:800;color:#20a95a;background:#e4f8ec;border-radius:999px;padding:4px 8px}.countrySub{display:block;color:#91a0b0;font-size:9px;margin:-5px 0 8px}
.ctaBand{isolation:isolate}.ctaMountains{position:absolute;right:0;inset-block:0;width:58%;z-index:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 17%,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 17%,#000 100%)}.ctaMountains svg{width:100%;height:100%;display:block}.ctaBand .container{position:relative;z-index:2}.ctaTagline{display:block!important;position:absolute;right:42px;bottom:58px;z-index:3;color:#fff;font-size:18px;line-height:1.24;text-shadow:0 2px 12px rgba(0,0,0,.18)}.ctaTagline b{color:#59adff;font-weight:500}
.footer:after{display:none!important}.footerMountains{position:absolute;right:-82px;bottom:-86px;width:430px;height:180px;opacity:.07;pointer-events:none}.footerRow{position:relative;z-index:2}
@media(min-width:1001px){.heroDashboard{transform:translate(9px,2px)}.nativeInsights{grid-template-columns:360px 1fr}.nativeInsights .menuItem{height:82px}.nativeInsights .lowerCharts{grid-template-columns:1.25fr .75fr}.ctaMountains{width:60%}}
@media(max-width:1000px){.heroDashboard{width:100%;height:auto;min-height:420px;justify-self:center;transform:none}.nativeInsights{grid-template-columns:1fr}.ctaMountains{width:100%;opacity:.5}.ctaTagline{display:none!important}.footerMountains{opacity:.04}}
@media(max-width:680px){.heroDashboard{min-height:390px}.heroDashboard .dashBody{grid-template-columns:90px 1fr}.nativeInsights .insightMenu{display:grid;grid-template-columns:1fr 1fr}.nativeInsights .menuItem{height:auto;min-height:54px}.opTable{font-size:8px}.opTable th,.opTable td{padding:7px 4px}.lowerCharts{grid-template-columns:1fr!important}}

/* Footer vector containment — PPP QA fix */
.footer{position:relative;overflow:hidden}

/* Professional icon system — native SVG, no placeholder glyphs */
.iconSvg{width:1em;height:1em;display:block;overflow:visible}
.rIcon,.fIcon,.flowIcon,.caseIcon,.securityIcon,.miniIcon{line-height:1}
.rIcon .iconSvg{width:21px;height:21px}
.fIcon .iconSvg{width:22px;height:22px}
.flowIcon .iconSvg{width:30px;height:30px}
.caseIcon .iconSvg{width:18px;height:18px}
.securityIcon .iconSvg{width:20px;height:20px}
.miniIcon .iconSvg{width:14px;height:14px}
.flowIcon:before{display:none!important;content:none!important}
.heroMini .miniIcon{display:grid;place-items:center}


/* Bootstrap + Font Awesome production correction — 2026-09-16 */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}
.container,.statRibbon .container,#features .container,#connectors .container,#usecases .container{width:100%!important;max-width:100%!important;margin-right:auto!important;margin-left:auto!important;padding-right:12px!important;padding-left:12px!important}
@media(min-width:576px){.container,.statRibbon .container,#features .container,#connectors .container,#usecases .container{max-width:540px!important}}
@media(min-width:768px){.container,.statRibbon .container,#features .container,#connectors .container,#usecases .container{max-width:720px!important}}
@media(min-width:992px){.container,.statRibbon .container,#features .container,#connectors .container,#usecases .container{max-width:960px!important}}
@media(min-width:1200px){.container,.statRibbon .container,#features .container,#connectors .container,#usecases .container{max-width:1140px!important}}
@media(min-width:1400px){.container,.statRibbon .container,#features .container,#connectors .container,#usecases .container{max-width:1320px!important}}
.rIcon,.fIcon,.flowIcon,.caseIcon,.securityIcon,.miniIcon,.menuDot{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center}.rIcon i,.fIcon i,.flowIcon i,.caseIcon i,.securityIcon i,.miniIcon i,.menuDot i{display:block;line-height:1}.sideNav div{display:flex;align-items:center;gap:8px}.sideNav div i{width:14px;text-align:center;flex:0 0 14px}.menuItem{display:flex;align-items:center}.productIcon svg{width:34px;height:34px;display:block}.countryRow>span:first-child{display:flex;align-items:center;gap:8px}.countryFlag{width:20px;height:14px;display:inline-block;flex:0 0 20px;border-radius:2px;box-shadow:0 0 0 1px rgba(20,45,72,.08);overflow:hidden}.countryRow>span:last-child{font-variant-numeric:tabular-nums}
@media(max-width:991.98px){.container,.statRibbon .container,#features .container,#connectors .container,#usecases .container{width:100%!important}.hero{grid-template-columns:1fr!important}.ctaTagline{display:none!important}}

/* Final responsive QA corrections */
.flowIcon i{font-size:30px!important;line-height:1}
@media(max-width:680px){.hero h1 span,.ctaBand h2{white-space:normal!important}.hero h1{font-size:40px!important;max-width:100%!important}.ctaBand h2{font-size:28px!important;line-height:1.12}.centerHead h2{font-size:30px!important}.splitHead h2{font-size:30px!important;line-height:1.15}.insightTitleRow h2{font-size:30px!important;line-height:1.15}.hero,.hero>*,.centerHead,.splitHead,.ctaContent{min-width:0;max-width:100%}.navBtn{white-space:nowrap}.heroDashboard{max-width:100%}.footerNav{flex-wrap:wrap;row-gap:8px}}

/* HIL typography system — 16 Sep 2026 */
:root{--hil-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--text:16px;--text-sm:14px;--meta:12px}
html,body,button,input,select,textarea{font-family:var(--hil-font)!important}body{font-size:var(--text);line-height:1.6;font-weight:400}.navLinks{font-size:13px}.brandText{font-size:13px}.eyebrow,.sectionEyebrow{font-size:11px;letter-spacing:.14em}.hero p{font-size:17px;line-height:1.7}.primaryBtn,.outlineBtn,.navBtn{font-size:14px}.heroMini{font-size:12.5px;line-height:1.35}
.ribbonCard strong{font-size:14px;font-weight:700}.ribbonCard small{font-size:12px;line-height:1.35}.ribbonCard{min-height:92px}.centerHead p,.splitHead p,.insightTitleRow p{font-size:15px;line-height:1.6}.featureCard h3{font-size:17px;font-weight:700}.featureCard p{font-size:14.5px;line-height:1.6}.featureCard{min-height:174px}
.connectorCard h3{font-size:14px;font-weight:700}.status{font-size:10.5px}.connectorCard p{font-size:13px;line-height:1.55;min-height:62px}.connectorCard a{font-size:12px}.connectorCard{min-height:286px}.flowStep strong{font-size:15px}.flowStep p{font-size:13px;line-height:1.55;max-width:220px}.insightTitleRow a{font-size:12px}.menuItem{font-size:13.5px}.opHeader h3{font-size:16px}.opHeader span{font-size:11px}.opTable{font-size:12px}.chip{font-size:9px}.smallChart h4,.countryBox h4{font-size:13px}.countrySub{font-size:11px}.countryRow{font-size:12px}
.caseCard strong{font-size:14px;font-weight:700}.caseCard span{font-size:12.5px;line-height:1.5}.caseCard{min-height:122px}.securityItem strong{font-size:14px;font-weight:700}.securityItem span{font-size:12.5px;line-height:1.5}.ctaBand p{font-size:15px;line-height:1.6}.ctaOutline{font-size:13px}.footerNav{font-size:12px}.footerRight{font-size:11px}.footerName{font-size:12px}.footerUrl{font-size:11px}
@media(max-width:680px){body{font-size:15px}.hero p{font-size:15px}.centerHead p,.splitHead p,.insightTitleRow p{font-size:14px}.featureCard p{font-size:14px}.connectorCard p{font-size:13px}.flowStep p{font-size:13px}.caseCard span,.securityItem span{font-size:12px}.opTable{font-size:10px}.countryRow{font-size:11px}.footerNav{font-size:11px}}


@media(max-width:680px){
  .container{width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
  nav{width:100%;gap:10px}.navLinks{margin-left:auto;gap:0}.navBtn{height:42px!important;padding:0 14px!important;font-size:12px!important}
  .hero{width:100%!important;max-width:100%!important;overflow:hidden}.hero>div:first-child{width:100%;min-width:0}.hero h1,.hero h1 span{display:block;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;max-width:100%!important}
  .heroDashboard,.insightPanel,.nativeInsights,.ctaContent,.centerHead,.splitHead{width:100%!important;max-width:100%!important;min-width:0!important}
  .centerHead h2,.splitHead h2,.insightTitleRow h2,.ctaBand h2{white-space:normal!important;overflow-wrap:anywhere}
}

@media(max-width:480px){
  .navBtn{display:none!important}.hero h1{font-size:32px!important;line-height:1.08!important;letter-spacing:-.035em!important}.hero h1 span{white-space:normal!important}
  .heroDashboard{width:100%!important;max-width:calc(100vw - 32px)!important;transform:none!important;margin-left:0!important;margin-right:0!important}
  .heroDashboard .dashBody,.heroDashboard .dashMain{min-width:0!important;max-width:100%!important}.heroDashboard .metricGrid{grid-template-columns:1fr 1fr!important}
  .ctaBand h2{font-size:25px!important}.centerHead h2,.splitHead h2,.insightTitleRow h2{font-size:28px!important}
}

/* HIL professional icon/card polish — 2026-09-16 */
.featureCard{min-height:168px;padding:25px 24px;gap:18px;align-items:flex-start;border-color:#dce6f1;box-shadow:0 10px 28px rgba(32,78,124,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.featureCard:hover{transform:translateY(-2px);border-color:#cfddeb;box-shadow:0 16px 34px rgba(32,78,124,.09)}
.fIcon{width:60px!important;height:60px!important;flex:0 0 60px!important;font-size:24px!important;border-radius:50%!important}
.fIcon i{font-size:23px!important;line-height:1!important}
.featureCard h3{font-size:17px!important;line-height:1.3;margin:3px 0 8px!important}
.featureCard p{font-size:14px!important;line-height:1.58!important}
.productIcon.brandSvg,.productIcon.ga.brandSvg,.productIcon.gsc.brandSvg,.productIcon.bing.brandSvg,.productIcon.gtm.brandSvg,.productIcon.ads.brandSvg,.productIcon.psi.brandSvg{background:transparent!important;box-shadow:none!important;border-radius:0!important;color:inherit!important}
.productIcon.brandSvg{width:70px!important;height:70px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.productIcon.brandSvg svg{width:46px!important;height:46px!important;margin:0!important}
.connectorCard{padding-top:24px!important}
.caseIcon,.securityIcon{width:50px!important;height:50px!important;flex:0 0 50px!important}
.caseIcon i,.securityIcon i{font-size:17px!important}
.caseCard,.securityItem{align-items:flex-start}
@media(max-width:680px){.featureCard{min-height:0;padding:22px 20px}.fIcon{width:54px!important;height:54px!important;flex-basis:54px!important}.fIcon i{font-size:21px!important}.caseIcon,.securityIcon{width:46px!important;height:46px!important;flex-basis:46px!important}}

/* Brand mark + lower-section accent polish */
.brandLogoImage{width:48px;display:block;border-radius:5px;filter:drop-shadow(0 2px 8px rgba(20,129,255,.18))}
.dashBrandImage{width:39px;display:block;border-radius:5px}
.footerLogoImage{width:44px;display:block;border-radius:5px;filter:drop-shadow(0 1px 6px rgba(20,129,255,.15))}
.caseIcon,.securityIcon{width:52px!important;height:52px!important;flex:0 0 52px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 6px 16px rgba(26,67,112,.06)}
.caseIcon i,.securityIcon i{font-size:19px!important}
.caseCard:nth-child(1) .caseIcon{background:#e8f2ff;color:#187bff}.caseCard:nth-child(2) .caseIcon{background:#e4f8f4;color:#14a88f}.caseCard:nth-child(3) .caseIcon{background:#f0edff;color:#7658e8}.caseCard:nth-child(4) .caseIcon{background:#fff1dc;color:#e68a12}
.securityItem:nth-child(1) .securityIcon{background:#f0edff;color:#7658e8}.securityItem:nth-child(2) .securityIcon{background:#e4f8f4;color:#14a88f}.securityItem:nth-child(3) .securityIcon{background:#e8f2ff;color:#187bff}.securityItem:nth-child(4) .securityIcon{background:#fff1dc;color:#e68a12}
.caseCard{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.caseCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,71,116,.08);border-color:#d5e1ef}
@media(max-width:680px){.brandLogoImage{width:42px}.caseIcon,.securityIcon{width:48px!important;height:48px!important;flex-basis:48px!important}.caseIcon i,.securityIcon i{font-size:18px!important}}

/* HIL real-brand + photographic footer pass — 2026-09-16 */
.brandLogoImage{width:46px!important;display:block!important;border-radius:5px!important;box-shadow:0 4px 14px rgba(20,129,255,.16)!important}
.dashBrandImage{width:38px!important;display:block!important;border-radius:5px!important}
.footerLogoImage{width:44px!important;display:block!important;border-radius:5px!important;box-shadow:0 3px 12px rgba(20,129,255,.12)!important}
.ctaMountains,.footerMountains{display:none!important}
.ctaBand{background-image:linear-gradient(90deg,rgba(5,28,51,.98) 0%,rgba(7,39,70,.94) 34%,rgba(7,40,72,.72) 58%,rgba(7,40,72,.28) 78%,rgba(7,40,72,.08) 100%),url("assets/hil-mountain-footer.webp?v=20260916a")!important;background-size:cover!important;background-position:center right!important;background-repeat:no-repeat!important;padding:72px 0!important;min-height:270px!important;display:flex!important;align-items:center!important}
.ctaBand:before,.ctaBand:after{display:none!important;content:none!important}
.ctaBand .container{position:relative!important;z-index:2!important}
.ctaBand h2{font-size:34px!important;line-height:1.12!important;max-width:760px!important;text-shadow:0 2px 18px rgba(0,0,0,.24)!important}
.ctaBand p{font-size:14px!important;line-height:1.55!important;max-width:610px!important;color:#d5e4f1!important}
.ctaTagline{right:58px!important;bottom:52px!important;font-size:19px!important;text-shadow:0 3px 18px rgba(0,0,0,.55)!important}
.footer{background:#061d35!important}
@media(max-width:1000px){.ctaBand{background-position:62% center!important;padding:58px 0!important;min-height:240px!important}.ctaTagline{display:none!important}}
@media(max-width:680px){.brandLogoImage{width:40px!important}.ctaBand{background-image:linear-gradient(90deg,rgba(5,28,51,.98) 0%,rgba(7,39,70,.9) 60%,rgba(7,40,72,.5) 100%),url("assets/hil-mountain-footer.webp?v=20260916a")!important;background-position:68% center!important;padding:48px 0!important;min-height:220px!important}.ctaBand h2{font-size:28px!important}.ctaBand p{font-size:13px!important}}

/* Connector logo sizing — PPP 2026-09-16 */
.productIcon.brandSvg{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;margin:0 auto 18px!important}
.productIcon.brandSvg svg{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;margin:0!important;display:block!important}

/* HIL public contact / self-service acquisition */
.contactSection{padding:78px 0;background:linear-gradient(180deg,#fff,#f6faff)}
.contactGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:54px;align-items:start}
.contactIntro h2{font-size:34px;line-height:1.12;letter-spacing:-.035em;margin:10px 0 14px;color:#102844}.contactIntro>p{font-size:14px;line-height:1.7;color:#6f8195;max-width:540px;margin:0 0 24px}.contactPoints{display:grid;gap:11px;margin-bottom:30px}.contactPoints span{display:flex;align-items:center;gap:10px;font-size:13px;color:#405972}.contactPoints i{color:#1680ff}.contactAccountPrompt{border-top:1px solid #dfe8f3;padding-top:22px;max-width:540px}.contactAccountPrompt strong,.contactAccountPrompt span,.contactAccountPrompt a{display:block}.contactAccountPrompt strong{font-size:14px;color:#142f4e}.contactAccountPrompt span{font-size:12px;color:#73869a;margin:4px 0 8px}.contactAccountPrompt a{font-size:12px;color:#1680ff;font-weight:700}
.contactCard{background:#fff;border:1px solid #dde7f1;border-radius:12px;box-shadow:0 18px 45px rgba(29,73,117,.08);padding:28px}.contactForm{position:relative}.contactRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contactForm label{display:block;font-size:12px;font-weight:700;color:#213b59;margin-bottom:14px}.contactForm label span{font-weight:500;color:#8b9bad}.contactForm input,.contactForm select,.contactForm textarea{width:100%;margin-top:7px;border:1px solid #d7e1ec;border-radius:8px;background:#fff;color:#142f4e;font:inherit;font-size:13px;padding:11px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.contactForm input,.contactForm select{height:44px}.contactForm textarea{resize:vertical;min-height:128px;line-height:1.5}.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:#1680ff;box-shadow:0 0 0 3px rgba(22,128,255,.11)}.contactSubmit{width:100%;height:46px;border:0;border-radius:8px;background:#1481ff;color:#fff;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 22px rgba(20,129,255,.2);transition:transform .15s,background .15s}.contactSubmit:hover{background:#0c73e7;transform:translateY(-1px)}.contactFine{font-size:10px!important;color:#8a9aac!important;text-align:center;margin:10px 0 0!important}.contactAlert{border-radius:8px;padding:11px 13px;font-size:12px;margin-bottom:17px}.contactAlert.success{background:#eaf8f0;border:1px solid #c8ecd7;color:#187945}.contactAlert.error{background:#fff0f0;border:1px solid #f2d0d0;color:#a63c3c}.contactTrap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.navLinks>a[href="/saas/login.php"],.navLinks>a[href="/saas/register.php"]{font-weight:700;color:#fff}.navLinks>a[href="/saas/register.php"]{padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:6px}
@media(max-width:1000px){.contactGrid{grid-template-columns:1fr;gap:32px}.contactCard{max-width:720px;width:100%}}
@media(max-width:680px){.contactSection{padding:56px 0}.contactIntro h2{font-size:28px}.contactCard{padding:20px}.contactRow{grid-template-columns:1fr}.navLinks>a[href="/saas/login.php"],.navLinks>a[href="/saas/register.php"]{display:none}}
@media(max-width:1180px){.navLinks a:not(.navBtn){display:none}}

/* 2026-10-17 provider-brand QA: official AdSense mark */
.productIcon.adsense .adsenseOfficialLogo{width:64px;max-width:100%;height:auto;display:block;margin:0 auto}

/* 2026-10-17 official active Google provider marks */
.productIcon .officialProviderLogo{width:64px;max-width:100%;height:auto;display:block;margin:0 auto}