/* Shared inner-page hero — compact homepage layout (not loaded on homepage) */

.gb-hero-shell{
  --gb-hero-accent:#7DD3FC;
  --gb-hero-accent-2:#22C55E;
  --gb-hero-gradient:linear-gradient(135deg,#020617 0%,#061B46 55%,#0B3B88 100%);
  --gb-hero-glow:rgba(37,99,235,.22);
  position:relative;
  overflow:hidden;
  background:var(--gb-hero-gradient);
}
.gb-hero-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 18%,var(--gb-hero-glow),transparent 42%),radial-gradient(circle at 8% 88%,rgba(34,197,94,.1),transparent 38%);
  pointer-events:none;
}
.gb-hero-shell:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:28px 28px;
  opacity:.35;
  pointer-events:none;
  mask-image:linear-gradient(180deg,#000 0%,transparent 88%);
}

/* Per-page KPI / vector tints only — shell stays homepage navy */
.gb-hero-shell--green{--gb-hero-glow:rgba(34,197,94,.18)}
.gb-hero-shell--orange{--gb-hero-glow:rgba(234,88,12,.18)}
.gb-hero-shell--purple{--gb-hero-glow:rgba(124,58,237,.18)}
.gb-hero-shell--pink{--gb-hero-glow:rgba(219,39,119,.18)}
.gb-hero-shell--violet{--gb-hero-glow:rgba(139,92,246,.18)}
.gb-hero-shell--cyan{--gb-hero-glow:rgba(8,145,178,.18)}
.gb-hero-shell--indigo{--gb-hero-glow:rgba(79,70,229,.18)}
.gb-hero-shell--teal{--gb-hero-glow:rgba(13,148,136,.18)}

.gb-hero-band{
  position:relative;
  z-index:1;
  padding:32px 0 24px;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:0 0 24px 24px;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 48px rgba(2,6,23,.18);
  background:transparent!important;
}
.gb-hero-band:before,.gb-hero-band:after{display:none!important}

.gb-hero-container{
  width:min(85%,1320px);
  max-width:calc(100% - 2 * clamp(20px,7.5vw,72px));
  margin-inline:auto;
}

.gb-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  gap:40px;
  align-items:center;
}

.gb-hero-copy{text-align:left;min-width:0}
.gb-hero-copy .sc-pill,.gb-hero-copy .gb-hero-badge,.gb-hero-copy .sc-breadcrumb+.sc-pill{
  display:inline-flex;align-items:center;gap:8px;
  min-height:30px;padding:0 14px;border-radius:999px;
  background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);
  color:#22C55E;font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;
}
.gb-hero-copy h1,.gb-hero-copy .gb-hero-title,.gb-site [class*="-copy"] h1{
  margin:10px 0 12px;
  font-size:clamp(28px,3.2vw,44px);
  line-height:1.18;
  font-weight:700;
  color:#fff!important;
  letter-spacing:-.025em;
  font-family:Inter,system-ui,sans-serif;
}
.gb-hero-copy h1 em,.gb-hero-copy h1 span.gb-hero-accent,.gb-site [class*="-copy"] h1 span.gb-hero-accent{
  font-style:normal;color:#7DD3FC;font-weight:700;
}
.gb-hero-copy h1 em,.gb-site [class*="-copy"] h1 em{
  font-style:normal;color:#22C55E;font-weight:700;
}
.gb-hero-copy>p,.gb-hero-lead,.gb-site [class*="-copy"]>p{
  margin:0;
  max-width:640px;
  font-size:18px;
  line-height:1.8;
  color:#CBD5E1!important;
  font-weight:400;
}

/* Typewriter rotator — homepage match */
.gb-hero-rotate{
  display:inline-block;
  text-align:left;
  vertical-align:top;
  color:#fff;
  font-weight:700;
}
.gb-hero-rotate__text{display:inline;white-space:nowrap}
.gb-hero-rotate__caret{
  display:inline-block;
  width:2px;
  height:.82em;
  background:currentColor;
  margin-left:3px;
  vertical-align:-.08em;
  animation:gb-hero-caret-blink .85s step-end infinite;
}
@keyframes gb-hero-caret-blink{0%,100%{opacity:1}50%{opacity:0}}

