/* ---------- Tokens ---------- */
:root{
  color-scheme:light;
  --bg:#FFFFFF;
  --paper:#F4F4F6;
  --ink:#0B0B0F;
  --ink-2:#4A4A55;
  --mute:#8B8B96;
  --rule:#E3E3E9;
  --blue:#0057FF;
  --blue-soft:#EAF2FF;
  --dark:#0B0B0F;
  --d-ink:#FFFFFF;
  --d-ink-2:rgba(255,255,255,.68);
  --d-rule:rgba(255,255,255,.16);
  --d-blue:#7DB4FF;
  --surface:#FFFFFF;
  --glass:rgba(255,255,255,.6);
  --glass-2:rgba(255,255,255,.86);
  --glass-3:rgba(255,255,255,.92);
  --g1:#E3E3E8;
  --g2:#EBEBEF;
  --g3:#F1F1F4;

  --sans:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;

  --fs-h1:clamp(48px,7.4vw,112px);
  --fs-h2:clamp(36px,4.6vw,64px);
  --fs-h3:clamp(20px,1.7vw,24px);
  --fs-lede:clamp(18px,1.5vw,21px);
  --fs-body:17px;
  --fs-small:14.5px;
  --fs-label:13px;

  --gap:24px;
  --sec:clamp(88px,11vw,152px);
  --radius:16px;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ---------- Base ---------- */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{margin:0;font-weight:500;text-wrap:balance}
h1{font-size:var(--fs-h1);line-height:.95;letter-spacing:-.05em}
h2{font-size:var(--fs-h2);line-height:1.02;letter-spacing:-.04em}
h3{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.02em}
p{margin:0}
a{color:inherit}
h1 em,h2 em,h3 em,h4 em{font-style:normal}
h1 em.s{display:block;color:var(--blue)}
#form .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.formmsg.ok{color:var(--d-blue,#5B92FF)}.formmsg.err{color:#FFB4A8}
em.s{font-family:var(--serif);font-style:normal;font-weight:400;letter-spacing:-.02em}
/* serifové písmo má menší střední výšku, v nadpisech ho zvětšíme, aby oba řádky působily stejně velké */
h1 em.s,h2 em.s,.wbh h1 em,.wbp h2 em{font-size:1.14em;line-height:.95}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}

