/*
  Stránky platformy: úvod služby, průvodce založením webu, přihlášení, administrace.
  Jedna rodina písma (Archivo), teplé neutrály a jediný akcent: signální žlutá.
*/
@font-face{font-family:"Archivo";src:url(../fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";src:url(../fonts/archivo-ext.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-017F}
@font-face{font-family:"IBM Plex Sans";src:url(../fonts/plex-sans.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"Literata";src:url(../fonts/literata.woff2) format("woff2");font-weight:200 900;font-display:swap}

:root{
  --bg:#F4F3EF; --surface:#FFFFFF; --ink:#131517; --muted:#5B5E62; --line:#DAD7CF; --accent:#FFC21A; --accent-ink:#131517;
  --inv:#131517; --inv-ink:#F4F3EF; --inv-muted:#A9ABAE; --inv-line:#2E3135;
  --ok:#12714b; --bad:#b3261e; --warn:#8a5a00; --blue:#1257d6;
  --f:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2.5rem; --sp-5:4rem; --sp-6:6.5rem;
  --r-s:8px; --r-l:14px;
  --shadow:0 30px 70px -32px rgb(19 21 23 / .4), 0 2px 6px rgb(19 21 23 / .06);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--ink);font:1.03rem/1.5 var(--f);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:var(--bg);padding:.75rem 1rem;border-radius:var(--r-s)}
.skip:focus{top:1rem}
.ico{flex:none}
.pwrap{width:min(100% - 2.5rem,72rem);margin-inline:auto}
h1,.ph2,.ptool h2{font-weight:800;font-stretch:72%;letter-spacing:-.012em;line-height:1.04;text-wrap:balance}
.muted{color:var(--muted)}
.mono{font-variant-numeric:tabular-nums}

/* tlačítka a pole */
.b{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.65rem 1.3rem;border:1px solid transparent;border-radius:var(--r-s);background:var(--surface);border-color:var(--line);font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.b:hover{border-color:var(--ink)}
.b:active{transform:translateY(1px)}
.b--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.b--primary:hover{background:#ffd04d;border-color:#ffd04d}
.b--ghost{background:transparent}
.b--danger{background:var(--bad);border-color:var(--bad);color:#fff}
.b--wide{width:100%}
.b--lg{min-height:3.5rem;padding-inline:1.7rem;font-size:1.08rem}
.b--sm{min-height:2.25rem;padding:.3rem .8rem;font-size:.9rem}
.b[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.f{display:grid;gap:.4rem;margin-bottom:var(--sp-2);min-width:0}
.f > span{font-size:.92rem;font-weight:600}
.f small,.fnote{font-size:.86rem;color:var(--muted);font-weight:400}
.fnote{margin-bottom:var(--sp-2)}
.f input,.f textarea,.f select{width:100%;min-height:3rem;padding:.65rem .9rem;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);transition:border-color .15s,box-shadow .15s}
.f textarea{resize:vertical;line-height:1.45}
.f input:hover,.f textarea:hover{border-color:var(--muted)}
.f input:focus,.f textarea:focus,.f select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgb(255 194 26 / .45)}
.ferr{color:var(--bad);font-size:.92rem;font-weight:600;margin:-.5rem 0 var(--sp-2)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}
.frow--ico{grid-template-columns:1fr auto;align-items:end}
.frow--ico .b{margin-bottom:var(--sp-2)}
.frow--addr{grid-template-columns:minmax(0,1fr) 7rem}
.in--sm{min-height:2.25rem;padding:.2rem .5rem;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font:inherit;font-size:.9rem}
.fimport{margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line)}
html:not(.js) .fimport{display:none}
.svc--plain{grid-template-columns:minmax(0,1fr)}
.fseg{display:inline-flex;gap:0;margin-bottom:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;background:var(--surface);max-width:100%}
.fseg--wrap{display:flex;flex-wrap:wrap;border:0;background:none;gap:.4rem;overflow:visible;margin-bottom:.4rem}
.fseg label{position:relative;cursor:pointer}
.fseg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.fseg span{display:flex;align-items:center;min-height:2.75rem;padding:0 1rem;font-weight:600;font-size:.95rem;white-space:nowrap}
.fseg--wrap span{border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.fseg input:checked + span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.fseg input:focus-visible + span{outline:2px solid var(--blue);outline-offset:2px}
.fcheck{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:var(--sp-2);cursor:pointer}
.fcheck input{flex:none;width:1.35rem;height:1.35rem;margin:.1rem 0 0;accent-color:var(--ink)}
.fcheck span{display:grid;gap:.1rem}
.fcheck small{color:var(--muted);font-size:.88rem}
.alert{padding:.85rem 1rem;border-radius:var(--r-s);background:#fdecea;color:#7a1a14;font-weight:600;margin-bottom:var(--sp-3)}
.alert--ok{background:#e3f4ec;color:#0c5237}
.alert--warn{background:#fff4d6;color:#5f3f00;font-weight:400}
.alert--bad{background:#fdecea;color:#7a1a14}
.alert ul{list-style:disc;padding-left:1.2rem;margin-top:.3rem}
.tag{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .55rem;border-radius:5px;background:#e9e6de;font-size:.78rem;font-weight:700;white-space:nowrap}
.tag--ok{background:#dff1e7;color:#0c5237}
.tag--warn{background:#ffecb8;color:#5f3f00}
.tag--bad{background:#fbd9d5;color:#7a1a14}
.tag--blue{background:#dce8ff;color:#0c3a93}
.count{display:inline-grid;place-items:center;min-width:1.3rem;height:1.3rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.74rem;font-weight:800}

/* hlavička a patička */
.ptop{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.ptop__in{display:flex;align-items:center;gap:var(--sp-3);min-height:4.25rem}
.pbrand{display:inline-flex;align-items:center;gap:.6rem;margin-right:auto;font-weight:800;font-stretch:72%;font-size:1.5rem;text-decoration:none;min-height:2.75rem}
.pbrand i{width:.85rem;height:.85rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--ink)}
.pnav{display:flex;gap:.25rem}
.pnav a,.plink{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .8rem;text-decoration:none;color:var(--muted);font-size:.97rem}
.pnav a:hover,.plink:hover{color:var(--ink)}
.ptop__act{display:flex;align-items:center;gap:.5rem}
.ptop__act .b{min-height:2.75rem}
.pfoot{padding:var(--sp-4) 0;border-top:1px solid var(--line);font-size:.92rem;color:var(--muted)}
.pfoot__in{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-4)}
.pfoot__brand{font-weight:800;font-stretch:72%;font-size:1.3rem;color:var(--ink);margin-bottom:.4rem}
.pfoot__links{display:grid;gap:0;justify-items:start}
.pfoot__links a{display:inline-flex;align-items:center;min-height:2.5rem}

/* úvodní stránka */
.psec{padding-block:var(--sp-6)}
.psec + .psec{border-top:1px solid var(--line)}
.phero{padding-block:var(--sp-5)}
.phero__in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--sp-5);align-items:start}
.phero__text{display:grid;gap:var(--sp-3);justify-items:start;padding-top:var(--sp-2)}
.pkicker{font-weight:600;font-size:.95rem;color:var(--muted)}
h1{font-size:clamp(2.9rem,7.2vw,5.8rem);max-width:10em}
.plead{font-size:clamp(1.12rem,1.5vw,1.28rem);line-height:1.48;color:var(--muted);max-width:36rem;text-wrap:pretty}
.pfacts{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);width:100%;padding-top:var(--sp-3);margin-top:var(--sp-1);border-top:1px solid var(--line)}
.pfacts div{display:grid;gap:.15rem}
.pfacts dd{font-weight:700;font-stretch:78%;font-size:1.3rem;line-height:1.15}
.pfacts dt{order:2;font-size:.84rem;color:var(--muted)}
.ptool{display:grid;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow)}
.ptool__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2);padding-bottom:var(--sp-2);border-bottom:3px solid var(--accent)}
.ptool h2{font-size:1.9rem}
.ptool__head p{font-size:.84rem;color:var(--muted);white-space:nowrap}
.ptool__note{font-size:.88rem;color:var(--muted);text-align:center}
.ppick{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.ppick--wide{grid-template-columns:repeat(3,1fr)}
.pgroup{display:grid;gap:.6rem}
.pgroup + .pgroup{margin-top:var(--sp-3)}
.pgroup__title{display:flex;flex-wrap:wrap;gap:.15rem .75rem;align-items:baseline;font-size:1.05rem;font-weight:700}
.pgroup__title small{font-size:.86rem;font-weight:400;color:var(--muted)}
.pgroup__more{justify-self:start;margin-top:var(--sp-2)}
.pkinds{display:grid;gap:.5rem}
.pkinds .ppick__item span{display:grid;gap:.1rem;align-content:center;min-height:3.6rem}
.pkinds .ppick__item small{font-size:.84rem;font-weight:400;color:var(--muted)}
.ppick__item{position:relative;cursor:pointer}
.ppick__item input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.ppick__item span{display:flex;align-items:center;min-height:3.25rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font-weight:600;line-height:1.25;transition:border-color .15s,background .15s,box-shadow .15s}
.ppick__item:hover span{border-color:var(--ink)}
.ppick__item input:checked + span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff7dc}
.ppick__item input:focus-visible + span{outline:2px solid var(--blue);outline-offset:2px}
.pshot{padding-block:0 var(--sp-5);border-top:0 !important}
.pshot + .psec{border-top:0}
.pframe{border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.pcaption{margin-top:var(--sp-2);font-size:.92rem;color:var(--muted);text-align:center}
.ph2{font-size:clamp(2.2rem,4.8vw,3.6rem)}
.phead{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-4)}
.psub{color:var(--muted);max-width:36rem;text-wrap:pretty}
.psteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}
.psteps li{display:grid;gap:.6rem;align-content:start;padding-top:var(--sp-2);border-top:3px solid var(--ink)}
.psteps span{font-weight:800;font-stretch:72%;font-size:3.4rem;line-height:1}
.psteps h3{font-size:1.22rem;font-weight:700;line-height:1.25}
.psteps p{color:var(--muted)}
.pinv{background:var(--inv);color:var(--inv-ink);border-top:0 !important}
.pinv + .psec{border-top:0}
.pinv .psub{color:var(--inv-muted)}
.psplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-4) var(--sp-5);align-items:start}
.psplit__head{display:grid;gap:var(--sp-2);position:sticky;top:6.5rem}
.pfeat{border-top:1px solid var(--inv-ink)}
.pfeat li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--sp-1) var(--sp-4);padding:1.4rem 0;border-bottom:1px solid var(--inv-line)}
.pfeat h3{font-size:1.22rem;font-weight:700;line-height:1.25}
.pfeat h3::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);margin-right:.7rem;vertical-align:middle;translate:0 -.1em}
.pfeat p{color:var(--inv-muted)}
.pkindlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);list-style:none;padding:0;margin:0}
.pkindlist li{display:grid;gap:.6rem;align-content:start;padding:var(--sp-3);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--r-s);background:var(--surface)}
.pkindlist h3{font-size:1.2rem;font-weight:700;line-height:1.2}
.pkindlist p{color:var(--muted)}
.pkindlist a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;font-weight:600;align-self:end}
/* výběr ze tří návrhů po založení webu */
.dz{padding-block:var(--sp-4) var(--sp-6)}
.dz__head{display:grid;gap:var(--sp-2);max-width:46rem;margin-bottom:var(--sp-4)}
.dz__head h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.dz__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);list-style:none;padding:0;margin:0}
.dz__item{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.dz__item:hover{box-shadow:var(--shadow)}
.dz__item.is-current{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.dz__frame{position:relative;aspect-ratio:16/11;overflow:hidden;border-bottom:1px solid var(--line);background:#fff}
.dz__frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;transform-origin:0 0;pointer-events:none}
.dz__body{display:grid;gap:.7rem;align-content:start;padding:var(--sp-3)}
.dz__body h2{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:1.5rem;font-weight:800;font-stretch:72%;line-height:1.1}
.dz__body p{color:var(--muted);font-size:.95rem}
.dz__open{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;justify-self:start;font-weight:600}
.dz__note{margin-top:var(--sp-3);color:var(--muted)}
.pdemos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4) var(--sp-3)}
.pdemo{display:grid;gap:.3rem;text-decoration:none}
.pdemo__img{display:block;aspect-ratio:16/10;margin-bottom:.6rem;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;background:var(--surface);border-top:4px solid var(--a,var(--ink));transition:transform .2s,box-shadow .2s}
.pdemo:hover .pdemo__img{transform:translateY(-3px);box-shadow:var(--shadow)}
.pdemo__img img{width:100%;height:100%;object-fit:cover;object-position:top}
.pdemo__meta{font-size:.84rem;color:var(--muted)}
.pdemo__name{font-size:1.22rem;font-weight:700;line-height:1.25}
.pdemo__dir{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted)}
.pplans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);align-items:stretch}
.pplan{display:flex;flex-direction:column;gap:.5rem;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}
.pplan--main{border-color:var(--ink);box-shadow:inset 0 4px 0 var(--accent)}
.pplan h3{font-weight:800;font-stretch:72%;font-size:1.9rem;line-height:1.05}
.pplan__for{color:var(--muted);min-height:3em}
.pplan__price{margin-top:var(--sp-1);color:var(--muted)}
.pplan__price b{font-weight:800;font-stretch:72%;font-size:3rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.pplan__vat{font-size:.84rem;color:var(--muted)}
.pplan ul{display:grid;gap:.5rem;margin:var(--sp-2) 0 var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--line)}
.pplan ul li{display:flex;gap:.6rem;align-items:flex-start}
.pplan ul .ico{margin-top:.25rem}
.pplan .b{margin-top:auto}
.pfaq{border-top:1px solid var(--ink)}
.pfaq details{border-bottom:1px solid var(--line)}
.pfaq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:4rem;padding:1rem 0;font-size:1.22rem;font-weight:700;line-height:1.3;cursor:pointer;list-style:none}
.pfaq summary::-webkit-details-marker{display:none}
.pfaq summary .ico{color:var(--muted);transition:transform .15s}
.pfaq details[open] summary .ico{transform:rotate(180deg)}
.pfaq p{padding:0 3rem 1.4rem 0;color:var(--muted);max-width:40rem}
.pcta{text-align:center}
.pcta .ph2{margin:0 auto var(--sp-3);max-width:14em}

