.a24-saiw{--a24-orange:#ff5a00;--a24-navy:#071526;--a24-card-bg:#fff;--a24-radius:28px;--a24-start-rotation:68deg;--a24-tilt:7deg;--a24-tilt-y:7deg;--a24-tilt-x:4deg;--a24-portrait-z:42px;--a24-text-z:16px;--a24-duration:850ms;--a24-connector-speed:1500ms;max-width:1280px;margin:0 auto;padding:24px 16px 50px;color:#111827;font-family:var(--a24-body-font);perspective:1400px;overflow:clip}
.a24-saiw *{box-sizing:border-box}
.a24-saiw h2,.a24-saiw h3,.a24-saiw h4{font-family:var(--a24-heading-font);margin:0}
.a24-stage,.a24-flow-bridge{position:relative;transform-style:preserve-3d;transition:transform var(--a24-duration) cubic-bezier(.22,1,.36,1),opacity .55s ease,box-shadow .5s ease,filter .5s ease;will-change:transform,opacity}
.a24-stage:not(.is-visible),.a24-flow-bridge:not(.is-visible){opacity:0;transform:translate3d(var(--enter-x,0),40px,-80px) rotateY(var(--enter-rotate,var(--a24-start-rotation))) scale(.94)}
.a24-stage.is-visible,.a24-flow-bridge.is-visible{opacity:1;transform:translate3d(0,0,0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1)}
.a24-side-left:not(.is-visible){--enter-x:-90px;--enter-rotate:calc(var(--a24-start-rotation) * -1)}
.a24-side-right:not(.is-visible){--enter-x:90px;--enter-rotate:var(--a24-start-rotation)}
.a24-side-center:not(.is-visible){--enter-x:0;--enter-rotate:24deg}
.a24-flow-bridge:not(.is-visible){--enter-x:0;--enter-rotate:0deg;transform:translateY(24px) scaleY(.8)}
.a24-hero,.a24-root{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);min-height:430px;border-radius:var(--a24-radius);overflow:hidden}
.a24-hero{background:var(--a24-navy);color:#fff;padding:52px 54px;box-shadow:0 24px 70px rgba(7,21,38,.24)}
.a24-copy{position:relative;z-index:4;transform:translateZ(var(--a24-text-z));align-self:center}
.a24-logo{display:flex;align-items:center;gap:14px;font-weight:800;margin-bottom:24px;letter-spacing:.02em}
.a24-logo-image{display:block;max-width:190px;max-height:64px;width:auto;height:auto;object-fit:contain}
.a24-hero h2{font-size:var(--hero_title-d)!important;font-weight:var(--hero_title-w)!important;color:var(--hero_title-color)!important;line-height:1.02;max-width:720px;opacity:1!important;position:relative;z-index:22}
.a24-hero h3{font-size:var(--hero_subtitle-d)!important;font-weight:var(--hero_subtitle-w)!important;color:var(--hero_subtitle-color)!important;margin-top:14px;opacity:1!important;position:relative;z-index:22}
.a24-hero p{font-size:var(--hero_text-d)!important;font-weight:var(--hero_text-w)!important;color:var(--hero_text-color)!important;line-height:1.55;max-width:720px;margin-top:18px;opacity:1!important;position:relative;z-index:22}
.a24-portrait{position:relative;z-index:1;transform:translateZ(var(--a24-portrait-z));overflow:hidden;min-height:260px;background-repeat:no-repeat;background-size:cover;background-position:center;background-color:transparent}
.a24-portrait img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;opacity:1!important;visibility:visible!important;transform:scale(var(--img-scale-factor,1));transform-origin:center bottom;display:block!important;z-index:1}
.a24-portrait-empty{background-image:none!important}
.a24-card .a24-portrait img,.a24-card.a24-side-right .a24-portrait img,.a24-card.a24-side-center .a24-portrait img{position:relative;inset:auto;width:100%!important;height:100%!important;object-fit:contain;object-position:center top;transform:none!important;display:block!important;background:transparent}
.a24-hero>.a24-portrait{position:absolute;right:0;top:0;width:42%;height:100%;z-index:1;transform:translateZ(0)}
.a24-hero>.a24-copy{z-index:20;transform:translateZ(calc(var(--a24-portrait-z) + 24px));isolation:isolate}
.a24-hero>.a24-copy:before{content:"";position:absolute;z-index:-1;inset:-24px -80px -24px -20px;background:linear-gradient(90deg,var(--a24-navy) 0%,var(--a24-navy) 72%,rgba(7,21,38,.78) 88%,rgba(7,21,38,0) 100%);pointer-events:none}
.a24-flow{margin:28px 0 0;display:grid;gap:18px}
.a24-flow-row{display:grid;gap:22px;align-items:stretch}
.a24-flow-row-top,.a24-flow-row-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
.a24-flow-row-middle{grid-template-columns:minmax(0, min(780px,100%));justify-content:center}
.a24-flow-bridge{display:flex;justify-content:center;height:64px}
.a24-flow-bridge span{position:relative;width:4px;height:64px;background:linear-gradient(180deg,var(--a24-orange),#ffb58d);border-radius:999px;box-shadow:0 10px 24px rgba(255,90,0,.2)}
.a24-flow-bridge span:before,.a24-flow-bridge span:after{content:"";position:absolute;left:50%;width:11px;height:11px;border-right:3px solid var(--a24-orange);border-bottom:3px solid var(--a24-orange);transform:translateX(-50%) rotate(45deg)}
.a24-flow-bridge-top span:before{top:-2px;transform:translateX(-50%) rotate(225deg)}
.a24-flow-bridge-top span:after,.a24-flow-bridge-bottom span:after{bottom:-1px}
.a24-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;background:var(--a24-card-bg);border-radius:var(--a24-radius);box-shadow:0 16px 45px rgba(14,25,45,.12);overflow:hidden;border:1px solid rgba(14,25,45,.08)}
.a24-card.a24-side-right,.a24-card.a24-side-center{grid-template-columns:1fr}
.a24-card .a24-portrait,.a24-card.a24-side-right .a24-portrait{order:1;height:360px;min-height:360px;width:100%;display:flex;align-items:flex-start;justify-content:center;background:var(--a24-card-bg);padding-top:12px;padding-left:12px;padding-right:12px}
.a24-card .a24-copy,.a24-card.a24-side-right .a24-copy{order:2;padding:34px 40px 46px;align-self:stretch;min-width:0}
.a24-card.a24-side-center{max-width:780px;margin:0 auto;width:100%}
.a24-card h3{font-size:var(--card_title-d);font-weight:var(--card_title-w);color:var(--card_title-color);line-height:1.05}
.a24-card h4{font-size:var(--card_name-d);font-weight:var(--card_name-w);color:var(--card_name-color);margin:8px 0 18px;letter-spacing:.04em}
.a24-card p{font-size:var(--card_text-d);font-weight:var(--card_text-w);color:var(--card_text-color);line-height:1.55;margin:0;max-width:560px}
.a24-number{position:absolute;z-index:5;top:18px;left:18px;background:var(--a24-orange);color:var(--number-color);font-size:var(--number-d);font-weight:var(--number-w);padding:8px 12px;border-radius:10px;transform:translateZ(calc(var(--a24-portrait-z) + 8px));box-shadow:0 10px 18px rgba(255,90,0,.25)}
.a24-icon{position:absolute;right:24px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#fff3ed;color:var(--a24-orange);display:grid;place-items:center;transform:translateZ(calc(var(--a24-text-z) + 8px));box-shadow:0 10px 18px rgba(255,90,0,.12)}
.a24-icon svg,.a24-feedback svg,.a24-root-icon svg,.a24-legend svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a24-feedback{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,var(--a24-orange),#ff7a2e);border-radius:18px;padding:22px 26px;color:var(--feedback-color);font-size:var(--feedback-d);font-weight:var(--feedback-w);line-height:1.45;margin:28px 0;box-shadow:0 18px 40px rgba(255,90,0,.22)}
.a24-feedback svg{flex:0 0 34px;color:#fff}
.a24-root{background:linear-gradient(135deg,#ff6e22,#ff5a00);padding:38px;box-shadow:0 16px 45px rgba(255,90,0,.18);border:1px solid rgba(255,255,255,.16);grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:center}
.a24-root>.a24-portrait{height:360px}
.a24-root .a24-copy{padding:30px}
.a24-root h2{font-size:var(--root_title-d);font-weight:var(--root_title-w);color:var(--root_title-color);line-height:1.08}
.a24-root h3{font-size:var(--root_subtitle-d);font-weight:var(--root_subtitle-w);color:var(--root_subtitle-color);margin:10px 0 18px;opacity:.98}
.a24-root p{font-size:var(--root_text-d);font-weight:var(--root_text-w);color:var(--root_text-color);line-height:1.58;margin:0;opacity:.98}
.a24-root-icon{position:absolute;right:28px;bottom:24px;color:#fff;transform:translateZ(25px)}
.a24-legend{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:22px;padding:16px;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(14,25,45,.07)}
.a24-legend>div{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#344054}
.a24-legend svg{width:22px;height:22px;color:var(--a24-orange)}
@media(min-width:768px){
  .a24-card.is-visible:hover,.a24-hero.is-visible:hover,.a24-root.is-visible:hover{box-shadow:0 24px 60px rgba(14,25,45,.16)}
}
@media(max-width:767px){
  .a24-saiw{padding:12px 10px 34px;perspective:1050px}
  .a24-hero,.a24-root{grid-template-columns:1fr;min-height:0}
  .a24-hero{display:flex;flex-direction:column;padding:0;min-height:0;overflow:hidden}
  .a24-hero>.a24-portrait{position:relative;inset:auto;width:100%;height:360px;min-height:360px;order:1;opacity:1;transform:none;background-size:cover;background-position:center top}
  .a24-hero>.a24-copy{order:2;align-self:stretch;padding:28px 24px 34px;transform:none!important;z-index:5;background:var(--a24-navy)}
  .a24-hero>.a24-copy:before{display:none}
  .a24-hero h2{font-size:var(--hero_title-m)!important;max-width:100%}
  .a24-hero h3{font-size:var(--hero_subtitle-m)!important}
  .a24-hero p{font-size:var(--hero_text-m)!important;max-width:100%;position:relative;z-index:3}
  .a24-flow-row,.a24-flow-row-top,.a24-flow-row-bottom,.a24-flow-row-middle{grid-template-columns:1fr}
  .a24-card,.a24-card.a24-side-right,.a24-card.a24-side-center{grid-template-columns:1fr;max-width:none}
  .a24-card .a24-portrait,.a24-card.a24-side-right .a24-portrait{height:360px;min-height:360px;order:1;display:flex;align-items:flex-start;justify-content:center;background:var(--a24-card-bg);padding-top:12px;padding-left:12px;padding-right:12px}
  .a24-card .a24-copy,.a24-card.a24-side-right .a24-copy{padding:28px 24px 40px;order:2}
  .a24-card h3{font-size:var(--card_title-m)}
  .a24-card h4{font-size:var(--card_name-m)}
  .a24-card p{font-size:var(--card_text-m)}
  .a24-number{font-size:var(--number-m);top:14px;left:14px}
  .a24-flow-bridge{height:54px}
  .a24-flow-bridge span{height:54px}
  .a24-feedback{font-size:var(--feedback-m);padding:18px}
  .a24-root{padding:18px}
  .a24-root>.a24-portrait{height:360px}
  .a24-root .a24-copy{padding:22px 8px 28px}
  .a24-root h2{font-size:var(--root_title-m)}
  .a24-root h3{font-size:var(--root_subtitle-m)}
  .a24-root p{font-size:var(--root_text-m)}
  .a24-legend{grid-template-columns:repeat(4,1fr)}
  .a24-legend>div{flex-direction:column;font-size:11px}
  .a24-side-left:not(.is-visible){--enter-x:-70px;--enter-rotate:-50deg}
  .a24-side-right:not(.is-visible){--enter-x:70px;--enter-rotate:50deg}
  .a24-side-center:not(.is-visible){--enter-x:0;--enter-rotate:18deg}
}
@media(prefers-reduced-motion:reduce){.a24-stage,.a24-flow-bridge{transition:none!important;transform:none!important;opacity:1!important}.a24-portrait,.a24-copy,.a24-icon,.a24-number{transform:none!important}}

.a24-stage.is-clickable{cursor:pointer;outline:none}
.a24-stage.is-clickable:focus-visible{box-shadow:0 0 0 4px rgba(255,90,0,.3),0 24px 60px rgba(14,25,45,.18)}
.a24-stage.is-clickable .a24-icon{transition:transform .25s ease,background .25s ease}
.a24-stage.is-clickable:hover .a24-icon{transform:translateZ(calc(var(--a24-text-z) + 12px)) scale(1.08);background:#ffe5d7}

/* v1.6.0 – odlehčený plynulý 3D hover */
.a24-stage.is-interactive{backface-visibility:hidden;transform-origin:center center;will-change:transform}
.a24-stage.is-interactive.is-visible:hover{box-shadow:0 24px 58px rgba(14,25,45,.17)}
.a24-stage.is-clickable:hover{cursor:pointer}
.a24-portrait,.a24-copy{transition:transform .16s ease-out}
.a24-card.is-interactive:hover .a24-portrait{transform:translateZ(calc(var(--a24-portrait-z) + 4px))}
.a24-card.is-interactive:hover .a24-copy{transform:translateZ(calc(var(--a24-text-z) + 3px))}

.has-animated-connectors .a24-flow-bridge span{animation:a24ConnectorSoftPulse var(--a24-connector-speed) ease-in-out infinite}
.has-animated-connectors .a24-flow-bridge::after{content:"";position:absolute;left:50%;top:8px;width:7px;height:7px;border-radius:50%;background:var(--a24-orange);box-shadow:0 0 12px rgba(255,90,0,.45);transform:translateX(-50%);animation:a24DataDotLite var(--a24-connector-speed) linear infinite;z-index:3}
@keyframes a24ConnectorSoftPulse{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes a24DataDotLite{0%{top:8px;opacity:0}15%{opacity:.9}85%{opacity:.9}100%{top:calc(100% - 12px);opacity:0}}
@media(prefers-reduced-motion:reduce){.has-animated-connectors .a24-flow-bridge span,.has-animated-connectors .a24-flow-bridge::after{animation:none!important}}


/* 1.6.1: ultra-light frontend motion. No scroll observers, no RAF loop, no connector animation. */
.a24-saiw .a24-stage,
.a24-saiw .a24-flow-bridge,
.a24-saiw .a24-stage:not(.is-visible),
.a24-saiw .a24-flow-bridge:not(.is-visible),
.a24-saiw .a24-stage.is-visible,
.a24-saiw .a24-flow-bridge.is-visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  transition-delay:0ms!important;
  will-change:auto!important;
  filter:none!important;
}
.a24-saiw .a24-portrait,
.a24-saiw .a24-copy,
.a24-saiw .a24-icon,
.a24-saiw .a24-number{
  transition:none!important;
  will-change:auto!important;
}
.a24-saiw.has-animated-connectors .a24-flow-bridge span,
.a24-saiw.has-animated-connectors .a24-flow-bridge::after{
  animation:none!important;
}
.a24-saiw .a24-flow-bridge::after{display:none!important}

@media (hover:hover) and (pointer:fine){
  .a24-saiw.has-lite-hover .a24-stage{
    transform-origin:center center;
    backface-visibility:hidden;
  }
  .a24-saiw.has-lite-hover .a24-stage:hover{
    transition:transform 160ms ease-out,box-shadow 160ms ease-out!important;
    transform:perspective(1100px) rotateX(calc(var(--a24-tilt-x) * -.22)) rotateY(calc(var(--a24-tilt-y) * .18)) translateZ(0)!important;
  }
  .a24-saiw.has-lite-hover .a24-stage.a24-side-left:hover{
    transform:perspective(1100px) rotateX(calc(var(--a24-tilt-x) * -.18)) rotateY(calc(var(--a24-tilt-y) * .72)) translateZ(0)!important;
  }
  .a24-saiw.has-lite-hover .a24-stage.a24-side-right:hover{
    transform:perspective(1100px) rotateX(calc(var(--a24-tilt-x) * -.18)) rotateY(calc(var(--a24-tilt-y) * -.72)) translateZ(0)!important;
  }
  .a24-saiw.has-lite-hover .a24-stage.a24-side-center:hover{
    transform:perspective(1100px) rotateX(calc(var(--a24-tilt-x) * -.22)) rotateY(calc(var(--a24-tilt-y) * .18)) translateZ(0)!important;
  }
  .a24-saiw.has-lite-hover .a24-stage.is-clickable:hover{cursor:pointer}
}


/* 1.6.2: lehký plynulý parallax pouze podle myši. Bez scroll smyček a bez observerů. */
@media (hover:hover) and (pointer:fine){
  .a24-saiw.has-lite-parallax .a24-stage{
    --a24-live-rx:0deg;
    --a24-live-ry:0deg;
    --a24-live-lift:0px;
    transform-origin:center center!important;
    backface-visibility:hidden;
    transition:transform 140ms cubic-bezier(.2,.75,.25,1),box-shadow 180ms ease!important;
  }
  .a24-saiw.has-lite-parallax .a24-stage.a24-parallax-active{
    transform:perspective(1200px) rotateX(var(--a24-live-rx)) rotateY(var(--a24-live-ry)) translate3d(0,0,var(--a24-live-lift))!important;
    box-shadow:0 24px 58px rgba(14,25,45,.16);
    will-change:transform;
  }
  .a24-saiw.has-lite-parallax .a24-stage.a24-parallax-reset{
    transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translate3d(0,0,0)!important;
  }
  /* Zrušení starého pevného hover natočení; pohyb nyní řídí jen lehký JS parallax. */
  .a24-saiw.has-lite-parallax.has-lite-hover .a24-stage:hover,
  .a24-saiw.has-lite-parallax.has-lite-hover .a24-stage.a24-side-left:hover,
  .a24-saiw.has-lite-parallax.has-lite-hover .a24-stage.a24-side-right:hover,
  .a24-saiw.has-lite-parallax.has-lite-hover .a24-stage.a24-side-center:hover{
    transform:perspective(1200px) rotateX(var(--a24-live-rx)) rotateY(var(--a24-live-ry)) translate3d(0,0,var(--a24-live-lift))!important;
  }
}


/* 1.6.3: lehký jednorázový 3D nájezd při scrollu. Bez průběžné scroll smyčky. */
.a24-saiw.has-lite-scroll-reveal .a24-stage,
.a24-saiw.has-lite-scroll-reveal .a24-flow-bridge{
  opacity:0!important;
  transition:
    transform 560ms cubic-bezier(.22,1,.36,1) var(--a24-reveal-delay,0ms),
    opacity 420ms ease-out var(--a24-reveal-delay,0ms),
    box-shadow 180ms ease!important;
  will-change:transform,opacity!important;
}
.a24-saiw.has-lite-scroll-reveal .a24-stage.a24-side-left{
  transform:perspective(1200px) translate3d(-34px,22px,0) rotateY(-14deg) scale(.985)!important;
  transform-origin:right center!important;
}
.a24-saiw.has-lite-scroll-reveal .a24-stage.a24-side-right{
  transform:perspective(1200px) translate3d(34px,22px,0) rotateY(14deg) scale(.985)!important;
  transform-origin:left center!important;
}
.a24-saiw.has-lite-scroll-reveal .a24-stage.a24-side-center{
  transform:perspective(1200px) translate3d(0,24px,0) rotateX(7deg) scale(.985)!important;
  transform-origin:center center!important;
}
.a24-saiw.has-lite-scroll-reveal .a24-flow-bridge{
  transform:translate3d(0,14px,0) scaleY(.88)!important;
  transform-origin:center top!important;
}
.a24-saiw.has-lite-scroll-reveal .a24-stage.is-visible,
.a24-saiw.has-lite-scroll-reveal .a24-flow-bridge.is-visible{
  opacity:1!important;
  transform:perspective(1200px) translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1)!important;
  will-change:auto!important;
}

/* Po dokončení nájezdu může hover parallax převzít transformaci bez konfliktu. */
@media (hover:hover) and (pointer:fine){
  .a24-saiw.has-lite-scroll-reveal.has-lite-parallax .a24-stage.is-visible.a24-parallax-active{
    transform:perspective(1200px) rotateX(var(--a24-live-rx)) rotateY(var(--a24-live-ry)) translate3d(0,0,var(--a24-live-lift))!important;
    transition:transform 140ms cubic-bezier(.2,.75,.25,1),box-shadow 180ms ease!important;
    will-change:transform!important;
  }
  .a24-saiw.has-lite-scroll-reveal.has-lite-parallax .a24-stage.is-visible.a24-parallax-reset{
    transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translate3d(0,0,0)!important;
    transition:transform 170ms ease-out,box-shadow 180ms ease!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .a24-saiw.has-lite-scroll-reveal .a24-stage,
  .a24-saiw.has-lite-scroll-reveal .a24-flow-bridge{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}