/* Lead-magnet (free guide) template · zubershaik.com/free/ */
.lm-top{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:40}.lm-topin{display:flex;justify-content:space-between;align-items:center;height:58px;gap:12px}.lm-topin .theme-btn{margin:0}
.lm-bar{background:#14161c;color:#fff;text-align:center;padding:10px 16px;font-size:15px}html[data-theme=dark] .lm-bar{background:#2a2410;color:#f3dd8a}
.pre{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#c2410c;background:#ffedd5;padding:5px 12px;border-radius:999px}html[data-theme=dark] .pre{background:#3a1d0a;color:#fdba74}
.hl{background:linear-gradient(transparent 58%,#f5b700 58%)}html[data-theme=dark] .hl{background:linear-gradient(transparent 58%,#8a6800 58%)}
.lm-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;padding:34px 24px 40px;align-items:start}.lm-hero>*{min-width:0}
.lm-hero h1{font-size:clamp(28px,3.8vw,46px);line-height:1.1;margin:10px 0 12px}
.ticks{list-style:none;padding:0;margin:14px 0}.ticks li{padding:6px 0 6px 30px;position:relative}.ticks li::before{content:"✓";position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;background:#18a957;color:#fff;font-size:13px;display:grid;place-items:center;font-weight:800}
.lm-cover{width:220px;margin:18px 0;border-radius:6px 12px 12px 6px;box-shadow:12px 16px 30px -12px #000a;transform:rotate(-2deg)}
.lm-form{position:sticky;top:76px;background:var(--card);border:2px solid #f5b700;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 50px -30px #14161c88}
.lm-form label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:14px}.lm-form label small{font-weight:400;color:var(--muted)}
.lm-form label.ck{flex-direction:row;gap:8px;font-weight:400;align-items:flex-start}.lm-form label.ck input{width:auto;margin-top:3px}
.lm-badge{align-self:center;background:#18a957;color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;padding:5px 12px;border-radius:999px;margin-top:-34px}
.lm-go{font-size:18px;padding:16px;width:100%;animation:lmpulse 2.2s infinite}@keyframes lmpulse{0%,100%{box-shadow:0 0 0 0 #f5b70088}50%{box-shadow:0 0 0 10px #f5b70000}}
@media (prefers-reduced-motion:reduce){.lm-go{animation:none}}
.lm-go[disabled]{opacity:.7;cursor:wait;animation:none}
.lm-fine{font-size:12px;color:var(--muted);text-align:center;margin:0}.lm-err{background:#ffecec;color:#a11;border-radius:10px;padding:8px 12px;margin:0;font-size:14px}html[data-theme=dark] .lm-err{background:#3a1414;color:#ffb4b4}
.ph-row{display:flex;gap:6px}.ph-cc{width:auto!important;flex:none;padding:12px 6px!important}.ph-num{flex:1;min-width:0}.ph-msg{font-weight:400;font-size:12px}.ph-msg.bad{color:#c33}.ph-msg.ok{color:#18a957}
.hp{position:absolute;left:-9999px}
.lm-sec{padding:30px 24px}.lm-proof2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lm-proof2 figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.lm-proof2 img{width:100%;height:auto;display:block}.lm-proof2 figcaption{padding:12px 16px;font-size:15px;color:var(--muted)}
.lm-in{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lm-in div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.lm-in span{font-weight:800;color:#f5b700;font-size:22px}.lm-in b{display:block;margin:4px 0}.lm-in p{margin:0;color:var(--muted);font-size:15px}
.lm-offer-in{background:linear-gradient(135deg,#1d2030,#3b3fd8);color:#fff;border-radius:22px;padding:30px}.lm-offer-in h2{color:#fff;margin:10px 0 16px}
.lm-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.lm-opts div{background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;padding:16px}.lm-opts p{margin:6px 0 0;color:#d7d9e6;font-size:15px}
.btn-ghost-light{border:1.5px solid #ffffff66;color:#fff;background:transparent}
.lm-about{display:flex;gap:18px;align-items:center}.lm-about img{border-radius:50%;width:84px;height:84px;object-fit:cover;border:3px solid #f5b700}.lm-about p{margin:4px 0 0;color:var(--muted)}
.lm-faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:10px}.lm-faq summary{font-weight:700;cursor:pointer}
.lm-final{max-width:560px}.lm-final .lm-form{position:static}
.lm-sticky{display:none}.lm-foot{border-top:1px solid var(--line);padding:18px 0 90px;font-size:13px;color:var(--muted)}.lm-foot a{color:inherit}
@media(max-width:860px){.lm-hero{grid-template-columns:1fr;padding-top:20px}.lm-form{position:static}.lm-cover{width:150px;margin:8px auto 0;display:block}.lm-in,.lm-opts,.lm-proof2{grid-template-columns:1fr}
.lm-sticky{display:block;position:fixed;left:0;right:0;bottom:0;padding:10px 14px;background:var(--paper);border-top:1px solid var(--line);z-index:90}.lm-sticky .btn{width:100%}}
.ty{max-width:760px;padding:40px 24px 70px}.ok-ic{width:64px;height:64px;border-radius:50%;background:#1f9d55;color:#fff;font-size:34px;display:grid;place-items:center;margin-bottom:12px}
.ty-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.ty-c{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ty-c p{margin:0;color:var(--muted)}.ty-c.hot{border:2px solid #f5b700}
@media(max-width:700px){.ty-grid{grid-template-columns:1fr}}
/* hub */
.hub-hero{background:radial-gradient(1200px 400px at 50% -10%,#fff3c4,transparent);padding:30px 0 18px;text-align:center}html[data-theme=dark] .hub-hero{background:radial-gradient(1200px 400px at 50% -10%,#3a2f05,transparent)}
.hub-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.08;max-width:22ch;margin:12px auto}.hub-hero .lead{max-width:60ch;margin:0 auto 18px}
.hub-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 14px}.hub-filters button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 16px;font:600 14px system-ui;cursor:pointer}.hub-filters button.on{background:var(--ink);color:var(--paper)}
.hub-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:14px;color:var(--muted)}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;padding:24px 24px 40px}
.hub-card{display:flex;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;align-items:flex-start}
.hub-card img{width:120px;height:auto;flex:none;border-radius:4px 8px 8px 4px;box-shadow:8px 10px 20px -10px #000a}
.hub-body{display:flex;flex-direction:column;gap:8px}.hub-body h3{margin:0;font-size:19px;line-height:1.25}.hub-body p{margin:0;color:var(--muted);font-size:15px}
.hub-goal{font-size:12px;font-weight:800;color:var(--indigo);text-transform:uppercase;letter-spacing:.06em}.hub-meta{display:flex;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}.hub-card .btn{align-self:flex-start;margin-top:4px}
@media(max-width:560px){.hub-card{flex-direction:column;align-items:center;text-align:center}.hub-card .btn{align-self:stretch}.hub-meta{justify-content:center}}
.hub-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 26px;margin-bottom:56px}.hub-cta h2{margin:0}.hub-cta p{margin:4px 0 0;color:var(--muted)}