.bxv5-universe-hub{
    position:relative;
    padding:88px 0;
    overflow:hidden;
    background:
      radial-gradient(circle at 100% 0,rgba(69,194,51,.11),transparent 28%),
      linear-gradient(180deg,#fff,#f7fafc);
}
.bxv5-universe-hub__heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:28px;
}
.bxv5-universe-hub__heading>div{max-width:860px}
.bxv5-universe-hub__heading .bxv5-home-title{margin-bottom:12px}
.bxv5-universe-hub__heading p{
    margin:0;
    color:var(--bxv5-muted);
    font-size:16px;
}
.bxv5-universe-hub__help{
    display:flex;
    min-width:220px;
    flex-direction:column;
    padding:15px 17px;
    border:1px solid var(--bxv5-border);
    border-radius:13px;
    background:#fff;
    color:var(--bxv5-navy);
    text-decoration:none;
    box-shadow:0 10px 28px rgba(6,38,74,.07);
}
.bxv5-universe-hub__help small{color:var(--bxv5-muted)}
.bxv5-universe-tabs{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
}
.bxv5-universe-tab{
    display:flex;
    min-height:90px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:8px;
    padding:13px;
    border:1px solid var(--bxv5-border);
    border-radius:13px;
    background:#fff;
    color:var(--bxv5-navy);
    text-align:left;
    cursor:pointer;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.bxv5-universe-tab:hover,
.bxv5-universe-tab.is-active{
    transform:translateY(-3px);
    border-color:#9ed798;
    box-shadow:0 12px 28px rgba(6,38,74,.10);
}
.bxv5-universe-tab.is-active{box-shadow:inset 0 -4px 0 var(--bxv5-green),0 12px 28px rgba(6,38,74,.10)}
.bxv5-universe-tab__icon,
.bxv5-universe-pane__icon{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:11px;
    background:#eaf2f8;
    color:var(--bxv5-navy);
    font-size:12px;
    font-weight:900;
}
.bxv5-universe-tab strong{font-size:12px;line-height:1.2}

.bxv5-tone-green{--hub-accent:#35a52d;--hub-soft:#eaf8e8}
.bxv5-tone-navy{--hub-accent:#06264a;--hub-soft:#e7eef5}
.bxv5-tone-cyan{--hub-accent:#087f9c;--hub-soft:#e5f7fa}
.bxv5-tone-slate{--hub-accent:#465a70;--hub-soft:#eef2f5}
.bxv5-tone-orange{--hub-accent:#d87716;--hub-soft:#fff1e3}
.bxv5-tone-violet{--hub-accent:#6951b8;--hub-soft:#f0ecff}
.bxv5-tone-blue{--hub-accent:#0e4f87;--hub-soft:#eaf2f8}
.bxv5-universe-tab__icon[class*="bxv5-tone-"]{
    background:var(--hub-soft);
    color:var(--hub-accent);
}

.bxv5-universe-pane{
    display:none;
    grid-template-columns:245px minmax(0,1fr) 270px;
    gap:18px;
    padding:18px;
    border:1px solid var(--bxv5-border);
    border-radius:20px;
    background:#fff;
    box-shadow:0 17px 45px rgba(6,38,74,.09);
}
.bxv5-universe-pane.is-active{
    display:grid;
    animation:bxv5HubPane .26s ease;
}
@keyframes bxv5HubPane{
    from{opacity:0;transform:translateY(7px)}
    to{opacity:1;transform:translateY(0)}
}
.bxv5-universe-pane__overview{
    display:flex;
    min-height:420px;
    flex-direction:column;
    padding:24px;
    border-radius:15px;
    background:linear-gradient(145deg,var(--hub-soft),#fff);
}
.bxv5-universe-pane__overview .bxv5-universe-pane__icon{
    width:62px;
    height:62px;
    margin-bottom:24px;
    background:var(--hub-accent);
    color:#fff;
    font-size:18px;
}
.bxv5-universe-pane__eyebrow{
    color:var(--hub-accent);
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}
.bxv5-universe-pane__overview h3{
    margin:8px 0 12px;
    color:var(--bxv5-navy);
    font-size:27px;
    line-height:1.1;
}
.bxv5-universe-pane__overview p{
    color:var(--bxv5-muted);
    font-size:13px;
    line-height:1.65;
}
.bxv5-universe-pane__overview>a{
    margin-top:auto;
    color:var(--bxv5-navy);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
}
.bxv5-universe-pane__products{
    min-width:0;
    padding:7px 0;
}
.bxv5-universe-pane__section-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.bxv5-universe-pane__section-title small,
.bxv5-universe-pane__services>small{
    color:var(--bxv5-green-dark);
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
}
.bxv5-universe-pane__section-title h3,
.bxv5-universe-pane__services h3{
    margin:4px 0 0;
    color:var(--bxv5-navy);
    font-size:21px;
}
.bxv5-universe-pane__section-title>a{
    color:var(--bxv5-navy);
    font-size:11px;
    font-weight:900;
    text-decoration:none;
}
.bxv5-hub-products{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}
.bxv5-hub-product{
    display:grid;
    grid-template-columns:80px minmax(0,1fr);
    min-height:145px;
    overflow:hidden;
    border:1px solid var(--bxv5-border);
    border-radius:12px;
    background:#fff;
}
.bxv5-hub-product__media{
    display:grid;
    place-items:center;
    padding:8px;
    background:var(--bxv5-soft);
}
.bxv5-hub-product__media img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.bxv5-hub-product__body{
    min-width:0;
    display:flex;
    flex-direction:column;
    padding:11px;
}
.bxv5-hub-product__body>span{
    color:var(--bxv5-green-dark);
    font-size:8px;
    font-weight:900;
}
.bxv5-hub-product h4{
    margin:6px 0;
    font-size:11px;
    line-height:1.3;
}
.bxv5-hub-product h4 a{
    color:var(--bxv5-navy);
    text-decoration:none;
}
.bxv5-hub-product__price{
    color:var(--bxv5-navy);
    font-size:11px;
    font-weight:900;
}
.bxv5-hub-product__action{
    margin-top:auto;
    color:var(--bxv5-green-dark);
    font-size:9px;
    font-weight:900;
    text-decoration:none;
}
.bxv5-universe-empty{
    padding:35px;
    border:1px dashed var(--bxv5-border);
    border-radius:12px;
    color:var(--bxv5-muted);
    text-align:center;
}
.bxv5-universe-pane__services{
    padding:20px;
    border-radius:15px;
    background:var(--bxv5-navy);
    color:#fff;
}
.bxv5-universe-pane__services h3{color:#fff}
.bxv5-universe-services{
    display:grid;
    gap:8px;
    margin-top:16px;
}
.bxv5-universe-services a{
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:9px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-size:10px;
    font-weight:800;
    text-decoration:none;
}
.bxv5-universe-services a:hover{background:rgba(69,194,51,.18)}
.bxv5-universe-advisor{
    margin-top:18px;
    padding-top:17px;
    border-top:1px solid rgba(255,255,255,.15);
}
.bxv5-universe-advisor strong{font-size:13px}
.bxv5-universe-advisor p{
    color:#dceaf6;
    font-size:10px;
    line-height:1.5;
}
.bxv5-universe-advisor a{
    display:flex;
    min-height:41px;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:var(--bxv5-green);
    color:#071d16;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}

@media(max-width:1150px){
    .bxv5-universe-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
    .bxv5-universe-pane{grid-template-columns:210px minmax(0,1fr)}
    .bxv5-universe-pane__services{grid-column:1/-1}
    .bxv5-universe-pane__overview{min-height:360px}
}
@media(max-width:800px){
    .bxv5-universe-hub{padding:66px 0}
    .bxv5-universe-hub__heading{
        align-items:flex-start;
        flex-direction:column;
    }
    .bxv5-universe-hub__help{width:100%;min-width:0}
    .bxv5-universe-tabs{
        display:flex;
        overflow-x:auto;
        margin-inline:-11px;
        padding:2px 11px 14px;
        scroll-snap-type:x mandatory;
    }
    .bxv5-universe-tab{
        flex:0 0 145px;
        scroll-snap-align:start;
    }
    .bxv5-universe-pane,
    .bxv5-universe-pane.is-active{
        grid-template-columns:1fr;
    }
    .bxv5-universe-pane__overview{min-height:280px}
    .bxv5-universe-pane__services{grid-column:auto}
}
@media(max-width:540px){
    .bxv5-hub-products{grid-template-columns:1fr}
    .bxv5-universe-pane{padding:11px}
    .bxv5-universe-pane__overview,
    .bxv5-universe-pane__services{padding:19px}
}
@media(prefers-reduced-motion:reduce){
    .bxv5-universe-pane.is-active{animation:none}
    .bxv5-universe-tab{transition:none}
}