/* Pur3ity hero — clinical, professional. Scoped under .hero2. */
.hero2{
  background:#ffffff;
  border-bottom:1px solid var(--line);
  padding:70px 0 76px;
}
.hero2-inner{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center;
  gap:56px;
}

/* copy */
.hero2-copy{max-width:600px}
.hero2-eyebrow{
  margin:0 0 18px;
  font-family:var(--font);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--teal);
}
.hero2-title{
  font-family:var(--font-head);
  font-size:clamp(2.25rem,4.4vw,3.35rem);
  font-weight:700;
  line-height:1.07;
  letter-spacing:-.03em;
  color:var(--navy);
  margin:0 0 20px;
}
.hero2-sub{
  font-size:1.14rem;
  line-height:1.6;
  color:var(--muted);
  max-width:540px;
  margin:0 0 30px;
}

/* CTAs */
.hero2-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.hero2-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font);
  font-weight:600;font-size:1rem;
  padding:13px 24px;border-radius:8px;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.hero2-btn:hover{text-decoration:none}
.hero2-btn--primary{background:var(--navy);color:#fff;border:1.5px solid var(--navy)}
.hero2-btn--primary:hover{background:#000000;border-color:#000000}
.hero2-btn--ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
.hero2-btn--ghost:hover{border-color:var(--navy)}

.hero2-note{margin:0;font-size:.9rem;color:var(--muted)}
.hero2-note b{color:var(--navy);font-weight:600}

/* visual: verification report card */
.hero2-visual{display:flex;justify-content:center}
.hero2-report{
  width:100%;max-width:400px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(13,33,46,.04),0 18px 40px rgba(13,33,46,.10);
  padding:22px 22px 18px;
}
.hero2-report-top{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hero2-report-seal{width:52px;height:52px;flex-shrink:0}
.hero2-report-status{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:1.02rem;color:var(--navy)}
.hero2-report-status .dot{width:9px;height:9px;border-radius:50%;background:var(--green)}
.hero2-report-substatus{font-size:.82rem;color:var(--muted);margin-top:2px}

.hero2-report-rows{padding:6px 0 4px}
.hero2-report-rows .row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}
.hero2-report-rows .row:last-child{border-bottom:0}
.hero2-report-rows .row span{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}
.hero2-report-rows .row b{font-size:.96rem;color:var(--ink);font-weight:600}
.hero2-report-rows .row b.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;background:#f5f5f5;border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--navy)}
.hero2-report-rows .row b.pct{color:var(--green)}

.hero2-report-tests{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:14px 0 4px}
.hero2-report-tests .t{display:flex;align-items:center;gap:7px;font-size:.86rem;color:var(--ink)}
.hero2-report-tests .t svg{flex-shrink:0;color:var(--green)}

.hero2-report-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

@media(max-width:860px){
  .hero2{padding:48px 0 52px}
  .hero2-inner{grid-template-columns:1fr;gap:36px}
  .hero2-copy{max-width:none}
  .hero2-visual{order:2}
  .hero2-report{max-width:420px}
}