:root{
  --bg:#0C0C0A; --bg2:#141412; --fg:#F4F1EA; --mute:rgba(244,241,234,.58); --line:rgba(244,241,234,.12);
  --or:#F15419; --or2:#FF7A45; --ice:#77E7FE;
  --pad:clamp(16px,3.2vw,48px);
  --disp:'Archivo',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--bg);color:var(--fg);font-family:var(--disp);font-variation-settings:'wdth' 100;font-size:16px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.loading{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit;border:0;background:none}
::selection{background:var(--or);color:#fff}
.mono{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{padding:0 var(--pad);max-width:1600px;margin:0 auto}
.glass{background:rgba(244,241,234,.06);border:1px solid rgba(244,241,234,.14);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.kicker{color:var(--or);margin-bottom:18px;display:block}

/* grain */
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}

/* preloader */
.pre{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}
.pre__line{width:min(240px,50vw);height:1px;background:var(--line);overflow:hidden}
.pre__line i{display:block;height:100%;width:100%;background:var(--or);transform:scaleX(0);transform-origin:left}
.pre__count{color:var(--mute)}

/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:95;pointer-events:none;mix-blend-mode:difference}
.cursor__ring{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease)}
.cursor__ring b{font:500 11px 'JetBrains Mono',monospace;color:#000;text-transform:uppercase;opacity:0;transition:opacity .2s}
.cursor.is-big .cursor__ring{width:84px;height:84px;margin:-42px 0 0 -42px}
.cursor.is-big b{opacity:1}
@media (hover:none){.cursor{display:none}}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 8px 0 24px;border-radius:99px;background:var(--or);color:#fff;font-weight:600;font-size:15px;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate}
.btn::before{content:"";position:absolute;inset:0;background:var(--fg);border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{color:var(--bg)}
.btn i{font-style:normal;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.18);display:grid;place-items:center;transition:transform .5s var(--ease)}
.btn:hover i{transform:rotate(45deg)}
.btn--sm{height:44px;font-size:14px;padding-left:20px}
.btn--sm i{width:32px;height:32px}
.glassbtn{position:absolute;right:20px;top:20px;z-index:3;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px;border-radius:99px;font-size:14px;font-weight:600;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s}
.glassbtn i{font-style:normal;transition:transform .4s var(--ease)}
.glassbtn:hover{background:rgba(255,255,255,.24)}
.glassbtn:hover i{transform:rotate(45deg)}
.glassbtn--dark{background:rgba(12,12,10,.25);border-color:rgba(12,12,10,.3)}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px var(--pad);transition:transform .5s var(--ease)}
.nav.is-hidden{transform:translateY(-110%)}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em}
.logo__iris{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#000 0 26%,var(--or) 28%,#8b2a0a 62%,#1a0904 72%,transparent 74%),var(--bg);box-shadow:0 0 18px rgba(241,84,25,.6);position:relative}
.logo__iris::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;left:58%;top:24%}
.nav__links{display:flex;gap:2px;padding:5px;border-radius:99px}
.nav__links a{padding:8px 16px;border-radius:99px;font-size:14px;color:var(--mute);transition:color .25s,background .25s}
.nav__links a:hover{color:var(--fg);background:rgba(244,241,234,.08)}

/* HERO */
.hero{position:relative;height:100svh;min-height:600px;display:flex;flex-direction:column;justify-content:space-between;padding:90px var(--pad) 24px;overflow:hidden}
.hero{z-index:2;background:#000}
.hero__stage{position:absolute;inset:0;z-index:-2;transform-origin:0 0}
.hero__photo{position:absolute;inset:0;background:#000}
#heroDet{position:absolute;display:none;opacity:0;pointer-events:none;object-fit:fill}
.hero__photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%}
.hero__pupil{display:none;position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(circle,#06090b 0 68%,rgba(6,9,11,.85) 80%,rgba(6,9,11,0) 100%)}
.hero__eye{position:absolute;inset:0;opacity:0}
.hero__eye[hidden]{display:none}
.hero__dim{position:absolute;inset:0;z-index:-1;background:#0b0d0e;opacity:0;pointer-events:none}
.hero__refl{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 var(--mi,45%),transparent var(--mo,78%));mask-image:radial-gradient(ellipse at 50% 50%,#000 var(--mi,45%),transparent var(--mo,78%))}
.hero__refl::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28),rgba(255,255,255,0) 40%),radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.6));pointer-events:none;opacity:0}
.hero__refl>.screen{margin:0!important;width:100%;height:100%}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 64%;transform-origin:49.7% 64%;will-change:transform}
.hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,12,10,.55) 0%,rgba(12,12,10,0) 30%,rgba(12,12,10,0) 62%,rgba(12,12,10,.92) 100%)}
.hero__top{display:flex;justify-content:space-between;color:var(--mute)}
.label{display:flex;align-items:center;gap:10px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 0 0 rgba(241,84,25,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(241,84,25,0)}100%{box-shadow:0 0 0 0 rgba(241,84,25,0)}}
.hero__title{position:relative;font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(84px,min(27.6vw,40svh),520px);line-height:.8;letter-spacing:-.025em;text-transform:uppercase;display:flex;justify-content:space-between;gap:.1em;margin:18px 0 0;mix-blend-mode:normal}
.ht{display:block;clip-path:inset(-60% -30% 0 -30%);padding-top:.06em}
.ht__in{display:flex;align-items:flex-end}
.ht__o{color:var(--or)}
.iris{display:block}
.hero__bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:32px;align-items:end;margin-top:40px}
.hero__lead{max-width:470px;color:var(--fg);font-weight:500;font-size:clamp(17px,1.45vw,22px);line-height:1.4;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.hero__lead strong{color:var(--or);font-weight:700}
.chip{color:var(--fg);padding:9px 14px;border-radius:99px;background:rgba(12,12,10,.45);border:1px solid rgba(244,241,234,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12px}
.hero__chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:22px 0 auto}
.hero__chips li{padding:12px 22px;border-radius:99px;font-weight:700;font-size:clamp(15px,1.3vw,19px);letter-spacing:-.01em;background:rgba(12,12,10,.42);border:1px solid rgba(244,241,234,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero__chips li.is-hot{background:var(--or);border-color:var(--or);color:#fff}
.urlbox{display:flex;align-items:center;gap:6px;border-radius:99px;padding:6px;width:100%}
.urlbox__pre{color:var(--mute);padding-left:16px}
.urlbox input{flex:1;min-width:0;height:52px;outline:0;font-size:17px}
.urlbox input::placeholder{color:rgba(244,241,234,.38)}
.hero__meta{display:flex;gap:28px;align-items:center;color:var(--mute);border-top:1px solid var(--line);margin-top:28px;padding-top:18px}
.hero__meta b{color:var(--fg);font-weight:500}
.scrollhint{margin-left:auto;display:flex;align-items:center;gap:10px}
.scrollhint i{width:1px;height:22px;background:var(--fg);transform-origin:top;animation:sh 1.8s var(--ease) infinite}
@keyframes sh{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* screen (obrazovka v zornici) */
.screen{position:relative;z-index:1;height:100svh;min-height:600px;background:radial-gradient(ellipse at 80% 70%,rgba(241,84,25,.32),transparent 55%),radial-gradient(ellipse at 10% 0%,rgba(119,231,254,.12),transparent 50%),#0b0d0e;display:flex;flex-direction:column;overflow:hidden}
.screen__bar{display:flex;align-items:center;gap:16px;padding:0 var(--pad);height:64px;border-bottom:1px solid var(--line);flex:none}
.screen__dots{display:flex;gap:7px}
.screen__dots i{width:11px;height:11px;border-radius:50%;background:rgba(244,241,234,.18)}
.screen__dots i:first-child{background:var(--or)}
.screen__url{flex:1;max-width:520px;margin:0 auto;height:36px;border-radius:99px;background:rgba(244,241,234,.06);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:2px;text-transform:none;font-size:13px;color:var(--fg);overflow:hidden;white-space:nowrap}
.screen__url b{font-weight:400;color:var(--mute)}
.screen__tag{color:var(--mute)}
.screen__body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:40px var(--pad) 120px}
.screen__kick{display:flex;align-items:center;gap:10px;color:var(--mute);margin-bottom:24px}
.screen__title{font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(60px,min(9vw,13svh),170px);line-height:.98;margin:-.06em 0 -.08em;letter-spacing:-.02em;text-transform:uppercase}
/* Čárky/háčky verzálek sahají v Archivu do .881em nad účaří (cap-height jen .686em). Rozteč řádků musí být ~.92em (≥1px mezera i u 60px),
   jinak se diakritika spodního řádku zapíchne do písmen nad ní (vypadá to jako tenké tahy přes N, W, I).
   Okraje -.03em / -.15em drží první řádek i celkovou výšku 3řádkového bloku jako dřív při .86 (kvůli zoomu v main.js). */
.screen__title em{font-style:normal;color:var(--or)}
.screen__lead{max-width:420px;color:var(--mute);font-size:18px;margin-top:28px}
.screen__shots{position:relative;height:100%;min-height:300px}
.screen__shots img{position:absolute;width:78%;height:auto;border-radius:14px;box-shadow:0 40px 80px rgba(0,0,0,.6);border:1px solid var(--line)}
.screen__shots img:nth-child(1){right:0;top:4%;transform:rotate(3deg)}
.screen__shots img:nth-child(2){left:0;top:30%;transform:rotate(-4deg)}
.screen__shots img:nth-child(3){right:8%;top:56%;transform:rotate(2deg)}
@media (max-width:640px){
  .screen__bar{height:56px;gap:10px}
  .screen__tag{display:none}
  .screen__body{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding:36px var(--pad) 40px}
  .screen__title{font-size:17vw}
  .screen__lead{font-size:16px;margin-top:18px}
  .screen__shots{min-height:0;height:36svh}
  .screen__shots img{width:76%}
  .screen__shots img:nth-child(1){display:none}
  .screen__shots img:nth-child(2){top:0;left:auto;right:0;transform:rotate(3deg)}
  .screen__shots img:nth-child(3){top:36%;left:0;right:auto;transform:rotate(-4deg)}
}

/* ticker */
.ticker{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;white-space:nowrap}
.ticker__track{display:inline-flex;align-items:center;gap:40px;font-weight:700;font-variation-settings:'wdth' 75;font-size:clamp(22px,2.4vw,36px);text-transform:uppercase;letter-spacing:-.01em;will-change:transform}
.ticker__track span{color:rgba(244,241,234,.38);transition:color .3s}
.ticker__track span:hover{color:var(--fg)}
.ticker__track i{font-style:normal;color:var(--or);font-size:.6em}

/* manifest */
.manifest{padding:clamp(100px,16vw,220px) 0}
.manifest__text{font-size:clamp(30px,4.6vw,76px);line-height:1.08;font-weight:600;letter-spacing:-.025em;max-width:1400px}
.manifest__text .w{opacity:.16;transition:none}
.pill{display:inline-block;vertical-align:middle;width:1.9em;height:.92em;border-radius:99px;overflow:hidden;margin:-.1em .04em 0;background:var(--bg2)}
.pill img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.pill--iris{width:.92em;background:none;overflow:visible}
.pill--iris canvas{width:100%;height:100%}

/* section head */
.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(36px,5vw,72px)}
.h2{font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(56px,10vw,170px);line-height:.84;letter-spacing:-.02em;text-transform:uppercase}
.h2 em{font-style:normal;color:var(--or)}
/* řádkové masky z main.js (overflow:hidden, padding-top .06em) uřezávaly diakritiku verzálek; vyšší maska se záporným okrajem = první řádek na stejném místě, rozteč .92em, celé háčky */
.h2>span,.cta__title>span{padding-top:.2em!important;margin-top:-.14em}
.h2>span+span{margin-top:-.12em}
.cta__title>span+span{margin-top:.02em}
.sechead__intro{max-width:380px;color:var(--mute);font-size:17px}

/* services bento */
.services{padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,140px)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.card{position:relative;border-radius:28px;overflow:hidden;background:var(--bg2);min-height:clamp(420px,42vw,620px);grid-column:span 4;isolation:isolate;transform-style:preserve-3d}
.card--xl{grid-column:span 8}
.card--wide{grid-column:span 12;min-height:clamp(380px,32vw,480px)}
.card__media{position:absolute;inset:0;z-index:-2}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .card__media img{transform:scale(1.05)}
.card__media--web{background:linear-gradient(160deg,#2a1206,#0c0c0a 60%)}
.card__media--web img{position:absolute;width:86%;height:auto;right:-6%;top:14%;border-radius:14px;box-shadow:0 40px 80px rgba(0,0,0,.6);transform:rotate(-4deg)}
.card:hover .card__media--web img{transform:rotate(-2deg) scale(1.03)}
.card__media--photo img{filter:saturate(1.15) contrast(1.05)}
.card__media--phones{background:radial-gradient(circle at 70% 30%,rgba(119,231,254,.25),transparent 60%),#0e1416}
.card__media--phones img{position:absolute;width:44%;height:auto;border-radius:18px;top:10%;box-shadow:0 30px 60px rgba(0,0,0,.6);border:4px solid #1d1d1b}
.card__media--phones img:first-child{left:8%;transform:rotate(-7deg)}
.card__media--phones img:last-child{right:6%;top:16%;transform:rotate(6deg)}
.card__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,12,10,0) 30%,rgba(12,12,10,.55) 60%,rgba(12,12,10,.95))}
.card__no{position:absolute;left:24px;top:28px;color:rgba(255,255,255,.75)}
.card__body{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,2.4vw,34px)}
.card h3{font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(64px,8vw,140px);line-height:.82;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:14px}
.card p{max-width:420px;color:rgba(244,241,234,.78)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none}
.tags li{padding:7px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.22);font-size:11px}
.card--accent{background:var(--or);color:var(--bg)}
.card--accent .card__body{max-width:58%}
.card--accent p{margin-top:14px}
.card--accent h3{font-size:clamp(72px,12vw,200px);margin:0}
.card--accent p{color:rgba(12,12,10,.8)}
.card--accent .card__no{color:rgba(12,12,10,.7)}
.card--accent .tags li{border-color:rgba(12,12,10,.3)}
.card__media--iris{display:grid;place-items:center end;padding-right:6%}
.card__media--iris canvas{width:min(46vw,560px);height:min(46vw,560px);opacity:.95;mix-blend-mode:multiply}

/* kinetic */
.kinetic{position:relative;height:220vh}
.kinetic__pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.kinetic__word{position:absolute;white-space:nowrap;font-weight:900;font-variation-settings:'wdth' 62;font-size:clamp(140px,32vw,560px);line-height:.8;letter-spacing:-.03em;color:var(--or);will-change:transform,filter}
.kinetic__fig{position:relative;width:min(34vw,420px);aspect-ratio:2/3;border-radius:22px;overflow:hidden;box-shadow:0 60px 120px rgba(0,0,0,.6)}
.kinetic__fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}
.kinetic__cap{position:absolute;left:var(--pad);bottom:clamp(24px,5vh,56px);max-width:340px;color:var(--mute)}
.kinetic__cap .kicker{margin-bottom:10px}

/* compare */
.compare{padding:clamp(80px,10vw,140px) 0}
.ba{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;border:1px solid var(--line);user-select:none;touch-action:pan-y}
.ba__new,.ba__old{position:absolute;inset:0}
.ba__new img,.ba__old img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;-webkit-user-drag:none}
.ba__old{clip-path:inset(0 calc(100% - var(--p)) 0 0);background:#e9e9e9}
.ba__tag{position:absolute;top:18px;padding:8px 14px;border-radius:99px;z-index:2}
.ba__tag--l{left:18px;color:#333;background:rgba(255,255,255,.7)}
.ba__tag--r{right:18px}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:var(--or);z-index:3;cursor:ew-resize;transform:translateX(-1px)}
.ba__handle span{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--or);color:#fff;display:grid;place-items:center;font:500 16px 'JetBrains Mono',monospace;box-shadow:0 0 0 8px rgba(241,84,25,.2),0 10px 40px rgba(241,84,25,.5)}

/* process */
.process{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line)}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:44px}
.steps__line{position:absolute;left:0;right:0;top:10px;height:1px;background:var(--line)}
.steps__line i{display:block;height:100%;background:var(--or);transform:scaleX(0);transform-origin:left}
.step{position:relative}
.step::before{content:"";position:absolute;top:-39px;left:0;width:11px;height:11px;border-radius:50%;background:var(--bg);border:1px solid var(--or)}
.step.is-on::before{background:var(--or);box-shadow:0 0 18px var(--or)}
.step__no{display:block;font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(64px,7vw,120px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(244,241,234,.35);margin-bottom:22px;transition:color .5s,-webkit-text-stroke-color .5s}
.step.is-on .step__no{color:var(--or);-webkit-text-stroke-color:var(--or)}
.step h3{font-size:22px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
.step p{color:var(--mute);font-size:15px;max-width:300px}

/* work */
.work{padding:clamp(80px,10vw,140px) 0;overflow:hidden}
.rail-wrap{padding-left:var(--pad)}
.rail{display:flex;gap:16px;width:max-content;cursor:grab}
.rail:active{cursor:grabbing}
.proj{position:relative;width:clamp(290px,46vw,760px);flex:none;border-radius:24px;overflow:hidden;display:block}
.proj__img{display:block;aspect-ratio:16/10;background:var(--bg2)}
.proj__img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s var(--ease);pointer-events:none}
.proj:hover .proj__img img{transform:scale(1.04)}
.proj__meta{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 14px 20px;border-radius:18px;background:rgba(12,12,10,.5)}
.proj__meta b{display:block;font-size:18px;font-weight:700}
.proj__meta .mono{color:var(--mute);font-size:11px}
.proj__meta i{font-style:normal;width:40px;height:40px;flex:none;border-radius:50%;background:var(--or);display:grid;place-items:center;transition:transform .4s var(--ease)}
.proj:hover .proj__meta i{transform:rotate(45deg)}
.rail-ctrl{display:flex;align-items:center;gap:16px;margin-top:28px;color:var(--mute)}
.rail-prog{flex:1;height:1px;background:var(--line)}
.rail-prog i{display:block;height:100%;width:100%;background:var(--fg);transform:scaleX(.15);transform-origin:left}

/* faq */
.faq{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line)}
.faq__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:clamp(19px,1.8vw,26px);font-weight:600;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--line);transition:background .3s,transform .4s var(--ease)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] summary i{background:var(--or);border-color:var(--or);transform:rotate(45deg)}
.faq details>div{overflow:hidden}
.faq details p{color:var(--mute);padding:0 0 26px;max-width:620px;font-size:17px}

