/* ===== WOO · návrh č. 10 (finální) · Unbounded + Manrope, celý web jako jeden film ===== */
:root{color-scheme:dark;
  --ink:#f2ede2;--mut:#8d877b;--line:rgba(242,237,226,.12);--gold:#f4c70f;--gold2:#ffe27a;
  --sans:"Manrope",system-ui,sans-serif;--disp:"Unbounded",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);
  --pad:clamp(20px,4.2vw,68px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#000}
body{background:#000;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
.has-cur body,.has-cur a,.has-cur button,.has-cur summary,.has-cur label{cursor:none}
.cur,.ring{display:none}.has-cur .cur,.has-cur .ring{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0}
img,canvas,svg,video{display:block}
::selection{background:var(--gold);color:#000}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gold);color:#000;padding:10px 14px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{padding:0 var(--pad);max-width:1440px;margin:0 auto}
main{position:relative;z-index:2}
.vsrc{position:fixed;left:-8px;top:-8px;width:4px;height:4px;opacity:0;pointer-events:none}

/* ===== typografie: tenký a tučný řez, zlatě jen pointa ===== */
em{font-style:normal;font-weight:700;color:var(--gold)}
.thin{font-weight:200}.g{color:var(--gold)}
.kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:22px;height:1px;background:var(--gold)}
.logo,.h-hero,.h-sec,.h-big,.read__h,.ch__h,.ch__no,.num b,.plan h3,.marq__t span,.hsub .dh,.steps h3,.team__cap b,.boss b,.holo figcaption b,.finale__word,.brief legend,.brief__done h3{font-family:var(--disp)}
.h-hero{font-size:clamp(2.5rem,5.5vw,7rem);line-height:1.04;letter-spacing:-.03em;font-weight:700}
.h-sec{font-size:clamp(1.9rem,3.9vw,4.4rem);line-height:1.06;letter-spacing:-.03em;font-weight:300;margin-top:18px;max-width:17ch;text-wrap:balance}
.h-big{font-size:clamp(2.3rem,5.4vw,6.2rem);line-height:1.04;letter-spacing:-.03em;font-weight:300;margin-top:20px;max-width:13ch}
.ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.ln>span{display:block;will-change:transform}
.intro .ln>span{transform:translateY(125%);transition:transform 1.1s var(--ease-out)}
.is-ready .intro .ln>span{transform:none}
.is-ready .intro__r .ln>span{transition-delay:.12s}
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.wd>span{display:inline-block;transform:translateY(110%)}

/* ===== MENU ===== */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:14px var(--pad);opacity:0;transform:translateY(-10px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.is-ready .nav,.no-js .nav{opacity:1;transform:none}
.nav::before{content:"";position:absolute;inset:0 0 -30px;background:linear-gradient(rgba(0,0,0,.72),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}
.nav.is-solid::before{opacity:1}
.logo{display:flex;align-items:center;gap:10px;justify-self:start}
.logo svg{width:37px;height:20px;transition:transform .5s var(--ease-out)}
.logo span{font-weight:700;letter-spacing:-.02em;font-size:.95rem}
@media(hover:hover) and (pointer:fine){.logo:hover svg{transform:rotate(-8deg) scale(1.08)}}
.nav__links{position:relative;display:flex;gap:2px;padding:5px;border:1px solid var(--line);border-radius:999px;
  background:rgba(10,9,7,.5);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}
.nav__bg{position:absolute;left:0;top:5px;bottom:5px;width:80px;border-radius:999px;background:rgba(244,199,15,.12);
  border:1px solid rgba(244,199,15,.25);opacity:0;transition:transform .45s var(--ease-drawer),width .45s var(--ease-drawer),opacity .3s ease}
.nav__links a{position:relative;padding:8px 15px;border-radius:999px;font-size:.86rem;font-weight:500;color:var(--mut);transition:color .2s ease}
.nav__links a.is-on{color:var(--ink)}
.nav__right{display:flex;align-items:center;gap:18px;justify-self:end}
.nav__time{font-family:var(--mono);font-size:.74rem;color:var(--mut);display:flex;align-items:center;gap:8px}
.nav__time i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:pulse 2.4s ease-in-out infinite}
.nav__time b{color:var(--ink);font-weight:500}
@keyframes pulse{50%{opacity:.25}}
[data-t]{display:inline-block;overflow:hidden;vertical-align:top;height:1.3em;line-height:1.3}
.roll{display:flex;flex-direction:column;transition:transform .3s var(--ease-out)}
@media(hover:hover) and (pointer:fine){a:hover .roll,button:hover .roll{transform:translateY(-50%)}.nav__links a:hover{color:var(--ink)}}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;min-height:44px;border-radius:999px;border:1px solid rgba(244,199,15,.55);
  color:var(--gold);font-weight:600;font-size:.9rem;transition:background-color .25s ease,color .25s ease,box-shadow .3s ease,scale .16s var(--ease-out),opacity .25s ease}
.pill--gold{background:var(--gold);color:#000;border-color:var(--gold)}
.pill:active{scale:.97}
@media(hover:hover) and (pointer:fine){.pill:hover{background:var(--gold);color:#000;box-shadow:0 10px 40px -12px rgba(244,199,15,.8)}}
.lnk{color:var(--mut);border-bottom:1px solid rgba(244,199,15,.4);padding-bottom:2px;transition:color .2s ease}
@media(hover:hover) and (pointer:fine){.lnk:hover{color:var(--ink)}}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(10,9,7,.5);position:relative}
.burger i{position:absolute;left:14px;right:14px;height:1.5px;background:var(--ink);transition:transform .35s var(--ease-out)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.is-menu .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}
.is-menu .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.sheet{position:fixed;inset:0;z-index:45;background:#050403;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad);
  clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--ease-in-out),visibility 0s .6s;visibility:hidden}
.is-menu .sheet{clip-path:inset(0);visibility:visible;transition:clip-path .42s var(--ease-drawer)}
.sheet nav{display:flex;flex-direction:column;gap:4px}
.sheet nav a{display:flex;align-items:baseline;gap:14px;font-family:var(--disp);font-size:clamp(1.9rem,8.4vw,3.2rem);font-weight:300;letter-spacing:-.03em;line-height:1.16;opacity:0;transform:translateY(24px);
  transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.sheet nav a small{font-family:var(--mono);font-size:.8rem;color:var(--gold);letter-spacing:0;font-weight:400}
.is-menu .sheet nav a{opacity:1;transform:none}
.is-menu .sheet nav a:nth-child(1){transition-delay:.06s}.is-menu .sheet nav a:nth-child(2){transition-delay:.095s}.is-menu .sheet nav a:nth-child(3){transition-delay:.13s}
.is-menu .sheet nav a:nth-child(4){transition-delay:.165s}.is-menu .sheet nav a:nth-child(5){transition-delay:.2s}.is-menu .sheet nav a:nth-child(6){transition-delay:.235s}
.sheet__foot{margin-top:40px;font-family:var(--mono);font-size:.8rem;color:var(--mut)}

/* atmosféra: jemná zlatá záře za obsahem, sekce do sebe přechází bez hran */
.wash{position:fixed;inset:0;z-index:0;pointer-events:none;background:#000}
.wash i{position:absolute;inset:0;opacity:0;will-change:opacity;background:radial-gradient(80% 70% at 70% 55%,rgb(34,24,4) 0%,rgba(0,0,0,0) 72%)}
.amb{position:fixed;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s ease}

/* ===== 1. FILM ÚVODU ===== */
.film{height:600vh;position:relative}
.film__stage{position:sticky;top:0;height:100svh;overflow:hidden}
.fig{--m:1;position:absolute;inset:0;transform-origin:0 0;will-change:transform;
  -webkit-mask-image:radial-gradient(ellipse calc(44% * var(--m)) calc(62% * var(--m)) at 50% 50%,#000 58%,transparent 100%);
  mask-image:radial-gradient(ellipse calc(44% * var(--m)) calc(62% * var(--m)) at 50% 50%,#000 58%,transparent 100%)}
.fig__poster,.fig__cv{position:absolute;inset:0;width:100%;height:100%}
.fig__poster{opacity:0;transition:opacity 1s var(--ease-out);object-fit:contain}
.is-ready .fig__poster,.no-js .fig__poster{opacity:1}
.fig__cv{opacity:0}
.fig__cv.on{opacity:1}
.vig{position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(110% 80% at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 28%)}
.intro{position:absolute;inset:0;z-index:4;pointer-events:none;will-change:opacity,filter}
.intro .h-hero{position:static}
.intro__l,.intro__r{position:absolute;top:var(--hy,40%);display:block;will-change:transform}
.intro__l{left:var(--pad)}
.intro__r{right:var(--pad);top:calc(var(--hy,40%) + 1.04em);text-align:right}
.hsub{position:absolute;left:var(--pad);bottom:calc(9vh + 172px);max-width:min(34ch,calc(var(--ex,30vw) - var(--pad) - 16px));pointer-events:auto;
  opacity:0;transform:translateY(12px);transition:opacity .9s var(--ease-out) .35s,transform .9s var(--ease-out) .35s}
.hsub .dh{font-weight:700;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.25;letter-spacing:-.01em}
.hsub .dh span{display:block;font-weight:200}
.intro__lead{position:absolute;left:var(--pad);bottom:calc(9vh + 60px);max-width:min(30ch,calc(var(--ex,30vw) - var(--pad) - 16px));font-size:clamp(.92rem,1vw,1.05rem);
  color:#c9c3b6;pointer-events:auto;opacity:0;transform:translateY(12px);transition:opacity .9s var(--ease-out) .45s,transform .9s var(--ease-out) .45s}
.hcta{position:absolute;right:var(--pad);bottom:calc(9vh + 58px);display:flex;gap:10px;pointer-events:auto;opacity:0;transition:opacity .9s var(--ease-out) .55s}
.is-ready .hsub,.is-ready .intro__lead,.no-js .hsub,.no-js .intro__lead{opacity:1;transform:none}
.is-ready .hcta,.no-js .hcta{opacity:1}
.no-js .intro .ln>span{transform:none}
.proof{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:26px;padding:16px 0 16px var(--pad);border-top:1px solid var(--line);
  background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.35));overflow:hidden;pointer-events:auto}
.proof__k{flex:none;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.proof__m{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.proof__t{display:flex;gap:34px;width:max-content;animation:mq 40s linear infinite}
.proof__t b{font-family:var(--disp);font-weight:400;font-size:.9rem;letter-spacing:-.01em;color:#d9d2c3;white-space:nowrap}
.proof__t b::after{content:"✦";margin-left:34px;color:rgba(244,199,15,.5);font-size:.66rem;vertical-align:middle}
@keyframes mq{to{transform:translateX(-50%)}}
/* text manifestu, na který Woody ukazuje palcem */
.read{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);z-index:4;max-width:min(46vw,720px);pointer-events:none}
.read .kicker{opacity:0}
.read__h{margin-top:20px;font-size:clamp(1.9rem,3.7vw,4.3rem);line-height:1.06;letter-spacing:-.03em;font-weight:300}
.read__h .ln>span{transform:translateY(125%)}
.read__p{margin-top:28px;font-size:clamp(1.05rem,1.4vw,1.35rem);color:#cfc9bb;max-width:30ch;opacity:0}
.read__p b{display:block;margin-top:14px;font-family:var(--disp);font-weight:700;color:var(--gold);font-size:1.15em;letter-spacing:-.01em}

/* ===== 2. KAPITOLY: film přes celou obrazovku, text v levé polovině ===== */
.chapters{height:1080vh;position:relative;margin-top:-100svh;z-index:3}
.chapters__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000;visibility:hidden}
.chv{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease}
.chv.on{opacity:1}
.ch__shade{position:absolute;inset:0;pointer-events:none;opacity:var(--sh,0);
  background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 40%,rgba(0,0,0,0) 52%)}
.chapters__k{position:absolute;left:var(--pad);top:14vh;opacity:var(--sh,0)}
.chapters__k b{color:var(--gold);font-weight:500}
.chapters__k span{opacity:.8}
.ch{position:absolute;left:var(--pad);top:50%;translate:0 -46%;width:min(34vw,520px);pointer-events:none;z-index:2}
.ch__no{height:.84em;overflow:hidden;font-weight:700;font-size:clamp(3.4rem,7vw,7.6rem);line-height:.84;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1px rgba(244,199,15,.5)}
.ch__no span{display:block}
/* přechod kapitol: každý řádek se překlopí jako list na válci (transformaci nastavuje v10.js podle scrollu) */
.ch__no,.ch .ln,.ch__p,.ch__ul,.ch__acts,.ch .fomo{will-change:transform,opacity;backface-visibility:hidden}
.ch__h{margin-top:2.4vh;font-size:clamp(1.7rem,2.95vw,3.5rem);line-height:1.06;letter-spacing:-.03em;font-weight:300}
.ch__p{margin-top:22px;max-width:44ch;color:#d4cebf;font-size:1.02rem;will-change:transform,opacity}
.ch__ul{list-style:none;margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;will-change:transform,opacity}
.ch__ul li{padding:7px 13px;border:1px solid rgba(242,237,226,.2);border-radius:999px;font-size:.83rem;color:#e7e1d2;background:rgba(0,0,0,.4)}
.ch__cta{margin-top:26px;will-change:transform,opacity}

/* ===== 4. KLIENTI ===== */
.clients{padding:14vh 0 12vh}
.marq{margin-top:5vh;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marq+.marq{margin-top:2.4vh}
.marq__t{display:flex;gap:44px;width:max-content;will-change:transform}
.marq__t span{font-size:clamp(1.25rem,2.3vw,2.4rem);letter-spacing:-.02em;font-weight:700;color:#b9b2a4;white-space:nowrap;transition:color .25s ease,-webkit-text-stroke-color .25s ease}
.marq__t span::after{content:"✦";margin-left:44px;font-size:.36em;vertical-align:middle;color:rgba(244,199,15,.6);-webkit-text-stroke:0}
.marq--o .marq__t span{color:transparent;-webkit-text-stroke:1px rgba(242,237,226,.45);font-weight:300}
@media(hover:hover) and (pointer:fine){.marq__t span:hover{color:var(--gold)}.marq--o .marq__t span:hover{-webkit-text-stroke-color:var(--gold);color:transparent}}

/* ===== 5. ČÍSLA ===== */
.nums{padding:16vh 0}
.nums__grid{margin-top:8vh;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.num{padding:34px 24px 0;border-right:1px solid var(--line)}
.num:first-child{padding-left:0}.num:last-child{border-right:0}
.num b{display:flex;align-items:baseline;font-weight:700;font-size:clamp(2.4rem,4.6vw,5rem);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.num b i{font-style:normal;color:var(--gold);font-size:.5em;margin-left:4px;font-weight:200}
.num p{margin-top:14px;color:#c9c3b6;max-width:22ch}
.num small{display:block;margin-top:10px;font-family:var(--mono);font-size:.75rem}
.num small a{color:var(--mut);border-bottom:1px solid rgba(244,199,15,.3)}
.nums__end{margin-top:8vh;font-size:clamp(1.1rem,1.6vw,1.45rem);color:#cfc8ba}
.nums__end b{color:var(--gold);font-family:var(--disp);font-weight:700;letter-spacing:-.01em}

/* ===== 7. JAK PRACUJU ===== */
.steps{padding:14vh 0}

/* ===== 8. SPOLUPRÁCE ===== */
.plans{padding:16vh 0 10vh}
.plans__wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:start}
.plans__head{position:sticky;top:18vh}
.plans__note{margin-top:28px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid rgba(244,199,15,.35);border-radius:999px;font-weight:600;color:var(--gold);font-size:.95rem}
.plans__note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.plans__stack{display:flex;flex-direction:column;gap:12vh;padding-bottom:10vh}
.plan{position:sticky;top:calc(16vh + var(--i,0) * 26px)}
.plan__in{--gx:50%;--gy:0%;border:1px solid var(--line);border-radius:26px;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:14px;position:relative;
  background:radial-gradient(420px circle at var(--gx) var(--gy),rgba(244,199,15,.1),transparent 60%),#0d0b08;box-shadow:0 -30px 60px -30px #000;
  transform-origin:50% 0;will-change:transform,filter;transition:border-color .3s ease}
.plan__no{font-family:var(--mono);font-size:.78rem;color:var(--gold)}
.plan h3{font-size:clamp(1.4rem,2.1vw,2.1rem);letter-spacing:-.02em;line-height:1.1;font-weight:700}
.plan__sub{color:var(--mut);font-size:.98rem}
.plan ul{list-style:none;margin:8px 0 16px}
.plan li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.98rem}
.plan .pill{align-self:flex-start}
.plan--hot .plan__in{border-color:rgba(244,199,15,.55);background:radial-gradient(420px circle at var(--gx) var(--gy),rgba(244,199,15,.16),transparent 60%),linear-gradient(170deg,#1b1506,#0d0b08 60%)}
.plan__tag{position:absolute;top:26px;right:28px;background:var(--gold);color:#000;font-family:var(--mono);font-size:.75rem;padding:4px 10px;border-radius:999px;letter-spacing:.08em;text-transform:uppercase}
@media(hover:hover) and (pointer:fine){.plan__in:hover{border-color:rgba(244,199,15,.45)}}

/* ===== 10. OTÁZKY: chat ===== */
.faq{padding:14vh 0}
.faq__lead{margin-top:22px;color:var(--mut)}
.chat{border:1px solid var(--line);border-radius:26px;background:linear-gradient(170deg,#12100b,#070605 70%);overflow:hidden;display:flex;flex-direction:column}
.chat__top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.chat__top img{width:40px;height:40px;border-radius:50%;border:1px solid rgba(244,199,15,.6)}
.chat__top b{display:block;font-size:.95rem}
.chat__top small{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:.76rem}
.chat__top small i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}
.chat__log{display:flex;flex-direction:column;gap:10px;padding:22px 20px;min-height:300px;max-height:420px;overflow-y:auto;scroll-behavior:smooth}
.msg{max-width:84%;padding:12px 16px;border-radius:18px;font-size:.97rem;line-height:1.5;animation:msgIn .45s var(--ease-out)}
.msg--w{align-self:flex-start;background:#1d1a12;border:1px solid rgba(244,199,15,.18);border-bottom-left-radius:6px}
.msg--u{align-self:flex-end;background:var(--gold);color:#000;font-weight:600;border-bottom-right-radius:6px}
.msg--t{display:flex;gap:5px;padding:15px 16px}
.msg--t i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:typing 1s ease-in-out infinite}
.msg--t i:nth-child(2){animation-delay:.15s}.msg--t i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes msgIn{from{opacity:0;transform:translateY(10px) scale(.97)}}
.chat__q{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 20px;border-top:1px solid var(--line)}
.chat__q button,.chat__q a{padding:10px 14px;border-radius:999px;border:1px solid rgba(244,199,15,.4);color:var(--ink);font-size:.88rem;font-weight:500;transition:background-color .2s ease,color .2s ease,opacity .3s ease,scale .16s var(--ease-out)}
.chat__q button:active{scale:.97}
@media(hover:hover) and (pointer:fine){.chat__q button:hover{background:rgba(244,199,15,.14)}}
.chat__q button[disabled]{opacity:.35;pointer-events:none}
.chat__nojs{padding:10px 20px 20px}.chat__nojs dt{font-weight:700;margin-top:14px}.chat__nojs dd{color:#c9c3b6}

/* ===== 11. KONTAKT: brief ===== */
.contact{padding:16vh 0 0;position:relative}
.brief{position:relative;border:1px solid rgba(244,199,15,.25);border-radius:28px;padding:clamp(24px,3vw,40px);background:radial-gradient(80% 60% at 80% 0%,rgba(244,199,15,.1),transparent 60%),#0b0a07}
.brief__bar{height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.brief__bar i{display:block;height:100%;width:25%;background:var(--gold);transition:width .5s var(--ease-out)}
.brief__step{margin-top:14px;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.brief__step b{color:var(--gold);font-weight:500}
.brief__f{border:0;display:none;margin-top:18px}
.brief__f.is-on{display:block}
.brief legend{font-weight:700;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.02em;line-height:1.2}
.brief__hint,.brief__sub{margin-top:6px;color:var(--mut);font-size:.88rem}
.brief__sub{margin-top:20px;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-flex;padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:#12100b;font-size:.92rem;font-weight:500;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,scale .16s var(--ease-out)}
.chips label:active span{scale:.97}
.chips input:checked+span{background:var(--gold);color:#000;border-color:var(--gold)}
.chips input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.chips span:hover{border-color:rgba(244,199,15,.5)}}
.brief__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld--w{grid-column:1/-1}
.fld span{font-size:.82rem;color:var(--mut)}
.fld input,.fld textarea{font:inherit;font-size:1rem;color:var(--ink);background:#12100b;border:1px solid var(--line);border-radius:14px;padding:13px 15px;resize:vertical;transition:border-color .2s ease}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--gold)}
.fld input[aria-invalid="true"]{border-color:#ff6b5a}
.brief__err{min-height:1.4em;margin-top:14px;color:#ff8a7a;font-size:.9rem}
.brief__nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
.brief__back[hidden]{display:none}
.brief__back{visibility:visible}
.brief.is-first .brief__back{visibility:hidden}
.brief__done{text-align:center;padding:40px 10px 20px}
.brief__done svg{width:70px;height:38px;margin:0 auto 18px;filter:drop-shadow(0 0 20px rgba(244,199,15,.6))}
.brief__done h3{font-weight:700;font-size:1.8rem;letter-spacing:-.02em}
.brief__done p{margin-top:10px;color:#c9c3b6}
.brief.is-sent>*:not(.brief__done){display:none}

/* ===== 12. FINÁLE: WOODY ze zlatého prachu ===== */
.finale canvas{position:absolute;inset:0;width:100%;height:100%}
.finale__word{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-weight:700;font-size:clamp(4rem,19vw,22rem);letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1px rgba(244,199,15,.5);user-select:none}
.no-js .finale__word{display:flex}

/* odkrývání */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.rv.in,.no-js .rv{opacity:1;transform:none}
.no-js .wd>span{transform:none}

/* kurzor a zrno */
.cur,.ring{position:fixed;left:0;top:0;z-index:90;pointer-events:none;will-change:transform}
.cur::before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff2b8;box-shadow:0 0 12px 3px rgba(244,199,15,.8),0 0 70px 26px rgba(244,199,15,.14)}
.ring::before{content:"";position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(244,199,15,.5);
  transition:transform .35s var(--ease-out),background-color .3s ease,border-color .3s ease}
.ring.big::before{transform:scale(1.9);background:rgba(244,199,15,.08);border-color:rgba(244,199,15,.8)}
@media(hover:none),(pointer:coarse){.cur,.ring{display:none}}
.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.28;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.dbg{position:fixed;left:50%;bottom:10px;translate:-50% 0;z-index:95;font:500 11px/1 var(--mono);color:var(--gold);background:rgba(0,0,0,.75);padding:6px 10px;border-radius:999px;display:none;white-space:nowrap}
.is-debug .dbg{display:block}

/* ===== bez JavaScriptu: film se ukáže jako obrázky ===== */
.no-js .film,.no-js .chapters,.no-js .work{height:auto}
.no-js .film__stage,.no-js .work__stage{position:relative;height:auto;min-height:100svh}
.no-js .read{position:relative;top:auto;transform:none;padding:12vh var(--pad);max-width:none}
.no-js .read .kicker,.no-js .read__p{opacity:1}.no-js .read__h .ln>span{transform:none}
.no-js .chapters{margin-top:0}
.no-js .chapters__stage{position:relative;height:auto;visibility:visible;background:none}
.no-js .chv,.no-js .ch__shade,.no-js .ch__tint,.no-js .chrail,.no-js .goldfx,.no-js .gtitle{display:none}
.no-js .chapters__k{position:relative;top:auto;opacity:1;padding:0 var(--pad)}
.no-js .ch{position:relative;top:auto;left:auto;translate:none;width:auto;min-height:70svh;padding:12vh var(--pad);background:linear-gradient(90deg,#000 32%,rgba(0,0,0,0) 60%),var(--bg) right center/cover no-repeat}

/* ===== responsivita ===== */
@media(max-width:1000px){
  .nav{grid-template-columns:1fr auto}
  .nav__links{display:none}
  .burger{display:block}
  .nums__grid{grid-template-columns:repeat(2,1fr)}
  .num{padding:28px 18px 28px 0!important;border-right:0;border-bottom:1px solid var(--line)}
  .plans__wrap,.faq__wrap,.team__head,.about__grid,.contact__grid{grid-template-columns:1fr}
  .plans__head{position:relative;top:0}
  .about__grid{gap:8vh}
}
@media(max-width:760px),(max-aspect-ratio:4/5){
  body{font-size:16px}
  .fig{-webkit-mask-image:radial-gradient(ellipse calc(58% * var(--m)) calc(34% * var(--m)) at 50% 30%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse calc(58% * var(--m)) calc(34% * var(--m)) at 50% 30%,#000 60%,transparent 100%)}
  .hsub{display:none}.hcta{left:var(--pad);right:auto;bottom:calc(env(safe-area-inset-bottom) + 58px)}.hcta .pill{padding:10px 16px;font-size:.84rem}
  .proof{padding:12px 0 12px var(--pad)}
  .film{height:560vh}
  .intro__l,.intro__r{top:auto;left:var(--pad);right:auto;text-align:left;max-width:none}
  .intro__l{bottom:calc(env(safe-area-inset-bottom) + 262px);display:flex;gap:.28em}
  .intro__r{bottom:calc(env(safe-area-inset-bottom) + 206px)}
  .intro__lead{bottom:calc(env(safe-area-inset-bottom) + 118px);max-width:none;right:var(--pad);font-size:.92rem}
  .vig{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.5) 36%,transparent 58%)}
  .h-hero{font-size:clamp(2.4rem,11vw,3.8rem)}
  .read{left:var(--pad);right:var(--pad);top:auto;bottom:8svh;transform:none;max-width:none}
  .read__h{font-size:clamp(1.9rem,8.6vw,3rem)}
  /* kapitoly: video nahoře přes šířku, text pod ním */
  .chapters{height:1000vh}
  .ch__shade{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 38%,rgba(0,0,0,0) 52%)}
  .chapters__k{top:auto;bottom:calc(env(safe-area-inset-bottom) + 12px);left:auto;right:var(--pad)}
  .ch{left:var(--pad);right:var(--pad);width:auto;top:auto;translate:none;bottom:calc(env(safe-area-inset-bottom) + 44px)}
  .ch__no{display:none}
  .ch__h{margin-top:0;font-size:clamp(1.55rem,7.2vw,2.3rem)}
  .ch__p{font-size:.92rem;margin-top:12px}
  .ch__ul{margin-top:12px;gap:6px}.ch__ul li{font-size:.76rem;padding:5px 10px}
  .ch__ul li:nth-child(n+3){display:none}
  .ch__cta{margin-top:14px;padding:9px 16px;font-size:.84rem}
  .work{height:560vh}
  .work__head{padding-top:11vh;gap:16px}
  .marq__t{gap:36px}.marq__t span::after{margin-left:36px}
  .brief__grid{grid-template-columns:1fr}
  .chat__log{min-height:260px}
  .foot{flex-wrap:wrap;gap:10px 20px}
}
@media(prefers-reduced-motion:reduce){
  .intro .ln>span,.rv,.intro__lead,.hsub{transition:opacity .3s ease;transform:none!important}
  .wd>span,.read__h .ln>span{transform:none}
  .nav__time i,.work__hint i,.proof__t,.belt__track,.bot__visor i,.msg--t i{animation:none}
  .film,.chapters,.work{height:auto}
  .film__stage,.work__stage{position:relative;height:auto;min-height:100svh}
  .read{position:relative;transform:none;top:auto;padding:12vh var(--pad);max-width:none}
  .read .kicker,.read__p{opacity:1}
  .chapters{margin-top:0}
  .chapters__stage{position:relative;height:auto;visibility:visible;background:none}
  .chv,.ch__shade,.ch__tint,.chrail,.goldfx,.gtitle{display:none}
  .chapters__k{position:relative;top:auto;opacity:1;padding:0 var(--pad)}
  .ch{position:relative;top:auto;left:auto;right:auto;bottom:auto;translate:none;width:auto;min-height:80svh;padding:14vh var(--pad);background:linear-gradient(90deg,#000 32%,rgba(0,0,0,0) 60%),var(--bg) right center/cover no-repeat}
  .ch .ln>span,.ch__no span{transform:none!important}
  .ch__p,.ch__ul,.ch__cta,.ch .ln,.ch__no,.ch__acts,.ch .fomo{opacity:1!important;transform:none!important}
  .work__hint{display:none}
  .plan{position:relative;top:auto}
  .brief__f.is-on,.msg{animation:none}
}

/* ===== č. 10.1: dotažení detailů ===== */
/* průběh stránky: tenká zlatá linka nahoře */
.prog{position:absolute;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,rgba(244,199,15,.2),var(--gold) 60%,var(--gold2));box-shadow:0 0 12px rgba(244,199,15,.6);pointer-events:none}
/* číslo sekce v kickeru: 02 ── PRÁCE */
.kicker[data-n]::before{content:attr(data-n);width:auto;height:auto;color:var(--gold);padding-right:32px;letter-spacing:.1em;
  background:linear-gradient(var(--gold),var(--gold)) right center/22px 1px no-repeat}
/* šipka u hlavních tlačítek */
.pill--gold::after{content:"";width:12px;height:12px;flex:none;background:currentColor;transition:transform .25s var(--ease-out);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 10 10 2M4 2h6v6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 10 10 2M4 2h6v6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media(hover:hover) and (pointer:fine){.pill--gold:hover::after{transform:translate(2px,-2px)}}
/* výzvy k akci uvnitř sekcí */
.nums__end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-top:32px;border-top:1px solid var(--line)}
.nums__end p{font-size:clamp(1.1rem,1.6vw,1.45rem);color:#cfc8ba}
/* důvěra u formuláře */
.brief__trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.brief__trust li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--mut)}
.brief__trust li::before{content:"";width:14px;height:14px;border-radius:50%;background:rgba(244,199,15,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2 6 9.2 10 5' fill='none' stroke='%23f4c70f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* mobilní lišta s výzvou k akci */
.dock{display:none}
@media(max-width:760px){
  .dock{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:8px 8px 8px 18px;border-radius:999px;border:1px solid rgba(244,199,15,.35);background:rgba(12,10,6,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    font-size:.9rem;font-weight:600;transform:translateY(calc(100% + 30px));transition:transform .45s var(--ease-drawer)}
  .dock.on{transform:none}
  .dock .pill{padding:10px 16px;font-size:.86rem}
  .nums__end{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .finale__word{display:flex}.finale canvas{display:none}
  .amb{display:none}
  .belt__track::before{animation:none}
  .dock{transition:none}
}

/* ======================================================================
   č. 10.2 · přestavba podle feedbacku
   ====================================================================== */

/* ----- zlatý přechod mezi úvodem a kapitolami ----- */
.goldfx{position:fixed;inset:0;z-index:30;width:100%;height:100%;pointer-events:none}
.gtitle{position:fixed;inset:0;z-index:31;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#120d02;pointer-events:none;visibility:hidden}
.gtitle__k{font-family:var(--mono);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;opacity:.7}
.gtitle__h{margin-top:2vh;font-family:var(--disp);font-weight:700;font-size:clamp(3.4rem,12vw,13rem);line-height:.92;letter-spacing:-.045em;display:flex;gap:.22em}
.gtitle__h span{display:block;will-change:transform}
.gtitle__h span+span{font-weight:200}
.gtitle__s{margin-top:3vh;font-family:var(--mono);font-size:clamp(.7rem,1vw,.86rem);letter-spacing:.2em;text-transform:uppercase}

/* ----- kapitoly: pestřejší rozvržení ----- */
.ch--low{top:auto;bottom:15vh;translate:none}
.ch--high{top:19vh;translate:none}
.ch__tint{position:absolute;inset:0;pointer-events:none;color:#f4c70f;opacity:var(--sh,0);transition:color .9s ease;
  background:radial-gradient(52% 62% at 14% 58%,currentColor 0%,transparent 70%);mix-blend-mode:normal;filter:opacity(.2)}
.chrail{position:absolute;left:var(--pad);right:52%;bottom:6vh;display:flex;gap:14px;list-style:none;opacity:var(--sh,0)}
.chrail li{flex:1;min-width:0}
.chrail i{display:block;height:2px;background:var(--line);border-radius:2px;overflow:hidden;position:relative}
.chrail i::after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(var(--f,0));transform-origin:left}
.chrail span{display:block;margin-top:10px;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .4s ease}
.chrail li.on span{color:var(--ink)}

/* ----- práce: jeden podstavec, ukázky jedou po oblouku ----- */
.work{height:500vh;position:relative}
.work__stage{position:sticky;top:0;height:100svh;overflow:hidden;--pw:min(34vw,40vh);--cw:min(18vw,23.6vh,236px)}
.work__glow{position:absolute;inset:0;color:#f4c70f;opacity:.2;transition:color .8s ease;pointer-events:none;
  background:radial-gradient(38% 48% at 50% 62%,currentColor 0%,transparent 72%)}
.work__head{position:relative;z-index:5;padding-top:12vh;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.work__count{display:flex;align-items:baseline;gap:8px;font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.6rem);letter-spacing:-.03em}
.work__count span{font-weight:200;color:var(--mut);font-size:.6em}
.reels{position:absolute;inset:0;z-index:3}
.reel{position:absolute;left:50%;top:calc(50% - 1vh);width:var(--cw);aspect-ratio:9/16;margin-left:calc(var(--cw) / -2);margin-top:calc(var(--cw) * -.889);
  border-radius:16px;overflow:hidden;background:#0b0a08;will-change:transform;
  border:1px solid rgba(244,199,15,.22);box-shadow:0 40px 80px -40px #000,0 0 0 1px rgba(0,0,0,.5)}
.reel img,.reel canvas,.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel canvas{opacity:0;transition:opacity .3s ease}.reel canvas.on{opacity:1}
.reel video{opacity:0;pointer-events:none}
.reel::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim,.6);transition:opacity .25s linear;pointer-events:none}
.reel::before{content:"";position:absolute;z-index:2;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;
  background:rgba(244,199,15,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%23000'/%3E%3C/svg%3E") 55% 50%/22px no-repeat;
  box-shadow:0 0 0 8px rgba(244,199,15,.18),0 10px 30px -6px rgba(244,199,15,.7);opacity:0;scale:.9;transition:opacity .25s var(--ease-out),scale .25s var(--ease-out)}
.reel.is-c{border-color:rgba(244,199,15,.6);box-shadow:0 50px 90px -40px #000,0 0 60px -10px rgba(244,199,15,.45)}
@media(hover:hover) and (pointer:fine){.reel.is-c:hover::before{opacity:1;scale:1}}
.reel.is-c:focus-visible::before{opacity:1;scale:1}
/* podstavec: skleněný disk se zlatým okrajem, rotující odlesk a pulzující kruhy na podlaze */
.ped{position:absolute;z-index:2;left:50%;top:calc(50% + 21vh);width:var(--pw);aspect-ratio:1/.34;translate:-50% 0;pointer-events:none}
.ped>i{position:absolute;display:block}
.ped__beam{left:22%;right:22%;bottom:62%;height:44vh;background:linear-gradient(0deg,rgba(255,226,122,.34),rgba(244,199,15,0) 85%);
  clip-path:polygon(0 100%,100% 100%,82% 0,18% 0);filter:blur(10px);opacity:calc(.35 + var(--lit,0) * .65);transition:opacity .6s ease}
.ped__halo{left:-45%;right:-45%;top:0;height:170%;border-radius:50%;background:radial-gradient(closest-side,rgba(244,199,15,calc(.14 + var(--lit,0) * .26)),transparent);filter:blur(22px)}
.ped__side{left:0;right:0;top:34%;height:48%;border-radius:0 0 50% 50%/0 0 70% 70%;
  background:linear-gradient(90deg,#070604 0%,#2b2410 22%,#5a4a1c 50%,#2b2410 78%,#070604 100%);box-shadow:0 30px 40px -20px #000}
.ped__side::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(244,199,15,.6),transparent)}
.ped__top{left:0;right:0;top:0;height:68%;border-radius:50%;overflow:hidden;border:1px solid rgba(255,226,122,.7);
  background:radial-gradient(46% 60% at 50% 42%,rgba(255,244,205,calc(.35 + var(--lit,0) * .5)),rgba(244,199,15,.3) 42%,rgba(40,31,8,.95) 74%,#0a0804 100%);
  box-shadow:inset 0 -6px 18px rgba(0,0,0,.6),inset 0 4px 14px rgba(255,236,170,.35),0 0 60px -4px rgba(244,199,15,calc(.3 + var(--lit,0) * .55))}
.ped__top::after{content:"";position:absolute;inset:18% 20%;border-radius:50%;border:1px solid rgba(255,226,122,.35)}
.ped__sheen{inset:-60% -10%;background:conic-gradient(from 0deg,transparent 0 55%,rgba(255,240,190,.55) 64%,transparent 74%);animation:spin 7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ped__ring{left:-18%;right:-18%;top:-12%;height:100%;border-radius:50%;border:1px solid rgba(244,199,15,.35);animation:ripple 3.2s var(--ease-out) infinite;opacity:0}
.ped__ring--2{animation-delay:1.6s}
@keyframes ripple{0%{transform:scale(.7);opacity:0}25%{opacity:.8}100%{transform:scale(1.25);opacity:0}}
.ped.is-lit .ped__top{animation:ignite .9s var(--ease-out)}
@keyframes ignite{0%{box-shadow:inset 0 0 30px rgba(244,199,15,.35),0 0 0 0 rgba(255,226,122,.9)}100%{box-shadow:inset 0 0 30px rgba(244,199,15,.35),0 0 50px -6px rgba(244,199,15,.8)}}
.plate{position:absolute;z-index:4;left:50%;top:calc(50% + 21vh + var(--pw) * .4);translate:-50% 0;text-align:center;pointer-events:none;width:min(90vw,520px)}
.plate__t{font-family:var(--disp);font-weight:700;font-size:clamp(1.05rem,1.5vw,1.45rem);letter-spacing:-.01em;text-transform:uppercase}
.plate__s{margin-top:4px;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.plate p{transition:opacity .2s ease,transform .3s var(--ease-out)}
.plate.swap p{opacity:0;transform:translateY(6px)}
.work__play{position:absolute;z-index:5;right:var(--pad);bottom:6vh;display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 12px;border-radius:999px;
  border:1px solid rgba(244,199,15,.5);color:var(--gold);font-weight:600;font-size:.9rem;background:rgba(10,9,7,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:background-color .25s ease,color .25s ease,scale .16s var(--ease-out)}
.work__play i{width:26px;height:26px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%23000'/%3E%3C/svg%3E") 58% 50%/12px no-repeat}
.work__play:active{scale:.97}
@media(hover:hover) and (pointer:fine){.work__play:hover{background:var(--gold);color:#000}}

/* ----- přehrávač ukázek ----- */
.player{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--ink);overflow:hidden}
.player::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:opacity .18s ease}
.player[open]::backdrop{animation:bdIn .34s var(--ease-out)}
.player.is-closing::backdrop{opacity:0}
@keyframes bdIn{from{opacity:0}}
.player[open]{display:grid;place-items:center}
.player__in{position:relative;display:grid;grid-template-columns:auto 340px;gap:28px;align-items:stretch;padding:22px;border-radius:30px;
  background:linear-gradient(160deg,#16120a,#080705 60%);border:1px solid rgba(244,199,15,.25);box-shadow:0 60px 140px -40px #000,0 0 120px -40px rgba(244,199,15,.35);max-width:calc(100vw - 32px)}
.player__stage{position:relative;height:min(82vh,860px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000}
.player__stage.wide{height:auto;width:min(58vw,980px);aspect-ratio:16/9;align-self:center}
.player__stage video{width:100%;height:100%;object-fit:cover;background:#000}
.player__big{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(244,199,15,.95);box-shadow:0 0 0 10px rgba(244,199,15,.2);
  transition:opacity .2s ease,scale .2s var(--ease-out)}
.player__big i{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%23000'/%3E%3C/svg%3E") 56% 50%/28px no-repeat}
.player__stage.playing .player__big{opacity:0;scale:.9;pointer-events:none}
.player__bar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.player__pp{width:44px;height:44px;flex:none;position:relative}
.player__pp i{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l10.5-6.5z' fill='%23f4c70f'/%3E%3C/svg%3E") center/18px no-repeat}
.player__stage.playing .player__pp i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 5h3.5v14H7zM13.5 5H17v14h-3.5z' fill='%23f4c70f'/%3E%3C/svg%3E")}
.player__prog{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.18);position:relative;cursor:pointer;background-clip:content-box;padding:20px 0;box-sizing:content-box;margin:-20px 0}
.player__prog:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.player__prog i{position:absolute;left:0;top:20px;bottom:20px;width:100%;border-radius:4px;background:var(--gold);transform:scaleX(0);transform-origin:left}
.player__mute{font-family:var(--mono);font-size:.75rem;min-height:44px;padding:0 4px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.player__mute[aria-pressed="true"]{color:var(--gold)}
.player__side{display:flex;flex-direction:column;min-height:0;padding:14px 4px 4px}
.player__t{margin-top:14px;font-family:var(--disp);font-weight:700;font-size:1.7rem;letter-spacing:-.02em;line-height:1.1}
.player__s{margin-top:8px;color:var(--mut)}
.player__list{list-style:none;margin:24px 0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:0;padding-right:4px}
.player__list button{display:flex;align-items:center;gap:12px;width:100%;padding:6px;border-radius:12px;text-align:left;font-size:.9rem;font-weight:500;color:var(--mut);transition:background-color .2s ease,color .2s ease}
.player__list img{width:34px;height:60px;object-fit:cover;border-radius:7px;flex:none;border:1px solid var(--line)}
.player__list button[aria-current="true"]{background:rgba(244,199,15,.12);color:var(--ink)}
.player__list button[aria-current="true"] img{border-color:var(--gold)}
@media(hover:hover) and (pointer:fine){.player__list button:hover{background:rgba(255,255,255,.05);color:var(--ink)}}
.player__side .pill{align-self:flex-start}
.player__x{position:absolute;top:-14px;right:-14px;width:auto;padding:9px 16px;border-radius:999px;background:var(--gold);color:#000;font-weight:700;font-size:.82rem;box-shadow:0 10px 30px -8px rgba(0,0,0,.8);transition:scale .16s var(--ease-out)}
.player__x:active{scale:.96}

/* ----- o mně: odhalení Pixar verze pod kurzorem ----- */
.about__grid{grid-template-columns:1fr 1.05fr}
.reveal{position:relative;aspect-ratio:1;border-radius:30px;overflow:hidden;border:1px solid rgba(244,199,15,.22);box-shadow:0 40px 120px -40px rgba(244,199,15,.3);touch-action:pan-y}
.reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reveal__a{filter:grayscale(1) contrast(1.06) brightness(.92)}
.reveal__b{--x:50%;--y:40%;--x2:50%;--y2:40%;--r:0px;
  -webkit-mask-image:radial-gradient(circle at var(--x) var(--y),#000 calc(var(--r) * .64),transparent var(--r)),radial-gradient(circle at var(--x2) var(--y2),#000 calc(var(--r) * .3),transparent calc(var(--r) * .66));
  mask-image:radial-gradient(circle at var(--x) var(--y),#000 calc(var(--r) * .64),transparent var(--r)),radial-gradient(circle at var(--x2) var(--y2),#000 calc(var(--r) * .3),transparent calc(var(--r) * .66))}
.reveal__hint{position:absolute;right:18px;top:18px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;
  background:rgba(0,0,0,.55);border:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .4s ease}
.reveal__hint i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 1.6s ease-in-out infinite}
.reveal__hint.gone{opacity:0}
.reveal__tag{position:absolute;left:18px;bottom:18px;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,237,226,.7)}

/* ----- otázky: vystředěná kompozice ----- */
.faq__wrap{display:flex;flex-direction:column;align-items:center}
.faq__head{text-align:center;display:flex;flex-direction:column;align-items:center}
.faq__head .h-sec{margin-left:auto;margin-right:auto}
.chat{width:min(820px,100%);margin-top:7vh}
.chat__q{justify-content:center}

/* ----- kontakt: nadpis přes celou šířku, pod ním karta a formulář ----- */
.contact__head{text-align:center;display:flex;flex-direction:column;align-items:center}
.contact__head .h-big{max-width:15ch;margin-left:auto;margin-right:auto;font-size:clamp(2.4rem,6.4vw,7.4rem)}
.contact__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;margin-top:9vh;align-items:stretch}
.card{border:1px solid var(--line);border-radius:28px;padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;background:linear-gradient(170deg,#12100b,#070605 70%)}
.card__me{display:flex;align-items:center;gap:14px}
.card__me img{width:54px;height:54px;border-radius:50%;border:1px solid rgba(244,199,15,.6)}
.card__me b{display:block;font-family:var(--disp);font-size:1.05rem}
.card__me small{display:flex;align-items:center;gap:7px;color:var(--mut);font-size:.8rem}
.card__me small i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}
.card__lead{margin-top:24px;font-size:1.08rem;color:#d4cebf}
.card__links{list-style:none;margin-top:auto;padding-top:30px}
.card__links a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-top:1px solid var(--line);font-weight:600;transition:color .2s ease}
.card__links a::after{content:"↗";color:var(--gold);transition:transform .25s var(--ease-out)}
.card__links small{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:400;margin-right:auto}
@media(hover:hover) and (pointer:fine){.card__links a:hover{color:var(--gold)}.card__links a:hover::after{transform:translate(2px,-2px)}}

/* ----- patička ----- */
.foot{position:relative;margin-top:16vh;padding-top:12vh;border-top:1px solid var(--line);overflow:hidden;
  background:radial-gradient(60% 50% at 50% 100%,rgba(244,170,15,.12),transparent 70%)}
.foot__cta{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.foot__big{font-family:var(--disp);font-weight:300;font-size:clamp(2rem,4.8vw,5.4rem);line-height:1.04;letter-spacing:-.03em;max-width:13ch}
.pill--lg{padding:17px 30px;font-size:1.02rem}
.foot__grid{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:30px;margin-top:11vh;padding-top:34px;border-top:1px solid var(--line)}
.foot__h{font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.foot__col a{display:block;width:max-content;padding:11px 0;color:var(--ink);transition:color .2s ease}
.foot__col p{color:var(--mut);max-width:30ch}
@media(hover:hover) and (pointer:fine){.foot__col a:hover{color:var(--gold)}}
.foot__top{align-self:start;width:58px;height:58px;border-radius:50%;border:1px solid rgba(244,199,15,.5);position:relative;transition:background-color .25s ease,scale .16s var(--ease-out)}
.foot__top i{position:absolute;inset:0;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
.foot__top:active{scale:.95}
@media(hover:hover) and (pointer:fine){.foot__top:hover{background:var(--gold)}.foot__top:hover i{background:#000}}
.finale{position:relative;height:clamp(180px,30vw,520px);margin-top:6vh}
.foot__bot{display:flex;justify-content:space-between;gap:20px;padding:18px var(--pad) calc(24px + env(safe-area-inset-bottom));font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:var(--mut);border-top:1px solid var(--line)}

@media(max-width:1000px){
  .about__grid{grid-template-columns:1fr}
  .reveal{max-width:560px}
  .contact__grid{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr 1fr}
  .player__in{grid-template-columns:1fr;max-height:calc(100dvh - 32px);overflow-y:auto}
  .player__stage{height:min(62vh,640px);justify-self:center}
  .player__stage.wide{width:100%;height:auto}
  .player__list{flex-direction:row;overflow-x:auto;max-height:none}
  .player__list button{flex-direction:column;width:auto;font-size:.75rem}
}
@media(max-width:760px),(max-aspect-ratio:4/5){
  .work{height:520vh}
  .work__stage{--cw:min(44vw,40vh * .5625);--pw:min(74vw,40vh)}
  .work__head{padding-top:11vh}
  .work__play{left:50%;right:auto;translate:-50% 0;bottom:calc(env(safe-area-inset-bottom) + 16px)}
  .chrail{right:var(--pad);bottom:calc(env(safe-area-inset-bottom) + 20px);gap:8px}
  .chrail span{display:none}
  .ch--low,.ch--high{top:auto;bottom:calc(env(safe-area-inset-bottom) + 44px);translate:none}
  .ch__tint{background:radial-gradient(80% 50% at 50% 85%,currentColor 0%,transparent 70%)}
  .foot{padding-bottom:70px}
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__top{grid-column:2;justify-self:end}
  .foot__bot{padding-bottom:calc(env(safe-area-inset-bottom) + 86px)}
  .player__in{padding:14px;gap:14px;border-radius:22px}
  .player__x{top:8px;right:8px;z-index:3}
}
@media(prefers-reduced-motion:reduce){
  .ped__sheen,.ped__ring{animation:none}
  .reveal__hint i{animation:none}
  .work{height:auto}
  .work__stage{position:relative;height:auto;padding-bottom:10vh}
  .reels{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;padding:6vh var(--pad) 0}
  .reel{position:relative;left:auto;top:auto;margin:0;width:auto;transform:none!important;--dim:0!important}
  .ped,.plate,.work__play{display:none}
}
body.is-player{overflow:hidden}
.no-js .reels{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;padding:6vh var(--pad) 0}
.no-js .reel{position:relative;left:auto;top:auto;margin:0;width:auto;--dim:0}
.no-js .ped,.no-js .plate,.no-js .work__play{display:none}
/* o mně: základ rozvržení */
.about{padding:14vh 0}
.about__grid{display:grid;gap:6vw;align-items:center}
.about__p{margin-top:28px;color:#cfc8ba;font-size:1.08rem;max-width:46ch}
.about__row{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:26px}
@media(min-width:1001px){.about__grid{grid-template-columns:1fr 1.05fr}}
@media(max-width:1000px){.about__grid{grid-template-columns:1fr;gap:7vh}.reveal{order:-1}}
.on-gold .logo svg{--w1:#120d02;--w3:#2a2004;--w2:#8a6a00}.on-gold .logo span{color:#120d02}
.on-gold .nav::before{opacity:0}
.logo svg,.logo span{transition:fill .4s ease,color .4s ease}
.work__count{white-space:nowrap}
@media(max-width:760px),(max-aspect-ratio:4/5){.work__play{display:none}.plate{top:calc(50% + 21vh + var(--pw) * .36)}}

/* ======================================================================
   č. 10.3 · druhé kolo úprav
   ====================================================================== */
/* 1. klienti v hero: tichý, průhledný pruh bez pozadí */
.proof{background:none;border-top:0;gap:22px;padding:14px 0 16px var(--pad);opacity:.85;transition:opacity .4s ease}
@media(hover:hover) and (pointer:fine){.proof:hover{opacity:1}}
.proof__k{color:var(--mut);font-size:.75rem;letter-spacing:.18em}
.proof__k::after{content:"";display:inline-block;width:18px;height:1px;background:rgba(244,199,15,.5);vertical-align:middle;margin-left:14px}
.proof__t{gap:30px;animation-duration:55s}
.proof__t b{font-weight:300;font-size:.8rem;letter-spacing:.02em;color:rgba(242,237,226,.55)}
.proof__t b::after{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(244,199,15,.45);margin-left:30px;vertical-align:middle}

/* 3. zlatý titulek: jen dvě slova a pod nimi služby */
.gtitle__h{gap:.18em}
.gtitle__s{display:flex;gap:clamp(14px,2.6vw,34px);margin-top:4.5vh;font-size:clamp(.72rem,1.05vw,.92rem);letter-spacing:.24em}
.gtitle__s span{display:block;will-change:transform,opacity}
.gtitle__s span+span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:clamp(14px,2.6vw,34px);border-radius:50%;background:#120d02;vertical-align:middle;opacity:.5}

/* 7. motiv každé kapitoly za textem */
.chfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* 6. v přehrávači se vrátí běžný kurzor (vlastní kurzor je pod vrstvou dialogu) */
.is-player,.is-player *{cursor:auto!important}
.is-player .player a,.is-player .player button,.is-player .player__prog{cursor:pointer!important}
.is-player .cur,.is-player .ring{opacity:0}

/* 8. AI tým: řada robotů se jmény, Woody uprostřed */
.crew{position:relative;margin-top:9vh;padding:0 var(--pad) 4vh}
.crew__floor{position:absolute;left:4%;right:4%;bottom:4vh;height:120px;pointer-events:none;
  background:radial-gradient(50% 100% at 50% 100%,rgba(244,199,15,.22),transparent 70%);border-bottom:1px solid rgba(244,199,15,.35);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.crew__row{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,1vw,16px)}
.crew__boss{order:5;flex:none;display:flex;flex-direction:column;align-items:center;margin:0 clamp(10px,2vw,30px) 14px;position:relative}
.crew__ph{width:clamp(120px,11vw,168px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--gold);
  box-shadow:0 0 0 10px rgba(244,199,15,.07),0 0 90px -6px rgba(244,199,15,.6)}
.crew__ph img{width:100%;height:100%;object-fit:cover}
.crew__boss b{margin-top:14px;font-family:var(--disp);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}
.crew__boss::after{content:"";position:absolute;bottom:-18px;width:140%;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,199,15,.45),transparent)}
.bot{--d:0s;position:relative;flex:none;width:clamp(64px,5.9vw,96px);cursor:pointer;background:none;border:0;padding:0;color:inherit;
  transform:translateY(40px);opacity:0;transition:transform .9s var(--ease-out) var(--d),opacity .9s var(--ease-out) var(--d)}
.crew.in .bot{transform:none;opacity:1}
.bot.core{width:clamp(76px,7.2vw,116px)}
.bot svg{display:block;width:100%;height:auto;overflow:visible}
.bot__all{animation:botIdle 3.6s ease-in-out infinite;animation-delay:calc(var(--d) * -3);transform-box:fill-box;transform-origin:50% 100%}
@keyframes botIdle{50%{transform:translateY(-3px)}}
.bot__lift{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
@media(hover:hover) and (pointer:fine){.bot:hover .bot__lift{transform:translateY(-10px)}.bot:hover .bot__led{fill:#fff3c4}.bot:hover .bot__plate{stroke:var(--gold)}}
.bot.jump .bot__lift{animation:botJump .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes botJump{40%{transform:translateY(-26px) rotate(-4deg)}}
.bot__eye{transform-box:fill-box;transform-origin:center;animation:botBlink 5.2s infinite;animation-delay:var(--d)}
@keyframes botBlink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.12)}}
.bot__led{animation:led 2.4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes led{50%{opacity:.35}}
.bot__name{position:absolute;left:8%;right:8%;top:69.5%;text-align:center;font-weight:700;font-size:clamp(.62rem,.7vw,.75rem);letter-spacing:.01em;line-height:1.1;color:var(--ink);pointer-events:none;white-space:nowrap}
.bot.core .bot__name{color:#120d02}
.bot:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:16px}
@media(max-width:900px){
  .crew__row{flex-wrap:wrap;gap:18px 10px;max-width:520px;margin:0 auto}
  .crew__boss{order:-1;flex-basis:100%;margin:0 0 20px}
  .bot,.bot.core{width:calc(20% - 8px)}
  .crew__floor{display:none}
}
@media(prefers-reduced-motion:reduce){.bot__all,.bot__eye,.bot__led{animation:none}.bot{transform:none;opacity:1;transition:none}}
.on-gold .nav__right .pill{color:#120d02;border-color:rgba(18,13,2,.45);background:rgba(255,255,255,.08)}
.on-gold .burger{border-color:rgba(18,13,2,.35)}.on-gold .burger i{background:#120d02}
.nav__right .pill{transition:background-color .25s ease,color .4s ease,border-color .4s ease,box-shadow .3s ease,scale .16s var(--ease-out)}
/* AI tým: základ sekce (vrácen po přestavbě) */
.team{padding:14vh 0 12vh;overflow:hidden}
.team__head{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:end}
.team__lead{color:#cfc8ba;font-size:1.08rem;max-width:42ch}
.crew__boss::after{width:min(140%,240px);left:50%;translate:-50% 0}
@media(max-width:1000px){.team__head{grid-template-columns:1fr;gap:3vh}}
@media(max-width:900px){.bot__name{font-size:.58rem;letter-spacing:-.03em;left:0;right:0}}
/* titulek na zlaté ploše: písmena vyjíždí a odjíždí za hranou masky */
.gtitle__h{overflow:hidden;padding:.06em .02em .1em}
.gtitle__s{overflow:hidden;padding:.3em 0}
.gtitle__h span,.gtitle__s span{transform:translateY(110%)}

/* ======================================================================
   č. 10.4 · sjednocení: 3D zlaté W, čísla sekcí, nástupy
   ====================================================================== */
.dust{position:fixed;inset:0;z-index:31;width:100%;height:100%;pointer-events:none}
.clients,.nums,.team,.ig,.steps,.plans,.about,.faq,.contact{position:relative;overflow-x:clip}
.bignum{position:absolute;right:-1vw;top:4vh;z-index:0;font-family:var(--disp);font-weight:700;font-size:clamp(9rem,26vw,30rem);line-height:.8;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1px rgba(244,199,15,.13);pointer-events:none;user-select:none;will-change:transform}
.nums .bignum,.steps .bignum,.faq .bignum{right:auto;left:-2vw}
.clients>*:not(.bignum),.nums>*:not(.bignum),.team>*:not(.bignum),.steps>*:not(.bignum),.about>*:not(.bignum),.faq>*:not(.bignum),.contact>*:not(.bignum){position:relative;z-index:1}
/* nástupy: čára kickeru se nakreslí, odstavce vyostří z rozmazání */
.kicker.rv::before{transform:scaleX(0);transform-origin:left center;transition:transform .9s var(--ease-out) .25s}
.kicker.rv.in::before{transform:none}
.rv{filter:blur(8px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),filter .9s var(--ease-out)}
.rv.in{filter:none}
.wd{perspective:700px}
.wd>span{transform-origin:50% 100%}
.marq{will-change:transform}
/* AI tým: rotující prstenec kolem fotky a paprsky dat k Woodymu */
.crew__ph{position:relative;overflow:visible;border:0;box-shadow:none;background:none}
.crew__ph img{border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 0 10px rgba(244,199,15,.07),0 0 90px -6px rgba(244,199,15,.6)}
.crew__ring{position:absolute;inset:-14px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,226,122,.9) 72%,transparent 80%);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
  animation:spin 4s linear infinite}
.crew__beams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.crew__row{z-index:1}
.bot__happy{opacity:0;transition:opacity .15s ease}
.bot__eyes{transition:opacity .15s ease}
@media(hover:hover) and (pointer:fine){.bot:hover .bot__happy{opacity:1}.bot:hover .bot__eyes{opacity:0}}
.bot__arm{transform-box:fill-box;transform-origin:50% 8%;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.bot.wave .bot__arm{transform:rotate(-132deg)}
.bot__hand{transform-box:fill-box;transform-origin:50% 8%}
.bot.wave .bot__hand{animation:wave .9s ease-in-out .4s infinite}
@keyframes wave{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}
.bot.boot .bot__eyes,.bot.boot .bot__led{opacity:.12}
.bot.on .bot__eyes{animation:powerOn .6s steps(4,end)}
@keyframes powerOn{0%{opacity:.1}30%{opacity:1}45%{opacity:.2}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.crew__ring,.bot.wave .bot__hand,.bot.on .bot__eyes{animation:none}.rv{filter:none}.w3d{display:none}}

/* 10.5: sedmá položka v mobilním menu */
.is-menu .sheet nav a:nth-child(7){transition-delay:.27s}

/* ===== 10.7: O mně jako příběh, Instagram stěna ===== */
.about__story{list-style:none;counter-reset:st;margin:26px 0 6px;border-top:1px solid var(--line)}
.about__story li{counter-increment:st;display:grid;grid-template-columns:34px 1fr;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
.about__story li::before{content:"0" counter(st);grid-row:span 2;font-family:var(--mono);font-size:.72rem;color:var(--gold);padding-top:5px}
.about__story b{font-family:var(--disp);font-weight:400;font-size:1.06rem;letter-spacing:-.01em;color:var(--ink)}
.about__story p{color:#b9b2a4;font-size:.97rem;line-height:1.55;max-width:48ch}
.about__end{margin:22px 0 28px;font-size:1.1rem;color:#e7e1d4;max-width:40ch}
.team__head{grid-template-columns:1fr}
.ig{padding:14vh 0 12vh}
.ig__head{display:flex;justify-content:space-between;align-items:flex-end;gap:5vw;flex-wrap:wrap;margin-bottom:5vh}
.ig__side{max-width:36ch;color:#cfc8ba;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ig__stage{position:relative;height:clamp(520px,84vh,900px);overflow:hidden;perspective:1700px;
  -webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.ig__wall{position:absolute;left:50%;top:50%;width:128%;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:start;
  transform:translate(-50%,-50%) rotateX(26deg) rotateZ(-13deg);transform-style:preserve-3d}
.ig__track{display:flex;flex-direction:column;gap:18px;animation:igUp var(--dur,50s) linear infinite;animation-play-state:paused;will-change:transform}
.ig__wall.is-run .ig__track{animation-play-state:running}
.ig__col--up .ig__track{animation-direction:reverse}

@keyframes igUp{to{transform:translate3d(0,calc(-100% / 3 - var(--g,18px) / 3),0)}}
.ig__t{position:relative;display:block;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#0d0c0a;border:1px solid rgba(244,199,15,.14);
  transition:transform .5s var(--ease-out),border-color .3s ease,box-shadow .4s ease}
.ig__t img,.ig__t video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ig__t video{opacity:0;transition:opacity .35s ease}
.ig__t.is-play video{opacity:1}
.ig__ic{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ig__ic::before{content:"";position:absolute;left:11px;top:9px;border-left:8px solid #f4c70f;border-top:5px solid transparent;border-bottom:5px solid transparent}
@media(hover:hover) and (pointer:fine){.ig__wall:hover .ig__track{animation-play-state:paused}
  .ig__t:hover{transform:translateZ(46px) scale(1.04);border-color:rgba(244,199,15,.6);box-shadow:0 30px 80px -30px rgba(244,199,15,.55)}}
@media(max-width:760px){.ig__wall{width:170%;grid-template-columns:repeat(3,1fr);gap:12px}.ig__track{gap:12px}.ig__stage{height:78vh}}
@media(prefers-reduced-motion:reduce){.ig__track{animation:none}}

/* ===== 10.8: opravy z auditu ===== */
.no-js .brief__f{display:block}.no-js .brief__nav .brief__back,.no-js .brief__next,.no-js .brief__bar,.no-js .brief__step{display:none}
.no-js [data-dust]{opacity:1!important}
@media print{[data-dust],.rv,.wd>span{opacity:1!important;transform:none!important;filter:none!important}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.req{font-style:normal;color:var(--gold)}
.brief__gdpr{margin-top:14px;font-size:.8rem;color:var(--mut);max-width:52ch}
.brief__gdpr a{white-space:nowrap}
.foot__bot a{color:var(--mut)}@media(hover:hover) and (pointer:fine){.foot__bot a:hover{color:var(--ink)}}
.chrail li{cursor:pointer}
/* úspěch formuláře: logo se položí jako v animaci loga */
.brief__done .bd{transform-box:fill-box}
.brief__done .bd.t{transform-origin:50% 0}.brief__done .bd.b{transform-origin:50% 100%}
.brief__done:not([hidden]) .bd{animation:bdLay .9s cubic-bezier(.32,.72,0,1) both}
.brief__done:not([hidden]) .bd:nth-child(3){animation-delay:.12s}.brief__done:not([hidden]) .bd:nth-child(1){animation-delay:.24s}
.brief__done:not([hidden]) .bd:nth-child(4){animation-delay:.36s}.brief__done:not([hidden]) .bd:nth-child(2){animation-delay:.48s}
@keyframes bdLay{from{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}
.brief__done:not([hidden]) h3,.brief__done:not([hidden]) p{animation:bdTxt .6s var(--ease-out) .5s both}
@keyframes bdTxt{from{opacity:0;transform:translateY(8px)}}
/* chat: odpověď se plynule objeví */
.msg--in{animation:msgIn .22s var(--ease-out)}
@keyframes msgIn{from{opacity:0;transform:translateY(4px)}}
.chat__q button[aria-disabled="true"]{opacity:.5}
/* Instagram: mezera jako proměnná, pauza i při fokusu */
.ig__track{--g:18px;gap:var(--g)}
@keyframes igUp{to{transform:translate3d(0,calc(-50% - var(--g) / 2),0)}}
.ig__wall:focus-within .ig__track{animation-play-state:paused}
.ig__t{transition:transform .3s var(--ease-out),border-color .3s ease,box-shadow .3s ease}
@media(max-width:760px){.ig__track{--g:12px}}
/* telefon na šířku a nízká okna */
@media(max-height:560px) and (orientation:landscape){
  .intro__lead,.hsub,.proof{display:none}
  .h-hero{font-size:clamp(2rem,9vh,4rem)}
  .hcta{bottom:18px}
  .ch__ul{display:none}.ch__p{font-size:.9rem;max-width:44ch}.ch__h{font-size:clamp(1.4rem,7vh,2.4rem)}
  .chrail{display:none}
}
@media(prefers-reduced-motion:reduce){.cur,.ring{display:none!important}.brief__done .bd,.msg--in{animation:none}}

/* jména robotů jsou přímo na štítku v těle, hýbou se s robotem */
.bot__txt{font-family:var(--sans);font-weight:800;font-size:12.5px;letter-spacing:.01em;fill:var(--ink);pointer-events:none}
.bot.core .bot__txt{fill:#120d02}

/* přepínač zvukových efektů */
.snd{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(10,9,7,.5);display:inline-flex;align-items:center;justify-content:center;gap:3px;color:var(--mut);transition:color .2s ease,border-color .2s ease,scale .16s var(--ease-out)}
.snd:active{scale:.95}
.snd i{width:2px;height:3px;border-radius:2px;background:currentColor;transition:height .25s var(--ease-out)}
.snd[aria-pressed="true"]{color:var(--gold);border-color:rgba(244,199,15,.5)}
.snd[aria-pressed="true"] i{height:9px;animation:sndEq .9s ease-in-out infinite}.snd[aria-pressed="true"] i:nth-child(2){height:14px;animation-delay:.15s}.snd[aria-pressed="true"] i:nth-child(3){animation-delay:.3s}
@keyframes sndEq{50%{height:4px}}
@media(hover:hover) and (pointer:fine){.snd:hover{color:var(--ink);border-color:rgba(244,199,15,.5)}}
.on-gold .snd{border-color:rgba(18,13,2,.35);color:#120d02}
@media(prefers-reduced-motion:reduce){.snd i{animation:none!important}}
@media(max-width:760px){.nav__right{gap:8px}.nav__right .pill{padding:10px 14px;font-size:.84rem;white-space:nowrap}}

/* ===== 10.10: opravy z druhého auditu ===== */
.mag{transition:transform .45s var(--ease-out),background-color .25s ease,color .25s ease,box-shadow .3s ease,scale .16s var(--ease-out),opacity .25s ease}
.player__x{min-height:44px}
.ch__cta{min-height:44px}
@media(max-width:760px){.dock:not(.on){visibility:hidden;transition:transform .45s var(--ease-drawer),visibility 0s .45s}}
.is-menu .dock{display:none}
@media(max-width:700px){.bot__txt{display:none}}
@media(max-height:560px) and (orientation:landscape){
  .sheet{justify-content:flex-start;padding-top:84px;padding-bottom:24px;overflow-y:auto}
  .sheet nav a{font-size:clamp(1.2rem,6.5vh,1.7rem)}.sheet__foot{margin-top:16px}
  .ch__no,.chapters__k{display:none}
  .ch{top:auto;bottom:14px;translate:none;width:min(50vw,480px)}
  .ch__p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .work__head{padding-top:80px}.plate{top:auto;bottom:8px}
}

/* ===== 10.11: Tvorba z Instagramu ===== */
.ig__btns{display:flex;flex-wrap:wrap;gap:10px}
.ig__t{cursor:pointer}
.ig__wall.is-wait{opacity:0}
.ig__wall{transition:opacity .6s var(--ease-out)}
.player__stage.still .player__bar,.player__stage.still .player__big{display:none}
.player__stage.still video{object-fit:contain}
.player__s{white-space:pre-line}
@media(prefers-reduced-motion:reduce){.ig__wall{transition:none}}
#igPlay::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1.5v9l7.5-4.5z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1.5v9l7.5-4.5z' fill='%23000'/%3E%3C/svg%3E")}
@media(hover:hover) and (pointer:fine){#igPlay:hover::after{transform:scale(1.15)}}
.ig__t.is-wide{aspect-ratio:16/9}
.player__list img{background:#000}
/* dlouhý seznam videí se posouvá uvnitř, přehrávač zůstane vysoký jako video */
@media(min-width:1001px){.player__side{height:0;min-height:100%}.player__stage.wide{height:auto}}
@media(max-width:1000px){.player__in{grid-template-columns:minmax(0,1fr)}.player__side{min-width:0}}

/* ===== 10.12: stěna a nový přehrávač ===== */
.ig__wall{width:118%;grid-template-columns:repeat(6,1fr);align-items:center;gap:16px}
.ig__track{--g:16px}
@media(max-width:760px){.ig__wall{width:170%}.ig__track{--g:12px}}

.player__in{grid-template-columns:minmax(0,1fr) 410px;gap:26px;width:min(1260px,calc(100vw - 48px));height:min(88vh,860px);padding:20px}
.player__view{position:relative;display:grid;place-items:center;min-width:0;min-height:0}
.player__stage,.player__stage.wide{height:100%;width:auto;max-width:100%;aspect-ratio:9/16;align-self:center}
.player__stage.wide{height:auto;width:100%;max-height:100%;aspect-ratio:16/9}
.player__nav{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border-radius:50%;background:rgba(10,9,6,.72);border:1px solid rgba(244,199,15,.35);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s ease,scale .16s var(--ease-out);z-index:2}
.player__nav--prev{left:4px}.player__nav--next{right:4px}
.player__nav i{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23f4c70f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.player__nav--prev i{transform:scaleX(-1)}
.player__nav:active{scale:.94}
@media(hover:hover) and (pointer:fine){.player__nav:hover{background:rgba(244,199,15,.18)}}
.player__side{padding:8px 2px 0;height:auto;min-height:0}
.player__head{padding-right:84px}
.player__t{margin-top:10px;font-size:1.5rem}
.player__s{font-size:.9rem;max-height:6.4em;overflow:hidden}
.player__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.player__acts .pill{align-self:auto}
.player__tabs{display:flex;gap:6px;margin-top:22px;padding:4px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.player__tabs[hidden]{display:none}
.player__tabs button{flex:1;min-height:40px;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--mut);transition:background-color .2s ease,color .2s ease}
.player__tabs button small{font-family:var(--mono);font-size:.75rem;opacity:.7;margin-left:4px}
.player__tabs button[aria-selected="true"]{background:var(--gold);color:#000}
@media(hover:hover) and (pointer:fine){.player__tabs button:not([aria-selected="true"]):hover{color:var(--ink)}}
.player__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;align-content:start;margin:16px 0 0;padding:2px 6px 12px 2px;flex:1;min-height:0;overflow-y:auto}
.player__list li{min-width:0}
.player__list button{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;padding:0;border-radius:12px;background:none;font-size:.75rem;line-height:1.3;color:var(--mut)}
.player__list .pc{position:relative;display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--line);transition:border-color .2s ease}
.player__list .pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;transition:transform .4s var(--ease-out)}
.player__list .pc--w::after{content:"16:9";position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.6);font-family:var(--mono);font-size:.62rem;color:#fff}
.pc__on{position:absolute;left:6px;top:6px;padding:3px 8px;border-radius:999px;background:var(--gold);color:#000;font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .2s ease}
.pc__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}
.player__list button[aria-current="true"]{background:none;color:var(--ink)}
.player__list button[aria-current="true"] .pc{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.player__list button[aria-current="true"] .pc__on{opacity:1}
@media(hover:hover) and (pointer:fine){.player__list button:hover{background:none;color:var(--ink)}.player__list button:hover .pc img{transform:scale(1.05)}}
.player__x{top:14px;right:14px}
@media(min-width:1001px){.player__side{height:auto}}
@media(max-width:1000px){
  .player__in{grid-template-columns:minmax(0,1fr);width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);overflow-y:auto;padding:12px;gap:14px}
  .player__stage{height:min(60vh,600px)}
  .player__stage.wide{height:auto;width:100%}
  .player__nav{width:40px;height:40px;margin-top:-20px}
  .player__head{padding-right:0}
  .player__t{font-size:1.25rem}
  .player__list{overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr))}
  .player__list button{flex-direction:column;width:100%}
  .player__x{top:18px;right:18px}
}
@media(prefers-reduced-motion:reduce){.player__list .pc img{transition:none}}

/* ===== 10.13: přehrávač bez záložek ===== */
.player__list{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 10px}
.player__list .pl-big{grid-column:span 3}
.player__list .pl-sm{grid-column:span 2}
.player__list .pl-big .pc{aspect-ratio:4/5}
.player__list .pl-big .pc__t{font-size:.84rem;font-weight:600;color:var(--ink)}
.player__list .pl-big button[aria-current="true"] .pc__t{color:var(--gold)}
.player__list .pl-sm:first-of-type,.player__list .pl-big+.pl-sm{margin-top:0}
.player__list .pl-more{grid-column:1/-1;margin-top:6px}
.player__list .pl-more a{display:flex;flex-direction:column;gap:4px;padding:18px 18px;border-radius:14px;border:1px dashed rgba(244,199,15,.45);
  background:linear-gradient(135deg,rgba(244,199,15,.10),rgba(244,199,15,0) 70%);transition:border-color .2s ease,background-color .2s ease}
.player__list .pl-more b{font-weight:600;font-size:.95rem;color:var(--ink)}
.player__list .pl-more span{font-family:var(--mono);font-size:.75rem;color:var(--gold);letter-spacing:.06em}
@media(hover:hover) and (pointer:fine){.player__list .pl-more a:hover{border-style:solid;background-color:rgba(244,199,15,.06)}}
@media(max-width:1000px){.player__list{grid-template-columns:repeat(6,minmax(0,1fr))}}


/* ===== 10.13: drobné animace při scrollu ===== */
/* čárka u nadpisku sekce se nakreslí */
.js .kicker.rv::before{transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out) .15s}
.js .kicker.rv.in::before{transform:none}
/* nad čísly proběhne zlatá linka spolu s počítáním */
.num{position:relative}
.num::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,var(--gold),rgba(244,199,15,0));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease-out) .1s}
.no-js .num::before,.num.in::before{transform:none}
/* body v kartách spolupráce */
.plan li{position:relative;padding-left:18px}
.plan li::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(244,199,15,.6);
  transform:scale(0);transition:transform .5s var(--ease-out) calc(var(--k,0) * 90ms + 250ms)}
.no-js .plan li::before,.plan.in li::before{transform:none}
@media(prefers-reduced-motion:reduce){.js .kicker.rv::before,.num::before,.plan li::before{transition:none;transform:none}}

/* ===== 10.14 ===== */
/* velká čísla 06 a 07 se neschovávají za karty a fotku */
.plans .bignum,.about .bignum{right:auto;left:-2vw}
/* Moje tvorba přijede přes konec kapitol: prach z poslední scény letí rovnou do nadpisu */
.ig{margin-top:-50vh;z-index:4;padding-top:8vh}
@media(max-width:760px){.ig{margin-top:-35vh}}
.reveal__tag{display:none}
/* najetí myší na nadpisy: slova se jemně zhoupnou jedno po druhém, zlatá část zazáří */
@keyframes wdWave{0%{translate:0 0}35%{translate:0 -.1em}100%{translate:0 0}}
@media(hover:hover) and (pointer:fine){
  .h-sec[data-split]:hover .wd,.ch__h:hover .ln{overflow:visible}
  .h-sec[data-split]:hover .wd>span{animation:wdWave .7s var(--ease-out) calc(var(--w,0) * 45ms) both}
  .ch__h .ln>span,.read__h .ln>span{transition:text-shadow .4s ease}
  .ch__h:hover .ln:nth-child(1)>span{animation:wdWave .7s var(--ease-out) both}
  .ch__h:hover .ln:nth-child(2)>span{animation:wdWave .7s var(--ease-out) .08s both}
  .h-sec em,.ch__h em{transition:text-shadow .45s ease}
  .h-sec:hover em,.ch__h:hover em{text-shadow:0 0 22px rgba(244,199,15,.55),0 0 2px rgba(255,236,160,.6)}
  .ch__p{transition:color .4s ease}.ch:hover .ch__p{color:#e9e3d6}
}
/* AI tým: fotka uprostřed po najetí zazáří a prsten se roztočí */
.crew__ph img{transition:transform .5s var(--ease-out),box-shadow .5s ease}
@media(hover:hover) and (pointer:fine){
  .crew__boss:hover .crew__ph img{transform:scale(1.06);box-shadow:0 0 0 12px rgba(244,199,15,.12),0 0 130px 0 rgba(244,199,15,.8)}
  .crew__boss:hover .crew__ring{animation-duration:3s!important;filter:brightness(1.4)}
}
@media(prefers-reduced-motion:reduce){.h-sec[data-split]:hover .wd>span,.ch__h:hover .ln>span{animation:none}}

/* ===== 10.16 ===== */
.fig__cv,.fig__poster{transition:opacity 1s var(--ease-out)}
/* Moje tvorba: popisek pod nadpisem, ne vpravo */
.ig__head{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:22px}
.ig__side{max-width:52ch}

/* ===== 10.17 ===== */
/* „Woody.“ v úvodu: zesvětlení a jemný pohyb za kurzorem */
.intro__r{pointer-events:auto}
.intro__r .g{display:inline-block;transition:color .4s ease,text-shadow .5s ease,translate .5s var(--ease-out);translate:var(--wx,0px) var(--wy,0px)}
.intro__r.is-hot .ln{overflow:visible}
.intro__r.is-hot .g{color:#ffe07a;text-shadow:0 0 28px rgba(244,199,15,.55),0 0 2px rgba(255,240,190,.8)}
/* „Pozornost“: písmena vyplují z rozostření jedno po druhém a zazlátnou, pod slovem se nakreslí linka */
.attn{position:relative;display:inline-block;white-space:nowrap}
.attn__c{display:inline-block;transition:transform .8s var(--ease-out),filter .8s var(--ease-out),opacity .6s ease,color .6s ease;transition-delay:calc(var(--i) * 45ms)}
.js .attn:not(.on) .attn__c{opacity:0;transform:translateY(.35em);filter:blur(8px)}
.attn.on .attn__c{color:var(--gold);transition-delay:calc(var(--i) * 45ms),calc(var(--i) * 45ms),calc(var(--i) * 45ms),calc(var(--i) * 45ms + .35s)}
.attn::after{content:"";position:absolute;left:0;right:0;bottom:.1em;height:.05em;min-height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),rgba(255,224,122,.9),var(--gold));
  transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out) .55s;box-shadow:0 0 14px rgba(244,199,15,.55)}

@media(prefers-reduced-motion:reduce){.attn__c,.attn::after{transition:none}.js .attn:not(.on) .attn__c{opacity:1;transform:none;filter:none}}

/* ===== Tvorba: 3D chodba z videí (js/v10-tvorba.js), bez WebGL zůstává stěna reelsů ===== */
.ig__gl,.ig__hud{display:none}
.ig--3d{height:640vh;padding:0}
.ig--3d .ig__pin{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:13vh 0 6vh}
.ig--3d .ig__gl{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0}
.ig--3d .ig__head{position:relative;z-index:1;margin-bottom:0;width:100%;pointer-events:none}
.ig--3d .ig__head a,.ig--3d .ig__head button{pointer-events:auto}
.ig--3d .ig__hud{display:block;position:relative;z-index:1;width:100%;pointer-events:none}
.ig__no{font-family:var(--mono);font-size:.75rem;letter-spacing:.2em;color:var(--mut)}
.ig__tt{font-family:var(--disp);font-weight:600;font-size:clamp(1.2rem,2.1vw,2.2rem);letter-spacing:-.025em;line-height:1.1;margin-top:8px;max-width:24ch;min-height:2.3em}
.ig--3d .ig__stage{display:none}
.ig__pin.is-hot{cursor:pointer}
.ring::after{content:"Přehrát";position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(.6);opacity:0;font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#000;transition:opacity .25s var(--ease-out),transform .35s var(--ease-out)}
.ring.play::before{transform:scale(2.6);background:rgba(244,199,15,.92);border-color:var(--gold)}
.ring.play::after{opacity:1;transform:translate(-50%,-50%)}
@media(max-width:760px){.ig--3d .ig__pin{padding:11vh 0 96px}.ig--3d .ig__side>p{display:none}.ig--3d{height:560vh}}

/* ===== Jak pracuju: vodorovný pás karet ===== */
.steps__track{list-style:none;display:flex;gap:24px;margin-top:7vh;padding:0 var(--pad);width:max-content;perspective:1400px}
.step{position:relative;flex:none;width:clamp(270px,27vw,400px);min-height:clamp(250px,34vh,330px);display:flex;flex-direction:column;padding:clamp(26px,2.6vw,36px);border:1px solid var(--line);border-radius:26px;
  background:linear-gradient(170deg,#141109,#0a0907 70%);transition:border-color .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.step__no{font-family:var(--disp);font-weight:700;font-size:clamp(2.8rem,4.6vw,4.4rem);letter-spacing:-.05em;line-height:1;color:rgba(244,199,15,.18);margin-bottom:auto;transition:color .6s var(--ease-out)}
.step h3{margin-top:30px;font-weight:700;font-size:clamp(1.15rem,1.6vw,1.5rem);letter-spacing:-.02em;line-height:1.2}
.step p{margin-top:10px;color:#c9c3b6}
.step.on{border-color:rgba(244,199,15,.4);box-shadow:0 30px 80px -40px rgba(244,199,15,.35)}
.step.on .step__no{color:var(--gold)}
.step--cta{justify-content:flex-end;gap:14px;border-color:rgba(244,199,15,.55);background:radial-gradient(420px circle at 50% 0%,rgba(244,199,15,.16),transparent 60%),linear-gradient(170deg,#1b1506,#0d0b08 60%)}
.step--cta h3{margin-top:0;font-size:clamp(1.5rem,2.2vw,2.1rem)}
.step--cta .step__k{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.step--cta .pill{align-self:flex-start}
.steps__bar{margin-top:6vh;height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.steps__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px rgba(244,199,15,.6)}
.steps:not(.steps--h) .steps__track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);scrollbar-width:none;padding-bottom:12px}
.steps:not(.steps--h) .steps__track::-webkit-scrollbar{display:none}
.steps:not(.steps--h) .step{scroll-snap-align:start;width:78vw;max-width:360px}
.steps:not(.steps--h) .steps__bar{display:none}
.steps--h{height:420vh;padding:0}
.steps--h .steps__pin{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.steps--h .steps__track{will-change:transform}
.steps__pin>.wrap{width:100%}

/* ===== Kapitoly: scény ve 3D vrstvách (v10.js c3*) ===== */
@media(prefers-reduced-motion:reduce){.ch3d,.chdust{display:none}}

/* ===== 1. 10.: kapitoly jako Woodyho AI studio (js/kapitoly.js) ===== */
.ch__tint{display:none}
.ch__shade{background:none}
.ch__h{font-size:clamp(1.8rem,3.2vw,3.9rem)}
/* ===== živé písmo: proměnná tloušťka Unbounded ===== */
/* zvýrazněná slova se při objevení „nadechnou“: písmena po jednom projdou tloušťkou 200 → 900 → 700 se zlatou září */
.attn{position:relative;display:inline-block;white-space:nowrap}
.chx{position:relative;display:inline}
.chx__w{display:inline-block;white-space:nowrap}
.chx__c,.attn__c,.lt{display:inline-block;transition:font-weight .35s var(--ease-out),opacity .5s ease,transform .7s var(--ease-out),filter .6s var(--ease-out),color .5s ease}
.js .chx:not(.on) .chx__c,.js .attn:not(.on) .attn__c{opacity:0;transform:translateY(.3em);filter:blur(6px);font-weight:200}
.chx.on .chx__c,.attn.on .attn__c,.lt-in .lt,.in .lt{animation:wpop 1.1s var(--ease-out) calc(var(--i) * 38ms) backwards}
.attn.on .attn__c{color:var(--gold)}
@keyframes wpop{0%{font-weight:200;text-shadow:none}45%{font-weight:900;text-shadow:0 0 26px rgba(244,199,15,.75)}100%{text-shadow:none}}
.attn::after,.chx::after{content:none}
@media(prefers-reduced-motion:reduce){.chx__c,.attn__c,.lt{transition:none;animation:none!important}.js .read__h:not(.lt-in) .lt{opacity:1}.js .chx:not(.on) .chx__c,.js .attn:not(.on) .attn__c{opacity:1;transform:none;filter:none;font-weight:inherit}}
.no-js .chx__c{opacity:1!important;transform:none!important;filter:none!important}
.ch__cta{margin-top:26px}
.ch__cta.pill--gold{padding:12px 20px 12px 22px;box-shadow:0 14px 40px -18px rgba(244,199,15,.9)}
@media(max-width:760px){.ch__h{font-size:clamp(1.5rem,6.8vw,2.2rem)}}
@media(prefers-reduced-motion:reduce){.chx__c,.chx::after{transition:none}.js .chx:not(.on) .chx__c{opacity:1;transform:none;filter:none;color:inherit}.chx::after{transform:scaleX(1)}}
.no-js .chx__c{opacity:1!important;transform:none!important;filter:none!important}
@media(max-width:760px){.chrail{right:136px}}
.js .read__h:not(.lt-in) em .lt{opacity:0}
.read__h em .lt{transition:opacity .4s ease}

/* ===== tekuté sklo: jeden materiál pro všechny karty (kroky, balíčky, chat, kontakt, formulář) =====
   Karta je ze skla: rozostří a v Chromu i ohne světlo a zlatý prach za sebou, na horní hraně má odlesk,
   lesk a zlatá hrana se natáčí za kurzorem (--mx, --my nastavuje v10.js). */
.glass{position:relative;isolation:isolate;--mx:50%;--my:-20%;
  background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 42%,rgba(255,255,255,.04)),rgba(14,12,9,.58)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.4),inset 0 0 50px rgba(255,255,255,.025),0 40px 90px -40px rgba(0,0,0,.95)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.7) brightness(1.06);backdrop-filter:blur(22px) saturate(1.7) brightness(1.06)}
.lg-ok .glass{backdrop-filter:url(#liquid) blur(16px) saturate(1.7) brightness(1.06)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  background:radial-gradient(560px circle at var(--mx) var(--my),rgba(255,248,220,.11),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.07),transparent 18%);mix-blend-mode:screen;transition:opacity .4s ease}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:radial-gradient(340px circle at var(--mx) var(--my),rgba(255,222,120,.95),rgba(255,255,255,.18) 38%,rgba(255,255,255,.05) 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.glass--hot{background:linear-gradient(165deg,rgba(255,214,90,.16),rgba(255,214,90,.03) 45%,rgba(255,255,255,.04)),rgba(22,17,6,.6)!important}
.glass--hot::after{background:radial-gradient(340px circle at var(--mx) var(--my),#ffe27a,rgba(244,199,15,.5) 40%,rgba(244,199,15,.22) 75%)}
.glass>*{position:relative;z-index:1}
.glass .plan__tag{position:absolute}
/* barevné světlo za kartami, aby sklo mělo co lámat */
.steps,.plans,.faq,.contact{background:radial-gradient(38% 34% at 72% 42%,rgba(244,199,15,.12),transparent 70%),radial-gradient(28% 30% at 18% 78%,rgba(255,120,40,.08),transparent 70%)}
@media(prefers-reduced-transparency:reduce){.glass,.lg-ok .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#14110c!important}}
@media(max-width:760px){.glass{-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5)}}

/* ===== Jak pracuju: širší rozestupy a 3D pás, poslední karta s odstupem ===== */

/* tekuté sklo pod kurzorem: karta se lehce zvedne a zvětší, hrana zesílí a přes sklo přejede odlesk */
.glass{transition:scale .55s var(--ease-out),translate .55s var(--ease-out),box-shadow .55s var(--ease-out),border-color .4s ease}
.glass::before{background:radial-gradient(560px circle at var(--mx) var(--my),rgba(255,248,220,.11),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.07),transparent 18%),linear-gradient(105deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);
  background-size:auto,auto,260% 100%;background-position:0 0,0 0,130% 0;background-repeat:no-repeat}
@media(hover:hover) and (pointer:fine){
  .glass:hover{scale:1.03;translate:0 -6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.4),inset 0 0 60px rgba(255,255,255,.04),0 50px 100px -40px rgba(0,0,0,.95),0 0 60px -20px rgba(244,199,15,.35)!important}
  .glass:hover::before{animation:glassSheen 1.1s var(--ease-out)}
  .chat.glass:hover,.brief.glass:hover,.card.glass:hover{scale:1.012;translate:0 -3px}
}
@keyframes glassSheen{from{background-position:0 0,0 0,130% 0}to{background-position:0 0,0 0,-30% 0}}
@media(prefers-reduced-motion:reduce){.glass:hover{scale:1;translate:none}.glass:hover::before{animation:none}}

/* ===== newsletter v patičce ===== */
.foot__news{margin-top:9vh}
.news{display:grid;grid-template-columns:1.1fr 1fr;gap:18px 48px;align-items:center;padding:clamp(26px,3.4vw,48px);border-radius:28px}
.news__h{font-family:var(--disp);font-weight:300;font-size:clamp(1.5rem,2.6vw,2.6rem);line-height:1.08;letter-spacing:-.03em}
.news__txt>p:last-child{margin-top:14px;color:#c9c3b6;max-width:46ch}
.news__f{display:flex;gap:10px;align-items:center}
.news__f input{flex:1;min-width:0;height:54px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:var(--ink);font:inherit;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}
.news__f input::placeholder{color:#8d877b}
.news__f input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(244,199,15,.18)}
.news__f input[aria-invalid="true"]{border-color:#ff6b6b}
.news__f .pill{height:54px;padding:0 26px;white-space:nowrap}
.news__err{grid-column:2;color:#ff8a8a;font-size:.88rem;min-height:1em}
.news__gdpr{grid-column:2;color:var(--mut);font-size:.8rem;margin-top:-8px}
.news__ok{grid-column:1/-1;color:var(--gold);font-weight:600}
.news.is-sent .news__f,.news.is-sent .news__gdpr,.news.is-sent .news__err{display:none}
@media(max-width:760px){.news{grid-template-columns:1fr}.news__err,.news__gdpr{grid-column:1}.news__f{flex-direction:column;align-items:stretch}.news__f input{flex:none;height:54px}.news__f .pill{width:100%}}
@media(hover:hover) and (pointer:fine){.news.glass:hover{scale:1.012;translate:0 -3px}}

/* ===== opravy z auditu 1. 10. ===== */
/* 1024 px: podnadpis v úvodu se nevejde vedle postavy a překrýval úvodní odstavec */
@media(min-width:761px) and (max-width:1180px){.hsub{display:none}}
/* mobil: popisek „AI služby 03 / 05“ už nekříží ukazatel kapitol */
@media(max-width:760px){.chrail{right:200px}}
/* zlatá obrazovka: odkazy v menu zůstanou čitelné */
.on-gold .nav__links a{color:rgba(18,13,2,.72)}
/* záhlaví při scrollu: silnější přechod, obsah pod ním neprosvítá */
.nav::before{inset:0 0 -46px;background:linear-gradient(rgba(0,0,0,.92),rgba(0,0,0,.6) 55%,transparent)}
/* sklo: skryté pole proti spamu nesmí zabrat místo v mřížce karty */
.glass>.hp{position:absolute!important}
/* kontakt: karta s odkazy se neroztahuje na výšku formuláře */
.contact__grid{align-items:start}
/* mobil: plovoucí lišta „Máš projekt?“ nezakryje poslední otázky v chatu */
@media(max-width:760px){.faq{padding-bottom:110px}}

/* ===== Jak pracuju: prostorový karusel (polohy karet počítá stepsTick ve v10.js) ===== */
.steps--h .steps__track{position:relative;display:block;width:100%;height:calc(clamp(250px,34vh,330px) + 70px);margin-top:6vh;padding:0;perspective:1400px;perspective-origin:50% 40%;transform:none!important}
.steps--h .step{position:absolute;top:20px;left:50%;width:clamp(280px,25vw,370px);margin-left:calc(clamp(280px,25vw,370px) / -2);will-change:transform,opacity;transform-origin:50% 50%;backface-visibility:hidden}
.steps--h .step.on:not(.step--cta){border-color:rgba(244,199,15,.4)!important}

/* ===== ukázkový obsah: štítek, který se před spuštěním nahradí skutečnými údaji ===== */
.demo{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px dashed rgba(244,199,15,.6);border-radius:999px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:rgba(0,0,0,.55);white-space:nowrap}
.demo::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}

/* ===== Výsledky: případovky ===== */
.cases{position:relative;padding:16vh 0 10vh}
.cases__head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.cases__lead{max-width:38ch;color:#c9c3b6}
.cases__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:7vh}
.case{border-radius:26px;overflow:hidden;display:flex;flex-direction:column}
.case__img{position:relative;aspect-ratio:16/11;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.case__img img{width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease-out)}
.case__img .demo{position:absolute;left:14px;top:14px}
@media(hover:hover) and (pointer:fine){.case:hover .case__img img{scale:1.05}}
.case__body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.case__tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.case h3{font-family:var(--disp);font-weight:600;font-size:clamp(1.1rem,1.4vw,1.4rem);line-height:1.2;letter-spacing:-.02em}
.case__nums{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 4px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case__nums b{display:block;font-family:var(--disp);font-weight:700;font-size:clamp(1.25rem,1.9vw,1.9rem);letter-spacing:-.03em;color:var(--gold);white-space:nowrap}
.case__nums span{display:block;margin-top:4px;font-size:.78rem;line-height:1.35;color:var(--mut)}
.case__more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--ink);min-height:44px}
.case__more summary::-webkit-details-marker{display:none}
.case__more summary::after{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(244,199,15,.5);color:var(--gold);transition:rotate .3s var(--ease-out)}
.case__more[open] summary::after{rotate:45deg}
.case__more ol{list-style:none;display:grid;gap:10px;margin-top:6px;color:#c9c3b6;font-size:.92rem}
.case__more ol b{color:var(--ink)}

/* ===== Reference ===== */
.refs{position:relative;padding:14vh 0 12vh}
.refs__stage{position:relative;display:grid;margin-top:6vh;max-width:980px}
.ref{grid-area:1/1;border-radius:28px;padding:clamp(28px,4vw,56px);opacity:0;translate:40px 0;pointer-events:none;transition:opacity .7s var(--ease-out),translate .9s var(--ease-out)}
.ref.is-on{opacity:1;translate:0 0;pointer-events:auto}
.ref blockquote{font-family:var(--disp);font-weight:300;font-size:clamp(1.3rem,2.3vw,2.3rem);line-height:1.25;letter-spacing:-.02em}
.ref blockquote::before{content:"„";display:block;font-weight:700;font-size:4rem;line-height:.6;color:var(--gold);margin-bottom:10px}
.ref figcaption{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}
.ref figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid rgba(244,199,15,.6)}
.ref figcaption span{display:flex;flex-direction:column;color:var(--mut);font-size:.88rem}
.ref figcaption b{color:var(--ink);font-size:1rem}
.ref__stars{margin-left:auto;font-style:normal;color:var(--gold);letter-spacing:.2em}
.ref>.demo{position:absolute;right:22px;top:22px}
.refs__nav{display:flex;gap:10px;margin-top:22px}
.refs__dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:none;border:0;cursor:pointer}
.refs__dot::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--line);transition:background-color .3s ease,width .3s var(--ease-out)}
.refs__dot.is-on::before{background:var(--gold);width:40px}

/* ===== ceny u balíčků ===== */
.plan__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.plan__price b{font-family:var(--disp);font-weight:700;font-size:clamp(1.4rem,2vw,2rem);letter-spacing:-.03em;color:var(--gold)}
.plan__price span{color:var(--mut);font-size:.88rem}

/* ===== rezervace hovoru v kontaktní kartě ===== */
.book{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.book__h{color:#c9c3b6}.book__h b{display:block;color:var(--ink);font-weight:700;font-size:1.1rem}
.book__days,.book__slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.book__days button,.book__slots button{min-height:44px;padding:8px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.3);color:var(--ink);font:inherit;font-size:.86rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,scale .16s var(--ease-out)}
.book__days button small{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.book__days button:active,.book__slots button:active{scale:.97}
.book__days button[aria-pressed="true"],.book__slots button[aria-pressed="true"]{border-color:var(--gold);background:rgba(244,199,15,.14);color:var(--gold)}
@media(hover:hover) and (pointer:fine){.book__days button:hover,.book__slots button:hover{border-color:rgba(244,199,15,.6)}}
.book__f{display:grid;gap:10px;margin-top:16px}
.book__f input{height:50px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:var(--ink);font:inherit}
.book__f input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(244,199,15,.18)}
.book__f input[aria-invalid="true"]{border-color:#ff6b6b}
.book__f .pill{justify-self:start}
.book__sel{color:var(--gold);font-weight:600;font-size:.92rem}
.book__err{color:#ff8a8a;font-size:.86rem;min-height:1em}
.book__ok{margin-top:14px;color:var(--gold);font-weight:600}

@media(max-width:1100px){.cases__grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.cases__grid{grid-template-columns:1fr}.ref figcaption{gap:10px}.ref__stars{margin-left:0;width:100%}}
/* newsletter s lákadlem: obálka PDF natočená v prostoru */
.news{grid-template-columns:auto 1.1fr 1fr}
.news__cover{grid-row:1/span 4;width:clamp(120px,11vw,170px);perspective:900px}
.news__cover img{width:100%;height:auto;border-radius:6px 12px 12px 6px;box-shadow:-2px 0 0 rgba(255,255,255,.08) inset,18px 30px 50px -20px rgba(0,0,0,.95),0 0 40px -10px rgba(244,199,15,.35);transform:rotateY(-18deg) rotateX(4deg);transition:transform .7s var(--ease-out)}
@media(hover:hover) and (pointer:fine){.news:hover .news__cover img{transform:rotateY(-6deg) rotateX(2deg) translateY(-6px)}}
.news__err,.news__gdpr{grid-column:3}
.news__ok{grid-column:2/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.news__ok p{color:var(--gold);font-weight:600}
@media(max-width:760px){.news{grid-template-columns:1fr}.news__cover{grid-row:auto;width:120px}.news__err,.news__gdpr,.news__ok{grid-column:1}}
.news__ok[hidden]{display:none}

/* klienti agentury ShortPRO: spodní řada značek patří ShortPRO, v úvodu jsou seskupené pod jejím jménem */
.spro{display:flex;align-items:center;margin-top:2.4vh}
.spro .marq{flex:1;min-width:0;margin-top:0}
.spro__lab{flex:none;display:flex;flex-direction:column;gap:4px;padding:6px 26px 6px var(--pad);border-right:1px solid rgba(244,199,15,.45);margin-right:6px}
.spro__lab small{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.spro__lab b{font-family:var(--disp);font-weight:600;font-size:clamp(.95rem,1.25vw,1.25rem);letter-spacing:-.01em;color:var(--gold)}
.proof__sp{display:inline-flex;align-items:center;gap:30px;padding:5px 18px 5px 14px;border:1px solid rgba(244,199,15,.22);border-radius:999px;white-space:nowrap}
.proof__sp i{font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,199,15,.75);margin-right:-12px}
.proof__sp b:last-child::after{display:none}

/* projekty zblízka: svislé video u každého projektu a seznam toho, co vzniklo */
.case__img--v{aspect-ratio:4/5;background:#0b0a07}
.case__img--v video{width:100%;height:100%;object-fit:cover;display:block;transition:scale .9s var(--ease-out)}
@media(hover:hover) and (pointer:fine){.case:hover .case__img--v video{scale:1.04}}
.case__play{position:absolute;left:16px;bottom:16px;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid rgba(244,199,15,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .3s ease,scale .3s var(--ease-out)}
.case__play::before{content:"";position:absolute;left:19px;top:15px;border-left:13px solid var(--gold);border-top:9px solid transparent;border-bottom:9px solid transparent}
.case.is-play .case__play{opacity:0;scale:.9}
.case__txt{color:#c9c3b6;font-size:.95rem;line-height:1.55}
.case__k{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.case__made{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.case__made li{padding:7px 13px;border-radius:999px;border:1px solid rgba(244,199,15,.32);background:rgba(244,199,15,.06);font-size:.82rem;font-weight:600;color:#e9e2d2}


/* reference: všechny vidět najednou, mřížka se sama přizpůsobí počtu */
.refs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin-top:6vh}
.refs__grid .ref{grid-area:auto;opacity:0;translate:none;pointer-events:auto;transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),filter .9s var(--ease-out);position:relative;display:flex;flex-direction:column;padding:clamp(24px,2.6vw,36px)}
.refs__grid .ref.in,.no-js .refs__grid .ref{opacity:1}
.refs__grid .ref blockquote{font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.4}
.refs__grid .ref blockquote::before{font-size:3rem}
.refs__grid .ref figcaption{margin-top:auto;padding-top:24px}
.book__note{margin-top:8px;color:var(--mut);font-size:.86rem;line-height:1.5}
.book__cal{display:block;width:100%;height:620px;margin-top:16px;border:0;border-radius:18px;background:#0b0a07}
.book__f[hidden],.book__days[hidden],.book__slots[hidden]{display:none}

/* rezervace: dny i časy ve stejné mřížce pěti sloupců, vše zarovnané pod sebou */
.book__lbl{margin-top:18px;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.book__lbl[hidden]{display:none}
.book__days,.book__slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
.book__days button,.book__slots button{width:100%;padding:0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.book__days button{height:78px;gap:3px}
.book__days button small{font-size:.6rem;color:var(--mut)}
.book__days button b{font-family:var(--disp);font-weight:600;font-size:1.25rem;line-height:1;letter-spacing:-.02em}
.book__days button span{font-size:.72rem;color:var(--mut)}
.book__days button[aria-pressed="true"] small,.book__days button[aria-pressed="true"] span{color:rgba(244,199,15,.8)}
.book__slots button{height:46px;font-variant-numeric:tabular-nums}
.book__f{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.book__f .hp,.book__sel,.book__err{grid-column:1/-1}
.book__f input{width:100%;min-width:0;padding:0 16px}
.book__f .pill{grid-column:1/-1;justify-self:stretch;justify-content:center}
.book__sel{margin-bottom:2px}
@media(max-width:420px){.book__f{grid-template-columns:1fr}}
.spro .marq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 90%,transparent)}
.proof__t{align-items:center}
.spro__lab{align-self:stretch;justify-content:center;padding:0 30px 0 var(--pad);margin-right:0}
.spro__lab b{font-size:clamp(1rem,1.35vw,1.35rem);line-height:1}

/* pevná šířka písmen při nadechnutí (lockLetters ve v10.js): měří se v klidové tloušťce */
.lt,.chx__c,.attn__c{text-align:center}
.lt-measure .lt,.lt-measure .chx__c,.lt-measure .attn__c{font-weight:inherit!important;animation:none!important;transition:none!important}


/* Proč zrovna já: tři důvody */
.read__l{list-style:none;display:grid;gap:18px;counter-reset:rd}
.read__l li{position:relative;padding-left:44px;counter-increment:rd}
.read__l b{display:block;font-family:var(--disp);font-weight:600;font-size:clamp(1.05rem,1.45vw,1.4rem);letter-spacing:-.01em;color:var(--ink)}
.read__l span{display:block;margin-top:4px;color:#bdb6a7;font-size:clamp(.92rem,1.05vw,1.02rem);line-height:1.5}
.read__p{max-width:40ch}
.read__p>b{margin-top:26px}
.no-js .read__l li{opacity:1}

/* AI tým: holografická bublina s větou, co robot dělá (najetí myší, fokus nebo klepnutí).
   Hranatý panel se zkosenými rohy, zlatý obrys, rohové značky, kontrolka a název nástroje, text se vypisuje jako z terminálu,
   z bubliny vede k anténě robota tenká světelná linka. */
.bot{outline:none}
.bot__say{--cut:10px;position:absolute;left:50%;bottom:calc(100% + 22px);z-index:5;width:max-content;max-width:224px;padding:10px 14px 12px;
  border:1px solid transparent;background:linear-gradient(165deg,rgba(26,22,12,.92),rgba(8,7,5,.95)) padding-box,linear-gradient(135deg,rgba(244,199,15,.9),rgba(244,199,15,.12) 45%,rgba(244,199,15,.7)) border-box;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);filter:drop-shadow(0 0 18px rgba(244,199,15,.22));
  text-align:left;pointer-events:none;opacity:0;transform:translate(-50%,6px) scaleY(.2);transform-origin:50% 100%;
  transition:opacity .18s ease-out,transform .32s cubic-bezier(.23,1,.32,1)}
.bot__say::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(244,199,15,.05) 0 1px,transparent 1px 3px),linear-gradient(90deg,transparent,rgba(244,199,15,.10),transparent) 0 0/200% 100% no-repeat;
  animation:hudSweep 2.4s linear infinite}
@keyframes hudSweep{0%{background-position:0 0,-100% 0}100%{background-position:0 0,200% 0}}
.bot__hud{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.bot__hud i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:hudBlink 1.4s steps(2,end) infinite}
@keyframes hudBlink{50%{opacity:.25}}
.bot__line{position:relative;display:block;margin-top:6px;font-size:.84rem;line-height:1.4;font-weight:500;color:var(--ink)}
.bot__ghost{visibility:hidden}
.bot__typed{position:absolute;inset:0}
.bot__typed::after{content:"";display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--gold);animation:hudBlink .9s steps(2,end) infinite}
/* světelná linka z bubliny k anténě */
.bot__wire{position:absolute;left:50%;bottom:calc(100% + 2px);width:1px;height:20px;background:linear-gradient(rgba(244,199,15,.9),rgba(244,199,15,.1));box-shadow:0 0 6px rgba(244,199,15,.6);opacity:0;transform:scaleY(0);transform-origin:50% 100%;transition:opacity .2s ease,transform .25s cubic-bezier(.23,1,.32,1);pointer-events:none}
.bot.say .bot__wire{opacity:1;transform:scaleY(1)}
.bot__say--l{left:0;transform:translate(0,6px) scaleY(.2);transform-origin:24px 100%}
.bot__say--r{left:auto;right:0;transform:translate(0,6px) scaleY(.2);transform-origin:calc(100% - 24px) 100%}
.bot.say .bot__say{opacity:1;transform:translate(-50%,0) scaleY(1)}
.bot.say .bot__say--l,.bot.say .bot__say--r{transform:translate(0,0) scaleY(1)}
.bot.say{z-index:3}
.bot:focus-visible .bot__plate{stroke:var(--gold)}
@media(prefers-reduced-motion:reduce){.bot__say{transition:opacity .2s ease;transform:translate(-50%,0)}.bot__say--l,.bot__say--r{transform:none}.bot__say::before,.bot__hud i,.bot__typed::after{animation:none}}

/* ===== Barvy: zlatá je barva značky (nadpisy, čísla, detaily), ale PLNOU zlatou výplň s černým textem
   má jen hlavní tlačítko (.pill--gold). Vybrané volby, štítky a stavy jsou jen jemně tónované se zlatým obrysem,
   takže tlačítko je na stránce vždycky to nejvýraznější. ===== */
.plan__tag{background:rgba(244,199,15,.1);color:var(--gold);border:1px solid rgba(244,199,15,.55)}
.chips input:checked+span{background:rgba(244,199,15,.14);color:var(--gold);border-color:var(--gold)}
.player__tabs button[aria-selected="true"]{background:rgba(244,199,15,.14);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(244,199,15,.6)}
.pc__on{background:rgba(0,0,0,.6);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(244,199,15,.6)}
.msg--u{background:rgba(244,199,15,.14);color:var(--ink);border:1px solid rgba(244,199,15,.45)}
.pill--gold{box-shadow:0 8px 30px -12px rgba(244,199,15,.65)}
.plan__no{color:rgba(244,199,15,.6)}
#readB[hidden]{display:none}
/* reference: hvězdičky ve všech kartách na stejném místě nad jménem */
.refs__grid .ref figcaption{flex-wrap:wrap}
.refs__grid .ref__stars{order:-1;width:100%;margin:0 0 4px}

/* ===== KONTAKT v3: jedna kompaktní karta s přepínačem, pod ní přímý kontakt a co bude dál ===== */
.contact__lead{margin-top:22px;max-width:46ch;color:#cfc9bb;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.55}
.cbox{max-width:940px;margin:7vh auto 0;padding:clamp(20px,2.6vw,34px);border:1px solid rgba(244,199,15,.22);border-radius:28px;background:radial-gradient(80% 60% at 85% 0%,rgba(244,199,15,.08),transparent 60%),#0b0a07}
.cbox__tabs{position:relative;display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.35)}
.cbox__tabs button{position:relative;z-index:1;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:none;color:var(--mut);font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;transition:color .25s ease}
.cbox__tabs button small{margin-left:6px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;color:rgba(242,237,226,.4);font-weight:400}
.cbox__tabs button[aria-selected="true"]{color:var(--ink)}
.cbox__tabs button[aria-selected="true"] small{color:rgba(244,199,15,.8)}
.cbox__tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cbox__ind{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:999px;border:1px solid rgba(244,199,15,.55);background:rgba(244,199,15,.12);transition:transform .35s cubic-bezier(.23,1,.32,1),width .35s cubic-bezier(.23,1,.32,1)}
.cbox__pan{margin-top:24px}
.cbox__pan[hidden]{display:none}
.cbox .brief{border:0;border-radius:0;padding:0;background:none}
.brief__svc{border:0;padding:0;margin:0;min-width:0}
.brief__svc legend{font-family:var(--body,inherit);font-size:.86rem;font-weight:600;color:var(--ink);letter-spacing:0;line-height:1.4}
.brief__svc legend small{margin-left:8px;font-weight:400;font-size:.8rem;color:rgba(242,237,226,.4)}
.brief__svc .chips{margin-top:10px;gap:6px}
.cbox .chips span{padding:8px 14px;font-size:.86rem}
.cbox .brief__grid{margin-top:20px;gap:12px 14px}
.cbox .fld input,.cbox .fld textarea,.cbox .fld select{padding-top:11px;padding-bottom:11px}
.fld span small{margin-left:6px;font-size:.74rem;color:rgba(242,237,226,.38)}
.fld textarea{min-height:92px}
.fld select{font:inherit;font-size:1rem;color:var(--ink);background:#12100b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23f4c70f' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center/12px 8px;border:1px solid var(--line);border-radius:14px;padding:13px 40px 13px 15px;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s ease}
.fld select:focus{outline:none;border-color:var(--gold)}
.brief__send{display:flex;align-items:flex-end}
.brief__send .pill{width:100%;justify-content:center;min-height:48px}
.cbox .brief__err{min-height:0;margin-top:10px}
.cbox .brief__err:empty{display:none}
.cbox .brief__gdpr{margin-top:12px}

/* online schůzka: mřížka dnů (sloupce) a časů, klik na dva časy */
.contact .book{margin:0;padding:0;border:0;background:none;display:block}
.book__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.contact .book__note{margin:0;max-width:52ch;font-size:.95rem;color:#cfc9bb}
.book__note b{color:var(--ink)}
.book__count{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.book__count b{color:var(--gold);font-weight:500}
.book__count.is-full b{color:#4ade80}
.book__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px}
.book__col{display:grid;gap:6px;align-content:start}
.book__day{text-align:center;padding:4px 0 6px;font-weight:700;font-size:.95rem;color:var(--ink)}
.book__day small{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:400}
.book__cell{position:relative;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);color:var(--ink);font:inherit;font-size:.88rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease,scale .16s cubic-bezier(.23,1,.32,1)}
.book__cell:active{scale:.96}
@media(hover:hover) and (pointer:fine){.book__cell:hover{border-color:rgba(244,199,15,.6)}}
.book__cell[aria-pressed="true"]{border-color:var(--gold);background:rgba(244,199,15,.14);color:var(--gold);font-weight:700}
.book__cell[aria-pressed="true"]::after{content:attr(data-n);position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0b0a07;border:1px solid var(--gold);color:var(--gold);font-family:var(--mono);font-size:.66rem}
.book__cell.is-off{opacity:.32}
.book__cell:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.book__picked{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.book__picked li{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 40px 8px 14px;border-radius:12px;border:1px solid rgba(244,199,15,.5);background:rgba(244,199,15,.07)}
.book__picked li.is-empty{border-style:dashed;border-color:rgba(255,255,255,.14);background:none}
.book__picked span{font-family:var(--mono);font-size:.72rem;color:var(--gold)}
.book__picked li.is-empty span{color:var(--mut)}
.book__picked b{font-weight:600;font-size:.92rem;color:var(--ink)}
.book__picked li.is-empty b{color:rgba(242,237,226,.4);font-weight:500}
.book__x{position:absolute;right:8px;top:50%;translate:0 -50%;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.4);color:var(--ink);font-size:.95rem;line-height:1;cursor:pointer}
@media(hover:hover) and (pointer:fine){.book__x:hover{border-color:var(--gold);color:var(--gold)}}
.contact .book__f{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:10px}
.contact .book__f .hp,.contact .book__f .book__err{grid-column:1/-1}
.contact .book__f input{height:48px}
.contact .book__f .pill{justify-self:stretch;min-height:48px;padding:0 22px}
.contact .book__err:empty{display:none}
.book__ok{margin-top:6px}
.book__cal{display:block;width:100%;height:620px;margin-top:16px;border:0;border-radius:18px;background:#0b0a07}

/* pod kartou: přímý kontakt a co bude dál, nenápadně v jednom pruhu */
.cfoot{max-width:940px;margin:18px auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;padding:0 6px}
.cfoot__links{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px}
.cfoot__links a{display:inline-flex;align-items:baseline;gap:8px;font-weight:600;font-size:.92rem;color:var(--ink);transition:color .2s ease}
.cfoot__links small{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:400}
@media(hover:hover) and (pointer:fine){.cfoot__links a:hover{color:var(--gold)}}
.cfoot__steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;counter-reset:cf}
.cfoot__steps li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--mut);counter-increment:cf}
.cfoot__steps li::before{content:counter(cf);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(244,199,15,.45);color:var(--gold);font-family:var(--mono);font-size:.62rem}
.cfoot__steps b{color:var(--ink);font-weight:600}
@media(max-width:760px){.contact .book__f{grid-template-columns:1fr}.book__picked{grid-template-columns:1fr}.book__grid{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}}
.contact__head .h-big{font-size:clamp(2.2rem,4.6vw,5.2rem)}
.cbox{margin-top:5vh}

/* Proč zrovna já: nadpis reaguje na myš stejně jako nadpisy kapitol, ale JEN když je opravdu vidět (.read.is-on),
   jinak by najetí v úvodu odkrylo schovaný nadpis. Zbytek bloku dál propouští myš k postavě. */
.read.is-on .read__h{pointer-events:auto}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .read.is-on .read__h:hover .ln{overflow:visible}
  .read.is-on .read__h:hover .ln:nth-child(1)>span{animation:wdWave .7s var(--ease-out) both}
  .read.is-on .read__h:hover .ln:nth-child(2)>span{animation:wdWave .7s var(--ease-out) .08s both}
  .read.is-on .read__h:hover em{text-shadow:0 0 22px rgba(244,199,15,.55),0 0 2px rgba(255,236,160,.6)}
}

/* AI tým ve dvou skupinách (14 robotů): menší roboti, větší šéfové skupin */
.crew__row{gap:clamp(2px,.55vw,10px)}
.bot{width:clamp(44px,4.2vw,70px)}
.bot.core{width:clamp(62px,5.9vw,96px)}

/* kontakt: spodní pruh vycentrovaný a oddělený, přímý kontakt jako tři karty, pod nimi kroky */
.cfoot{max-width:940px;margin:22px auto 0;padding:0;display:grid;justify-items:center;gap:18px}
.cfoot__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.cfoot__links li{display:flex}
.cfoot__links a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:74px;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(170deg,rgba(255,255,255,.04),rgba(255,255,255,.01));font-size:1rem;text-align:center;transition:border-color .25s ease,background-color .25s ease,color .25s ease,translate .3s cubic-bezier(.23,1,.32,1)}
.cfoot__links small{font-size:.62rem}
@media(hover:hover) and (pointer:fine){.cfoot__links a:hover{border-color:rgba(244,199,15,.55);background-color:rgba(244,199,15,.06);translate:0 -2px}}
.cfoot__steps{justify-content:center;gap:8px 26px;padding-top:16px;border-top:1px solid var(--line);width:100%}
.cfoot__steps li{font-size:.9rem}
.cfoot__steps li::before{width:22px;height:22px;font-size:.66rem}
@media(max-width:640px){.cfoot__links{grid-template-columns:1fr}}
.foot__made b{color:var(--gold);font-weight:700}

/* nadpisy kapitol vždy na dva řádky (žádné zalomení dlouhého řádku), nadpis spolupráce na tři */
@media(min-width:761px){.ch{width:min(37vw,720px)}.ch__h{font-size:clamp(1.8rem,3vw,3.7rem)}}
.plans__head .h-sec{font-size:clamp(2rem,3.4vw,3.1rem)}

/* kapitoly: odrážky srovnané pod popiskem, 2 a 2 na řádek, stejně široké, nezasahují do fotek */
@media(min-width:761px){
  .ch__ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:27rem}
  .ch__ul li{display:flex;align-items:center;min-height:36px;border-radius:12px;line-height:1.3}
}
/* krátké řádky pod nadpisy značek a AI týmu */
.clients__sub{margin-top:14px;max-width:52ch;color:#cfc9bb;font-size:clamp(.98rem,1.15vw,1.12rem)}
.team__sub{margin-top:18px;max-width:52ch;color:#cfc9bb;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.55}

/* Proč zrovna já v2: nadpis Tvůj marketingový tým v jednom, popisek a tři krátké dlaždice vedle sebe */
.read{max-width:min(48vw,960px)}
.read__p{max-width:none}
.read__lead{font-size:clamp(1.02rem,1.3vw,1.28rem);line-height:1.55;color:#d8d2c4;max-width:40ch}
.read__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;counter-reset:rd}
.read__l li{padding:16px 16px 18px;border-radius:16px;border:1px solid rgba(244,199,15,.22);background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);counter-increment:rd}
.read__l b{display:block;font-family:var(--disp);font-weight:600;font-size:clamp(.92rem,1.1vw,1.08rem);line-height:1.28;letter-spacing:-.01em;color:var(--ink)}
.read__l b em{display:block;font-weight:700;font-size:1.55em;line-height:1.05;margin-bottom:4px;color:var(--gold)}
/* odrážky kapitol: dva stejně široké sloupce podle nejdelší položky, vše na jeden řádek */
@media(min-width:761px){
  .ch__ul{display:grid;grid-template-columns:repeat(2,1fr);width:max-content;max-width:100%}
  .ch__ul li{white-space:nowrap;font-size:clamp(.7rem,.9vw,.84rem);min-height:34px;padding:7px 12px}
}
@media(min-width:761px){.chapters__stage .ch:nth-of-type(5) .ch__p{max-width:34ch}}
/* Proč zrovna já v3: tři stejné skleněné dlaždice (stejná délka textu, stejná barva), při najetí se zvednou jako ostatní karty */
.read__l li.glass{padding:18px clamp(13px,1.25vw,18px) 20px;border-radius:16px}
.read__n{display:block;margin-bottom:14px;font-style:normal;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;color:var(--gold)}
.read__l li.glass{container-type:inline-size}
.read__l li.glass b{font-size:min(1.15rem,9cqi);line-height:1.3}
.read__l li.glass b span{display:block;margin:0;white-space:nowrap;color:inherit;font-size:inherit;line-height:inherit}
.read.is-on .read__l li{pointer-events:auto}
/* pod formulářem: časová osa Co bude dál přes celou šířku boxu a pod ní tři stejné kontakty, vše zarovnané do tří sloupců */
.cfoot{width:100%;max-width:940px;margin:26px auto 0;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:14px;justify-items:stretch}
.cfoot__steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;width:100%}
.cfoot__steps::after{content:"";position:absolute;top:13px;left:16.66%;right:16.66%;height:1px;background:linear-gradient(90deg,rgba(244,199,15,.5),rgba(244,199,15,.2) 50%,rgba(244,199,15,.5));z-index:0}
.cfoot__steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;font-size:.86rem;color:var(--mut)}
.cfoot__steps li::before{width:26px;height:26px;margin-bottom:8px;background:#0b0a07;font-size:.7rem}
.cfoot__steps b{font-family:var(--disp);font-size:.98rem;color:var(--ink)}
.cfoot__links{margin-top:10px}
@media(max-width:640px){.cfoot__steps li{font-size:.78rem}.cfoot__steps b{font-size:.86rem}}
.about__p+.about__p{margin-top:1em}
.nums .h-sec{max-width:none}
/* kapitoly: hlavní tlačítko + „Co dostanu?“ vedle sebe, hlavní tlačítko zůstává na svém místě */
.ch__acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;will-change:transform,opacity}
.ch__acts .ch__cta{margin-top:0}
.ch__more{background:rgba(0,0,0,.35)}
@media(max-width:760px){.ch__acts{margin-top:14px;gap:8px}.ch__more{padding:9px 14px;font-size:.84rem}}
/* okna s detaily služeb */
.svc{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:var(--ink);overflow:auto}
.svc[open]{display:grid;place-items:center}
.svc::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.svc[open]::backdrop{animation:bdIn .34s var(--ease-out)}
.svc__in{width:min(760px,100%);padding:clamp(24px,3.4vw,40px);border-radius:28px}
.svc__x{position:absolute!important;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);font-size:1.5rem;line-height:1;color:var(--ink);display:grid;place-items:center;transition:background-color .2s ease,border-color .2s ease}
@media(hover:hover) and (pointer:fine){.svc__x:hover{border-color:rgba(244,199,15,.55);background:rgba(244,199,15,.08)}}
.svc__h{font-family:var(--disp);font-weight:700;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.02em;margin-top:10px}
.svc__lead{margin-top:14px;max-width:52ch;color:#d8d2c4;font-size:1.02rem;line-height:1.55}
.svc__proof{margin-top:16px;color:#cfc8ba;font-size:.95rem}.svc__proof b{color:var(--gold)}
.svc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.svc__sm{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.svc__get,.svc__how{list-style:none;display:grid;gap:9px;font-size:.95rem;color:#e7e1d2}
.svc__get li{position:relative;padding-left:18px}.svc__get li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.svc__how{counter-reset:sh}.svc__how li{position:relative;padding-left:30px;counter-increment:sh}
.svc__how li::before{content:counter(sh);position:absolute;left:0;top:.05em;width:20px;height:20px;border-radius:50%;border:1px solid rgba(244,199,15,.45);display:grid;place-items:center;font-family:var(--mono);font-size:.62rem;color:var(--gold)}
.svc__links{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.svc__links .svc__sm{width:100%;margin-bottom:2px}
.svc__links a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:.88rem;color:var(--ink);transition:border-color .2s ease,color .2s ease}
@media(hover:hover) and (pointer:fine){.svc__links a:hover{border-color:rgba(244,199,15,.55);color:var(--gold)}}
.svc__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.svc__price{color:#cfc8ba;font-size:.95rem;max-width:40ch}.svc__price b{color:var(--ink)}
body.is-svc{overflow:hidden}
.is-svc,.is-svc *{cursor:auto!important}.is-svc .svc a,.is-svc .svc button{cursor:pointer!important}.is-svc .cur,.is-svc .ring{opacity:0}
@media(max-width:640px){.svc{padding:12px}.svc__grid{grid-template-columns:1fr;gap:20px}}
/* O mně: zvýrazněná čísla a cíl */
.about__p b{color:var(--ink);font-weight:600}.about__p b.goal{color:var(--gold)}
/* otázky: menší bubliny, ať se jich víc vejde */
.chat__q{gap:6px}.chat__q button{padding:8px 12px;font-size:.82rem}
/* měsíční parťák: názvy úrovní */
.plan li b{color:var(--gold);font-weight:600;margin-right:4px}
.nums__end{flex-wrap:nowrap}.nums__end p{flex:1 1 auto;min-width:0}@media(max-width:760px){.nums__end{flex-wrap:wrap}}
/* FOMO odznak: volné návrhy webu tento týden (kapitola Web a okno) */
.fomo{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid rgba(244,199,15,.35);background:rgba(244,199,15,.06);font-size:.8rem;color:#e7e1d2;white-space:nowrap}
.fomo b{color:var(--gold);font-weight:700}
.fomo__dots{display:inline-flex;gap:4px}
.fomo__dots i{width:8px;height:8px;border-radius:50%;border:1px solid rgba(244,199,15,.6)}
.fomo__dots i.on{background:var(--gold);box-shadow:0 0 10px rgba(244,199,15,.7)}
.fomo__dots i.on:last-of-type,.fomo__dots i.on+i:not(.on){}
@media(prefers-reduced-motion:no-preference){.fomo__dots i.on{animation:fomoP 2.4s ease-in-out infinite}.fomo__dots i.on:nth-child(2){animation-delay:.3s}.fomo__dots i.on:nth-child(3){animation-delay:.6s}}
@keyframes fomoP{0%,100%{opacity:1}50%{opacity:.45}}
.ch .fomo{position:absolute;top:clamp(18px,3.2vh,34px);left:clamp(150px,11vw,210px)}
.svc .fomo{margin-top:16px}
.svc__demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.svc__demos a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .2s ease,background-color .2s ease,translate .3s cubic-bezier(.23,1,.32,1)}
.svc__demos b{font-size:.86rem;font-weight:600;color:var(--ink)}.svc__demos small{font-size:.72rem;color:var(--mut)}
@media(hover:hover) and (pointer:fine){.svc__demos a:hover{border-color:rgba(244,199,15,.55);background:rgba(244,199,15,.06);translate:0 -2px}}
@media(max-width:640px){.svc__demos{grid-template-columns:repeat(2,minmax(0,1fr))}.ch .fomo{position:static;margin-bottom:8px}}
.ch__more[hidden]{display:none}
/* chat: vlastní otázka */
.chat__in{display:flex;gap:8px;padding:0 20px 20px}
.chat__in input{flex:1;min-width:0;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:.95rem;transition:border-color .2s ease,background-color .2s ease}
.chat__in input::placeholder{color:var(--mut)}
.chat__in input:focus{outline:none;border-color:rgba(244,199,15,.6);background:rgba(244,199,15,.04)}
.chat__send{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#120d02;transition:scale .16s var(--ease-out),box-shadow .3s ease}
.chat__send:active{scale:.95}
@media(hover:hover) and (pointer:fine){.chat__send:hover{box-shadow:0 0 24px rgba(244,199,15,.55)}}
.chat__send:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* kalendář Cal.com ve skleněném boxu: rozostření pozadí by v Chromu rozmazalo i vložený kalendář, proto tu box sklo nemá */
.cbox.has-cal,.lg-ok .cbox.has-cal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(170deg,#15120c,#0b0a07 70%)!important}

/* ==================== MOBIL (do 760 px) ====================
   Všechny mobilní úpravy na jednom místě a na konci souboru, aby je nepřebila pozdější pravidla pro počítač. */
@media(max-width:760px){
  /* hlavička: po úvodu pevné tmavé pozadí, ať pod ní neprosvítá text; „Napiš mi" je pak dole v liště, nahoře by bylo dvakrát */
  .nav{padding:10px var(--pad);padding-top:max(10px,env(safe-area-inset-top))}
  .nav::before{inset:0;background:rgba(0,0,0,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
  .dock-on .nav__right .pill{display:none}
  /* manifest pod úvodem: celá šířka, tři body pod sebou jako čitelný seznam */
  .read{left:var(--pad);right:var(--pad);max-width:none;bottom:calc(env(safe-area-inset-bottom) + 6svh)}
  .read__h{font-size:clamp(1.85rem,8.4vw,2.6rem)}
  .read__lead{font-size:1rem;max-width:none}
  .read__l{grid-template-columns:1fr;gap:8px;margin-top:18px}
  .read__l li.glass{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px}
  .read__n{margin:0;flex:none}
  .read__l li.glass b{font-size:.95rem;line-height:1.35}
  .read__l li.glass b span{display:inline;white-space:normal}
  /* velká obrysová čísla sekcí jsou na úzkém displeji přes nadpisy, tady nejsou potřeba */
  .bignum{display:none}
  /* ceny: karty se pořád skládají na sebe, ale výš a s menším odstupem, ať je vidět i tlačítko */
  .plan{top:calc(9vh + var(--i,0) * 14px)}
  .plans__stack{gap:6vh}
  /* kontakt: přepínač na jeden řádek */
  .cbox__tabs{display:flex;width:100%}
  .cbox__tabs button{flex:1;padding:0 10px;font-size:.9rem;white-space:nowrap}
  .cbox__tabs button small{display:none}
  /* chat: otázky v jednom vodorovném pásu místo dlouhého sloupce */
  .chat__q{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:14px 16px 16px;overscroll-behavior-x:contain}
  .chat__q::-webkit-scrollbar{display:none}
  .chat__q button,.chat__q a{flex:none;white-space:nowrap;scroll-snap-align:start}
  /* patička: údaje pod sebou místo tří úzkých sloupců */
  .foot__bot{flex-direction:column;gap:10px;letter-spacing:.04em;line-height:1.6}
  /* mezery mezi sekcemi: na počítači 12 až 16 vh, na telefonu by to byla čtvrtina obrazovky prázdna */
  section.clients{padding-top:64px;padding-bottom:56px}
  section.nums,#postup,#spoluprace,#o-mne,section.team,#faq{padding-top:76px;padding-bottom:64px}
  #kontakt{padding-top:76px}
  .plans__stack{padding-bottom:0}
  .foot{margin-top:72px}
  /* přehrávač videí: celá obrazovka, Zavřít nad videem, menší ovládání, ať nezakrývá obraz */
  .player__in{grid-template-columns:minmax(0,1fr);width:100vw;height:100dvh;max-height:none;border-radius:0;border:0;gap:12px;overflow-y:auto;overscroll-behavior:contain;
    padding:calc(env(safe-area-inset-top,0px) + 64px) 14px calc(env(safe-area-inset-bottom,0px) + 16px)}
  .player__x{top:calc(env(safe-area-inset-top,0px) + 12px);right:14px}
  .player__view{align-self:start}
  .player__stage,.player__stage.wide{height:auto;width:100%;max-height:none}
  .player__stage{width:auto;height:min(60svh,600px);justify-self:center}
  .player__stage.wide{width:100%;height:auto}
  .player__nav{width:38px;height:38px;margin-top:-19px}
  .player__bar{left:8px;right:8px;bottom:8px;gap:8px;padding:2px 10px}
  .player__pp{width:38px;height:38px}
  .player__head{padding-right:0}
  .player__t{font-size:1.35rem}
  /* Moje tvorba: obě tlačítka v jednom řádku, ať nezasahují do stěny s videi */
  .ig__btns{flex-wrap:nowrap;gap:8px}
  .ig__btns .pill{padding:10px 14px;font-size:.84rem;white-space:nowrap}
  /* prostor pro spodní lištu, ať nezakrývá konec stránky */
  .foot{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}
}
/* nižší telefony (SE, menší Androidy): kapitoly a manifest stručněji, ať text nenarazí do ukázek a do Woodyho */
@media(max-width:760px) and (max-height:800px){
  .ch .ch__ul{display:none}
  .ch__p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px}
  .ch .fomo{display:none}
  .read__h{font-size:clamp(1.7rem,7.8vw,2.3rem)}
  .read__lead{font-size:.95rem}
  .read__l{margin-top:14px;gap:6px}
  .read__l li.glass{padding:10px 14px}
  .read__l li.glass b{font-size:.88rem}
}
/* iPhone přiblíží stránku při psaní do pole s písmem pod 16 px */
@media(pointer:coarse){
  input,textarea,select,.chat__in input,.book__f input,.news__f input{font-size:16px}
}
/* rychlá odezva tlačítek na dotyk a bez označování textu při podržení */
button,a,[role="button"],.pill{touch-action:manipulation}
button,[role="button"],.pill,.chips span{-webkit-user-select:none;user-select:none}

/* ==================== MOBIL 2: typografie, úvod, kapitoly, AI tým ==================== */
.m-only{display:none}
@media(max-width:760px){
  /* nadpisy: na telefonu výrazně větší a vyvážené řádky (žádné osamocené slovo na konci) */
  .h-sec,.plans__head .h-sec{font-size:clamp(2.3rem,10.4vw,2.9rem);max-width:none}
  .h-big,.contact__head .h-big{font-size:clamp(2.5rem,11.4vw,3.3rem)}
  .h-hero{font-size:clamp(2.9rem,12.6vw,3.6rem)}
  .news__h{font-size:clamp(1.85rem,8.2vw,2.3rem)}
  .h-sec,.h-big,.ch__h,.read__h,.news__h,.h-hero{text-wrap:balance}
  .m-only{display:inline}.d-only{display:none}
  /* úvod: kratší, manifest bez videa uprostřed obrazovky a s velkými kartami */
  .film{height:400vh}
  .read{top:50%;bottom:auto;translate:0 -50%}
  .read__h{font-size:min(11.6vw,calc((100vw - 2 * var(--pad)) / 8.5),3rem);line-height:1.02}   /* tři řádky jako plakát: Tvůj / marketingový / tým v jednom. */
  .read__lead{font-size:1.04rem;line-height:1.55}
  .read__l{gap:10px;margin-top:24px}
  .read__l li.glass{padding:18px;gap:16px;border-radius:18px}
  .read__n{font-family:var(--disp);font-size:1.55rem;font-weight:700;letter-spacing:-.03em;min-width:1.5em}
  .read__l li.glass b{font-size:1.08rem;line-height:1.35}
  /* zlatý titulek AI služby: pět služeb jako štítky na střed, nic u okraje */
  .gtitle__s{flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px;padding:.4em 18px;letter-spacing:.14em}
  .gtitle__s span{padding:7px 13px;border:1px solid rgba(18,13,2,.42);border-radius:999px;font-size:.74rem}
  .gtitle__s span+span::before{display:none}
  /* kapitoly: nahoře nadpis a popis, uprostřed ukázky, dole řádek zadání (kreslí plátno) */
  .ch{top:calc(env(safe-area-inset-top,0px) + 76px);bottom:auto}
  .ch__h{font-size:clamp(2.05rem,9vw,2.55rem);line-height:1.04}
  .ch__p{font-size:.96rem;line-height:1.5;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .ch .ch__ul,.ch .fomo{display:none}
  .ch__acts{margin-top:14px}.ch__cta{margin-top:0}
  .ch__shade{background:linear-gradient(180deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.45) 30%,transparent 44%)}
  .ch__tint{background:radial-gradient(80% 40% at 50% 14%,currentColor 0%,transparent 70%)}
  /* AI tým: Woody nahoře, roboti ve třech sloupcích, dost velcí, aby byly čitelné názvy nástrojů */
  .crew{margin-top:5vh}
  .crew__beams{display:none}
  .crew__row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px 8px;max-width:420px;margin:0 auto;align-items:end}
  .crew__boss{order:-1!important;grid-column:1/-1;margin:0 0 30px}
  .crew__row>.bot{grid-column:span 2;width:auto!important;margin-bottom:0!important}
  .crew__row>.bot:nth-child(14){grid-column:2/span 2}
  .bot__txt{display:inline}
  /* bubliny podle sloupce, ať nevyjedou z obrazovky */
  .crew__row>.bot .bot__say{max-width:min(240px,calc(100vw - 40px))}
  .crew__row>.bot:nth-child(3n+2) .bot__say{left:0!important;right:auto!important;transform:translate(0,6px) scaleY(.2)!important;transform-origin:24px 100%!important}
  .crew__row>.bot:nth-child(3n+3) .bot__say{left:50%!important;right:auto!important;transform:translate(-50%,6px) scaleY(.2)!important;transform-origin:50% 100%!important}
  .crew__row>.bot:nth-child(3n+4) .bot__say{left:auto!important;right:0!important;transform:translate(0,6px) scaleY(.2)!important;transform-origin:calc(100% - 24px) 100%!important}
  .crew__row>.bot.say:nth-child(3n+2) .bot__say,.crew__row>.bot.say:nth-child(3n+4) .bot__say{transform:none!important}
  .crew__row>.bot.say:nth-child(3n+3) .bot__say{transform:translate(-50%,0)!important}
  /* ceník: na telefonu karty normálně pod sebou, při skládání přes sebe by další karta schovala tlačítko té předchozí */
  .plan{position:relative;top:auto}
  .plans__stack{gap:16px}
}

/* ==================== MOBIL 3: podle nezávislé kontroly ==================== */
@media(max-width:760px){
  /* tlumené texty čitelnější (kontrast aspoň 4,5 : 1 na černé) */
  :root{--mut:#a8a294}
  p,li{text-wrap:pretty}
  .read__h em{white-space:nowrap}
  .read__h .ln{padding-bottom:.2em;margin-bottom:-.2em}
  .ch__p{display:block;-webkit-line-clamp:unset;overflow:visible}
  /* úvod: větší hlavní nadpis a tlačítka hned pod ním */
  .h-hero{font-size:clamp(3.1rem,14vw,3.9rem);line-height:1}
  .intro__l{bottom:calc(env(safe-area-inset-bottom) + 182px)}
  .intro__r{bottom:calc(env(safe-area-inset-bottom) + 124px)}
  .proof__m{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent)}
  /* hlavička: bez tlačítka zvuku (na telefonu ho nikdo nepoužije), nic neposkakuje */
  .snd{display:none}
  /* AI služby: štítky 3 + 2 */
  .gtitle__s{max-width:262px}
  /* spodní lišta: tmavý přechod pod ní, ať text nekončí ostře pod ní */
  .dock::before{content:"";position:absolute;left:-12px;right:-12px;bottom:-12px;height:calc(100% + 52px);z-index:-1;pointer-events:none;
    background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.6) 55%,transparent);border-radius:0}
  /* mezery: jedno měřítko pro všechny sekce */
  section.clients{padding-top:56px;padding-bottom:48px}
  section.nums,#postup,#spoluprace,#o-mne,section.team,#faq{padding-top:64px;padding-bottom:56px}
  #kontakt{padding-top:64px}
  /* chat: menší prázdné okno, pás otázek s jemným doběhem do ztracena */
  .chat__log{min-height:150px}
  .chat__q{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:40px}
  /* patička: každý údaj na vlastním řádku */
  .foot__legal{display:flex;flex-direction:column;gap:2px}
  .foot__sep{display:none}
}

/* ==================== MOBIL 4: jednotný systém ====================
   Typografie: štítek sekce 11 px na jeden řádek → nadpis sekce ~36 px → podnadpis 16 px → text 15 px → popisky 12–13 px.
   Vše zarovnané doleva, mezery: sekce 64/56 px, štítek → nadpis 12 px, nadpis → podnadpis 14 px, hlavička → obsah 28 px.
   Cíl: každá sekce na jednu obrazovku telefonu (kromě formuláře). */
.bot__lab,.snapdots{display:none}
@media(max-width:760px){
  .kicker{font-size:.69rem;letter-spacing:.14em;white-space:nowrap}
  .h-sec,.plans__head .h-sec,.h-big,.contact__head .h-big{font-size:clamp(2.05rem,9.2vw,2.4rem);line-height:1.05;margin-top:12px}
  .ch__h{font-size:clamp(2rem,9vw,2.35rem)}
  .news__h{font-size:clamp(1.7rem,7.6vw,2rem)}
  .team__sub,.faq__lead,.contact__lead,.read__lead,.nums__end p{font-size:1rem;line-height:1.55;color:#cfc8ba;margin-top:14px}
  /* zarovnání doleva všude */
  .faq__head,.contact__head{text-align:left;align-items:flex-start}
  .faq__head .h-sec,.contact__head .h-big{margin-left:0;margin-right:0}
  /* statistiky: 2 × 2 kompaktně, bez prázdného pásu */
  .nums__grid{margin-top:28px}
  .num{padding:14px 12px 14px 0}
  .num b{font-size:2.3rem}
  .num p{margin-top:8px;font-size:.88rem;line-height:1.4}
  .num small{font-size:.68rem}
  .nums__end{margin-top:20px;padding-top:0;border-top:0;gap:16px}
  .nums__end p{margin-top:0}
  /* kroky: karta bez prázdného místa, tečky pod pásem */
  .steps:not(.steps--h) .steps__track{margin-top:28px}
  .steps:not(.steps--h) .step{min-height:0;width:80vw;padding:22px}
  .step__no{font-size:2.4rem;margin-bottom:18px}
  /* ceník: tři karty vedle sebe na přetažení prstem (jedna sekce = jedna obrazovka) */
  .plans{padding-top:64px;padding-bottom:56px}
  .plans__stack{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:28px calc(-1 * var(--pad)) 0;padding:4px var(--pad) 6px;scroll-padding:0 var(--pad);scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch}
  .plans__stack::-webkit-scrollbar{display:none}
  .plan{flex:0 0 84%;scroll-snap-align:start;display:flex}
  .plan__in{flex:1;padding:22px;gap:10px}
  .plan li{padding-top:7px;padding-bottom:7px;font-size:.9rem}
  /* karty mimo obrazovku (vodorovný pás) by se animací odhalení nikdy neukázaly */
  .plans__stack .rv,.steps__track .rv{opacity:1;transform:none;filter:none}
  .plans__stack .plan li::before{transform:none}
  .snapdots{display:flex;justify-content:center;gap:8px;margin-top:16px}
  .snapdots i{width:6px;height:6px;border-radius:50%;background:rgba(242,237,226,.25);transition:background-color .2s ease,width .2s var(--ease-out)}
  .snapdots i.on{width:18px;border-radius:3px;background:var(--gold)}
  /* O mně: štítek a nadpis nahoře, pak menší fotka, první odstavec, „Číst dál" */
  .about__grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .about .kicker,.reveal,.about__more,.about__row{align-self:flex-start}
  .about__txt{display:contents}
  .about .kicker{order:1}.about .h-sec{order:2}
  .reveal{order:3;width:min(62vw,240px);max-width:none;margin-top:24px;border-radius:22px}
  .about__p{order:4;margin-top:20px;font-size:.98rem;line-height:1.6}
  .about__p+.about__p{margin-top:12px}
  .about__more~.about__p:not(.open){display:none}
  .about__more{order:4;align-self:flex-start;margin-top:10px;padding:8px 0;font-weight:600;color:var(--gold);font-size:.95rem}
  .about__more::after{content:" ↓"}
  .about__row{order:5;margin-top:22px}
  /* AI tým: pět malých robotů v řadě, jména pod nimi, Woody menší, vše na jednu obrazovku */
  .crew{margin-top:24px;padding-bottom:0}
  .crew__ph{width:96px}
  .crew__boss{margin:0 0 18px}
  .crew__boss b{margin-top:10px;font-size:.95rem}
  .crew__row{grid-template-columns:repeat(10,1fr);gap:12px 6px;max-width:400px}
  .crew__row>.bot{grid-column:span 2}
  .crew__row>.bot:nth-child(14){grid-column:auto/span 2}
  .crew__row>.bot:nth-child(12){grid-column:2/span 2}   /* poslední řada (4 roboti) na střed */
  .bot__txt{display:none}
  .bot__lab{display:block;margin-top:2px;text-align:center;font-size:.64rem;font-weight:600;line-height:1.15;color:#d8d2c4;min-height:2.3em}
  .bot.core .bot__lab{color:var(--gold)}
  /* bubliny podle 5 sloupců */
  .crew__row>.bot .bot__say{left:50%!important;right:auto!important;transform:translate(-50%,6px) scaleY(.2)!important;transform-origin:50% 100%!important}
  .crew__row>.bot.say .bot__say{transform:translate(-50%,0)!important}
  .crew__row>.bot:nth-child(5n+2) .bot__say,.crew__row>.bot:nth-child(5n+3) .bot__say{left:0!important;transform:translate(0,6px) scaleY(.2)!important;transform-origin:24px 100%!important}
  .crew__row>.bot:nth-child(5n+5) .bot__say,.crew__row>.bot:nth-child(5n+6) .bot__say{left:auto!important;right:0!important;transform:translate(0,6px) scaleY(.2)!important;transform-origin:calc(100% - 24px) 100%!important}
  .crew__row>.bot.say:nth-child(5n+2) .bot__say,.crew__row>.bot.say:nth-child(5n+3) .bot__say,.crew__row>.bot.say:nth-child(5n+5) .bot__say,.crew__row>.bot.say:nth-child(5n+6) .bot__say{transform:none!important}
  /* kontakt: přímé kontakty kompaktně (e‑mail přes celou šířku, sítě vedle sebe) */
  .cfoot__links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cfoot__links li:first-child{grid-column:1/-1}
  /* newsletter: obálka PDF větší, na střed a lehce natočená */
  .news__cover{width:min(42vw,160px);justify-self:center;margin:4px 0 10px}
  .news__cover img{transform:rotate(-4deg)}
  /* patička: popis značky přes celou šířku, šipka nahoru vedle něj */
  .foot__grid{margin-top:56px;gap:24px 20px}
  .foot__grid .foot__col:nth-child(3){grid-column:1/-1;padding-right:76px}
  .foot__top{grid-column:1/-1;justify-self:end;margin-top:-82px}
}
/* nižší telefony (do 760 px výšky): stejný systém, jen kompaktnější, ať se sekce vejdou na jednu obrazovku */
@media(max-width:760px) and (max-height:760px){
  .h-sec,.plans__head .h-sec,.h-big,.contact__head .h-big{font-size:clamp(1.85rem,8.4vw,2.15rem)}
  section.nums,#postup,#spoluprace,#o-mne,section.team,#faq{padding-top:52px;padding-bottom:44px}
  .nums__grid{margin-top:20px}
  .num{padding:10px 10px 10px 0}
  .num b{font-size:2rem}
  .num p{font-size:.82rem}
  .plans__stack{margin-top:20px}
  .plan__in{padding:18px;gap:8px}
  .plan li{padding-top:5px;padding-bottom:5px;font-size:.84rem}
  .plan__in .pill{padding:9px 16px}
  .crew{margin-top:16px}
  .crew__ph{width:76px}
  .crew__boss{margin-bottom:12px}
  .crew__row{gap:8px 6px}
  .reveal{width:min(52vw,200px)}
}

/* ==================== MOBIL 5: podle druhé kontroly ==================== */
@media(max-width:760px){
  /* kapitoly: tlačítko vždy na stejném místě (texty mají stejnou výšku), víc vzduchu pod hlavičkou */
  .ch{top:calc(env(safe-area-inset-top,0px) + 86px);display:flex;flex-direction:column}
  .ch__acts{margin-top:auto;padding-top:14px}
  /* kroky: bez prázdného místa mezi číslem a nadpisem */
  .step__no{margin-bottom:0}
  .step h3{margin-top:14px}
  /* ceník: tlačítka všech karet na stejné linii */
  .plan__in .pill{margin-top:auto}
  .plan__in ul{margin-bottom:6px}
  /* jednotné mezery mezi sekcemi */
  section.nums,#postup,#spoluprace,#o-mne,section.team,#faq{padding-top:56px;padding-bottom:40px}
  #kontakt{padding-top:56px}
  section.clients{padding-top:40px;padding-bottom:24px}
  /* opakovaná výzva „Máš projekt? Napiš mi" hned pod kontaktním formulářem je na telefonu navíc */
  .foot__cta{display:none}
  .foot__news{margin-top:48px}
  /* formulář: nápověda pod popiskem, ne osiřelé slovo na dalším řádku */
  .brief legend small{display:block;margin:2px 0 0}
  /* O mně: štítek „Dotkni se fotky" dole v rohu, ne přes čepici */
  .reveal__hint{top:auto;right:auto;left:12px;bottom:12px;padding:6px 12px;font-size:.66rem}
  /* manifest: rezerva i pro šířku s posuvníkem (zúžený prohlížeč) */
  .read__h{font-size:min(11.6vw,calc((100vw - 2 * var(--pad) - 14px) / 8.6),3rem)}
  /* AI tým: menší Woody, čitelnější jména */
  .crew__ph{width:80px}
  .bot__lab{font-size:.69rem}
  /* zlatý přechod: hlavička bez tmavého pruhu */
  .on-gold .nav::before{opacity:0!important}
}

/* ==================== MOBIL 6: podle screenshotů z telefonu ==================== */
@media(max-width:760px){
  /* hero: „Pracoval jsem pro" jako samostatný čitelný pás pod tlačítky */
  .proof{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0 14px var(--pad)}
  .proof__k{font-size:.66rem}
  .proof__m{width:100%;align-self:stretch}
  .proof__t{gap:26px}
  .proof__t b{font-size:1rem;font-weight:500;color:rgba(242,237,226,.85)}
  .proof__t b::after{margin-left:26px}
  .hcta{bottom:calc(env(safe-area-inset-bottom) + 90px)}
  .intro__r{bottom:calc(env(safe-area-inset-bottom) + 154px)}
  .intro__l{bottom:calc(env(safe-area-inset-bottom) + 212px)}
  /* značky: plné čitelné písmo, ShortPRO jako malý štítek nad svými klienty */
  .marq__t span{font-size:1.2rem;color:rgba(242,237,226,.82)}
  .marq--o .marq__t span{color:rgba(242,237,226,.62);-webkit-text-stroke:0;font-weight:600}
  .spro{flex-direction:column;align-items:flex-start;gap:6px;margin-top:18px}
  .spro .marq{width:100%}
  .spro__lab{border-right:0;padding:0 var(--pad);margin:0;flex-direction:row;align-items:baseline;gap:8px}
  .spro__lab::before{content:"S agenturou";font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
  .spro__lab b{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  /* přehrávač: plně tmavé pozadí, video a texty pod sebou bez překrývání */
  .player::backdrop{background:rgba(4,3,2,.97)}
  .player__in{display:flex;flex-direction:column;background:#090806}
  .player__view,.player__side{flex:none;min-height:auto}
  .player__stage{height:min(56svh,520px)}
  /* AI tým: menší roboti, jméno přímo na štítku robota */
  .crew__row>.bot{width:58px!important;justify-self:center}
  .bot__lab{position:absolute;left:50%;top:71.5%;transform:translate(-50%,-50%);margin:0;min-height:0;width:max-content;max-width:74px;padding:2px 5px;border-radius:6px;
    background:#0b0906;border:1px solid rgba(244,199,15,.45);font-size:.53rem;font-weight:700;line-height:1.1;letter-spacing:.01em;color:#efe9dc;text-align:center;white-space:normal;pointer-events:none}
  .bot.core .bot__lab{background:var(--gold);border-color:var(--gold);color:#120d02}
  .crew__row{gap:10px 4px}
}
/* nízké obrazovky (telefon s lištami prohlížeče): text kapitol hustší, ať mají ukázky dost místa */
@media(max-width:760px) and (max-height:760px){
  .ch{top:calc(env(safe-area-inset-top,0px) + 74px)}
  .ch__h{font-size:clamp(1.65rem,7.4vw,1.95rem)}
  .ch__p{font-size:.88rem;line-height:1.45;margin-top:8px}
  .ch__acts{padding-top:10px}
  .ch__cta{padding:9px 16px;font-size:.84rem;min-height:40px}
}
@media(max-width:760px){
  .spro__lab{justify-content:flex-start;align-self:flex-start}
  .proof__k::after{display:none}
}