/* neutralize op-base-b.css's shared .hero (dark bg + padding + glow) for this custom hero */
.hero-wrap > .hero{background:transparent;padding-top:0;padding-bottom:0}
.hero-wrap > .hero::before{content:none}

.hero-wrap{
  position:relative;overflow:hidden;
}
.hero-wrap::before{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 80% 50%, rgba(60,224,0,0.08) 0%, transparent 70%);
  pointer-events:none;
}
.hero-wrap .hero{
  padding:136px 28px 56px;
  max-width:1240px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
}
.hero-wrap .hero-text{}
.hero-wrap .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font:600 12px var(--font-body);letter-spacing:.6px;
  color:var(--highlight-dim);text-transform:uppercase;
  margin-bottom:22px;
}
.hero-wrap .pulse{width:7px;height:7px;border-radius:50%;background:var(--highlight);box-shadow:0 0 0 0 rgba(60,224,0,0.6);animation:pulse 2s infinite;flex-shrink:0}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(60,224,0,0.5)}70%{box-shadow:0 0 0 10px rgba(60,224,0,0)}100%{box-shadow:0 0 0 0 rgba(60,224,0,0)}}
.hero-wrap .hero h1{
  font-size:clamp(2.2rem,4vw,3.4rem);
  font-weight:700;letter-spacing:-1.5px;
  margin-bottom:20px;line-height:1.1;
  color:var(--text);
}
.hero-wrap .hero h1 em{font-style:normal;color:var(--highlight-dim)}
.hero-wrap .hero p.lede{
  font-size:1.08rem;color:var(--muted);
  margin-bottom:32px;line-height:1.7;
  max-width:480px;
}
.hero-wrap .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-wrap .btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  font:600 15px var(--font-display);
  padding:14px 28px;border-radius:50px;cursor:pointer;border:none;
  background:var(--primary);color:#fff;
  box-shadow:var(--shadow-hover);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1), background 0.32s ease, box-shadow 0.32s ease;
}
.hero-wrap .btn-primary:hover{transform:translateY(-2px);background:#111}
.hero-wrap .btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  font:600 15px var(--font-display);
  padding:14px 28px;border-radius:50px;cursor:pointer;
  background:var(--surface);color:var(--text);
  border:1.5px solid var(--border);transition:border-color 0.32s ease, transform 0.32s cubic-bezier(0.4,0,0.2,1), box-shadow 0.32s ease;
}
.hero-wrap .btn-ghost:hover{border-color:var(--primary);transform:translateY(-2px)}
.hero-wrap .btn-ghost svg{fill:var(--highlight-dim)}

.hero-wrap /* hero right: stat block */
.hero-stats{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:36px 32px;
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.hero-wrap .hstat{
  padding:24px 20px;
  position:relative;
}
.hero-wrap .hstat::after{
  content:"";position:absolute;
  background:var(--border);
}
.hero-wrap .hstat:nth-child(1)::after, .hero-wrap .hstat:nth-child(2)::after{bottom:0;left:16px;right:16px;height:1px}
.hero-wrap .hstat:nth-child(1)::before, .hero-wrap .hstat:nth-child(3)::before{content:"";position:absolute;top:16px;bottom:16px;right:0;width:1px;background:var(--border)}
.hero-wrap .hstat-num{
  font-family:var(--font-display);font-weight:700;
  font-size:2.4rem;letter-spacing:-1.5px;line-height:1;
  color:var(--highlight-dim);margin-bottom:6px;
}
.hero-wrap .hstat-label{font-size:.82rem;color:var(--muted);line-height:1.4}

/* trust strip */

/* responsive (ported from original, scoped) */
@media(max-width:1000px){
  .hero-wrap .hero p.lede{max-width:100%}
  .hero-wrap .hero-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:742px){ .hero-wrap .hero{grid-template-columns:1fr;gap:40px} }

/* trust strip: restore checkmark sizing/color lost in the migration (was rendering as oversized black SVGs) */
.trust svg{width:15px;height:15px;fill:var(--highlight-dim);flex-shrink:0}
.trust span{display:inline-flex;align-items:center;gap:7px}