:root{
  --pismo:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",
    "Helvetica Neue","Noto Sans","Liberation Sans",Roboto,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",
    "Roboto Mono",Menlo,Consolas,monospace;

  --sirka:1320px;
  --text-max:62ch;

  --cut:12px;
  --cut-lg:18px;
  --cut-sm:8px;

  --papir:#FAFAFB;
  --list:#FFFFFF;
  --plocha:#F3F5F7;
  --bod:#D3D8DE;
  --linka:#E4E7EB;
  --linka-silna:#D2D8DF;
  --inkoust:#141C26;
  --inkoust-tlumeny:#54616D;
  --tuha:#8792A0;
  --noc:#111922;
  --noc-text:#AEB9C4;
  --tint:11%;
  --zar-a-krytí:.14;
  --zar-b-krytí:.11;

  --teal:#1FA39C;
  --jantar:#B26B00;
  --jantar-svetly:#FFF4E0;

  --bronz:#C9834F; --bronz-tah:#8A5423;
  --stribro:#CDD4DB; --stribro-tah:#7D8791;
  --zlato:#EDBE35; --zlato-tah:#A87F10;
}

html[data-barva="zelena"]{ --znacka:#0E7357; --znacka-tmava:#0A5641; --druhy:#1B4FA8; }
html[data-barva="modra"] { --znacka:#1B4FA8; --znacka-tmava:#123A80; --druhy:#0E7357; }
 
html[data-barva="zluta"]{ --znacka:#8A6300; --znacka-tmava:#6B4C00; --druhy:#0E7357; }

html[data-rezim="tmavy"]{
  --papir:#0E141B;
  --list:#161F29;
  --plocha:#1B2530;
  --bod:#233040;
  --linka:#243040;
  --linka-silna:#2E3B4B;
  --inkoust:#E9EDF2;
  --inkoust-tlumeny:#9DAAB7;
  --tuha:#6E7C8A;
  --noc:#070B10;
  --noc-text:#93A0AD;
  --tint:24%;
  --zar-a-krytí:.26;
  --zar-b-krytí:.2;
  --teal:#31BDB5;
  --jantar:#E0A23A;
  --jantar-svetly:#2B2212;
}
html[data-rezim="tmavy"][data-barva="zelena"]{ --znacka:#17A17B; --znacka-tmava:#128666; --druhy:#5A8FE8; }
html[data-rezim="tmavy"][data-barva="modra"] { --znacka:#5A8FE8; --znacka-tmava:#4478D0; --druhy:#17A17B; }
html[data-rezim="tmavy"][data-barva="zluta"] { --znacka:#D9A21B; --znacka-tmava:#B98613; --druhy:#17A17B; }

:root{
  --znacka-svetla:color-mix(in srgb,var(--znacka) var(--tint),var(--list));
  --druhy-svetly:color-mix(in srgb,var(--druhy) var(--tint),var(--list));
  --teal-svetly:color-mix(in srgb,var(--teal) var(--tint),var(--list));
  --na-znacce:#FFFFFF;
}
html[data-rezim="tmavy"]{ --na-znacce:#0B1118; }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;font-family:var(--pismo);color:var(--inkoust);
  background:var(--papir);line-height:1.6;font-size:17px;
  -webkit-font-smoothing:antialiased;
}
.obal{max-width:var(--sirka);margin:0 auto;padding:0 32px;position:relative}
@media(max-width:600px){.obal{padding:0 16px}}
.cisla-tab{font-variant-numeric:tabular-nums}
.nz{white-space:nowrap}

.sit{position:relative;overflow:hidden;isolation:isolate}
.sit::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-color:var(--papir);
  background-image:radial-gradient(circle at 1px 1px,var(--bod) 1px,transparent 0);
  background-size:16px 16px;
}
.zar{position:absolute;z-index:-1;border-radius:50%;filter:blur(100px);pointer-events:none}
.zar-a{width:620px;height:460px;top:-160px;left:-140px;background:var(--znacka);opacity:var(--zar-a-krytí)}
.zar-b{width:520px;height:420px;top:40px;right:-160px;background:var(--druhy);opacity:var(--zar-b-krytí)}
.sit::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;
  background:linear-gradient(to bottom,transparent,var(--papir));pointer-events:none;
}

.hlavicka{display:flex;align-items:center;gap:20px;padding:22px 0 6px}
.znak{
  display:inline-flex;align-items:center;gap:0;
  font-weight:800;letter-spacing:-.03em;font-size:19px;
  color:var(--inkoust);text-decoration:none;
}
 
.znak i{color:var(--znacka);font-style:normal;font-weight:inherit;letter-spacing:inherit}
.mezera{flex:1}
.nav{display:flex;gap:24px;align-items:center}
.nav a{
  color:var(--inkoust-tlumeny);text-decoration:none;font-size:15px;
  padding-bottom:2px;border-bottom:1.5px solid transparent;
}
.nav a:hover,.nav a:focus-visible{color:var(--inkoust);border-bottom-color:var(--znacka)}
 
@media(max-width:1100px){.nav a.skryt-stredni{display:none}}
@media(max-width:900px){.nav a.skryt-mobil{display:none}}

.vstupy{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:var(--cut) 0 var(--cut) 0;font-size:16px;font-weight:600;
  line-height:1.3;text-decoration:none;border:1.5px solid transparent;
  cursor:pointer;font-family:inherit;
}
.btn-hlavni{background:var(--znacka);color:var(--na-znacce)}
.btn-hlavni:hover,.btn-hlavni:focus-visible{background:var(--znacka-tmava)}
.btn-tichy{background:var(--list);color:var(--inkoust);border-color:var(--linka-silna)}
.btn-tichy:hover,.btn-tichy:focus-visible{border-color:var(--tuha)}
.btn-noc{background:#fff;color:#111922}
.btn-noc-tichy{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn-noc-tichy:hover,.btn-noc-tichy:focus-visible{border-color:#fff}
:focus-visible{outline:2.5px solid var(--znacka);outline-offset:2px}

.pod-vstupy{font-size:.9rem;color:var(--tuha);margin:0;max-width:52ch;line-height:1.5}
.pod-vstupy a{color:var(--inkoust-tlumeny)}
.pod-vstupy b{color:var(--inkoust-tlumeny)}

.list{
  background:var(--list);border:1px solid var(--linka-silna);border-radius:var(--cut-lg) 0 var(--cut-lg) 0;
  box-shadow:0 1px 2px rgba(6,10,16,.05),0 20px 44px -30px rgba(6,10,16,.5);
}

.hero{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  grid-template-areas:"levy ukazka";
  column-gap:48px;align-items:center;padding:40px 0 64px;
}
.hero-levy{grid-area:levy;min-width:0}
.hero-uvod{grid-area:uvod;padding-top:8px}
.hero-plusy{grid-area:plusy}
.ukazka{grid-area:ukazka;min-width:0}
 
@media(max-width:1020px){.hero{grid-template-columns:1fr;grid-template-areas:"uvod" "ukazka" "plusy";row-gap:30px;padding:26px 0 52px}
  .hero-levy{display:contents}
  .hero-uvod .podtitulek{margin-bottom:0}}

.nadlinka{
  font-size:.95rem;color:var(--inkoust-tlumeny);margin:0 0 14px;
  padding-left:14px;border-left:3px solid var(--znacka);line-height:1.4;max-width:64ch;
}
h1{
  font-size:clamp(2.4rem,5vw,4.1rem);
  line-height:1.03;letter-spacing:-.028em;font-weight:800;
  margin:0 0 20px;max-width:16ch;text-wrap:balance;
}
.podtitulek{
  font-size:clamp(1.05rem,1.5vw,1.18rem);
  color:var(--inkoust-tlumeny);max-width:60ch;margin:0 0 26px;line-height:1.55;
  text-wrap:pretty;
}

.plusy{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}
@media(max-width:600px){.plusy{grid-template-columns:1fr;gap:12px}}
.plusy li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;line-height:1.4}
.plusy .ik{
  width:30px;height:30px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;
  background:var(--znacka-svetla);color:var(--znacka);display:grid;place-items:center;
}
.plusy .ik svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.plusy b{display:block;font-size:1rem}
.plusy span{color:var(--inkoust-tlumeny);font-size:.93rem;text-wrap:pretty}
.plusy li.plus-hlavni b{color:var(--znacka);font-size:1.08rem}
.plusy li.plus-hlavni .ik{background:var(--znacka);color:#fff}
.nadlinka b{color:var(--inkoust);font-weight:700}

.ukazka-okno{
  background:var(--list);border:1px solid var(--linka-silna);
  border-radius:var(--cut-lg) 0 var(--cut-lg) 0;overflow:hidden;
  box-shadow:0 1px 2px rgba(6,10,16,.05),0 30px 60px -36px rgba(6,10,16,.6);
}
.ukazka-lista{
  display:flex;align-items:center;gap:7px;padding:10px 12px 10px 16px;
  background:var(--plocha);border-bottom:1px solid var(--linka);min-height:44px;
}
.ukazka-lista > i{width:9px;height:9px;border-radius:50%;background:var(--linka-silna);display:block;flex:none}
.ukazka-lista .adresa{margin-left:8px;font-size:.76rem;color:var(--tuha);font-family:var(--mono)}
.ukazka-lista .nazev-sceny{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--znacka);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zastavit{
  flex:none;border:1px solid var(--linka-silna);background:var(--list);color:var(--inkoust-tlumeny);
  font:inherit;font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
}
.zastavit:hover{color:var(--inkoust);border-color:var(--tuha)}
.zastavit svg{width:10px;height:10px;fill:currentColor}
@media(max-width:520px){.ukazka-lista .adresa{display:none}}

.jeviste{display:grid;background:var(--list)}
.scena{
  grid-area:1/1;padding:22px 24px 24px;min-width:0;
  opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s;
}
.scena.ted{opacity:1;visibility:visible;transition:opacity .45s ease}
@media(max-width:520px){.scena{padding:18px 16px 20px}}
 
@media(min-width:1021px){.scena{align-content:center}}

.js .scena [data-k]{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.js .scena [data-k].vidim{opacity:1;transform:none}
.js .scena svg [data-k]{transform:none}
.js .scena [data-do].pryc{display:none}
 
html:not(.js) .taby,html:not(.js) .zastavit{display:none}
html:not(.js) .scena [data-do]:not([data-k]){display:none}

.taby{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:12px}
.tab{
  border:none;background:transparent;padding:6px 2px 4px;cursor:pointer;font:inherit;
  color:var(--tuha);font-size:.78rem;font-weight:600;text-align:left;min-width:0;
}
.tab i{display:block;height:3px;border-radius:2px;background:var(--linka-silna);overflow:hidden;margin-bottom:6px}
.tab i u{display:block;height:3px;width:100%;background:var(--znacka);transform-origin:left;transform:scaleX(0)}
.tab.hotovo i u{transform:scaleX(1)}
.tab[aria-pressed="true"]{color:var(--inkoust)}
.tab:hover{color:var(--inkoust)}
.tab span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.tab{font-size:.7rem}}
.popiska{color:var(--tuha);font-size:.86rem;margin:10px 2px 0;line-height:1.5;max-width:64ch}

.u-hlava{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  border-bottom:1px solid var(--linka);padding-bottom:10px;margin-bottom:14px;
}
.u-hlava b{font-size:.93rem}
.u-hlava span{color:var(--tuha);font-size:.85rem}
.u-hlava .bodu{margin-left:auto;font-family:var(--mono);font-size:.8rem}
.u-zadani{margin:0 0 14px;font-size:1rem;line-height:1.5}

.volby{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.volba{
  position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--linka-silna);
  border-radius:var(--cut-sm) 0 var(--cut-sm) 0;font-size:.95rem;background:var(--list);
  transition:border-color .3s,background .3s,box-shadow .3s;
}
.volba em{
  font-style:normal;font-weight:700;font-size:.78rem;width:22px;height:22px;flex:none;
  display:grid;place-items:center;border-radius:6px 0 6px 0;background:var(--plocha);color:var(--inkoust-tlumeny);
}
.volba.vybrana{border-color:var(--jantar);background:var(--jantar-svetly)}
.volba.vybrana em{background:var(--jantar);color:#fff}
.volba .tvoje{position:absolute;right:8px;top:-9px;font-size:.66rem;line-height:1;padding:3px 7px;border-radius:999px;
  background:var(--jantar);color:#fff;font-weight:700;opacity:0;transition:opacity .3s}
.volba.vybrana .tvoje{opacity:1}

.tl{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.86rem;font-weight:600;
  border-radius:var(--cut-sm) 0 var(--cut-sm) 0;background:var(--znacka);color:var(--na-znacce);
  transition:transform .15s,filter .15s;
}
.tl.tichy{background:var(--list);color:var(--inkoust);border:1.5px solid var(--linka-silna)}
.tl.stisk{transform:scale(.95);filter:brightness(.9)}
.tl.svit{box-shadow:0 0 0 3px var(--teal-svetly);border-color:var(--teal)}
.u-radek{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.vysl{
  display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;
  border-radius:var(--cut) 0 var(--cut) 0;padding:12px 14px;margin:12px 0 10px;
  border:1.5px solid var(--linka-silna);background:var(--list);position:relative;
}
.vysl.no{border-color:var(--jantar)}
.vysl.pomoc{border-color:var(--teal);background:var(--teal-svetly)}
.vysl.ok{border-color:var(--znacka);background:var(--znacka-svetla)}
.vysl b{display:block;font-size:1rem;margin-bottom:2px}
.vysl p{margin:0;font-size:.9rem;color:var(--inkoust-tlumeny);line-height:1.45}
.vysl .plus{font-family:var(--mono);font-weight:700;color:var(--teal);font-size:.85rem}
.oblicej{width:44px;height:44px;display:block;position:relative}
.oblicej svg{width:44px;height:44px;display:block}

.jiskry{position:absolute;inset:0;pointer-events:none}
.jiskry i{
  position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;
  background:var(--zlato);opacity:0;
}
.vidim .jiskry i{animation:jiskra .9s ease-out .15s 1 both}
.jiskry i:nth-child(2n){background:var(--znacka)}
.jiskry i:nth-child(3n){background:var(--teal)}
@keyframes jiskra{
  0%{opacity:1;transform:rotate(var(--a)) translateY(-14px) scale(.6)}
  100%{opacity:0;transform:rotate(var(--a)) translateY(-34px) scale(1)}
}

.zebrik-scena .rozlozeni{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px}
@media(max-width:560px){.zebrik-scena .rozlozeni{grid-template-columns:1fr;gap:12px}}
.pricky{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:8px;position:relative;align-self:start}
.pricky::before{
  content:"";position:absolute;left:14px;top:4px;bottom:4px;width:2px;background:var(--linka-silna);
}
.pricky li{
  position:relative;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;
  font-size:.8rem;line-height:1.3;color:var(--tuha);padding:6px 0;transition:color .3s;
}
.pricky li b{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;
  background:var(--list);border:2px solid var(--linka-silna);color:var(--tuha);position:relative;z-index:1;
  transition:background .35s,border-color .35s,color .35s;
}
.pricky li.sviti{color:var(--inkoust);font-weight:600}
.pricky li.sviti b{background:var(--teal);border-color:var(--teal);color:#fff}
.pricky li small{display:block;font-weight:400;color:var(--tuha);font-size:.72rem}
@media(max-width:560px){
  .pricky{flex-direction:row;gap:6px}
  .pricky::before{left:15px;right:15px;top:15px;bottom:auto;width:auto;height:2px}
  .pricky li{grid-template-columns:1fr;justify-items:center;text-align:center;font-size:.72rem;flex:1;padding:0}
  .pricky li small{display:none}
}
.bubliny{display:flex;flex-direction:column;gap:8px;min-width:0}
.bublina{
  padding:9px 12px;font-size:.88rem;line-height:1.45;max-width:92%;
  border-radius:0 var(--cut) var(--cut) 0;
}
.bublina .kdo{display:block;font-weight:700;font-size:.7rem;margin-bottom:2px}
.bublina.ucitel{background:var(--znacka-svetla);border-left:3px solid var(--znacka)}
.bublina.ucitel .kdo{color:var(--znacka)}
.bublina.zak{
  align-self:flex-end;background:var(--plocha);border:1px solid var(--linka);
  border-radius:var(--cut) 0 var(--cut) 0;text-align:right;max-width:78%;
}
.bublina.zak .kdo{color:var(--tuha)}

.rys-nastroje{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.rys-nastroje span{
  font-size:.76rem;padding:5px 10px;border:1px solid var(--linka-silna);
  border-radius:var(--cut-sm) 0 var(--cut-sm) 0;color:var(--inkoust-tlumeny);background:var(--list);
  transition:background .25s,color .25s,border-color .25s;
}
.rys-nastroje span.akt{background:var(--znacka);border-color:var(--znacka);color:var(--na-znacce)}
.plocha-rys{
  display:block;width:100%;height:auto;border:1px solid var(--linka);
  border-radius:var(--cut) 0 var(--cut) 0;background:var(--list);
}
.plocha-rys .mriz{stroke:var(--linka);stroke-width:1}
.plocha-rys .zadani{stroke:var(--inkoust);stroke-width:2.2;fill:none}
.plocha-rys .pomocna{stroke:var(--tuha);stroke-width:1.4;fill:none}
.plocha-rys .vysledek{stroke:var(--znacka);stroke-width:2.8;fill:none;stroke-linecap:round}
.plocha-rys .bod{fill:var(--inkoust)}
.plocha-rys .bod-p{fill:var(--znacka)}
.plocha-rys text{font:600 13px var(--pismo);fill:var(--inkoust)}
.plocha-rys .popis-o{fill:var(--znacka)}
 
.js .kresli{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s ease}
.js .kresli.vidim{stroke-dashoffset:0}
.js .scena .kresli[data-k]{opacity:1;transform:none}
.rys-scena .plocha-rys{width:min(100%,520px);aspect-ratio:2/1;margin:0 auto}
.rys-stav{margin:10px 0 0;font-size:.86rem;color:var(--inkoust-tlumeny);min-height:2.6em;line-height:1.45;display:grid}
.rys-stav > span{grid-area:1/1}
.rys-stav b{color:var(--znacka)}

.policka{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:4px 0 12px}
.policko{
  aspect-ratio:1;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;border:1.5px dashed var(--linka-silna);
  display:grid;place-items:center;font-weight:800;font-size:.9rem;color:transparent;
  transition:background .3s,border-color .3s,color .3s,transform .3s;
}
.policko.ok{background:var(--znacka);border:1.5px solid var(--znacka);color:var(--na-znacce)}
.policko.pomoc{background:var(--teal);border:1.5px solid var(--teal);color:#fff}
.policko.chyba{background:var(--jantar-svetly);border:1.5px solid var(--jantar);color:var(--jantar)}
.policko.ok,.policko.pomoc,.policko.chyba{transform:scale(1)}
.kolo-veta{margin:0 0 12px;font-size:.88rem;color:var(--inkoust-tlumeny);display:grid;min-height:2.9em}
.kolo-veta > span{grid-area:1/1}
.kolo-veta b{color:var(--inkoust)}
.klic-odmena{
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;
  padding:14px 16px;border-radius:var(--cut) 0 var(--cut) 0;
  background:linear-gradient(135deg,color-mix(in srgb,var(--bronz) 16%,var(--list)),var(--list));
  border:1.5px solid color-mix(in srgb,var(--bronz) 55%,var(--list));
}
.klic-odmena .velky-klic{width:74px;height:74px;display:block;position:relative;overflow:visible}
.klic-odmena b{display:block;font-size:1.02rem}
.klic-odmena p{margin:2px 0 0;font-size:.84rem;color:var(--inkoust-tlumeny);line-height:1.4}
.vidim .velky-klic{animation:klic-prilet .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes klic-prilet{0%{transform:scale(.3) rotate(-40deg);opacity:0}100%{transform:none;opacity:1}}
.lesk{animation:none}
.vidim .lesk{animation:lesk 1.6s ease .6s 1 both}
@keyframes lesk{0%{transform:translateX(-30px);opacity:0}30%{opacity:.9}100%{transform:translateX(40px);opacity:0}}
.stupne{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:.78rem;color:var(--tuha)}
.stupne span{display:inline-flex;align-items:center;gap:5px}
.stupne svg{width:18px;height:18px}

.mini-plan{display:grid;grid-template-columns:78px repeat(7,minmax(0,1fr));row-gap:8px;align-items:center;font-size:.76rem}
.mini-plan .mes{color:var(--tuha);font-family:var(--mono);font-size:.68rem;padding-left:4px;border-left:1px solid var(--linka)}
.mini-plan .jm{font-weight:600;font-size:.8rem;grid-column:1}
.mini-plan .pruh{
  height:26px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;display:flex;align-items:center;padding:0 8px;
  font-weight:600;font-size:.74rem;white-space:nowrap;overflow:hidden;margin:0 2px;
  transform-origin:left center;
}
.js .scena .mini-plan .pruh[data-k]{transform:scaleX(0);opacity:1}
.js .scena .mini-plan .pruh[data-k].vidim{transform:scaleX(1);transition:transform .6s cubic-bezier(.3,.9,.4,1)}
.mini-plan .pruh{height:30px}
@media(max-width:560px){
  .mini-plan{grid-template-columns:60px repeat(7,minmax(0,1fr))}
  .mini-plan .jm{font-size:.7rem}
  .mini-plan .pruh{font-size:.64rem;padding:0 5px;margin:0 1px}
  .mini-plan .jen-siroko{display:none}
}
.pruh.m{background:var(--znacka-svetla);color:var(--znacka)}
.pruh.cj{background:var(--druhy-svetly);color:var(--druhy)}
.pruh.t{background:var(--inkoust);color:var(--papir)}
.pruh.ted{box-shadow:inset 0 0 0 1.5px currentColor}
.plan-pata{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
.cil-den{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;
  background:var(--inkoust);color:var(--papir);font-size:.84rem;font-weight:700;
}
.cil-den svg{width:14px;height:14px;fill:currentColor}
.plan-pata span.tempo{font-size:.82rem;color:var(--inkoust-tlumeny)}
.prepocet{margin:12px 0 0;font-size:.84rem;color:var(--inkoust-tlumeny);padding-left:12px;border-left:3px solid var(--teal)}

.rodic-karta{border:1px solid var(--linka);border-radius:var(--cut) 0 var(--cut) 0;padding:12px 16px 6px}
.rodic-karta .kdo{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.rodic-karta .kdo em{
  width:32px;height:32px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;background:var(--znacka);color:var(--na-znacce);
  font-style:normal;font-weight:700;display:grid;place-items:center;font-size:.85rem;
}
.rodic-karta .kdo b{display:block;font-size:.95rem}
.rodic-karta .kdo span{font-size:.75rem;color:var(--tuha)}
.r-radek{display:flex;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--linka);font-size:.84rem}
.r-radek > span:first-child{color:var(--tuha)}
.r-radek > span:last-child{margin-left:auto;text-align:right}
.r-radek svg{width:15px;height:15px;vertical-align:-3px}
.r-radek .zadne{color:var(--znacka);font-weight:600}
.soukromi-veta{margin:10px 0 0;font-size:.82rem;color:var(--inkoust-tlumeny);display:flex;gap:8px;align-items:flex-start}
.soukromi-veta svg{width:16px;height:16px;flex:none;margin-top:2px;stroke:var(--znacka);fill:none;stroke-width:2}

section{padding:72px 0;border-top:1px solid var(--linka)}
section.bez-linky{border-top:none}
 
section[id]{scroll-margin-top:-66px}
.noc-pas[id]{scroll-margin-top:-70px}
.navesti{
  display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--znacka);margin-bottom:10px;
}
h2{
  font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.12;letter-spacing:-.02em;
  font-weight:780;margin:0 0 12px;max-width:26ch;text-wrap:balance;
}
h3{text-wrap:balance}
.uvodni{color:var(--inkoust-tlumeny);max-width:var(--text-max);margin:0 0 34px;text-wrap:pretty;font-size:1.02rem}

.uprimne{
  border-left:3px solid var(--znacka);padding:2px 0 2px 18px;margin:0 0 30px;
  max-width:var(--text-max);color:var(--inkoust-tlumeny);
}
.uprimne b{color:var(--inkoust)}
.srovnani{position:relative}
.srov-radek{
  display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1fr) minmax(0,1.25fr);
  gap:0;border-bottom:1px solid var(--linka);
}
.srov-radek > *{padding:16px 20px;font-size:.95rem;line-height:1.5}
.srov-radek .tema{font-weight:700;padding-left:0}
.srov-radek .oni{color:var(--inkoust-tlumeny);display:flex;gap:10px}
.srov-radek .my{background:var(--znacka-svetla);display:flex;gap:10px}
.srov-radek .oni svg,.srov-radek .my svg{width:18px;height:18px;flex:none;margin-top:2px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.srov-radek .oni svg{stroke:var(--tuha)}
.srov-radek .my svg{stroke:var(--znacka)}
.srov-radek.hlava{border-bottom:1.5px solid var(--linka-silna)}
.srov-radek.hlava > *{padding-top:6px;padding-bottom:12px;font-size:.85rem;font-weight:700}
.srov-radek.hlava .oni{color:var(--tuha)}
.srov-radek.hlava .my{color:var(--znacka);border-radius:var(--cut) 0 0 0;padding-top:14px;font-size:.95rem}
.srov-radek:last-child{border-bottom:none}
.srov-radek:last-child .my{border-radius:0 0 var(--cut) 0}
@media(max-width:820px){
  .srov-radek{grid-template-columns:1fr;padding:14px 0}
  .srov-radek > *{padding:4px 0}
  .srov-radek .my{padding:10px 12px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;margin-top:6px}
  .srov-radek.hlava{display:none}
  .srov-radek .oni::before,.srov-radek .my::before{content:none}
  .srov-radek .oni span::before{content:"Běžný chatbot: ";font-weight:600;color:var(--tuha)}
  .srov-radek .my span::before{content:"U nás: ";font-weight:700;color:var(--znacka)}
}

.pas-cisla{background:var(--noc);color:#fff;padding:56px 0 50px}
.pas-mrizka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
@media(max-width:1180px){.pas-mrizka{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:960px){.pas-mrizka{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:520px){.pas-mrizka{grid-template-columns:1fr;gap:22px}}
.pas-mrizka b{
  display:block;font-family:var(--mono);font-size:clamp(2.6rem,5.4vw,3.9rem);line-height:.95;
  letter-spacing:-.05em;color:#2FBF93;font-variant-numeric:tabular-nums;margin-bottom:10px;white-space:nowrap;
}
.pas-mrizka span{color:#E6ECF2;font-size:1rem;line-height:1.45;display:block;max-width:26ch}
.pas-mrizka b.slovo{font-family:var(--pismo);font-weight:800;font-size:clamp(1.9rem,2.7vw,2.5rem);letter-spacing:-.03em;line-height:1;white-space:normal;
   
  min-height:calc(clamp(2.6rem,5.4vw,3.9rem) * .95);display:flex;align-items:flex-end}
.pas-mrizka small{display:block;color:var(--noc-text);font-size:.85rem;margin-top:4px}

.vede{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.vede .uvodni{margin-bottom:30px}
@media(max-width:940px){.vede{grid-template-columns:1fr;gap:34px}}
.zebrik{list-style:none;margin:0;padding:0;position:relative}
.zebrik li:not(:last-child)::after{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;
  background:linear-gradient(var(--teal),var(--znacka))}
.zebrik li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:0 0 26px;position:relative}
.zebrik li:last-child{padding-bottom:0}
.zebrik .st{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;
  background:var(--list);border:2px solid var(--teal);color:var(--teal);font-family:var(--mono);position:relative;z-index:1;
}
.zebrik li:last-child .st{border-color:var(--znacka);color:var(--znacka)}
.zebrik h3{margin:8px 0 6px;font-size:1.08rem}
.zebrik p{margin:0;color:var(--inkoust-tlumeny);font-size:.95rem;max-width:52ch}
.zebrik .citace{
  margin-top:10px;padding:9px 12px;border-radius:0 var(--cut-sm) var(--cut-sm) 0;
  background:var(--znacka-svetla);border-left:3px solid var(--znacka);font-size:.9rem;color:var(--inkoust);
}
.stavy{display:grid;gap:12px}
.stav{
  display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:16px 18px;
  border-radius:var(--cut) 0 var(--cut) 0;border:1.5px solid var(--linka-silna);background:var(--list);
}
.stav.ok{border-color:var(--znacka)}
.stav.pomoc{border-color:var(--teal)}
.stav.no{border-color:var(--jantar)}
.stav svg{width:48px;height:48px}
.stav b{display:block;margin-bottom:3px}
.stav p{margin:0;font-size:.92rem;color:var(--inkoust-tlumeny)}
.stav .body{font-family:var(--mono);font-size:.78rem;font-weight:700;margin-left:6px}
.stav.ok .body{color:var(--znacka)}
.stav.pomoc .body{color:var(--teal)}
.stav.no .body{color:var(--jantar)}
.stavy-nadpis{font-size:.85rem;font-weight:700;color:var(--tuha);margin:0 0 2px}

.distraktory{margin-top:44px;padding:26px 28px}
.distraktory-hlava{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-bottom:18px}
@media(max-width:720px){.distraktory-hlava{grid-template-columns:1fr}}
.distraktory h3{margin:0 0 6px;font-size:1.15rem}
.distraktory-hlava p{margin:0;color:var(--inkoust-tlumeny);font-size:.95rem;max-width:60ch}
.distraktory-hlava .zadani-mini{font-size:.9rem;padding:8px 12px;background:var(--plocha);border-radius:var(--cut-sm) 0 var(--cut-sm) 0;white-space:nowrap}
@media(max-width:720px){.distraktory-hlava .zadani-mini{white-space:normal}}
.moznosti-rozbor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:860px){.moznosti-rozbor{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.moznosti-rozbor{grid-template-columns:1fr}}
.mr{border:1.5px solid var(--linka-silna);border-radius:var(--cut-sm) 0 var(--cut-sm) 0;padding:12px 14px}
.mr b{font-family:var(--mono);font-size:1.05rem;display:block;margin-bottom:6px}
.mr span{font-size:.86rem;color:var(--inkoust-tlumeny);line-height:1.4;display:block}
.mr.spravne{border-color:var(--znacka);background:var(--znacka-svetla)}
.mr.spravne span{color:var(--znacka);font-weight:600}
.mr.chybne b{color:var(--jantar)}
.zdrazeni{margin:22px 0 0;font-size:.92rem;color:var(--inkoust-tlumeny);max-width:var(--text-max)}

.rys-sekce{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
@media(max-width:980px){.rys-sekce{grid-template-columns:1fr;gap:32px}}
.rys-body{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:16px}
.rys-body li{display:grid;grid-template-columns:28px 1fr;gap:12px}
.rys-body .ik{width:28px;height:28px;border-radius:50%;background:var(--znacka-svetla);color:var(--znacka);display:grid;place-items:center}
.rys-body .ik svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rys-body b{display:block}
.rys-body span{color:var(--inkoust-tlumeny);font-size:.94rem}
.druhy{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.druhy span{
  font-size:.78rem;padding:4px 10px;border-radius:999px;background:var(--plocha);color:var(--inkoust-tlumeny);
  border:1px solid var(--linka);
}
.druhy span.vic{background:transparent;border-style:dashed}
.rys-demo{padding:14px 14px 12px;position:relative}
.rys-demo svg{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}
.rys-demo .uchop{cursor:grab;outline:none}
.rys-demo .uchop:active{cursor:grabbing}
.rys-demo .uchop .kruh-uchop{fill:var(--znacka);fill-opacity:.12;stroke:var(--znacka);stroke-width:1.5;stroke-dasharray:3 3}
.rys-demo .uchop:focus-visible .kruh-uchop{stroke-dasharray:none;stroke-width:2.5}
.rys-demo .od-oka{stroke:var(--jantar);stroke-width:2.4;stroke-dasharray:7 6;fill:none;transition:opacity .3s}
.rys-demo.bez-oka .od-oka,.rys-demo.bez-oka .leg-oko{opacity:0}
.rys-pata{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:10px;padding:0 4px}
.legenda{display:flex;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--inkoust-tlumeny)}
.legenda span{display:inline-flex;align-items:center;gap:7px;transition:opacity .3s}
.legenda i{display:inline-block;width:22px;height:0;border-top:3px solid var(--znacka)}
.legenda .leg-oko i{border-top:3px dashed var(--jantar)}
.legenda .leg-pom i{border-top:1.5px solid var(--tuha)}
.rys-rada{font-size:.84rem;color:var(--tuha);display:flex;align-items:center;gap:8px}
.rys-rada svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.prepni-oko{
  border:1px solid var(--linka-silna);background:var(--list);color:var(--inkoust);font:inherit;font-size:.8rem;
  padding:5px 12px;border-radius:999px;cursor:pointer;font-weight:600;
}
.prepni-oko:hover{border-color:var(--tuha)}
.rys-vystup{
  margin:10px 4px 0;font-size:.88rem;padding:9px 12px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;
  background:var(--plocha);color:var(--inkoust-tlumeny);min-height:2.6em;
}
.rys-vystup b{color:var(--znacka)}
.rys-vystup em{font-style:normal;color:var(--jantar);font-weight:600}

.plan-obal{padding:26px 28px 30px}
.plan-hlava{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.plan-hlava strong{font-size:1.05rem}
.plan-hlava span{color:var(--tuha);font-size:.92rem}
.osa{display:grid;grid-template-columns:130px repeat(7,minmax(0,1fr));align-items:center}
.osa-mesic{font-size:.76rem;color:var(--tuha);font-family:var(--mono);padding-bottom:8px;border-left:1px solid var(--linka);padding-left:8px}
.osa-mesic:first-of-type{border-left:none;padding-left:0}
.pas{display:grid;grid-template-columns:130px repeat(7,minmax(0,1fr));align-items:center;min-height:50px;border-top:1px solid var(--linka)}
.pas-nazev{font-size:.88rem;font-weight:600;padding-right:14px}
.pas-nazev .tecka{display:inline-block;width:9px;height:9px;border-radius:2px 0 2px 0;margin-right:8px}
.pas.m .tecka{background:var(--znacka)}
.pas.cj .tecka{background:var(--druhy)}
.blok{
  grid-row:1;margin:6px 4px;padding:8px 12px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;
  font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pas.m .blok{background:var(--znacka-svetla);color:var(--znacka)}
.pas.cj .blok{background:var(--druhy-svetly);color:var(--druhy)}
.blok.ted{box-shadow:inset 0 0 0 1.5px currentColor}
.pas.testy{border-top:1px solid var(--linka-silna)}
.pas.testy .blok{background:var(--inkoust);color:var(--papir)}
.plan-pozn{margin:18px 0 0;font-size:.88rem;color:var(--tuha);line-height:1.5;max-width:var(--text-max)}
@media(max-width:760px){
  .osa{display:none}
  .pas{grid-template-columns:1fr;min-height:0;padding:12px 0}
  .pas-nazev{margin-bottom:8px}
  .blok{grid-column:1 !important;grid-row:auto;margin:0 0 6px;white-space:normal}
}
.klice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:14px;margin-top:22px}
@media(max-width:980px){.klice{grid-template-columns:repeat(3,minmax(0,1fr))}.klice .rez{grid-column:1 / -1}}
@media(max-width:560px){.klice{grid-template-columns:1fr}}
.klic{
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px 18px;
  border-radius:var(--cut) 0 var(--cut) 0;border:1px solid var(--linka);background:var(--list);
}
.klic svg{width:52px;height:52px}
.klic b{display:block;font-size:1rem}
.klic span{font-size:.86rem;color:var(--inkoust-tlumeny)}
.klic.rez{grid-template-columns:auto 1fr;background:var(--plocha)}
.klic.rez p{margin:0;font-size:.88rem;color:var(--inkoust-tlumeny);line-height:1.45}
.klic.rez p b{display:inline;color:var(--inkoust)}

.okno{
  background:var(--list);border:1px solid var(--linka-silna);border-radius:var(--cut-lg) 0 var(--cut-lg) 0;
  overflow:hidden;box-shadow:0 1px 2px rgba(6,10,16,.05),0 26px 56px -34px rgba(6,10,16,.55);
}
.okno-lista{display:flex;align-items:center;gap:7px;padding:11px 18px;background:var(--plocha);border-bottom:1px solid var(--linka)}
.okno-lista i{width:9px;height:9px;border-radius:50%;background:var(--linka-silna);display:block}
.okno-lista span{margin-left:10px;font-size:.78rem;color:var(--tuha);font-family:var(--mono)}
.app{display:grid;grid-template-columns:186px minmax(0,1fr);background:var(--papir)}
@media(max-width:760px){.app{grid-template-columns:1fr}.app-bok{display:none}}
.app-bok{
  background:linear-gradient(180deg,color-mix(in srgb,var(--znacka) 9%,var(--list)) 0%,var(--list) 42%);
  border-right:1px solid var(--linka);padding:14px 12px 16px;
  display:flex;flex-direction:column;gap:3px;font-size:.82rem;
}
.app-znak{display:flex;align-items:center;font-weight:800;font-size:.95rem;letter-spacing:-.02em;padding:2px 6px 14px}
.app-znak i{color:var(--znacka);font-style:normal}
.app-skupina{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tuha);padding:12px 8px 5px}
.app-bok a{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;color:var(--inkoust);text-decoration:none}
.app-bok a.ted{background:var(--list);box-shadow:0 1px 2px rgba(6,10,16,.07);font-weight:600}
.app-bok a svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.72}
.app-bok a.ted svg{opacity:1;color:var(--znacka)}
.app-odhlasit{margin-top:10px;text-align:center;border:1px solid var(--linka-silna);border-radius:var(--cut-sm) 0 var(--cut-sm) 0;padding:7px;font-size:.78rem;color:var(--inkoust);background:var(--list)}
.app-uzivatel{margin-top:auto;display:flex;align-items:center;gap:9px;padding:12px 6px 10px;border-top:1px solid var(--linka)}
.app-uzivatel em{width:26px;height:26px;border-radius:50%;background:var(--znacka);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:.75rem;flex:none}
.app-uzivatel b{display:block;font-size:.78rem;font-weight:600}
.app-uzivatel span{color:var(--tuha);font-size:.7rem}
.app-lista{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--linka);font-size:.78rem;color:var(--tuha);background:var(--list);flex-wrap:wrap}
.app-lista b{font-size:.92rem;color:var(--inkoust)}
.app-lista .sp{flex:1}
.app-lista .del{color:var(--linka-silna)}
.app-kredity{border:1px solid var(--znacka-svetla);background:var(--znacka-svetla);color:var(--znacka);border-radius:999px;padding:4px 11px;font-weight:700;font-size:.78rem}
@media(max-width:620px){.app-lista .skryt-uzko{display:none}}
.app-telo{padding:18px 20px 22px}
.app-karty{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:14px;margin-bottom:16px}
@media(max-width:860px){.app-karty{grid-template-columns:1fr}}
.app-karta{background:var(--list);border:1px solid var(--linka);border-radius:var(--cut) 0 var(--cut) 0;padding:14px 16px}
.app-vitej{display:flex;align-items:center;gap:14px}
.app-vitej .foto{width:74px;flex:none;text-align:center}
.app-vitej .foto img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:50% 10%;background:var(--plocha);display:block;margin:0 auto 5px}
.app-vitej .foto span{font-size:.68rem;color:var(--znacka);font-weight:600}
.app-vitej .pozdrav{font-weight:800;font-size:1.28rem;letter-spacing:-.02em;line-height:1.15}
.app-vitej .pozdrav2{font-weight:700;font-size:.9rem;margin-top:3px}
.app-vitej .kdo{color:var(--inkoust-tlumeny);font-size:.82rem;margin-top:5px}
.app-plan-hlava{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.app-plan-hlava b{font-size:1rem}
.app-plan-hlava a{margin-left:auto;color:var(--znacka);text-decoration:none;font-size:.78rem;font-weight:600}
.app-cipy{display:flex;gap:8px;flex-wrap:wrap}
.app-cip{border-radius:var(--cut-sm) 0 var(--cut-sm) 0;padding:7px 12px;font-size:.82rem;font-weight:600;color:#fff;background:var(--teal)}
.app-cip.b{background:var(--znacka)}
.app-cip.c{background:transparent;color:var(--inkoust);border:1px solid var(--linka-silna)}
.app-minule{margin:10px 0 0;color:var(--tuha);font-size:.8rem}
.rozcestnik{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.rozcestnik{grid-template-columns:1fr}}
.kachle{background:var(--list);border:1px solid var(--linka);border-top:3px solid var(--znacka);border-radius:var(--cut) 0 var(--cut) 0;padding:16px;text-align:center}
.kachle .kachle-foto{width:58px;height:58px;object-fit:contain;display:block;margin:0 auto 8px}
.kachle .stitek{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:var(--tuha);margin-bottom:4px}
.kachle b{display:block;font-size:1.02rem;margin-bottom:3px}
.kachle span.pod{color:var(--inkoust-tlumeny);font-size:.85rem}
.kachle.k2{border-top-color:#8A9A00}
.kachle.k3{border-top-color:var(--teal)}
.kachle.k4{border-top-color:#C08A00}
@media(max-width:620px){.kachle .kachle-foto{width:46px;height:46px}}

.ucitele{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}
@media(max-width:860px){.ucitele{grid-template-columns:1fr;gap:20px}}
.ucitel{background:var(--list);border:1px solid var(--linka);border-radius:var(--cut-lg) 0 var(--cut-lg) 0;overflow:hidden;display:flex;flex-direction:column}
.ucitel-obr{background:var(--plocha);display:grid;place-items:end center;padding:18px 16px 0;min-height:288px}
.ucitel-obr img{height:270px;width:auto;max-width:100%;object-fit:contain;display:block}
.ucitel-text{padding:18px 20px 22px}
.ucitel-text h3{margin:0;font-size:1.18rem;letter-spacing:-.01em}
.ucitel-styl{display:inline-block;margin:6px 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--znacka)}
.ucitel-text p{margin:0;color:var(--inkoust-tlumeny);font-size:.94rem}
.ucitel-rec{margin-top:14px;padding:11px 14px;background:var(--plocha);border-left:3px solid var(--znacka);border-radius:var(--cut-sm) 0 var(--cut-sm) 0;font-size:.92rem;font-style:italic;color:var(--inkoust)}

.noc-pas{background:var(--noc);color:#fff;padding:76px 0}
.noc-pas h2{color:#fff}
.noc-pas .navesti{color:#2FBF93}
.noc-text > p{color:var(--noc-text);max-width:52ch}
.noc-mrizka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
@media(max-width:900px){.noc-mrizka{grid-template-columns:1fr;gap:34px}}
.noc-seznam{list-style:none;margin:24px 0 0;padding:0}
.noc-seznam li{padding:12px 0 12px 28px;position:relative;color:#DDE3E9;font-size:.96rem;border-bottom:1px solid rgba(255,255,255,.09)}
.noc-seznam li b{color:#fff}
.noc-seznam li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;border:1.5px solid #2FBF93;border-radius:2px 0 2px 0}
 
.rodic-ukazka{
  background:var(--list);color:var(--inkoust);border-radius:var(--cut-lg) 0 var(--cut-lg) 0;padding:20px 22px 12px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.7);
}
.rodic-ukazka .hlava{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.rodic-ukazka .hlava em{width:38px;height:38px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;background:var(--znacka);color:var(--na-znacce);font-style:normal;font-weight:700;display:grid;place-items:center}
.rodic-ukazka .hlava b{display:block;font-size:1.05rem}
.rodic-ukazka .hlava span{font-size:.8rem;color:var(--tuha)}
.rodic-ukazka .hlava .stitek-z{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--znacka);background:var(--znacka-svetla);padding:4px 10px;border-radius:999px}
.rodic-ukazka .r-radek{font-size:.9rem;padding:10px 0}
.upozorneni-ukazka{
  margin-top:14px;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--cut) 0 var(--cut) 0;padding:14px 16px;
}
.upozorneni-ukazka svg{width:36px;height:36px}
.upozorneni-ukazka b{color:#fff;display:block;font-size:.95rem}
.upozorneni-ukazka p{margin:3px 0 0;color:var(--noc-text);font-size:.88rem;line-height:1.45}

.bezpecnost{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:1000px){.bezpecnost{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bezpecnost{grid-template-columns:1fr}}
.bk{background:var(--list);border:1px solid var(--linka);border-radius:var(--cut) 0 var(--cut) 0;padding:20px 20px 22px}
.bk .ik{width:40px;height:40px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;background:var(--znacka-svetla);color:var(--znacka);display:grid;place-items:center;margin-bottom:14px}
.bk .ik svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bk h3{margin:0 0 8px;font-size:1.02rem}
.bk p{margin:0;color:var(--inkoust-tlumeny);font-size:.92rem}
.bezpecnost-pata{margin:18px 0 0;font-size:.9rem;color:var(--tuha)}
.bezpecnost-pata a{color:var(--inkoust-tlumeny)}

.cena-mrizka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 36px;align-items:start;
  grid-template-areas:"karta hlava" "karta srovnani";grid-template-rows:auto 1fr}
.cena-hlava{grid-area:hlava;margin-bottom:14px}
.cena-hlava h2{margin-bottom:0}
.cena-mrizka .cenik{grid-area:karta}
.cena-srovnani{grid-area:srovnani}
.cena-srovnani td:first-child a{color:inherit;text-decoration:underline;text-decoration-color:var(--linka-silna);text-underline-offset:3px}
.cena-srovnani td:first-child a:hover,.cena-srovnani td:first-child a:focus-visible{color:var(--znacka);text-decoration-color:currentColor}
@media(max-width:980px){.cena-mrizka{grid-template-columns:1fr;grid-template-areas:"hlava" "karta" "srovnani";grid-template-rows:auto;gap:0}
  .cena-hlava{margin-bottom:24px}.cena-mrizka .cenik{margin-bottom:32px}}
.cenik{padding:20px 24px 18px;border:2px solid var(--znacka)}
.cenik .navesti{margin-bottom:6px}
.cena-velka{display:block;font-size:clamp(2.2rem,4vw,2.9rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:6px}
.cena-velka small{font-size:.45em;font-weight:600;color:var(--inkoust-tlumeny);letter-spacing:0}
.cenik > p{margin:0 0 4px;color:var(--inkoust-tlumeny);font-size:.95rem}
.balicek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linka);border:1px solid var(--linka);border-radius:var(--cut) 0 var(--cut) 0;overflow:hidden;margin:12px 0 12px}
.balicek div{background:var(--list);padding:10px 12px}
.balicek b{display:block;font-size:1.55rem;font-family:var(--mono);color:var(--znacka);letter-spacing:-.02em;line-height:1.1}
.balicek span{display:block;margin-top:4px;color:var(--inkoust-tlumeny);font-size:.82rem;line-height:1.35}
.cenik-body{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:5px}
.cenik-body li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:.9rem;line-height:1.4}
 
.cenik .cena-velka{font-size:clamp(2rem,3.4vw,2.6rem);margin-bottom:4px}
.cenik > p{font-size:.92rem}
.cenik .obnova{padding:9px 12px;margin-bottom:12px;font-size:.88rem;line-height:1.4}
.cenik .balicek b{font-size:1.4rem}
.cenik .pod-vstupy{margin-top:8px;font-size:.88rem}
.cenik-body svg{width:18px;height:18px;margin-top:2px;fill:none;stroke:var(--znacka);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cenik .btn{width:100%}
.cenik .pod-vstupy{margin-top:10px;text-align:center;max-width:none}
.prirovnani{
  margin:0 0 20px;padding:14px 16px;border-radius:var(--cut) 0 var(--cut) 0;background:var(--znacka-svetla);
  font-size:.98rem;line-height:1.5;
}
.prirovnani b{color:var(--znacka)}
table{width:100%;border-collapse:collapse;font-size:.93rem}
th{text-align:left;font-weight:600;color:var(--tuha);font-size:.82rem;padding:0 14px 10px 0;border-bottom:1px solid var(--linka-silna)}
td{padding:14px 14px 14px 0;border-bottom:1px solid var(--linka);vertical-align:top}
td:last-child{color:var(--inkoust-tlumeny);padding-right:0}
td:first-child{font-weight:600}
.cena{font-family:var(--mono);white-space:nowrap;font-size:.88rem}
tr.nase td{background:var(--znacka-svetla);border-bottom-color:var(--znacka-svetla)}
tr.nase td:first-child{font-weight:700;color:var(--znacka);padding-left:14px;border-radius:var(--cut) 0 0 0}
tr.nase td:last-child{border-radius:0 0 var(--cut) 0;color:var(--inkoust)}
@media(max-width:620px){
  table,tbody,tr,td{display:block;width:100%}
  thead{display:none}
  tr{padding:12px 0;border-bottom:1px solid var(--linka)}
  td{border:none;padding:2px 0}
  tr.nase{padding:12px 14px;border-radius:var(--cut) 0 var(--cut) 0;background:var(--znacka-svetla);margin-top:8px}
  tr.nase td{padding-left:0 !important;background:transparent}
}
.zdroje{font-size:.8rem;color:var(--tuha);margin:14px 0 0;line-height:1.5;max-width:70ch}
.pozn-cena{color:var(--inkoust-tlumeny);font-size:.9rem;max-width:var(--text-max);margin:12px 0 0}

.neni{padding:8px 28px}
.neni ul{list-style:none;margin:0;padding:0}
.neni li{padding:18px 0;border-bottom:1px solid var(--linka);color:var(--inkoust-tlumeny)}
.neni li:last-child{border-bottom:none}
.neni b{color:var(--inkoust)}

.zaver{text-align:center;padding:84px 0}
 
.akt-seznam{display:grid;grid-template-columns:1fr;gap:22px;margin:22px 0 0;padding:0;list-style:none}
@media(min-width:700px){.akt-seznam{grid-template-columns:1fr 1fr}}
@media(min-width:1050px){.akt-seznam{grid-template-columns:1fr 1fr 1fr}}
.akt-karta{display:flex;flex-direction:column;background:var(--list);border:1px solid var(--linka);border-radius:var(--cut) 0 var(--cut) 0;overflow:hidden;height:100%}
.akt-karta a{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}
.akt-karta a:hover h3,.akt-karta a:focus-visible h3{color:var(--znacka)}
.akt-karta img,.akt-karta .akt-bez-obrazku{display:block;flex:none;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--plocha)}
.akt-karta .akt-bez-obrazku{display:flex;align-items:center;justify-content:center;color:var(--znacka);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.akt-karta .akt-telo{padding:14px 18px 18px;display:block}
.akt-karta time{color:var(--tuha);font-size:.85rem}
.akt-karta h3{font-size:1.1rem;line-height:1.3;margin:4px 0 6px}
.akt-karta p{margin:0;color:var(--inkoust-tlumeny);font-size:.95rem;line-height:1.5}
.akt-vse{margin:22px 0 0}
.zaver h2{margin:0 auto 10px;max-width:20ch}
.zaver .podtitulek{margin:0 auto 24px}
.zaver .vstupy{justify-content:center}
.zaver .pod-vstupy{margin:0 auto;text-align:center}

footer{background:var(--noc);color:#8792A0;padding:48px 0 36px;font-size:.9rem}
.zapati{display:grid;grid-template-columns:1.3fr 1.1fr 1fr 1.5fr;gap:36px}
@media(max-width:1000px){.zapati{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.zapati{grid-template-columns:1fr;gap:24px}}
footer address{font-style:normal;line-height:1.6}
footer address b{color:#DDE3E9;font-weight:600}
footer .rejstrik{display:block;margin-top:4px;font-size:.84rem;line-height:1.45}
footer h4{color:#fff;font-size:.8rem;letter-spacing:.06em;margin:0 0 10px;font-weight:700}
footer ul{list-style:none;margin:0 0 6px;padding:0}
footer li{padding:4px 0}
footer a{color:var(--noc-text);text-decoration:none}
footer a:hover,footer a:focus-visible{color:#fff;text-decoration:underline}
.platby{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.platby-text{margin-right:6px}
 
.platba-logo{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 8px;
  background:#fff;border-radius:6px;overflow:hidden}
.platba-logo img{display:block;width:auto;max-width:none}
.platba-logo .karty{height:46px}
.platba-logo .cg{height:18px}
a.platba-logo:hover{text-decoration:none}
a.platba-logo:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tirazka{margin-top:20px;font-size:.85rem;line-height:1.5}

.prepinac{
  position:fixed;right:18px;bottom:18px;z-index:99;display:flex;align-items:center;gap:10px;
  background:var(--list);border:1px solid var(--linka-silna);border-radius:999px;
  padding:7px 9px;box-shadow:0 10px 30px -12px rgba(6,10,16,.55);
}
.prepinac .barvy{display:flex;gap:6px}
.prepinac .barvy button{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;font-size:0}
.prepinac .barvy button[data-volba="zelena"]{background:#0E7357}
.prepinac .barvy button[data-volba="modra"]{background:#1B4FA8}
.prepinac .barvy button[data-volba="zluta"]{background:#C08A00}
.prepinac .barvy button[aria-pressed="true"]{border-color:var(--inkoust)}
.prepinac .del{width:1px;height:22px;background:var(--linka-silna)}
.prepinac .rezim{border:none;background:transparent;font:inherit;font-size:.83rem;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;color:var(--inkoust)}
.prepinac .rezim:hover{background:var(--plocha)}
 
@media(pointer:coarse){.prepinac .barvy{gap:8px}.prepinac .barvy button{width:32px;height:32px}
  .prepinac .otevrit{width:36px;height:36px}.prepinac .rezim{padding:8px 14px}}
@media print{.prepinac{display:none}}

h1{max-width:20ch;font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.06}
.btn-nav{padding:8px 16px;font-size:.92rem;color:var(--na-znacce)!important;border-bottom:none!important}
.btn-nav:hover{color:var(--na-znacce)}
.nav a{white-space:nowrap}
.btn-nav .kratke{display:none}
@media(max-width:480px){.btn-nav .dlouhe{display:none}.btn-nav .kratke{display:inline}.hlavicka .znak{font-size:17px}}
@media(max-width:400px){.hlavicka{gap:10px}.hlavicka .znak{font-size:15.5px}.nav{gap:10px!important}.nav a.btn-nav{padding:6px 10px}}
@media(max-width:340px){.hlavicka{gap:6px}.hlavicka .znak{font-size:14px}.nav{gap:8px!important}.nav a{font-size:14px}.nav a.btn-nav{padding:5px 8px}}
.faq{margin-top:22px}
.btn-velke{padding:15px 28px;font-size:1.06rem}
.duvera{margin:0 0 18px;font-size:.92rem;color:var(--inkoust-tlumeny);line-height:1.45}
.duvera b{color:var(--inkoust);font-weight:700}
.plusy-tri{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:24px}
.vstupy{align-items:center}
.odpocet{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--znacka);
  background:var(--znacka-svetla);padding:9px 14px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0}
.odpocet svg{width:14px;height:14px;fill:currentColor}
.odpocet b{font-family:var(--mono);font-size:1.02rem}
.pro-zaka{margin:0 2px 10px;font-size:.92rem;color:var(--inkoust-tlumeny);line-height:1.45}
.pro-zaka b{color:var(--znacka)}

.ikony-duvery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:6px 0 10px}
@media(max-width:900px){.ikony-duvery{grid-template-columns:1fr;gap:12px}}
.ikony-duvery .id{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:var(--list);
  border:1px solid var(--linka);border-radius:var(--cut) 0 var(--cut) 0;padding:16px 18px}
.ikony-duvery .ik{width:44px;height:44px;border-radius:var(--cut-sm) 0 var(--cut-sm) 0;background:var(--znacka-svetla);
  color:var(--znacka);display:grid;place-items:center}
.ikony-duvery .ik svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ikony-duvery b{display:block;font-size:1rem;line-height:1.3;margin-bottom:3px}
.ikony-duvery span{color:var(--inkoust-tlumeny);font-size:.9rem;line-height:1.4}

.kroky{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:k}
@media(max-width:900px){.kroky{grid-template-columns:1fr}}
.kroky li{display:grid;grid-template-columns:44px 1fr;gap:14px;background:var(--list);border:1px solid var(--linka);
  border-radius:var(--cut) 0 var(--cut) 0;padding:20px 20px 22px}
.kroky .st{width:44px;height:44px;border-radius:50%;background:var(--znacka);color:var(--na-znacce);
  display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.kroky h3{margin:8px 0 6px;font-size:1.06rem}
.kroky h3 small{font-weight:600;font-size:.78rem;color:var(--znacka);margin-left:6px;white-space:nowrap}
.kroky p{margin:0;color:var(--inkoust-tlumeny);font-size:.94rem}

.klic-def{margin:26px 0 0;font-size:1rem;color:var(--inkoust-tlumeny)}
.klic-def b{color:var(--inkoust)}
.ai-stitek{display:inline-block;margin:0 0 8px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--druhy);background:var(--druhy-svetly);padding:3px 9px;border-radius:999px}

.obnova{display:grid;grid-template-columns:22px 1fr;gap:10px;margin:0 0 16px;padding:12px 14px;
  border-radius:var(--cut) 0 var(--cut) 0;background:var(--jantar-svetly);border:1px solid var(--jantar);
  font-size:.93rem;line-height:1.45;color:var(--inkoust)}
.obnova svg{width:20px;height:20px;margin-top:1px;fill:none;stroke:var(--jantar);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.cenik-kreditu{margin-top:30px;padding:0}
.cenik-kreditu summary{cursor:pointer;padding:16px 22px;font-weight:700;list-style-position:inside}
.cenik-kreditu[open] summary{border-bottom:1px solid var(--linka)}
.cenik-kreditu table,.cenik-kreditu .zdroje{margin:0 22px 18px;width:calc(100% - 44px)}
.cenik-kreditu table{margin-top:14px}

.faq{display:grid;gap:10px;max-width:880px}
.faq details{background:var(--list);border:1px solid var(--linka);border-radius:var(--cut) 0 var(--cut) 0}
.faq summary{cursor:pointer;padding:15px 20px;font-weight:650;font-size:1.02rem;list-style:none;position:relative;padding-right:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--znacka);font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0;padding:0 20px 18px;color:var(--inkoust-tlumeny)}
.faq a,.cenik-kreditu a,.pod-vstupy a{color:var(--znacka)}

.kdo-stoji .btn{margin:6px 8px 0 0}

.lepici-cta{display:none}
@media(max-width:760px){
  .lepici-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:98;justify-content:center;
    padding:14px 20px;box-shadow:0 12px 30px -10px rgba(6,10,16,.6);transform:translateY(140%);transition:transform .25s ease}
  .lepici-cta.vidim{transform:none}
  body{padding-bottom:84px}
  .prepinac{right:12px;bottom:84px;padding:4px}
  .prepinac .otevrit{display:inline-block}
  .prepinac:not(.otevreny) .barvy,.prepinac:not(.otevreny) .del,.prepinac:not(.otevreny) .rezim{display:none}
  .nav .btn-nav{padding:7px 12px;font-size:.86rem}
  .nav{gap:14px}
}
@media(prefers-reduced-motion:reduce){.lepici-cta{transition:none}}
.prepinac .otevrit{display:none;width:30px;height:30px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:conic-gradient(#0E7357 0 33%,#1B4FA8 0 66%,#C08A00 0)}
 
.hlavicka-pas{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--papir) 88%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.hlavicka-pas.odjeto{border-bottom-color:var(--linka)}
.hlavicka-pas .hlavicka{padding:14px 0}
html{scroll-padding-top:76px}

@media(prefers-reduced-motion:reduce){
  .scena,.scena [data-k],.kresli,.policko,.volba,.tl,.mini-plan .pruh{transition:none !important}
  .vidim .jiskry i,.vidim .velky-klic,.vidim .lesk{animation:none !important}
}
 
[data-kampan][hidden]{display:none!important}

.nav a.btn-nav{padding:8px 16px;line-height:1.3}
@media(max-width:760px){.nav a.btn-nav{padding:7px 12px}}
 
.nadlinka{max-width:none}
@media(min-width:1021px){
  .hero-uvod{container-type:inline-size}
  .nadlinka{white-space:nowrap;font-size:min(.95rem,2.1cqi)}
}

.duvera{--duvera-linka:color-mix(in srgb,var(--inkoust-tlumeny) 38%,transparent);
  display:flex;flex-wrap:wrap;align-items:baseline;row-gap:4px;margin:2px 0 18px;padding:10px 0;
  border-top:1px solid var(--duvera-linka);border-bottom:1px solid var(--duvera-linka);font-size:.92rem;line-height:1.35;color:var(--inkoust-tlumeny)}
.duvera > span{padding:0 14px;border-left:1px solid var(--duvera-linka)}
.duvera > span:first-child{padding-left:0;border-left:none}
.duvera b{color:var(--inkoust);font-weight:700}
.duvera a{color:var(--znacka);font-weight:700;text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--znacka) 35%,transparent)}
.duvera a:hover,.duvera a:focus-visible{border-bottom-color:var(--znacka)}
@media(min-width:1021px){.duvera{flex-wrap:nowrap;white-space:nowrap;font-size:min(.92rem,1.95cqi)}}
@media(max-width:600px){.duvera{flex-direction:column;align-items:flex-start}.duvera > span{padding:0;border-left:none}}
 
.hero-uvod .podtitulek{max-width:none}
.hero .pod-vstupy{max-width:none}
.podtitulek b{color:var(--inkoust);font-weight:700}
.nz{white-space:nowrap}
 
@media(min-width:1021px) and (max-height:860px){
  .hlavicka-pas .hlavicka{padding:10px 0}
  html{scroll-padding-top:64px}
   
  .hero{padding:clamp(16px,3.2vh,34px) 0 40px;align-items:start}
  .hero-uvod{padding-top:0}
   
  .nadlinka{margin-bottom:clamp(12px,2.2vh,18px)}
  h1{font-size:clamp(2rem,min(4.2vw,6.3vh),3.5rem);margin-bottom:clamp(14px,2.6vh,22px)}
  .duvera{margin-bottom:clamp(14px,2.6vh,22px);padding:clamp(8px,1.4vh,12px) 0}
  .podtitulek{margin-bottom:clamp(16px,3vh,26px);line-height:1.55}
  .plusy-tri{gap:clamp(10px,1.9vh,16px)!important;margin-bottom:clamp(18px,3.2vh,28px)}
  .plusy li{line-height:1.4}
  .vstupy{margin-bottom:clamp(12px,2vh,16px)}
  .btn-velke{padding:13px 26px}
}
 
.prepinac{padding:4px}
.prepinac .otevrit{display:inline-block}
.prepinac:not(.otevreny) .barvy,.prepinac:not(.otevreny) .del,.prepinac:not(.otevreny) .rezim{display:none}
.prepinac.otevreny{padding:5px 9px 5px 5px}
[data-cookies][hidden]{display:none!important}