:root{
  --paper:#ffffff; --paper-2:#f4f4f5; --ink:#0e3a40; --ink-soft:#4f6b70; --petrol:#00555f;
  --teal:#00abbd; --teal-soft:#f1f1f2; --coral:#fc7c71; --coral-dark:#e8604f; --coral-on:#2a0d08;
  --glass:rgba(255,255,255,.62); --glass-strong:rgba(255,255,255,.84); --glass-edge:rgba(0,0,0,.06);
  --border:rgba(0,0,0,.08); --shadow:0 10px 30px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);
  --wall:#ffffff;
  --r:16px; --display:Poppins,"Open Sans",system-ui,sans-serif; --body:"Open Sans",system-ui,-apple-system,sans-serif;
}
:root[data-theme="dark"]{
  --paper:#000000; --paper-2:#0e0e0f; --ink:#e6f2f4; --ink-soft:#9cb3b8; --petrol:#7fd6e2;
  --teal:#2fc4d4; --teal-soft:#161617; --coral:#ff8a7f; --coral-dark:#ff9a90; --coral-on:#2a0d08;
  --glass:rgba(0,0,0,.58); --glass-strong:rgba(0,0,0,.82); --glass-edge:rgba(255,255,255,.10);
  --border:rgba(255,255,255,.10); --shadow:0 10px 30px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);
  --wall:#000000; color-scheme:dark}
*{box-sizing:border-box}
h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}
.glass{background:var(--glass-strong);border:1px solid var(--glass-edge);backdrop-filter:blur(20px) saturate(170%);box-shadow:var(--shadow)}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--body);padding:11px 18px;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;color:var(--ink)}
.btn-coral{background:var(--coral);color:var(--coral-on)}
.btn-glass{background:var(--glass);border-color:var(--border);backdrop-filter:blur(14px) saturate(160%)}
.btn-sm{padding:7px 13px;font-size:13px}
.pill{font:600 11px var(--body);padding:3px 9px;border-radius:999px;background:var(--teal-soft);color:var(--petrol);white-space:nowrap}
.pill.c{background:var(--teal-soft);color:var(--coral-dark)}
.row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 0;border-top:1px solid var(--border);font-size:12px;color:var(--ink-soft)}
.row:first-child{border-top:0}
.tl{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--border);font:600 13px var(--body);color:var(--ink)}
.tl b{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.08)}
.tl b.r{background:#ff5f57}.tl b.y{background:#febc2e}.tl b.g{background:#28c840}
.tl img{width:18px;height:18px;border-radius:5px;margin-left:8px}
.tl .meta{margin-left:auto;font:500 11px var(--body);color:var(--ink-soft)}
.menubar{display:flex;align-items:center;gap:14px;padding:6px 14px;font:600 12px var(--body);color:var(--ink);background:var(--glass-strong);backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid var(--border)}
.menubar img{width:18px;height:18px;border-radius:5px}
.menubar .app{font-weight:700}.menubar .sp{margin-left:auto}.menubar span{color:var(--ink-soft);cursor:default}
.menubar span.app,.menubar time,.menubar .st{color:var(--ink)}
.menubar span:hover{color:var(--ink)}
.menubar .hide-m{display:none}@media(min-width:760px){.menubar .hide-m{display:inline}}
.dockbar{display:flex;align-items:flex-end;gap:4px;padding:6px 10px;border-radius:18px;background:var(--glass-strong);border:1px solid var(--glass-edge);backdrop-filter:blur(22px) saturate(180%);box-shadow:var(--shadow)}
.dockbar .sep{width:1px;height:36px;background:var(--border);margin:0 4px 8px}
.dockbar button{position:relative;display:grid;justify-items:center;padding:2px 4px 8px;border:0;background:none;cursor:pointer}
.dockbar button img,.dockbar button .gi{width:44px;height:44px;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.18);transition:transform .25s cubic-bezier(.32,.72,0,1)}
.dockbar button .gi{display:grid;place-items:center;font:700 18px var(--display);color:#fff;background:var(--petrol)}
.dockbar button .gi.c{background:var(--coral);color:var(--coral-on)}
.dockbar button .gi.t{background:var(--teal)}
.dockbar button:hover img,.dockbar button:hover .gi,.dockbar button:focus-visible img,.dockbar button:focus-visible .gi{transform:translateY(-8px) scale(1.18)}
.dockbar button:focus-visible{outline:2px solid var(--teal);outline-offset:1px;border-radius:12px}
.dockbar button::after{content:"";position:absolute;bottom:2px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--ink-soft);opacity:0;transition:opacity .2s}
.dockbar button.open::after{opacity:1}
.dockbar button span{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font:600 11px var(--body);color:var(--ink);background:var(--glass-strong);border:1px solid var(--border);padding:3px 8px;border-radius:7px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.dockbar button:hover span,.dockbar button:focus-visible span{opacity:1}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}
.kpi{background:var(--glass);border:1px solid var(--border);border-radius:10px;padding:6px 8px}
.kpi b{font:600 15px var(--display);display:block;color:var(--ink)}
.kpi span{font-size:10px;color:var(--ink-soft)}
.bars{display:grid;gap:5px;margin-top:4px}
.bars div{display:grid;grid-template-columns:60px 1fr auto;gap:8px;align-items:center;font-size:11px;color:var(--ink-soft)}
.bars i{display:block;height:7px;border-radius:4px;background:var(--teal)}
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:6px;align-items:center;font:600 11px var(--body);color:var(--petrol);margin:4px 0 8px}
.flow span{background:var(--teal-soft);border-radius:10px;padding:7px 6px;text-align:center}
.flow b{color:var(--coral);font-size:14px}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px}
.mod{display:grid;justify-items:center;gap:4px;font:600 10px/1.1 var(--body);color:var(--ink-soft);text-align:center}
.mod img{width:34px;height:34px;border-radius:9px;background:var(--glass);border:1px solid var(--border);padding:3px}
.finder{display:grid;grid-template-columns:150px 1fr;min-height:260px}
.finder .side{border-right:1px solid var(--border);padding:10px;display:grid;gap:4px;align-content:start;font:600 12px var(--body);color:var(--ink-soft)}
.finder .side span{padding:5px 8px;border-radius:7px;cursor:pointer}.finder .side span.on{background:var(--teal-soft);color:var(--petrol)}
.finder .files{padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;align-content:start}
.file{display:grid;justify-items:center;gap:6px;text-align:center;font:500 11px/1.25 var(--body);color:var(--ink);padding:6px;border-radius:10px;cursor:pointer}
.file:hover{background:var(--glass)}
.file .thumb{width:72px;height:54px;border-radius:8px;background:var(--teal-soft);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}
.file .thumb img{width:30px;height:30px;border-radius:8px}
.file .thumb.c{background:var(--teal-soft)}
.file small{color:var(--ink-soft);font-size:10px}
@media(max-width:560px){.finder{grid-template-columns:1fr}.finder .side{display:none}}
.form{display:grid;gap:10px}
.form label{display:grid;gap:4px;font:600 12px var(--body);color:var(--ink-soft)}
.form input,.form select,.form textarea{font:14px var(--body);padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--glass);color:var(--ink)}
.form textarea{min-height:70px;resize:vertical}
.err{font-size:12px;color:var(--coral-dark);display:none}
.ok{font-size:13px;color:var(--petrol);display:none}

:root{--tile:#fff;--tile-edge:rgba(0,0,0,.08)}
:root[data-theme="dark"]{--tile:#0e0e0f;--tile-edge:rgba(255,255,255,.14)}
img.brandmark{background:none!important;border:0!important;padding:0!important}
img[src$=".svg"]{background:var(--tile);border:1px solid var(--tile-edge);padding:14%;box-sizing:border-box;object-fit:contain}
.tl img[src$=".svg"],.topbar img[src$=".svg"]{padding:10%}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--body);padding:0;overflow-x:hidden}
.btn{border-radius:10px}
.bg{position:fixed;inset:0;z-index:-1;background:
 radial-gradient(40% 50% at 15% 10%, rgba(0,171,189,.22), transparent 70%),
 radial-gradient(35% 45% at 90% 20%, rgba(252,124,113,.16), transparent 70%),
 var(--paper)}