.wrap{max-width:none;margin:0 auto;padding-inline:clamp(16px,4vw,88px)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.col-label{grid-column:1 / 4}
.col-main{grid-column:4 / 13}
@media (max-width:960px){.col-label,.col-main{grid-column:1 / -1}}

.label{font-size:var(--fs-label);font-weight:500;color:var(--mute);display:flex;gap:10px;align-items:baseline;padding-top:.9em}
.label b{font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}
.dark .label{color:var(--d-ink-2)}
.dark .label b{color:var(--d-blue)}
@media (max-width:960px){.label{padding-top:0;margin-bottom:20px}}

.lede{font-size:var(--fs-lede);color:var(--ink-2);max-width:34em;margin-top:24px;line-height:1.5}
.dark .lede{color:var(--d-ink-2)}
.small{font-size:var(--fs-small);color:var(--mute)}
.dark .small{color:var(--d-ink-2)}

.btn{display:inline-flex;align-items:center;gap:12px;height:50px;padding:0 22px;border-radius:999px;font:500 15.5px/1 var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn .ar{transition:transform .2s}
.btn:hover .ar{transform:translateX(3px)}
.btn-solid{background:var(--ink);color:var(--bg)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.dark .btn-solid{background:var(--d-ink);color:#0B0B0F}
.dark .btn-line{border-color:var(--d-rule);color:var(--d-ink)}

section{padding-block:var(--sec)}
.sec-rule{border-top:1px solid var(--rule)}
.head{margin-bottom:clamp(48px,6vw,80px)}
.list{border-top:1px solid var(--ink)}
.dark .list{border-top-color:var(--d-ink)}

/* ---------- Nav (fixed) ---------- */
html{scroll-padding-top:96px}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:var(--glass);-webkit-backdrop-filter:saturate(1.5) blur(18px);backdrop-filter:saturate(1.5) blur(18px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s}
.nav.scrolled{background:var(--glass-2);border-bottom-color:var(--rule)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.nav ul a[aria-current="page"]{color:var(--ink)}
.nav ul a[aria-current="page"]::after{content:"";display:block;height:1.5px;background:var(--blue);margin-top:3px}
.logo{display:inline-flex;align-items:center;gap:9px;font:600 22px/1 var(--sans);letter-spacing:-.045em;text-decoration:none}
.logo{gap:8px}
.logo svg{height:30px;width:auto;flex:none;color:currentColor;overflow:visible}
.logo:hover svg{transform:none}
.nav ul{list-style:none;display:flex;gap:30px;margin:0;padding:0;font-size:15px;font-weight:500}
.nav ul a{text-decoration:none;color:var(--ink-2)}
.nav .btn{height:42px;padding:0 18px;font-size:14.5px}
.menu-btn{display:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--rule);background:var(--bg);cursor:pointer;place-items:center;padding:0}
.menu-btn i,.menu-btn i::before{display:block;width:16px;height:1.5px;background:var(--ink);position:relative;transition:transform .2s}
.menu-btn i::before{content:"";position:absolute;top:5px}
.menu-btn i{transform:translateY(-2.5px)}
.nav.open .menu-btn i{transform:rotate(45deg)}
.nav.open .menu-btn i::before{transform:translateY(-5px) rotate(-90deg)}
.nav-r{display:flex;gap:10px;align-items:center}
/* ---------- Menu na desktopu: kompaktní a vycentrované ---------- */
@media (min-width:981px){
  .nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;height:64px;gap:24px}
  .nav .logo{justify-self:start;font-size:20px}
  .nav .logo svg{height:28px;width:auto}
  .nav ul{justify-self:center;gap:2px;font-size:14.5px;font-weight:500;padding:4px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px rgba(11,11,15,.08),0 6px 20px -12px rgba(0,30,90,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .nav ul a{display:block;padding:8px 16px;border-radius:999px;color:var(--ink-2);letter-spacing:-.005em;transition:color .2s,background .2s}
  .nav ul a:hover{color:var(--ink);background:var(--paper)}
  .nav ul a[aria-current="page"]{color:var(--blue);background:var(--blue-soft)}
  .nav ul a[aria-current="page"]::after{display:none}
  .nav-r{justify-self:end;gap:18px}
  .nav-r .lang{gap:2px;font-size:12.5px;padding-right:18px;border-right:1px solid var(--rule)}
  .nav-r .lang a{padding:4px 5px;border-radius:0;background:none;color:var(--mute);letter-spacing:.04em}
  .nav-r .lang a[aria-current="true"]{background:none;color:var(--ink)}
  .nav .btn{height:38px;padding:0 16px;font-size:14px;gap:8px}
  .nav .btn .ar{font-size:13px}
  html{scroll-padding-top:88px}
}
@media (max-width:980px){
  .menu-btn{display:grid}
  .nav-r .lang{display:none}
  .nav.open{background:var(--bg);border-bottom-color:var(--rule);bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  .nav.open .menu-btn{background:var(--ink);border-color:var(--ink)}
  .nav.open .nav-r > .btn{visibility:hidden}
  .nav.open .menu-btn i,.nav.open .menu-btn i::before{background:var(--bg)}
  .nav ul{display:flex;position:fixed;left:0;right:0;bottom:0;top:calc(72px + env(safe-area-inset-top,0px));flex-direction:column;gap:0;margin:0;padding:8px clamp(16px,4vw,88px) calc(env(safe-area-inset-bottom,0px) + 24px);background:var(--bg);overflow-y:auto;counter-reset:m;
    opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s}
  .nav.open ul{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
  .nav ul li{counter-increment:m}
  .nav ul a{display:flex;align-items:baseline;gap:16px;padding:18px 0;font-size:clamp(30px,8.5vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.035em;color:var(--ink);border-bottom:1px solid var(--rule)}
  .nav ul a::before{content:"0" counter(m);font-size:13px;font-weight:500;letter-spacing:0;color:var(--blue);min-width:22px}
  .nav ul a[aria-current="page"]::after{display:none}
  .nav ul a[aria-current="page"]{color:var(--blue)}
  .nav.open ul li{animation:mIn .45s cubic-bezier(.2,.7,.2,1) both}
  .nav.open ul li:nth-child(2){animation-delay:.04s}
  .nav.open ul li:nth-child(3){animation-delay:.08s}
  .nav.open ul li:nth-child(4){animation-delay:.12s}
  .nav.open ul li:nth-child(5){animation-delay:.16s}
  .nav.open ul li:nth-child(6){animation-delay:.2s}
  .nav ul li.mfoot{counter-increment:none;margin-top:auto;padding-top:36px;display:grid;gap:18px}
  .nav ul .mfoot .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;padding:0 22px;font:500 16px/1 var(--sans);letter-spacing:0;color:var(--bg);background:var(--ink);border:1px solid var(--ink);border-radius:999px}
  .nav ul .mfoot .btn::before{display:none}
  .nav ul .mfoot .btn .full,.nav ul .mfoot .btn .ar{display:inline}
  .mfoot .mrow{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
  .mfoot .lang{display:flex}
  .nav ul .mfoot .lang a{display:inline-block;font-size:14px;font-weight:500;letter-spacing:0;line-height:1;padding:9px 12px;border-bottom:0;color:var(--mute)}
  .nav ul .mfoot .lang a[aria-current="true"]{color:var(--ink);background:var(--paper)}
  .mfoot .lang a::before{display:none}
  .nav ul .mfoot .mmail{display:inline;font-size:15px;font-weight:400;letter-spacing:0;color:var(--ink-2);border-bottom:0;padding:0}
  .mfoot .mmail::before{display:none}
  body.menu-lock{overflow:hidden}
}
@keyframes mIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (min-width:981px){.nav ul li.mfoot{display:none}}
/* ---------- Mobilní menu v2: tlačítko vlevo, kurzíva, patička ---------- */
@media (max-width:980px){
  .nav .wrap{justify-content:flex-start;gap:12px}
  .nav-r{display:contents}
  .nav .menu-btn{order:-2;width:44px;height:44px;background:var(--paper);border-color:var(--rule)}
  .nav .logo{order:-1}
  .nav .logo svg{height:24px;width:auto}
  .nav-r > .btn{margin-left:auto;height:42px;padding:0 18px;font-size:15px;gap:10px}
  .nav .nav-r > .btn .ar{display:inline}
  .nav.open .menu-btn{background:var(--paper);border-color:var(--rule)}
  .nav.open .menu-btn i,.nav.open .menu-btn i::before{background:var(--ink)}
  .nav.open .nav-r > .btn{visibility:visible}
  .nav ul{background:radial-gradient(120% 55% at 100% 100%,rgba(0,87,255,.09),rgba(0,87,255,0) 60%),var(--bg);padding-top:clamp(28px,6vh,56px)}
  .nav ul a{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(40px,11vw,60px);letter-spacing:-.01em;line-height:1.05;padding:16px 0 18px;gap:0}
  .nav ul a::before{font-family:var(--sans);font-style:normal;font-size:13px;min-width:clamp(48px,12vw,72px);align-self:center;transform:translateY(.35em)}
  .nav ul a[aria-current="page"]{color:var(--ink)}
  .nav ul li.mfoot{padding-top:40px;gap:16px}
  .nav ul .mfoot .btn{display:none}
  .mfoot .mlang{display:flex;gap:2px}
  .nav ul .mfoot .mlang a{display:inline-block;font-family:var(--sans);font-style:normal;font-size:13px;font-weight:500;letter-spacing:.04em;line-height:1;padding:6px 8px 6px 0;margin-right:8px;border-bottom:0;color:var(--mute)}
  .nav ul .mfoot .mlang a[aria-current="true"]{color:var(--ink)}
  .nav ul .mfoot .mlang a::before{display:none}
  .mfoot .mrow{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:20px;border-top:1px solid var(--rule)}
  .nav ul .mfoot .mtag{font-size:14.5px;color:var(--mute)}
  .nav ul .mfoot .mmail{display:inline;font-family:var(--sans);font-style:normal;font-size:15px;font-weight:400;letter-spacing:0;color:var(--ink);padding:0 0 2px;border-bottom:1px solid var(--ink)}
}
@media (max-width:420px){.nav-r > .btn{padding:0 14px;font-size:14px}.nav .logo{font-size:20px}.nav .logo svg{height:22px;width:auto}}
.nav .btn .short{display:none}
@media (max-width:480px){.nav .btn .full{display:none}.nav .btn .short{display:inline}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate;padding-top:calc(72px + clamp(40px,6vh,96px));background:var(--bg);min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.hero > .wrap{flex:1 0 auto;width:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(40px,6vh,80px)}
.hero::before{content:"";position:absolute;z-index:-2;width:min(1000px,110vw);aspect-ratio:1.5;right:-20%;top:4%;
  background:radial-gradient(closest-side at 55% 55%,var(--blue) 0%,rgba(0,87,255,.72) 35%,rgba(64,156,255,.32) 62%,rgba(255,255,255,0) 100%);
  filter:blur(40px);animation:float 16s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain);opacity:.18;mix-blend-mode:multiply;pointer-events:none}
@keyframes float{from{transform:translate(0,0)}to{transform:translate(-4%,3%)}}
/* hero: bohatší modré pozadí */
.hero{background:
  radial-gradient(34% 42% at 6% 104%,rgba(0,87,255,.30),rgba(0,87,255,0) 72%),
  radial-gradient(28% 32% at 40% -4%,rgba(77,148,255,.22),rgba(77,148,255,0) 72%),
  radial-gradient(32% 40% at 58% 108%,rgba(0,87,255,.26),rgba(0,87,255,0) 72%),
  var(--bg)}
.hero > .wrap{position:relative}
.hero > .wrap::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(560px,70vw);aspect-ratio:1;left:18%;bottom:-18%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(77,148,255,.55),rgba(0,87,255,.18) 55%,rgba(0,87,255,0) 100%);filter:blur(50px);animation:float2 22s ease-in-out infinite alternate}
@keyframes float2{from{transform:translate(0,0) scale(1)}to{transform:translate(18%,-10%) scale(1.15)}}
@media (max-width:760px){.hero > .wrap::before{left:-20%;bottom:-8%;width:90vw}}
/* menší displeje: modrá záře až pod nadpisem, aby byl modrý druhý řádek čitelný */
@media (max-width:1180px){.hero::before{top:auto;bottom:-14%;right:-48%}}
.hero .eyebrow{font-size:var(--fs-label);font-weight:500;color:var(--ink-2);margin-bottom:28px}
.hero .eyebrow b{color:var(--blue);font-weight:500}
.hero h1{max-width:11em}
.hero-row{margin-top:clamp(40px,5vw,56px);align-items:end;row-gap:32px}
.hero-row .lede{grid-column:1 / 7;margin-top:0}
.hero-row .ctas{grid-column:7 / 13;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
@media (max-width:960px){.hero-row .lede,.hero-row .ctas{grid-column:1 / -1;justify-content:flex-start}}
.hero-strip{margin-top:0;border-top:1px solid var(--rule)}
.hero-strip .grid > *{padding-block:22px}
.hero-strip .k{grid-column:1 / 4;font-size:var(--fs-label);color:var(--mute);font-weight:500}
.hero-strip a{grid-column:span 3;text-decoration:none;font-size:16px;font-weight:500;display:flex;justify-content:space-between;gap:12px;border-left:1px solid var(--rule);padding-left:20px}
.hero-strip a span{color:var(--mute);transition:color .2s,transform .2s}
.hero-strip a:hover span{transform:translateX(3px)}
@media (max-width:960px){.hero-strip .k{grid-column:1/-1;padding-bottom:0}.hero-strip a{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-block:16px}}

/* ---------- 01 Co děláme ---------- */
.tasks li{display:grid;grid-template-columns:56px 1fr minmax(0,.9fr);gap:var(--gap);padding-block:26px;border-bottom:1px solid var(--rule);align-items:baseline}
.tasks .n{font-size:var(--fs-label);font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}
.tasks p{margin-top:8px;color:var(--ink-2);font-size:var(--fs-small);max-width:34em}
.flowtag{font-size:13px;color:var(--ink-2);background:var(--paper);border-radius:8px;padding:9px 12px;justify-self:start;line-height:1.4}
@media (max-width:760px){.tasks li{grid-template-columns:40px 1fr}.flowtag{grid-column:2}}
ul.tasks{list-style:none;margin:0;padding:0}

.flow{margin-top:clamp(48px,6vw,72px);background:var(--paper);border-radius:var(--radius);padding:clamp(22px,3vw,36px)}
.flow .t{font-size:var(--fs-label);font-weight:600}
.flow ol{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.flow li{background:var(--bg);border-radius:12px;padding:20px;position:relative}
.flow li.agent{background:var(--blue);color:#fff}
.flow li .k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.flow li.agent .k{color:rgba(255,255,255,.75)}
.flow li h4{font-size:19px;letter-spacing:-.02em;margin-top:10px}
.flow li p{font-size:var(--fs-small);color:var(--ink-2);margin-top:6px}
.flow li.agent p{color:rgba(255,255,255,.82)}
.flow li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translate(50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:13px;display:grid;place-items:center;z-index:1}
.flow .foot{margin-top:18px}
@media (max-width:760px){.flow ol{grid-template-columns:1fr}.flow li:not(:last-child)::after{right:50%;top:auto;bottom:-12px;transform:translate(50%,50%) rotate(90deg)}}

/* ---------- Levý sloupec sekcí: velké číslo a shrnutí ---------- */
.side{display:none}
@media (min-width:961px){
  .col-label{position:sticky;top:104px;align-self:start;padding-right:clamp(40px,6vw,120px)}
  .side{display:block;margin-top:clamp(24px,3vw,40px)}
  .lnum{font-family:var(--serif);font-style:normal;font-size:clamp(80px,7vw,128px);line-height:.85;letter-spacing:-.03em;color:var(--blue);opacity:.14}
  .lsum{margin-top:16px;max-width:11em;font-family:var(--serif);font-style:normal;font-size:clamp(19px,1.45vw,24px);line-height:1.3;color:var(--ink);text-wrap:balance}
  .llink{display:inline-block;margin-top:18px;font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}
  .dark .lnum{color:#fff;opacity:.12}
  .dark .lsum{color:var(--d-ink)}
  .dark .llink{color:var(--d-ink);border-bottom-color:var(--d-ink)}
}
/* ---------- 01 Co děláme: pilíře a příklad procesu ---------- */
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink)}
.pillars article{padding:24px 24px 28px 0}
.pillars article + article{padding-left:24px;border-left:1px solid var(--rule)}
.pillars .pn{font-size:var(--fs-label);font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}
.pillars h3{margin-top:14px;font-size:clamp(19px,1.5vw,22px)}
.pillars p{margin-top:10px;font-size:var(--fs-small);color:var(--ink-2)}
@media (max-width:1100px){.pillars{grid-template-columns:1fr 1fr}.pillars article:nth-child(3){padding-left:0;border-left:0}.pillars article:nth-child(n+3){border-top:1px solid var(--rule)}}
@media (max-width:600px){.pillars{grid-template-columns:1fr}.pillars article,.pillars article + article{padding:22px 0;border-left:0}.pillars article + article{border-top:1px solid var(--rule)}}
.track{margin-top:clamp(56px,7vw,88px)}
.track-t{font-size:var(--fs-label);font-weight:600;margin-bottom:28px}
.track ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
.track ol::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:var(--rule)}
.track li{position:relative;padding:32px 20px 0 0}
.track li::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--mute)}
.track li.ag::before{background:var(--blue);box-shadow:none}
.track li.hu::before{background:var(--ink);box-shadow:none}
.track h4{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.track li p{margin-top:6px;font-size:14px;color:var(--ink-2);line-height:1.45}
.track-foot{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--fs-small);color:var(--mute)}
.track-foot .k{display:inline-flex;align-items:center;gap:8px}
.track-foot .d{width:9px;height:9px;border-radius:50%;display:inline-block}
.track-foot .d.ag{background:var(--blue)}.track-foot .d.hu{background:var(--ink)}
.track-foot a{color:var(--ink)}
@media (max-width:900px){
  .track ol{grid-template-columns:1fr;gap:0}
  .track ol::before{left:5px;right:auto;top:6px;bottom:6px;width:1px;height:auto}
  .track li{padding:0 0 24px 32px}
  .track li:last-child{padding-bottom:0}
  .track li::before{top:5px}
}

/* ---------- 02 Poznáváte se: seznam ---------- */
.sl{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.sl li{display:grid;grid-template-columns:clamp(40px,4vw,64px) minmax(0,1fr) minmax(0,1.05fr);gap:0 var(--gap);align-items:baseline;padding:30px 0 32px;border-bottom:1px solid var(--rule)}
.sl .n{font-size:13px;font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}
.sl h3{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.01em}
.sl .tx{display:grid;gap:8px}
.sl .now{font-size:15px;line-height:1.5;color:var(--mute)}
.sl .ag{font-size:17px;line-height:1.5;color:var(--ink);font-weight:500;padding-left:26px;position:relative}
.sl .ag::before{content:"→";position:absolute;left:0;top:0;color:var(--blue);font-weight:500}
.sl .you{font-size:14px;line-height:1.5;color:var(--ink-2);padding-left:26px}
@media (max-width:860px){
  .sl li{grid-template-columns:clamp(36px,9vw,48px) minmax(0,1fr);row-gap:14px;padding:22px 36px 22px 0;position:relative;cursor:pointer}
  .sl h3{font-size:clamp(26px,7.5vw,34px)}
  .sl .tx{grid-column:2;display:none}
  .sl li.open .tx{display:grid;animation:situIn .3s ease both}
  .sl li::after{content:"";position:absolute;right:2px;top:32px;width:16px;height:16px;background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 100% no-repeat;transition:transform .25s}
  .sl li.open::after{transform:rotate(45deg)}
}
@keyframes situIn{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.situ-note{margin-top:24px}

/* ---------- Kruhy z loga v kontaktu ---------- */
.rings-art{display:none}
@media (min-width:961px){
  .rings-art{display:block;position:relative;width:min(100%,240px);aspect-ratio:1.45;margin-top:clamp(32px,4vw,56px)}
  .rings-art .rf{position:absolute;left:0;top:8%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4D94FF,var(--blue) 62%);animation:ringsIn 6s ease-in-out infinite alternate}
  .rings-art .ro{position:absolute;right:0;top:8%;width:60%;aspect-ratio:1;border-radius:50%;border:2.5px solid var(--d-ink)}
  .rings-art p{position:absolute;left:0;bottom:-34px;font-family:var(--serif);font-style:normal;font-size:20px;color:var(--d-ink-2);margin:0}
}
@keyframes ringsIn{from{transform:translateX(0)}to{transform:translateX(18%)}}
/* ---------- Ikony oborů ---------- */
.kico{display:block;width:44px;height:44px;color:var(--ink);flex:none}
.kcard .kico{width:48px;height:48px;margin:2px 0 4px -4px}
.kdlg .kd-ico .kico{width:64px;height:64px;margin:0 0 12px -6px}
.sectors .n .kico{width:40px;height:40px;margin:-10px 0 -12px -6px}
.hero-strip #hs-picks a{align-items:center}
.hero-strip .kico{width:30px;height:30px;margin:-6px 10px -6px -4px}
.hero-strip #hs-picks a > .kico + *{flex:1}
/* ---------- Z chaosu pořádek (sekce 02) ---------- */
.chaos{display:block;width:100%;height:clamp(120px,14vw,200px);margin:0 0 clamp(32px,4vw,48px)}
/* ---------- 03 Postup (dark) ---------- */
.dark{background:var(--dark);color:var(--d-ink)}
.head-row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.3fr) minmax(0,.9fr);gap:var(--gap);padding-block:26px;border-bottom:1px solid var(--d-rule);align-items:baseline}
.steps li::before{content:"0" counter(s);font-size:var(--fs-label);font-weight:500;color:var(--d-blue);font-variant-numeric:tabular-nums}
.steps p{color:var(--d-ink-2);font-size:var(--fs-small)}
.steps .out{font-size:13px;color:var(--d-ink)}
.steps .out span{display:block;color:var(--d-ink-2);margin-bottom:2px}
@media (max-width:900px){.steps li{grid-template-columns:40px 1fr}.steps p,.steps .out{grid-column:2}}

/* ---------- 04 Obory (odkazy do katalogu) ---------- */
.sectors{list-style:none;margin:0;padding:0}
.sectors a{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.3fr) 32px;gap:var(--gap);align-items:baseline;padding-block:26px;border-bottom:1px solid var(--rule);text-decoration:none;transition:background .2s}
.sectors .n{font-size:var(--fs-label);font-weight:500;color:var(--blue)}
.sectors h3{font-size:clamp(22px,2.2vw,30px)}
.sectors p{font-size:var(--fs-small);color:var(--ink-2)}
.sectors .ar{justify-self:end;font-size:20px;color:var(--mute);transition:transform .2s,color .2s}
.sectors a:hover .ar{transform:translateX(4px)}
@media (max-width:760px){.sectors a{grid-template-columns:40px 1fr 24px}.sectors p{grid-column:2;grid-row:2}}
.after-list{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.after-list a:not(.btn){color:var(--ink)}

/* ---------- Katalog (samostatná stránka) ---------- */
.k-hero{padding-top:176px;padding-bottom:clamp(72px,9vw,128px);position:relative;overflow:hidden;isolation:isolate}
.k-hero::before{content:"";position:absolute;z-index:-1;width:min(900px,100vw);aspect-ratio:1.6;right:-22%;top:-12%;
  background:radial-gradient(closest-side,rgba(0,87,255,.75),rgba(64,156,255,.25) 60%,rgba(255,255,255,0));filter:blur(40px)}
.k-hero h1{font-size:clamp(52px,8vw,120px)}
.crumb{font-size:var(--fs-label);font-weight:500;color:var(--ink-2);margin-bottom:28px}
.crumb a{color:var(--blue);text-decoration:none}
.k-index{margin-top:clamp(64px,8vw,104px);border-top:1px solid var(--rule)}
.k-index .grid > *{padding-block:22px}
.k-index .k{grid-column:1 / 4;font-size:var(--fs-label);color:var(--mute);font-weight:500}
.k-index a{grid-column:span 3;text-decoration:none;border-left:1px solid var(--rule);padding-left:20px;display:flex;justify-content:space-between;gap:12px}
.k-index a b{font-weight:500}
.k-index a span{font-size:var(--fs-small);color:var(--mute)}
@media (max-width:960px){.k-index .k{grid-column:1/-1;padding-bottom:0}.k-index a{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-block:16px}}
.tools{margin-top:20px;font-size:var(--fs-small);color:var(--ink-2)}
.tools b{font-weight:600;color:var(--ink)}
.cat{list-style:none;margin:clamp(40px,5vw,56px) 0 0;padding:0}
.cat li{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:var(--gap);padding-block:28px;border-bottom:1px solid var(--rule)}
.cat li:first-child{border-top:1px solid var(--ink)}
.cat h3{font-size:21px}
.cat .d{margin-top:8px;font-size:var(--fs-small);color:var(--ink-2)}
.cat .flowtag{display:inline-block;margin-top:14px}
.cat .role{font-size:var(--fs-small);color:var(--ink-2)}
.cat .role span{display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.cat .role.a span{color:var(--blue)}
@media (max-width:860px){.cat li{grid-template-columns:1fr 1fr}.cat li > :first-child{grid-column:1/-1}}
@media (max-width:520px){.cat li{grid-template-columns:1fr}}
.howto{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:clamp(40px,5vw,56px)}
.howto div{background:var(--paper);border-radius:var(--radius);padding:24px}
.howto b{display:block;font-size:var(--fs-label);font-weight:500;color:var(--blue)}
.howto h3{margin-top:14px;font-size:20px}
.howto p{margin-top:8px;font-size:var(--fs-small);color:var(--ink-2)}
@media (max-width:760px){.howto{grid-template-columns:1fr}}


/* ---------- Katalog: filtr a mřížka karet ---------- */
.kbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;margin-bottom:18px}
.ksearch{width:100%;height:54px;border:1px solid var(--rule);border-radius:999px;padding:0 20px 0 50px;font:400 16px/1 var(--sans);color:var(--ink);background:var(--bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='10.5' cy='10.5' r='6' fill='none' stroke='%238B8B96' stroke-width='1.8'/><path d='m15 15 5 5' stroke='%238B8B96' stroke-width='1.8' stroke-linecap='round'/></svg>") 20px 50%/18px no-repeat;transition:border-color .2s}
.ksearch:focus{outline:none;border-color:var(--ink)}
.kcount{font-size:var(--fs-small);color:var(--mute);white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(32px,4vw,48px)}
.chip{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--rule);background:var(--bg);color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer;transition:border-color .2s}
.chip span{color:var(--mute);margin-left:5px;font-variant-numeric:tabular-nums}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chip[aria-pressed="true"] span{color:rgba(255,255,255,.6)}
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (min-width:1700px){.kgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1000px){.kgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kgrid{grid-template-columns:1fr}.kbar{grid-template-columns:1fr}}
.kcard{display:flex;flex-direction:column;gap:12px;padding:26px 24px 22px;border:1px solid var(--rule);border-radius:18px;background:var(--bg);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s,box-shadow .2s;min-height:280px}
.kcard:hover{transform:translateY(-2px)}
.kcard .top{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--mute)}
.kcard .top b{font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}
.kcard h3{font-size:clamp(21px,1.8vw,25px);margin-top:6px}
.kcard .pain{font-size:var(--fs-small);color:var(--ink-2)}
.kcard ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.kcard li{display:flex;gap:10px;font-size:14px;line-height:1.4}
.kcard li::before{content:"";flex:none;width:5px;height:5px;margin-top:8px;border-radius:50%;background:var(--blue)}
.kcard .foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}
.kcard .foot .ar{transition:transform .2s}
.kcard:hover .foot .ar{transform:translateX(4px)}
.kcard[hidden]{display:none}
.kempty{padding:40px 0;color:var(--ink-2)}
/* detail oboru: panel přes stránku */
.kdlg{border:0;padding:0;margin:0 0 0 auto;width:min(760px,100%);max-width:100%;height:100%;max-height:100%;background:var(--bg);color:var(--ink);box-shadow:-30px 0 80px -30px rgba(11,11,15,.4)}
.kdlg::backdrop{background:rgba(11,11,15,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.kdlg[open]{animation:kin .3s cubic-bezier(.2,.7,.2,1)}
@keyframes kin{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
.kdlg .kd-in{padding:calc(env(safe-area-inset-top,0px) + 28px) clamp(20px,4vw,48px) calc(env(safe-area-inset-bottom,0px) + 40px)}
.kdlg .kd-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}
.kdlg .kd-cat{font-size:13px;color:var(--mute)}
.kdlg .kd-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--rule);background:var(--bg);cursor:pointer;display:grid;place-items:center;font-size:20px;line-height:1;color:var(--ink)}
.kdlg h2{font-size:clamp(32px,4vw,48px)}
.kdlg .kd-pain{margin-top:14px;font-size:var(--fs-lede);color:var(--ink-2)}
.kdlg .tools{margin-top:18px}
.kd-tasks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
@media (max-width:640px){.kd-tasks{grid-template-columns:1fr}}
.kd-task{border:1px solid var(--rule);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}
.kd-task h3{font-size:17px;font-weight:600;letter-spacing:-.01em}
.kd-task .d{font-size:14.5px;color:var(--ink-2)}
.kd-task .r{margin-top:auto;display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--rule);font-size:14px}
.kd-task .r span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-bottom:2px}
.kd-task .r .a span{color:var(--blue)}
.kd-cta{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.kd-nav{margin-top:36px;padding-top:20px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px;font-size:14.5px}
.kd-nav button{background:none;border:0;padding:0;font:500 14.5px/1.3 var(--sans);color:var(--ink);cursor:pointer;text-align:left}
.kd-nav button:last-child{text-align:right}
.kd-nav button span{display:block;font-size:12.5px;font-weight:400;color:var(--mute);margin-bottom:4px}
.kd-data{display:none}
body.kd-lock{overflow:hidden}
/* hero pruh: odkaz na další obory */
.hero-strip #hs-picks a{padding-block:22px}
@media (max-width:960px){.hero-strip #hs-picks a{padding-block:16px}}
.hero-strip a.more{color:var(--blue)}
.hero-strip a.more span{color:var(--blue)}

/* ---------- 05 O nás ---------- */
.people{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:clamp(40px,5vw,56px)}
@media (max-width:640px){.people{grid-template-columns:1fr}}
.person{display:flex;gap:18px;align-items:center;padding:22px;background:var(--paper);border-radius:var(--radius)}
.mono{width:64px;height:64px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:19px;letter-spacing:-.02em;color:#fff;background:radial-gradient(circle at 30% 30%,#4D94FF,var(--blue) 55%,#00309C)}
.person h3{font-size:20px}
.person p{margin-top:4px}
.principles{margin-top:clamp(48px,6vw,72px)}
.principles li{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--gap);padding-block:20px;border-bottom:1px solid var(--rule)}
.principles h4{font-size:17px;font-weight:600}
.principles p{color:var(--ink-2);font-size:var(--fs-small)}
ul.principles{list-style:none;padding:0}
@media (max-width:560px){.principles li{grid-template-columns:1fr;gap:6px}}

/* ---------- 06 FAQ ---------- */
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:24px 56px 24px 0;font-size:clamp(19px,1.7vw,23px);font-weight:500;letter-spacing:-.02em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:4px;top:50%;width:16px;height:16px;margin-top:-8px;
  background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 100% no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 56px 26px 0;color:var(--ink-2);max-width:44em}

/* ---------- Kontakt ---------- */
.contact{position:relative;overflow:hidden;isolation:isolate}
.contact::before{content:"";position:absolute;z-index:-2;width:min(1100px,120vw);aspect-ratio:1.5;left:-18%;top:12%;
  background:radial-gradient(closest-side,var(--blue) 0%,rgba(0,87,255,.6) 40%,rgba(64,156,255,.25) 65%,rgba(11,11,15,0) 100%);filter:blur(40px)}
.contact::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain);opacity:.2;mix-blend-mode:overlay;pointer-events:none}
.contact h2{font-size:clamp(40px,5.6vw,84px);line-height:1;letter-spacing:-.05em}
.c-body{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,4vw,56px);margin-top:clamp(40px,5vw,64px)}
@media (max-width:860px){.c-body{grid-template-columns:1fr}}
.c-body .lede{margin-top:0}
.mail{margin-top:32px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mail code{font:500 22px/1 var(--sans);letter-spacing:-.02em;user-select:all}
.copy{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--d-rule);background:transparent;color:var(--d-ink);font:500 13px/1 var(--sans);cursor:pointer}
.promise{margin-top:40px;padding-top:22px;border-top:1px solid var(--d-rule)}
.promise .t{font-weight:600}
.promise p{margin-top:6px}
form{display:grid;gap:22px;background:rgba(255,255,255,.05);border:1px solid var(--d-rule);border-radius:var(--radius);padding:clamp(22px,3vw,36px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media (max-width:560px){.two{grid-template-columns:1fr}}
label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--d-ink-2)}
input,select,textarea{width:100%;font:400 16px/1.4 var(--sans);color:var(--d-ink);background:transparent;border:0;border-bottom:1px solid var(--d-rule);border-radius:0;padding:10px 0}
select option{color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--d-ink)}
textarea{min-height:88px;resize:vertical}
form .btn{justify-self:start}
.formmsg{font-size:var(--fs-small);color:#9CC6FF}
footer .fgrid{display:grid;grid-template-columns:4fr 3fr 3fr 2fr;gap:40px 32px;padding-top:clamp(40px,5vw,56px);border-top:1px solid var(--d-rule);margin-top:clamp(72px,9vw,120px);font-size:15px;line-height:1.6;color:var(--d-ink-2)}
footer .fb .logo{color:var(--d-ink)}
footer .fb p{margin:16px 0 0;color:var(--d-ink-2);font-size:15px}
footer .fc{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
footer .fc h3{margin:0 0 6px;font:600 12px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--d-ink-2)}
footer .fc a{color:var(--d-ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
footer .fc a:hover{border-bottom-color:var(--d-ink)}
footer .fc a.fmail{font-size:18px;font-weight:500}
footer address{font-style:normal;color:var(--d-ink)}
footer .fbot{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px 28px;border-top:1px solid var(--d-rule);font-size:13.5px}
footer .fbot a{color:var(--d-ink-2);text-decoration:none}
footer .fbot a:hover{color:var(--d-ink)}
footer .fbr{display:flex;gap:22px;flex-wrap:wrap}
footer .fck{background:none;border:0;padding:0;font:inherit;color:var(--d-ink-2);cursor:pointer}
footer .fck:hover{color:var(--d-ink)}
@media (max-width:960px){footer .fgrid{grid-template-columns:1fr 1fr}footer .fb{grid-column:1/-1}}
@media (max-width:520px){footer .fgrid{grid-template-columns:1fr;gap:32px}}

/* ---------- Přepínač jazyků ---------- */
.lang{display:flex;gap:2px;font-size:13px;font-weight:500}
.lang a{padding:7px 9px;border-radius:999px;text-decoration:none;color:var(--mute);transition:color .2s,background .2s}
.lang a[aria-current="true"]{color:var(--ink);background:var(--paper)}
@media (max-width:480px){.lang a{padding:6px 6px;font-size:12px}.nav .btn .ar{display:none}.nav .btn{padding:0 14px}.nav-r{gap:6px}}
/* ---------- Cloud: bez nákupu vybavení ---------- */
.cloud{display:flex;gap:20px;align-items:flex-start;margin-top:clamp(40px,5vw,56px);padding:clamp(22px,2.6vw,32px);border:1px solid var(--d-rule);border-radius:var(--radius);background:rgba(255,255,255,.04)}
.cloud-ico{width:56px;height:56px;flex:none;color:var(--d-ink);margin:-6px 0 0 -6px}
.cloud h3{font-size:clamp(20px,1.8vw,24px)}
.cloud p{margin-top:8px;color:var(--d-ink-2);font-size:var(--fs-small);max-width:46em}
/* ---------- v2: úvod, ukázka přehledu, pilot ---------- */
.hero-note{grid-column:1 / 7;margin-top:22px;font-size:var(--fs-small);color:var(--ink-2);max-width:40em}
.hero-note a{color:var(--blue);text-decoration:none;font-weight:500;white-space:nowrap}
@media (max-width:960px){.hero-note{grid-column:1 / -1;margin-top:18px}}
.pillars.p3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pillars.p3 article:nth-child(3){padding-left:24px;border-left:1px solid var(--rule);border-top:0}
@media (max-width:760px){.pillars.p3{grid-template-columns:1fr}.pillars.p3 article:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--rule)}.pillars.p3 article,.pillars.p3 article + article{padding:22px 0;border-left:0}.pillars.p3 article + article{border-top:1px solid var(--rule)}}
.demo{margin-top:clamp(56px,7vw,88px)}
.dw{border:1px solid var(--rule);border-radius:18px;overflow:hidden;background:var(--bg);box-shadow:0 30px 80px -40px rgba(0,40,120,.35)}
.dw-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--rule);background:var(--paper)}
.dw-bar i{width:10px;height:10px;border-radius:50%;background:#D6D6DE}
.dw-bar span{margin-left:10px;font-size:13px;color:var(--ink-2);font-weight:500}
.dw-body{display:grid;grid-template-columns:210px minmax(0,1fr)}
.dw-side{border-right:1px solid var(--rule);padding:20px 12px}
.dw-h{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:0 10px 10px}
.dw-side ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dw-side li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--ink-2)}
.dw-side li b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.dw-side li.on{background:var(--blue-soft);color:var(--blue);font-weight:500}
.dw-side li.on b{color:var(--blue)}
.dw-main{padding:24px clamp(18px,2.4vw,32px) 28px}
.dw-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 20px;flex-wrap:wrap}
.dw-k{font-size:12.5px;color:var(--mute)}
.dw-top h4{margin:4px 0 0;font-size:clamp(19px,1.8vw,23px);font-weight:500;letter-spacing:-.02em}
.dw-badge{font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;background:var(--blue-soft);color:var(--blue);white-space:nowrap}
.dw-steps{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--rule)}
.dw-steps li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:1.45}
.dw-steps li::before{content:"";flex:none;width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--blue)}
.dw-steps li.hu{font-weight:500}
.dw-steps li.hu::before{background:var(--ink)}
.dw-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.dw-btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:500}
.dw-btn.l{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.demo .track-foot{margin-top:20px}
@media (max-width:700px){.dw-body{grid-template-columns:minmax(0,1fr)}.dw-side{border-right:0;border-bottom:1px solid var(--rule);padding:12px}.dw-h{display:none}.dw-side ul{display:flex;flex-wrap:wrap;gap:6px}.dw-side li{padding:6px 10px;gap:8px}}
.pilot{margin-top:clamp(40px,5vw,56px);display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;padding:clamp(24px,3vw,36px);border-radius:var(--radius);background:var(--blue-soft)}
.pilot .label{padding-top:0;color:var(--blue);margin-bottom:8px}
.pilot h3{font-size:clamp(22px,2.2vw,28px)}
.pilot p:not(.label){margin-top:8px;color:var(--ink-2);max-width:36em;font-size:var(--fs-small)}
img.mono{width:72px;height:72px;object-fit:cover;background:var(--blue)}
/* ---------- O nás v2 ---------- */
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(40px,5vw,64px)}
.tm{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:clamp(24px,2.6vw,36px);border-radius:26px;background:var(--paper)}
.tm-ph{position:relative;flex:none;width:128px;height:128px}
.tm-ph img{position:absolute;left:0;top:0;z-index:1;display:block;width:128px;height:128px;border-radius:50%;object-fit:cover;box-shadow:0 20px 40px -20px rgba(0,30,90,.45)}
.tm-i{min-width:0}
.tm h3{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(30px,2.5vw,40px);line-height:1;letter-spacing:-.01em;white-space:nowrap}
.tm-r{margin-top:8px;font-size:var(--fs-small);color:var(--mute)}
.tm-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tm-t{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.02em}
.tm-m{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:15px;font-weight:500;box-shadow:inset 0 0 0 1px var(--rule);transition:background .2s,color .2s,box-shadow .2s;max-width:100%}
.tm-m svg{width:18px;height:18px;flex:none;color:var(--blue);transition:color .2s}
.tm-m span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-m:hover{background:var(--ink);color:var(--bg);box-shadow:none}
.tm-m:hover svg{color:var(--bg)}
.promises{list-style:none;margin:clamp(40px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);counter-reset:pr}
.promises li{display:grid;gap:8px;align-content:start;border-top:1px solid var(--ink);padding-top:20px;counter-increment:pr}
.promises h4{font-size:18px;font-weight:600;letter-spacing:-.01em;display:flex;gap:12px;align-items:baseline}
.promises h4::before{content:"0" counter(pr);font-family:var(--serif);font-style:normal;font-weight:400;font-size:22px;color:var(--blue)}
.promises p{font-size:var(--fs-small);color:var(--ink-2)}
@media (max-width:640px){.team{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.promises{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:900px){.tm h3{white-space:normal}}
/* menu: úzké desktopy (981–1199 px) */
@media (min-width:981px) and (max-width:1199px){
  .nav .wrap{gap:12px}
  .nav ul a{padding:8px 8px;font-size:13.5px}
  .nav-r{gap:12px}
  .nav-r .lang{padding-right:12px}
  .nav-r > .btn .full{display:none}
  .nav-r > .btn .short{display:inline}
}
/* velmi široké monitory: obsah nepřetahovat donekonečna */
@media (min-width:2000px){.wrap{max-width:1840px}}
/* mobilní menu na nízkých displejích (telefon na šířku) */
@media (max-width:980px) and (max-height:560px){.nav ul a{font-size:26px;padding:11px 0}.nav ul li.mfoot{padding-top:20px}}
/* ---------- Hero v3: výraznější rozmazané modré skvrny ---------- */
.hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.ha-orb,.ha-ring,.ha-dot{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.ha-orb{width:clamp(420px,58vw,1100px);aspect-ratio:1;right:-14vw;top:-22%;
  background:radial-gradient(closest-side,rgba(0,87,255,.95),rgba(0,87,255,.6) 45%,rgba(64,156,255,.25) 72%,rgba(255,255,255,0));animation:bl1 16s ease-in-out infinite alternate}
.ha-ring{width:clamp(360px,44vw,820px);aspect-ratio:1;left:-12vw;bottom:-26%;
  background:radial-gradient(closest-side,rgba(77,163,255,.85),rgba(77,163,255,.4) 50%,rgba(255,255,255,0));animation:bl2 20s ease-in-out infinite alternate}
.ha-dot{width:clamp(260px,30vw,560px);aspect-ratio:1;right:18vw;bottom:-14%;
  background:radial-gradient(closest-side,rgba(0,52,200,.8),rgba(0,87,255,.35) 55%,rgba(255,255,255,0));animation:bl3 13s ease-in-out infinite alternate}
@keyframes bl1{from{transform:translate(0,0) scale(1)}to{transform:translate(-6%,8%) scale(1.08)}}
@keyframes bl2{from{transform:translate(0,0) scale(1)}to{transform:translate(10%,-8%) scale(1.12)}}
@keyframes bl3{from{transform:translate(0,0)}to{transform:translate(-14%,-10%)}}
.hero .btn-line{background:var(--glass-2);border-color:var(--ink)}
@media (max-width:960px){
  .ha-orb{width:110vw;right:-55vw;top:auto;bottom:-38%}  /* pod nadpisem, aby modrý text nesplýval s modrou září */
  .ha-ring{width:90vw;left:-40vw;bottom:-6%}
  .ha-dot{width:70vw;right:-20vw;bottom:2%}
}
@media (prefers-reduced-motion:reduce){.ha-orb,.ha-ring,.ha-dot{animation:none}}
/* ---------- Weby (HP sekce + stránka /weby/) ---------- */
.wb-mini{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wb-mini li{padding:24px;border-radius:18px;background:var(--paper);display:flex;flex-direction:column;gap:10px}
.wb-mini b{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(34px,3.2vw,44px);line-height:1;color:var(--blue)}
.wb-mini span{font-size:16px;line-height:1.45;color:var(--ink-2)}
.hp-st{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:hs}
.hp-st li{position:relative}
.hp-st li::before{counter-increment:hs;content:"0" counter(hs);font-size:13px;font-weight:600;color:var(--ink-2)}
.hp-st li+li::after{content:"→";position:absolute;left:-11px;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--bg);color:var(--blue);display:grid;place-items:center;font-size:13px;box-shadow:0 0 0 1px var(--rule)}
#studio .wb-price{margin-top:22px}
@media (max-width:960px){.hp-st{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-st li+li::after{display:none}}
@media (max-width:520px){.hp-st{grid-template-columns:minmax(0,1fr)}}
.wb-price{display:inline-block;margin-top:24px;padding:9px 18px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-weight:600;font-size:17px}
.wb-refs{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}
.wb-refs-home{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}
.wb-ref{display:block;text-decoration:none;color:inherit}
.wbm{display:block;border-radius:14px;overflow:hidden;clip-path:inset(0 round 14px);background:var(--surface);box-shadow:0 0 0 1px var(--rule),0 30px 60px -36px rgba(0,30,90,.45);transition:transform .35s ease,box-shadow .35s ease}
.wb-ref:hover .wbm{transform:translateY(-6px);box-shadow:0 0 0 1px var(--rule),0 44px 70px -34px rgba(0,60,200,.45)}
.wbm-bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--paper);border-bottom:1px solid var(--rule)}
.wbm-bar i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--g1)}
.wbm-url{margin:0 auto;transform:translateX(-14px);font-size:11.5px;color:var(--mute);padding:3px 12px;border-radius:999px;background:var(--surface);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wbm-shot{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.wbm-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .7s ease}
.wb-ref:hover .wbm-shot img{transform:scale(1.03)}
.wb-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;margin-top:16px}
.wb-mt{display:flex;align-items:center;gap:10px;min-width:0}
.wb-mt b{font-weight:600;font-size:18px;letter-spacing:-.02em}
.wbm-app{font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}
.wb-ty{grid-column:1;font-size:14.5px;color:var(--mute)}
.wb-ar{grid-column:2;grid-row:1 / 3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:16px;box-shadow:inset 0 0 0 1px var(--rule);transition:background .25s,color .25s,box-shadow .25s}
.wb-ref:hover .wb-ar{background:var(--ink);color:var(--bg);box-shadow:none}
.wb-refs-home .wb-mt b{font-size:16px}.wb-refs-home .wb-ar{width:34px;height:34px;font-size:14px}
/* stránka Weby – hero */
.wbh{position:relative;overflow:hidden;isolation:isolate;padding:calc(72px + clamp(40px,7vh,96px)) 0 0}
.wbh-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,5vw,96px);align-items:center;padding-bottom:clamp(56px,7vw,104px)}
.wbh h1{font-size:clamp(46px,6.2vw,100px);max-width:9.6em}
.wbh h1 em,.wbp h2 em{font-family:var(--serif);font-style:normal;font-weight:400;color:var(--blue);letter-spacing:-.02em}
.wbh .lede{max-width:30em;margin-top:28px}
.wbh .ctas{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}
.wbh-vis{position:relative;padding:20px 0}
.wv{position:relative;width:100%;max-width:560px;margin-left:auto;aspect-ratio:1.5}
.wv-c{position:absolute;top:6%;width:58%;aspect-ratio:1;border-radius:50%}
.wv-c.ai{left:4%;background:radial-gradient(circle at 34% 30%,#4D94FF,var(--blue) 62%);box-shadow:0 40px 90px -30px rgba(0,60,200,.55);animation:wvA 7s ease-in-out infinite alternate}
.wv-c.hu{right:4%;border:3px solid var(--ink);animation:wvH 7s ease-in-out infinite alternate}
.wv-cap{position:absolute;left:0;right:0;bottom:-12%;text-align:center;font-family:var(--serif);font-style:normal;font-size:clamp(20px,2vw,26px);color:var(--ink-2)}
.wv-cap b{font-weight:400;color:var(--blue)}
@keyframes wvA{to{transform:translateX(9%)}}
@keyframes wvH{to{transform:translateX(-9%)}}
.wv-s{position:absolute;left:0;top:0;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 36px 50px rgba(0,60,200,.28));animation:wvF 8s ease-in-out infinite alternate}
@keyframes wvF{to{transform:translateY(-3%)}}
.wv-s .wv-ai{animation:wvIn 1.4s cubic-bezier(.2,.7,.2,1) both;--x:-7px}
.wv-s .wv-hu{animation:wvIn 1.4s cubic-bezier(.2,.7,.2,1) both,wvBr 5s ease-in-out 1.8s infinite alternate;--x:7px}
.wv-s .wv-ov{animation:wvOv .7s ease-out 1.05s both}
.wbh .wv-cap{animation:wvOv .8s ease-out 1.4s both}
@keyframes wvIn{from{transform:translateX(var(--x))}to{transform:none}}
@keyframes wvBr{from{transform:none}to{transform:translateX(1.4px)}}
@keyframes wvOv{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.wv-s .wv-ai,.wv-s .wv-hu,.wv-s .wv-ov,.wbh .wv-cap{animation:none}}
@media (prefers-reduced-motion:reduce){.wv-c,.wv-s{animation:none}}
.wbh-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.wbh-stats li{padding:28px 24px 34px 0;display:flex;flex-direction:column;gap:8px}
.wbh-stats li+li{border-left:1px solid var(--rule);padding-left:clamp(20px,2.5vw,40px)}
.wbh-stats b{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(32px,3vw,46px);line-height:1;color:var(--blue)}
.wbh-stats span{color:var(--ink-2);font-size:16px;line-height:1.4}
/* AI + člověk */
.wb-duo{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}
.wb-duo>div{border-radius:26px;padding:clamp(28px,3.2vw,44px);position:relative;overflow:hidden;color:#fff;isolation:isolate}
.wb-duo-ai{background:var(--blue)}
.wb-duo-ai::before{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;right:-20%;top:-30%;border-radius:50%;background:radial-gradient(closest-side,rgba(140,190,255,.7),rgba(140,190,255,0));filter:blur(20px)}
.wb-duo-we{background:var(--dark)}
.wb-duo-we::before{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;left:-25%;bottom:-40%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,87,255,.55),rgba(0,87,255,0));filter:blur(24px)}
.wb-plus{align-self:center;z-index:2;width:56px;height:56px;margin:0 -16px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--rule),0 10px 24px -8px rgba(0,0,0,.3);display:grid;place-items:center;font-size:28px;font-weight:500;line-height:1}
.wb-big{font-family:var(--serif);font-style:normal;font-size:clamp(60px,6.4vw,96px);line-height:.9}
.wb-k{margin-top:22px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.72}
.wb-duo ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.wb-duo li{padding-left:30px;position:relative;font-size:17px;line-height:1.45}
.wb-duo li::before{content:"✓";position:absolute;left:0;font-weight:600}
.wb-duo-we li::before{color:var(--d-blue)}
/* cena – pruhy */
.wb-bars{margin-top:clamp(36px,4vw,56px);display:grid;gap:18px}
.wb-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center}
.wb-row p{font-weight:600;font-size:15px}
.wb-bar{display:flex;gap:4px;height:60px}
.wb-bar span{display:flex;align-items:center;min-width:0;padding:0 14px;border-radius:12px;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-code{flex:3;background:var(--g1)}.s-txt{flex:1.6;background:var(--g2)}.s-fix{flex:1.6;background:var(--g3)}
.s-exp{flex:2;background:var(--ink);color:var(--bg)}.s-ai{flex:1.2;background:var(--blue);color:#fff}
.wb-row:last-child .wb-bar{width:42%}
.wb-note{margin-top:18px;font-size:14px;color:var(--mute)}
/* co dostanete */
.wb-paper{background:var(--paper)}
.wb-cards{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wb-card{background:var(--surface);border-radius:22px;padding:clamp(24px,2.4vw,32px);transition:transform .3s ease,box-shadow .3s ease}
.wb-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -24px rgba(0,30,90,.35)}
.wb-ico{width:48px;height:48px;padding:10px;border-radius:14px;background:var(--blue-soft);fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wb-card h3{margin-top:24px;font-size:20px;letter-spacing:-.02em}
.wb-card p{margin-top:8px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
/* postup */
.wb-steps{list-style:none;margin:clamp(40px,4.5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}
.wb-steps::before{content:"";position:absolute;top:28px;left:28px;right:12%;height:2px;background:linear-gradient(90deg,var(--blue),var(--rule))}
.wb-sn{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 2px var(--blue);font-family:var(--serif);font-style:normal;font-size:24px;color:var(--blue)}
.wb-steps li:first-child .wb-sn{background:var(--blue);color:#fff}
.wb-steps h3{margin-top:24px;font-size:20px;letter-spacing:-.02em}
.wb-steps p{margin-top:8px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
/* web + agent */
.wb-go-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,5vw,80px);align-items:center}
.wb-go{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.wb-chat{background:rgba(255,255,255,.05);border:1px solid var(--d-rule);border-radius:24px;padding:24px;display:grid;gap:12px}
.wb-chat-h{font-size:13px;color:var(--d-ink-2);display:flex;gap:8px;align-items:center;margin-bottom:6px}
.wb-chat-h i{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.18)}
.wb-chat p.q,.wb-chat p.a{max-width:86%;padding:13px 17px;font-size:15.5px;line-height:1.45}
.wb-chat .q{justify-self:end;background:#fff;color:#0B0B0F;border-radius:20px 20px 6px 20px}
.wb-chat .a{justify-self:start;background:var(--blue);color:#fff;border-radius:20px 20px 20px 6px}
.wbp .faq{margin-top:clamp(28px,3vw,40px)}
/* cena – dvě varianty */
.wb-plans{margin-top:clamp(36px,4vw,52px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wb-plan{border-radius:26px;padding:clamp(28px,3.2vw,44px);box-shadow:inset 0 0 0 1px var(--rule);background:var(--surface);position:relative;overflow:hidden;isolation:isolate}
.wb-plan.hl{background:var(--dark);color:#fff;box-shadow:none}
.wb-plan.hl::before{content:"";position:absolute;z-index:-1;width:80%;aspect-ratio:1;right:-30%;top:-50%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,87,255,.75),rgba(0,87,255,0));filter:blur(24px)}
.wb-plan .wb-k{margin-top:0}
.wb-pr{margin-top:18px;font-size:clamp(44px,4.6vw,68px);font-weight:500;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.wb-pr small{font-family:var(--serif);font-style:normal;font-weight:400;font-size:.42em;letter-spacing:0;color:var(--blue)}
.wb-plan.hl .wb-pr small{color:var(--d-blue)}
.wb-pd{margin-top:20px;font-size:17px;line-height:1.5;color:var(--ink-2);max-width:26em}
.wb-plan.hl .wb-pd{color:var(--d-ink-2)}
.wb-plans-b{margin-top:28px}
.wbh .wb-price{font-size:16px}
@media (max-width:760px){.wb-plans{grid-template-columns:minmax(0,1fr)}.wb-pr{white-space:normal}}
@media (max-width:1180px){.wb-row{grid-template-columns:minmax(0,1fr);gap:8px}.wb-bar{flex-wrap:wrap;height:auto}.wb-bar span{flex:1 1 auto;height:46px;white-space:normal;line-height:1.15}.wb-row:last-child .wb-bar{width:100%}}
@media (max-width:1100px){.wb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}.wb-steps::before{display:none}}
@media (max-width:960px){.wbh-grid{grid-template-columns:minmax(0,1fr)}.wbh-vis{max-width:560px;width:100%;margin-inline:auto}.wb-go-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.wb-mini,.wb-refs,.wb-refs-home,.wb-cards,.wb-steps,.wbh-stats{grid-template-columns:minmax(0,1fr)}
  .wbh-stats li{padding:18px 0}.wbh-stats li+li{border-left:0;padding-left:0;border-top:1px solid var(--rule)}
  .wb-duo{grid-template-columns:minmax(0,1fr)}.wb-plus{margin:-16px auto;justify-self:center}
  .wb-row{grid-template-columns:minmax(0,1fr);gap:8px}.wb-bar{height:64px}.wb-bar span{white-space:normal;font-size:12px;line-height:1.15;padding:0 8px}
  .wb-plans-b{white-space:normal;height:auto;min-height:50px;padding-block:12px}
  .wbh-vis{padding:8px 0 40px}.wv{margin-inline:auto;max-width:330px}}
.wb-pr-t{font-family:var(--serif);font-style:normal;font-weight:400;letter-spacing:-.01em;color:var(--blue)}
.wb-plan.hl .wb-pr-t{color:#fff}
.wb-ex{margin-top:clamp(40px,5vw,64px)}
.wb-ex h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em}
.wb-ex-p{margin-top:10px;color:var(--ink-2);font-size:17px;max-width:40em}
.wb-ex-g{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wb-ex-c{padding:clamp(22px,2.4vw,30px);border-radius:22px;background:var(--paper)}
.wb-ex-n{font-family:var(--serif);font-style:normal;font-size:24px;color:var(--blue)}
.wb-ex-c h4{margin-top:10px;font-size:19px;font-weight:600;letter-spacing:-.02em}
.wb-ex-c p{margin-top:8px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
@media (max-width:760px){.wb-ex-g{grid-template-columns:minmax(0,1fr)}}
/* ---------- Studio ---------- */
.st-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.stp .wbh h1{font-size:clamp(42px,5.2vw,82px);max-width:10.5em}
.stp .wbh{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.stp .wbh > .wbh-grid{flex:1 0 auto;width:100%;align-content:center}
.stp .wbh > .wrap:last-child{width:100%}
@media (max-width:760px){.stp .wbh-vis{display:none}.stp .wbh-grid{padding-bottom:32px}.stp .wbh .wb-price{display:none}}
.stp .wbh h1 em{display:block}
.st-cards .st-card{background:var(--paper)}
.st-card{display:flex;flex-direction:column}
.st-card p{flex:1 0 auto}
.st .st-card .st-get{flex:none;margin-top:20px;padding-top:14px;border-top:1px solid var(--rule);font-size:14px;color:var(--blue);font-weight:500}
.st-lab{margin-top:clamp(28px,3vw,40px);background:var(--surface);border-radius:26px;padding:clamp(18px,2.4vw,32px);box-shadow:0 1px 0 var(--rule)}
.st-tabs{margin:0 0 clamp(20px,2.4vw,30px);background:var(--paper)}
.st-sit{font-size:clamp(19px,1.7vw,23px);line-height:1.45;letter-spacing:-.01em;max-width:34em}
.st-pane .wb-k{margin-top:26px}
.st-do{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:sd}
.st-do li{position:relative;background:var(--paper);border-radius:18px;padding:20px 20px 22px}
.st-do span{display:inline-block;font-size:13px;font-weight:600;color:var(--blue);background:var(--blue-soft);padding:5px 12px;border-radius:999px}
.st-do p{margin-top:12px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.st-ver{margin-top:14px;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding:18px 22px;border-radius:18px;background:var(--ink);color:var(--bg)}
.st-ver .wb-k{margin:0;opacity:.7}
.st-ver p{font-size:17px;font-weight:500}
.st-bars .wb-row:last-child .wb-bar{width:auto}
.st-bars .wb-row:first-child .wb-bar span{flex:1}
.st-bars .wb-row:first-child .s-code{flex:3.4}
.st-bars .st-q{background:var(--g3);color:var(--ink)}
.st-bars .wb-row:last-child .wb-bar{width:62%}
.st-bars .wb-row:last-child .wb-bar span{flex:1}
.st-bars .st-next{background:transparent;box-shadow:inset 0 0 0 1.5px var(--blue);color:var(--blue)}
.st-price{margin-top:clamp(36px,4vw,56px);padding:clamp(24px,3vw,40px);border-radius:26px;background:var(--blue-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 40px;align-items:end}
.st-price h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1;color:var(--blue);grid-column:1/-1}
.st-price p{font-size:17px;line-height:1.55;max-width:36em}
.st-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
@media (max-width:1100px){.st-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.st-bars .wb-row:last-child .wb-bar{width:auto}}
@media (max-width:860px){.st-do{grid-template-columns:minmax(0,1fr)}.st-price{grid-template-columns:minmax(0,1fr)}.st-price .btn{justify-self:start}}
@media (max-width:760px){.st-cards,.st-steps{grid-template-columns:minmax(0,1fr)}.st-lab{padding:14px;border-radius:20px}}
/* ---------- Komunikace: AI agenti + weby ---------- */
.hero-strip{position:relative;background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
.hero-strip .k{color:var(--ink);font-weight:600;align-self:center}
.hero-strip .hs-door{grid-column:span 4;align-items:center;justify-content:flex-start;gap:16px;padding-block:20px}
.hero-strip .hs-door:first-of-type{grid-column:5 / 9}
.hero-strip .hs-door + .hs-door{grid-column:9 / 13}
.hs-ic{width:34px;height:34px;flex:none;color:var(--ink)}
.hs-t{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.hs-t b{font-weight:600;font-size:16.5px;color:var(--ink)}
.hs-t em{font-style:normal;font-size:14px;font-weight:400;color:var(--ink-2)}
.hero-strip .hs-door .ar{color:var(--blue)}
@media (max-width:1100px){.hero-strip .k{grid-column:1 / -1;padding-bottom:0}.hero-strip .hs-door:first-of-type{grid-column:1 / 7;border-left:0;padding-left:0}.hero-strip .hs-door + .hs-door{grid-column:7 / 13}}
@media (max-width:960px){.hero-strip .hs-door:first-of-type,.hero-strip .hs-door + .hs-door{grid-column:1 / -1;border-left:0;padding-left:0;padding-block:16px}}
.svc2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svc-c{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(26px,3vw,40px);border-radius:26px;text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;transition:transform .3s ease}
.svc-c:hover{transform:translateY(-4px)}
.svc-c.ag{background:var(--blue)}
.svc-c.ag::before{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;right:-20%;top:-35%;border-radius:50%;background:radial-gradient(closest-side,rgba(140,190,255,.7),rgba(140,190,255,0));filter:blur(20px)}
.svc-c.wb{background:var(--dark)}
.svc-c.wb::before{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;left:-25%;bottom:-45%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,87,255,.6),rgba(0,87,255,0));filter:blur(24px)}
.svc-c .pn{font-family:var(--serif);font-style:normal;font-size:28px;line-height:1;opacity:.8}
.svc-c h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em;margin-top:6px}
.svc-c p{font-size:17px;line-height:1.5;opacity:.85;max-width:30em}
.svc-l{margin-top:auto;padding-top:14px;font-weight:600;font-size:15px}
.svc-sub{margin-top:clamp(64px,8vw,104px)}
.svc-how{margin-top:clamp(40px,5vw,64px)}
.demo-wrap{margin-top:clamp(56px,7vw,96px)}
.demo-h{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em}
.demo-wrap .demo{margin-top:0}.demo-wrap .track-t{display:none}
.demo-tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin:18px 0 22px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--rule)}
.demo-tabs button{appearance:none;border:0;background:transparent;font:500 15px/1.2 var(--sans);color:var(--ink-2);padding:10px 18px;border-radius:999px;cursor:pointer}
.demo-tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.demo-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media (max-width:520px){.demo-tabs{display:flex;border-radius:18px}.demo-tabs button{flex:1 1 100%;border-radius:14px;text-align:left}}
.svc-sub h2{font-size:clamp(30px,3.4vw,46px)}
@media (max-width:760px){.svc2{grid-template-columns:minmax(0,1fr)}}
.fchips{border:0;margin:0 0 18px;padding:0}
.fchips legend{padding:0;margin-bottom:10px;font-size:13px;font-weight:500;color:var(--d-ink-2)}
.fchips legend span{opacity:.7}
.contact .fchips label,.fchips label{display:inline-flex;margin:0 8px 8px 0;cursor:pointer}
.fchips input{position:absolute;opacity:0;width:1px;height:1px}
.fchips label span{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid var(--d-rule);color:var(--d-ink);font-size:14.5px;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.fchips label:hover span{border-color:var(--d-ink-2)}
.fchips input:checked + span{background:#fff;color:#0B0B0F;border-color:#fff}
.fchips input:focus-visible + span{outline:2px solid var(--blue);outline-offset:2px}
/* ---------- Mobil: víc vzduchu pod menu ---------- */
@media (max-width:760px){
  .hero{min-height:auto;padding-top:calc(72px + 60px)}
  .hero > .wrap{justify-content:flex-start;padding-bottom:56px}
  .wbh{padding-top:calc(72px + 64px)}
}
/* oprava: rozmazané skvrny nesmí přetéct přes zaoblené rohy (Safari) */
.wb-duo>div{clip-path:inset(0 round 26px);transform:translateZ(0)}
.svc-c{clip-path:inset(0 round 26px);transform:translateZ(0)}
.svc-c:hover{transform:translateY(-4px) translateZ(0)}
.wb-plan{clip-path:inset(0 round 26px);transform:translateZ(0)}
.a-cta{clip-path:inset(0 round 20px);transform:translateZ(0)}
/* ---------- Tmavý režim (podle systému, nebo ručně přepínačem) ---------- */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;
  --bg:#0D0E12;--paper:#16181E;--ink:#F2F3F6;--ink-2:#B3B6C1;--mute:#7F8290;--rule:rgba(255,255,255,.11);
  --blue:#3B7BFF;--blue-soft:rgba(59,123,255,.16);--dark:#17191F;--d-rule:rgba(255,255,255,.12);
  --surface:#1B1D24;--glass:rgba(13,14,18,.55);--glass-2:rgba(13,14,18,.82);--glass-3:rgba(13,14,18,.9);
  --g1:#2B2E37;--g2:#24262E;--g3:#1F2128;}}
:root[data-theme="dark"]{color-scheme:dark;
  --bg:#0D0E12;--paper:#16181E;--ink:#F2F3F6;--ink-2:#B3B6C1;--mute:#7F8290;--rule:rgba(255,255,255,.11);
  --blue:#3B7BFF;--blue-soft:rgba(59,123,255,.16);--dark:#17191F;--d-rule:rgba(255,255,255,.12);
  --surface:#1B1D24;--glass:rgba(13,14,18,.55);--glass-2:rgba(13,14,18,.82);--glass-3:rgba(13,14,18,.9);
  --g1:#2B2E37;--g2:#24262E;--g3:#1F2128;}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .hero::after{mix-blend-mode:screen;opacity:.06}
:root:not([data-theme="light"]) .dark{box-shadow:inset 0 1px 0 var(--d-rule)}
:root:not([data-theme="light"]) .tm-ph img{filter:brightness(.95)}
:root:not([data-theme="light"]) .wv-c.hu{background:rgba(13,14,18,.25)}
:root:not([data-theme="light"]) .hero-art{opacity:.62}
:root:not([data-theme="light"]) .hero::before,:root:not([data-theme="light"]) .hero > .wrap::before{opacity:.6}
}
:root[data-theme="dark"] .hero::after{mix-blend-mode:screen;opacity:.06}
:root[data-theme="dark"] .dark{box-shadow:inset 0 1px 0 var(--d-rule)}
:root[data-theme="dark"] .tm-ph img{filter:brightness(.95)}
:root[data-theme="dark"] .wv-c.hu{background:rgba(13,14,18,.25)}
:root[data-theme="dark"] .hero-art{opacity:.62}
:root[data-theme="dark"] .hero::before,:root[data-theme="dark"] .hero > .wrap::before{opacity:.6}
/* přepínač motivu */
.theme-t{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s}
.theme-t:hover{background:var(--paper);color:var(--ink)}
.theme-t svg{width:19px;height:19px}
.theme-t .i-sun{display:none}
:root[data-theme="dark"] .theme-t .i-sun{display:block}:root[data-theme="dark"] .theme-t .i-moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-t .i-sun{display:block}:root:not([data-theme="light"]) .theme-t .i-moon{display:none}}
@media (max-width:980px){.nav-r .theme-t{display:none}.mfoot .theme-t{display:inline-grid;background:var(--paper)}.mfoot .mtop{display:flex;justify-content:space-between;align-items:center}}
.rings-art svg{position:absolute;inset:0;width:100%;height:auto}
.rings-art .rf,.rings-art .ro{display:none}

/* ================= Podstránky: katalog, obory, wiki ================= */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav ul a[aria-current="page"]{color:var(--blue)}
.h2s{font-size:clamp(28px,3vw,40px);margin-bottom:28px}
.sectors.wl h3{font-size:clamp(19px,1.6vw,22px)}
.sectors.wl a{grid-template-columns:56px minmax(0,1fr) minmax(0,1.3fr) 32px}
@media (max-width:760px){.sectors.wl a{grid-template-columns:40px 1fr 24px}}
.col-main > .sectors + .h2s,.col-main > .sectors.list + .h2s{margin-top:clamp(56px,7vw,88px)}

/* detail oboru */
.d-hero .d-ico .kico{width:76px;height:76px;margin:0 0 6px -8px}
.d-cat{font-size:var(--fs-label);font-weight:500;color:var(--mute);margin-bottom:14px}
.d-hero h1{font-size:clamp(42px,6.2vw,96px);max-width:14em}
.d-hero .lede p + .tools{margin-top:18px}
.d-tasks{margin-top:clamp(32px,4vw,48px)}
.d-note{margin-top:24px;max-width:44em}
.pn{margin-top:40px;padding-top:22px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px}
.pn a{text-decoration:none;color:var(--ink);font-weight:500;font-size:16px;line-height:1.3}
.pn a:last-child{text-align:right}
.pn a span{display:block;font-size:12.5px;font-weight:400;color:var(--mute);margin-bottom:4px}

/* wiki: rozcestník */
.w-hero::before{right:-18%;top:-20%}
.wcard .top b{font-weight:500;color:var(--blue)}
.wcard h3{font-size:clamp(20px,1.6vw,23px)}

/* wiki: článek */
.a-hero{padding-bottom:clamp(48px,6vw,80px)}
.a-hero h1{font-size:clamp(40px,5.6vw,84px);max-width:15em}
.a-lead{max-width:40em;margin-top:28px}
.wmeta{margin-top:28px;display:flex;flex-wrap:wrap;gap:6px 0;font-size:13.5px;color:var(--mute)}
.wmeta span + span::before{content:"·";margin:0 10px}
.toc ol{list-style:none;margin:14px 0 0;padding:0;counter-reset:t;display:grid;gap:10px}
.toc li{counter-increment:t;display:flex;gap:10px;font-size:14.5px;line-height:1.35}
.toc li::before{content:counter(t,decimal-leading-zero);color:var(--blue);font-size:12px;font-weight:500;padding-top:2px;font-variant-numeric:tabular-nums}
.toc a{color:var(--ink-2);text-decoration:none}
.toc a:hover{color:var(--ink)}
.toc .label{padding-top:0}
@media (max-width:960px){
  .toc{background:var(--paper);border-radius:var(--radius);padding:20px 22px;margin-bottom:32px}
  .toc .label{margin-bottom:0}
}
.tldr{background:var(--blue-soft);border-radius:var(--radius);padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,34px);margin-bottom:clamp(40px,5vw,64px);max-width:48em}
.tldr .label{padding-top:0;color:var(--blue);margin-bottom:12px}
.tldr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tldr li{display:flex;gap:12px;font-size:17px;line-height:1.45;font-weight:500}
.tldr li::before{content:"";flex:none;width:7px;height:7px;margin-top:9px;border-radius:50%;background:var(--blue)}
.prose{max-width:44em;font-size:18px;line-height:1.65;color:var(--ink)}
.prose h2{font-size:clamp(28px,2.8vw,38px);margin:clamp(48px,6vw,72px) 0 18px;scroll-margin-top:110px}
.prose > h2:first-child{margin-top:0}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:1.25em}
.prose li{margin:8px 0;padding-left:4px}
.prose li::marker{color:var(--blue)}
.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose strong{font-weight:600}
.prose em{font-style:italic}
.prose .tbl{overflow-x:auto;margin:8px 0 28px;-webkit-overflow-scrolling:touch}
.prose table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.45}
.prose th,.prose td{padding:13px 16px 13px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.prose thead th{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);border-bottom-color:var(--ink)}
.prose tbody th{font-weight:600}
.prose .note{font-size:14.5px;color:var(--mute);border-left:2px solid var(--rule);padding-left:14px;margin-top:24px}
.prose ul.check,.prose ul.timeline{list-style:none;padding:0}
.prose ul.check li{display:flex;gap:12px;padding:0}
.prose ul.check li::before{content:"✓";color:var(--blue);font-weight:600;flex:none}
.prose ul.timeline{border-left:1px solid var(--rule);margin-left:5px}
.prose ul.timeline li{position:relative;padding:0 0 14px 26px;margin:0}
.prose ul.timeline li::before{content:"";position:absolute;left:-6px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--blue)}
.prose ul.timeline b{display:block;font-weight:600;font-size:15px;color:var(--blue)}
.prose .faq{margin-top:8px}
.prose .faq summary{font-size:clamp(18px,1.5vw,21px)}
.prose .faq details p{margin:0;font-size:17px}
.a-cta{margin:clamp(56px,7vw,88px) 0;display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;background:var(--dark);color:var(--d-ink);border-radius:20px;padding:clamp(26px,3.4vw,44px);position:relative;overflow:hidden;isolation:isolate}
.a-cta::before{content:"";position:absolute;z-index:-1;width:420px;aspect-ratio:1;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,87,255,.9),rgba(0,87,255,0));filter:blur(20px)}
.a-cta h3{font-size:clamp(22px,2.2vw,30px);max-width:18em}
.a-cta p{margin-top:10px;color:var(--d-ink-2);max-width:34em}
.a-cta .btn-solid{background:#fff;color:#0B0B0F}

/* 404 */
.nf{min-height:70svh}
.nf .ctas{flex-wrap:wrap}

/* ================= Digee Wiki v2: panel témat vlevo, užší článek ================= */
.wiki-top{padding:148px 0 clamp(40px,5vw,64px);position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--rule)}
.wiki-top::before{content:"";position:absolute;z-index:-1;width:min(820px,100vw);aspect-ratio:1.6;right:-18%;top:-30%;background:radial-gradient(closest-side,rgba(0,87,255,.7),rgba(64,156,255,.22) 60%,rgba(255,255,255,0));filter:blur(40px)}
.wiki-top h1{font-size:clamp(48px,6vw,88px)}
.wiki-top .lede{max-width:40em}
.wsearch{position:relative;max-width:720px;margin-top:32px}
.wsearch input{width:100%;height:56px;border:1px solid var(--rule);border-radius:999px;padding:0 56px 0 52px;font:400 16px/1 var(--sans);color:var(--ink);background:var(--bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%238B8B96' stroke-width='2'><circle cx='8' cy='8' r='6'/><path d='m13 13 4 4'/></svg>") no-repeat 20px 50%}
.wsearch input:focus{outline:none;border-color:var(--ink)}
.wsearch kbd{position:absolute;right:18px;top:50%;transform:translateY(-50%);min-width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:7px;font:500 13px/1 var(--sans);color:var(--mute)}
@media (hover:none){.wsearch kbd{display:none}}
.wstats{margin-top:14px;font-size:13.5px;color:var(--mute)}

.wshell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(32px,5vw,88px);padding-block:clamp(40px,5vw,72px) var(--sec)}
.wside{position:sticky;top:96px;align-self:start;max-height:calc(100svh - 112px);overflow:auto;scrollbar-width:thin}
.wnav > summary{display:none}
.wnav .label{padding-top:0;margin-bottom:12px;padding-left:12px}
.wnav-c{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:15px;font-weight:500;line-height:1.3}
.wnav-c span{color:var(--mute);font-weight:400;font-size:13px;font-variant-numeric:tabular-nums}
.wnav-c:hover{background:var(--paper)}
.wnav-c[aria-current]{background:var(--ink);color:var(--bg)}
.wnav-c[aria-current] span{color:rgba(255,255,255,.6)}
.wnav-all{margin-bottom:6px}
.wnav-g.on > .wnav-c{color:var(--blue)}
.wnav ul{list-style:none;margin:2px 0 10px 12px;padding:0 0 0 10px;border-left:1px solid var(--rule)}
.wnav ul a{display:block;padding:6px 10px;font-size:14px;line-height:1.35;color:var(--ink-2);text-decoration:none;border-radius:8px}
.wnav ul a:hover{color:var(--ink);background:var(--paper)}
.wnav ul a[aria-current]{color:var(--blue);font-weight:500;background:var(--blue-soft)}
@media (max-width:960px){
  .wshell{grid-template-columns:minmax(0,1fr);gap:28px}
  .wside{position:static;max-height:none;overflow:visible}
  .wnav{border:1px solid var(--rule);border-radius:var(--radius)}
  .wnav > summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:14px 18px;font-weight:500}
  .wnav > summary::-webkit-details-marker{display:none}
  .wnav > summary::after{content:"";width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 100% no-repeat;transition:transform .25s}
  .wnav[open] > summary::after{transform:rotate(45deg)}
  .wnav nav{padding:0 8px 12px}
  .wnav .label{display:none}
}

.wgrp{scroll-margin-top:100px}
.wgrp + .wgrp{margin-top:clamp(48px,6vw,80px)}
.wgrp[hidden],.wlist li[hidden]{display:none}
.wgrp-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:14px}
.wgrp-h h2{font-size:clamp(28px,2.8vw,40px)}
.wgrp-h span{font-size:13.5px;color:var(--mute);white-space:nowrap}
.wgrp-d{margin-top:14px;color:var(--ink-2);font-size:15.5px;max-width:44em}
.wlist{list-style:none;margin:10px 0 0;padding:0}
.wlist a{display:grid;grid-template-columns:120px minmax(0,1fr) 56px 20px;gap:var(--gap);align-items:baseline;padding:22px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.wt{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.wx h3{font-size:clamp(19px,1.6vw,22px);transition:color .2s}
.wx p{margin-top:6px;font-size:14.5px;color:var(--ink-2);max-width:48em}
.wm{font-size:13px;color:var(--mute);text-align:right;white-space:nowrap}
.wlist .ar{color:var(--mute);transition:transform .2s,color .2s}
.wlist a:hover h3{color:var(--blue)}
.wlist a:hover .ar{transform:translateX(4px);color:var(--ink)}
@media (max-width:700px){
  .wlist a{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}
  .wlist .wx{grid-column:1 / -1;grid-row:2}
  .wlist .ar{display:none}
}

.wiki-a main{position:relative;overflow-x:clip;isolation:isolate}
.wiki-a main::before{content:"";position:absolute;z-index:-1;width:min(760px,100vw);aspect-ratio:1.6;right:-16%;top:-280px;background:radial-gradient(closest-side,rgba(0,87,255,.55),rgba(64,156,255,.18) 60%,rgba(255,255,255,0));filter:blur(40px)}
.wshell-a{padding-top:140px}
.wart{display:grid;grid-template-columns:minmax(0,740px) 210px;gap:clamp(40px,4vw,72px);justify-content:start}
.wtoc{position:sticky;top:104px;align-self:start}
.wtoc .toc .label{padding-top:0}
.toc-m{display:none}
@media (max-width:1280px){
  .wart{grid-template-columns:minmax(0,740px)}
  .wtoc{display:none}
  .toc-m{display:block;background:var(--paper);border-radius:var(--radius);padding:16px 20px;margin-bottom:40px}
  .toc-m summary{cursor:pointer;font-weight:500;font-size:15px}
  .toc-m ol{list-style:none;margin:12px 0 4px;padding:0;counter-reset:t;display:grid;gap:9px}
  .toc-m li{counter-increment:t;display:flex;gap:10px;font-size:14.5px;line-height:1.35}
  .toc-m li::before{content:counter(t,decimal-leading-zero);color:var(--blue);font-size:12px;font-weight:500;padding-top:2px}
  .toc-m a{color:var(--ink-2);text-decoration:none}
}
.whead{padding-bottom:32px;border-bottom:1px solid var(--rule);margin-bottom:36px}
.whead .crumb{margin-bottom:28px}
.whead .wt{margin-bottom:14px}
.whead h1{font-size:clamp(38px,4.4vw,64px);line-height:1;letter-spacing:-.045em}
.wdoc .a-lead{font-size:var(--fs-lede);color:var(--ink-2);margin-top:22px;line-height:1.5;max-width:none}
.wdoc .wmeta{margin-top:20px}
.wdoc .tldr{max-width:none;margin-bottom:40px}
.wdoc .prose{max-width:none}
.wdoc .a-cta{margin:clamp(48px,6vw,72px) 0}
.wsub{font-size:clamp(24px,2.4vw,32px);margin:clamp(48px,6vw,72px) 0 20px}
.wdoc .a-cta + .wsub{margin-top:0}
.wrels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wrels.wrels-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.wb h2 + .wrels{margin-top:clamp(28px,3vw,44px)}
.wb-wiki-all{margin-top:18px}.wb-wiki-all a{color:var(--blue);text-decoration:none;font-weight:500}
@media (max-width:900px){.wrels{grid-template-columns:minmax(0,1fr)}}
.wrel{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--rule);border-radius:16px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.wrel:hover{border-color:var(--ink)}
.wrel h3{font-size:17px;line-height:1.3}
.wrel p{font-size:14px;color:var(--ink-2);line-height:1.45}
.wrel .ar{margin-top:auto;padding-top:6px;color:var(--mute)}
.wback{margin-top:40px;font-size:14.5px}
.wback a{color:var(--ink)}
.wsearch{display:block;background:none;border:0;border-radius:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
section.wgrp{padding-block:0}
@media (max-width:960px){.wshell-a .wside{order:2}.wshell-a{padding-top:136px}}
.toc-m summary{list-style:none;display:flex;justify-content:space-between;align-items:center}
.toc-m summary::-webkit-details-marker{display:none}
.toc-m summary::after{content:"";width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 100% no-repeat;transition:transform .25s}
.toc-m[open] summary::after{transform:rotate(45deg)}

/* ================= Katalog v3: dlaždice a detail se záložkami ================= */
.kx-hero{padding-bottom:clamp(40px,5vw,64px)}
.kx-note{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:clamp(28px,3vw,40px);font-size:var(--fs-small);color:var(--ink-2)}
.kx-note .k{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--ink)}
.kx-note .d,.kd2 .d{width:9px;height:9px;border-radius:50%;display:inline-block}
.kx-note .d.ag{background:var(--blue)}.kx-note .d.hu{background:var(--ink)}
.kbar2{position:sticky;top:64px;z-index:20;background:var(--glass-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block:1px solid var(--rule);padding-block:14px}
@media (min-width:981px){.kbar2{top:72px}}
.kb2-row{display:flex;align-items:center;gap:16px 24px}
.kb2-row .ksearch{flex:1;min-width:0;height:48px}
.kb2-row .kcount{white-space:nowrap}
.kchips{margin:12px 0 0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.kchips::-webkit-scrollbar{display:none}
.kchips .chip{flex:none;height:36px}
@media (max-width:640px){.kb2-row .kcount{display:none}.kbar2{padding-block:10px}.kb2-row .ksearch{height:44px}}
.kx-list{padding-top:clamp(32px,4vw,48px)}
.kcgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (min-width:1700px){.kcgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1100px){.kcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kcgrid{grid-template-columns:minmax(0,1fr)}}
.kcgrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1300px){.kcgrid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.kcgrid-3 .kc:nth-child(3){display:none}}
@media (max-width:640px){.kcgrid-3{grid-template-columns:minmax(0,1fr)}.kcgrid-3 .kc:nth-child(3){display:flex}}
.kc{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--paper);text-decoration:none;color:var(--ink);transition:background .2s,box-shadow .2s,transform .2s;min-width:0}
.kc[hidden]{display:none!important}
.kc:hover{background:var(--bg);box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-2px)}
.kc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kc-top .kico{width:56px;height:56px;margin:-4px 0 0 -6px}
.kc-cat{font-size:12.5px;color:var(--mute);text-align:right;padding-top:4px}
.kc h3{font-family:var(--serif);font-style:normal;font-weight:400;font-size:clamp(28px,2.4vw,34px);line-height:1.05;letter-spacing:-.01em}
.kc-pain{font-size:var(--fs-small);color:var(--ink-2)}
.kc-ex{display:grid;gap:8px;margin-top:4px;padding:14px 16px;border-radius:14px;background:var(--bg);font-size:14px;line-height:1.4}
.kc:hover .kc-ex{background:var(--paper)}
.kc-ex-t{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.kc-a,.kc-h{display:flex;gap:10px}
.kc-a i,.kc-h i{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--blue)}
.kc-h i{background:var(--ink)}
.kc-foot{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}
.kc-foot .ar{transition:transform .2s}
.kc:hover .kc-foot .ar{transform:translateX(4px)}
.kx-band .howto div{background:rgba(255,255,255,.06)}
.kx-band .howto p{color:var(--d-ink-2)}
.kx-band .howto b{color:var(--d-blue)}
.kx-miss{margin-top:clamp(40px,5vw,56px);padding-top:28px;border-top:1px solid var(--d-rule);display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap}
.kx-miss h3{font-size:clamp(22px,2vw,28px)}
.kx-miss p{margin-top:8px;color:var(--d-ink-2);max-width:36em;font-size:var(--fs-small)}

/* detail oboru */
.kd-hero2{padding-bottom:clamp(56px,7vw,96px)}
.kd2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:center}
.kd2-cat{font-size:var(--fs-label);font-weight:500;color:var(--blue);margin-bottom:16px}
.kd2 h1{font-size:clamp(40px,6vw,96px);line-height:.98;max-width:13em}
.kd2 .lede{max-width:34em}
.kd2-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.kd2-l{font-size:var(--fs-label);font-weight:500;color:var(--mute);margin-right:6px}
.kd2-tools span:not(.kd2-l){font-size:13.5px;padding:6px 12px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--rule)}
.kd2 .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.kd2-art{position:relative;width:clamp(200px,24vw,340px);aspect-ratio:1.4}
.kd2-disc{position:absolute;left:0;top:0;width:71%;aspect-ratio:1;border-radius:50%;background:var(--bg);box-shadow:0 30px 80px -30px rgba(0,60,180,.45);display:grid;place-items:center}
.kd2-disc .kico{width:58%;height:58%}
.kd2-ring{position:absolute;right:0;top:5%;width:64%;aspect-ratio:1;border-radius:50%;border:2.5px solid var(--ink)}
@media (max-width:860px){.kd2{grid-template-columns:minmax(0,1fr)}.kd2-art{display:none}}
.ktabs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,40px);margin-top:clamp(32px,4vw,48px);align-items:start}
.kx-tl{display:grid;gap:8px}
.kx-tl button{display:flex;gap:14px;align-items:baseline;text-align:left;padding:18px 20px;border:0;border-radius:14px;background:var(--paper);font:500 17px/1.3 var(--sans);color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.kx-tl button span{font-size:12.5px;color:var(--blue);font-variant-numeric:tabular-nums}
.kx-tl button:hover{background:var(--blue-soft)}
.kx-tl button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.kx-tl button[aria-selected="true"] span{color:var(--d-blue)}
.kx-ps{display:grid;gap:16px;min-width:0}
.ktabs.js .kx-p{display:none}
.ktabs.js .kx-p.on{display:block;animation:situIn .3s ease both}
.kx-pb{padding:clamp(20px,2.6vw,32px)}
.kx-pn{font-size:var(--fs-label);font-weight:500;color:var(--blue)}
.kx-pb h3{margin-top:6px;font-size:clamp(22px,2.2vw,30px)}
.kx-pd{margin-top:10px;color:var(--ink-2);max-width:34em}
.kx-ah{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.kx-a,.kx-h{border-radius:14px;padding:16px 18px}
.kx-a{background:var(--blue-soft)}
.kx-h{box-shadow:inset 0 0 0 1px var(--rule)}
.kx-ah span{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.kx-ah span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}
.kx-a span{color:var(--blue)}
.kx-a span::before{background:var(--blue)}
.kx-ah p{margin-top:8px;font-size:15px;line-height:1.45}
.kx-tnote{margin-top:24px;max-width:46em}
@media (max-width:900px){
  .ktabs{grid-template-columns:minmax(0,1fr)}
  .kx-tl{display:none}
  .ktabs.js .kx-p{display:block}
}
@media (max-width:520px){.kx-ah{grid-template-columns:minmax(0,1fr)}.kx-pb{padding:20px}}
@media (max-width:640px){.kc .kc-ex{display:none}.kc{padding:20px;gap:10px}.kc h3{font-size:28px}}

/* ================= Detail oboru v4: dnes vs. s agentem ================= */
.cmp-sec{padding-top:clamp(64px,8vw,112px)}
.cmp-head{display:grid;gap:14px;margin-bottom:clamp(32px,4vw,48px)}
.cmp-head .label{padding-top:0}
.cmp-head h2{max-width:16em}
.cmp{display:grid;gap:12px}
.cmp-hd,.cmp-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:12px}
.cmp-hd span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:0 22px}
.cmp-hd span:last-child{color:var(--blue)}
.cmp-r{align-items:stretch}
.cmp-t{padding:22px 22px 22px 0;border-top:1px solid var(--ink)}
.cmp-n{font-size:var(--fs-label);font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}
.cmp-t h3{margin-top:8px;font-size:clamp(20px,1.8vw,24px)}
.cmp-t p{margin-top:8px;font-size:14.5px;color:var(--ink-2)}
.cmp-now,.cmp-new{border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.cmp-now{background:var(--paper)}
.cmp-now p{color:var(--ink-2);font-size:15.5px;line-height:1.5}
.cmp-new{background:var(--blue-soft);position:relative}
.cmp-new::before{content:"→";position:absolute;left:-19px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:13px;display:grid;place-items:center}
.cmp-l{display:none;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cmp-new .cmp-l{color:var(--blue)}
.cmp-new p{display:flex;gap:10px;font-size:15.5px;line-height:1.5}
.cmp-new p i{flex:none;width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--blue)}
.cmp-new p.h i{background:var(--ink)}
.cmp-new b{font-weight:600}
.cmp-note{margin-top:20px;max-width:46em}
@media (max-width:960px){
  .cmp-hd{display:none}
  .cmp-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:10px}
  .cmp-t{grid-column:1 / -1;padding:20px 0 6px}
  .cmp-l{display:block}
}
@media (max-width:600px){
  .cmp-r{grid-template-columns:minmax(0,1fr)}
  .cmp-new::before{left:50%;top:-19px;transform:translateX(-50%) rotate(90deg)}
}
.cmp-cta h2{font-size:clamp(28px,3.4vw,48px);max-width:16em}
.cmp-cta .kx-miss{margin-top:0;padding-top:0;border-top:0}
.cmp-cta .kx-miss p{font-size:var(--fs-lede);margin-top:14px}
.cmp-more{padding-block:clamp(56px,7vw,88px)}
.cmp-rel{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.cmp-rel .label{padding-top:0}
.cmp-rel > div{display:flex;flex-wrap:wrap;gap:8px}
.cmp-rel a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--paper);text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:500;transition:background .2s}
.cmp-rel a:hover{background:var(--blue-soft)}
.cmp-rel .kico{width:30px;height:30px}
.cmp-more .pn{margin-top:32px}

