.apps-slider {
  --apps-shell: #f7f4ee;
  --apps-text: #171717;
  --apps-muted: #55524d;
  --apps-accent: #d49a00;
  --apps-accent-hover: #f0b51b;
  --apps-button-text: #151515;
  --apps-button-radius: 9px;
  --apps-radius: 22px;
  --apps-angle: 13deg;
  --apps-stage-width: 56%;
  --apps-product-size: 78%;
  --apps-product-x: 2%;
  --apps-product-y: 3%;
  --apps-grid-opacity: .32;
  --apps-nav-bg: #fcfaf6;
  --apps-nav-text: #77736c;
  --apps-nav-active: #1e1d1b;
  --apps-nav-height: 150px;
  --apps-duration: 650ms;
  width: 100%;
  max-width: 100%;
  min-height: 560px;
  container-type: inline-size;
  container-name: apps-slider;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--apps-text);
  background: var(--apps-shell);
  border-radius: var(--apps-radius);
  box-shadow: 0 24px 70px rgba(25, 24, 20, .12);
  font-family: inherit;
}

.apps-slider *,
.apps-slider *::before,
.apps-slider *::after { box-sizing: border-box; }
.apps-slider button,
.apps-slider a { -webkit-tap-highlight-color: transparent; }
.apps-slider a,
.apps-slider button { cursor: pointer; }
.apps-slider button { appearance: none; -webkit-appearance: none; font: inherit; line-height: 1; box-shadow: none; }
.apps-slider__viewport { position: relative; min-height: calc(100% - var(--apps-nav-height)); height: calc(100% - var(--apps-nav-height)); overflow: hidden; }
.apps-slider--no-nav .apps-slider__viewport { min-height: 100%; height: 100%; }
.apps-slider__track { display: flex; direction: ltr; width: 100%; height: 100%; min-height: 410px; transition: transform var(--apps-duration) cubic-bezier(.22,.61,.36,1); will-change: transform; }
.apps-slider--fade .apps-slider__track { transform: none !important; }
.apps-slider__slide { position: relative; flex: 0 0 100%; min-width: 100%; min-height: 410px; display: grid; grid-template-columns: var(--apps-stage-width) calc(100% - var(--apps-stage-width)); overflow: hidden; }
.apps-slider[dir="rtl"] .apps-slider__content { direction: rtl; text-align: right; }
.apps-slider[dir="ltr"] .apps-slider__content { direction: ltr; text-align: left; }
.apps-slider__stage { position: relative; min-height: inherit; overflow: hidden; background: var(--slide-stage, #15171a); isolation: isolate; }
.apps-slider__stage::before { content: ""; position: absolute; inset: 0; opacity: var(--apps-grid-opacity); background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(120deg, rgba(0,0,0,.9), transparent 72%); }
.apps-slider__stage::after { content: ""; position: absolute; top: -12%; right: -15%; width: 26%; height: 125%; background: var(--apps-shell); transform: skewX(calc(var(--apps-angle) * -1)); transform-origin: center; z-index: 3; pointer-events: none; }
.apps-slider__stage { border-radius: var(--apps-radius) 0 0 var(--apps-radius); }
.apps-slider__stage::marker { display: none; }
.apps-slider__product { position: absolute; z-index: 4; left: 50%; top: 50%; width: var(--apps-product-size); height: auto; max-width: none; transform: translate(calc(-50% + var(--apps-product-x)), calc(-50% + var(--apps-product-y))); filter: drop-shadow(0 26px 28px rgba(0,0,0,.36)); object-fit: contain; transition: transform .7s cubic-bezier(.16,1,.3,1), filter .7s ease; }
.apps-slider__slide.is-active .apps-slider__product { animation: apps-product-in .9s cubic-bezier(.16,1,.3,1) both; }
.apps-slider__technical-number { position: absolute; z-index: 1; left: 11%; top: 28%; font-size: clamp(88px, 17cqw, 240px); line-height: .8; font-weight: 800; letter-spacing: -.08em; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.25); opacity: .75; }
.apps-slider__technical-circle { position: absolute; z-index: 1; left: 33%; top: 11%; width: 41%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; opacity: .7; }
.apps-slider__technical-circle::after { content: ""; position: absolute; inset: 9%; border: 1px dashed rgba(255,255,255,.16); border-radius: 50%; }
.apps-slider__technical-crosshair { position: absolute; z-index: 2; right: 10%; top: 29%; width: 30px; height: 30px; border: 1px solid var(--apps-accent); border-radius: 50%; opacity: .85; }
.apps-slider__technical-crosshair::before,
.apps-slider__technical-crosshair::after { content: ""; position: absolute; background: var(--apps-accent); opacity: .8; }
.apps-slider__technical-crosshair::before { width: 54px; height: 1px; left: -13px; top: 14px; }
.apps-slider__technical-crosshair::after { width: 1px; height: 54px; left: 14px; top: -13px; }
.apps-slider__micro-label { position: absolute; z-index: 2; left: 7%; top: 10%; color: rgba(255,255,255,.72); letter-spacing: .28em; font-size: 10px; font-weight: 600; }
.apps-slider__content { position: relative; z-index: 5; min-width: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(24px, 5cqw, 84px) clamp(24px, 5.5cqw, 92px) clamp(24px, 4.5cqw, 74px) clamp(24px, 4.3cqw, 66px); background: var(--apps-shell); }
.apps-slider__eyebrow { display: flex; align-items: center; gap: clamp(8px, 1cqw, 12px); margin-bottom: clamp(14px, 1.8cqw, 24px); color: var(--apps-accent); font-size: clamp(11px, 1.05cqw, 13px); font-weight: 700; letter-spacing: .02em; line-height: 1.4; }
.apps-slider__eyebrow span { display: inline-block; width: 46px; height: 2px; background: var(--apps-accent); }
.apps-slider__title { max-width: 100%; margin: 0; color: var(--apps-text); font-size: clamp(29px, 4.25cqw, 78px); line-height: 1.1; font-weight: 800; letter-spacing: -.045em; }
.apps-slider__description { max-width: 100%; margin: clamp(16px, 1.8cqw, 28px) 0 0; color: var(--apps-muted); font-size: clamp(13px, 1.35cqw, 20px); line-height: 1.8; font-weight: 450; }
.apps-slider__actions { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(11px, 1.7cqw, 18px); margin-top: clamp(22px, 2.5cqw, 38px); }
.apps-slider__cta { display: inline-flex; align-items: center; gap: clamp(15px, 2.3cqw, 26px); min-height: clamp(48px, 3.8cqw, 58px); padding: 0 clamp(17px, 2.2cqw, 25px); border: 0 !important; border-radius: var(--apps-button-radius); color: var(--apps-button-text) !important; background: var(--apps-accent) !important; text-decoration: none !important; font-weight: 700; white-space: nowrap; transition: background .22s ease, transform .22s ease, box-shadow .22s ease; }
.apps-slider__cta span { font-size: 26px; font-weight: 300; line-height: 1; transition: transform .22s ease; }
.apps-slider__cta:hover { background: var(--apps-accent-hover) !important; color: var(--apps-button-text) !important; transform: translateY(-2px); }
.apps-slider__cta:hover span { transform: translateX(-4px); }
.apps-slider__secondary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px 4px; color: var(--apps-text) !important; border-bottom: 1px solid currentColor; text-decoration: none !important; font-size: 14px; font-weight: 600; transition: color .2s ease, border-color .2s ease; }
.apps-slider__secondary:hover { color: var(--apps-accent); border-color: var(--apps-accent); }
.apps-slider__nav { position: relative; z-index: 8; display: flex; min-height: var(--apps-nav-height); background: var(--apps-nav-bg); border-top: 1px solid rgba(24,24,23,.11); }
.apps-slider__nav-controls { display: flex; flex: 0 0 28%; align-items: center; gap: 12px; padding: 20px clamp(18px, 3vw, 46px); border-inline-end: 1px solid rgba(24,24,23,.12); }
.apps-slider__arrow,
.apps-slider__pause { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(24,24,23,.48) !important; border-radius: 50% !important; color: var(--apps-text) !important; background: transparent !important; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
.apps-slider__arrow span { font-size: 31px; line-height: 1; font-weight: 300; transform: translateY(-2px); }
.apps-slider__arrow:hover,
.apps-slider__pause:hover { color: var(--apps-shell) !important; background: var(--apps-text) !important; border-color: var(--apps-text) !important; transform: translateY(-2px); }
.apps-slider__counter { display: inline-flex; align-items: baseline; gap: 7px; margin-inline: auto; color: var(--apps-nav-text); font-size: 13px; white-space: nowrap; }
.apps-slider__counter b { color: var(--apps-nav-active); font-size: 17px; }
.apps-slider__counter i { font-style: normal; opacity: .45; }
.apps-slider__pause { width: 40px; height: 40px; margin-inline-start: auto; border-color: rgba(24,24,23,.2); }
.apps-slider__pause-icon { font-size: 13px; letter-spacing: -3px; transform: translateX(-1px); }
.apps-slider__nav-items { display: flex; flex: 1; min-width: 0; direction: rtl; }
.apps-slider__nav-item { position: relative; display: grid; grid-template-columns: auto minmax(72px, 1fr) 76px; align-items: center; gap: 14px; flex: 1 1 0; min-width: 0; padding: 17px clamp(10px, 2vw, 30px); border: 0; border-inline-end: 1px solid rgba(24,24,23,.12); color: var(--apps-nav-text); background: transparent; text-align: right; transition: color .22s ease, background .22s ease; }
.apps-slider__nav-item:last-child { border-inline-end: 0; }
.apps-slider__nav-item::after { content: ""; position: absolute; right: 12%; bottom: 14px; left: 12%; height: 3px; background: var(--apps-accent); transform: scaleX(0); transform-origin: right; transition: transform .35s ease; }
.apps-slider__nav-item.is-active { color: var(--apps-nav-active); background: rgba(255,255,255,.32); }
.apps-slider__nav-item.is-active::after { transform: scaleX(1); }
.apps-slider__nav-item:focus-visible,
.apps-slider__arrow:focus-visible,
.apps-slider__pause:focus-visible,
.apps-slider__cta:focus-visible,
.apps-slider__secondary:focus-visible { outline: 3px solid var(--apps-accent); outline-offset: 3px; }
.apps-slider__nav-number { align-self: start; color: var(--apps-accent); font-size: 14px; font-weight: 700; }
.apps-slider__nav-label { font-weight: 650; line-height: 1.45; }
.apps-slider__nav-item img { width: 72px; height: 62px; object-fit: contain; justify-self: end; filter: drop-shadow(0 8px 8px rgba(0,0,0,.12)); transition: transform .35s ease; }
.apps-slider__nav-item:hover img,
.apps-slider__nav-item.is-active img { transform: scale(1.08) translateY(-2px); }
.apps-slider__nav-item.is-active .apps-slider__nav-label { font-weight: 800; }

@keyframes apps-product-in { from { opacity: 0; transform: translate(calc(-50% + var(--apps-product-x) + 32px), calc(-50% + var(--apps-product-y))) scale(.96); } to { opacity: 1; transform: translate(calc(-50% + var(--apps-product-x)), calc(-50% + var(--apps-product-y))) scale(1); } }

/* The widget is frequently placed in a narrow Elementor column. Keep the
   composition proportional to the widget container instead of the browser
   viewport, so headlines never get clipped at 1024px and below. */
@container apps-slider (max-width: 1240px) {
  .apps-slider { --apps-stage-width: 53%; --apps-product-size: 72%; --apps-nav-height: 132px; }
  .apps-slider__content { padding: clamp(24px, 3.7cqw, 54px) clamp(24px, 4cqw, 58px) clamp(24px, 3.7cqw, 54px) clamp(24px, 3.2cqw, 46px); }
  .apps-slider__eyebrow { margin-bottom: clamp(12px, 1.4cqw, 19px); font-size: clamp(11px, 1.05cqw, 13px); }
  .apps-slider__eyebrow span { width: clamp(28px, 3.2cqw, 42px); }
  .apps-slider__title { max-width: 100%; font-size: clamp(29px, 4.25cqw, 54px); line-height: 1.1; letter-spacing: -.04em; }
  .apps-slider__description { max-width: 100%; margin-top: clamp(15px, 1.6cqw, 22px); font-size: clamp(13px, 1.35cqw, 17px); line-height: 1.72; }
  .apps-slider__actions { gap: clamp(10px, 1.5cqw, 18px); margin-top: clamp(21px, 2.2cqw, 31px); }
  .apps-slider__cta { min-height: clamp(48px, 4.7cqw, 58px); padding-inline: clamp(16px, 2.1cqw, 25px); gap: clamp(14px, 2.2cqw, 26px); font-size: clamp(12px, 1.2cqw, 16px); }
  .apps-slider__secondary { font-size: clamp(12px, 1.2cqw, 15px); }
  .apps-slider__technical-number { font-size: clamp(88px, 16cqw, 190px); }
  .apps-slider__nav-controls { flex-basis: 27%; padding-inline: clamp(14px, 2.3cqw, 30px); }
  .apps-slider__nav-item { grid-template-columns: auto minmax(64px, 1fr) clamp(48px, 5.4cqw, 72px); gap: clamp(7px, 1.2cqw, 14px); padding-inline: clamp(8px, 1.7cqw, 24px); font-size: clamp(11px, 1.2cqw, 15px); }
  .apps-slider__nav-item img { width: clamp(46px, 5.4cqw, 72px); height: clamp(44px, 4.6cqw, 62px); }
}

.apps-slider--fade .apps-slider__slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity var(--apps-duration) ease; }
.apps-slider--fade .apps-slider__slide.is-active { opacity: 1; pointer-events: auto; }

