padding: 34px; display: flex; flex-direction: column; justify-content: center; justify-content: flex-start; background: radial-gradient(circle at top right, rgba(103,212,255,.10), transparent 34%), radial-gradient(circle at bottom left, rgba(249,115,22,.07), transparent 32%), } .hero-side-note { margin: 0 0 2px; margin: 0 0 4px; color: var(--brand-2); font-size: 0.94rem; font-weight: 700; display: flex; flex-direction: column; gap: 16px; justify-content: flex-start; background: radial-gradient(circle at top right, rgba(167,139,250,.08), transparent 28%), linear-gradient(180deg, rgba(28,39,57,.82), rgba(18,28,43,.90)); } .hero-copy .eyebrow { align-self: flex-start; margin-top: 0; margin-bottom: 12px; } .hero-copy h1 { margin-top: 0; max-width: 12.6ch; } .hero-highlight { color: var(--brand-2); } .hero-copy .btn-row { margin-top: 24px; } .mini-panel { padding: 18px; border-radius: 18px;