/* ==========================================================================
   LeadHuntio — Reviews / Certifications / About sections
   Scoped under .lhs-* so nothing leaks into the existing homepage styles.
   ========================================================================== */
.lhs{
  font-family:"Outfit","Outfit Fallback",sans-serif;
  color:#111318;position:relative;
}
.lhs-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.5rem)}
.lhs-head{text-align:center;max-width:60ch;margin:0 auto 3rem}
.lhs-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.1rem;
  font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:#ff5a43;background:rgba(255,90,67,.09);
  border:1px solid rgba(255,90,67,.22);border-radius:9999px;padding:.42rem 1rem;
}
.lhs-eyebrow .d{width:7px;height:7px;border-radius:50%;background:#ff5a43;
  box-shadow:0 0 0 4px rgba(255,90,67,.18)}
.lhs-head h2{
  font-family:"Sora",sans-serif;font-weight:800;
  font-size:clamp(1.7rem,3.3vw,2.6rem);line-height:1.22;letter-spacing:.005em;
  color:#0d212c;margin:0 0 .8rem;
}
.lhs-head h2 .hl{color:#ff5a43}
.lhs-head p{color:rgba(17,19,24,.62);font-size:1.02rem;line-height:1.65;margin:0}

/* ===================== REVIEWS (carousel) ===================== */
.lhs-reviews{background:#fff;padding:clamp(64px,7vw,96px) 0}
.lhs-rev-viewport{position:relative}
.lhs-rev-track{
  display:flex;gap:1.4rem;overflow-x:auto;scroll-behavior:smooth;
  scroll-snap-type:x mandatory;padding:.5rem .25rem 1.6rem;
  scrollbar-width:none;-ms-overflow-style:none;
}
.lhs-rev-track::-webkit-scrollbar{display:none}
.lhs-rev-card{
  flex:0 0 clamp(280px,30vw,372px);scroll-snap-align:start;
  display:flex;flex-direction:column;
  background:#fff;border:1px solid rgba(17,19,24,.1);border-radius:20px;
  padding:1.7rem 1.6rem;transition:transform .28s,box-shadow .28s,border-color .28s;
}
.lhs-rev-card:hover{transform:translateY(-5px);
  box-shadow:0 28px 56px -28px rgba(13,33,44,.34);border-color:rgba(13,33,44,.18)}
.lhs-rev-stars{color:#ff5a43;font-size:.9rem;letter-spacing:.12em;margin-bottom:.9rem}
.lhs-rev-quote{
  font-size:.98rem;line-height:1.68;color:#111318;margin:0 0 1.5rem;flex:1;
}
.lhs-rev-quote b{color:#0d212c}
.lhs-rev-who{display:flex;align-items:center;gap:.8rem;
  border-top:1px solid rgba(17,19,24,.08);padding-top:1.1rem}
.lhs-rev-av{
  width:44px;height:44px;border-radius:50%;flex:none;object-fit:cover;
  background:linear-gradient(135deg,#0d212c,#ff5a43);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:"Sora",sans-serif;font-weight:800;font-size:.9rem;
}
.lhs-rev-id{flex:1;min-width:0}
.lhs-rev-id b{display:block;font-size:.92rem;color:#0d212c;font-weight:700}
.lhs-rev-id span{display:block;font-size:.79rem;color:rgba(17,19,24,.55);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lhs-rev-li{
  width:32px;height:32px;border-radius:9px;flex:none;text-decoration:none;
  background:rgba(17,19,24,.05);border:1px solid rgba(17,19,24,.1);
  display:flex;align-items:center;justify-content:center;transition:.2s;
}
.lhs-rev-li svg{width:15px;height:15px;fill:rgba(17,19,24,.55);transition:.2s}
.lhs-rev-li:hover{background:#0a66c2;border-color:#0a66c2}
.lhs-rev-li:hover svg{fill:#fff}

.lhs-rev-nav{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.5rem}
.lhs-rev-btn{
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(17,19,24,.14);background:#fff;color:#0d212c;
  display:flex;align-items:center;justify-content:center;transition:.2s;
}
.lhs-rev-btn:hover:not(:disabled){background:#0d212c;color:#fff;border-color:#0d212c}
.lhs-rev-btn:disabled{opacity:.32;cursor:default}
.lhs-rev-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2}

/* ===================== CERTIFICATIONS ===================== */
.lhs-certs{background:#f7f7f5;padding:clamp(64px,7vw,96px) 0;
  border-top:1px solid rgba(17,19,24,.07);border-bottom:1px solid rgba(17,19,24,.07)}
.lhs-cert-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1.2rem;
}
.lhs-cert{
  background:#fff;border:1px solid rgba(17,19,24,.1);border-radius:18px;
  padding:1.5rem 1.4rem;transition:transform .25s,box-shadow .25s;
}
.lhs-cert:hover{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(13,33,44,.3)}
.lhs-cert-ic{
  width:46px;height:46px;border-radius:13px;margin-bottom:1rem;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,90,67,.1);border:1px solid rgba(255,90,67,.22);
}
.lhs-cert-ic svg{width:22px;height:22px;fill:none;stroke:#ff5a43;stroke-width:2}
.lhs-cert-ic img{width:24px;height:24px;object-fit:contain}
.lhs-cert h3{font-size:1rem;font-weight:700;color:#0d212c;margin:0 0 .4rem}
.lhs-cert p{font-size:.87rem;line-height:1.6;color:rgba(17,19,24,.6);margin:0}
.lhs-cert-badge{
  display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;
  font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#0f8b62;background:rgba(15,139,98,.1);border-radius:9999px;padding:.28rem .7rem;
}
.lhs-cert-logos{
  margin-top:2.6rem;padding-top:2.2rem;border-top:1px solid rgba(17,19,24,.09);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.4rem;
}
.lhs-cert-logos p{width:100%;text-align:center;margin:0 0 1.6rem;
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(17,19,24,.45);font-weight:700}
.lhs-cert-logos img{height:26px;width:auto;opacity:.5;filter:grayscale(1);transition:.25s}
.lhs-cert-logos img:hover{opacity:1;filter:none}

/* ===================== ABOUT ===================== */
.lhs-about{background:#fff;padding:clamp(64px,7vw,100px) 0;overflow:hidden}
.lhs-about-grid{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;
  gap:clamp(2rem,5vw,4.5rem);align-items:center}
.lhs-about-media{position:relative}
.lhs-about-photo{
  width:100%;max-width:380px;aspect-ratio:1;object-fit:cover;
  border-radius:26px;background:#f2f2f0;
  box-shadow:0 34px 70px -30px rgba(13,33,44,.45);
}
.lhs-about-chip{
  position:absolute;right:-6px;bottom:22px;
  background:#fff;border:1px solid rgba(17,19,24,.1);border-radius:16px;
  padding:.8rem 1.1rem;box-shadow:0 18px 40px -18px rgba(13,33,44,.4);
}
.lhs-about-chip b{display:block;font-family:"Sora",sans-serif;font-weight:800;
  font-size:1.25rem;color:#0d212c;line-height:1}
.lhs-about-chip span{display:block;margin-top:.25rem;font-size:.74rem;
  color:rgba(17,19,24,.55)}
.lhs-about h2{
  font-family:"Sora",sans-serif;font-weight:800;
  font-size:clamp(1.6rem,3.1vw,2.4rem);line-height:1.24;letter-spacing:.005em;
  color:#0d212c;margin:0 0 1.1rem;
}
.lhs-about h2 .hl{color:#ff5a43}
.lhs-about p{color:rgba(17,19,24,.65);font-size:1rem;line-height:1.78;margin:0 0 1.1rem}
.lhs-about-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
  margin:1.8rem 0;padding:1.4rem 0;
  border-top:1px solid rgba(17,19,24,.09);border-bottom:1px solid rgba(17,19,24,.09);
}
.lhs-about-stats b{display:block;font-family:"Sora",sans-serif;font-weight:800;
  font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1;color:#0d212c}
.lhs-about-stats b em{color:#ff5a43;font-style:normal}
.lhs-about-stats span{display:block;margin-top:.4rem;font-size:.79rem;color:rgba(17,19,24,.55)}
.lhs-about-links{display:flex;flex-wrap:wrap;gap:.7rem}
.lhs-about-link{
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  background:#fff;border:1px solid rgba(17,19,24,.13);border-radius:9999px;
  padding:.6rem 1.15rem;font-size:.87rem;font-weight:600;color:#0d212c;transition:.2s;
}
.lhs-about-link:hover{border-color:#ff5a43;color:#ff5a43;transform:translateY(-2px)}
.lhs-about-link svg{width:15px;height:15px;fill:currentColor}

@media(max-width:860px){
  .lhs-about-grid{grid-template-columns:1fr;gap:2.4rem}
  .lhs-about-media{max-width:340px;margin:0 auto}
  .lhs-about-chip{right:0}
}
@media(max-width:560px){
  .lhs-about-stats{grid-template-columns:1fr;gap:1.2rem;text-align:left}
  .lhs-rev-card{flex-basis:84vw}
}

/* ==========================================================================
   Intro block above the four capability sections (dark band)
   ========================================================================== */
.lhs-intro{
  background:#0a0c10;color:#fff;position:relative;overflow:hidden;
  padding:clamp(72px,9vw,132px) 0 clamp(48px,6vw,80px);
}
.lhs-intro::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(58% 55% at 50% -8%,rgba(255,90,67,.20),transparent 66%),
             radial-gradient(40% 42% at 88% 30%,rgba(36,99,235,.12),transparent 68%);
}
.lhs-intro-inner{position:relative;max-width:1000px;margin:0 auto;
  padding:0 clamp(1.2rem,4vw,2.5rem);text-align:center}
.lhs-intro .lhs-eyebrow{
  color:#ffb3a4;background:rgba(255,90,67,.14);border-color:rgba(255,90,67,.3);
}
.lhs-intro h2{
  font-family:"Sora",sans-serif;font-weight:800;
  font-size:clamp(1.75rem,4vw,3.05rem);line-height:1.2;letter-spacing:.005em;
  color:#fff;margin:0 auto 1.6rem;max-width:19ch;
}
.lhs-intro h2 .hl{color:#ff5a43}
.lhs-intro-claim{
  display:inline-flex;align-items:center;gap:.85rem;flex-wrap:wrap;justify-content:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);
  border-radius:9999px;padding:.7rem 1.5rem;margin:0 0 1.7rem;
}
.lhs-intro-claim .no{
  font-family:"Sora",sans-serif;font-weight:800;font-size:.95rem;
  color:rgba(255,255,255,.45);text-decoration:line-through;text-decoration-color:#ff5a43;
  text-decoration-thickness:2px;
}
.lhs-intro-claim .arrow{color:rgba(255,255,255,.3);font-size:.9rem}
.lhs-intro-claim .yes{font-family:"Sora",sans-serif;font-weight:800;font-size:.95rem;color:#fff}
.lhs-intro-claim .yes em{color:#ff5a43;font-style:normal}
.lhs-intro-lead{
  color:rgba(255,255,255,.66);font-size:clamp(.98rem,1.35vw,1.12rem);
  line-height:1.75;max-width:60ch;margin:0 auto;
}
.lhs-intro-rail{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;
  margin-top:2.6rem;padding-top:2.2rem;border-top:1px solid rgba(255,255,255,.1);
}
.lhs-intro-rail span{
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:9999px;padding:.5rem 1.05rem;
  font-size:.83rem;font-weight:600;color:rgba(255,255,255,.82);
}
.lhs-intro-rail b{font-family:"Sora",sans-serif;font-weight:800;color:#ff5a43;font-size:.78rem}
@media(max-width:560px){
  .lhs-intro-claim{flex-direction:column;gap:.45rem;border-radius:20px}
  .lhs-intro-claim .arrow{transform:rotate(90deg)}
}

/* ==========================================================================
   Capability pillars (Onboarding → Campaign management)
   ========================================================================== */
.lhp{background:#0a0c10;color:#fff;position:relative;overflow:hidden;
  padding:clamp(54px,6.5vw,88px) 0}
.lhp+.lhp{padding-top:0}
.lhp-inner{position:relative;max-width:1180px;margin:0 auto;
  padding:0 clamp(1.2rem,4vw,2.5rem);
  display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4.5rem);
  align-items:center}
.lhp:nth-of-type(even) .lhp-media{order:-1}
.lhp-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.1rem;
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#ffb3a4;background:rgba(255,90,67,.13);
  border:1px solid rgba(255,90,67,.28);border-radius:9999px;padding:.4rem .95rem}
.lhp-eyebrow .d{width:6px;height:6px;border-radius:50%;background:#ff5a43}
.lhp h2{font-family:"Sora",sans-serif;font-weight:800;
  font-size:clamp(1.45rem,2.7vw,2.15rem);line-height:1.26;letter-spacing:.005em;
  color:#fff;margin:0 0 1rem;max-width:20ch}
.lhp h2 .hl{color:#ff5a43}
.lhp p{color:rgba(255,255,255,.64);font-size:1rem;line-height:1.75;margin:0 0 1.6rem;max-width:56ch}
.lhp-list{list-style:none;margin:0 0 1.9rem;padding:0}
.lhp-list li{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.75rem;
  color:rgba(255,255,255,.86);font-size:.95rem;line-height:1.5}
.lhp-list .tick{width:20px;height:20px;border-radius:50%;flex:none;margin-top:.1rem;
  background:rgba(255,90,67,.16);border:1px solid rgba(255,90,67,.36);
  display:flex;align-items:center;justify-content:center}
.lhp-list .tick svg{width:11px;height:11px;fill:none;stroke:#ff5a43;stroke-width:3}
.lhp-cta{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:0;
  font-family:inherit;font-weight:700;font-size:.92rem;color:#fff;background:#ff5a43;
  padding:.85rem 1.7rem;border-radius:9999px;text-decoration:none;
  box-shadow:0 18px 38px -18px rgba(255,90,67,.9);transition:.2s}
.lhp-cta:hover{background:#ff4326;transform:translateY(-2px)}

/* --- visual panel --- */
.lhp-media{position:relative}
.lhp-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);
  border-radius:22px;padding:1.5rem;backdrop-filter:blur(6px)}
.lhp-panel-h{display:flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.45);font-weight:700}
.lhp-panel-h .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.lhp-row{display:flex;align-items:center;gap:.8rem;padding:.8rem .95rem;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
  border-radius:13px;margin-bottom:.6rem}
.lhp-row:last-child{margin-bottom:0}
.lhp-row .ic{width:30px;height:30px;border-radius:9px;flex:none;
  background:rgba(255,90,67,.14);border:1px solid rgba(255,90,67,.28);
  display:flex;align-items:center;justify-content:center;
  font-family:"Sora",sans-serif;font-weight:800;font-size:.68rem;color:#ff5a43}
.lhp-row b{display:block;font-size:.88rem;color:#fff;font-weight:600}
.lhp-row small{display:block;font-size:.76rem;color:rgba(255,255,255,.5);margin-top:.12rem}
.lhp-row .tag{margin-left:auto;font-size:.66rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#4ade80;background:rgba(74,222,128,.12);
  border-radius:9999px;padding:.22rem .6rem;white-space:nowrap}
.lhp-row .tag.amber{color:#fbbf24;background:rgba(251,191,36,.12)}

/* email preview panel */
.lhp-mail{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;overflow:hidden}
.lhp-mail-top{display:flex;align-items:center;gap:.35rem;padding:.6rem .85rem;
  background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.09)}
.lhp-mail-top i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22);display:block}
.lhp-mail-top span{margin-left:.5rem;font-size:.72rem;color:rgba(255,255,255,.5)}
.lhp-mail-body{padding:1rem 1.1rem;font-size:.86rem;line-height:1.7;color:rgba(255,255,255,.82)}
.lhp-mail-body mark{background:rgba(255,90,67,.2);color:#ffb3a4;border-radius:4px;padding:0 .22rem}

/* 30/60/90 timeline */
.lhp-tl{display:grid;gap:.7rem}
.lhp-tl-item{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:13px}
.lhp-tl-day{font-family:"Sora",sans-serif;font-weight:800;font-size:.78rem;
  color:#ff5a43;flex:none;width:52px}
.lhp-tl-bar{flex:1;height:6px;border-radius:9999px;background:rgba(255,255,255,.09);overflow:hidden}
.lhp-tl-bar i{display:block;height:100%;border-radius:9999px;
  background:linear-gradient(90deg,#ff5a43,#ff8a5f)}
.lhp-tl-mult{font-family:"Sora",sans-serif;font-weight:800;font-size:.92rem;color:#fff;flex:none}

@media(max-width:900px){
  .lhp-inner{grid-template-columns:1fr;gap:2.2rem}
  .lhp:nth-of-type(even) .lhp-media{order:0}
  .lhp h2,.lhp p{max-width:none}
}