/* =====================================================================
   Fast Hippo Media — SMB AI Visibility Benchmark Report 2026
   Structure modeled on the HubSpot "State of Marketing 2026" report:
   top header → animated hero → sticky Table-of-Contents card + CTA card →
   chapters (label, headline, lead, key-findings grid, charts, quotes,
   "in the loop" action cards) → methodology → help CTA → footer.
   Brand palette pulled from fasthippomedia.com. Scoped under .fhm-report.
   ===================================================================== */

@font-face {
font-family: Poppins-Light;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Poppins-Light.ttf") format("truetype");
}
@font-face {
font-family: Poppins-Medium;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
font-family: Poppins-Regular;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
font-family: Poppins-SemiBold;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: Poppins-Bold;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Poppins-Bold.ttf") format("truetype");
}


@font-face {
font-family: Montserrat-Regular;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
font-family: Montserrat-SemiBold;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: Montserrat-Bold;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
font-family: Montserrat-Light;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Montserrat-Light.ttf") format("truetype");
}
@font-face {
font-family: Montserrat-Medium;
src: url("https://fasthippomedia.com/wp-content/themes/fasthippomedia/fonts/Montserrat-Medium.ttf") format("truetype");
}

.fhm-report {
  /* Official Fast Hippo Media brand system */
  --fhm-blue:    #072AC8;   /* Primary Blue   */
  --fhm-blue-2:  #051e8f;   /* Primary Blue hover */
  --fhm-navy:    #03045E;   /* Deep Navy      */
  --fhm-cyan:    #01baef;   /* Electric Cyan  */
  --fhm-orange:  #ff7b00;   /* Energy Orange — primary CTA/accent (10%) */
  --fhm-orange-2:#e76f00;   /* Energy Orange hover */
  --fhm-green:   #00a676;   /* Success Green  */
  --fhm-gold:    #d4a017;   /* Premium Gold   */
  --fhm-red:     #d72638;   /* Error Red      */
  --fhm-ink:     #2a3142;   /* Charcoal       */
  --fhm-bg:      #F8F8F8;   /* Cloud White (60% neutrals) */
  --fhm-bg-2:    #eef2f9;
  --fhm-card:    #ffffff;
  --fhm-line:    #e9edf3;   /* Light Gray     */
  --fhm-line-2:  #d6dce5;   /* Soft Gray      */
  --fhm-steel:   #8d99ae;   /* Steel Gray     */
  --fhm-text:    #2D2D2D;
  --fhm-muted:   #2D2D2D;
  --fhm-radius:  16px;
  --fhm-shadow:  0 18px 50px -24px rgba(6,10,43,.35);
  --fhm-shadow-sm: 0 8px 26px -16px rgba(6,10,43,.30);
  --fhm-wrap: 1200px;

  font-family: 'Montserrat-Regular';
  color: #2D2D2D;
  background: var(--fhm-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

@media (max-width: 1440px) {
    p {
        font-size: 14px;
    }
}


.fhm-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; font-size:15px;
  padding:13px 26px; border-radius:999px; background:var(--fhm-orange); color:#fff !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease; box-shadow:0 12px 26px -10px rgba(255,123,0,.6); line-height: 20px; }
.fhm-btn:hover { transform:translateY(-2px); background:var(--fhm-orange-2); box-shadow:0 18px 32px -10px rgba(255,123,0,.7); }
.fhm-btn--lg { padding:17px 34px; font-size:16.5px; }
.fhm-btn--ghost { background:transparent; color:#fff !important; border:1.5px solid rgba(255,255,255,.45); box-shadow:none; }
.fhm-btn--ghost:hover { border-color:#fff; background:rgba(255,255,255,.08); }

/* hero */
.fhm-hero { position:relative; overflow:hidden; color:#fff;
  background:linear-gradient(135deg,#03045E 0%,#052279 46%,#072AC8 100%); }
.fhm-hero::before { content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(40% 50% at 82% 28%, rgba(1,186,239,.40), transparent 70%),
             radial-gradient(34% 44% at 95% 88%, rgba(255,123,0,.22), transparent 70%); }
.fhm-hero::after { content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px); background-size:28px 28px; opacity:.5; }
.fhm-hero__in { position:relative; z-index:1; display:grid; grid-template-columns:1.04fr .96fr; gap:48px;
  align-items:center; min-height:600px; padding:76px 0; }
.fhm-hero__eyebrow { display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:#cfe0ff; margin:0 0 22px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); padding:8px 16px; border-radius:999px; }
.fhm-hero__eyebrow::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--fhm-orange); box-shadow:0 0 10px 2px rgba(255,123,0,.7); }
.fhm-hero h1 { font-size:clamp(44px,6.6vw,80px); line-height:.98; letter-spacing:-.03em; font-weight:600; margin:0 0 22px; color:#fff; }
.fhm-hero h1 .hl { background:linear-gradient(90deg,#5FDCFF,#36A7FF); -webkit-background-clip:text; background-clip:text; color:transparent; }
.fhm-hero__sub { font-size:clamp(17px,1.9vw,20px); color:#c4d2f5; max-width:500px; margin:0 0 30px; }
.fhm-hero__cta { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:38px; }
.fhm-hero__stats { display:flex; flex-wrap:wrap; gap:30px; }
.fhm-hero__stat b { display:block; font-size:30px; font-weight:700; color:#fff; line-height:1; letter-spacing:-.02em; }
.fhm-hero__stat b em { font-style:normal; color:var(--fhm-cyan); }
.fhm-hero__stat span { display:block; font-size:12.5px; color:#9fb2e0; margin-top:7px; }
.fhm-hero__stat + .fhm-hero__stat { padding-left:30px; border-left:1px solid rgba(255,255,255,.16); }

/* score speedometer */
.fhm-speedo { width:100%; height:auto; overflow:visible; display:block; filter:drop-shadow(0 20px 40px rgba(0,0,0,.28)); }
.fhm-speedo .fhm-speedo__val { animation:fhm-arc 1.4s cubic-bezier(.2,.7,.2,1) both; }
@keyframes fhm-arc { from { stroke-dasharray:0 999; } }
.fhm-keychips { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top: 0px; }
.fhm-keychips span { background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.28); color:#FFFFFF; font-size:12px; font-weight:500; padding:7px 10px; border-radius:999px;  font-family: 'Montserrat-Medium' !important;}
.fhm-keychips span:hover {
    background: #FF7B00;
    border-color: #FF7B00;
}
/* responsive */
@media (max-width:1000px) {
  .fhm-hero__in { grid-template-columns:1fr; gap:30px; min-height:0; text-align:left; }
  .fhm-orbit { max-width:340px; }
}


p.fhm-source {
    font-size: 12px !important;
}




.fhm-report *, .fhm-report *::before, .fhm-report *::after { box-sizing: border-box; }
.fhm-report img { max-width: 100%; height: auto; display: block;}
#industries .fhm-bar__top img.Industry-icon {width:50px !important; }
.fhm-report a { color: var(--fhm-blue); text-decoration: none; }
.fhm-wrap { width: 100%;   
/* 	max-width: var(--fhm-wrap); */
 margin: 0 auto; padding: 0 20px; }

/* ---------- scroll progress ---------- */
.fhm-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; z-index: 1100;
  background: linear-gradient(90deg, var(--fhm-cyan), var(--fhm-blue)); transition: width .1s linear; }

/* ---------- buttons ---------- */
.fhm-btn{
    display: inline-flex;
    align-items: center;
    border: 1px solid #FF7B00;
    text-decoration: none;
    font-family: 'Montserrat-SemiBold';
    height: 49px;
    padding: 5px 15px;
    border-radius: 30px;
    color: #FFF !important;
    text-align: center;
    justify-content: center;
    background: #FF7B00;
    cursor: pointer;
}
.fhm-btn:hover { 
    background: #072AC8;
    color: #fff;
    border: 1px solid #072AC8;
    
}
.fhm-btn--lg { padding: 17px 34px; font-size: 16.5px; }
.fhm-btn--blue { background: var(--fhm-blue); box-shadow: 0 12px 26px -10px rgba(7,42,200,.6); }
.fhm-btn--blue:hover { background: var(--fhm-blue-2); box-shadow: 0 18px 32px -10px rgba(7,42,200,.7); }
.fhm-btn--ghost {
    box-shadow: none;
    border-color: #D6DCE5 !important;
    color: #FFF !important;
    background: transparent;
}
.fhm-btn--ghost:hover {   
    background: #FF7B00 !important;
    border-color: #FF7B00 !important;
    color: #FFF; }

/* ---------- top header ---------- */
.fhm-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.92);
  backdrop-filter: saturate(160%) blur(12px); border-bottom: 1px solid var(--fhm-line); }
.fhm-header__in { display: flex; align-items: center; height: 70px; gap: 18px; }
.fhm-header__logo img { height: 34px; width: auto; }
.fhm-header__title { margin-left: auto; font-weight: 600; color: var(--fhm-navy); font-size: 15px; opacity: .9; font-family: 'Montserrat-Medium'; }
.fhm-header__title span { color: var(--fhm-muted); font-weight: 500; }

/* ---------- hero ---------- */
.fhm-hero { position: relative; overflow: hidden; color: #fff;
  background: linear-gradient(135deg, #03045e 0%, #052279 46%, #072ac8 100%); }
.fhm-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(40% 50% at 82% 28%, rgba(1,186,239,.40), transparent 70%),
    radial-gradient(34% 44% at 95% 88%, rgba(255,123,0,.22), transparent 70%); }
.fhm-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px); background-size: 28px 28px; opacity: .5; }
.fhm-hero__in { position: relative; z-index: 1; display: grid; grid-template-columns: 1.04fr .96fr; gap: 48px; align-items: center;
  min-height: 600px; padding: 76px 20px; }
.fhm-hero__eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 12.5px; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase; color: #cfe0ff; margin: 0 0 22px;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); padding: 8px 16px; border-radius: 999px; font-family: 'Montserrat-Medium'; }
.fhm-hero__eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--fhm-orange); box-shadow: 0 0 10px 2px rgba(255,123,0,.7); }
.fhm-hero h1 {     
    font-size: clamp(38px, 6.6vw, 60px);
    line-height: 1.2;
    letter-spacing: -.03em;
    font-weight: 600;
    margin: 0 0 22px;
    color: #fff;
    font-family: 'Poppins-Bold';}
.fhm-hero h1 .hl { background: linear-gradient(90deg, #5fdcff, #36a7ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fhm-hero__sub {
    font-size: clamp(17px, 1.9vw, 20px);
    color: #FFF;
    max-width: 500px;
    margin: 0 0 30px;
    font-family: 'Montserrat-Regular' !important;
    line-height: 24px;
    font-size: 16px;
}
.fhm-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 38px; }
.fhm-hero__stats { display: flex; flex-wrap: wrap; gap: 30px; }
.fhm-hero__stat b { display: block; font-size: 30px; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -.02em; font-family: 'Montserrat-Medium';}
.fhm-hero__stat b em { font-style: normal; color: var(--fhm-cyan); }
.fhm-hero__stat span { display: block; font-size: 12.5px; color: #9fb2e0; margin-top: 7px; letter-spacing: .02em; font-family: 'Montserrat-Medium';}
.fhm-hero__stat + .fhm-hero__stat { padding-left: 30px; border-left: 1px solid rgba(255,255,255,.16); }

/* hero score gauge with orbiting rings + floating chips */
.fhm-orbit { position: relative; width: 100%; aspect-ratio: 1.2/1; max-width: 470px; margin: 0 auto; display: grid; place-items: center; }
.fhm-orbit__ring { position: absolute; border: 1px dashed rgba(255,255,255,.26); border-radius: 50%; }
.fhm-orbit__ring.r1 { inset: 2%; animation: fhm-spin 30s linear infinite; }
.fhm-orbit__ring.r2 { inset: 16%; animation: fhm-spin 22s linear infinite reverse; }
.fhm-orbit__dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 0 16px 4px rgba(95,220,255,.85); top: 3%; left: 52%; }
.fhm-orbit__dot.d2 { top: auto; bottom: 14%; left: 18%; background: var(--fhm-orange); box-shadow: 0 0 16px 4px rgba(255,123,0,.8); }
/* progress gauge ring (30% filled) wrapping the white core */
.fhm-gauge { position: relative; width: 56%; aspect-ratio: 1/1; border-radius: 50%; display: grid; place-items: center; z-index: 2;
  background: conic-gradient(from 180deg, var(--fhm-cyan) 0deg, #4fd2ff 108deg, rgba(255,255,255,.16) 108deg 360deg);
  box-shadow: 0 0 70px rgba(1,186,239,.4); }
.fhm-orbit__core { position: relative; width: calc(100% - 22px); aspect-ratio: 1/1; border-radius: 50%; background: #fff;
 place-items: center; text-align: center; box-shadow: inset 0 0 0 1px rgba(3,4,94,.04); display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
.fhm-orbit__core b {
	font-size: clamp(38px, 5.4vw, 70px);
	font-weight: 700; color: var(--fhm-navy);
	line-height: 1;
	letter-spacing: -.02em; 
	font-family: 'Poppins-Bold'; 
	display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    margin: 0;
   }
.fhm-orbit__core b span { font-size: .42em; color: var(--fhm-steel); font-weight: 600; }
.fhm-orbit__core small { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #0C34CA; margin-top: 8px; font-family: 'Montserrat-Bold'; display: block;
    width: 100%;
    margin-top: 15px;
    text-align: center;}
.fhm-chip { position: absolute; z-index: 3; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.30);
  color: #f1f5ff; font-size: 12.5px; font-weight: 600; padding: 8px 15px; border-radius: 999px; backdrop-filter: blur(5px);
  white-space: nowrap; box-shadow: 0 8px 20px -10px rgba(0,0,0,.5); animation: fhm-float 5.5s ease-in-out infinite; font-family: 'Montserrat-SemiBold'; }
.fhm-chip.c1 { top: 7%;  left: 3%;   animation-delay: .0s; }
.fhm-chip.c2 { top: 25%; right: -3%; animation-delay: .9s; }
.fhm-chip.c3 { bottom: 24%; left: -5%; animation-delay: 1.5s; }
.fhm-chip.c4 { bottom: 5%;  right: 4%; animation-delay: 2.1s; }
.fhm-chip.c5 { top: 52%;  right: 9%;  animation-delay: 2.7s; }
@keyframes fhm-spin { to { transform: rotate(360deg); } }
@keyframes fhm-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

/* ---------- body: sticky TOC + chapters ---------- */
.fhm-body { position: relative; }
.fhm-body__in { display: grid; grid-template-columns: 320px 1fr; gap: 56px; align-items: start; padding: 60px 20px 60px; }

/* TOC card */
.fhm-toc-wrap { position: sticky; top: 90px; }
.fhm-toc { background: #fff; border: 1px solid var(--fhm-line); border-radius: var(--fhm-radius); padding: 26px 22px; box-shadow: var(--fhm-shadow-sm); }
.fhm-toc h3 {
    margin: 0 0 6px;
    font-size: 20px;
    color: #2D2D2D;
    font-weight: 600;
    font-family: 'Poppins-Bold';
}
.fhm-toc hr { border: 0; border-top: 1px solid var(--fhm-line); margin: 14px 0; }
.fhm-toc__item { display: block; padding: 12px 12px; border-radius: 10px; transition: background .15s ease; font-family: 'Montserrat-SemiBold'; }
.fhm-toc__label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--fhm-text); opacity: .72; font-family: 'Poppins-Bold'; }
.fhm-toc__item:hover .fhm-toc__label { opacity: 1; color: var(--fhm-blue); }
.fhm-toc__sub { display: none; margin-top: 8px; font-size: 15px; line-height: 1.4; color: var(--fhm-text); font-weight: 500; }
.fhm-toc__item.is-active { background: #D6DCE5; }
.fhm-toc__item.is-active .fhm-toc__label { color: var(--fhm-blue); opacity: 1; }
.fhm-toc__item.is-active .fhm-toc__sub { display: block; }
.fhm-toc__cta { margin-top: 16px; background: #03045E; color: #fff; border-radius: var(--fhm-radius); padding: 22px; text-align: center; }
.fhm-toc__cta p {
    margin: 0 0 14px;
    font-size: 15.5px;
    font-weight: 500;
    color: #FFF;
    font-family: 'Montserrat-Medium' !important;
}
.fhm-toc__cta .fhm-btn { width: 100%; }

/* ---------- chapters ---------- */
.fhm-chapters { min-width: 0; }
.fhm-chapter { padding: 40px 0 40px; border-bottom: 1px solid #afafaf; }
.fhm-chapter:last-child { border-bottom: 0; padding-bottom: 0px; }
.fhm-chapter__label { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--fhm-blue); margin: 0 0 14px;  font-family: 'Poppins-Bold'; }
.fhm-chapter__label .n {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: #D6DCE5;
    color: #2D2D2D;
    font-size: 13px;
    letter-spacing: 0;
    box-shadow: 0 6px 14px -6px #D6DCE5;
    font-family: 'Montserrat-Regular';
}
.fhm-h2 {
    font-size: 39px !important;
    color: #2D2D2D;
    font-size: 34px;
    font-family: 'Poppins-Bold';
    margin: 0 0 24px;
    line-height: 45px;
    text-transform: capitalize;
}




.page-id-7574 p {
    font-family: 'Montserrat-Regular' !important;
    font-size: 16px;
}
.fhm-source label {
    font-size: 12px;
    padding-right: 5px;
}

.fhm-rt p .blue,
.fhm-rt p .blue i,
.fhm-source .blue,
.fhm-source .blue i {
    color: #0C34CA !important;
}
.fhm-h2 .hl { color: #FF7B00; }
.fhm-statement {
    margin: 0 0 24px;
    border-left: 4px solid #03045E;
    background: #D6DCE5;
    padding: 12px;
    border-radius: 10px;
    font-size: 15px !important;
    line-height: 22px;
    font-weight: 700;
    color: #03045E;
    letter-spacing: -.01em;
    font-family: 'Montserrat-Bold' !important;
 }
 .fhm-statement p {
    font-size: 15px !important;
    line-height: 22px;
    font-weight: 700;
    color: #03045E;
    letter-spacing: -.01em;
    margin: 0;
    font-family: 'Montserrat-Bold' !important;
 }
    .fhm-rt p {
        color: #2D2D2D;
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 24px;
        font-family: 'Montserrat-Regular' !important;
    }
.fhm-rt p:last-child { margin-bottom: 0; }
.fhm-rt strong { color: var(--fhm-text); }
.fhm-rt a { color: var(--fhm-blue);  }
.fhm-bullets { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 10px; }
.fhm-bullets li {
    display: block;
    align-items: flex-start;
    color: var(--fhm-text);
	padding-left: 22px; 
	position:relative;
    font-weight: 500;
    font-family: 'Montserrat-Bold' !important;
    font-size: 14px;
}
#index .fhm-bullets li {
    position: relative;
    padding-left: 20px;
}
.fhm-h2 .blue i {
    color: #2D2D2D !important;
}
.fhm-h2 .blue {
    color: #2D2D2D !important;
}

.fhm-bullets li::before {
    content: "";
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--fhm-cyan);
    box-shadow: 0 0 0 4px rgba(17,180,240,.16);
    position: absolute;
    left: 0;
    top: 7px;
}
.fhm-h4 { font-size: 15px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--fhm-blue); margin: 36px 0 16px; font-family: 'Poppins-Bold';}
.fhm-figure { background: #fff; border-radius: var(--fhm-radius); padding: 12px; box-shadow: var(--fhm-shadow); border: 1px solid var(--fhm-line); margin: 26px 0; }
.fhm-figure img { border-radius: 10px; width: 100%; }
/* vertical / portrait infographics — keep them as elegant centred figures */
.fhm-figure--v {  margin-left: auto; margin-right: auto; }
.fhm-figcap { font-size: 13px; color: var(--fhm-muted); text-align: center; margin: 10px 0 0; }
.fhm-source {
    font-size: 14px;
    color: #2D2D2D;
    margin: 10px 0 0;
    font-style: italic;
    font-family: 'Montserrat-Regular' !important;}

#score .fhm-rt {
    margin-bottom: 30px;
}

/* key findings grid */
.fhm-keyfind { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 20px 0; }
.fhm-kf { background: #fff; border: 1px solid var(--fhm-line); border-radius: 14px; padding: 20px; box-shadow: var(--fhm-shadow-sm); }
.fhm-kf__t { font-size: 13.5px; font-weight: 600; color: var(--fhm-navy); margin: 0 0 10px; min-height: 38px; font-family: 'Poppins-Bold' !important;}
.fhm-kf__num { font-size: 42px; font-weight: 700; color: var(--fhm-blue); line-height: 1; letter-spacing: -.02em;  font-family: 'Poppins-Bold'; }
.fhm-kf__num span { font-size: 42px; color: var(--fhm-blue); }
.fhm-kf__d p {
    font-size: 14px;
    color: #2D2D2D;
    margin: 10px 0 0;
    font-family: 'Montserrat-Medium' !important; }

/* native bars */
.fhm-bars { display: grid; gap: 16px; margin: 22px 0; }
.fhm-bar__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.fhm-bar__name { font-weight: 500; color: var(--fhm-text); font-size: 15.5px; font-family: 'Poppins-Bold';}
.fhm-bar__val { font-weight: 700; color: var(--fhm-navy);  font-family: 'Poppins-Bold'; }
.fhm-bar__track { height: 12px; border-radius: 999px; background: #e6ebfa; overflow: hidden; }
.fhm-bar__fill { height: 100%; border-radius: 999px; width: 0; background: #072AC8; transition: width 1.1s cubic-bezier(.2,.7,.2,1); }

/* findings list (numbered) */
.fhm-findings { display: grid; gap: 14px; margin: 22px 0; }
.fhm-finding { display: grid; grid-template-columns: 56px 1fr auto; gap: 18px; align-items: center; background: #fff; border: 1px solid var(--fhm-line); border-left: 5px solid var(--fhm-blue); border-radius: 14px; padding: 20px 22px; box-shadow: var(--fhm-shadow-sm); }
.fhm-finding__n { font-size: 30px; font-weight: 700; color: var(--fhm-blue);  font-family: 'Poppins-Bold'; }
.fhm-finding__t { font-weight: 600; color: var(--fhm-navy); font-size: 17px; margin: 0 0 0px;  font-family: 'Poppins-Bold' !important;}
.fhm-finding__d {    
    margin: 0;
    color: #2D2D2D;
    font-size: 14px;
    font-family: 'Montserrat-Medium' !important; }
.fhm-finding__d p {
    margin: 0;
    color: #2D2D2D;
    font-size: 14px;
    font-family: 'Montserrat-Medium' !important;
}    
.fhm-finding__stat { text-align: right; white-space: nowrap; }
.fhm-finding__stat b { display: block; font-size: 22px; color: var(--fhm-navy); line-height: 1.1;     font-family: 'Poppins-Bold';}
.fhm-finding__stat span {    
    font-size: 12px;
    color: #2D2D2D;
    font-family: 'Montserrat-Medium' !important; }

/* gap band */
.fhm-gap { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; background: linear-gradient(135deg, #072ac8, #03045e); color: #fff; border-radius: 20px; padding: 36px; margin: 24px 0; text-align: center; }
.fhm-gap__node b { font-size: 50px; font-weight: 700; line-height: 1; display: block; font-family: 'Poppins-Bold';}
.fhm-gap__node.lead b {   
    color: #FFF;
    font-family: 'Montserrat-Bold'; }
.fhm-gap__node span { color: #aebbf0; font-size: 13px; letter-spacing: .1em; text-transform: uppercase;  font-family: 'Montserrat-Medium'; }
/*.fhm-gap__mid { background: rgba(255,255,255,.12); border-radius: 12px; padding: 14px 20px; }*/
.fhm-gap__mid b { font-size: 50px; font-weight: 700; line-height: 1; display: block; font-family: 'Poppins-Bold';}
.fhm-gap__mid span {     color: #aebbf0;
    font-size: 13px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: 'Montserrat-Medium'; }

/* index weight cards */
.fhm-index { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin: 22px 0; }
.fhm-index__card { background: #fff; border: 1px solid var(--fhm-line); border-radius: 12px; padding: 18px 14px; text-align: center; box-shadow: var(--fhm-shadow-sm); position: relative; overflow: hidden; }
.fhm-index__card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--fhm-cyan), var(--fhm-blue)); }
.fhm-index__w { font-size: 26px; font-weight: 700; color: var(--fhm-blue);   font-family: 'Poppins-Bold'}
.fhm-index__n { font-size: 12.5px; color: var(--fhm-text); font-weight: 500; margin-top: 6px;  font-family: 'Poppins-Bold'}
section#foreword {
    padding-top: 0;
}
/* pull quote */
.fhm-quote {
    background: #e6ebfa;
    border: 1px solid var(--fhm-line);
    border-radius: 10px;
    padding: 0px 20px 20px 20px;
    margin: 50px 0 0 0;
    box-shadow: var(--fhm-shadow-sm);
    -webkit-font-smoothing: subpixel-antialiased;
    border-left: 5px solid var(--fhm-navy);
	display: block;
}
.fhm-quote p {
    font-size: 19px;
    line-height: 1.3;
    font-weight: 500;
    color: #FFF;
    margin: 0 !important;
    font-family: 'Montserrat-Bold' !important;
    background: #072ac8;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative;
    top: -15px;
}
.fhm-quote cite {     
	display: block;
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .03em;
    color: #03045E;
    font-family: 'Montserrat-SemiBold'; }
.fhm-quote cite span { display: block; color: var(--fhm-muted); font-weight: 500; letter-spacing: 0; text-transform: none; margin-top: 2px;     font-family: 'Montserrat-Bold'; }
.fhm-quote-content p {
    background: transparent;
    border: none;
    position: unset;
    padding: 30px 0 10px 0;
    color: #03045E;
    text-transform: initial;
    line-height: 1.45;
	font-weight: 600;   
    font-family: 'Montserrat-SemiBold' !important;
}
.fhm-quote.fhm-quote-author cite {
    color: var(--fhm-blue);
}
.fhm-quote.fhm-quote-author {
    background: #fff;
    border: none;
	margin-top: 40px;
}
.fhm-foot p {
    margin: 0;
    color: #2D2D2D;
    font-size: 14px;
    font-family: 'Montserrat-Medium' !important;
    font-weight: 500;
}
.fhm-final-wrp {
    background: #03045E;
    border-radius: var(--fhm-radius);
    padding: 30px 32px !important;
    box-shadow: var(--fhm-shadow-sm);
    margin-top: 40px;
}
.fhm-final-wrp .fhm-chapter__label {
    color: #FFF;
}
.fhm-final-wrp .fhm-h2 {
    color: #FFF;
}
.fhm-final-wrp .fhm-rt p {
    color: #FFF;
}
/* "in the loop" action cards */
.fhm-loop { display: grid; gap: 14px; margin: 22px 0; }
.fhm-loop__item { background: #fff; border: 1px solid var(--fhm-line); border-radius: 14px; padding: 20px 25px; box-shadow: var(--fhm-shadow-sm); }
.fhm-loop__n { font-size: 14px; font-weight: 700; color: var(--fhm-blue); letter-spacing: .04em; font-family: 'Poppins-Bold';}
.fhm-loop__t { font-size: 18px; font-weight: 600; color: var(--fhm-navy); margin: 4px 0 10px; font-family: 'Poppins-Bold' !important;}
.fhm-loop__d { 
    color: #2D2D2D;
    font-size: 14px;
    margin: 0;
    font-family: 'Montserrat-Medium' !important;
}
.fhm-loop__d p { 
    color: #2D2D2D;
    font-size: 14px;
    margin: 0;
    font-family: 'Montserrat-Medium' !important;
}
/* help CTA cards */
.fhm-help { background: linear-gradient(180deg, #eef3ff, #f4f6fc); }
.fhm-help__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 30px;     margin-bottom: 30px; }
.fhm-help__card { background: #fff; border: 1px solid var(--fhm-line); border-radius: 14px; padding: 24px; box-shadow: var(--fhm-shadow-sm); }
.fhm-help__card h4 { margin: 0 0 8px; font-size: 17px; color: var(--fhm-navy); font-family: 'Poppins-Bold';
    text-transform: capitalize;}
.fhm-help__card p { margin: 0; font-size: 14.5px; color: var(--fhm-muted);     font-family: 'Montserrat-Medium' !important;}
a.fhm-bottom-cta-text {
    display: inline-flex;
    margin-top: 10px;
    font-family: 'Montserrat-Bold';
    font-size: 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
	color: #072AC8 !important;
}
.fhm-bottom-cta-text img {
    width: 20px;
}
.fhm-bottm-link {
    width: 100%;
}
/* sources list */
.fhm-sources {
    column-gap: 20px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
	margin-left: 20px;
}
.fhm-sources li {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #03045E;
    letter-spacing: -.01em;
    margin: 0 0 5px;
    /* border-left: 4px solid #03045E; */
    font-family: 'Montserrat-Regular' !important;
    padding: 0;
    /* border-radius: 10px; */
    /* box-shadow: 0 0 7px 2px rgba(6, 10, 43, .30); */
     width: calc(33.33% - 20px); 
    list-style: circle;
}
.fhm-sources li p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400 !important;
    color: #03045E !important;
    letter-spacing: -.01em;
    margin:  0;
    font-family: 'Montserrat-Regular' !important;
}
.fhm-sources li p span {
    font-weight: 400 !important;
}
.fhm-help-content p {
    color: #2D2D2D;
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Montserrat-Regular' !important;
}
.fhm-help-content span.blue {
    color: #0c34ca !important;
}
/* section heading inside chapters */
.fhm-eyebrow { 
    font-size: 13px !important;
    color: #2D2D2D;
    display: inline-block;
    background: #fff;
    box-shadow: 0px 0px 20px #0C34CA4D;
    border-radius: 30px;
    padding: 6px 19px;
    font-family: 'Montserrat-Medium';
        margin-bottom: 12px;
}

/* final CTA band */
.fhm-cta { position: relative; overflow: hidden; color: #fff; text-align: center; background: linear-gradient(135deg, #03045e 0%, #052279 50%, #072ac8 100%); padding: 80px 0; }
.fhm-cta h2 { font-size: clamp(28px, 4vw, 44px); color: #fff; margin: 0 0 16px; font-weight: 600; letter-spacing: -.02em; }
.fhm-cta p { color: #cdd8ff; max-width: 620px; margin: 0 auto 30px; font-size: 18px; }

/* section spacing */
.fhm-section { padding: 72px 0; }

/* footer (light, so the colour logo reads) */
.fhm-foot { background: #fff; color: var(--fhm-muted); padding: 36px 0; border-top: 1px solid var(--fhm-line); }
.fhm-foot__in { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.fhm-foot img { height: 34px; }
.fhm-foot small { 
    color: #2D2D2D;
    font-size: 14px;
    font-family: 'Montserrat-Medium' !important;
    font-weight: 500;
    
}

/* reveal */
/* .fhm-reveal { opacity: 0; transform: translateY(20px); }
.fhm-reveal.is-in { opacity: 1; } */



.fhm-figure.d-none {
    display: none;
}
#splitting .fhm-figure,
#score .fhm-figure,
#index .fhm-figure {
    margin-bottom: 0;
}
section#sources {
    margin: 0;
    padding: 40px 0 50px;
}
.fhm-sources li a {
    font-weight: 600;
    font-family: 'Montserrat-SemiBold';
}
.fhm-toc__cta span.blue {
    color: #FFF !important;
    font-weight: 700;
}
.fhm-toc__cta .blue i {
    color: #FFF !important;
}




/* Popup Modal */
.fhm-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fhm-modal__content {
  background: white;
  border-radius: 12px;
  padding: 40px;
  max-width: 600px;
  width: 90%;
  max-height: 90vh;   
  overflow-y: auto;   
  position: relative;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  animation: slideIn 0.3s ease-out;
}

#popup-thankyou{
    display:none;
    text-align:center;
    padding:40px 20px;
}

#popup-thankyou h2{
    font-size:34px;
    margin-bottom:20px;
    color:#2d2d2d;
}

#popup-thankyou p{
    font-size:18px;
    color:#666;
    margin-bottom:12px;
}

#popup-thankyou .fhm-btn{
    margin-top:25px;
	display: none;
}


@keyframes slideIn {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fhm-modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #999;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fhm-modal__close:hover {
  color: #333;
}
.fhm-index {
    display: none;
}

/* Close popup when clicking outside */
.fhm-modal {
  cursor: pointer;
}

.fhm-modal__content {
  cursor: default;
}
.fhm-modal.active {
  display: flex !important;
}


.fhm-modal__form .heading-txt h2 {
    font-family: 'Poppins-Bold' !important;
    text-transform: capitalize;
    color: #2D2D2D;
}
.fhm-modal__form .heading-txt h2 span {
    color: #FF7B00;
}
.fhm-modal__form textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100px;
}
.fhm-modal__form input.wpcf7-form-control, .fhm-modal__form textarea {
    border-width: 0 0 1px 0;
    padding: 14px 0px 14px 10px;
    width: 100%;
    font-size: 16px;
    font-family: 'Montserrat-Medium' !important;
    color: #2D2D2D;
}
/* Scrollbar for Modal */
.fhm-modal__content::-webkit-scrollbar {
  width: 8px;
}

.fhm-modal__content::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 10px;
}

.fhm-modal__content::-webkit-scrollbar-thumb {
  background: #0066cc;
  border-radius: 10px;
  transition: background 0.2s;
}

.fhm-modal__content::-webkit-scrollbar-thumb:hover {
  background: #0052a3;
}

/* Firefox */
.fhm-modal__content {
  scrollbar-color: #0066cc #f5f5f5;
  scrollbar-width: thin;
}
button.fhm-toc-toggle {
    display: none;
}
button.fhm-toc-close {
    display: none;
}
.cf7sr-g-recaptcha {
    margin-top: 30px;
}
.fhm-foot__in .blue {
    color: #0c34ca !important;
}
.fhm-toc__sub .blue {
    color: #0C34CA !important;
}

.fhm-quote cite .blue {
    color: #0C34CA !important;
}

.fhm-help-content p {
    font-size: 14px;
}

/* ---------- responsive ---------- */

@media (max-width: 1400px) {
.fhm-h2 {
    font-size: 34px !important;
}
 .fhm-rt p {
      font-size: 14px;
 }
    .page-id-7574 p {
       font-size: 14px;
}
 
}

.fhm-orbit text {
    font-family: 'Montserrat-Regular' !important;
}


@media (max-width: 1000px) {
  .fhm-hero__in { grid-template-columns: 1fr; gap: 30px; min-height: 0; text-align: left; }
  .fhm-orbit { max-width: 390px;         margin-right: auto;
        margin-left: 0px }
  .fhm-body__in { grid-template-columns: 1fr; gap: 0; padding-top: 30px; }
  .fhm-toc-wrap { position: static; margin-bottom: 30px; }
  .fhm-toc__sub { display: block; opacity: .85; } /* show all subs when stacked */
  .fhm-keyfind { grid-template-columns: repeat(2, 1fr); }
  .fhm-index { grid-template-columns: repeat(2, 1fr); }
  .fhm-help__grid { grid-template-columns: 1fr; }
  .fhm-header__title { font-size: 13px; }
	
	.fhm-keychips {
    justify-content: center;
		margin-top: 0;
}
	.fhm-keychips span {
    padding: 7px 10px;
	}
}

@media (max-width: 767px) {
	
	.fhm-header__title {
    display: none;
}
	  .fhm-keyfind { grid-template-columns: repeat(1, 1fr); }

.fhm-report section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.fhm-wrap.fhm-hero__in {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
	gap: 0;
}
.fhm-chapter {
    padding: 40px 0 40px;
}
.fhm-quote {
    margin-bottom: 0;
}
.fhm-body__in {
    padding-bottom: 40px;
}
    .fhm-h2 {
        font-size: 27px !important;
    }
.fhm-hero__cta {
    margin-bottom: 0;
}
.fhm-btn {
    padding: 15px 20px;
    font-size: 14.5px;
}
.fhm-hero__stats {
    display: none;
}
.fhm-hero__sub {
    margin: 0;
}
.fhm-kf__t {
    margin: 0;
}	
	.fhm-sources li {
    width: calc(50% - 20px);
}
section#sources {
    padding: 40px 0 30px;
}	
section.fhm-final-wrp {
    padding: 30px 20px !important;
}	
}

@media (max-width: 600px) {
     .fhm-finding {
        display: flex;
       
        column-gap: 10px;
        row-gap: 6px;
        flex-direction: column;
        align-items: flex-start;
    }
.fhm-header__in {
    justify-content: space-between;
}
.fhm-loop__item { padding: 20px; }	
	
/*  .fhm-finding {
    display: grid;
    grid-template-columns: 32px 1fr;
    grid-template-areas:
      "num title"
      "desc desc"
      "stat stat";
    column-gap: 10px;
    row-gap: 6px;
  } */

  .fhm-finding__n {
    grid-area: num;
  }
  .fhm-finding > div:nth-child(2) {
    display: contents;
  }

  .fhm-finding__t {
    grid-area: title;
    align-self: start;
  }

  .fhm-finding__d {
    grid-area: desc;
  }

  .fhm-finding__stat {
    grid-area: stat;
	  padding-top: 10px;
	  text-align: left;
  }	
	
	
}

@media (max-width: 500px) {
	.fhm-sources li {
    width: 100%;
}
}


.fhm-help__card img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}
section.fhm-section.fhm-help {
    margin: 0;
    background: #03045E;
    padding: 50px 0px;
    position: relative;
    z-index: 999;
}
section.fhm-section.fhm-help:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(40% 50% at 82% 28%, rgba(1, 186, 239, .40), transparent 70%), radial-gradient(34% 44% at 95% 88%, rgba(255, 123, 0, .22), transparent 70%);
    z-index: -1;
}
section.fhm-section.fhm-help .fhm-h2 {
    color: #FFF !important;
}
section.fhm-section.fhm-help .fhm-help-content p,
section.fhm-section.fhm-help .fhm-help-content {
    color: #FFFF;
}
section.fhm-section.fhm-help .fhm-help-content p span.blue,
section.fhm-section.fhm-help .fhm-help-content p span.blue i {
    color: #FFF !important;
}
.fhm-help-btn-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

span.fhm-eyebrow.d-none {
    display: none;
}
/** Start Offcanvas css **/

@media (max-width: 767px) {
 button.fhm-toc-toggle {
    display: block;
}
button.fhm-toc-close {
    display: block;
}   
    
    
  /* Floating toggle button */
  .fhm-toc-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #FF7B00;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    border: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
    cursor: pointer;
    padding: 0 !important;
  }
  .fhm-toc-toggle svg { width: 27px; height: 27px; }

  /* Backdrop */
  .fhm-toc-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 998;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }
  .fhm-toc-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  /* Offcanvas panel */
  .fhm-toc-wrap {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 82%;
    max-width: 340px;
    background: #fff;
    z-index: 1000;
    overflow-y: auto;
    padding: 15px 15px;
    transform: translateX(100%);
    transition: transform .3s ease;
    box-shadow: -4px 0 20px rgba(0,0,0,.15);
  }
  .fhm-toc-wrap.is-open {
    transform: translateX(0);
  }

  .fhm-toc-close {
  position: fixed;
  top: unset;
  right: 16px;
  bottom: 30px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: none;
  background: #FF7B00;
  font-size: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-bottom: 6px;
  line-height: 40px;
  color: #FFF;
  z-index: 1001;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.fhm-toc-close.is-open {
  opacity: 1;
  pointer-events: auto;
}
.fhm-toc {
    padding: 10px 10px;
}
  .fhm-toc__item.is-active {
    border-left: 3px solid var(--fhm-blue, #2563eb);
    padding-left: 10px;
    background: rgba(37,99,235,.06);
  }
  .fhm-toc__cta {
    display: none;
}
}

/** End Of offcanvas css **/




.split-search__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
    margin: 60px 0 40px;
	position: relative;
	z-index: 9;
}
.split-search__connector {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    height: 100%;
    background-image: url('https://fasthippomedia.com/wp-content/uploads/2026/07/Group-47380.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    text-align: center;
    z-index: 2;
    font-size: 12px;
    font-family: 'Montserrat-Medium';
}
.split-card {
    background: #fff;
    border-radius: 14px;
    padding: 40px 30px;
    box-shadow: var(--fhm-shadow-sm);
}
.split-card__header {
    font-weight: 600;
    color: #FFF;
    font-size: 17px;
    font-family: 'Poppins-SemiBold';
    background: #072AC8;
    border-radius: 10px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -60px;
}
.split-card.split-card--ai .split-card__header {
    background: #01BAEF;
}
.split-card__lead {
    font-size: 14px;
    color: #2D2D2D;
    margin: 10px 0 0;
     font-family: 'Montserrat-SemiBold' !important;
	text-align: center;
}
.split-card.split-card--traditional .split-card__stat {
    font-size: 45px;
    font-weight: 700;
    color: var(--fhm-blue);
    line-height: 1;
    letter-spacing: -.02em;
    font-family: 'Poppins-Bold' !important;
    text-align: center;
    margin: 15px 0;
}
.split-card__stat-caption p {
    font-size: 15px;
    font-weight: 600;
    color: var(--fhm-navy);
    margin: 0 0 10px;
    min-height: 38px;
    font-family: 'Poppins-Bold' !important;
    text-align: center;
}
ul.split-card__list {
    border-top: 1px solid var(--fhm-line);
    padding-top: 25px;
    margin-top: 20px;
}
ul.split-card__list li {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    padding: 0;
    margin-bottom: 15px;
    font-size: 14px;
    color: #2D2D2D;
    font-family: 'Montserrat-SemiBold' !important;
}
ul.split-card__list li:last-child {
    margin-bottom: 0px;
}
.split-card__list .split-card__icon img {
    width: 45px;
}
.split-card.split-card--ai ul.split-card__list {
    border-top: none;
    max-width: 150px;
    margin: 0 auto;
    width: 100%;
}
.split-card__footer-stat {
    border-top: 1px solid var(--fhm-line) !important;
    padding-top: 25px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
/*     gap: 20px; */
}
.split-card__footer-stat {
    flex-flow: row;
    align-items: center;
}
.split-card__footer-stat strong {
    font-size: 45px;
    font-weight: 700;
    color: var(--fhm-blue);
    line-height: 1;
    letter-spacing: -.02em;
    font-family: 'Poppins-Bold' !important;
    margin: 15px 0;
}
.split-card__footer-stat p {
    font-size: 15px;
    font-weight: 600;
    color: var(--fhm-navy);
    font-family: 'Poppins-Bold' !important;
    margin: 0;
    /* text-align: center; */
    margin-left: 20px;
}
.fhm-bar__top div {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.fhm-bar__top div img.visibility_img {
    width: 30px;
}
.fhm-score-gauge{
    width:100%;
    max-width:320px;
    margin:0 auto;
}

#scoreGauge{
    width:320px;
    height:260px;
    margin:auto;
}

.apexcharts-text{
    font-size: 45px;
    font-weight: 700;
    color: var(--fhm-blue);
    line-height: 1;
    letter-spacing: -.02em;
    font-family: 'Poppins-Bold' !important;
    text-align: center;
}
#scoreGauge .apexcharts-datalabel-value {
    font-size: 45px !important;
    font-weight: 700 !important;
    fill: var(--fhm-blue) !important; /* Use fill instead of color */
    font-family: 'Poppins-Bold', sans-serif !important;
    letter-spacing: -.02em;
    text-anchor: middle;
}
.visibility_score_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.visibility_score_flex .fhm-bars {
    width: 100%;
    max-width: calc(100% - 340px);
}


.hexchart {
    padding-top: 70px;
}

  .hexchart__row{
    display:flex;
    align-items:flex-end;
    justify-content:space-around;
    height:260px;
    position:relative;
  }

  .hexbar{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100px;
    height:100%;
    justify-content:flex-end;
    position:relative;
  }

  .hexbar__column{
    width:64px;
    height:0%; /* animates to --target-height */
    position:relative;
    border-radius:3px 3px 0 0;
    background:linear-gradient(100deg,
      color-mix(in srgb, var(--bar-color) 55%, black) 0%,
      var(--bar-color) 35%,
      color-mix(in srgb, var(--bar-color) 70%, white) 55%,
      var(--bar-color) 75%,
      color-mix(in srgb, var(--bar-color) 55%, black) 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    transition:height 1.2s cubic-bezier(.22,.9,.3,1);
  }
  .hexchart__row.is-visible .hexbar__column{
    height:var(--target-height);
  }

  .hexbar__cap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:26px;
    transform:translateY(-55%);
    clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background:linear-gradient(135deg,
      color-mix(in srgb, var(--bar-color) 60%, white) 0%,
      var(--bar-color) 50%,
      color-mix(in srgb, var(--bar-color) 40%, white) 100%);
  }

  .hexbar__badge{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-135%) scale(.7);
    opacity:0;
    background:#fff;
    color:#111827;
    font-weight:800;
    font-size:.95rem;
    padding:6px 14px;
    border-radius:6px;
    box-shadow:0 4px 10px rgba(0,0,0,.15);
    white-space:nowrap;
    transition:opacity .5s ease .9s, transform .5s ease .9s;
  }
  .hexbar__badge::after{
    content:'';
    position:absolute;
    bottom:-7px;
    left:16px;
    width:0;height:0;
    border-left:7px solid transparent;
    border-right:0 solid transparent;
    border-top:8px solid #fff;
  }
  .hexchart__row.is-visible .hexbar__badge{
    opacity:1;
    transform:translate(-50%,-155%) scale(1);
  }

  .hexbar__label{
    color: var(--fhm-text);
    font-weight: 500;
    font-family: 'Montserrat-Bold' !important;
    font-size: 14px;
    min-height: 45px;
	text-align: center;
  }

ul.visibility_box_list li {
    background: #fff;
    border-radius: 14px;
    padding: 10px 20px;
    box-shadow: var(--fhm-shadow-sm);
    margin-bottom: 20px;
    font-size: 14px;
    color: #2D2D2D;
    font-family: 'Montserrat-Bold' !important;
	 display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
ul.visibility_box_list li:last-child {
    margin-bottom: 0px;
}
ul.visibility_box_list li .visibility_box__icon img {
    width: 40px;
}
.visibility_gap__main {
    display: flex;
/*     flex-wrap: wrap; */
    gap: 40px;
    margin-bottom: 30px;
}
.visibility_gap__wrp {
    width: 100%;
    max-width: calc(40% - 20px);
}
.visibility_gap_image {
    width: 100%;
    max-width: 100%;
    display: inline-grid;
    align-content: center;
}


@media (max-width: 1200px) {
	.split-search__connector {
		width: 110px;
		height: 100%;
	}
}

@media (max-width: 1100px) {
.visibility_score_flex .fhm-bars {
    max-width: 100%;
	margin-bottom: 0;
}
}

@media (max-width: 1024px) {
.split-search__grid {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 60px;
}
.split-search__connector {
    display: flex;
	top: 45%;
    background-image: none;   
    flex-direction: column;
}
	.split-search__connector::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(https://fasthippomedia.com/wp-content/uploads/2026/07/Group-47380.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
/* 		transform: rotate(90deg); */
		z-index: -1; 
	}
	.split-card.split-card--ai {
		margin-top: 80px;
	}
}


@media (max-width:768px){
	.visibility_gap__main {
    flex-wrap: wrap;
    
}
}

@media (max-width: 600px){
	.split-card.split-card--ai {
		margin-top: 80px;
	}
	.split-search__connector {
		top: 47%;
		width: 160px;
	}
  .hexchart{
    padding: 46px 10px 20px;
    overflow-x: visible; /* no scroll needed anymore */
  }

  .hexchart__row{
    min-width: 0;
    height: 170px;
    padding: 0;
    justify-content: space-between;
  }

  .hexbar{
    width: 58px;       /* was 100px on desktop */
    flex-shrink: 1;    /* allow slight shrink if space is very tight */
    min-width: 0;
  }

  .hexbar__column{
    width: 30px;       /* was 64px on desktop */
  }

  .hexbar__cap{
    height: 14px;      /* scale the hex cap down to match the thinner column */
  }

  .hexbar__badge{
    font-size: .68rem;
    padding: 3px 7px;
    border-radius: 4px;
  }

    .hexbar__badge::after{
        left: 8px;
        border-left-width: 5px;
        border-top-width: 6px;
    }

    .hexbar__label{
        font-size: .62rem;
        margin-top: 8px;
        line-height: 1.15;
        white-space: normal;   /* let it wrap within its own bar's width now */
        word-break: break-word;
    }
	.visibility_gap__wrp {
        max-width: 100%;
    }
	.visibility_gap_image {
        max-width: 100%;
    }
}

 @media (max-width: 400px) {
    .split-search__connector {
		top: 46%;
	}
} 
/* 
@media (max-width: 340px) {
    .split-search__connector {
		top: 46%;
	}
} */

section#splitting h2 {
    text-transform: none;
}
img.Industry-icon {
    width: 45px;
}