/* průvodce */
.pstart__in{padding-block:var(--sp-4) var(--sp-6);max-width:46rem}
.pstart__intro{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-4)}
.pstart h1{font-size:clamp(2.4rem,5.5vw,3.8rem)}
.wiz{display:grid;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow)}
.wiz__head{display:grid;gap:.6rem}
.wiz__step{font-size:.84rem;color:var(--muted);font-weight:600}
.wiz__bar{height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.wiz__bar i{display:block;height:100%;width:var(--p,16%);background:var(--accent);transition:width .3s ease}
.wiz__pane{display:block}
.js .wiz__pane:not(.is-on){display:none}
.wiz legend{display:grid;gap:.4rem;width:100%;margin-bottom:var(--sp-3);padding:0}
.wiz legend span{font-weight:800;font-stretch:72%;font-size:2.2rem;line-height:1.05;letter-spacing:-.012em}
.wiz legend small{color:var(--muted);font-size:.97rem}
.wiz__pane + .wiz__pane{margin-top:var(--sp-4)}
.js .wiz__pane + .wiz__pane{margin-top:0}
.wiz__nav{display:flex;gap:.6rem;align-items:center;padding-top:var(--sp-3);border-top:1px solid var(--line)}
.wiz__nav .b--primary{margin-left:auto;min-width:12rem}
.js .wiz [data-wiz-submit]{display:none}
.js .wiz.is-last [data-wiz-submit]{display:inline-flex}
.js .wiz.is-last [data-wiz-next]{display:none}
html:not(.js) .wiz [data-wiz-next],html:not(.js) .wiz [data-wiz-back],html:not(.js) .wiz__head{display:none}
.svcs{display:grid;gap:0;border-top:1px solid var(--line)}
.svc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2);align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line)}
.svc .fcheck,.svc .f{margin:0}
.svc--extra{border-bottom:0;align-items:end;padding-top:var(--sp-2)}
.svc__price{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.92rem}
.svc__price input{width:5.5rem;min-height:2.75rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:var(--r-s);text-align:right;font-variant-numeric:tabular-nums;background:var(--surface)}
.svc__price input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgb(255 194 26 / .45)}
.dirs{display:grid;gap:.6rem;margin-bottom:var(--sp-3)}
.dir{position:relative;display:grid;grid-template-columns:5.5rem 1fr;gap:var(--sp-2);align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.dir input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.dir:hover{border-color:var(--ink)}
.dir:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff7dc}
.dir:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.dir__swatch{display:grid;place-items:center;height:4.5rem;border-radius:6px;border:1px solid var(--line);color:#14181b}
.dir__text{display:grid;gap:.2rem}
.dir__text small{color:var(--muted);font-size:.9rem;line-height:1.4}
.plans-pick{display:grid;gap:.5rem}
.plan-pick{position:relative;display:grid;grid-template-columns:1fr auto;gap:var(--sp-2);align-items:center;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer}
.plan-pick input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.plan-pick span{display:grid;gap:.1rem;font-weight:400}
.plan-pick small{color:var(--muted);font-size:.88rem}
.plan-pick__price{text-align:right;white-space:nowrap}
.plan-pick:hover{border-color:var(--ink)}
.plan-pick:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff7dc}
.plan-pick:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}

