/*
  Cosmo 2027 refinement layer.
  Keeps the futuristic feel, but uses one contextual effect at a time.
*/
:root{
  --cosmo-2027-ink:#041116;
  --cosmo-2027-lime:#d8f744;
  --cosmo-2027-cyan:#55f6ff;
  --cosmo-2027-amber:#ffcf5a;
  --cosmo-2027-line:rgba(255,255,255,.14);
  --cosmo-effect-accent:#55f6ff;
  --cosmo-mx-pct:50%;
  --cosmo-my-pct:42%;
}

.seo-main-heading{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.cosmo-2027-scenes-active{
  background:
    linear-gradient(135deg,rgba(85,246,255,.035),transparent 30%),
    linear-gradient(315deg,rgba(216,247,68,.045),transparent 32%),
    var(--cosmo-2027-ink);
}

.banner-eight,
.hero,
.standard-hero{
  position:relative!important;
  isolation:isolate;
}

.banner-eight .slider-box{
  position:relative;
  isolation:isolate;
}

.banner-eight .slide-item h2{
  position:relative!important;
  max-width:100%!important;
  margin:0!important;
  font-family:'Monument_Extended_Regular',sans-serif!important;
  font-weight:400!important;
  font-size:50px!important;
  line-height:1.06em!important;
  letter-spacing:0!important;
  color:#fff!important;
  text-transform:uppercase!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

.cosmo-2027-scene{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:4;
  opacity:.94;
}

.banner-eight .cosmo-2027-scene{
  inset:0 0 auto 0;
  height:100vh;
  min-height:620px;
  z-index:6;
  opacity:.82;
}

.hero>.cosmo-2027-scene,
.standard-hero>.cosmo-2027-scene{
  z-index:1;
}

.hero>:not(.cosmo-2027-scene),
.standard-hero>:not(.cosmo-2027-scene){
  position:relative;
  z-index:2;
}

.cosmo-2027-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.62;
  mix-blend-mode:screen;
}

.banner-eight .cosmo-2027-canvas{
  opacity:.52;
}

.cosmo-align-right{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,#000 52%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,#000 52%,#000 100%);
}

.cosmo-align-left{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 48%,transparent 74%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 48%,transparent 74%,transparent 100%);
}

.cosmo-align-edge{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 36%,transparent 58%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 36%,transparent 58%,transparent 100%);
}

.cosmo-2027-scene:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:1;
  background:
    linear-gradient(90deg,var(--cosmo-effect-accent) 1px,transparent 1px),
    linear-gradient(0deg,rgba(216,247,68,.75) 1px,transparent 1px);
  background-size:clamp(52px,5.8vw,86px) clamp(52px,5.8vw,86px);
  opacity:.075;
  transform:perspective(900px) rotateX(64deg) translateY(19%);
  transform-origin:50% 72%;
}

.cosmo-2027-scene:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    radial-gradient(circle at var(--cosmo-mx-pct) var(--cosmo-my-pct),color-mix(in srgb,var(--cosmo-effect-accent) 26%,transparent),transparent 24%),
    linear-gradient(115deg,transparent 0%,color-mix(in srgb,var(--cosmo-effect-accent) 12%,transparent) 48%,transparent 72%);
  opacity:.45;
  mix-blend-mode:screen;
  animation:cosmo-breathe 7s ease-in-out infinite;
}

.cosmo-2027-hud{
  display:none!important;
}

.cosmo-2027-fallback .cosmo-2027-canvas{
  display:none;
}

.banner-eight:after,
.hero:after,
.standard-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(3,15,22,.28),transparent 40%,rgba(216,247,68,.045));
  opacity:0;
  transition:opacity .5s ease;
  mix-blend-mode:multiply;
}

body.cosmo-2027-scenes-active .banner-eight:after,
body.cosmo-2027-scenes-active .hero:after,
body.cosmo-2027-scenes-active .standard-hero:after{
  opacity:.52;
}

.ai-visual,
.hero-image,
.proof-visual,
.hero-card,
.sector,
.plan,
.service,
.pager-item{
  transform-style:preserve-3d;
}

.cosmo-depth{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --glare-x:50%;
  --glare-y:50%;
  position:relative;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,filter .24s ease;
  will-change:transform;
}

.cosmo-depth:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(125deg,rgba(255,255,255,.12),transparent 28%),
    radial-gradient(circle at var(--glare-x) var(--glare-y),color-mix(in srgb,var(--cosmo-effect-accent) 18%,transparent),transparent 36%);
  opacity:0;
  transition:opacity .2s ease;
  mix-blend-mode:screen;
}

.cosmo-depth.is-tilting{
  transform:perspective(950px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translate3d(0,-2px,0);
  border-color:rgba(85,246,255,.24)!important;
  box-shadow:0 18px 38px rgba(2,12,18,.18),0 0 0 1px rgba(216,247,68,.08)!important;
}

.cosmo-depth.is-tilting:after{
  opacity:1;
}

.cosmo-reveal{
  opacity:0;
  transform:translate3d(0,18px,0);
  filter:blur(5px);
  transition:opacity .62s ease,transform .62s cubic-bezier(.2,.8,.2,1),filter .62s ease;
}

.cosmo-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}

.cosmo-card-effect{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.cosmo-card-effect img{
  position:relative;
  z-index:0;
}

.cosmo-card-effect:before,
.cosmo-card-effect:after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  opacity:.46;
  transition:opacity .25s ease,transform .25s ease;
  mix-blend-mode:screen;
}

.hero-image:after,
.proof-visual:after,
.cosmo-card-effect:after{
  content:""!important;
  position:absolute!important;
  left:-8%!important;
  right:-8%!important;
  top:auto!important;
  bottom:auto!important;
  z-index:3!important;
  height:22%!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--cosmo-effect-accent) 22%,transparent) 38%,rgba(216,247,68,.34) 50%,color-mix(in srgb,var(--cosmo-effect-accent) 18%,transparent) 62%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(255,255,255,.78) 50%,transparent 100%);
  box-shadow:0 0 26px color-mix(in srgb,var(--cosmo-effect-accent) 42%,transparent),0 0 60px rgba(216,247,68,.16)!important;
  opacity:.72!important;
  transform:translateY(-120%) skewY(-6deg)!important;
  mix-blend-mode:screen!important;
  animation:cosmo-image-scan 5.8s cubic-bezier(.45,0,.2,1) infinite!important;
}

.service:hover .cosmo-card-effect:before,
.service:hover .cosmo-card-effect:after{
  opacity:.82!important;
}

.service:hover .cosmo-card-effect:after{
  animation-duration:3.8s!important;
}

body.cosmo-2027-ready .cosmo-card-effect:before{
  display:none!important;
}

.cosmo-vision-host{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}

body.cosmo-2027-ready .cosmo-vision-host>img{
  filter:contrast(1.13) saturate(1.18) brightness(1.08)!important;
}

.cosmo-vision-layer{
  --cv-primary:var(--cosmo-effect-accent);
  --cv-secondary:#d8f744;
  --cv-alert:#ffcf5a;
  --a-left:16%;
  --a-top:20%;
  --a-w:28%;
  --a-h:44%;
  --b-left:55%;
  --b-top:26%;
  --b-w:26%;
  --b-h:36%;
  --c-left:38%;
  --c-top:58%;
  --c-w:34%;
  --c-h:18%;
  --trace-top:64%;
  --trace-left:13%;
  --trace-w:72%;
  --trace-rot:-6deg;
  --node-a-left:24%;
  --node-a-top:34%;
  --node-b-left:58%;
  --node-b-top:44%;
  --node-c-left:72%;
  --node-c-top:66%;
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  color:var(--cv-primary);
  opacity:.98;
  mix-blend-mode:screen;
}

.cosmo-vision-layer[data-effect="fuel"],
.cosmo-vision-layer[data-effect="mining"]{
  --cv-primary:#ffcf5a;
  --cv-secondary:#55f6ff;
  --cv-alert:#d8f744;
}

.cosmo-vision-layer[data-effect="herd"],
.cosmo-vision-layer[data-effect="crop"],
.cosmo-vision-layer[data-effect="flock"]{
  --cv-primary:#d8f744;
  --cv-secondary:#55f6ff;
  --cv-alert:#ffcf5a;
}

.cosmo-vision-layer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--node-a-left) var(--node-a-top),color-mix(in srgb,var(--cv-primary) 24%,transparent),transparent 11%),
    radial-gradient(circle at var(--node-b-left) var(--node-b-top),color-mix(in srgb,var(--cv-secondary) 18%,transparent),transparent 13%),
    linear-gradient(110deg,transparent 0%,color-mix(in srgb,var(--cv-primary) 13%,transparent) 52%,transparent 74%);
  opacity:.72;
}

.cv-grid,
.cv-scan,
.cv-zone,
.cv-trace,
.cv-node,
.cv-readout{
  position:absolute;
  display:block;
}

.cv-grid{
  inset:0;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--cv-primary) 22%,transparent) 1px,transparent 1px),
    linear-gradient(0deg,color-mix(in srgb,var(--cv-secondary) 16%,transparent) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.22;
  transform:perspective(700px) rotateX(58deg) scale(1.08) translateY(18%);
  transform-origin:50% 78%;
  animation:cosmo-cv-grid 8s linear infinite;
}

.cv-scan{
  left:-12%;
  right:-12%;
  top:-22%;
  height:18%;
  background:
    linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--cv-primary) 20%,transparent) 36%,rgba(255,255,255,.66) 50%,color-mix(in srgb,var(--cv-secondary) 20%,transparent) 64%,transparent 100%),
    repeating-linear-gradient(90deg,transparent 0 18px,color-mix(in srgb,var(--cv-primary) 30%,transparent) 19px 21px,transparent 22px 42px);
  box-shadow:0 0 22px color-mix(in srgb,var(--cv-primary) 55%,transparent),0 0 72px color-mix(in srgb,var(--cv-secondary) 22%,transparent);
  opacity:.86;
  transform:skewY(-7deg);
  animation:cosmo-cv-scan 4.6s cubic-bezier(.5,0,.18,1) infinite;
}

.cv-zone{
  left:var(--a-left);
  top:var(--a-top);
  width:var(--a-w);
  height:var(--a-h);
  border:1px solid currentColor;
  background:color-mix(in srgb,var(--cv-primary) 9%,transparent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--cv-primary) 12%,transparent),inset 0 0 28px color-mix(in srgb,var(--cv-primary) 14%,transparent),0 0 24px color-mix(in srgb,var(--cv-primary) 24%,transparent);
  animation:cosmo-cv-lock 2.9s ease-in-out infinite;
}

