:root{
  --crimson:#C8003C;--magenta:#98154B;--plum:#6C2448;--teal:#0C5448;--teal-ink:#0B201D;
  --paper:#FAF8F3;--ink:#0E211C;--ink2:#3C5048;--ink3:#647A71;--teal-light:#7FD9C9;
  --accent:#C8003C;
  --grad:linear-gradient(100deg,var(--crimson) 0%,var(--magenta) 32%,var(--plum) 55%,var(--teal) 100%);
  --maxw:1180px;--pad:clamp(20px,5vw,40px);--sect:clamp(84px,11vw,148px);--r:18px;
  --shadow:0 18px 50px -24px rgba(11,32,29,.45);
  --font-d:'Manrope',system-ui,sans-serif;--font-b:'Source Sans 3',system-ui,sans-serif;--font-m:'JetBrains Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html{background:#F4F2EC}
body{font-family:var(--font-b);background:transparent;color:var(--ink);line-height:1.6;font-size:clamp(16px,1.05vw,17px);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(58vw 58vw at 86% -6%,rgba(200,0,60,.055),transparent 60%),radial-gradient(54vw 54vw at -12% 112%,rgba(12,84,72,.07),transparent 60%),radial-gradient(rgba(12,84,72,.05) 1px,transparent 1.5px) 0 0/30px 30px,linear-gradient(180deg,#FAF8F3,#F1EFE8)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--font-d);line-height:1.08;letter-spacing:-.02em;font-weight:800}
section{scroll-margin-top:84px}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.section{padding-block:var(--sect)}
.eyebrow{font-family:var(--font-m);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.6em;margin-bottom:1.25rem}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.sect-title{font-size:clamp(1.9rem,4.4vw,3.1rem);margin:0 0 1.1rem;max-width:18ch}
.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--ink2);max-width:60ch;margin-bottom:.4rem}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.dots{--d:3px;background-image:radial-gradient(var(--teal-light) var(--d),transparent calc(var(--d) + .5px));background-size:15px 15px}

.btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-d);font-weight:700;font-size:.98rem;padding:.85em 1.5em;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .25s ease,background .25s,color .25s;white-space:nowrap}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 14px 30px -12px rgba(200,0,60,.55);background-size:160% 100%}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(200,0,60,.6);background-position:100% 0}
.btn-ghost{border-color:currentColor;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.on-dark .btn-ghost{color:var(--paper)}
.on-dark .btn-ghost:hover{background:var(--paper);color:var(--ink)}
.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translateX(3px)}

.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid rgba(11,32,29,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:68px}
.brand{display:inline-flex;align-items:center;padding:0;transition:transform .2s ease,opacity .2s ease}
.brand:hover{transform:translateY(-1px);opacity:.8}
.brand img{height:34px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:clamp(.7rem,1.5vw,1.35rem);list-style:none}
.nav-links a{font-family:var(--font-d);font-weight:600;font-size:.92rem;color:var(--ink);opacity:.78;position:relative;padding:.3em 0;transition:opacity .2s,color .2s;white-space:nowrap}
.nav-links a:hover{opacity:1;color:var(--accent)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--grad);transition:width .25s}
.nav-links a:hover::after{width:100%}
/* ===== Rozbaľovacie menu ===== */
.nav-links .has-sub{position:relative}
.nav-links .has-sub > a .chev{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;vertical-align:middle;margin-left:.3em;transition:transform .25s}
.nav-links .has-sub:hover > a .chev,.nav-links .has-sub:focus-within > a .chev{transform:rotate(180deg)}
.nav-links .sub{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);min-width:190px;list-style:none;margin:0;padding:.45rem;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(11,32,29,.1);border-radius:14px;box-shadow:0 22px 48px -20px rgba(11,32,29,.4);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.nav-links .sub::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-links .has-sub:hover .sub,.nav-links .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,4px)}
.nav-links .sub a{display:block;padding:.55rem .85rem;border-radius:9px;white-space:nowrap;opacity:.85}
.nav-links .sub a::after{display:none}
.nav-links .sub a:hover{background:rgba(12,84,72,.08);color:var(--accent);opacity:1}
.nav-cta .btn{padding:.55em 1.15em;font-size:.88rem}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:var(--ink);transition:.25s;border-radius:2px}

/* HERO */
.hero {
  position: relative;
  height: 100svh; /* na viditenú výšku obrazovky (rieši mobilný URL bar) */
  max-height: 100svh; 
  width: 100vw;
  display: flex;
  align-items: center;
  color: var(--paper);
  overflow: hidden;
  background: var(--teal-ink);
}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(130% 130% at 78% 18%,#15463c 0%,var(--teal-ink) 52%,#060d0b 100%)}

/* Váš nový vložený kód: */
.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.hero-video{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:auto}
.hero-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100svh;min-width:177.78svh;border:0;pointer-events:auto}
.hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(6,13,11,.55) 0%,rgba(6,13,11,.18) 45%,transparent 75%),linear-gradient(0deg,rgba(6,13,11,.55),transparent 38%)}
.hero-overlay::after{content:"";pointer-events: none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,13,11,.78),transparent 34%)}

