#vezetoi-helyzetkep{
  --ink:#0a0a0c;
  --paper:#fff;
  --warm:#f5f4f1;
  --soft:#f5f6f8;
  --line:#dddddf;
  --muted:#68686f;
  --blue:#0967ff;
  --blue-soft:#edf4ff;
  --green:#19b767;
  --orange:#f05a22;
  --radius:22px;
  --ease:cubic-bezier(.22,1,.36,1);
}
#vezetoi-helyzetkep *{box-sizing:border-box}
#vezetoi-helyzetkep{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#vezetoi-helyzetkep a{color:inherit;text-decoration:none} #vezetoi-helyzetkep img{display:block;max-width:100%} #vezetoi-helyzetkep button{font:inherit}
#vezetoi-helyzetkep .container{width:min(1280px,calc(100% - 56px));margin:0 auto}
#vezetoi-helyzetkep .kicker{margin:0 0 16px;color:#77777f;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
#vezetoi-helyzetkep h1,#vezetoi-helyzetkep h2,#vezetoi-helyzetkep h3,#vezetoi-helyzetkep p{margin-top:0}
#vezetoi-helyzetkep h1{font-size:clamp(58px,6.55vw,96px);line-height:.94;letter-spacing:-.068em;font-weight:660;margin-bottom:30px}
#vezetoi-helyzetkep h2{font-size:clamp(42px,5.15vw,74px);line-height:.98;letter-spacing:-.058em;font-weight:650;margin-bottom:26px}
#vezetoi-helyzetkep h3{font-size:25px;line-height:1.08;letter-spacing:-.038em;font-weight:650}
#vezetoi-helyzetkep .lead{font-size:clamp(20px,1.95vw,27px);line-height:1.42;letter-spacing:-.025em;color:#4d4d53}
#vezetoi-helyzetkep .copy{font-size:17px;line-height:1.58;color:var(--muted)}


/* showcase */
#vezetoi-helyzetkep .showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:78px;align-items:center;margin-top:95px}
#vezetoi-helyzetkep .showcase.reverse{grid-template-columns:1.28fr .72fr}#vezetoi-helyzetkep .showcase.reverse .show-copy{order:2}#vezetoi-helyzetkep .showcase.reverse .show-visual{order:1}
#vezetoi-helyzetkep .show-copy .index{display:block;color:#9999a1;font-size:12px;font-weight:700;margin-bottom:35px}#vezetoi-helyzetkep .show-copy h3{font-size:clamp(32px,3vw,48px);margin-bottom:18px}#vezetoi-helyzetkep .show-copy p{font-size:18px;line-height:1.55;color:var(--muted);max-width:480px}
#vezetoi-helyzetkep .show-visual{position:relative;min-width:0}
#vezetoi-helyzetkep .screen-shell{border-radius:22px;background:#fff;border:1px solid #dddddf;padding:7px;box-shadow:0 30px 90px rgba(0,0,0,.11);overflow:hidden}
#vezetoi-helyzetkep .screen-shell img{width:100%;border-radius:15px;aspect-ratio:1.6/1;object-fit:cover;object-position:top}
#vezetoi-helyzetkep .stack{position:relative;min-height:560px}#vezetoi-helyzetkep .stack .screen-shell{position:absolute}
#vezetoi-helyzetkep .stack .a{left:0;top:0;width:75%;z-index:2;transform:rotate(-.45deg)}
#vezetoi-helyzetkep .stack .b{right:0;bottom:0;width:68%;z-index:3;transform:rotate(.85deg)}
#vezetoi-helyzetkep .trio{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:1fr 1fr;gap:18px}#vezetoi-helyzetkep .trio .screen-shell:first-child{grid-row:1/3}#vezetoi-helyzetkep .trio .screen-shell img{height:100%;aspect-ratio:auto}