.wrap{max-width:1140px;margin:0 auto;padding-inline:20px}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:calc(12px + env(safe-area-inset-top,0px)) max(18px,calc((100% - 1100px)/2 + 12px)) 12px;margin:0;border-radius:0;border-width:0 0 1px;background:var(--glass);border-color:var(--border);box-shadow:none;transition:padding .25s,background .25s,box-shadow .25s}
.topbar.scrolled{padding-top:calc(7px + env(safe-area-inset-top,0px));padding-bottom:7px;background:var(--glass-strong);box-shadow:0 8px 24px -16px rgba(0,0,0,.25)}
.topbar .logo{display:flex;align-items:center;gap:10px;font:700 17px var(--display);color:var(--petrol)}
.topbar .logo img{width:28px;height:28px;border-radius:8px}
.topbar .logo .brand2{font-weight:500;color:var(--ink-soft);margin-left:-4px}
@media(max-width:480px){.topbar .logo .brand2{display:none}}
.topbar nav{display:none;gap:18px;flex:1;justify-content:center;align-items:center;font:600 13px var(--body);color:var(--ink-soft)}
.topbar nav a{color:inherit;text-decoration:none}
.topbar nav .poradce{color:var(--petrol)}
@media(min-width:800px){.topbar nav{display:flex}}
.dd{position:relative}
.dd>a{display:inline-flex;align-items:center;gap:4px}
.dd .menu{position:absolute;top:calc(100% + 14px);left:-12px;min-width:240px;border-radius:14px;padding:8px;display:none;flex-direction:column;z-index:30}
.dd .menu a{display:block;padding:9px 12px;border-radius:9px;color:var(--ink);font:600 13px var(--body)}
.dd .menu a:hover{background:var(--teal-soft);color:var(--petrol)}
.dd:hover .menu,.dd:focus-within .menu,.dd.open .menu{display:flex}
.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.topbar .btn{margin-left:auto}@media(min-width:800px){.topbar .btn{margin-left:0}}
section{padding-block:64px}
h2.sec{font-size:clamp(28px,3.6vw,40px);font-weight:700;margin-bottom:8px}
.sech{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.sech .sec{margin-bottom:0}
.sico{flex:none;width:44px;height:44px;border-radius:12px;background:var(--teal-soft);color:var(--petrol);display:grid;place-items:center}
.sico svg{width:24px;height:24px}
.sico.logo{background:none}.sico.logo img{width:44px;height:44px;border-radius:12px;padding:0!important;border:0!important}
.sub{color:var(--ink-soft);margin:0 0 26px;max-width:40em;font-size:16px}
.label{font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}

.hero{display:grid;gap:40px;align-items:center;padding-block:56px 48px}
@media(min-width:920px){.hero{grid-template-columns:1.05fr .95fr}}
.hero h1{font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.04}
.hero h1 em{font-style:normal;color:var(--coral-dark);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em;text-decoration-skip-ink:auto}
.lead{font-size:18px;color:var(--ink-soft);max-width:30em;margin:20px 0 28px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.proof span{font:600 12px var(--body);color:var(--ink-soft);padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px)}
.proof b{color:var(--ink)}
.stage{position:relative;min-height:380px}
.macwin{border-radius:14px;overflow:hidden}
.macwin .tl{position:relative;justify-content:center;padding:9px 64px;min-height:36px}
.macwin .lights{position:absolute;left:10px;top:0;bottom:0;display:flex;align-items:center;gap:6px}
.macwin .ttl{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.macwin .ttl img{margin-left:0}
.macwin .in{padding:12px 14px}
.stage .macwin{position:absolute;left:0;right:70px;top:0;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .45s,transform .45s cubic-bezier(.32,.72,0,1);pointer-events:none}
.stage .macwin.on{opacity:1;transform:none;pointer-events:auto}
.phone{position:absolute;right:0;bottom:0;width:150px;aspect-ratio:9/19;border-radius:26px;background:#0e1b1f;padding:7px;box-shadow:0 20px 50px rgba(0,0,0,.25);z-index:2}
.phone .notch{position:absolute;left:50%;top:12px;width:48px;height:12px;margin-left:-24px;border-radius:7px;background:#0e1b1f;z-index:3}
.phone .scr{width:100%;height:100%;border-radius:20px;background:var(--paper);overflow:hidden;padding:26px 8px 8px;display:grid;gap:6px;align-content:start;font-size:9px;color:var(--ink-soft)}
.phone .scr .hd{font:700 11px var(--display);color:var(--ink);display:flex;align-items:center;gap:5px}
.phone .scr .hd img{width:14px;height:14px;border-radius:4px}
.phone .scr .it{background:var(--glass-strong);border:1px solid var(--border);border-radius:8px;padding:5px 6px;display:grid;gap:2px}
.phone .scr .it b{color:var(--ink);font-size:9px}
.phone .scr .tab{margin-top:auto;display:flex;justify-content:space-around;padding:4px 0 0;border-top:1px solid var(--border)}
.phone .scr .tab i{display:block;width:16px;height:4px;border-radius:2px;background:var(--border)}.phone .scr .tab i.on{background:var(--teal)}
.switch{position:absolute;left:0;bottom:-30px;display:flex;gap:8px}
.switch button{display:flex;align-items:center;gap:6px;font:600 12px var(--body);color:var(--ink-soft);border:1px solid var(--border);background:var(--glass);border-radius:999px;padding:5px 10px 5px 5px;cursor:pointer}
.switch button img{width:20px;height:20px;border-radius:6px}
.switch button[aria-selected="true"]{color:var(--petrol);border-color:var(--teal)}
@media(max-width:560px){.stage .macwin{right:0}.stage .phone{display:none}.switch{position:static;margin-top:12px;flex-wrap:wrap}}

.g1{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:860px){.g1{grid-template-columns:repeat(4,1fr)}.g1 .big{grid-column:span 2;grid-row:span 2}}
.tile{padding:22px;display:flex;flex-direction:column;gap:8px;min-height:160px;border-radius:var(--r)}
.tile h3{font-size:19px;font-weight:600}
.tile p{margin:0;color:var(--ink-soft);font-size:14px}
.tile .more{font:600 13px var(--body);color:var(--petrol);text-decoration:none;margin-top:auto}
.tile .ico{width:38px;height:38px;border-radius:11px;background:var(--teal-soft);color:var(--petrol);display:grid;place-items:center;font:700 15px var(--display)}
.tile .ico img{width:38px;height:38px;border-radius:11px}
.tile.coral .ico{background:var(--teal-soft);color:var(--coral-dark)}
.tile .prev{margin-top:14px}
.tile .prev .macwin{box-shadow:0 10px 30px rgba(0,0,0,.12)}
.tile .prev .macwin .in{padding:8px 10px;font-size:11px}
.tile .prev .row{padding:5px 0;font-size:11px}
.tile .prevphone{margin:14px auto 0;position:static;width:140px}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin-top:8px}
.mod{display:grid;justify-items:center;gap:4px;font:600 10px/1.1 var(--body);color:var(--ink-soft);text-align:center}
.mod img{width:36px;height:36px;border-radius:10px}

.works{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.work{border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.work .thumb{background:var(--teal-soft);padding:16px 16px 0;height:170px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.work .thumb .macwin{width:100%;border-radius:10px 10px 0 0;font-size:11px}
.work .thumb .macwin .in{padding:8px 10px}.work .thumb .row{padding:4px 0;font-size:10px}
.work .thumb img.shot{width:100%;border-radius:10px 10px 0 0;display:block}
.work .thumb .phone{position:static;width:110px;margin-bottom:-60px}
.work .body{padding:14px 16px 16px;display:grid;gap:4px}
.work .body b{font:600 16px var(--display);color:var(--ink)}
.work .body span{color:var(--ink-soft);font-size:13px}
.work .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}

.hosting{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:980px}
.plan{padding:24px;border-radius:var(--r);display:flex;flex-direction:column;gap:8px}
.plan ul{flex:1;align-content:start}
.plan h3{font-size:22px;font-weight:700}
.pico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--teal-soft);color:var(--petrol);margin-bottom:4px}
.pico svg{width:24px;height:24px}
.pico.t{background:var(--teal);color:#fff}
.pico.c{background:var(--coral);color:var(--coral-on)}
.pico.p{background:var(--petrol);color:#fff}
.plan .for{color:var(--ink-soft);font-size:14px}
.plan .price{font:700 32px var(--display);color:var(--ink);line-height:1.1;margin-top:6px}
.plan .price small{font:600 13px var(--body);color:var(--ink-soft)}
.plan ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;color:var(--ink-soft)}
.plan li::before{content:"✓";color:var(--teal);font-weight:700;margin-right:8px}
.plan .btn{margin-top:auto;align-self:center}
.plan ul{margin-bottom:14px}
.plan.hi{border:2px solid var(--teal);position:relative}
.plan.hi[data-badge]::after{content:attr(data-badge);position:absolute;top:-2px;right:-2px;background:var(--teal);color:#fff;font:600 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:8px 14px 8px 16px;border-radius:0 var(--r) 0 14px}
.hosthead{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.hosthead .sub{margin-bottom:0}
.sw{display:inline-flex;align-items:center;gap:12px;margin:0 0 6px;cursor:pointer;font:600 14px var(--body);color:var(--ink-soft);user-select:none}
.sw span.on{color:var(--ink)}
.sw small{font:500 12px var(--body);color:var(--coral-dark);margin-left:6px}
.sw input{position:absolute;opacity:0;width:0;height:0}
.sw i{position:relative;width:48px;height:28px;border-radius:999px;background:var(--border);border:1px solid var(--border);transition:background .2s;flex:none}
.sw i::after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .22s cubic-bezier(.32,.72,0,1)}
.sw input:checked+i{background:var(--teal)}
.sw input:checked+i::after{transform:translateX(20px)}
.sw input:focus-visible+i{outline:2px solid var(--teal);outline-offset:2px}
.plan .alt{font-size:13px;color:var(--ink-soft)}
.plan .save{font:700 13px var(--body);font-style:normal;color:var(--coral-dark);background:var(--teal-soft);padding:3px 8px;border-radius:999px;vertical-align:middle;margin-left:6px}
.claim{font-size:clamp(22px,3vw,30px);font-weight:700;max-width:22em;margin:0 0 6px}
.note{font-size:13px;color:var(--ink-soft);margin:14px 0 0}

.trust{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:22px}
.tcard{padding:18px 20px;border-radius:var(--r);display:grid;grid-template-columns:52px 1fr;column-gap:16px;row-gap:4px;align-items:start}
.tcard .tlogo{grid-row:1/3;margin:0}
.tcard b{font:600 16px var(--display);color:var(--ink)}
.tlogo{width:52px;height:52px;margin-bottom:4px}.tlogo svg{width:52px;height:52px;display:block;box-shadow:var(--shadow);border-radius:12px}
.tcard span{color:var(--ink-soft);font-size:14px}
.reviews{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.rev{padding:20px;border-radius:var(--r);display:grid;gap:8px}
.rev q{quotes:"„" "“";font-size:15px;color:var(--ink)}
.rev .who{font-size:13px;color:var(--ink-soft)}
.rev .stars{color:var(--coral);font-size:13px;letter-spacing:2px}

.contact{display:grid;gap:24px;align-items:start}
@media(min-width:860px){.contact{grid-template-columns:1fr 1fr}}
.contact .glass{padding:22px;border-radius:var(--r)}
footer{padding:40px 0 60px;font-size:13px;color:var(--ink-soft)}
footer .cols{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between}
@media (prefers-reduced-motion: reduce){.stage .macwin{transition:none}}

.svc{padding-block:40px;border-top:1px solid var(--border)}
.svc:first-of-type{border-top:0}
.svc-g{display:grid;gap:28px;align-items:center}
@media(min-width:900px){.svc-g{grid-template-columns:1fr 1fr}.svc:nth-of-type(even) .svc-g>div:first-child{order:2}}
.pts{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:8px;color:var(--ink-soft);font-size:15px}
.pts li::before{content:"✓";color:var(--teal);font-weight:700;margin-right:10px}
.svc-prev .macwin{font-size:12px}.svc-prev .phone{position:static;margin:0 auto}
.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.subnav a{font:600 13px var(--body);color:var(--ink-soft);text-decoration:none;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--glass)}
.subnav a:hover{color:var(--petrol);border-color:var(--teal)}
.pagehead{padding-block:48px 10px}
.pagehead h1{font-size:clamp(34px,4.5vw,52px);font-weight:700}
/* v5: bílé karty s ilustrací */
:root{--card:#ffffff;--line:rgba(0,0,0,.08);--dot:rgba(0,0,0,.25);--soft:#4f6b70}
:root[data-theme="dark"]{--card:#0e0e0f;--line:rgba(255,255,255,.10);--dot:rgba(255,255,255,.28);--soft:#9cb3b8}
.g3{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.06);min-width:0}
.gcard .gill{height:260px;display:grid;place-items:center;margin-bottom:10px;overflow:hidden}
.gcard .gill>svg{width:100%;max-width:420px;height:auto}
.gcard h3{font:600 24px/1.18 var(--display);letter-spacing:-.01em;margin:0;color:var(--ink);text-wrap:balance}
.gcard p{margin:0;color:var(--ink-soft);font-size:15px;flex:1}
.gcard .more{font:600 14px var(--body);color:var(--teal);text-decoration:none;margin-top:6px}
.gcard .tags{display:flex;gap:6px;flex-wrap:wrap}
.gcard .work-ill{background:var(--teal-soft);border-radius:16px;padding:16px 16px 0;align-items:end;width:100%;box-sizing:border-box}
.gcard .work-ill .macwin{width:100%}.gcard .work-ill img.shot{width:100%;border-radius:10px 10px 0 0;display:block}
.gcard .work-ill .phone{position:static;width:120px;margin-bottom:-60px}
.gcard .gill .phone{position:static;margin:0}
.gcard .mods{grid-template-columns:repeat(5,1fr);gap:6px}
.gcard .gill .mod img{width:28px;height:28px;border-radius:8px}
.gcard .gill .mod{font-size:9px}

.svc{padding-block:28px;border-top:0}
.svc .gcard.wide{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:28px 32px}
.svc .gcard.wide .gill{height:auto;min-height:260px;margin:0}
.svc .gcard.wide .txt{display:flex;flex-direction:column;gap:10px}
.svc .gcard.wide .txt .btn{align-self:flex-start;margin-top:8px}
.svc:nth-of-type(even) .gcard.wide .gill{order:2}
@media(max-width:860px){.svc .gcard.wide{grid-template-columns:1fr}.svc:nth-of-type(even) .gcard.wide .gill{order:0}}
.gcard.wide h2.sec{font-size:clamp(24px,2.8vw,32px);margin:0}
.pts{margin:0}
.plan{background:var(--card);border:1px solid var(--line);backdrop-filter:none;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.plan.hi{border:2px solid var(--teal)}
.hosting-wrap{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px 32px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.hosting-wrap .plan{box-shadow:none;background:var(--paper)}
.hosting-wrap .hosthead .sech{margin-bottom:0}
/* téma: obecné stránky */
a{color:var(--petrol)}
.logo{text-decoration:none}
.entry{padding-block:48px 64px;max-width:760px}
.entry h1{font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:18px}
.entry .content{font-size:16px}
.entry .content img{border-radius:16px;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}


.navtoggle{display:none;margin-left:auto;width:40px;height:40px;border:0;border-radius:10px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.navtoggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink)}
@media(max-width:799px){.navtoggle{display:flex}.topbar{flex-wrap:wrap}.topbar .btn-sm{margin-left:0}
}
@media(max-width:560px){.ult-box{grid-template-columns:auto 1fr!important}.ult-box .btn,.ult-box .wp-block-buttons{grid-column:1/-1;justify-self:start}}

/* ---------------------------------------------------------------------------
   0.2.0 blokové téma: obsah stránek je z core bloků (skupina, nadpis, odstavec,
   obrázek, tlačítka, seznam) s třídami výše. Tady jen to, čím se markup bloků liší
   od původního HTML (odstavce místo <div>, obal tlačítek, <figure> kolem obrázků).
   --------------------------------------------------------------------------- */
.site-header{display:contents}
.wrap>.wp-block-post-content{margin:0}
.label{margin:0}
.hero .label{margin-bottom:14px}
.pagehead .label,.entry .label{margin-bottom:12px}
.sub.velka{font-size:18px}
.sub a{color:var(--petrol);font-weight:600}
.wp-block-image.sico,.wp-block-image.shot,.wp-block-image.ult-ico{margin:0}
.sech-odsazeni{margin-top:34px}
.mt22{margin-top:22px}
.hosting.mt28{margin-top:28px}
/* hero */
.proof>p{margin:0;font:600 12px var(--body);color:var(--ink-soft);padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px)}
.proof strong,.proof b{color:var(--ink)}
/* tlačítka (core/button): vypadají jako .btn; výchozí styl je korál, „Sklo“ je .btn-glass */
.wp-block-buttons.ctas{display:flex;gap:12px;flex-wrap:wrap}
.wp-block-button>.wp-block-button__link{display:inline-flex;align-items:center;gap:8px;height:auto;font:600 14px var(--body);padding:11px 18px;border-radius:10px;text-decoration:none;border:1px solid transparent;cursor:pointer;color:var(--ink);background:none;box-shadow:none}
.wp-block-button:not(.is-style-glass)>.wp-block-button__link{background:var(--coral);color:var(--coral-on)}
.wp-block-button.is-style-glass>.wp-block-button__link{background:var(--glass);border-color:var(--border);color:var(--ink);backdrop-filter:blur(14px) saturate(160%)}
.wp-block-button.tlacitko-male>.wp-block-button__link{padding:7px 13px;font-size:13px}
.svc .gcard.wide .txt .wp-block-buttons{align-self:flex-start;margin-top:8px}
.plan .wp-block-buttons{margin-top:auto;align-self:center}
/* karty */
.gcard p.more{flex:none;margin:6px 0 0;font:600 14px var(--body);color:var(--teal)}
.gcard p.more a{color:inherit;text-decoration:none}
.gcard .work-ill .shot{width:100%}
.gcard .work-ill .shot img{width:100%;height:auto;border-radius:10px 10px 0 0;display:block}
.plan p.for{margin:0}
.plan p.for.mala{font-size:13px}
/* recenze */
.rev>p{margin:0}
.rev .q{font-size:15px;color:var(--ink)}
.rev .q::before{content:"„"}.rev .q::after{content:"“"}
.rev .stars{color:var(--coral);font-size:13px;letter-spacing:2px}
.rev .who{font-size:13px;color:var(--ink-soft)}
/* ULTIMATE */
.ult-box{padding:28px;border-radius:var(--r);display:grid;gap:10px;grid-template-columns:auto 1fr auto;align-items:center}
.ult-box .ult-ico img{width:56px;height:56px;border-radius:14px;display:block}
.ult-box p{margin:0}
.ult-box .ult-t{font:600 18px var(--display);color:var(--ink)}
.ult-box .ult-d{color:var(--ink-soft);font-size:14px}
/* kontakt */
.contact .kroky-box{margin-bottom:14px}
.contact .box-t{margin:0;font:600 16px var(--display);color:var(--ink)}
.contact .kroky{margin:8px 0 0;padding-left:18px;color:var(--ink-soft);font-size:14px;display:grid;gap:4px}
.contact .box-d{margin:6px 0 0;color:var(--ink-soft);font-size:14px}

.pt0{padding-top:0}

/* Služby › Parťáq WEB (0.2.2): karta s claimem, MacBook + iPhone (blok partaq/zarizeni), body s ikonami, pruh oborů */
:root{--ic:#21759b;--sg-lid:#3b3c40;--sg-edge:#56575c;--sg-base1:#86878c;--sg-base2:#5d5e63;--bezel:#050506;--ip-frame:#4a4b50}
:root[data-theme="dark"]{--ic:#5fb0d6}
.pw-wrap{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.06);overflow:hidden}
.pw-wrap .wp-block-group,.pw-wrap p{margin:0}
.pw-wrap .claim.pw-top{max-width:none;padding:32px 32px 0;text-align:center}
.pw-main{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:20px 32px 0}
@media(min-width:861px){.pw-obraceny .pw-dev{order:-1}}
.pw-txt{display:flex;flex-direction:column;gap:22px;padding-bottom:32px}
.pw-claims{display:grid;gap:12px}
.pw-bod{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:16px}
.pw-ic{flex:none;display:grid;place-items:center;width:28px;height:28px;color:var(--ic)}
.pw-ic svg{width:28px;height:28px;stroke-width:1.9}
.pw-wrap .pw-cta{justify-content:center}
.pw-dev{position:relative;min-height:320px;display:flex;justify-content:center;align-items:center;padding-top:20px}
.mba{width:min(400px,86%);position:relative}
.mba-lid{background:var(--sg-lid);border-radius:14px 14px 3px 3px;padding:2px;box-shadow:inset 0 0 0 1px var(--sg-edge)}
.mba-scr{position:relative;overflow:hidden;background:var(--paper);border:7px solid var(--bezel);border-top-width:8px;border-radius:12px 12px 2px 2px;aspect-ratio:1.54/1;padding:16px 12px 10px;display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--ink-soft)}
.mba-notch{position:absolute;top:0;left:50%;width:15%;height:12px;margin-left:-7.5%;background:var(--bezel);border-radius:0 0 6px 6px;z-index:2}
.mba-base{position:relative;height:9px;margin:0 -6.5%;background:linear-gradient(var(--sg-base1),var(--sg-base2));border-radius:1px 1px 10px 10px/1px 1px 7px 7px;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.mba-base::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#9fa0a5;border-radius:2px}
.mba-thumb{position:absolute;left:50%;top:0;width:15%;height:4px;margin-left:-7.5%;background:var(--sg-base2);border-radius:0 0 6px 6px}
.ip{position:absolute;right:max(3%,calc(50% - 225px));top:64px;width:108px;aspect-ratio:9/19.5;border-radius:22px;background:var(--bezel);padding:4px;box-shadow:0 0 0 2px var(--ip-frame),0 22px 48px rgba(0,0,0,.3)}
.ip-btn{position:absolute;width:3px;background:var(--ip-frame);border-radius:2px}
.ip-btn.a{left:-4px;top:20%;height:6%}.ip-btn.b{left:-4px;top:30%;height:11%}.ip-btn.c{right:-4px;top:28%;height:16%}.ip-btn.d{right:-4px;top:52%;height:8%;opacity:.8}
.ip-scr{position:relative;overflow:hidden;height:100%;border-radius:18px;background:var(--paper);padding:20px 6px 8px;display:flex;flex-direction:column;gap:8px;font-size:8px;color:var(--ink-soft)}
.ip-island{position:absolute;top:5px;left:50%;width:28px;height:8px;margin-left:-14px;border-radius:6px;background:var(--bezel);z-index:2}
.ip-status{position:absolute;top:4px;left:10px;right:10px;display:flex;justify-content:space-between;font-size:6px;color:var(--ink)}
.pw-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.pw-nav{display:flex;justify-content:space-between;align-items:center}.pw-nav b{font:700 12px var(--display);color:var(--petrol)}
.pw-hero{flex:1;border-radius:8px;background:var(--paper-2);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 14px}
.pw-hero i{font:700 15px/1.15 var(--display);font-style:normal;color:#0e3a40;max-width:11em}
.pw-hero span,.pw-mbtn{align-self:flex-start;background:var(--coral);color:var(--coral-on);font:600 9px var(--body);padding:5px 10px;border-radius:999px}
.pw-mbtn{align-self:center}
.pw-rev{color:var(--coral);letter-spacing:1px}.pw-rev em{font-style:normal;color:var(--ink-soft);letter-spacing:0}
.pw-note{display:flex;gap:5px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:5px;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.pw-note img{width:20px;height:20px;background:none!important;border:0!important;padding:0!important}.pw-note b{display:block;color:var(--ink);font-size:8px}
.pw-mhero{flex:1;border-radius:8px;background:var(--paper-2);display:grid;place-items:center;font:700 12px var(--display);color:#00555f}
.pw-strip{border-top:1px solid var(--line);background:var(--paper);padding:16px 0 18px}
.pw-strip-hd{position:relative;display:flex;justify-content:center;align-items:baseline;gap:12px;padding:0 32px 12px}
.pw-strip-hd .pw-odkaz{position:absolute;right:32px;top:0;font:600 13px var(--body)}
.pw-strip-hd .pw-odkaz a{color:var(--petrol);text-decoration:none}.pw-strip-hd .pw-odkaz a:hover{text-decoration:underline}
.pw-vp{position:relative;overflow:hidden}
.pw-vp::before,.pw-vp::after{content:"";position:absolute;top:0;bottom:0;width:9%;z-index:2;pointer-events:none}
.pw-vp::before{left:0;background:linear-gradient(90deg,var(--paper) 22%,transparent)}
.pw-vp::after{right:0;background:linear-gradient(270deg,var(--paper) 22%,transparent)}
.pw-track{display:flex;gap:28px;width:max-content;animation:pwscroll 36s linear infinite}
.pw-strip:hover .pw-track{animation-play-state:paused}
@keyframes pwscroll{to{transform:translateX(calc(-50% - 14px))}}
.pw-chip{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:4px 6px;white-space:nowrap}
.pw-chip p{font:600 16px var(--display);color:var(--ink)}
.pw-oic{display:grid;place-items:center}.pw-oic svg{width:28px;height:28px;stroke-width:1.6}
@media (prefers-reduced-motion: reduce){.pw-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;padding:0 16px}.pw-track [aria-hidden="true"]{display:none}.pw-vp::before,.pw-vp::after{display:none}}
@media(max-width:860px){.pw-main{grid-template-columns:1fr;padding:12px 20px 0;gap:8px}.pw-txt{padding-bottom:8px}.pw-wrap .claim.pw-top{padding:24px 20px 0;text-align:left}.pw-dev{min-height:290px}}
@media(max-width:600px){.pw-strip-hd{flex-direction:column;align-items:center;gap:6px}.pw-strip-hd .pw-odkaz{position:static}}
@media(max-width:480px){.ip{width:86px;top:52px;border-radius:18px}.ip-scr{border-radius:14px}.pw-dev{min-height:250px}}

.bg{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#000000; --paper-2:#0e0e0f; --ink:#e6f2f4; --ink-soft:#9cb3b8; --petrol:#7fd6e2;
  --teal:#2fc4d4; --teal-soft:#161617; --coral:#ff8a7f; --coral-dark:#ff9a90; --coral-on:#2a0d08;
  --glass:rgba(0,0,0,.58); --glass-strong:rgba(0,0,0,.82); --glass-edge:rgba(255,255,255,.10);
  --border:rgba(255,255,255,.10); --shadow:0 10px 30px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);
  --wall:#000000; color-scheme:dark}:root:not([data-theme="light"]){--tile:#0e0e0f;--tile-edge:rgba(255,255,255,.14)}:root:not([data-theme="light"]){--card:#0e0e0f;--line:rgba(255,255,255,.10);--dot:rgba(255,255,255,.28);--soft:#9cb3b8}:root:not([data-theme="light"]){--ic:#5fb0d6}}

/* ===== Inkoust a papír (0.3.0): lišta, menu, dropdown „rozlití“, tlačítka, přepínač režimu ===== */
:root{--inkp:#000;--pap:#fff}
:root[data-theme="dark"]{--inkp:#fff;--pap:#000}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--inkp:#fff;--pap:#000}}

.topbar,.topbar.scrolled{background:var(--pap);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-bottom:1.5px solid var(--inkp);box-shadow:none}
.topbar .logo,.topbar .logo .brand2{color:var(--inkp)}
.topbar nav{gap:4px;color:var(--inkp);font:600 13px var(--body);letter-spacing:.06em;text-transform:uppercase}
.topbar nav>a,.topbar nav .dd>a{padding:8px 12px;border:1.5px solid transparent;border-radius:10px;transition:background .15s,color .15s}
.topbar nav>a:hover{background:var(--inkp);color:var(--pap)}
.topbar nav .poradce{color:var(--inkp);border-color:var(--inkp)}
.dd::after{display:none}

/* Dropdown: panel visí ze spodní čáry lišty, čára se do jeho boků stočí obloučky (.fil). */
.dd .menu{background:var(--pap);border:1.5px solid var(--inkp);border-radius:12px;padding:6px;backdrop-filter:none;box-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 12px -2px rgba(0,0,0,.08),0 24px 48px -12px rgba(0,0,0,.18);text-transform:none;letter-spacing:0}
.dd .menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--inkp);font:600 14px var(--body);border:1.5px solid transparent;border-radius:6px;transition:border-color .15s}
.dd .menu a::after{content:"→";opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.dd .menu a:hover,.dd .menu a:focus-visible{background:none;border-color:var(--inkp);color:var(--inkp)}
.dd .menu a:hover::after,.dd .menu a:focus-visible::after{opacity:1;transform:none}
.dd .menu .fil{display:none}
@media(min-width:800px){
 .topbar nav .dd{position:static}
 .topbar nav .dd>a{position:relative;z-index:32}
 .topbar .dd .menu::before{content:"";position:absolute;left:-12px;right:-12px;bottom:100%;height:var(--mezera,14px)}
 .topbar nav .dd>a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1.5px;background:var(--inkp);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}
 .topbar nav .dd:hover>a::after,.topbar nav .dd:focus-within>a::after,.topbar nav .dd.open>a::after{transform:scaleX(1)}
 .topbar nav .dd>a svg{transition:transform .2s}
 .topbar nav .dd:hover>a svg,.topbar nav .dd:focus-within>a svg,.topbar nav .dd.open>a svg{transform:rotate(180deg)}
 .topbar .dd .menu{top:100%;left:var(--ddx,0);border-top:0;border-radius:0 0 12px 12px;z-index:30;background:linear-gradient(var(--pap) 0 2px,transparent 2px),var(--pap)}
 .topbar .dd .menu{display:flex;visibility:hidden;clip-path:inset(-60px -12px 100% -12px);transition:clip-path .28s cubic-bezier(.65,0,.35,1),visibility 0s .28s}
 .topbar .dd:hover .menu,.topbar .dd:focus-within .menu,.topbar .dd.open .menu{visibility:visible;clip-path:inset(-60px -12px -60px -12px);transition:clip-path .32s cubic-bezier(.65,0,.35,1) .08s,visibility 0s}
 .topbar .dd .menu .fil{display:block;position:absolute;top:0;width:10px;height:10px;pointer-events:none}
 .topbar .dd .menu .fil.l{left:-10px;background:radial-gradient(circle at 0 100%,var(--pap) 8.2px,var(--inkp) 8.7px 9.8px,var(--pap) 10.3px)}
 .topbar .dd .menu .fil.r{right:-10px;background:radial-gradient(circle at 100% 100%,var(--pap) 8.2px,var(--inkp) 8.7px 9.8px,var(--pap) 10.3px)}
}
@keyframes partaq-rozliti{from{clip-path:inset(-60px -12px 100% -12px)}to{clip-path:inset(-60px -12px -60px -12px)}}

/* Tlačítka: inkoustové s korálovou šipkou, při najetí korálový obrys; sekundární papír s obrysem. */
.btn,.wp-block-button>.wp-block-button__link{border:1.5px solid var(--inkp);border-radius:10px;transition:border-color .2s,background .15s,color .15s}
.btn-coral,.wp-block-button:not(.is-style-glass)>.wp-block-button__link{background:var(--inkp);color:var(--pap);border-color:var(--inkp)}
.btn-coral::after,.wp-block-button:not(.is-style-glass)>.wp-block-button__link::after{content:"→";color:var(--coral);display:inline-block;transition:transform .2s}
.btn-coral:hover,.wp-block-button:not(.is-style-glass)>.wp-block-button__link:hover{border-color:var(--coral)}
.btn-coral:hover::after,.wp-block-button:not(.is-style-glass)>.wp-block-button__link:hover::after{transform:translateX(3px)}
.btn-glass,.wp-block-button.is-style-glass>.wp-block-button__link{background:var(--pap);color:var(--inkp);border-color:var(--inkp);-webkit-backdrop-filter:none;backdrop-filter:none}
.btn-glass:hover,.wp-block-button.is-style-glass>.wp-block-button__link:hover{background:var(--inkp);color:var(--pap)}

/* Přepínač režimu: při najetí se z pravého horního rohu poodhalí druhý symbol, při kliknutí klín přejede celé tlačítko. */
.themetoggle{position:relative;overflow:hidden;display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;border:1.5px solid var(--inkp);background:none;color:var(--inkp);cursor:pointer}
.themetoggle>svg{position:absolute;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s}
.themetoggle>.i-moon{transform:rotate(-90deg) scale(.4);opacity:0}
:root.is-dark .themetoggle>.i-sun{transform:rotate(90deg) scale(.4);opacity:0}
:root.is-dark .themetoggle>.i-moon{transform:none;opacity:1}
.themetoggle .peek{position:absolute;inset:0;display:grid;place-items:center;background:var(--inkp);color:var(--pap);clip-path:polygon(100% 0,100% 0,100% 0);transition:clip-path .45s cubic-bezier(.4,0,.2,1);pointer-events:none}
.themetoggle .peek .p-sun,:root.is-dark .themetoggle .peek .p-moon{display:none}
:root.is-dark .themetoggle .peek .p-sun{display:block}
.themetoggle:hover .peek,.themetoggle:focus-visible .peek{clip-path:polygon(18% 0,100% 0,100% 82%)}
.themetoggle.sweep .peek{clip-path:polygon(-120% 0,100% 0,100% 220%);transition-duration:.3s}
/* Po přepnutí se tlačítko srovná okamžitě (bez dojíždění ikon a klínu). */
.themetoggle.ihned>svg,.themetoggle.ihned .peek{transition:none}
.themetoggle.ihned .peek,.themetoggle.po:hover .peek{clip-path:polygon(100% 0,100% 0,100% 0)}
@media(max-width:799px){.themetoggle{margin-left:auto}.themetoggle+.navtoggle{margin-left:8px}}
@media (prefers-reduced-motion:reduce){.themetoggle>svg,.themetoggle .peek{transition:none}.topbar .dd .menu{transition:none!important}}
@keyframes partaq-blik{0%,100%{opacity:0}35%,65%{opacity:1}}
/* Halloween (15. 10. – 2. 11., třídu .halloween nastaví skript v hlavičce): tmavý režim s halloweenskou rudou z brand manuálu místo tyrkysové. */
:root.halloween[data-theme="dark"]{--teal:#e3172b;--petrol:#e3172b}
@media (prefers-color-scheme:dark){:root.halloween:not([data-theme="light"]){--teal:#e3172b;--petrol:#e3172b}}
/* Zvýraznění v claimu: korál (v halloweenském tmavém režimu oranžová). */
:root.halloween[data-theme="dark"] .hero h1 em{color:var(--teal)}
@media (prefers-color-scheme:dark){:root.halloween:not([data-theme="light"]) .hero h1 em{color:var(--teal)}}
/* Roller slov v claimu: okno na výšku jednoho slova, slova jedou zdola nahoru, šířka se plynule přizpůsobí. */
.hero h1 .roller{display:inline-block;position:relative;overflow:hidden;vertical-align:baseline;height:1.3em;line-height:1.1em;margin-bottom:var(--roller-posun,-.4em);transition:width .45s cubic-bezier(.4,0,.2,1);white-space:nowrap}
.hero h1 .roller .r-in{display:block;transition:transform .55s cubic-bezier(.65,0,.35,1)}
.hero h1 .roller .r-in>span{display:block;width:max-content;height:1.3em;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em;text-decoration-skip-ink:auto}
.hero h1 .roller .emo{display:inline-block;width:.9em;height:.9em;margin-left:.2em;vertical-align:-.08em}
/* Hero na střed (0.5.0): nadtitulek, claim s rollerem („chtějí víc …“ drží na jednom řádku), věta, tlačítka, loga klientů. */
.hero.hero-stred{display:block;text-align:center;padding-block:72px 0}
.hero-stred h1{max-width:15em;margin-inline:auto}
.hero-stred h1 em{white-space:nowrap}
.hero-stred .lead{max-width:34em;margin:22px auto 28px}
.hero-stred .ctas{justify-content:center}
.hero-stred .klienti{border-top:1.5px solid var(--inkp);margin-top:64px;padding:24px 0 30px}
.hero-stred .klienti .label{margin-bottom:18px}
.hero-stred .klienti-loga{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 44px}
.hero-stred .klienti-loga figure{margin:0}
.hero-stred .klienti-loga img{display:block;height:44px;width:auto;filter:grayscale(1) contrast(1.1);opacity:.8;transition:filter .25s,opacity .25s}
.hero-stred .klienti-loga img[alt^="Jacob"],.hero-stred .klienti-loga img[alt="Elite Wedding"],.hero-stred .klienti-loga img[alt="MIDRA"],.hero-stred .klienti-loga img[alt="Mad Guys"]{height:62px}
.hero-stred .klienti-loga img:hover{filter:none;opacity:1}
:root[data-theme="dark"] .hero-stred .klienti-loga img,:root[data-theme="dark"] .hero-stred .klienti-loga img:hover{filter:grayscale(1) invert(1);opacity:.85}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero-stred .klienti-loga img,:root:not([data-theme="light"]) .hero-stred .klienti-loga img:hover{filter:grayscale(1) invert(1);opacity:.85}}
@media(max-width:600px){.hero-stred h1 em{white-space:normal}.hero-stred .klienti-loga{gap:16px 26px}.hero-stred .klienti-loga img{height:34px}.hero-stred .klienti-loga img[alt^="Jacob"],.hero-stred .klienti-loga img[alt="Elite Wedding"],.hero-stred .klienti-loga img[alt="MIDRA"],.hero-stred .klienti-loga img[alt="Mad Guys"]{height:48px}}
.hero .roller-slova{display:none}
.hero h1 .roller .emo-txt{margin-left:.2em;text-decoration:none;display:inline-block}
/* Podtržení claimu kreslí pozadí inline spanů .u (text v em i slovo v rolleru) se stejnou geometrií od účaří, takže lícují a podtržení jede se slovem. */
.hero h1 em{text-decoration:none}
.hero h1 em .u{background:linear-gradient(currentColor,currentColor) 0 calc(100% - .16em)/100% .08em no-repeat}
.hero h1 .roller .r-in>span{text-decoration:none}
/* Na co se specializujeme (0.6.0): tři karty inkoust/papír, emoji vlevo od nadpisu, štítky a odkaz s korálovou šipkou. */
.sluzby3 .label{margin-bottom:10px}
.sluzby3>h2{font-size:clamp(32px,4vw,46px);font-weight:700;margin-bottom:28px}
.sluzby3{scroll-margin-top:80px}
.tri-sluzby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:860px){.tri-sluzby{grid-template-columns:1fr}}
.k3{display:flex;flex-direction:column;gap:14px;padding:24px;border:1.5px solid var(--inkp);border-radius:16px;background:var(--pap);color:var(--inkp)}
.k3 .hd{display:flex;align-items:center;gap:12px}
.k3 .hd figure{margin:0;flex:none}
.k3 .hd img{display:block;width:44px;height:44px}
.k3 h3{font:600 24px/1.15 var(--display);color:var(--inkp);margin:0}
.k3 p{margin:0;color:var(--ink-soft);line-height:1.6}
.k3 .tagy{display:flex;flex-wrap:wrap;gap:6px}
.k3 .tagy span{font:600 12px var(--body);border:1px solid var(--inkp);border-radius:999px;padding:3px 10px;color:var(--inkp)}
.k3 .odkaz{margin-top:auto}
.k3 .odkaz a{font:600 15px var(--body);color:var(--inkp);text-decoration:none}
.k3 .odkaz .sipka{color:var(--coral);display:inline-block;transition:transform .2s}
.k3 .odkaz a:hover .sipka{transform:translateX(3px)}
/* Logo Parťáq Studio (0.7.0): jednořádková mutace, světlá a tmavá verze podle režimu. */
.topbar .logo img,.topbar .logo img[src$=".svg"]{width:auto;height:40px;border-radius:0;padding:0;border:0;background:none}
.topbar .logo .logo-tmave{display:none}
:root[data-theme="dark"] .topbar .logo .logo-svetle{display:none}
:root[data-theme="dark"] .topbar .logo .logo-tmave{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .topbar .logo .logo-svetle{display:none}:root:not([data-theme="light"]) .topbar .logo .logo-tmave{display:block}}
@media(max-width:480px){.topbar .logo img{height:34px}}
.topbar .logo .logo-hw{display:none}
:root.halloween .topbar .logo .logo-svetle{display:none}:root.halloween .topbar .logo .logo-hw.svetle{display:block}
:root.halloween[data-theme="dark"] .topbar .logo .logo-hw.svetle{display:none}:root.halloween[data-theme="dark"] .topbar .logo .logo-hw.tmave{display:block}:root.halloween[data-theme="dark"] .topbar .logo .logo-tmave{display:none}
@media (prefers-color-scheme:dark){:root.halloween:not([data-theme="light"]) .topbar .logo .logo-hw.svetle{display:none}:root.halloween:not([data-theme="light"]) .topbar .logo .logo-hw.tmave{display:block}:root.halloween:not([data-theme="light"]) .topbar .logo .logo-tmave{display:none}}
/* Logo v liště o 50 % větší (60 px), lišta si drží výšku 40 px a spodek loga (korálový tah) přetéká pod ni. */
.topbar .logo{height:40px;align-items:flex-start;position:relative;z-index:21}
.topbar .logo img,.topbar .logo img[src$=".svg"]{height:60px;margin-top:10px}
@media(max-width:480px){.topbar .logo{height:34px}.topbar .logo img,.topbar .logo img[src$=".svg"]{height:51px;margin-top:8px}}
/* Položky menu na stejném účaří jako „Parťáq Studio“ v logu (logo je posunuté dolů kvůli tahu přes čáru). */
@media(min-width:800px){.topbar nav>a,.topbar nav .dd>a{transform:translateY(19.5px)}}
/* Čára lišty je skrytá zleva až za ocásek „q“ (58,7 % šířky loga), logo na ní „sedí“. */
.topbar{--pb:12px}.topbar.scrolled{--pb:7px}
.topbar .logo::after{content:"";position:absolute;right:calc(100% - 58.7% - 2px);width:100vw;top:calc(100% + var(--pb));height:2px;background:var(--pap);z-index:-1}
/* Lišta na desktopu (0.7.6): vše zarovnané k čáře lišty. Logo sedí ocáskem „q“ na čáře (spodek obrázku 18,3 px pod ní),
   menu na účaří „Parťáq Studio“, přepínač režimu na ose menu; nahoře jen 8 px místa. */
@media(min-width:800px){
 .topbar,.topbar.scrolled{align-items:flex-end;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:0}
 .topbar .logo{height:auto;align-items:flex-end;margin-bottom:-18.3px}
 .topbar .logo img,.topbar .logo img[src$=".svg"]{margin-top:0}
 .topbar nav>a,.topbar nav .dd>a{transform:none}
 .topbar nav{align-self:flex-end;margin-bottom:-6.5px}
 .themetoggle{width:24px;height:24px;border-radius:7px;align-self:flex-end;margin-bottom:0}
 .themetoggle svg{width:14px;height:14px}
 .topbar,.topbar.scrolled{--pb:-18.3px}
 .topbar .logo::after{top:calc(100% + var(--pb) - .1px)}
}
/* Čára lišty a obrys rozlitého dropdownu mají barvu tahu z loga (světlé / tmavé / halloweenské varianty). */
:root{--tah:#e8604f}
:root[data-theme="dark"]{--tah:#fc7c71}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tah:#fc7c71}}
:root.halloween{--tah:#b0101e}
:root.halloween[data-theme="dark"]{--tah:#e3172b}
@media (prefers-color-scheme:dark){:root.halloween:not([data-theme="light"]){--tah:#e3172b}}
.topbar,.topbar.scrolled{border-bottom-color:var(--tah)}
@media(min-width:800px){
 .topbar .dd .menu{border-color:var(--tah)}
 .topbar .dd .menu .fil.l{background:radial-gradient(circle at 0 100%,var(--pap) 8.2px,var(--tah) 8.7px 9.8px,var(--pap) 10.3px)}
 .topbar .dd .menu .fil.r{background:radial-gradient(circle at 100% 100%,var(--pap) 8.2px,var(--tah) 8.7px 9.8px,var(--pap) 10.3px)}
}
/* Menu větší (15 px), aby sedělo k logu; účaří dorovnané. */
@media(min-width:800px){.topbar nav{font-size:15px;margin-bottom:-7px}}
/* Čára lišty: za ocáskem „q“ začne barvou tahu a do konce slova „Studio“ přejde do inkoustu. Kreslí se pozadím pod průhledným okrajem. */
.topbar{--pl:max(18px,calc((100% - 1100px)/2 + 12px));--lw:228.67px}
@media(max-width:480px){.topbar{--lw:194.4px}}
.topbar,.topbar.scrolled{border-bottom-color:transparent;background-image:linear-gradient(90deg,var(--tah) calc(var(--pl) + var(--lw)*.587),var(--inkp) calc(var(--pl) + var(--lw)*.98));background-size:100% 1.5px;background-repeat:no-repeat;background-position:0 100%;background-origin:border-box}
/* Karty služeb (0.8.0): místo nadpisu celé široké logo služby, světlé / tmavé podle režimu, všechna ve stejném měřítku. */
.k3 .hd figure{margin:0}
.k3 .hd img,.k3 .hd img[src$=".svg"]{display:block;height:58px;width:auto;max-width:100%;padding:0;border:0;background:none;border-radius:0;object-fit:contain}
.k3 .hd .tmave{display:none}
:root[data-theme="dark"] .k3 .hd .svetle{display:none}:root[data-theme="dark"] .k3 .hd .tmave{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .k3 .hd .svetle{display:none}:root:not([data-theme="light"]) .k3 .hd .tmave{display:block}}
/* Inkoustová čára přes web (0.9.0). */
.inkoust{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;overflow:visible}
.inkoust path{fill:none;stroke:var(--inkp);stroke-width:1.5;stroke-linejoin:round}
body{position:relative}
.hero-stred .klienti{border-top-color:transparent}
.topbar[style*="--lend"]:not(.scrolled){background-image:linear-gradient(90deg,var(--tah) calc(var(--pl) + var(--lw)*.587),var(--inkp) calc(var(--pl) + var(--lw)*.98),var(--inkp) var(--lend),transparent var(--lend))}
@media (prefers-reduced-motion:reduce){.inkoust path{transition:none}}
/* Zatáčka čáry z lišty dolů (kreslí ji lišta, protože je nad obsahem); po odscrollování je čára lišty zase rovná přes celou šířku. */
.topbar[style*="--lend"]:not(.scrolled)::after{content:"";position:absolute;left:calc(var(--lend) - 2px);top:100%;width:32px;height:34px;background:var(--inkp);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2234%22%20viewBox%3D%220%200%2032%2034%22%3E%3Cpath%20d%3D%22M0%20.75H2A28%2028%200%200%201%2030%2028.75V34%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2234%22%20viewBox%3D%220%200%2032%2034%22%3E%3Cpath%20d%3D%22M0%20.75H2A28%2028%200%200%201%2030%2028.75V34%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E") no-repeat;pointer-events:none}
@media(max-width:599px){.topbar[style*="--lend"]:not(.scrolled)::after{width:20px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2222%22%20viewBox%3D%220%200%2020%2022%22%3E%3Cpath%20d%3D%22M0%20.75H2A16%2016%200%200%201%2018%2016.75V22%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2222%22%20viewBox%3D%220%200%2020%2022%22%3E%3Cpath%20d%3D%22M0%20.75H2A16%2016%200%200%201%2018%2016.75V22%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E") no-repeat}}
/* Lišta zarovnaná k čáře i pod 800 px (logo 60 px, pod 480 px 51 px). */
@media(max-width:799px){
 .topbar,.topbar.scrolled{align-items:flex-end;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:0}
 .topbar .logo{height:auto;align-items:flex-end;margin-bottom:-18.3px}
 .topbar .logo img,.topbar .logo img[src$=".svg"]{margin-top:0;height:60px}
 .topbar,.topbar.scrolled{--pb:-18.3px}
 .topbar .logo::after{top:calc(100% + var(--pb) - .1px)}
 .themetoggle,.navtoggle{align-self:flex-end;margin-bottom:6px}
}
@media(max-width:480px){
 .topbar .logo{margin-bottom:-15.6px}
 .topbar .logo img,.topbar .logo img[src$=".svg"]{height:51px}
 .topbar,.topbar.scrolled{--pb:-15.6px}
}
/* Položky menu při najetí jen podtržené (jako Služby), bez inkoustového podkladu, který přetékal přes čáru lišty. */
.topbar nav>a:hover{background:none;color:var(--inkp)}
@media(min-width:800px){
 .topbar nav>a{position:relative}
 .topbar nav>a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:1.5px;background:var(--inkp);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}
 .topbar nav>a:hover::after,.topbar nav>a:focus-visible::after{transform:scaleX(1)}
}
/* Najetí na položku: podtržení leží přímo v čáře lišty a čára se po jeho stranách přeruší (mezera 6 px). */
@media(min-width:800px){
 .topbar nav>a::after{left:12px;right:12px;bottom:5.5px;height:1.5px}
 .topbar nav>a::before{content:"";position:absolute;left:6px;right:6px;bottom:5px;height:2.5px;background:var(--pap);opacity:0;transition:opacity .15s}
 .topbar nav>a:hover::before,.topbar nav>a:focus-visible::before{opacity:1}
}
/* Po odscrollování lišta navazuje na čáru: zatočí dolů na té straně, kde čára právě pod lištou vede (data-strana P/L). */
.topbar.scrolled[data-strana="P"][style*="--lend"]{background-image:linear-gradient(90deg,var(--tah) calc(var(--pl) + var(--lw)*.587),var(--inkp) calc(var(--pl) + var(--lw)*.98),var(--inkp) var(--lend),transparent var(--lend))}
.topbar.scrolled[data-strana="L"][style*="--lend"]{background-image:linear-gradient(90deg,transparent calc(var(--lx) + var(--roh)),var(--inkp) calc(var(--lx) + var(--roh)),var(--inkp) var(--pl),var(--tah) calc(var(--pl) + var(--lw)*.587),var(--inkp) calc(var(--pl) + var(--lw)*.98))}
.topbar.scrolled[data-strana="L"] .logo::after{width:calc(58.7% + 10px)}
.topbar[style*="--lend"]:not(.scrolled)::after,.topbar.scrolled[data-strana="P"][style*="--lend"]::after{content:"";position:absolute;left:calc(var(--lend) - 2px);top:100%;width:32px;height:34px;background:var(--inkp);-webkit-mask:var(--roh-maska) no-repeat;mask:var(--roh-maska) no-repeat;pointer-events:none}
.topbar.scrolled[data-strana="L"][style*="--lend"]::after{content:"";position:absolute;left:calc(var(--lx) - 2px);top:100%;width:32px;height:34px;background:var(--inkp);-webkit-mask:var(--roh-maska) no-repeat;mask:var(--roh-maska) no-repeat;transform:scaleX(-1);transform-origin:center;pointer-events:none}
:root{--roh-maska:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2234%22%20viewBox%3D%220%200%2032%2034%22%3E%3Cpath%20d%3D%22M0%20.75H2A28%2028%200%200%201%2030%2028.75V34%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E")}
@media(max-width:599px){:root{--roh-maska:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2222%22%20viewBox%3D%220%200%2020%2022%22%3E%3Cpath%20d%3D%22M0%20.75H2A16%2016%200%200%201%2018%2016.75V22%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E")}.topbar[style*="--lend"]::after{width:20px!important;height:22px!important}}
/* Najetí na položku jako u Služeb: čára lišty v šířce položky zmizí úplně a podtržení je pod ní na stejném místě jako u Služeb. */
@media(min-width:800px){
 .topbar nav>a::before{left:0;right:0;bottom:3.5px;height:5px}
 .topbar nav>a::after{bottom:3px}
}
/* Hover položky: podtržení přesně v linii čáry lišty (5,5 px nad spodkem odkazu) a v barvě tahu loga. */
@media(min-width:800px){
 .topbar nav>a::after{bottom:5.5px;height:1.5px;background:var(--tah)}
 .topbar nav .dd>a::after{background:var(--tah)}
}
/* Hover položky menu (0.11.0): žádné samostatné podtržení. Úsek čáry lišty pod položkou se přebarví na barvu tahu
   a po jeho stranách se čára rozevře (mezera 0 → 6 px). Kreslí se vrstvou přesně na čáře lišty (::before, spodek okraje). */
@property --hg{syntax:"<length>";inherits:true;initial-value:0px}
@property --hc{syntax:"<color>";inherits:true;initial-value:transparent}
@media(min-width:800px){
 .topbar nav>a::before,.topbar nav>a::after{display:none}
 .topbar{--hx1:-99px;--hx2:-99px;transition:--hg .25s cubic-bezier(.65,0,.35,1),--hc .25s ease}
 .topbar.hover-polozka{--hg:6px;--hc:var(--tah)}
 .topbar::before{content:"";position:absolute;left:0;right:0;bottom:-1.5px;height:1.5px;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,transparent calc(var(--hx1) - var(--hg)),var(--pap) calc(var(--hx1) - var(--hg)),var(--pap) var(--hx1),var(--hc) var(--hx1),var(--hc) var(--hx2),var(--pap) var(--hx2),var(--pap) calc(var(--hx2) + var(--hg)),transparent calc(var(--hx2) + var(--hg)))}
}
/* Menu na střed stránky: vyrovnání rozdílu šířky loga (≈229 px) a přepínače (24 px). */
@media(min-width:1000px){.topbar nav{padding-right:205px}}

/* Mobilní menu (0.12.0): celá obrazovka v barvách stránky (papír + inkoust). Panel leží pod obsahem lišty (z-index -1
   uvnitř jejího kontextu), takže logo a přepínače zůstávají nahoře. Čáru (rameno X → lišta → cik-cak mezi položkami → tah)
   kreslí JS do .m-cara, druhé rameno X je .m-c2. Položky na desktopu ikony ani patu nemají. */
.topbar nav .mi,.topbar nav .m-pata,.topbar nav .m-cara{display:none}
@media(max-width:799px){
 html.menu-open{overflow:hidden}
 .topbar nav,.topbar.open nav{display:flex;position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
  margin:0;padding:calc(var(--mh,70px) + 26px) 26px 0 30px;background:var(--pap);color:var(--inkp);font:700 30px/1 var(--display);letter-spacing:-.03em;text-transform:none;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .45s cubic-bezier(.65,0,.35,1),visibility 0s .45s;overflow:hidden}
 .topbar.open nav{clip-path:inset(0);visibility:visible;transition:clip-path .45s cubic-bezier(.65,0,.35,1),visibility 0s}
 .topbar nav>a,.topbar nav .dd>a{display:flex;align-items:center;gap:18px;padding:20px 0 28px;margin:0;color:var(--inkp);white-space:nowrap;background:none;
  opacity:0;transform:translateY(-14px);transition:opacity .3s,transform .3s}
 .topbar.open nav>a,.topbar.open nav .dd>a{opacity:1;transform:none}
 .topbar.open nav .dd>a{transition-delay:.15s}.topbar.open nav>a:nth-of-type(1){transition-delay:.22s}.topbar.open nav>a:nth-of-type(2){transition-delay:.29s}
 .topbar nav>a::before,.topbar nav>a::after,.topbar nav .dd>a::before,.topbar nav .dd>a::after{display:none!important}
 .topbar nav .mi{display:block;width:32px;height:32px;flex:none;fill:none;stroke:var(--tah);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .topbar nav .dd>a .sip{margin-left:auto;width:30px;height:30px;stroke-width:2.4;transition:transform .35s cubic-bezier(.65,0,.35,1)}
 .topbar nav .dd.open>a .sip{transform:rotate(180deg)}
 .topbar nav .dd{display:grid;grid-template-rows:auto 0fr;transition:grid-template-rows .35s cubic-bezier(.65,0,.35,1)}
 .topbar nav .dd.open{grid-template-rows:auto 1fr}
 .topbar nav .dd .menu,.topbar .dd:hover .menu,.topbar .dd:focus-within .menu,.topbar .dd.open .menu{position:static;display:grid;gap:14px;min-height:0;overflow:hidden;
  margin:-10px 0 0 58px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  visibility:visible;clip-path:none;transform:none;opacity:0;transition:padding-bottom .35s cubic-bezier(.65,0,.35,1),opacity .3s}
 .topbar.open nav .dd.open .menu{opacity:1;padding-bottom:26px}
 .topbar nav .dd .menu .fil{display:none}
 .topbar nav .dd .menu a{display:flex;align-items:flex-end;justify-content:flex-start;gap:10px;padding:0;width:auto;font:600 22px/1 var(--display);letter-spacing:-.02em;color:var(--inkp);background:none;white-space:nowrap}
 .topbar nav .dd .menu a::before{content:"";flex:none;width:16px;height:16px;margin-bottom:5px;border-left:2.5px solid var(--tah);border-bottom:2.5px solid var(--tah);border-bottom-left-radius:6px;
  position:static;background:none;transform:none;opacity:1}
 .topbar nav .dd .menu a::after{display:none}
 .topbar nav .m-pata{display:block;position:absolute;left:26px;right:26px;bottom:calc(36px + env(safe-area-inset-bottom,0px));text-align:center}
 .topbar nav .m-tah{display:block;width:78%;height:44px;margin:0 auto 12px;overflow:visible}
 .topbar nav .m-tah path{fill:none;stroke:var(--tah);stroke-width:5;stroke-linecap:round;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset .7s cubic-bezier(.65,0,.35,1) .35s}
 .topbar.open nav .m-tah path{stroke-dashoffset:0}
 .topbar nav .m-tl{display:block;font:600 12px/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;opacity:.65}
 .topbar nav .m-cara{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--inkp);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
 .topbar nav .m-cara path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s cubic-bezier(.65,0,.35,1) .1s}
 .topbar nav .m-cara .m-c2{stroke-width:2}
 .topbar.open nav .m-cara path{stroke-dashoffset:0}
 .topbar.open .navtoggle span{opacity:0}
 .topbar.open::after{display:none!important}
}
/* Čára pod odscrollovanou lištou (0.12.8): pod lištou je sticky pás papíru na výšku jejího rohu, pod kterým je inkoustová čára skrytá.
   Navázání obstará roh lišty, takže úseky cik-caku podjíždějící pod lištu se nekříží s její čárou. */
.inkoust{z-index:-2}
.inkoust-pas{position:sticky;z-index:-1;background:var(--paper);pointer-events:none;visibility:hidden}
.topbar.scrolled+.inkoust-pas{visibility:visible}
/* Přihlášený admin: sticky lišta pod admin barem WP, ne pod ním schovaná. */
.admin-bar .topbar{top:32px}
@media(max-width:782px){.admin-bar .topbar{top:46px}}
@media(max-width:600px){.admin-bar .topbar{top:0}}
/* Mobil (0.12.6): čára lišty začíná až za ocáskem „q“, ne za tahem štětce pod logem. */
@media(max-width:799px){
 .topbar,.topbar.scrolled{background-image:linear-gradient(90deg,transparent calc(var(--pl) + var(--lw)*.587),var(--tah) calc(var(--pl) + var(--lw)*.587),var(--inkp) calc(var(--pl) + var(--lw)*.98))}
 .topbar[style*="--lend"]:not(.scrolled),.topbar.scrolled[data-strana="P"][style*="--lend"]{background-image:linear-gradient(90deg,transparent calc(var(--pl) + var(--lw)*.587),var(--tah) calc(var(--pl) + var(--lw)*.587),var(--inkp) calc(var(--pl) + var(--lw)*.98),var(--inkp) var(--lend),transparent var(--lend))}
}
/* 0.12.9: pás pod odscrollovanou lištou má výšku dvou rohů, aby schoval i oblouk čáry; roh lišty proto pokračuje svislou linkou až na jeho spodek. */
.topbar.scrolled[style*="--lend"]::after{height:calc(var(--roh)*2 + 6px)!important;-webkit-mask:var(--roh-maska) no-repeat,linear-gradient(90deg,transparent calc(var(--roh) + 1.25px),#000 calc(var(--roh) + 1.25px),#000 calc(var(--roh) + 2.75px),transparent calc(var(--roh) + 2.75px)) 0 calc(var(--roh) + 6px)/100% 100% no-repeat!important;mask:var(--roh-maska) no-repeat,linear-gradient(90deg,transparent calc(var(--roh) + 1.25px),#000 calc(var(--roh) + 1.25px),#000 calc(var(--roh) + 2.75px),transparent calc(var(--roh) + 2.75px)) 0 calc(var(--roh) + 6px)/100% 100% no-repeat!important}

/* Hero 0.13.0: vlevo nadpis, vpravo balíček oken prohlížeče s weby klientů. Okno vepředu se přepíná podle slova
   v rolleru. Roller má pevnou šířku podle nejdelšího slova, aby se nadpis nepřelamoval a nehýbal stránkou ani čárou. */
@media(min-width:880px){
 .hero.hero-stred{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,32vw,400px);column-gap:48px;text-align:left;align-items:center;padding-top:64px}
 .hero-stred>*{grid-column:1}
 .hero-stred h1{margin-inline:0;max-width:13em}
 .hero-stred .lead{margin-inline:0}
 .hero-stred .ctas{justify-content:flex-start}
 .hero-stred .klienti{grid-column:1/-1}
 .okna{grid-column:2;grid-row:1/6;position:relative;height:360px}
}
@media(max-width:879px){.okna{position:relative;height:330px;max-width:380px;margin:44px auto 0}}
.okna .w{position:absolute;left:0;top:30px;width:calc(100% - 50px);border:1.5px solid var(--inkp);border-radius:14px;background:var(--pap);color:var(--inkp);overflow:hidden;text-align:left;
 transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .6s;transform-origin:50% 100%}
.okna .wt{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1.5px solid var(--inkp)}
.okna .wt i{width:10px;height:10px;border:1.5px solid var(--inkp);border-radius:50%}
.okna .url{flex:1;margin-left:8px;border:1.5px solid var(--inkp);border-radius:7px;font:600 11px var(--body);padding:3px 9px;letter-spacing:0;text-transform:none}
.okna .tel{padding:14px}
.okna .obr{height:84px;border-radius:9px;margin-bottom:12px;display:flex;align-items:flex-end;padding:9px 12px;font:800 19px/1 var(--display);letter-spacing:-.02em;color:#000}
.okna .ln{height:8px;background:color-mix(in srgb,var(--inkp) 9%,transparent);border-radius:4px;margin-bottom:7px}
.okna .pata{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.okna .btn{background:var(--inkp);color:var(--pap);font:600 12px var(--body);padding:7px 11px;border-radius:8px}
.okna .vys{font:700 13px var(--body);color:var(--tah)}
.okna .q{margin-left:auto;max-width:82%;width:fit-content;background:var(--inkp);color:var(--pap);font:400 13px/1.45 var(--body);padding:8px 11px;border-radius:13px 13px 3px 13px;margin-bottom:10px}
.okna .a{font:400 13px/1.55 var(--body);border:1.5px solid var(--inkp);border-radius:13px 13px 13px 3px;padding:9px 11px}
.okna .a b{color:var(--tah)}
.okna .odk{display:inline-block;margin-top:8px;border:1.5px solid var(--inkp);border-radius:6px;padding:1px 8px;font:600 11px var(--body)}
@media(min-width:880px){.hero-stred h1{font-size:clamp(40px,4.3vw,60px);max-width:none}}
.okna .shot{position:relative;line-height:0}
.okna .shot img{display:block;width:100%;aspect-ratio:1280/700;object-fit:cover;object-position:top}
.okna .badge{position:absolute;right:10px;bottom:10px;line-height:1.2;background:var(--tah);color:#fff;font:600 12px var(--body);padding:6px 10px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.okna .badge b{font-weight:800}
.hero h1 .roller{width:var(--rmax,auto)!important;transition:none!important}
.hero h1 .vic{color:inherit;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em;text-decoration-skip-ink:auto}
/* Okna v hero: barevné „semafory“ jako v macOS. */
.okna .wt i{border:0}
.okna .wt i:nth-child(1){background:#ff5f57}.okna .wt i:nth-child(2){background:#febc2e}.okna .wt i:nth-child(3){background:#28c840}
/* Hero ve světlé variantě v barvách loga (0.13.2): nadpis inkoustem jako text loga, zvýraznění barvou tahu
   (korálová, o Halloweenu červená), takže sedí s logem v liště. */
:root[data-theme="light"] .hero h1{color:var(--inkp)}
:root[data-theme="light"] .hero h1 em{color:var(--tah)}
@media (prefers-color-scheme:light){
 :root:not([data-theme="dark"]) .hero h1{color:var(--inkp)}
 :root:not([data-theme="dark"]) .hero h1 em{color:var(--tah)}
}
/* Tlačítka (0.14.0). Primární = „razítko“: inkoust s tvrdým stínem v barvě tahu, při najetí se napůl vmáčkne,
   při kliku úplně. Sekundární = text se šipkou a tahem štětce pod ním, který se při najetí dokreslí. Menu beze změny. */
.btn-coral,.wp-block-button:not(.is-style-glass)>.wp-block-button__link{border-color:var(--inkp);box-shadow:4px 4px 0 var(--tah);transition:transform .105s,box-shadow .105s}
.btn-coral:hover,.wp-block-button:not(.is-style-glass)>.wp-block-button__link:hover{border-color:var(--inkp);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--tah)}
.btn-coral:active,.wp-block-button:not(.is-style-glass)>.wp-block-button__link:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--tah)}
.btn-coral::after,.wp-block-button:not(.is-style-glass)>.wp-block-button__link::after{color:var(--tah);transition:transform .14s}
.btn-glass,.wp-block-button.is-style-glass>.wp-block-button__link{position:relative;background:none;border:0;border-radius:0;padding:10px 2px 12px;color:var(--inkp);gap:10px}
.btn-glass:hover,.wp-block-button.is-style-glass>.wp-block-button__link:hover{background:none;color:var(--inkp)}
.btn-glass::after,.wp-block-button.is-style-glass>.wp-block-button__link::after{content:"→";display:inline-block;transition:transform .14s}
.btn-glass:hover::after,.wp-block-button.is-style-glass>.wp-block-button__link:hover::after{transform:translateX(4px)}
.btn-glass::before,.wp-block-button.is-style-glass>.wp-block-button__link::before{content:"";position:absolute;left:-6px;right:-6px;bottom:-3px;height:14px;pointer-events:none;background:var(--tah);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9 C 60 3, 140 13, 196 6' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9 C 60 3, 140 13, 196 6' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
 clip-path:inset(0 60% 0 0);transition:clip-path .315s cubic-bezier(.65,0,.35,1)}
.btn-glass:hover::before,.wp-block-button.is-style-glass>.wp-block-button__link:hover::before{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){.btn-coral,.wp-block-button>.wp-block-button__link,.btn-glass::before,.wp-block-button.is-style-glass>.wp-block-button__link::before{transition:none}}
.btn-glass,.wp-block-button.is-style-glass>.wp-block-button__link{justify-content:flex-start;width:auto}
.wp-block-buttons.ctas{gap:14px 26px;align-items:center}

/* Primární tlačítko ve světlém režimu (0.14.2): korálové razítko – výplň barvou tahu, inkoustový obrys a stín. */
:root[data-theme="light"] .btn-coral,:root[data-theme="light"] .wp-block-button:not(.is-style-glass)>.wp-block-button__link{background:var(--tah);color:#fff;border-color:var(--inkp);box-shadow:4px 4px 0 var(--inkp)}
:root[data-theme="light"] .btn-coral:hover,:root[data-theme="light"] .wp-block-button:not(.is-style-glass)>.wp-block-button__link:hover{background:var(--tah);color:#fff;border-color:var(--inkp);box-shadow:2px 2px 0 var(--inkp)}
:root[data-theme="light"] .btn-coral:active,:root[data-theme="light"] .wp-block-button:not(.is-style-glass)>.wp-block-button__link:active{box-shadow:0 0 0 var(--inkp)}
:root[data-theme="light"] .btn-coral::after,:root[data-theme="light"] .wp-block-button:not(.is-style-glass)>.wp-block-button__link::after{color:#fff}
@media (prefers-color-scheme:light){
 :root:not([data-theme="dark"]) .btn-coral,:root:not([data-theme="dark"]) .wp-block-button:not(.is-style-glass)>.wp-block-button__link{background:var(--tah);color:#fff;border-color:var(--inkp);box-shadow:4px 4px 0 var(--inkp)}
 :root:not([data-theme="dark"]) .btn-coral:hover,:root:not([data-theme="dark"]) .wp-block-button:not(.is-style-glass)>.wp-block-button__link:hover{background:var(--tah);color:#fff;border-color:var(--inkp);box-shadow:2px 2px 0 var(--inkp)}
 :root:not([data-theme="dark"]) .btn-coral:active,:root:not([data-theme="dark"]) .wp-block-button:not(.is-style-glass)>.wp-block-button__link:active{box-shadow:0 0 0 var(--inkp)}
 :root:not([data-theme="dark"]) .btn-coral::after,:root:not([data-theme="dark"]) .wp-block-button:not(.is-style-glass)>.wp-block-button__link::after{color:#fff}
}
/* Dropdown (0.14.3): čára lišty do barvy tahu u panelu nepřeskakuje ostře, ale 50 px před obloučkem plynule přechází. */
@media(min-width:800px){
 .topbar .dd .menu::after{content:"";position:absolute;top:0;left:-60px;right:-60px;height:1.5px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--tah) 50px,transparent 50px,transparent calc(100% - 50px),var(--tah) calc(100% - 50px),transparent)}
 .topbar .dd .menu{clip-path:inset(-60px -70px 100% -70px)}
 .topbar .dd:hover .menu,.topbar .dd:focus-within .menu,.topbar .dd.open .menu{clip-path:inset(-60px -70px -60px -70px)}
}
/* Logo Fantastic Studios (0.15.0): inline SVG ve stejném rámu 343×90 jako dřívější logo, takže sedí geometrie lišty:
   vlna pod „fantastic“ končí na 58,7 % šířky ve výšce čáry lišty a čára z ní pokračuje. Barvy z proměnných režimu. */
.topbar .logo .fs-logo{display:block;width:auto;height:60px;margin-top:10px;overflow:visible;--sklo:#9fe4ee;--sklo-o:.7}
:root[data-theme="dark"] .fs-logo{--sklo:#2fc4d4;--sklo-o:.45}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fs-logo{--sklo:#2fc4d4;--sklo-o:.45}}
@media(max-width:480px){.topbar .logo .fs-logo{height:51px;margin-top:8px}}
@media(max-width:799px){.topbar .logo .fs-logo{margin-top:0}}
.fs-logo .fs-f{font:800 40px var(--display);letter-spacing:-.04em;fill:var(--inkp)}
.fs-logo .fs-s{font:500 15px var(--display);fill:var(--inkp)}
.fs-logo .fs-w{fill:none;stroke:var(--tah);stroke-width:6;stroke-linecap:round}
.fs-logo .fs-op{visibility:hidden}.fs-logo.fs-ok .fs-op{visibility:visible}.fs-logo.fs-ok .fs-oo{fill:transparent}
.fs-logo .fs-oc{fill:var(--sklo);fill-opacity:var(--sklo-o);stroke:var(--inkp);stroke-width:1.4}
.fs-logo .fs-sh{fill:#fff;opacity:0}
.fs-logo .fs-fl{fill:none;stroke:var(--sklo);stroke-width:1.5;opacity:0}
/* Úvodní animace (jednou za návštěvu, třída fs-intro na <html>): závěrka setře scénu, pak logo naskočí. */
.fs-zaverka{display:none}
.fs-intro .fs-zaverka{display:block;position:fixed;inset:0;z-index:2147483000;pointer-events:none;overflow:hidden}
.fs-zaverka i{position:absolute;top:-10%;bottom:-10%;left:-75%;width:65%;transform:skewX(-14deg);background:var(--tah);animation:fs-sw .55s cubic-bezier(.7,0,.3,1) forwards}
.fs-zaverka i+i{background:var(--inkp);animation-delay:.08s}
@keyframes fs-sw{to{transform:translateX(330%) skewX(-14deg)}}
.fs-intro .fs-logo .fs-f{opacity:0;transform:translateX(-26px) skewX(-12deg);animation:fs-slam .45s cubic-bezier(.2,1.5,.4,1) .32s forwards}
.fs-intro .fs-logo .fs-w{stroke-dasharray:1;stroke-dashoffset:1;animation:fs-draw .4s cubic-bezier(.8,0,.2,1) .5s forwards}
.fs-intro .fs-logo .fs-s{opacity:0;transform:translateY(6px);animation:fs-up .3s cubic-bezier(.2,1.4,.4,1) .72s forwards}
.fs-intro .fs-logo .fs-o{transform:scale(0) rotate(-90deg);animation:fs-pop .45s cubic-bezier(.3,1.9,.5,1) .82s forwards}
.fs-intro .fs-logo .fs-fl{transform-box:fill-box;transform-origin:center;animation:fs-flash .45s ease-out 1.05s forwards}
.fs-intro .fs-logo .fs-sh{animation:fs-shine .4s ease 1.15s forwards}
@keyframes fs-slam{to{opacity:1;transform:none}}@keyframes fs-draw{to{stroke-dashoffset:0}}@keyframes fs-up{to{opacity:1;transform:none}}
@keyframes fs-pop{to{transform:none}}@keyframes fs-flash{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
@keyframes fs-shine{0%{opacity:0;transform:rotate(25deg) translateX(-7px)}40%{opacity:.95}100%{opacity:0;transform:rotate(25deg) translateX(7px)}}
.fs-logo .fs-f{font-size:46px}.fs-logo .fs-s{font-size:21px;font-weight:600}

/* ===== Fantastic Studios 0.16: broušené sklo, navy + cihlový korál, Plus Jakarta Sans + Inter ===== */
:root{--fs-navy:#1b2a4e;--fs-coral:#b8473a;--tah:#b8473a;--display:"Plus Jakarta Sans",Inter,system-ui,sans-serif;--body:Inter,system-ui,-apple-system,sans-serif;--fs-sklo:rgba(255,255,255,.55);--fs-sklo-hr:rgba(255,255,255,.75);--fs-glass:#9fb7e8;--fs-glass-o:.7}
:root.halloween{--tah:#b8473a}
:root[data-theme="dark"],:root.halloween[data-theme="dark"]{--fs-navy:#6f8fe0;--fs-coral:#e8806f;--tah:#e8806f;--fs-sklo:rgba(16,16,20,.55);--fs-sklo-hr:rgba(255,255,255,.12);--fs-glass:#5b78c4;--fs-glass-o:.6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]),:root.halloween:not([data-theme="light"]){--fs-navy:#6f8fe0;--fs-coral:#e8806f;--tah:#e8806f;--fs-sklo:rgba(16,16,20,.55);--fs-sklo-hr:rgba(255,255,255,.12);--fs-glass:#5b78c4;--fs-glass-o:.6}}
body{font-family:var(--body)}
/* Lišta: sklo, bez rámečku; spodní hranu tvoří jen čára vycházející z vlny pod logem (.fs-cara, kreslí JS). */
.topbar,.topbar.scrolled{background:var(--fs-sklo)!important;background-image:none!important;-webkit-backdrop-filter:blur(22px) saturate(160%)!important;backdrop-filter:blur(22px) saturate(160%)!important;border:0!important;box-shadow:none!important;align-items:center!important;padding-top:calc(18px + env(safe-area-inset-top,0px))!important;padding-bottom:18px!important}
.topbar::before,.topbar::after,.topbar .logo::after,.topbar.scrolled::after{display:none!important}
.inkoust,.inkoust-pas{display:none!important}
.topbar .logo{height:auto!important;margin:0!important;align-items:center!important}
.topbar .logo .fs-logo2{display:block;height:40px;width:auto;overflow:visible}
.fs-logo2 text{font-family:Poppins,var(--display);font-size:30px;letter-spacing:-.045em;fill:var(--inkp)}
.fs-logo2 .fs-t1{font-weight:800}.fs-logo2 .fs-t2{font-weight:300}
.fs-logo2 .fs-gl{fill:var(--fs-glass);fill-opacity:var(--fs-glass-o)}
.fs-cara{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.fs-cara path{fill:none;stroke:url(#fs-cg);stroke-width:2.2;stroke-linecap:round}
.fs-cara .c1{stop-color:var(--fs-navy)}.fs-cara .c2{stop-color:var(--fs-coral)}
@media(min-width:800px){.topbar nav{font:400 14px var(--display)!important;letter-spacing:.01em!important;text-transform:none!important;margin:0!important;align-self:center!important}}
.topbar nav>a,.topbar nav .dd>a{color:var(--inkp)}
.themetoggle{border:0!important;background:none!important;box-shadow:none!important;align-self:center!important;margin-bottom:0!important}
.themetoggle .peek{display:none!important}
.navtoggle{align-self:center!important;margin-bottom:0!important}
@media(max-width:799px){.topbar .logo .fs-logo2{height:32px}}
/* Úvodní animace pro nové logo. */
.fs-intro .fs-logo2{opacity:0;transform:translateX(-26px) skewX(-12deg);animation:fs-slam .45s cubic-bezier(.2,1.5,.4,1) .32s forwards}
.fs-intro .fs-cara path{stroke-dasharray:4000;stroke-dashoffset:4000;animation:fs-draw 1s cubic-bezier(.8,0,.2,1) .5s forwards}
.fs-intro .fs-logo2 .fs-gl{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:fs-pop .45s cubic-bezier(.3,1.9,.5,1) .85s forwards}
.fs-zaverka i{background:var(--fs-coral)}.fs-zaverka i+i{background:var(--fs-navy)}
/* Tlačítka: primární přechod navy → korál, sekundární text s tahem (sklo v hero). */
.btn-coral,.wp-block-button:not(.is-style-glass)>.wp-block-button__link,:root .wp-block-button:not(.is-style-glass)>.wp-block-button__link{background:linear-gradient(90deg,var(--fs-navy),var(--fs-coral))!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 10px 24px -12px var(--fs-coral)!important;transform:none!important;font-family:var(--body)!important}
.btn-coral:hover,.wp-block-button:not(.is-style-glass)>.wp-block-button__link:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px -12px var(--fs-coral)!important}
.btn-coral::after,.wp-block-button:not(.is-style-glass)>.wp-block-button__link::after{color:#fff!important}
/* Hero: fotka ze světa klienta přes celou šířku (i pod skleněnou lištou), ztmavená zleva; v popředí natočené okno. */
.fs-hero{position:relative;isolation:isolate;color:#fff}
.fs-hero>p.label{display:none!important}
.fs-scena{position:absolute;z-index:-1;top:-140px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;background:linear-gradient(135deg,#1b2a4e,#b8473a)}
.fs-foto{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}
.fs-foto.on{opacity:1}
.fs-foto-auto{background-color:#d6d9df;background-size:auto 70%;background-repeat:no-repeat;background-position:78% 70%}
.fs-scena::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,18,.84) 0%,rgba(8,10,18,.55) 48%,rgba(8,10,18,.18) 100%)}
.fs-hero .klienti{position:relative;background:var(--pap);color:var(--inkp);margin-top:56px;padding-top:28px;box-shadow:0 0 0 100vmax var(--pap);clip-path:inset(0 -100vmax -100vmax)}
.fs-hero h1,.fs-hero .lead{color:#fff!important}
.fs-hero h1{font-family:var(--display)!important;font-weight:800!important;letter-spacing:-.035em}
.fs-hero h1 em,.fs-hero h1 .vic{color:#f2937f!important}
.fs-hero .lead{opacity:.88;font-family:var(--body)}
.fs-hero .wp-block-button.is-style-glass>.wp-block-button__link{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:12px!important;padding:11px 17px!important;color:#fff!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.fs-hero .wp-block-button.is-style-glass>.wp-block-button__link::before{display:none!important}
.fs-hero .okna{perspective:1200px}
.fs-hero .okna .w{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 40px 70px -30px rgba(0,0,0,.7);opacity:0;transform:rotateY(-16deg) rotateX(6deg) translateX(40px) scale(.96)!important;transition:opacity .7s ease,transform .8s cubic-bezier(.65,0,.35,1)!important}
.fs-hero .okna .w.on{opacity:1!important;transform:rotateY(-16deg) rotateX(6deg)!important}
.fs-hero .okna .wt{border-bottom:0!important}
.fs-hero .okna .url{background:rgba(255,255,255,.18)!important;border:0!important;color:#fff!important}
.fs-hero .okna .shot{margin:0 8px 8px;border-radius:9px;overflow:hidden}
.fs-hero .okna .tel{background:#fff;color:#111;margin:0 8px 8px;border-radius:9px}
/* Hero Fantastic Studios (0.17): karta se zaoblením, podbarvená barvami projektu (tmavá vlevo pod textem). */
.fs-h{padding:20px max(16px,calc((100% - 1240px)/2)) 8px}
.fs-h-karta{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;min-height:560px;color:#fff;background:#0b0d14;perspective:1400px}
.fs-h-bg{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity 1.1s ease;background:radial-gradient(60% 80% at 82% 22%,var(--c1),transparent 70%),linear-gradient(90deg,#0b0d14 0%,color-mix(in srgb,var(--c2) 75%,#0b0d14) 45%,var(--c2) 70%,color-mix(in srgb,var(--c1) 70%,var(--c2)) 100%)}
.fs-h-bg.on{opacity:1}
.fs-h-txt{position:relative;z-index:2;width:min(48%,560px);padding:clamp(48px,7vw,110px) 0 90px clamp(24px,5vw,72px)}
.fs-h h1{font:800 clamp(34px,4.2vw,58px)/1.06 var(--display);letter-spacing:-.035em;color:#fff;margin:0;text-wrap:initial}
.fs-h-zv{background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.fs-h-sl{display:inline-grid;vertical-align:baseline}
.fs-h-sl>span{grid-area:1/1;opacity:0;transform:translateY(.25em);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.fs-h-sl>span.on{opacity:1;transform:none}
.fs-h-ld{font:400 clamp(16px,1.4vw,19px)/1.6 var(--body);color:rgba(255,255,255,.86);margin:22px 0 30px;max-width:30em}
.fs-h-ctas{display:flex;flex-wrap:wrap;gap:12px}
.fs-h-b1,.fs-h-b2{display:inline-flex;align-items:center;font:600 16px var(--body);padding:15px 24px;border-radius:16px;text-decoration:none;color:#fff;transition:transform .15s,box-shadow .15s,background .2s}
.fs-h-b1{background:linear-gradient(90deg,#1b2a4e,#b8473a);box-shadow:0 14px 30px -14px #b8473a}
.fs-h-b1:hover{transform:translateY(-1px)}
.fs-h-b2{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.fs-h-b2:hover{background:rgba(255,255,255,.22)}
.fs-h-scena{position:absolute;right:0;top:0;bottom:0;width:54%;transform-style:preserve-3d}
.fs-h-pr{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.fs-h-pr.on{opacity:1}
.fs-h-win{position:absolute;left:4%;right:6%;top:17%;border-radius:18px;padding:0 10px 10px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 50px 80px -40px rgba(0,0,0,.75);transform:rotateY(-14deg) rotateX(4deg);transform-origin:left center}
.fs-h-pr:not(.on) .fs-h-win{transform:rotateY(-14deg) rotateX(4deg) translateX(30px)}
.fs-h-win,.fs-h-tel{transition:transform .9s cubic-bezier(.65,0,.35,1)}
.fs-h-wt{display:flex;align-items:center;gap:7px;padding:12px 6px}
.fs-h-wt i{width:11px;height:11px;border-radius:50%}.fs-h-wt i:nth-child(1){background:#ff5f57}.fs-h-wt i:nth-child(2){background:#febc2e}.fs-h-wt i:nth-child(3){background:#28c840}
.fs-h-wt span{flex:1;margin-left:10px;padding:5px 12px;border-radius:9px;background:rgba(255,255,255,.2);font:600 12px var(--body);color:#fff}
.fs-h-win img{display:block;width:100%;aspect-ratio:1280/700;object-fit:cover;object-position:top;border-radius:10px}
.fs-h-tel{position:absolute;right:2%;top:43%;width:23%;aspect-ratio:9/19;border-radius:28px;background:#0b0b0d;padding:6px;box-shadow:0 40px 60px -26px rgba(0,0,0,.8);transform:translateZ(80px) rotateY(-8deg)}
.fs-h-pr:not(.on) .fs-h-tel{transform:translateZ(80px) rotateY(-8deg) translateY(24px)}
.fs-h-tel img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:22px}
.fs-h-dots{position:absolute;left:clamp(24px,5vw,72px);bottom:34px;display:flex;gap:10px;z-index:2}
.fs-h-dots i{width:34px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);transition:background .3s}.fs-h-dots i.on{background:#fff}
@media(max-width:879px){
 .fs-h-karta{min-height:0}
 .fs-h-txt{width:auto;padding:44px 22px 0}
 .fs-h-scena{position:relative;width:auto;height:min(78vw,380px);margin-top:24px}
 .fs-h-win{left:6%;right:20%;top:6%}
 .fs-h-tel{right:5%;top:22%;width:28%}
 .fs-h-dots{position:relative;left:22px;bottom:auto;padding:0 0 26px}
}
/* Loga klientů pod hero (samostatná skupina .klienti, dřív uvnitř .hero-stred). */
.wp-block-group.klienti{max-width:1100px;margin:30px auto 10px;padding:0 20px;text-align:center}
.wp-block-group.klienti>.label{font:600 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 18px}
.klienti .klienti-loga{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 44px}
.klienti .klienti-loga figure{margin:0}
.klienti .klienti-loga img{display:block;height:44px;width:auto;filter:grayscale(1) contrast(1.1);opacity:.8;transition:filter .25s,opacity .25s}
.klienti .klienti-loga img[alt^="Jacob"],.klienti .klienti-loga img[alt="Elite Wedding"],.klienti .klienti-loga img[alt="MIDRA"]{height:62px}
.klienti .klienti-loga img:hover{filter:none;opacity:1}
:root[data-theme="dark"] .klienti .klienti-loga img{filter:grayscale(1) invert(1);opacity:.85}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .klienti .klienti-loga img{filter:grayscale(1) invert(1);opacity:.85}}
@media(max-width:600px){.klienti .klienti-loga{gap:16px 26px}.klienti .klienti-loga img{height:34px}.klienti .klienti-loga img[alt^="Jacob"],.klienti .klienti-loga img[alt="Elite Wedding"],.klienti .klienti-loga img[alt="MIDRA"]{height:46px}}
/* Hero 0.17.2: přes celou šířku (bez karty), přechodová barva zvlášť na každém slově (Chrome jinak ukazoval
   neaktivní slova přes sebe), menší nadpis bez osamocených předložek. */
.fs-h{padding:0}
.fs-h-karta{border-radius:0;min-height:min(78vh,720px)}
.fs-h-txt{width:min(50%,640px);padding-left:max(24px,calc((100vw - 1240px)/2 + 24px))}
.fs-h h1{font-size:clamp(34px,3.6vw,54px)}
.fs-h-zv{background:none;color:inherit}
.fs-h-zv,.fs-h-sl>span{background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-h-sl{background:none!important}
.fs-h-dots{left:max(24px,calc((100vw - 1240px)/2 + 24px))}
.fs-h-scena{right:max(0px,calc((100vw - 1400px)/2))}
@media(max-width:879px){.fs-h-txt{width:auto;padding-left:22px}.fs-h-dots{left:22px}.fs-h-scena{right:0}}
/* Okno a telefon mají perspektivu přímo ve vlastní transformaci (rodič s opacity by 3D jinak zploštil). */
.fs-h-win{transform:perspective(1300px) rotateY(-18deg) rotateX(6deg)}
.fs-h-pr:not(.on) .fs-h-win{transform:perspective(1300px) rotateY(-18deg) rotateX(6deg) translateX(30px)}
.fs-h-tel{transform:perspective(1300px) rotateY(-12deg) rotateX(4deg) translateZ(60px)}
.fs-h-pr:not(.on) .fs-h-tel{transform:perspective(1300px) rotateY(-12deg) rotateX(4deg) translateZ(60px) translateY(24px)}
/* Hero opravdu od kraje ke kraji (vyskočí z kontejneru obsahu stránky). */
.fs-h{width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;margin-top:0!important}
.fs-h-scena{width:min(54%,820px)}
.fs-h-scena{width:min(48%,700px);right:max(24px,calc((100vw - 1340px)/2))}
.fs-h-win{left:2%;right:12%;top:18%}
.fs-h-tel{right:0;top:38%;width:24%}
/* Lišta podbarvená barvami právě zobrazeného projektu v hero (hero JS nastavuje --fs-pc1/--fs-pc2 na <html>). */
@property --fs-pc1{syntax:"<color>";inherits:true;initial-value:transparent}
@property --fs-pc2{syntax:"<color>";inherits:true;initial-value:transparent}
.topbar,.topbar.scrolled{background:linear-gradient(90deg,color-mix(in srgb,var(--fs-pc2) 22%,transparent),color-mix(in srgb,var(--fs-pc1) 30%,transparent)),var(--fs-sklo)!important;transition:--fs-pc1 1.1s ease,--fs-pc2 1.1s ease!important}
/* Klouzání řídí JS (translate); posun neaktivního okna z přechodu se ruší, aby se pohyby nesčítaly proti sobě. */
.fs-h-pr:not(.on) .fs-h-win{transform:perspective(1300px) rotateY(-18deg) rotateX(6deg)}
.fs-h-pr:not(.on) .fs-h-tel{transform:perspective(1300px) rotateY(-12deg) rotateX(4deg) translateZ(60px)}
/* Slovo za „víc“: neaktivní slova jsou skrytá úplně (visibility), nové jen vyjede – žádné prolínání dvou slov přes sebe. */
.fs-h-sl>span{visibility:hidden;opacity:0;transform:none;transition:none}
.fs-h-sl>span.on{visibility:visible;opacity:1;animation:fs-slovo .5s cubic-bezier(.2,.8,.2,1)}
@keyframes fs-slovo{from{opacity:0;transform:translateY(.3em)}to{opacity:1;transform:none}}
/* Roller za „víc“: staré slovo odjede nahoru, nové přijede zespodu, ořez na výšku řádku. */
.fs-h-sl{overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em;vertical-align:bottom}
.fs-h-sl>span{visibility:hidden;opacity:1;transform:translateY(110%);transition:none;animation:none}
.fs-h-sl>span.on{visibility:visible;transform:none;transition:transform .6s cubic-bezier(.65,0,.35,1);animation:none}
.fs-h-sl>span.out{visibility:visible;transform:translateY(-110%);transition:transform .6s cubic-bezier(.65,0,.35,1)}
/* Hero pod lištou (0.18.0). */
.fs-h{margin-top:calc(-1 * var(--fs-lista,72px))!important}
.fs-h-txt{padding-top:calc(var(--fs-lista,72px) + clamp(40px,6vw,96px))}
.fs-h-scena{top:var(--fs-lista,72px)}
.fs-h-karta{min-height:calc(min(78vh,720px) + var(--fs-lista,72px))}
.topbar.nad-hero{--inkp:#fff;--ink-soft:rgba(255,255,255,.75);--fs-glass:#8fa6e8;background:linear-gradient(90deg,color-mix(in srgb,var(--fs-pc2) 18%,transparent),color-mix(in srgb,var(--fs-pc1) 22%,transparent)),rgba(10,12,20,.18)!important}
.topbar.nad-hero .fs-cara .c1{stop-color:#8fa6e8}.topbar.nad-hero .fs-cara .c2{stop-color:#ef8a77}
.topbar.nad-hero .dd .menu{--inkp:#111;--pap:#fff;color:#111}
.topbar.nad-hero .navtoggle span{background:#fff}
@media(max-width:879px){.fs-h-scena{top:auto}}
/* Lišta nad hero ze stejného skla jako okna ukázek. */
.topbar.nad-hero{background:rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;backdrop-filter:blur(20px) saturate(160%)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.28)!important}
/* Nadpis hero a tečky začínají na stejné svislici jako logo (stejný vzorec jako odsazení lišty --pl). */
.fs-h-txt{padding-left:max(18px,calc((100vw - 1100px)/2 + 12px))}
.fs-h-dots{left:max(18px,calc((100vw - 1100px)/2 + 12px))}
@media(max-width:879px){.fs-h-txt{padding-left:18px}.fs-h-dots{left:18px}}
/* Neutrální sklo nad hero: jen rozostření, skoro bez mléčného nádechu, takže nad tmavým pozadím nešedne. */
.topbar.nad-hero{background:rgba(255,255,255,.04)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)!important}
/* Ořez rolleru přes clip-path (overflow u slov s přechodovou barvou textu v Chromu neořezával) a odjeté slovo se po animaci skryje. */
.fs-h-sl{overflow:visible;clip-path:inset(-.05em -.3em -.16em -.05em)}
/* Bez přepínače světlý/tmavý režim (0.18.5): web je vždy světlý. */
.themetoggle{display:none!important}
/* Body na ose jsou tlačítka: kliknutím se přepne ukázka. Klikací plocha je vyšší než samotná čárka. */
.fs-h-dots button{appearance:none;border:0;background:none;padding:12px 0;margin:-12px 0;cursor:pointer}
.fs-h-dots button i{display:block;width:34px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);transition:background .3s,transform .2s}
.fs-h-dots button:hover i{background:rgba(255,255,255,.6)}
.fs-h-dots button.on i{background:#fff}
.fs-h-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
/* Přechodová barva je na vnitřním <b>, posouvá se jen obal – Chrome jinak kreslil text s background-clip na původním místě. */
.fs-h-sl>span{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:inherit!important}
.fs-h-sl>span>b{font-weight:inherit;display:inline-block;background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Hero vzdušněji (0.18.9): širší sloupec textu (nadpis na 3 řádky), méně stažené písmo a větší mezery. */
@media(min-width:880px){
 .fs-h-txt{width:min(56%,780px)}
 .fs-h-scena{width:min(42%,640px)}
}
.fs-h h1{letter-spacing:-.018em;line-height:1.12;word-spacing:.02em}
.fs-h-ld{margin:28px 0 36px;line-height:1.65;letter-spacing:.005em;max-width:34em}
.fs-h-ctas{gap:16px}

/* ===== 0.19.0: loga klientů jako přechod z hero do stránky + Služby ve stylu hero ===== */
/* Loga: pod hero pokračuje jeho barva (barvy projektu z --fs-pc1/2) a rozpouští se do bílé. */
.wp-block-group.klienti{position:relative;max-width:none!important;width:100vw;margin:0 0 0 calc(50% - 50vw)!important;padding:70px 20px 56px;
 background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 45%,#fff 92%),linear-gradient(90deg,#0b0d14 0%,color-mix(in srgb,var(--fs-pc2) 75%,#0b0d14) 45%,var(--fs-pc2) 70%,color-mix(in srgb,var(--fs-pc1) 70%,var(--fs-pc2)) 100%);
 transition:--fs-pc1 1.1s ease,--fs-pc2 1.1s ease}
.wp-block-group.klienti>.label{color:#3a3f4a}
.klienti .klienti-loga{will-change:transform}
/* Služby: tmavé pozadí s barevnými skvrnami v barvách Fantastic Studios, karty ze skla. */
.sluzby3{position:relative;isolation:isolate;color:#fff;width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:96px max(18px,calc((100vw - 1100px)/2 + 12px))!important;overflow:hidden;background:#0b0d14}
.sluzby3::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 12% 15%,rgba(46,67,115,.75),transparent 70%),radial-gradient(40% 55% at 88% 85%,rgba(184,71,58,.6),transparent 70%),radial-gradient(30% 40% at 60% 40%,rgba(111,143,224,.25),transparent 70%)}
.sluzby3 .label{color:rgba(255,255,255,.7)!important}
.sluzby3>h2{color:#fff!important;font-family:var(--display);font-weight:800;letter-spacing:-.02em}
.sluzby3 .k3{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:22px;color:#fff;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 30px 60px -36px rgba(0,0,0,.8);transition:transform .25s,border-color .25s,background .25s}
.sluzby3 .k3:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.sluzby3 .k3 h3{color:#fff}
.sluzby3 .k3 p{color:rgba(255,255,255,.78)}
.sluzby3 .k3 .tagy span{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff}
.sluzby3 .k3 .odkaz a{color:#fff}
.sluzby3 .k3 .odkaz .sipka{color:#ef8a77}
.sluzby3 .k3 .hd .svetle{display:none!important}
.sluzby3 .k3 .hd .tmave{display:block!important}
/* Horní hrana Služeb: zrcadlo spodní hrany hero – bílá se plynule rozpouští do tmavého pozadí. */
.sluzby3::after{content:"";position:absolute;left:0;right:0;top:0;height:170px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#fff 8%,rgba(255,255,255,.55) 55%,rgba(255,255,255,0) 100%)}
.sluzby3{padding-top:150px!important}
/* Služby podle cílů klienta (0.19.2): úvodní věta, čísla 01–03 v přechodové barvě. */
.sluzby-cile .uvod{font:400 clamp(17px,1.5vw,20px)/1.65 var(--body);color:rgba(255,255,255,.82);max-width:46em;margin:-8px 0 44px}
.sluzby-cile .k3 .cil{font:800 30px/1 var(--display);margin:0;background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent}
.sluzby-cile .k3 h3{font:800 24px/1.15 var(--display);letter-spacing:-.015em}
.sluzby-cile .k3{padding:28px;gap:16px}
/* 0.19.3: Spolupracujeme s – tmavá sekce, která plynule navazuje na hero (barvy projektu dole tmavnou do pozadí
   Služeb), loga bíle; Služby už bez bílého přechodu nahoře, takže hero → loga → služby jsou jeden tmavý celek. */
.wp-block-group.klienti{background:linear-gradient(180deg,rgba(11,13,20,0) 0%,rgba(11,13,20,.7) 55%,#0b0d14 100%),linear-gradient(90deg,#0b0d14 0%,color-mix(in srgb,var(--fs-pc2) 75%,#0b0d14) 45%,var(--fs-pc2) 70%,color-mix(in srgb,var(--fs-pc1) 70%,var(--fs-pc2)) 100%)!important;padding:64px 20px 72px!important;overflow:hidden}
.wp-block-group.klienti>.label{color:rgba(255,255,255,.7)!important;position:relative;z-index:1;margin-bottom:30px!important}
.klienti .klienti-loga img{filter:grayscale(1) invert(1)!important;mix-blend-mode:screen;opacity:.72!important}
.klienti .klienti-loga img:hover{opacity:1!important}
.sluzby3::after{display:none}
.sluzby3{padding-top:96px!important}
/* Výchozí barvy projektu (první snímek hero) už v CSS, aby pozadí lišty a log nezačínalo průhledné/bílé. */
:root{--fs-pc1:#e0a35a;--fs-pc2:#7a3b1d}
html:not(.fs-ready) .topbar,html:not(.fs-ready) .wp-block-group.klienti{transition:none!important}
/* 0.19.5: lišta nad hero tmavší, aby přes sklo neprosvítalo bílé okno ukázky. */
.topbar.nad-hero{background:rgba(11,13,20,.55)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;backdrop-filter:blur(24px) saturate(130%)!important}
/* Loga: bílá na tmavé bez obdélníků pozadí. Tmavý text na průhledném/bílém pozadí se invertuje,
   Jacob's (bílé písmo na černé) jen zešedne; černé pozadí pak zmizí díky mix-blend-mode:screen. */
.klienti .klienti-loga img{filter:grayscale(1) invert(1) contrast(1.2)!important;mix-blend-mode:screen;opacity:.75!important}
.klienti .klienti-loga img[alt^="Jacob"]{filter:grayscale(1) contrast(1.2)!important}
/* Služby: barevné skvrny začínají až pod horní hranou, žádný šev s logy. */
.sluzby3::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 260px);mask-image:linear-gradient(180deg,transparent 0,#000 260px)}

/* ===== 0.20.0: stav z návrhového artefaktu (lišta, hero, dropdown, mobilní menu, loga) ===== */
/* navrh-loga */
.fs-loga{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:56px 0 80px;overflow:hidden;
 background:linear-gradient(180deg,rgba(11,13,20,0) 0%,rgba(11,13,20,.75) 60%,#0b0d14 100%),linear-gradient(90deg,#0b0d14 0%,color-mix(in srgb,var(--fs-pc2) 75%,#0b0d14) 45%,var(--fs-pc2) 70%,color-mix(in srgb,var(--fs-pc1) 70%,var(--fs-pc2)) 100%);transition:--fs-pc1 1.1s ease,--fs-pc2 1.1s ease}
.fs-loga::before{content:"";position:absolute;left:max(18px,calc((100vw - 1100px)/2 + 12px));right:max(18px,calc((100vw - 1100px)/2 + 12px));top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.fs-loga-lab{margin:0 0 34px;text-align:center;font:600 12px var(--body);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.fs-loga-pas{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);will-change:transform}
.fs-loga-trat{display:flex;align-items:center;gap:88px;width:max-content;animation:fs-pas 38s linear infinite}
.fs-loga-trat img{display:block;width:auto;opacity:.78;transition:opacity .25s}
.fs-loga-trat img:hover{opacity:1}
@keyframes fs-pas{to{transform:translateX(-33.333%)}}
@media (prefers-reduced-motion:reduce){.fs-loga-trat{animation:none}}
.sluzby3{padding-top:72px!important}
/* navrh-sync */
/* Hero i pás log berou barvy ze stejných proměnných se stejným přechodem, takže se během změny snímku nerozejdou. */
.fs-h-bg{display:none!important}
.fs-h-karta{background:radial-gradient(60% 80% at 82% 22%,var(--fs-pc1),transparent 70%),linear-gradient(90deg,#0b0d14 0%,color-mix(in srgb,var(--fs-pc2) 75%,#0b0d14) 45%,var(--fs-pc2) 70%,color-mix(in srgb,var(--fs-pc1) 70%,var(--fs-pc2)) 100%)!important}
.fs-h-karta,.fs-loga,.topbar{transition:--fs-pc1 1.1s ease,--fs-pc2 1.1s ease!important}
/* navrh-stred */
/* Obsah hero svisle na střed prostoru pod lištou (text i okna). */
@media(min-width:880px){
.fs-h-karta{display:flex;align-items:center}
.fs-h-txt{padding-top:calc(var(--fs-lista,72px) + 40px)!important;padding-bottom:40px!important}
.fs-h-scena{top:var(--fs-lista,72px)!important;bottom:0;display:block}
.fs-h-win{top:50%!important;transform-origin:left center;margin-top:-27%}
.fs-h-tel{top:50%!important;margin-top:-17%}
}
/* navrh-linka */
.fs-loga::after{content:"";position:absolute;left:max(18px,calc((100vw - 1100px)/2 + 12px));right:max(18px,calc((100vw - 1100px)/2 + 12px));bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
/* navrh-vyska */
@media(min-width:880px){.fs-h-karta{min-height:calc(min(64vh,600px) + var(--fs-lista,72px))!important}.fs-h-txt{padding-top:calc(var(--fs-lista,72px) + 28px)!important;padding-bottom:28px!important}.fs-h-dots{bottom:26px!important}}
/* navrh-tecky */
@media(min-width:880px){.fs-h-dots{left:auto!important;right:max(24px,calc((100vw - 1340px)/2))!important;width:min(48%,700px);justify-content:center;translate:6.3%}}
/* navrh-hover */
.fs-lg{position:relative;display:grid;place-items:center;padding:12px 18px;border-radius:14px;transition:background .3s,box-shadow .3s}
.fs-lg img{grid-area:1/1;display:block;width:auto;transition:opacity .3s}
.fs-lg .o{opacity:0;position:absolute;left:18px;top:12px;width:calc(100% - 36px);height:calc(100% - 24px);object-fit:contain}
.fs-lg:hover{background:#fff;box-shadow:0 12px 30px -14px rgba(0,0,0,.6)}
.fs-lg:hover .b{opacity:0}.fs-lg:hover .o{opacity:1}
.fs-loga-trat{gap:56px!important}
.fs-loga-pas:hover .fs-loga-trat{animation-play-state:paused}
/* navrh-osa */
@media(min-width:880px){.fs-h-dots{bottom:auto!important;top:var(--fs-osa,auto)}}
/* navrh-dropdown2 */
@media(min-width:800px){
.topbar nav .dd{position:relative}
.topbar nav .dd>a svg{display:none!important}
.topbar nav .dd>a::after{content:""!important;left:14px!important;right:14px!important;bottom:-4px!important;height:2px!important;border-radius:2px;background:linear-gradient(90deg,#8fa6e8,#ef8a77)!important;transform:scaleX(0);transform-origin:center!important;transition:transform .25s cubic-bezier(.65,0,.35,1)!important;display:block!important}
.topbar nav .dd:hover>a::after,.topbar nav .dd.open>a::after,.topbar nav .dd:focus-within>a::after{transform:scaleX(1)!important}
.topbar .dd .menu{left:50%!important;right:auto!important;top:calc(100% + 18px)!important;width:560px;display:grid!important;grid-template-columns:1fr 200px;gap:10px!important;padding:10px!important;
 border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;background:rgba(16,18,26,.95)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important;backdrop-filter:blur(24px) saturate(140%)!important;
 box-shadow:0 30px 60px -24px rgba(0,0,0,.75)!important;clip-path:none!important;overflow:visible!important;
 opacity:0;visibility:hidden;transform:translate(-50%,-6px)!important;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s!important}
.topbar .dd:hover .menu,.topbar .dd:focus-within .menu,.topbar .dd.open .menu{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;transition:opacity .2s ease,transform .2s ease,visibility 0s!important}
.topbar .dd .menu::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:22px!important;background:none}
.topbar .dd .menu::after{content:""!important;display:block!important;position:absolute;left:50%;top:-7px;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);background:rgba(20,22,32,.86);border-left:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.16);clip-path:none}
.topbar .dd .menu .fil{display:none!important}
.fs-dd-list{display:flex;flex-direction:column;gap:2px}
.topbar .dd .menu a.fs-dd-it{display:flex!important;gap:12px;align-items:flex-start;padding:10px 12px!important;border-radius:12px;background:none!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important}
.topbar .dd .menu a.fs-dd-it::before,.topbar .dd .menu a.fs-dd-it::after{display:none!important}
.topbar .dd .menu a.fs-dd-it:hover,.topbar .dd .menu a.fs-dd-it.on{background:rgba(255,255,255,.08)!important}
.fs-dd-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:800 12px var(--display);background:linear-gradient(135deg,#2e4373,#b8473a);color:#fff}
.fs-dd-t{display:block;font:700 14px var(--display);margin:1px 0 3px}
.fs-dd-d{display:block;font:400 12px/1.45 var(--body);color:rgba(255,255,255,.7)}
.fs-dd-card{border-radius:12px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.fs-dd-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.fs-dd-card p{margin:0;padding:10px 12px;font:600 12px var(--body);color:#fff}
.fs-dd-card p span{display:block;font-weight:400;color:rgba(255,255,255,.65);margin-top:2px}
}
/* navrh-mobil */
@media(max-width:799px){
 .topbar{flex-wrap:nowrap!important}
 .navtoggle{margin-left:auto!important;width:44px;height:44px;border-radius:12px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:25}
 .navtoggle span{width:22px!important;height:2px!important;border-radius:2px;background:var(--inkp)!important;opacity:1!important;transition:transform .3s cubic-bezier(.65,0,.35,1),opacity .2s!important}
 .topbar.open .navtoggle span{background:#fff!important;opacity:1!important}
 .topbar.open .navtoggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
 .topbar.open .navtoggle span:nth-child(2){opacity:0!important}
 .topbar.open .navtoggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
 .topbar nav .m-cara,.topbar nav .m-pata{display:none!important}
 .topbar.open{--inkp:#fff}
 .topbar.open .fs-cara{opacity:0}
 .topbar nav,.topbar.open nav{background:radial-gradient(70% 50% at 90% 0%,rgba(46,67,115,.55),transparent 70%),radial-gradient(60% 45% at 0% 100%,rgba(184,71,58,.45),transparent 70%),#0b0d14!important;color:#fff!important;
  padding:calc(var(--mh,72px) + 28px) 24px 32px!important;font:700 30px/1.1 var(--display)!important;letter-spacing:-.02em!important}
 .topbar nav>a,.topbar nav .dd>a{color:#fff!important;padding:16px 0!important;gap:14px!important;border-bottom:1px solid rgba(255,255,255,.1)}
 .topbar nav .mi{width:26px!important;height:26px!important;stroke:#ef8a77!important}
 .topbar nav .dd>a .sip{width:22px!important;height:22px!important;stroke:#fff}
 .topbar nav .dd .menu,.topbar .dd.open .menu{margin:6px 0 0 40px!important;gap:6px!important;display:grid!important;grid-template-columns:1fr!important;width:auto!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;left:auto!important;transform:none!important;position:static!important}
 .topbar nav .dd .menu::after,.topbar nav .dd .menu::before,.topbar nav .dd .menu .fs-dd-card{display:none!important}
 .topbar nav .dd .menu a.fs-dd-it{padding:10px 0!important;background:none!important}
 .topbar nav .dd .menu a.fs-dd-it::before{display:none!important}
 .topbar nav .dd .menu .fs-dd-ic{width:30px;height:30px;font-size:11px}
 .topbar nav .dd .menu .fs-dd-t{font-size:17px}
 .topbar nav .dd .menu .fs-dd-d{font-size:13px}
 .fs-mob-cta{display:inline-flex;margin-top:28px;align-self:flex-start;font:600 16px var(--body);color:#fff;text-decoration:none;padding:15px 24px;border-radius:16px;background:linear-gradient(90deg,#1b2a4e,#b8473a);box-shadow:0 14px 30px -14px #b8473a}
}
@media(min-width:800px){.fs-mob-cta{display:none}}
/* navrh-mobil2 */
@media(max-width:799px){
 .topbar.open{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important}
 .fs-h-win{left:5%!important;right:24%!important;top:8%!important;margin-top:0!important;transform:perspective(900px) rotateY(-10deg) rotateX(3deg)!important}
 .fs-h-tel{right:5%!important;top:22%!important;margin-top:0!important;width:27%!important;transform:perspective(900px) rotateY(-8deg)!important}
 .fs-h-dots{justify-content:flex-start!important;translate:none!important;width:auto!important;right:auto!important;left:18px!important}
}
/* navrh-mobil3 */
@media(max-width:799px){
 .topbar.open nav .dd.open .menu,.topbar.open nav .dd.open .menu a{opacity:1!important;transform:none!important;visibility:visible!important}
 .topbar nav>a.fs-mob-cta{display:inline-flex!important;justify-content:center;margin-top:32px!important;padding:16px 24px!important;border:0!important;border-radius:16px!important;font:600 17px var(--body)!important;letter-spacing:0!important;background:linear-gradient(90deg,#1b2a4e,#b8473a)!important;color:#fff!important;opacity:1!important;transform:none!important}
 .fs-h-scena{height:min(70vw,320px)!important}
 .fs-h-win{left:6%!important;right:26%!important;transform:none!important}
 .fs-h-tel{right:6%!important;top:16%!important;transform:none!important;width:26%!important}
}
/* navrh-mobil4 */
@media(max-width:799px){.topbar nav .dd .menu,.topbar nav .dd .menu a.fs-dd-it,.topbar nav .dd .menu .fs-dd-t{color:#fff!important}.topbar nav .dd .menu .fs-dd-d{color:rgba(255,255,255,.65)!important}}
/* navrh-mobil5 */
@media(max-width:799px){
.topbar nav .dd .menu a.fs-dd-it{display:flex!important;gap:12px!important;align-items:flex-start!important;white-space:normal!important}
.topbar nav .fs-dd-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:800 11px var(--display);background:linear-gradient(135deg,#2e4373,#b8473a);color:#fff;margin-top:2px}
.topbar nav .fs-dd-t{display:block;font:700 17px var(--display)!important;margin:0 0 3px}
.topbar nav .fs-dd-d{display:block;font:400 13px/1.45 var(--body)!important}
.topbar nav .dd .menu{margin-left:0!important;padding:8px 0 10px!important}
}
/* navrh-hero-mobil */
@media(max-width:879px){
.fs-h-karta{display:block!important;min-height:0!important;padding-bottom:28px}
.fs-h-txt{padding:calc(var(--fs-lista,72px) + 28px) 18px 0!important;width:auto!important}
.fs-h h1{font-size:clamp(30px,8.4vw,40px)!important;line-height:1.1!important}
.fs-h-ld{font-size:16px!important;margin:16px 0 22px!important}
.fs-h-ctas{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;translate:none!important}
.fs-h-b1,.fs-h-b2{justify-content:center;white-space:nowrap;padding:14px 16px!important;font-size:15px!important;border-radius:14px!important}.fs-h-b1{flex:1 1 auto}.fs-h-b2{flex:0 0 auto}
.fs-h-scena{position:relative!important;width:auto!important;right:auto!important;top:auto!important;height:calc((100vw - 36px) * .62 + 40px)!important;margin:30px 18px 0}
.fs-h-pr{inset:0!important}
.fs-h-win{left:0!important;right:0!important;top:0!important;margin:0!important;padding:0 7px 7px!important;border-radius:14px!important;transform:none!important}
.fs-h-wt{padding:9px 4px!important}.fs-h-wt i{width:9px!important;height:9px!important}.fs-h-wt span{font-size:11px!important;padding:3px 9px!important}
.fs-h-tel{right:-6px!important;left:auto!important;top:auto!important;bottom:0!important;margin:0!important;width:27%!important;border-radius:20px!important;padding:4px!important;transform:none!important}
.fs-h-tel img{border-radius:16px!important}
.fs-h-dots{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;translate:none!important;justify-content:center!important;margin:22px 0 0!important;padding:0!important}
}
/* navrh-mobil-rozestup */
@media(max-width:799px){
.topbar nav>a,.topbar nav .dd{border-bottom:1px solid rgba(255,255,255,.1)!important}
.topbar nav>a,.topbar nav .dd>a{padding:18px 0!important;margin:0!important}
.topbar nav .dd>a{border-bottom:0!important}
.topbar nav>a.fs-mob-cta{border-bottom:0!important}
.topbar nav .dd .menu,.topbar .dd.open .menu{margin:0!important;padding:0 0 0 40px!important}
.topbar.open nav .dd.open .menu{padding:0 0 18px 40px!important}
.topbar nav .dd .menu a.fs-dd-it{padding:8px 0!important}
}
/* Lišta všude stejná jako na začátku úvodní stránky (bez přepínání při scrollu): tmavé sklo, bílé písmo. */
.topbar,.topbar.scrolled{--inkp:#fff;--ink-soft:rgba(255,255,255,.75);background:rgba(11,13,20,.55)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;backdrop-filter:blur(24px) saturate(130%)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)!important}
.topbar .fs-cara .c1{stop-color:#8fa6e8}.topbar .fs-cara .c2{stop-color:#ef8a77}
.topbar .navtoggle span{background:#fff!important}

/* Hlavní tlačítko v hero s rámečkem jako sekundární. */
.fs-h-b1{border:1px solid rgba(255,255,255,.32)}

/* Přechod tlačítka i pod rámečkem (jinak se na okrajích opakoval), záře tlačítek přesahuje spodek hero. */
.fs-h-b1,.fs-h-b2{background-origin:border-box}.fs-h-karta{overflow:visible!important;overflow-x:clip!important}.fs-h{position:relative;z-index:1}

/* Loga při najetí: originál oříznutý na obsah, stejně velký jako bílá verze. */
.fs-lg{padding:8px 12px!important;border-radius:12px!important}
.fs-lg .o{left:12px!important;top:8px!important;width:calc(100% - 24px)!important;height:calc(100% - 16px)!important;object-fit:contain}
.fs-lg:hover{box-shadow:0 10px 24px -14px rgba(0,0,0,.6)!important}


/* Loga při najetí: bez karty a pozadí, barvu dostane jen barevné logo (Elite Wedding), ostatní se jen rozsvítí. */
.fs-lg,.fs-lg:hover{background:none!important;box-shadow:none!important;padding:0!important}
.fs-lg .o{left:0!important;top:0!important;width:100%!important;height:100%!important}
.fs-lg:hover .b{opacity:1}
.fs-lg:has(.o):hover .b{opacity:0}
.fs-loga-trat{gap:88px!important}


/* Manifest (blok partaq/manifest-fs) */
.fs-manifest{position:relative;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);background:#0b0d14;color:#fff;padding:clamp(80px,12vw,160px) max(18px,calc((100vw - 1100px)/2 + 12px));overflow:hidden}
.fs-manifest::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 10% 20%,rgba(46,67,115,.7),transparent 70%),radial-gradient(40% 55% at 90% 85%,rgba(184,71,58,.55),transparent 70%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 200px);mask-image:linear-gradient(180deg,transparent 0,#000 200px)}
.fs-man-in{max-width:980px}
.fs-man-q{display:block;font:800 clamp(90px,12vw,160px)/.6 var(--display);background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.fs-man-t{font:800 clamp(30px,4.2vw,58px)/1.16 var(--display);letter-spacing:-.025em;margin:0}
.fs-man-t .w{color:rgba(255,255,255,.16);transition:color .35s ease}
.fs-man-t .w.on{color:#fff}.fs-man-t .w.k.on{background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:reduce){.fs-man-t .w{color:#fff}}

/* Podpis pod manifestem: objeví se jako poslední, až je celá věta rozsvícená. */
.fs-man-pod{margin:30px 0 0;font:600 16px var(--body);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.fs-man-pod span{color:rgba(255,255,255,.6)}
.fs-man-pod.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fs-man-pod{opacity:1;transform:none}}
.fs-man-pod{display:flex;align-items:center;gap:14px}
.fs-man-pod img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.fs-man-pod span{margin-left:-8px}

/* Manifest 0.21.3: na desktopu blok na střed, uvozovky vlevo od textu; podpis na dva řádky, avatar v tenkém bílém rámečku. */
@media(min-width:880px){.fs-man-in{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:28px;margin:0 auto}.fs-man-q{grid-row:1/3;margin:0;line-height:.75;padding-top:.08em}.fs-man-t,.fs-man-pod{grid-column:2}}
.fs-man-pod img{box-shadow:none!important;border:2px solid #fff}
.fs-man-pod .fs-man-jm{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.fs-man-pod .fs-man-jm span{margin:0;font-weight:400;font-size:14px;color:rgba(255,255,255,.6)}

/* Podpis manifestu na střed a o 30 % větší. */
.fs-man-pod{justify-content:center;margin-top:44px;font-size:21px;gap:18px}
@media(min-width:880px){.fs-man-pod{grid-column:1/-1}}
.fs-man-pod img{width:62px!important;height:62px!important}
.fs-man-pod .fs-man-jm span{font-size:18px}

/* Podpis: avatar ve sloupci uvozovek (pod nimi), jméno ve sloupci textu, pod claimem. */
.fs-man-pod{justify-content:flex-start}
@media(min-width:880px){.fs-man-q{grid-row:1!important}.fs-man-t{grid-row:1}.fs-man-pod{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:subgrid;align-items:center}.fs-man-pod img{justify-self:center}}
@media(min-width:880px){.fs-man-pod{column-gap:28px!important}}
.fs-man-pod .fs-man-jm{margin-left:0!important}
/* Rámeček avataru v barevném akcentu navy → korál. */
.fs-man-pod img{border:2px solid transparent!important;background:linear-gradient(#0b0d14,#0b0d14) padding-box,linear-gradient(135deg,#8fa6e8,#ef8a77) border-box}

/* Písmeno „o“ ve „studios“ v barevném akcentu (jako rámeček avataru), uvnitř zůstává sklo. */
.fs-logo2 .fs-oo{fill:url(#fs-og)!important}

/* „o“ v logu jako prstenec v přechodu navy → korál (místo písmene), uvnitř prázdno. */
.fs-logo2 .fs-oo{fill:transparent!important}
.fs-logo2 .fs-gl{fill:none!important;stroke:url(#fs-og);stroke-width:2.3}

/* „o“ v logu: skutečné písmeno v přechodu navy → korál (přechod napnutý jen přes „o“), bez kresleného prstence. */
.fs-logo2 .fs-oo{fill:url(#fs-og)!important}
.fs-logo2 .fs-gl{display:none!important}

/* Podpis manifestu (0.21.13): ve sloupci textu pod tenkou linkou; jméno výrazně, Fantastic Studios verzálkami v přechodu. */
@media(min-width:880px){.fs-man-pod{grid-column:2!important;display:flex!important}}
.fs-man-pod{justify-content:flex-start!important;gap:16px!important;margin-top:40px!important;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.fs-man-pod img{width:56px!important;height:56px!important;justify-self:auto!important}
.fs-man-pod .fs-man-jm{font:700 20px/1.25 var(--display)!important;gap:4px!important}
.fs-man-pod .fs-man-jm span{font:600 12px var(--body)!important;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent!important;width:max-content}
/* Podpis bez linky. */
.fs-man-pod{border-top:0!important;padding-top:0!important}
/* Jméno v podpisu bíle. */
.fs-man-pod .fs-man-jm{color:#fff!important}

/* 0.22.0: zbytek úvodní stránky ve stylu Fantastic Studios (bloky *-fs, mockup „Fantastic Studios zbytek“). */
.fs-z{--bg:#0b0d14;--fg:#f4f5fa;--mut:rgba(244,245,250,.62);--dim:rgba(244,245,250,.38);--glass:rgba(255,255,255,.045);--edge:rgba(255,255,255,.09);--a1:#8fa6e8;--a2:#ef8a77;--grad:linear-gradient(90deg,#8fa6e8,#ef8a77);--display:"Plus Jakarta Sans",system-ui,sans-serif;--body:Inter,system-ui,sans-serif;}
.fs-z .w{max-width:1120px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
section.fs-z{padding-block:120px}
.fs-z .eb{font:600 12px var(--body);letter-spacing:.16em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;margin-bottom:18px}
.fs-z h2{font:800 clamp(34px,5vw,56px)/1.05 var(--display);letter-spacing:-.025em;margin:0;text-wrap:balance}
.fs-z h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-z .lead{color:var(--mut);font-size:18px;max-width:54ch;margin:20px 0 0}
.fs-z .hd{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:56px}
.fs-z .lnk{font:600 15px var(--body);display:inline-flex;gap:8px;align-items:center;color:var(--fg)}
.fs-z .lnk i{font-style:normal;transition:transform .2s}
.fs-z .lnk:hover i{transform:translateX(4px)}
.fs-z .ctx{border-bottom:1px solid var(--edge);padding-block:28px;color:var(--dim);font-size:13px;text-align:center}
.fs-z .feat{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:72px}
.fs-z .feat .shot{border-radius:18px;overflow:hidden;background:var(--glass);box-shadow:0 40px 80px -30px rgba(143,166,232,.35)}
.fs-z .feat .shot{display:grid}
.fs-z .feat .shot img{display:block;width:100%;grid-area:1/1;opacity:0;transition:opacity .9s}
.fs-z .feat .shot img.on{opacity:1}
.fs-z .feat h3{font:800 32px/1.1 var(--display);margin:0 0 6px;letter-spacing:-.02em}
.fs-z .cl{color:var(--dim);font-size:14px;margin-bottom:18px}
.fs-z .feat p{color:var(--mut);margin:0 0 24px}
.fs-z .big{font:800 64px/1 var(--display);letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-z .big+small{display:block;color:var(--mut);font-size:14px;margin:6px 0 28px}
.fs-z .tg{display:flex;gap:8px;flex-wrap:wrap}
.fs-z .tg span{font:500 12px var(--body);padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--mut)}
.fs-z .list a{display:grid;grid-template-columns:200px minmax(0,1fr) auto 28px;gap:24px;align-items:center;padding:26px 8px;border-top:1px solid var(--edge);transition:background .25s,padding .25s}
.fs-z .list a:last-child{border-bottom:1px solid var(--edge)}
.fs-z .list a:hover{background:linear-gradient(90deg,rgba(143,166,232,.08),rgba(239,138,119,.06));padding-inline:20px}
.fs-z .list b{font:700 22px var(--display);letter-spacing:-.01em}
.fs-z .list b small{display:block;font:500 13px var(--body);color:var(--dim);margin-top:2px}
.fs-z .list p{margin:0;color:var(--mut)}
.fs-z .list .ar{color:var(--dim);font-size:20px;transition:color .2s,transform .2s}
.fs-z .list a:hover .ar{color:var(--a2);transform:translateX(4px)}
.fs-z .rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fs-z .rel div{padding:36px 32px;border-radius:20px;background:var(--glass);border:1px solid var(--edge);display:flex;flex-direction:column}
.fs-z .rel .n{font:800 56px/1 var(--display);letter-spacing:-.03em;margin-bottom:22px}
.fs-z .rel h3{font:700 19px/1.3 var(--display);margin:0 0 10px}
.fs-z .rel p{color:var(--mut);font-size:15px;margin:0 0 24px;flex:1}
.fs-z .stack{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;margin-top:44px;color:var(--dim);font:600 13px var(--body);letter-spacing:.12em;text-transform:uppercase}
.fs-z .mod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.fs-z .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fs-z .chip{padding:22px;border-radius:16px;background:var(--glass);border:1px solid var(--edge)}
.fs-z .chip b{font:700 17px var(--display);display:block;margin-bottom:4px}
.fs-z .chip span{color:var(--mut);font-size:14px}
.fs-z .chip.z{border-color:transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--grad) border-box;border:1px solid transparent}
.fs-z .chip.z b::after{content:"v základu";font:600 10px var(--body);letter-spacing:.12em;text-transform:uppercase;margin-left:10px;vertical-align:2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-z .chip.p{border-style:dashed;background:none;display:flex;align-items:center;color:var(--mut)}
.fs-z .rev{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px}
.fs-z .score .big{font-size:96px}
.fs-z .stars{color:#f2c46d;letter-spacing:4px;font-size:18px;margin:10px 0 6px}
.fs-z .score small{color:var(--mut);font-size:14px}
.fs-z .qs{display:grid;gap:40px}
.fs-z .q p{font:600 clamp(22px,2.6vw,30px)/1.3 var(--display);letter-spacing:-.015em;margin:0 0 12px;text-wrap:balance}
.fs-z .q span{color:var(--dim);font-size:14px}
.fs-z .q span b{color:var(--mut);font-weight:600}
.fs-z .ult{display:flex;align-items:center;gap:28px;padding:32px 36px;border-radius:24px;background:radial-gradient(120% 140% at 0% 0%,rgba(143,166,232,.18),transparent 60%),radial-gradient(120% 140% at 100% 100%,rgba(239,138,119,.16),transparent 60%),var(--glass);border:1px solid var(--edge);flex-wrap:wrap}
.fs-z .ult img{width:56px;height:56px;border-radius:14px}
.fs-z .ult div{flex:1;min-width:240px}
.fs-z .ult b{font:700 21px var(--display);display:block}
.fs-z .ult span{color:var(--mut)}
.fs-z .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:99px;font:600 15px var(--body);background:#fff;color:#0b0d14}
.fs-z .btn.g{background:transparent;color:var(--fg);border:1px solid rgba(255,255,255,.25)}
.fs-z .kon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px}
.fs-z .steps{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:22px;counter-reset:s}
.fs-z .steps li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:baseline;counter-increment:s}
.fs-z .steps li::before{content:counter(s);font:800 15px var(--display);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--grad) border-box}
.fs-z .steps b{font:700 17px var(--display);display:block}
.fs-z .steps span{color:var(--mut);font-size:14px}
.fs-z .who{display:flex;gap:14px;align-items:center;margin-top:44px}
.fs-z .who img{width:52px;height:52px;border-radius:50%;border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--grad) border-box}
.fs-z .who b{font:700 17px var(--display);display:block}
.fs-z .who span{font:600 11px var(--body);letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-z form{padding:36px;border-radius:24px;background:var(--glass);border:1px solid var(--edge);display:grid;gap:16px}
.fs-z label{font:500 13px var(--body);color:var(--mut);display:grid;gap:6px}
.fs-z input,.fs-z textarea{font:400 15px var(--body);color:var(--fg);background:rgba(255,255,255,.05);border:1px solid var(--edge);border-radius:12px;padding:13px 14px;outline:none;transition:border-color .2s}
.fs-z input:focus,.fs-z textarea:focus{border-color:var(--a1)}
.fs-z textarea{min-height:120px;resize:vertical}
.fs-z .r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fs-z .fb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:6px}
.fs-z .fb small{color:var(--dim);font-size:12px;flex-basis:100%}
.fs-z .ok{color:var(--a1);font-size:14px}
.fs-z footer{padding-block:72px 40px;border-top:1px solid var(--edge)}
.fs-z .ft{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.fs-z .logo{font:800 26px Poppins,sans-serif;letter-spacing:-.02em}
.fs-z .logo span{font-weight:300}
.fs-z .ft p{color:var(--mut);font-size:14px;max-width:34ch}
.fs-z .ft h4{font:600 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:6px 0 16px}
.fs-z .ft ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px}
.fs-z .ft li a{color:var(--mut)}
.fs-z .ft li a:hover{color:var(--fg)}
.fs-z .fb2{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;color:var(--dim);font-size:13px}
.fs-z .motto{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}
.fs-z a:focus-visible,.fs-z button:focus-visible{outline:2px solid var(--a1);outline-offset:3px;border-radius:6px}
.fs-z .qs{display:grid;gap:0}
.fs-z .qs .q{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity .7s,transform .7s;pointer-events:none}
.fs-z .qs .q.on{opacity:1;transform:none;pointer-events:auto}
.fs-z .q p{font-size:clamp(24px,3vw,36px)!important;margin-bottom:28px!important}
.fs-z .q span{display:flex!important;flex-direction:column;gap:4px}
.fs-z .q span b{font:700 20px/1.25 var(--display)!important;color:#fff!important}
.fs-z .q span i{font:600 12px var(--body);font-style:normal;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}
.fs-z .dots{display:flex;gap:8px;margin-top:14px}
.fs-z .dots button{width:28px;height:4px;border:0;border-radius:99px;background:rgba(255,255,255,.18);cursor:pointer;padding:0;transition:background .3s}
.fs-z .dots button.on{background:var(--grad)}
.fs-z .q .med{display:flex;align-items:center;gap:16px}
.fs-z .q .med>img,.fs-z .q .med>em{width:56px;height:56px;border-radius:50%;flex:none;object-fit:cover;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box}
.fs-z .q .med>em{background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--grad) border-box;display:grid;place-items:center;font:700 17px var(--display);font-style:normal;color:#fff}
.fs-z .qs .q{transform:none!important;transition:opacity .35s!important}
.fs-z .qs .q.on{transition:opacity .1s!important}
.fs-z .q p w{display:inline;opacity:.12;filter:blur(4px);transition:opacity .5s,filter .5s}
.fs-z .q.on p w{opacity:1;filter:none}
.fs-z .q .med{opacity:0;transform:none;transition:opacity .6s}
.fs-z .q.on .med{opacity:1}
.fs-z .score small.gv{display:inline-flex;align-items:center;gap:10px;font:600 14px var(--body);color:var(--fg);margin-top:4px}
.fs-z .qs .q{display:flex;flex-direction:column;align-self:stretch}
.fs-z .qs .q p{flex:1}
.fs-z .rel2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fs-z .rel2>div{padding:32px;border-radius:20px;background:var(--glass);border:1px solid var(--edge)}
.fs-z .lgs{display:flex;gap:10px;margin-bottom:28px}
.fs-z .lg{width:52px;height:52px;border-radius:12px;display:block}
.fs-z .rel2 h3{font:800 26px/1.15 var(--display);letter-spacing:-.02em;margin:0 0 8px}
.fs-z .rel2 p{color:var(--mut);margin:0;font-size:15px}
.fs-z .glogo{height:22px;width:auto;display:block;margin-top:3px}
.fs-z .vchk{width:18px;height:18px;display:block;margin-left:-4px}
.fs-z .score small.gv{gap:8px}
.fs-z .list a{grid-template-columns:48px 200px minmax(0,1fr) auto 28px!important}
.fs-z .list .pl{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#fff;display:block}
.fs-z .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fs-z .bt{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--glass);border:1px solid var(--edge);transition:border-color .3s,transform .3s}
.fs-z .bt:hover{border-color:rgba(239,138,119,.45);transform:translateY(-3px)}
.fs-z .bt .im{aspect-ratio:16/10;overflow:hidden;background:#141826}
.fs-z .bt .im img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .6s}
.fs-z .bt:hover .im img{transform:scale(1.03)}
.fs-z .bt .bd{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.fs-z .bt .nm{display:flex;align-items:center;gap:12px}
.fs-z .bt .nm img{width:36px;height:36px;border-radius:10px;background:#fff;object-fit:contain}
.fs-z .bt .nm b{font:700 19px/1.2 var(--display)}
.fs-z .bt .nm small{display:block;font:500 13px var(--body);color:var(--dim)}
.fs-z .bt p{margin:0;color:var(--mut);font-size:15px;flex:1}
.fs-z .bt.u{grid-column:span 2;grid-row:span 2}
.fs-z .bt.u .im{aspect-ratio:auto;flex:1;display:grid;background:none}
.fs-z .bt.u .im img{grid-area:1/1;opacity:0;transition:opacity .9s;object-fit:cover;object-position:left top}
.fs-z .bt.u .im img.on{opacity:1}
.fs-z .bt.u .nm b{font-size:26px}
.fs-z .bt.t{grid-row:span 2}
.fs-z .bt.t .im{aspect-ratio:auto;flex:1;display:grid;place-items:end center;background:radial-gradient(90% 70% at 50% 100%,rgba(143,166,232,.28),transparent 70%);padding-top:28px}
.fs-z .bt.t .im img{width:62%;height:auto;object-fit:contain}
.fs-z .bt.m .im{display:grid;place-items:center;background:radial-gradient(80% 90% at 30% 20%,rgba(143,166,232,.22),transparent 70%),radial-gradient(80% 90% at 80% 90%,rgba(239,138,119,.2),transparent 70%)}
.fs-z .bt.m .im img{width:96px;height:96px;border-radius:24px}
.fs-z .bt.w{grid-column:span 2}
.fs-z .bt.w .im{aspect-ratio:32/10}
.fs-z .ix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:start}
.fs-z .ix .rows{display:flex;flex-direction:column}
.fs-z .ix .r{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;gap:6px 18px;align-items:center;padding:20px 8px;border-top:1px solid var(--edge);cursor:pointer;transition:padding .3s,background .3s}
.fs-z .ix .r:last-child{border-bottom:1px solid var(--edge)}
.fs-z .ix .r>img{width:44px;height:44px;border-radius:11px;background:#fff;object-fit:contain;grid-row:span 1}
.fs-z .ix .r b{font:700 21px/1.2 var(--display);color:var(--dim);transition:color .3s}
.fs-z .ix .r b small{display:block;font:500 13px/1.3 var(--body);color:var(--dim);margin:3px 0 0}
.fs-z .ix .r .ar{color:var(--dim);transition:color .3s,transform .3s}
.fs-z .ix .r .x{grid-column:2/4;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s}
.fs-z .ix .r .x>div{overflow:hidden}
.fs-z .ix .r .x p{margin:6px 0 12px;color:var(--mut);font-size:15px}
.fs-z .ix .r.on{background:linear-gradient(90deg,rgba(143,166,232,.08),rgba(239,138,119,.05));padding-inline:18px}
.fs-z .ix .r.on b{color:var(--fg)}
.fs-z .ix .r.on .ar{color:var(--a2);transform:translateX(4px)}
.fs-z .ix .r.on .x{grid-template-rows:1fr}
.fs-z .ix .pc{position:sticky;top:96px}
.fs-z .ix .pv{display:grid;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#141826;box-shadow:0 40px 80px -30px rgba(143,166,232,.35)}
.fs-z .ix .pv>*{grid-area:1/1;opacity:0;transition:opacity .6s;width:100%;height:100%}
.fs-z .ix .pv>.on{opacity:1}
.fs-z .ix .pv img{object-fit:cover;object-position:left top;display:block}
.fs-z .ix .pv .ph{display:grid;place-items:end center;background:radial-gradient(90% 70% at 50% 100%,rgba(143,166,232,.3),transparent 70%)}
.fs-z .ix .pv .ph img{width:34%;height:auto;object-fit:contain}
.fs-z .ix .pv .lg2{display:grid;place-items:center;background:radial-gradient(80% 90% at 30% 20%,rgba(143,166,232,.22),transparent 70%),radial-gradient(80% 90% at 80% 90%,rgba(239,138,119,.2),transparent 70%)}
.fs-z .ix .pv .lg2 img{width:120px;height:120px;border-radius:28px}
.fs-z .cap{display:grid;margin-top:22px}
.fs-z .cap>div{grid-area:1/1;opacity:0;transition:opacity .5s;pointer-events:none}
.fs-z .cap>div.on{opacity:1;pointer-events:auto}
.fs-z .cap p{margin:0 0 14px;color:var(--mut);font-size:16px;max-width:60ch}
.fs-z .ix .pv{background:none!important;box-shadow:none!important;overflow:visible!important;aspect-ratio:16/11!important}
.fs-z .ix .pv>.fr{display:grid;place-items:center}
.fs-z .br-w{width:100%;border-radius:14px;overflow:hidden;background:#1a1e2b;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -30px rgba(143,166,232,.4)}
.fs-z .br-t{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#222737}
.fs-z .br-t .lights{display:flex;gap:6px}
.fs-z .br-t .lights b{width:10px;height:10px;border-radius:50%;background:#ff5f57}
.fs-z .br-t .lights b+b{background:#febc2e}
.fs-z .br-t .lights b+b+b{background:#28c840}
.fs-z .br-t .url{flex:1;max-width:60%;margin:0 auto;text-align:center;font:500 12px var(--body);color:var(--mut);background:rgba(255,255,255,.06);border-radius:7px;padding:4px 10px}
.fs-z .br-w>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.fs-z .mb{width:100%}
.fs-z .mb-s{width:88%;margin:0 auto;padding:2.2% 2.2% 3%;background:#0d0f15;border-radius:18px 18px 4px 4px;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -30px rgba(143,166,232,.4)}
.fs-z .mb-s img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top;border-radius:4px}
.fs-z .mb-b{width:100%;height:14px;background:linear-gradient(#c9ccd6,#8d909c);border-radius:2px 2px 14px 14px;position:relative}
.fs-z .mb-b::after{content:"";position:absolute;left:50%;top:0;width:16%;height:6px;margin-left:-8%;background:#a3a6b2;border-radius:0 0 8px 8px}
.fs-z .ph2 .phone{transform:scale(1.15)}
.fs-z .phone .scr{position:relative}
.fs-z .phone .scr>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.fs-z .phone{width:150px;aspect-ratio:9/19;border-radius:26px;background:#0e1b1f;padding:7px;box-shadow:0 20px 50px rgba(14,58,64,.25);position:relative}
.fs-z .phone .notch{position:absolute;left:50%;top:12px;width:48px;height:12px;margin-left:-24px;border-radius:7px;background:#0e1b1f;z-index:3}
.fs-z .phone .scr{width:100%;height:100%;border-radius:20px;background:#f1efe9;overflow:hidden;padding:26px 8px 8px;display:grid;gap:6px;align-content:start}
.fs-z .cap .tg span{color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.fs-z .sec-cta{display:flex;justify-content:center;margin-top:56px}
.fs-z .cap .tg span{display:inline-flex;align-items:center;gap:6px}
.fs-z .cap .tg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fs-z .mod2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.fs-z .mts{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 28px}
.fs-z .mt{font:600 14px var(--body);color:var(--mut);background:rgba(255,255,255,.05);border:1px solid var(--edge);border-radius:99px;padding:9px 16px;cursor:pointer;transition:all .3s}
.fs-z .mt.on{color:#0b0d14;background:#fff;border-color:#fff}
.fs-z .mxs{display:grid}
.fs-z .mx{grid-area:1/1;opacity:0;transition:opacity .5s;pointer-events:none}
.fs-z .mx.on{opacity:1;pointer-events:auto}
.fs-z .mx h3{font:800 30px/1.1 var(--display);letter-spacing:-.02em;margin:0 0 18px}
.fs-z .mx ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.fs-z .mx li{display:flex;gap:12px;align-items:baseline;color:var(--mut);font-size:16px}
.fs-z .mx li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--grad);transform:translateY(-1px)}
.fs-z .stage2{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin:0 auto}
.fs-z .pl2{position:absolute;width:64px;margin:-32px 0 0 -32px;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.28;filter:grayscale(1);transition:opacity .5s,filter .5s,transform .5s}
.fs-z .pl2 img{width:52px;height:52px;display:block}
.fs-z .pl2 span{font:600 11px var(--body);color:var(--mut);white-space:nowrap}
.fs-z .pl2.on{opacity:1;filter:none;transform:scale(1.12)}
.fs-z .pl2.on span{color:var(--fg)}
.fs-z .adm{position:absolute;left:50%;top:50%;width:56%;transform:translate(-50%,-50%);border-radius:14px;overflow:hidden;background:#f4f6fb;box-shadow:0 30px 70px -20px rgba(143,166,232,.45);border:1px solid rgba(255,255,255,.15)}
.fs-z .adm-t{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#e6e9f2}
.fs-z .adm-t .lights{display:flex;gap:5px}
.fs-z .adm-t .lights b{width:8px;height:8px;border-radius:50%;background:#ff5f57}
.fs-z .adm-t .lights b+b{background:#febc2e}
.fs-z .adm-t .lights b+b+b{background:#28c840}
.fs-z .adm-t .url{display:flex;align-items:center;gap:6px;font:600 10px var(--body);color:#4a5168;background:#fff;border-radius:6px;padding:3px 8px;margin:0 auto}
.fs-z .adm-t .url img{width:12px;height:12px}
.fs-z .adm-b{display:grid;grid-template-columns:44% 1fr;min-height:180px}
.fs-z .adm-b ul{list-style:none;margin:0;padding:8px;display:grid;gap:3px;align-content:start;background:#eef1f8}
.fs-z .adm-b li{display:none;align-items:center;gap:6px;font:600 10px var(--body);color:#1b2a4e;padding:5px 6px;border-radius:6px}
.fs-z .adm-b li.on{display:flex}
.fs-z .adm-b li.on:first-of-type{background:#fff}
.fs-z .adm-b li img{width:14px;height:14px}
.fs-z .adm-m{padding:12px;display:grid;gap:8px;align-content:start}
.fs-z .adm-m i{display:block;height:10px;border-radius:5px;background:#dde2ee}
.fs-z .adm-m i.s{width:60%}
.fs-z .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px var(--body)!important;padding:15px 24px!important;border-radius:16px!important;color:#fff!important;background:linear-gradient(90deg,#1b2a4e,#b8473a)!important;background-origin:border-box!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 14px 30px -14px #b8473a;transition:transform .15s,box-shadow .15s,background .2s;cursor:pointer}
.fs-z .btn:hover{transform:translateY(-1px)}
.fs-z .btn.g{background:rgba(255,255,255,.14)!important;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.fs-z .btn.g:hover{background:rgba(255,255,255,.22)!important}
.fs-z .mx h3{display:flex;align-items:center;gap:14px}
.fs-z .ci{flex:none;display:grid;place-items:center}
.fs-z .ci svg{width:30px!important;height:30px!important}
.fs-z .ci svg,.fs-z .mt svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fs-z .mt{display:inline-flex;align-items:center;gap:8px}
.fs-z .mt svg{width:16px;height:16px}
.fs-z .pw{width:64%!important;background:#f5f5f2!important;font-family:Manrope,system-ui,sans-serif}
.fs-z .pw-b{position:relative;display:grid;grid-template-columns:38% 1fr;gap:8px;padding:8px;min-height:230px;overflow:hidden}
.fs-z .pw-l{position:absolute;border-radius:50%;filter:blur(30px)}
.fs-z .pw-l.l1{width:180px;height:180px;left:-60px;top:-20px;background:#dde1e7}
.fs-z .pw-l.l2{width:160px;height:160px;right:-40px;top:30px;background:#e2e4e8}
.fs-z .pw-l.l3{width:140px;height:140px;left:40%;bottom:-70px;background:#e9e9e6}
.fs-z .pw-sb{position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 18px rgba(20,22,26,.08);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}
.fs-z .pw-br{display:flex;align-items:center;gap:6px;padding:9px 9px 6px;font:700 9.5px Manrope,sans-serif;color:#14161a}
.fs-z .pw-br img{width:18px;height:18px}
.fs-z .pw-sb nav{display:flex;flex-direction:column;gap:1px;padding:5px;flex:1}
.fs-z .pw-sb nav a{display:flex;align-items:center;gap:6px;font:600 8.5px Manrope,sans-serif;color:#5f6570;padding:4px 6px;border-radius:6px}
.fs-z .pw-sb nav a[data-m]{display:none}
.fs-z .pw-sb nav a[data-m].on{display:flex}
.fs-z .pw-sb nav a.cur{background:#e8e9ec;color:#2f343c;font-weight:700}
.fs-z .pw-sb nav img,.fs-z .pw-sb nav svg{width:11px;height:11px;flex:none}
.fs-z .pw-sb nav svg{fill:none;stroke:currentColor;stroke-width:2}
.fs-z .pw-ft{display:flex;align-items:center;gap:4px;border-top:1px solid #e4e4df;padding:6px 9px;font:700 8px Manrope,sans-serif;color:#5f6570}
.fs-z .pw-ft img{width:10px;height:10px}
.fs-z .pw-m{position:relative;padding:6px 4px}
.fs-z .pw-m h4{font:800 13px Manrope,sans-serif;letter-spacing:-.02em;color:#14161a;margin:2px 0 8px}
.fs-z .pw-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fs-z .pt{display:none;align-items:center;gap:6px;padding:7px 8px;border-radius:12px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9)}
.fs-z .pt.on{display:flex}
.fs-z .pt img{width:18px;height:18px;flex:none}
.fs-z .pt b{font:700 9.5px Manrope,sans-serif;color:#14161a}
.fs-z .ml-cta{display:flex;justify-content:center;margin-top:36px}
#recenze.fs-z>.ult{width:min(1072px,calc(100% - 2*max(24px,env(safe-area-inset-left,0px))));margin-left:auto;margin-right:auto}
@media(max-width:880px){.fs-z .mod2{grid-template-columns:1fr}
.fs-z .pl2{width:48px;margin:-24px 0 0 -24px}
.fs-z .pl2 img{width:38px;height:38px}
.fs-z .pl2 span{display:none}
.fs-z .adm{width:58%}}
@media(max-width:880px){.fs-z .ix{grid-template-columns:1fr;gap:28px}
.fs-z .ix .pc{position:relative;top:0;order:-1}}
@media(max-width:880px){.fs-z .bento{grid-template-columns:1fr}
.fs-z .bt.u,.fs-z .bt.w{grid-column:auto}
.fs-z .bt.u,.fs-z .bt.t{grid-row:auto}
.fs-z .bt.u .im{aspect-ratio:16/10}
.fs-z .bt.t .im{aspect-ratio:4/3}}
@media(max-width:880px){.fs-z .list a{grid-template-columns:48px 1fr 24px!important}
.fs-z .list a>p,.fs-z .list a>.tg{grid-column:2}
.fs-z .list .ar{grid-column:3!important}}
@media(max-width:880px){.fs-z .rel2{grid-template-columns:1fr}}
@media(max-width:880px){section.fs-z{padding-block:80px}
.fs-z .feat,.fs-z .mod,.fs-z .rev,.fs-z .kon{grid-template-columns:1fr;gap:36px}
.fs-z .rel{grid-template-columns:1fr}
.fs-z .list a{grid-template-columns:1fr 24px;gap:6px 16px}
.fs-z .list p{grid-column:1}
.fs-z .list .tg{grid-column:1}
.fs-z .list .ar{grid-row:1;grid-column:2}
.fs-z .ft{grid-template-columns:1fr 1fr}
.fs-z .ft>div:first-child{grid-column:1/-1}
.fs-z .score .big{font-size:72px}
.fs-z form{padding:24px}
.fs-z .r2{grid-template-columns:1fr}}
section.fs-z{background:#0b0d14;color:#f4f5fa;font:400 16px/1.6 var(--body)}
.fs-z a{color:inherit;text-decoration:none}
.fs-z *{box-sizing:border-box}/* 0.22.1: sekce FS přes celou šířku jako manifest. */
section.fs-z{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0}
/* 0.22.2: sekce FS dostaly navy a korálové záře jako manifest, střídavě vlevo a vpravo. */
section.fs-z{position:relative;isolation:isolate;overflow:clip}
section.fs-z::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 220px,#000 calc(100% - 220px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 220px,#000 calc(100% - 220px),transparent 100%)}
#prace.fs-z::before{background:radial-gradient(40% 55% at 92% 30%,rgba(184,71,58,.45),transparent 70%),radial-gradient(45% 60% at 6% 80%,rgba(46,67,115,.6),transparent 70%)}
#spolehlivost.fs-z::before{background:radial-gradient(45% 60% at 8% 30%,rgba(46,67,115,.65),transparent 70%),radial-gradient(35% 50% at 95% 75%,rgba(184,71,58,.35),transparent 70%)}
#moduly.fs-z::before{background:radial-gradient(45% 65% at 78% 45%,rgba(46,67,115,.6),transparent 70%),radial-gradient(35% 50% at 5% 85%,rgba(184,71,58,.4),transparent 70%)}
#recenze.fs-z::before{background:radial-gradient(40% 55% at 10% 25%,rgba(184,71,58,.4),transparent 70%),radial-gradient(45% 60% at 90% 80%,rgba(46,67,115,.6),transparent 70%)}
/* 0.22.4: záře manifestu i sekcí FS se na hranách rozpouští, ať mezi sekcemi není předěl. */
.fs-manifest::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 200px,#000 calc(100% - 260px),transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 200px,#000 calc(100% - 260px),transparent 100%)!important}
section.fs-z::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 260px,#000 calc(100% - 260px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 260px,#000 calc(100% - 260px),transparent 100%)}
/* 0.22.5: sekce FS se o 1 px překrývají, ať mezi nimi neprosvítá světlé pozadí stránky. */
section.fs-z{margin-top:-1px!important;padding-top:calc(var(--fs-pt,120px) + 1px)}
/* 0.22.6: mezi sekcemi FS stejná linka jako pod pásem partnerů. */
section.fs-z::after{content:"";position:absolute;left:max(18px,calc((100vw - 1100px)/2 + 12px));right:max(18px,calc((100vw - 1100px)/2 + 12px));top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);pointer-events:none}
/* 0.22.7: recenze na mobilu (kompaktní skóre, menší citace) a ochrana před starými styly .rev .q. */
.fs-z .rev .q{font-size:inherit;color:inherit}.fs-z .rev .q::before,.fs-z .rev .q::after{content:none}.fs-z .q p{color:#f4f5fa}
@media(max-width:880px){.fs-z .rev{gap:28px}.fs-z .score{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}.fs-z .score .eb{grid-column:1/-1}.fs-z .score .big{font-size:64px!important;grid-row:2/4}.fs-z .score .stars{margin:0;font-size:15px}.fs-z .score small.gv{margin:0}.fs-z .q p{font-size:22px!important;line-height:1.35;margin-bottom:22px!important}.fs-z .q .med>img,.fs-z .q .med>em{width:46px;height:46px}.fs-z .q span b{font-size:17px!important}.fs-z .dots{margin-top:10px}.fs-z .ult{margin-top:48px!important;padding:24px;gap:18px}.fs-z .ult img{width:48px;height:48px}.fs-z .ult b{font-size:18px}.fs-z .ult .btn{width:100%}}
@media(max-width:880px){.fs-z .score small.gv{white-space:nowrap;font-size:12px!important;gap:6px!important}.fs-z .score small.gv .gico{width:18px;height:18px}.fs-z .score small.gv .vchk{width:15px;height:15px;margin-left:-2px}}
/* 0.22.9: Moduly na mobilu: admin přes šířku, pod ním jen svítící pluginy, CTA až na konci; SVG bez podložky tématu. */
.fs-z img[src$=".svg"]{background:none;border:0;padding:0}
@media(max-width:880px){.fs-z .mod2{gap:0}.fs-z .ml{display:contents}.fs-z .mod2 .eb{justify-self:start}.fs-z .mts{margin:24px 0 22px}.fs-z .mx h3{font-size:26px;margin-bottom:14px}.fs-z .stage2{order:4;margin-top:32px;aspect-ratio:auto;max-width:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px}.fs-z .stage2 .adm{position:relative;left:auto;top:auto;transform:none;width:100%!important;order:-1;margin-bottom:10px}.fs-z .pl2{position:static;margin:0;width:auto;display:none;opacity:1;filter:none;transform:none}.fs-z .pl2.on{display:flex;transform:none}.fs-z .pl2 img{width:40px;height:40px}.fs-z .pl2 span{display:block}.fs-z .ml-cta{order:5;margin-top:28px}}
/* 0.22.10: na mobilu celá paleta pluginů v mřížce, svítí jen ty z kategorie. */
@media(max-width:880px){.fs-z .stage2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;justify-items:center}.fs-z .stage2 .adm{grid-column:1/-1;margin-bottom:14px}.fs-z .pl2{display:flex!important;opacity:.3;filter:grayscale(1);transition:opacity .5s,filter .5s,transform .5s}.fs-z .pl2.on{opacity:1;filter:none;transform:scale(1.08)}.fs-z .pl2 img{width:38px;height:38px}.fs-z .pl2 span{font-size:10.5px}}
/* 0.22.11: „Zálohy na třetí“. */
.fs-z .na3{font-size:.6em;vertical-align:.7em;line-height:0;margin-left:2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* 0.23.0: stránka Služby ve stylu Fantastic Studios (blok sluzby-fs). */
section.fs-z.sh{padding-block:150px 60px}
section.fs-z.sh h1{font:800 clamp(40px,6vw,72px)/1.02 var(--display);letter-spacing:-.03em;margin:0;text-wrap:balance}
section.fs-z.sh h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
nav.fs-z.snav{position:sticky;top:0;z-index:5;background:rgba(11,13,20,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block:1px solid var(--edge)}
nav.fs-z.snav .w{display:flex;gap:6px;overflow-x:auto;padding-block:12px;scrollbar-width:none}
nav.fs-z.snav a{flex:none;display:inline-flex;align-items:center;gap:8px;font:600 14px var(--body);color:var(--mut);padding:9px 14px;border-radius:99px;transition:all .25s}
nav.fs-z.snav a:hover,nav.fs-z.snav a.on{color:#0b0d14;background:#fff}
nav.fs-z.snav svg,.fs-z .ttl svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fs-z .svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.fs-z .svc.rv>.vis{order:-1}
.fs-z .ttl{display:flex;align-items:center;gap:12px;font:600 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}
.fs-z .ttl svg{width:22px;height:22px;stroke:var(--a1)}
.fs-z .svc h2{font-size:clamp(30px,4vw,46px)}
.fs-z .svc .lead{margin-top:16px}
.fs-z .pts{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:12px}
.fs-z .pts li{display:flex;gap:12px;align-items:flex-start;color:var(--mut)}
.fs-z .ck{flex:none;width:20px;height:20px;fill:none;stroke:var(--a2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.fs-z .obor{margin-top:34px}
.fs-z .obor small{display:block;font:600 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.fs-z .obor div{display:flex;flex-wrap:wrap;gap:8px}
.fs-z .obor span{font:500 13px var(--body);color:var(--mut);padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--edge)}
.fs-z .vis{position:relative;min-width:0}
.fs-z .vweb .adm{position:relative;left:auto;top:auto;transform:none;width:100%!important}
.fs-z .vweb .pal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 6px;margin-top:22px}
.fs-z .vweb .pal .pl2{position:static;margin:0;width:auto;opacity:1;filter:none;transform:none}
.fs-z .vweb .pal .pl2 img{width:38px;height:38px}
.fs-z .vsys{display:grid;grid-template-columns:1fr auto;align-items:end}
.fs-z .vsys .mb{grid-area:1/1/2/3;width:92%}
.fs-z .vsys .ph2{grid-area:1/1/2/3;justify-self:end;transform:translate(0,28px)}
.fs-z .vsys .ph2 .phone{transform:scale(1.25);transform-origin:bottom right}
.fs-z .flow{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.fs-z .flow .n{padding:16px 18px;border-radius:16px;background:var(--glass);border:1px solid var(--edge);font:600 15px var(--body);text-align:center}
.fs-z .flow .hub{grid-column:2;grid-row:2;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font:800 18px var(--display);border:1px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--grad) border-box;box-shadow:0 0 60px -10px rgba(143,166,232,.5)}
.fs-z .flow .a{grid-column:1;grid-row:1}
.fs-z .flow .b{grid-column:3;grid-row:1}
.fs-z .flow .c{grid-column:1;grid-row:3}
.fs-z .flow .d{grid-column:3;grid-row:3}
.fs-z .flow svg{grid-column:1/-1;grid-row:1/4;width:100%;height:100%;pointer-events:none}
.fs-z .tar-sw{display:inline-flex;padding:4px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--edge);margin:28px 0 24px}
.fs-z .tar-sw button{font:600 14px var(--body);color:var(--mut);background:none;border:0;padding:9px 18px;border-radius:99px;cursor:pointer}
.fs-z .tar-sw button.on{background:#fff;color:#0b0d14}
.fs-z .tar-sw em{font-style:normal;color:var(--a2);margin-left:6px;font-size:12px}
.fs-z .tars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fs-z .tar{padding:30px;border-radius:22px;background:var(--glass);border:1px solid var(--edge);display:flex;flex-direction:column}
.fs-z .tar.hl{border-color:transparent;background:linear-gradient(#11141f,#11141f) padding-box,var(--grad) border-box;box-shadow:0 30px 60px -30px rgba(239,138,119,.45)}
.fs-z .tar h3{font:800 24px var(--display);margin:0}
.fs-z .tar>p{color:var(--mut);margin:6px 0 22px;font-size:15px}
.fs-z .pr b{font:800 40px/1 var(--display);letter-spacing:-.02em}
.fs-z .pr span{color:var(--mut);font-size:15px;margin-left:6px}
.fs-z .pr small{display:block;color:var(--dim);font-size:13px;margin-top:8px}
.fs-z .tar .pts{margin:24px 0 28px;flex:1}
.fs-z .tar .pts li{font-size:15px}
.fs-z .tar .btn{width:100%}
.fs-z .dph{color:var(--dim);font-size:13px;text-align:center;margin-top:20px}
.fs-z .duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fs-z .duo>div{padding:36px;border-radius:22px;background:var(--glass);border:1px solid var(--edge)}
.fs-z .duo .tag{display:inline-block;font:600 12px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--a2);margin-bottom:14px}
.fs-z .duo h3{font:800 30px/1.1 var(--display);margin:0 0 10px}
.fs-z .duo p{color:var(--mut);margin:0}
@media(max-width:880px){.fs-z .svc,.fs-z .duo,.fs-z .tars{grid-template-columns:1fr;gap:28px}
.fs-z .svc.rv>.vis{order:0}
section.fs-z.sh{padding-block:110px 40px}
.fs-z .vweb .pal{grid-template-columns:repeat(4,minmax(0,1fr))}
.fs-z .flow .hub{width:90px;height:90px;font-size:15px}
.fs-z .flow .n{font-size:13px;padding:12px}
.fs-z .duo>div,.fs-z .tar{padding:24px}}
.fs-z .na3{font-size:.6em;vertical-align:.7em;line-height:0;margin-left:2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
section.fs-z.sh{padding-block:150px 60px}
nav.fs-z.snav{position:sticky;top:var(--fs-top,82px);width:100vw;margin-left:calc(50% - 50vw);font-family:var(--body);color:#f4f5fa}
.fs-sl#web::before,.fs-sl#automatizace::before,.fs-sl#consulting::before{background:radial-gradient(40% 55% at 92% 30%,rgba(184,71,58,.4),transparent 70%),radial-gradient(45% 60% at 6% 80%,rgba(46,67,115,.6),transparent 70%)}
.fs-sl#systemy::before,.fs-sl#hosting::before,.fs-sl#inovace::before,.fs-sl.sh::before{background:radial-gradient(45% 60% at 8% 30%,rgba(46,67,115,.6),transparent 70%),radial-gradient(38% 52% at 94% 78%,rgba(184,71,58,.38),transparent 70%)}

.fs-z .pts li::before{content:none}
section.fs-z.sh h1{color:#f4f5fa;font-style:normal}
/* 0.23.3: druhá lišta Služeb ukotvená přesně pod hlavní lištou, stejné tmavé sklo. */
nav.fs-z.snav{top:var(--fs-top,76px);background:rgba(11,13,20,.55);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-top:0;z-index:40}
/* 0.23.4: seznamy v tarifech bez roztažených mezer. */
.fs-z .tar .pts{align-content:start;gap:10px}.fs-z .tar .pts li{margin:0}
/* 0.23.5: roční úspora v tarifech. */
.fs-z .pr .sav{font-style:normal;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 0.23.6: hlavička Služeb pod hlavní lištou (bez bílého podkladu), nadpis na jeden řádek, popisek stejně široký; druhá lišta neprůhledná. */
section.fs-z.sh{margin-top:calc(-1 * var(--fs-top,76px))!important;padding-top:calc(150px + var(--fs-top,76px))}
nav.fs-z.snav{background:rgba(11,13,20,.92)}
@media(min-width:881px){section.fs-z.sh .w{display:grid;grid-template-columns:max-content;justify-content:start}section.fs-z.sh .lead{width:0;min-width:100%;max-width:none}}
/* 0.23.7: stránky s FS sekcemi mají tmavé pozadí, ať pod lištami neprosvítá bílá; kontakt a patička si drží bílou. */
body:has(section.fs-z){background:#0b0d14}
body:has(section.fs-z) #kontakt{background:#fff;width:100vw;margin-left:calc(50% - 50vw);padding-left:max(18px,calc((100vw - 1100px)/2 + 12px));padding-right:max(18px,calc((100vw - 1100px)/2 + 12px))}
body:has(section.fs-z) .site-footer{background:#fff}
nav.fs-z.snav{background:#0b0d14}
/* 0.23.8: ikony tarifů (Lucide sprout, rocket, gem) přes název a popis. */
.fs-z .tar{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto 1fr auto;column-gap:16px}.fs-z .tar>*{grid-column:1/-1}.fs-z .tar>.tic{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center}.fs-z .tar>h3,.fs-z .tar>p{grid-column:2}.fs-z .tar>h3{margin:0}.fs-z .tar>p{margin:2px 0 0!important}.fs-z .tar>.pr{margin-top:24px}.fs-z .tic svg{width:46px;height:46px;fill:none;stroke:var(--a1);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fs-z .tar.hl .tic svg{stroke:var(--a2)}.fs-z .tic.tg-b svg{stroke:#5fd08a}
/* 0.23.10: druhá lišta má stejné sklo jako hlavní lišta. */
nav.fs-z.snav{background:rgba(11,13,20,.55)!important;-webkit-backdrop-filter:blur(24px) saturate(1.3)!important;backdrop-filter:blur(24px) saturate(1.3)!important;border:0!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1)}
/* 0.23.13: horní index v seznamu (li je flex). */
.fs-z .pts li .na3{align-self:flex-start;margin:-3px 0 0 -10px;line-height:1;font-size:.7em;font-weight:800}
/* 0.23.14: ikona Pro v přechodu jako „o“ v logu. */
.fs-z .tic.tg-p svg{stroke:url(#tic-pg)!important}
/* 0.23.16: druhá lišta pod hlavní lištou i jejím rozbalovacím menu. */
nav.fs-z.snav{z-index:15!important}
/* 0.24.0: CTA „Máte nápad?“ nad patičkou a patička Fantastic Studios (varianta A). Starý footer z 0.1.6 nahrazen. */
body:has(.fs-cta) .site-footer{background:#0b0d14!important}
.fs-cta,.fs-foot{--g:linear-gradient(90deg,#8fa6e8,#ef8a77);color:#f4f5fa;font-family:var(--body);position:relative;isolation:isolate;overflow:clip;background:#0b0d14}
.fs-cta{text-align:center;padding:110px max(18px,calc((100vw - 1100px)/2 + 12px))}
.fs-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 70% at 50% 100%,rgba(184,71,58,.35),transparent 70%),radial-gradient(40% 60% at 50% 0%,rgba(46,67,115,.5),transparent 70%)}
.fs-cta::after,.fs-foot::after{content:"";position:absolute;left:max(18px,calc((100vw - 1100px)/2 + 12px));right:max(18px,calc((100vw - 1100px)/2 + 12px));top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.fs-cta-in{position:relative;z-index:1}
.fs-cta-eb{font:600 12px var(--body);letter-spacing:.16em;text-transform:uppercase;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-cta h2{font:800 clamp(36px,6vw,72px)/1.02 var(--display)!important;letter-spacing:-.03em;margin:16px 0 18px!important;color:#f4f5fa!important;text-wrap:balance}
.fs-cta h2 em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-cta p{color:rgba(244,245,250,.62)!important;margin:0 0 30px!important;font-size:17px}
.fs-cta-btn{display:inline-flex;align-items:center;gap:8px;font:600 16px var(--body);padding:15px 24px;border-radius:16px;color:#fff!important;text-decoration:none!important;background:linear-gradient(90deg,#1b2a4e,#b8473a);background-origin:border-box;border:1px solid rgba(255,255,255,.32);box-shadow:0 14px 30px -14px #b8473a;transition:transform .15s}.fs-cta-btn:hover{transform:translateY(-1px)}
.fs-cta-bg{position:absolute;left:50%;bottom:-.12em;transform:translateX(-50%);font:800 clamp(52px,11.5vw,168px)/.8 Poppins,sans-serif;letter-spacing:-.04em;white-space:nowrap;background:linear-gradient(180deg,rgba(244,245,250,.12),rgba(244,245,250,0) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;pointer-events:none}.fs-cta-bg span{font-weight:300}
.fs-foot::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 70% at 8% 100%,rgba(46,67,115,.55),transparent 70%),radial-gradient(35% 60% at 95% 100%,rgba(184,71,58,.4),transparent 70%)}
.fs-foot-top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;padding:72px max(18px,calc((100vw - 1100px)/2 + 12px)) 56px}
.fs-foot-brand{align-self:center}
.fs-foot-logo{font:800 28px/1 Poppins,sans-serif;letter-spacing:-.02em;color:#f4f5fa!important;text-decoration:none!important}.fs-foot-logo span{font-weight:300}.fs-foot-logo i{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-foot-motto{margin-top:10px;font:600 14px var(--body);width:max-content;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-foot h4{font:600 12px var(--body)!important;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,245,250,.4)!important;margin:0 0 16px!important}
.fs-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.fs-foot li{margin:0}.fs-foot li a{color:rgba(244,245,250,.62)!important;text-decoration:none!important;font-size:15px;transition:color .2s}.fs-foot li a:hover{color:#f4f5fa!important}
.fs-foot-gv{display:inline-flex;align-items:center;gap:8px;margin:22px 0 0!important;font:600 13px var(--body);color:rgba(244,245,250,.62)!important}.fs-foot-gv svg{width:18px;height:18px}.fs-foot-gv b{color:#f4f5fa}
.fs-foot-bot{position:relative;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px max(18px,calc((100vw - 1100px)/2 + 12px));color:rgba(244,245,250,.4);font-size:13px}
.fs-foot-bot::before{content:"";position:absolute;left:max(18px,calc((100vw - 1100px)/2 + 12px));right:max(18px,calc((100vw - 1100px)/2 + 12px));top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
@media(max-width:880px){.fs-cta{padding-block:80px}.fs-foot-top{grid-template-columns:1fr 1fr;gap:32px}.fs-foot-brand{grid-column:1/-1}.fs-foot-bot{flex-direction:column}}
.fs-cta,.fs-foot{width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border:0!important}
/* 0.25.0: poptávkový formulář v okně (dialog) místo sekce Kontakt; otevírají ho odkazy #napiste a #kontakt. */
.fs-dlg{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#11141f;color:#f4f5fa;box-shadow:0 40px 100px -20px rgba(0,0,0,.7)}
.fs-dlg::backdrop{background:rgba(11,13,20,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.fs-dlg h2{font:800 32px/1.1 var(--display)!important;letter-spacing:-.02em;margin:0 0 8px!important;color:#f4f5fa!important}
.fs-dlg>p{color:rgba(244,245,250,.62);margin:0 0 22px}
.fs-dlg-x{position:absolute;top:14px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#f4f5fa;font-size:22px;line-height:1;cursor:pointer}
.fs-dlg .glass{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.fs-dlg label{color:rgba(244,245,250,.7)!important}
.fs-dlg input,.fs-dlg select,.fs-dlg textarea{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f4f5fa!important;border-radius:12px!important}
.fs-dlg input::placeholder,.fs-dlg textarea::placeholder{color:rgba(244,245,250,.35)}
.fs-dlg select option{color:#14161a}
/* 0.25.1: Recenze začínají navy vlevo, korál vpravo dole, ať se pod Moduly neopakuje korál vlevo. */
#recenze.fs-z::before{background:radial-gradient(45% 60% at 8% 28%,rgba(46,67,115,.6),transparent 70%),radial-gradient(40% 55% at 92% 82%,rgba(184,71,58,.38),transparent 70%)!important}
/* 0.25.2: záře CTA a patičky se na hranách rozpouští, bez střihu mezi sekcemi. */
.fs-cta::before,.fs-foot::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 260px,#000 calc(100% - 200px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 260px,#000 calc(100% - 200px),transparent 100%)}
.fs-cta::before{background:radial-gradient(45% 70% at 50% 100%,rgba(184,71,58,.35),transparent 70%),radial-gradient(40% 55% at 50% 35%,rgba(46,67,115,.45),transparent 70%)!important}
.fs-foot::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 200px);mask-image:linear-gradient(180deg,transparent 0,#000 200px)}

/* Mobilní menu: po rozbalení Služeb je delší než obrazovka, musí jít posouvat (Matěj 28. 10.). */
@media(max-width:799px){html.menu-open .topbar nav{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}html.menu-open .topbar nav>*{flex-shrink:0}}

/* Úvodní „loading“ scéna 1:1 z artefaktu Písmena loga (Matěj 30. 10.), skript je v bloku lista. */
.fs-uvod{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;background:#0b0d14;pointer-events:none;overflow:hidden;color:#f4f5fa}
.fs-uvod::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 45% at 30% 60%,rgba(46,67,115,.55),transparent 70%),radial-gradient(35% 40% at 72% 40%,rgba(184,71,58,.4),transparent 70%)}
.fs-uvod-lg{color:#f4f5fa;position:relative;z-index:2;font:800 min(91px,10.3vw)/1 Poppins,sans-serif;letter-spacing:-.045em;white-space:nowrap;transform-origin:0 0}
.fs-uvod-lg .fsu-l{display:inline-block;opacity:0;animation:fs-u-jed .42s cubic-bezier(.2,1.3,.4,1) both}
.fs-uvod-lg .fsu-fw{animation:fs-u-fade .5s ease .3s both}
.fs-uvod-lg .fsu-t2,.fs-uvod-lg .fsu-oo{font-weight:300}.fs-uvod-lg .fsu-sp{width:.25em}
.fs-uvod-lg .fsu-oo{background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent;filter:blur(10px);opacity:0}
.fs-uvod-lg.ostri .fsu-oo{opacity:1;filter:blur(0);transform:scale(1.12);transition:filter .45s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .45s cubic-bezier(.2,1.6,.4,1)}
.fs-uvod-lg.ostri.hotovo .fsu-oo{transform:none}
.fs-uvod-vl{position:absolute;left:0;top:50%;width:100%;height:220px;transform:translateY(-10%);z-index:1;overflow:visible}
.fs-uvod-vl path{fill:none;stroke:url(#fs-ug);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:3000;stroke-dashoffset:3000;opacity:0}
.fs-uvod.podtrh .fs-uvod-vl path{opacity:1;animation:fs-draw 1.1s cubic-bezier(.8,0,.2,1) forwards}
.fs-uvod.ven{transition:background .5s ease,opacity .45s ease .35s;background:transparent;opacity:0}
.fs-uvod.ven::before,.fs-uvod.ven .fs-uvod-vl{transition:opacity .3s;opacity:0}
.fs-uvod.ven .fs-uvod-lg{transition:transform .65s cubic-bezier(.7,0,.2,1)}
.fs-intro2 .topbar .logo{opacity:0}
@keyframes fs-u-jed{from{opacity:0;transform:translateX(.9em) skewX(-14deg)}to{opacity:1;transform:none}}
@keyframes fs-u-fade{from{opacity:0}to{opacity:1}}
.fs-uvod-lg span{position:static;margin:0;padding:0;color:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit;clip-path:none;-webkit-text-fill-color:currentColor}
.fs-uvod-lg .fsu-oo{-webkit-text-fill-color:transparent}

/* Stránka 404 (blok partaq/e404-fs) 1:1 z mockupu „Stránka 404“ (Matěj 30. 10.). */
body:has(.e404){background:#0b0d14}
.e404{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 80px);display:grid;place-items:center;padding:72px 24px 96px;text-align:center;color:#f4f5fa;font:400 16px/1.6 Inter,sans-serif}
.e404::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 22% 62%,rgba(46,67,115,.6),transparent 70%),radial-gradient(35% 45% at 78% 38%,rgba(184,71,58,.42),transparent 70%)}
.e404-num{position:relative;font:300 clamp(120px,24vw,300px)/.9 Poppins,sans-serif;letter-spacing:-.06em;margin:0}
.e404-num .o{background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent}
.e404-vl{position:absolute;left:0;top:50%;width:100%;height:220px;transform:translateY(-6%);z-index:-1;overflow:visible;pointer-events:none}
.e404-vl path{fill:none;stroke:url(#e404-ug);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:3000;stroke-dashoffset:3000;animation:fs-draw 1.4s cubic-bezier(.8,0,.2,1) .2s forwards}
.e404-eb{display:block;margin-top:28px;font:600 12px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent}
.e404 h1{font:800 clamp(30px,4.4vw,52px)/1.08 "Plus Jakarta Sans",sans-serif;letter-spacing:-.025em;margin:12px 0 14px;color:#f4f5fa}
.e404 h1 em{font-style:normal;background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.e404-lead{color:rgba(244,245,250,.62);font-size:18px;margin:0 auto 32px;max-width:40ch}
.e404-act{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
.e404-btn{display:inline-flex;align-items:center;gap:8px;font:600 15px Inter,sans-serif;padding:13px 22px;border-radius:16px;color:#fff!important;text-decoration:none!important;background:linear-gradient(90deg,#1b2a4e,#b8473a);border:1px solid rgba(255,255,255,.32);box-shadow:0 14px 30px -14px #b8473a}
.e404-lnk{color:#8fa6e8!important;font-weight:600;text-decoration:none!important}
.e404-cesty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:760px;margin:56px auto 0;text-align:left}
.e404-cesty a{display:block;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#f4f5fa!important;text-decoration:none!important;transition:border-color .2s,transform .2s}
.e404-cesty a:hover{border-color:rgba(255,255,255,.22);transform:translateY(-2px)}
.e404-cesty b{display:block;font:800 17px "Plus Jakarta Sans",sans-serif;margin-bottom:4px}.e404-cesty span{color:rgba(244,245,250,.62);font-size:14px}
@media(max-width:700px){.e404-cesty{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.e404-vl path{animation:none;stroke-dashoffset:0}}

/* Dropdown Případové studie: jen seznam, bez karty s ukázkou (Matěj 30. 10.). */
.topbar .menu.fs-dd-bez{min-width:320px}.topbar .dd-prace .fs-dd-it{justify-content:flex-start!important;text-align:left!important}.topbar .dd-prace .fs-dd-it>span:last-child{flex:1}

/* Stránka /prace: tmavé pozadí jako sekce na homepage, odsazení pod lištou. */
body.stranka-prace{background:#0b0d14}.prace-stranka #prace{padding-top:clamp(56px,8vw,110px)}
.fs-z .cap .cs-lnk{display:inline-block;margin:10px 0 4px;font:600 15px var(--body,Inter,sans-serif);color:#8fa6e8;text-decoration:none}.fs-z .cap .cs-lnk:hover{color:#ef8a77}
.fs-z .fr.mb{align-content:center}

/* Stránka Případové studie /prace (inc/prace-stranka.php) 1:1 z mockupu, benchmark apple.com (Matěj 30. 10.). */
.prc{color:#f4f5fa;font:400 16px/1.6 Inter,sans-serif}
.prc-w{max-width:1120px;margin:0 auto;padding:0 24px}
.prc-hero{position:relative;isolation:isolate;padding:120px 0 40px;overflow:hidden;text-align:center}
.prc-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 70% at 12% 90%,rgba(46,67,115,.6),transparent 70%),radial-gradient(35% 60% at 92% 20%,rgba(184,71,58,.4),transparent 70%)}
.prc-eb{font:600 12px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent}
.prc h1{font:800 clamp(44px,7vw,88px)/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.035em;margin:14px 0 18px;color:#f4f5fa}
.prc h1 em{font-style:normal;background:linear-gradient(90deg,#8fa6e8,#ef8a77);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.prc-lead{color:rgba(244,245,250,.62);font-size:19px;max-width:52ch;margin:0 auto}
.prc-pills{display:inline-flex;gap:4px;margin-top:40px;padding:5px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.prc-pills button{font:600 14px Inter,sans-serif;color:rgba(244,245,250,.62);background:none;border:0;border-radius:99px;padding:9px 18px;cursor:pointer}.prc-pills button.on{background:#fff;color:#0b0d14}
.prc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:12px;padding-bottom:120px}
.prc-tile{display:flex;flex-direction:column-reverse;justify-content:space-between;text-align:center;border-radius:28px;overflow:hidden;background:#11141d;border:1px solid rgba(255,255,255,.09);transition:transform .25s,border-color .25s}
.prc-tile:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}.prc-tile.big{grid-column:1/-1}.prc-tile[hidden]{display:none}
.prc-tx{display:flex;flex-direction:column;align-items:center;gap:10px;padding:52px 32px 28px}
.prc-who{display:flex;flex-direction:column;align-items:center;gap:10px}.prc .prc-ic{width:56px;height:56px;border-radius:14px;object-fit:cover;background:#fff;padding:0;border:0}
.prc h3{font:800 clamp(28px,2.8vw,40px)/1.1 "Plus Jakarta Sans",sans-serif;margin:0;color:#f4f5fa}.prc .big h3{font-size:clamp(40px,5vw,64px)}.prc small{display:block;color:rgba(244,245,250,.62);font-size:13px}
.prc-tx p{font-weight:400;letter-spacing:0;margin:0;color:rgba(244,245,250,.62);max-width:44ch}.prc .big .prc-tx p{font-size:20px;max-width:52ch}
.prc-tg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.prc-tg span{font:600 12px Inter,sans-serif;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.09);color:rgba(244,245,250,.62)}
.prc-lnk{display:inline-flex;gap:6px;margin-top:6px;padding:11px 20px;border-radius:16px;font-weight:600;color:#fff!important;text-decoration:none!important;background:linear-gradient(90deg,#1b2a4e,#b8473a);border:1px solid rgba(255,255,255,.32)}.prc-brzy{margin-top:6px;font-size:13px;color:rgba(244,245,250,.4)}
.prc-shot{aspect-ratio:16/10;margin:0 32px;border-radius:16px 16px 0 0;overflow:hidden;background:#0d1018;box-shadow:0 -20px 60px -30px rgba(143,166,232,.35)}.prc-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;padding:0;border:0;border-radius:0}
.prc .big .prc-shot{aspect-ratio:21/9;margin:0 48px;border-radius:20px 20px 0 0}.prc .big .prc-shot img{object-position:center}
@media(max-width:800px){.prc-grid{grid-template-columns:1fr}.prc-shot,.prc .big .prc-shot{margin:0 16px;aspect-ratio:16/10}.prc-tx{padding:40px 22px 22px}}
.prc *{letter-spacing:normal}.prc h1,.prc h3{letter-spacing:-.03em}.prc .prc-eb{letter-spacing:.16em}
.prc .prc-lnk{font:600 15px/1.2 Inter,sans-serif!important;width:auto}.prc .prc-tg span,.prc small,.prc .prc-brzy{font-family:Inter,sans-serif}
.prc .prc-nova{display:inline-block;font:600 12px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:99px;color:#fff;background:linear-gradient(90deg,#8fa6e8,#ef8a77)}
.prc{padding:0!important;margin:0!important}.prc .prc-hero{padding:56px 0 32px}

/* Gradientová tlačítka: pozadí až pod rámeček, jinak u kraje prosvítá korálový pruh (Matěj 30. 10.). */
.prc .prc-lnk,.e404-btn,.fs-h-b1,.fs-mob-cta{background-origin:border-box!important;background-clip:border-box!important}

/* /prace: karty s náhledem v záhlaví a fadem, velká karta = render hera případovky (Matěj 30. 10.). */
.prc-tile{position:relative;flex-direction:column;text-align:left;justify-content:flex-start;min-height:520px}
.prc-tile .prc-shot{position:absolute;inset:0 0 auto;height:72%;margin:0;border-radius:0;aspect-ratio:auto;box-shadow:none;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}
.prc-tile .prc-shot img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.prc-tile:hover .prc-shot img{transform:scale(1.04)}
.prc-tile .prc-tx{position:relative;margin-top:auto;align-items:flex-start;padding:0 32px 32px}
.prc-tile .prc-who{flex-direction:row;align-items:center;gap:12px}.prc-tile .prc-tg{justify-content:flex-start}
.prc .prc-hero-tile{grid-column:1/-1;display:block;min-height:0;padding:0;background:#f7f2ef}
.prc .prc-hero-tile>a:first-child img{display:block;width:100%;aspect-ratio:1200/560;object-fit:cover;object-position:bottom;padding:0;border:0;border-radius:0}
.prc-hero-tile .prc-odz{position:absolute;top:22px;left:22px;display:flex;gap:8px}
.prc .prc-kat{font:600 12px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:99px;color:#0b0d14;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.prc .prc-hero-tile .prc-lnk{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);margin:0;white-space:nowrap;box-shadow:0 18px 40px -16px rgba(27,42,78,.7)}
@media(max-width:800px){.prc-tile{min-height:460px}.prc-tile .prc-tx{padding:0 22px 24px}.prc .prc-hero-tile{min-height:0}.prc .prc-hero-tile .prc-lnk{bottom:14px;font-size:14px!important;padding:9px 16px}}
@media(max-width:800px){.prc .prc-hero-tile>a:first-child img{aspect-ratio:4/4.2;object-position:50% 100%}.prc-hero-tile .prc-odz{top:14px;left:14px}.prc-tile .prc-shot{height:58%}}

/* Štítek „Nová“ vždy vpravo nahoře, štítky kategorií s ikonou (Matěj 30. 10.). */
.prc .prc-hero-tile .prc-nova{position:absolute;top:22px;right:22px;left:auto}
.prc .prc-kat,.prc .prc-tg span{display:inline-flex;align-items:center;gap:6px}
.prc .prc-kat svg,.prc .prc-tg svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.prc .prc-hero-tile .prc-nova{top:14px;right:14px}}
/* /prace: pozadí hera plynule přechází do obsahu (záře se rozplynou dolů), mezi herem a kartami dělicí čára jako mezi sekcemi homepage (Matěj 30. 10.). */
.prc{position:relative;isolation:isolate}
.prc .prc-hero{position:static}
.prc .prc-hero::before{display:none}
.prc::before{content:"";position:absolute;left:0;right:0;top:0;height:1100px;z-index:-1;pointer-events:none;background:radial-gradient(40% 45% at 12% 45%,rgba(46,67,115,.6),transparent 70%),radial-gradient(35% 40% at 92% 15%,rgba(184,71,58,.4),transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%)}
.prc .prc-grid{position:relative;padding-top:40px}
.prc .prc-grid::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}

/* Dropdown lišty (Matěj 30. 10., mockup „Dropdown menu“ B): kompaktní panel z položky, Případové studie jako dlaždice s fadem. Na světlých případovkách světlý. */
.topbar .menu.fs-mega{--mg-bg:#14171f;--mg-fg:#f4f5fa;--mg-mut:rgba(244,245,250,.62);--mg-edge:rgba(255,255,255,.12);--mg-hov:rgba(255,255,255,.07)}
body[class*="case-"] .topbar .menu.fs-mega{--mg-bg:#fff;--mg-fg:#14171f;--mg-mut:rgba(20,23,31,.62);--mg-edge:rgba(0,0,0,.1);--mg-hov:rgba(0,0,0,.05)}
@media(min-width:800px){
.topbar .dd .menu.fs-mega{display:block!important;width:720px;min-width:0;padding:12px!important;border-radius:20px!important;background:var(--mg-bg)!important;border:1px solid var(--mg-edge)!important;box-shadow:0 30px 70px -24px rgba(0,0,0,.65)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.topbar .dd-sl .menu.fs-mega{width:640px}
.topbar .dd .menu.fs-mega::after{background:var(--mg-bg)!important;border-color:var(--mg-edge)!important}
.fs-mg-s{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.topbar nav .dd .fs-mg-s a{display:block!important;padding:10px 12px!important;border-radius:12px;background:none;color:var(--mg-fg)!important;font:400 14px/1.4 var(--body)!important;letter-spacing:0!important;text-transform:none!important}
.topbar nav .dd .fs-mg-s a:hover{background:var(--mg-hov)}
.topbar nav .dd .fs-mega a::after,.topbar nav .dd .fs-mega a::before{display:none!important}
.fs-mg-s b{display:block;font:800 15px/1.3 var(--display);letter-spacing:-.02em;margin-bottom:1px}.fs-mg-s span{display:block;font-size:12px;line-height:1.35;color:var(--mg-mut)}
.fs-mg-p{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:136px;gap:8px}
.topbar nav .dd .fs-mg-p a{position:relative;display:block!important;padding:0!important;height:100%;border-radius:12px;overflow:hidden;background:var(--mg-hov);color:var(--mg-fg)!important;font:400 14px/1.3 var(--body)!important;letter-spacing:0!important;text-transform:none!important}
.topbar .fs-mg-p img{display:block;width:100%;height:100%;padding:0!important;border:0!important;border-radius:0!important;background:none!important;object-fit:cover;object-position:top;transition:transform .5s}
.topbar .fs-mg-p a:hover img{transform:scale(1.04)}
.fs-mg-p div{position:absolute;left:0;right:0;bottom:0;padding:46px 12px 10px;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--mg-bg) 88%,transparent) 48%,var(--mg-bg) 100%)}
.fs-mg-p b{display:block;font:800 14px/1.2 var(--display)}.fs-mg-p span{display:block;font-size:11px;line-height:1.3;color:var(--mg-mut)}
.fs-mg-p em{position:absolute;top:7px;right:7px;font:600 10px/1 var(--body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:99px;color:#fff;background:linear-gradient(90deg,#8fa6e8,#ef8a77)}
.topbar nav .dd .fs-mega .fs-mg-all{display:block!important;padding:10px 6px 2px!important;font:600 13px var(--body)!important;letter-spacing:0!important;text-transform:none!important;color:#8fa6e8!important;background:none!important;width:auto!important}
body[class*="case-"] .topbar nav .dd .fs-mega .fs-mg-all{color:#b8473a!important}
}
/* Mobil: jednoduchý seznam bez obrázků */
@media(max-width:799px){
.fs-mg-s,.fs-mg-p{display:grid;gap:14px}
.topbar nav .dd .fs-mega a{display:block!important;font:400 14px/1.35 var(--body)!important;letter-spacing:0!important;padding:0!important;color:#fff!important;background:none!important}
.fs-mega b{display:block;font:800 18px/1.25 var(--display)}.fs-mega span{display:block;font-size:13px;color:rgba(255,255,255,.62)}
.fs-mg-p img{display:none}.fs-mg-p a{position:relative}.fs-mg-p em{float:right;font:600 10px/1 var(--body);font-style:normal;text-transform:uppercase;padding:4px 7px;border-radius:99px;color:#fff;background:linear-gradient(90deg,#8fa6e8,#ef8a77)}
.topbar nav .dd .fs-mega .fs-mg-all{margin-top:14px;font-weight:600!important;color:#8fa6e8!important}
}