/* HXJEN V27_10_10 — mobile visual correction layer.
   Scope: homepage only. Keeps existing pages, customer pages and routes untouched. */

body.fusion-site.page-home.v27-10-10{
  overflow-x:hidden;
}

.fusion-site.page-home.v27-10-10 .site-header .brand img{
  object-fit:contain;
  background:#fff;
}

.fusion-site.page-home.v27-10-10 .fusion-hero h1{
  text-wrap:balance;
}

.fusion-site.page-home.v27-10-10 .fusion-hero .hero-actions{
  align-items:center;
}

.fusion-site.page-home.v27-10-10 .fusion-system-visual{
  max-width:620px;
  margin-inline:auto;
}

.fusion-site.page-home.v27-10-10 .case-media img,
.fusion-site.page-home.v27-10-10 .case-showcase-card img{
  object-fit:cover;
  object-position:center top;
}

/* Tablet: keep left/right rhythm but reduce crowding. */
@media (min-width: 768px) and (max-width: 1199px){
  .fusion-site.page-home.v27-10-10 .fusion-hero{
    padding:64px 0 68px;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero .hero-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero .hero-copy{
    max-width:760px;
  }
  .fusion-site.page-home.v27-10-10 .alliance-grid,
  .fusion-site.page-home.v27-10-10 .case-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .fusion-site.page-home.v27-10-10 .alliance-card:last-child{
    grid-column:1/-1;
  }
}

/* Mobile: remove desktop compression, fixed CTA overlap and header overflow. */
@media (max-width: 767px){
  body.fusion-site.page-home.v27-10-10{
    padding-bottom:0!important;
  }
  .fusion-site.page-home.v27-10-10 .topline{
    display:none!important;
  }
  .fusion-site.page-home.v27-10-10 .site-header{
    position:sticky;
    top:0;
    z-index:90;
    background:rgba(255,255,255,.98);
    backdrop-filter:blur(14px);
  }
  .fusion-site.page-home.v27-10-10 .nav{
    min-height:auto!important;
    padding:10px 0 9px!important;
    gap:10px!important;
    align-items:flex-start!important;
  }
  .fusion-site.page-home.v27-10-10 .brand{
    width:100%;
    gap:10px;
  }
  .fusion-site.page-home.v27-10-10 .brand img{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
    flex:0 0 auto;
  }
  .fusion-site.page-home.v27-10-10 .brand strong{
    white-space:normal!important;
    font-size:14px!important;
    line-height:1.24!important;
    letter-spacing:.01em!important;
  }
  .fusion-site.page-home.v27-10-10 .brand span span,
  .fusion-site.page-home.v27-10-10 .brand-alliance{
    display:none!important;
  }
  .fusion-site.page-home.v27-10-10 .navlinks{
    width:100%;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto;
    gap:8px!important;
    padding:2px 0 4px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .fusion-site.page-home.v27-10-10 .navlinks::-webkit-scrollbar{display:none;}
  .fusion-site.page-home.v27-10-10 .navlinks a{
    flex:0 0 auto;
    font-size:13px!important;
    line-height:1;
    padding:9px 12px!important;
    border-radius:999px!important;
    background:#f4f7fb;
    border:1px solid #dbe5ef!important;
  }
  .fusion-site.page-home.v27-10-10 .navlinks a.active{
    background:#fff;
    border-color:#c99a46!important;
    color:#0b3d68;
  }
  .fusion-site.page-home.v27-10-10 .nav-cta,
  .fusion-site.page-home.v27-10-10 .mobile-bottom{
    display:none!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero{
    padding:32px 0 40px!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero .pill{
    font-size:12px!important;
    line-height:1.45;
    padding:6px 10px!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero h1{
    font-size:34px!important;
    line-height:1.16!important;
    letter-spacing:-.02em!important;
    max-width:360px;
  }
  .fusion-site.page-home.v27-10-10 .gold-text{
    display:inline;
    white-space:normal!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero .lead{
    font-size:16px!important;
    line-height:1.76!important;
    margin:15px 0 18px!important;
    max-width:100%;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-hero .hero-actions .btn{
    width:100%;
    min-height:50px;
    padding:12px 18px!important;
    font-size:15px;
  }
  .fusion-site.page-home.v27-10-10 .proof-row.home-proof{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:16px!important;
  }
  .fusion-site.page-home.v27-10-10 .proof-row.home-proof span{
    width:auto!important;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:12px;
    line-height:1.35;
    padding:8px 8px!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-system-visual{
    min-height:385px!important;
    margin-top:0!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-system-visual:before{
    inset:12px 0 8px 0!important;
    border-radius:26px!important;
  }
  .fusion-site.page-home.v27-10-10 .system-console{
    left:8px!important;
    right:8px!important;
    top:22px!important;
    padding:13px!important;
    border-radius:20px!important;
  }
  .fusion-site.page-home.v27-10-10 .console-head b{
    font-size:8px!important;
    letter-spacing:.06em;
  }
  .fusion-site.page-home.v27-10-10 .console-metrics{
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
  }
  .fusion-site.page-home.v27-10-10 .console-metrics div{
    padding:8px 6px!important;
    border-radius:12px!important;
  }
  .fusion-site.page-home.v27-10-10 .console-metrics strong{
    font-size:14px!important;
  }
  .fusion-site.page-home.v27-10-10 .console-metrics span{
    font-size:8px!important;
  }
  .fusion-site.page-home.v27-10-10 .integration-map{
    height:154px!important;
    margin-top:12px!important;
  }
  .fusion-site.page-home.v27-10-10 .map-node{
    width:70px!important;
    height:48px!important;
    border-radius:12px!important;
  }
  .fusion-site.page-home.v27-10-10 .map-node.core{
    width:82px!important;
    height:58px!important;
  }
  .fusion-site.page-home.v27-10-10 .map-node span{font-size:7px!important;}
  .fusion-site.page-home.v27-10-10 .map-node b{font-size:9px!important;}
  .fusion-site.page-home.v27-10-10 .map-line{display:none!important;}
  .fusion-site.page-home.v27-10-10 .device-shell{
    width:142px!important;
    right:8px!important;
    bottom:6px!important;
    padding:13px 10px 12px!important;
    border-width:5px!important;
    border-radius:25px!important;
    transform:rotate(1deg)!important;
  }
  .fusion-site.page-home.v27-10-10 .device-notch{
    width:48px!important;
    height:6px!important;
    margin-bottom:12px!important;
  }
  .fusion-site.page-home.v27-10-10 .device-label{font-size:7px!important;}
  .fusion-site.page-home.v27-10-10 .device-shell h3{
    font-size:13px!important;
    line-height:1.38!important;
    margin:6px 0 10px!important;
  }
  .fusion-site.page-home.v27-10-10 .device-actions{
    gap:4px!important;
  }
  .fusion-site.page-home.v27-10-10 .device-actions span{
    padding:6px 3px!important;
    font-size:8px!important;
    border-radius:8px!important;
  }
  .fusion-site.page-home.v27-10-10 .hardware-node{
    left:7px!important;
    bottom:9px!important;
    max-width:158px!important;
    padding:10px 12px!important;
    border-radius:16px!important;
  }
  .fusion-site.page-home.v27-10-10 .hardware-node span{font-size:7px!important;}
  .fusion-site.page-home.v27-10-10 .hardware-node strong{font-size:14px!important;}
  .fusion-site.page-home.v27-10-10 .hardware-node small{font-size:9px!important;}
  .fusion-site.page-home.v27-10-10 .section{
    padding:46px 0!important;
  }
  .fusion-site.page-home.v27-10-10 .section-head{
    margin-bottom:22px!important;
  }
  .fusion-site.page-home.v27-10-10 .section-head p{
    font-size:15px!important;
    line-height:1.7;
  }
  .fusion-site.page-home.v27-10-10 .alliance-grid,
  .fusion-site.page-home.v27-10-10 .case-showcase,
  .fusion-site.page-home.v27-10-10 .value-grid,
  .fusion-site.page-home.v27-10-10 .portal-grid{
    grid-template-columns:1fr!important;
  }
  .fusion-site.page-home.v27-10-10 .alliance-card,
  .fusion-site.page-home.v27-10-10 .card,
  .fusion-site.page-home.v27-10-10 .portal-link,
  .fusion-site.page-home.v27-10-10 .case-showcase-card{
    border-radius:22px!important;
  }
  .fusion-site.page-home.v27-10-10 .alliance-card,
  .fusion-site.page-home.v27-10-10 .card,
  .fusion-site.page-home.v27-10-10 .portal-link{
    padding:20px!important;
  }
  .fusion-site.page-home.v27-10-10 .alliance-logo{
    height:58px!important;
    margin-bottom:12px!important;
  }
  .fusion-site.page-home.v27-10-10 .alliance-logo img{
    max-height:54px!important;
    max-width:132px!important;
  }
  .fusion-site.page-home.v27-10-10 .case-media{
    aspect-ratio:4/3!important;
  }
  .fusion-site.page-home.v27-10-10 .case-media.contain img{
    padding:14px!important;
  }
  .fusion-site.page-home.v27-10-10 .fusion-footer{
    padding-top:44px!important;
    padding-bottom:26px!important;
  }
}