/* Focused product presentation with the original compact app navigation. */
#vezetoi-helyzetkep .header,#vezetoi-helyzetkep .hero,#vezetoi-helyzetkep #mi-ez,#vezetoi-helyzetkep #mukodes,#vezetoi-helyzetkep .section.soft,#vezetoi-helyzetkep .section.dark.ian-section,#vezetoi-helyzetkep .cta-wrap,#vezetoi-helyzetkep .ian-float{display:none!important}
#vezetoi-helyzetkep #rendszer{padding:clamp(54px,6vw,88px) 0 96px}
#vezetoi-helyzetkep #rendszer>.container>p.kicker,#vezetoi-helyzetkep #rendszer>.container>h2{display:none}
#vezetoi-helyzetkep #rendszer .showcase{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:64px;margin-top:112px}
#vezetoi-helyzetkep #rendszer .showcase:first-of-type{margin-top:0}
#vezetoi-helyzetkep #rendszer .showcase.reverse{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
#vezetoi-helyzetkep .show-copy .index{display:none}
#vezetoi-helyzetkep #rendszer .show-copy h3{font-size:clamp(36px,4.15vw,58px);line-height:1.08;letter-spacing:-.047em;font-weight:620;margin-bottom:24px}
#vezetoi-helyzetkep #rendszer .show-copy p{max-width:600px;font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:#62636a;margin-bottom:0}
#vezetoi-helyzetkep .screen-shell{border:0;padding:0;box-shadow:0 18px 55px rgba(18,24,40,.07)}
#vezetoi-helyzetkep .screen-shell>img[data-asset]{margin-top:-.8%;height:auto}
#vezetoi-helyzetkep #rendszer .stack{min-height:380px}
#vezetoi-helyzetkep .decision-ui{padding:14px 18px 4px;border-radius:22px;background:#fff}
#vezetoi-helyzetkep .decision-header{height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:12px;margin-bottom:22px}
#vezetoi-helyzetkep .decision-logo{width:30px;height:26px;display:flex;align-items:center;overflow:hidden}
#vezetoi-helyzetkep .decision-logo img{width:98px;min-width:98px;max-width:none;height:auto;filter:brightness(0)}
#vezetoi-helyzetkep .decision-nav{display:flex;justify-content:center;align-items:center;gap:4px;min-width:0}
#vezetoi-helyzetkep .decision-nav-item{position:relative;display:grid;place-items:center;flex:0 0 28px;height:36px;color:#777b84}
#vezetoi-helyzetkep .decision-nav-item svg{width:19px;height:19px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vezetoi-helyzetkep .decision-nav-item.active{color:#2463eb}
#vezetoi-helyzetkep .decision-nav-item.active::after{content:"";position:absolute;bottom:0;left:2px;right:2px;height:2px;border-radius:2px;background:#2463eb}
#vezetoi-helyzetkep .decision-nav-item b{position:absolute;right:-1px;top:0;display:grid;place-items:center;min-width:12px;height:12px;border-radius:50%;background:#2463eb;border:1px solid white;color:#fff;font-size:8px;font-weight:600;line-height:1}
#vezetoi-helyzetkep .decision-avatar{width:28px;height:28px;padding:1px;overflow:hidden;border-radius:50%;border:1px solid #d4d5d9}
#vezetoi-helyzetkep .decision-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:50%}
#vezetoi-helyzetkep .decision-row{padding-bottom:22px;margin-bottom:0}
#vezetoi-helyzetkep .decision-row-title{margin:0 0 11px;font-size:13px;line-height:1.45;font-weight:600;color:#21242a}
#vezetoi-helyzetkep .decision-cards{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:8px}
#vezetoi-helyzetkep .decision-card{padding:12px 10px;border-radius:10px;color:#fff}
#vezetoi-helyzetkep .decision-card strong{display:block;margin-bottom:6px;font-size:13px;line-height:1.3;font-weight:600}
#vezetoi-helyzetkep .decision-card span{font-size:12px;line-height:1.45;display:block}
#vezetoi-helyzetkep .decision-card.known{background:#1db8b2}#vezetoi-helyzetkep .decision-card.suggest{background:#2964e8}#vezetoi-helyzetkep .decision-card.done{background:#20b96b}#vezetoi-helyzetkep .decision-card.question{background:#f25724}
@media(max-width:1050px){
 #vezetoi-helyzetkep #rendszer .showcase,#vezetoi-helyzetkep #rendszer .showcase.reverse{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:34px}
 #vezetoi-helyzetkep #rendszer .showcase.reverse .show-copy{order:1}#vezetoi-helyzetkep #rendszer .showcase.reverse .show-visual{order:2}
 #vezetoi-helyzetkep #rendszer .show-copy h3{font-size:clamp(36px,4.2vw,48px)}
 #vezetoi-helyzetkep #rendszer .stack{min-height:300px}
 #vezetoi-helyzetkep .decision-ui{padding:12px 12px 0}#vezetoi-helyzetkep .decision-header{gap:6px}#vezetoi-helyzetkep .decision-nav{gap:1px}#vezetoi-helyzetkep .decision-nav-item{flex-basis:25px}
 #vezetoi-helyzetkep .decision-card{padding:10px 8px}#vezetoi-helyzetkep .decision-cards{gap:6px}
}
@media(max-width:800px){
 #vezetoi-helyzetkep #rendszer{padding:48px 0 64px}
 #vezetoi-helyzetkep #rendszer .showcase,#vezetoi-helyzetkep #rendszer .showcase.reverse{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:76px}
 #vezetoi-helyzetkep #rendszer .showcase .show-copy{order:1}#vezetoi-helyzetkep #rendszer .showcase .show-visual{order:2;width:100%;max-width:520px;justify-self:center}
 #vezetoi-helyzetkep #rendszer .show-copy h3{font-size:clamp(34px,6.8vw,46px);max-width:620px;margin-bottom:18px}
 #vezetoi-helyzetkep #rendszer .show-copy p{font-size:18px;max-width:620px}
 #vezetoi-helyzetkep #rendszer .stack{min-height:330px}
 #vezetoi-helyzetkep .decision-nav{gap:3px}#vezetoi-helyzetkep .decision-nav-item{flex-basis:27px}
 #vezetoi-helyzetkep .decision-ui{border-radius:16px}
}
@media(max-width:380px){
 #vezetoi-helyzetkep .decision-header{gap:4px;grid-template-columns:26px minmax(0,1fr) 26px}#vezetoi-helyzetkep .decision-nav{gap:0}#vezetoi-helyzetkep .decision-nav-item{flex-basis:25px}
 #vezetoi-helyzetkep .decision-logo{width:26px}#vezetoi-helyzetkep .decision-logo img{width:85px;min-width:85px}#vezetoi-helyzetkep .decision-avatar{width:26px;height:26px}
 #vezetoi-helyzetkep .decision-cards{grid-template-columns:1fr}#vezetoi-helyzetkep .decision-card{padding:12px}
 #vezetoi-helyzetkep #rendszer .stack{min-height:290px}
}
/* Három egymást követő képernyő: balra szöveg, jobbra a hozzá tartozó kép. */
#vezetoi-helyzetkep #rendszer{padding:0;min-height:0;display:block}
#vezetoi-helyzetkep #rendszer>.container{width:min(1280px,calc(100% - 72px));display:block}
#vezetoi-helyzetkep #rendszer .showcase,#vezetoi-helyzetkep #rendszer .showcase.reverse{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);min-height:100svh;padding:clamp(36px,6vh,76px) 0;gap:clamp(36px,5vw,72px);margin:0;align-items:center;scroll-snap-align:start;scroll-margin-top:0}
#vezetoi-helyzetkep #rendszer .showcase .show-copy{order:0;min-width:0}
#vezetoi-helyzetkep #rendszer .show-copy h3{font-size:clamp(38px,4.25vw,62px);line-height:1.08;letter-spacing:-.047em;margin-bottom:26px;max-width:650px}
#vezetoi-helyzetkep #rendszer .show-copy p{font-size:clamp(18px,1.7vw,22px);line-height:1.55;max-width:600px}
#vezetoi-helyzetkep #rendszer .showcase .show-visual{order:1;width:100%;max-width:520px;min-width:0;min-height:0;margin:0;justify-self:center}
#vezetoi-helyzetkep #rendszer .screen-shell{border-radius:20px;box-shadow:0 18px 55px rgba(18,24,40,.055)}
#vezetoi-helyzetkep #rendszer .screen-shell>img[data-asset]{width:100%;height:100%;margin:0;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:14px}
#vezetoi-helyzetkep #rendszer .showcase:first-of-type .screen-shell{overflow:visible}
#vezetoi-helyzetkep .decision-ui{zoom:1;padding:8px 8px 0}
#vezetoi-helyzetkep .decision-row{padding-bottom:18px}
#vezetoi-helyzetkep .decision-row-title{font-size:13px;line-height:1.4;margin-bottom:10px}
#vezetoi-helyzetkep .decision-card{padding:12px 10px}
#vezetoi-helyzetkep .decision-card strong{font-size:13px;line-height:1.3;margin-bottom:6px}
#vezetoi-helyzetkep .decision-card span{font-size:12px;line-height:1.45}
#vezetoi-helyzetkep #rendszer .stack{height:min(66svh,520px);display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
#vezetoi-helyzetkep #rendszer .stack .screen-shell{position:static;inset:auto;width:100%;height:100%;transform:none}
#vezetoi-helyzetkep #rendszer .trio{height:min(66svh,520px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1.15fr .85fr;gap:16px}
#vezetoi-helyzetkep #rendszer .trio .screen-shell:first-child{grid-row:1;grid-column:1/3}
#vezetoi-helyzetkep footer{min-height:64px;padding:20px 0;align-items:center;line-height:1.4}
@media(min-width:801px) and (max-width:1050px){
 #vezetoi-helyzetkep #rendszer .showcase,#vezetoi-helyzetkep #rendszer .showcase.reverse{gap:34px}
 #vezetoi-helyzetkep #rendszer .show-copy h3{font-size:clamp(34px,4vw,44px)}
 #vezetoi-helyzetkep #rendszer .show-copy p{font-size:18px}
 #vezetoi-helyzetkep .decision-ui{zoom:.85}
}
@media(min-width:801px) and (max-height:700px){
 #vezetoi-helyzetkep #rendszer .showcase,#vezetoi-helyzetkep #rendszer .showcase.reverse{padding:32px 0;gap:40px}
 #vezetoi-helyzetkep #rendszer .show-copy h3{font-size:clamp(34px,4vw,48px);margin-bottom:20px}
 #vezetoi-helyzetkep #rendszer .show-copy p{font-size:18px;line-height:1.5}
 #vezetoi-helyzetkep .decision-ui{zoom:.85}
}
@media(max-width:800px){
 #vezetoi-helyzetkep #rendszer>.container{width:min(620px,calc(100% - 40px))}
 #vezetoi-helyzetkep #rendszer .showcase,#vezetoi-helyzetkep #rendszer .showcase.reverse{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0;align-content:center}
 #vezetoi-helyzetkep #rendszer .show-copy h3{font-size:clamp(32px,6vw,44px);margin-bottom:18px}
 #vezetoi-helyzetkep #rendszer .show-copy p{font-size:17px;line-height:1.5}
 #vezetoi-helyzetkep #rendszer .showcase .show-visual{width:min(440px,100%)}
 #vezetoi-helyzetkep #rendszer .stack,#vezetoi-helyzetkep #rendszer .trio{height:min(42svh,340px)}
 #vezetoi-helyzetkep .decision-ui{zoom:.7}
 #vezetoi-helyzetkep .decision-cards{grid-template-columns:1fr 1.18fr 1fr}
 #vezetoi-helyzetkep footer{flex-direction:column;align-items:flex-start;gap:8px}
}
@media(max-width:800px) and (max-height:700px){
 #vezetoi-helyzetkep #rendszer .showcase,#vezetoi-helyzetkep #rendszer .showcase.reverse{padding:24px 0;gap:20px}
 #vezetoi-helyzetkep #rendszer .show-copy h3{font-size:32px}
 #vezetoi-helyzetkep #rendszer .show-copy p{font-size:16px}
 #vezetoi-helyzetkep .decision-ui{zoom:.65}
}

