
.cg-slider{
  --cg-height-d:720px;--cg-height-t:620px;--cg-height-m:660px;
  position:relative;width:100%;height:var(--cg-height-d);overflow:hidden;background:#07111f;color:#fff;isolation:isolate
}
.cg-slider__viewport,.cg-slide{position:absolute;inset:0}
.cg-slide{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;pointer-events:none}
.cg-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.cg-slide__background,.cg-slide__overlay,.cg-slide__canvas{position:absolute;inset:0}
.cg-slide__background{background-size:cover;background-repeat:no-repeat;transform-origin:center center}
.cg-slide__overlay{background:transparent}
.cg-slide__canvas{overflow:hidden}

.cg-layer{
  position:absolute;
  left:calc(var(--x-d) * 1%);
  top:calc(var(--y-d) * 1%);
  width:calc(var(--w-d) * 1%);
  height:calc(var(--h-d) * 1%);
  color:var(--layer-color);
  background:var(--layer-bg);
  font-size:var(--fs-d);
  font-weight:var(--layer-weight);
  font-family:var(--layer-family);
  font-style:var(--layer-style);
  letter-spacing:var(--layer-spacing);
  text-transform:var(--layer-transform);
  text-decoration:var(--layer-decoration);
  line-height:var(--layer-line);
  text-align:var(--layer-align);
  border-radius:var(--layer-radius);
  padding:var(--btn-pt,var(--layer-py)) var(--btn-pr,var(--layer-px)) var(--btn-pb,var(--layer-py)) var(--btn-pl,var(--layer-px));
  margin:var(--btn-mt,0) var(--btn-mr,0) var(--btn-mb,0) var(--btn-ml,0);
  box-sizing:border-box;
  display:block;
  opacity:0;
}
.cg-slide.is-active .cg-layer{animation-duration:var(--anim-duration);animation-delay:var(--anim-delay);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.cg-layer__text{white-space:pre-wrap}
.cg-layer--button{padding:0;background:transparent}
.cg-layer--button a{
  display:flex;height:100%;align-items:center;justify-content:center;
  color:var(--layer-color)!important;background:var(--btn-bg-normal,var(--layer-bg));border-radius:var(--layer-radius);
  padding:var(--btn-pt,var(--layer-py)) var(--btn-pr,var(--layer-px)) var(--btn-pb,var(--layer-py)) var(--btn-pl,var(--layer-px));
  margin:var(--btn-mt,0) var(--btn-mr,0) var(--btn-mb,0) var(--btn-ml,0);
  min-width:var(--btn-min-width,0);
  box-sizing:border-box;text-decoration:none!important
}
.cg-layer--button[data-width-mode="auto"] a{width:max-content;white-space:nowrap}
.cg-layer--button[data-width-mode="fixed"] a{width:var(--btn-width)}
.cg-layer--button a{max-width:var(--btn-max-width,none)}
.cg-layer--image{padding:0;background:transparent}
.cg-layer--image img{width:100%;height:100%;object-fit:contain;display:block}
.cg-layer--shape{padding:0;background:transparent}
.cg-shape{display:block;width:100%;height:100%;background:var(--layer-bg);border-radius:var(--layer-radius)}

.cg-slide.is-active .cg-anim-none{opacity:1}
.cg-slide.is-active .cg-anim-fade-in{animation-name:cgFadeIn}
.cg-slide.is-active .cg-anim-fade-up{animation-name:cgFadeUp}
.cg-slide.is-active .cg-anim-fade-down{animation-name:cgFadeDown}
.cg-slide.is-active .cg-anim-slide-left{animation-name:cgSlideLeft}
.cg-slide.is-active .cg-anim-slide-right{animation-name:cgSlideRight}
.cg-slide.is-active .cg-anim-zoom-in{animation-name:cgZoomIn}
@keyframes cgFadeIn{from{opacity:0}to{opacity:1}}
@keyframes cgFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes cgFadeDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}
@keyframes cgSlideLeft{from{opacity:0;transform:translateX(-55px)}to{opacity:1;transform:none}}
@keyframes cgSlideRight{from{opacity:0;transform:translateX(55px)}to{opacity:1;transform:none}}
@keyframes cgZoomIn{from{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}

.cg-slider__arrow{
  position:absolute;z-index:20;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);background:rgba(6,13,24,.45);color:#fff;backdrop-filter:blur(10px);cursor:pointer
}
.cg-slider__arrow--prev{left:20px}.cg-slider__arrow--next{right:20px}
.cg-slider__dots{position:absolute;z-index:20;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:8px}
.cg-slider__dot{width:34px;height:3px;border:0;padding:0;background:rgba(255,255,255,.28);border-radius:999px;cursor:pointer}
.cg-slider__dot.is-active{background:#fff}
.cg-slider__progress{position:absolute;z-index:22;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.1)}
.cg-slider__progress span{display:block;width:0;height:100%;background:#fff}
.cg-slider.is-running .cg-slider__progress span{animation:cgProgress var(--cg-delay) linear forwards}
@keyframes cgProgress{from{width:0}to{width:100%}}

@media(max-width:980px){
  .cg-slider{height:var(--cg-height-t)}
  .cg-layer{
    left:calc(var(--x-t) * 1%);top:calc(var(--y-t) * 1%);
    width:calc(var(--w-t) * 1%);height:calc(var(--h-t) * 1%);
    font-size:var(--fs-t);
  }
  .cg-layer[style*="--vis-t:0"]{display:none}
}
@media(max-width:700px){
  .cg-slider{height:var(--cg-height-m)}
  .cg-layer{
    left:calc(var(--x-m) * 1%);top:calc(var(--y-m) * 1%);
    width:calc(var(--w-m) * 1%);height:calc(var(--h-m) * 1%);
    font-size:var(--fs-m);
  }
  .cg-layer[style*="--vis-m:0"]{display:none}
  .cg-slider__arrow{top:auto;bottom:18px;transform:none;width:42px;height:42px}
  .cg-slider__arrow--prev{left:14px}.cg-slider__arrow--next{right:14px}
  .cg-slider__dots{bottom:36px}
}
@media(prefers-reduced-motion:reduce){
  .cg-slide,.cg-layer{transition:none!important;animation:none!important}
  .cg-slide.is-active .cg-layer{opacity:1}
}


/* v2.5.5 — responsive button auto-layout */
.cg-button-group{
  position:absolute;
  left:var(--bg-x-d);
  top:var(--bg-y-d);
  width:var(--bg-w-d);
  display:grid;
  grid-template-columns:repeat(var(--bg-cols-d),max-content);
  gap:var(--bg-gap-d);
  justify-content:var(--bg-align);
  align-items:center;
  z-index:12;
}
.cg-group-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:var(--btn-color)!important;
  background:var(--btn-bg-normal,var(--btn-bg));
  font-family:var(--btn-family);
  font-style:var(--btn-style);
  font-weight:var(--btn-weight);
  line-height:var(--btn-line);
  letter-spacing:var(--btn-spacing);
  text-transform:var(--btn-transform);
  text-decoration:var(--btn-decoration)!important;
  border-radius:var(--btn-radius);
  padding:var(--btn-pt) var(--btn-pr) var(--btn-pb) var(--btn-pl);
  margin:var(--btn-mt) var(--btn-mr) var(--btn-mb) var(--btn-ml);
  box-sizing:border-box;
  min-width:var(--btn-min-width);
}
.cg-group-button[data-width-mode="auto"]{width:max-content;white-space:nowrap}
.cg-group-button[data-width-mode="fixed"]{width:var(--btn-width)}
.cg-group-button[style*="--btn-max-width:0px"]{max-width:none}
.cg-group-button:not([style*="--btn-max-width:0px"]){max-width:var(--btn-max-width)}

