/* KocoDesk default theme – hero */

.ce--hero {
    margin: -1rem calc(-1 * var(--kd-gap, 1.5rem)) 0;
    padding: clamp(3rem, 10vw, 6rem) var(--kd-gap, 1.5rem);
    background:
        radial-gradient(circle at 20% 20%, rgba(11, 114, 133, 0.18), transparent 45%),
        linear-gradient(160deg, #101820 0%, #16202a 55%, #0b7285 140%);
    color: #f4f8fa;
}

.ce-hero__inner {
    max-width: 42rem;
}

.ce-hero__headline {
    margin: 0 0 0.75rem;
    font-size: clamp(2rem, 1.4rem + 2.8vw, 3.25rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.ce-hero__subline {
    margin: 0 0 1.5rem;
    font-size: clamp(1.05rem, 1rem + 0.4vw, 1.25rem);
    line-height: 1.5;
    color: rgba(244, 248, 250, 0.85);
    max-width: 36rem;
}

.ce-hero__button {
    display: inline-block;
    padding: 0.8rem 1.35rem;
    border-radius: 0.45rem;
    background: #fff;
    color: #101820;
    text-decoration: none;
    font-weight: 650;
}

.ce-hero__button:hover {
    background: #e8eef2;
}