/* ── Shared styles for the SEO landing pages ──
   (/build-a-call-center, /call-center-setup-services, /qualified-solar-appointments,
    /exclusive-roofing-leads, /door-knocking-alternative)
   Same visual language as reviews.css / pay-per-appointment.css. */

#lp-hero{position:relative;padding:170px 24px 70px;overflow:hidden;}
.lp-orb{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.22),transparent 65%);top:-140px;right:-120px;pointer-events:none;}
.lp-orb.b{left:-160px;top:200px;right:auto;background:radial-gradient(circle,rgba(var(--accent-rgb),.13),transparent 65%);}
.lp-inner{max-width:940px;margin:0 auto;text-align:center;position:relative;}
.lp-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light);border:1px solid var(--border);border-radius:100px;padding:7px 18px;margin-bottom:22px;background:var(--bg-card);}
#lp-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),var(--accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.lp-sub{max-width:660px;margin:20px auto 0;}
.lp-trust-band{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:38px;}
.lp-trust{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);min-width:150px;}
.lp-trust strong{font-family:'Outfit',sans-serif;font-size:1.5rem;color:var(--text);}
.lp-trust span{font-size:.72rem;color:var(--text-secondary);text-align:center;max-width:150px;}
a.lp-trust:hover{border-color:var(--accent);}

/* numbered steps */
.lp-steps{list-style:none;margin:44px auto 0;padding:0;max-width:760px;display:flex;flex-direction:column;gap:14px;counter-reset:lpstep;text-align:left;}
.lp-steps li{counter-increment:lpstep;position:relative;padding:22px 24px 22px 74px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);}
.lp-steps li::before{content:counter(lpstep,decimal-leading-zero);position:absolute;left:22px;top:24px;font-family:'Outfit',sans-serif;font-weight:800;font-size:1.05rem;color:var(--accent-light);}
.lp-steps h3{font-family:'Outfit',sans-serif;font-size:1.02rem;color:var(--text);margin:0 0 6px;}
.lp-steps p{font-size:.91rem;color:var(--text-secondary);line-height:1.6;margin:0;}
.lp-steps .lp-step-reality{margin-top:8px;font-size:.85rem;color:var(--accent-light);}

/* two-model / compare grid */
.lp-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:44px;text-align:left;}
.lp-compare{padding:28px 26px;}
.lp-compare h3{font-family:'Outfit',sans-serif;font-size:1.25rem;color:var(--text);margin:0 0 4px;}
.lp-compare-tag{font-size:.82rem;color:var(--accent-light);font-weight:600;margin:0 0 16px;}
.lp-compare ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.lp-compare li{position:relative;padding-left:22px;font-size:.92rem;color:var(--text-secondary);line-height:1.55;}
.lp-compare li::before{content:'—';position:absolute;left:0;color:var(--accent-light);}
.lp-compare-hl{border-color:var(--accent);}

/* stat / math cards */
.lp-math-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:44px;text-align:left;}
.lp-math-card{padding:28px 26px;}
.lp-math-label{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);}
.lp-math-calc{font-family:'Outfit',sans-serif;font-size:1rem;color:var(--accent-light);margin-top:14px;}
.lp-math-total{font-family:'Outfit',sans-serif;font-weight:800;font-size:2.4rem;color:var(--text);margin:6px 0 12px;}
.lp-math-total span{font-size:1rem;font-weight:600;color:var(--text-secondary);}
.lp-math-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0;}
.lp-math-hl{border-color:var(--accent);}
.lp-note{max-width:640px;margin:34px auto 0;text-align:center;font-size:.95rem;color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius);padding:16px 22px;background:var(--bg-card);}

/* checklist */
.lp-checklist{list-style:none;margin:44px auto 0;padding:0;max-width:720px;display:flex;flex-direction:column;gap:12px;text-align:left;}
.lp-checklist li{position:relative;padding:18px 22px 18px 56px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:.95rem;color:var(--text-secondary);line-height:1.6;}
.lp-checklist li strong{color:var(--text);}
.lp-checklist li::before{content:'✓';position:absolute;left:22px;top:17px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;}

/* video facade — same behavior as /reviews */
.lp-video-wrap{max-width:640px;margin:44px auto 0;}
.lp-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .3s ease,border-color .3s ease;}
.lp-card:hover{transform:translateY(-4px);border-color:var(--accent);}
.lp-embed{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer;}
.lp-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,opacity .3s ease;}
.lp-card:hover .lp-poster{transform:scale(1.04);}
.lp-embed::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5) 100%);opacity:.85;transition:opacity .3s ease;}
.lp-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 22px rgba(0,0,0,.45);transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;}
.lp-play svg{width:26px;height:26px;margin-left:3px;}
.lp-card:hover .lp-play{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 8px 28px rgba(var(--accent-rgb),.55);}
.lp-dur{position:absolute;right:10px;bottom:10px;z-index:2;font-size:.72rem;font-weight:600;color:#fff;background:rgba(0,0,0,.65);border-radius:100px;padding:3px 9px;letter-spacing:.02em;transition:opacity .3s ease;}
.lp-embed:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px;}
.lp-embed iframe{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;}
.lp-embed.is-playing{cursor:default;}
.lp-embed.is-playing .lp-play,
.lp-embed.is-playing .lp-dur,
.lp-embed.is-playing::after{opacity:0;pointer-events:none;}
.lp-embed.is-playing .lp-poster{opacity:0;}
.lp-card-meta{padding:20px 22px 24px;display:flex;flex-direction:column;gap:4px;text-align:left;}
.lp-stat{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.9rem;color:var(--text);line-height:1.1;}
.lp-stat-sub{font-size:.85rem;color:var(--text-secondary);}
.lp-name{margin-top:10px;font-size:.85rem;font-weight:600;color:var(--text);}
.lp-more-reviews{text-align:center;margin-top:26px;}
.lp-more-reviews a{color:var(--accent-light);font-weight:600;font-size:.92rem;}

/* verify band (pages without a matching testimonial video) */
.lp-verify{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:44px auto 0;max-width:760px;}
.lp-verify a,.lp-verify div{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-align:left;}
.lp-verify a:hover{border-color:var(--accent);}
.lp-verify strong{font-family:'Outfit',sans-serif;font-size:1.3rem;color:var(--text);}
.lp-verify span{font-size:.8rem;color:var(--text-secondary);}

/* faq */
.lp-faq-list{display:flex;flex-direction:column;gap:14px;margin:44px auto 0;max-width:760px;text-align:left;}
.lp-faq-item{padding:0;overflow:hidden;}
.lp-faq-item summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:'Outfit',sans-serif;font-weight:600;font-size:1rem;color:var(--text);position:relative;padding-right:52px;}
.lp-faq-item summary::-webkit-details-marker{display:none;}
.lp-faq-item summary::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--accent-light);transition:transform .25s ease;}
.lp-faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg);}
.lp-faq-item p{padding:0 24px 22px;margin:0;font-size:.93rem;color:var(--text-secondary);line-height:1.65;max-width:66ch;}

@media(max-width:640px){
  #lp-hero{padding-top:130px;}
  .lp-trust{min-width:44%;}
  .lp-math-total{font-size:2rem;}
  .lp-steps li{padding-left:60px;}
  .lp-steps li::before{left:18px;}
}
@media(prefers-reduced-motion:reduce){
  .lp-card,.lp-poster,.lp-play,.lp-faq-item summary::after{transition:none;}
  .lp-card:hover{transform:none;}
  .lp-card:hover .lp-poster{transform:none;}
  .lp-card:hover .lp-play{transform:translate(-50%,-50%);}
}