/* NextEdge homepage-only styles — consolidated from approved design */
/* These rules affect the homepage only because this style block exists only in index.html. */
.home-refresh .hero-grid{align-items:start}
.home-refresh .actions{margin-top:22px}

.home-brands{
  margin-top:26px;
  padding:24px;
  border-radius:22px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 20px 52px rgba(0,18,48,.28);
}
.home-brands-kicker{
  color:var(--blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  margin-bottom:10px;
}
.home-brands h3{
  margin:0 0 18px;
  font-size:34px;
  line-height:1.06;
  letter-spacing:-1.2px;
}
.home-brand-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.home-brand{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px 9px;
  border:1px solid #dce7f5;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
  box-shadow:0 5px 16px rgba(18,52,92,.045);
}

.home-focus-strip{
  padding:34px 0;
  background:#07172d;
}
.home-focus-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.home-focus-box{
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  border:2px solid #2c6095;
  border-radius:18px;
  background:linear-gradient(135deg,#153a67 0%,#0b284b 100%);
  color:#fff;
  font-size:16px;
  font-weight:800;
}

@media(max-width:900px){
  .home-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-focus-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:600px){
  .home-brands{margin-top:22px;padding:18px;border-radius:18px}
  .home-brands h3{font-size:28px}
  .home-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .home-brand{min-height:46px;font-size:11px;border-radius:11px}

  /* Keep the circular/orbit graphic visible on mobile. */
  .home-refresh .orbit{
    position:relative!important;
    height:430px!important;
    max-width:360px!important;
    margin:38px auto 0!important;
    display:block!important;
  }
  .home-refresh .ring,.home-refresh .core{display:block!important}
  .home-refresh .r1{width:300px!important;height:300px!important}
  .home-refresh .r2{width:220px!important;height:220px!important}
  .home-refresh .r3{width:145px!important;height:145px!important}
  .home-refresh .core{width:105px!important;height:105px!important;display:grid!important}
  .home-refresh .node{
    position:absolute!important;
    min-height:auto!important;
    padding:10px 12px!important;
    font-size:10px!important;
    line-height:1.25!important;
    border-radius:11px!important;
    width:auto!important;
    max-width:140px!important;
  }
  .home-refresh .n1{left:0!important;top:18px!important}
  .home-refresh .n2{right:0!important;top:18px!important}
  .home-refresh .n3{left:-2px!important;top:170px!important}
  .home-refresh .n4{right:-2px!important;top:170px!important}
  .home-refresh .n5{left:24px!important;bottom:16px!important}
  .home-refresh .n6{right:24px!important;bottom:16px!important}

  .home-focus-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .home-focus-box{
    min-height:104px!important;
    border-radius:16px!important;
    padding:12px!important;
    font-size:14px!important;
  }
}

/* Hide any earlier brands layout rules from previous previews */
.home-brands{display:none!important}

.wide-brands-wrap{
  margin-top:26px;
  padding-bottom:20px;
}
.wide-brands{
  width:100%;
  padding:24px 28px 26px;
  border-radius:20px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 18px 42px rgba(6,22,45,.18);
}
.wide-brands-kicker{
  color:var(--blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  text-align:left;
  margin-bottom:8px;
}
.wide-brands h3{
  margin:0 0 18px;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.8px;
  text-align:left;
}
.wide-brand-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
}
.wide-brand{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid #dce7f5;
  border-radius:11px;
  background:#fff;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
  text-align:center;
}
.home-focus-strip{
  padding-top:34px!important;
}

@media(max-width:1100px){
  .wide-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:800px){
  .wide-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:600px){
  .wide-brands-wrap{margin-top:18px;padding-bottom:16px}
  .wide-brands{padding:20px 16px;border-radius:18px}
  .wide-brands h3{font-size:26px}
  .wide-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .wide-brand{min-height:46px;font-size:11px}
}

.wide-brands-wrap{
  padding-bottom:8px !important;
}
.home-focus-strip{
  padding-top:22px !important;
}
@media(max-width:600px){
  .wide-brands-wrap{
    padding-bottom:6px !important;
  }
  .home-focus-strip{
    padding-top:18px !important;
  }
}

/* The visible gap was mainly coming from the hero's original bottom padding. */
.home-refresh{
  padding-bottom:12px !important;
}
.wide-brands-wrap{
  padding-bottom:0 !important;
}
.home-focus-strip{
  padding-top:16px !important;
}
@media(max-width:600px){
  .home-refresh{
    padding-bottom:8px !important;
  }
  .home-focus-strip{
    padding-top:12px !important;
  }
}

/* Slightly more compact brands block */
.wide-brands{
  padding:18px 24px 20px !important;
  border-radius:18px !important;
}
.wide-brands-kicker{
  margin-bottom:5px !important;
  font-size:10px !important;
}
.wide-brands h3{
  font-size:23px !important;
  margin-bottom:14px !important;
}
.wide-brand-grid{
  gap:8px !important;
}
.wide-brand{
  min-height:40px !important;
  font-size:11px !important;
  border-radius:10px !important;
}

/* Stronger but still restrained CTA */
.home-inquiry{
  min-height:52px !important;
  padding:0 26px !important;
  border-color:#4f9cff !important;
  box-shadow:0 10px 24px rgba(47,124,255,.12);
}

/* Icon-led six focus areas */
.home-focus-box{
  gap:12px !important;
  justify-content:flex-start !important;
  padding:18px 22px !important;
  font-size:15px !important;
}
.focus-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(47,124,255,.16);
  color:#5bb9ff;
  font-size:21px;
  font-weight:800;
  border:1px solid rgba(91,185,255,.18);
}

/* Upgrade Product Categories visually */
.section{
  padding-top:62px !important;
}
.cards{
  gap:22px !important;
}
.premium-card{
  position:relative;
  padding:30px !important;
  border-radius:20px !important;
  box-shadow:0 16px 42px rgba(18,52,92,.09) !important;
  overflow:hidden;
}
.premium-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#2f7cff,#59b7ff);
}
.premium-card .icon{
  width:54px !important;
  height:54px !important;
  border-radius:15px !important;
  font-size:14px !important;
  margin-bottom:16px;
}
.category-label{
  color:#2f7cff;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.4px;
  margin-bottom:8px;
}
.premium-card h3{
  font-size:22px !important;
  margin:0 0 10px !important;
}
.premium-card p{
  min-height:66px;
  margin-bottom:14px !important;
}
.category-meta{
  color:#8493a7;
  font-size:10px;
  font-weight:700;
  margin-bottom:10px;
}
.premium-card a{
  margin-top:6px !important;
  font-size:12px !important;
}

