/* ══════════════════════════════════════════════════════════════
 *  uvod-novy.css – nový vzhľad SLOVENSKEJ úvodnej stránky (verzia 1)
 * ──────────────────────────────────────────────────────────────
 *  Načítavajú ho len úvodné stránky (všetkých 7 jazykov), hneď za
 *  style.min.css. Spoločný vzhľad celého webu (lišta, pätička, tlačidlá,
 *  formuláre, časté otázky) je na konci style.css v bloku „NOVÝ DIZAJN“;
 *  tu je len to, čo má úvodná stránka navyše.
 *
 *  Texty v HTML sú tie isté ako predtým – mení sa len vzhľad, poradie
 *  častí a pár obalov. Preto sa nesmú presúvať texty do CSS (content:)
 *  okrem znakov ako šípka či kosoštvorec.
 *
 *  Po úprave ZVÄČŠI číslo za `?v=` v index.html (obrázky a štýly drží
 *  prehliadač v pamäti).
 * ══════════════════════════════════════════════════════════════ */

/* ── FARBY MAPY ────────────────────────────────────────────────── */
body{--m-doska:#c3cdd8;--m-zem:#e6ebf1;--m-bodka:rgba(26,58,92,.22);--m-kraj:#fff;
  --m-rieka:#6f9cc4;--m-tlmene:#5b6472;--m-ink:#0d1117;--m-acc:#1a3a5c}
body.dark{--m-doska:#04080f;--m-zem:#16243b;--m-bodka:rgba(232,197,106,.22);--m-kraj:#080e1a;
  --m-rieka:#3f6f99;--m-tlmene:#8a9ab5;--m-ink:#f0ede8;--m-acc:#9fc0e6}

/* Úvodná stránka má väčšie odstupy medzi časťami ako podstránky. */
section{padding:112px 0}
.st{font-size:clamp(2rem,3.6vw,3rem);line-height:1.1}

/* ── HLAVIČKA ─────────────────────────────────────────────────── */
.hero{display:block;min-height:0;margin-top:72px;padding:64px 0 0;overflow:visible;background:none}
@media(min-height:900px) and (min-width:1200px){.hero{min-height:0}}
.hero-inner{max-width:1288px;padding:0 24px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px}
@media(min-width:1400px){.hero-inner{padding:0 24px;gap:56px}}
.hero-c{max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.badge{margin:0;padding:8px 15px;font-size:13.5px;color:var(--n-titul);background:var(--n-surf);border:1px solid var(--n-line);box-shadow:none}
.dot{background:#2d6a4f;animation:n-pulz 2s ease-in-out infinite}
@keyframes n-pulz{0%,100%{box-shadow:0 0 0 0 rgba(45,106,79,.45)}50%{box-shadow:0 0 0 6px rgba(45,106,79,0)}}
.hero h1{margin:0;font-weight:700;font-size:clamp(2.4rem,4.3vw,3.75rem);line-height:1.06;letter-spacing:-.02em}
@media(min-width:1600px){.hero h1{font-size:3.75rem}}
.hero h1 em{display:block;color:var(--gold)}
/* Nadpis je v nemčine, ukrajinčine, poľštine a maďarčine o tretinu dlhší – menšie písmo, aby nemal šesť riadkov. */
html:lang(de) .hero h1,html:lang(uk) .hero h1,html:lang(pl) .hero h1,html:lang(hu) .hero h1,html:lang(en) .hero h1{font-size:clamp(2.1rem,3.3vw,2.9rem)}
.hero .hero-c p{margin:0;max-width:540px;font-size:clamp(1.02rem,1.3vw,1.15rem);line-height:1.7;color:var(--n-t2);font-weight:400}
.hbtns .btn-p::after{content:'\2192';color:var(--gold);font-size:18px}
.hero-prechod{margin:0;padding:6px 16px 6px 6px;background:rgba(201,168,76,.14);border:0;box-shadow:none;font-size:14px;color:var(--n-ink)}
.hero-prechod:hover{border:0;background:rgba(201,168,76,.22)}
.hero-prechod .hp-ik{width:32px;height:32px}
.hero-prechod .hp-sip{color:var(--n-gold-ink)}

/* mapa v bielej karte, karta s kilometrami prečnieva cez spodný okraj */
.hero-vis{max-width:none;justify-self:stretch;position:relative;padding-bottom:38px}
.mapa-box{border-radius:32px;background:var(--n-surf);border:1px solid var(--n-line);box-shadow:0 50px 90px -60px rgba(26,58,92,.55);padding:30px 28px 92px}
.mapa-nad{font-size:11.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--n-t3)}
.mapa-titul{margin-top:6px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:700;line-height:1.2;color:var(--n-titul)}
.km-karty{position:absolute;left:24px;right:24px;bottom:0;display:grid}
.km{grid-area:1/1;display:flex;align-items:center;gap:18px;padding:16px 22px;border-radius:20px;background:var(--n-surf);border:1px solid var(--n-line);box-shadow:0 30px 50px -28px rgba(26,58,92,.5);opacity:0}
body.dark .km{background:#172133;box-shadow:0 30px 50px -28px rgba(0,0,0,.8)}
.km b{flex:none;font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:700;line-height:1;color:var(--n-titul);white-space:nowrap}
.km > span{display:flex;flex-direction:column;gap:3px;min-width:0}
.km strong{font-size:15px;font-weight:700;color:var(--n-ink);line-height:1.3}
.km span span{font-size:13.5px;color:var(--n-t2);line-height:1.4}

.mv-mapa{display:block;width:100%;height:auto;margin-top:14px;overflow:visible}
.mv-doska{fill:var(--m-doska)}.mv-zem{fill:var(--m-zem)}.mv-bodka{fill:var(--m-bodka)}
.mv-kraj{fill:none;stroke:var(--m-kraj);stroke-width:1.4;stroke-linejoin:round}
.mv-rieka{fill:none;stroke:var(--m-rieka);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mv-dunaj{font-size:10px;font-style:italic;fill:var(--m-rieka);font-family:'DM Sans',sans-serif}
.mv-mesto{fill:var(--m-acc);stroke:var(--m-zem);stroke-width:1.6}
.mv-lbl{font-size:11.5px;font-weight:600;fill:var(--m-tlmene);font-family:'DM Sans',sans-serif}
.mv-ba{font-size:13px;font-weight:700;fill:var(--m-ink);font-family:'DM Sans',sans-serif}
.mv-ba-pod{font-size:10.5px;fill:var(--m-tlmene);font-family:'DM Sans',sans-serif}
.mv-hub,.mv-hub-vlna,.mv-hub-dych{fill:#c9a84c}.mv-hub{stroke:#1a3a5c;stroke-width:2.6}.mv-hub-stred{fill:#1a3a5c}
.mv-tel-noha{stroke:var(--m-acc);stroke-width:1.4}.mv-tel-telo{fill:#1a3a5c}.mv-tel-displej{fill:#c9a84c}.mv-tel-riadky{stroke:#1a3a5c;stroke-width:1}
.mv-blesk{fill:none;stroke:#c9a84c;stroke-width:2}
.mv-stopa{fill:none;stroke:var(--m-acc);stroke-opacity:.5;stroke-width:1.6;stroke-dasharray:1}
.mv-laser{fill:none;stroke:#c9a84c;stroke-width:5;stroke-linecap:round;stroke-dasharray:.07 2;filter:drop-shadow(0 0 5px rgba(232,197,106,.95))}
/* Slučka 28 s, každé mesto má okno 4 s (7 miest). */
.mv-stopa{animation:mv-stopa 28s infinite both;animation-timing-function:cubic-bezier(.45,0,.25,1)}
.mv-tam{animation:mv-tam 28s infinite both;animation-timing-function:cubic-bezier(.45,0,.25,1)}
.mv-spat{animation:mv-spat 28s infinite both;animation-timing-function:cubic-bezier(.45,0,.25,1)}
.mv-blesk{transform-box:fill-box;transform-origin:center;animation:mv-blesk 28s infinite both}
.mv-tel{transform-box:fill-box;transform-origin:50% 100%;animation:mv-tel 28s infinite both}
.mv-ciel{animation:mv-ciel 28s infinite both}
.km{animation:mv-karta 28s infinite both}
.mv-hub-vlna{transform-box:fill-box;transform-origin:center;animation:mv-hub 4s infinite both}
.mv-hub-dych{transform-box:fill-box;transform-origin:center;animation:mv-dych 2.6s infinite}
/* Oneskorenia MUSIA byť až za pravidlami so skratkou `animation:` – inak ich
   skratka vynuluje a všetky mestá sa spustia naraz. Posledné mesto má
   záporné oneskorenie, aby karta svietila hneď po načítaní. */
.w1{animation-delay:0s}.w2{animation-delay:4s}.w3{animation-delay:8s}.w4{animation-delay:12s}.w5{animation-delay:16s}.w6{animation-delay:20s}.w7{animation-delay:-4s}
@keyframes mv-stopa{0%,.5%{stroke-dashoffset:1;opacity:1}4.3%{stroke-dashoffset:0;opacity:1}11%{stroke-dashoffset:0;opacity:1}13%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes mv-tam{0%,.5%{stroke-dashoffset:.07;opacity:1}4.3%{stroke-dashoffset:-1;opacity:1}4.6%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes mv-spat{0%,5.6%{stroke-dashoffset:.07;opacity:0}5.8%{stroke-dashoffset:.07;opacity:1}10%{stroke-dashoffset:-1;opacity:1}10.3%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes mv-blesk{0%,4.1%{opacity:0;transform:scale(.6)}4.5%{opacity:.9;transform:scale(1)}7.5%,100%{opacity:0;transform:scale(3.2)}}
@keyframes mv-tel{0%,4.1%{opacity:0;transform:translateY(10px) scale(.5)}5.2%{opacity:1;transform:translateY(-3px) scale(1.06)}5.7%,10.7%{opacity:1;transform:none}12.5%,100%{opacity:0;transform:none}}
@keyframes mv-ciel{0%,4%{fill:var(--m-tlmene)}4.4%,12%{fill:var(--m-ink)}13%,100%{fill:var(--m-tlmene)}}
@keyframes mv-karta{0%,4.3%{opacity:0;transform:translateY(10px)}5.6%,18.6%{opacity:1;transform:none}19.8%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes mv-hub{0%{opacity:.75;transform:scale(1)}18%{opacity:0;transform:scale(3.6)}69.9%{opacity:0;transform:scale(1)}70%{opacity:.75;transform:scale(1)}88%,100%{opacity:0;transform:scale(3.6)}}
@keyframes mv-dych{0%{opacity:.4;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
/* Mapa mimo obrazovky stojí (triedu `paused` dáva script.js podľa id="hv"). */
#hv.paused .mv-mapa *,#hv.paused .km{animation-play-state:paused}

/* čísla pod hlavičkou */
.hero .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:calc(100% - 48px);max-width:1240px;
  margin:72px auto 0;background:var(--n-line);border:1px solid var(--n-line);border-radius:24px;overflow:hidden}
.hero .stats > div{background:var(--n-surf);padding:26px 28px;display:flex;align-items:baseline;gap:14px}
.hero .stn{font-size:46px;line-height:1;color:var(--n-titul);letter-spacing:-.02em}
.hero .stats > div:last-child .stn{color:#b8953a}
body.dark .hero .stats > div:last-child .stn{color:var(--gold)}
.hero .stl{font-size:14.5px;color:var(--n-t2);line-height:1.35}

/* ── PÁS S HODNOTAMI ──────────────────────────────────────────── */
.pas{margin-top:56px;background:var(--n-navy);overflow:hidden;padding:18px 0}
body.dark .pas{background:var(--n-navy2)}
.pas-in{display:flex;width:max-content;animation:n-pas 38s linear infinite}
.pas:hover .pas-in{animation-play-state:paused}
.pas .chips{display:flex;flex-wrap:nowrap;gap:28px;margin:0;padding-right:28px}
.pas .chip,.pas .chip.hi{display:inline-flex;align-items:center;gap:28px;padding:0;background:none;border:0;border-radius:0;
  font-size:15px;font-weight:500;color:rgba(255,255,255,.9);white-space:nowrap}
.pas .chip::after{content:'\25C6';color:#c9a84c;font-size:11px}
@keyframes n-pas{to{transform:translateX(-50%)}}

/* ── SLUŽBY (mozaika) ─────────────────────────────────────────── */
#sluzby .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:64px;align-items:end}
#sluzby .sl{grid-column:1}
#sluzby .st{grid-column:1;margin:0}
#sluzby .ss{grid-column:2;grid-row:1/3;margin:0 0 4px}
#sluzby .svc-grid{grid-column:1/-1}
.svc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.svc{position:relative;display:flex;flex-direction:column;gap:12px;border-radius:26px;padding:28px;background:var(--n-surf);border:1px solid var(--n-line);box-shadow:none;transition:transform .25s ease,box-shadow .25s ease}
.svc:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(13,17,23,.45);border-color:var(--n-line)}
.svc-ico{width:48px;height:48px;border-radius:14px;margin:0;background:var(--n-modra)}
.svc:nth-child(3) .svc-ico,.svc:nth-child(8) .svc-ico{background:var(--n-zlta)}
.svc:nth-child(4) .svc-ico,.svc:nth-child(7) .svc-ico{background:var(--n-zelena)}
body.dark .svc-ico svg{stroke:var(--n-gold-l)}
.svc h3{font-size:19px;font-weight:700;margin:0}
.svc p{flex:1;display:flex;flex-direction:column;font-size:14.5px;line-height:1.6;color:var(--n-t2)}
/* Odkaz „Viac o…" je v texte (kvôli prekladom), štýl ho posadí na spodok
   karty a roztiahne klikateľnú plochu na celú kartu. */
.svc p a{margin-top:auto;padding-top:14px;font-size:14px;font-weight:600;color:var(--n-titul)!important;text-decoration:none!important}
.svc p a::after{content:' \2192'}
.svc p a::before{content:'';position:absolute;inset:0;border-radius:26px}
.svc-hl,.svc-app,.svc-w2{grid-column:span 2}
.svc-hl{background:var(--n-navy);border-color:transparent;color:#fff;padding:34px;min-height:260px;overflow:hidden}
.svc-hl::after{content:'MD';position:absolute;right:-40px;bottom:-60px;font-family:'Playfair Display',Georgia,serif;font-size:260px;line-height:1;color:rgba(255,255,255,.04);pointer-events:none}
.svc-hl .svc-ico{width:52px;height:52px;border-radius:15px;background:rgba(201,168,76,.18)}
.svc-hl .svc-ico svg{stroke:#c9a84c}
.svc-hl h3{font-family:'Playfair Display',Georgia,serif;font-size:28px}
.svc-hl p{font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.82);max-width:460px}
.svc-hl p a{color:var(--n-gold-l)!important}
.svc-app{display:grid;grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:auto auto 1fr;column-gap:24px;row-gap:12px;
  background:var(--n-app);border-color:transparent;padding:30px 34px 0;min-height:260px;overflow:hidden}
.svc-app > .svc-ico,.svc-app > h3,.svc-app > p{grid-column:1}
.svc-app > p{padding-bottom:30px;color:var(--n-app-txt)}
.svc-app .svc-ico{background:var(--n-navy)}
.svc-app .svc-ico svg{stroke:#c9a84c}
.svc-app h3{font-family:'Playfair Display',Georgia,serif;font-size:25px}
.svc-tel{grid-column:2;grid-row:1/4;align-self:end;height:230px;border-radius:26px 26px 0 0;border:6px solid #0d1117;border-bottom:0;overflow:hidden;background:#f5f4f0}
.svc-tel img{display:block;width:100%;height:auto}
/* Štyri stĺpce len na širokej obrazovke – pri 1024 px nemecké slová
   v úzkych kartách vytŕčali (odmerané 4. 10. 2026). */
@media(max-width:1199px){
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  #sluzby .wrap{grid-template-columns:1fr}
  #sluzby .ss{grid-column:1;grid-row:auto;margin-top:16px}
}
@media(max-width:640px){
  .svc-grid{grid-template-columns:minmax(0,1fr)}
  .svc-hl,.svc-app,.svc-w2{grid-column:auto}
  .svc-app{grid-template-columns:minmax(0,1fr) 112px;padding:26px 22px 0}
  .svc-tel{height:200px;border-width:5px;border-radius:20px 20px 0 0}
  .svc-app h3{font-size:21px}
  .svc-hl{padding:28px}
}

/* ── POSTUP SPOLUPRÁCE ────────────────────────────────────────── */
.postup{padding:0 0 112px}
.postup .wrap{width:calc(100% - 48px);max-width:1240px;background:var(--n-surf);border:1px solid var(--n-line);border-radius:36px;padding:clamp(32px,5vw,64px)}
.postup .st{max-width:680px!important;margin:0 auto 14px!important;font-size:clamp(1.9rem,3.4vw,2.7rem)}
.postup .ss{max-width:680px!important}
/* ── APLIKÁCIA A KLIENTSKA ZÓNA (tmavý blok) ──────────────────── */
#appka{position:relative;overflow:hidden;background:var(--n-navy2);color:#fff}
body.dark #appka{background:#0b1626}
#appka::before,#appka::after{content:'';position:absolute;border-radius:50%;pointer-events:none}
#appka::before{right:-200px;top:-200px;width:640px;height:640px;border:1px solid rgba(201,168,76,.18)}
#appka::after{right:-80px;top:-80px;width:400px;height:400px;border:1px solid rgba(201,168,76,.12)}
#appka .wrap{position:relative;z-index:1}
#appka .sl{color:var(--n-gold-l)}
#appka .st{color:#fff;max-width:820px}
.app-lead{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;margin-top:28px;align-items:start}
#appka .app-desc .ss,#appka .app-desc p{font-size:16.5px;line-height:1.7;color:rgba(255,255,255,.82);max-width:none}
.app-tags{margin-top:24px}
#appka .app-tags .chip{padding:8px 14px;font-size:13.5px;background:none;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.9)}
#appka .app-tags .chip.sada{cursor:pointer;font-weight:600;font-family:inherit}
#appka .app-tags .chip.sada[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--n-navy2);font-weight:700}
#appka .app-tags .chip.sada[aria-pressed="false"]{color:rgba(255,255,255,.65)}
.app-note{background:none;border:0;box-shadow:none;padding:0}
.app-note strong{font-size:12.5px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--n-gold-l);margin-bottom:12px}
.zdarma{margin-top:0;gap:12px}
.zdarma > div{gap:16px;padding:24px 26px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.zdarma svg{width:24px;height:24px;margin-top:0;color:var(--n-gold-l)}
.zdarma b{font-size:17px;color:var(--n-gold-l);margin-bottom:6px}
.zdarma span{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.shots{margin-top:72px;gap:22px;align-items:flex-start}
.shot figure{border-radius:30px;border:8px solid #0b1726;background:#0b1726;box-shadow:0 50px 80px -40px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08)}
.shot:nth-child(odd) figure{animation:n-vznas 7s ease-in-out infinite}
.shot:nth-child(even) figure{animation:n-vznas 7s ease-in-out -3.5s infinite}
@media(min-width:961px){.shots .shot:nth-child(even){margin-top:48px}}
@keyframes n-vznas{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.shot figcaption{color:rgba(255,255,255,.7);font-size:13.5px;margin-top:14px}
#appka .zona-cta span{color:rgba(255,255,255,.6)}
.zona-cta .btn-p{display:inline-flex}
#appka .btn-p{background:#c9a84c;color:#0d1117;box-shadow:0 16px 30px -16px rgba(0,0,0,.7)}
.zona{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-template-rows:1fr auto auto auto auto 1fr;column-gap:56px;
  margin-top:96px;padding-top:72px;border-top:1px solid rgba(255,255,255,.1)}
.zona > .sl{grid-column:1;grid-row:2;color:var(--n-gold-l)}
.zona > h3{grid-column:1;grid-row:3;color:#fff;font-weight:700;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.15;margin:0 0 14px}
.zona > .ss{grid-column:1;grid-row:4;color:rgba(255,255,255,.8);font-size:16px;margin:0}
.zona > .ss strong{color:#fff}
.zona > .zona-cta{grid-column:1;grid-row:5;text-align:left;margin-top:24px}
.zona > .zona-cta span{text-align:left;margin-left:0}
.zona > .zona-obr{grid-column:2;grid-row:1/7;margin:0;position:relative}
/* rám prehliadača okolo ukážky zóny */
.zona-obr picture{border-radius:18px;overflow:hidden;border-top:34px solid #e9e6df;background:#fff;box-shadow:0 60px 100px -50px rgba(0,0,0,.85)}
body.dark .zona-obr picture{border-top-color:#1d2738;background:#111827}
.zona-obr::before{content:'';position:absolute;left:14px;top:12px;width:10px;height:10px;border-radius:50%;background:#d4cfc5;box-shadow:17px 0 0 #d4cfc5,34px 0 0 #d4cfc5;z-index:1}
.zona-obr::after{content:'matu.sk/klient';position:absolute;left:72px;top:7px;width:min(280px,50%);height:20px;border-radius:6px;background:#fff;font-size:11px;line-height:20px;color:#6b7280;padding:0 10px;z-index:1}
body.dark .zona-obr::before{background:#3a4558;box-shadow:17px 0 0 #3a4558,34px 0 0 #3a4558}
body.dark .zona-obr::after{background:#111827;color:#8a9ab5}
.zona-obr img{border:0;border-radius:0;box-shadow:none}
.zona-obr figcaption{text-align:left;color:rgba(255,255,255,.6);font-size:13px}

/* ── NÁSTROJE ─────────────────────────────────────────────────── */
#sw .wrap > .sl{display:block;text-align:center}
#sw .wrap > .st{text-align:center;max-width:760px;margin:0 auto 14px;font-size:clamp(1.9rem,3.4vw,2.7rem)}
#sw .wrap > .ss{text-align:center;max-width:760px;margin:0 auto}
.sw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:52px}
.swcard{display:flex;flex-direction:column;gap:16px;border-radius:28px;padding:36px;box-shadow:none;border:1px solid var(--n-line);background:var(--n-surf)}
.swcard:hover{box-shadow:0 26px 50px -30px rgba(13,17,23,.45)}
.swcard h3{font-size:22px;margin:0}
.swcard p{font-size:15px;line-height:1.65;color:var(--n-t2)}
.sw-logo-wrap{align-self:flex-start;margin-bottom:0!important;padding:6px 14px 6px 8px;border-radius:14px;background:var(--bg)}
.swf{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 18px;margin-top:4px}
.swf li{font-size:14.5px;color:var(--n-t2);line-height:1.5}
.sw-grid .swcard:nth-child(2){background:var(--n-navy);border-color:transparent;color:#fff}
body.dark .sw-grid .swcard:nth-child(2){background:#16314f}
.sw-grid .swcard:nth-child(2) p{color:rgba(255,255,255,.82)}
.sw-grid .swcard:nth-child(2) .swf li{color:rgba(255,255,255,.92)}
.sw-grid .swcard:nth-child(2) .swf li::before{border-color:var(--n-gold-l)}
.sw-grid .swcard:nth-child(2) .sw-logo-wrap{background:rgba(255,255,255,.08)}
.sw-grid .swcard:nth-child(2) .sw-logo-wrap text{fill:#fff}
.sw-grid .swcard:nth-child(2) .sw-logo-wrap text + text{fill:rgba(255,255,255,.7)}
.sw-grid .swcard:nth-child(2) .sw-logo-wrap tspan{fill:var(--n-gold-l)}

/* ── O NÁS ────────────────────────────────────────────────────── */
#onas{background:none;padding:0 0 112px}
.split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px 64px}
#onas .st{font-size:clamp(1.9rem,3.4vw,2.7rem)}
#onas .rvl > p{font-size:16.5px!important;line-height:1.7!important;color:var(--n-t2)!important}
#onas .rvl > p strong{color:var(--n-ink)}
.about-visual{max-width:none}
.acard{border-radius:28px;padding:32px;border:1px solid var(--n-line);box-shadow:0 40px 70px -50px rgba(26,58,92,.5)}
.acard::before{display:none}
.abadge{gap:8px;padding:6px 12px 6px 6px;margin-bottom:18px;background:var(--n-zelena);color:#1f5a40;font-size:13px;font-weight:700}
body.dark .abadge{color:#7fd3a8}
.abadge svg{width:22px;height:22px;padding:5px;border-radius:50%;background:#2d6a4f;color:#fff}
.acard blockquote{font-size:23px;line-height:1.4;margin-bottom:10px}
.acard footer{font-size:14px;color:var(--n-t3);padding:0}
.acard > div[style] > div > div:first-child{color:var(--n-titul)}
.cert{margin-top:20px;padding-top:18px;border-top:1px solid var(--n-line)}
.cert img{width:56px;height:78px;border-radius:8px}

/* ── KONTAKT (tmavý blok) ─────────────────────────────────────── */
#kontakt{background:none;padding:0 0 112px}
#kontakt > .wrap{width:calc(100% - 48px);max-width:1240px;background:var(--n-navy);color:#fff;border-radius:36px;padding:clamp(28px,5vw,64px)}
body.dark #kontakt > .wrap{background:#132a44}
#kontakt .sl{color:var(--n-gold-l)}
#kontakt .st{color:#fff;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.05}
#kontakt .ss{color:rgba(255,255,255,.82)}
.ct-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;margin-top:36px}
.ct-grid > div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.ct-grid > div:first-child > h3,.ct-grid .msg-platforms,.ct-grid .firm-tbl{grid-column:1/-1}
.ct-grid > div:first-child > h3{margin:0!important;font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ct-row{margin:0;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.07);align-items:center}
.ct-ico{display:none}
.ct-dt{min-width:0}
.ct-dt strong{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.6)}
.ct-dt span,.ct-dt a{font-size:15.5px;font-weight:600;color:#fff!important;overflow-wrap:break-word}
.msg-platforms{margin-top:6px}
.msg-platforms strong{font-size:13px;letter-spacing:0;text-transform:none;font-weight:500;color:rgba(255,255,255,.6)}
.msg-ico{width:42px;height:42px;border-radius:12px;border:0;background:rgba(255,255,255,.95)}
/* Na dotykových zariadeniach sú to krabičky s popiskom pod ikonou (style.css). */
@media(hover:none){
  .msg-ico{width:auto;height:auto;background:rgba(255,255,255,.08)}
  .msg-ico .tip{color:rgba(255,255,255,.75)}
}
.vcard-dlg{color:var(--txt)}
#kontakt .firm-tbl{margin-top:6px;padding:18px 0 0;background:none;border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:0}
#kontakt .firm-r{border-bottom:0;padding:4px 0;font-size:13.5px}
#kontakt .firm-r span:first-child{color:rgba(255,255,255,.6)}
#kontakt .firm-r span:last-child{color:#fff;font-weight:500;overflow-wrap:anywhere}
#kontakt .fwrap{background:#fff;color:#0d1117;border:0}
body.dark #kontakt .fwrap{background:var(--surf);color:var(--txt)}
#kontakt .fwrap h3{font-size:21px;margin-bottom:18px}
body:not(.dark) #kontakt .fwrap .fg label{color:#0d1117}
body:not(.dark) #kontakt .fg input,body:not(.dark) #kontakt .fg textarea,body:not(.dark) #kontakt .fg select{border-color:#d9d3c7;background:#faf9f6}

/* ── ČASTÉ OTÁZKY ─────────────────────────────────────────────── */
.faq-sek{padding:0 0 112px}
.faq-sek .wrap{max-width:908px}

/* ── MOBIL A TABLET ───────────────────────────────────────────── */
@media(max-width:960px){
  .hero{padding-top:40px}
  .hero-inner{grid-template-columns:minmax(0,1fr);gap:44px}
  .hero-vis{max-width:620px;justify-self:stretch;margin-top:0}
  .hero .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:56px}
  .app-lead{grid-template-columns:minmax(0,1fr);gap:36px}
  .shot figure{animation:none!important}
  .shots{margin-top:48px}
  .zona{grid-template-columns:minmax(0,1fr);grid-template-rows:none;margin-top:64px;padding-top:56px}
  .zona > *{grid-column:1!important;grid-row:auto!important}
  .zona > .zona-obr{margin:28px 0 0}
  .split{grid-template-columns:minmax(0,1fr)}
  .sw-grid{grid-template-columns:minmax(0,1fr)}
  .ct-grid{grid-template-columns:minmax(0,1fr)}
  section{padding:72px 0}
  .postup,#onas,#kontakt,.faq-sek{padding-bottom:80px}
}
@media(max-width:600px){
  .hero-inner{padding:0 18px}
  .postup .wrap,#kontakt > .wrap{width:calc(100% - 36px);padding:28px 20px;border-radius:26px}
  .hero .stats{width:calc(100% - 36px)}
  .hero .stats > div{padding:18px 16px;flex-direction:column;gap:6px}
  .hero .stn{font-size:36px}
  .mapa-box{padding:22px 16px 104px;border-radius:24px}
  .km-karty{left:12px;right:12px}
  .km{padding:14px 16px;gap:14px}
  .mv-lbl{font-size:15px}.mv-ba{font-size:17px}.mv-ba-pod,.mv-dunaj{display:none}
  .ct-grid > div:first-child{grid-template-columns:minmax(0,1fr)}
  .hbtns{width:100%}
  .hbtns a{flex:1 1 auto}
}

/* ── BEZ POHYBU ───────────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  .mv-mapa *,.km,.pas-in,.shot figure,.dot{animation:none!important}
  .mv-laser{display:none}
  .km.w7{opacity:1}
  .mv-stopa.w7,.mv-tel.w7{opacity:1;stroke-dashoffset:0}
  .pas-in{flex-wrap:wrap;width:auto}
  .pas .chips[aria-hidden]{display:none}
  .pas .chips{flex-wrap:wrap;justify-content:center;padding:0 18px;row-gap:10px}
}


/* ══ DAŇOVÉ PRIZNANIE ONLINE NA ÚVODNEJ STRANE (7. 10. 2026) ══
   Štítok nad nadpisom a riadok Nástroje online. Len po slovensky: prekladač ich
   preskočí (data-neprekladat) a v cudzom jazyku sa skryjú (data-len-sk). */
html:not([lang="sk"]) [data-len-sk]{display:none}
/* ── Štítok Daňové priznanie online nad nadpisom ── */
.dp-stitok{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:5px 14px 5px 5px;border-radius:50px;
  background:linear-gradient(var(--surf),var(--surf)) padding-box,linear-gradient(110deg,#c9a84c,#f1dc9b 45%,#c9a84c) border-box;
  border:1px solid transparent;box-shadow:0 10px 26px -14px rgba(201,168,76,.7);font-size:.84rem;font-weight:600;color:var(--txt);
  text-decoration:none;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.dp-stitok::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);animation:dpLesk 5.5s ease-in-out 1.5s infinite;pointer-events:none}
@keyframes dpLesk{0%,70%{left:-40%}100%{left:130%}}
.dp-stitok:hover{transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(201,168,76,.85)}
.dp-stitok-ik{flex:none;width:28px;height:28px;border-radius:50%;background:#c9a84c;color:#0d1117;display:inline-flex;align-items:center;justify-content:center}
.dp-stitok-nove{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a6f21;background:#f6efdc;padding:3px 7px;border-radius:6px}
.dp-stitok-sip{color:#c9a84c;transition:transform .2s}
.dp-stitok:hover .dp-stitok-sip{transform:translateX(3px)}
.hero.video-on .dp-stitok{background:linear-gradient(rgba(13,17,23,.55),rgba(13,17,23,.55)) padding-box,linear-gradient(110deg,#c9a84c,#f1dc9b 45%,#c9a84c) border-box;color:#fff}
.hero.video-on .dp-stitok-nove{background:rgba(201,168,76,.22);color:#f1dc9b}
.hero-c > .dp-stitok + .badge{display:flex;width:max-content;max-width:100%}
@media(prefers-reduced-motion:reduce){.dp-stitok::after{animation:none}}
@media(max-width:560px){.dp-stitok-dlhe{display:none}.dp-stitok{font-size:.8rem}}

/* ── Riadok Nástroje online ── */
.nastroje{padding:0 0 96px}
.nastroje-pas{border-radius:28px;background:var(--n-navy,#1a3a5c);padding:30px 32px;color:#fff;position:relative;overflow:hidden}
body.dark .nastroje-pas{background:#132a44}
.nastroje-pas::before{content:'';position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.28),transparent 70%);pointer-events:none}
.nastroje-hlava{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:20px;position:relative}
.nastroje-hlava h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(22px,2.2vw,28px);margin:0;color:#fff}
.nastroje-hlava p{margin:0;font-size:14px;color:rgba(255,255,255,.7)}
.nastroje-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
.nastroj{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  color:#fff;text-decoration:none;transition:transform .25s,background .25s,border-color .25s}
.nastroj:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:#c9a84c}
.nastroj-ik{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#f1dc9b;margin-bottom:4px}
.nastroj h3{font-size:16px;margin:0;color:#fff;font-family:'DM Sans',sans-serif}
.nastroj p{font-size:13.5px;line-height:1.5;margin:0;color:rgba(255,255,255,.72)}
.nastroj-sip{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:#f1dc9b}
.nastroj-sip::after{content:'→';display:inline-block;margin-left:6px;transition:transform .2s}
.nastroj:hover .nastroj-sip::after{transform:translateX(3px)}
.nastroj.je-nove{background:linear-gradient(160deg,rgba(201,168,76,.24),rgba(201,168,76,.06));border-color:rgba(201,168,76,.65)}
.nastroj.je-nove .nastroj-ik{background:#c9a84c;color:#0d1117}
.nastroj-nove{position:absolute;top:16px;right:16px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0d1117;background:#f1dc9b;padding:3px 8px;border-radius:6px}
@media(max-width:960px){.nastroje-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nastroje-pas{padding:22px 16px}.nastroje-grid{grid-template-columns:minmax(0,1fr)}.nastroje{padding-bottom:64px}}

/* Súvislý text zarovnaný na obe strany (8. 10. 2026). Podnadpisy na stred (Postup, Softvér)
   a jednoriadkové body v kartách softvéru ostávajú, ako sú. */
section:is(#domov,#sluzby,.nastroje,.postup,#appka,#sw,#onas,#kontakt,.faq-sek) p:not(.swf,.ci-t,.ci-note,.chat-note),
section:is(#domov,#sluzby,.nastroje,.postup,#appka,#sw,#onas,#kontakt,.faq-sek) li:not(.swf){text-align:justify;hyphens:auto;-webkit-hyphens:auto}
section:is(.postup,#sw) > .wrap > .ss{text-align:center}