.mk-hero {
    background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(91,76,219,.35), transparent),
                radial-gradient(ellipse 60% 40% at 80% 60%, rgba(6,182,212,.15), transparent),
                var(--mk-bg);
    min-height: 520px; display: flex; align-items: center; position: relative; overflow: hidden;
}
.mk-hero::after {
    content: ''; position: absolute; inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}
.mk-hero-slide { display: none; padding: 5rem 0; width: 100%; position: relative; z-index: 1; }
.mk-hero-slide.mk-hero-active { display: block; }
.mk-hero h1 { font-size: clamp(2rem, 5vw, 3.25rem); margin: 0 0 1.25rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.mk-hero p { font-size: 1.15rem; color: var(--mk-muted); max-width: 560px; margin-bottom: 2rem; line-height: 1.7; }