.cv-zone:before,
.cv-zone:after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border-color:currentColor;
  opacity:.95;
}

.cv-zone:before{
  left:-3px;
  top:-3px;
  border-left:3px solid;
  border-top:3px solid;
}

.cv-zone:after{
  right:-3px;
  bottom:-3px;
  border-right:3px solid;
  border-bottom:3px solid;
}

.cv-zone-b{
  left:var(--b-left);
  top:var(--b-top);
  width:var(--b-w);
  height:var(--b-h);
  color:var(--cv-secondary);
  animation-delay:.55s;
}

.cv-zone-c{
  left:var(--c-left);
  top:var(--c-top);
  width:var(--c-w);
  height:var(--c-h);
  color:var(--cv-alert);
  opacity:.78;
  animation-delay:1.1s;
}

.cv-trace{
  left:var(--trace-left);
  top:var(--trace-top);
  width:var(--trace-w);
  height:1px;
  border-top:1px dashed color-mix(in srgb,var(--cv-secondary) 78%,transparent);
  transform:rotate(var(--trace-rot));
  transform-origin:0 50%;
  filter:drop-shadow(0 0 9px color-mix(in srgb,var(--cv-secondary) 70%,transparent));
}

.cv-trace:after{
  content:"";
  position:absolute;
  top:-4px;
  left:0;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--cv-secondary);
  box-shadow:0 0 16px var(--cv-secondary);
  animation:cosmo-cv-trace 3.8s linear infinite;
}

.cv-trace-b{
  top:calc(var(--trace-top) - 18%);
  left:calc(var(--trace-left) + 10%);
  width:calc(var(--trace-w) * .66);
  opacity:.56;
  transform:rotate(calc(var(--trace-rot) * -1));
}

.cv-node{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cv-primary);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--cv-primary) 18%,transparent),0 0 18px var(--cv-primary);
  animation:cosmo-cv-node 1.8s ease-in-out infinite;
}

.cv-node-a{
  left:var(--node-a-left);
  top:var(--node-a-top);
}

.cv-node-b{
  left:var(--node-b-left);
  top:var(--node-b-top);
  background:var(--cv-secondary);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--cv-secondary) 18%,transparent),0 0 18px var(--cv-secondary);
  animation-delay:.35s;
}

.cv-node-c{
  left:var(--node-c-left);
  top:var(--node-c-top);
  background:var(--cv-alert);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--cv-alert) 17%,transparent),0 0 18px var(--cv-alert);
  animation-delay:.7s;
}

.cv-readout{
  left:16px;
  bottom:16px;
  max-width:calc(100% - 32px);
  padding:9px 10px 8px;
  border:1px solid color-mix(in srgb,var(--cv-primary) 48%,transparent);
  background:rgba(2,13,17,.78);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  color:#f7fff9;
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 28px color-mix(in srgb,var(--cv-primary) 18%,transparent);
  text-transform:uppercase;
}

.cv-readout b,
.cv-readout small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cv-readout b{
  color:var(--cv-secondary);
  font:900 8px/1 "Cosmo Telegraf Bold","Telegraf_UltraBold",Arial,sans-serif;
  letter-spacing:.16em;
}

.cv-readout small{
  margin-top:4px;
  color:#f7fff9;
  font:900 10px/1.15 "Cosmo Telegraf Bold","Telegraf_UltraBold",Arial,sans-serif;
  letter-spacing:.07em;
}

.hero-image .cv-readout{
  display:none;
}

.hero>.cosmo-vision-layer,
.standard-hero>.cosmo-vision-layer{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  z-index:1;
  opacity:.74;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 56%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 34%,#000 56%,#000 100%);
}

.hero>.cosmo-vision-layer .cv-readout,
.standard-hero>.cosmo-vision-layer .cv-readout{
  display:none;
}

.hero>.cosmo-vision-layer .cv-grid,
.standard-hero>.cosmo-vision-layer .cv-grid{
  opacity:.14;
}

.hero>.cosmo-vision-layer .cv-zone,
.standard-hero>.cosmo-vision-layer .cv-zone{
  opacity:.62;
}

.hero-image .cosmo-vision-layer{
  bottom:44px;
}

body.cosmo-2027-ready .hero-image:after{
  display:none!important;
}

body.cosmo-2027-ready .hero-image .vision-status{
  display:none!important;
}

.ai-visual .cv-readout{
  left:auto;
  right:15px;
  bottom:15px;
  max-width:min(62%,330px);
}

.proof-visual .cv-readout{
  right:16px;
  left:auto;
}

.banner-eight .slide-item.cosmo-vision-host{
  overflow:hidden!important;
  isolation:isolate;
}

.banner-eight .slide-item>.cosmo-vision-layer{
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  z-index:3;
  opacity:.82;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 33%,#000 55%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,transparent 33%,#000 55%,#000 100%);
}

.banner-eight .slide-right>.cosmo-vision-layer{
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 68%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 68%,transparent 100%);
}

.banner-eight .slide-center>.cosmo-vision-layer{
  opacity:.7;
  -webkit-mask-image:radial-gradient(ellipse at 50% 58%,#000 0%,#000 42%,transparent 72%);
  mask-image:radial-gradient(ellipse at 50% 58%,#000 0%,#000 42%,transparent 72%);
}

.banner-eight .slide-item>.cosmo-vision-layer .cv-readout{
  display:none;
}

.banner-eight .slide-item>.cosmo-vision-layer .cv-grid{
  opacity:.13;
}

.banner-eight .slide-item>.cosmo-vision-layer .cv-zone{
  opacity:.68;
}

.banner-eight .slide-item>.cosmo-vision-layer .cv-scan{
  opacity:.78;
  animation-duration:5.2s;
}

.banner-eight .slide-item>.content-box,
.banner-eight .slide-item .content,
.banner-eight .slide-item .inner{
  position:relative;
  z-index:10;
}

.cv-pattern-zone{
  --a-left:13%;
  --a-top:27%;
  --a-w:68%;
  --a-h:42%;
  --b-left:24%;
  --b-top:18%;
  --b-w:22%;
  --b-h:24%;
  --c-left:61%;
  --c-top:47%;
  --c-w:18%;
  --c-h:18%;
  --trace-top:48%;
  --trace-left:16%;
  --trace-w:64%;
  --trace-rot:11deg;
}

.cv-pattern-zone .cv-zone-a{
  clip-path:polygon(8% 14%,88% 0,100% 68%,26% 100%,0 62%);
  background:
    repeating-linear-gradient(115deg,color-mix(in srgb,var(--cv-primary) 16%,transparent) 0 3px,transparent 4px 13px),
    color-mix(in srgb,var(--cv-primary) 7%,transparent);
}

.cv-pattern-queue{
  --a-left:13%;
  --a-top:57%;
  --a-w:74%;
  --a-h:17%;
  --b-left:18%;
  --b-top:42%;
  --b-w:56%;
  --b-h:13%;
  --c-left:68%;
  --c-top:32%;
  --c-w:16%;
  --c-h:14%;
  --trace-top:63%;
  --trace-left:14%;
  --trace-w:72%;
  --trace-rot:-5deg;
  --node-a-left:25%;
  --node-a-top:59%;
  --node-b-left:48%;
  --node-b-top:56%;
  --node-c-left:70%;
  --node-c-top:53%;
}

.cv-pattern-queue .cv-zone-a,
.cv-pattern-queue .cv-zone-b{
  border-radius:999px;
}

.cv-pattern-coverage{
  --a-left:12%;
  --a-top:18%;
  --a-w:76%;
  --a-h:60%;
  --b-left:16%;
  --b-top:22%;
  --b-w:28%;
  --b-h:22%;
  --c-left:57%;
  --c-top:48%;
  --c-w:25%;
  --c-h:22%;
  --trace-top:74%;
  --trace-left:14%;
  --trace-w:70%;
  --trace-rot:0deg;
}

.cv-pattern-coverage .cv-zone-a{
  background:
    linear-gradient(90deg,transparent 32%,color-mix(in srgb,var(--cv-primary) 30%,transparent) 33%,transparent 34%,transparent 66%,color-mix(in srgb,var(--cv-primary) 26%,transparent) 67%,transparent 68%),
    linear-gradient(0deg,transparent 32%,color-mix(in srgb,var(--cv-secondary) 22%,transparent) 33%,transparent 34%,transparent 66%,color-mix(in srgb,var(--cv-secondary) 18%,transparent) 67%,transparent 68%),
    color-mix(in srgb,var(--cv-primary) 6%,transparent);
}

.cv-pattern-route{
  --a-left:12%;
  --a-top:50%;
  --a-w:24%;
  --a-h:18%;
  --b-left:62%;
  --b-top:25%;
  --b-w:23%;
  --b-h:20%;
  --c-left:46%;
  --c-top:39%;
  --c-w:18%;
  --c-h:16%;
  --trace-top:67%;
  --trace-left:14%;
  --trace-w:75%;
  --trace-rot:-22deg;
  --node-a-left:20%;
  --node-a-top:66%;
  --node-b-left:49%;
  --node-b-top:47%;
  --node-c-left:77%;
  --node-c-top:31%;
}

.cv-pattern-cluster,
.cv-pattern-metric{
  --a-left:20%;
  --a-top:29%;
  --a-w:58%;
  --a-h:38%;
  --b-left:29%;
  --b-top:36%;
  --b-w:41%;
  --b-h:24%;
  --c-left:13%;
  --c-top:64%;
  --c-w:72%;
  --c-h:13%;
  --trace-top:44%;
  --trace-left:20%;
  --trace-w:58%;
  --trace-rot:4deg;
  --node-a-left:32%;
  --node-a-top:44%;
  --node-b-left:49%;
  --node-b-top:39%;
  --node-c-left:64%;
  --node-c-top:51%;
}

.cv-pattern-cluster .cv-zone-a,
.cv-pattern-cluster .cv-zone-b,
.cv-pattern-metric .cv-zone-a,
.cv-pattern-metric .cv-zone-b{
  border-radius:50%;
}

.cv-pattern-cluster .cv-node-a,
.cv-pattern-metric .cv-node-a{
  box-shadow:
    0 0 0 6px color-mix(in srgb,var(--cv-primary) 18%,transparent),
    0 0 18px var(--cv-primary),
    42px 18px 0 -1px var(--cv-primary),
    84px -4px 0 -2px var(--cv-secondary),
    118px 24px 0 -2px var(--cv-alert),
    66px 48px 0 -2px var(--cv-secondary),
    -30px 34px 0 -2px var(--cv-alert);
}

.cv-pattern-rows{
  --a-left:8%;
  --a-top:19%;
  --a-w:84%;
  --a-h:58%;
  --b-left:23%;
  --b-top:34%;
  --b-w:22%;
  --b-h:18%;
  --c-left:57%;
  --c-top:56%;
  --c-w:24%;
  --c-h:18%;
  --trace-top:66%;
  --trace-left:10%;
  --trace-w:80%;
  --trace-rot:-10deg;
}

.cv-pattern-rows .cv-zone-a{
  transform:perspective(620px) rotateX(58deg);
  transform-origin:50% 100%;
  background:
    repeating-linear-gradient(96deg,color-mix(in srgb,var(--cv-primary) 34%,transparent) 0 2px,transparent 3px 21px),
    color-mix(in srgb,var(--cv-primary) 5%,transparent);
}

.cv-pattern-risk,
.cv-pattern-ppe{
  --a-left:18%;
  --a-top:19%;
  --a-w:62%;
  --a-h:52%;
  --b-left:30%;
  --b-top:25%;
  --b-w:18%;
  --b-h:26%;
  --c-left:55%;
  --c-top:36%;
  --c-w:21%;
  --c-h:24%;
  --trace-top:70%;
  --trace-left:16%;
  --trace-w:68%;
  --trace-rot:-13deg;
}

.cv-pattern-risk .cv-zone-a{
  clip-path:polygon(50% 0,100% 88%,0 88%);
  background:color-mix(in srgb,var(--cv-alert) 12%,transparent);
  color:var(--cv-alert);
}

.cv-pattern-perimeter{
  --a-left:11%;
  --a-top:19%;
  --a-w:78%;
  --a-h:57%;
  --b-left:19%;
  --b-top:28%;
  --b-w:62%;
  --b-h:38%;
  --c-left:38%;
  --c-top:39%;
  --c-w:24%;
  --c-h:20%;
  --trace-top:75%;
  --trace-left:13%;
  --trace-w:74%;
  --trace-rot:0deg;
}

.cv-pattern-perimeter .cv-zone-a{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--cv-primary) 40%,transparent) 1px,transparent 1px),
    color-mix(in srgb,var(--cv-primary) 5%,transparent);
  background-size:18px 100%;
}