@media (max-width: 1024px) {
  .apps-slider { --apps-nav-height: 132px; }
  .apps-slider__nav-controls { flex-basis: 30%; padding-inline: 20px; }
  .apps-slider__nav-item { grid-template-columns: auto 1fr; }
  .apps-slider__nav-item img { display: none; }
  .apps-slider__title { font-size: clamp(32px, 5vw, 58px); }
}

@media (max-width: 767px) {
  .apps-slider { --apps-nav-height: auto; min-height: 0; border-radius: min(var(--apps-radius), 18px); }
  .apps-slider__viewport { height: auto; min-height: 0; }
  .apps-slider__track { min-height: 0; }
  .apps-slider__slide { min-height: 0; grid-template-columns: 1fr; grid-template-rows: minmax(260px, 52vw) auto; }
  .apps-slider__stage { min-height: 260px; border-radius: var(--apps-radius) var(--apps-radius) 0 0; }
  .apps-slider__stage::after { right: -15%; top: 84%; width: 130%; height: 26%; transform: skewY(calc(var(--apps-angle) * -1)); }
  .apps-slider__product { width: min(77%, 380px); }
  .apps-slider__content { min-height: 320px; padding: 34px 26px 42px; }
  .apps-slider__eyebrow { margin-bottom: 17px; }
  .apps-slider__title { font-size: clamp(31px, 9vw, 48px); line-height: 1.18; }
  .apps-slider__description { margin-top: 18px; font-size: 15px; line-height: 1.75; }
  .apps-slider__actions { margin-top: 25px; gap: 13px; }
  .apps-slider__cta { min-height: 52px; padding-inline: 18px; gap: 18px; }
  .apps-slider__nav { display: block; }
  .apps-slider__nav-controls { min-height: 76px; padding: 15px 17px; border-inline-end: 0; border-bottom: 1px solid rgba(24,24,23,.12); }
  .apps-slider__nav-items { width: 100%; min-height: 104px; }
  .apps-slider__nav-item { grid-template-columns: auto 1fr; padding: 15px 13px 24px; gap: 8px; font-size: 12px; }
  .apps-slider__nav-item img { display: none; }
  .apps-slider__nav-item::after { right: 12px; bottom: 11px; left: 12px; }
  .apps-slider__nav-number { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .apps-slider__track,
  .apps-slider__slide,
  .apps-slider__product,
  .apps-slider__cta,
  .apps-slider__nav-item img { transition: none !important; animation: none !important; }
}