/* přihlášení a textové stránky */
.auth{min-height:100vh;display:grid;place-items:center;padding:1.25rem}
.auth__box{width:min(26rem,100%);padding:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow)}
.auth__brand{font-weight:800;font-stretch:72%;font-size:1.2rem;margin-bottom:var(--sp-3)}
.auth h1{font-size:2.2rem;margin-bottom:var(--sp-3);max-width:none}
.auth__note{margin-top:var(--sp-2);font-size:.9rem;color:var(--muted)}
.pdoc{padding-block:var(--sp-5) var(--sp-6);max-width:46rem}
.pdoc h1{font-size:clamp(2.4rem,5.5vw,3.8rem);margin-bottom:var(--sp-3);max-width:none}
.pdoc h2{font-weight:800;font-stretch:72%;font-size:1.7rem;margin:var(--sp-4) 0 var(--sp-1)}
.pdoc p,.pdoc li{margin-bottom:.8rem}
.pdoc ul{list-style:disc;padding-left:1.25rem}
.pdoc .plead{margin-bottom:var(--sp-3)}
.pdoc--legal ol{padding-left:1.4rem}
.pdoc--legal ol > li{padding-left:.25rem}
.pdoc--legal h2{font-size:1.35rem;margin-top:var(--sp-3)}
.ptable{width:100%;border-collapse:collapse;margin:var(--sp-2) 0 var(--sp-3);font-size:.97rem}
.ptable th,.ptable td{padding:.8rem .8rem .8rem 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ptable thead th{font-size:.84rem;color:var(--muted);font-weight:600;border-bottom-color:var(--ink)}
.ptable td:nth-child(2){white-space:nowrap}
.plist{display:grid;gap:.5rem;margin:var(--sp-3) 0}
.plist a{display:grid;gap:.1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);text-decoration:none}
.plist a:hover{border-color:var(--ink)}
.plist span{color:var(--muted);font-size:.9rem}

