/* PALETA: Editorial Noir & Warm Cashmere */
    :root{
      --paper: #f5f2eb;
      --card-bg: #fffdfa;
      --tint-bg: #ece7dc;
      --ink: #111111;
      --muted: #5e5a52;
      --line: #ded7c8;
      --gold: #c5a059;
      --gold-hover: #b38e46;
      --noir: #111111;
      --noir-hover: #292929;
      --serif: Georgia, 'Times New Roman', serif;
      --sans: Arial, Helvetica, sans-serif;
    }
    
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 var(--sans)}
    h1,h2,h3,h4,p,figure{margin:0}
    h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.2;letter-spacing:-.025em}
    
    h1{font-size:clamp(27px, 3.4vw, 38px);max-width:820px;margin-inline:auto}
    h2{font-size:clamp(25px, 2.8vw, 34px)}
    h3{font-size:22px}
    p+p{margin-top:16px}
    img{display:block;width:100%;height:100%;object-fit:cover;background:#e5ded0;color:var(--muted);font-size:14px}
    a{color:inherit}
    a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
    .skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:10}
    .skip:focus{top:12px}
    .wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}
    .narrow{max-width:820px;margin-inline:auto}
    .center{text-align:center}
    .section{padding-block:60px}
    .eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
    .brand{font:28px/1 var(--serif);letter-spacing:.08em;color:var(--noir)}
    .brand-rule{width:36px;height:1px;background:var(--gold);margin:16px auto 0}
    
    .btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:17px 36px;border-radius:999px;background:var(--noir);color:#ffffff;text-decoration:none;font:19px/1.2 var(--serif);min-height:56px;transition:background .15s,transform .15s}
    .btn:hover{background:var(--noir-hover);transform:translateY(-2px)}
    .btn.gold{background:linear-gradient(100deg, #c5a059, #dfbe7c);color:#111111;font-weight:600;box-shadow:0 6px 20px rgba(197,160,89,.28)}
    .btn.gold:hover{background:linear-gradient(100deg, var(--gold-hover), #c5a059)}
    .small{font-size:13px;color:var(--muted);line-height:1.5}
    .muted{color:var(--muted)}

    .limit-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(197,160,89,.15);border:1px solid var(--gold);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--noir);letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px}
    .limit-badge span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c5a059;animation:pulse 1.8s infinite}
    @keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}
    
    /* VŠETKY OBRÁZKY V POMERE 9:16 */
    .hero{padding-top:36px;padding-bottom:44px;background:radial-gradient(ellipse at top,#fcfbf8,transparent 70%)}
    .hero h1{margin:14px auto 18px}
    .hero .lead{font-size:clamp(18px, 1.9vw, 22px);color:var(--muted);margin:0 auto 22px;max-width:760px;line-height:1.45}
    .triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px auto 16px;max-width:880px}
    .photo-9-16{aspect-ratio:9/16;overflow:hidden;border-radius:8px;border:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,.04)}
    .photo-9-16 img{object-position:50% 25%}
    figcaption{font-size:13px;color:var(--muted);font-style:italic}

    /* Výber dvoch ciest */
    .paths-box{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;text-align:left}
    .path-card{background:var(--card-bg);border:2px solid var(--gold);border-radius:8px;padding:32px;position:relative;box-shadow:0 4px 18px rgba(197,160,89,.08)}
    .path-tag{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block}
    .path-card h3{margin-bottom:12px;font-size:23px}
    .path-card ul{padding-left:20px;margin:16px 0 0;font-size:15.5px;color:var(--muted)}
    .path-card li{margin-bottom:8px}

    /* Formáty obsahu */
    .formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;text-align:left}
    .format-item{background:var(--card-bg);border:1px solid var(--line);border-radius:6px;padding:22px}
    .format-item h4{font-family:var(--serif);font-size:19px;margin-bottom:8px;color:var(--noir)}
    .format-item p{font-size:14.5px;color:var(--muted);line-height:1.5}
    
    /* Halbert Story & Dopis od Mii */
    .story{background:#fffdfa;border-block:1px solid var(--line)}
    .story-letter{background:var(--paper);padding:44px;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.02);text-align:left}
    .story-letter h2{margin-bottom:22px;color:var(--noir)}
    .story-letter p{font-size:18px;line-height:1.75;color:#222}
    .highlight-box{background:var(--tint-bg);border-left:4px solid var(--gold);padding:20px 24px;margin:28px 0;font-style:italic;font-family:var(--serif);font-size:20px;color:var(--noir)}
    
    .signature{margin-top:30px;display:flex;align-items:center;gap:18px}
    .signature-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);flex-shrink:0}
    .signature-text strong{display:block;font-family:var(--serif);font-size:18px}

    /* Samostatná sekcia: 1000+ sledujúcich */
    .proof-section-1000{background:var(--tint-bg);border-block:1px solid var(--line);padding-block:64px}
    .cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;text-align:left}
    .case-card{background:var(--card-bg);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 6px 24px rgba(0,0,0,.03);display:flex;flex-direction:column}
    .case-media{aspect-ratio:9/16;overflow:hidden;border-radius:6px;border:1px solid var(--line);margin-bottom:18px}
    .case-media img{object-position:50% 25%}
    .case-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(197,160,89,.15);border:1px solid var(--gold);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--noir);text-transform:uppercase;margin-bottom:10px}
    .case-card h3{font-size:21px;margin-bottom:6px}
    .case-handle{display:inline-flex;align-items:center;gap:6px;color:var(--gold);text-decoration:none;font-weight:700;font-size:14px;margin-bottom:12px;transition:color .15s}
    .case-handle:hover{color:var(--gold-hover);text-decoration:underline}
    .case-card p{font-size:14.5px;color:var(--muted);line-height:1.55;flex-grow:1}

    /* Systém 3 ciest */
    .system{background:var(--paper)}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;text-align:left}
    .card{background:var(--card-bg);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
    .card-photo{aspect-ratio:1.6;overflow:hidden}
    .card-body{padding:22px;flex-grow:1;display:flex;flex-direction:column}
    .number{font:34px/1 var(--serif);color:var(--gold);margin-bottom:10px;display:block}
    .card h3{font-size:21px;margin-bottom:8px}
    .card p{font-size:15px;color:var(--muted);line-height:1.55}

    /* AI Agenti */
    .agents{background:#fffdfa;border-bottom:1px solid var(--line)}
    .agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 44px;text-align:left;max-width:920px;margin:36px auto 26px}
    .agent{padding:18px 0;border-bottom:1px solid var(--line)}
    .agent-role{font-size:12px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:4px}
    .agent h3{font-size:21px;margin-bottom:6px}
    .agent p{font-size:15px;color:var(--muted);line-height:1.5}
    
    .more-agents{margin-top:34px;padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:8px;max-width:920px;margin-inline:auto;text-align:left}
    .more-agents h4{font-family:var(--serif);font-size:19px;margin-bottom:14px;color:var(--noir)}
    .agent-tags{display:flex;flex-wrap:wrap;gap:8px}
    .agent-tag{background:var(--card-bg);border:1px solid var(--line);padding:7px 15px;border-radius:999px;font-size:13.5px;color:var(--ink)}

    /* Pilot: Sabrina Vesper & 3 fotky 9:16 */
    .proof-section{background:#fffdfa;border-bottom:1px solid var(--line)}
    .student-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:820px;margin:32px auto 24px}
    .pilot-case{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:34px;text-align:left;margin-top:16px}
    .pilot-case-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
    .ig-badge{display:inline-flex;align-items:center;gap:6px;background:var(--card-bg);border:1px solid var(--gold);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--noir);text-decoration:none;transition:background .15s}
    .ig-badge:hover{background:var(--tint-bg)}
    .pilot-dot{display:inline-block;width:10px;height:10px;background:var(--gold);border-radius:50%;margin-right:8px}
    .pilot-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;padding:18px;background:var(--card-bg);border-radius:6px;border:1px solid var(--line)}
    .pilot-step{font-size:14px;line-height:1.5}
    .pilot-step strong{display:block;color:var(--gold);margin-bottom:4px;font-family:var(--serif);font-size:16px}

    /* Value Stack & Ponuka */
    .offer-section{background:var(--tint-bg)}
    .stack-box{background:var(--card-bg);border:2px solid var(--gold);border-radius:8px;padding:32px;max-width:740px;margin:0 auto 34px;text-align:left}
    .stack-title{font-size:22px;margin-bottom:18px;text-align:center;font-family:var(--serif)}
    .stack-list{list-style:none;padding:0;margin:0}
    .stack-item{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px dashed var(--line);font-size:16px}
    .stack-item strong{color:var(--noir)}
    .stack-price{font-family:var(--serif);font-size:16px;color:var(--muted);text-decoration:line-through}
    .stack-total{display:flex;justify-content:space-between;padding-top:16px;font-size:18px;font-weight:700}
    
    .offer{padding:44px 28px;background:radial-gradient(ellipse at top left, #262420, #111111 75%);color:#fbf9f4;border-radius:8px;max-width:740px;margin:0 auto;box-shadow:0 8px 30px rgba(0,0,0,.25)}
    .offer h2{color:#f0deb4;font-size:32px}
    .pilot-tag{background:rgba(197,160,89,.2);border:1px solid var(--gold);color:#f0deb4;padding:6px 18px;border-radius:999px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;display:inline-block;margin-bottom:14px;font-weight:700}
    .price-wrap{margin:18px 0}
    .old-price{font-size:20px;color:#999388;text-decoration:line-through;display:block}
    .price{font:64px/1 var(--serif);color:#ffffff;letter-spacing:-.04em}
    .price span{font-size:22px;color:var(--gold)}
    .guarantee-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(197,160,89,.15);border:1px solid var(--gold);padding:8px 18px;border-radius:999px;font-size:14px;color:#f0deb4;margin:18px 0}

    /* FAQ */
    .faq{max-width:800px;margin:38px auto 0;text-align:left}
    .faq details{border:1px solid var(--line);background:var(--card-bg);border-radius:4px;margin-bottom:10px}
    .faq summary{padding:16px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:600;font-size:16px}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary::after{content:'+';color:var(--gold);font-size:22px;line-height:1}
    .faq details[open] summary::after{content:'−'}
    .faq-answer{padding:0 20px 20px;color:var(--muted);font-size:15px}

    /* Footer */
    .footer{padding:40px 0;border-top:1px solid var(--line);background:var(--paper)}
    .footer-links{display:flex;justify-content:center;gap:24px;font-size:14px;margin:16px 0}

    @media(max-width:760px){
      .wrap{width:calc(100% - 32px)}
      .story-letter{padding:26px 18px}
      .triptych{grid-template-columns:1fr;gap:14px}
      .cases-grid{grid-template-columns:1fr;gap:20px}
      .paths-box{grid-template-columns:1fr}
      .formats-grid{grid-template-columns:1fr}
      .cards{grid-template-columns:1fr}
      .student-gallery{grid-template-columns:1fr;gap:14px}
      .pilot-steps{grid-template-columns:1fr;gap:12px}
      .agents-grid{grid-template-columns:1fr;gap:14px}
      .price{font-size:52px}
    }
  
    /* Úpravy pro úzké mobilní obrazovky */
    @media (max-width: 760px) {
      .btn {
        max-width: 100%;
        padding: 16px 22px;
        font-size: 18px;
        text-align: center;
        white-space: normal;
        overflow-wrap: anywhere;
      }
      .btn span { flex-shrink: 0; }
      .stack-item, .stack-total {
        flex-wrap: wrap;
        gap: 8px 16px;
      }
      .stack-item > span:first-child {
        flex: 1 1 220px;
        min-width: 0;
      }
      .stack-price { white-space: nowrap; }
      .footer-links {
        flex-wrap: wrap;
        gap: 12px 20px;
      }
      .stack-box, .offer { padding: 28px 18px; }
      .guarantee-badge, .pilot-tag, .limit-badge {
        max-width: 100%;
        white-space: normal;
      }
    }

/* Styly původně vložené přímo v HTML. */
#dl-style-01 {margin-top: 24px;}
#dl-style-02 {margin-top: 30px;}
#dl-style-03 {margin-top: 10px;}
#dl-style-04 {padding-top:10px;}
#dl-style-05 {background:var(--tint-bg); padding-block:48px;}
#dl-style-06 {font-size:18px;}
#dl-style-07 {font-size:16px; line-height:1.65; color:var(--ink); margin:0;}
#dl-style-08 {padding-top:16px; border-top:1px dashed var(--line); font-size:14px; color:var(--muted); line-height:1.55;}
#dl-style-09 {color:var(--gold); font-family:var(--serif); font-size:22px;}
#dl-style-10 {color:#d5cec2; max-width:560px; margin:12px auto 0;}
#dl-style-11 {color:#a8a194; margin-top:14px;}
#dl-style-12 {margin-top:28px;}
#dl-style-13 {text-align:center; margin-bottom:24px;}
#objednavka {margin-top:20px; font-weight:bold; color:var(--gold);}
#dl-style-15 {margin-top:6px;}
