/* Základ: reset, typografia, kontajner, tlačidlá, tekuté pozadie. Vygenerované z návrhu (tools/split_css.py). */
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--fg);transition:background-color .7s ease,color .7s ease;font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}
.wrap{max-width:calc(var(--max) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec)}
.d1,.d2,.d3{font-family:var(--display);font-weight:500;letter-spacing:-.025em;line-height:1.07;text-wrap:balance}
.d1{font-size:clamp(2.6rem,5.6vw,6.2rem)}
.d2{font-size:clamp(2.1rem,4.4vw,4.6rem)}
.d3{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.18;letter-spacing:-.015em}
.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--fg2);max-width:56ch;transition:color .7s}
body.dark{--bg:var(--night);--fg:#fff;--fg2:rgba(255,255,255,.75);--fg3:rgba(255,255,255,.55);--hair:rgba(255,255,255,.16)}
.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;letter-spacing:.02em;padding:7px 14px;border-radius:var(--pill);background:var(--mist);color:var(--violet-deep)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:var(--pill);font-weight:500;font-size:1rem;transition:transform .25s,background .25s,box-shadow .25s;white-space:nowrap}
.btn svg{width:18px;height:18px;transition:transform .25s}
.btn .i{stroke-width:1.6}
.btn:hover svg{transform:translateX(4px)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--violet-deep)}
.btn-white{background:#fff;color:#1A0F26}
.btn-white:hover{box-shadow:0 10px 40px rgba(26,15,38,.25)}
.btn-glass{background:var(--glass);color:#fff;border:1px solid var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.btn-glass:hover{background:rgba(255,255,255,.24)}
.btn-line{border:1px solid var(--line);background:var(--card);color:var(--ink)}
.btn-line:hover{border-color:var(--violet)}
.head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 60px;align-items:end;margin-bottom:clamp(28px,3.6vw,56px)}
.head .eyebrow{justify-self:start;margin-bottom:22px}
.head>div{min-width:0}
.ico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--mist);color:var(--violet-deep);display:grid;place-items:center}
.ico svg{width:20px;height:20px}
.liquid{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#8A2FCB;border-radius:inherit}
.liquid i{position:absolute;border-radius:45% 55% 60% 40%/50% 45% 55% 50%;filter:blur(54px);will-change:transform;animation:flow 11s ease-in-out infinite alternate}
.liquid i:nth-child(1){width:62%;aspect-ratio:1;left:-18%;top:-28%;background:#4A1285;animation-duration:10s}
.liquid i:nth-child(2){width:50%;aspect-ratio:1;right:-10%;top:-30%;background:#F6E3FF;opacity:.9;animation-name:flow2;animation-duration:13s}
.liquid i:nth-child(3){width:48%;aspect-ratio:1;left:14%;bottom:-42%;background:#E46BFF;animation-name:flow3;animation-duration:9s;animation-delay:-4s}
.liquid i:nth-child(4){width:42%;aspect-ratio:1;right:4%;bottom:-30%;background:#EBD3FF;opacity:.85;animation-duration:14s;animation-delay:-7s}
.liquid i:nth-child(5){width:40%;aspect-ratio:1;left:30%;top:4%;background:#B23CF2;animation-name:flow2;animation-duration:12s;animation-delay:-3s}
@keyframes flow{0%{transform:translate3d(0,0,0) rotate(0) scale(1)}50%{transform:translate3d(26%,18%,0) rotate(70deg) scale(1.3)}100%{transform:translate3d(-14%,30%,0) rotate(150deg) scale(.9)}}
@keyframes flow2{0%{transform:translate3d(0,0,0) rotate(0) scale(1.1)}50%{transform:translate3d(-30%,22%,0) rotate(-80deg) scale(.85)}100%{transform:translate3d(12%,-16%,0) rotate(-160deg) scale(1.3)}}
@keyframes flow3{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(34%,-30%,0) scale(1.35)}100%{transform:translate3d(-22%,-12%,0) scale(1.05)}}
.liquid.deep i:nth-child(2){background:#C99BEA;opacity:.55}
.liquid.deep i:nth-child(4){background:#B14AE6;opacity:.7}
.liquid.dark{background:#1B0B2C}
.liquid.dark i:nth-child(1){background:#3A0F63}
.liquid.dark i:nth-child(2){background:#9137CD;opacity:.7}
.liquid.dark i:nth-child(3){background:#5B159A}
.liquid.dark i:nth-child(4){background:#B67FDC;opacity:.45}
.liquid.dark i:nth-child(5){background:#2A1140}
.stars{color:#FFD66B;letter-spacing:2px;font-size:.85rem}
.tag{font-size:.8rem;padding:6px 12px;border-radius:var(--pill);background:var(--mist);color:var(--violet-deep)}
.arrow{position:absolute;right:20px;top:20px;z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .35s,color .35s,transform .5s cubic-bezier(.22,1,.36,1)}
.arrow .i{width:18px;height:18px}
body.dark .eyebrow{background:rgba(255,255,255,.1);color:#fff}
.demo{font-size:.78rem;color:var(--fg3)}
.demo{font-size:.78rem;color:var(--fg3);margin-top:14px}
.wipe{position:fixed;inset:0;z-index:100;width:100%;height:100%;pointer-events:none;visibility:hidden}
.wipe.run{visibility:visible;pointer-events:auto}
.wipe path{fill:none;stroke:url(#wipe-g);stroke-width:34;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.wipe.in path{transition:stroke-dashoffset .9s cubic-bezier(.65,0,.25,1);stroke-dashoffset:0}
.wipe.out path{transition:stroke-dashoffset .9s cubic-bezier(.65,0,.25,1);stroke-dashoffset:-1}
@media (max-width:760px){
  body{font-size:16px}
  .head{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}
.wipe.now path{transition:none!important;stroke-dashoffset:0}
.sec-t{padding-top:var(--sec)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ico{flex:none;width:48px;height:48px;border-radius:14px;background:var(--mist);color:var(--violet-deep);display:grid;place-items:center}
@media (max-width:1080px){
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .grid2,.grid3,.grid4{grid-template-columns:minmax(0,1fr)}
  .slide{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
  .slide::-webkit-scrollbar{display:none}
  .slide>*{flex:none;width:80vw;scroll-snap-align:start}
}
a.lnk{color:var(--violet);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .25s}
a.lnk:hover{color:var(--violet-deep)}
.more{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(32px,3.4vw,52px)}
ol{list-style:none;margin:0;padding:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* mobil: hustejšie riadkovanie, text nie je taký roztiahnutý */
@media (max-width:760px){
  body{font-size:16px;line-height:1.52}
}

/* ==========================================================================
   NOČNÝ REŽIM (html[data-theme="dark"])
   Prepína ho tlačidlo v menu, voľba sa pamätá v prehliadači. Bez voľby
   platí nastavenie systému. Sekcie, ktoré vo dne stmavnú (pätička),
   sa v noci naopak rozsvietia.
   ========================================================================== */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{
  --paper:#140A1F;--mist:#221433;--card:#1C1128;--white:#1C1128;
  --ink:#F4EEF9;--ink-2:rgba(244,238,249,.76);--ink-3:rgba(244,238,249,.55);
  --line:rgba(255,255,255,.14);--night:#FBF9FD;
  --bg:var(--paper);--fg:var(--ink);--fg2:var(--ink-2);--fg3:var(--ink-3);--hair:var(--line)}
html[data-theme="dark"] body.dark{--bg:#FBF9FD;--fg:#1A0F26;--fg2:#4B3F59;--fg3:#7A6F88;--hair:rgba(26,15,38,.12)}
html[data-theme="dark"] body.dark .eyebrow{background:#F3EAFB;color:#6A1FA3}
html[data-theme="dark"] body.dark .tbl th{background:#F3EAFB}
html[data-theme="dark"] body.dark .stmt-body strong{color:#1A0F26}
html[data-theme="dark"] .btn-ink{background:#F4EEF9;color:#1A0F26}
html[data-theme="dark"] body.dark .btn-ink{background:#1A0F26;color:#fff}
html[data-theme="dark"] body.dark .btn-white{background:#1A0F26;color:#fff}
html[data-theme="dark"] .btn-line{background:transparent;color:var(--fg);border-color:var(--hair)}
html[data-theme="dark"] .crumbs.ink{background:var(--mist);color:var(--lilac)}
/* logá klientov sú tmavé na svetlom; v noci sa zbelia */
html[data-theme="dark"] body:not(.dark) .marq img,html[data-theme="dark"] body:not(.dark) .foot .partner img{filter:brightness(0) invert(1);opacity:.85}
/* farebné boxy v článku */
html[data-theme="dark"] .viz-plus{background:rgba(23,102,58,.25)}
html[data-theme="dark"] .viz-minus{background:rgba(163,52,31,.25)}
html[data-theme="dark"] .viz-warning{background:rgba(217,138,0,.18)}
html[data-theme="dark"] .form-msg{background:rgba(23,102,58,.25);color:#9FE3B6}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:var(--mist)}
html[data-theme="dark"] .author>img,html[data-theme="dark"] .who img{border-color:var(--hair)}
/* prepínač dňa a noci */
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex:none;color:inherit;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);transition:background .3s,color .3s}
.theme-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-btn .moon{display:none}
html[data-theme="dark"] .theme-btn .sun{display:none}
html[data-theme="dark"] .theme-btn .moon{display:block}
.nav.scrolled .theme-btn,.nav.ink .theme-btn,.nav.open .theme-btn{background:rgba(145,55,205,.10);border-color:transparent}
.mnav .theme-btn{width:auto;height:auto;border-radius:var(--pill);padding:10px 16px;gap:8px;font-size:.92rem;background:var(--mist);border:0;color:var(--ink);justify-content:center}
/* noc: zvýraznený stĺpec cenníka a ďalšie svetlé plochy natvrdo */
html[data-theme="dark"] .pk .hot,html[data-theme="dark"] .pk thead .hot{background:rgba(145,55,205,.16)}
html[data-theme="dark"] .pk-card.hot{background:linear-gradient(180deg,rgba(145,55,205,.2),var(--card))}
html[data-theme="dark"] .hero.sub.kontakt .field input,html[data-theme="dark"] .hero.sub.kontakt .field select,html[data-theme="dark"] .hero.sub.kontakt .field textarea{background:var(--mist)}
/* prepínač vpravo pri menu: na mobile pri tlačidle menu, nie pri logu */