/*
 NUVIKHOST • Premium Cinematic Carousel V4
 Original 2560×864 images contain NO brand/logo, text, prices or fabricated UI.
 Headlines, actual catalog prices and CTA are accessible HTML layers.
 Scope strictly .hero-carousel, no changes to WHMCS or global layout.
*/
.hero-carousel {
 width:100%!important;max-width:100%!important;overflow:hidden!important;
 background:#06162c;
}
.hero-carousel .carousel-viewport {
 position:relative!important;width:100%!important;height:auto!important;
 min-height:0!important;max-height:none!important;
 aspect-ratio:80 / 27!important;overflow:hidden!important;
 border:none!important;border-radius:0!important;box-shadow:none!important;
}
.hero-carousel .carousel-track {
 position:relative!important;width:100%!important;height:100%!important;
 transform:none!important;
}
.hero-carousel .carousel-slide {
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 display:block!important;overflow:hidden!important;
 background:#06162c!important;
 color:#fff!important;text-decoration:none!important;
 isolation:isolate;
}
.hero-carousel .carousel-slide picture{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 display:block!important;z-index:0!important;
}
.hero-carousel .carousel-slide picture img{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-width:none!important;
 max-height:none!important;
 object-fit:cover!important;object-position:center center!important;
 display:block!important;border:0!important;border-radius:0!important;
 filter:none!important;transform:none!important;box-shadow:none!important;
}
.hero-carousel .premium-v4-scrim {
 position:absolute;z-index:1;inset:0;display:block;
 background:linear-gradient(90deg,
  rgba(3,13,29,.76) 0%, rgba(3,15,34,.65) 28%,
  rgba(4,20,45,.34) 48%,rgba(4,20,45,.06) 73%,transparent 100%);
 pointer-events:none;
}
.hero-carousel .premium-v4-copy{
 z-index:2;position:absolute;
 left:clamp(32px,7.5vw,196px);top:48%;
 transform:translateY(-50%);pointer-events:none;
 display:flex;flex-direction:column;align-items:flex-start;
 width:min(65%,1260px);max-width:65%;
 font-family:Inter,'Helvetica Neue',Arial,sans-serif;
 text-align:left!important;
 color:#f9fcff!important;
 -webkit-font-smoothing:antialiased;
 text-rendering:optimizeLegibility;
}
.hero-carousel .premium-v4-eyebrow {
 display:inline-flex;align-items:center;
 min-height:clamp(22px,2.2vw,44px);
 padding:clamp(4px,.5vw,12px) clamp(10px,1.45vw,30px);
 border:1px solid rgba(29,182,255,.9);
 background:linear-gradient(90deg,rgba(6,31,65,.75),rgba(7,23,55,.32));
 box-shadow:0 0 16px rgba(6,120,255,.16);
 border-radius:100px;
 color:#c7e9ff!important;
 font-weight:700!important;letter-spacing:.2em;
 font-size:clamp(10px,.92vw,21px)!important;
 line-height:1.15;
 white-space:nowrap;
}
.hero-carousel .premium-v4-headline {
 display:flex;flex-direction:column;align-items:flex-start;
 margin-top:clamp(9px,1.1vw,25px);
 font-weight:800!important;
 letter-spacing:-.052em;
 font-size:clamp(30px,4.35vw,105px)!important;
 line-height:1.015!important;
 text-shadow:0 5px 22px rgba(0,0,0,.4);
}
.hero-carousel .premium-v4-headline-top,
.hero-carousel .premium-v4-headline-accent {
 display:block;white-space:nowrap;
}
.hero-carousel .premium-v4-headline-top{color:#f9fcff!important;}
.hero-carousel .premium-v4-headline-accent{
 color:#08cffb!important;
 background:linear-gradient(90deg,#08e1ff 5%,#03a7ed 90%);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
}
.hero-carousel .premium-v4-description {
 display:block;
 color:#d4e5f5!important;font-weight:400!important;
 font-size:clamp(13px,1.63vw,36px)!important;
 line-height:1.24!important;
 letter-spacing:-.01em;
 max-width:1000px;
 margin-top:clamp(8px,1vw,23px);
 text-shadow:0 2px 13px rgba(0,0,0,.65);
}
.hero-carousel .premium-v4-pricewrap {
 margin-top:clamp(8px,.75vw,20px);
 display:flex;flex-direction:column;align-items:flex-start;gap:0;
}
.hero-carousel .premium-v4-price-caption {
 color:#d2e1ed!important;font-weight:400;
 font-size:clamp(12px,1.35vw,28px)!important;
 line-height:1.15;
}
.hero-carousel .premium-v4-price {
 display:flex;align-items:baseline;
 gap:clamp(4px,.6vw,14px);
 line-height:1.02!important;white-space:nowrap;
 color:#fff;
}
.hero-carousel .premium-v4-price strong {
 font-weight:850!important;
 color:#0bd0fa!important;
 font-size:clamp(39px,4.35vw,104px)!important;
 letter-spacing:-.057em;
 text-shadow:0 3px 20px rgba(6,148,241,.35);
}
.hero-carousel .premium-v4-price span {
 font-weight:430!important;
 font-size:clamp(24px,2.5vw,61px)!important;
 color:#f6fbff!important;letter-spacing:-.05em;
}
.hero-carousel .premium-v4-cta {
 margin-top:clamp(11px,1.18vw,28px);
 display:inline-flex;align-items:center;
 justify-content:center;gap:clamp(7px,1.15vw,24px);
 min-height:clamp(39px,4.1vw,90px);
 padding:0 clamp(15px,2.6vw,66px);
 border-radius:100px;
 background:linear-gradient(108deg,#119afe 0%,#1c65fc 94%);
 border:1.5px solid #58cbff;
 box-shadow:0 0 28px rgba(0,121,255,.34), 0 9px 30px rgba(0,29,110,.32);
 color:#ffffff!important;font-weight:800!important;
 font-size:clamp(12px,1.43vw,31px)!important;
 letter-spacing:.075em;line-height:1.1;
 white-space:nowrap;
 transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;
}
.hero-carousel .premium-v4-cta span{
 font-size:1.3em;font-weight:450;
}
.hero-carousel .carousel-slide:hover .premium-v4-cta,
.hero-carousel .carousel-slide:focus-visible .premium-v4-cta {
 filter:brightness(1.12);transform:translateY(-2px);
 box-shadow:0 0 34px rgba(22,172,255,.5);
}
.hero-carousel .carousel-slide:focus-visible {
 outline:3px solid #47dbff!important;outline-offset:-3px!important;
}
.hero-carousel .carousel-toolbar{
 position:relative;z-index:4;
 background:#061426!important;color:#c8deed;
}
@media(max-width:768px){
 .hero-carousel .carousel-viewport{
  height:clamp(360px,95vw,540px)!important;
  max-height:none!important;min-height:360px!important;
  aspect-ratio:auto!important;
 }
 .hero-carousel .carousel-slide picture img{
  object-fit:cover!important;
  object-position:68% center!important;
 }
 .hero-carousel .premium-v4-scrim{
  background:linear-gradient(90deg,
   rgba(3,12,29,.97) 0%,rgba(3,15,33,.89) 46%,
   rgba(3,19,43,.65) 72%,rgba(3,20,43,.3) 100%);
 }
 .hero-carousel .premium-v4-copy{
  left:clamp(17px,5.1vw,36px)!important;
  top:50%!important;
  width:calc(100% - 30px)!important;
  max-width:calc(100% - 30px)!important;
  padding-right:6px;
  transform:translateY(-50%)!important;
 }
 .hero-carousel .premium-v4-eyebrow{
  font-size:clamp(9px,2.35vw,14px)!important;
  min-height:27px!important;padding:6px 12px!important;
  letter-spacing:.14em;max-width:95%;overflow:hidden;
  white-space:nowrap;text-overflow:ellipsis;
 }
 .hero-carousel .premium-v4-headline{
  font-size:clamp(28px,7.35vw,53px)!important;
  margin-top:18px!important;letter-spacing:-.045em;
  max-width:100%;line-height:1.07!important;
 }
 .hero-carousel .premium-v4-headline-top,
 .hero-carousel .premium-v4-headline-accent{
  white-space:normal;
  max-width:100%;
 }
 .hero-carousel .premium-v4-description{
  margin-top:13px!important;
  font-size:clamp(14px,3.35vw,19px)!important;
  line-height:1.35!important;
  max-width:min(94%,520px);
 }
 .hero-carousel .premium-v4-pricewrap{margin-top:14px!important;}
 .hero-carousel .premium-v4-price-caption{
  font-size:clamp(12px,2.9vw,16px)!important;
 }
 .hero-carousel .premium-v4-price strong{
  font-size:clamp(38px,9vw,60px)!important;
 }
 .hero-carousel .premium-v4-price span{
  font-size:clamp(21px,4.9vw,34px)!important;
 }
 .hero-carousel .premium-v4-cta{
  min-height:46px!important;
  font-size:clamp(12px,2.9vw,18px)!important;
  padding:0 21px!important;margin-top:18px!important;
 }
}
@media(prefers-reduced-motion:reduce) {
 .hero-carousel .premium-v4-cta{transition:none!important;}
}