/* First three tools: matching reference-pattern hero, no changes to calculator logic. */
html body.dashboard-page > main .tool-promo-hero {
  width:100%; max-width:100%; margin:18px auto 36px !important;
  padding:6px 0 0 !important; background:transparent !important;
  border:0 !important; box-shadow:none !important;
  text-align:center !important; display:block;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb {
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  gap:11px; min-height:22px; margin:0 auto 36px;
  font-size:13px; font-weight:450; line-height:1.5; letter-spacing:0;
  color:#737d85 !important;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb a {
  display:inline-flex; align-items:center; gap:9px; text-decoration:none;
  color:#667178 !important; border-bottom:1px solid transparent !important;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb a:hover {
  color:#141716 !important; border-bottom-color:#a9aeb0 !important;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb a:focus-visible {
  outline:3px solid #ffcf27 !important; outline-offset:5px;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb svg {
  width:16px; height:16px; flex:none; stroke:#6c737a;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb-divider {color:#b3b9bd !important;}
html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb [aria-current="page"] {
  color:#252b2b !important;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-headline {
  width:100%; max-width:1080px; margin-inline:auto;
}
html body.dashboard-page > main .tool-promo-hero h1 {
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-size:clamp(2rem,4.7vw,3.55rem) !important;
  font-weight:780 !important; letter-spacing:-.052em !important;
  line-height:1.12 !important; text-align:center !important;
  max-width:1000px; margin:0 auto 21px !important;
  color:#111618 !important;
}
html body.dashboard-page > main .tool-promo-hero h1 span:not(.en-title-icon-inline) {
  color:#111618 !important;
}
/* Old H1 decorative icons belong to the original left-aligned layout. */
html body.dashboard-page > main .tool-promo-hero h1 > .en-title-icon-hero {display:none !important;}
html body.dashboard-page > main .tool-promo-hero p {
  font-size:clamp(15px,1.65vw,18px) !important;
  font-weight:400 !important; line-height:1.65 !important;
  color:#59636c !important; text-align:center !important;
  max-width:840px; margin:0 auto !important;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-features {
  width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0; margin:44px auto 0; padding:0;
  background:transparent; border:0;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature {
  display:flex; align-items:center; justify-content:center; gap:12px;
  min-height:72px; min-width:0; position:relative;
  padding:8px clamp(8px,1.2vw,18px); text-align:left;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature:not(:last-child)::after {
  content:""; display:block; position:absolute; right:0; top:14%; bottom:14%;
  border-right:1px solid #e0e2e3;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature-icon {
  display:inline-grid; place-items:center; flex:0 0 54px;
  width:54px; height:54px; border-radius:50%;
  color:#111714 !important; background:#fff0bb; border:1px solid #f4e6b0;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature-icon svg {
  display:block; width:26px; height:26px; stroke:currentColor;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature:first-child .en-hero-feature-icon svg {
  width:38px; height:38px;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature-copy {
  display:flex; flex-direction:column; gap:5px; min-width:0;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature-copy strong {
  display:block; margin:0; font-family:Inter,system-ui,sans-serif;
  color:#171b1d !important; font-size:clamp(12px,1.1vw,14px) !important;
  line-height:1.25; font-weight:700; white-space:normal;
}
html body.dashboard-page > main .tool-promo-hero .en-hero-feature-copy small {
  display:block; font-size:clamp(11px,.92vw,12px) !important;
  line-height:1.4; color:#637078 !important; font-weight:400;
}
@media(max-width:850px){
  html body.dashboard-page > main .tool-promo-hero .en-hero-features {
    grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:14px; margin-top:33px;
  }
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature:nth-child(2)::after {display:none;}
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature {justify-content:flex-start; padding-inline:18px;}
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature-icon {flex-basis:49px;width:49px;height:49px;}
}
@media(max-width:480px){
  html body.dashboard-page > main .tool-promo-hero {margin:9px auto 26px!important;padding:0!important;}
  html body.dashboard-page > main .tool-promo-hero .en-hero-breadcrumb {
    gap:8px; font-size:11px; margin:0 auto 22px; justify-content:center;
  }
  html body.dashboard-page > main .tool-promo-hero h1 {
    font-size:clamp(1.75rem,8.3vw,2.3rem) !important;
    margin-bottom:14px !important; letter-spacing:-.045em!important;
  }
  html body.dashboard-page > main .tool-promo-hero p {
    font-size:14px!important; line-height:1.62!important; padding-inline:4px;
  }
  html body.dashboard-page > main .tool-promo-hero .en-hero-features {
    margin-top:25px; row-gap:7px;
  }
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature {
    justify-content:flex-start; align-items:center; min-height:77px;
    flex-direction:column; gap:7px; text-align:center; padding:7px 5px;
  }
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature-icon {
    flex:0 0 40px; height:40px; width:40px;
  }
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature-icon svg {height:22px;width:22px;}
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature:first-child .en-hero-feature-icon svg{height:33px;width:33px;}
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature-copy {gap:2px;}
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature-copy strong {font-size:11px!important;}
  html body.dashboard-page > main .tool-promo-hero .en-hero-feature-copy small {font-size:10px!important;line-height:1.4;}
}