/* ════════════════════════════════════════════════════════════════════
   Learning Path landing page — field-guide editorial   (#lp-root)
   ════════════════════════════════════════════════════════════════════ */
#lp-root {
	--g-deep:#154d37; --g:#1d6b4f; --g-soft:#2f8a67; --mint:#9fe0c0;
	--clay:#bd6a36; --clay-dk:#9a5125;
	--ink:#1a1c16; --ink-2:#33372c; --muted:#6a6f60; --faint:#9a9e8d;
	--bone:#f6f2e9; --paper:#fffdf8; --cream:#f3eee2;
	--line:#e6e0d2; --line-2:#efeadd;
	--ease:cubic-bezier(.22,.61,.36,1);
	font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
	color:var(--ink);
	background:var(--bone);
	-webkit-font-smoothing:antialiased;
}
#lp-root *{box-sizing:border-box;}
.lp-wrap{max-width:1140px;margin:0 auto;padding:0 24px;}

/* ── Hero ── */
.lp-hero{
	position:relative;
	background:linear-gradient(135deg,#0d1c14 0%,#15301f 60%,#143727 100%);
	color:#fff;
	padding:54px 0 64px;
	overflow:hidden;
}
.lp-hero::before{
	content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;
	background:radial-gradient(circle,rgba(47,138,103,.22) 0%,transparent 65%);pointer-events:none;
}
.lp-back{
	display:inline-block;color:rgba(255,255,255,.7);text-decoration:none;
	font-size:.86rem;font-weight:600;margin-bottom:22px;transition:color .2s var(--ease);
}
.lp-back:hover{color:var(--mint);}
.lp-kicker{
	display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.16em;
	text-transform:uppercase;color:var(--mint);margin-bottom:14px;
}
.lp-title{
	font-family:"Newsreader",Georgia,serif;font-weight:600;
	font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.01em;
	margin:0 0 14px;color:#fff;
}
.lp-blurb{font-size:1.12rem;line-height:1.6;color:rgba(255,255,255,.78);max-width:620px;margin:0 0 30px;}

.lp-stats{display:flex;flex-wrap:wrap;gap:14px;}
.lp-stat{
	background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
	border-radius:14px;padding:14px 20px;min-width:120px;backdrop-filter:blur(4px);
}
.lp-stat-n{display:block;font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.7rem;color:#fff;line-height:1;}
.lp-stat-sub{font-size:.8rem;color:var(--mint);font-family:"Hanken Grotesk",sans-serif;}
.lp-stat-l{display:block;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:7px;font-weight:600;}

/* ── Body layout ── */
.lp-body{padding:46px 24px 80px;}
.lp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;}

/* shared eyebrow */
.lp-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--g-deep);}
.lp-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 3px rgba(189,106,54,.16);}

