/* PLAYBOOK LANDING PAGE */

/* HERO */
.pb-hero{background:linear-gradient(135deg,#0d0f2b 0%,#12153D 40%,#1a1e50 100%);padding:80px 2rem 72px}
.pb-hero-inner{max-width:1200px;margin:0 auto;display:flex;gap:4rem;align-items:center}
.pb-hero-cover{width:280px;min-width:280px;flex-shrink:0}
.pb-hero-cover img{width:100%;height:auto;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.25)}
.pb-hero-text{flex:1}
.pb-hero-eyebrow{font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#1EC86A;margin-bottom:1.25rem}
.pb-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:#fff;line-height:1.18;margin-bottom:1.25rem;letter-spacing:-.02em}
.pb-hero h1 em{font-style:normal;color:#1EC86A}
.pb-hero-sub{font-size:1.1rem;color:rgba(255,255,255,.72);line-height:1.65;margin-bottom:2rem;max-width:540px}
.pb-hero-cta-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.pb-btn-buy{display:inline-flex;align-items:center;padding:16px 40px;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:700;border-radius:8px;border:none;cursor:pointer;text-decoration:none;background:#1EC86A;color:#fff;transition:all .2s}
.pb-btn-buy:hover{background:#19B55E;transform:translateY(-2px);box-shadow:0 8px 28px rgba(30,200,106,.35)}
.pb-hero-meta{color:rgba(255,255,255,.55);font-size:.9rem;line-height:1.5}
.pb-hero-meta strong{color:#fff;font-weight:600}
.pb-hero-secure{margin-top:1rem;display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.4);font-size:.8rem}

/* STATS */
.pb-stats{background:#fff;border-bottom:1px solid #E2E4ED;border-top:1px solid #E2E4ED}
.pb-stats-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}
.pb-stat{padding:2.5rem 2.5rem;text-align:center;border-right:1px solid #E2E4ED}
.pb-stat:last-child{border-right:none}
.pb-stat-number{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.2rem;font-weight:800;color:#12153D;margin-bottom:.3rem}
.pb-stat-number span{color:#1EC86A}
.pb-stat-label{font-size:.9rem;color:#4A4E7A;line-height:1.5}

/* HOOKS */
.pb-hooks{padding:72px 2rem;background:#F5F6FA}
.pb-hooks-inner{max-width:1200px;margin:0 auto}
.pb-hooks-header{text-align:center;max-width:650px;margin:0 auto 3rem}
.pb-section-label{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6C63FF;margin-bottom:1rem}
.pb-heading{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#12153D;line-height:1.2;margin-bottom:1rem}
.pb-heading em{font-style:normal;color:#1EC86A}
.pb-hooks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.pb-hook-card{background:#fff;border-radius:12px;padding:1.75rem;border:1px solid #E2E4ED;box-shadow:0 2px 8px rgba(18,21,61,.04);text-align:center}
.pb-hook-icon{width:48px;height:48px;border-radius:50%;background:#F0EFFE;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.pb-hook-icon svg{width:22px;height:22px}
.pb-hook-question{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:700;color:#12153D;line-height:1.35;margin-bottom:.5rem}
.pb-hook-nudge{font-size:.88rem;color:#6C63FF;font-weight:600}

/* PREVIEW */
.pb-preview{padding:72px 2rem;background:#12153D}
.pb-preview-inner{max-width:1200px;margin:0 auto;text-align:center}
.pb-preview-heading{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:700;color:#fff;margin-bottom:.5rem}
.pb-preview-heading em{font-style:normal;color:#1EC86A}
.pb-preview-sub{font-size:1rem;color:rgba(255,255,255,.55);margin-bottom:2.5rem}
.pb-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}
.pb-preview-frame{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.25)}
.pb-preview-frame img{width:100%;height:auto;display:block}
.pb-preview-label{padding:.6rem .8rem;font-size:.8rem;color:#4A4E7A;font-weight:500;border-top:1px solid #E2E4ED;text-align:left}

/* WHAT YOU GET */
.pb-get{padding:72px 2rem;background:#fff}
.pb-get-inner{max-width:800px;margin:0 auto;text-align:center}
.pb-get-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;text-align:left}
.pb-get-item{display:flex;gap:.75rem;align-items:flex-start;background:#F5F6FA;border-radius:10px;padding:1.25rem 1.5rem;border:1px solid #E2E4ED}
.pb-get-check{width:24px;height:24px;min-width:24px;border-radius:50%;background:#1EC86A;display:flex;align-items:center;justify-content:center;margin-top:2px}
.pb-get-check svg{width:14px;height:14px}
.pb-get-text{font-size:.95rem;color:#12153D;font-weight:500;line-height:1.45}

/* AUTHOR */
.pb-author{padding:56px 2rem;background:#F5F6FA;border-top:1px solid #E2E4ED}
.pb-author-inner{max-width:800px;margin:0 auto;display:flex;gap:2rem;align-items:center}
.pb-author-photo{width:88px;height:88px;min-width:88px;border-radius:50%;object-fit:cover;border:3px solid #E2E4ED}
.pb-author-content h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:700;color:#12153D;margin-bottom:.15rem}
.pb-author-role{font-size:.85rem;color:#6C63FF;font-weight:600;margin-bottom:.5rem}
.pb-author-content p{font-size:.95rem;color:#4A4E7A;line-height:1.6}

/* FINAL CTA */
.pb-final-cta{padding:80px 2rem;background:linear-gradient(135deg,#0d0f2b 0%,#12153D 40%,#1a1e50 100%);text-align:center}
.pb-final-inner{max-width:600px;margin:0 auto}
.pb-final-cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;color:#fff;margin-bottom:.75rem}
.pb-final-cta h2 em{font-style:normal;color:#1EC86A}
.pb-final-cta .pb-tagline{font-size:1.1rem;color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:2rem}
.pb-final-note{font-size:.85rem;color:rgba(255,255,255,.5);margin-top:1rem;margin-bottom:1.5rem}
.pb-pills{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.pb-pill{font-size:.82rem;padding:8px 18px;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.65)}

/* BOOK CROSS-SELL */
.pb-book-xsell{padding:64px 2rem;background:#fff}
.pb-book-card{max-width:800px;margin:0 auto;background:#F5F6FA;border-radius:14px;padding:2.5rem;border:1px solid #E2E4ED;text-align:center}
.pb-book-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;font-weight:700;color:#12153D;margin-bottom:.5rem}
.pb-book-card p{font-size:.95rem;color:#4A4E7A;line-height:1.65;margin-bottom:1rem}
.pb-book-title{font-style:italic;color:#12153D;white-space:nowrap}
.pb-btn-outline{display:inline-flex;align-items:center;padding:12px 28px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem;font-weight:700;border-radius:8px;border:2px solid #12153D;cursor:pointer;text-decoration:none;background:transparent;color:#12153D;transition:all .2s}
.pb-btn-outline:hover{background:#12153D;color:#fff}

/* PREVIEW LIGHTBOX */
.pb-preview-frame{cursor:pointer;transition:transform .2s}
.pb-preview-frame:hover{transform:translateY(-4px)}
.pb-lightbox{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.88);align-items:center;justify-content:center;cursor:pointer}
.pb-lightbox.pb-lightbox--open{display:flex}
.pb-lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 16px 48px rgba(0,0,0,.4)}
.pb-lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;padding:4px 8px;opacity:.7}
.pb-lightbox-close:hover{opacity:1}
.pb-lightbox-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.45);font-size:.82rem}


/* RESPONSIVE */
@media(max-width:768px){
.pb-hero-inner{flex-direction:column;gap:2rem;padding:48px 1.5rem 40px}
.pb-hero-cover{width:200px;min-width:200px;margin:0 auto}
.pb-hero-text{text-align:center}
.pb-hero-sub{margin-left:auto;margin-right:auto}
.pb-hero-cta-row{justify-content:center}
.pb-stats-inner{grid-template-columns:1fr}
.pb-stat{border-right:none;border-bottom:1px solid #E2E4ED}
.pb-stat:last-child{border-bottom:none}
.pb-hooks-grid{grid-template-columns:1fr}
.pb-previews{grid-template-columns:repeat(3,1fr);gap:.75rem}
.pb-get-grid{grid-template-columns:1fr}
.pb-author-inner{flex-direction:column;text-align:center}
.pb-book-title{white-space:normal}
}