.gb-hero-cta,.gb-hero-copy .sc-hero-actions{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;
}
.gb-hero-chips,.gb-hero-copy .sc-page-points,.gb-hero-copy .sc-pricing-checks{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;max-width:560px;
}
.gb-hero-chips>span,.gb-hero-copy .sc-page-points span,.gb-hero-copy .sc-pricing-checks span{
  display:inline-flex;align-items:center;gap:8px;
  min-height:32px;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  color:#F1F5F9;font-size:13px;font-weight:500;
}
.gb-hero-chips>span i,.gb-hero-copy .sc-page-points i,.gb-hero-copy .sc-pricing-checks i{color:#22C55E;font-size:14px}

/* Compact floating visual — homepage style */
.gb-hero-visual{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:4px 0 8px;
  max-height:min(52vw,340px);
}
.gb-hero-visual-glow{
  position:absolute;
  inset:10% 6% 14%;
  background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.32),rgba(34,197,94,.1) 45%,transparent 72%);
  filter:blur(24px);
  pointer-events:none;
  animation:gb-hero-glow 6s ease-in-out infinite alternate;
}
@keyframes gb-hero-glow{from{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}
.gb-hero-image{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:min(100%,420px);
  height:auto;
  margin:0 auto;
  border-radius:0;
  box-shadow:none;
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.34));
  animation:gb-hero-float 5s ease-in-out infinite;
}
@keyframes gb-hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.gb-hero-kpi-strip{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:100%;
  max-width:420px;
  margin-top:12px;
}
.gb-hero-kpi-strip article{
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  text-align:center;
}
.gb-hero-kpi-strip strong{
  display:block;
  font-size:15px;
  line-height:1.1;
  font-weight:800;
  color:#fff;
}
.gb-hero-kpi-strip span{
  display:block;
  margin-top:2px;
  font-size:9px;
  line-height:1.3;
  font-weight:600;
  color:#CBD5E1;
}

