/* Landing — styly převzaté ze závazného mockupu landing.html */
  /* Proměnné a reset dodává tokens.css + app.css */
  html{scroll-behavior:smooth}
  body{font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.65;font-size:16.5px}
  h1,h2,h3{font-family:var(--display);line-height:1.2;letter-spacing:-0.01em}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
  /* horní lišta je širší než obsah — sjednocená šířka napříč webem */
  .wrap.nav{max-width:var(--page-w)}
  section{padding:88px 0}
  .hero[id],#autor,main>section[id]{scroll-margin-top:76px}
  .section-nav{position:fixed;right:clamp(14px,2vw,24px);bottom:calc(18px + env(safe-area-inset-bottom));z-index:19;display:grid;gap:8px;padding:6px;border:1px solid rgb(255 255 255/.2);border-radius:999px;background:rgb(255 255 255/.72);box-shadow:0 14px 34px rgb(23 20 59/.2);backdrop-filter:blur(12px);opacity:1;transform:none;transition:opacity .22s ease,transform .22s ease}
  .section-nav[hidden]{display:none}
  .section-nav.is-idle{opacity:0;pointer-events:none;transform:translateY(10px) scale(.96)}
  .section-nav button{width:46px;height:46px;display:grid;padding:0;place-items:center;border:0;border-radius:50%;background:rgb(33 29 97/.94);color:#fff;box-shadow:0 5px 14px rgb(33 29 97/.22);cursor:pointer;touch-action:manipulation;transition:transform .16s ease,background .16s ease,opacity .16s ease}
  .section-nav button:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-1px)}
  .section-nav button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
  .section-nav button:disabled{opacity:.34;cursor:default;box-shadow:none}
  .section-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .kicker{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);padding:6px 14px;border-radius:99px;margin-bottom:18px}
  .h2{font-size:34px;font-weight:700;margin-bottom:14px}
  .lead{font-size:18px;color:var(--muted);max-width:62ch}
  .btn{display:inline-block;padding:15px 30px;border-radius:var(--radius);font-weight:600;font-size:16px;text-decoration:none;transition:all .15s ease;cursor:pointer;border:0;font-family:var(--body)}
  .btn-cta{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px rgb(245 158 11/.35)}
  .btn-cta:hover{background:var(--accent-hover);color:var(--accent-ink);transform:translateY(-1px)}
  .btn-ghost{background:#fff;color:var(--primary-dark);border:1.5px solid var(--line)}
  .btn-ghost:hover{border-color:var(--primary-mid);background:var(--primary-soft)}
  .btn-white{background:#fff;color:var(--primary-dark)}
  .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;box-shadow:0 1px 3px rgb(15 23 42/.05)}

  header{position:sticky;top:0;background:rgb(255 255 255/.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:50}
  /* gap drží odstup i tam, kde se obsah roztáhne na celou šířku (mobil: logo + chip + CTA) */
  .nav{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--topbar-h)}
  /* geometrie .nav-links je v app.css — landing má vlastní markup navigace (home.php),
     ale stejnou třídu, takže se drží stejného rozestupu jako sdílená lišta */
  .nav-links a{text-decoration:none;color:var(--muted);font-size:15px;font-weight:500}
  .nav-links a:hover{color:var(--ink)}
  .nav .btn{padding:10px 20px;font-size:14px}
  .logo b,.nav-links>a.btn-cta[href="#cenik"]{white-space:nowrap}
  .nav-cta-short{display:none}
  /* `.nav-links a{color:var(--muted)}` má vyšší specificitu než `.btn-cta{color:…}`
     — bez této výjimky má jantarové CTA v hlavičce šedý text (a po najetí myší tmavý) */
  .nav-links a.btn-cta,.nav-links a.btn-cta:hover{color:var(--accent-ink)}

  .hero{background:linear-gradient(180deg,var(--primary-soft) 0%,#fff 100%);padding:48px 0 80px}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
  .hero h1{font-size:52px;font-weight:700;margin:18px 0 20px}
  .hero .lead{margin-bottom:34px}
  .hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--primary-dark);background:#fff;border:1px solid var(--line);padding:8px 16px;border-radius:99px}
  .hero-access-note{margin:10px 0 0;font-size:14px;color:#E0E7FF}
  .trust{display:flex;gap:36px;margin-top:44px;flex-wrap:wrap}
  .trust div b{font-family:var(--display);font-size:26px;font-weight:700;display:block;color:var(--primary-dark)}
  .trust div span{font-size:14px;color:var(--muted)}
  .fresh{display:inline-flex;align-items:center;gap:9px;margin-top:24px;background:var(--primary-soft);color:var(--primary-dark);border:1px solid #E0E4FF;padding:8px 15px;border-radius:99px;font-size:13.5px;font-weight:500;text-decoration:none}
  .fresh:hover{border-color:var(--primary-mid)}
  .fresh b{font-weight:700}
  .fresh .fresh-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 0 3px rgb(5 150 105/.15)}
  .fresh .fresh-arr{color:var(--primary);font-weight:700}

  /* Hero vizuál dle mockupu: nakloněná obálka + odznak „Aktuální k…“ na ní */
  .hero-visual{display:flex;justify-content:center;align-items:center}
  .cover-wrap{position:relative;display:inline-block}
  /* height:auto je POVINNÉ: obrázek nese width/height atributy (drží místo, brání
     poskočení stránky) a bez tohohle řádku by se výška vzala z atributu — obálka
     by byla 320×792 místo 320×452. Hlídá ObalkaLcpTest. */
  .cover-img{width:320px;height:auto;max-width:100%;border-radius:8px;transform:rotate(1.5deg);box-shadow:0 30px 60px rgb(18 42 78/.28);border:1px solid rgb(15 23 42/.08);display:block}
  .cover-badge{position:absolute;bottom:-14px;right:-8px;margin:0}

  /* hero micro-trust pruh (bez auto-obnovení · stačí e-mail · záruka) */
  .micro-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:14px;color:var(--muted)}
  .micro-trust span{display:inline-flex;align-items:center;gap:6px}
  .micro-trust .ikona{font-size:18px;color:var(--ok)}

  /* Vymezení vůči „AI zdarma" — indigo panel jako v mockupu */
  .vymezeni-sec{padding-top:0}
  .highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:24px;padding:52px 48px}
  .highlight .kicker{background:rgb(255 255 255/.14);color:#C7D2FE}
  .highlight .h2{color:#fff}
  .highlight .lead{color:#DBE3F7;max-width:80ch}
  .highlight .lead b{color:#fff}

  /* Ukázka hodnoty (před/po): prompt vlevo, výstup vpravo */
  .value-demo{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 30px rgb(15 23 42/.07)}
  .value-demo .vd-q,.value-demo .vd-a{padding:28px 30px}
  .value-demo .vd-q{background:var(--primary-dark);color:#DBE3F7}
  .value-demo .vd-a{background:#fff}
  .vd-label{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
  .value-demo .vd-q .vd-label{color:#A5B4FC}
  .value-demo .vd-a .vd-label{color:var(--primary)}
  .value-demo .vd-q p{font-family:var(--mono);font-size:13.5px;line-height:1.65}
  .value-demo .vd-a p{font-size:15px;color:var(--ink)}
  .vd-placeholder{color:var(--muted);font-style:italic}
  /* prompt v levém (tmavém) panelu + kopírovací tlačítko */
  .value-demo .vd-prompt{font-family:var(--mono);font-size:13.5px;line-height:1.65;color:#EAF1FB}
  .value-demo .vd-q .copy-btn{margin-top:16px;background:rgb(255 255 255/.12);color:#fff}
  .value-demo .vd-q .copy-btn:hover{background:rgb(255 255 255/.2)}
  /* ilustrační kvíz ve výsledku */
  .quiz .q{margin-bottom:14px}
  .quiz .q b{display:block;font-size:14.5px;margin-bottom:8px;color:var(--ink)}
  .qopts{display:flex;flex-direction:column;gap:5px}
  .qopts .opt{font-size:13.5px;color:var(--muted);padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
  .qopts .opt.ok{color:#047857;border-color:#A7E0C4;background:#F0FBF5;font-weight:600}
  .vd-note{margin-top:14px;font-size:12.5px;color:var(--muted);font-style:italic}

  /* Dvoukrokový stepper ukázky hodnoty (Krok 1 → konektor → Krok 2) */
  .vd-step-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .vd-step-badge{display:inline-flex;align-items:center;background:var(--primary);color:#fff;font-family:var(--display);font-weight:700;font-size:13px;padding:5px 13px;border-radius:99px;white-space:nowrap}
  .vd-step-title{font-family:var(--display);font-weight:600;font-size:16px;color:var(--ink)}
  .vd-connector{display:flex;justify-content:center;margin:16px 0}
  .vd-connector span{width:42px;height:42px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;line-height:1}
  /* GIFT výstup = kód k importu (tmavý panel, mono), odlišený od vyrenderovaného kvízu */
  .vd-gift{font-family:var(--mono);font-size:12.5px;line-height:1.7;background:var(--primary-dark);color:#EAF1FB;border-radius:10px;padding:16px 18px;margin:0;white-space:pre-wrap;word-break:break-word;overflow-x:auto}
  .vd-gift .g-name{color:#A5B4FC}
  .vd-gift .g-ok{color:#7EE0A6;font-weight:600}
  .vd-import{margin-top:14px;font-size:13px;color:var(--muted)}
  .vd-import b{color:var(--ink);font-weight:600}

  /* Knihovna promptů — centrovaný blok (bez ukázkového boxu, ten je v „Ukázka hodnoty“) */
  .prompt-lib .cats{margin-top:24px}
  .prompt-lib .lib-note{margin-top:12px;font-size:14px;color:var(--muted)}

  /* Firemní licence — samostatná sekce (org-band styly sdílené s ceníkem) */
  .firma-sec .org-band{margin-top:0}

  /* Proč se spolehnout — 4 důvody */
  .reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
  .reasons .card h3{font-size:18px}

  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  /* Karty stejně vysoké (grid stretch) + flex-sloupec, ať se .out drží u spodku a
     přerušovaná čára i text pod ní lícují napříč kartami bez ohledu na délku odstavce. */
  .grid3 .card{display:flex;flex-direction:column}
  /* popisný odstavec drží spodní mezeru, aby se text nedotýkal čáry .out */
  .grid3 .card p:not(.out){margin-bottom:20px}
  .icon-chip{width:48px;height:48px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .icon-chip svg{width:24px;height:24px}
  .card h3{font-size:20px;margin-bottom:10px}
  .card p{font-size:15px;color:var(--muted)}

  .book{background:var(--primary-dark);color:#fff}
  .book .kicker{background:rgb(255 255 255/.12);color:#C7D2FE}
  .book .h2{color:#fff}
  .book .lead{color:#A5B4FC}
  .parts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .part{background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.14);border-radius:var(--radius-lg);padding:28px}
  .part em{font-family:var(--display);font-style:normal;font-size:14px;font-weight:600;color:#FBBF24;letter-spacing:.06em}
  .part h3{font-size:19px;margin:8px 0 12px;color:#fff}
  .part ul{list-style:none}
  .part li{font-size:14px;color:#C7D2FE;padding:5px 0 5px 24px;position:relative}
  .part li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}

  .prompt-demo{background:var(--bg-soft)}
  .demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
  .big-prompt{font-family:var(--mono);font-size:14px;line-height:1.7;background:#fff;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:26px 30px;box-shadow:0 8px 30px rgb(15 23 42/.07)}
  .big-prompt .ph{background:var(--primary-soft);color:var(--primary-dark);border-radius:5px;padding:1px 7px;font-weight:600}
  .copy-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--primary);color:#fff;border:0;padding:12px 22px;border-radius:var(--radius);font-family:var(--body);font-size:14px;font-weight:600;cursor:pointer}
  .copy-btn:hover{background:var(--primary-dark);color:#fff}
  .cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
  .cats span{font-size:13px;font-weight:500;background:#fff;border:1px solid var(--line);padding:6px 14px;border-radius:99px;color:var(--muted)}

  .pricing .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;align-items:stretch}
  /* Ceník: jediná čtenářská cesta Zdarma · Online · Komplet. */
  .pricing .cards-main{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;align-items:stretch}
  /* doporučená varianta Online: indigo rámeček + odznak */
  .pricing .price-card.pick{border:1.5px solid var(--primary);background:#fff;box-shadow:0 10px 30px rgb(67 56 202/.10)}
  .pricing .price-card.pick .tag{background:var(--primary);color:var(--bg)}
  .price-card{position:relative;display:flex;flex-direction:column}
  .price-fine{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}
  .price-card .tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--accent-ink);font-size:12.5px;font-weight:700;padding:5px 16px;border-radius:99px;white-space:nowrap}
  .price-card.hot{border:2px solid var(--accent);box-shadow:0 16px 44px rgb(245 158 11/.16)}
  .price{font-family:var(--display);font-size:40px;font-weight:700;line-height:1.15;margin:6px 0 2px}
  .price .amt{white-space:nowrap}
  .price small{display:inline-block;margin-left:6px;font-size:15px;font-weight:500;line-height:1.25;color:var(--muted);font-family:var(--body)}
  .price.price-once small{display:block;margin:4px 0 0}
  .price-note{font-size:13.5px;color:var(--muted);margin-bottom:20px}
  .feats{list-style:none;margin:0 0 26px;flex:1}
  .feats li{font-size:14.5px;padding:7px 0 7px 26px;position:relative;color:var(--ink)}
  .feats li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
  .feats li.no{color:#64748B}
  .feats li.no::before{content:"✕";color:rgb(220 38 38/.55)}
  .price-card .btn{text-align:center}
  /* Zaváděcí (promo) cena — řádek na kartě Online + blok pod ceníkem */
  .promo-line{font-size:13px;font-weight:600;white-space:nowrap;color:var(--accent-dark);background:#FEF3E2;border:1px solid #F8D9A8;border-radius:8px;padding:6px 10px;margin:8px 0 10px}
  .promo-line b{color:var(--accent-dark)}
  .promo-band{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;
    background:linear-gradient(135deg,#FFF7ED 0%,#FFFBF5 100%);border:1.5px solid #F5C88A;border-radius:var(--radius-lg);padding:28px 32px}
  .promo-band-txt{flex:1;min-width:280px}
  .promo-band .kicker{background:rgb(245 158 11/.14);color:var(--accent-dark)}
  .promo-band h3{font-family:var(--display);font-weight:700;font-size:21px;color:var(--ink);margin:4px 0 8px}
  .promo-band p{font-size:14px;color:var(--muted);max-width:70ch}
  .promo-band-cta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
  .promo-badge{font-family:var(--display);font-weight:700;font-size:15px;color:var(--accent-dark);background:#fff;border:1px solid #F5C88A;border-radius:99px;padding:8px 16px;white-space:nowrap}
  .promo-badge.urgent{color:#fff;background:var(--accent-dark);border-color:var(--accent-dark)}
  .promo-badge b{font-weight:700}

  .org-band{margin-top:26px;background:var(--primary-dark);color:#fff;border-radius:var(--radius-lg);padding:32px 36px}
  .org-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}
  .org-top .txt{flex:1;min-width:280px}
  .org-top .p{flex:none;padding-top:4px;text-align:right}
  .org-band .k{font-size:12px;font-weight:600;letter-spacing:.08em;color:#A5B4FC;margin-bottom:6px}
  .org-band h3{font-family:var(--display);font-weight:700;font-size:22px;color:#fff;margin-bottom:8px}
  .org-band .d{font-size:14px;color:#C7D2FE;max-width:70ch}
  .org-band .pr{display:block;font-family:var(--display);font-weight:700;font-size:26px;color:#fff;margin-bottom:12px;white-space:nowrap}
  .org-band .pr small{font-family:var(--body);font-weight:400;font-size:13px;color:#A5B4FC}
  /* pásma: celkem + cena na hlavu (čísla z OrganizaceService) */
  .org-pasma{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 0}
  .org-pasma li{background:rgb(255 255 255/.08);border:1px solid rgb(255 255 255/.14);border-radius:12px;padding:14px 16px}
  .org-pasma b{display:block;font-size:12.5px;font-weight:600;color:#C7D2FE}
  .org-pasma span{display:block;font-family:var(--display);font-weight:700;font-size:20px;color:#fff;margin-top:4px;white-space:nowrap}
  .org-pasma small{display:block;font-size:12.5px;color:#A5B4FC;margin-top:2px}
  .free-line{margin-top:30px;text-align:center;font-size:15px;color:var(--muted)}
  .free-line a{color:var(--primary);font-weight:600}

  /* Reference (featured recenze) */
  .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
  .review{display:flex;flex-direction:column}
  .review .rv-stars{color:var(--accent);font-size:16px;letter-spacing:2px;margin-bottom:10px}
  .review p{font-size:15px;color:var(--ink);margin:0 0 16px}
  .review .rv-who{margin-top:auto}
  .review .rv-who b{display:block;font-family:var(--display);font-size:15px}
  .review .rv-who span{font-size:13px;color:var(--muted)}
  /* Štítek původu (recenze za protiplnění) — musí být čitelný, ne šeptaný pod rolí,
     proto vlastní řádek a rámeček místo zděděné drobné šedi z .rv-who span. */
  .review .rv-who .rv-puvod{display:inline-block;margin-top:8px;font-size:12px;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;padding:3px 10px}
  /* Vysvětlení ověřování původu recenzí — táž typografie jako .ref-note-landing níž. */
  .rev-note-landing{max-width:820px;margin:22px auto 0;text-align:center;font-size:13px;line-height:1.65;color:var(--muted)}
  @media(max-width:900px){.reviews{grid-template-columns:1fr}}

  /* Reference spravované adminem — sekce před závěrečným CTA.
     Uvnitř karet jsou STEJNÉ třídy .ref-* jako na /reference (sdílený partial
     `_reference-polozka`), tady se dooblékají jen do landingové karty. */
  /* Bílá napevno, ne var(--bg-soft): landing je jediná plocha bez motivů a sekce
     má lícovat se sekcí Recenze výš (ta má bílou inline). Šedý podklad tu působil
     jako papír čtečky. */
  .reference-sec{background:#fff}
  .ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px}
  .ref-karta{display:flex;flex-direction:column;background:#fff}
  .ref-karta .ref-citace{margin:0;border-left:3px solid var(--primary);padding-left:16px}
  .ref-karta .ref-citace p{font-size:15px;color:var(--ink);margin:0 0 10px}
  .ref-karta .ref-citace p:last-child{margin-bottom:0}
  /* Metadata: štítek původu (.ref-puvod) drží stejnou velikost jako zbytek — je to
     povinný údaj, ne dekorace, a nesmí být potlačený menším písmem. */
  .ref-karta .ref-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:16px}
  .ref-karta .ref-meta > *{font-size:14px}
  .ref-karta .ref-jmeno{font-family:var(--display);font-weight:600;font-style:normal;color:var(--ink)}
  .ref-karta .ref-role{color:var(--muted)}
  .ref-karta .ref-puvod{font-weight:600;color:var(--primary-dark);background:var(--primary-soft);
    border:1px solid var(--line);border-radius:99px;padding:3px 12px}
  .ref-karta .ref-datum{color:var(--muted)}
  .ref-karta .ref-zdroj{color:var(--primary);font-weight:600;text-decoration:none}
  .ref-karta .ref-zdroj:hover{text-decoration:underline}
  /* povinná poznámka o způsobu ověřování — drobná, ale trvale viditelná */
  .ref-note-landing{max-width:820px;margin:26px auto 0;text-align:center;font-size:13px;line-height:1.65;color:var(--muted)}
  @media(max-width:900px){.ref-grid{grid-template-columns:1fr}}

  .author{background:var(--bg-soft)}
  /* šířka bloku dle mockupu — medailonek plní obsahovou šířku (.wrap), text zarovnán nahoru */
  .author-grid{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:start;margin:0 auto}
  .avatar{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-family:var(--display);font-size:44px;font-weight:700;display:flex;align-items:center;justify-content:center;object-fit:cover}
  .author-name{font-family:var(--display);font-size:24px;font-weight:700;margin-bottom:4px}
  .author-role{color:var(--primary);font-weight:600;font-size:15.5px;margin:0 0 18px}
  .author-quote{border-left:3px solid var(--accent);background:var(--primary-soft);border-radius:0 10px 10px 0;padding:14px 18px;margin:0 0 18px;font-style:italic;color:var(--ink);font-size:15.5px}
  .author-bio{color:var(--muted);font-size:15.5px;margin:0 0 12px}
  .author-bio a{color:var(--primary);font-weight:600}

  /* Výsledkový řádek karty „Komu je určena" (.out) a kotva/záruka v ceníku */
  .card .out{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);font-size:14.5px;font-weight:600;font-style:italic;color:var(--primary)}
  .anchor-note{background:var(--primary-soft);border-radius:12px;padding:14px 18px;margin:26px auto 0;max-width:720px;text-align:center;color:var(--primary-dark);font-weight:600;font-size:16px}
  .garance-band{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#E7F6EE;border:1px solid #BFE6CE;color:#1C7A4F;border-radius:12px;padding:14px 20px;margin-top:22px;text-align:center;font-weight:600}
  .garance-band .ikona{font-size:20px}

  .faq{max-width:760px;margin:48px auto 0}
  .faq details{border-bottom:1px solid var(--line);padding:20px 0}
  .faq summary{font-family:var(--display);font-weight:600;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
  .faq summary::after{content:"+";font-size:22px;color:var(--primary);font-weight:400}
  .faq details[open] summary::after{content:"–"}
  .faq details p{margin-top:12px;font-size:15px;color:var(--muted);max-width:64ch}

  /* Vlna 12B — schválená varianta 14. Přidává vizuální hierarchii, ale nemění
     produkční podmínky recenzí, referencí, promo nabídky ani účtu. */
  .hero{overflow:hidden;padding:48px 0 72px;background:linear-gradient(135deg,#4338CA 0%,#312E81 58%,#1E1B4B 100%);color:#fff}
  .hero h1{color:#fff}
  .hero .lead{color:#E0E7FF}
  .hero-badge{border-color:rgb(255 255 255/.24);background:rgb(255 255 255/.11);color:#F5F7FF}
  .hero .micro-trust{color:#E0E7FF}
  .hero .micro-trust .ikona{color:#FBBF24}
  .hero .btn-ghost{border-color:#A5B4FC;background:rgb(255 255 255/.08);color:#fff}
  .hero .btn-ghost:hover{border-color:#fff;background:#fff;color:var(--primary-dark)}
  .hero .cover-img{border-color:rgb(255 255 255/.3);box-shadow:0 30px 70px rgb(15 12 55/.48)}
  .hero .fresh{background:#fff;box-shadow:0 12px 28px rgb(15 12 55/.28)}
  .hero .trust{width:fit-content;max-width:100%;display:grid;grid-template-columns:repeat(4,max-content);justify-content:start;gap:44px;margin-top:44px;padding:20px 24px;border:1px solid rgb(255 255 255/.18);border-radius:16px;background:rgb(255 255 255/.07)}
  .hero .trust div b{color:#fff}
  .hero .trust div span{color:#C7D2FE}

  .section-head{margin-bottom:44px}
  .section-head p{max-width:70ch;color:var(--muted);font-size:17px}
  .vymezeni-sec{padding:56px 0 88px;background:#fff}
  .highlight{padding:48px 48px 48px 42px;border:1px solid #D8DBFF;border-left:6px solid var(--accent);border-radius:20px;background:linear-gradient(135deg,#F3F4FF 0%,#FFF8E8 100%);color:var(--ink);box-shadow:0 14px 36px rgb(49 46 129/.08)}
  .highlight .kicker{border:1px solid #D8DBFF;background:#fff;color:var(--primary)}
  .highlight .h2{color:var(--primary-dark)}
  .highlight .lead{max-width:80ch;margin:0;color:#475569;font-size:18px}
  .highlight .lead b{color:var(--primary-dark)}
  .fit{background:#F8FAFC}
  .audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .audience{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:0 1px 3px rgb(15 23 42/.05)}
  .audience-num{display:none}
  .audience h3{margin:0 0 10px;font-size:20px}
  .audience p{margin:0 0 20px;color:var(--muted);font-size:15px}
  .audience p strong{color:var(--ink);font-weight:600}
  .audience .out{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);color:var(--primary);font-size:14.5px;font-style:italic;font-weight:600}
  .related-roles{max-width:82ch;margin:30px auto 0;text-align:center}
  .icon-chip{width:52px;height:52px;border:1px solid #D8DBFF;border-radius:14px;background:linear-gradient(145deg,#F7F7FF,#EEF2FF);box-shadow:0 8px 20px rgb(67 56 202/.08)}
  .icon-chip svg{width:28px;height:28px}
  .icon-chip .icon-accent{stroke:var(--accent-dark)}

  .book-cta-row{display:flex;justify-content:center;margin:32px 0 0}
  .book-cta-note{margin:12px 0 0;text-align:center;color:#C7D2FE;font-size:14px}
  .section-access-note{margin:10px 0 0;text-align:center;color:var(--muted);font-size:14px}
  .book .section-access-note{color:#C7D2FE}
  .prompt-structured{margin:0}
  .prompt-part{display:block;margin:0 0 10px}
  .prompt-part:last-child{margin-bottom:0}
  .prompt-part-label{display:block;margin-bottom:3px;color:#C7D2FE;font:600 11px var(--body);letter-spacing:.08em;text-transform:uppercase}

  .reasons-sec{border-top:1px solid #C7D2FE;border-bottom:1px solid #C7D2FE;background:linear-gradient(135deg,#EEF2FF 0%,#F8FAFC 62%,#FFF7ED 100%)}
  .reasons-intro{max-width:78ch;margin:0 auto}
  .reasons-sec .card{background:#fff}

  .pricing{border-top:1px solid #C7D2FE;border-bottom:1px solid #C7D2FE;background:#E7EAFF;background-image:linear-gradient(180deg,#EEF0FF 0%,#DDE3FF 100%)}
  .pricing .price-card{background:#fff}
  .promo-label{display:inline-flex;align-self:flex-start;margin:8px 0 4px;padding:4px 9px;border-radius:99px;background:#FEF3C7;color:#92400E;font-size:12px;font-weight:600}
  .price-was{margin:4px 0 0;color:#64748B;font-size:14px;text-decoration:line-through;text-decoration-thickness:1px}
  .price-was-label{text-decoration:inherit}

  .teams{background:linear-gradient(180deg,#F5F3FF 0%,#EEF2FF 100%)}
  .org-section-head{max-width:78ch;margin-bottom:36px}
  .org-section-head .lead{max-width:72ch;margin-bottom:0}
  .firma-sec .org-band{margin-top:0}
  .faq-intro{margin:10px 0 0;color:var(--muted);font-size:18px}

  .cta-final{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center;border-radius:24px;padding:72px 48px}
  .cta-final h2{font-size:36px;font-weight:700;margin-bottom:14px;color:#fff}
  .cta-final p{color:#C7D2FE;font-size:17px;margin-bottom:34px}
  .cta-final .btns{justify-content:center}
  .cta-final .cta-access-note{margin:12px 0 0;font-size:14px;color:#C7D2FE}

  footer{border-top:1px solid var(--line);padding:36px 0;margin-top:88px}
  .foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
  .foot p, .foot a{font-size:13.5px;color:var(--muted);text-decoration:none}

  /* Sedm schválených odkazů se při 930 px už nevejde bez přetoku. Hamburger se
     proto zapíná s rezervou pod 980 px; účet a hlavní CTA zůstávají vždy venku. */
  @media(max-width:980px){
    .nav-links>a:not(.btn):not(.ucet-chip){display:none}
    .nav-links a.ucet-chip.anon{display:inline-flex}
    .landing-nav-menu{display:inline-flex}
    .landing-nav-menu .nav-menu-drop a{display:block}
    .nav-links{gap:10px}
    .nav .btn{padding:10px 16px}
  }

  @media(max-width:600px){
    .nav-cta-full{display:none}
    .nav-cta-short{display:inline}
  }

  @media(max-width:900px){
    .hero[id],#autor,main>section[id]{scroll-margin-top:64px}
    .section-nav{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:6px;padding:5px}
    .hero-grid,.demo-grid,.grid3,.audiences,.parts,.pricing .cards,.value-demo{grid-template-columns:1fr}
    .reasons{grid-template-columns:repeat(2,1fr)}
    .highlight{padding:40px 28px}
    .promo-band-cta{align-items:stretch;width:100%}
    .promo-badge{text-align:center}
    .org-pasma{grid-template-columns:repeat(2,1fr)}
    .hero-visual{padding-bottom:20px}
    .cover-img{width:230px}
    .hero h1{font-size:36px}
    .h2{font-size:28px}
    section{padding:64px 0}
    .cta-final{padding:48px 24px}
    .author-grid{grid-template-columns:1fr;text-align:center}
    .avatar{margin:0 auto}
    .hero .trust{grid-template-columns:repeat(2,max-content);gap:20px 24px;padding:18px}
  }

  /* Hlavní řada (3) → 1 sloupec na tabletu/mobilu. */
  @media(max-width:900px){
    .pricing .cards-main{grid-template-columns:1fr}
  }
  @media(max-width:560px){
    .org-pasma{grid-template-columns:1fr}
    .reasons{grid-template-columns:1fr}
  }
  @media(max-width:350px){
    /* 320px fallback bez zmenšování písma a dotykových prvků. Wordmark se jen
       vizuálně skryje; v přístupném názvu odkazu zůstává. */
    .logo b{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}
    .nav-menu-drop{left:0;right:auto}
    .hero .trust{grid-template-columns:1fr}
    .promo-band-txt,.org-top .txt{min-width:0}
  }