/* Nexus Light Enterprise — approved visual direction, 2026-09-29 */
:root{
  --bg:#fff;
  --bg2:#f5f8fb;
  --panel:#fff;
  --panel2:#eef4f9;
  --line:#dce5ed;
  --line2:#c4d2de;
  --white:#07121d;
  --muted:#33495b;
  --blue:#168cff;
  --cyan:#168cff;
  --shadow:0 18px 54px rgba(5,24,39,.09)
}
html{background:#fff;color-scheme:light}
body{background:#fff;color:#07121d}
.muted{color:#33495b}
.c{width:min(calc(100% - 64px),1320px)}

header{height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid #dce5ed;box-shadow:0 8px 30px rgba(5,24,39,.045)}
.head{grid-template-columns:190px 1fr 240px}
.logo{width:122px;height:54px;mix-blend-mode:normal}
.nav{gap:25px;color:#07121d}
.nav a{padding:28px 0 24px}
.nav a.active:after,.nav a:hover:after{bottom:16px;box-shadow:none}
.headcta{height:44px;color:#fff;background:#005fbd;border-color:#005fbd;border-radius:24px;box-shadow:0 9px 24px rgba(0,95,189,.18)}
.headcta:hover{background:#004f9e}
.hamb{color:#07121d;background:#fff;border-color:#cbd8e3}
.mobileNav{top:72px;background:#fff;border-bottom:1px solid #dce5ed;box-shadow:0 20px 40px rgba(5,24,39,.12)}
.mobileNav a{color:#07121d;border-bottom:1px solid #e5ecf2;text-transform:none;font-weight:700}

.btn{height:46px;color:#07121d;border-color:#b9cad8;background:#fff;border-radius:24px;letter-spacing:.02em}
.btn:hover{border-color:#168cff;box-shadow:0 10px 28px rgba(22,140,255,.12)}
.btn.primary{color:#fff;background:#005fbd;border-color:#005fbd;box-shadow:0 10px 28px rgba(0,95,189,.2)}
.eyebrow{color:#005fbd;letter-spacing:.15em}
.linkArrow{color:#005fbd}

.section,.contentSection{border-color:#e2e9ef;background:#fff}
.section:nth-of-type(even),.contentSection.soft,.blogCategory:nth-of-type(even){background:#f6f9fc}
.sectionHead h2,.caseIntro h2,.holoTitle h2,.contentSection h2,.contentLead h2,.topicIntro h2,.blogCategoryTitle h2{color:#07121d}
.sectionHead p,.caseIntro p,.contentLead p,.prose p,.topicIntro p,.blogCategoryTitle p{color:#33495b}

.brandBand{border-color:#e2e9ef;background:#fff}
.brands span{color:#07121d}
.metricsPanel{border-color:#dce5ed;background:#fff;box-shadow:none}
.metric{border-color:#e1e8ee}
.metric b{color:#07121d}
.metric small{color:#455b6c}
.mi{border-color:#b8dbff;background:#eff7ff;color:#168cff;box-shadow:none}

.infoCard,.factPanel,.featureBox,.processItem,.relatedCard,.hubCard,.insight,.techLogo,.contactCard,.channel,.featuredArticle,.techRow,.articleToc,.articleRelated a,.blogCard{
  background:#fff;
  border-color:#dce5ed;
  box-shadow:none;
}
.infoCard h3,.factPanel h3,.featureBox h3,.processItem h3,.relatedCard h3,.hubCard h3,.insight h3,.techText h3,.featuredCopy h2,.aboutSplit h2,.contactCard h3,.articleBody h2,.articleBody h3,.articleToc h3,.blogCardBody h3{color:#07121d}
.infoCard p,.featureBox p,.processItem p,.relatedCard p,.hubCard p,.insight p,.techText p,.featuredCopy p,.aboutSplit p,.contactCard p,.contactCard a,.articleBody p,.articleBody li,.articleDecision td,.blogCardBody p{color:#33495b!important}
/* insights-contrast:start */
.blogIntro p,.blogFeaturedCopy p{color:#33495b!important}
.blogFeatured{background:#fff;border-color:#dce5ed;box-shadow:0 18px 54px rgba(5,24,39,.08)}
.blogFeaturedMedia:after{background:none}
.blogFeaturedCopy h2{color:#07121d!important}
.blogFeaturedCopy small,.blogFeaturedCopy .linkArrow{color:#005fbd}
.articleBody strong{color:#07121d}
.articleMeta,.articleSources{color:#405668!important}
/* insights-contrast:end */
.factPanel li,.checkList li{color:#445462;border-color:#e5ecf2}
.answerBox,.articleQuick{background:linear-gradient(90deg,#eef7ff,#f8fbfe)}
.answerBox p,.articleBody>.articleLead{color:#304353!important}
.articleDecision th{background:#eef4f9;color:#07121d}
.articleDecision th,.articleDecision td{border-color:#dce5ed}
.articleToc a,.megaFoot a{color:#455b6c}
.breadcrumb,.breadcrumb a{color:#4b6071}
.field label{color:#405668}
.field input,.field textarea,.field select{background:#fff;border-color:#cbd8e3;color:#07121d}
.compare{background:#fff;border-color:#dce5ed}
.compare th,.compare td{border-color:#e2e9ef;color:#394b5a}
.filter{background:#fff;border-color:#cbd8e3;color:#344756}
.filter.active{color:#fff;background:#168cff;border-color:#168cff}
.timeline:before{box-shadow:none}
.stepIcon{background:#fff;box-shadow:none}
.chip{background:#eef7ff;border-color:#c4e1ff;color:#087cf0}
.aboutSplit img{border-color:#dce5ed}

.innerHero{background:#f5f8fb;border-color:#dce5ed}
.innerHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,140,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,140,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 62%);pointer-events:none}
.innerCopy h1{color:#07121d;text-transform:none;letter-spacing:-.035em}
.innerCopy p{color:#33495b}
.innerVisual:after{background:linear-gradient(90deg,#f5f8fb 0,rgba(245,248,251,.92) 10%,rgba(245,248,251,.08) 48%,transparent 72%)}

.industryCard,.caseCard{border-color:#dce5ed;background:#07121d}
.caseCard{box-shadow:0 16px 38px rgba(5,24,39,.12)}
.caseCard .caseCopy,.caseCard .caseCopy h3,.caseCard .caseCopy p,.industryCard div,.industryCard h3,.industryCard p{color:#fff!important}
.caseCard .cardLink{color:#66b7ff}

.map{background:#eef4f9}
.map:before{background-image:linear-gradient(rgba(22,140,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(22,140,255,.08) 1px,transparent 1px)}
.contactInfo h3{color:#07121d}.contactInfo p{color:#33495b}

/* Home: approved Option 1 — human impact, editorial light system */
#page-home{background:#fff}
#page-home .hero{height:auto;min-height:620px;background:#f5f8fb;border-bottom:1px solid #dce5ed}
#page-home .hero:before{background-image:linear-gradient(rgba(22,140,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,140,255,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 55%)}
#page-home .heroGrid{height:auto;min-height:620px;grid-template-columns:minmax(430px,44%) 1fr;align-items:stretch}
#page-home .heroCopy{display:flex;flex-direction:column;justify-content:center;padding:54px 0 66px;z-index:5}
#page-home .heroCopy .eyebrow{font-size:11px;letter-spacing:.18em}
#page-home .heroCopy h1{font-size:clamp(50px,5.2vw,76px);line-height:.98;letter-spacing:-.055em;max-width:680px;margin:20px 0 24px;color:#07121d;text-transform:none}
#page-home .heroCopy p{font-size:17px;line-height:1.62;max-width:570px;color:#33495b;margin-bottom:30px}
#page-home .heroActions{margin:0 0 34px;gap:12px}
#page-home .heroPoints{width:590px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
#page-home .hp{grid-template-columns:18px 1fr}
#page-home .hpi{border-color:#95c9ff;background:#eaf5ff}
#page-home .hp span{color:#33495b;font-size:11px}
#page-home .heroMedia{left:46%;right:-2vw;top:0;bottom:0;border-radius:0;background:transparent}
#page-home .heroMedia img{object-fit:cover;object-position:center;animation:none;transform:none}
#page-home .heroMedia:after{background:linear-gradient(90deg,#f5f8fb 0,rgba(245,248,251,.7) 10%,transparent 34%)}
#page-home .slash,#page-home .heroCarouselUi{display:none!important}

#page-home .brandBand{padding:38px 0 42px;background:#fff}
.logoMarquee{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
#page-home .logoSet img{filter:grayscale(1) saturate(0) contrast(1.35) brightness(.72)!important;opacity:.82!important}
#page-home .logoSet img:hover{opacity:1!important}
#page-home .metricsPanel{margin-top:68px;border-top:1px solid #c9d5df;border-bottom:1px solid #c9d5df;padding:24px 0;gap:0}
#page-home .metric{padding:0 24px;border-right:1px solid #cfd9e2}
#page-home .metric:last-child{border-right:0}
#page-home .mi{display:none}
#page-home .metric strong{font-size:30px;color:#07121d}
#page-home .metric b{color:#07121d}
#page-home .metric small{color:#405668}

#page-home .section,#page-home .section.tight{padding:92px 0;background:#fff;border-bottom:1px solid #e2e9ef}
#page-home .section:nth-of-type(even){background:#f6f9fc}
#page-home .section:has(.solutionCards),#page-home .solutionCards,#page-home .solutionCard{background:#fff!important}
#page-home .sectionHead{grid-template-columns:minmax(300px,.85fr) minmax(360px,1fr) auto;gap:44px;margin-bottom:42px}
#page-home .sectionHead h2,#page-home .caseIntro h2,#page-home .holoTitle h2{font-size:clamp(38px,3.6vw,54px);color:#07121d}
#page-home .sectionHead p,#page-home .caseIntro p{color:#33495b;font-size:15px}

#page-home .solutionCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#page-home .solutionCard,#page-home .solutionCard:nth-child(n){grid-column:auto;height:440px;border:1px solid #dce5ed;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(5,24,39,.06)}
#page-home .solutionCard:hover{border-color:#9bcfff;box-shadow:0 24px 54px rgba(5,24,39,.11)}
#page-home .solutionCard img{height:54%;object-position:center;filter:saturate(.9)}
#page-home .solutionCard:after{background:linear-gradient(180deg,transparent 0 48%,rgba(255,255,255,.96) 55%,#fff 68%)}
#page-home .solutionBody{left:22px;right:22px;bottom:20px;color:#07121d}
#page-home .solutionCard .holoIcon{width:38px;height:38px;margin-bottom:9px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
#page-home .solutionCard .holoIcon:before,#page-home .solutionCard .holoIcon:after{content:none!important}
#page-home .solutionCard .holoIcon .holoGhost,#page-home .solutionCard .holoIcon .holoEcho{opacity:.16}
#page-home .solutionCard .holoIcon .holoCore{stroke:#087cf0;stroke-width:1.65}
#page-home .solutionBody h3{font-size:21px;color:#07121d;margin-bottom:8px}
#page-home .solutionBody p{font-size:13px;line-height:1.5;color:#33495b}

#page-home .caseSpotlight{background:#07121d!important;border:0}
#page-home .caseSpotlight .caseIntro h2,#page-home .caseSpotlight .caseIntro p,#page-home .caseSpotlight .eyebrow{color:#fff}
#page-home .caseSpotlight .eyebrow{color:#66b7ff}
#page-home .caseSpotlight .btn{background:transparent;color:#fff;border-color:#557083}
#page-home .casesLayout{grid-template-columns:300px 1fr;gap:46px}
#page-home .caseIntro{position:sticky;top:110px}
#page-home .caseRail{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#page-home .caseCard{height:430px;border-radius:12px;box-shadow:none}
#page-home .caseCopy h3{font-size:23px}

#page-home .holoTitle{max-width:620px;margin-bottom:40px}
#page-home .holoRail{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #dce5ed}
#page-home .holoCard{min-height:118px;height:auto;border-bottom:1px solid #dce5ed;background:transparent;grid-template-columns:58px 1fr;gap:16px}
#page-home .holoCard:nth-child(3n+2){border-left:1px solid #dce5ed;border-right:1px solid #dce5ed;padding-left:26px}
#page-home .holoCard svg{width:50px;height:50px;filter:none}
#page-home .holoCard span{color:#07121d}

#page-home .insightGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#page-home .insight{border:1px solid #dce5ed;border-radius:12px;overflow:hidden;background:#fff}
#page-home .insight:hover{border-color:#9bcfff;box-shadow:0 20px 46px rgba(5,24,39,.09)}
#page-home .insightBody{padding:20px}
#page-home .insight h3{font-size:20px;color:#07121d}
#page-home .insight p{font-size:13px;color:#33495b}

#page-home .bigCTA{min-height:360px;background:#eef7ff;grid-template-columns:1fr .8fr 38vw;border:0}
#page-home .bigCTA h2{color:#07121d}
#page-home .bigCTA p{color:#33495b}
#page-home .bigMedia{height:360px}
#page-home .bigMedia:before{background:linear-gradient(90deg,#eef7ff,transparent 46%)}

.portfolioSection{background:#07121d!important;color:#fff}
.portfolioSection:before{background:radial-gradient(circle at 80% 8%,rgba(22,140,255,.2),transparent 40%)}
.portfolioHead h2{color:#fff}
.portfolioHead p{color:#c4d1dc}
.portfolioHead a{color:#70bdff;font-weight:700}
.portfolioSection .eyebrow{color:#70bdff}

footer{background:#06101a;color:#f5f9fc}
footer .megaFoot h4,footer .megaFoot h3{color:#f5f9fc}
footer .megaFoot a,footer .footerEntity{color:#9fb0bd!important}
footer .footerEntity strong{color:#fff}
footer .legal{color:#8193a1;border-color:rgba(255,255,255,.09)}
footer img{filter:none}
header .logo{display:block;width:124.5px;max-width:100%;height:auto;mix-blend-mode:normal;object-fit:contain}
footer .megaFoot>div:first-child img{display:block;width:157.5px;max-width:100%;height:auto;background:transparent}

@media(max-width:1180px){
  .head{grid-template-columns:155px 1fr 210px}.nav{gap:14px;font-size:10px}
  #page-home .heroGrid{grid-template-columns:minmax(410px,48%) 1fr}
  #page-home .heroMedia{left:47%}
  #page-home .sectionHead{grid-template-columns:1fr 1fr}.sectionHead .linkArrow{grid-column:2}
  #page-home .solutionCards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-home .insightGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:821px){
  #page-home .heroMedia{left:calc((100vw - 100%)/-2)!important;right:calc((100vw - 100%)/-2)!important}
  #page-home .heroCarousel{background:transparent!important}
}

@media(max-width:820px){
  .c{width:min(calc(100% - 32px),1320px)}
  header .logo{width:112.5px}
  header{height:64px}.mobileNav{top:64px}
  #page-home .heroGrid{display:flex!important;min-height:0}
  #page-home .heroCopy{padding:42px 0 34px}
  #page-home .heroCopy h1{font-size:clamp(42px,10.4vw,58px);max-width:650px}
  #page-home .heroMedia{position:relative!important;left:auto!important;right:auto!important;width:auto;height:auto;aspect-ratio:16/10;margin:0 -16px;border-radius:0;order:3}
  #page-home .heroMedia:after{background:linear-gradient(180deg,#f5f8fb 0,rgba(245,248,251,.12) 30%,transparent 55%)}
  #page-home .metricsPanel{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}
  #page-home .metric{justify-content:flex-start;border-right:0;padding:0 16px}
  #page-home .metric:nth-child(odd){border-right:1px solid #dce5ed}
  #page-home .metric:nth-child(5){grid-column:1/-1;border-right:0}
  #page-home .section,#page-home .section.tight{padding:72px 0}
  #page-home .sectionHead{display:block;margin-bottom:36px}
  #page-home .sectionHead p{margin-top:18px}
  #page-home .sectionHead .linkArrow{display:inline-block;margin-top:18px}
  #page-home .solutionCards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-home .solutionCard,#page-home .solutionCard:nth-child(n){height:430px}
  #page-home .casesLayout{display:block}
  #page-home .caseIntro{position:relative;top:auto;margin-bottom:36px}
  #page-home .caseRail{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory}
  #page-home .caseCard{flex:0 0 min(82vw,440px);height:470px;scroll-snap-align:start}
  #page-home .holoRail{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-home .holoCard:nth-child(n){padding:0 12px;border-left:0;border-right:0}
  #page-home .holoCard:nth-child(odd){border-right:1px solid #dce5ed}
  #page-home .bigCTA{display:grid!important;grid-template-columns:1fr;padding:54px 16px 0!important;gap:24px}
  #page-home .bigCTA>div{padding:0!important}
  #page-home .bigMedia{height:auto;aspect-ratio:16/9;margin:0 -16px}
}

@media(max-width:560px){
  #page-home .heroCopy{text-align:left}
  #page-home .heroCopy h1{font-size:clamp(40px,12vw,52px)}
  #page-home .heroCopy p{font-size:15.5px}
  #page-home .heroActions{display:grid;grid-template-columns:1fr}
  #page-home .heroActions .btn{width:100%;height:50px}
  #page-home .heroPoints{grid-template-columns:1fr 1fr;gap:20px 14px}
  #page-home .solutionCards{grid-template-columns:1fr}
  #page-home .solutionCard,#page-home .solutionCard:nth-child(n){height:430px}
  #page-home .insightGrid{grid-template-columns:1fr}
  #page-home .holoRail{grid-template-columns:1fr}
  #page-home .holoCard:nth-child(n){border-right:0;padding:0}
  .innerVisual:after{background:linear-gradient(180deg,#f5f8fb 0,rgba(245,248,251,.08) 36%,transparent 60%)}
}

@media(prefers-reduced-motion:reduce){.logoTrack{animation:none}}
