.mai-heroGradient{
    position:relative;
    width:100%;
    overflow:hidden;
    padding: clamp(5rem, 10vw, 9rem) 2rem;
    background: linear-gradient(135deg, #ffffff 0%, #ffe5d0 50%, #ffb27a 100%);
}
.mai-heroGradient::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background: linear-gradient(135deg, rgba(116,192,255,0.2), rgba(217,236,255,0.2), transparent);
}

.mai-heroInner{
    max-width: 1120px;
    margin:0 auto;
}

.mai-heroTitle{
    margin:0 0 1rem 0;
    font-weight: 600;
    line-height: 1.1;
    font-size: clamp(2.2rem, 7vw, 7rem);
    letter-spacing: -0.01em;
}

.mai-heroSubtitle{
    margin: 0 0 2rem 0;
    color: #000000;
    font-size: clamp(1rem, 1.3vw, 1.125rem);
    line-height:1.65;
    max-width: 64ch;
}

.mai-heroButton{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding: .9rem 1.5rem;
    border-radius:999px;
    background: #000000;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition: transform .12s ease, background .12s ease, box-shadow .12s ease;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
}
.mai-heroButton:hover{
    background:#222;
    transform: translateY(-1px)
}
.mai-heroButtonIcon{
    margin-left:.25rem;
}