/* Make the page feel more cohesive */
.home-focus-strip{
  padding-bottom:34px !important;
}
.section-head h2{
  font-size:40px !important;
}

@media(max-width:600px){
  .wide-brands{padding:18px 14px !important}
  .wide-brands h3{font-size:24px !important}
  .home-focus-box{
    justify-content:flex-start !important;
    padding:14px !important;
    gap:10px !important;
  }
  .focus-icon{
    flex-basis:36px;
    width:36px;
    height:36px;
    font-size:18px;
  }
  .premium-card{
    padding:24px !important;
  }
  .premium-card p{
    min-height:auto;
  }
}

.focus-svg{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  border-radius:9px !important;
  background:rgba(47,124,255,.13) !important;
}
.focus-svg svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:#59baff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.home-focus-box{
  gap:10px !important;
}
@media(max-width:600px){
  .focus-svg{
    flex-basis:30px !important;
    width:30px !important;
    height:30px !important;
  }
  .focus-svg svg{width:17px;height:17px}
}

.home-b2b-trust{
  padding:0 0 54px;
  background:#fff;
}
.home-b2b-trust p{
  margin:0 auto;
  max-width:760px;
  text-align:center;
  color:#64748b;
  font-size:14px;
  font-weight:600;
  line-height:1.65;
}
.wide-brand-grid{
  align-items:stretch;
}
.wide-brand{
  line-height:1.2;
}
.home-focus-box{
  min-height:104px !important;
}
@media(max-width:600px){
  .home-b2b-trust{padding:0 20px 40px}
  .home-b2b-trust p{font-size:13px}
}

