/* DEV preview: original WebHail service content with a growth-workspace layout. */
.dm-growth-page { color: #142137; background: #fff; }
.dm-growth-page .wh-solution-header .desktop-nav > a,
.dm-growth-page .header-sign-in { font-size: 14px; }
.dm-growth-page section[id] { scroll-margin-top: 100px; }
.dm-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.dmg-hero { padding: 84px 0 70px; border-bottom: 1px solid #e7edf6; background: radial-gradient(ellipse at 0 15%,#eaf4ff,transparent 60%),linear-gradient(90deg,#f8fbff,#fff); position: relative; }
.dmg-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .24; background-image: linear-gradient(#dfe7f1 1px,transparent 1px),linear-gradient(90deg,#dfe7f1 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(#000,transparent 75%); }
.dmg-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 58px; align-items: center; }
.dmg-pill { display: inline-flex; padding: 8px 13px; border: 1px solid #e4ebf8; border-radius: 99px; color: #2457d6; background: #fff; font-size: 10px; font-weight: 750; letter-spacing: .04em; }
.dmg-copy h1 { font-size: clamp(38px,3.5vw,54px); font-weight: 750; line-height: 1.12; letter-spacing: -.045em; margin: 25px 0 23px; color: #081226; }
.dmg-copy h1 em { color: #2855f5; font-style: normal; }
.dmg-copy > p { color: #586a81; font-size: 16px; line-height: 1.8; max-width: 535px; }
.dmg-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.dmg-proof > div { display: flex; gap: 9px; align-items: center; }
.dmg-proof b { display: grid; place-items: center; flex: 0 0 32px; height: 34px; color: #2855f5; background: #edf2ff; border-radius: 7px; font-size: 20px; }
.dmg-proof strong { display: block; font-size: 12px; line-height: 1.5; }
.dmg-proof small { display: block; font-size: 10px; line-height: 1.5; color: #728096; }
.dmg-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0; }
.dmg-actions .button { font-size: 14px; padding: 14px 20px; }
.dmg-secondary { border: 1px solid #dce4ef; background: #fff; color: #142137; box-shadow: none; }
.dmg-secondary:hover { border-color: #2855f5; background: #f4f7ff; color: #2855f5; }
.dmg-copy > .dmg-note { margin: 0; padding-top: 20px; border-top: 1px solid #e2e9f4; color: #718099; font-size: 11px; }
.dmg-workspace { margin: 0; border: 1px solid #e0e8f4; border-radius: 18px; background: #fff; box-shadow: 0 24px 55px -25px #233a6455; overflow: hidden; }
.dmg-workspace figcaption { padding: 18px 19px; display: flex; justify-content: space-between; align-items: center; gap: 8px; border-bottom: 1px solid #e8edf5; background: #f8fafc; font-weight: 650; font-size: 12px; }
.dmg-workspace figcaption > span { display: inline-flex; align-items: center; gap: 8px; }
.dmg-workspace figcaption i { width: 6px; height: 6px; background: #00a5bc; border-radius: 99px; }
.dmg-workspace figcaption small { font-size: 8px; color: #7b899c; font-weight: 600; letter-spacing: .06em; }
.dmg-workspace-body { display: flex; }
.dmg-workspace-rail { display: flex; flex-direction: column; gap: 22px; align-items: center; width: 46px; flex: 0 0 46px; border-right: 1px solid #edf0f6; padding-top: 24px; color: #9da9ba; font-size: 18px; }
.dmg-workspace-rail span:first-child { color: #2855f5; }
.dmg-workspace-content { flex: 1; min-width: 0; padding: 18px; }
.dmg-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.dmg-stats > div { padding: 12px 9px; border: 1px solid #e8edf5; border-radius: 10px; }
.dmg-stats small { display: block; color: #8c98a9; font-size: 7px; letter-spacing: .04em; white-space: nowrap; }
.dmg-stats b { display: block; font-size: 16px; font-weight: 750; margin: 6px 0; }
.dmg-stats span { font-size: 8px; color: #4f7890; }
.dmg-chart-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr); gap: 10px; margin-top: 12px; }
.dmg-chart, .dmg-review-card { border: 1px solid #e8edf5; border-radius: 10px; padding: 13px; }
.dmg-chart h3 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px; font-size: 10px; font-weight: 650; margin-bottom: 15px; }
.dmg-chart h3 small { font-size: 8px; color: #9aa6b6; font-weight: 500; }
.dmg-chart svg { display: block; width: 100%; height: auto; margin-top: 10px; }
.dmg-chart-axis { display: flex; justify-content: space-between; color: #8c98a9; font-size: 7px; margin-top: 8px; }
.dmg-review-card { background: linear-gradient(160deg,#f1f7ff,#fff); }
.dmg-review-card > span { font-size: 7px; color: #7088a7; font-weight: 650; letter-spacing: .04em; }
.dmg-review-card b { display: block; font-size: 13px; line-height: 1.5; margin: 16px 0 8px; }
.dmg-review-card p { color: #728299; font-size: 9px; line-height: 1.7; }
.dmg-review-card > .dmg-review-status { display: block; margin-top: 12px; color: #2855f5; letter-spacing: 0; font-size: 9px; }
.dmg-example-note { margin: 14px 0 0; color: #8794a7; font-size: 8px; line-height: 1.65; }
.dmg-section { padding: 86px 0; }
.dmg-heading { max-width: 620px; margin-bottom: 34px; }
.dmg-kicker { color: #2855f5; font-size: 10px; font-weight: 750; letter-spacing: .12em; }
.dmg-heading h2, .dmg-cta h2 { margin: 15px 0; font-size: clamp(28px,3.2vw,41px); font-weight: 700; line-height: 1.2; letter-spacing: -.035em; color: #081226; }
.dmg-heading > p { color: #65758c; font-size: 15px; line-height: 1.8; }
.dmg-centered { text-align: center; margin-inline: auto; }
.dmg-problem-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: center; }
.dmg-problem-grid .dmg-heading { margin-bottom: 0; }
.dmg-problems { display: grid; gap: 12px; }
.dmg-problems article { display: flex; gap: 18px; padding: 20px; border: 1px solid #e5eaf2; border-radius: 13px; background: #fff; }
.dmg-problems b { color: #93a4bb; font-size: 12px; padding-top: 3px; }
.dmg-problems h3, .dmg-flow h3 { font-size: 15px; font-weight: 700; margin-bottom: 7px; }
.dmg-problems p, .dmg-flow p { color: #6a7b92; font-size: 13px; line-height: 1.7; }
.dmg-soft { background: #f7f9fc; border-block: 1px solid #e9edf4; }
.dmg-flow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 15px; list-style: none; margin: 38px 0 22px; }
.dmg-flow li { padding: 24px 20px; border: 1px solid #e2e8f2; border-radius: 13px; background: #fff; }
.dmg-flow li > span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: #edf2ff; color: #2855f5; font-weight: 750; font-size: 12px; margin-bottom: 22px; }
.dmg-flow-note { text-align: center; color: #73849b; font-size: 12px; line-height: 1.7; }
.dmg-services { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.dmg-services article { display: flex; flex-direction: column; padding: 26px 23px; border: 1px solid #e3e9f2; border-radius: 14px; }
.dmg-service-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: #edf2ff; color: #2855f5; font-size: 21px; margin-bottom: 25px; }
.dmg-services h3 { font-size: 17px; font-weight: 700; line-height: 1.5; margin-bottom: 12px; }
.dmg-services p { color: #6a7b92; font-size: 13px; line-height: 1.8; margin-bottom: 25px; }
.dmg-services a, .dmg-industries a { margin-top: auto; font-size: 12px; font-weight: 650; color: #2855f5; text-decoration: none; }
.dmg-dark { background: #08162f; color: #fff; }
.dmg-insights-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 80px; align-items: center; }
.dmg-dark .dmg-heading { margin-bottom: 0; }
.dmg-dark .dmg-heading h2 { color: #fff; }
.dmg-dark .dmg-kicker { color: #69d6ed; }
.dmg-dark .dmg-heading p { color: #9bb0ce; }
.dmg-checks { list-style: none; display: grid; gap: 12px; margin: 24px 0 30px; font-size: 13px; color: #b6c7df; }
.dmg-checks li::before, .dmg-quotes li::before { content: '✓'; margin-right: 8px; color: #00b8d9; }
.dmg-insights { display: grid; gap: 14px; }
.dmg-insights article { border: 1px solid #263b5a; padding: 24px; border-radius: 13px; background: #11213c; }
.dmg-insights article > span { font-size: 9px; color: #69d6ed; font-weight: 750; letter-spacing: .1em; }
.dmg-insights h3 { color: #eff5ff; font-size: 16px; font-weight: 650; line-height: 1.5; margin: 10px 0; }
.dmg-insights p { color: #99aecb; font-size: 13px; line-height: 1.7; }
.dmg-industries { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.dmg-industries article { padding: 25px; border: 1px solid #e3e9f2; border-radius: 13px; }
.dmg-industries h3 { font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 11px; }
.dmg-industries p { font-size: 13px; line-height: 1.8; color: #6a7b92; margin-bottom: 21px; }
.dmg-quotes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 40px; }
.dmg-quotes article { display: flex; flex-direction: column; padding: 28px; border: 1px solid #dfe7f3; border-radius: 16px; background: #fff; }
.dmg-quotes .dmg-quote-featured { border: 2px solid #2855f5; box-shadow: 0 14px 35px -20px #2855f533; }
.dmg-quote-label { display: inline-block; color: #2855f5; font-size: 9px; font-weight: 750; letter-spacing: .09em; margin-bottom: 23px; }
.dmg-quotes h3 { font-size: 21px; font-weight: 700; margin-bottom: 10px; }
.dmg-quotes article > p { color: #7a899f; font-size: 12px; line-height: 1.7; }
.dmg-quote-price { padding-block: 24px; border-bottom: 1px solid #edf0f6; font-size: 22px; font-weight: 750; color: #081226; }
.dmg-quote-price small { display: block; font-size: 10px; font-weight: 400; color: #8190a5; margin-top: 6px; }
.dmg-quotes ul { list-style: none; display: grid; gap: 12px; padding: 24px 0; margin-bottom: 14px; font-size: 12px; line-height: 1.7; color: #64758d; }
.dmg-quotes .button { margin-top: auto; width: 100%; font-size: 13px; }
.dmg-pricing-note { max-width: 850px; margin: 25px auto 0; text-align: center; color: #8190a5; font-size: 11px; line-height: 1.8; }
.dmg-faq { max-width: 800px; }
.dmg-faq .faq-item p { font-size: 14px; }
.dmg-cta { background: radial-gradient(ellipse at 50% 10%,#e8f4ff,transparent 75%),#f7faff; text-align: center; padding: 72px 0; border-top: 1px solid #e4ebf6; }
.dmg-cta p { max-width: 650px; margin: 15px auto; color: #65758c; font-size: 15px; line-height: 1.8; }
.dmg-cta .dmg-actions { justify-content: center; }
.homepage-field textarea { display: block; width: 100%; padding: 12px 13px; background: #f8faff; border: 1px solid #dce3ef; border-radius: 10px; color: var(--ink); font: inherit; font-size: 14px; resize: vertical; }
.homepage-field textarea:focus { border-color: #2f5bff; outline: 3px solid #2f5bff1f; }
.dm-consent { display: flex; gap: 9px; align-items: flex-start; color: #607086; font-size: 12px; line-height: 1.6; margin-top: 18px; }
.dm-consent input { margin-top: 3px; accent-color: #2457d6; }
.dm-consent a { color: #2457d6; text-decoration: underline; }
.dm-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; }
#enquiry-status { font-size: 13px; color: #2457d6; margin-top: 16px; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .dmg-hero-grid { gap: 30px; }
  .dmg-proof { gap: 8px; }
  .dmg-proof > div { gap: 6px; }
  .dmg-workspace-rail { display: none; }
  .dmg-workspace-content { padding: 15px; }
  .dmg-flow { gap: 10px; }
  .dmg-flow li { padding: 20px 15px; }
  .dmg-services { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dmg-problem-grid, .dmg-insights-grid { gap: 40px; }
}
@media (max-width: 860px) {
  .dmg-hero-grid, .dmg-problem-grid, .dmg-insights-grid { grid-template-columns: minmax(0,1fr); }
  .dmg-hero-grid { gap: 42px; }
  .dmg-workspace { max-width: 610px; width: 100%; }
  .dmg-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dmg-flow li:last-child { grid-column: 1/-1; }
  .dmg-industries { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dmg-quotes { grid-template-columns: minmax(0,1fr); }
  .dmg-quotes article { max-width: 610px; width: 100%; margin-inline: auto; }
}
@media (max-width: 600px) {
  .dm-shell { width: calc(100% - 32px); }
  .dmg-hero { padding: 44px 0 48px; }
  .dmg-copy h1 { font-size: clamp(33px,8.7vw,48px); }
  .dmg-copy > p { font-size: 15px; }
  .dmg-pill { font-size: 8px; }
  .dmg-proof { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .dmg-proof strong { font-size: 13px; }
  .dmg-proof small { font-size: 11px; }
  .dmg-actions { gap: 10px; }
  .dmg-actions .button { font-size: 13px; padding: 13px 16px; }
  .dmg-workspace figcaption { padding: 15px; flex-wrap: wrap; }
  .dmg-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dmg-stats small { font-size: 8px; }
  .dmg-stats b { font-size: 19px; }
  .dmg-stats span { font-size: 10px; }
  .dmg-chart-grid { grid-template-columns: minmax(0,1fr); }
  .dmg-chart h3 { font-size: 12px; }
  .dmg-chart h3 small { font-size: 10px; }
  .dmg-review-card { display: none; }
  .dmg-example-note { font-size: 10px; }
  .dmg-section { padding: 54px 0; }
  .dmg-heading h2, .dmg-cta h2 { font-size: 29px; }
  .dmg-services, .dmg-industries, .dmg-flow { grid-template-columns: minmax(0,1fr); }
  .dmg-flow li { display: grid; grid-template-columns: 34px minmax(0,1fr); column-gap: 16px; }
  .dmg-flow li > span { grid-row: 1/3; margin: 0; }
  .dmg-flow li:last-child { grid-column: auto; }
  .dmg-quotes article { padding: 25px; }
  .dmg-cta { padding: 54px 0; }
}
@media (prefers-reduced-motion: reduce) { .dm-growth-page { scroll-behavior: auto; } }