/* outcome card */
.lp-outcome{
	background:linear-gradient(180deg,#eef4ef,#f3eee2);
	border:1px solid #d6e6dc;border-radius:18px;padding:24px 26px;margin:0 0 34px;
}
.lp-outcome-t{margin:0;font-size:1.12rem;line-height:1.6;color:var(--ink-2);font-weight:500;}
.lp-outcome-t strong{color:var(--g-deep);}

.lp-seq-h{margin-top:4px;}

/* ── Steps ── */
.lp-steps{list-style:none;margin:0;padding:0;counter-reset:none;}
.lp-step{
	display:grid;
	grid-template-columns:38px 120px minmax(0,1fr) auto;
	gap:18px;align-items:center;
	background:var(--paper);border:1px solid var(--line);border-radius:16px;
	padding:16px 18px;margin:0 0 14px;
	transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);
	position:relative;
}
.lp-step:hover{border-color:var(--g-soft);box-shadow:0 16px 38px -22px rgba(21,77,55,.4);transform:translateY(-2px);}
.lp-step-n{
	width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	background:var(--g-deep);color:#fff;font-weight:800;font-size:.95rem;
	font-family:"Newsreader",serif;
}
.lp-step-thumb{display:block;border-radius:11px;overflow:hidden;aspect-ratio:16/10;background:var(--cream);border:1px solid var(--line);}
.lp-step-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease);}
.lp-step:hover .lp-step-thumb img{transform:scale(1.06);}
.lp-step-title{
	display:block;font-family:"Newsreader",Georgia,serif;font-weight:600;
	font-size:1.16rem;line-height:1.25;color:var(--ink);text-decoration:none;margin:0 0 5px;
	transition:color .2s var(--ease);
}
.lp-step-title:hover{color:var(--g);}
.lp-step-meta{margin:0;font-size:.82rem;color:var(--muted);font-weight:600;}
.lp-step-buy{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:118px;}
.lp-step-price{font-family:"Newsreader",serif;font-weight:600;font-size:1.2rem;color:var(--g-deep);}
.lp-step-price .woocommerce-Price-amount{font-family:inherit;}
.lp-step-price.lp-free{color:var(--clay);}
.lp-step-cart{
	display:inline-flex;align-items:center;justify-content:center;
	height:40px;padding:0 18px;border-radius:10px;white-space:nowrap;
	background:var(--g-deep);color:#fff;font-weight:700;font-size:.86rem;text-decoration:none;
	border:1.5px solid var(--g-deep);transition:all .2s var(--ease);
}
.lp-step-cart:hover{background:var(--g);border-color:var(--g);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(21,77,55,.55);}
.lp-step-cart-ghost{background:var(--paper);color:var(--g-deep);}
.lp-step-cart-ghost:hover{background:#fff;border-color:var(--g);color:var(--g);box-shadow:none;}

/* ── Sticky buy card ── */
.lp-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px;}
.lp-buy-card{
	background:var(--paper);border:1px solid var(--line);border-radius:20px;
	padding:24px 22px;box-shadow:0 22px 60px -28px rgba(21,77,55,.34);
}
.lp-buy-badge{
	display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
	color:#fff;background:var(--clay);padding:5px 11px;border-radius:100px;margin-bottom:14px;
}
.lp-buy-k{margin:0 0 8px;font-size:.95rem;font-weight:700;color:var(--muted);}
.lp-buy-price{display:flex;align-items:baseline;gap:11px;margin:0 0 6px;}
.lp-buy-now{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:2.5rem;color:var(--g-deep);line-height:1;}
.lp-buy-now .woocommerce-Price-amount{font-family:inherit;}
.lp-buy-was{font-size:1.1rem;color:var(--faint);text-decoration:line-through;}
.lp-buy-save{margin:0 0 18px;font-size:.9rem;color:var(--ink-2);}
.lp-buy-save strong{color:var(--clay-dk);}
.lp-buy-btn{
	display:flex;align-items:center;justify-content:center;width:100%;height:52px;
	background:var(--g-deep);color:#fff;border-radius:12px;font-weight:800;font-size:1rem;
	text-decoration:none;transition:all .2s var(--ease);border:1.5px solid var(--g-deep);
}
.lp-buy-btn:hover{background:var(--g);border-color:var(--g);color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px -14px rgba(21,77,55,.6);}
.lp-buy-note{margin:12px 0 0;font-size:.8rem;line-height:1.5;color:var(--muted);}
.lp-buy-feats{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:9px;}
.lp-buy-feats div{font-size:.88rem;color:var(--ink-2);display:flex;align-items:center;gap:9px;}
.lp-tick{color:var(--g);font-weight:800;}

.lp-side-alt{
	background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-align:center;
}
.lp-side-alt p{margin:0 0 6px;font-size:.92rem;color:var(--muted);font-weight:600;}
.lp-side-alt a{color:var(--g-deep);font-weight:700;text-decoration:none;font-size:.95rem;}
.lp-side-alt a:hover{color:var(--g);text-decoration:underline;}

/* ── Responsive ── */
@media (max-width:960px){
	.lp-grid{grid-template-columns:1fr;gap:30px;}
	.lp-side{position:static;}
	.lp-buy-card{max-width:none;}
}
@media (max-width:640px){
	.lp-hero{padding:40px 0 48px;}
	.lp-step{grid-template-columns:32px 1fr;grid-template-areas:"n title" "thumb thumb" "buy buy";gap:12px 14px;}
	.lp-step-n{grid-area:n;}
	.lp-step-thumb{grid-area:thumb;aspect-ratio:16/8;}
	.lp-step-body{grid-area:title;}
	.lp-step-buy{grid-area:buy;flex-direction:row;align-items:center;justify-content:space-between;width:100%;}
}