/* Manual landing page. Loaded only on pages that use the Manual landing page template. */

/* Top banner: copy on the left, the book on the right */
.lst-manual-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:40px;text-align:left;padding:56px 52px}
.lst-manual-hero h1{text-align:left;font-size:clamp(30px,4.2vw,50px)}
.lst-manual-hero .lst-manual-copy>p{margin:14px 0 0;max-width:560px;text-align:left;font-size:18px}
.lst-manual-hero .lst-tag{margin-bottom:14px}
.lst-manual-cover{display:grid;place-items:center}
.lst-manual-cover img{width:100%;max-width:300px;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(3deg)}
.lst-book{position:relative;overflow:hidden;width:250px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:26px 22px;border-radius:12px 18px 18px 12px;background:var(--lst-ink);color:#fff;box-shadow:0 30px 60px rgba(0,0,0,.35),inset 10px 0 0 rgba(255,255,255,.08);transform:rotate(3deg)}
.lst-book::before{content:"";position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%;background:var(--lst-primary);opacity:.9}
.lst-book>*{position:relative}
.lst-book-bar{align-self:flex-start;background:var(--lst-primary);color:var(--lst-on-primary);font-weight:800;font-size:10.5px;letter-spacing:.14em;padding:6px 10px;border-radius:4px}
.lst-book strong{font-size:24px;line-height:1.15;color:#fff}
.lst-book em{font-style:normal;font-weight:700;color:var(--lst-primary)}
.lst-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}
.lst-trust li{background:rgba(0,0,0,.14);color:var(--lst-on-primary);font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:999px}

/* Buy box: Download now becomes Pay now */
.lst-buy{margin-top:26px}
.lst-buy-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.lst-buy-pay{display:none}
.lst-buy.is-added [data-lst-add]{display:none}
.lst-buy.is-added .lst-buy-pay{display:inline-flex}
.lst-buy [data-lst-add]:disabled{opacity:.7;cursor:progress}
.lst-buy-price{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--lst-heading)}
.lst-buy-price del{opacity:.55;font-size:.65em;margin-right:6px}
.lst-buy-price ins{text-decoration:none}
.lst-buy-dark .lst-buy-price{color:var(--lst-on-primary)}
.lst-hero-card .lst-buy p,.lst-buy p{margin:10px 0 0;max-width:none;font-size:15px;opacity:1;text-align:inherit}
.lst-buy-msg{min-height:1.5em;font-weight:700;color:var(--lst-heading)}
.lst-buy-sub{font-size:14px;color:var(--lst-muted)}
.lst-buy-dark .lst-buy-msg,.lst-hero-card .lst-buy .lst-buy-msg{color:var(--lst-on-primary)}
.lst-buy-dark .lst-buy-sub,.lst-hero-card .lst-buy .lst-buy-sub{color:var(--lst-on-primary);opacity:.8}
.lst-buy-msg.is-error,.lst-hero-card .lst-buy .lst-buy-msg.is-error{color:#9b1c10}
.lst-buy-msg a{color:inherit;text-decoration:underline}
.lst-buy-admin{background:#fff4d6;color:#5a4300;padding:8px 12px;border-radius:10px;font-size:13px!important}
.lst-cta-card .lst-buy{display:flex;flex-direction:column;align-items:center;margin-top:8px}
.lst-cta-card .lst-buy-row{justify-content:center}

/* Sections */
.lst-manual-h{font-size:clamp(26px,3.4vw,38px);margin:0 0 10px}
.lst-manual-lead{color:var(--lst-muted);font-size:18px;margin:0 0 32px}
.lst-manual-alt{background:var(--lst-surface-2)}
.lst-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lst-part{background:var(--lst-surface);border:1px solid var(--lst-border);border-radius:22px;padding:28px}
.lst-part-n{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lst-primary-text)}
.lst-part h3{font-size:22px;margin:8px 0 6px}
.lst-part p{color:var(--lst-muted);margin:0 0 16px}
.lst-part ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.lst-part li{position:relative;padding-left:22px;font-size:15px;line-height:1.45}
.lst-part li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--lst-primary)}
.lst-outcomes{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}
.lst-outcomes li{display:flex;gap:12px;align-items:flex-start;font-size:17px;font-weight:600;color:var(--lst-heading)}
.lst-tick{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lst-primary);color:var(--lst-on-primary)}
.lst-manual-cta{margin-top:18px}
.lst-practice{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--lst-primary-soft);border-radius:26px;padding:34px 38px}
.lst-practice p{margin:0;max-width:620px}
.lst-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}
.lst-who-card{background:var(--lst-surface);border:1px solid var(--lst-border);border-radius:20px;padding:24px}
.lst-who-card h3{font-size:18px;margin:0 0 6px}
.lst-who-card p{margin:0;color:var(--lst-muted);font-size:15px}
.lst-steps{list-style:none;counter-reset:lstep;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lst-steps li{counter-increment:lstep;background:var(--lst-surface);border:1px solid var(--lst-border);border-radius:20px;padding:26px 24px}
.lst-steps li::before{content:counter(lstep);display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:var(--lst-primary);color:var(--lst-on-primary);font-weight:800}
.lst-steps strong{display:block;font-size:18px;color:var(--lst-heading);margin-bottom:6px}
.lst-steps span{color:var(--lst-muted)}
.lst-faq details{border:1px solid var(--lst-border);border-radius:16px;background:var(--lst-surface);padding:0 22px;margin-bottom:12px}
.lst-faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;position:relative;font-weight:700;color:var(--lst-heading)}
.lst-faq summary::-webkit-details-marker{display:none}
.lst-faq summary::after{content:"+";position:absolute;right:0;top:50%;margin-top:-13px;font-size:26px;line-height:26px;color:var(--lst-primary-text);transition:transform .2s}
.lst-faq details[open] summary::after{transform:rotate(45deg)}
.lst-faq p{margin:0 0 18px;color:var(--lst-muted)}

@media(max-width:900px){
	.lst-manual-hero{grid-template-columns:1fr;gap:28px;padding:40px 24px;text-align:center}
	.lst-manual-hero h1,.lst-manual-hero .lst-manual-copy>p{text-align:center;margin-left:auto;margin-right:auto}
	.lst-manual-hero .lst-buy{display:flex;flex-direction:column;align-items:center}
	.lst-manual-hero .lst-buy-row,.lst-trust{justify-content:center}
	.lst-manual-cover{order:-1}
	.lst-book{width:200px}
	.lst-manual-cover img{max-width:220px}
	.lst-parts,.lst-steps{grid-template-columns:1fr}
	.lst-who{grid-template-columns:repeat(2,minmax(0,1fr))}
	.lst-outcomes{grid-template-columns:1fr}
	.lst-practice{flex-direction:column;align-items:flex-start;padding:28px 24px}
}
@media(max-width:520px){.lst-who{grid-template-columns:1fr}}

/* Phones: keep the buy button on the first screen */
@media(max-width:600px){
	.lst-manual-hero{padding:32px 20px 30px}
	.lst-book{display:none}
	.lst-manual-cover{order:0;margin-top:6px}
	.lst-manual-cover:not(:has(img)){display:none}
	.lst-manual-cover img{max-width:150px;transform:none}
	.lst-manual-hero .lst-manual-copy>p{font-size:16px}
}