/* First screen continues the white finale of IAN Black. */
#vezetoi-helyzetkep #rendszer .ian-continuation{
 --ian-gradient:linear-gradient(100deg,#ff771b 0%,#ffae2c 21%,#ffd768 37%,#eff0bb 53%,#b3e7df 66%,#41bedc 82%,#2698df 100%);
 color-scheme:light;
 color:#000;
 background:#fff;
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
 font-synthesis:none;
 width:min(1760px,calc(100vw - 96px));
 position:relative;
 left:50%;
 transform:translateX(-50%);
 grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
 gap:clamp(40px,6vw,112px);
}
#vezetoi-helyzetkep #rendszer .ian-continuation .show-copy h3{
 max-width:680px;
 margin:0 0 28px;
 font-size:clamp(44px,5.15vw,72px);
 font-weight:650;
 line-height:1.12;
 letter-spacing:-.06em;
 text-wrap:balance;
}
#vezetoi-helyzetkep .ian-continuation .show-copy h3>span{display:block}
#vezetoi-helyzetkep .ian-continuation-gradient{
 background-image:var(--ian-gradient);
 background-size:100% 100%;
 background-repeat:no-repeat;
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
 -webkit-text-fill-color:transparent;
 padding:.075em .055em .1em;
 margin:-.075em -.055em -.1em;
}
#vezetoi-helyzetkep #rendszer .ian-continuation .show-copy p{
 max-width:560px;
 color:#6c6c70;
 font-size:clamp(18px,1.65vw,21px);
 font-weight:400;
 line-height:1.55;
 letter-spacing:-.02em;
}
#vezetoi-helyzetkep #rendszer .ian-continuation .show-copy{order:1}
#vezetoi-helyzetkep #rendszer .ian-continuation .show-visual{order:0;width:min(36vw,800px);max-width:100%;justify-self:start}
#vezetoi-helyzetkep .ian-continuation .decision-ui{zoom:1}
#vezetoi-helyzetkep #rendszer .ian-continuation .screen-shell{background:transparent;box-shadow:none;border-radius:0}
#vezetoi-helyzetkep .ian-continuation .decision-ui{background:transparent;border-radius:0;padding:0}
#vezetoi-helyzetkep .ian-continuation .decision-row{padding:0 0 24px;margin:0}
#vezetoi-helyzetkep .ian-continuation .decision-row:last-child{padding-bottom:0}
#vezetoi-helyzetkep .ian-continuation .decision-row-title{font-size:clamp(13px,.95vw,16px);margin-bottom:12px;font-weight:500;color:#35353a;letter-spacing:-.015em;line-height:1.45}
#vezetoi-helyzetkep .ian-continuation .decision-cards{gap:clamp(8px,.65vw,12px)}
#vezetoi-helyzetkep .ian-continuation .decision-card{border-radius:20px;padding:clamp(14px,1.15vw,22px) clamp(11px,.9vw,18px);box-shadow:none}
#vezetoi-helyzetkep .ian-continuation .decision-card strong{font-size:clamp(13px,1vw,17px);font-weight:600;letter-spacing:-.02em}
#vezetoi-helyzetkep .ian-continuation .decision-card span{font-size:clamp(12px,.92vw,16px);line-height:1.45}
#vezetoi-helyzetkep .ian-continuation .decision-card.known{background:#39c5bd;color:#071f20}
#vezetoi-helyzetkep .ian-continuation .decision-card.suggest{background:#347df1;color:#fff}
#vezetoi-helyzetkep .ian-continuation .decision-card.done{background:#63c98f;color:#102d1b}
#vezetoi-helyzetkep .ian-continuation .decision-card.question{background:#f6a623;color:#302004}
#vezetoi-helyzetkep .motion .ian-continuation .reveal{filter:blur(7px);transition:opacity 620ms var(--ease),transform 620ms var(--ease),filter 620ms var(--ease)}
#vezetoi-helyzetkep .motion .ian-continuation .reveal.in{filter:blur(0)}
@media(min-width:801px) and (max-height:760px){
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy h3{font-size:clamp(40px,4.5vw,60px);margin-bottom:24px}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy p{font-size:18px;line-height:1.5}
}
@media(min-width:801px) and (max-width:1050px){
 #vezetoi-helyzetkep #rendszer .ian-continuation{gap:34px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy h3{font-size:clamp(40px,4.4vw,48px)}
}
@media(max-width:800px){
 #vezetoi-helyzetkep #rendszer .ian-continuation{width:100%;left:auto;transform:none;grid-template-columns:minmax(0,1fr);gap:32px}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy{order:0}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy h3{font-size:clamp(36px,7.8vw,56px);line-height:1.12;margin-bottom:20px;max-width:600px}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy p{font-size:17px;line-height:1.5}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-visual{order:1;width:min(440px,100%);justify-self:center}
 #vezetoi-helyzetkep .ian-continuation .decision-ui{zoom:.7}
}
@media(max-width:800px) and (max-height:740px){
 #vezetoi-helyzetkep #rendszer .ian-continuation{gap:24px}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy h3{font-size:clamp(32px,6.2vw,40px);margin-bottom:16px}
 #vezetoi-helyzetkep #rendszer .ian-continuation .show-copy p{font-size:16px}
 #vezetoi-helyzetkep .ian-continuation .decision-ui{zoom:.65}
}
@media(prefers-reduced-motion:reduce){#vezetoi-helyzetkep .motion .ian-continuation .reveal{filter:none;transition:none}}
@media(forced-colors:active){#vezetoi-helyzetkep .ian-continuation-gradient{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
@media(min-width:801px) and (max-height:700px){
 #vezetoi-helyzetkep .ian-continuation .decision-row{padding-bottom:18px}
 #vezetoi-helyzetkep .ian-continuation .decision-row-title{font-size:13px;margin-bottom:10px}
 #vezetoi-helyzetkep .ian-continuation .decision-card{padding:12px 10px;border-radius:16px}
 #vezetoi-helyzetkep .ian-continuation .decision-card strong{font-size:13px}
 #vezetoi-helyzetkep .ian-continuation .decision-card span{font-size:12px}
}

/* The overview remains the sole source of the picture's outer dimensions. */
#vezetoi-helyzetkep .ian-scroll-story{position:relative;width:min(1760px,calc(100vw - 96px));left:50%;transform:translateX(-50%);scroll-snap-align:start}
/* Center the outer track, so pinning the pane cannot shift its picture offscreen. */
#vezetoi-helyzetkep #rendszer .ian-scroll-story>.ian-continuation{width:100%;left:auto;transform:none}
html.decision-scroll-active{scroll-snap-type:none}
#vezetoi-helyzetkep .ian-scroll-story.is-scroll-ready{height:var(--decision-story-height)}
#vezetoi-helyzetkep #rendszer .ian-scroll-story.is-scroll-ready>.ian-continuation{position:sticky;top:var(--decision-pin-top,0px);scroll-snap-align:none}
#vezetoi-helyzetkep #rendszer .ian-continuation .decision-stage{position:relative;isolation:isolate;overflow:hidden;transform:scale(.9);transform-origin:left center}
/* Scroll owns these layers; a separate entrance observer must never hide them. */
html.motion #vezetoi-helyzetkep #rendszer .ian-continuation .reveal{opacity:1;transform:none;filter:none;transition:none}
#vezetoi-helyzetkep .decision-copy-track{display:grid;align-items:center}
#vezetoi-helyzetkep .decision-copy-track>div{grid-area:1/1;min-width:0}
#vezetoi-helyzetkep .decision-copy-detail{opacity:0;visibility:hidden}
#vezetoi-helyzetkep .decision-open{appearance:none;border:0;font:inherit;text-align:left;cursor:pointer}
#vezetoi-helyzetkep .decision-open:focus-visible{outline:2px solid #2463eb;outline-offset:3px}
#vezetoi-helyzetkep .decision-morph{position:absolute;z-index:1;visibility:hidden;pointer-events:none;background:#17b9b1;will-change:width,height,left,top;border-radius:20px}
#vezetoi-helyzetkep .decision-detail{position:absolute;inset:0;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;visibility:hidden;opacity:0;pointer-events:none;container:decision-detail / size}
#vezetoi-helyzetkep .decision-detail.is-open{pointer-events:auto}
#vezetoi-helyzetkep .decision-detail-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;color:#28282b}
#vezetoi-helyzetkep .decision-detail-heading h4{font-size:clamp(12px,2.3cqi,16px);line-height:1.4;font-weight:600;letter-spacing:-.015em;margin:0}
#vezetoi-helyzetkep .decision-detail-heading h4 span{color:#78787f;font-weight:500}
#vezetoi-helyzetkep .decision-approval{max-width:125px;padding:6px 9px;border-radius:9px;background:#f5f5f7;color:#76767c;font-size:clamp(9px,1.65cqi,12px);line-height:1.4;font-weight:600;text-align:center}
#vezetoi-helyzetkep .decision-detail-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(10px,2.8cqi,24px);min-height:0;padding:clamp(14px,3.6cqi,26px);border-radius:20px;color:#fff;overflow:hidden}
#vezetoi-helyzetkep .decision-detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(10px,1.95cqi,13px)}
#vezetoi-helyzetkep .decision-close{display:grid;place-items:center;flex:0 0 auto;width:clamp(24px,5cqi,34px);height:clamp(24px,5cqi,34px);padding:5px;border:0;border-radius:50%;background:white;color:#727782;cursor:pointer}
#vezetoi-helyzetkep .decision-close svg{display:block;width:100%;height:100%}
#vezetoi-helyzetkep .decision-close:focus-visible{outline:2px solid #fff;outline-offset:4px}
#vezetoi-helyzetkep .decision-detail-summary{margin:0;font-size:clamp(14px,3.1cqi,22px);line-height:1.45;font-weight:400;letter-spacing:-.02em}
#vezetoi-helyzetkep .decision-timeline{display:grid;grid-template-rows:repeat(4,minmax(min-content,1fr));gap:clamp(12px,2cqi,20px);min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#ffffff65 transparent}
#vezetoi-helyzetkep .decision-timeline li{display:grid;grid-template-columns:minmax(52px,.48fr) minmax(0,1.4fr) minmax(90px,1fr);align-items:center;gap:clamp(8px,2cqi,16px)}
#vezetoi-helyzetkep .decision-timeline time{font-size:clamp(9px,1.85cqi,12px);line-height:1.5;font-variant-numeric:tabular-nums}
#vezetoi-helyzetkep .decision-source>span{display:block;margin-bottom:6px;font-size:clamp(9px,1.75cqi,11px);line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
#vezetoi-helyzetkep .decision-source p{margin:0;font-size:clamp(11px,2.25cqi,16px);line-height:1.4}
#vezetoi-helyzetkep .decision-evidence{justify-self:end;padding:9px 11px;border-radius:11px;background:#ffffff38;font-size:clamp(10px,2.05cqi,14px);line-height:1.4;text-align:left}
#vezetoi-helyzetkep .decision-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(8px,1.8cqi,14px);min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff65 transparent}
#vezetoi-helyzetkep .decision-options li{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(12px,2.7cqi,22px);border-radius:clamp(12px,2.8cqi,20px);background:var(--decision-option-bg);color:#41464b}
#vezetoi-helyzetkep .decision-detail-suggest{--decision-option-bg:#d5e0fd}
#vezetoi-helyzetkep .decision-detail-done{--decision-option-bg:#d9f2e2}
#vezetoi-helyzetkep .decision-options h5{margin:0 0 clamp(12px,3cqi,24px);font-size:clamp(12px,2.4cqi,17px);line-height:1.4;font-weight:400;letter-spacing:-.01em}
#vezetoi-helyzetkep .decision-option-label{margin-bottom:7px;font-size:clamp(9px,1.65cqi,11px);line-height:1.4;letter-spacing:.055em;text-transform:uppercase;color:#828b98}
#vezetoi-helyzetkep .decision-options p{margin:0;font-size:clamp(11px,1.95cqi,14px);line-height:1.5;color:#737c88}
@container decision-detail (max-width:480px){
 #vezetoi-helyzetkep .decision-options{grid-template-columns:minmax(0,1fr);gap:9px}
 #vezetoi-helyzetkep .decision-options li{padding:12px 14px}
 #vezetoi-helyzetkep .decision-options h5{margin-bottom:9px;font-size:14px}
 #vezetoi-helyzetkep .decision-options p{font-size:12px}
}
@container decision-detail (max-width:420px){
 #vezetoi-helyzetkep .decision-detail-heading{gap:8px}
 #vezetoi-helyzetkep .decision-approval{max-width:86px;padding:5px 6px}
 #vezetoi-helyzetkep .decision-detail-panel{padding:12px;gap:10px}
 #vezetoi-helyzetkep .decision-timeline{gap:12px}
 #vezetoi-helyzetkep .decision-timeline li{grid-template-columns:48px minmax(0,1fr);gap:4px 10px}
 #vezetoi-helyzetkep .decision-timeline time{grid-row:1/3;align-self:start}
 #vezetoi-helyzetkep .decision-evidence{grid-column:2;justify-self:start;padding:5px 8px;border-radius:8px}
 #vezetoi-helyzetkep .decision-source>span{margin-bottom:3px}
}
@media(prefers-reduced-motion:reduce){#vezetoi-helyzetkep .decision-morph{will-change:auto}}
@media(max-width:800px){
 #vezetoi-helyzetkep .ian-scroll-story{width:100%;left:auto;transform:none}
 #vezetoi-helyzetkep #rendszer .ian-continuation .decision-stage{transform:none}
}

/* Both picture sequences share one geometry; changing slides never changes it. */
#vezetoi-helyzetkep .media-scroll-story{position:relative;width:min(1760px,calc(100vw - 96px));left:50%;transform:translateX(-50%);scroll-snap-align:start}
#vezetoi-helyzetkep .media-scroll-story.is-scroll-ready{height:var(--media-story-height)}
html.media-scroll-active{scroll-snap-type:none}
#vezetoi-helyzetkep #rendszer .media-showcase{--ian-gradient:linear-gradient(100deg,#ff771b 0%,#ffae2c 21%,#ffd768 37%,#eff0bb 53%,#b3e7df 66%,#41bedc 82%,#2698df 100%);width:100%;left:auto;transform:none;grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);gap:clamp(32px,4vw,72px);background:#fff}
#vezetoi-helyzetkep #rendszer .media-scroll-story.is-scroll-ready>.media-showcase{position:sticky;top:var(--media-pin-top,0px);scroll-snap-align:none}
#vezetoi-helyzetkep #rendszer .media-showcase .show-copy{order:1}
#vezetoi-helyzetkep #rendszer .media-showcase .show-visual{order:0;width:100%;max-width:none;justify-self:start}
#vezetoi-helyzetkep #rendszer .media-showcase .show-copy h3{margin:0 0 26px;font-size:clamp(36px,3.8vw,62px);line-height:1.12;letter-spacing:-.05em;font-weight:650;color:#000;text-wrap:balance}
#vezetoi-helyzetkep .media-showcase .show-copy h3>span{display:block}
#vezetoi-helyzetkep #rendszer .media-showcase .show-copy p{max-width:560px;font-size:clamp(18px,1.65vw,21px);line-height:1.55;letter-spacing:-.02em;color:#6c6c70}
#vezetoi-helyzetkep .media-copy-track{display:grid;align-items:center}
#vezetoi-helyzetkep .media-copy{grid-area:1/1;min-width:0}
#vezetoi-helyzetkep .media-copy:not(:first-child){opacity:0;visibility:hidden}
#vezetoi-helyzetkep .media-frame{position:relative;width:min(100%,121.6svh);aspect-ratio:8/5;overflow:hidden;isolation:isolate;background:#fff;border:0;border-radius:0;box-shadow:none}
#vezetoi-helyzetkep .media-frame .media-slide{position:absolute;left:0;top:50%;display:block;width:100%;height:auto;max-width:none;transform:translateY(calc(-50% + var(--media-offset,0%))) scale(var(--media-zoom,1));transform-origin:center;pointer-events:none}
#vezetoi-helyzetkep .media-slide:not(:first-child){opacity:0;visibility:hidden}
@media(min-width:801px) and (max-width:1050px){
 #vezetoi-helyzetkep #rendszer .media-showcase{gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr)}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-copy h3{font-size:36px}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-copy p{font-size:18px}
}
@media(max-width:800px){
 #vezetoi-helyzetkep .media-scroll-story{width:100%;left:auto;transform:none}
 #vezetoi-helyzetkep #rendszer .media-showcase{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 0;align-content:center}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-copy{order:1}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-visual{order:0}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-copy h3{font-size:clamp(30px,6.3vw,44px);margin-bottom:18px}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-copy p{font-size:17px;line-height:1.5}
 #vezetoi-helyzetkep .media-frame{width:min(100%,88svh);margin-inline:auto}
}
@media(max-width:800px) and (max-height:700px){
 #vezetoi-helyzetkep #rendszer .media-showcase{gap:20px;padding:20px 0}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-copy h3{font-size:30px;margin-bottom:14px}
 #vezetoi-helyzetkep #rendszer .media-showcase .show-copy p{font-size:16px}
 #vezetoi-helyzetkep .media-frame{width:min(100%,72svh)}
}

/* Real text keeps the cropped sales views sharp without scaling down the type. */
#vezetoi-helyzetkep .media-frame .media-native{inset:0;width:100%;height:100%;transform:none;overflow:auto;pointer-events:auto;background:#fff;scrollbar-width:thin;scrollbar-color:#d5d8dd transparent;font-family:inherit;container:sales-view / inline-size}
#vezetoi-helyzetkep .media-native:focus-visible{outline:2px solid #2463eb;outline-offset:-2px}
#vezetoi-helyzetkep .sales-table{width:100%;height:100%;table-layout:auto;border-collapse:separate;border-spacing:6px 4px;font-size:15px;line-height:1.35;color:#44464b}
#vezetoi-helyzetkep .sales-table th,#vezetoi-helyzetkep .sales-table td{white-space:nowrap;overflow-wrap:normal;word-break:normal}
#vezetoi-helyzetkep .sales-table th{height:46px;padding:9px 7px;background:#ebedf0;border-radius:12px;font-size:14px;font-weight:500;text-align:left;color:#62666c;vertical-align:middle}
#vezetoi-helyzetkep .sales-table-heading{display:flex;align-items:center;gap:8px}
#vezetoi-helyzetkep .sales-table th .sales-grip{flex:0 0 8px;width:8px;height:15px;fill:currentColor}
#vezetoi-helyzetkep .sales-table th .sales-filter{flex:0 0 16px;width:16px;height:16px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
#vezetoi-helyzetkep .sales-table td{padding:2px 5px;border-bottom:1px solid #f1f2f4;vertical-align:middle}
#vezetoi-helyzetkep .sales-table tbody tr:last-child td{border-bottom:0}
#vezetoi-helyzetkep .sales-table .sales-company{font-size:15px;font-weight:550;color:#22252a;overflow-wrap:normal}
#vezetoi-helyzetkep .sales-table .sales-email{font-size:14px;color:#2365c4}
#vezetoi-helyzetkep .sales-table .sales-phone{font-size:14px;color:#2365c4;overflow-wrap:normal}
#vezetoi-helyzetkep .sales-status{display:flex;flex-direction:column;gap:4px;padding:8px 7px;border-radius:11px;font-size:14px;line-height:1.25}
#vezetoi-helyzetkep .sales-status strong{font-weight:500}#vezetoi-helyzetkep .sales-status>span{font-size:13px;color:#5b6067}
#vezetoi-helyzetkep .sales-opportunity{--sales-tint:#fff7d5;--sales-accent:#d4a92a;--sales-label:#454126}
#vezetoi-helyzetkep .sales-contact{--sales-tint:#edf4ff;--sales-accent:#4c91f1;--sales-label:#245c99}
#vezetoi-helyzetkep .sales-progress{--sales-tint:#f5edfd;--sales-accent:#9673d5;--sales-label:#7656a1}
#vezetoi-helyzetkep .sales-decision{--sales-tint:#eef8ed;--sales-accent:#347d35;--sales-label:#285d2d}
#vezetoi-helyzetkep .sales-status{background:var(--sales-tint);color:var(--sales-label)}
#vezetoi-helyzetkep .sales-status.sales-decision{background:transparent;color:#303438}
#vezetoi-helyzetkep .sales-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start;padding:0 3px 4px}
#vezetoi-helyzetkep .sales-pipeline-column{min-width:0;padding:12px 10px 10px;border-radius:18px;background:var(--sales-tint);border-top:4px solid var(--sales-accent)}
#vezetoi-helyzetkep .sales-pipeline-column>h4{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;font-size:15px;line-height:1.3;font-weight:550;color:var(--sales-label)}
#vezetoi-helyzetkep .sales-count{padding:2px 5px;border-radius:6px;background:#00000007;font-size:12px;font-weight:400;color:#73767b}
#vezetoi-helyzetkep .sales-pipeline-note{margin-left:auto;font-size:11px;font-weight:400;color:#747d73}
#vezetoi-helyzetkep .sales-pipeline-column>ol{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;padding:0}
#vezetoi-helyzetkep .sales-deal{min-width:0;padding:8px 10px;border-radius:13px;background:#fff;color:#282b2f}
#vezetoi-helyzetkep .sales-deal h5{margin:0 0 4px;font-size:15px;line-height:1.25;font-weight:600;letter-spacing:-.015em}
#vezetoi-helyzetkep .sales-deal .sales-person{margin:0 0 6px;font-size:13px;line-height:1.25;color:#666c73}
#vezetoi-helyzetkep .sales-deal .sales-stage{margin:0 0 6px;font-size:13px;line-height:1.25;color:#666c73}
#vezetoi-helyzetkep .sales-deal .sales-contact{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.25;color:#666c73;overflow-wrap:anywhere}
#vezetoi-helyzetkep .sales-expand{display:block;width:12px;height:12px;margin:3px auto 0;fill:none;stroke:#858d94;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@container sales-view (max-width:780px){
 #vezetoi-helyzetkep .sales-pipeline{min-width:940px}
}
@container sales-view (max-width:620px){
 #vezetoi-helyzetkep .sales-table{font-size:14px;border-spacing:4px 3px}
 #vezetoi-helyzetkep .sales-table .sales-company{font-size:14px}
 #vezetoi-helyzetkep .sales-table-heading{gap:5px}
 #vezetoi-helyzetkep .sales-table th{padding:8px 6px}
 #vezetoi-helyzetkep .sales-table th .sales-filter{flex-basis:14px;width:14px;height:14px}
 #vezetoi-helyzetkep .sales-table td{padding-inline:3px}
}

/* Match the opening card scene: a compact visual at left, prominent copy at right. */
#vezetoi-helyzetkep #sales-story .media-showcase{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,6vw,112px);padding:clamp(28px,4vh,56px) 0;align-content:center}
#vezetoi-helyzetkep #sales-story .media-frame{width:min(100%,max(540px,32.4vw));max-width:720px;height:auto;aspect-ratio:4/3;margin:0}
#vezetoi-helyzetkep #sales-story .media-copy{display:block}
#vezetoi-helyzetkep #sales-story .media-showcase .show-copy h3{margin:0 0 26px;font-size:clamp(42px,4.2vw,72px);line-height:1.08;letter-spacing:-.045em}
#vezetoi-helyzetkep #sales-story .media-showcase .show-copy p{max-width:none;margin:0;font-size:clamp(20px,1.85vw,28px);line-height:1.5}
@media(min-width:801px) and (max-width:1300px){
 #vezetoi-helyzetkep #sales-story .media-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
 #vezetoi-helyzetkep #sales-story .media-showcase .show-copy h3{font-size:clamp(36px,4vw,48px)}
 #vezetoi-helyzetkep #sales-story .media-showcase .show-copy p{font-size:20px}
}
@media(max-width:800px){
 #vezetoi-helyzetkep #sales-story .media-showcase{grid-template-columns:minmax(0,1fr);gap:28px}
 #vezetoi-helyzetkep #sales-story .media-frame{width:100%;max-width:620px;margin-inline:auto}
 #vezetoi-helyzetkep #sales-story .media-showcase .show-copy h3{font-size:clamp(36px,7vw,48px)}
 #vezetoi-helyzetkep #sales-story .media-showcase .show-copy p{font-size:clamp(20px,3vw,22px)}
}

/* Shared pipeline typography and cards; the sales scene owns their movement. */
#vezetoi-helyzetkep #rendszer .pipeline-copy h3{font-size:clamp(40px,4.2vw,72px);font-weight:650;line-height:1.08;letter-spacing:-.045em;margin:0 0 26px;max-width:none;color:#000;text-wrap:balance}
#vezetoi-helyzetkep .pipeline-copy h3>span{display:block}
#vezetoi-helyzetkep #rendszer .pipeline-copy p{max-width:800px;margin:0;font-size:clamp(20px,1.85vw,28px);line-height:1.5;color:#6c6c70}
#vezetoi-helyzetkep .pipeline-window{position:relative;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d5d8dd transparent;background:#fff;border:0;border-radius:0;box-shadow:none}
#vezetoi-helyzetkep .pipeline-window:focus-visible{outline:2px solid #2463eb;outline-offset:3px}
#vezetoi-helyzetkep .pipeline-board{width:var(--pipeline-board-width,100%);min-width:0}
#vezetoi-helyzetkep .pipeline-board .sales-pipeline-column{padding:14px 12px 12px}
#vezetoi-helyzetkep .pipeline-board .sales-deal{padding:12px}
#vezetoi-helyzetkep .pipeline-board .sales-deal h5{font-size:16px}
#vezetoi-helyzetkep .pipeline-board .sales-deal .sales-person,#vezetoi-helyzetkep .pipeline-board .sales-deal .sales-stage,#vezetoi-helyzetkep .pipeline-board .sales-deal .sales-contact{font-size:14px}
@media(min-width:1001px) and (max-width:1300px){
 #vezetoi-helyzetkep #rendszer .pipeline-copy h3{font-size:clamp(36px,4vw,48px)}
 #vezetoi-helyzetkep #rendszer .pipeline-copy p{font-size:20px}
 #vezetoi-helyzetkep .pipeline-board .sales-pipeline-column{padding:10px 8px}
 #vezetoi-helyzetkep .pipeline-board .sales-deal{padding:9px}
 #vezetoi-helyzetkep .pipeline-board .sales-deal h5{font-size:15px}
 #vezetoi-helyzetkep .pipeline-board .sales-deal .sales-person,#vezetoi-helyzetkep .pipeline-board .sales-deal .sales-stage,#vezetoi-helyzetkep .pipeline-board .sales-deal .sales-contact{font-size:13px}
}
@media(max-width:1000px){
 #vezetoi-helyzetkep .pipeline-board{width:max(100%,1000px)}
 #vezetoi-helyzetkep #rendszer .pipeline-copy h3{font-size:clamp(36px,6vw,48px)}
 #vezetoi-helyzetkep #rendszer .pipeline-copy p{font-size:20px}
}

/* The original three columns stay in place; the right-hand details are revealed. */
#vezetoi-helyzetkep #sales-story .sales-extra{display:none}
#vezetoi-helyzetkep #sales-story .media-native{container:none}
#vezetoi-helyzetkep #sales-story .media-frame{height:374px;aspect-ratio:auto}
#vezetoi-helyzetkep #sales-story .sales-table{height:auto}
#vezetoi-helyzetkep #sales-story .sales-table th{height:46px}
#vezetoi-helyzetkep #sales-story .sales-table td{height:60px;padding-block:4px}
#vezetoi-helyzetkep #sales-story .sales-status{gap:3px;padding:6px 7px}
#vezetoi-helyzetkep #sales-story .sales-continuation{grid-column:1/-1;order:2;display:grid;gap:36px;min-width:0}
#vezetoi-helyzetkep #sales-story.is-table-measuring .sales-continuation{display:none}
html.table-scroll-active{scroll-snap-type:none}
#vezetoi-helyzetkep #sales-story.is-table-ready{height:var(--table-story-height)}
#vezetoi-helyzetkep #rendszer #sales-story.is-table-ready>.media-showcase{display:block;position:sticky;top:var(--table-pin-top,0px);height:var(--table-pane-height);min-height:0;padding:0;overflow:clip;scroll-snap-align:none}
#vezetoi-helyzetkep #rendszer #sales-story.is-table-ready>.media-showcase>.show-copy{position:absolute;left:var(--table-copy-left);top:50%;width:var(--table-copy-width);transform:translate(var(--table-copy-x,0px),-50%)}
#vezetoi-helyzetkep #rendszer #sales-story.is-table-ready>.media-showcase>.show-visual{position:absolute;left:0;top:50%;width:var(--table-window-width);max-width:none;transform:translate(var(--table-push-x,0px),-50%)}
#vezetoi-helyzetkep #sales-story.is-table-ready .media-frame{width:100%;max-width:none;height:var(--table-frame-height);aspect-ratio:auto}
#vezetoi-helyzetkep #sales-story.is-table-ready .media-native{width:var(--table-full-width);overflow:hidden}
#vezetoi-helyzetkep #sales-story.is-table-ready .sales-table{width:100%;table-layout:fixed}
#vezetoi-helyzetkep #sales-story.is-table-ready .sales-extra{display:table-cell}
#vezetoi-helyzetkep #sales-story.is-table-ready .sales-table th:nth-child(1){width:var(--table-col-1)}
#vezetoi-helyzetkep #sales-story.is-table-ready .sales-table th:nth-child(2){width:var(--table-col-2)}
#vezetoi-helyzetkep #sales-story.is-table-ready .sales-table th:nth-child(3){width:var(--table-col-3)}
#vezetoi-helyzetkep #sales-story.is-table-ready .sales-table th:nth-child(5){width:var(--table-phone-width)}
#vezetoi-helyzetkep #sales-story.is-table-ready .sales-continuation{position:absolute;inset:0;display:block;pointer-events:none}
#vezetoi-helyzetkep #rendszer #sales-story.is-table-ready .sales-continuation>.pipeline-copy{position:absolute;left:0;top:50%;width:var(--sales-next-copy-width);transform:translate(var(--sales-next-copy-x),-50%);pointer-events:auto}
#vezetoi-helyzetkep #sales-story.is-table-ready .pipeline-window{position:absolute;left:0;top:50%;width:var(--sales-board-width);height:min(680px,78svh);transform:translate(var(--sales-cards-x),-50%);overflow:hidden;pointer-events:auto}
#vezetoi-helyzetkep #sales-story.is-table-ready .pipeline-board{width:var(--sales-board-width)}
#vezetoi-helyzetkep #sales-story.is-sales-cards-complete .pipeline-window{overflow:auto}
#vezetoi-helyzetkep #sales-story.is-table-static .sales-extra{display:table-cell}
#vezetoi-helyzetkep #sales-story.is-table-static .sales-table{min-width:1080px;height:auto;table-layout:auto}
#vezetoi-helyzetkep #sales-story.is-table-static .media-native{overflow:auto}
@media(max-width:1200px),(prefers-reduced-motion:reduce){
 #vezetoi-helyzetkep #rendszer #sales-story.is-table-static .media-showcase{grid-template-columns:minmax(0,1fr);gap:28px}
 #vezetoi-helyzetkep #rendszer #sales-story.is-table-static .show-copy{order:0}
 #vezetoi-helyzetkep #rendszer #sales-story.is-table-static .show-visual{order:1}
 #vezetoi-helyzetkep #sales-story.is-table-static .media-frame{width:100%;max-width:none;aspect-ratio:auto;height:374px}
 #vezetoi-helyzetkep #sales-story.is-table-static .sales-continuation{gap:28px;margin-top:36px}
 #vezetoi-helyzetkep #sales-story.is-table-static .pipeline-board{min-width:1000px}
}
#vezetoi-helyzetkep { background:#fff; color-scheme:light; position:relative; }

/* The shorter board leaves room for its closing message in the same scene. */
#vezetoi-helyzetkep .pipeline-window{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,4vh,48px)}
#vezetoi-helyzetkep .pipeline-board{flex:0 0 auto}
#vezetoi-helyzetkep .pipeline-caption{position:sticky;left:0;flex:0 0 auto;width:100%;margin:0;padding:.1em .15em .2em;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-size:clamp(28px,3.2vw,54px);font-weight:650;line-height:1.15;letter-spacing:-.055em;text-wrap:balance}
#vezetoi-helyzetkep .pipeline-caption>span{display:inline-block}

/* Scroll space follows the board; the next section enters in normal flow. */
.pipeline-outro-track{height:0;background:#fff;pointer-events:none}
.pipeline-outro-caption{position:fixed;z-index:5;left:50%;top:50%;margin:0;padding:.1em .15em .2em;max-width:100%;text-align:center;text-wrap:balance;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none;user-select:none;font-synthesis:none;-webkit-font-smoothing:antialiased;will-change:top,transform,opacity}
.pipeline-outro-caption>span{display:inline-block;background-image:var(--ian-gradient);background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:.075em .055em .1em;margin:-.075em -.055em -.1em}
.pipeline-outro-caption[hidden],.pipeline-outro-track[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.pipeline-outro-caption,.pipeline-outro-track{display:none}}
@media(forced-colors:active){.pipeline-outro-caption>span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}