.hero .container{position:relative;z-index:5;padding-block:clamp(110px,16vh,170px) 64px;pointer-events: none}
.hero-inner{max-width:830px;pointer-events: auto}
.hero h1{font-size:clamp(2.5rem,6.4vw,5rem);line-height:1.02;margin:.7rem 0}
.hero h1.cycle-hidden{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.hero .tag-mono{font-family:var(--font-m);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-light)}
.hero-sub{font-size:clamp(1.1rem,1.9vw,1.4rem);color:#d7e4e0;max-width:54ch;margin-bottom:1.8rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}
.hero-meta{display:flex;flex-wrap:wrap;gap:1.4rem 2.2rem;margin-top:3rem;padding-top:1.7rem;border-top:1px solid rgba(127,217,201,.18)}
.hero-meta .m{display:flex;flex-direction:column}
.hero-meta .num{font-family:var(--font-m);font-weight:700;font-size:clamp(1.35rem,2.6vw,1.9rem);color:var(--teal-light)}
.hero-meta .lbl{font-size:.82rem;color:#9fb4ae}
.scrollcue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9fb4ae;font-family:var(--font-m);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase}
.scrollcue .mouse{width:22px;height:34px;border:1.5px solid rgba(159,180,174,.6);border-radius:12px;position:relative}
.scrollcue .mouse::before{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;background:var(--teal-light);border-radius:2px;transform:translateX(-50%);animation:wheel 1.8s ease-in-out infinite}
@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}

.js [data-rise]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.js [data-rise].in{opacity:1;transform:none}
.hero [data-rise]{transition-delay:var(--dly,0s)}

