/* VF AI Hero 1.2 – slidy, mobilné nastavenia, svetlý/tmavý režim */
.vfah{--c1:#22d3ee;--c2:#3b82f6;--c3:#a855f7;--bg:#030208;--bgl:#f4f5fb;--h:80vh;--hm:88svh;--gs:82;--gsm:90;--logo:300px;--logom:200px;--logo-y:0px;--logo-ym:0px;
  --ink:#f5f4ff;--ink2:#c3c0d9;--mut:#8a87a3;--line:rgba(255,255,255,.1);--glass:rgba(12,9,30,.66);--hexbg:rgba(6,5,20,.62);
  position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;color:var(--ink);
  background:radial-gradient(ellipse 60% 70% at 75% 50%,color-mix(in srgb,var(--c3) 18%,transparent),transparent 70%),radial-gradient(ellipse 50% 60% at 10% 100%,color-mix(in srgb,var(--c2) 12%,transparent),transparent 70%),var(--bg);
  font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .5s,color .5s}
.vfah.is-light{--ink:#0f0d1f;--ink2:#3f3b5c;--mut:#6b6788;--line:rgba(15,13,31,.12);--glass:rgba(255,255,255,.72);--hexbg:rgba(255,255,255,.7);
  background:radial-gradient(ellipse 60% 70% at 75% 50%,color-mix(in srgb,var(--c3) 16%,transparent),transparent 70%),radial-gradient(ellipse 50% 60% at 10% 100%,color-mix(in srgb,var(--c2) 12%,transparent),transparent 70%),var(--bgl)}
.vfah *,.vfah *::before,.vfah *::after{box-sizing:border-box}
.vfah-stage{position:relative;min-height:var(--h);display:flex;align-items:center}
.vfah-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.35;
  -webkit-mask:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 80%);mask:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 80%)}
.vfah-in{width:min(1360px,92%);margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding:64px 0}

/* prepínač témy */
.vfah-theme{position:absolute;top:18px;right:18px;z-index:6;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .3s,border-color .3s}
.vfah-theme:hover{transform:rotate(18deg);border-color:var(--c1)}
.vfah-theme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.vfah .vfah-sun,.vfah.is-light .vfah-moon{display:none}.vfah.is-light .vfah-sun{display:block}

/* slidy */
.vfah-copy{display:grid;position:relative}
.vfah-slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1),visibility 0s .6s}
.vfah-slide.on,.vfah-copy>.vfah-slide:only-of-type{opacity:1;visibility:visible;transform:none;transition:opacity .6s .1s,transform .7s .1s cubic-bezier(.16,1,.3,1),visibility 0s}
.vfah-nav{display:flex;align-items:center;gap:10px;margin-top:26px}
.vfah-dots{display:flex;gap:6px}
.vfah-dot{width:26px;height:4px;border-radius:9px;border:0;padding:0;background:var(--line);cursor:pointer;transition:width .4s,background .4s}
.vfah-dot.on{width:44px;background:linear-gradient(90deg,var(--c1),var(--c3))}
.vfah-arr{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:border-color .3s}
.vfah-arr:hover{border-color:var(--c1)}
.vfah-arr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

.vfah-badge-p{margin:0 0 22px}
.vfah-badge{text-decoration:none!important;transition:border-color .3s,box-shadow .3s;display:inline-flex;align-items:center;gap:9px;margin:0;padding:7px 14px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px)}
.vfah-badge i{width:7px;height:7px;border-radius:50%;background:var(--c1);box-shadow:0 0 12px var(--c1),0 0 24px var(--c2);animation:vfah-pulse 2s ease-in-out infinite}
@keyframes vfah-pulse{50%{opacity:.4}}
.vfah-h1{margin:0 0 22px;font-family:Sora,Inter,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}
.vfah-l1{display:block;font-size:clamp(32px,4vw,62px);color:var(--ink)}
.vfah-l2{display:block;margin-top:12px;font-size:clamp(20px,2.3vw,34px);font-weight:500;letter-spacing:-.02em;background:linear-gradient(90deg,var(--c1),var(--c2) 45%,var(--c3),var(--c1));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vfah-shine 7s linear infinite}
@keyframes vfah-shine{to{background-position:-200% 0}}
.vfah-lead{margin:0 0 30px;max-width:580px;font-size:clamp(15px,1.1vw,18px);line-height:1.65;color:var(--ink2)}
.vfah-lead strong{color:var(--ink);font-weight:600}
.vfah-cta{display:flex;flex-wrap:wrap;gap:12px}
.vfah-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:14px;font-weight:600;font-size:15px;text-decoration:none!important;transition:transform .25s,box-shadow .25s,border-color .25s}
.vfah-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.vfah-btn-p{color:#fff!important;background:linear-gradient(135deg,var(--c2),var(--c3));box-shadow:0 12px 40px -10px var(--c3),inset 0 1px 0 rgba(255,255,255,.3)}
.vfah-btn-p:hover{transform:translateY(-2px);box-shadow:0 18px 50px -10px var(--c3),0 0 30px -6px var(--c1),inset 0 1px 0 rgba(255,255,255,.35)}
.vfah-btn-p:hover svg{transform:translateX(3px)}
.vfah-btn-g{color:var(--ink)!important;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px)}
.vfah-btn-g:hover{border-color:var(--c1);box-shadow:0 0 30px -10px var(--c1)}
.vfah-note{margin:14px 0 0;font-size:13px;color:var(--mut)}
.vfah-stats{list-style:none;display:flex;gap:28px;margin:32px 0 0;padding:22px 0 0;border-top:1px solid var(--line);flex-wrap:wrap}
.vfah-stats b{display:block;font-family:Sora,sans-serif;font-size:22px;font-weight:600;color:var(--ink)}
.vfah-stats span{font-size:12px;color:var(--mut);letter-spacing:.04em}

