/* ============================================================================
   WEBDESIGN HERO — Registrační landing „Webový Masterclass 2026“
   Staví na base.css (1:1 kopie portfolio.css z ondrejdusek.com) a rozšiřuje ji.
   Nové třídy mají prefix .lp- (base.css má vlastní .hero/.footer atd. — nekolidovat).
   Tokeny: --bg #0A0A0C · --accent #7C5CFF · cream #F3F1EC · kontejner 1240 · r8/12/16
   ============================================================================ */

:root{
  --cream:#F3F1EC;
  --cream-ink:#16161A;
  --cream-line:rgba(22,22,26,.09);
  --r16:16px;
  --sticky-h:84px;
  --fs-min:15px;          /* globální minimum velikosti textu na celém webu */
}
/* portfolio přepisuje --maxw na 1880 (Yugen wide) — landing drží kontejner 1240 dle wireframu */
body.lp{--maxw:1240px;--pad:24px;}
.lp .light{background:var(--cream);color:var(--cream-ink);}
.lp .wrap{max-width:calc(var(--maxw) + 2 * var(--pad));padding-inline:var(--pad);}
html.lenis body.lp{padding-bottom:0;}

/* ---------- shared type ---------- */
.lp-h2{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),clamp(2.2rem,3.9vw,3.5rem));line-height:1.02;letter-spacing:-.03em;}
.lp-h2.sm{font-size:max(var(--fs-min),clamp(1.8rem,2.8vw,2.6rem));}
.lp-sub{margin-top:14px;color:var(--muted);font-size:max(var(--fs-min),1.125rem);}
.light .lp-sub{color:#5b5b62;}
.lp-head{margin-bottom:clamp(40px,5vw,72px);}
.lp-head.center{text-align:center;}
.lp-eyebrow-s{font-family:var(--mono);font-size:max(var(--fs-min),.78rem);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.light .lp-eyebrow-s{color:#6b6b72;}
.ph-tag{font-family:var(--mono);font-size:max(var(--fs-min),.68rem);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.light .ph-tag{color:rgba(22,22,26,.4);}

/* inline 3D objekty v nadpisech (Dovetail pattern) */
.inl-3d{display:inline-block;height:1.05em;width:auto;vertical-align:-.16em;margin:0 .12em 0 .18em;
  filter:drop-shadow(0 10px 22px rgba(124,92,255,.35));transform-origin:50% 60%;animation:inlFloat 5.5s var(--ease) infinite;}
.inl-3d.sm{height:.95em;}
@keyframes inlFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-.08em) rotate(4deg)}}

/* ---------- buttons (varianty ke .btn z base) ---------- */
.btn.lp-btn-dark{background:#0E0E11;color:#fff;border:1px solid #0E0E11;}
.btn.lp-btn-dark .chip{background:var(--accent);color:#fff;}
.btn.lp-btn-dark:hover{background:#1b1b21;transform:translateY(-2px);}
.btn.lp-btn-white{background:#fff;color:#0E0E11;border:1px solid #fff;}
.btn.lp-btn-white .chip{background:var(--accent);color:#fff;}
.btn.lp-btn-white:hover{background:#ECEAE6;transform:translateY(-2px);}
.lp-cta-row{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(40px,4.5vw,64px);}
.lp-rating{font-size:max(var(--fs-min),.92rem);color:var(--muted);display:flex;align-items:center;gap:10px;}
.light .lp-rating{color:#6b6b72;}
.lp-rating .stars{color:var(--accent-text);letter-spacing:.12em;}
.light .lp-rating .stars{color:var(--accent);}

/* avatars + social proof line */
.lp-social{display:flex;align-items:center;justify-content:center;gap:10px;font-size:max(var(--fs-min),.88rem);color:#5b5b62;}
.lp-avatars{display:flex;}
.lp-avatars img{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-8px;object-fit:cover;}
.lp-avatars img:first-child{margin-left:0;}
.lp-final .lp-social,.lp-sticky .lp-social{color:rgba(255,255,255,.72);}
.lp-final .lp-avatars img{border-color:#16161A;}

/* L-brackety v rozích velkých karet */
.lp-bracket{position:absolute;width:18px;height:18px;border-color:rgba(255,255,255,.55);border-style:solid;border-width:0;z-index:4;pointer-events:none;}
.lp-bracket.tl{top:20px;left:20px;border-top-width:1.5px;border-left-width:1.5px;}
.lp-bracket.tr{top:20px;right:20px;border-top-width:1.5px;border-right-width:1.5px;}
.lp-bracket.bl{bottom:20px;left:20px;border-bottom-width:1.5px;border-left-width:1.5px;}
.lp-bracket.br{bottom:20px;right:20px;border-bottom-width:1.5px;border-right-width:1.5px;}

/* ============================================================================
   NAV — logo + CTA, po odscrollování hera mizí (nahradí ho sticky bar)
   ============================================================================ */
.lp-nav{transition:transform .6s var(--ease),opacity .6s var(--ease),padding .5s var(--ease);}
.lp-nav.is-hidden{transform:translateY(-120%);opacity:0;pointer-events:none;}
.lp-brand img{height:26px;width:auto;filter:invert(1);}
.lp-nav .nav-inner{background:rgba(12,12,15,.35);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);}

/* ============================================================================
   01 · HERO — karta s pásovým vizuálem
   ============================================================================ */
.lp-hero{position:relative;background:var(--bg);}
.lp-hero-stage{position:relative;height:100vh;height:100svh;min-height:680px;overflow:hidden;}

.lp-hero-card{position:absolute;left:8px;top:8px;right:8px;bottom:8px;border-radius:var(--r16);overflow:hidden;background:#07070a;
  z-index:2;}

/* pásy: jeden vizuál, 3 sloupce se stejným výřezem; každý dýchá vlastním posunem */
.lp-strips{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.lp-strips .strip{position:relative;overflow:hidden;}
.lp-strips .strip:not(:last-child)::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(transparent,rgba(158,132,255,.35),transparent);z-index:2;}
.lp-strips .strip i{position:absolute;top:-8%;bottom:-8%;width:300%;background-size:cover;background-position:50% 50%;will-change:transform;}
.lp-strips .strip:nth-child(1) i{left:0;}
.lp-strips .strip:nth-child(2) i{left:-100%;}
.lp-strips .strip:nth-child(3) i{left:-200%;}
.lp-hero-shade{position:absolute;inset:0;z-index:1;
  background:radial-gradient(70% 60% at 50% 45%,rgba(10,10,12,.25),rgba(10,10,12,.72) 75%),linear-gradient(rgba(10,10,12,.35),rgba(10,10,12,.15) 30%,rgba(10,10,12,.55));}

.lp-hero-inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:92px 24px 32px;gap:0;}
.lp-meta{display:flex;align-items:center;gap:16px;font-size:max(var(--fs-min),.95rem);color:rgba(255,255,255,.88);margin-bottom:clamp(22px,3vh,36px);}
.lp-meta i{width:32px;height:1px;background:rgba(255,255,255,.48);}
.lp-h1{font-family:var(--display);font-weight:600;color:#fff;font-size:max(var(--fs-min),clamp(2.3rem,min(4.4vw,7.4vh),4.5rem));line-height:1.0;letter-spacing:-.035em;margin-inline:auto;}
.lp-h1 .inl-3d{height:1.1em;vertical-align:-.2em;}
.lp-hero-box{margin-top:clamp(22px,3.2vh,36px);width:min(500px,100%);background:#fff;color:#16161A;border-radius:var(--radius-lg);
  padding:22px 22px 14px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);}
.lp-hero-box p{font-size:max(var(--fs-min),1rem);line-height:1.45;color:#2a2a30;text-wrap:pretty;}
.lp-hero-box .btn{justify-content:center;width:100%;}
.lp-checks{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:16px;}
.lp-check{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:var(--radius);font-size:max(var(--fs-min),.85rem);color:#fff;
  background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:inset 0 0 8px rgba(255,255,255,.18);}
.lp-check svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.lp-bonus{margin-top:16px;display:flex;align-items:center;gap:20px;text-align:left;width:min(500px,100%);padding:8px 22px 8px 8px;border-radius:var(--radius-lg);
  background:rgba(243,241,236,.12);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:inset 0 0 16px rgba(255,255,255,.2);}
.lp-bonus-img{flex:none;width:118px;height:78px;border-radius:var(--radius);background:radial-gradient(circle at 50% 60%,rgba(124,92,255,.45),rgba(20,16,40,.9));display:grid;place-items:center;overflow:hidden;}
.lp-bonus-img img{width:112%;height:auto;transform:translateY(4%);}
.lp-bonus-label{font-size:max(var(--fs-min),.82rem);color:rgba(255,255,255,.72);}
.lp-bonus-title{font-size:max(var(--fs-min),1.12rem);font-weight:600;color:#fff;margin-top:3px;line-height:1.25;}

/* ============================================================================
   SECTIONS — rytmus, pixely po stranách (Dovetail)
   ============================================================================ */
.lp-sec{position:relative;padding-block:clamp(88px,10vw,150px);overflow:hidden;}
.lp-pixels{position:absolute;top:0;bottom:0;width:clamp(120px,14vw,260px);pointer-events:none;z-index:0;}
.lp-pixels[data-side="left"]{left:0;}
.lp-pixels[data-side="right"]{right:0;}
.lp-pixels canvas{width:100%;height:100%;display:block;}
.lp-sec > .wrap,.lp-results > .wrap{position:relative;z-index:1;}

/* 02 · ČÍSLA */
.lp-nums{padding-block:clamp(64px,7vw,110px);}
.lp-nums-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);}
.lp-num{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.lp-num b{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),clamp(2.2rem,3.6vw,3.2rem));letter-spacing:-.03em;color:#7d7d84;line-height:1;font-feature-settings:"tnum";}
.lp-num span{font-size:max(var(--fs-min),.92rem);color:#7d7d84;max-width:17ch;line-height:1.35;}

/* 03 · SCREENSHOTY — marquee 40 s, pauza na hover */
.lp-shots{padding-bottom:clamp(88px,9vw,140px);overflow:hidden;}
.lp-shots-track{display:flex;width:max-content;animation:lpMarq 40s linear infinite;}
/* bez pauzy na hover (rozhodnutí 23. 9.) */
.lp-shots-group{display:flex;gap:18px;padding-right:18px;}
@keyframes lpMarq{to{transform:translateX(-50%)}}
.lp-shot{margin:0;width:300px;height:360px;border-radius:var(--radius-lg);background:#fff;border:1px dashed rgba(22,22,26,.18);
  display:flex;flex-direction:column;justify-content:flex-end;padding:22px;gap:4px;position:relative;
  background-image:linear-gradient(rgba(22,22,26,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,22,26,.035) 1px,transparent 1px);background-size:22px 22px;}
.lp-shot .ph-tag{position:absolute;top:18px;left:22px;}
.lp-shot b{font-size:max(var(--fs-min),1.05rem);color:#16161A;}
.lp-shot em{font-style:normal;font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),1.6rem);color:var(--accent);letter-spacing:-.02em;}

/* 04 · POZNÁVÁŠ SE */
.lp-voc{background:var(--bg);}
.lp-voc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);}
.lp-voc-card{position:relative;aspect-ratio:3/4.1;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);}
.lp-voc-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);}
.lp-voc-card:hover img{transform:scale(1.04);}
.lp-voc-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(10,10,12,.55));}
.lp-voc-pill{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;background:#fff;color:#16161A;border-radius:var(--radius);padding:18px 18px 16px;}
.lp-voc-pill h3{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),1.22rem);letter-spacing:-.02em;line-height:1.15;}
.lp-voc-pill p{font-size:max(var(--fs-min),.9rem);color:#55555c;margin-top:8px;line-height:1.45;}

/* 05 · BENTO se staggerem (pravá dlaždice o 72 px níž) */
.lp-bento{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gutter);row-gap:clamp(24px,3vw,40px);}
.lp-bento > :nth-child(even){transform:translateY(72px);}
.lp-bento > :nth-child(even).is-in{transform:translateY(72px);}
.lp-bento > :nth-child(even):not(.is-in){transform:translateY(90px);}
.lp-learn .lp-cta-row{margin-top:calc(72px + clamp(40px,4.5vw,64px));}
.lp-tile{position:relative;background:#fff;border:1px solid var(--cream-line);border-radius:var(--radius-lg);padding:clamp(24px,2.4vw,34px);display:flex;flex-direction:column;gap:24px;overflow:hidden;}
.lp-tile.dark{background:#111114;border-color:#111114;color:var(--ink);}
.lp-tile-head{display:flex;gap:16px;align-items:flex-start;}
.lp-no{flex:none;width:48px;height:48px;border-radius:var(--radius);display:grid;place-items:center;font-family:var(--mono);font-size:max(var(--fs-min),1.25rem);
  border:1px dashed rgba(22,22,26,.22);color:#16161A;}
.lp-tile.dark .lp-no{border:1px solid rgba(255,255,255,.08);background:#1c1c21;color:#fff;}
.lp-tile h3{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),clamp(1.3rem,1.8vw,1.6rem));line-height:1.12;letter-spacing:-.02em;}
.lp-tile p{font-size:max(var(--fs-min),.95rem);color:#5b5b62;margin-top:6px;}
.lp-tile.dark p{color:#9c9ca3;}
.lp-vis{position:relative;height:clamp(230px,20vw,270px);border-radius:var(--radius);overflow:hidden;background:#F6F5F1;
  background-image:linear-gradient(rgba(22,22,26,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(22,22,26,.04) 1px,transparent 1px);background-size:24px 24px;}
.lp-tile.dark .lp-vis{background-color:#18181c;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);}

/* vis 01 — stack chyb v glass pilulkách */
.vis-errors{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:radial-gradient(60% 70% at 50% 60%,rgba(124,92,255,.28),transparent 70%),#18181c !important;}
.vis-errors .err{--x:calc((var(--i) - 2) * 18px);display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:var(--radius);font-size:max(var(--fs-min),.9rem);color:#fff;
  background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 0 10px rgba(255,255,255,.12),0 8px 24px -8px rgba(0,0,0,.6);
  transform:translateX(var(--x)) rotate(calc((var(--i) - 2) * -1.6deg));animation:errFloat 6s var(--ease) infinite;animation-delay:calc(var(--i) * -1.1s);}
.vis-errors .err::before{content:"";width:16px;height:16px;border-radius:50%;background:#FF6B6B;box-shadow:0 0 12px rgba(255,107,107,.6);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/svg%3E");}
@keyframes errFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}

/* vis 02 — cenovky Dřív / Dnes */
.vis-price{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,28px);color:#9a9aa2;}
.vis-price .tag{position:relative;background:#fff;border:1px solid var(--cream-line);border-radius:var(--radius-lg);padding:18px 22px;display:flex;flex-direction:column;gap:4px;min-width:130px;box-shadow:0 20px 40px -24px rgba(22,22,26,.3);}
.vis-price .tag small{font-family:var(--mono);font-size:max(var(--fs-min),.68rem);letter-spacing:.14em;color:#8c8c93;}
.vis-price .tag b{font-family:var(--display);font-size:max(var(--fs-min),2rem);letter-spacing:-.03em;color:#16161A;line-height:1;}
.vis-price .tag span{font-size:max(var(--fs-min),.82rem);color:#8c8c93;}
.vis-price .tag.old b{text-decoration:line-through;text-decoration-thickness:2px;color:#a0a0a7;}
.vis-price .tag.new{background:#111114;border-color:#111114;transform:rotate(2deg) scale(1.06);}
.vis-price .tag.new b{color:#fff;}
.vis-price .tag.new small{color:var(--accent-text);}
.vis-price .tag.new img{position:absolute;right:-26px;top:-30px;width:64px;height:auto;transform:rotate(14deg);}
.vis-arrow{width:56px;height:16px;flex:none;}

/* vis 03 — chat bubliny */
.vis-chat{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:22px 26px;}
.vis-chat .bub{max-width:72%;padding:10px 14px;border-radius:14px;font-size:max(var(--fs-min),.9rem);line-height:1.35;}
.vis-chat .bub.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px;}
.vis-chat .bub.them{align-self:flex-start;background:#fff;color:#16161A;border:1px solid var(--cream-line);border-bottom-left-radius:4px;}
.vis-chat .typing{display:flex;gap:4px;padding:13px 14px;}
.vis-chat .typing i{width:6px;height:6px;border-radius:50%;background:#9a9aa2;animation:dot 1.2s infinite;}
.vis-chat .typing i:nth-child(2){animation-delay:.15s}.vis-chat .typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.vis-3d{position:absolute;width:74px;height:auto;right:18px;bottom:14px;filter:drop-shadow(0 12px 18px rgba(124,92,255,.3));}
.vis-chat .vis-3d{left:18px;right:auto;width:62px;bottom:18px;transform:rotate(-10deg);}

/* vis 04 — three-tier karty */
.vis-tiers{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:0 24px 28px;
  background:radial-gradient(60% 70% at 70% 90%,rgba(124,92,255,.35),transparent 70%),#18181c !important;}
.vis-tiers .tier{flex:1;max-width:130px;border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;justify-content:space-between;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);height:44%;}
.vis-tiers .tier.mid{height:62%;}
.vis-tiers .tier.hot{height:84%;background:linear-gradient(160deg,#8E72FF,#5B3EDB);border-color:transparent;box-shadow:0 20px 50px -12px rgba(124,92,255,.6);}
.vis-tiers small{font-family:var(--mono);font-size:max(var(--fs-min),.64rem);letter-spacing:.14em;color:rgba(255,255,255,.55);}
.vis-tiers .hot small{color:rgba(255,255,255,.85);}
.vis-tiers b{font-family:var(--display);font-size:max(var(--fs-min),clamp(1.6rem,2.4vw,2.2rem));color:#fff;letter-spacing:-.03em;}

/* vis 05 — monitor/app Figma + AI */
.vis-app{display:grid;place-items:center;padding:20px;}
.app{width:100%;max-width:440px;height:100%;background:#fff;border:1px solid var(--cream-line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 50px -28px rgba(22,22,26,.35);}
.app-bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--cream-line);}
.app-bar i{width:8px;height:8px;border-radius:50%;background:#e2e0da;}
.app-bar span{margin-left:auto;font-family:var(--mono);font-size:max(var(--fs-min),.62rem);letter-spacing:.1em;color:#8c8c93;text-transform:uppercase;}
.app-body{flex:1;display:grid;grid-template-columns:48px 1fr 130px;}
.app-side{border-right:1px solid var(--cream-line);padding:10px 8px;display:flex;flex-direction:column;gap:7px;}
.app-side b{height:6px;border-radius:3px;background:#ebe9e3;}
.app-canvas{padding:12px;display:flex;flex-direction:column;gap:8px;background:#F6F5F1;}
.app-canvas .wf{height:14px;border-radius:4px;background:#e4e2dc;}
.app-canvas .wf.h{height:56px;background:linear-gradient(120deg,#d9d1ff,#efeaff);animation:wfPulse 3s var(--ease) infinite;}
.app-canvas .wf.s{width:55%;}
@keyframes wfPulse{50%{filter:brightness(1.06) saturate(1.2)}}
.app-ai{border-left:1px solid var(--cream-line);padding:10px;display:flex;flex-direction:column;gap:8px;}
.app-ai span{font-family:var(--mono);font-size:max(var(--fs-min),.62rem);color:var(--accent);letter-spacing:.1em;}
.app-ai p{font-size:max(var(--fs-min),.72rem);color:#16161A;background:#F3F0FF;border-radius:6px;padding:6px 8px;line-height:1.3;margin:0;}
.ai-line{height:5px;border-radius:3px;background:#ebe9e3;}
.ai-line.s{width:60%;}
.vis-app .vis-3d.cur{width:54px;right:22%;bottom:18%;animation:curMove 4s var(--ease) infinite;}
@keyframes curMove{0%,100%{transform:translate(0,0)}40%{transform:translate(-60px,-40px)}60%{transform:translate(-60px,-40px) scale(.92)}}

/* vis 06 — 3D box 2.0 */
.vis-box{display:grid;place-items:center;background:radial-gradient(55% 65% at 50% 60%,rgba(124,92,255,.45),transparent 70%),#18181c !important;}
.vis-box img{height:88%;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));animation:boxFloat 6s var(--ease) infinite;}
@keyframes boxFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}

/* 06 · BEZ ZÁZNAMU + DÁREK */
.lp-once{padding-top:0;}
.lp-once-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);}
.lp-once-card{position:relative;background:#fff;border:1px solid var(--cream-line);border-radius:var(--radius-lg);padding:28px 28px 34px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.lp-once-vis{height:clamp(220px,20vw,280px);width:100%;display:grid;place-items:center;border-radius:var(--radius);margin-bottom:22px;
  background:radial-gradient(50% 60% at 50% 55%,rgba(124,92,255,.16),transparent 70%);}
.lp-once-vis img{max-height:100%;max-width:80%;width:auto;filter:drop-shadow(0 24px 30px rgba(22,22,26,.22));}
.lp-once-card.gift .lp-once-vis img{animation:boxFloat 6s var(--ease) infinite;}
.lp-pill{font-family:var(--mono);font-size:max(var(--fs-min),.68rem);letter-spacing:.14em;background:#111114;color:#fff;border-radius:var(--radius);padding:6px 10px;}
.lp-once-card h3{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),clamp(1.5rem,2.2vw,1.9rem));letter-spacing:-.02em;margin-top:14px;}
.lp-once-card p{color:#5b5b62;margin-top:6px;}

/* 07 · VÝSLEDKY — base .rc; placeholder video karta */
.lp-results{position:relative;overflow:hidden;}
.lp-rc-ph{background:
  radial-gradient(60% 80% at 50% 40%,rgba(124,92,255,.25),transparent 70%),
  repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 10px,transparent 10px 20px),#0f0f12 !important;}
.lp-rc-ph .ph-tag{position:absolute;top:18px;left:18px;z-index:3;}
.lp-results .lp-cta-row{margin-top:clamp(40px,4.5vw,64px);}

/* 08 · OPAKOVÁNÍ NABÍDKY */
.lp-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:stretch;}
.lp-offer-left{display:flex;flex-direction:column;gap:22px;}
.lp-offer-card{flex:1;background:#111114;color:var(--ink);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;}
.lp-offer-vis{position:relative;height:220px;overflow:hidden;display:grid;place-items:center;}
.lp-offer-vis-bg{position:absolute;inset:-10%;background-size:cover;background-position:50% 50%;filter:saturate(1.2);}
.lp-offer-vis img{position:relative;height:78%;width:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));animation:boxFloat 6s var(--ease) infinite;}
.lp-offer-body{padding:28px 30px 32px;display:flex;flex-direction:column;gap:14px;}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;}
.lp-chips span{font-size:max(var(--fs-min),.85rem);padding:6px 12px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d6d4cf;}
.lp-offer-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.lp-social.dark-text{justify-content:flex-start;color:#5b5b62;}
.lp-checklist{background:#fff;border:1px solid var(--cream-line);border-radius:var(--radius-lg);padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;}
.lp-checklist ul{list-style:none;margin:22px 0 28px;display:flex;flex-direction:column;}
.lp-checklist li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--cream-line);font-size:max(var(--fs-min),1.08rem);line-height:1.35;color:#16161A;}
.lp-checklist li:last-child{border-bottom:0;}
.lp-checklist li svg{flex:none;width:22px;height:22px;padding:3px;border-radius:6px;background:#EEEAFE;fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-top:1px;}
.lp-checklist li.gift{font-weight:600;}
.lp-checklist .lp-rating{margin-top:auto;}

/* 09 · LEKTOR */
.lp-lector{background:var(--bg);}
.lp-lector-card{display:grid;grid-template-columns:minmax(260px,5fr) 7fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;}
.lp-lector-photo{position:relative;min-height:420px;}
.lp-lector-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;}
.lp-lector-body{padding:clamp(32px,4vw,64px);display:flex;flex-direction:column;justify-content:center;gap:14px;}
.lp-lector-role{color:var(--accent-text);font-size:max(var(--fs-min),1rem);}
.lp-lector-text{color:#C9C7C2;font-size:max(var(--fs-min),1.12rem);line-height:1.55;max-width:52ch;}
.lp-lector-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;padding-top:24px;border-top:1px solid var(--line);}
.lp-lector-nums b{display:block;font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),clamp(1.6rem,2.4vw,2.2rem));letter-spacing:-.03em;color:#fff;font-feature-settings:"tnum";}
.lp-lector-nums span{font-size:max(var(--fs-min),.88rem);color:var(--muted);}

/* 10 · ZA TOHLE JSEM VDĚČNÝ */
.lp-grateful-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);}
.lp-photo{margin:0;position:relative;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;background:#e7e4dd;}
.lp-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);}
.lp-photo:hover img{transform:scale(1.05);}
.lp-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;color:#16161A;border-radius:var(--radius);padding:12px 14px;font-weight:600;font-size:max(var(--fs-min),.98rem);}

/* ============================================================================
   11 · FINÁLNÍ CTA — ASCII shader (Miami/GTA × WH fialová) + grid pattern
   ============================================================================ */
.lp-final{padding:clamp(24px,3vw,48px) 8px clamp(40px,5vw,72px);background:var(--bg);}
.lp-final-card{position:relative;max-width:1424px;margin-inline:auto;min-height:min(92vh,880px);border-radius:var(--r16);overflow:hidden;background:#07060c;
  display:grid;place-items:center;isolation:isolate;}
.lp-ascii{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;}
.lp-grid-pattern{position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:linear-gradient(rgba(158,132,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(158,132,255,.10) 1px,transparent 1px);
  background-size:64px 64px;background-position:center center;
  -webkit-mask:radial-gradient(75% 70% at 50% 45%,transparent 30%,#000 80%);mask:radial-gradient(75% 70% at 50% 45%,transparent 30%,#000 80%);}
.lp-final-shade{position:absolute;inset:0;z-index:2;background:radial-gradient(55% 55% at 50% 42%,rgba(7,6,12,.82),rgba(7,6,12,.25) 75%);}
.lp-final-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(64px,8vw,120px) 24px;}
.lp-final-h{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),clamp(2.8rem,6vw,6rem));line-height:.98;letter-spacing:-.04em;color:#fff;}
.lp-final-h .inl-3d{height:.8em;vertical-align:-.05em;}
.lp-final-sub{margin-top:22px;max-width:44ch;font-size:max(var(--fs-min),1.15rem);color:rgba(255,255,255,.78);}
.lp-final-cta{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.lp-final .lp-bonus{margin-top:26px;}

/* 12 · FOOTER */
.lp-footer{background:var(--bg);border-top:1px solid var(--line);padding:28px 0 calc(28px + var(--sticky-h));font-size:max(var(--fs-min),.88rem);color:var(--muted);}
.lp-footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.lp-footer nav{display:flex;gap:22px;}
.lp-footer a:hover{color:var(--ink);}

/* ============================================================================
   STICKY BAR — fixed bottom, 84 px
   ============================================================================ */
.lp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:190;height:var(--sticky-h);background:rgba(14,14,17,.92);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);
  transform:translateY(105%);transition:transform .6s var(--ease);}
.lp-sticky.is-on{transform:none;}
.lp-sticky-inner{max-width:var(--maxw);height:100%;margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;}
.lp-sticky-info{display:flex;align-items:baseline;gap:16px;}
.lp-sticky-info b{font-size:max(var(--fs-min),1.05rem);color:#fff;}
.lp-sticky-info span{font-size:max(var(--fs-min),.9rem);color:var(--muted);}

/* ============================================================================
   POPUP (WebinarJam placeholder)
   ============================================================================ */
.lp-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .35s var(--ease),visibility 0s .35s;}
.lp-modal.open{visibility:visible;opacity:1;transition:opacity .35s var(--ease);}
.lp-modal-backdrop{position:absolute;inset:0;background:rgba(5,5,8,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.lp-modal-box{position:relative;width:min(480px,calc(100vw - 32px));background:#fff;color:#16161A;border-radius:var(--radius-lg);padding:36px 32px 32px;
  transform:translateY(16px) scale(.98);transition:transform .45s var(--ease);}
.lp-modal.open .lp-modal-box{transform:none;}
.lp-modal-box h3{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),2rem);letter-spacing:-.03em;margin-top:8px;}
.lp-modal-meta{color:#6b6b72;margin-top:4px;}
.lp-modal-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:var(--radius);display:grid;place-items:center;color:#16161A;}
.lp-modal-x:hover{background:#f1efe9;}
.lp-modal-x svg{width:18px;height:18px;}
.ph-form{margin-top:22px;display:flex;flex-direction:column;gap:12px;border:1px dashed rgba(22,22,26,.2);border-radius:var(--radius-lg);padding:18px;}
.ph-form label{display:flex;flex-direction:column;gap:6px;font-size:max(var(--fs-min),.85rem);color:#55555c;}
.ph-form input{font:inherit;padding:12px 14px;border:1px solid var(--cream-line);border-radius:var(--radius);background:#f7f6f2;}
.ph-form .btn{justify-content:center;opacity:.6;}

/* ============================================================================
   RESPONSIVE (základ — mobil doladíme v další iteraci)
   ============================================================================ */
@media (max-width:991px){
  .lp-nums-row{grid-template-columns:repeat(2,1fr);row-gap:32px;}
  .lp-voc-grid,.lp-grateful-grid{grid-template-columns:repeat(2,1fr);}
  .lp-lector-card{grid-template-columns:1fr;}
  .lp-lector-photo{min-height:380px;}
}
@media (max-width:767px){
  .lp-hero-stage{height:auto;min-height:100svh;}
  .lp-hero-card{position:relative;inset:auto;margin:8px;min-height:calc(100svh - 16px);}
  .lp-meta{gap:10px;font-size:max(var(--fs-min),.82rem);}
  .lp-meta i{width:16px;}
  .lp-bento,.lp-once-grid,.lp-offer-grid,.lp-voc-grid{grid-template-columns:1fr;}
  .lp-bento > :nth-child(even),.lp-bento > :nth-child(even).is-in{transform:none;}
  .lp-learn .lp-cta-row{margin-top:48px;}
  .lp-grateful-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .lp-lector-nums{grid-template-columns:repeat(2,1fr);}
  .lp-pixels{opacity:.5;width:70px;}
  .lp-sticky-info{display:none;}
  .lp-sticky-inner .btn{width:100%;justify-content:center;}
  .lp-footer .wrap{flex-direction:column;}
}
@media (prefers-reduced-motion:reduce){
  .inl-3d,.vis-errors .err,.vis-box img,.lp-once-card.gift .lp-once-vis img,.lp-offer-vis img,.vis-app .vis-3d.cur{animation:none;}
  .lp-shots-track{animation-duration:120s;}
}

/* ---------- fixy po 1. vizuální kontrole ---------- */
/* base .light h1–h3 barví na tmavo → tmavé karty uvnitř krémových sekcí musí zpět na bílou */
.light .lp-tile.dark h3,.light .lp-offer-card .lp-h2,.light .lp-offer-card h2{color:#fff;}
.light .lp-offer-card .lp-eyebrow-s{color:var(--muted);}
/* 06 — vizuál se musí vejít do boxu, nesmí přes text */
.lp-once-vis{overflow:hidden;}
.lp-once-vis img{height:100%;max-height:100%;width:auto;max-width:90%;object-fit:contain;}
/* 07 — nadpis na 2 řádky dle wireframu */
.lp-results .sec-head{grid-template-columns:1fr;}
.lp-results .sec-head h2{max-width:none;}
/* 11 — ASCII víc vidět, text pořád čitelný */
.lp-final-shade{background:radial-gradient(42% 46% at 50% 44%,rgba(7,6,12,.78),rgba(7,6,12,.35) 70%,rgba(7,6,12,.1));}
.lp-offer-vis img{height:70%;max-width:60%;object-fit:contain;}
.lp-once-vis img{max-height:88%;}

/* ---------- MIN. VELIKOST TEXTU 15 px — třídy převzaté z base.css (portfolio), původní hodnoty obalené minimem ---------- */
.lp .eyebrow{font-size:max(var(--fs-min),1rem);}
.lp .rc-tag{font-size:max(var(--fs-min),.7rem);}
.lp .rc-badge{font-size:max(var(--fs-min),.62rem);}
.lp .rc-trans{font-size:max(var(--fs-min),.86rem);}
.lp .rc-role{font-size:max(var(--fs-min),.88rem);}
.lp .rc-sub{font-size:max(var(--fs-min),.95rem);}
.lp .nav-links a{font-size:max(var(--fs-min),.92rem);}
.lp .cursor{font-size:max(var(--fs-min),.8rem);}

/* ---------- DATUM VÝRAZNĚ — hero meta pilulka + sticky bar (23. 9.) ---------- */
.lp-meta{gap:14px;padding:8px 20px 8px 8px;border-radius:var(--radius-lg);font-size:max(var(--fs-min),1.1rem);font-weight:500;color:#fff;
  background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px) saturate(140%);backdrop-filter:blur(30px) saturate(140%);
  box-shadow:inset 0 0 12px rgba(255,255,255,.16),0 10px 40px -12px rgba(124,92,255,.55);border:1px solid rgba(255,255,255,.14);}
.lp-meta-tag{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:600;
  box-shadow:0 6px 20px -6px rgba(124,92,255,.8);}
.lp-dot{width:8px;height:8px;border-radius:50%;background:#fff;position:relative;flex:none;}
.lp-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);animation:lpPulse 1.8s var(--ease) infinite;}
@keyframes lpPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.7);opacity:0}}
.lp-meta-item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.lp-meta-item svg{width:19px;height:19px;fill:none;stroke:var(--accent-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.lp-meta-sep{width:1px;height:18px;background:rgba(255,255,255,.28);}
.lp-meta i:not(.lp-dot){display:none;}

.lp-sticky-info{align-items:center;gap:18px;}
.lp-sticky-info b{font-size:max(var(--fs-min),1.15rem);}
.lp-sticky-date{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border-radius:var(--radius);
  background:rgba(124,92,255,.16);border:1px solid rgba(124,92,255,.45);color:#fff;font-size:max(var(--fs-min),1.05rem);font-weight:500;}
.lp-sticky-date em{font-style:normal;color:var(--accent-text);font-weight:600;}
.lp-sticky .lp-meta-sep{height:16px;background:rgba(255,255,255,.22);}

@media (max-width:767px){
  .lp-meta{flex-wrap:wrap;justify-content:center;padding:8px;gap:10px;font-size:max(var(--fs-min),1rem);}
  .lp-meta-tag{width:100%;justify-content:center;}
}
@media (prefers-reduced-motion:reduce){.lp-dot::after{animation:none;}}
.lp-meta .lp-dot{width:8px;height:8px;background:#fff;}
.lp-sticky-info .lp-sticky-date{color:#fff;font-size:max(var(--fs-min),1.05rem);}
.lp-sticky-info .lp-sticky-date span{color:#fff;font-size:inherit;}

/* ============================================================================
   02 · ČÍSLA v2 — karty, popisek VŽDY pod číslem, gradient čísla, spotlight, bar
   ============================================================================ */
.lp-nums{padding-block:clamp(72px,8vw,120px);}
.lp-nums-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter);}
.lp-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;overflow:hidden;isolation:isolate;
  background:#fff;border:1px solid var(--cream-line);border-radius:var(--radius-lg);padding:clamp(22px,2vw,30px) clamp(22px,2vw,30px) clamp(26px,2.4vw,34px);
  min-height:clamp(230px,19vw,280px);transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .6s var(--ease);}
.lp-stat::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(22,22,26,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,22,26,.045) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask:linear-gradient(160deg,transparent 35%,#000);mask:linear-gradient(160deg,transparent 35%,#000);}
.lp-stat::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(124,92,255,.16),transparent 70%);}
.lp-stat:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(91,62,219,.45);border-color:rgba(124,92,255,.35);}
.lp-stat:hover::after{opacity:1;}
.lp-stat-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:auto;}
.lp-stat-no{font-family:var(--mono);font-size:max(var(--fs-min),.9rem);letter-spacing:.12em;color:#8c8c93;}
.lp-stat-top img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(124,92,255,.35));transition:transform .8s var(--ease);}
.lp-stat:hover .lp-stat-top img{transform:rotate(-10deg) scale(1.12) translateY(-4px);}
.lp-stat-num{display:block;margin-top:clamp(28px,3vw,44px);font-family:var(--display);font-weight:600;line-height:.95;letter-spacing:-.045em;white-space:nowrap;
  font-size:max(var(--fs-min),clamp(2.8rem,4.6vw,4.6rem));font-feature-settings:"tnum";
  background:linear-gradient(115deg,#16161A 30%,#5B3EDB 75%,#9E84FF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lp-stat-label{display:block;margin-top:12px;font-size:max(var(--fs-min),1rem);line-height:1.4;color:#55555c;max-width:22ch;}
.lp-stat-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#7C5CFF,#C9B8FF);
  transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease) .35s;}
.lp-stat.is-in .lp-stat-bar{transform:scaleX(1);}
/* 01 = hlavní claim → tmavá karta s fialovou září */
.lp-stat.is-dark{background:#111114;border-color:#111114;
  background-image:radial-gradient(120% 90% at 100% 0%,rgba(124,92,255,.38),transparent 60%);}
.lp-stat.is-dark::before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);}
.lp-stat.is-dark .lp-stat-num{background:linear-gradient(115deg,#fff 35%,#C9B8FF 70%,#9E84FF);-webkit-background-clip:text;background-clip:text;}
.lp-stat.is-dark .lp-stat-label{color:#b9b7b2;}
.lp-stat.is-dark .lp-stat-no{color:#8c8c93;}
.lp-stat.is-dark .lp-bracket{border-color:rgba(255,255,255,.35);width:14px;height:14px;}
.lp-stat.is-dark .lp-bracket.tl{top:12px;left:12px;}.lp-stat.is-dark .lp-bracket.br{bottom:12px;right:12px;}
.lp-stat.is-dark .lp-stat-top{padding-left:12px;}
@media (max-width:991px){.lp-nums-row{grid-template-columns:repeat(2,1fr);}}
@media (max-width:767px){.lp-nums-row{grid-template-columns:1fr 1fr;gap:12px;}.lp-stat{min-height:200px;padding:18px;}.lp-stat-num{font-size:max(var(--fs-min),2.4rem);}.lp-stat-top img{width:40px;height:40px;}}
.lp-stat-label{max-width:none;min-height:2.8em;}   /* čísla ve všech kartách na stejné lince */

/* ============================================================================
   DOVETAIL GRID — shluky buněk v pozadí sekcí (nahrazuje boční .lp-pixels)
   ============================================================================ */
.lp-dgrid{position:absolute;inset:0;z-index:0;pointer-events:none;}
.lp-dgrid canvas{display:block;width:100%;height:100%;}
.lp-shots{position:relative;}
.lp-shots-track{position:relative;z-index:1;}
.lp-sec > .wrap,.lp-results > .wrap{position:relative;z-index:1;}
.lp-dgrid.is-hero{z-index:1;opacity:.9;
  -webkit-mask:radial-gradient(60% 55% at 50% 50%,transparent 35%,#000 85%);mask:radial-gradient(60% 55% at 50% 50%,transparent 35%,#000 85%);}
/* nahoře a dole sekce buňky měkce odchází, ať švy mezi sekcemi nejsou tvrdé */
.lp-dgrid:not(.is-hero){-webkit-mask:linear-gradient(transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(transparent,#000 12%,#000 88%,transparent);}

/* ---------- 02 · ČÍSLA — popisek na 1 řádek, větší (23. 9.) ---------- */
.lp-nums .wrap{max-width:1488px;}                                   /* sekce širší než kontejner 1240 */
.lp-nums-row{grid-template-columns:repeat(4,auto);}                  /* sloupce podle délky popisku */
.lp-stat-label{white-space:nowrap;min-height:0;font-size:max(var(--fs-min),1.2rem);font-weight:500;color:#2a2a30;letter-spacing:-.005em;}
.lp-stat.is-dark .lp-stat-label{color:#e4e2dd;}
@media (max-width:1320px){.lp-nums-row{grid-template-columns:repeat(2,1fr);}}
@media (max-width:767px){.lp-nums-row{grid-template-columns:1fr;}.lp-stat{min-height:180px;}.lp-stat-label{white-space:normal;font-size:max(var(--fs-min),1.1rem);}}
@media (min-width:1321px){.lp-nums-row{grid-template-columns:repeat(4,minmax(max-content,1fr));}}

/* ---------- 3D IKONY — větší + pestřejší sada (23. 9.) ---------- */
.inl-3d{height:1.38em;vertical-align:-.3em;margin:0 .06em 0 .16em;}
.inl-3d.sm{height:1.3em;vertical-align:-.28em;}
.lp-h1 .inl-3d{height:1.35em;vertical-align:-.3em;}
.lp-final-h .inl-3d{height:1.05em;vertical-align:-.12em;}
.lp-stat-top img{width:84px;height:84px;margin:-10px -8px -14px 0;}
.lp-stat-num{margin-top:clamp(18px,2vw,30px);}
.vis-3d{width:96px;}
.vis-chat .vis-3d{width:84px;}
.vis-app .vis-3d.cur{width:70px;}
.vis-price .tag.new img{width:84px;right:-34px;top:-40px;}
.vis-errors .vis-3d.warn{position:absolute;right:22px;top:18px;width:84px;transform:rotate(10deg);animation:boxFloat 5s var(--ease) infinite;}
@media (max-width:767px){.lp-stat-top img{width:64px;height:64px;}.vis-3d{width:70px;}.vis-errors .vis-3d.warn{width:60px;}}

/* ============================================================================
   ÚPRAVY 23. 9. — vizuály celé v kartách, větší social proof, lektor, vděčný, full-screen finále
   ============================================================================ */
/* vizuály: % výška v gridu se neresolvovala → absolutně + contain, nic se neořízne */
.vis-box,.lp-once-vis,.lp-offer-vis{position:relative;}
.vis-box img,.lp-once-vis img,.lp-offer-vis img{position:absolute;inset:0;margin:auto;width:calc(100% - 40px);height:calc(100% - 36px);
  max-width:none;max-height:none;object-fit:contain;}
.lp-vis{height:clamp(260px,22vw,320px);}                 /* bento dlaždice vyšší */
.lp-once-vis{height:clamp(280px,25vw,360px);overflow:visible;}
.lp-offer-vis{height:clamp(240px,20vw,300px);}
.lp-offer-vis img{width:calc(100% - 60px);height:calc(100% - 44px);}

/* social proof — větší avatary a text všude */
.lp-social{gap:12px;font-size:max(var(--fs-min),1.05rem);font-weight:500;}
.lp-avatars img{width:36px;height:36px;margin-left:-10px;border-width:2.5px;}
.lp-hero-box .lp-social{color:#2a2a30;}
/* finále — social proof ve skleněné pilulce, ať vynikne */
.lp-final .lp-social{padding:10px 20px 10px 10px;border-radius:var(--radius-lg);color:#fff;font-size:max(var(--fs-min),1.1rem);
  background:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 12px rgba(255,255,255,.1);}
.lp-final .lp-avatars img{border-color:#2a2440;width:40px;height:40px;}

/* 09 · lektor — přiblížit na Ondru */
.lp-lector-photo{overflow:hidden;min-height:480px;}
.lp-lector-photo img{object-position:60% 58%;transform:scale(1.75);transform-origin:60% 60%;transition:transform 1.4s var(--ease);}
.lp-lector-card:hover .lp-lector-photo img{transform:scale(1.82);}

/* 10 · vděčný — masivnější fotokarty: vyšší, stagger, gradient, sklo, index */
.lp-grateful{padding-bottom:calc(clamp(88px,10vw,150px) + 56px);}
.lp-grateful-grid{gap:18px;}
.lp-photo{aspect-ratio:3/4.6;border:1px solid var(--cream-line);box-shadow:0 30px 60px -35px rgba(22,22,26,.45);
  transition:transform .8s var(--ease),box-shadow .8s var(--ease);}
.lp-grateful-grid > :nth-child(even){margin-top:56px;}
.lp-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,10,12,.78));pointer-events:none;}
.lp-photo img{transform:scale(1.04);}
.lp-photo:hover{transform:translateY(-8px);box-shadow:0 40px 70px -30px rgba(91,62,219,.55);}
.lp-photo:hover img{transform:scale(1.1);}
.lp-photo figcaption{z-index:2;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:12px;padding:14px 16px;
  background:rgba(20,20,24,.55);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  border:1px solid rgba(255,255,255,.14);color:#fff;font-size:max(var(--fs-min),1.1rem);font-weight:600;line-height:1.25;}
.lp-photo-no{font-family:var(--mono);font-size:max(var(--fs-min),.9rem);font-weight:500;color:var(--accent-text);flex:none;}
.lp-photo .lp-bracket{z-index:3;opacity:0;transition:opacity .5s var(--ease);}
.lp-photo:hover .lp-bracket{opacity:1;}
@media (max-width:767px){.lp-grateful-grid > :nth-child(even){margin-top:28px;}.lp-photo figcaption{padding:10px 12px;font-size:max(var(--fs-min),.95rem);}}

/* 11 · finále — přes celou obrazovku (jako hero: 8px rámeček) */
.lp-final{padding:8px;}
.lp-final-card{max-width:none;min-height:calc(100vh - 16px);min-height:calc(100svh - 16px);}
.lp-final-inner{padding-block:clamp(80px,10vh,140px);}
.lp-lector-photo img{object-position:50% 30%;transform:none;}
.lp-lector-card:hover .lp-lector-photo img{transform:scale(1.04);}

/* ---------- VÝKON finále: nad animovaným canvasem žádný backdrop-filter / blend (přepočet každý snímek) ---------- */
.lp-final .lp-bonus,.lp-final .lp-social{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(28,22,48,.78);}
.lp-final .lp-bonus{box-shadow:inset 0 0 16px rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);}
body.lp-final-on::after{display:none;}                                 /* film grain (fixed + mix-blend) mimo finále */
body.lp-final-on .lp-sticky{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(14,14,17,.97);}
.lp-ascii{contain:strict;}
.lp-final-card .inl-3d{animation:none;}

/* ============================================================================
   04 · POZNÁVÁŠ SE — „pain“ karty: šeď + studený tón, UI situace, hover = barva/naděje
   ============================================================================ */
.lp-voc-card{aspect-ratio:3/4.3;border:1px solid rgba(255,255,255,.08);isolation:isolate;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.9);transition:transform .8s var(--ease),box-shadow .8s var(--ease),border-color .8s var(--ease);}
.lp-voc-card img{filter:grayscale(.85) contrast(1.08) brightness(.72);transform:scale(1.05);
  transition:filter 1.2s var(--ease),transform 1.4s var(--ease);}
.lp-voc-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(40,48,70,.35),rgba(10,10,12,.2) 40%,rgba(10,10,12,.85)),
             repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);  /* studený tón + jemné scanlines */
  transition:opacity 1s var(--ease);}
.lp-voc-card::after{z-index:1;background:radial-gradient(120% 80% at 50% 0%,transparent 40%,rgba(0,0,0,.55));}
.lp-voc-card:hover{transform:translateY(-8px);border-color:rgba(124,92,255,.45);box-shadow:0 50px 90px -40px rgba(91,62,219,.6);}
.lp-voc-card:hover img{filter:grayscale(0) contrast(1.02) brightness(.9) saturate(1.1);transform:scale(1.09);}
.lp-voc-card:hover::before{opacity:.35;}

/* (UI prvky .voc-* odstraněny 23. 9. na přání Ondry Dvořáka) */
/* pilulka dole: bolest = korálový akcent, uvozovky */
.lp-voc-pill{z-index:3;padding:20px 20px 18px;border-left:3px solid #FF6B6B;}
.lp-voc-pill h3{font-size:max(var(--fs-min),1.35rem);}
.lp-voc-pill p{font-size:max(var(--fs-min),1rem);font-style:italic;color:#4a4a52;}
.lp-voc-card:hover .lp-voc-pill{border-left-color:var(--accent);}
.lp-voc-pill{transition:border-color .8s var(--ease);}

/* Dovetail grid — lehce zeslabit (méně rušivé), 23. 9. */
.lp-dgrid:not(.is-hero){opacity:.68;}
.lp-dgrid.is-hero{opacity:.62;}

/* logo — větší (23. 9.); SVG očištěné od pozadí, bílé přes invert */
.lp-brand img{height:36px;}
@media (max-width:767px){.lp-brand img{height:28px;}}

/* ============================================================================
   06 · BEZ ZÁZNAMU + DÁREK — premium v2 (23. 9.)
   tmavá × levandulová karta, pódium se světelným kuželem, obrysová číslice, text vlevo, tilt
   ============================================================================ */
.lp-once-grid{gap:var(--gutter);perspective:1400px;}
.lp-once-card{padding:0;text-align:left;align-items:stretch;overflow:hidden;isolation:isolate;border-radius:var(--radius-lg);
  transform-style:preserve-3d;transition:transform .7s var(--ease),box-shadow .7s var(--ease);will-change:transform;}
.lp-once-card .lp-bracket{border-color:rgba(22,22,26,.3);}
.lp-once-card.is-dark .lp-bracket{border-color:rgba(255,255,255,.35);}
/* pódium */
.lp-once-stage{position:relative;height:clamp(300px,27vw,380px);overflow:hidden;display:block;}
.lp-once-stage .lp-once-vis{position:absolute;inset:6% 10% 14%;height:auto;margin:0;background:none;border-radius:0;z-index:3;}
.lp-once-stage .lp-once-vis img{width:100%;height:100%;inset:0;filter:drop-shadow(0 30px 40px rgba(20,10,60,.35));transition:transform 1s var(--ease);}
.lp-once-card:hover .lp-once-vis img{transform:translateY(-8px) scale(1.03);}
.lp-once-floor{position:absolute;left:50%;bottom:9%;width:56%;height:34px;transform:translateX(-50%);border-radius:50%;z-index:2;
  background:radial-gradient(closest-side,rgba(40,20,110,.35),transparent);filter:blur(4px);}
.lp-once-beam{position:absolute;left:50%;top:-20%;width:70%;height:120%;transform:translateX(-50%);z-index:1;pointer-events:none;
  background:radial-gradient(50% 60% at 50% 55%,rgba(124,92,255,.32),transparent 70%),
             conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(158,132,255,.18) 175deg,rgba(158,132,255,.28) 180deg,rgba(158,132,255,.18) 185deg,transparent 200deg);}
.lp-once-num{position:absolute;right:-2%;top:-6%;z-index:0;font-family:var(--display);font-weight:700;font-size:clamp(11rem,19vw,17rem);line-height:.8;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.5px rgba(124,92,255,.22);user-select:none;}
/* text */
.lp-once-body{position:relative;z-index:3;padding:0 clamp(26px,2.6vw,38px) clamp(28px,2.8vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.lp-once-card h3{margin-top:6px;font-size:max(var(--fs-min),clamp(1.8rem,2.6vw,2.4rem));line-height:1.05;letter-spacing:-.03em;}
.lp-once-card p{margin-top:0;font-size:max(var(--fs-min),1.1rem);}
/* tmavá */
.lp-once-card.is-dark{background:#111114;border-color:#111114;color:#fff;
  background-image:radial-gradient(90% 70% at 50% 30%,rgba(124,92,255,.28),transparent 65%),
                   linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,32px 32px,32px 32px;box-shadow:0 40px 80px -40px rgba(20,10,60,.7);}
.light .lp-once-card.is-dark h3{color:#fff;}
.lp-once-card.is-dark p{color:#b9b7b2;}
.lp-once-card.is-dark .lp-pill{background:rgba(255,107,107,.14);color:#FF9C9C;border:1px solid rgba(255,107,107,.35);}
.lp-once-card.is-dark .lp-pill::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#FF6B6B;margin-right:8px;vertical-align:1px;box-shadow:0 0 8px rgba(255,107,107,.9);}
.lp-once-card.is-dark .lp-once-num{-webkit-text-stroke-color:rgba(255,255,255,.1);}
.lp-once-card.is-dark .lp-once-floor{background:radial-gradient(closest-side,rgba(124,92,255,.55),transparent);}
/* levandulová (dárek) */
.lp-once-card.is-gift{border-color:rgba(124,92,255,.22);
  background:linear-gradient(160deg,#F1EDFF 0%,#FFFFFF 55%,#F6F3FF 100%);
  background-image:linear-gradient(160deg,#F1EDFF 0%,#FFFFFF 55%,#F6F3FF 100%),
                   linear-gradient(rgba(124,92,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,255,.06) 1px,transparent 1px);
  background-size:auto,32px 32px,32px 32px;background-blend-mode:normal,multiply,multiply;
  box-shadow:0 40px 80px -45px rgba(91,62,219,.45);}
.lp-once-card.is-gift .lp-pill{background:var(--accent);color:#fff;}
.lp-once-card.is-gift h3 .hl{color:var(--accent);}
.lp-once-card:hover{box-shadow:0 50px 90px -40px rgba(91,62,219,.55);}
@media (max-width:767px){.lp-once-num{font-size:9rem;}.lp-once-stage{height:260px;}}
.lp-once-beam{-webkit-mask:linear-gradient(#000 55%,transparent 92%);mask:linear-gradient(#000 55%,transparent 92%);}
.lp-once-card.is-gift .lp-once-stage .lp-once-vis{inset:12% 12% 14%;}

/* 03 · marquee screenshotů — plynulá smyčka (2 sady), rychlejší, symetrické okraje (23. 9.) */
.lp-shots{-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
.lp-shots-track{animation-duration:26s;}
.lp-shots-group{flex:none;}
.lp-shots{-webkit-mask:none;mask:none;}
.lp-shots::before,.lp-shots::after{content:"";position:absolute;top:0;bottom:0;width:9%;z-index:2;pointer-events:none;}
.lp-shots::before{left:0;background:linear-gradient(90deg,var(--cream),rgba(243,241,236,0));}
.lp-shots::after{right:0;background:linear-gradient(270deg,var(--cream),rgba(243,241,236,0));}

/* 04 · pilulky na fotkách — tmavé průhledné sklo místo bílé (23. 9.) */
.lp-voc-pill{background:rgba(14,14,18,.55);color:#fff;border:1px solid rgba(255,255,255,.12);border-left:3px solid #FF6B6B;
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 0 14px rgba(255,255,255,.06),0 20px 40px -20px rgba(0,0,0,.7);}
.lp-voc-pill h3{color:#fff;}
.lp-voc-pill p{color:rgba(255,255,255,.72);}
.lp-voc-card:hover .lp-voc-pill{background:rgba(24,18,44,.6);border-left-color:var(--accent);}

/* ============================================================================
   11 · FINÁLE v3 — statický ASCII + compositor-only animace, méně průhledné (23. 9.)
   ============================================================================ */
.lp-ascii{opacity:0;transition:opacity 1.2s var(--ease);}
.lp-ascii.is-ready{opacity:.55;}                                   /* ztlumené → CTA vynikne */
.lp-final-shade{background:radial-gradient(48% 52% at 50% 46%,rgba(7,6,12,.92),rgba(7,6,12,.62) 62%,rgba(7,6,12,.35));}
.lp-grid-pattern{opacity:.6;}
/* projíždějící scanline — jen transform */
.lp-final-scan{position:absolute;left:0;right:0;top:0;height:38%;z-index:1;pointer-events:none;will-change:transform;
  background:linear-gradient(180deg,transparent,rgba(158,132,255,.10) 45%,rgba(255,122,217,.08) 55%,transparent);
  mix-blend-mode:screen;animation:lpScan 7s linear infinite;}
@keyframes lpScan{from{transform:translateY(-40%)}to{transform:translateY(300%)}}
/* záře za kurzorem */
.lp-final-glow{position:absolute;left:0;top:0;width:520px;height:520px;z-index:1;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(124,92,255,.28),transparent);opacity:0;transition:opacity .5s var(--ease);will-change:transform;}
.lp-final-glow.on{opacity:1;}
/* CTA blok výraznější */
.lp-final-inner{position:relative;}
.lp-final-inner::before{content:"";position:absolute;inset:8% 14%;z-index:-1;border-radius:24px;
  background:radial-gradient(closest-side,rgba(10,8,18,.75),transparent);filter:blur(10px);}
.lp-final-cta .btn{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 18px 50px -10px rgba(124,92,255,.75);}
@media (prefers-reduced-motion:reduce){.lp-final-scan{animation:none;display:none;}}
.lp-final-scan{mix-blend-mode:normal;background:linear-gradient(180deg,transparent,rgba(158,132,255,.07) 45%,rgba(255,122,217,.05) 55%,transparent);}

/* sticky bar — název + datum v jednom boxu, CTA v brand fialové (23. 9.) */
.lp-sticky-info .lp-sticky-date{gap:14px;padding:10px 18px;}
.lp-sticky-date b{font-size:max(var(--fs-min),1.05rem);font-weight:700;color:#fff;white-space:nowrap;}
.btn.lp-sticky-cta{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 10px 30px -10px rgba(124,92,255,.8);}
.btn.lp-sticky-cta .chip{background:rgba(255,255,255,.18);color:#fff;}
.btn.lp-sticky-cta:hover{background:#8E72FF;border-color:#8E72FF;}

/* ============================================================================
   CTA — lehce výraznější všude (23. 9.): větší, fialová záře, lesk přes tlačítko, chip s pohybem
   ============================================================================ */
.lp .btn[data-register]{position:relative;overflow:hidden;isolation:isolate;font-weight:700;
  font-size:max(var(--fs-min),1rem);padding:15px 20px 15px 24px;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .3s var(--ease);}
.lp .btn.lg[data-register]{font-size:max(var(--fs-min),1.12rem);padding:19px 24px 19px 30px;}
/* lesk: periodicky přejede přes tlačítko (jen transform) */
.lp .btn[data-register]::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-160%) skewX(-18deg);
  animation:ctaShine 5.5s var(--ease) infinite;}
.lp .btn.lp-btn-white[data-register]::after{background:linear-gradient(100deg,transparent,rgba(124,92,255,.22),transparent);}
@keyframes ctaShine{0%,62%{transform:translateX(-160%) skewX(-18deg)}82%,100%{transform:translateX(320%) skewX(-18deg)}}
/* záře podle varianty */
.lp .btn.lp-btn-dark[data-register]{box-shadow:0 14px 34px -14px rgba(22,22,26,.65),0 0 0 1px rgba(124,92,255,.35);}
.lp .btn.lp-btn-white[data-register]{box-shadow:0 16px 40px -12px rgba(124,92,255,.6),0 0 0 1px rgba(255,255,255,.5);}
.lp .btn.primary[data-register]{box-shadow:0 14px 36px -12px rgba(124,92,255,.85);}
.lp .btn[data-register]:hover{transform:translateY(-3px);}
.lp .btn.lp-btn-dark[data-register]:hover{box-shadow:0 22px 44px -14px rgba(91,62,219,.7),0 0 0 1px rgba(124,92,255,.6);}
.lp .btn.lp-btn-white[data-register]:hover{box-shadow:0 24px 50px -12px rgba(124,92,255,.8),0 0 0 1px #fff;}
/* chip se šipkou — posun při hoveru */
.lp .btn[data-register] .chip{transition:transform .45s var(--ease),background .3s var(--ease);}
.lp .btn[data-register]:hover .chip{transform:translateX(3px);}
@media (prefers-reduced-motion:reduce){.lp .btn[data-register]::after{animation:none;display:none;}}

/* ============================================================================
   MOBIL — kompaktní verze (24. 9.): méně scrollu, hero přeskládaný, karusely
   Vše v jednom bloku na konci souboru → přebíjí předchozí mobilní pravidla.
   ============================================================================ */
@media (max-width:767px){
  :root{--sticky-h:72px;}
  body.lp{--pad:16px;}

  /* NAV */
  .lp-nav{padding:10px 10px 0;}
  .lp-nav .nav-inner{height:58px;padding:8px 8px 8px 16px;}
  .lp-brand img{height:26px;}
  .lp-nav .btn[data-register]{padding:11px 12px 11px 14px;font-size:max(var(--fs-min),.95rem);gap:8px;}
  .lp-nav .btn[data-register] .chip{display:none;}

  /* HERO — obsah níž pod navigací, kompaktní rytmus */
  .lp-hero-stage{min-height:0;height:auto;}
  .lp-hero-card{position:relative;inset:auto;margin:8px;min-height:0;}
  .lp-hero-inner{justify-content:flex-start;padding:100px 16px 26px;}
  .lp-meta{margin-bottom:22px;padding:6px;gap:8px 12px;width:100%;max-width:340px;font-size:max(var(--fs-min),.95rem);}
  .lp-meta-tag{padding:7px 12px;}
  .lp-meta-item svg{width:16px;height:16px;}
  .lp-h1{font-size:min(8.9vw,2.35rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance;max-width:none;}
  .lp-h1 br{display:none;}
  .lp-h1 .inl-3d{height:1.15em;vertical-align:-.22em;}
  .lp-hero-box{margin-top:22px;padding:16px 16px 12px;gap:12px;}
  .lp-hero-box p{font-size:max(var(--fs-min),.95rem);}
  .lp .btn.lg[data-register]{padding:16px 18px 16px 22px;font-size:max(var(--fs-min),1.05rem);}
  .lp-social{font-size:max(var(--fs-min),.95rem);gap:8px;}
  .lp-avatars img{width:28px;height:28px;margin-left:-8px;}
  .lp-checks{margin-top:12px;gap:6px;}
  .lp-check{padding:6px 10px 6px 8px;}
  .lp-bonus{margin-top:12px;gap:12px;padding:6px 14px 6px 6px;}
  .lp-bonus-img{width:78px;height:56px;}
  .lp-bonus-title{font-size:max(var(--fs-min),1rem);}
  .lp-bracket{width:12px;height:12px;}
  .lp-hero-card .lp-bracket.tl,.lp-hero-card .lp-bracket.tr{top:78px;}

  /* SEKCE — menší vertikální rytmus */
  .lp-sec,.lp-results.section{padding-block:56px;}
  .lp-head{margin-bottom:28px;}
  .lp-h2,.lp-results .h2{font-size:max(var(--fs-min),clamp(1.8rem,8vw,2.2rem));}
  .lp-sub{margin-top:8px;}
  .lp-cta-row,.lp-results .lp-cta-row{margin-top:28px;gap:10px;}
  .lp-learn .lp-cta-row{margin-top:28px;}

  /* 02 ČÍSLA — 2 × 2 kompaktně */
  .lp-nums{padding-block:44px 24px;}
  .lp-nums-row{grid-template-columns:1fr 1fr;gap:10px;}
  .lp-stat{min-height:0;padding:14px 14px 16px;}
  .lp-stat-top img{width:40px;height:40px;margin:-4px -4px 0 0;}
  .lp-stat-num{margin-top:12px;font-size:max(var(--fs-min),1.9rem);}
  .lp-stat-label{white-space:normal;font-size:max(var(--fs-min),.95rem);margin-top:6px;min-height:0;}
  .lp-stat.is-dark .lp-bracket{display:none;}
  .lp-stat.is-dark .lp-stat-top{padding-left:0;}

  /* 03 SCREENSHOTY */
  .lp-shots{padding-bottom:44px;}
  .lp-shot{width:210px;height:250px;padding:16px;}

  /* KARUSELY (04 Poznáváš se, 05 Co se naučíš, 07 Výsledky) — swipe, další karta vykukuje */
  .lp-voc-grid,.lp-bento,.lp-results .rc-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    margin-inline:calc(-1 * var(--pad));padding:4px var(--pad) 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .lp-voc-grid::-webkit-scrollbar,.lp-bento::-webkit-scrollbar,.lp-results .rc-grid::-webkit-scrollbar{display:none;}
  .lp-voc-grid > *,.lp-bento > *,.lp-results .rc-grid > *{flex:0 0 84%;scroll-snap-align:center;}
  .lp-bento > :nth-child(even),.lp-bento > :nth-child(even).is-in,.lp-bento > :nth-child(even):not(.is-in){transform:none;}
  .lp-voc-card{aspect-ratio:3/4;}
  .lp-voc-pill{left:10px;right:10px;bottom:10px;padding:14px 14px 12px;}
  .lp-voc-pill h3{font-size:max(var(--fs-min),1.15rem);}
  .lp-voc-pill p{font-size:max(var(--fs-min),.95rem);}
  .lp-tile{padding:18px;gap:14px;}
  .lp-tile h3{font-size:max(var(--fs-min),1.2rem);}
  .lp-no{width:38px;height:38px;font-size:max(var(--fs-min),1rem);}
  .lp-vis{height:190px;}
  .vis-3d{width:62px;}
  .vis-errors .vis-3d.warn{width:52px;right:12px;top:10px;}
  .vis-tiers{padding:0 14px 18px;gap:8px;}
  .vis-price{gap:10px;}
  .vis-price .tag{min-width:0;padding:12px 14px;}
  .vis-price .tag b{font-size:max(var(--fs-min),1.5rem);}
  .vis-price .tag.new img{width:54px;right:-18px;top:-26px;}
  .app-body{grid-template-columns:34px 1fr 96px;}
  .lp-results .rc{min-height:0;grid-row:auto;padding:22px;}
  .lp-results .rc-video,.lp-results .rc-video.rc-tall{aspect-ratio:auto;min-height:320px;}
  .lp-results .rc-feat .rc-num{font-size:max(var(--fs-min),2rem);}
  .lp-results .rc-feat .rc-quote{font-size:max(var(--fs-min),1.05rem);}
  .lp-results .sec-head{margin-bottom:24px;}

  /* 06 BEZ ZÁZNAMU + DÁREK */
  .lp-once{padding-top:8px;}
  .lp-once-grid{gap:12px;}
  .lp-once-stage{height:200px;}
  .lp-once-num{font-size:7.5rem;}
  .lp-once-body{padding:0 20px 22px;gap:8px;}
  .lp-once-card h3{font-size:max(var(--fs-min),1.5rem);}
  .lp-once-card p{font-size:max(var(--fs-min),1rem);}

  /* 08 OPAKOVÁNÍ NABÍDKY */
  .lp-offer-grid{gap:14px;}
  .lp-offer-left{gap:14px;}
  .lp-offer-vis{height:150px;}
  .lp-offer-body{padding:18px 20px 22px;gap:10px;}
  .lp-offer-cta{flex-direction:column;align-items:stretch;gap:10px;}
  .lp-offer-cta .btn{justify-content:center;}
  .lp-offer-cta .lp-social{justify-content:center;}
  .lp-checklist{padding:20px;}
  .lp-checklist ul{margin:12px 0 16px;}
  .lp-checklist li{padding:11px 0;font-size:max(var(--fs-min),1rem);gap:10px;}

  /* 09 LEKTOR */
  .lp-lector-photo{min-height:0;height:300px;}
  .lp-lector-body{padding:22px 20px 24px;gap:10px;}
  .lp-lector-text{font-size:max(var(--fs-min),1rem);}
  .lp-lector-nums{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;padding-top:16px;}
  .lp-lector-nums b{font-size:max(var(--fs-min),1.25rem);}
  .lp-lector-nums span{font-size:max(var(--fs-min),.9rem);}

  /* 10 VDĚČNÝ — 2 × 2, bez staggeru */
  .lp-grateful{padding-bottom:56px;}
  .lp-grateful-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .lp-grateful-grid > :nth-child(even){margin-top:0;}
  .lp-photo{aspect-ratio:3/4;}
  .lp-photo figcaption{left:8px;right:8px;bottom:8px;padding:8px 10px;gap:6px;font-size:max(var(--fs-min),.9rem);}
  .lp-photo-no{display:none;}

  /* 11 FINÁLE */
  .lp-final{padding:8px;}
  .lp-final-card{min-height:0;}
  .lp-final-inner{padding:64px 18px 56px;}
  .lp-final-h{font-size:max(var(--fs-min),2.5rem);}
  .lp-final-sub{margin-top:14px;font-size:max(var(--fs-min),1rem);}
  .lp-final-cta{margin-top:22px;width:100%;}
  .lp-final-cta .btn{width:100%;justify-content:center;}
  .lp-final .lp-social{padding:8px 14px 8px 8px;font-size:max(var(--fs-min),.95rem);}
  .lp-final .lp-avatars img{width:30px;height:30px;}

  /* FOOTER + STICKY */
  .lp-footer{padding:20px 0 calc(20px + var(--sticky-h));}
  .lp-sticky-inner{padding-inline:12px;}
  .lp-sticky .btn{padding:14px 18px;}
}
@media (max-width:767px){
  .lp-h1{font-size:min(8.1vw,2.2rem);}
  .lp-hero-box .lp-social{text-align:left;justify-content:center;}
  .lp-hero-box .lp-social > span:last-child{max-width:24ch;line-height:1.3;}
  .lp-bonus-label{font-size:max(var(--fs-min),.9rem);line-height:1.3;}
}

/* ============================================================================
   MOBIL · HERO v2 (24. 9.) — čistá jednosloupcová skladba, vše na 1. obrazovku
   pilulka s datem → H1 → podtitul na pozadí → fialové CTA → social → fajfky → bonus
   ============================================================================ */
@media (max-width:767px){
  .lp-hero-card{margin:6px;border-radius:14px;}
  .lp-hero-card .lp-bracket,.lp-hero-card .lp-dgrid{display:none;}
  .lp-hero-shade{background:linear-gradient(180deg,rgba(10,10,12,.55) 0%,rgba(10,10,12,.35) 30%,rgba(10,10,12,.72) 62%,rgba(10,10,12,.92) 100%);}
  .lp-hero-inner{padding:92px 18px 22px;align-items:center;text-align:center;}

  /* pilulka s datem — lehká, jeden celek */
  .lp-meta{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;width:auto;max-width:100%;margin-bottom:18px;
    padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
    box-shadow:0 8px 30px -12px rgba(124,92,255,.6);font-size:max(var(--fs-min),.95rem);}
  .lp-meta-tag{width:auto;padding:0;background:none;box-shadow:none;color:var(--accent-text);font-weight:600;gap:8px;}
  .lp-meta .lp-dot{background:var(--accent-text);}
  .lp-meta .lp-dot::after{border-color:rgba(158,132,255,.7);}
  .lp-meta-tag + .lp-meta-item::before{content:"";width:1px;height:14px;background:rgba(255,255,255,.25);margin-right:6px;}
  .lp-meta-item{gap:6px;}
  .lp-meta-item svg{width:15px;height:15px;}

  /* nadpis */
  .lp-h1{font-size:min(8.4vw,2.2rem);line-height:1.03;}

  /* bílá karta → rozpustit do pozadí */
  .lp-hero-box{background:none;box-shadow:none;padding:0;margin-top:14px;gap:16px;width:100%;}
  .lp-hero-box p{color:rgba(255,255,255,.82);font-size:max(var(--fs-min),1rem);line-height:1.45;max-width:34ch;margin-inline:auto;}
  .lp-hero-box .btn.lp-btn-dark{background:var(--accent);border-color:var(--accent);color:#fff;
    box-shadow:0 16px 40px -12px rgba(124,92,255,.85),0 0 0 1px rgba(255,255,255,.18);}
  .lp-hero-box .btn.lp-btn-dark .chip{background:rgba(255,255,255,.2);}
  .lp-hero-box .lp-social{color:rgba(255,255,255,.78);justify-content:center;text-align:left;}
  .lp-hero-box .lp-avatars img{border-color:#1a1622;}

  /* tři body jako čistý seznam s fajfkami */
  .lp-checks{margin-top:16px;gap:6px 14px;}
  .lp-check{padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:rgba(255,255,255,.9);font-size:max(var(--fs-min),.95rem);}
  .lp-check svg{stroke:var(--accent-text);width:15px;height:15px;}

  /* bonus — kompaktní řádek */
  .lp-bonus{margin-top:18px;width:100%;padding:8px 14px 8px 8px;gap:12px;background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;}
  .lp-bonus-img{width:64px;height:48px;}
  .lp-bonus-label{font-size:max(var(--fs-min),.85rem);color:var(--accent-text);}
  .lp-bonus-title{font-size:max(var(--fs-min),.95rem);margin-top:1px;}
}
@media (max-width:767px) and (max-height:700px){ .lp-hero-inner{padding-top:84px;} .lp-checks{display:none;} }
@media (max-width:767px){
  .lp-meta{border-radius:14px;padding:10px 18px;gap:6px 12px;}
  .lp-meta-tag{flex-basis:100%;justify-content:center;}
  .lp-meta-tag + .lp-meta-item::before{display:none;}
  .lp-hero-box p{text-shadow:0 1px 14px rgba(0,0,0,.7);}
  .lp-h1{text-shadow:0 2px 30px rgba(0,0,0,.45);}
}

/* MOBIL · social proof — avatary nahoře, text pod nimi na 1 řádek, vycentrované (všechny výskyty) */
@media (max-width:767px){
  .lp .lp-social,.lp .lp-hero-box .lp-social,.lp .lp-social.dark-text{flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;}
  .lp .lp-social > span:last-child,.lp .lp-hero-box .lp-social > span:last-child{max-width:none;font-size:max(var(--fs-min),.94rem);line-height:1.3;}
  .lp .lp-avatars img{width:30px;height:30px;margin-left:-9px;}
  .lp .lp-avatars img:first-child{margin-left:0;}
  .lp-final .lp-social{padding:10px 16px;border-radius:14px;width:100%;}
}

/* hero — víc odsazení shora nad pilulkou „Online trénink zdarma“ (24. 9.) */
.lp-hero-inner{padding-top:112px;}
@media (max-width:767px){ .lp-hero-inner{padding-top:116px;} }
@media (max-width:767px) and (max-height:700px){ .lp-hero-inner{padding-top:100px;} }

/* ============================================================================
   REGISTRAČNÍ POPUP (24. 9.) — tmavý panel se shrnutím + světlý formulář, stavy, mobil = bottom sheet
   ============================================================================ */
html.reg-open,html.reg-open body{overflow:hidden;}
.lp-modal{padding:16px;}
.lp-modal-backdrop{background:rgba(5,4,10,.74);}
.reg{position:relative;display:grid;grid-template-columns:minmax(300px,380px) 1fr;width:min(940px,100%);max-height:min(92vh,720px);
  border-radius:var(--r16);overflow:hidden;background:#fff;box-shadow:0 60px 120px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);
  transform:translateY(24px) scale(.97);opacity:0;transition:transform .55s var(--ease),opacity .45s var(--ease);}
.lp-modal.open .reg{transform:none;opacity:1;}
.reg-x{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#16161A;background:#f3f1ec;transition:background .3s var(--ease),transform .3s var(--ease);}
.reg-x:hover{background:#e9e6df;transform:rotate(90deg);}
.reg-x svg{width:18px;height:18px;}

/* levý panel */
.reg-aside{position:relative;color:#fff;background:#0b0a10;overflow:hidden;isolation:isolate;}
.reg-aside-bg{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(11,10,16,.35),rgba(11,10,16,.9) 70%),url(../img/gen/monolit-v.webp) center/cover;}
.reg-aside::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;
  -webkit-mask:linear-gradient(transparent,#000 60%);mask:linear-gradient(transparent,#000 60%);}
.reg-aside .lp-bracket{border-color:rgba(255,255,255,.4);}
.reg-aside-inner{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:34px 30px 30px;}
.reg-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:var(--radius);background:var(--accent);font-weight:600;
  font-size:max(var(--fs-min),.95rem);box-shadow:0 8px 24px -8px rgba(124,92,255,.8);}
.reg-tag .lp-dot{width:8px;height:8px;background:#fff;}
.reg-when{display:flex;align-items:center;gap:12px;font-size:max(var(--fs-min),1.05rem);font-weight:500;}
.reg-when svg{width:18px;height:18px;fill:none;stroke:var(--accent-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.reg-aside-h{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),1.7rem);letter-spacing:-.03em;line-height:1.05;margin-top:4px;}
.reg-points{list-style:none;display:flex;flex-direction:column;gap:9px;}
.reg-points li{display:flex;align-items:center;gap:10px;font-size:max(var(--fs-min),1rem);color:rgba(255,255,255,.88);}
.reg-points svg{width:20px;height:20px;padding:3px;border-radius:6px;background:rgba(124,92,255,.22);fill:none;stroke:var(--accent-text);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.reg-bonus{display:flex;align-items:center;gap:14px;margin-top:6px;padding:10px 14px 10px 10px;border-radius:var(--radius-lg);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);}
.reg-bonus img{width:74px;height:54px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 14px rgba(124,92,255,.4));}
.reg-bonus span{display:block;font-size:max(var(--fs-min),.85rem);color:var(--accent-text);}
.reg-bonus b{display:block;font-size:max(var(--fs-min),1rem);}
.reg-bonus small{display:block;font-size:max(var(--fs-min),.85rem);color:rgba(255,255,255,.7);}

/* pravý panel */
.reg-main{position:relative;overflow-y:auto;background:#fff;color:#16161A;}
.reg-form,.reg-done{padding:38px 38px 30px;display:flex;flex-direction:column;}
.reg-form .lp-eyebrow-s{color:var(--accent);}
.reg-title{font-family:var(--display);font-weight:600;font-size:max(var(--fs-min),2.1rem);letter-spacing:-.035em;line-height:1.02;margin-top:8px;}
.reg-lead{margin-top:10px;color:#55555c;font-size:max(var(--fs-min),1rem);line-height:1.45;max-width:40ch;}
.reg-field{display:flex;flex-direction:column;gap:7px;margin-top:18px;}
.reg-field + .reg-field{margin-top:14px;}
.reg-field label{font-size:max(var(--fs-min),.95rem);font-weight:600;color:#2a2a30;}
.reg-field label em{font-style:normal;font-weight:400;color:#8c8c93;}
.reg-field input{font:inherit;font-size:max(16px,1rem);height:54px;padding:0 16px;border-radius:10px;border:1.5px solid #e4e1da;background:#faf9f6;color:#16161A;
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);}
.reg-field input::placeholder{color:#a5a3a0;}
.reg-field input:hover{border-color:#d3cfc6;}
.reg-field input:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px rgba(124,92,255,.16);}
.reg-field.is-err input{border-color:#E5484D;background:#fff8f8;}
.reg-field.is-err input:focus{box-shadow:0 0 0 4px rgba(229,72,77,.14);}
.reg-err{min-height:0;font-size:max(var(--fs-min),.9rem);color:#D0373C;}
.reg-err:empty{display:none;}
.reg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.reg-consent{position:relative;display:flex;gap:12px;align-items:flex-start;margin-top:18px;cursor:pointer;font-size:max(var(--fs-min),.92rem);color:#55555c;line-height:1.45;}
.reg-consent input{position:absolute;opacity:0;width:22px;height:22px;margin:0;cursor:pointer;}
.reg-box{flex:none;width:22px;height:22px;border-radius:6px;border:1.5px solid #cfcbc2;background:#faf9f6;display:grid;place-items:center;margin-top:1px;
  transition:background .2s var(--ease),border-color .2s var(--ease);}
.reg-box svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:all .2s var(--ease);}
.reg-consent input:checked + .reg-box{background:var(--accent);border-color:var(--accent);}
.reg-consent input:checked + .reg-box svg{opacity:1;transform:none;}
.reg-consent input:focus-visible + .reg-box{box-shadow:0 0 0 4px rgba(124,92,255,.2);}
.reg-consent.is-err .reg-box{border-color:#E5484D;}
.reg-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
.reg-err-consent{margin-top:6px;margin-left:34px;}
.reg-submit{margin-top:22px;width:100%;justify-content:center;}
.reg-spinner{display:none;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:regSpin .8s linear infinite;}
@keyframes regSpin{to{transform:rotate(360deg)}}
.reg.is-loading .reg-spinner{display:inline-block;}
.reg.is-loading .reg-submit .chip{display:none;}
.reg.is-loading .reg-submit{opacity:.85;cursor:progress;}
.reg-form-err{margin-top:14px;padding:12px 14px;border-radius:10px;background:#fff1f1;border:1px solid #f6c9ca;color:#B4262B;font-size:max(var(--fs-min),.92rem);}
.reg-foot{margin-top:22px;padding-top:18px;border-top:1px solid #efece6;display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.reg-foot .lp-social{color:#55555c;justify-content:flex-start;}
.reg-foot .lp-avatars img{border-color:#fff;}
.reg-safe{display:flex;align-items:center;gap:8px;font-size:max(var(--fs-min),.88rem);color:#8c8c93;}
.reg-safe svg{width:16px;height:16px;fill:none;stroke:#8c8c93;stroke-width:1.8;stroke-linecap:round;}
/* úspěch */
.reg-done{align-items:flex-start;justify-content:center;min-height:100%;outline:none;}
.reg-done-ic{width:110px;height:auto;filter:drop-shadow(0 16px 28px rgba(124,92,255,.45));animation:boxFloat 5s var(--ease) infinite;}
.reg-done .reg-title{margin-top:18px;}
.reg-done-cta{margin-top:24px;}
.reg-demo-note{margin-top:18px;font-size:max(var(--fs-min),.88rem);color:#8c8c93;}
.reg-demo-note code{font-family:var(--mono);font-size:.95em;background:#f3f1ec;padding:2px 6px;border-radius:4px;}

/* MOBIL — bottom sheet */
@media (max-width:767px){
  .lp-modal{padding:0;place-items:end center;}
  .reg{grid-template-columns:1fr;width:100%;max-height:94svh;border-radius:20px 20px 0 0;overflow-y:auto;transform:translateY(100%);opacity:1;
    transition:transform .5s var(--ease);}
  .reg::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:rgba(255,255,255,.35);z-index:6;}
  .reg-x{top:12px;right:12px;width:36px;height:36px;background:rgba(255,255,255,.14);color:#fff;}
  .reg-aside-inner{padding:26px 20px 18px;gap:10px;}
  .reg-aside-h{font-size:max(var(--fs-min),1.3rem);}
  .reg-points,.reg-aside .lp-bracket{display:none;}
  .reg-bonus{margin-top:2px;padding:8px 12px 8px 8px;}
  .reg-bonus img{width:56px;height:42px;}
  .reg-main{overflow:visible;}
  .reg-form,.reg-done{padding:22px 20px calc(22px + env(safe-area-inset-bottom));}
  .reg-title{font-size:max(var(--fs-min),1.7rem);}
  .reg-field input{height:52px;}
  .reg-foot{align-items:center;}
  .reg-foot .lp-social{justify-content:center;}
}
@media (prefers-reduced-motion:reduce){.reg,.reg-done-ic{transition:none;animation:none;}}
.reg-field[hidden],.reg-done[hidden],.reg-form[hidden],.reg-form-err[hidden],.reg-demo-note[hidden]{display:none !important;}
@media (min-width:768px){
  .reg{grid-template-rows:minmax(0,1fr);height:auto;max-height:min(92vh,720px);}
  .reg-aside,.reg-main{min-height:0;}
  .reg-aside-inner{min-height:100%;height:auto;}
}

/* popup — levý panel ztmavit, ať vynikne text a body (24. 9.) */
.reg-aside-bg{background:linear-gradient(180deg,rgba(11,10,16,.55) 0%,rgba(11,10,16,.72) 40%,rgba(11,10,16,.94) 72%,#0b0a10 100%),url(../img/gen/monolit-v.webp) center/cover;}
.reg-aside-inner{text-shadow:0 1px 12px rgba(0,0,0,.6);}
.reg-points li{color:#fff;}