.cosmo-vision-layer[data-effect="retail"][data-role="hero"]{
  --a-left:12%;
  --a-top:18%;
  --a-w:26%;
  --a-h:50%;
  --b-left:57%;
  --b-top:25%;
  --b-w:25%;
  --b-h:39%;
  --c-left:33%;
  --c-top:62%;
  --c-w:46%;
  --c-h:14%;
}

.cosmo-vision-layer[data-effect="fuel"][data-role="hero"]{
  --a-left:14%;
  --a-top:49%;
  --a-w:72%;
  --a-h:20%;
  --b-left:20%;
  --b-top:28%;
  --b-w:22%;
  --b-h:34%;
  --c-left:59%;
  --c-top:27%;
  --c-w:23%;
  --c-h:34%;
}

.cosmo-vision-layer[data-effect="fleet"][data-role="hero"],
.cosmo-vision-layer[data-effect="crop"][data-role="hero"]{
  --trace-top:72%;
  --trace-left:8%;
  --trace-w:84%;
  --trace-rot:-18deg;
  --node-a-left:16%;
  --node-a-top:72%;
  --node-b-left:50%;
  --node-b-top:51%;
  --node-c-left:80%;
  --node-c-top:33%;
}

.cosmo-vision-layer[data-effect="herd"][data-role="hero"],
.cosmo-vision-layer[data-effect="flock"][data-role="hero"]{
  --a-left:18%;
  --a-top:37%;
  --a-w:62%;
  --a-h:32%;
  --b-left:28%;
  --b-top:42%;
  --b-w:44%;
  --b-h:20%;
}

.cosmo-vision-layer[data-effect="access"][data-role="hero"],
.cosmo-vision-layer[data-effect="perimeter"][data-role="hero"]{
  --a-left:12%;
  --a-top:22%;
  --a-w:76%;
  --a-h:54%;
  --b-left:29%;
  --b-top:30%;
  --b-w:41%;
  --b-h:36%;
}

.cosmo-vision-layer[data-effect="mining"][data-role="hero"]{
  --a-left:18%;
  --a-top:20%;
  --a-w:62%;
  --a-h:51%;
  --b-left:44%;
  --b-top:22%;
  --b-w:22%;
  --b-h:28%;
}

.cosmo-vision-layer[data-role="service"][data-index="1"]{
  --a-left:15%;
  --a-top:21%;
  --b-left:52%;
  --b-top:30%;
  --trace-top:66%;
}

.cosmo-vision-layer[data-role="service"][data-index="2"]{
  --a-left:12%;
  --a-top:30%;
  --b-left:58%;
  --b-top:22%;
  --trace-rot:13deg;
}

.cosmo-vision-layer[data-role="service"][data-index="3"]{
  --a-top:55%;
  --b-top:41%;
  --node-a-left:26%;
  --node-b-left:50%;
  --node-c-left:72%;
}

.cosmo-vision-layer[data-role="service"][data-index="4"]{
  --a-left:13%;
  --a-top:18%;
  --a-w:74%;
  --a-h:58%;
}

.cosmo-service-1:before{
  inset:18% 18% 22%;
  border:1px solid var(--cosmo-effect-accent);
  box-shadow:inset 0 0 0 1px rgba(216,247,68,.22);
}

.cosmo-service-2:before{
  inset:14% 20%;
  background:
    linear-gradient(90deg,transparent 0%,transparent 46%,var(--cosmo-effect-accent) 47%,var(--cosmo-effect-accent) 53%,transparent 54%),
    linear-gradient(0deg,transparent 0%,transparent 46%,rgba(216,247,68,.75) 47%,rgba(216,247,68,.75) 53%,transparent 54%);
  transform:rotate(-7deg);
}

.cosmo-service-3:before{
  left:18%;
  right:18%;
  top:20%;
  bottom:20%;
  background:
    radial-gradient(circle at 22% 32%,var(--cosmo-effect-accent) 0 3px,transparent 4px),
    radial-gradient(circle at 54% 48%,rgba(216,247,68,.9) 0 3px,transparent 4px),
    radial-gradient(circle at 76% 62%,var(--cosmo-effect-accent) 0 3px,transparent 4px),
    linear-gradient(90deg,transparent 21%,rgba(255,255,255,.35) 22%,transparent 23%,transparent 53%,rgba(255,255,255,.25) 54%,transparent 55%);
}

.cosmo-service-4:before{
  left:12%;
  right:12%;
  bottom:18%;
  height:34%;
  border-left:1px solid var(--cosmo-effect-accent);
  border-bottom:1px solid rgba(216,247,68,.8);
  background:linear-gradient(100deg,transparent 0%,rgba(85,246,255,.18),transparent 72%);
  transform:skewX(-9deg);
}

.theme-btn,
.primary,
.button,
.navcta,
.navbutton,
.btn-style-one{
  position:relative;
  overflow:hidden;
}

.theme-btn:before,
.primary:before,
.button:before,
.navcta:before,
.navbutton:before,
.btn-style-one:before{
  content:"";
  position:absolute;
  inset:-40% -80%;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.36),transparent 60%);
  transform:translateX(-58%);
  transition:transform .5s ease;
}

.theme-btn:hover:before,
.primary:hover:before,
.button:hover:before,
.navcta:hover:before,
.navbutton:hover:before,
.btn-style-one:hover:before{
  transform:translateX(58%);
}

body.cosmo-2027-ready .price{
  text-shadow:0 0 16px rgba(216,247,68,.16);
}

@media(min-width:1000px){
  body.cosmo-2027-ready .hero:has(>.hero-copy){
    grid-template-columns:minmax(0,.9fr) minmax(430px,.82fr)!important;
    gap:clamp(38px,4.5vw,76px)!important;
  }
  body.cosmo-2027-ready .hero>.hero-copy{
    max-width:min(620px,47vw)!important;
  }
  body.cosmo-2027-ready .hero>.hero-copy>*{
    max-width:100%!important;
  }
  body.cosmo-2027-ready .hero>.hero-copy h1{
    font-size:clamp(40px,4.1vw,62px)!important;
    line-height:1.04!important;
  }
  body.cosmo-2027-ready .hero>.hero-image{
    display:none!important;
  }
}

body.cosmo-2027-ready .recommended,
body.cosmo-2027-ready .vision-status,
body.cosmo-2027-ready .ai-tag,
body.cosmo-2027-ready .proof-live{
  box-shadow:0 0 0 1px rgba(216,247,68,.18),0 10px 22px rgba(216,247,68,.1)!important;
}

body.cosmo-2027-ready .cosmo-context-label{
  text-align:left!important;
  white-space:normal!important;
  text-wrap:balance;
  line-height:1.25!important;
}

body.cosmo-2027-ready .cosmo-context-label strong{
  min-width:0;
  color:inherit;
  font:800 10px/1.2 "Telegraf_UltraBold","Cairo",Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.cosmo-2027-ready .cosmo-context-label span{
  min-width:0;
  margin-left:auto!important;
  color:rgba(4,17,22,.78)!important;
  font:800 8px/1.25 "Telegraf_UltraBold","Cairo",Arial,sans-serif;
  letter-spacing:.07em;
  text-align:right;
  text-transform:uppercase;
  white-space:normal!important;
}

body.cosmo-2027-ready .vision-status.cosmo-context-label{
  align-items:center;
  display:grid!important;
  grid-template-columns:7px minmax(0,1fr) minmax(130px,.62fr);
  column-gap:10px;
}

body.cosmo-2027-ready .ai-tag.cosmo-context-label,
body.cosmo-2027-ready .proof-live.cosmo-context-label{
  align-items:center;
  display:inline-grid!important;
  grid-template-columns:7px minmax(0,1fr);
  max-width:min(76%,320px);
  column-gap:9px;
}

body.cosmo-2027-ready .hero-image>.vision-status,
body.cosmo-2027-ready .hero-image>.vision-status.cosmo-context-label{
  display:none!important;
}

body.cosmo-2027-ready .hero:has(>.hero-image),
body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image){
  display:grid!important;
  grid-template-columns:minmax(0,660px) minmax(280px,1fr)!important;
  align-items:center!important;
  min-height:100svh!important;
}

body.cosmo-2027-ready .hero:has(>.hero-image)>.hero-copy,
body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image)>.standard-hero-copy{
  max-width:660px!important;
  padding-block:clamp(120px,12vw,180px) clamp(70px,8vw,120px)!important;
}