/* administrace */
.adm{background:#f7f6f3}
.adm__top{display:flex;align-items:center;gap:var(--sp-3);min-height:3.75rem;padding:0 1.25rem;background:var(--surface);border-bottom:1px solid var(--line)}
.adm__top .pbrand{margin-right:var(--sp-2);font-size:1.3rem}
.adm__top nav{display:flex;gap:.25rem;margin-right:auto}
.adm__top nav a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:0 .8rem;border-radius:var(--r-s);text-decoration:none;color:var(--muted);font-weight:600}
.adm__top nav a[aria-current],.adm__top nav a:hover{color:var(--ink);background:#eeece6}
.adm__user{font-size:.9rem;color:var(--muted);margin:0}
.linkbtn{border:0;background:none;padding:0;color:inherit;text-decoration:underline;text-underline-offset:.18em;min-height:2.5rem}
.adm__main{width:min(100% - 2.5rem,76rem);margin:var(--sp-4) auto var(--sp-6)}
.adm__narrow{max-width:46rem}
.adm__head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap}
.adm h1{font-size:2.4rem;max-width:none}
.adm h1 small{font-size:1.1rem;font-weight:500;font-stretch:100%;color:var(--muted)}
.adm .h2,.adm .card h2{font-weight:800;font-stretch:72%;font-size:1.5rem;line-height:1.1}
.adm .h2{margin:var(--sp-4) 0 var(--sp-2)}
.tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l)}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th,.tbl td{padding:.8rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tbl thead th{font-size:.8rem;color:var(--muted);font-weight:600;white-space:nowrap;background:#fbfaf8}
.tbl tbody tr:last-child th,.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody th{font-weight:700}
.tbl tbody th small,.tbl td small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .act{text-align:right;white-space:nowrap}
.adm__main>.tablewrap+.cards{margin-top:var(--sp-3)}
.tbl__more td{padding:0 1rem;border-bottom:1px solid var(--line);background:#fbfaf8}
.tbl__more summary{padding:.55rem 0;font-size:.85rem;color:var(--muted);cursor:pointer}
.tbl__more details[open] summary{color:var(--ink)}
.more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);padding:.5rem 0 1.25rem}
.more__form{display:grid;gap:var(--sp-2);align-content:start}
.more__form .b{justify-self:start}
.more__form .f{margin:0}
@media (max-width:48rem){.more{grid-template-columns:1fr}}
.adm__main>p+.tablewrap{margin-top:var(--sp-2)}
.acts{display:flex;flex-wrap:wrap;gap:.5rem}
.card .acts form{display:block}
.tbl--plain{font-size:.92rem}
.tbl--plain th,.tbl--plain td{padding:.5rem 0;background:none}
.tbl--plain td+td,.tbl--plain th+td{padding-left:1rem}
.card form{display:grid;gap:var(--sp-2)}
.card form .b{justify-self:start}
.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.25rem;margin:0}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.qr{display:grid;justify-items:start;gap:.5rem}
.qr svg{width:11rem;height:11rem;padding:.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--r-m,10px)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
.card{display:grid;gap:var(--sp-2);align-content:start;padding:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l)}
.card .f,.card .fcheck{margin-bottom:0}
.inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}
.inline .f{flex:1 1 14rem;margin-bottom:0}
form.inline{display:inline-flex}
.card form.inline{display:flex}
.danger{margin-top:var(--sp-4);padding:var(--sp-2) var(--sp-3);border:1px solid #f1c4bf;border-radius:var(--r-l);background:var(--surface)}
.danger summary{cursor:pointer;font-weight:700;color:var(--bad);min-height:2.5rem;display:flex;align-items:center}
.danger form{margin:var(--sp-2) 0}
.mail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);margin-bottom:.4rem}
.mail summary{display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;padding:.7rem 1rem;cursor:pointer;font-size:.92rem}
.mail summary b{flex:1 1 16rem}
.mail pre{margin:0;padding:1rem;border-top:1px solid var(--line);white-space:pre-wrap;font:.9rem/1.5 ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}