@media(max-width:600px){
  /* Keep the opening section compact and readable */
  .home-refresh{
    padding-top:34px !important;
    padding-bottom:6px !important;
  }
  .home-refresh h1{
    font-size:42px !important;
    line-height:1.02 !important;
    letter-spacing:-1.5px !important;
  }
  .home-refresh p{
    font-size:15px !important;
    line-height:1.65 !important;
    margin-top:18px !important;
  }
  .home-inquiry{
    width:100% !important;
    justify-content:center !important;
  }

  /* Circular graphic: visible, but not oversized */
  .home-refresh .orbit{
    height:360px !important;
    max-width:330px !important;
    margin:28px auto 0 !important;
  }
  .home-refresh .r1{width:270px !important;height:270px !important}
  .home-refresh .r2{width:198px !important;height:198px !important}
  .home-refresh .r3{width:132px !important;height:132px !important}
  .home-refresh .core{width:94px !important;height:94px !important}
  .home-refresh .node{
    font-size:9px !important;
    padding:8px 9px !important;
    max-width:125px !important;
  }
  .home-refresh .n1{left:0 !important;top:12px !important}
  .home-refresh .n2{right:0 !important;top:12px !important}
  .home-refresh .n3{left:0 !important;top:142px !important}
  .home-refresh .n4{right:0 !important;top:142px !important}
  .home-refresh .n5{left:20px !important;bottom:12px !important}
  .home-refresh .n6{right:20px !important;bottom:12px !important}

  /* Brands: 2-column compact list */
  .wide-brands-wrap{
    margin-top:12px !important;
    padding-bottom:0 !important;
  }
  .wide-brands{
    padding:17px 13px 18px !important;
    border-radius:16px !important;
  }
  .wide-brands-kicker{
    font-size:9px !important;
    letter-spacing:1.5px !important;
  }
  .wide-brands h3{
    font-size:22px !important;
    margin-bottom:13px !important;
  }
  .wide-brand-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .wide-brand{
    min-height:40px !important;
    padding:6px 5px !important;
    font-size:10.5px !important;
  }

  /* Six focus areas */
  .home-focus-strip{
    padding:18px 0 24px !important;
  }
  .home-focus-grid{
    gap:9px !important;
  }
  .home-focus-box{
    min-height:86px !important;
    padding:11px !important;
    gap:8px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }
  .focus-svg{
    flex:0 0 29px !important;
    width:29px !important;
    height:29px !important;
  }
  .focus-svg svg{
    width:16px !important;
    height:16px !important;
  }

  /* Product categories */
  .section{
    padding-top:42px !important;
  }
  .section-head{
    margin-bottom:24px !important;
  }
  .section-head h2{
    font-size:32px !important;
  }
}

/* Hero only — no changes to brands, focus boxes, categories, or other sections */
.home-refresh .hero-copy h1,
.home-refresh h1{
  font-weight:600 !important;
}
.home-refresh .hero-copy p,
.home-refresh > .container p{
  font-weight:400 !important;
}
/* Keep the small uppercase eyebrow intentionally emphasized */
.home-refresh .eyebrow,
.home-refresh .kicker{
  font-weight:700 !important;
}

/* Only the top hero typography */
.home-refresh .hero-copy h1,
.home-refresh h1{
  font-weight:500 !important;
}
.home-refresh .hero-copy p,
.home-refresh > .container p{
  font-weight:300 !important;
}

/* Hero supporting sentence only */
.home-refresh .hero-copy p,
.home-refresh > .container p{
  color:#aebfd4 !important;
}

/* Compact the brands strip without changing layout/content */
.wide-brands{
  padding-top:14px !important;
  padding-bottom:15px !important;
}
.wide-brands-kicker{
  margin-bottom:4px !important;
}
.wide-brands h3{
  margin-bottom:11px !important;
}
.wide-brand-grid{
  row-gap:7px !important;
}
@media(max-width:600px){
  .wide-brands{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
}

/* Balanced typography — lighter overall, while preserving hierarchy */

/* Navigation */
.navlinks a{
  font-weight:500 !important;
}

/* Hero */
.home-refresh h1{
  font-weight:500 !important;
}
.home-refresh .hero-copy p,
.home-refresh > .container p{
  font-weight:300 !important;
}
.home-refresh .kicker,
.home-refresh .eyebrow{
  font-weight:700 !important;
}
.home-inquiry{
  font-weight:500 !important;
}

/* Labels around the circular graphic */
.home-refresh .node{
  font-weight:500 !important;
}

/* Brands */
.wide-brands-kicker{
  font-weight:700 !important;
}
.wide-brands h3{
  font-weight:600 !important;
}
.wide-brand{
  font-weight:500 !important;
}

/* Six focus boxes */
.home-focus-box{
  font-weight:500 !important;
}

/* Product Categories */
.section-head .kicker{
  font-weight:700 !important;
}
.section-head h2{
  font-weight:600 !important;
}
.section-head p{
  font-weight:400 !important;
}
.card h3{
  font-weight:600 !important;
}
.card p{
  font-weight:400 !important;
}
.card a{
  font-weight:500 !important;
}

/* Font-weight only — no size, color, spacing, or layout changes */
.navlinks a{font-weight:400 !important;}

.home-refresh h1{font-weight:500 !important;}
.home-refresh .hero-copy p,
.home-refresh > .container p{font-weight:300 !important;}
.home-refresh .node{font-weight:400 !important;}
.home-inquiry{font-weight:400 !important;}

.wide-brands h3{font-weight:500 !important;}
.wide-brand{font-weight:400 !important;}

.home-focus-box{font-weight:400 !important;}

.section-head h2{font-weight:500 !important;}
.section-head p{font-weight:400 !important;}
.card h3{font-weight:500 !important;}
.card p{font-weight:400 !important;}
.card a{font-weight:400 !important;}

/* Keep small uppercase section labels distinct */
.home-refresh .kicker,
.home-refresh .eyebrow,
.wide-brands-kicker,
.section-head .kicker{font-weight:600 !important;}
/* Approved adjustment: brand names bold */
.wide-brand{
  font-weight:700 !important;
}