/* ================= Detail oboru v5: srozumitelně, jeden sloupec ================= */
.ip-in{max-width:820px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
.ip-hero{padding:clamp(140px,14vw,168px) 0 clamp(48px,6vw,72px);position:relative;overflow:hidden;isolation:isolate}
.ip-hero::before{content:"";position:absolute;z-index:-1;width:min(900px,110vw);aspect-ratio:1.6;right:-25%;top:-35%;background:radial-gradient(closest-side,rgba(0,87,255,.6),rgba(64,156,255,.2) 60%,rgba(255,255,255,0));filter:blur(40px)}
.ip-hero .crumb{margin-bottom:28px}
.ip-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--rule);font-size:14px;font-weight:500;margin-bottom:22px}
.ip-badge .kico{width:34px;height:34px}
.ip h1{font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-.045em}
.ip-intro{margin-top:26px;font-size:clamp(19px,1.7vw,23px);line-height:1.55;color:var(--ink)}
.ip-hero .ctas{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.ip-s{padding-block:clamp(48px,6vw,80px);border-top:1px solid var(--rule)}
.ip-s h2{font-size:clamp(30px,3.4vw,44px);line-height:1.08}
.ip-sub{margin-top:16px;font-size:var(--fs-lede);font-weight:500;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.ip-sub span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);padding:4px 10px;border-radius:999px;background:var(--blue-soft)}
.ip-story{list-style:none;margin:32px 0 0;padding:0;position:relative}
.ip-story::before{content:"";position:absolute;left:47px;top:20px;bottom:20px;width:2px;background:var(--rule)}
.ip-story li{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:baseline;padding:12px 0}
.ip-who{justify-self:center;position:relative;z-index:1;min-width:84px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2)}
.w-agent .ip-who{background:var(--blue);box-shadow:none;color:#fff}
.w-human .ip-who{background:var(--ink);box-shadow:none;color:var(--bg)}
.w-done .ip-who{background:var(--blue-soft);box-shadow:none;color:var(--blue)}
.ip-story p{font-size:clamp(17px,1.4vw,19px);line-height:1.5}
.w-done p{font-weight:600}
.ip-tasks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.ip-tasks li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px 24px;border-radius:18px;background:var(--paper)}
.ip-n{font-family:var(--serif);font-style:normal;font-size:30px;line-height:1;color:var(--blue)}
.ip-tasks h3{font-size:clamp(19px,1.6vw,22px)}
.ip-tasks p{margin-top:6px;font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.ip-not{margin-top:22px;font-size:clamp(18px,1.5vw,21px);line-height:1.55;padding-left:18px;border-left:3px solid var(--ink)}
.ip-facts{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ip-facts div{padding:20px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--rule)}
.ip-facts h3{font-size:17px;font-weight:600;display:flex;gap:10px;align-items:baseline}
.ip-facts h3::before{content:"✓";color:var(--blue)}
.ip-facts p{margin-top:8px;font-size:14.5px;color:var(--ink-2)}
.ip-go{padding-block:clamp(64px,8vw,104px)}
.ip-go h2{font-size:clamp(32px,4vw,56px)}
.ip-go p{margin-top:16px;font-size:var(--fs-lede);color:var(--d-ink-2);line-height:1.5}
.ip-go .btn{margin-top:28px}
.ip-more{padding-block:clamp(48px,6vw,72px)}
.ip-more .pn{margin-top:28px}
@media (max-width:760px){.ip-facts{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){
  .ip-story::before{left:5px}
  .ip-story li{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 0 12px 26px}
  .ip-story li::before{content:"";position:absolute;left:0;top:19px;width:12px;height:12px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--rule)}
  .ip-story .w-agent::before{background:var(--blue);box-shadow:none}.ip-story .w-human::before{background:var(--ink);box-shadow:none}.ip-story .w-done::before{background:var(--blue-soft);box-shadow:inset 0 0 0 2px var(--blue)}
  .ip-who{justify-self:start;min-width:0;padding:0;background:none!important;box-shadow:none!important;color:var(--mute)!important}
  .w-agent .ip-who,.w-done .ip-who{color:var(--blue)!important}.w-human .ip-who{color:var(--ink)!important}
  .ip-tasks li{grid-template-columns:minmax(0,1fr);gap:6px;padding:20px}
}