body.cosmo-2027-ready .hero:has(>.hero-image)>.hero-image,
body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image)>.standard-hero-image{
  display:none!important;
}

@keyframes cosmo-breathe{
  0%,100%{opacity:.34}
  50%{opacity:.5}
}

@keyframes cosmo-image-scan{
  0%{
    opacity:0;
    transform:translateY(-125%) skewY(-6deg);
  }
  12%{
    opacity:.62;
  }
  58%{
    opacity:.46;
  }
  100%{
    opacity:0;
    transform:translateY(330%) skewY(-6deg);
  }
}

@keyframes cosmo-cv-scan{
  0%{
    opacity:0;
    transform:translateY(-35%) skewY(-7deg);
  }
  14%{
    opacity:.92;
  }
  56%{
    opacity:.82;
  }
  100%{
    opacity:0;
    transform:translateY(720%) skewY(-7deg);
  }
}

@keyframes cosmo-cv-lock{
  0%,100%{
    opacity:.74;
    transform:scale(1);
  }
  46%{
    opacity:1;
    transform:scale(1.012);
  }
}

@keyframes cosmo-cv-trace{
  0%{
    opacity:0;
    transform:translateX(0);
  }
  12%{
    opacity:1;
  }
  82%{
    opacity:.88;
  }
  100%{
    opacity:0;
    transform:translateX(calc(var(--trace-w) - 10px));
  }
}

@keyframes cosmo-cv-node{
  0%,100%{
    opacity:.68;
    transform:scale(.86);
  }
  50%{
    opacity:1;
    transform:scale(1.14);
  }
}

@keyframes cosmo-cv-grid{
  0%{
    background-position:0 0,0 0;
  }
  100%{
    background-position:42px 42px,42px 42px;
  }
}

@media(max-width:900px){
  .cosmo-2027-scene,
  .banner-eight .cosmo-2027-scene{
    opacity:.58;
  }
  .cosmo-2027-canvas,
  .banner-eight .cosmo-2027-canvas{
    opacity:.42;
  }
  .cosmo-vision-layer{
    opacity:.86;
  }
  .cv-readout{
    max-width:76%;
  }
}

@media(max-width:760px){
  body.cosmo-2027-ready .hero:has(>.hero-image),
  body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image){
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:100svh!important;
    align-items:end!important;
  }
  body.cosmo-2027-ready .hero:has(>.hero-image)>.hero-copy,
  body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image)>.standard-hero-copy{
    background:transparent!important;
    padding:clamp(118px,28svh,210px) 20px 54px!important;
  }
  body.cosmo-2027-ready .hero>.cosmo-vision-layer,
  body.cosmo-2027-ready .standard-hero>.cosmo-vision-layer{
    opacity:.58;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 16%,#000 42%,#000 100%);
    mask-image:linear-gradient(180deg,transparent 0%,transparent 16%,#000 42%,#000 100%);
  }
  .hero .cosmo-2027-scene,
  .standard-hero .cosmo-2027-scene{
    opacity:.36;
  }
  .banner-eight .cosmo-2027-scene{
    opacity:.42;
  }
  .cosmo-align-left,
  .cosmo-align-right,
  .cosmo-align-edge{
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 78%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 78%,transparent 100%);
  }
  .cosmo-depth,
  .cosmo-depth.is-tilting{
    transform:none!important;
  }
  body.cosmo-2027-ready .vision-status.cosmo-context-label{
    grid-template-columns:7px minmax(0,1fr);
  }
  body.cosmo-2027-ready .vision-status.cosmo-context-label span{
    display:none!important;
  }
  body.cosmo-2027-ready .ai-tag.cosmo-context-label{
    max-width:calc(100% - 24px);
  }
  .cosmo-vision-layer{
    opacity:.72;
  }
  .hero-image .cosmo-vision-layer{
    bottom:92px;
  }
  .cv-grid{
    opacity:.16;
  }
  .cv-readout{
    display:none;
  }
  .cv-zone{
    box-shadow:0 0 0 1px color-mix(in srgb,var(--cv-primary) 12%,transparent),inset 0 0 18px color-mix(in srgb,var(--cv-primary) 12%,transparent),0 0 16px color-mix(in srgb,var(--cv-primary) 20%,transparent);
  }
}

