/* ═══════════════════════════════════════════
   BookedoutDentist – LP Case Study v2
   Restructured for conversion optimization
   Min body text: 16px / Optimized for 42–60 age group
   ═══════════════════════════════════════════ */

   :root{
    --primary:#052E26;
    --cta:#0DCCA9;
    --cta-hover:#0ab492;
    --cta-btn:#F1615A;
    --cta-btn-hover:#e04e47;
    --bg-white:#FFFFFF;
    --bg-light:#F9FAFA;
    --bg-mint:#F5FFFD;
    --bg-dark:#052E26;
    --border:#ECEFEF;
    --text-muted:#4d6e68;
    --star:#F5B731;
    --radius:16px;
  }
  
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{overflow-x:hidden;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
  body{
    font-family:'Noto Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:16px;line-height:1.75;color:var(--primary);background:var(--bg-light);
    overflow-x:hidden;max-width:100vw;margin:0;padding:0;
  }
  img,svg,video,iframe{max-width:100%;height:auto}
  a{color:var(--cta);text-decoration:none;transition:color .2s}
  a:hover{color:var(--cta-hover)}
  strong{color:var(--primary)}
  
  /* ─── Layout ─── */
  .w{max-width:900px;margin:0 auto;padding:0 1.5rem;width:100%}
  .w-wide{max-width:1180px;margin:0 auto;padding:0 2.5rem;width:100%}
  .w-narrow{max-width:780px}
  
  /* ─── Header ─── */
  .hdr{padding:.75rem 0;background:var(--bg-white)}
  .hdr .w-wide{display:flex;align-items:center;justify-content:center}
  .hdr svg{height:22px;width:auto}

  /* Google rating badge */
  .grating{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--text-dark);margin-bottom:.75rem}
  .grating-faces{display:flex}
  .grating-face{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-15px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
  .grating-face:first-child{margin-left:0}
  .grating-info{display:flex;flex-direction:column;gap:0;line-height:1.1}
  .grating-top{display:flex;align-items:center;gap:.375rem}
  .grating-score{font-weight:700;font-size:1rem;color:var(--text-dark)}
  .grating-top svg{height:14px;width:auto}
  .grating-count{font-size:.75rem;color:var(--text-muted);white-space:nowrap}

  
  /* ─── Pre-label ─── */
  .pre{
    display:inline-block;font-size:.875rem;font-weight:600;
    letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);
    margin-bottom:1rem;
  }
  
  h1{
    font-size:clamp(1.625rem,3.2vw,2.75rem);font-weight:700;line-height:1.2;
    margin-bottom:1rem;color:var(--primary);
  }
  
  /* ─── Hero ─── */
  .hero{padding:1.5rem 0 3rem;background:var(--bg-white)}
  .hero .w{display:flex;flex-direction:column;align-items:center;text-align:center}
  .hero .pre{margin-bottom:.75rem}
  .hero h1{max-width:720px}
  .hero-name-block{margin-bottom:1rem}
  .hero-name{font-size:1.25rem;font-weight:700;color:var(--primary);line-height:1.2}
  .hero-title{font-size:1rem;color:var(--primary);margin-top:.2rem}
  .hero-media{width:100%;max-width:780px;margin-bottom:.75rem}
  .hero-media .vid{margin:0}
  
  .hero-sub{font-size:1rem;line-height:1.85;color:var(--primary);margin-bottom:2rem;max-width:680px}
  
  /* Hero Tags */
  .hero-tags{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:1.5rem}
  .hero-tag{
    display:inline-flex;align-items:center;gap:.3rem;
    font-size:.875rem;font-weight:500;color:var(--text-muted);
    padding:.25rem .625rem;border-radius:50px;white-space:nowrap;
  }
  .hero-tag i{color:var(--cta);font-size:1rem;opacity:.7}
  
  /* Hero KPIs */
  .hero-kpis{display:flex;gap:.75rem;margin-bottom:2rem;width:100%;max-width:780px}
  .hero-kpi{
    flex:1;display:flex;align-items:center;gap:.75rem;
    background:var(--bg-mint);border:1px solid #ECEFEF;border-radius:12px;
    padding:1rem;text-align:left;
  }
  .hero-kpi-icon{
    width:40px;height:40px;border-radius:10px;background:rgba(13,204,169,.15);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
    color:var(--cta);font-size:1.2rem;
  }
  .hero-kpi-val{display:block;font-size:1.05rem;font-weight:700;color:var(--primary);line-height:1.2}
  .hero-kpi-label{display:block;font-size:.875rem;color:var(--text-muted);margin-top:.15rem}
  
  /* ─── Video ─── */
  .vid{border-radius:var(--radius);overflow:hidden;cursor:pointer;border:1px solid var(--border);margin:1.25rem 0;position:relative}
  .hero-media .vid{margin:0}
  .vid-poster{
    aspect-ratio:16/9;background-size:cover;background-position:center;
    background-color:var(--bg-light);display:flex;align-items:center;justify-content:center;
  }
  .play{border:none;background:none;cursor:pointer;padding:0}
  .play-c{
    display:flex;align-items:center;justify-content:center;
    width:72px;height:72px;border-radius:50%;background:var(--cta-btn);
    transition:transform .25s,box-shadow .25s;
    animation:play-pulse 2s ease-in-out infinite;
    box-shadow:0 0 0 0 rgba(241,97,90,.4);
  }
  .play-c svg{margin-left:3px}
  .vid:hover .play-c{transform:scale(1.1);animation:none;box-shadow:0 8px 32px rgba(241,97,90,.4)}
  
  @keyframes play-pulse{
    0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(241,97,90,.4)}
    50%{transform:scale(1.08);box-shadow:0 0 0 16px rgba(241,97,90,0)}
  }
  .vid.is-playing{padding-bottom:56.25%;height:0;cursor:default;border:none}
  .vid.is-playing iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
  
  /* ─── Buttons ─── */
  .btn-ghost{
    display:inline-flex;align-items:center;gap:.5rem;
    padding:1rem 1.5rem;background:transparent;color:var(--primary);
    font-weight:600;font-size:1rem;text-decoration:none;
    border:1px solid var(--border);border-radius:12px;transition:all .2s;
  }
  .btn-ghost:hover{border-color:var(--cta-btn);color:var(--cta-btn)}
  
  .btn-solid{
    display:inline-flex;align-items:center;gap:.5rem;
    padding:1rem 2rem;background:var(--cta-btn);color:#fff;
    font-weight:700;font-size:1.05rem;text-decoration:none;
    border:none;border-radius:12px;transition:all .2s;cursor:pointer;
  }
  .btn-solid:hover{background:var(--cta-btn-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(241,97,90,.3)}

  .hero-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}
  .hero-cta-hook{font-size:1.05rem;font-weight:600;color:var(--primary)}
  .hero-cta-sub{font-size:.8rem;color:var(--text-muted);letter-spacing:.02em}
  .hero-cta-author{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-top:.15rem}
  .hero-cta-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}
  
  .btn-expand{
    display:flex;align-items:center;justify-content:center;gap:.5rem;
    width:100%;padding:1rem;margin-top:1.5rem;
    background:transparent;color:var(--text-muted);font-weight:600;font-size:1rem;
    border:1px dashed var(--border);border-radius:12px;cursor:pointer;transition:all .2s;
  }
  .btn-expand:hover{border-color:var(--cta-btn);color:var(--cta-btn)}
  
  /* ─── Section System ─── */
  .section-label{text-transform:uppercase;font-size:.875rem;font-weight:700;letter-spacing:1.5px;color:var(--cta);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}
  .section-label i{font-size:1rem}
  .section-label-center{justify-content:center}
  .section-title{
    font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary);
  }
  .section-title-center{text-align:center}
  .section-title i{display:none}
  h2{font-size:1.4rem;font-weight:700;line-height:1.35;margin-bottom:.75rem;color:var(--primary)}
  
  /* ─── Cards ─── */
  .card{background:var(--bg-white);border-radius:var(--radius);padding:2rem;border:1px solid var(--border);margin-bottom:1.5rem}
  .card-mint{background:var(--bg-mint);border-color:#ECEFEF}
  
  /* ─── Story ─── */
  .story{background:var(--bg-white);padding:3rem 0}
  .story .w{display:flex;flex-direction:column;align-items:center;gap:1.5rem}
  .story-txt{max-width:680px;margin:0 auto;font-size:1rem;line-height:1.85;color:var(--primary);text-align:left}
  .story-txt p+p{margin-top:.75rem}
  .story-txt strong{color:var(--primary)}
  .txt{font-size:1rem;line-height:1.85;color:var(--primary)}
  .txt p+p{margin-top:.75rem}
  .txt strong{color:var(--primary)}
  
  /* ─── Results / KPIs ─── */
  .results{background:var(--bg-white);padding:3rem 0}
  .results-sub{text-align:center;color:var(--text-muted);font-size:1rem;max-width:540px;margin:0 auto 2rem}
  
  .kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
  .kpi{
    background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);
    padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;
    gap:.25rem;
  }
  
  .kpi-before{
    display:inline-flex;align-items:center;gap:.5rem;
    background:var(--bg-light);border:1px solid var(--border);border-radius:50px;
    padding:.375rem 1rem;margin-bottom:.5rem;
  }
  .kpi-before-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}
  .kpi-before-val{font-size:.95rem;font-weight:700;color:var(--primary)}
  
  .kpi-after{margin-bottom:.25rem}
  .kpi-after-val{font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1}
  .kpi-after-val-cta{color:var(--cta);font-size:2.25rem}
  
  .kpi-info{display:flex;flex-direction:column;gap:.15rem}
  .kpi-label{font-size:1.05rem;font-weight:700;color:var(--primary)}
  .kpi-ctx{font-size:.9rem;color:var(--text-muted)}
  
  /* ─── Proof / Screenshots ─── */
  /* VISUAL RHYTHM: bg-light for contrast */
  .proof-sec{padding:3rem 0;background:var(--bg-light)}
  .proof-sub{text-align:center;color:var(--text-muted);font-size:1rem;max-width:600px;margin:0 auto 2rem}
  
  .proof-explainer-faq{margin-bottom:2.5rem;text-align:left}
  .proof-explainer-faq .faq-q,.proof-explainer-faq .faq-a{text-align:left}
  .proof-explainer-faq .faq-q{justify-content:flex-start}
  .proof-explainer-faq .faq-q::after{margin-left:auto}
  
  .proof-google{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}
  .proof-img-wrap{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-white)}
  .proof-img-wrap img{display:block;width:100%;height:auto}
  .proof-caption{display:block;text-align:center;font-size:.95rem;font-weight:600;color:var(--primary);padding:.75rem;background:var(--bg-white)}
  
  .proof-h3{text-align:center;font-size:1.3rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}
  
  .proof-compare{display:flex;flex-direction:column;gap:2.5rem}
  .proof-city{text-align:center;font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:1rem}
  .proof-ba{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .proof-caption-detail{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-top:.75rem;max-width:650px;margin-left:auto;margin-right:auto;text-align:center!important}
  .proof-badge{display:block;text-align:center;font-size:.875rem;font-weight:700;padding:.5rem;letter-spacing:.5px;white-space:nowrap}
  .proof-badge-before{background:#fee2e2;color:#991b1b}
  .proof-badge-after{background:#d1fae5;color:#065f46}
  
  /* ─── Stand-heute Section ─── */
  .stand-heute-sec{background:var(--bg-white);padding:3rem 0}
  .stand-heute-sec .w{display:flex;flex-direction:column;align-items:center}
  .stand-heute-txt{max-width:680px;margin:0 auto;text-align:left}
  .stand-heute-intro{font-size:1.05rem;font-weight:600;color:var(--primary);line-height:1.6;margin-bottom:1rem}
  .stand-heute-sec p{font-size:1rem;color:var(--primary);line-height:1.75;margin-bottom:1rem}
  .stand-heute-sec p:last-child{margin-bottom:0}
  
  /* ─── Quote Section ─── */
  .quote-sec{background:var(--bg-light);padding:3rem 0}
  .quote-block{
    margin:0;padding:1.75rem;text-align:left;
    background:var(--bg-white);border-radius:var(--radius);
    border:1px solid var(--border);
  }
  .quote-avatar{
    width:44px;height:44px;border-radius:50%;background:var(--bg-mint);
    flex-shrink:0;overflow:hidden;
  }
  .quote-avatar img{width:100%;height:100%;object-fit:cover;display:block}
  .quote-block-text{
    font-size:1.2rem;line-height:1.9;font-style:italic;color:var(--primary);
    margin-bottom:1.25rem;
  }
  .quote-block-author{
    display:flex;align-items:center;gap:.75rem;
    font-size:.95rem;color:var(--text-muted);
    padding-top:1rem;border-top:1px solid var(--border);
  }
  .quote-block-author cite,.quote-block-author strong{color:var(--primary);font-style:normal}
  
  /* ─── Mid-CTA Section (NEU) ─── */
  .mid-cta-sec{
    background:var(--bg-mint);border-top:1px solid var(--border);border-bottom:1px solid var(--border);
    padding:3rem 0;
  }
  .mid-cta{
    display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;
  }
  .mid-cta-text{
    font-size:1.25rem;font-weight:700;color:var(--primary);line-height:1.4;
    max-width:500px;margin:0;
  }
  .mid-cta-trust{
    font-size:.875rem;color:var(--text-muted);margin:0;
  }
  
  /* ─── FAQ ─── */
  /* VISUAL RHYTHM: bg-light */
  .faq-sec{padding:3rem 0;background:var(--bg-light)}
  .faq-list{display:flex;flex-direction:column;gap:.5rem}
  .faq-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .2s;text-align:left}
  .faq-item[open]{box-shadow:0 2px 12px rgba(15,23,42,.06)}
  .faq-q{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;color:var(--primary);cursor:pointer;list-style:none;line-height:1.5;gap:1rem;background:var(--bg-white);text-align:left}
  .faq-q::-webkit-details-marker{display:none}
  .faq-q::after{content:'＋';font-size:1.2rem;color:var(--cta);flex-shrink:0;font-weight:400;transition:transform .2s;display:inline-block;min-width:1.25em;text-align:center}
  .faq-item[open] .faq-q::after{content:'−'}
  .faq-item[open] .faq-q{border-bottom:1px solid var(--border)}
  .faq-a{padding:1.25rem 1.5rem;background:var(--bg-white);text-align:left}
  .faq-a p{font-size:1rem;color:var(--primary);line-height:1.75;margin-bottom:.75rem}
  .faq-a p:last-child{margin-bottom:0}
  
  /* ─── Case Studies ─── */
  .cases-sec{padding:3rem 0;background:var(--bg-white)}
  .cases-sec .section-title{text-align:center}
  .cases-sec-sub{text-align:center;color:var(--text-muted);font-size:1rem;max-width:540px;margin:0 auto 2rem}
  
  .cases-list{display:flex;flex-direction:column;gap:1.5rem}
  .cs{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;overflow:hidden}
  .cs-rev{direction:rtl}
  .cs-rev>*{direction:ltr}
  .cs-media{display:flex;flex-direction:column;gap:.5rem}
  .cs-media .vid-poster,.cs-img{
    aspect-ratio:16/9;background-size:cover;background-position:center;
    background-color:var(--bg-light);border-radius:12px;
    display:flex;align-items:center;justify-content:center;
  }
  .cs-media .vid{margin:0;border-radius:12px}
  .cs-chal{font-size:1rem;color:var(--text-muted);line-height:1.7}
  .cs-chal strong{color:var(--primary)}
  .cs-pre{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem}
  h3.cs-name{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:.625rem;line-height:1.3}
  .cs-result{font-size:1rem;line-height:1.75;color:var(--text-muted)}
  .cs-result strong{color:var(--primary)}
  .cs-result ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem}
  .cs-result li{padding-left:1.25rem;position:relative;font-size:1rem}
  .cs-result li::before{content:'↗';position:absolute;left:0;color:var(--cta);font-weight:700}
  
  /* Cases Expand */
  .cases-expand-wrap{position:relative}
  .cases-expand-list{
    display:flex;flex-direction:column;gap:1.5rem;
    max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .3s ease;opacity:0;
    margin-top:0;
  }
  .cases-expand-list.is-open{max-height:3000px;opacity:1;margin-top:1.5rem}
  
  /* ─── Mini Cases ─── */
  /* VISUAL RHYTHM: bg-light */
  .mini-sec{background:var(--bg-light);padding:3rem 0}
  .mini-sec .section-title{text-align:center}
  .mini-sub{text-align:center;color:var(--text-muted);font-size:1rem;max-width:540px;margin:0 auto 2rem}
  
  .mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
  .mini{
    background:var(--bg-white);border:1px solid var(--border);border-radius:12px;
    padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;
  }
  .mini-avatar{
    width:44px;height:44px;border-radius:50%;background:var(--bg-mint);
    flex-shrink:0;display:flex;align-items:center;justify-content:center;
    font-size:.875rem;font-weight:700;color:var(--primary);
    overflow:hidden;
  }
  .mini-avatar img{width:100%;height:100%;object-fit:cover;display:block}
  .mini-info{min-width:0}
  .mini-name{font-size:1rem;font-weight:700;color:var(--primary)}
  .mini-name span{font-weight:400;color:var(--text-muted)}
  .mini-stat{font-size:14px}
  .mini-stat strong{color:var(--cta);font-weight:700}
  .mini-stat span{color:var(--text-muted)}
  
  /* ─── Tool Embed Section ─── */
  .tool-section{background:var(--bg-white);padding:3rem 0 4rem}
  .tool-section .section-title{text-align:center}
  .tool-sub{text-align:center;color:var(--text-muted);font-size:1rem;max-width:560px;margin:0 auto 1.25rem}
  
  /* ─── Reviews ─── */
  .reviews-sec{padding:3rem 0;background:var(--bg-white)}
  .reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
  .review-card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:1.25rem}
  .review-head{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}
  .review-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}
  .review-name{font-weight:700;font-size:.875rem;color:var(--primary);line-height:1.2}
  .review-stars{margin-top:2px;color:#FBBC04;font-size:.75rem;letter-spacing:1px}
  .review-text{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin:0}
  .reviews-more{display:none}
  .reviews-more.is-open{display:block}
  .reviews-more .reviews-grid{margin-top:1rem}

  /* Trust Signals at CTA */
  .tool-trust{
    display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;
    margin:0 auto 2rem;max-width:650px;
  }
  .tool-trust-item{
    display:inline-flex;align-items:center;gap:.4rem;
    font-size:.875rem;font-weight:600;color:var(--text-muted);
  }
  .tool-trust-item i{color:var(--cta);font-size:1rem}
  .tool-trust-inline{text-align:center;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:1.5rem}
  .tool-trust-inline i{color:var(--cta);margin-right:.2rem}
  
  .tool-embed{
    max-width:720px;margin:0 auto;
    border-radius:var(--radius);overflow:hidden;
    border:1px solid var(--border);
    min-height:500px;
    transition:height .3s ease;
  }
  .tool-section .w{padding:0 0.75rem}
  
  /* ─── About / Team ─── */
  .about-sec{padding:3rem 0;background:var(--bg-white)}
  .about-portraits{
    display:flex;justify-content:center;gap:3rem;margin-bottom:2rem;
  }
  .about-person{
    display:flex;flex-direction:column;align-items:center;gap:.4rem;
  }
  .about-avatar{
    width:88px;height:88px;border-radius:50%;object-fit:cover;
    border:3px solid var(--border);background:var(--bg-light);
  }
  .about-name{font-size:1rem;font-weight:700;color:var(--primary)}
  .about-role{font-size:.875rem;color:var(--text-muted)}
  .about-text{max-width:680px;margin:0 auto;text-align:left}
  .about-text p{font-size:1rem;color:var(--primary);line-height:1.8;margin-bottom:1rem}
  .about-text p:last-child{margin-bottom:0}
  .values-label{margin-top:2.5rem}
  .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;max-width:900px;margin-left:auto;margin-right:auto}
  .value-item{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:left}
  .value-title{font-size:1.05rem;font-weight:700;color:var(--primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}
  .value-title i{color:var(--cta);font-size:1.1rem}
  .value-item p{font-size:.95rem;line-height:1.7;color:var(--primary);margin:0}
  
  /* ─── Partner Logos ─── */
  .partner-logos-wrap{background:var(--bg-white);padding:2rem 1.5rem 0}
  .partner-logos{
    display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap;
    margin:0 auto;max-width:600px;
    padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  }
  .partner-logo{height:38px;opacity:.35;transition:opacity .3s;filter:grayscale(100%)}
  .partner-logo:hover{opacity:.7;filter:grayscale(0%)}
  .partner-logo-placeholder{
    font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    color:var(--primary);opacity:.3;transition:opacity .3s;white-space:nowrap;
  }
  .partner-logo-placeholder:hover{opacity:.6}
  
  /* ─── Lightbox ─── */
  .proof-img-wrap[data-lightbox]{cursor:zoom-in}
  .lightbox-overlay{
    display:none;position:fixed;inset:0;z-index:9999;
    background:rgba(5,46,38,.92);backdrop-filter:blur(8px);
    align-items:center;justify-content:center;padding:1.5rem;cursor:zoom-out;
  }
  .lightbox-overlay.is-active{display:flex}
  .lightbox-overlay img{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
  .lightbox-close{
    position:absolute;top:1rem;right:1.5rem;
    width:40px;height:40px;border-radius:50%;border:none;
    background:rgba(255,255,255,.15);color:white;font-size:1.25rem;
    cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;
  }
  .lightbox-close:hover{background:rgba(255,255,255,.25)}
  .lightbox-caption{
    position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);
    font-size:.9rem;color:rgba(255,255,255,.7);font-weight:600;
    background:rgba(5,46,38,.6);padding:.4rem 1rem;border-radius:8px;white-space:nowrap;
  }
  
  /* ─── Sticky Mobile CTA ─── */
  .sticky-cta{
    display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;
    background:var(--bg-white);border-top:1px solid var(--border);
    box-shadow:0 -4px 20px rgba(5,46,38,.08);padding:.75rem 1.25rem;
    transform:translateY(100%);transition:transform .3s ease;
  }
  .sticky-cta.is-visible{transform:translateY(0)}
  .sticky-cta-inner{display:flex;align-items:center;gap:.75rem;max-width:600px;margin:0 auto}
  .sticky-cta-text{font-size:.85rem;color:var(--text-muted);line-height:1.3;flex:1}
  .sticky-cta-text strong{color:var(--primary);display:block;font-size:.9rem}
  .sticky-cta .btn-solid{padding:.7rem 1.25rem;font-size:.9rem;white-space:nowrap;flex-shrink:0}
  
  /* ─── Footer ─── */
  .ftr{background:var(--primary);padding:2rem 0;text-align:center}
  .ftr-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}
  .ftr-secondary-cta{font-size:.95rem;color:rgba(255,255,255,.7)}
  .ftr-secondary-cta a{color:var(--cta);font-weight:600;text-decoration:none;transition:color .2s}
  .ftr-secondary-cta a:hover{color:var(--cta-hover)}
  .ftr-contact{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}
  .ftr-contact span{font-size:.9rem;color:rgba(255,255,255,.6);display:inline-flex;align-items:center;gap:.3rem}
  .ftr-contact a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}
  .ftr-contact a:hover{color:var(--cta)}
  .ftr-address{font-size:.85rem;color:rgba(255,255,255,.4)}
  .ftr-links{display:flex;justify-content:center;gap:2rem}
  .ftr-links a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}
  .ftr-links a:hover{color:var(--cta)}
  .ftr-copy{margin:0;font-size:.875rem;color:rgba(255,255,255,.4)}
  
  /* ═══════════════════════════════════════════
     RESPONSIVE
     ═══════════════════════════════════════════ */
  
  @media(max-width:768px){
    .w{padding:0 1.25rem}
    .w-wide{padding:0 1.25rem}
    .hero{padding:.75rem 0 1.5rem}
    h1{font-size:1.55rem}
    .hero-name{font-size:1.15rem}
    .hero-kpis{flex-direction:column;gap:.5rem}
    .hero-kpi{padding:.75rem}
    .hero-kpi-icon{width:38px;height:38px;font-size:1rem;border-radius:8px}
    .section-title{font-size:1.25rem}
    .kpi-grid{grid-template-columns:1fr 1fr;gap:.75rem}
    .kpi{padding:1.25rem 1rem}
    .kpi-after-val{font-size:2rem}
    .kpi-after-val-cta{font-size:1.75rem}
    .btn-ghost{width:100%;justify-content:center}
    .btn-solid{width:100%;justify-content:center}
    .quote-block-text{font-size:1rem}
    .card{padding:1.5rem}
    .tool-embed{min-height:400px;border:none;border-radius:0}
    .tool-section .w{padding:0 0.25rem}
    .cs{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}
    .cs-rev{direction:ltr}
    h3.cs-name{font-size:1.15rem}
    .cases-list{gap:1rem}
    .mini-grid{grid-template-columns:1fr;gap:.5rem}
    .values-grid{grid-template-columns:1fr}
    .reviews-grid{grid-template-columns:1fr}
    .proof-google{grid-template-columns:1fr;gap:1rem}
    .proof-ba{gap:.5rem}
    .proof-badge{font-size:.7rem;padding:.35rem .25rem;letter-spacing:0}
    .mid-cta-text{font-size:1.1rem}
    .tool-trust{flex-direction:column;align-items:center;gap:.5rem}
    .sticky-cta{display:block}
    .partner-logos{gap:1.5rem}
    .partner-logo-placeholder{font-size:.7rem}
    .sticky-cta .btn-solid{width:auto}
    body{padding-bottom:70px}
  }
  @media(max-width:380px){
    h1{font-size:1.5rem}
    .hero-name{font-size:1rem}
    .kpi-grid{grid-template-columns:1fr}
    .pre{padding:.375rem .75rem}
  }