/*
  Impro Solutions Bangladesh homepage only
  Google-width / Google-like typography refinement v2
  SAFETY: every rule is scoped to body.opportunity-home-design.
  This file is intended to be loaded LAST on the homepage index.html only.
  It does not alter any other bd.impro-solution.com page.
*/

body.opportunity-home-design {
  --gw-page: 1280px;
  --gw-wide: 1180px;
  --gw-main: 960px;
  --gw-narrow: 720px;
  --gw-copy: 620px;
  --gw-ink: #202124;
  --gw-body: #3c4043;
  --gw-muted: #5f6368;
  --gw-line: #e3e6ea;
  --gw-soft: #f8f9fa;
  --gw-soft-2: #f1f3f4;
  --gw-red: #d72027;
  --gw-red-dark: #a9131a;
  --gw-blue: #1a73e8;
  --gw-radius: 18px;
  --gw-card-radius: 16px;
  --gw-shadow: 0 12px 34px rgba(60, 64, 67, 0.10);
  --gw-shadow-soft: 0 6px 20px rgba(60, 64, 67, 0.08);
  margin: 0;
  background: #fff !important;
  color: var(--gw-body) !important;
  font-family: "Roboto", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.opportunity-home-design h1,
body.opportunity-home-design h2,
body.opportunity-home-design h3,
body.opportunity-home-design h4,
body.opportunity-home-design h5,
body.opportunity-home-design h6,
body.opportunity-home-design .main-nav,
body.opportunity-home-design .nav-dropdown-trigger,
body.opportunity-home-design .btn,
body.opportunity-home-design .cta,
body.opportunity-home-design .eyebrow,
body.opportunity-home-design .tagline {
  font-family: "DM Sans", "Roboto", Arial, Helvetica, sans-serif !important;
}

/* Google-style page shell: wider page, disciplined inner measures */
body.opportunity-home-design .container {
  width: min(var(--gw-page), calc(100% - 64px)) !important;
  max-width: var(--gw-page) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Top bar */
body.opportunity-home-design .topbar {
  background: #202124 !important;
  color: #fff !important;
  font-size: 12.5px !important;
}

body.opportunity-home-design .topbar-inner {
  min-height: 36px !important;
  padding: 0 !important;
  align-items: center !important;
}

/* Header: flat, clean, wide and centered */
body.opportunity-home-design .site-header {
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid #eceff1 !important;
  box-shadow: 0 2px 10px rgba(60,64,67,.06) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body.opportunity-home-design .site-header .nav-wrap {
  min-height: 84px !important;
  height: auto !important;
  gap: 24px !important;
}

body.opportunity-home-design .site-header .brand {
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

body.opportunity-home-design .site-header .site-master-logo {
  max-height: 60px !important;
}

body.opportunity-home-design .main-nav {
  gap: clamp(16px, 1.7vw, 26px) !important;
}

body.opportunity-home-design .main-nav > a,
body.opportunity-home-design .main-nav .nav-dropdown-trigger,
body.opportunity-home-design .main-nav .has-drop > a {
  color: #202124 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 14px 1px !important;
}

body.opportunity-home-design .main-nav > a:hover,
body.opportunity-home-design .main-nav > a:focus-visible,
body.opportunity-home-design .main-nav > a.active,
body.opportunity-home-design .main-nav .has-drop:hover > a,
body.opportunity-home-design .main-nav .has-drop:hover > .nav-dropdown-trigger,
body.opportunity-home-design .main-nav .has-drop:focus-within > a,
body.opportunity-home-design .main-nav .has-drop:focus-within > .nav-dropdown-trigger {
  color: var(--gw-red) !important;
  transform: none !important;
}

body.opportunity-home-design .main-nav > a::after,
body.opportunity-home-design .main-nav .nav-dropdown-trigger::before,
body.opportunity-home-design .main-nav .has-drop > a::after {
  height: 2px !important;
  bottom: 7px !important;
  border-radius: 2px !important;
}

body.opportunity-home-design .site-header .cta {
  min-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 24px !important;
  background: var(--gw-red) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.opportunity-home-design .site-header .cta:hover,
body.opportunity-home-design .site-header .cta:focus-visible {
  background: var(--gw-red-dark) !important;
  transform: none !important;
  box-shadow: 0 4px 12px rgba(215,32,39,.18) !important;
}

body.opportunity-home-design .main-nav .drop {
  top: calc(100% + 16px) !important;
  border-radius: 12px !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 8px 24px rgba(60,64,67,.14) !important;
}

body.opportunity-home-design .main-nav .drop a {
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
}

/* Buttons: Google-like clean rounded CTAs */
body.opportunity-home-design .btn {
  min-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 24px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

body.opportunity-home-design .btn:hover,
body.opportunity-home-design .btn:focus-visible {
  transform: none !important;
  box-shadow: 0 3px 10px rgba(60,64,67,.14) !important;
}

/* HERO
   Full-width section background, wide page shell, controlled left copy measure.
   No giant rounded outer card. This is the major Google-width change.
*/
body.opportunity-home-design .hero.elite-bg {
  padding: 54px 0 62px !important;
  background: #fff !important;
  border-bottom: 0 !important;
  overflow: hidden !important;
}

body.opportunity-home-design .hero .hero-grid {
  width: 100% !important;
  max-width: var(--gw-page) !important;
  min-height: 560px !important;
  display: grid !important;
  grid-template-columns: minmax(500px, .90fr) minmax(0, 1.10fr) !important;
  gap: clamp(44px, 4.8vw, 72px) !important;
  align-items: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.opportunity-home-design .hero .hero-grid::after {
  display: none !important;
  content: none !important;
}

body.opportunity-home-design .hero-copy {
  max-width: var(--gw-copy) !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.opportunity-home-design .hero-copy .breadcrumb {
  margin: 0 0 18px !important;
  color: var(--gw-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.opportunity-home-design .hero-copy .breadcrumb a {
  color: #1967d2 !important;
}

body.opportunity-home-design .hero-copy .eyebrow,
body.opportunity-home-design .section-title > span,
body.opportunity-home-design .video-copy > span,
body.opportunity-home-design .final-card > div > span {
  margin-bottom: 14px !important;
  color: var(--gw-red) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
}

body.opportunity-home-design .hero-copy h1 {
  max-width: 600px !important;
  margin: 0 0 24px !important;
  color: var(--gw-ink) !important;
  font-size: clamp(46px, 4.35vw, 60px) !important;
  font-weight: 700 !important;
  line-height: 1.065 !important;
  letter-spacing: -0.035em !important;
}

body.opportunity-home-design .hero-copy .lead {
  max-width: 585px !important;
  margin: 0 0 20px !important;
  color: var(--gw-body) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

body.opportunity-home-design .hero-copy .tagline {
  margin: 0 0 20px !important;
  color: var(--gw-red) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body.opportunity-home-design .hero-pills {
  gap: 8px !important;
  margin: 0 0 26px !important;
}

body.opportunity-home-design .hero-pills span {
  min-height: 30px !important;
  padding: 5px 11px !important;
  border: 1px solid #dadce0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #3c4043 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.opportunity-home-design .hero-copy .social-row {
  margin-top: 22px !important;
}

body.opportunity-home-design .hero-copy .social-row a {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
}

body.opportunity-home-design .hero-card {
  min-height: 520px !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: var(--gw-radius) !important;
  background: var(--gw-soft) !important;
  box-shadow: var(--gw-shadow-soft) !important;
}

body.opportunity-home-design .hero-card::after {
  background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,0) 35%, rgba(0,0,0,.04)) !important;
}

body.opportunity-home-design .hero-card img {
  width: 100% !important;
  height: 100% !important;
  min-height: 520px !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}

body.opportunity-home-design .hero .hero-grid:hover .hero-card img {
  transform: none !important;
}

/* Trust strip: wide but not edge-to-edge */
body.opportunity-home-design .trust-strip {
  padding: 0 0 56px !important;
  background: #fff !important;
}

body.opportunity-home-design .trust-grid {
  width: min(var(--gw-wide), 100%) !important;
  margin-inline: auto !important;
  gap: 0 !important;
  border: 1px solid var(--gw-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--gw-shadow-soft) !important;
}

body.opportunity-home-design .trust-grid > div {
  padding: 24px 24px !important;
}

body.opportunity-home-design .trust-grid b {
  color: var(--gw-ink) !important;
  font-family: "DM Sans", "Roboto", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

body.opportunity-home-design .trust-grid span {
  color: var(--gw-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

/* Section system: full-width backgrounds + narrow centered headings */
body.opportunity-home-design .section {
  padding: 96px 0 !important;
  background: #fff !important;
}

body.opportunity-home-design .section.soft {
  background: var(--gw-soft) !important;
}

body.opportunity-home-design .section-title {
  max-width: var(--gw-narrow) !important;
  margin: 0 auto 46px !important;
  text-align: center !important;
}

body.opportunity-home-design .section-title h2,
body.opportunity-home-design .video-copy h2,
body.opportunity-home-design .final-card h2 {
  color: var(--gw-ink) !important;
  font-size: clamp(36px, 3.5vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.025em !important;
}

body.opportunity-home-design .section-title p,
body.opportunity-home-design .video-copy p,
body.opportunity-home-design .final-card p {
  max-width: 650px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--gw-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Main content grids use a slightly narrower shell than the site header */
body.opportunity-home-design #target-industries .sector-showcase,
body.opportunity-home-design .video-grid,
body.opportunity-home-design .method-grid,
body.opportunity-home-design .brand-grid,
body.opportunity-home-design .faq-grid,
body.opportunity-home-design .final-card {
  width: min(var(--gw-wide), 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Cards: flatter and calmer */
body.opportunity-home-design #target-industries .sector-showcase {
  gap: 20px !important;
}

body.opportunity-home-design #target-industries .sector-card,
body.opportunity-home-design .video-box,
body.opportunity-home-design .video-copy,
body.opportunity-home-design .method,
body.opportunity-home-design .brand-card,
body.opportunity-home-design .faq-grid details {
  border-color: var(--gw-line) !important;
  border-radius: var(--gw-card-radius) !important;
  box-shadow: var(--gw-shadow-soft) !important;
}

body.opportunity-home-design #target-industries .sector-card:hover,
body.opportunity-home-design .method:hover,
body.opportunity-home-design .brand-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--gw-shadow) !important;
}

body.opportunity-home-design #target-industries .sector-card img {
  border-radius: var(--gw-card-radius) var(--gw-card-radius) 0 0 !important;
}

body.opportunity-home-design #target-industries .sector-card h3,
body.opportunity-home-design .method h3,
body.opportunity-home-design .brand-card strong,
body.opportunity-home-design .faq-grid summary {
  color: var(--gw-ink) !important;
  font-family: "DM Sans", "Roboto", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
}

body.opportunity-home-design #target-industries .sector-card p,
body.opportunity-home-design .method p,
body.opportunity-home-design .brand-card span,
body.opportunity-home-design .faq-grid p {
  color: var(--gw-muted) !important;
  font-family: "Roboto", Arial, sans-serif !important;
}

/* Video module */
body.opportunity-home-design .video-grid {
  gap: 36px !important;
}

body.opportunity-home-design .video-box {
  padding: 14px !important;
  background: #202124 !important;
}

body.opportunity-home-design .video-box video {
  border-radius: 10px !important;
}

body.opportunity-home-design .video-copy {
  padding: 38px !important;
}

/* Final CTA */
body.opportunity-home-design .final-card {
  padding: 48px 52px !important;
  border-radius: 18px !important;
  background: #202124 !important;
  box-shadow: none !important;
}

body.opportunity-home-design .final-card h2,
body.opportunity-home-design .final-card p,
body.opportunity-home-design .final-card span {
  color: #fff !important;
}

body.opportunity-home-design .final-card .btn.outline {
  color: #202124 !important;
  background: #fff !important;
  border-color: #fff !important;
}

/* Footer keeps branding but follows the same page width */
body.opportunity-home-design .footer {
  background: #202124 !important;
  padding-top: 64px !important;
}

body.opportunity-home-design .footer .footer-grid,
body.opportunity-home-design .footer .copy {
  width: min(var(--gw-wide), calc(100% - 64px)) !important;
  max-width: var(--gw-wide) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.opportunity-home-design .footer h4 {
  font-family: "DM Sans", "Roboto", sans-serif !important;
  font-weight: 700 !important;
}

body.opportunity-home-design .footer a,
body.opportunity-home-design .footer p,
body.opportunity-home-design .copy {
  font-family: "Roboto", Arial, sans-serif !important;
}

/* Tablet */
@media (max-width: 1120px) {
  body.opportunity-home-design .container {
    width: min(var(--gw-page), calc(100% - 48px)) !important;
  }

  body.opportunity-home-design .site-header .brand {
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
  }

  body.opportunity-home-design .main-nav {
    gap: 14px !important;
  }

  body.opportunity-home-design .main-nav > a,
  body.opportunity-home-design .main-nav .nav-dropdown-trigger,
  body.opportunity-home-design .main-nav .has-drop > a {
    font-size: 13px !important;
  }

  body.opportunity-home-design .hero .hero-grid {
    grid-template-columns: minmax(430px, .92fr) minmax(0, 1.08fr) !important;
    gap: 42px !important;
  }

  body.opportunity-home-design .hero-copy h1 {
    font-size: clamp(44px, 5vw, 56px) !important;
  }
}

/* Mobile navigation breakpoint already used by the current site */
@media (max-width: 900px) {
  body.opportunity-home-design .container {
    width: min(var(--gw-page), calc(100% - 40px)) !important;
  }

  body.opportunity-home-design .site-header .nav-wrap {
    min-height: 72px !important;
  }

  body.opportunity-home-design .site-header .brand {
    width: 184px !important;
    min-width: 0 !important;
    max-width: 50vw !important;
  }

  body.opportunity-home-design .hamburger {
    width: 44px !important;
    height: 44px !important;
    border-radius: 22px !important;
    background: var(--gw-red) !important;
    box-shadow: none !important;
  }

  body.opportunity-home-design .hero.elite-bg {
    padding: 40px 0 48px !important;
  }

  body.opportunity-home-design .hero .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    min-height: 0 !important;
  }

  body.opportunity-home-design .hero-copy {
    max-width: 720px !important;
    margin-inline: auto !important;
    text-align: left !important;
  }

  body.opportunity-home-design .hero-copy h1 {
    max-width: 700px !important;
    font-size: clamp(42px, 8vw, 56px) !important;
  }

  body.opportunity-home-design .hero-copy .lead {
    max-width: 650px !important;
  }

  body.opportunity-home-design .hero-card,
  body.opportunity-home-design .hero-card img {
    min-height: 390px !important;
  }

  body.opportunity-home-design .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.opportunity-home-design .trust-grid > div:nth-child(2) {
    border-right: 0 !important;
  }

  body.opportunity-home-design .trust-grid > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--gw-line) !important;
  }

  body.opportunity-home-design .section {
    padding: 78px 0 !important;
  }

  body.opportunity-home-design .section-title {
    max-width: 680px !important;
  }

  body.opportunity-home-design .footer .footer-grid,
  body.opportunity-home-design .footer .copy {
    width: min(var(--gw-wide), calc(100% - 40px)) !important;
  }
}

/* Phones: strict consistent alignment */
@media (max-width: 640px) {
  body.opportunity-home-design .container {
    width: calc(100% - 40px) !important;
    max-width: none !important;
  }

  body.opportunity-home-design .topbar-inner {
    min-height: 0 !important;
    padding: 8px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    text-align: center !important;
    line-height: 1.35 !important;
  }

  body.opportunity-home-design .topbar-inner > span:first-child {
    display: none !important;
  }

  body.opportunity-home-design .site-header .nav-wrap {
    min-height: 68px !important;
  }

  body.opportunity-home-design .site-header .brand {
    width: 170px !important;
    max-width: 56vw !important;
  }

  body.opportunity-home-design .site-header .site-master-logo {
    max-height: 54px !important;
  }

  body.opportunity-home-design .hero.elite-bg {
    padding: 34px 0 42px !important;
  }

  body.opportunity-home-design .hero .hero-grid {
    gap: 30px !important;
  }

  body.opportunity-home-design .hero-copy {
    max-width: none !important;
    width: 100% !important;
  }

  body.opportunity-home-design .hero-copy .breadcrumb {
    margin-bottom: 14px !important;
    font-size: 12px !important;
  }

  body.opportunity-home-design .hero-copy .eyebrow {
    margin-bottom: 12px !important;
    font-size: 11px !important;
  }

  body.opportunity-home-design .hero-copy h1 {
    max-width: none !important;
    margin-bottom: 20px !important;
    font-size: clamp(38px, 11.3vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
  }

  body.opportunity-home-design .hero-copy .lead {
    max-width: none !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  body.opportunity-home-design .hero-copy .tagline {
    font-size: 14px !important;
  }

  body.opportunity-home-design .hero-pills {
    gap: 6px !important;
  }

  body.opportunity-home-design .hero-pills span {
    font-size: 11px !important;
  }

  body.opportunity-home-design .buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.opportunity-home-design .buttons .btn {
    width: 100% !important;
    min-height: 48px !important;
  }

  body.opportunity-home-design .hero-card,
  body.opportunity-home-design .hero-card img {
    min-height: 275px !important;
  }

  body.opportunity-home-design .hero-card {
    border-radius: 14px !important;
  }

  body.opportunity-home-design .trust-strip {
    padding-bottom: 42px !important;
  }

  body.opportunity-home-design .trust-grid {
    grid-template-columns: 1fr !important;
    border-radius: 12px !important;
  }

  body.opportunity-home-design .trust-grid > div {
    padding: 19px 20px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--gw-line) !important;
  }

  body.opportunity-home-design .trust-grid > div:last-child {
    border-bottom: 0 !important;
  }

  body.opportunity-home-design .section {
    padding: 64px 0 !important;
  }

  body.opportunity-home-design .section-title {
    max-width: none !important;
    margin-bottom: 32px !important;
  }

  body.opportunity-home-design .section-title h2,
  body.opportunity-home-design .video-copy h2,
  body.opportunity-home-design .final-card h2 {
    font-size: clamp(32px, 9vw, 40px) !important;
    line-height: 1.16 !important;
  }

  body.opportunity-home-design .section-title p,
  body.opportunity-home-design .video-copy p,
  body.opportunity-home-design .final-card p {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }

  body.opportunity-home-design #target-industries .sector-showcase,
  body.opportunity-home-design .video-grid,
  body.opportunity-home-design .method-grid,
  body.opportunity-home-design .brand-grid,
  body.opportunity-home-design .faq-grid,
  body.opportunity-home-design .final-card {
    width: 100% !important;
  }

  body.opportunity-home-design #target-industries .sector-card,
  body.opportunity-home-design .video-box,
  body.opportunity-home-design .video-copy,
  body.opportunity-home-design .method,
  body.opportunity-home-design .brand-card,
  body.opportunity-home-design .faq-grid details {
    border-radius: 14px !important;
  }

  body.opportunity-home-design .video-copy {
    padding: 28px 22px !important;
  }

  body.opportunity-home-design .final-card {
    padding: 32px 24px !important;
    border-radius: 14px !important;
  }

  body.opportunity-home-design .footer .footer-grid,
  body.opportunity-home-design .footer .copy {
    width: calc(100% - 40px) !important;
  }
}

@media (max-width: 390px) {
  body.opportunity-home-design .container,
  body.opportunity-home-design .footer .footer-grid,
  body.opportunity-home-design .footer .copy {
    width: calc(100% - 32px) !important;
  }

  body.opportunity-home-design .hero-copy h1 {
    font-size: clamp(35px, 10.7vw, 42px) !important;
  }
}

/* =========================================================
   MOBILE CORRECTION V2.1 — 2026-08-30
   Homepage only. Desktop rules above are intentionally untouched.
   Fixes the mobile hero container width, headline measure and CTA scale.
   ========================================================= */
@media (max-width: 900px) {
  /* .hero-grid is also .container in the HTML. The desktop width:100% rule
     must not cancel the mobile page gutter. */
  body.opportunity-home-design .hero .hero-grid {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 640px) {
  body.opportunity-home-design .hero.elite-bg {
    padding: 30px 0 38px !important;
  }

  body.opportunity-home-design .hero .hero-grid {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 24px !important;
  }

  body.opportunity-home-design .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.opportunity-home-design .hero-copy .breadcrumb {
    margin: 0 0 12px !important;
    font-size: 12px !important;
  }

  body.opportunity-home-design .hero-copy .eyebrow {
    margin: 0 0 12px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: .10em !important;
  }

  body.opportunity-home-design .hero-copy h1 {
    max-width: 100% !important;
    margin: 0 0 18px !important;
    font-size: clamp(34px, 9vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.032em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.opportunity-home-design .hero-copy .lead {
    max-width: 100% !important;
    margin: 0 0 17px !important;
    font-size: 16px !important;
    line-height: 1.60 !important;
  }

  body.opportunity-home-design .hero-copy .tagline {
    margin: 0 0 17px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.opportunity-home-design .hero-pills {
    gap: 7px !important;
    margin: 0 0 20px !important;
  }

  body.opportunity-home-design .hero-pills span {
    min-height: 30px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
  }

  /* Keep actions aligned to the same 20px page gutter without creating
     an oversized edge-to-edge red pill. */
  body.opportunity-home-design .hero .buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.opportunity-home-design .hero .buttons .btn {
    width: auto !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 22px !important;
    font-size: 14px !important;
  }

  body.opportunity-home-design .hero-card,
  body.opportunity-home-design .hero-card img {
    min-height: 250px !important;
  }

  body.opportunity-home-design .hero-card {
    border-radius: 14px !important;
  }
}

@media (max-width: 390px) {
  body.opportunity-home-design .hero .hero-grid {
    width: calc(100% - 32px) !important;
  }

  body.opportunity-home-design .hero-copy h1 {
    font-size: clamp(33px, 9.2vw, 36px) !important;
  }

  body.opportunity-home-design .hero .buttons .btn {
    width: 100% !important;
  }
}