/* Mobile-first stability pass: keeps the site usable on iPhone XS Max and smaller phones. */
@media(max-width:767px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  body *,
  body *:before,
  body *:after{
    box-sizing:border-box;
  }

  img,
  svg,
  video,
  canvas{
    max-width:100%;
  }

  .top,
  main,
  footer,
  .scroll-container,
  .main-content-container{
    margin-left:0!important;
  }

  .main-header-bar{
    width:100vw!important;
    height:74px!important;
    min-height:74px!important;
    background:rgba(4,17,22,.94)!important;
    border-right:0!important;
    border-bottom:1px solid rgba(216,247,68,.16)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  .main-header-bar .header-bar-inner,
  .main-header-bar .header-bar-inner .outer-box{
    height:74px!important;
    background:transparent!important;
  }

  .main-header-bar .line-one,
  .main-header-bar .line-two,
  .main-header-bar .social-links,
  .main-header-bar .alt-logo-box{
    display:none!important;
  }

  .main-header-bar .copyright,
  .main-header-bar .copyright:has(img){
    left:16px!important;
    top:10px!important;
    bottom:auto!important;
    width:164px!important;
    height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    pointer-events:auto;
  }

  .main-header-bar .copyright a{
    justify-content:flex-start!important;
    min-height:44px!important;
  }

  .main-header-bar .copyright img{
    width:156px!important;
    max-width:156px!important;
    height:auto!important;
    transform:none!important;
  }

  .main-header-bar .nav-toggler{
    left:auto!important;
    right:max(14px,env(safe-area-inset-right))!important;
    top:13px!important;
    width:48px!important;
  }

  .main-header-bar .nav-toggler .toggler-btn{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    place-content:center!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.06)!important;
  }

  .main-header-bar .nav-toggler .toggler-btn .bar{
    width:25px!important;
    border-bottom-width:2px!important;
    margin:0 0 6px!important;
  }

  .main-header-bar .nav-toggler .toggler-btn .bar:last-child{
    width:25px!important;
    margin-bottom:0!important;
  }

  .main-nav-outer{
    position:fixed!important;
    left:0!important;
    top:74px!important;
    width:100vw!important;
    height:calc(100svh - 74px)!important;
    max-height:calc(100svh - 74px)!important;
    transform:translateX(-110%)!important;
    -ms-transform:translateX(-110%)!important;
    transition:none!important;
    z-index:9998!important;
  }

  .main-nav-outer.now-visible{
    transform:translateX(0)!important;
    -ms-transform:translateX(0)!important;
  }

  .main-nav-outer .outer-nav-box{
    height:100%!important;
    max-height:100%!important;
    padding:24px 0 22px!important;
  }

  .main-nav-outer .main-nav-box{
    max-height:calc(100svh - 120px)!important;
    overflow-y:auto!important;
  }

  .main-nav-outer .nav-closer{
    right:14px!important;
    top:14px!important;
    transition:none!important;
  }

  .main-nav-outer .main-logo-box,
  .main-nav-outer.now-visible .main-logo-box{
    padding:0 22px!important;
    text-align:left!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    -ms-transform:none!important;
    transition:none!important;
  }

  .main-nav-outer .main-logo-box img{
    width:min(245px,70vw)!important;
    max-width:min(245px,70vw)!important;
    height:auto!important;
  }

  .main-nav-outer .main-nav-box .main-nav{
    padding:42px 22px 0!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li,
  .main-nav-outer.now-visible .main-nav-box .main-nav .navigation>li{
    width:100%!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    -ms-transform:none!important;
    transition:none!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li>a{
    width:100%!important;
    min-height:50px!important;
    padding:11px 42px 11px 22px!important;
    font-size:clamp(19px,5vw,23px)!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li>a:before{
    left:2px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li.dropdown>a:after{
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li.dropdown.open>a:after{
    transform:translateY(-50%) rotate(90deg)!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li>ul{
    padding:4px 0 12px!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li>ul>li{
    padding-left:22px!important;
  }

  .main-nav-outer .main-nav-box .main-nav .navigation>li>ul>li>a{
    min-height:40px!important;
    padding:8px 0!important;
    font-size:16px!important;
    line-height:1.28!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .banner-eight .banner-container,
  .banner-eight .slide-item{
    min-height:100svh!important;
    height:100svh!important;
  }

  .banner-eight .slide-item .content-box{
    min-height:100svh!important;
    height:100svh!important;
    display:flex!important;
    align-items:center!important;
    padding:98px 0 202px!important;
  }

  .banner-eight .slide-left .content,
  .banner-eight .slide-right .content,
  .banner-eight .slide-center .content,
  .banner-eight .slide-item .content{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    padding:0 18px!important;
    vertical-align:middle!important;
  }

  .banner-eight .slide-left .inner,
  .banner-eight .slide-right .inner,
  .banner-eight .slide-center .inner,
  .banner-eight .slide-item .inner{
    width:100%!important;
    max-width:min(100%,358px)!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }

  .banner-eight .slide-item h1{
    max-width:100%!important;
    font-size:clamp(24px,7.4vw,32px)!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .banner-eight .slide-item h4,
  .banner-eight .slide-item h4 strong{
    max-width:100%!important;
    font-size:clamp(15px,4.2vw,18px)!important;
    line-height:1.22!important;
  }

  .banner-eight .links-box{
    width:100%!important;
    padding-top:22px!important;
  }

  .banner-eight .links-box .link,
  .banner-eight .theme-btn{
    width:100%!important;
    max-width:330px!important;
  }

  .banner-eight .theme-btn{
    min-height:56px!important;
    padding:0 18px!important;
    border-radius:7px!important;
  }

  .banner-eight .theme-btn span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:clamp(18px,4.9vw,21px)!important;
    line-height:1.15!important;
  }

  .banner-eight .theme-btn .icon{
    flex:0 0 auto!important;
    margin-left:0!important;
    font-size:1.05em!important;
  }

  .banner-eight .pager-content{
    left:0!important;
    right:0!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .banner-eight .pager-three{
    gap:8px!important;
    padding:4px!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
  }

  .banner-eight .pager-item{
    flex:0 0 clamp(116px,34vw,142px)!important;
    min-width:clamp(116px,34vw,142px)!important;
    height:64px!important;
  }

  .banner-eight .pager-item .text{
    left:10px!important;
    right:8px!important;
    bottom:9px!important;
    max-width:calc(100% - 18px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .banner-eight .bx-controls{
    bottom:88px!important;
    padding-left:0!important;
    z-index:21!important;
  }

  .banner-eight .bx-controls .bx-prev,
  .banner-eight .bx-controls .bx-next{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    display:inline-grid!important;
    place-items:center!important;
    line-height:1!important;
  }

  .banner-eight .slide-item>.cosmo-vision-layer{
    opacity:.58!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)!important;
  }

  .cosmo-vision-layer{
    overflow:hidden!important;
    contain:paint;
  }

  .cv-grid{
    inset:0!important;
    transform:none!important;
    opacity:.13!important;
  }

  .cv-scan{
    left:0!important;
    right:0!important;
    width:auto!important;
  }
}

@media(max-width:760px){
  body.cosmo-2027-ready .hero:has(>.hero-image),
  body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image){
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    min-height:auto!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body.cosmo-2027-ready .hero:has(>.hero-image)>.hero-copy,
  body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image)>.standard-hero-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:112px max(18px,env(safe-area-inset-right)) 52px max(18px,env(safe-area-inset-left))!important;
  }

  body.cosmo-2027-ready .hero>.hero-copy>*,
  body.cosmo-2027-ready .standard-hero>.standard-hero-copy>*{
    max-width:100%!important;
  }

  body.cosmo-2027-ready .hero h1,
  body.cosmo-2027-ready .standard-hero h1,
  body.cosmo-2027-ready .hero-copy h1,
  body.cosmo-2027-ready .standard-hero-copy h1{
    max-width:100%!important;
    font-size:clamp(27px,7.7vw,33px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  body.cosmo-2027-ready .hero h1 em,
  body.cosmo-2027-ready .standard-hero h1 em{
    display:inline!important;
    max-width:100%!important;
  }

  body.cosmo-2027-ready .hero-copy>p:not(.kicker),
  body.cosmo-2027-ready .standard-hero-copy>p:not(.kicker){
    margin-top:22px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }

  body.cosmo-2027-ready .hero-actions{
    width:100%!important;
    gap:13px!important;
    margin-top:26px!important;
  }

  body.cosmo-2027-ready .hero-actions .primary,
  body.cosmo-2027-ready .primary,
  body.cosmo-2027-ready .navcta,
  body.cosmo-2027-ready .navbutton,
  body.cosmo-2027-ready .button{
    width:100%!important;
    min-height:52px!important;
    padding:14px 16px!important;
    white-space:normal!important;
  }

  body.cosmo-2027-ready .hero-actions>span{
    max-width:none!important;
    text-align:left!important;
  }

  body.cosmo-2027-ready .section,
  body.cosmo-2027-ready .benefits,
  body.cosmo-2027-ready .outcomes,
  body.cosmo-2027-ready .services,
  body.cosmo-2027-ready .plans,
  body.cosmo-2027-ready .proof,
  body.cosmo-2027-ready .change,
  body.cosmo-2027-ready .process,
  body.cosmo-2027-ready .system-journey,
  body.cosmo-2027-ready .field-applications,
  body.cosmo-2027-ready .pilot,
  body.cosmo-2027-ready .pricing{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  body.cosmo-2027-ready .section-head h2,
  body.cosmo-2027-ready .pilot h2{
    max-width:100%!important;
    font-size:clamp(28px,8.2vw,36px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
  }

  body.cosmo-2027-ready .service{
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  body.cosmo-2027-ready .service>div{
    min-width:0!important;
    padding:26px 20px!important;
  }

  body.cosmo-2027-ready .service h3{
    font-size:clamp(25px,7.6vw,34px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
  }

  body.cosmo-2027-ready .service dl{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  body.cosmo-2027-ready .service dd,
  body.cosmo-2027-ready .service li,
  body.cosmo-2027-ready .plan li,
  body.cosmo-2027-ready .compare li{
    font-size:15px!important;
    line-height:1.52!important;
  }

  body.cosmo-2027-ready .plan{
    padding:28px 20px!important;
  }

  body.cosmo-2027-ready .price{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:4px 8px!important;
    font-size:clamp(32px,9.5vw,40px)!important;
    line-height:1.05!important;
  }

  body.cosmo-2027-ready .price small:first-child{
    flex:0 0 100%;
  }

  body.cosmo-2027-ready .recommended{
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.2!important;
  }

  body.cosmo-2027-ready .compare article,
  body.cosmo-2027-ready .process-line>div{
    padding:24px 20px!important;
  }

  body.cosmo-2027-ready .proof-grid article{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  body.cosmo-2027-ready footer{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

@media(max-width:380px){
  .main-header-bar .copyright{
    left:18px!important;
    width:136px!important;
  }

  .main-header-bar .copyright img{
    width:132px!important;
    max-width:132px!important;
  }

  .banner-eight .slide-item .content-box{
    padding-top:90px!important;
    padding-bottom:188px!important;
  }

  .banner-eight .slide-left .content,
  .banner-eight .slide-right .content,
  .banner-eight .slide-center .content,
  .banner-eight .slide-item .content{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .banner-eight .slide-item h1{
    font-size:24px!important;
  }

  .banner-eight .theme-btn span{
    font-size:18px!important;
  }

  .banner-eight .pager-content{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .banner-eight .pager-item{
    flex-basis:112px!important;
    min-width:112px!important;
  }

  body.cosmo-2027-ready .hero:has(>.hero-image)>.hero-copy,
  body.cosmo-2027-ready .standard-hero:has(>.standard-hero-image)>.standard-hero-copy{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body.cosmo-2027-ready .hero h1,
  body.cosmo-2027-ready .standard-hero h1,
  body.cosmo-2027-ready .hero-copy h1,
  body.cosmo-2027-ready .standard-hero-copy h1{
    font-size:28px!important;
  }

  body.cosmo-2027-ready .section,
  body.cosmo-2027-ready .benefits,
  body.cosmo-2027-ready .outcomes,
  body.cosmo-2027-ready .services,
  body.cosmo-2027-ready .plans,
  body.cosmo-2027-ready .proof,
  body.cosmo-2027-ready .change,
  body.cosmo-2027-ready .process,
  body.cosmo-2027-ready .system-journey,
  body.cosmo-2027-ready .field-applications,
  body.cosmo-2027-ready .pilot,
  body.cosmo-2027-ready .pricing,
  body.cosmo-2027-ready footer{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

@media(max-width:767px){
  body.fit-banner .main-header-bar{
    width:84px!important;
    height:100svh!important;
    min-height:100svh!important;
    background:rgba(4,17,22,.9)!important;
    border-right:1px solid rgba(216,247,68,.18)!important;
    border-bottom:0!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  body.fit-banner .main-header-bar .header-bar-inner,
  body.fit-banner .main-header-bar .header-bar-inner .outer-box{
    height:100%!important;
    background:rgba(255,255,255,.06)!important;
  }

  body.fit-banner .main-header-bar .line-one,
  body.fit-banner .main-header-bar .line-two{
    display:block!important;
    left:42px!important;
    border-left-color:rgba(255,255,255,.16)!important;
  }

  body.fit-banner .main-header-bar .line-one{
    top:112px!important;
    bottom:270px!important;
  }

  body.fit-banner .main-header-bar .line-two{
    bottom:156px!important;
    height:52px!important;
  }

  body.fit-banner .main-header-bar .social-links,
  body.fit-banner .main-header-bar .alt-logo-box{
    display:none!important;
  }

  body.fit-banner .main-header-bar .nav-toggler{
    left:0!important;
    right:auto!important;
    top:28px!important;
    width:84px!important;
  }

  body.fit-banner .main-header-bar .nav-toggler .toggler-btn{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 auto!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.06)!important;
  }

  body.fit-banner .main-header-bar .copyright,
  body.fit-banner .main-header-bar .copyright:has(img){
    left:0!important;
    top:auto!important;
    bottom:58px!important;
    width:84px!important;
    height:auto!important;
    justify-content:center!important;
  }

  body.fit-banner .main-header-bar .copyright a{
    justify-content:center!important;
  }

  body.fit-banner .main-header-bar .copyright img{
    width:100px!important;
    max-width:none!important;
    transform:rotate(-90deg)!important;
    transform-origin:center!important;
  }

  body.fit-banner .main-nav-outer{
    left:84px!important;
    top:0!important;
    width:calc(100vw - 84px)!important;
    height:100svh!important;
    max-height:100svh!important;
    transform:translateX(-125%)!important;
    -ms-transform:translateX(-125%)!important;
  }

  body.fit-banner .main-nav-outer.now-visible{
    transform:translateX(0)!important;
    -ms-transform:translateX(0)!important;
  }

  body.fit-banner .main-nav-outer .outer-nav-box{
    height:100%!important;
    max-height:100%!important;
    padding:26px 0 22px!important;
  }

  body.fit-banner .main-nav-outer .main-nav-box{
    max-height:calc(100svh - 42px)!important;
  }

  body.fit-banner .main-nav-outer .main-logo-box,
  body.fit-banner .main-nav-outer.now-visible .main-logo-box{
    padding:0 18px!important;
  }

  body.fit-banner .main-nav-outer .main-logo-box img{
    width:min(220px,64vw)!important;
    max-width:min(220px,64vw)!important;
  }

  body.fit-banner .main-nav-outer .main-nav-box .main-nav{
    padding:38px 18px 0!important;
  }

  body.fit-banner .main-nav-outer .nav-closer{
    right:12px!important;
    top:18px!important;
  }

  body.fit-banner .banner-eight .slide-item .content{
    padding-left:94px!important;
    padding-right:10px!important;
  }

  body.fit-banner .banner-eight .slide-item .inner{
    max-width:calc(100vw - 104px)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    transition:none!important;
    -webkit-transition:none!important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  body.fit-banner .banner-eight .slide-item h1{
    font-size:clamp(22px,6.4vw,30px)!important;
  }

  body.fit-banner .banner-eight .slide-item h4,
  body.fit-banner .banner-eight .slide-item h4 strong{
    font-size:clamp(14px,3.9vw,17px)!important;
  }

  body.fit-banner .banner-eight .theme-btn span{
    font-size:clamp(16px,4.4vw,20px)!important;
  }

  body.fit-banner .banner-eight .pager-content{
    left:84px!important;
    width:calc(100% - 84px)!important;
    padding-left:8px!important;
    padding-right:10px!important;
  }

  body.fit-banner .banner-eight .pager-three{
    padding:4px 14px 4px 4px!important;
    scroll-padding-inline:4px 14px;
  }

  body.fit-banner .banner-eight .bx-controls{
    left:84px!important;
    width:calc(100% - 84px)!important;
  }
}

@keyframes cosmo-mobile-cv-scan{
  0%,100%{
    opacity:.28;
    transform:translateY(150%) skewY(-7deg);
  }
  42%{
    opacity:.88;
    transform:translateY(280%) skewY(-7deg);
  }
  72%{
    opacity:.52;
    transform:translateY(385%) skewY(-7deg);
  }
}

@keyframes cosmo-mobile-cv-pulse{
  0%,100%{
    opacity:.7;
  }
  50%{
    opacity:1;
  }
}

@media(max-width:767px),(pointer:coarse),(hover:none){
  body.cosmo-mobile-perf{
    touch-action:pan-y;
  }

  body.cosmo-mobile-perf .cosmo-2027-scene,
  body.cosmo-mobile-perf .cosmo-2027-canvas,
  body.cosmo-mobile-perf .cosmo-2027-scene:before,
  body.cosmo-mobile-perf .cosmo-2027-scene:after{
    display:none!important;
    animation:none!important;
  }

  body.cosmo-mobile-perf.cosmo-2027-scenes-active .banner-eight:after,
  body.cosmo-mobile-perf.cosmo-2027-scenes-active .hero:after,
  body.cosmo-mobile-perf.cosmo-2027-scenes-active .standard-hero:after{
    opacity:.28!important;
    mix-blend-mode:normal!important;
  }

  body.cosmo-mobile-perf .cursor,
  body.cosmo-mobile-perf .scrollbar-track,
  body.cosmo-mobile-perf .scrollbar-thumb{
    display:none!important;
  }

  body.cosmo-mobile-perf .scroll-container,
  body.cosmo-mobile-perf .scroll-content{
    transform:none!important;
    will-change:auto!important;
  }

  body.cosmo-mobile-perf .cosmo-depth,
  body.cosmo-mobile-perf .cosmo-depth.is-tilting{
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  body.cosmo-mobile-perf .cosmo-depth:after,
  body.cosmo-mobile-perf .cosmo-card-effect:after,
  body.cosmo-mobile-perf .hero-image:after,
  body.cosmo-mobile-perf .proof-visual:after{
    display:none!important;
    animation:none!important;
  }

  body.cosmo-mobile-perf .cosmo-reveal,
  body.cosmo-mobile-perf .cosmo-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }

  body.cosmo-mobile-perf .cosmo-vision-layer{
    opacity:.95!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    contain:layout paint style;
  }

  body.cosmo-mobile-perf .cosmo-vision-layer:before{
    opacity:.44!important;
    background:
      radial-gradient(circle at var(--node-a-left) var(--node-a-top),color-mix(in srgb,var(--cv-primary) 32%,transparent),transparent 12%),
      radial-gradient(circle at var(--node-b-left) var(--node-b-top),color-mix(in srgb,var(--cv-secondary) 24%,transparent),transparent 13%);
  }

  body.cosmo-mobile-perf .cv-grid,
  body.cosmo-mobile-perf .cv-zone,
  body.cosmo-mobile-perf .cv-trace:after,
  body.cosmo-mobile-perf .cv-node,
  body.cosmo-mobile-perf .cv-scan{
    animation:none!important;
    transition:none!important;
  }

  body.cosmo-mobile-perf .cv-grid{
    opacity:.1!important;
    transform:none!important;
    background-size:58px 58px!important;
  }

  body.cosmo-mobile-perf .cv-zone{
    opacity:.82!important;
    background:color-mix(in srgb,var(--cv-primary) 12%,transparent)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--cv-primary) 32%,transparent),inset 0 0 18px color-mix(in srgb,var(--cv-primary) 16%,transparent),0 0 16px color-mix(in srgb,var(--cv-primary) 24%,transparent)!important;
  }

  body.cosmo-mobile-perf .cv-trace{
    filter:none!important;
    border-top-color:color-mix(in srgb,var(--cv-secondary) 90%,transparent)!important;
    opacity:.76!important;
  }

  body.cosmo-mobile-perf .cv-trace:after{
    opacity:.86!important;
    transform:translateX(calc(var(--trace-w) * .54));
  }

  body.cosmo-mobile-perf .cv-node{
    opacity:.92!important;
    box-shadow:0 0 0 5px color-mix(in srgb,var(--cv-primary) 22%,transparent),0 0 14px var(--cv-primary)!important;
  }

  body.cosmo-mobile-perf .cv-scan{
    top:18%!important;
    height:13%!important;
    opacity:.56!important;
    transform:translateY(260%) skewY(-7deg)!important;
    box-shadow:0 0 18px color-mix(in srgb,var(--cv-primary) 50%,transparent),0 0 34px color-mix(in srgb,var(--cv-secondary) 16%,transparent)!important;
  }

  body.cosmo-mobile-perf .cosmo-vision-layer.is-motion-ready .cv-zone{
    animation:cosmo-mobile-cv-pulse 4.8s ease-in-out infinite!important;
  }

  body.cosmo-mobile-perf .cosmo-vision-layer.is-motion-ready .cv-node{
    animation:cosmo-mobile-cv-pulse 3.8s ease-in-out infinite!important;
  }

  body.cosmo-mobile-perf .cosmo-vision-layer.is-motion-ready:not(.is-home-vision-slide) .cv-scan,
  body.cosmo-mobile-perf .cosmo-vision-layer.is-motion-ready.is-home-active .cv-scan{
    animation:cosmo-mobile-cv-scan 7.8s ease-in-out infinite!important;
  }

  body.cosmo-mobile-perf .banner-eight .slide-item>.cosmo-vision-layer:not(.is-home-active) .cv-scan{
    opacity:.18!important;
    animation:none!important;
  }
}

@media(max-width:767px) and (hover:hover) and (pointer:fine){
  html,
  body.cosmo-mobile-perf{
    cursor:auto!important;
  }

  body.cosmo-mobile-perf :where(a,button,[role="button"],.toggler-btn,.nav-closer,.pager-item,.bx-prev,.bx-next,.theme-btn,.primary,.button){
    cursor:pointer!important;
  }
}

@media(max-width:900px){
  body:not(.fit-banner) .nav{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:10000!important;
    width:100vw!important;
    max-width:100vw!important;
    height:72px!important;
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left))!important;
    overflow:visible!important;
  }

  body:not(.fit-banner) .nav .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100vw - 86px)!important;
  }

  body:not(.fit-banner) .nav .brand img{
    width:min(172px,54vw)!important;
    max-width:100%!important;
  }

  body:not(.fit-banner) .nav .menu{
    position:relative!important;
    z-index:10002!important;
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    place-content:center!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.07)!important;
  }

  body:not(.fit-banner) .nav .menu span{
    display:block!important;
    width:26px!important;
    height:2px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:2px!important;
    background:#fff!important;
  }

  body:not(.fit-banner) .navlinks{
    position:fixed!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    z-index:10001!important;
    width:100vw!important;
    max-width:100vw!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:0 18px!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    background:#06131a!important;
    box-shadow:none!important;
    transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important;
  }

  body:not(.fit-banner) .navlinks.open{
    height:auto!important;
    min-height:calc(100svh - 72px)!important;
    max-height:calc(100svh - 72px)!important;
    padding:18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    box-shadow:0 22px 40px rgba(2,12,18,.34)!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }

  body:not(.fit-banner) .navlinks a{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:12px 0!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.2!important;
    text-align:left!important;
    white-space:normal!important;
  }

  body:not(.fit-banner) .navlinks a:last-child{
    border-bottom:0!important;
  }

  body:not(.fit-banner) .navlinks a.navcta,
  body:not(.fit-banner) .navlinks a.navbutton{
    width:100%!important;
    min-height:52px!important;
    justify-content:center!important;
    margin-top:16px!important;
    padding:14px 16px!important;
    border-bottom:0!important;
    color:var(--cosmo-ink)!important;
    text-align:center!important;
  }

  body:not(.fit-banner) .navlinks a.navcta span,
  body:not(.fit-banner) .navlinks a.navbutton span{
    color:var(--cosmo-ink)!important;
  }
}

@media(max-width:767px){
  body.fit-banner .banner-eight,
  body.fit-banner .banner-eight .banner-container,
  body.fit-banner .banner-eight .slide-item,
  body.fit-banner .banner-eight .slide-item .content-box{
    min-height:100svh!important;
    height:100svh!important;
  }

  body.fit-banner .banner-eight .slide-item .content{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    padding-left:84px!important;
    padding-right:14px!important;
    padding-bottom:130px!important;
    text-align:center!important;
  }

  body.fit-banner .banner-eight .slide-item .inner{
    width:min(300px,calc(100vw - 112px))!important;
    max-width:min(300px,calc(100vw - 112px))!important;
    min-width:0!important;
    margin:0 auto!important;
    text-align:center!important;
    transform:none!important;
  }

  body.fit-banner .banner-eight .slide-item h2,
  body.fit-banner .banner-eight .slide-item h2 span,
  body.fit-banner .banner-eight .slide-item h4,
  body.fit-banner .banner-eight .slide-item h4 strong{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  body.fit-banner .banner-eight .slide-item h2{
    font-size:clamp(24px,7vw,30px)!important;
    line-height:1.04!important;
  }

  body.fit-banner .banner-eight .slide-item h4,
  body.fit-banner .banner-eight .slide-item h4 strong{
    font-size:clamp(13px,3.9vw,16px)!important;
    line-height:1.18!important;
  }

  body.fit-banner .banner-eight .links-box{
    width:100%!important;
    padding-top:18px!important;
  }

  body.fit-banner .banner-eight .links-box .link,
  body.fit-banner .banner-eight .theme-btn{
    width:100%!important;
    max-width:100%!important;
  }

  body.fit-banner .banner-eight .theme-btn{
    min-height:56px!important;
    padding-inline:14px!important;
  }

  body.fit-banner .banner-eight .theme-btn span{
    white-space:normal!important;
    font-size:clamp(15px,4.1vw,18px)!important;
    line-height:1.15!important;
  }

  body.fit-banner .banner-eight .pager-content{
    left:84px!important;
    right:0!important;
    width:calc(100% - 84px)!important;
    height:84px!important;
    bottom:10px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    contain:layout paint style;
  }

  body.fit-banner .banner-eight .pager-three{
    min-height:74px!important;
    align-items:stretch!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
  }

  body.fit-banner .banner-eight .pager-item{
    flex:0 0 126px!important;
    min-width:126px!important;
    height:66px!important;
    scroll-snap-align:center;
  }

  body.fit-banner .banner-eight .bx-controls{
    left:84px!important;
    width:calc(100% - 84px)!important;
    bottom:98px!important;
    padding-left:0!important;
  }
}

@media(max-width:380px){
  body.fit-banner .banner-eight .slide-item .content{
    padding-left:78px!important;
    padding-right:10px!important;
  }

  body.fit-banner .banner-eight .slide-item .inner{
    width:min(284px,calc(100vw - 100px))!important;
    max-width:min(284px,calc(100vw - 100px))!important;
  }

  body.fit-banner .banner-eight .slide-item h2{
    font-size:clamp(22px,6.8vw,26px)!important;
  }
}

@media(max-width:767px){
  body.fit-banner .banner-eight .slide-item .content-box,
  body.fit-banner .banner-eight .slide-item .content,
  body.fit-banner .banner-eight .slide-item .clearfix{
    display:block!important;
  }

  body.fit-banner .banner-eight .slide-item .content{
    position:absolute!important;
    left:84px!important;
    right:12px!important;
    top:48%!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    transform:translateY(-50%)!important;
  }

  body.fit-banner .banner-eight .slide-item .inner{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  body.fit-banner .banner-eight .slide-item h4,
  body.fit-banner .banner-eight .slide-item h4 strong{
    font-size:clamp(13px,3.55vw,15px)!important;
  }

  body.fit-banner .banner-eight .slide-item h2{
    font-size:clamp(24px,6.6vw,29px)!important;
  }

  body.fit-banner .banner-eight .theme-btn{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:380px){
  body.fit-banner .banner-eight .slide-item .content{
    left:78px!important;
    right:10px!important;
  }
}

.home-capture{
  position:relative;
  padding:clamp(72px,8vw,112px) 5vw clamp(78px,8vw,118px) calc(130px + 5vw);
  color:#fff;
  background:
    radial-gradient(circle at 82% 12%,rgba(85,246,255,.12),transparent 28%),
    linear-gradient(135deg,#050605,#101310 58%,#071820);
  border-top:1px solid rgba(216,247,68,.22);
  overflow:hidden;
}

.home-capture:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(216,247,68,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(85,246,255,.06) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.34;
  transform:perspective(900px) rotateX(64deg) translateY(34%);
  transform-origin:50% 72%;
}

.home-capture-inner{
  position:relative;
  width:min(100%,1160px);
}

.home-capture .kicker{
  margin:0 0 14px;
  color:var(--cosmo-2027-lime);
  font:900 12px/1 "Telegraf_UltraBold",Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.home-capture h2{
  max-width:820px;
  margin:0;
  color:#fff;
  font-family:'Monument_Extended_Regular',Arial,sans-serif;
  font-size:clamp(34px,4.7vw,62px);
  line-height:1.02;
  letter-spacing:0;
  text-transform:uppercase;
}

.home-capture-inner>p:not(.kicker){
  max-width:820px;
  margin:22px 0 0;
  color:rgba(255,255,255,.78);
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.55;
}

.home-capture-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  max-width:920px;
  margin-top:24px;
}

.home-capture-proof span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:9px 13px;
  border:1px solid rgba(216,247,68,.25);
  background:rgba(216,247,68,.08);
  color:rgba(255,255,255,.86);
  font:800 12px/1.2 "Khula",Arial,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.home-capture-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:38px;
}

.home-capture-grid article{
  min-height:214px;
  padding:26px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}

.home-capture-grid b{
  display:block;
  color:var(--cosmo-2027-lime);
  font:900 13px/1 "Telegraf_UltraBold",Arial,sans-serif;
  letter-spacing:.14em;
}

.home-capture-grid strong{
  display:block;
  margin-top:22px;
  color:#fff;
  font-size:clamp(20px,1.8vw,27px);
  line-height:1.12;
}

.home-capture-grid span{
  display:block;
  margin-top:16px;
  color:rgba(255,255,255,.68);
  line-height:1.55;
}

.home-capture-actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
  margin-top:34px;
}

.home-capture-actions .theme-btn{
  min-width:min(100%,380px);
  justify-content:center;
}

.home-capture-actions .theme-btn span{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.home-capture-actions .theme-btn i{
  padding-left:0!important;
}

.home-capture-actions>a:not(.theme-btn){
  color:#fff;
  font-weight:800;
  text-decoration:none;
}

.home-capture-note{
  max-width:760px!important;
  margin-top:22px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:14px!important;
  line-height:1.5!important;
}

.home-capture-note a{
  color:#fff;
  font-weight:800;
  text-decoration:none;
}

@media(max-width:900px){
  .home-capture{
    padding-left:calc(84px + 18px);
    padding-right:18px;
  }

  .home-capture-grid{
    grid-template-columns:1fr;
  }

  .home-capture-grid article{
    min-height:auto;
    padding:22px;
  }

  .home-capture-actions .theme-btn{
    width:100%;
    text-align:center;
  }
}

@media(max-width:1199px){
  .banner-eight .slide-item h2{
    font-size:clamp(34px,4.5vw,46px)!important;
  }
}

@media(max-width:767px){
  .banner-eight .slide-item h2{
    font-size:clamp(20px,6.4vw,28px)!important;
    line-height:1.12em!important;
  }

  body.fit-banner .banner-eight .slide-item h2{
    font-size:clamp(22px,6.4vw,30px)!important;
  }

  body.cosmo-2027-ready .hero .hero-copy>p:not(.kicker){
    display:none!important;
  }

  body.cosmo-2027-ready .hero .hero-copy h1{
    max-width:100%!important;
    font-size:clamp(24px,6.8vw,29px)!important;
    line-height:1.04!important;
  }

  body.cosmo-2027-ready .hero .hero-actions>span{
    display:none!important;
  }

  body.cosmo-2027-ready .hero .hero-actions{
    margin-top:24px!important;
    gap:0!important;
  }
}

@media(max-width:380px){
  .banner-eight .slide-item h2{
    font-size:24px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cosmo-2027-scene:after{
    animation:none!important;
  }
  .cosmo-card-effect:after,
  .hero-image:after,
  .proof-visual:after,
  .cv-scan,
  .cv-zone,
  .cv-trace:after,
  .cv-node,
  .cv-grid{
    animation:none!important;
  }
  .cosmo-card-effect:after,
  .hero-image:after,
  .proof-visual:after{
    transform:translateY(24%) skewY(-6deg)!important;
  }
  .cosmo-depth,
  .cosmo-reveal{
    transition:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
}

/* Mobile hardening after legacy theme overrides. */
@media(max-width:767px){
  html,
  body,
  .site-container{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.fit-banner .banner-eight{
    width:100%!important;
    max-width:100vw!important;
    overflow:hidden!important;
  }

  body.fit-banner .banner-eight .slide-item .content{
    left:96px!important;
    right:18px!important;
    width:auto!important;
    max-width:calc(100vw - 114px)!important;
    overflow:visible!important;
    text-align:left!important;
  }

  body.fit-banner .banner-eight .slide-item .inner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    text-align:left!important;
  }

  body.fit-banner .banner-eight .slide-item h2,
  body.fit-banner .banner-eight .slide-item h2 span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:clamp(19px,5.05vw,22px)!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:visible!important;
    text-align:left!important;
  }

  body.fit-banner .banner-eight .slide-item h4,
  body.fit-banner .banner-eight .slide-item h4 strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(12px,3.3vw,14px)!important;
    line-height:1.15!important;
    overflow:visible!important;
    text-align:left!important;
  }

  body.fit-banner .banner-eight .links-box{
    width:min(264px,calc(100vw - 128px))!important;
    max-width:min(264px,calc(100vw - 128px))!important;
    text-align:left!important;
  }

  body.fit-banner .banner-eight .links-box .link,
  body.fit-banner .banner-eight .theme-btn{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  body.fit-banner .banner-eight .theme-btn{
    min-height:54px!important;
    padding:12px 10px!important;
    overflow:hidden!important;
  }

  body.fit-banner .banner-eight .theme-btn span{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:clamp(13px,3.55vw,15px)!important;
    line-height:1.15!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:380px){
  body.fit-banner .banner-eight .slide-item .content{
    left:90px!important;
    right:14px!important;
    max-width:calc(100vw - 104px)!important;
  }

  body.fit-banner .banner-eight .slide-item h2,
  body.fit-banner .banner-eight .slide-item h2 span{
    font-size:19px!important;
  }

  body.fit-banner .banner-eight .links-box{
    width:calc(100vw - 126px)!important;
    max-width:calc(100vw - 126px)!important;
  }
}

.lead-brief{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:stretch;
  gap:clamp(24px,4vw,58px);
  padding:clamp(76px,7vw,112px) 5vw;
  color:#fff;
  background:
    radial-gradient(circle at 78% 20%,rgba(216,247,68,.12),transparent 30%),
    linear-gradient(135deg,#050605,#101310);
  border-top:1px solid rgba(216,247,68,.22);
  border-bottom:1px solid rgba(216,247,68,.2);
  overflow:hidden;
}

.lead-brief:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(216,247,68,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(216,247,68,.05) 1px,transparent 1px);
  background-size:56px 56px;
  opacity:.34;
  transform:perspective(900px) rotateX(62deg) translateY(28%);
  transform-origin:50% 72%;
}

.lead-brief>*{
  position:relative;
  z-index:1;
}

.lead-brief-copy{
  max-width:560px;
}

.lead-brief h2{
  margin:0;
  color:#fff;
  font-family:Cosmo Monument,Arial,sans-serif;
  font-size:clamp(30px,3.6vw,52px);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.025em;
  text-transform:uppercase;
}

.lead-brief h2 em{
  color:var(--cosmo-2027-lime);
  font-style:normal;
}

.lead-brief-copy>p:not(.kicker){
  max-width:520px;
  margin:24px 0 0;
  color:#d6e0e4;
  font-size:15px;
  line-height:1.62;
}

.lead-brief .primary{
  width:max-content;
  margin-top:30px;
}

.lead-brief-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  align-self:center;
  background:rgba(216,247,68,.22);
  border:1px solid rgba(216,247,68,.28);
}

.lead-brief-grid article{
  min-height:210px;
  padding:clamp(22px,2.4vw,34px);
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    #080a09;
}

.lead-brief-grid small{
  display:block;
  margin-bottom:18px;
  color:var(--cosmo-2027-lime);
  font-family:Cosmo Telegraf Bold,Arial,sans-serif;
  font-size:10px;
  line-height:1.25;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.lead-brief-grid strong{
  display:block;
  color:#f6f8f5;
  font-family:Cosmo Telegraf,Arial,sans-serif;
  font-size:clamp(17px,1.35vw,21px);
  font-weight:400;
  line-height:1.35;
}

@media(max-width:980px){
  .lead-brief{
    grid-template-columns:1fr;
  }

  .lead-brief-copy{
    max-width:760px;
  }
}

@media(max-width:767px){
  .lead-brief{
    gap:28px;
    padding:64px 16px!important;
  }

  .lead-brief h2{
    font-size:clamp(28px,8vw,38px);
    line-height:1.06;
  }

  .lead-brief-copy>p:not(.kicker){
    font-size:15px;
  }

  .lead-brief .primary{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .lead-brief-grid{
    grid-template-columns:1fr;
  }

  .lead-brief-grid article{
    min-height:0;
    padding:24px 20px;
  }
}

/* Mobile hero composition: keep the service image readable, then anchor conversion copy in a safe lower band. */
@media(max-width:767px){
  body.cosmo-2027-ready:not(.fit-banner) .hero{
    justify-content:flex-end!important;
    min-height:clamp(540px,78svh,640px)!important;
    padding:0!important;
    background-image:
      linear-gradient(180deg,rgba(4,8,8,.18) 0%,rgba(4,8,8,.06) 28%,rgba(4,8,8,.16) 47%,rgba(4,8,8,.72) 68%,#050605 100%),
      var(--hero-bg,none)!important;
    background-position:var(--hero-mobile-pos,center 34%)!important;
    background-size:cover!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      radial-gradient(circle at var(--hero-mobile-glow,66% 34%),rgba(85,246,255,.18),transparent 26%),
      linear-gradient(180deg,rgba(5,6,5,.05) 0%,transparent 42%,rgba(5,6,5,.72) 78%,#050605 100%);
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero>.hero-copy{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:var(--hero-mobile-copy-top,clamp(276px,46svh,338px)) max(18px,env(safe-area-inset-right)) 32px max(18px,env(safe-area-inset-left))!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero .kicker{
    display:block!important;
    max-width:var(--hero-mobile-text-w,372px)!important;
    margin:0 0 10px!important;
    color:var(--cosmo-2027-lime)!important;
    font-size:clamp(10px,2.75vw,12px)!important;
    line-height:1.25!important;
    letter-spacing:.075em!important;
    text-wrap:balance!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero .hero-copy h1{
    max-width:var(--hero-mobile-text-w,372px)!important;
    font-size:clamp(28px,7.25vw,34px)!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    text-wrap:balance!important;
    text-shadow:0 3px 24px rgba(0,0,0,.78)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero .hero-copy>p:not(.kicker){
    display:block!important;
    max-width:var(--hero-mobile-text-w,372px)!important;
    margin:12px 0 0!important;
    color:rgba(238,246,244,.9)!important;
    font-size:clamp(14px,3.65vw,15.5px)!important;
    line-height:1.42!important;
    text-shadow:0 2px 18px rgba(0,0,0,.72)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero .hero-actions{
    margin-top:18px!important;
    gap:0!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero .hero-actions .primary{
    min-height:56px!important;
    padding:14px 16px!important;
    border-radius:8px!important;
    font-size:clamp(12px,3.35vw,14px)!important;
    line-height:1.18!important;
    letter-spacing:0!important;
    box-shadow:0 18px 34px rgba(216,247,68,.2)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero .hero-actions>span{
    display:none!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero>.cosmo-vision-layer,
  body.cosmo-mobile-perf:not(.fit-banner) .hero>.cosmo-vision-layer{
    display:block!important;
    z-index:2!important;
    opacity:.34!important;
    mix-blend-mode:screen!important;
    filter:none!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 55%,transparent 72%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 55%,transparent 72%,transparent 100%)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero>.cosmo-vision-layer:before,
  body.cosmo-mobile-perf:not(.fit-banner) .hero>.cosmo-vision-layer:before{
    display:block!important;
    opacity:.22!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero>.cosmo-vision-layer .cv-grid,
  body.cosmo-mobile-perf:not(.fit-banner) .hero>.cosmo-vision-layer .cv-grid{
    display:block!important;
    opacity:.08!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero>.cosmo-vision-layer .cv-zone,
  body.cosmo-mobile-perf:not(.fit-banner) .hero>.cosmo-vision-layer .cv-zone{
    display:block!important;
    opacity:.33!important;
    background:color-mix(in srgb,var(--cv-primary) 8%,transparent)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero>.cosmo-vision-layer .cv-trace,
  body.cosmo-mobile-perf:not(.fit-banner) .hero>.cosmo-vision-layer .cv-trace,
  body.cosmo-2027-ready:not(.fit-banner) .hero>.cosmo-vision-layer .cv-node,
  body.cosmo-mobile-perf:not(.fit-banner) .hero>.cosmo-vision-layer .cv-node{
    display:block!important;
    opacity:.35!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .hero>.cosmo-vision-layer .cv-scan,
  body.cosmo-mobile-perf:not(.fit-banner) .hero>.cosmo-vision-layer .cv-scan{
    display:block!important;
    top:29%!important;
    height:9%!important;
    opacity:.34!important;
    transform:translateY(0) skewY(-7deg)!important;
    box-shadow:0 0 16px color-mix(in srgb,var(--cv-primary) 34%,transparent)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief{
    gap:22px!important;
    padding:44px 18px 50px!important;
    background:
      linear-gradient(180deg,rgba(5,6,5,.98),rgba(8,10,8,.96))!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief:before{
    opacity:.12!important;
    background-size:72px 72px!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief .kicker{
    margin-bottom:12px!important;
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief h2{
    max-width:360px!important;
    font-family:Cosmo Telegraf Bold,Arial,sans-serif!important;
    font-size:clamp(23px,6vw,28px)!important;
    line-height:1.16!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-wrap:balance;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief-copy>p:not(.kicker){
    margin-top:18px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief .primary{
    min-height:52px!important;
    margin-top:22px!important;
    padding:13px 14px!important;
    border-radius:7px!important;
    font-size:clamp(12px,3.35vw,14px)!important;
    line-height:1.18!important;
    letter-spacing:0!important;
    box-shadow:0 12px 26px rgba(216,247,68,.12)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief-grid{
    border-color:rgba(216,247,68,.18)!important;
    background:rgba(216,247,68,.12)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief-grid article{
    padding:18px 16px!important;
    background:rgba(255,255,255,.045)!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief-grid small{
    margin-bottom:10px!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
  }

  body.cosmo-2027-ready:not(.fit-banner) .lead-brief-grid strong{
    font-size:15px!important;
    line-height:1.35!important;
  }
}

/* Prevent mobile CLS before the enhancement script adds state classes. */
@media(max-width:767px){
  body:not(.fit-banner) .hero:has(>.hero-image){
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-content:flex-end!important;
    align-items:end!important;
    min-height:clamp(540px,78svh,640px)!important;
    padding:0!important;
    background-image:
      linear-gradient(180deg,rgba(4,8,8,.18) 0%,rgba(4,8,8,.06) 28%,rgba(4,8,8,.16) 47%,rgba(4,8,8,.72) 68%,#050605 100%),
      var(--hero-bg,none)!important;
    background-position:var(--hero-mobile-pos,center 34%)!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }

  body:not(.fit-banner) .hero:has(>.hero-image)>.hero-copy{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:var(--hero-mobile-copy-top,clamp(276px,46svh,338px)) max(18px,env(safe-area-inset-right)) 32px max(18px,env(safe-area-inset-left))!important;
    background:transparent!important;
  }

  body:not(.fit-banner) .hero:has(>.hero-image)>.hero-image{
    display:none!important;
  }
}

/* Keep CTA labels readable on hover. Legacy button styles changed text to lime. */
.theme-btn,
.btn-style-one,
.primary,
.button,
.navcta,
.navbutton,
.navlinks a.navcta,
.navlinks a.navbutton{
  color:var(--cosmo-2027-ink)!important;
  background:var(--cosmo-2027-lime)!important;
  border-color:var(--cosmo-2027-lime)!important;
}

.theme-btn:hover,
.theme-btn:focus,
.btn-style-one:hover,
.btn-style-one:focus,
.primary:hover,
.primary:focus,
.button:hover,
.button:focus,
.navcta:hover,
.navcta:focus,
.navbutton:hover,
.navbutton:focus,
.navlinks a.navcta:hover,
.navlinks a.navcta:focus,
.navlinks a.navbutton:hover,
.navlinks a.navbutton:focus{
  color:var(--cosmo-2027-ink)!important;
  background:var(--cosmo-2027-lime)!important;
  border-color:var(--cosmo-2027-lime)!important;
}

.theme-btn span,
.theme-btn i,
.btn-style-one span,
.btn-style-one i,
.primary span,
.primary i,
.button span,
.button i,
.navcta span,
.navcta i,
.navbutton span,
.navbutton i{
  position:relative!important;
  z-index:2!important;
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
}

.theme-btn:hover span,
.theme-btn:hover i,
.theme-btn:focus span,
.theme-btn:focus i,
.btn-style-one:hover span,
.btn-style-one:hover i,
.btn-style-one:focus span,
.btn-style-one:focus i,
.primary:hover span,
.primary:hover i,
.primary:focus span,
.primary:focus i,
.button:hover span,
.button:hover i,
.button:focus span,
.button:focus i,
.navcta:hover span,
.navcta:hover i,
.navcta:focus span,
.navcta:focus i,
.navbutton:hover span,
.navbutton:hover i,
.navbutton:focus span,
.navbutton:focus i{
  color:var(--cosmo-2027-ink)!important;
  opacity:1!important;
  visibility:visible!important;
}

.theme-btn:before,
.btn-style-one:before,
.primary:before,
.button:before,
.navcta:before,
.navbutton:before{
  z-index:1!important;
}

/* Homepage conversion cleanup. */
body.fit-banner .main-header-bar.alt-logo .alt-logo-box,
body.fit-banner .main-header-bar .alt-logo-box{
  display:none!important;
}

@media(max-width:900px){
  .home-capture h2{
    font-size:clamp(31px,8vw,44px)!important;
    line-height:1.05!important;
  }

  .home-capture-proof{
    gap:8px;
  }

  .home-capture-proof span{
    flex:1 1 calc(50% - 8px);
    justify-content:center;
    min-height:42px;
    text-align:center;
  }

  .home-capture-actions{
    align-items:stretch;
  }

  .home-capture-actions>a:not(.theme-btn){
    display:flex;
    align-items:center;
    min-height:44px;
  }
}

@media(max-width:520px){
  .home-capture-proof span{
    flex-basis:100%;
  }

  .home-capture-actions .theme-btn span{
    gap:10px;
    font-size:15px!important;
    line-height:1.15!important;
  }
}