/* cta */
.cta{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:120px var(--pad);overflow:hidden;border-top:1px solid var(--line)}
.cta__irisWrap{position:absolute;left:50%;top:50%;width:min(110vw,1100px);aspect-ratio:1;transform:translate(-50%,-50%);opacity:.5;pointer-events:none;-webkit-mask:radial-gradient(closest-side,#000 40%,transparent);mask:radial-gradient(closest-side,#000 40%,transparent)}
.cta__irisWrap canvas{width:100%;height:100%}
.cta__in{position:relative;display:flex;flex-direction:column;align-items:center}
.cta__title{font-weight:900;font-variation-settings:'wdth' 62;font-size:clamp(84px,17vw,300px);line-height:.8;letter-spacing:-.025em;text-transform:uppercase}
.cta__lead{max-width:460px;color:rgba(244,241,234,.8);margin:28px 0 36px;font-size:18px}
.cta__form{display:flex;gap:6px;padding:6px;border-radius:99px;width:min(760px,100%)}
.cta__form label{flex:1;min-width:0}
.cta__form input{width:100%;height:52px;padding:0 20px;outline:0;font-size:16px;border-radius:99px}
.cta__form input:focus{background:rgba(255,255,255,.06)}
.cta__form input::placeholder{color:rgba(244,241,234,.45)}
.cta__form.is-sent .btn{background:var(--ice);color:var(--bg)}

/* footer */
.foot{padding:28px var(--pad) 0;overflow:hidden}
.foot__row{display:flex;justify-content:space-between;gap:20px;color:var(--mute);padding-bottom:20px;border-bottom:1px solid var(--line)}
.foot__row a:hover{color:var(--or)}
.foot__big{font-weight:900;font-variation-settings:'wdth' 62;font-size:25.5vw;line-height:.78;letter-spacing:-.03em;text-align:center;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(244,241,234,.18);padding-top:.06em;margin-bottom:-.06em;transition:color .6s}
.foot__big:hover{color:var(--or);-webkit-text-stroke-color:var(--or)}

/* reveal helpers */
.rv{opacity:0;transform:translateY(40px)}

/* RESPONSIVE */

/* video karta: telefon s ukázkou */
.card--video{min-height:clamp(560px,50vw,740px);background:radial-gradient(70% 55% at 66% 38%,rgba(150,214,40,.16),transparent 70%),#0d0f0b}
.card--video .card__body{z-index:1}
.card .vtag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(244,241,234,.5);margin-top:10px}
.vphone{position:absolute;z-index:2;top:76px;bottom:clamp(150px,12vw,185px);right:9%;aspect-ratio:9/16.6;padding:7px;border:0;border-radius:36px;background:linear-gradient(150deg,#3a3b36,#121210 40%,#2a2b27);cursor:pointer;transform:rotate(4deg);transition:transform .8s var(--ease);
 box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 50px 90px -20px rgba(0,0,0,.8),0 0 80px -10px rgba(150,214,40,.28)}
.card--video:hover .vphone{transform:rotate(1.5deg) translateY(-6px)}
.vphone__screen{position:relative;display:block;width:100%;height:100%;border-radius:29px;overflow:hidden;background:#0b0d08}
.vphone__screen video{width:100%;height:100%;object-fit:cover;display:block}
.vphone__screen::before{content:"";position:absolute;z-index:1;top:9px;left:50%;width:30%;height:16px;margin-left:-15%;border-radius:99px;background:#000}
.vphone__bar{position:absolute;z-index:1;left:14px;right:14px;bottom:10px;height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.vphone__bar i{display:block;height:100%;width:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.vphone__play{position:absolute;z-index:2;left:50%;bottom:26px;translate:-50% 0;white-space:nowrap;font-size:11px;letter-spacing:.06em;padding:8px 14px;border-radius:99px;background:rgba(10,12,8,.55);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--fg);transition:background .3s}
.vphone:hover .vphone__play{background:rgba(255,255,255,.28)}
.card--social{min-height:clamp(560px,50vw,760px);background:radial-gradient(50% 60% at 62% 45%,rgba(150,214,40,.13),transparent 70%),radial-gradient(40% 55% at 86% 45%,rgba(241,84,25,.16),transparent 70%),#0d0e0b}
.card--social .card__body{z-index:1;max-width:44%}
.card--social .vphone{top:84px;bottom:56px;right:31%;transform:rotate(-4deg)}
.card--social .vphone + .vphone{right:6%;top:64px;bottom:76px;transform:rotate(4deg)}
.card--social:hover .vphone{transform:rotate(-2deg) translateY(-6px)}
.card--social:hover .vphone + .vphone{transform:rotate(2deg) translateY(-6px)}
.vbox{margin:auto;padding:0;border:0;background:transparent;color:var(--fg);max-width:none;max-height:none;overflow:visible;text-align:center}
.vbox::backdrop{background:rgba(6,6,5,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.vbox video{display:block;height:min(84svh,calc(92vw*16/9));aspect-ratio:9/16;border-radius:22px;background:#000}
.vbox p{margin-top:12px;font-size:11px;color:rgba(244,241,234,.55)}
.vbox__x{position:fixed;right:18px;top:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:var(--fg);font-size:18px;cursor:pointer}
@media (max-width:640px){
  .card.card--video{min-height:min(760px,190vw)}
  .vphone__play{font-size:10px;padding:6px 11px;bottom:22px}
  .vphone{top:76px;bottom:200px;right:50%;translate:50% 0;border-radius:32px}
  .vphone__screen{border-radius:26px}
  .card.card--social{min-height:min(620px,160vw)}
  .card--social .card__body{max-width:none}
  .card--social .vphone,.card--social .vphone + .vphone{top:78px;bottom:auto;width:44%;translate:none;padding:5px;border-radius:24px}
  .card--social .vphone{left:4%;right:auto}
  .card--social .vphone + .vphone{right:4%;left:auto;top:100px}
  .card--social .vphone__screen{border-radius:20px}
  .card--social .vphone__screen::before{height:10px;top:6px}
  .card--social .vphone__play{font-size:9px;padding:5px 8px;bottom:16px}
}
@media (max-width:1000px){
  .nav__links{display:none}
  .hero__bottom{grid-template-columns:minmax(0,1fr)}
  .card,.card--xl{grid-column:span 12}
  .card--accent .card__body{max-width:none}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}
  .faq__grid{grid-template-columns:minmax(0,1fr)}
  .card__media--iris canvas{width:64vw;height:64vw;opacity:.9;transform:translate(22%,-18%)}
  .card__media--iris{place-items:start end;padding:0}
  .card--accent .card__body{padding-top:0}
}
@media (max-width:640px){
  .mono{font-size:11px}
  .hero{padding-top:80px}
  .label--r{display:none}
  .hero__title{flex-direction:row;justify-content:flex-start;font-size:27vw;gap:.14em;margin-top:6px}
  .hero__shade{background:linear-gradient(180deg,rgba(12,12,10,.6) 0%,rgba(12,12,10,0) 26%,rgba(12,12,10,0) 56%,rgba(12,12,10,.96) 78%)}
  .hero__photo{inset:-12% 0 0 0}
  .hero__lead{font-size:17px}
  .hero__chips{gap:8px;margin:16px 0 auto}
  .hero__chips li{padding:9px 16px;font-size:15px}
  .chip{font-size:11px;padding:7px 12px}
  .hero__meta{flex-wrap:wrap;gap:8px 18px}
  .scrollhint{display:none}
  .urlbox{flex-wrap:wrap;border-radius:24px}
  .urlbox input{height:48px;padding-left:4px}
  .urlbox .btn{width:100%;justify-content:space-between}
  .sechead{flex-direction:column;align-items:flex-start;gap:20px}
  .card{min-height:440px;border-radius:22px}
  .card__media--web img{width:92%;right:-14%;top:9%}
  .card{min-height:470px}
  .glassbtn{top:16px;right:16px;height:38px;padding:0 14px;font-size:13px}
  .kinetic{height:180vh}
  .kinetic__fig{width:72vw}
  .kinetic__cap{right:var(--pad)}
  .ba{aspect-ratio:9/16}
  .steps{grid-template-columns:minmax(0,1fr)}
  .steps__line{display:none}
  .step::before{display:none}
  .cta__form{flex-direction:column;border-radius:26px}
  .cta__form .btn{justify-content:space-between}
  .foot__row{flex-direction:column;gap:8px}
  .proj{width:84vw}
}
@media (prefers-reduced-motion:reduce){.grain{animation:none}}

/* kontrola webu 5. 11.: hlavička s pozadím po úvodu, štítky porovnání dole, celé háčky v patičce, kurzor až po pohybu myši, kratší mezery na mobilu */
.nav{transition:transform .5s var(--ease),background .4s,border-color .4s;border-bottom:1px solid transparent}
.nav.is-solid{background:rgba(12,12,10,.74);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.ba__tag{top:auto;bottom:18px}
.foot__big{padding-top:.24em;margin-top:-.08em}
.cursor{opacity:0;transition:opacity .3s}
.cursor.is-on{opacity:1}
@media (max-width:640px){
  .manifest{padding:72px 0}
  .compare,.process,.work,.faq{padding:64px 0}
  .cta{min-height:0;padding:96px var(--pad)}
  .card__media--web img{width:84%;right:-10%;top:5%}
  .ba__tag{bottom:12px;font-size:10px;padding:6px 10px}
}

/* výkon na dotykových zařízeních: bez rozmazávání pozadí (backdrop-filter) a bez animovaného zrnění přes celou obrazovku */
@media (hover:none){
  .grain{display:none}
  .glass,.glassbtn,.chip,.hero__chips li,.vphone__play,.nav.is-solid{backdrop-filter:none;-webkit-backdrop-filter:none}
  .glass{background:rgba(30,30,27,.82)}
  .glassbtn{background:rgba(20,20,18,.62)}
  .chip,.hero__chips li{background:rgba(12,12,10,.62)}
  .hero__chips li.is-hot{background:var(--or)}
  .nav.is-solid{background:rgba(12,12,10,.92)}
  .vphone__play{background:rgba(10,12,8,.7)}
}

/* barevná záře („plyn“) za ukázkami webů a v kontaktu: rozmazané skvrny jsou předkreslené gradienty, hýbe se jen transform (levné i na mobilu) */
.glow{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.glow i{position:absolute;width:75vmax;height:75vmax;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);will-change:transform;animation:glowA 24s ease-in-out infinite alternate}
.glow i:nth-child(1){--c:rgba(241,84,25,.62);right:-22vmax;bottom:-34vmax}
.glow i:nth-child(2){--c:rgba(255,120,92,.42);right:4vmax;top:-38vmax;animation-name:glowB;animation-duration:29s}
.glow i:nth-child(3){--c:rgba(119,231,254,.2);left:-34vmax;top:-26vmax;animation-name:glowC;animation-duration:33s}
.glow::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 6px)}
@keyframes glowA{to{transform:translate(-14vmax,-10vmax) scale(1.15)}}
@keyframes glowB{to{transform:translate(-18vmax,12vmax) scale(.9)}}
@keyframes glowC{to{transform:translate(16vmax,10vmax) scale(1.2)}}
.screen>.screen__bar,.screen>.screen__body{position:relative;z-index:1}
.cta .glow i:nth-child(1){right:auto;left:50%;bottom:-40vmax;margin-left:-37vmax}
.cta .glow i:nth-child(2){--c:rgba(241,84,25,.32)}
.cta__in{z-index:1}
@media (prefers-reduced-motion:reduce){.glow i{animation:none}}

/* hero v2 (5. 11.): nadpis říká, co děláme; oko uprostřed čisté; oranžová jen na „vidět." a tlačítku */
.hero__title{display:block;font-size:clamp(52px,min(5.6vw,9.4svh),118px);line-height:.95;letter-spacing:-.015em;margin:20px 0 auto;max-width:none}
.hero__title .ht{clip-path:inset(-40% -10% 0 -10%);padding-top:.08em;margin-top:-.06em}
.hero__title .ht__in{display:block}
.hero__lead{max-width:440px;font-weight:500}
.hero__lead strong{color:inherit}
.hero__top{justify-content:flex-start}
.hero__shade{background:linear-gradient(180deg,rgba(12,12,10,.82) 0%,rgba(12,12,10,.5) 24%,rgba(12,12,10,0) 44%,rgba(12,12,10,0) 64%,rgba(12,12,10,.9) 100%)}
@media (min-width:641px){
  .hero__shade{background:linear-gradient(180deg,rgba(12,12,10,.7) 0%,rgba(12,12,10,0) 40%,rgba(12,12,10,0) 66%,rgba(12,12,10,.9) 100%),linear-gradient(90deg,rgba(12,12,10,.55) 0%,rgba(12,12,10,0) 38%)}
}
@media (max-width:640px){
  .hero__title{font-size:min(15vw,8.4svh);margin-top:16px}
  .hero__shade{background:linear-gradient(180deg,rgba(12,12,10,.85) 0%,rgba(12,12,10,.6) 26%,rgba(12,12,10,0) 42%,rgba(12,12,10,0) 58%,rgba(12,12,10,.96) 76%)}
  .hero__meta{display:none}
  .hero__lead{font-size:17px}
}

/* hero v3: výrazná značka NA OČÍCH + jasná nabídka „navrhneme zdarma" */
.hero__head{margin:14px 0 auto}
.hero__title{font-size:clamp(84px,min(13.5vw,24svh),270px);line-height:.86;letter-spacing:-.025em;margin:0}
.hero__title .ht{clip-path:inset(-45% -10% 0 -10%);padding-top:.12em;margin-top:-.1em}
.hero__offer{margin-top:clamp(10px,1.4vw,20px);font-weight:700;font-size:clamp(24px,2.6vw,44px);line-height:1.15;letter-spacing:-.015em;color:var(--fg);text-shadow:0 2px 24px rgba(0,0,0,.55)}
.hero__offer em{font-style:normal;color:#fff;background:var(--or);padding:.02em .28em .06em;border-radius:.22em;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-shadow:none}
@media (max-width:640px){
  .hero__title{font-size:min(25vw,15svh)}
  .hero__offer{font-size:min(7.4vw,4.2svh)}
}

/* hero v4: „Weby, videa a sítě, které jsou na očích." (značka v nadpisu) + nabídka zdarma; oko uprostřed volné */
.hero__head{margin:4px 0 auto}
.hero__title{font-size:clamp(52px,min(5.8vw,9.6svh),122px);line-height:.95;letter-spacing:-.015em}
.hero__title .ht{clip-path:inset(-40% -10% 0 -10%);padding-top:.08em;margin-top:-.06em}
.hero__offer{font-size:clamp(20px,1.9vw,32px);margin-top:clamp(12px,1.4vw,20px)}
@media (max-width:640px){
  .hero__title{font-size:min(14.2vw,8svh)}
  .hero__offer{font-size:min(6vw,3.4svh)}
}

.rot{display:inline-block}
/* nadpis a nabídka o ~8 % menší */
.hero__title{font-size:clamp(48px,min(5.35vw,8.8svh),112px)}
.hero__offer{font-size:clamp(18px,1.75vw,29px)}
@media (max-width:640px){
  .hero__title{font-size:min(13.1vw,7.4svh)}
  .hero__offer{font-size:min(5.5vw,3.1svh)}
}
@media (max-width:640px){
  .hero{padding-top:68px}
  .hero__head{margin-top:0}
  .hero__title{font-size:min(12.4vw,7svh)}
  .hero__offer{font-size:min(5.2vw,2.95svh)}
}
@media (min-width:641px){
  .hero__title{font-size:clamp(52px,min(5.75vw,9.4svh),120px)}
  .hero__offer{font-size:clamp(19px,1.88vw,31px)}
}

/* zvýrazňovač přes důležité části úvodní věty (tah štětcem, dokreslí se po načtení) */
.hero__lead mark.hl{color:#fff;font-weight:650;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Cpath d='M7 17C52 9 120 13 180 11S320 8 393 15C397 24 396 36 391 45C330 52 262 46 196 49S62 53 9 46C3 36 3 26 7 17Z' fill='%23F15419' fill-opacity='.86'/%3E%3Cpath d='M16 21C110 15 230 19 384 20' stroke='%23FF8A57' stroke-width='3' stroke-opacity='.55' fill='none'/%3E%3Cpath d='M12 31C150 27 260 33 390 29' stroke='%23FF8A57' stroke-width='2' stroke-opacity='.35' fill='none'/%3E%3Cpath d='M14 41C120 38 250 43 386 39' stroke='%23B8360A' stroke-width='3' stroke-opacity='.45' fill='none'/%3E%3C/svg%3E") no-repeat 0 60%/0% 100%;padding:.2em .22em .08em;margin:0 -.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .9s cubic-bezier(.65,0,.25,1);text-shadow:0 1px 0 rgba(120,30,0,.25)}
.hero__lead.is-hl mark.hl{background-size:100% 100%}
.hero__lead.is-hl mark.hl--2{transition-delay:.55s}

/* výběr, co chce zákazník zdarma vidět (web / video / příspěvek) */
.cta__pick{border:0;margin:0 0 18px;padding:0;min-width:0}
.cta__pick legend{width:100%;text-align:center;color:var(--mute);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;padding:0}
.cta__picks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pick{position:relative;cursor:pointer}
.pick input{position:absolute;opacity:0;width:1px;height:1px}
.pick span{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:99px;border:1px solid rgba(244,241,234,.24);background:rgba(12,12,10,.55);font-weight:600;font-size:15px;transition:background .25s,border-color .25s,transform .25s}
.pick span::before{content:"";flex:none;width:20px;height:20px;border-radius:7px;border:1.5px solid rgba(244,241,234,.5);display:grid;place-items:center;font-size:13px;font-weight:800;line-height:1;transition:background .25s,border-color .25s}
.pick:hover span{border-color:rgba(244,241,234,.5)}
.pick input:checked+span{background:var(--or);border-color:var(--or);color:#fff}
.pick input:checked+span::before{content:"✓";background:#fff;border-color:#fff;color:var(--or)}
.pick input:focus-visible+span{outline:2px solid var(--ice);outline-offset:3px}
.pick:active span{transform:scale(.97)}
@media (max-width:640px){.pick span{font-size:14px;padding:10px 14px 10px 11px}}

/* úvod: místo pole na adresu jedno velké tlačítko (pole na mobilu rozhazovalo zoom při otevření klávesnice) */
.btn--hero{height:64px;padding:0 10px 0 30px;font-size:18px;font-weight:700;justify-self:end;align-self:end;box-shadow:0 18px 50px -12px rgba(241,84,25,.65)}
.btn--hero i{width:46px;height:46px}
@media (max-width:640px){.btn--hero{width:100%;justify-content:space-between;height:60px;font-size:17px}}
/* přepínač „Zatím web nemám" pod formulářem */
.nosite{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:rgba(244,241,234,.8);font-size:15px;cursor:pointer}
.nosite input{position:absolute;opacity:0;width:1px;height:1px}
.nosite span::before{content:"";display:inline-grid;place-items:center;vertical-align:-4px;margin-right:10px;width:20px;height:20px;border-radius:7px;border:1.5px solid rgba(244,241,234,.5);font-size:13px;font-weight:800;line-height:1;transition:background .25s,border-color .25s}
.nosite input:checked+span::before{content:"✓";background:var(--or);border-color:var(--or);color:#fff}
.nosite input:focus-visible+span{outline:2px solid var(--ice);outline-offset:3px}
/* formulář pro ty, kdo web nemají: větší pole na popis + nápověda */
.cta__form.is-long{flex-direction:column;align-items:stretch;border-radius:26px;padding:8px}
.cta__form.is-long label{flex:none}
.cta__form.is-long .btn{align-self:stretch;justify-content:space-between}
.f-about textarea{display:block;width:100%;min-height:120px;padding:16px 20px;border-radius:18px;background:rgba(255,255,255,.05);color:var(--fg);font:inherit;font-size:16px;line-height:1.45;resize:vertical;outline:0;border:0}
.f-about textarea::placeholder{color:rgba(244,241,234,.45)}
.f-about textarea:focus{background:rgba(255,255,255,.08)}
.f-hint{display:block;text-align:left;font-size:13px;line-height:1.45;color:rgba(244,241,234,.6);padding:10px 20px 4px}
/* kontakt: zvlášť e-mail a telefon */
.cta__form{width:min(940px,100%)}
@media (max-width:640px){.cta__form{flex-direction:column;align-items:stretch;border-radius:26px}}
/* mobil: řádky nadpisu „Váš nový web…" víc od sebe, aby se čárky a háčky nedotýkaly písmen nad nimi */
@media (max-width:640px){.screen__title{line-height:1.06;margin:-.1em 0 -.12em}}

/* účtenka „0 Kč" s razítkem ZDARMA pod textem o návrhu */
.receipt{position:relative;width:min(360px,100%);margin-top:26px;padding:18px 20px 22px;background:#F4F1EA;color:#1a1814;font-size:12.5px;letter-spacing:.02em;border-radius:6px 6px 0 0;transform:rotate(-1.5deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) bottom/14px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,#0000 0) bottom/14px 8px repeat-x}
.receipt__row{display:flex;align-items:baseline;gap:8px;padding:5px 0}
.receipt__row i{flex:1;border-bottom:1.5px dotted rgba(26,24,20,.35);transform:translateY(-3px)}
.receipt__row b{font-weight:500}
.receipt__total{margin-top:6px;padding-top:10px;border-top:1.5px dashed rgba(26,24,20,.45);font-size:14px;font-weight:700}
.receipt__total b{font-weight:700}
.stamp{position:absolute;left:44%;top:50%;margin-top:-30px;padding:6px 14px 4px;border:3px solid var(--or);border-radius:8px;color:var(--or);font-family:var(--disp);font-weight:900;font-variation-settings:'wdth' 62;font-size:34px;line-height:1;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-12deg);mix-blend-mode:multiply;box-shadow:inset 0 0 0 2px rgba(241,84,25,.25)}
@media (max-width:640px){
  .receipt{margin-top:18px;padding:14px 16px 18px;font-size:11.5px;width:min(320px,100%)}
  .stamp{font-size:28px;left:42%}
  .screen__shots{height:30svh}
}

/* text pod „Váš nový web…": důležité části bíle, podtržení štětcem a „zdarma" zakroužkované fixou; dokreslí se po zoomu */
.screen__lead .ul,.screen__lead .circ{color:var(--fg);font-weight:600}
.screen__lead .ul{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M3 12C60 7 140 9 210 7S285 6 297 9L295 15C230 17 150 14 90 16S20 18 4 17Z' fill='%23F15419' fill-opacity='.9'/%3E%3C/svg%3E") no-repeat 0 100%/0% .32em;padding-bottom:.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .8s cubic-bezier(.65,0,.25,1)}
.screen__lead.is-in .ul{background-size:100% .32em}
.screen__lead.is-in .ul--2{transition-delay:1.1s}
.screen__lead .circ{position:relative;white-space:nowrap}
.screen__lead .circ svg{position:absolute;left:-16%;top:-34%;width:132%;height:168%;overflow:visible;pointer-events:none}
.screen__lead .circ path{fill:none;stroke:var(--or);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.65,0,.25,1) .6s}
.screen__lead.is-in .circ path{stroke-dashoffset:0}
@media (max-width:640px){.receipt{display:none}.screen__shots{height:36svh}}

/* nikdy neukazovat systémové tlačítko play (iPhone v úsporném režimu blokuje automatické přehrání) */
.hero__photo video::-webkit-media-controls,.vphone video::-webkit-media-controls,
.hero__photo video::-webkit-media-controls-start-playback-button,.vphone video::-webkit-media-controls-start-playback-button,
.hero__photo video::-webkit-media-controls-overlay-play-button,.vphone video::-webkit-media-controls-overlay-play-button,
.hero__photo video::-webkit-media-controls-panel,.vphone video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none!important;opacity:0!important}
.hero__photo video,.vphone video{pointer-events:none}
.vphone.is-still .vphone__bar{display:none}

/* počítač: značka NA OČÍCH vpravo nahoře – obrysové písmo, O vyplněné oranžově jako duhovka */
.hero__brand{position:absolute;right:var(--pad);top:clamp(96px,13svh,140px);z-index:1;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--disp);font-weight:900;font-variation-settings:'wdth' 62;font-size:clamp(83px,min(10.1vw,17.5svh),212px);line-height:.95;letter-spacing:.012em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px rgba(244,241,234,.55);pointer-events:none;text-shadow:none}
.hero__brand span{display:block;padding-top:.1em;margin-top:-.1em;margin-right:-.012em}
.hero__brand b{font-weight:inherit;color:var(--or);-webkit-text-stroke:0;text-shadow:0 0 60px rgba(241,84,25,.45)}
@media (max-width:1000px){.hero__brand{display:none}}

/* ===== služby v2: Sítě + SEO a GEO vedle sebe, rozkliknutí karet ===== */
.card--social{grid-column:span 7}
.card--seo{grid-column:span 5;min-height:clamp(560px,50vw,760px);background:radial-gradient(60% 50% at 50% 30%,rgba(119,231,254,.12),transparent 70%),#0c0e0f;cursor:pointer}
.card--social .card__body{max-width:none}
.card--social .vphone{top:48px;bottom:clamp(200px,17vw,240px);right:auto;left:14%;transform:rotate(-4deg)}
.card--social .vphone + .vphone{left:auto;right:12%;top:30px;bottom:clamp(218px,18.5vw,258px);transform:rotate(4deg)}
.card{cursor:pointer}
.card__open i{font-size:18px;line-height:1}
.card:hover .card__open{background:rgba(255,255,255,.24)}
.card--accent:hover .card__open{background:rgba(12,12,10,.35)}

/* SEO ukázka: vyhledávání + odpověď AI */
.card__media--seo{display:flex;justify-content:center;padding:72px 7% 0}
.seo{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}
.seo__bar{display:flex;align-items:center;gap:12px;height:52px;padding:0 18px;border-radius:99px;background:#f4f1ea;color:#1a1814;box-shadow:0 20px 50px -18px rgba(0,0,0,.8)}
.seo__g{font-weight:800;font-size:20px;color:#4285f4}
.seo__q{font-size:14px;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden}
.seo__caret{width:2px;height:20px;background:var(--or);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.seo__res{list-style:none;display:flex;flex-direction:column;gap:6px}
.seo__res li{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;background:rgba(244,241,234,.06);border:1px solid rgba(244,241,234,.1);font-size:14px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.seo__res li span{font-size:12px;color:rgba(244,241,234,.55)}
.seo__res li.is-you{background:rgba(241,84,25,.16);border-color:rgba(241,84,25,.55)}
.seo__res li.is-you b{color:#fff}
.seo__ai{padding:14px 16px;border-radius:14px 14px 14px 4px;background:rgba(119,231,254,.1);border:1px solid rgba(119,231,254,.3);font-size:14px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.seo__ai span{display:block;font-size:10px;letter-spacing:.08em;color:var(--ice);margin-bottom:4px}
.seo__ai b{color:#fff}
.seo.is-on .seo__res li,.seo.is-on .seo__ai{opacity:1;transform:none}
.seo.is-on .seo__res li:nth-child(2){transition-delay:.12s}.seo.is-on .seo__res li:nth-child(3){transition-delay:.24s}.seo.is-on .seo__ai{transition-delay:.5s}

/* rozbalená karta (sheet) */
.sheet{position:fixed;inset:0;z-index:120}
.sheet[hidden]{display:none}
.sheet__bg{position:absolute;inset:0;background:rgba(6,6,5,.72);opacity:0}
.sheet__panel{position:fixed;overflow:hidden;border-radius:28px;background:var(--bg2,#151513);box-shadow:0 40px 120px rgba(0,0,0,.7)}
.sheet__scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.sheet__media{position:relative;height:min(52vh,520px);overflow:hidden;isolation:isolate}
.sheet__media>.card{position:absolute!important;inset:0;min-height:0!important;border-radius:0;transform:none!important;opacity:1!important;visibility:visible!important;cursor:default}
.sheet__media>.card .card__body,.sheet__media>.card .card__open,.sheet__media>.card .card__no{display:none}
.sheet__media::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,var(--bg2,#151513));pointer-events:none}
.sheet__content{position:relative;padding:0 clamp(22px,5vw,72px) clamp(40px,6vw,80px);margin-top:-90px;opacity:0}
.sheet__no{color:var(--or);margin-bottom:10px}
.sheet__title{font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(64px,9vw,150px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase}
.sheet__lead{max-width:760px;margin-top:22px;font-size:clamp(18px,1.6vw,24px);line-height:1.45;color:var(--fg)}
.sheet__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:clamp(32px,4vw,56px)}
.sheet__k{color:var(--mute);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.sheet__list{list-style:none;display:flex;flex-direction:column}
.sheet__list li{position:relative;padding:14px 0 14px 34px;border-top:1px solid var(--line);font-size:17px;line-height:1.4}
.sheet__list li::before{content:"";position:absolute;left:4px;top:21px;width:14px;height:8px;border-left:2px solid var(--or);border-bottom:2px solid var(--or);transform:rotate(-45deg)}
.sheet__steps{list-style:none;display:flex;flex-direction:column;gap:10px}
.sheet__steps li{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:rgba(244,241,234,.04);border:1px solid var(--line)}
.sheet__steps b{color:var(--or);font-size:13px;padding-top:3px}
.sheet__steps span{display:flex;flex-direction:column;gap:2px;color:var(--mute);font-size:15px}
.sheet__steps strong{color:var(--fg);font-size:17px;font-weight:600}
.sheet__note{margin-top:28px;padding:22px 24px;border-radius:20px;background:rgba(119,231,254,.07);border:1px solid rgba(119,231,254,.25);max-width:820px}
.sheet__note .sheet__k{color:var(--ice);margin-bottom:8px}
.sheet__note p:last-child{font-size:16px;line-height:1.5}
.sheet__shots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.sheet__shots img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.sheet__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.sheet__foot p{color:var(--mute)}
.sheet__x{position:absolute;right:16px;top:16px;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(12,12,10,.55);color:var(--fg);font-size:18px;cursor:pointer;opacity:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sheet__x:hover{background:rgba(255,255,255,.18)}
@media (max-width:1000px){.card--social,.card--seo{grid-column:span 12}}
@media (max-width:640px){
  .card--seo{min-height:560px}
  .card__media--seo{padding:64px 18px 0}
  .card.card--social .vphone{left:4%}
  .sheet__panel{border-radius:0}
  .sheet__media{height:44vh}
  .sheet__grid{grid-template-columns:1fr}
  .sheet__shots{grid-template-columns:1fr 1fr}
  .sheet__shots img:nth-child(3){display:none}
  .sheet__content{margin-top:-60px}
  .sheet__list li{font-size:16px}
  .sheet__foot .btn{width:100%;justify-content:space-between}
  .sheet__x{top:max(14px,env(safe-area-inset-top));right:14px}
}
.card .card__open{z-index:6;transform:translateZ(40px)}
@media (max-width:640px){
  .card.card--social{min-height:600px}
  .card--social .vphone,.card--social .vphone + .vphone{top:70px;bottom:auto;width:42%;aspect-ratio:9/16.6;padding:5px;border-radius:22px}
  .card--social .vphone{left:5%;right:auto;transform:rotate(-4deg)}
  .card--social .vphone + .vphone{left:auto;right:5%;top:92px;transform:rotate(4deg)}
  .card.card--seo{min-height:700px}
  .card__media--seo{padding-top:70px}
}
/* Sítě: telefony nad nadpisem (háček Ě se nepřekrývá), karta o kus vyšší, ať telefony nezmenší */
@media (min-width:641px){
  .card--social,.card--seo{min-height:clamp(660px,58vw,880px)}
  .card--social .vphone{top:44px;bottom:clamp(300px,23vw,340px)}
  .card--social .vphone + .vphone{top:26px;bottom:clamp(318px,24.5vw,358px)}
}
/* rozbalená karta: telefony s videem velké a uprostřed náhledu */
.sheet__media{height:min(64vh,640px)}
.sheet__media>.card .vphone{top:6%!important;bottom:6%!important;left:auto!important;right:auto!important;translate:none!important}
.sheet__media>.card--video .vphone{left:50%!important;transform:translateX(-50%) rotate(3deg)!important}
.sheet__media>.card--social .vphone{left:calc(50% - 22%)!important;transform:translateX(-50%) rotate(-4deg)!important}
.sheet__media>.card--social .vphone + .vphone{left:calc(50% + 22%)!important;top:4%!important;bottom:8%!important;transform:translateX(-50%) rotate(4deg)!important}
@media (max-width:640px){
  .sheet__media{height:58vh}
  .sheet__media>.card--social .vphone{left:27%!important;width:auto!important}
  .sheet__media>.card--social .vphone + .vphone{left:73%!important}
  .sheet__media>.card .vphone{top:8%!important;bottom:12%!important}
}
@media (max-width:640px){
  .sheet__media>.card--social .vphone,.sheet__media>.card--social .vphone + .vphone{top:14%!important;bottom:22%!important}
}

/* (03) Pár vteřin: rychlý feed, který se zastaví na naší práci */
.feed{position:relative;height:300vh;--stop:0}
.feed__pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);padding:0 var(--pad)}
.feed__title{font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(56px,7vw,128px);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;margin-top:14px}
.feed__title em{font-style:normal;color:var(--or)}
.feed__lead{max-width:440px;margin-top:24px;color:var(--mute);font-size:clamp(16px,1.3vw,19px)}
.feed__timer{margin-top:28px;color:var(--mute);font-size:13px;letter-spacing:.04em}
.feed__timer b{display:inline-block;min-width:2.4em;font-family:var(--disp);font-weight:800;font-variation-settings:'wdth' 62;font-size:44px;color:var(--fg);vertical-align:-6px}
.feed.is-stopped .feed__timer b{color:var(--or)}
.feed__stage{position:relative;height:100svh;overflow:hidden;-webkit-mask:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.feed__col{position:absolute;left:50%;top:0;width:min(30vw,380px);margin-left:calc(min(30vw,380px) / -2);display:flex;flex-direction:column;gap:18px;padding-top:40svh;will-change:transform}
.feed__card{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#1b1b18;transform-origin:50% 50%;opacity:calc(1 - var(--stop) * .7);filter:saturate(.55) brightness(.75)}
.feed__card img{width:100%;height:100%;object-fit:cover}
.feed__card.is-us{opacity:1;filter:saturate(calc(.55 + var(--stop) * .55)) brightness(calc(.75 + var(--stop) * .25));transform:scale(calc(1 + var(--stop) * .1));box-shadow:0 0 0 calc(var(--stop) * 3px) var(--or),0 40px 90px -20px rgba(241,84,25,calc(var(--stop) * .6));z-index:1;transition:none}
.feed__tag{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:99px;background:var(--or);color:#fff;font-size:11px;letter-spacing:.04em;opacity:var(--stop);transform:translateY(calc((1 - var(--stop)) * 10px))}
@media (max-width:640px){
  .feed{height:260vh}
  .feed__pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;gap:0;padding:84px var(--pad) 0}
  .feed__title{font-size:12vw}
  .feed__lead{font-size:15px;margin-top:12px}
  .feed__timer{margin-top:10px}.feed__timer b{font-size:32px}
  .feed__stage{position:absolute;inset:0;z-index:-1;height:auto}
  .feed__col{width:62vw;margin-left:-31vw;padding-top:62svh}
  .feed__copy{position:relative;z-index:1;padding-bottom:20px;background:linear-gradient(var(--bg) 70%,transparent)}
}
@media (max-width:640px){
  .feed__stage{position:absolute;inset:auto 0 0 0;height:56svh;z-index:0}
  .feed__col{width:56vw;margin-left:-28vw;padding-top:30svh}
  .feed__copy{background:none}
}

/* Spuštění: co je v balíčku */
.launch{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:22px;max-width:520px}
.launch li{display:flex;gap:14px;align-items:baseline;padding:12px 16px;border-radius:14px;background:rgba(12,12,10,.12);border:1px solid rgba(12,12,10,.22);font-size:14px;text-transform:none;letter-spacing:0;color:var(--bg);font-family:var(--body,inherit)}
.launch b{font-family:'JetBrains Mono',monospace;font-weight:500;opacity:.6}
.card--accent .tags{display:none}

/* Pár vteřin v2: feed uvnitř telefonu + tři kroky */
.feed__steps{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:30px;max-width:460px}
.feed__steps li{display:flex;gap:16px;align-items:baseline;padding:14px 18px;border-radius:16px;border:1px solid var(--line);color:var(--mute);opacity:.45;transition:opacity .35s,background .35s,border-color .35s,color .35s}
.feed__steps b{font-size:14px;color:var(--fg);min-width:2.6em}
.feed__steps li.is-on{opacity:1;color:var(--fg);background:rgba(244,241,234,.05)}
.feed__steps li:last-child.is-on{background:rgba(241,84,25,.14);border-color:rgba(241,84,25,.6)}
.feed__steps li:last-child.is-on b{color:var(--or)}
.feed__stage{-webkit-mask:none;mask:none;display:grid;place-items:center}
.feed__phone{position:relative;height:min(82svh,760px);aspect-ratio:9/18.5;border-radius:44px;padding:10px;background:linear-gradient(150deg,#3a3b36,#121210 40%,#2a2b27);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 60px 120px -30px rgba(0,0,0,.85),0 0 120px -20px rgba(241,84,25,calc(var(--stop) * .5))}
.feed__bar{position:absolute;z-index:2;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;align-items:center;padding:34px 18px 12px;border-radius:34px 34px 0 0;background:linear-gradient(#0b0b0a 70%,rgba(11,11,10,0));font-weight:700;font-size:15px}
.feed__bar::before{content:"";position:absolute;top:10px;left:50%;width:32%;height:22px;margin-left:-16%;border-radius:99px;background:#000}
.feed__bar i{font-style:normal;font-size:12px;color:var(--mute);font-weight:500}
.feed.is-stopped .feed__bar i{color:var(--or)}
.feed__screen{position:relative;height:100%;border-radius:34px;overflow:hidden;background:#0b0b0a}
.feed__col{left:0;right:0;width:auto;margin:0;gap:20px;padding:78px 0 0}
.feed__card{aspect-ratio:auto;border-radius:0;background:none;overflow:visible}
.feed__who{display:flex;align-items:center;gap:8px;padding:0 14px 8px;font-size:12px;font-weight:600;color:rgba(244,241,234,.8)}
.feed__who i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#555,#2a2a28)}
.feed__card.is-us .feed__who i{background:linear-gradient(135deg,var(--or),#ffb36b)}
.feed__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:#1b1b18}
.feed__img img,.feed__img video{width:100%;height:100%;object-fit:cover;display:block}
.feed__card.is-us{transform:none;box-shadow:none}
.feed__card.is-us .feed__img{box-shadow:inset 0 0 0 calc(var(--stop) * 3px) var(--or)}
.feed__card.is-us .feed__img::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 calc(var(--stop) * 3px) var(--or);pointer-events:none}
.feed__timer{display:none}
@media (max-width:640px){
  .feed{height:280vh}
  .feed__steps{margin-top:14px;gap:6px}
  .feed__steps li{padding:9px 12px;font-size:13px;gap:10px}
  .feed__steps li:not(.is-on){display:none}
  .feed__stage{height:54svh}
  .feed__phone{height:52svh;border-radius:34px;padding:7px}
  .feed__bar{left:7px;right:7px;top:7px;padding:26px 14px 8px;font-size:13px;border-radius:28px 28px 0 0}
  .feed__bar::before{height:16px;top:7px}
  .feed__screen{border-radius:28px}
  .feed__col{padding-top:60px}
}
.card.card--accent{min-height:clamp(600px,48vw,720px)}
.launch li{font-size:15px;font-weight:500}
@media (max-width:640px){.card.card--accent{min-height:760px}.launch li{font-size:14px;padding:10px 14px}}

/* Spuštění v rozbalení: web, video a příspěvek pohromadě */
.launchset{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.4vw,36px);padding:40px 4% 60px;background:radial-gradient(60% 70% at 50% 40%,rgba(241,84,25,.35),transparent 70%),#140c08}
.ls{position:relative;margin:0;display:flex;flex-direction:column;gap:10px;align-items:center}
.ls>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ls--web img{width:min(40vw,520px);border-radius:12px;box-shadow:0 40px 80px -20px rgba(0,0,0,.8);transform:rotate(-2deg)}
.ls--vid video{height:min(42vh,420px);aspect-ratio:9/16;object-fit:cover;border-radius:22px;border:6px solid #1d1d1b;box-shadow:0 40px 80px -20px rgba(0,0,0,.8);background:#000}
.ls__post{width:min(18vw,230px);border-radius:16px;background:#0b0b0a;padding:10px 0 12px;box-shadow:0 40px 80px -20px rgba(0,0,0,.8);transform:rotate(3deg);border:1px solid var(--line)}
.ls__post img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.ls__post .feed__who{padding:0 10px 8px}
.ls__post .feed__who i{background:linear-gradient(135deg,var(--or),#ffb36b)}
.ls__cap{padding:10px 12px 0;font-size:12px;color:var(--fg)}
@media (max-width:640px){
  .launchset{gap:10px;padding:24px 10px 50px}
  .ls--web{display:none}
  .ls--vid video{height:34vh}
  .ls__post{width:42vw}
}

/* přepínač jazyka v hlavičce */
.nav__end{display:flex;align-items:center;gap:10px}
.lang{display:inline-grid;place-items:center;height:40px;min-width:46px;padding:0 12px;border-radius:99px;font-size:12px;letter-spacing:.08em;color:var(--fg);background:rgba(12,12,10,.45);border:1px solid rgba(244,241,234,.2);transition:background .25s,border-color .25s}
.lang:hover{background:rgba(244,241,234,.12);border-color:rgba(244,241,234,.4)}
@media (max-width:640px){.lang{height:36px;min-width:40px;padding:0 10px}.nav__end{gap:8px}}

/* (04) Postup: „zaostření“ – rozmazaná představa → kostra → hotový web → obsah */
.focus{height:420vh;padding:0;--wire:0;--blur:1;--real:0;--phones:0}
.focus__pin{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,72px);padding:0 var(--pad);overflow:hidden}
.focus__title{font-weight:800;font-variation-settings:'wdth' 62;font-size:clamp(52px,6vw,112px);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;margin-top:14px}
.focus__title em{font-style:normal;color:var(--or)}
.focus__steps{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:28px;max-width:480px}
.focus__steps li{display:flex;gap:16px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);opacity:.4;transition:opacity .35s,background .35s,border-color .35s}
.focus__steps b{color:var(--mute);font-size:13px;padding-top:3px}
.focus__steps span{display:flex;flex-direction:column;gap:3px;color:var(--mute);font-size:14px;line-height:1.45}
.focus__steps strong{color:var(--fg);font-size:18px;font-weight:600}
.focus__steps li span:not(:has(strong)){display:none}
.focus__steps li:not(.is-on) span{font-size:0;gap:0}
.focus__steps li:not(.is-on) strong{font-size:17px}
.focus__steps li.is-on{opacity:1;background:rgba(244,241,234,.05);border-color:rgba(241,84,25,.55)}
.focus__steps li.is-on b{color:var(--or)}
.focus__stage{position:relative;height:100%;display:grid;place-items:center}
.fb{position:relative;width:100%;max-width:760px;border-radius:16px;overflow:hidden;background:#0f100f;border:1px solid var(--line);box-shadow:0 60px 120px -30px rgba(0,0,0,.85),0 0 100px -20px rgba(241,84,25,calc(var(--real) * .4))}
.fb__bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 14px;background:#191a18;border-bottom:1px solid var(--line)}
.fb__dots{display:flex;gap:6px}.fb__dots i{width:10px;height:10px;border-radius:50%;background:rgba(244,241,234,.18)}
.fb__url{flex:1;max-width:360px;margin:0 auto;height:28px;border-radius:99px;background:rgba(244,241,234,.06);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;text-transform:none;letter-spacing:0;color:var(--fg)}
.fb__lock{font-size:8px;color:rgba(244,241,234,.3);transition:color .3s}
.focus.is-live .fb__lock{color:#3ddc84}
.fb__caret{width:1.5px;height:14px;background:var(--or);animation:caret 1s steps(1) infinite}
.fb__view{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d0f10}
.fb__view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.fb__blur{filter:blur(28px) saturate(1.4);transform:scale(1.15);opacity:var(--blur)}
.fb__real{opacity:var(--real)}
.fb__wire{position:absolute;inset:0;opacity:var(--wire);background:#0e1011}
.fb__wire i{position:absolute;border:1.5px dashed rgba(244,241,234,.35);border-radius:6px}
.w-nav{left:5%;right:5%;top:5%;height:6%}
.w-t1{left:5%;top:20%;width:46%;height:10%}.w-t2{left:5%;top:33%;width:40%;height:10%}.w-t3{left:5%;top:46%;width:30%;height:10%}
.w-btn{left:5%;top:62%;width:16%;height:7%;border-color:rgba(241,84,25,.8)!important;background:rgba(241,84,25,.12)}
.w-img{right:5%;top:20%;width:36%;height:50%}
.w-c1{left:5%;bottom:6%;width:27%;height:16%}.w-c2{left:36.5%;bottom:6%;width:27%;height:16%}.w-c3{right:5%;bottom:6%;width:27%;height:16%}
.fb__badge{position:absolute;right:14px;bottom:14px;padding:7px 12px;border-radius:99px;background:var(--or);color:#fff;font-size:11px;opacity:calc(var(--wire) + var(--real) * (1 - var(--phones)))}
.fb__phone{position:absolute;width:clamp(110px,11vw,170px);aspect-ratio:9/18.5;border-radius:24px;padding:5px;background:linear-gradient(150deg,#3a3b36,#121210 40%,#2a2b27);box-shadow:0 40px 80px -20px rgba(0,0,0,.85);opacity:var(--phones)}
.fb__phone img,.fb__phone video{width:100%;height:100%;object-fit:cover;border-radius:19px;display:block;background:#000}
.fb__phone--l{left:2%;bottom:8%;transform:translateY(calc((1 - var(--phones)) * 60px)) rotate(-6deg)}
.fb__phone--r{right:2%;bottom:12%;transform:translateY(calc((1 - var(--phones)) * 80px)) rotate(5deg)}
.fb__focus{position:absolute;left:50%;bottom:clamp(18px,5vh,48px);translate:-50% 0;font-size:11px;letter-spacing:.08em;color:var(--mute)}
@media (max-width:640px){
  .focus{height:380vh}
  .focus__pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;gap:0;padding:80px var(--pad) 0}
  .focus__title{font-size:12vw}
  .focus__steps{margin-top:14px}
  .focus__steps li:not(.is-on){display:none}
  .focus__steps li{padding:12px 14px}
  .focus__steps strong{font-size:16px}.focus__steps span{font-size:13px}
  .focus__stage{height:auto;padding-top:28px;place-items:start center}
  .fb{border-radius:12px}
  .fb__phone{width:24vw;border-radius:16px;padding:4px}.fb__phone img,.fb__phone video{border-radius:12px}
  .fb__phone--l{left:-2%;bottom:auto;top:calc(28px + 34vw)}
  .fb__phone--r{right:-2%;bottom:auto;top:calc(28px + 30vw)}
  .fb__focus{position:static;translate:none;margin-top:calc(40vw + 20px)}
}

/* postup v2: k číslům přibyl čas („Dnes“, „Do 48 hodin“…), karty s jemným podkladem */
.step{padding:22px 22px 26px;border-radius:22px;border:1px solid var(--line);background:rgba(244,241,234,.02);transition:background .4s,border-color .4s}
.step.is-on{background:rgba(244,241,234,.04);border-color:rgba(241,84,25,.4)}
.step::before{left:22px}
.step__when{display:inline-block;margin-bottom:14px;padding:6px 11px;border-radius:99px;border:1px solid var(--line);font-size:11px;letter-spacing:.06em;color:var(--mute);transition:color .4s,border-color .4s,background .4s}
.step.is-on .step__when{color:#fff;background:var(--or);border-color:var(--or)}
/* feed: kroky bez „3 s“ odrážek */
.feed__steps li{padding:14px 18px}
@media (max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.steps{grid-template-columns:1fr;gap:12px}.step::before{display:none}}

/* nápovědy: scrollujte / klikněte na kartu (jemné, ne křiklavé) */
.hero__hint{display:none}
.sechead__hint{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--or)}
.sechead__hint::before{content:"";width:18px;height:18px;border-radius:50%;border:1px solid currentColor;background:radial-gradient(circle,currentColor 0 3px,transparent 4px);animation:tapPulse 1.8s ease-in-out infinite}
@keyframes tapPulse{50%{transform:scale(.8);opacity:.6}}
.card__open{font-weight:600}
@media (max-width:640px){
  .hero__hint{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(244,241,234,.6)}
  .hero__hint i{width:1px;height:16px;background:var(--fg);transform-origin:top;animation:sh 1.8s var(--ease) infinite}
}
/* Pár vteřin: krátký popisek pod telefonem + tři tečky průběhu */
.feed__lead{max-width:440px;margin-top:18px;color:var(--mute);font-size:clamp(15px,1.2vw,18px)}
.feed__say{position:absolute;left:50%;bottom:-62px;translate:-50% 0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap;font-weight:700;font-size:18px;color:var(--fg)}
.feed.is-stopped .feed__say span{color:var(--or)}
.feed__dots{display:flex;gap:6px}
.feed__dots b{width:22px;height:3px;border-radius:3px;background:rgba(244,241,234,.2);transition:background .3s}
.feed__dots b.is-on{background:var(--or)}
.feed__phone{margin-bottom:60px}
@media (min-width:641px){.feed__say{display:none}.feed__phone{margin-bottom:0}}
@media (max-width:640px){
  .feed__steps{display:none}
  .feed__lead{font-size:15px;margin-top:10px}
  .feed__stage{height:60svh}
  .feed__phone{height:47svh}
  .feed__say{bottom:-58px;font-size:17px}
}

/* služby v3: Spuštění + Značka a grafika vedle sebe */
.card.card--accent{grid-column:span 8;min-height:clamp(520px,44vw,640px)}
.card--accent .card__media--iris canvas{width:min(30vw,400px);height:min(30vw,400px)}
.card--accent .card__media--iris{place-items:start end;padding:70px 5% 0 0}
.card--accent .card__body{max-width:62%}
.card--brand{grid-column:span 4;min-height:clamp(520px,44vw,640px);background:radial-gradient(70% 50% at 50% 30%,rgba(201,164,92,.18),transparent 70%),#10110f}
.card__media--brand{display:grid;place-items:start center;padding:64px 6% 0}
.bk{position:relative;width:100%;max-width:340px;aspect-ratio:1/1}
.bk__logo{position:absolute;left:0;top:0;width:46%;aspect-ratio:1;border-radius:18px;background:#13241b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#c9a45c;box-shadow:0 20px 40px -12px rgba(0,0,0,.7);transform:rotate(-4deg)}
.bk__logo b{font-family:Georgia,serif;font-size:54px;line-height:1;font-style:italic}
.bk__logo span{font-family:Georgia,serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase}
.bk__sw{position:absolute;left:4%;top:52%;display:flex;gap:6px}
.bk__sw i{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.12)}
.bk__card{position:absolute;right:0;top:6%;width:56%;aspect-ratio:1.7;border-radius:10px;background:#f1e9d8;color:#13241b;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 24px 40px -14px rgba(0,0,0,.7);transform:rotate(5deg)}
.bk__card b{font-family:Georgia,serif;font-style:italic;font-size:30px;color:#c9a45c}
.bk__card span{display:flex;flex-direction:column;font-size:11px;font-weight:700;line-height:1.3}
.bk__card small{font-weight:400;opacity:.7;font-size:9px}
.bk__menu{position:absolute;right:6%;bottom:2%;width:44%;aspect-ratio:.72;border-radius:8px;background:#13241b;color:#f1e9d8;padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 24px 40px -14px rgba(0,0,0,.8);transform:rotate(-3deg)}
.bk__menu small{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#c9a45c}
.bk__menu b{font-family:Georgia,serif;font-weight:400;font-size:17px;line-height:1.05}
.bk__menu i{height:3px;border-radius:2px;background:rgba(241,233,216,.25)}
.bk__menu i:nth-of-type(2){width:80%}.bk__menu i:nth-of-type(3){width:60%}
.card--brand .card__body h3,.card--social .card__body h3{font-size:clamp(56px,6vw,110px)}
@media (max-width:1000px){.card.card--accent,.card--brand{grid-column:span 12}}
@media (max-width:640px){
  .card.card--accent{min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding-top:50vw}
  .card--accent .card__body{position:relative;max-width:none}
  .card--accent .card__media--iris{padding:0}
  .card--accent .card__media--iris canvas{width:56vw;height:56vw;transform:translate(18%,-14%)}
  .card--brand{min-height:620px}
  .card__media--brand{padding:70px 8% 0}
  /* Pár vteřin: telefon v toku stránky, nikdy nepřekryje text */
  .feed__pin{grid-template-rows:auto minmax(0,1fr)}
  .feed__stage{position:relative;inset:auto;height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 0 10px}
  .feed__phone{height:auto;flex:1 1 auto;min-height:0;max-height:46svh;aspect-ratio:9/18.5;margin:0}
  .feed__say{position:static;translate:none;margin-top:12px}
  .feed__tag{white-space:nowrap}
}
.feed__tag{white-space:nowrap}
.card--accent h3{font-size:clamp(64px,7.4vw,136px)}
.card--accent .card__media--iris{place-items:center end;padding:0 4% 0 0}
.card--accent .card__media--iris canvas{width:min(25vw,340px);height:min(25vw,340px)}
.card--accent .card__body{max-width:60%}
@media (max-width:640px){
  .card--accent h3{font-size:18vw}
  .card--accent .card__media--iris{place-items:start end}
  .card--accent .card__media--iris canvas{width:56vw;height:56vw}
  .feed__phone{flex:none;height:min(46svh,calc(100svh - 410px));max-height:none}
}
@media (max-width:640px){.card--accent .card__body{max-width:none}}
@media (max-width:640px){.feed__tag{font-size:9px;padding:6px 9px;left:8px;bottom:8px}}

/* Značka a grafika: balíček 5 návrhů loga Delikufatesy */
.card--brand{background:radial-gradient(70% 50% at 50% 30%,rgba(241,84,25,.12),transparent 70%),#10110f}
.card__media--brand{display:flex;flex-direction:column;align-items:center;padding:64px 8% 0}
.deck{position:relative;width:min(100%,300px);aspect-ratio:1;margin-top:10px}
.deck img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 24px 50px -16px rgba(0,0,0,.8);transition:transform .7s cubic-bezier(.65,0,.25,1),opacity .5s}
.deck img.is-out{transition:none}
.deck__cap{margin-top:34px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.deck__cap span{color:var(--or)}
.sheet__media .deck{width:min(60%,360px)}
.sheet__media .card__media--brand{padding-top:40px}
@media (max-width:640px){
  .card--brand{min-height:640px}
  .deck{width:66vw}
  /* Sítě: víc místa pro dva řádky nadpisu pod telefony */
  .card.card--social{min-height:720px}
  .card--social .vphone,.card--social .vphone + .vphone{width:40%}
  /* Pár vteřin: měnící se popisek místo statické věty, telefon větší a pod textem */
  .feed__lead{display:none}
  .feed__say{position:static;translate:none;align-items:flex-start;margin-top:10px;font-size:17px;white-space:normal}
  .feed__title{font-size:10.6vw}
  .feed__pin{padding-top:72px}
  .feed__stage{padding-top:16px}
  .feed__phone{height:min(58svh,calc(100svh - 300px))}
  .feed__bar span,.feed__bar i{white-space:nowrap}
}
@media (min-width:641px){
  .card--brand .deck{width:min(64%,230px)}
  .card--brand .card__media--brand{padding-top:56px}
  .card--brand .deck__cap{margin-top:26px}
  .card--brand .card__body h3{font-size:clamp(52px,5vw,92px)}
}
.faq__btn{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 18px;border-radius:99px;border:1px solid var(--line);background:none;color:var(--fg);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,background .25s}
.faq__btn:hover{border-color:var(--or);background:rgba(241,84,25,.08)}
.faq__btn i{font-style:normal;color:var(--or);font-size:16px}

/* vějíř návrhů loga */
.deck{width:min(100%,380px)!important;aspect-ratio:1.5;margin-top:24px}
.deck img{left:50%;top:auto;bottom:0;width:46%;height:auto;aspect-ratio:1;margin-left:-23%;inset:auto;transform-origin:50% 140%;cursor:pointer;opacity:1!important;box-shadow:0 18px 36px -14px rgba(0,0,0,.85);transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.deck img{position:absolute;left:50%;bottom:0}
.deck img.is-on{box-shadow:0 0 0 2px var(--or),0 30px 60px -16px rgba(0,0,0,.9)}
.deck__cap{margin-top:46px!important}
.sheet__media .deck{width:min(70%,460px)!important}
@media (max-width:640px){.deck{width:86vw!important}}
.deck img{width:38%;margin-left:-19%;transform-origin:50% 230%}
.deck img{transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .4s}
/* zvětšený návrh loga */
.lbox{margin:auto;padding:0;border:0;background:transparent;color:var(--fg);max-width:none;max-height:none;overflow:visible;text-align:center}
.lbox::backdrop{background:rgba(6,6,5,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lbox img{display:block;width:min(78vh,86vw);aspect-ratio:1;border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.7)}
.lbox p{margin-top:14px;font-size:12px;color:var(--mute)}
.lbox__nav{position:fixed;top:50%;margin-top:-28px;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:var(--fg);font-size:30px;line-height:1;cursor:pointer}
.lbox__nav:hover{background:rgba(255,255,255,.2)}
.lbox__prev{left:18px}.lbox__next{right:18px}
@media (max-width:640px){.lbox__nav{top:auto;bottom:28px;margin:0;width:50px;height:50px}.lbox__prev{left:calc(50% - 64px)}.lbox__next{right:calc(50% - 64px)}.lbox p{margin-bottom:80px}}
.card--brand .card__shade{pointer-events:none}.card--brand .card__media--brand{z-index:0}
.sheet__media .deck__cap{margin-top:64px!important;position:relative;z-index:30}.sheet__media .card__media--brand{justify-content:center;padding-top:0}
@media (min-width:641px){
  .bento .card--brand .card__media--brand{justify-content:flex-start;padding-top:70px}
  .bento .card--brand .deck{width:min(88%,340px)!important;margin-top:30px}
  .bento .card--brand .deck__cap{margin-top:40px!important}
}
@media (min-width:641px){
  .bento .card--brand .deck{margin-top:10px;aspect-ratio:1.25}
  .bento .card--brand .deck img{width:46%;margin-left:-23%;transform-origin:50% 210%}
}
@media (min-width:641px){.bento .card--brand .deck img{bottom:30%}.bento .card--brand .deck__cap{margin-top:0!important}}

/* přímý kontakt pod formulářem + v patičce */
.cta__direct{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin-top:22px;font-size:15px;color:var(--mute)}
.cta__direct a{color:var(--fg);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .25s,border-color .25s}
.cta__direct a:hover{color:var(--or);border-color:var(--or)}
.wa{display:inline-flex;align-items:center;gap:7px}
.wa svg{width:18px;height:18px;flex:none}
.cta__direct .wa{border:1px solid var(--line);border-radius:99px;padding:7px 14px}
.cta__direct .wa:hover{background:#25d366;border-color:#25d366;color:#08130c}
.foot__c{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.foot__c .wa svg{width:16px;height:16px}
@media (max-width:640px){.cta__direct{flex-direction:column;gap:12px}}
.foot__legal{color:var(--mute);font-size:11px;line-height:1.6;letter-spacing:.02em;padding:14px 0 6px}

/* ---------- menu: počítač = lišta s rozbalovacími službami, mobil = hamburger přes celou obrazovku ---------- */
.nav__links{align-items:center}
.nav__dd{position:relative}
.nav__ddBtn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;font:inherit;font-size:14px;color:var(--mute);background:none;border:0;cursor:pointer;transition:color .25s,background .25s}
.nav__ddBtn i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--ease)}
.nav__dd:hover .nav__ddBtn,.nav__dd.is-open .nav__ddBtn{color:var(--fg);background:rgba(244,241,234,.08)}
.nav__dd:hover .nav__ddBtn i,.nav__dd.is-open .nav__ddBtn i{transform:translateY(1px) rotate(-135deg)}
.nav__panel{position:absolute;top:calc(100% + 14px);left:50%;width:600px;padding:10px;border-radius:24px;background:rgba(20,20,18,.97);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translate(-50%,-8px) scale(.98);transform-origin:50% 0;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s}
.nav__panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav__dd:hover .nav__panel,.nav__dd.is-open .nav__panel{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .25s,transform .35s var(--ease),visibility 0s}
.nav__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.svc{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:16px;background:none;border:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:background .25s}
.svc b{font-size:11px;color:var(--mute);padding-top:3px;transition:color .25s}
.svc span{flex:1;display:flex;flex-direction:column;gap:2px}
.svc strong{font-size:15px;font-weight:600}
.svc em{font-style:normal;font-size:13px;color:var(--mute)}
.svc>i{font-style:normal;color:var(--or);opacity:0;transform:translate(-6px,4px);transition:opacity .25s,transform .35s var(--ease)}
.svc:hover,.svc:focus-visible{background:rgba(244,241,234,.06);outline:0}
.svc:hover b,.svc:focus-visible b{color:var(--or)}
.svc:hover>i,.svc:focus-visible>i{opacity:1;transform:none}
.nav__all{display:block;margin:6px 6px 2px;padding:12px 10px 4px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);transition:color .25s}
.nav__all:hover{color:var(--or)}

.burger{display:none;position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(12,12,10,.5);cursor:pointer;flex:none}
.burger i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--fg);border-radius:2px;transition:transform .45s var(--ease),top .45s var(--ease)}
.burger i:first-child{top:17px}.burger i:last-child{top:25px}
.is-menu .burger i:first-child{top:21px;transform:rotate(45deg)}
.is-menu .burger i:last-child{top:21px;transform:rotate(-45deg)}

.mmenu{position:fixed;inset:0;z-index:49;background:var(--bg);clip-path:circle(0 at calc(100% - var(--pad) - 22px) 38px);visibility:hidden;transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s .7s;overflow:auto;overscroll-behavior:contain}
.is-menu .mmenu{clip-path:circle(150% at calc(100% - var(--pad) - 22px) 38px);visibility:visible;transition:clip-path .8s cubic-bezier(.7,0,.2,1),visibility 0s}
.mmenu__glow{position:absolute;left:-20%;right:-20%;bottom:-30%;height:70%;background:radial-gradient(closest-side,rgba(241,84,25,.32),transparent);pointer-events:none}
.mmenu__in{position:relative;min-height:100%;display:flex;flex-direction:column;padding:96px var(--pad) 28px}
.mmenu__list{list-style:none;flex:1}
.mmenu__list li,.mmenu__cta,.mmenu__foot{opacity:0;transform:translateY(28px);transition:opacity .3s,transform .3s}
.is-menu .mmenu__list li,.is-menu .mmenu__cta,.is-menu .mmenu__foot{opacity:1;transform:none;transition:opacity .6s calc(.25s + var(--i)*.06s),transform .8s var(--ease) calc(.25s + var(--i)*.06s)}
.mmenu__list li{border-bottom:1px solid var(--line)}
.mmenu__list a{display:flex;align-items:baseline;gap:14px;padding:12px 0;font-weight:800;font-variation-settings:'wdth' 70;font-size:clamp(40px,11.5vw,64px);line-height:1;letter-spacing:-.02em;transition:color .25s}
.mmenu__list a b{font-size:12px;font-weight:400;color:var(--or);letter-spacing:0;transform:translateY(-1.6em)}
.mmenu__list a:active,.mmenu__list a:hover{color:var(--or)}
.mmenu__svc{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 16px 32px}
.svc-chip{padding:8px 13px;border-radius:99px;border:1px solid var(--line);background:rgba(244,241,234,.04);color:var(--fg);font:inherit;font-size:14px;cursor:pointer}
.svc-chip:active{background:var(--or);border-color:var(--or)}
.mmenu__cta{margin-top:26px;justify-content:space-between}
.mmenu__foot{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;font-size:14px;color:var(--mute)}
.mmenu__foot a{color:var(--fg)}
.is-menu,.is-menu body{overflow:hidden}
.is-menu .nav{transform:none;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
@media (max-width:1000px){.burger{display:block}}
@media (min-width:1001px){.mmenu{display:none}}
@media (max-width:420px){.nav__cta i{display:none}.nav__cta{padding-right:16px}.nav__end{gap:6px}}

/* počítač: bublina u telefonu (stejné hlášky jako na mobilu), aby si jí člověk všiml, když kouká na telefon */
.feed__bub{display:none}
@media (min-width:641px){
  .feed__bub{display:flex;flex-direction:column;gap:10px;position:absolute;z-index:4;right:calc(100% + 44px);top:50%;width:max-content;max-width:300px;padding:18px 22px 16px;border-radius:20px 20px 6px 20px;background:rgba(24,24,22,.92);border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);translate:0 -50%}
  .feed__bub::after{content:"";position:absolute;left:100%;top:50%;width:44px;height:1px;background:linear-gradient(90deg,var(--line),rgba(241,84,25,.7))}
  .feed__bub::before{content:"";position:absolute;left:calc(100% + 40px);top:calc(50% - 4px);width:9px;height:9px;border-radius:50%;background:var(--or);box-shadow:0 0 12px var(--or)}
  .feed__bub>b{font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--mute)}
  .feed__bub>b span{color:var(--or)}
  .feed__bub p{font-weight:800;font-variation-settings:'wdth' 80;font-size:clamp(22px,1.9vw,30px);line-height:1.05;letter-spacing:-.01em}
  .feed.is-stopped .feed__bub{border-color:rgba(241,84,25,.6);background:rgba(52,22,10,.94)}
  .feed.is-stopped .feed__bub p{color:var(--or)}
  .feed__bub.is-pop p{animation:bubPop .5s var(--ease)}
  @keyframes bubPop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}
/* užší počítač / tablet: vedle telefonu není místo, bublina sedí dole přes telefon */
@media (min-width:641px) and (max-width:1279px){
  .feed__bub{right:auto;left:50%;top:auto;bottom:22px;translate:-50% 0;border-radius:18px;max-width:86%}
  .feed__bub::after,.feed__bub::before{display:none}
}
@media (min-width:1280px){.feed__stage{overflow:visible}}
/* Videa: telefon končí vždy nad nadpisem (výšku textu dole měří JS do --bh) */
.bento .card--video .vphone{bottom:calc(var(--bh,185px) + 26px)}

/* pod „Na co se ptáte“: přímý kontakt */
.faq__ask{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px;max-width:420px}
.faq__ask p{color:var(--mute);font-size:17px;margin-bottom:6px}
.faq__line{font-size:clamp(18px,1.5vw,22px);font-weight:600;border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .25s,border-color .25s}
.faq__line:hover{color:var(--or);border-color:var(--or)}
.faq__wa{display:inline-flex;align-items:center;gap:10px;margin-top:12px;height:52px;padding:0 24px 0 20px;border-radius:99px;background:#25D366;color:#06140b;font-weight:700;font-size:16px;box-shadow:0 12px 40px -12px rgba(37,211,102,.55);transition:transform .3s var(--ease),box-shadow .3s}
.faq__wa svg{width:22px;height:22px}
.faq__wa:hover{transform:translateY(-2px);box-shadow:0 18px 50px -12px rgba(37,211,102,.7)}
/* jeden sloupec: kontakt až pod otázkami */
@media (max-width:1000px){
  .faq__grid>div:first-child{display:contents}
  .faq__ask{order:3;margin-top:8px}
  .faq__list{order:2}
}
/* logo „Zornice“ */
.logo img{display:block;height:28px;width:auto}
@media (max-width:640px){.logo img{height:22px}}

/* formulář: past na roboty, stav odesílání, poznámka o údajích */
.cta__form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cta__form.is-busy .btn{opacity:.6;pointer-events:none}
.cta__gdpr{margin-top:14px;font-size:13px;color:var(--mute);text-align:center}
.cta__gdpr a,.foot__legal a{color:inherit;border-bottom:1px solid var(--line);transition:color .25s,border-color .25s}
.cta__gdpr a:hover,.foot__legal a:hover{color:var(--or);border-color:var(--or)}

/* obrazovka webu pod herem je neviditelná, dokud ji skript nepostaví na místo (jinak to prohlížeč počítá jako poskočení stránky) */
html.scr-wait #screen{visibility:hidden}
/* SEO: služby v menu jsou odkazy na podstránky (vypadají stejně jako dřív tlačítka) */
.nav__links a.svc{padding:14px 16px;border-radius:16px;font-size:inherit;color:var(--fg);transition:background .25s}
.nav__links a.svc:hover,.nav__links a.svc:focus-visible{color:var(--fg);background:rgba(244,241,234,.06)}
/* odkaz z rozbalené karty na celou stránku služby */
.sheet__more{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px}
.sheet__more a{color:var(--fg);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .25s,border-color .25s}
.sheet__more a::after{content:" →";color:var(--or)}
.sheet__more a:hover{color:var(--or);border-color:var(--or)}

/* ---------- kolo kritiky 6. 11. 2026 ---------- */
/* mobil: bez čísla preloaderu, užší horní okraj hero, ať je výzva jasně nad ohybem */
@media (max-width:640px){.pre__count{display:none}}
@media (max-width:599px){.hero{padding-top:60px}}
/* ilustrace jsou označené přímo na obrázku */
.card__media--seo .seo{position:relative}
.seo__tag,.feed__ill{position:absolute;z-index:5;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:99px;background:rgba(12,12,10,.82);border:1px solid rgba(244,241,234,.22);color:rgba(244,241,234,.8);pointer-events:none}
.seo__tag{left:0;top:-32px}
.feed__ill{left:50%;top:-30px;translate:-50% 0;white-space:nowrap}
/* karta Sítě: jen jeden telefon (Doubleshot), uprostřed */
.bento .card--social .vphone.vphone--solo{left:50%!important;right:auto!important;translate:-50% 0}
.sheet__media>.card--social .vphone.vphone--solo{left:50%!important}
/* kontakt: delší nadpis „Napište, co potřebujete“ musí vejít i na mobil */
.cta__title--s{font-size:clamp(56px,10.5vw,190px)}
@media (max-width:640px){.cta__title--s{font-size:13.2vw}}
/* čipy: nápověda „návrh zdarma do 48 h“ jen u Nového webu a Redesignu */
.pick span small{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;opacity:.72}
/* formulář: viditelné popisky nad poli, krátké „Co chcete zlepšit?“, e-mail a telefon vedle sebe */
.cta__form,.cta__form.is-long{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 10px;padding:16px;border-radius:26px;text-align:left}
.cta__form .f-url,.cta__form .f-about,.cta__form .f-help,.cta__form .btn{grid-column:1/-1}
.cta__form label{flex:none}
.cta__form input{background:rgba(255,255,255,.05);border-radius:16px}
.cta__form .f-about textarea{min-height:0}
.f-lab{display:block;padding:0 6px 7px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:rgba(244,241,234,.66)}
.f-help{margin:-4px 6px 0;font-size:13px;color:rgba(244,241,234,.6)}
.cta__form .btn{justify-content:space-between;min-height:56px}
.f-hint[hidden],.f-url[hidden],.f-msg[hidden]{display:none!important}
.cta__form .f-hint{padding:8px 6px 0}
@media (max-width:640px){.cta__form,.cta__form.is-long{grid-template-columns:1fr;padding:12px}}
/* po odeslání: panel s tím, co bude dál; při chybě hláška a jiné cesty */
.f-msg{width:min(940px,100%);margin:14px auto 0;padding:16px 20px;border-radius:20px;text-align:left;font-size:15px;line-height:1.5;background:rgba(119,231,254,.08);border:1px solid rgba(119,231,254,.4)}
.f-msg--err{background:rgba(241,84,25,.1);border-color:rgba(241,84,25,.6)}
.f-msg b{color:#fff}
.f-msg__a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:10px}
.f-msg__a a{display:inline-flex;align-items:center;min-height:44px;color:var(--fg);border-bottom:1px solid var(--line)}
.f-msg__a .wa{border:1px solid var(--line);border-radius:99px;padding:0 16px}
/* mobil: tlačítko „Otevřít detail“ s plným pozadím, aby nesplývalo s obrázkem ani s oranžovou kartou */
@media (max-width:599px){.card .card__open,.card .glassbtn--dark{background:rgba(12,12,10,.86);border-color:rgba(244,241,234,.25);color:var(--fg)}}
/* patička: NA OČÍCH jako dvě slova, odkazy dost velké na prst */
.foot__big{word-spacing:.12em}
.foot__c a,.foot__row>a,.cta__direct a,.faq__line,.faq__wa{display:inline-flex;align-items:center;min-height:44px}
.foot__legal a{display:inline-flex;align-items:center;min-height:44px}

.nosite span{display:inline-flex;align-items:center}.nosite span::before{vertical-align:0}
/* štítek „Ilustrace" nad telefonem ve feedu: na mobilu ho ořezával overflow scény */
@media (max-width:640px){.feed__stage{padding-top:38px}.feed__ill{top:-28px}}