@media (max-width:62rem){
  .pnav{display:none}
  .phero__in,.psplit{grid-template-columns:minmax(0,1fr)}
  .psplit__head{position:static}
  .pdemos,.pplans,.pkindlist,.dz__list{grid-template-columns:minmax(0,1fr)}
  .dz__frame{aspect-ratio:4/5}
  .pplan__for{min-height:0}
  .cards{grid-template-columns:minmax(0,1fr)}
  .pfoot__in{grid-template-columns:1fr}
}
@media (max-width:40rem){
  :root{--sp-6:4rem;--sp-5:3rem;--sp-4:2rem}
  .pwrap{width:min(100% - 2rem,72rem)}
  .ptop__in{min-height:3.75rem;gap:var(--sp-1)}
  .pbrand{font-size:1.25rem}
  .plink{padding:0 .5rem}
  .ptop__act .b{padding-inline:.9rem}
  .psteps{grid-template-columns:1fr;gap:var(--sp-3)}
  .pfeat li{grid-template-columns:1fr}
  .ppick--wide{grid-template-columns:1fr 1fr}
  .frow{grid-template-columns:1fr}
  .frow--ico{grid-template-columns:1fr}
  .wiz{padding:var(--sp-3) var(--sp-2);border-radius:var(--r-s)}
  .wiz legend span{font-size:1.8rem}
  .wiz__nav .b--primary{min-width:0;flex:1}
  .svc{grid-template-columns:1fr;gap:.5rem}
  .svc__price{padding-left:2.15rem}
  .dir{grid-template-columns:4rem 1fr}
  .pfaq p{padding-right:0}
  .pfaq summary{font-size:1.1rem}
  .adm__top{flex-wrap:wrap;padding:.5rem 1rem}
  .adm__user{width:100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important}
}