/* shared tokens, buttons, nav, footer, and CTA band live in hera-shared.css */

/* ============================================================
   BLOCK 1 — HERO
   ============================================================ */
.hera-hero{
  padding:88px 0 80px;
  background:
    radial-gradient(1100px 500px at 82% -10%, var(--hera-blue-pale) 0%, transparent 60%),
    var(--hera-surface);
}
.hera-hero .container{
  display:grid; grid-template-columns:1fr; max-width:840px; text-align:center;
}
.hera-hero .container > *{ margin-left:auto; margin-right:auto; }
.hera-hero h1{ font-size:clamp(32px, 4.4vw, 52px); font-weight:900; }
.hera-hero .lede{ font-size:18px; color: var(--hera-ink-soft); max-width:62ch; margin-bottom:32px; }
.hera-hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; justify-content:center; }

/* ============================================================
   BLOCK 2 — CONVERSION & VELOCITY MATRIX
   ============================================================ */
.hera-matrix{ background: var(--hera-surface-alt); }
.matrix-head{ max-width:74ch; margin-bottom:20px; }
.matrix-stat-line{
  display:inline-flex; align-items:baseline; gap:10px;
  font-size:16px; color:var(--hera-ink); margin-bottom:44px;
}
.matrix-stat-line .stat-inline{
  font-family:var(--font-display); font-weight:900; font-size:22px; color:var(--hera-leak);
}
.matrix-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.matrix-card{
  background:#fff; border:1px solid var(--hera-border); border-radius:var(--radius-lg);
  padding:30px 28px; box-shadow: var(--shadow-card);
  border-top:4px solid var(--hera-blue-core);
}
.matrix-tag{
  font-family:var(--font-data); font-weight:700; font-size:11.5px;
  letter-spacing:0.1em; text-transform:uppercase; color:var(--hera-blue-core);
  margin-bottom:12px;
}
.matrix-card h3{ font-size:18px; margin-bottom:10px; }
.matrix-card p{ font-size:14.5px; margin-bottom:0; }
@media (max-width:980px){
  .matrix-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   BLOCK 3 — THE MODULAR TRACK (Basic vs Advanced)
   ============================================================ */
.tier-head{ max-width:70ch; margin-bottom:48px; }
.tier-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.tier-card{
  background:#fff; border:1px solid var(--hera-border); border-radius:var(--radius-lg);
  padding:34px; box-shadow: var(--shadow-card);
}
.tier-card.advanced{ border-color: var(--hera-blue-soft); background: linear-gradient(180deg, #fff 0%, var(--hera-blue-pale) 220%); }
.tier-badge{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--font-data); font-weight:700; font-size:11.5px;
  letter-spacing:0.1em; text-transform:uppercase; color: var(--hera-blue-core);
  background: var(--hera-blue-pale); padding:6px 12px; border-radius:999px;
  margin-bottom:16px;
}
.tier-card h3{ font-size:20px; margin-bottom:10px; }
.tier-card p{ font-size:14.5px; }
.tier-list{ list-style:none; margin:18px 0 0; padding:0; border-top:1px solid var(--hera-border); padding-top:16px; }
.tier-list li{
  font-size:13.5px; color: var(--hera-ink-soft); padding:6px 0 6px 22px; position:relative;
}
.tier-list li::before{
  content:"✓"; position:absolute; left:0; color: var(--hera-blue-core); font-weight:700;
}
@media (max-width:900px){
  .tier-grid{ grid-template-columns:1fr; }
}

/* ============================================================
   BLOCK 4 — CLOSING THE LOOP (Digital Signatures)
   ============================================================ */
.hera-signatures{ background: var(--hera-surface-alt); }
.hera-signatures .container{
  display:grid; grid-template-columns:1fr 0.85fr; gap:56px; align-items:center;
}
.signatures-copy p{ font-size:16px; }
.signatures-visual{
  background:#fff; border:1px solid var(--hera-border); border-radius: var(--radius-lg);
  padding:32px; box-shadow: var(--shadow-card);
}
.sig-doc-line{ height:9px; border-radius:5px; background:var(--hera-border); margin-bottom:10px; }
.sig-doc-line.w70{ width:70%; }
.sig-doc-line.w90{ width:90%; }
.sig-doc-line.w50{ width:50%; }
.sig-box{
  margin-top:20px; padding:18px; border:1.5px dashed var(--hera-blue-soft); border-radius:10px;
  display:flex; align-items:center; justify-content:space-between;
}
.sig-box .sig-script{
  font-family: 'Segoe Script', 'Brush Script MT', cursive; font-size:26px; color: var(--hera-blue-core);
}
.sig-box .sig-status{
  font-family:var(--font-data); font-weight:700; font-size:11.5px;
  letter-spacing:0.08em; text-transform:uppercase; color:#1E9E63;
  background:#E7F8EF; padding:6px 12px; border-radius:999px;
}
@media (max-width:900px){
  .hera-signatures .container{ grid-template-columns:1fr; }
}