/* STATEMENT */
.statement{background:transparent;position:relative;overflow:hidden}
.big-quote{font-family:var(--font-d);font-weight:800;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.02em;max-width:20ch}
.statement-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.eri-swap{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-family:var(--font-m);font-weight:500;margin-top:1.4rem}
.eri-swap .chip{border:1px solid var(--ink3);border-radius:999px;padding:.45em 1em;font-size:.85rem;color:var(--ink2)}
.eri-swap .chip.now{border-color:transparent;background:var(--grad);color:#fff}
.eri-swap .ar{color:var(--crimson);font-weight:700}

/* PARTNER */
.partner{background:var(--teal-ink);color:var(--paper)}
.partner .eyebrow{color:var(--teal-light)}.partner .eyebrow::before{background:var(--teal-light)}
.partner .lead{color:#c6d6d1}
.partner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3.2rem}
.pcard{background:rgba(127,217,201,.07);border:1px solid rgba(127,217,201,.16);border-radius:var(--r);padding:2rem 1.8rem;transition:transform .25s,border-color .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-4px);border-color:var(--teal-light)}
.pcard h3{font-size:1.15rem;margin-bottom:.5rem;color:#fff}
.pcard p{color:#bcccc7;font-size:.97rem}
.pcard .k{font-family:var(--font-m);color:var(--teal-light);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:.9rem}
.subsid{margin-top:2.2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.97rem;color:#bcccc7}
.subsid b{color:#fff}
.subsid .badge{font-family:var(--font-m);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(127,217,201,.3);color:var(--teal-light);border-radius:999px;padding:.4em .9em}

/* PILLARS */
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3.2rem}
.pillar{border:1px solid #e7e1d6;background:#fff;border-radius:var(--r);padding:2.4rem 2rem;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.pillar .n{font-family:var(--font-m);font-weight:700;font-size:.8rem;color:var(--crimson);letter-spacing:.1em}
.pillar h3{font-size:1.4rem;margin:1.5rem 0 .6rem}
.pillar p{color:var(--ink2)}
.pillar::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.pillar:hover::before{transform:scaleX(1)}

/* ABSOLÚTNA POISTKA PRE ROZMERY PLÁTNA */


/* VALUES */
.values{background:linear-gradient(180deg,#ffffff,#FBFAF6)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3.2rem}
.vcard{padding:1.85rem 1.7rem;border-radius:14px;background:var(--paper);border:1px solid #ece6da;transition:border-color .25s,transform .25s,box-shadow .25s}
.vcard:hover{border-color:var(--teal);transform:translateY(-3px)}
.vcard .ico{width:42px;height:42px;border-radius:11px;background:var(--grad);display:grid;place-items:center;margin-bottom:1rem}
.vcard .ico svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.8}
.vcard h3{font-size:1.08rem;margin-bottom:.35rem}
.vcard p{font-size:.95rem;color:var(--ink2)}

/* COMPARE */
.compare{background:transparent}
.compare-table{margin-top:2.4rem;border-radius:var(--r);overflow:hidden;border:1px solid #e7e1d6;background:#fff}
.crow{display:grid;grid-template-columns:1fr 1fr}
.crow+.crow{border-top:1px solid #ece6da}
.chead{font-family:var(--font-d);font-weight:700;background:var(--teal-ink);color:var(--paper)}
.chead>div{padding:1rem 1.4rem}
.chead .erios-h{background:var(--grad)}
.ccell{padding:1.25rem 1.4rem;font-size:.98rem}
.ccell.them{color:var(--ink2);border-right:1px solid #ece6da}
.ccell.them::before,.ccell.us::before{font-family:var(--font-m);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:.4rem}
.ccell.them::before{content:"Štandardné ERP";color:var(--ink3)}
.ccell.us::before{content:"Nové ERI · ERIOS";color:var(--crimson)}
.ccell.us{font-weight:500}

/* HOW */
.how{background:var(--teal-ink);color:var(--paper)}
.how .eyebrow{color:var(--teal-light)}.how .eyebrow::before{background:var(--teal-light)}
.how .lead{color:#c6d6d1}
.how-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:3.2rem}
.hcard{border:1px solid rgba(127,217,201,.16);border-radius:var(--r);padding:2.1rem 1.9rem;background:rgba(127,217,201,.05);transition:transform .25s,border-color .25s}
.hcard .k{font-family:var(--font-m);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-light)}
.hcard h3{color:#fff;font-size:1.25rem;margin:.7rem 0 .5rem}
.hcard p{color:#bcccc7;font-size:.97rem}
.hcard.wide{grid-column:1/-1;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:space-between}
.timeline-vis{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-family:var(--font-m);font-size:.8rem}
.tl-node{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#9fb4ae}
.tl-dot{width:14px;height:14px;border-radius:50%;background:var(--teal-light)}
.tl-dot.past{background:var(--ink3)}
.tl-dot.now{background:var(--crimson);box-shadow:0 0 0 5px rgba(200,0,60,.25);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(200,0,60,0)}}
.tl-line{flex:1;min-width:24px;height:2px;background:linear-gradient(90deg,var(--ink3),var(--teal-light))}

/* AUDIENCE */
.aud-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.5rem,4vw,3rem);margin-top:2.4rem;align-items:start}
.aud-list{list-style:none;display:grid;gap:1rem}
.aud-list li{display:flex;gap:.9rem;align-items:flex-start;font-size:1.02rem}
.aud-list .tick{flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:var(--grad);display:grid;place-items:center;margin-top:.15rem}
.aud-list .tick svg{width:13px;height:13px;stroke:#fff;stroke-width:2.5;fill:none}
.aud-side{background:var(--teal-ink);color:var(--paper);border-radius:var(--r);padding:2rem 1.8rem}
.aud-side h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}
.seg{padding:1rem 0;border-bottom:1px solid rgba(127,217,201,.16)}
.seg:last-child{border-bottom:0;padding-bottom:0}
.seg .t{font-family:var(--font-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-light);display:block;margin-bottom:.3rem}
.seg p{color:#bcccc7;font-size:.95rem}

/* FAQ */
.faq-list{margin-top:2.2rem;border-top:1px solid #e7e1d6}
.faq{border-bottom:1px solid #e7e1d6}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;font-family:var(--font-d);font-weight:700;font-size:clamp(1.02rem,1.6vw,1.2rem)}
.faq summary::-webkit-details-marker{display:none}
.faq .plus{flex:0 0 auto;width:26px;height:26px;position:relative;transition:transform .3s}
.faq .plus::before,.faq .plus::after{content:"";position:absolute;background:var(--crimson);border-radius:2px}
.faq .plus::before{left:50%;top:4px;bottom:4px;width:2px;transform:translateX(-50%)}
.faq .plus::after{top:50%;left:4px;right:4px;height:2px;transform:translateY(-50%)}
.faq[open] .plus{transform:rotate(135deg)}
.faq .ans{padding:0 0 1.4rem;color:var(--ink2);max-width:70ch}

/* CONTACT */
.contact{background:var(--teal-ink);color:var(--paper)}
.contact .eyebrow{color:var(--teal-light)}.contact .eyebrow::before{background:var(--teal-light)}
.contact h2{font-size:clamp(2rem,4.6vw,3.2rem);max-width:16ch;margin:.5rem 0 1rem}
.contact .lead{color:#c6d6d1}
.ab{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 3rem}
.ab .step{font-family:var(--font-m);font-size:.86rem;color:#bcccc7;background:rgba(127,217,201,.07);border:1px solid rgba(127,217,201,.16);border-radius:12px;padding:.8em 1.1em;flex:1;min-width:240px}
.ab .step b{color:var(--teal-light)}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.member{background:rgba(127,217,201,.06);border:1px solid rgba(127,217,201,.16);border-radius:var(--r);padding:1.6rem;transition:transform .25s,border-color .25s}
.member:hover{transform:translateY(-4px);border-color:var(--teal-light)}
.member .role{font-family:var(--font-m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-light)}
.member .name{font-family:var(--font-d);font-weight:700;font-size:1.2rem;color:#fff;margin:.6rem 0 .5rem}
.member a.mail{display:inline-flex;align-items:center;gap:.5em;color:#d7e4e0;font-size:.95rem;word-break:break-all;transition:color .2s}
.member a.mail:hover{color:var(--teal-light)}
.member a.mail svg{flex:0 0 auto;width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}

/* CONTACT FORM */
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,3.5rem);margin-top:2.4rem;align-items:start}
.cform{background:rgba(127,217,201,.06);border:1px solid rgba(127,217,201,.16);border-radius:var(--r);padding:clamp(1.4rem,3vw,2rem)}
.cform .row{display:grid;gap:0 1rem;grid-template-columns:1fr 1fr}
.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.field.full{width:100%}
.field label{font-family:var(--font-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-light)}
.field label .req{color:var(--crimson)}
.field input,.field select,.field textarea{font-family:var(--font-b);font-size:1rem;color:#fff;background:rgba(6,13,11,.42);border:1px solid rgba(127,217,201,.22);border-radius:10px;padding:.78em .9em;transition:border-color .2s,box-shadow .2s;width:100%}
.field textarea{resize:vertical;min-height:120px;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:#7f948e}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--teal-light);box-shadow:0 0 0 3px rgba(127,217,201,.16)}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FD9C9' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9em center;background-size:14px;padding-right:2.4em}
.field select option{color:#0e211c}
.consent{display:flex;gap:.7rem;align-items:flex-start;margin:.2rem 0 1.2rem;font-size:.9rem;color:#bcccc7;cursor:pointer}
.consent input{margin-top:.15rem;width:18px;height:18px;flex:0 0 auto;accent-color:var(--crimson)}
.consent a{color:var(--teal-light);text-decoration:underline}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .btn{width:100%;justify-content:center}
.cform .btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.form-status{margin-top:1rem;font-size:.95rem;border-radius:10px;padding:.85em 1em;display:none}
.form-status.show{display:block}
.form-status.ok{background:rgba(127,217,201,.12);border:1px solid var(--teal-light);color:#d7f5ee}
.form-status.err{background:rgba(200,0,60,.14);border:1px solid var(--crimson);color:#ffd8e0}
.contact-side .ab{flex-direction:column;margin:0 0 1.5rem}
.contact-side .team{grid-template-columns:1fr;gap:.9rem}
/* OVLÁDANIE VIDEA A MINIMALIZÁCIA */
/* OVLÁDANIE VIDEA NA STREDE */
.vr-controls {
  position: absolute;
  left: 50%;
  bottom: calc(20px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(560px, calc(100vw - 32px));
  background: rgba(11, 32, 29, 0.92);
  padding: 10px 16px;
  border-radius: 50px;
  border: 1px solid rgba(127, 217, 201, 0.35);
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.5);
  pointer-events: auto !important;
}
.vr-controls button {
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
}
.vr-controls button:hover,
.vr-controls button:focus-visible {
  color: var(--teal-light);
  background: rgba(127,217,201,0.12);
  outline: none;
}
.vr-time {
  font-family: var(--font-m);
  font-size: 0.72rem;
  color: #cfe;
  min-width: 42px;
  text-align: center;
}
.vr-controls input[type="range"] {
  flex: 1;
  min-width: 80px;
  height: 6px;
  accent-color: var(--crimson);
  cursor: pointer;
}
@media (max-width: 540px) {
  .vr-controls { gap: 8px; padding: 8px 12px; }
  .vr-controls button { font-size: 1.05rem; min-width: 38px; min-height: 38px; }
  .vr-time { min-width: 36px; font-size: 0.66rem; }
}
/* Trieda, ktorá sa pridá, keď sa video minimalizuje */





/* COOKIE NOTICE */
.cookie{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;width:min(640px,92vw);background:rgba(11,32,29,.96);backdrop-filter:blur(10px);border:1px solid rgba(127,217,201,.22);border-radius:14px;padding:1rem 1.1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:space-between;box-shadow:0 18px 50px -20px rgba(0,0,0,.65)}
.cookie p{color:#c6d6d1;font-size:.88rem;flex:1;min-width:220px;line-height:1.5}
.cookie a{color:var(--teal-light);text-decoration:underline}
.cookie .btn{padding:.6em 1.3em;font-size:.9rem}
.cookie.hide{display:none}

/* FOOTER */
.footer{background:#060d0b;color:#9fb4ae;padding-block:2.6rem}
.footer .container{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.footer img{height:28px;width:auto;background:var(--paper);padding:.44rem .72rem;border-radius:11px;opacity:1}
.footer .meta{font-size:.85rem}
.footer .meta b{color:var(--teal-light);font-weight:600}

@media(max-width:920px){
  .statement-grid,.aud-grid,.contact-grid{grid-template-columns:1fr}
  .partner-cards,.pillars-grid,.values-grid,.team{grid-template-columns:1fr 1fr}
  .how-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .cform .row{grid-template-columns:1fr}
}
@media(max-width:680px){
  .partner-cards,.pillars-grid,.values-grid,.team{grid-template-columns:1fr}
  .crow{grid-template-columns:1fr}
  .ccell.them{border-right:0;border-bottom:1px solid #ece6da}
  .chead{display:none}
  .hero-meta{gap:1.2rem 1.8rem}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .js [data-rise]{opacity:1;transform:none}
}


/* OPRAVA OVLÁDANIA VR VIDEA */
.hero-overlay,
.hero-overlay::after,
.hero .container {
  pointer-events: none !important;
}

/* Aby tlačidlá v texte zostali stále klikateľné */
.hero-inner {
  pointer-events: auto !important; 
}

/* Uistíme sa, že samotné video na pozadí je klikateľné */
#video-container {
  pointer-events: none !important;
}

/* EFEKT PRE SKRYTIE TEXTU */


/* Skrytie oka pri minimalizovanom videu */



/* VR efekt: šošovkový vignette okolo zakriveného plátna */

/* ============================================================
   NOVÉ ÚPRAVY — tlačidlá, scroll cue, ERP→ERI, efekty
   ============================================================ */

/* Scroll progress bar */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:var(--grad);box-shadow:0 0 12px rgba(200,0,60,.55);transition:width .12s linear}

/* Header — tri CTA tlačidlá */
.nav-cta{display:flex;align-items:center;gap:.55rem}
.nav-cta .btn{padding:.55em 1.05em;font-size:.86rem}
.btn-nav-ghost{border-color:rgba(127,217,201,.45);color:var(--paper)}
.btn-nav-ghost:hover{background:rgba(127,217,201,.14);border-color:var(--teal-light);transform:translateY(-2px)}
.btn-login{border:1.5px solid var(--teal-light);color:var(--teal-light)}
.btn-login:hover{background:var(--teal-light);color:var(--teal-ink);transform:translateY(-2px)}
.nav-links .cta-m{display:none}

/* Lesklý "shine" efekt na primárnom tlačidle */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);transition:left .65s ease;pointer-events:none}
.btn-primary:hover::after{left:130%}

/* ===== Scroll cue: oblúčik s pulzujúcou šípkou (viditeľný aj na mobile) ===== */
.scrollcue{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:.55rem;color:#eaf6f2;font-family:var(--font-m);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;animation:cueFloat 2.6s ease-in-out infinite}
.scrollcue .sc-label{text-shadow:0 2px 12px rgba(0,0,0,.65)}
.scrollcue .sc-arc{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(11,32,29,.58);border:1.5px solid rgba(127,217,201,.55);backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 0 rgba(127,217,201,.5);animation:cuePulse 2.2s ease-out infinite}
.scrollcue svg{width:40px;height:24px;fill:none;stroke:var(--teal-light);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.scrollcue .sc-curve{opacity:.5}
.scrollcue .sc-arrow{animation:cueArrow 1.6s ease-in-out infinite}
.scrollcue:hover .sc-arc{border-color:var(--teal-light);background:rgba(11,32,29,.78)}
.scrollcue.hide{opacity:0;pointer-events:none;transition:opacity .45s}
@keyframes cuePulse{0%{box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 0 rgba(127,217,201,.45)}70%{box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 18px rgba(127,217,201,0)}100%{box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 0 rgba(127,217,201,0)}}
@keyframes cueArrow{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@keyframes cueFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

/* ===== ERP → ERI pás ===== */
.eri-shift{background:transparent;position:relative;overflow:hidden}
.eri-shift::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:var(--grad);filter:blur(120px);opacity:.13;top:-180px;right:-120px;pointer-events:none}
.eri-shift-head{max-width:48ch;position:relative;z-index:1}
.eri-shift-vis{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:clamp(1rem,3vw,2.4rem);margin-top:clamp(2rem,5vw,3.4rem)}
.eri-box{border-radius:var(--r);padding:clamp(1.6rem,3vw,2.4rem);display:flex;flex-direction:column;gap:.5rem;transition:transform .3s,box-shadow .3s}
.eri-box.from{background:#fff;border:1px solid #e7e1d6;color:var(--ink2)}
.eri-box.to{background:var(--teal-ink);color:var(--paper);border:1px solid rgba(127,217,201,.3);position:relative;overflow:hidden}
.eri-box.to::before{content:"";position:absolute;inset:0;background:var(--grad);opacity:.12;pointer-events:none}
.eri-box:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.eri-tag{font-family:var(--font-m);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7;position:relative}
.eri-box.to .eri-tag{color:var(--teal-light);opacity:1}
.eri-abbr{font-family:var(--font-d);font-weight:800;font-size:clamp(3rem,8vw,5rem);line-height:1;position:relative}
.eri-full{font-family:var(--font-m);font-size:clamp(.85rem,1.4vw,1rem);letter-spacing:.02em;position:relative}
.eri-full b{color:var(--crimson)}
.eri-box.to .eri-full b{color:var(--teal-light)}
.eri-note{font-size:clamp(.95rem,1.4vw,1.08rem);margin-top:.4rem;position:relative}
.eri-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-width:90px}
.eri-arrow svg{width:clamp(70px,12vw,120px);height:40px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.eri-arrow-line{stroke:var(--crimson);stroke-width:3;stroke-dasharray:6 8;animation:eriDash 1.1s linear infinite}
.eri-arrow-head{stroke:var(--crimson);stroke-width:3}
.eri-arrow-label{font-family:var(--font-m);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}
@keyframes eriDash{to{stroke-dashoffset:-28}}

/* ===== Partner — Born in industry ===== */
.partner-hero{font-size:clamp(2.6rem,8vw,5.2rem);line-height:1;margin:.5rem 0 .2rem}
.partner-sub{font-size:clamp(1.4rem,3vw,2.1rem);margin:.3rem 0 .9rem;max-width:22ch;color:#fff}

/* ===== Pre koho — zoznam použití ===== */
.aud-intro{font-family:var(--font-d);font-weight:700;font-size:clamp(1.2rem,2.4vw,1.6rem);margin-bottom:1.4rem}
.use-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.use-grid li{display:flex;gap:.7rem;align-items:center;background:#fff;border:1px solid #e7e1d6;border-radius:12px;padding:.8rem 1rem;font-size:.98rem;transition:transform .2s,border-color .2s,box-shadow .2s}
.use-grid li:hover{transform:translateY(-3px);border-color:var(--teal);box-shadow:var(--shadow)}
.use-grid .tick{flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:var(--grad);display:grid;place-items:center}
.use-grid .tick svg{width:12px;height:12px;stroke:#fff;stroke-width:2.6;fill:none}

/* Responsivita nových blokov */
@media(max-width:760px){
  .eri-shift-vis{grid-template-columns:1fr}
  .eri-arrow{flex-direction:row;min-width:0;padding:.4rem 0}
  .eri-arrow svg{transform:rotate(90deg);width:70px}
}
@media(max-width:520px){
  .use-grid{grid-template-columns:1fr}
}
/* Odľahčený odkaz na prihlásenie */
.nav-login{display:inline-flex;align-items:center;gap:.42rem;font-family:var(--font-d);font-weight:700;font-size:.86rem;color:var(--accent);padding:.5em .4em;transition:color .2s,transform .2s}
.nav-login svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.nav-login:hover{color:var(--teal-ink);transform:translateY(-1px)}

/* Hamburger sa spustí skôr — odstráni preplnený medzi-stav */
@media(max-width:1024px){
  .nav-links,.cta-desk{display:none}
  .nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--teal-ink);border-bottom:1px solid rgba(127,217,201,.16);padding:.5rem var(--pad) 1rem}
  .nav-links.open li{width:100%}
  .nav-links.open a{display:block;padding:.95rem 0;width:100%;border-bottom:1px solid rgba(127,217,201,.1);color:var(--paper);opacity:1;}
  .nav-links.open .cta-m{display:block}
  .nav-links.open .cta-m a{color:var(--teal-light);font-weight:700}
  .nav-links.open .has-sub > a .chev{display:none}
  .nav-links.open .sub{position:static;transform:none;opacity:1;visibility:visible;min-width:0;padding:0 0 0 1.1rem;margin:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .nav-links.open .sub::before{display:none}
  .nav-links.open .sub a{color:var(--paper);padding:.8rem 0;border-bottom:1px solid rgba(127,217,201,.08);opacity:.85}
  .burger{display:flex}
  .nav-cta{gap:.5rem}
  .nav-cta .btn-primary{padding:.5em .92em;font-size:.82rem}
}
@media(max-width:480px){
  .nav-cta{display:none}
}
@media(max-width:680px){
  .scrollcue{bottom:112px}
  .scrollcue .sc-arc{width:58px;height:58px}
}

/* ===== Born in industry — dynamické pohyblivé pozadie ===== */
.partner{position:relative;overflow:hidden}
.partner .container{position:relative;z-index:2}
.partner-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.partner-bg .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;will-change:transform}
.partner-bg .b1{width:48vw;height:48vw;background:radial-gradient(circle,var(--crimson),transparent 68%);top:-14%;left:-10%;animation:blobA 19s ease-in-out infinite}
.partner-bg .b2{width:44vw;height:44vw;background:radial-gradient(circle,var(--teal),transparent 68%);bottom:-18%;right:-8%;animation:blobB 23s ease-in-out infinite}
.partner-bg .b3{width:38vw;height:38vw;background:radial-gradient(circle,var(--magenta),transparent 70%);top:24%;left:42%;animation:blobC 27s ease-in-out infinite}
.partner-bg .dots-layer{position:absolute;inset:-25%;background-image:radial-gradient(rgba(127,217,201,.22) 1.3px,transparent 1.6px);background-size:26px 26px;opacity:.5;animation:dotsDrift 26s linear infinite;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 10%,transparent 72%);mask-image:radial-gradient(circle at 50% 38%,#000 10%,transparent 72%)}
.partner-bg .iris{position:absolute;top:50%;left:50%;width:min(70vw,720px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(127,217,201,.18);box-shadow:0 0 0 40px rgba(127,217,201,.05),0 0 0 90px rgba(127,217,201,.03);animation:irisPulse 6s ease-in-out infinite}
@keyframes blobA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8vw,5vw) scale(1.12)}}
@keyframes blobB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-7vw,-4vw) scale(1.15)}}
@keyframes blobC{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-6vw,4vw) scale(1.1)}66%{transform:translate(5vw,-5vw) scale(.92)}}
@keyframes dotsDrift{to{transform:translate(26px,26px)}}
@keyframes irisPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
/* Oprava viditeľnosti úvodnej sekcie (#uvod má tmavé pozadie) */
#uvod .tag-mono{display:inline-block;font-family:var(--font-m);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-light)}
#uvod h1{font-size:clamp(2.3rem,5.8vw,4.4rem);line-height:1.04;margin:.7rem 0;color:#fff}
/* Mäkké rohové záblesky vo svetlých sekciách */
.audience{position:relative;overflow:hidden}
.statement::before,.audience::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:var(--grad);filter:blur(130px);opacity:.10;pointer-events:none;z-index:0}
.statement::before{top:-200px;left:-170px}
.audience::before{bottom:-220px;right:-170px}
.statement > .container,.audience > .container{position:relative;z-index:1}


/* ——— Doladenie podľa spätnej väzby: hovery, tiene, pätička ——— */
.pcard:hover{box-shadow:0 22px 48px -28px rgba(0,0,0,.55)}
.hcard:hover{transform:translateY(-4px);border-color:var(--teal-light);box-shadow:0 22px 48px -28px rgba(0,0,0,.55)}
.vcard:hover{box-shadow:0 20px 44px -26px rgba(11,32,29,.26)}
.faq summary{transition:color .2s}
.faq summary:hover{color:var(--accent)}
.nav-links.open a:hover{color:var(--teal-light);opacity:1}
.faq summary:hover .plus::before,.faq summary:hover .plus::after{background:var(--accent)}
.ab .step{transition:border-color .2s,transform .2s,background .2s}
.ab .step:hover{transform:translateY(-2px);border-color:var(--teal-light)}
.hero-meta .m{transition:transform .2s}
.hero-meta .m:hover{transform:translateY(-2px)}

/* ——— Pätička ——— */
.footer{background:#060d0b;color:#9fb4ae;padding-block:clamp(3rem,6vw,4.5rem) 2rem;border-top:1px solid rgba(127,217,201,.1)}
.footer .container{display:block}
.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:clamp(2rem,5vw,4rem);padding-bottom:2.6rem;border-bottom:1px solid rgba(127,217,201,.12)}
.footer-brand img{height:30px;width:auto;background:var(--paper);padding:.46rem .76rem;border-radius:11px;display:inline-block}
.footer-brand p{margin-top:1.15rem;font-size:.92rem;line-height:1.65;max-width:36ch;color:#a8bbb5}
.footer-col h4{font-family:var(--font-m);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-light);margin-bottom:1.1rem;font-weight:500}
.footer-col ul{list-style:none;display:grid;gap:.72rem}
.footer-col a{font-size:.94rem;color:#bcccc7;transition:color .2s,padding-left .2s}
.footer-col a:hover{color:#fff;padding-left:5px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem 1.6rem;flex-wrap:wrap;padding-top:1.8rem;font-size:.82rem;color:#8aa19b}
.footer-bottom b{color:var(--teal-light);font-weight:600}
.footer-legal{display:flex;gap:1.5rem;flex-wrap:wrap}
.footer-legal a{color:#9fb4ae;transition:color .2s}
.footer-legal a:hover{color:var(--teal-light)}
@media(max-width:760px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:480px){.footer-top{grid-template-columns:1fr}}

/* ====================================================== */

/* ===== Konfigurátor návratnosti — vstupný pás ===== */
.roi-cta{position:relative;background:radial-gradient(120% 140% at 85% 0%,#16463b 0%,var(--teal-ink) 55%,#070f0d 100%);color:var(--paper);overflow:hidden}
.roi-cta::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad)}
.roi-cta::after{content:"";position:absolute;right:-12%;top:-34%;width:52vw;height:52vw;background:radial-gradient(circle,rgba(200,0,60,.14),transparent 62%);pointer-events:none}
.roi-cta .container{position:relative;z-index:1}
.roi-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.2rem);align-items:center}
.roi-cta .eyebrow{color:var(--teal-light)}.roi-cta .eyebrow::before{background:var(--teal-light)}
.roi-cta .sect-title{margin-bottom:1rem}
.roi-cta .lead{color:#c6d6d1;max-width:46ch;margin-bottom:1.7rem}
.roi-pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.9rem}
.roi-pills span{font-family:var(--font-m);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-light);background:rgba(127,217,201,.08);border:1px solid rgba(127,217,201,.2);border-radius:999px;padding:.5em 1em}
.roi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.roi-reassure{font-size:.86rem;color:#9fb4ae;max-width:30ch}
/* teaser graf (bez čísel) */
.roi-vis{position:relative}
.roi-card{background:rgba(127,217,201,.06);border:1px solid rgba(127,217,201,.18);border-radius:var(--r);padding:1.4rem 1.5rem 1.2rem;box-shadow:var(--shadow)}
.roi-card svg{width:100%;height:auto;display:block;overflow:visible}
.roi-curve{fill:none;stroke:url(#roiStroke);stroke-width:3;stroke-linecap:round;stroke-dasharray:640;stroke-dashoffset:640;transition:stroke-dashoffset 1.6s cubic-bezier(.22,.61,.36,1) .2s}
.roi-vis[data-rise].in .roi-curve{stroke-dashoffset:0}
.roi-area{fill:url(#roiArea);opacity:0;transition:opacity .9s ease 1.1s}
.roi-vis[data-rise].in .roi-area{opacity:1}
.roi-be{opacity:0;transition:opacity .45s ease 1.55s}
.roi-vis[data-rise].in .roi-be{opacity:1}
.roi-axis{stroke:rgba(127,217,201,.22);stroke-width:1}
.roi-inv{stroke:#9fb4ae;stroke-width:1.6;stroke-dasharray:5 5;fill:none}
.roi-lab{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;fill:#9fb4ae;text-transform:uppercase}
.roi-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.95rem;font-family:var(--font-m);font-size:.7rem;color:#c6d6d1}
.roi-legend span{display:inline-flex;align-items:center;gap:.45em}
.roi-legend .ln{width:16px;height:3px;border-radius:2px;background:var(--teal-light)}
.roi-legend .ln.dash{height:0;background:none;border-top:2px dashed #9fb4ae}
.roi-legend .dot{width:9px;height:9px;border-radius:50%;background:var(--crimson)}
.roi-note{font-size:.82rem;color:#9fb4ae;margin-top:.7rem}
@media(max-width:820px){.roi-inner{grid-template-columns:1fr;gap:2.2rem}.roi-vis{order:-1}}
@media(prefers-reduced-motion:reduce){.roi-curve{transition:none;stroke-dashoffset:0}.roi-area,.roi-be{transition:none;opacity:1}}

/* ===== Tenký háčik v sekcii „Z plánovania na inteligenciu" ===== */
.roi-hook{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem 1.4rem;margin-top:clamp(2rem,4vw,3rem);padding:1.05rem 1.5rem;border:1px solid #e0dacd;border-radius:999px;background:linear-gradient(100deg,rgba(200,0,60,.05),rgba(12,84,72,.06));transition:border-color .25s,transform .25s,box-shadow .25s}
.roi-hook:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow)}
.roi-hook-txt{font-family:var(--font-d);font-weight:600;color:var(--ink);font-size:clamp(.98rem,1.4vw,1.08rem)}
.roi-hook-cta{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-d);font-weight:700;color:var(--crimson);white-space:nowrap}
.roi-hook .arr{transition:transform .2s}.roi-hook:hover .arr{transform:translateX(3px)}

/* ====================================================== */

/* hlavička: transparentné pozadie, o trochu väčšie logo */
.header .brand{background:none;padding:0;border:0;box-shadow:none;transition:transform .2s ease}
.header .brand:hover{transform:translateY(-1px)}
.brand-live{display:inline-flex;align-items:center;height:40px;line-height:0}
.brand-live img{height:100%;width:auto;display:block}
.brand-live .s{margin-left:9px}
.brand-live .o-spin{height:100%;width:40px;flex:none;aspect-ratio:1;display:block;margin-left:11px}
.o-spin circle{fill:var(--teal-light)}
.o-spin .ring{transform-origin:50px 50px}
.o-spin .rA{animation:eriosOspin 42s linear infinite}
.o-spin .rB{animation:eriosOspin 30s linear infinite reverse}
.o-spin .rC{animation:eriosOspin 22s linear infinite}
@keyframes eriosOspin{to{transform:rotate(360deg)}}
/* na svetlej hlavičke stmavíme O a S, aby boli na transparente výborne čitateľné */
.header .o-spin circle{fill:#0c6b5c}
.header .brand-live .s{filter:brightness(.5) saturate(1.4)}
/* pätička (tmavá): logo jasné, bez svetlého čipu okolo obrázkov */
.footer-brand .brand-live{height:34px}
.footer-brand .brand-live img{background:none;padding:0;border-radius:0;height:100%}
.footer-brand .brand-live .o-spin{width:34px;height:34px;filter:drop-shadow(0 0 9px rgba(127,217,201,.4))}
@media (prefers-reduced-motion:reduce){.o-spin .ring{animation:none!important}}

/* ====================================================== */

.apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:3.2rem}
.app-card{position:relative;border:1px solid rgba(14,33,28,.1);border-radius:var(--r);background:#fff;padding:2.1rem 1.9rem;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column}
.app-card::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%}
.app-card.mgmt::before{background:linear-gradient(90deg,var(--teal),var(--teal-light))}
.app-card.wh::before{background:linear-gradient(90deg,var(--crimson),var(--magenta))}
.app-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -28px rgba(14,33,28,.45)}
.app-card.mgmt:hover{border-color:var(--teal)}
.app-card.wh:hover{border-color:var(--crimson)}
.app-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.app-ico{flex:0 0 58px;width:58px;height:58px;border-radius:15px;display:grid;place-items:center}
.app-ico.mgmt{background:var(--teal-ink)}
.app-ico.wh{background:#23101b}
.app-ico .o-spin{height:34px;width:34px;aspect-ratio:1;margin:0}
.app-name{font-family:var(--font-d);font-weight:800;font-size:1.32rem;color:var(--ink);margin:0;line-height:1.1}
.app-role{font-family:var(--font-m);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.4em .85em;margin-top:.55rem;display:inline-block}
.app-role.mgmt{background:rgba(12,84,72,.1);color:var(--teal)}
.app-role.wh{background:rgba(200,0,60,.09);color:var(--crimson)}
.app-feat{list-style:none;padding:0;margin:0 0 1.9rem;display:flex;flex-direction:column;gap:.65rem}
.app-feat li{display:flex;align-items:flex-start;gap:.6rem;font-size:.98rem;color:var(--ink2);line-height:1.4}
.app-feat svg{flex:0 0 20px;width:20px;height:20px;margin-top:.05rem}
.app-card.mgmt .app-feat svg{color:var(--teal)}
.app-card.wh .app-feat svg{color:var(--crimson)}
.app-store{display:inline-flex;align-items:center;gap:.7em;align-self:flex-start;margin-top:auto;background:var(--teal-ink);color:#fff;border-radius:12px;padding:.7em 1.15em;text-decoration:none;transition:transform .2s,background .25s}
.app-store:hover{transform:translateY(-2px);background:#06302a}
.app-store svg{width:22px;height:22px;flex:0 0 22px}
.app-store .gp-t{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.app-store .gp-s{font-family:var(--font-m);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.app-store .gp-n{font-family:var(--font-d);font-weight:700;font-size:1.02rem}
@media(max-width:920px){.apps-grid{grid-template-columns:1fr}}

/* ===== Prepínač jazykov (hlavička) — vlajky ===== */
.lang-switch{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(11,32,29,.15);border-radius:999px;padding:5px 8px;margin-left:.6rem}
.lang-switch a{display:inline-flex;align-items:center;line-height:0;border-radius:3px;opacity:.45;filter:grayscale(.35);transition:opacity .2s,filter .2s,transform .15s}
.lang-switch a:hover{opacity:.9;filter:none;transform:translateY(-1px)}
.lang-switch a.active{opacity:1;filter:none;outline:2px solid var(--teal);outline-offset:1.5px}
.lang-switch svg{width:21px;height:14px;border-radius:2.5px;display:block;box-shadow:0 0 0 .5px rgba(11,32,29,.18)}
@media(max-width:560px){.lang-switch{padding:4px 6px;margin-left:.35rem}.lang-switch svg{width:18px;height:12px}}