@media(max-width:980px){
  .cg-button-group{
    left:var(--bg-x-t);
    top:var(--bg-y-t);
    width:var(--bg-w-t);
    gap:var(--bg-gap-t);
    grid-template-columns:repeat(var(--bg-cols-t),max-content);
  }
}
@media(max-width:700px){
  .cg-button-group{
    left:var(--bg-x-m);
    top:var(--bg-y-m);
    width:var(--bg-w-m);
    gap:var(--bg-gap-m);
    grid-template-columns:repeat(var(--bg-cols-m),max-content);
    align-items:start;
  }

}


/* v2.6.0 — nested Flex/Grid Containers */
@media(min-width:981px){.cg-hide-d{display:none!important}}
@media(min-width:701px) and (max-width:980px){.cg-hide-t{display:none!important}}
@media(max-width:700px){.cg-hide-m{display:none!important}}

.cg-container-layer{position:absolute;left:calc(var(--ct-x-d)*1%);top:calc(var(--ct-y-d)*1%);width:calc(var(--ct-w-d)*1%);height:calc(var(--ct-h-d)*1%);background:var(--ct-bg);border-radius:var(--ct-radius);box-sizing:border-box;z-index:var(--ct-z)}
.cg-container-layer.is-nested{position:relative;left:auto;top:auto;width:100%;height:auto;z-index:auto}
.cg-container-inner{width:100%;height:100%;min-height:var(--ct-minh-d);box-sizing:border-box;display:var(--ct-display-d);flex-direction:var(--ct-dir-d);flex-wrap:var(--ct-wrap-d);gap:var(--ct-gap-d);justify-content:var(--ct-justify-d);align-items:var(--ct-align-d);grid-template-columns:repeat(var(--ct-cols-d),minmax(0,1fr));padding:var(--ct-pt-d) var(--ct-pr-d) var(--ct-pb-d) var(--ct-pl-d)}
.cg-container-layer.is-nested>.cg-container-inner{height:auto}
.cg-flow-layer{position:relative;box-sizing:border-box;opacity:0;color:var(--flow-color);background:var(--flow-bg);font-family:var(--flow-family);font-style:var(--flow-style);font-weight:var(--flow-weight);font-size:var(--flow-fs-d);line-height:var(--flow-line);letter-spacing:var(--flow-spacing);text-transform:var(--flow-transform);text-decoration:var(--flow-decoration);text-align:var(--flow-align);border-radius:var(--flow-radius);padding:var(--flow-pt) var(--flow-pr) var(--flow-pb) var(--flow-pl);margin:var(--flow-mt) var(--flow-mr) var(--flow-mb) var(--flow-ml);min-width:var(--flow-min);max-width:none}
.cg-flow-layer:not(.cg-flow-layer--button){width:100%}
.cg-flow-layer--button{width:max-content;background:transparent;padding:0}
.cg-flow-layer--button a{display:inline-flex;align-items:center;justify-content:center;width:max-content;color:var(--flow-color)!important;background:var(--btn-bg-normal,var(--flow-bg));border-radius:var(--flow-radius);padding:var(--flow-pt) var(--flow-pr) var(--flow-pb) var(--flow-pl);text-decoration:none!important;white-space:nowrap;box-sizing:border-box}
.cg-flow-layer--button[data-width-mode="fixed"] a{width:var(--flow-width)}
.cg-flow-layer--image{padding:0;background:transparent}.cg-flow-layer--image img{display:block;width:100%;height:auto;object-fit:contain}
.cg-flow-layer--shape{padding:0;min-height:12px}.cg-flow-shape{display:block;width:100%;height:100%;min-height:12px;background:var(--flow-bg);border-radius:var(--flow-radius)}
.cg-flow-text{white-space:pre-wrap}
.cg-slide.is-active .cg-flow-layer{animation-duration:var(--anim-duration);animation-delay:var(--anim-delay);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
.cg-slide.is-active .cg-flow-layer.cg-anim-none{opacity:1}

@media(max-width:980px){
 .cg-container-layer{left:calc(var(--ct-x-t)*1%);top:calc(var(--ct-y-t)*1%);width:calc(var(--ct-w-t)*1%);height:calc(var(--ct-h-t)*1%)}
 .cg-container-layer.is-nested{left:auto;top:auto;width:100%;height:auto}
 .cg-container-inner{min-height:var(--ct-minh-t);display:var(--ct-display-t);flex-direction:var(--ct-dir-t);flex-wrap:var(--ct-wrap-t);gap:var(--ct-gap-t);justify-content:var(--ct-justify-t);align-items:var(--ct-align-t);grid-template-columns:repeat(var(--ct-cols-t),minmax(0,1fr));padding:var(--ct-pt-t) var(--ct-pr-t) var(--ct-pb-t) var(--ct-pl-t)}
 .cg-flow-layer{font-size:var(--flow-fs-t)}
}
@media(max-width:700px){
 .cg-container-layer{left:calc(var(--ct-x-m)*1%);top:calc(var(--ct-y-m)*1%);width:calc(var(--ct-w-m)*1%);height:calc(var(--ct-h-m)*1%)}
 .cg-container-layer.is-nested{left:auto;top:auto;width:100%;height:auto}
 .cg-container-inner{min-height:var(--ct-minh-m);display:var(--ct-display-m);flex-direction:var(--ct-dir-m);flex-wrap:var(--ct-wrap-m);gap:var(--ct-gap-m);justify-content:var(--ct-justify-m);align-items:var(--ct-align-m);grid-template-columns:repeat(var(--ct-cols-m),minmax(0,1fr));padding:var(--ct-pt-m) var(--ct-pr-m) var(--ct-pb-m) var(--ct-pl-m)}
 .cg-flow-layer{font-size:var(--flow-fs-m)}
}


/* v2.6.3 — natural text height + container margins */
.cg-layer[data-height-mode="auto"]{
  height:auto!important;
  min-height:0;
}
.cg-layer[data-height-mode="auto"] .cg-layer__text{
  height:auto;
}
.cg-container-layer{
  margin:var(--ct-mt-d) var(--ct-mr-d) var(--ct-mb-d) var(--ct-ml-d);
}
@media(max-width:980px){
  .cg-container-layer{
    margin:var(--ct-mt-t) var(--ct-mr-t) var(--ct-mb-t) var(--ct-ml-t);
  }
}
@media(max-width:700px){
  .cg-container-layer{
    margin:var(--ct-mt-m) var(--ct-mr-m) var(--ct-mb-m) var(--ct-ml-m);
  }
}


/* v2.6.6 — responsive Container width: %, px, rem + min/max */
.cg-container-layer{
  width:var(--ct-width-d,100%);
  min-width:var(--ct-min-width-d,0px);
  max-width:min(var(--ct-max-width-d,100%),100%);
}
@media(max-width:980px){
  .cg-container-layer{
    width:var(--ct-width-t,100%);
    min-width:var(--ct-min-width-t,0px);
    max-width:min(var(--ct-max-width-t,100%),100%);
  }
}
@media(max-width:700px){
  .cg-container-layer{
    width:var(--ct-width-m,100%);
    min-width:var(--ct-min-width-m,0px);
    max-width:min(var(--ct-max-width-m,100%),100%);
  }
}


/* v2.6.12 — authoritative responsive layer visibility.
   Keep these rules LAST so no layer/button/container display rule can
   accidentally override the eye-icon state. */
@media (min-width:981px){
  .cg-slider .cg-hide-d{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media (min-width:701px) and (max-width:980px){
  .cg-slider .cg-hide-t{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media (max-width:700px){
  .cg-slider .cg-hide-m{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* Extra defensive fallback using the renderer's explicit visibility attrs. */
@media (min-width:981px){
  .cg-slider [data-visible-desktop="0"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
}
@media (min-width:701px) and (max-width:980px){
  .cg-slider [data-visible-tablet="0"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
}
@media (max-width:700px){
  .cg-slider [data-visible-mobile="0"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
}


/* v2.6.13 — Full-width slider background + boxed/full content Section
   DOM:
   .cg-slide__canvas
     > .cg-root-section (always full slide)
       > .cg-root-section__box (full or boxed)
         > .cg-container-layer
*/
.cg-root-section{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  padding:var(--os-pt-d) var(--os-pr-d) var(--os-pb-d) var(--os-pl-d);
  pointer-events:none;
  z-index:var(--os-z);
}
.cg-root-section__box{
  position:relative;
  height:100%;
  box-sizing:border-box;
  pointer-events:none;
}
.cg-root-section[style*="--os-layout-d:full"] .cg-root-section__box{
  width:100%;
  max-width:100%;
}
.cg-root-section[style*="--os-layout-d:boxed"] .cg-root-section__box{
  width:var(--os-width-d);
  max-width:min(var(--os-max-d),100%);
}
.cg-root-section[style*="--os-layout-d:boxed"][style*="--os-max-d:none"] .cg-root-section__box{
  max-width:100%;
}
.cg-root-section[style*="--os-align-d:left"]{justify-content:flex-start}
.cg-root-section[style*="--os-align-d:center"]{justify-content:center}
.cg-root-section[style*="--os-align-d:right"]{justify-content:flex-end}
.cg-root-section .cg-container-layer{pointer-events:auto}

@media(max-width:980px){
  .cg-root-section{
    padding:var(--os-pt-t) var(--os-pr-t) var(--os-pb-t) var(--os-pl-t);
  }
  .cg-root-section__box{width:100%;max-width:100%}
  .cg-root-section[style*="--os-layout-t:boxed"] .cg-root-section__box{
    width:var(--os-width-t);
    max-width:min(var(--os-max-t),100%);
  }
  .cg-root-section[style*="--os-layout-t:boxed"][style*="--os-max-t:none"] .cg-root-section__box{max-width:100%}
  .cg-root-section[style*="--os-align-t:left"]{justify-content:flex-start}
  .cg-root-section[style*="--os-align-t:center"]{justify-content:center}
  .cg-root-section[style*="--os-align-t:right"]{justify-content:flex-end}
}
@media(max-width:700px){
  .cg-root-section{
    padding:var(--os-pt-m) var(--os-pr-m) var(--os-pb-m) var(--os-pl-m);
  }
  .cg-root-section__box{width:100%;max-width:100%}
  .cg-root-section[style*="--os-layout-m:boxed"] .cg-root-section__box{
    width:var(--os-width-m);
    max-width:min(var(--os-max-m),100%);
  }
  .cg-root-section[style*="--os-layout-m:boxed"][style*="--os-max-m:none"] .cg-root-section__box{max-width:100%}
  .cg-root-section[style*="--os-align-m:left"]{justify-content:flex-start}
  .cg-root-section[style*="--os-align-m:center"]{justify-content:center}
  .cg-root-section[style*="--os-align-m:right"]{justify-content:flex-end}
}

/* Visibility rules remain authoritative for outer Sections too. */
@media(min-width:981px){.cg-slider .cg-root-section.cg-hide-d{display:none!important}}
@media(min-width:701px) and (max-width:980px){.cg-slider .cg-root-section.cg-hide-t{display:none!important}}
@media(max-width:700px){.cg-slider .cg-root-section.cg-hide-m{display:none!important}}


/* v2.6.14 — Button gradients and hover effects */
.cg-layer--button a,
.cg-flow-layer--button a,
.cg-group-button{
  transition:
    background var(--btn-hover-duration,250ms) ease,
    color var(--btn-hover-duration,250ms) ease,
    transform var(--btn-hover-duration,250ms) ease,
    box-shadow var(--btn-hover-duration,250ms) ease;
  transform-origin:center center;
  will-change:transform;
}

.cg-layer--button a[data-hover-enabled="1"]:hover,
.cg-layer--button a[data-hover-enabled="1"]:focus-visible,
.cg-flow-layer--button a[data-hover-enabled="1"]:hover,
.cg-flow-layer--button a[data-hover-enabled="1"]:focus-visible,
.cg-group-button[data-hover-enabled="1"]:hover,
.cg-group-button[data-hover-enabled="1"]:focus-visible{
  background:var(--btn-bg-hover,var(--btn-bg-normal))!important;
  color:var(--btn-color-hover)!important;
}

.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="lift"]:hover,
.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="lift"]:focus-visible,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="lift"]:hover,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="lift"]:focus-visible,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="lift"]:hover,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="lift"]:focus-visible{
  transform:translateY(-3px);
}

.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="scale"]:hover,
.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="scale"]:focus-visible,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="scale"]:hover,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="scale"]:focus-visible,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="scale"]:hover,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="scale"]:focus-visible{
  transform:scale(1.04);
}

.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="lift-scale"]:hover,
.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="lift-scale"]:focus-visible,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="lift-scale"]:hover,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="lift-scale"]:focus-visible,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="lift-scale"]:hover,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="lift-scale"]:focus-visible{
  transform:translateY(-3px) scale(1.04);
}

.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="shadow"]:hover,
.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="shadow"]:focus-visible,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="shadow"]:hover,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="shadow"]:focus-visible,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="shadow"]:hover,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="shadow"]:focus-visible{
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}

.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="glow"]:hover,
.cg-layer--button a[data-hover-enabled="1"][data-hover-effect="glow"]:focus-visible,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="glow"]:hover,
.cg-flow-layer--button a[data-hover-enabled="1"][data-hover-effect="glow"]:focus-visible,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="glow"]:hover,
.cg-group-button[data-hover-enabled="1"][data-hover-effect="glow"]:focus-visible{
  box-shadow:0 0 24px rgba(79,140,255,.55);
}

@media(prefers-reduced-motion:reduce){
  .cg-layer--button a,
  .cg-flow-layer--button a,
  .cg-group-button{
    transition:none!important;
    transform:none!important;
  }
}