/* vizuál */
.vfah-vis{position:relative;width:100%;aspect-ratio:1;max-width:720px;justify-self:center}
.vfah-globe{position:absolute;left:-25%;top:-25%;width:150%;height:150%;pointer-events:none}
.vfah-logo-wrap{position:absolute;left:50%;top:50%;width:var(--logo);max-width:88%;transform:translate(-50%,calc(-50% + var(--logo-y)));z-index:2;animation:vfah-float 7s ease-in-out infinite;pointer-events:none}
.vfah-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--c1) 70%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--c3) 60%,transparent))}
.vfah.is-light .vfah-logo:not(.is-tint){filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--c3) 35%,transparent))}
.vfah-logo.is-tint,.vfah-ico-img.is-tint{display:block;aspect-ratio:3.5/1;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
@keyframes vfah-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.vfah-hex{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1/1.1547;translate:-50% -50%;z-index:3;display:block;color:var(--ic);text-decoration:none;
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--c1) 45%,transparent));animation:vfah-hex 9s ease-in-out infinite;animation-delay:var(--d);transition:filter .3s}
.vfah-hex::before,.vfah-hex-in{position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.vfah-hex::before{content:"";background:linear-gradient(160deg,rgba(255,255,255,.55),color-mix(in srgb,var(--c1) 40%,transparent) 40%,rgba(255,255,255,.08))}
.vfah-hex-in{inset:1.5px;display:grid;place-items:center;background:var(--hexbg);backdrop-filter:blur(6px);transition:background .3s}
.vfah-hex i{font-size:calc(var(--s) * .36);color:var(--ic);filter:drop-shadow(0 0 6px var(--c1))}
.vfah.is-light .vfah-hex i{color:color-mix(in srgb,var(--ic) 30%,var(--c2))}
.vfah-ico-img{width:46%;height:auto;aspect-ratio:1!important}
a.vfah-hex:hover{filter:drop-shadow(0 0 20px var(--c1)) drop-shadow(0 0 40px var(--c3))}
a.vfah-hex:hover .vfah-hex-in{background:color-mix(in srgb,var(--c2) 35%,var(--hexbg))}
@keyframes vfah-hex{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}
.vfah-feed{position:absolute;right:-2%;bottom:-2%;width:min(300px,60%);height:96px;z-index:4;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
.vfah-feed.on,.vfah-feed:only-of-type{opacity:1;visibility:visible;transition:opacity .5s}
.vfah-card{position:absolute;inset:0 auto auto 0;width:100%;padding:12px 15px;border-radius:14px;font-size:13px;line-height:1.45;color:var(--ink2);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);
  box-shadow:0 20px 40px -20px rgba(0,0,0,.6),0 0 30px -18px var(--c2);opacity:0;transform:translateY(12px) scale(.97);transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1)}
.vfah-card.on{opacity:1;transform:none}
.vfah-card small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--c1);margin-bottom:3px}
.vfah.is-light .vfah-card small{color:var(--c2)}
.vfah-card em{display:block;font-style:normal;color:var(--ink);font-weight:500}

/* ===== mobil (podľa šírky sekcie – funguje aj v náhľade v admine) ===== */
@container (max-width:980px){
  .vfah-stage{min-height:var(--hm);align-items:flex-start}
  .vfah-in{grid-template-columns:1fr;gap:0;padding:12px 0 40px}
  .vfah-vis{order:-1;width:min(440px,86%);margin:22px 0 18px}
  .vfah-copy{text-align:center}
  .vfah-lead{margin-left:auto;margin-right:auto}
  .vfah-cta,.vfah-stats,.vfah-nav{justify-content:center}
  .vfah-feed{display:var(--feedm,none)}
  .vfah-logo-wrap{width:var(--logom);transform:translate(-50%,calc(-50% + var(--logo-ym)))}
  .vfah-hex{left:var(--xm);top:var(--ym);width:var(--sm)}
  .vfah-hex.hide-m{display:none}
  .vfah-theme{top:10px;right:10px;width:38px;height:38px}
}
@container (max-width:560px){
  .vfah-btn{width:100%;font-size:14px;padding:0 16px}
  .vfah-stats{gap:18px 26px}
}
@media (prefers-reduced-motion:reduce){.vfah *{animation:none!important}}
.vfah-logo-def{color:var(--ink);overflow:visible}
a.vfah-badge:hover{border-color:var(--c1);box-shadow:0 0 24px -8px var(--c1)}
.vfah-hex.orb{transition:left .6s cubic-bezier(.16,1,.3,1),top .6s cubic-bezier(.16,1,.3,1)}
.vfah.spin .vfah-hex.orb{transition:none}
@media (max-width:980px){.vfah:not(.feed-m) .vfah-feed{display:none!important}}
@container (max-width:980px){.vfah:not(.feed-m) .vfah-feed{display:none!important}}