/* Visual Slider Studio Frontend Renderer V24 */
.ssv-slider{
  position:relative;
  height:var(--slider-height,720px);
  min-height:560px;
  overflow:hidden;
  background:#f8fbff;
  border-radius:0;
}
.ssv-stage,.ssv-slide{position:absolute;inset:0}
.ssv-slide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .75s ease, visibility .75s ease;
  overflow:hidden;
}
.ssv-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ssv-el{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--w);
  height:var(--h);
  z-index:var(--z);
  opacity:calc(var(--opacity)/100);
  transform:rotate(var(--rot));
  font-size:var(--fs);
  color:var(--color);
  background:var(--bg);
  border-radius:var(--radius);
  animation-fill-mode:both;
  animation-duration:var(--duration);
  animation-delay:var(--delay, var(--auto-delay, 0ms));
  animation-timing-function:var(--ease);
}
.ssv-slide:not(.is-active) .ssv-el{animation:none!important}
.ssv-el>div,.ssv-el>a{width:100%;height:100%}
.ssv-text{
  display:flex;
  align-items:center;
  white-space:pre-line;
  line-height:1.08;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:550;
  letter-spacing:-.035em;
}
.ssv-text.is-small{
  font-family:Inter,Segoe UI,Arial,sans-serif;
  font-weight:800;
  letter-spacing:.18em;
}
.ssv-description{
  display:flex;
  align-items:center;
  line-height:1.55;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.ssv-bullets{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.ssv-bullets span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(44,126,234,.22);
  box-shadow:0 8px 22px rgba(30,65,116,.06);
}
.ssv-bullets span:before{
  content:'✓';
  width:18px;
  height:18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid #8ab9ff;
  color:#2477e8;
  font-size:12px;
}
.ssv-button{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:inherit;
  background:var(--bg);
  border-radius:var(--radius);
  box-shadow:0 14px 28px rgba(11,99,216,.18);
  font-weight:800;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.ssv-button:after{content:'→';margin-left:12px;font-size:18px}
.ssv-image{
  position:relative;
  background:var(--bg);
  border-radius:var(--radius);
  overflow:hidden;
}
.ssv-image.image-style-card{
  padding:10px;
  box-shadow:0 18px 45px rgba(30,75,130,.13);
  border:1px solid rgba(120,170,230,.18);
}
.ssv-image.image-style-flat{
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
.ssv-image picture{display:block;width:100%;height:100%}
.ssv-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:calc(var(--radius) - 10px);
  display:block;
}
.ssv-image.image-style-flat img{border-radius:var(--radius)}
.ssv-image.image-fit-cover img{object-fit:cover}
.ssv-image.image-fit-fill img{object-fit:fill}
.ssv-image.image-fit-contain img{object-fit:contain}
.ssv-image:after{
  content:attr(data-label);
  position:absolute;
  left:16px;
  bottom:10px;
  padding:5px 12px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(38,117,232,.25);
  border-radius:8px;
  font-size:12px;
  color:#1764ce;
  font-weight:800;
  white-space:nowrap;
  backdrop-filter:blur(8px);
}
.ssv-box{
  padding:14px 16px;
  background:var(--bg);
  border-radius:var(--radius);
  box-shadow:0 14px 34px rgba(16,42,86,.09);
  white-space:pre-line;
  line-height:1.45;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.ssv-box:first-line{font-weight:900;color:#0b2f63}
.ssv-shape{
  width:100%;
  height:100%;
  border:1.5px solid rgba(42,121,231,.22);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(47,125,231,.035), inset 0 0 60px rgba(47,125,231,.025);
}
.ssv-shape:before,.ssv-shape:after{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2f7de7;
  box-shadow:0 0 12px rgba(47,125,231,.5);
}
.ssv-shape:before{left:10%;top:35%}
.ssv-shape:after{right:8%;bottom:28%;background:#95d43f}
.ssv-peakbg svg{width:100%;height:100%;overflow:visible}
.ssv-peakbg .grid{stroke:#d7e7fb;stroke-width:1;opacity:.8;fill:none}
.ssv-peakbg .peak{stroke:#2477e8;stroke-width:3;fill:none;stroke-linecap:round}
.ssv-peakbg .faint{opacity:.25;stroke-width:2}
.ssv-chart{
  padding:14px;
  background:var(--bg);
  border-radius:var(--radius);
  box-shadow:0 16px 40px rgba(21,47,87,.09);
  color:#183259;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.ssv-chart strong{display:block;margin-bottom:8px}
.ssv-chart svg{width:100%;height:calc(100% - 26px)}
.ssv-chart .axis{stroke:#d5e3f9;fill:none}
.ssv-chart .line{stroke:#2777e7;stroke-width:2.2;fill:none}

/* backgrounds */
.ssv-slide.bg-ice{background:radial-gradient(circle at 50% 50%,#f3f8ff 0,#fff 52%,#fff 100%)}
.ssv-slide.bg-mist{background:radial-gradient(circle at 72% 44%,#ebf4ff 0,#fff 58%)}
.ssv-slide.bg-pure{background:#fff}
.ssv-slide.bg-gradient{background:linear-gradient(115deg,#fff 26%,#eef6ff 100%)}
.ssv-slide.bg-light-gradient{background:radial-gradient(circle at 18% 18%,rgba(71,150,255,.16),transparent 28%),radial-gradient(circle at 82% 26%,rgba(80,213,255,.14),transparent 30%),linear-gradient(135deg,#fff 0%,#f8fbff 42%,#eaf4ff 100%)}
.ssv-slide.bg-dark-gradient{background:radial-gradient(circle at 30% 22%,rgba(83,171,255,.28),transparent 33%),radial-gradient(circle at 82% 68%,rgba(43,110,231,.18),transparent 36%),linear-gradient(135deg,#061226 0%,#0b2147 48%,#0d4c9a 100%)}
.ssv-slide.bg-spectrum{background:linear-gradient(135deg,#fff 0%,#f7fbff 46%,#eef7ff 100%)}
.ssv-slide.bg-spectrum:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.58;background:linear-gradient(100deg,transparent 0 10%,rgba(103,191,255,.18) 16%,rgba(84,235,190,.14) 26%,rgba(255,218,92,.13) 38%,rgba(255,118,118,.11) 50%,rgba(157,111,255,.13) 63%,rgba(62,147,255,.16) 76%,transparent 90%);clip-path:polygon(0 68%,100% 45%,100% 68%,0 92%)}
.ssv-slide.bg-peaks,.ssv-slide.bg-chromatogram{background:linear-gradient(135deg,#fff,#f7fbff 45%,#edf6ff)}
.ssv-slide.bg-peaks:before,.ssv-slide.bg-chromatogram:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 760'%3E%3Cpath fill='none' stroke='%232b83ec' opacity='.22' stroke-width='2' stroke-linecap='round' d='M40 620 C180 620 250 616 325 620 C350 622 358 250 366 620 C430 624 500 626 560 620 C585 616 596 430 606 620 C690 626 765 627 830 620 C860 615 875 120 890 620 C980 628 1060 628 1135 620 C1170 615 1186 372 1198 620 C1260 624 1320 624 1380 620'/%3E%3C/svg%3E");background-size:cover;background-position:center bottom}
.ssv-slide.bg-molecular,.ssv-slide.bg-compound{background:radial-gradient(circle at 80% 28%,rgba(57,141,255,.12),transparent 30%),linear-gradient(135deg,#fff 0,#f7fbff 100%)}
.ssv-slide.bg-molecular:before,.ssv-slide.bg-compound:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 760'%3E%3Cg stroke='%232876e7' stroke-width='1.4' fill='none' opacity='.45'%3E%3Cpath d='M160 190 260 130 358 205 450 150M260 130 292 270 358 205M870 145 970 220 1085 165 1180 250M970 220 990 335 1085 165M220 580 340 520 450 590 570 520M950 560 1040 480 1150 520 1240 450'/%3E%3C/g%3E%3Cg fill='%232876e7' opacity='.38'%3E%3Ccircle cx='160' cy='190' r='7'/%3E%3Ccircle cx='260' cy='130' r='6'/%3E%3Ccircle cx='358' cy='205' r='8'/%3E%3Ccircle cx='450' cy='150' r='5'/%3E%3Ccircle cx='970' cy='220' r='7'/%3E%3Ccircle cx='1085' cy='165' r='8'/%3E%3Ccircle cx='340' cy='520' r='7'/%3E%3Ccircle cx='1150' cy='520' r='7'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}
.ssv-slide.bg-grid-blue,.ssv-slide.bg-spectrum-grid{background:linear-gradient(135deg,#fbfdff,#eaf5ff)}
.ssv-slide.bg-grid-blue:before,.ssv-slide.bg-spectrum-grid:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:linear-gradient(rgba(28,107,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(28,107,220,.08) 1px,transparent 1px);background-size:44px 44px}
.ssv-slide.bg-analysis-wave,.ssv-slide.bg-blog-clean{background:linear-gradient(135deg,#ffffff 0%,#fbfdff 54%,#f1f7ff 100%)}

/* controls */
.ssv-arrow{
  position:absolute;
  z-index:50;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid #dbe8fb;
  background:rgba(255,255,255,.92);
  color:#0b2f63;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(15,61,133,.10);
}
.ssv-prev{left:24px}.ssv-next{right:24px}
.ssv-dots{
  position:absolute;
  z-index:55;
  left:24px;
  bottom:24px;
  transform:none;
  display:flex;
  align-items:center;
  gap:8px;
}
.ssv-dots button{
  width:18px;height:4px;min-width:18px;min-height:4px;padding:0;border-radius:99px;border:0;background:#cbdcf4;cursor:pointer;transition:all .22s ease
}
.ssv-dots button.active{background:#0b63d8;width:30px;border-radius:99px}

/* animations */
@keyframes ssvFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes ssvFadeLeft{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}
@keyframes ssvFadeRight{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:translateX(0)}}
@keyframes ssvZoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.ssv-slide.is-active .anim-fade-up,.ssv-slide.is-active .anim-reveal-up,.ssv-slide.is-active .anim-stagger{animation-name:ssvFadeUp}
.ssv-slide.is-active .anim-fade-left,.ssv-slide.is-active .anim-float-in-right{animation-name:ssvFadeLeft}
.ssv-slide.is-active .anim-fade-right,.ssv-slide.is-active .anim-float-in-left{animation-name:ssvFadeRight}
.ssv-slide.is-active .anim-zoom{animation-name:ssvZoom}

@media(max-width:1100px){
  .ssv-slider{height:820px}
  .ssv-el{left:var(--x)!important;top:var(--y)!important;width:var(--w)!important;height:var(--h)!important}
}
@media(max-width:700px){
  .ssv-slider{height:880px;min-height:780px}
  .ssv-text{font-size:clamp(24px,7vw,var(--fs));line-height:1.04}
  .ssv-description{font-size:13px;line-height:1.45}
  .ssv-image:after{font-size:10px;padding:4px 8px;left:10px}
  .ssv-arrow{display:none}
}

}


/* V28 automatic index/stagger animation support */
.ssv-slide.is-active .ssv-el{
  will-change: transform, opacity;
}
.ssv-slide.is-active .ssv-el[data-index]{
  animation-delay:var(--delay, var(--auto-delay, 0ms));
}
@keyframes ssvSoftScale{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ssvSoftBlur{from{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes ssvDraw{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.ssv-slide.is-active .anim-fade-in,
.ssv-slide.is-active .anim-fade,
.ssv-slide.is-active .anim-soft-scale{animation-name:ssvSoftScale}
.ssv-slide.is-active .anim-blur-up{animation-name:ssvSoftBlur}
.ssv-slide.is-active .anim-draw{animation-name:ssvDraw}

/* V29 restored homepage slider size */
.ssv-slider.ss-home-visual-slider{
  height:760px!important;
  min-height:560px!important;
  max-height:760px!important;
  aspect-ratio:auto!important;
}
@media(max-width:1100px){
  .ssv-slider.ss-home-visual-slider{
    height:680px!important;
    min-height:620px!important;
    max-height:none!important;
  }
}
@media(max-width:700px){
  .ssv-slider.ss-home-visual-slider{
    height:760px!important;
    min-height:720px!important;
    max-height:none!important;
  }
}

/* V30 best-solution animation presets */
@keyframes ssvBlurUp{from{opacity:0;filter:blur(8px);transform:translateY(24px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes ssvFloatRight{from{opacity:0;transform:translateX(34px) translateY(10px) scale(.985)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}
@keyframes ssvFloatLeft{from{opacity:0;transform:translateX(-34px) translateY(10px) scale(.985)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}
.ssv-slide.is-active .anim-blur-up{animation-name:ssvBlurUp}
.ssv-slide.is-active .anim-float-in-right{animation-name:ssvFloatRight}
.ssv-slide.is-active .anim-float-in-left{animation-name:ssvFloatLeft}
.ssv-slide.is-active .anim-none{animation-name:none!important}

/* V31: animate elements only when their slide is active */
.ssv-slide .ssv-el{
  animation:none!important;
  opacity:0;
}
.ssv-slide.is-active .ssv-el{
  animation-duration:var(--duration, 1050ms)!important;
  animation-delay:var(--delay, var(--auto-delay, 0ms))!important;
  animation-timing-function:var(--ease, cubic-bezier(.16,1,.3,1))!important;
  animation-fill-mode:both!important;
  opacity:calc(var(--opacity,100)/100);
}
.ssv-slide.is-active .anim-fade-up,
.ssv-slide.is-active .anim-reveal-up,
.ssv-slide.is-active .anim-stagger{animation-name:ssvFadeUp!important}
.ssv-slide.is-active .anim-fade-left{animation-name:ssvFadeLeft!important}
.ssv-slide.is-active .anim-fade-right{animation-name:ssvFadeRight!important}
.ssv-slide.is-active .anim-zoom{animation-name:ssvZoom!important}
.ssv-slide.is-active .anim-blur-up{animation-name:ssvBlurUp!important}
.ssv-slide.is-active .anim-float-in-right{animation-name:ssvFloatRight!important}
.ssv-slide.is-active .anim-float-in-left{animation-name:ssvFloatLeft!important}
.ssv-slide.is-active .anim-draw{animation-name:ssvDraw!important}
.ssv-slide.is-active .anim-none{
  animation:none!important;
  opacity:calc(var(--opacity,100)/100)!important;
}

/* V33 responsive element style variables */
.ssv-el{
  font-size:var(--fs-d, var(--fs));
  color:var(--color-d, var(--color));
  background:var(--bg-d, var(--bg));
  border-radius:var(--radius-d, var(--radius));
}
@media(max-width:1100px){
  .ssv-el{
    font-size:var(--fs-t, var(--fs-d, var(--fs)));
    color:var(--color-t, var(--color-d, var(--color)));
    background:var(--bg-t, var(--bg-d, var(--bg)));
    border-radius:var(--radius-t, var(--radius-d, var(--radius)));
  }
}
@media(max-width:700px){
  .ssv-el{
    font-size:var(--fs-m, var(--fs-t, var(--fs-d, var(--fs))));
    color:var(--color-m, var(--color-t, var(--color-d, var(--color))));
    background:var(--bg-m, var(--bg-t, var(--bg-d, var(--bg))));
    border-radius:var(--radius-m, var(--radius-t, var(--radius-d, var(--radius))));
  }
}

/* V34 text formatting support */
.ssv-text h1,.ssv-description h1,.ssv-box h1{font-size:1.45em;line-height:1.05;margin:.08em 0}
.ssv-text h2,.ssv-description h2,.ssv-box h2{font-size:1.25em;line-height:1.08;margin:.08em 0}
.ssv-text ul,.ssv-description ul,.ssv-box ul,.ssv-text ol,.ssv-description ol,.ssv-box ol{margin:.25em 0 .25em 1.2em;padding:0}
.ssv-text li,.ssv-description li,.ssv-box li{margin:.12em 0}

.ssv-image.image-style-flat:after{left:8px;bottom:8px;border-radius:8px;transform:none}

/* V41 frontend responsive geometry from Visual Slider Studio */
.ssv-el{
  left:var(--x-d, var(--x)) !important;
  top:var(--y-d, var(--y)) !important;
  width:var(--w-d, var(--w)) !important;
  height:var(--h-d, var(--h)) !important;
}
.ssv-el[data-visible-d="0"]{display:none!important;}
@media(max-width:1100px){
  .ssv-el{
    left:var(--x-t, var(--x-d, var(--x))) !important;
    top:var(--y-t, var(--y-d, var(--y))) !important;
    width:var(--w-t, var(--w-d, var(--w))) !important;
    height:var(--h-t, var(--h-d, var(--h))) !important;
  }
  .ssv-el[data-visible-d="0"]{display:block!important;}
  .ssv-el[data-visible-t="0"]{display:none!important;}
}
@media(max-width:700px){
  .ssv-el{
    left:var(--x-m, var(--x-t, var(--x-d, var(--x)))) !important;
    top:var(--y-m, var(--y-t, var(--y-d, var(--y)))) !important;
    width:var(--w-m, var(--w-t, var(--w-d, var(--w)))) !important;
    height:var(--h-m, var(--h-t, var(--h-d, var(--h)))) !important;
  }
  .ssv-el[data-visible-t="0"]{display:block!important;}
  .ssv-el[data-visible-m="0"]{display:none!important;}
}

/* V43 frontend stage size reference used by Studio:
   desktop 1440x760, tablet 768x680, mobile 375x760 */
.ssv-slider.ss-home-visual-slider{
  height:760px!important;
}
@media(max-width:1100px){
  .ssv-slider.ss-home-visual-slider{height:680px!important;}
}
@media(max-width:700px){
  .ssv-slider.ss-home-visual-slider{height:760px!important;}
}

/* V48: make frontend visual result closer to Studio */
.ssv-el{
  transform:rotate(var(--rot,0deg));
  transform-origin:center center;
  opacity:calc(var(--opacity,100) / 100);
}
.ssv-el.type-image{
  background:transparent!important;
  overflow:visible;
}
.ssv-image{
  width:100%;
  height:100%;
  box-sizing:border-box;
}
.ssv-image.image-style-card{
  background:var(--bg-d,var(--bg,#fff));
}
@media(max-width:1100px){
  .ssv-image.image-style-card{background:var(--bg-t,var(--bg-d,var(--bg,#fff)));}
}
@media(max-width:700px){
  .ssv-image.image-style-card{background:var(--bg-m,var(--bg-t,var(--bg-d,var(--bg,#fff))));}
}
.ssv-image.image-style-flat{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.ssv-el.type-text,
.ssv-el.type-description,
.ssv-el.type-box,
.ssv-el.type-button,
.ssv-el.type-bullets{
  box-sizing:border-box;
}
.ssv-el .ssv-text,
.ssv-el .ssv-description,
.ssv-el .ssv-box{
  width:100%;
  height:100%;
  box-sizing:border-box;
}
.ssv-el.type-box{
  box-shadow:0 24px 55px rgba(22,62,115,.12);
}
.ssv-el.type-box.hover-none,
.ssv-el.type-text,
.ssv-el.type-description,
.ssv-el.type-bullets{
  box-shadow:none;
}
.ssv-el.type-bullets{
  display:flex;
  align-items:center;
  justify-content:center;
}
.ssv-chips{
  width:100%;
}
.ssv-chips.left{
  justify-content:flex-start;
}

/* V49 mobile text + formatting frontend fix */
.ssv-text,
.ssv-description,
.ssv-box{
  overflow:visible;
  word-break:normal;
  overflow-wrap:break-word;
}
.ssv-text{
  white-space:normal;
}
.ssv-text br,
.ssv-description br,
.ssv-box br{
  display:block;
}
.ssv-text b,.ssv-description b,.ssv-box b,.ssv-button b,.ssv-bullets b,
.ssv-text strong,.ssv-description strong,.ssv-box strong,.ssv-button strong,.ssv-bullets strong{
  font-weight:900;
}
.ssv-text i,.ssv-description i,.ssv-box i,.ssv-button i,.ssv-bullets i,
.ssv-text em,.ssv-description em,.ssv-box em,.ssv-button em,.ssv-bullets em{
  font-style:italic;
}
.ssv-text u,.ssv-description u,.ssv-box u,.ssv-button u,.ssv-bullets u{
  text-decoration:underline;
}
.ssv-bullets{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
}
.ssv-bullets.left{justify-content:flex-start}
.ssv-bullets.right{justify-content:flex-end}
.ssv-bullets.center{justify-content:center}
.ssv-bullets span{
  white-space:normal;
  line-height:1.2;
}
@media(max-width:700px){
  .ssv-text{
    line-height:1.04;
    letter-spacing:-.03em;
  }
  .ssv-description{
    line-height:1.35;
  }
  .ssv-bullets{
    gap:6px;
  }
  .ssv-bullets span{
    padding:7px 10px;
    font-size:.78em;
  }
  .ssv-text h1,.ssv-description h1,.ssv-box h1{font-size:1.22em;line-height:1.02}
  .ssv-text h2,.ssv-description h2,.ssv-box h2{font-size:1.12em;line-height:1.04}
}
/* make responsive styling win after older base rules */
.ssv-el{
  font-size:var(--fs-d, var(--fs))!important;
  color:var(--color-d, var(--color))!important;
  background:var(--bg-d, var(--bg))!important;
  border-radius:var(--radius-d, var(--radius))!important;
}
@media(max-width:1100px){
  .ssv-el{
    font-size:var(--fs-t, var(--fs-d, var(--fs)))!important;
    color:var(--color-t, var(--color-d, var(--color)))!important;
    background:var(--bg-t, var(--bg-d, var(--bg)))!important;
    border-radius:var(--radius-t, var(--radius-d, var(--radius)))!important;
  }
}
@media(max-width:700px){
  .ssv-el{
    font-size:var(--fs-m, var(--fs-t, var(--fs-d, var(--fs))))!important;
    color:var(--color-m, var(--color-t, var(--color-d, var(--color))))!important;
    background:var(--bg-m, var(--bg-t, var(--bg-d, var(--bg))))!important;
    border-radius:var(--radius-m, var(--radius-t, var(--radius-d, var(--radius))))!important;
  }
}

/* V50 desktop text alignment fix: Studio align = frontend align */
.ssv-el{
  text-align:inherit;
}
.ssv-text,
.ssv-description,
.ssv-box,
.ssv-button{
  text-align:inherit;
}
.ssv-text{
  width:100%;
  justify-content:inherit;
}
.ssv-description{
  width:100%;
}
.ssv-button{
  display:flex;
  align-items:center;
}
.ssv-bullets.left{justify-content:flex-start!important;text-align:left}
.ssv-bullets.center{justify-content:center!important;text-align:center}
.ssv-bullets.right{justify-content:flex-end!important;text-align:right}
.ssv-bullets span{
  text-align:center;
}




/* V57 final clean slider width: must match css/site-clean-layout.css frame exactly */
.ssv-slider.ss-home-visual-slider{
  width:var(--ss-frame, min(1440px, calc(100vw - 48px)))!important;
  max-width:var(--ss-frame-max, 1440px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  height:760px!important;
  min-height:560px!important;
  max-height:760px!important;
}
@media(max-width:1100px){
  .ssv-slider.ss-home-visual-slider{
    width:calc(100vw - 32px)!important;
    max-width:none!important;
    height:680px!important;
    min-height:620px!important;
    max-height:none!important;
  }
}
@media(max-width:700px){
  .ssv-slider.ss-home-visual-slider{
    width:calc(100vw - 16px)!important;
    max-width:none!important;
    height:760px!important;
    min-height:720px!important;
  }
}
@media(max-width:340px){
  .ssv-slider.ss-home-visual-slider{
    width:calc(100vw - 8px)!important;
    height:735px!important;
    min-height:700px!important;
  }
}


/* V58: smaller clean slider navigation + fixed element stagger */
.ssv-arrow{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  font-size:20px!important;
  line-height:1!important;
  border-radius:50%!important;
  box-shadow:0 8px 22px rgba(15,61,133,.10)!important;
  background:rgba(255,255,255,.90)!important;
}
.ssv-prev{left:16px!important}
.ssv-next{right:16px!important}
.ssv-dots{
  left:16px!important;
  bottom:18px!important;
  transform:none!important;
  gap:6px!important;
  align-items:center!important;
}
.ssv-dots button{
  width:16px!important;
  height:4px!important;
  min-width:16px!important;
  min-height:4px!important;
  padding:0!important;
  border-radius:99px!important;
  background:#cbdcf4!important;
  box-shadow:none!important;
}
.ssv-dots button.active{
  width:28px!important;
  height:4px!important;
  background:#0b63d8!important;
}
.ssv-slide.is-active .ssv-el[data-index]{
  animation-delay:calc(attr(data-index number) * 90ms);
  animation-delay:var(--delay, var(--auto-delay, 0ms))!important;
}
@media(max-width:700px){
  .ssv-arrow{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    font-size:18px!important;
  }
  .ssv-prev{left:8px!important}
  .ssv-next{right:8px!important}
  .ssv-dots{
    left:12px!important;
    bottom:14px!important;
    transform:none!important;
    gap:5px!important;
  }
  .ssv-dots button{
    width:13px!important;
    height:4px!important;
    min-width:13px!important;
    min-height:4px!important;
  }
  .ssv-dots button.active{
    width:22px!important;
    height:4px!important;
  }
}


/* V80 professional background presets generated for Visual Slider Studio */
.ssv-slide.bg-pro-lab{background-image:radial-gradient(circle at 78% 20%,rgba(63,151,255,.18),transparent 28%),radial-gradient(circle at 18% 82%,rgba(28,180,206,.12),transparent 30%),linear-gradient(135deg,#ffffff 0%,#f7fbff 45%,#eaf4ff 100%)}
.ssv-slide.bg-pro-spectrum{background-image:linear-gradient(107deg,transparent 0 12%,rgba(51,145,255,.15) 20%,rgba(76,222,190,.12) 32%,rgba(255,214,92,.10) 45%,rgba(255,118,118,.08) 58%,rgba(134,112,255,.10) 70%,transparent 88%),radial-gradient(circle at 18% 16%,rgba(35,121,236,.10),transparent 25%),linear-gradient(135deg,#ffffff,#f2f8ff)}
.ssv-slide.bg-pro-molecular{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 760'%3E%3Cg fill='none' stroke='%232876e7' stroke-width='1.25' opacity='.24'%3E%3Cpath d='M155 170 245 116 354 188 442 138M245 116 286 270 354 188M858 145 966 220 1090 160 1190 248M966 220 995 338 1090 160M220 590 338 520 462 590 585 520M920 585 1035 478 1160 535 1275 450'/%3E%3C/g%3E%3Cg fill='%232876e7' opacity='.18'%3E%3Ccircle cx='155' cy='170' r='7'/%3E%3Ccircle cx='245' cy='116' r='6'/%3E%3Ccircle cx='354' cy='188' r='8'/%3E%3Ccircle cx='966' cy='220' r='7'/%3E%3Ccircle cx='1090' cy='160' r='8'/%3E%3Ccircle cx='338' cy='520' r='7'/%3E%3Ccircle cx='1160' cy='535' r='7'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 78% 24%,rgba(55,142,255,.14),transparent 30%),linear-gradient(135deg,#ffffff 0%,#f8fbff 46%,#eef7ff 100%);background-size:cover,auto,auto;background-position:center}
.ssv-slide.bg-pro-clean{background-image:linear-gradient(90deg,transparent 0 61%,rgba(11,99,216,.055) 61% 61.15%,transparent 61.15%),radial-gradient(circle at 24% 20%,rgba(11,99,216,.10),transparent 20%),radial-gradient(circle at 82% 80%,rgba(28,180,206,.09),transparent 26%),linear-gradient(135deg,#ffffff 0%,#fbfdff 55%,#f0f7ff 100%)}
.ssv-slide.bg-ice{background-image:radial-gradient(circle at 76% 23%,rgba(66,153,255,.14),transparent 28%),radial-gradient(circle at 18% 78%,rgba(28,180,206,.10),transparent 30%),linear-gradient(135deg,#ffffff 0%,#f8fbff 48%,#eef6ff 100%)!important}
.ssv-slide.bg-light-gradient{background-image:radial-gradient(circle at 78% 20%,rgba(63,151,255,.16),transparent 28%),radial-gradient(circle at 16% 82%,rgba(28,180,206,.10),transparent 31%),linear-gradient(135deg,#ffffff 0%,#f7fbff 42%,#eaf4ff 100%)!important}
.ssv-slide .ssv-image[data-label=""]:after{display:none!important}

/* V84 per-project/page height support */
.ssv-slider{
  height:var(--slider-height,720px);
}
@media (max-width: 991.98px){
  .ssv-slider{height:var(--slider-height-tablet, var(--slider-height,760px));}
}
@media (max-width: 575.98px){
  .ssv-slider{height:var(--slider-height-mobile, var(--slider-height-tablet, var(--slider-height,820px)));}
}


/* V93 HTML Block support */
.ssv-el.type-html{background:transparent!important;overflow:hidden!important}
.ssv-html-block{width:100%;height:100%;overflow:hidden;position:relative}

/* Patch: image click actions and fullscreen viewer */
.ssv-el>button{width:100%;height:100%}
.ssv-image-action{display:block;width:100%;height:100%;padding:0!important;margin:0!important;border:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;color:inherit;text-decoration:none!important;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;box-shadow:none!important;border-radius:inherit;font:inherit;line-height:inherit;text-align:inherit;overflow:visible}
.ssv-image-action:before,.ssv-image-action:after{display:none!important;content:none!important}
.ssv-image-action:hover,.ssv-image-action:focus,.ssv-image-action:active,.ssv-image-action:visited{background:transparent!important;background-color:transparent!important;background-image:none!important;color:inherit;text-decoration:none!important;box-shadow:none!important;outline:none!important}
.ssv-image-action .ssv-image{width:100%;height:100%}
.ssv-image-fullscreen-overlay{position:fixed;inset:0;z-index:999999;background:rgba(5,12,24,.86);display:none;align-items:center;justify-content:center;padding:32px;backdrop-filter:blur(6px)}
.ssv-image-fullscreen-overlay.is-open{display:flex}
.ssv-image-fullscreen-overlay img{max-width:96vw;max-height:92vh;object-fit:contain;background:#fff;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.ssv-image-fullscreen-close{position:absolute;right:24px;top:20px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#132848;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 14px 30px rgba(0,0,0,.25)}


/* V88: background image animation support */
@keyframes ssvBgSlowZoom{from{transform:scale(1.02)}to{transform:scale(1.12)}}
@keyframes ssvBgSlowPan{from{transform:scale(1.08) translateX(-1.6%) translateY(-.6%)}to{transform:scale(1.08) translateX(1.6%) translateY(.6%)}}
.ssv-slide.is-active .ssv-el.type-image.anim-bg-zoom,
.ssv-slide.is-active .ssv-el.type-image.anim-bg-pan{animation:none!important;opacity:calc(var(--opacity,100)/100)!important}
.ssv-slide.is-active .ssv-el.type-image.anim-bg-zoom .ssv-image,
.ssv-slide.is-active .ssv-el.type-image.anim-bg-pan .ssv-image{overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.ssv-slide.is-active .ssv-el.type-image.anim-bg-zoom .ssv-image img{animation:ssvBgSlowZoom var(--duration,12000ms) ease-in-out var(--delay,0ms) infinite alternate;transform-origin:center center;will-change:transform}
.ssv-slide.is-active .ssv-el.type-image.anim-bg-pan .ssv-image img{animation:ssvBgSlowPan var(--duration,12000ms) ease-in-out var(--delay,0ms) infinite alternate;transform-origin:center center;will-change:transform}
.ssv-slide.is-active .anim-blur{animation-name:ssvBlurUp!important}
.ssv-slide.is-active .anim-orbit{animation-name:ssvFloatRight!important;animation-duration:6000ms!important;animation-iteration-count:infinite!important;animation-direction:alternate!important}


/* V91 clean side hover zones: no rounded/curved blur block */
.ssv-side-zone{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:clamp(42px,5vw,72px)!important;
  height:auto!important;
  min-height:0!important;
  z-index:45!important;
  display:block!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  outline:none!important;
  opacity:0!important;
  cursor:pointer!important;
  transition:opacity .20s ease!important;
  background:transparent!important;
  overflow:hidden!important;
  transform:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ssv-side-zone:before,.ssv-side-zone:after{content:none!important;display:none!important}
.ssv-side-prev{
  left:0!important;
  background:linear-gradient(90deg,rgba(3,10,22,.24),rgba(3,10,22,.08),rgba(3,10,22,0))!important;
}
.ssv-side-next{
  right:0!important;
  background:linear-gradient(270deg,rgba(3,10,22,.24),rgba(3,10,22,.08),rgba(3,10,22,0))!important;
}
.ssv-side-zone:hover,.ssv-side-zone:focus-visible{
  opacity:.9!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ssv-side-zone:focus-visible{outline:2px solid rgba(49,117,185,.38)!important;outline-offset:-3px!important}

.ssv-slider.ssv-transition-fade .ssv-slide{transition:opacity .75s ease,visibility .75s ease,transform .75s ease;}
.ssv-slider.ssv-transition-slide-left .ssv-slide,
.ssv-slider.ssv-transition-slide-right .ssv-slide,
.ssv-slider.ssv-transition-zoom .ssv-slide{transition:opacity .72s cubic-bezier(.22,.61,.36,1),visibility .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);}
.ssv-slider.ssv-transition-slide-left .ssv-slide{opacity:1;transform:translateX(100%);}
.ssv-slider.ssv-transition-slide-left .ssv-slide.is-active{opacity:1;transform:translateX(0);visibility:visible;pointer-events:auto;}
.ssv-slider.ssv-transition-slide-left .ssv-slide.was-active{opacity:1;visibility:visible;transform:translateX(-100%);pointer-events:none;}
.ssv-slider.ssv-transition-slide-left.ssv-nav-back .ssv-slide{transform:translateX(-100%);}
.ssv-slider.ssv-transition-slide-left.ssv-nav-back .ssv-slide.is-active{transform:translateX(0);}
.ssv-slider.ssv-transition-slide-left.ssv-nav-back .ssv-slide.was-active{transform:translateX(100%);}
.ssv-slider.ssv-transition-slide-right .ssv-slide{opacity:1;transform:translateX(-100%);}
.ssv-slider.ssv-transition-slide-right .ssv-slide.is-active{opacity:1;transform:translateX(0);visibility:visible;pointer-events:auto;}
.ssv-slider.ssv-transition-slide-right .ssv-slide.was-active{opacity:1;visibility:visible;transform:translateX(100%);pointer-events:none;}
.ssv-slider.ssv-transition-slide-right.ssv-nav-back .ssv-slide{transform:translateX(100%);}
.ssv-slider.ssv-transition-slide-right.ssv-nav-back .ssv-slide.is-active{transform:translateX(0);}
.ssv-slider.ssv-transition-slide-right.ssv-nav-back .ssv-slide.was-active{transform:translateX(-100%);}
.ssv-slider.ssv-transition-zoom .ssv-slide{transform:scale(1.035);}
.ssv-slider.ssv-transition-zoom .ssv-slide.is-active{transform:scale(1);}
.ssv-slider.ssv-transition-zoom .ssv-slide.was-active{visibility:visible;opacity:0;transform:scale(.985);}
@media(max-width:700px){.ssv-side-zone{width:54px!important}.ssv-side-zone:hover{opacity:.72!important;}}