/* Full-bleed shell — heroes must never clip (fixes pricing/resources cut-off) */
.gb-site .gb-hero-shell,
.gb-site .gb-hero-shell>.gb-hero-band,
.gb-site .gb-hero-shell>.sc-section,
.gb-site main>section[class*="-hero"].sc-section{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:visible!important;
}
.gb-site .gb-hero-shell .gb-hero-band.sc-pricing-hero,
.gb-site .gb-hero-shell .gb-hero-band.sc-resources-hero{
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.gb-site .gb-hero-shell .gb-hero-band.sc-pricing-hero:before,
.gb-site .gb-hero-shell .gb-hero-band.sc-pricing-hero:after,
.gb-site .gb-hero-shell .gb-hero-band.sc-resources-hero:before,
.gb-site .gb-hero-shell .gb-hero-band.sc-resources-hero:after{
  display:none!important;
}
.gb-site .gb-hero-shell{
  border-radius:0 0 24px 24px;
  margin-bottom:0;
  box-shadow:0 20px 48px rgba(2,6,23,.18);
}
.gb-site .gb-hero-shell .gb-hero-visual{
  max-height:none!important;
  overflow:visible!important;
  transform:none!important;
  margin:0!important;
}

/* Legacy site-page heroes — same compact shell */
.gb-site .sc-features-hero,.gb-site .sc-industries-hero,.gb-site .sc-contact-hero,.gb-site .sc-page-hero{
  background:linear-gradient(135deg,#020617 0%,#061B46 55%,#0B3B88 100%)!important;
  padding:32px max(clamp(20px,7.5vw,72px),calc((100vw - 1320px)/2 + clamp(20px,7.5vw,72px))) 24px!important;
  grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
  gap:40px!important;
  align-items:center!important;
  border-radius:0 0 24px 24px!important;
  min-height:0!important;
}
.gb-site .sc-breadcrumb{margin-bottom:12px!important;font-size:11px!important}
.gb-site .sc-industry-highlights{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:18px!important;
  max-width:100%!important;
}
.gb-site .sc-industry-highlights article{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  grid-template-columns:none!important;
  padding:6px 12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.06)!important;
  border-radius:999px!important;
}
.gb-site .sc-industry-highlights img{width:22px!important;height:22px!important;margin:0!important}
.gb-site .sc-industry-highlights span{font-size:12px!important;white-space:nowrap}

/* Resources stats + search — below hero in premium toolbar */
.gb-site .sc-resources-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.gb-site .sc-resources-toolbar .sc-resource-stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:0;
  grid-template-columns:none;
}
.gb-site .sc-resources-toolbar .sc-resource-stats article{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid #E2E8F0;
  background:#F8FAFC;
  grid-template-columns:none;
}
.gb-site .sc-resources-toolbar .sc-resource-stats img{width:32px;height:32px;grid-row:auto}
.gb-site .sc-resources-toolbar .sc-resource-stats strong{font-size:16px;color:#0F172A}
.gb-site .sc-resources-toolbar .sc-resource-stats span{font-size:12px;color:#64748B}
.gb-site .sc-resources-toolbar .sc-resource-search{
  flex:1 1 280px;
  max-width:480px;
  margin:0;
  height:50px;
}

.gb-site .sc-contact-highlights{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:18px!important;
  max-width:100%!important;
  grid-template-columns:none!important;
}
.gb-site .sc-contact-highlights article{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  text-align:left!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.06)!important;
}
.gb-site .sc-contact-highlights img{width:22px!important;height:22px!important;margin:0!important}
.gb-site .sc-contact-highlights strong,.gb-site .sc-contact-highlights span{display:inline!important;font-size:12px!important;color:#F1F5F9!important}
.gb-site .sc-contact-highlights span{margin:0 0 0 4px!important;color:#CBD5E1!important}

/* Compact legacy hero visuals (features, contact, etc.) */
.gb-site .sc-features-visual,.gb-site .sc-contact-visual{
  position:relative!important;
  min-height:0!important;
  max-height:300px!important;
  overflow:visible!important;
  transform:scale(.76);
  transform-origin:center center;
  margin:-24px 0 -16px!important;
}
.gb-site .sc-industries-visual{
  position:relative!important;
  min-height:0!important;
  height:280px!important;
  max-height:280px!important;
  overflow:hidden!important;
  transform:scale(.82);
  transform-origin:center center;
  margin:-8px 0 -12px!important;
}
.gb-site .sc-industry-node{
  width:108px!important;
  min-height:84px!important;
  padding:8px!important;
  border-radius:16px!important;
}
.gb-site .sc-industry-node img{width:44px!important;height:44px!important}
.gb-site .sc-industry-node strong{font-size:9px!important}
.gb-site .sc-industry-hub{width:96px!important;height:96px!important;padding:12px!important;border-radius:18px!important}
.gb-site .sc-industry-hub i{font-size:28px!important}
.gb-site .sc-industry-hub strong{font-size:11px!important}

.gb-site .sc-page-hero .sc-page-panel{
  max-height:300px;
  padding:20px!important;
  transform:scale(.92);
  transform-origin:center right;
}
.gb-site .sc-page-hero .sc-page-metrics{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:8px!important;
}
.gb-site .sc-page-hero .sc-page-metrics article{padding:10px!important}
.gb-site .sc-page-hero .sc-page-metrics strong{font-size:18px!important}

.gb-site .sc-float-icon,.gb-site .sc-paper-plane,.gb-site .sc-price-float,.gb-site .sc-resource-float,.gb-site .sc-contact-float{
  transform:scale(.72)!important;
}
.gb-site .sc-feature-payment{width:150px!important;padding:12px!important}
.gb-site .sc-resource-plant,.gb-site .sc-resource-books{display:none!important}

/* Flat content sections — homepage parity (cards live inside grids only) */
.gb-site .gb-premium-section,
.gb-site .sc-industries-list.sc-section,
.gb-site .sc-industry-results.sc-section,
.gb-site .sc-resources-toolbar.sc-section,
.gb-site .sc-pricing-plans.sc-section,
.gb-site .sc-pricing-faq.sc-section,
.gb-site .sc-resource-types.sc-section,
.gb-site .sc-popular-resources.sc-section,
.gb-site .sc-contact-main.sc-section,
.gb-site .sc-page-section.sc-section,
.gb-site .sc-faq.sc-section,
.gb-site .sc-process.sc-section,
.gb-site .gb-mod-section.gb-premium-section.sc-section{
  width:100%;
  max-width:1320px;
  margin-inline:auto;
  padding-inline:clamp(20px,7.5vw,72px);
  padding-block:clamp(56px,7vw,88px);
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  margin-bottom:0;
}
.gb-site main{margin-top:-16px;position:relative;z-index:2}
.gb-site main>section.sc-section:not([class*="-hero"]):not(.sc-footer):not(.gb-mod-cta){
  padding-block:clamp(56px,7vw,88px)!important;
}

@media(max-width:991px){
  .gb-hero-grid,.gb-site .sc-features-hero,.gb-site .sc-pricing-hero,.gb-site .sc-industries-hero,.gb-site .sc-resources-hero,.gb-site .sc-contact-hero,.gb-site .sc-page-hero{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .gb-hero-band{padding:28px 0 32px}
  .gb-hero-visual,.gb-site .sc-features-visual,.gb-site .sc-pricing-visual,.gb-site .sc-industries-visual,.gb-site .sc-resources-visual,.gb-site .sc-contact-visual{
    max-height:none!important;
    transform:scale(.88)!important;
    margin:0!important;
  }
  .gb-hero-kpi-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .gb-hero-copy h1,.gb-site [class*="-copy"] h1{
    font-size:clamp(24px,6.5vw,32px)!important;
  }
  .gb-hero-band,.gb-site .sc-features-hero,.gb-site .sc-industries-hero{border-radius:0 0 18px 18px!important}
  .gb-site .gb-premium-section,
  .gb-site .sc-pricing-plans.sc-section,
  .gb-site .sc-pricing-faq.sc-section,
  .gb-site .gb-mod-section.gb-premium-section.sc-section{
    padding-inline:20px;
    padding-block:clamp(48px,8vw,64px);
  }
  .gb-hero-kpi-strip{grid-template-columns:repeat(2,1fr)}
  .gb-site .sc-resources-toolbar{flex-direction:column;align-items:stretch}
  .gb-site .sc-resources-toolbar .sc-resource-search{max-width:100%}
}

/* Override legacy mobile width caps that clipped heroes */
@media(max-width:600px){
  .gb-site .gb-hero-shell,
  .gb-site .gb-hero-shell .gb-hero-band,
  .gb-site .sc-pricing-hero,
  .gb-site .sc-resources-hero,
  .gb-site .sc-features-hero,
  .gb-site .sc-industries-hero,
  .gb-site .sc-contact-hero,
  .gb-site .sc-page-hero{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  .gb-site .sc-resources-toolbar{
    width:min(85%,1320px)!important;
    max-width:calc(100% - 2 * clamp(20px,7.5vw,72px))!important;
    overflow:visible!important;
  }
}