.ags {
  --ags-height:520px; --ags-inner-width:1200px; --ags-content-width:640px;
  --ags-background:#193742; --ags-overlay:#00000055; --ags-fit:cover; --ags-position:center;
  --ags-horizontal:flex-start; --ags-vertical:center; --ags-align:left;
  --ags-title-color:#fff; --ags-description-color:#fff;
  --ags-button-color:#193742; --ags-button-bg:#fff; --ags-button-border:#fff;
  --ags-button-hover-color:#fff; --ags-button-hover-bg:#075475;
  --ags-control-color:#fff; --ags-control-bg:#193742; --ags-arrow-size:24px; --ags-arrow-offset:14px;
  --ags-dot-color:#ffffff80; --ags-dot-active:#fff; --ags-dot-size:8px;
  position:relative; isolation:isolate; width:100%; min-width:0; margin:0;
  font-family:inherit; line-height:1.6; background:var(--ags-background);
}
.ags *, .ags *::before, .ags *::after {box-sizing:border-box}
.ags [hidden] {display:none!important}
.ags .ags__viewport {position:relative; overflow:hidden; touch-action:pan-y pinch-zoom}
.ags .ags__slides {display:grid; grid-template-columns:minmax(0,1fr)}
.ags .ags__slide {
  grid-area:1/1; position:relative; display:flex; min-width:0;
  min-height:var(--ags-height); overflow:hidden; visibility:hidden; pointer-events:none;
  background:var(--ags-background); color:var(--ags-description-color);
}
/* Grid retains the tallest text layout; no height jump between slides. */
.ags .ags__slide.is-active {visibility:visible; pointer-events:auto; z-index:2}
.ags .ags__slide.is-leaving {visibility:visible; z-index:1}
.ags .ags__picture, .ags .ags__overlay {position:absolute; inset:0; display:block; overflow:hidden; pointer-events:none}
.ags .ags__image {display:block; width:100%; height:100%; max-width:none; object-fit:var(--ags-fit); object-position:var(--ags-position); border:0; border-radius:0}
.ags .ags__overlay {background:var(--ags-overlay)}
.ags .ags__inner {
  position:relative; z-index:1; display:flex; justify-content:var(--ags-horizontal); align-items:var(--ags-vertical);
  width:100%; max-width:var(--ags-inner-width); margin-inline:auto; min-width:0; padding:72px 72px 80px;
}
.ags .ags__content {width:var(--ags-content-width); max-width:100%; text-align:var(--ags-align); overflow-wrap:anywhere; min-width:0}
.ags .ags__kicker {color:var(--ags-kicker-color,#fff); font-family:inherit; font-size:14px; font-weight:600; line-height:1.4; letter-spacing:.1em; margin:0 0 12px; padding:0}
.ags .ags__title {font-family:inherit; font-size:clamp(30px,4.5vw,58px); font-weight:700; line-height:1.13; letter-spacing:-.035em; color:var(--ags-title-color); padding:0; margin:0 0 20px; text-transform:none}
.ags .ags__description {font-family:inherit; font-size:18px; line-height:1.7; color:var(--ags-description-color); margin:0 0 24px}
.ags .ags__description p {color:inherit; font:inherit; margin:0 0 12px}
.ags .ags__description p:last-child {margin:0}
.ags .ags__description ul, .ags .ags__description ol {padding-inline-start:24px; margin:0 0 12px}
.ags .ags__button {
  display:inline-flex; align-items:center; justify-content:center; min-height:48px; max-width:100%;
  padding:13px 24px; border:1px solid var(--ags-button-border); border-radius:4px;
  background:var(--ags-button-bg); color:var(--ags-button-color); font-family:inherit;
  font-size:16px; font-weight:600; line-height:1.4; text-align:center; text-decoration:none; box-shadow:none;
  transition:background-color var(--ags-button-transition,.2s),color var(--ags-button-transition,.2s),border-color var(--ags-button-transition,.2s); cursor:pointer;
}
.ags .ags__button:hover, .ags .ags__slide:has(.ags__whole-link:hover) .ags__button {background:var(--ags-button-hover-bg); color:var(--ags-button-hover-color); border-color:var(--ags-button-hover-border,var(--ags-button-border))}
.ags .ags__button--icon {gap:var(--ags-icon-gap,10px); direction:ltr}
.ags .ags__button-label {min-width:0}
.ags .ags__button-icon {display:inline-flex; flex:none; align-items:center; justify-content:center; font-size:var(--ags-icon-size,18px); line-height:1; color:inherit}
.ags .ags__button-icon svg {display:block; width:1em; height:1em; fill:currentColor}
.ags .ags__button-icon i {font-size:inherit}
.ags .ags__whole-link {position:absolute; inset:0; z-index:3; border:0; background:transparent}
.ags .ags__control, .ags .ags__dot {
  appearance:none; -webkit-appearance:none; display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; min-height:44px; padding:0; border:0; margin:0; border-radius:5px;
  font:inherit; line-height:1; text-decoration:none; box-shadow:none; cursor:pointer;
}
.ags .ags__control {position:absolute; z-index:5; width:44px; height:44px; color:var(--ags-control-color); background:var(--ags-control-bg)}
.ags .ags__control:hover {filter:brightness(1.17); color:var(--ags-control-color); background:var(--ags-control-bg)}
.ags .ags__control svg {width:var(--ags-arrow-size); height:var(--ags-arrow-size); stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.ags .ags__prev {top:50%; transform:translateY(-50%); left:var(--ags-arrow-offset)}
.ags .ags__next {top:50%; transform:translateY(-50%); right:var(--ags-arrow-offset)}
.ags:dir(rtl) .ags__prev {right:var(--ags-arrow-offset); left:auto}
.ags:dir(rtl) .ags__next {left:var(--ags-arrow-offset); right:auto}
.ags:dir(rtl) .ags__prev svg, .ags:dir(rtl) .ags__next svg {transform:rotate(180deg)}
.ags .ags__rotation {top:12px; right:12px; font-size:18px}
.ags .ags__control:disabled {opacity:.45; cursor:default; filter:none}
.ags .ags__dots {position:absolute; z-index:5; bottom:8px; inset-inline:56px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0}
.ags .ags__dot {background:transparent!important; color:var(--ags-dot-color); flex:0 0 44px}
.ags .ags__dot span {display:block; width:var(--ags-dot-size); height:var(--ags-dot-size); border-radius:50%; background:var(--ags-dot-color); transition:transform .2s,background .2s}
.ags .ags__dot[aria-current=true] span {background:var(--ags-dot-active); transform:scale(1.25)}
.ags-dots-outside .ags .ags__dots {position:relative; inset:auto; background:var(--ags-control-bg); padding:4px 8px}
.ags :is(a,button):focus-visible, .ags:focus-visible {outline:3px solid #ffca65; outline-offset:3px}
.ags .ags__whole-link:focus-visible {outline-offset:-5px}
.ags .ags__status {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0}
.ags.is-ready .ags__slide.is-active[data-ken=in] .ags__image {animation:ags-zoom-in 4s ease-out both}
.ags.is-ready .ags__slide.is-active[data-ken=out] .ags__image {animation:ags-zoom-out 4s ease-out both}
.ags.is-ready .ags__slide.is-active:not([data-content-animation=none]) .ags__content {animation:ags-content var(--ags-duration,450ms) ease-out both}
.ags [data-content-animation=up] {--ags-enter-y:22px}
.ags [data-content-animation=down] {--ags-enter-y:-22px}
.ags [data-content-animation=left] {--ags-enter-x:22px}
.ags [data-content-animation=right] {--ags-enter-x:-22px}
@keyframes ags-content {from {opacity:0; transform:translate(var(--ags-enter-x,0),var(--ags-enter-y,0))} to {opacity:1; transform:none}}
@keyframes ags-zoom-in {from {transform:scale(1)} to {transform:scale(1.12)}}
@keyframes ags-zoom-out {from {transform:scale(1.12)} to {transform:scale(1)}}
@media (max-width:767.98px) {
  .ags {--ags-height:420px; --ags-arrow-offset:4px}
  .ags .ags__inner {padding:60px 56px 72px}
  .ags .ags__title {font-size:32px}
  .ags .ags__description {font-size:16px}
  .ags .ags__button {font-size:15px; padding:12px 18px}
}
@media (prefers-reduced-motion:reduce) {
  .ags *, .ags *::before, .ags *::after {animation:none!important; transition:none!important; scroll-behavior:auto!important}
}
