.hero { padding: 48px 0 32px; }
.hero-inner { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2.5fr); gap: 40px; align-items: center; }
.hero-kicker { font-size: .82rem; text-transform: uppercase; letter-spacing: .15em; color: var(--mp-blue); display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px; border-radius: 999px; background: rgba(37,99,235,.08); }
.hero-kicker span { width: 6px; height: 6px; border-radius: 999px; background: var(--mp-gold); }
.hero-title { margin: 12px 0 8px; font-size: clamp(2.1rem,3vw + 1rem,3rem); line-height: 1.05; letter-spacing: -.03em; color: var(--mp-blue-dark); }
.hero-subline { font-size: 1.05rem; line-height: 1.65; margin: 0 0 14px; color: var(--mp-text-muted); }
.hero-actions { margin-top: 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.hero-actions p { margin: 0; font-size: .9rem; }
.hero-meta { margin-top: 18px; font-size: .8rem; color: var(--mp-text-muted); display: flex; flex-wrap: wrap; gap: 16px; }
.hero-meta span { display: inline-flex; align-items: center; gap: 6px; }
.hero-meta-dot { width: 6px; height: 6px; border-radius: 999px; background: var(--mp-blue); }
.hero-panel { background: linear-gradient(145deg,var(--mp-blue-dark),#111827); border-radius: 26px; padding: 20px 22px; box-shadow: var(--mp-shadow-soft); color: #e5e7eb; position: relative; overflow: hidden; }
.hero-panel::before { content:""; position:absolute; width:280px; height:280px; background:radial-gradient(circle,rgba(251,191,36,.13),transparent 60%); top:-80px; right:-80px; }
.hero-panel-header { position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.hero-panel-title { font-size:.9rem; letter-spacing:.12em; text-transform:uppercase; color:#bfdbfe; }
.hero-panel-badge { font-size:.7rem; text-transform:uppercase; padding:3px 10px; border-radius:999px; background:rgba(15,23,42,.9); border:1px solid rgba(251,191,36,.6); color:#fef3c7; }
.hero-panel-grid { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; font-size:.78rem; }
.hero-panel-item { background:linear-gradient(135deg,rgba(15,23,42,.85),rgba(15,23,42,.6)); border-radius:14px; padding:10px 11px; border:1px solid rgba(148,163,184,.35); }
.hero-panel-label { color:#9ca3af; font-size:.72rem; margin-bottom:4px; }
.hero-panel-value { font-weight:600; color:#e5e7eb; }
.hero-panel-footnote { position:relative; margin:14px 0 0; font-size:.72rem; line-height:1.5; color:#9ca3af; }