/* V109 — Page hero normalization: same background as Home hero + centered copy */

/* All internal page hero bands now reuse the exact Home hero visual language. */
.page-hero-premium,
.page-hero-premium--support,
.page-hero-premium--about{
    position:relative!important;
    overflow:hidden!important;
    background:#10283f!important;
    color:#fff!important;
    padding:165px 0 86px!important;
}
.page-hero-premium:before,
.page-hero-premium--support:before,
.page-hero-premium--about:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    right:auto!important;
    top:auto!important;
    border-radius:0!important;
    filter:none!important;
    opacity:1!important;
    background:
        radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 35%),
        radial-gradient(circle at 18% 75%,rgba(40,224,196,.12),transparent 35%),
        linear-gradient(115deg,#10283f 0%,#06192d 55%,#1a344f 100%)!important;
    pointer-events:none!important;
}
.page-hero-premium .page-hero-grid{
    opacity:.13!important;
}
.page-hero-premium .page-hero-layout,
.page-hero-premium .page-hero-layout--solo,
.page-hero-premium--support .page-hero-layout{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
}
.page-hero-premium .page-hero-layout>div:first-child,
.page-hero-premium .page-hero-layout--solo>div:first-child{
    width:100%!important;
    max-width:1080px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
}
.page-hero-premium .eyebrow,
.page-hero-premium .eyebrow--light{
    justify-content:center!important;
    text-align:center!important;
}
.page-hero-premium .page-hero-layout h1,
.page-hero-premium .site-banner-title{
    max-width:980px!important;
    margin:16px auto 20px!important;
    text-align:center!important;
}
.page-hero-premium .page-hero-layout p{
    max-width:760px!important;
    margin:0 auto!important;
    color:#afc1d4!important;
    text-align:center!important;
    line-height:1.7!important;
}
/* Internal pages should not bring back a side visual in this top band. */
.page-hero-premium .page-hero-visual{
    display:none!important;
}

/* About: remove the old top hero entirely; the custom carousel becomes the top banner. */
.about-message-carousel{
    position:relative!important;
    overflow:hidden!important;
    margin:0!important;
    padding:160px 0 42px!important;
    background:#10283f!important;
    border:0!important;
    color:#fff!important;
}
.about-message-carousel:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 35%),
        radial-gradient(circle at 18% 75%,rgba(40,224,196,.12),transparent 35%),
        linear-gradient(115deg,#10283f 0%,#06192d 55%,#1a344f 100%);
    pointer-events:none;
}
.about-message-carousel:after{
    content:"";
    position:absolute;
    inset:0;
    opacity:.13;
    background-image:
        linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,#000,transparent 92%);
    pointer-events:none;
}
.about-message-carousel__inner{
    position:relative!important;
    z-index:1!important;
}
.about-message-carousel__track{
    min-height:230px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.about-message-slide{
    padding:30px 40px!important;
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
}
.about-message-slide span{
    color:#91abc3!important;
    text-align:center!important;
}
.about-message-slide h2{
    max-width:1120px!important;
    margin:12px auto 12px!important;
    color:#fff!important;
    text-align:center!important;
    font-size:clamp(30px,3.6vw,52px)!important;
    line-height:1.08!important;
}
.about-message-slide p{
    max-width:1040px!important;
    margin:0 auto!important;
    color:#b7c8d8!important;
    text-align:center!important;
    font-size:clamp(14px,1.7vw,22px)!important;
}
.about-message-carousel__controls{
    position:relative!important;
    z-index:2!important;
}
.about-message-carousel__dots button{
    background:rgba(255,255,255,.22)!important;
}
.about-message-carousel__dots button.is-active{
    background:var(--accent)!important;
}
.about-message-carousel__arrows button{
    border-color:rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
}
.about-message-carousel__arrows button:hover{
    border-color:var(--accent)!important;
    background:rgba(40,224,196,.10)!important;
    color:var(--accent)!important;
}

@media(max-width:900px){
    .page-hero-premium,
    .page-hero-premium--support,
    .page-hero-premium--about{
        padding:135px 0 72px!important;
    }
    .page-hero-premium .page-hero-layout h1,
    .page-hero-premium .site-banner-title{
        font-size:clamp(38px,8vw,58px)!important;
    }
    .page-hero-premium .page-hero-layout p{
        font-size:14px!important;
    }
    .about-message-carousel{
        padding:130px 0 34px!important;
    }
    .about-message-carousel__track{
        min-height:230px!important;
    }
}
@media(max-width:650px){
    .page-hero-premium,
    .page-hero-premium--support,
    .page-hero-premium--about{
        padding:112px 0 58px!important;
    }
    .page-hero-premium .page-hero-layout h1,
    .page-hero-premium .site-banner-title{
        font-size:36px!important;
        line-height:1.08!important;
        margin:12px auto 16px!important;
    }
    .page-hero-premium .page-hero-layout p{
        font-size:13px!important;
        line-height:1.65!important;
    }
    .about-message-carousel{
        padding:110px 0 28px!important;
    }
    .about-message-carousel__track{
        min-height:250px!important;
    }
    .about-message-slide{
        padding:22px 16px!important;
    }
    .about-message-slide h2{
        font-size:28px!important;
    }
    .about-message-slide p{
        font-size:14px!important;
    }
}