.hero-section { position: relative; overflow: hidden; padding-block: clamp(3rem, 9vw, 7rem); }
.hero-section::before { position: absolute; inset: 0; background: linear-gradient(120deg, rgba(10,14,23,.92), rgba(10,14,23,.64)); content: ""; }
.hero-candles { position: absolute; inset: 0; opacity: .24; }
.hero-candles svg { width: 100%; height: 100%; }
.hero-candles path { fill: rgba(0,255,136,.28); stroke: rgba(0,255,136,.58); stroke-width: 2; animation: candle-drift 12s ease-in-out infinite alternate; }
.hero-inner { position: relative; }
.hero-card { max-width: 810px; padding: clamp(1.5rem, 5vw, 3.5rem); border: 1px solid rgba(232,234,240,.15); border-radius: 1.5rem; background: rgba(19,24,38,.7); box-shadow: 0 28px 80px rgba(0,0,0,.32); backdrop-filter: blur(18px); }
.hero-card h1 { max-width: 700px; margin: 1rem 0 .75rem; font-size: clamp(2.1rem, 7vw, 4.6rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.2; }
.hero-card > p { max-width: 42rem; margin: 0; color: var(--birmobo-muted); font-size: clamp(1rem, 2.7vw, 1.25rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.7rem; }
.hero-stats { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.6rem; color: var(--birmobo-muted); font-size: .85rem; }
.hero-stats span { display: inline-flex; align-items: center; gap: .5rem; }
.hero-stats strong { width: .5rem; height: .5rem; border-radius: 50%; background: var(--birmobo-up); box-shadow: 0 0 12px var(--birmobo-up); }