/* AZD Team — public editorial finish, 13 November 2026.
   Loaded after the published foundation and component layers.
   Component geometry, content, image crops and application state remain owned
   by their original styles. The doubled #root matches the existing cascade. */

body #root#root .azd-public-shell {
  --azd-premium-ink: #1c2d39;
  --azd-premium-muted: #596b76;
  --azd-premium-line: #d8e0e3;
  --azd-premium-paper: #f6f8f7;
  --azd-premium-accent: #274b60;
  --azd-premium-shadow: 0 2px 3px rgba(25, 44, 58, .025), 0 14px 36px rgba(25, 44, 58, .045);
  --azd-ui-ink: var(--azd-premium-ink);
  --azd-ui-muted: var(--azd-premium-muted);
  --azd-ui-line: var(--azd-premium-line);
  --azd-ui-surface: var(--azd-premium-paper);
  --azd-ui-accent: var(--azd-premium-accent);
  --azd-ui-radius: 6px;
  --azd-ink: var(--azd-premium-ink);
  --azd-muted: var(--azd-premium-muted);
  --azd-line: var(--azd-premium-line);
  --ink: var(--azd-premium-ink);
  --muted: var(--azd-premium-muted);
  --line: var(--azd-premium-line);
  --rule: var(--azd-premium-line);
  color: var(--azd-premium-ink);
  font-family: "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* A quiet, consistent hierarchy, without changing the page templates. */
body #root#root .azd-public-shell :is(.home-eyebrow, .home-section-label, .page-eyebrow, .page-hero__kicker, .team-eyebrow) {
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
  letter-spacing: .14em !important;
}
body #root#root .azd-public-shell :is(.home-hero__copy h1, .page-hero__copy h1, .portfolio-hero h1) {
  color: var(--azd-premium-ink) !important;
  font-size: clamp(42px, 4.15vw, 64px) !important;
  font-weight: 350 !important;
  line-height: 1.075 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}
body #root#root .azd-public-shell :is(.home-hero__copy > p, .page-hero__copy > p, .portfolio-hero p) {
  color: var(--azd-premium-muted) !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  text-wrap: pretty;
}
body #root#root .azd-public-shell :is(.azd-unified-services__heading h2, .azd-unified-portfolio__heading h2, .workflow-section-heading h2, .contact-lead h2, .pricing-section-heading h2) {
  font-size: clamp(29px, 3vw, 42px) !important;
  font-weight: 350 !important;
  line-height: 1.16 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
}
body #root#root .azd-public-shell :is(.azd-unified-services__heading > div > p, .azd-unified-portfolio__heading > div > p) {
  color: var(--azd-premium-muted) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}
body #root#root .azd-public-shell :is(.azd-unified-services, .azd-unified-portfolio) {
  padding-block: 44px !important;
  border-color: var(--azd-premium-line) !important;
}

/* Primary actions share the same tactile size and restrained finish. */
body #root#root .azd-public-shell :is(
  .home-hero__actions .home-dark-button,
  .page-hero__primary,
  .page-hero--elevated-actions .page-hero__actions > a:first-child,
  .services-detail > header .services-primary,
  .pricing-estimate__actions > button,
  .pricing-custom-route > a,
  .azd-brief__primary,
  .azd-quick-contact button[type="submit"],
  .price-quote-form button[type="submit"],
  .contact-form button[type="submit"]
) {
  min-height: 52px !important;
  padding: 8px 18px !important;
  border: 1px solid var(--azd-premium-ink) !important;
  border-radius: 6px !important;
  background: var(--azd-premium-ink) !important;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(25, 44, 58, .08) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .015em !important;
  text-decoration: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
}
body #root#root .azd-public-shell > .home-header .home-header__price {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 48px !important;
  padding: 6px 10px 6px 16px !important;
  border-radius: 6px !important;
  border-color: var(--azd-premium-ink) !important;
  background: var(--azd-premium-ink) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .025em !important;
}
body #root#root .azd-public-shell :is(.home-hero__actions, .page-hero__actions) :is(.hero-action__arrow, .hero-action__icon--trailing) {
  border-radius: 4px !important;
}
body #root#root .azd-public-shell :is(
  .page-hero__secondary,
  .pricing-estimate__actions > a,
  .azd-brief__back,
  .library-load-more,
  .portfolio-load-more button,
  .azd-list-pagination__button
) {
  min-height: 48px !important;
  padding: 11px 18px !important;
  border: 1px solid #b8c6cd !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--azd-premium-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .015em !important;
  text-decoration: none !important;
}
body #root#root .azd-public-shell :is(.home-light-button, .pricing-custom-offer > a) {
  min-height: 52px !important;
  border: 1px solid #fff !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--azd-premium-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .015em !important;
}
body #root#root .azd-public-shell :is(.azd-unified-services__all, .azd-unified-portfolio__all, .azd-unified-service__cta, .azd-central-service-back, .services-context-back, .azd-complex-project-cta) {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--azd-premium-accent) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-underline-offset: 5px;
}

/* Portfolio and homepage cards retain their approved equal grids and crops. */
body #root#root .azd-public-shell :is(.azd-portfolio-card, .azd-unified-service, .home-review-card, .home-reviews__intro) {
  border-color: var(--azd-premium-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--azd-premium-shadow) !important;
}
body #root#root .azd-public-shell .azd-portfolio-card__intro {
  background: #fff !important;
  padding-inline: 24px !important;
}
body #root#root .azd-public-shell .azd-portfolio-card__intro h3 {
  color: var(--azd-premium-ink) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
}
body #root#root .azd-public-shell .azd-portfolio-card__intro p {
  color: var(--azd-premium-muted) !important;
  line-height: 1.65 !important;
}
body #root#root .azd-public-shell .azd-unified-portfolio .project-editorial-card__body {
  padding-inline: 24px !important;
  border-color: var(--azd-premium-line) !important;
  background: var(--azd-premium-paper) !important;
}
body #root#root .azd-public-shell .azd-portfolio-card__filter {
  padding-inline: 24px !important;
  border-color: var(--azd-premium-line) !important;
  color: var(--azd-premium-accent) !important;
  font-size: 13px !important;
  letter-spacing: .005em !important;
}
body #root#root .azd-public-shell .azd-unified-service h3 {
  font-size: 23px !important;
  font-weight: 450 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
}
body #root#root .azd-public-shell .azd-unified-service ul {
  font-size: 13px !important;
  line-height: 1.75 !important;
}
body #root#root .azd-public-shell .azd-unified-services__applications {
  border-color: var(--azd-premium-line) !important;
  border-radius: 8px !important;
  background: var(--azd-premium-paper) !important;
}
body #root#root .azd-public-shell .azd-unified-services__applications > a {
  border-color: var(--azd-premium-line) !important;
}
body #root#root .azd-public-shell .azd-unified-services__applications h3 {
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}
body #root#root .azd-public-shell .home-reviews__intro {
  background: var(--azd-premium-paper) !important;
}
body #root#root .azd-public-shell .home-review-card {
  background: #fff !important;
}
body #root#root .azd-public-shell .home-review-card > p {
  color: var(--azd-premium-muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

/* Central service page: one readable, accessible accordion system. */
body #root#root .azd-public-shell .azd-central-service-detail {
  border-color: var(--azd-premium-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(25, 44, 58, .025) !important;
}
body #root#root .azd-public-shell .azd-central-service-detail > summary {
  min-height: 76px !important;
  padding: 20px 24px !important;
  color: var(--azd-premium-ink) !important;
}
body #root#root .azd-public-shell .azd-central-service-detail > summary strong {
  font-size: 18px !important;
  font-weight: 550 !important;
  line-height: 1.4 !important;
  letter-spacing: -.015em !important;
}
body #root#root .azd-public-shell .azd-central-service-detail > summary small {
  color: var(--azd-premium-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
body #root#root .azd-public-shell .azd-central-service-detail[open] {
  border-color: #a8bcc7 !important;
}
body #root#root .azd-public-shell .azd-central-service-detail[open] > summary {
  border-bottom-color: var(--azd-premium-line) !important;
  background: #eff4f5 !important;
}
body #root#root .azd-public-shell .azd-central-service-detail__body {
  color: var(--azd-premium-muted) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}
body #root#root .azd-public-shell :is(.services-workbench .services-nav, .azd-service-aside, .guide-tabs) {
  border-color: var(--azd-premium-line) !important;
  background-color: var(--azd-premium-paper) !important;
}
body #root#root .azd-public-shell :is(.service-nav-button, .guide-tabs button, .services-nav__audiences button, .azd-contact-options__tabs button) {
  min-height: 46px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
body #root#root .azd-public-shell :is(.service-nav-button.active, .guide-tabs button.active, .services-nav__audiences button[aria-pressed="true"], .azd-contact-options__tabs button[aria-selected="true"]) {
  border-color: var(--azd-premium-ink) !important;
  background: var(--azd-premium-ink) !important;
  color: #fff !important;
}
body #root#root .azd-public-shell .service-nav-button.active .service-name {
  color: #fff !important;
}

/* Catalogue controls keep their existing horizontal scrolling behavior. */
body #root#root .azd-public-shell :is(.portfolio-categories button, .portfolio-result-summary button, .blog-nav button, .blog-nav summary) {
  min-height: 44px !important;
  font-weight: 600 !important;
}
body #root#root .azd-public-shell .portfolio-categories button.active {
  background: var(--azd-premium-ink) !important;
  color: #fff !important;
}
body #root#root .azd-public-shell .portfolio-search {
  height: 48px !important;
  border: 1px solid #bac8cf !important;
  border-radius: 6px !important;
  background: #fff !important;
}
body #root#root .azd-public-shell .portfolio-search:focus-within {
  outline: 3px solid #84a4b6 !important;
  outline-offset: 3px !important;
}
body #root#root .azd-public-shell :is(.portfolio-search input, .blog-search input) {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--azd-premium-ink) !important;
}
body #root#root .azd-public-shell .portfolio-select select {
  height: 48px !important;
  border-color: #bac8cf !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: var(--azd-premium-ink) !important;
}

/* Pricing, contact and inquiry surfaces share a calm, legible form treatment. */
body #root#root .azd-public-shell :is(.pricing-estimate, .pricing-conditions__details, .azd-brief, .azd-quick-contact, .contact-location-card, .price-modal) {
  border-color: var(--azd-premium-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--azd-premium-shadow) !important;
}
body #root#root .azd-public-shell .pricing-estimate {
  background: linear-gradient(145deg, #fff 10%, #f3f6f5 100%) !important;
}
body #root#root .azd-public-shell :is(.pricing-category-grid label, .pricing-phase-grid label, .pricing-mode-grid label, .azd-brief__choice) {
  border-radius: 6px !important;
  border-color: #cbd6dc !important;
}
body #root#root .azd-public-shell :is(.azd-brief, .azd-quick-contact, .contact-form, .price-quote-form) :is(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]), select, textarea) {
  min-width: 0;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border: 1px solid #bac8cf !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--azd-premium-ink) !important;
  font: inherit !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
body #root#root .azd-public-shell :is(.azd-brief, .azd-quick-contact, .contact-form, .price-quote-form) textarea {
  min-height: 128px !important;
  resize: vertical;
}
body #root#root .azd-public-shell :is(.azd-brief, .azd-quick-contact, .contact-form, .price-quote-form) :is(input, textarea)::placeholder {
  color: #697d89 !important;
  opacity: 1 !important;
}
body #root#root .azd-public-shell :is(.services-faq, .home-faq, .price-faq) summary {
  min-height: 58px !important;
  padding-block: 16px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  font-weight: 550 !important;
}

/* Informational pages retain their editorial layouts and dark-panel contrast. */
body #root#root .azd-public-shell :is(.workflow-option, .team-leads article, .team-authorizations, .team-authorizations article) {
  border-radius: 8px !important;
  border-color: var(--azd-premium-line) !important;
  box-shadow: var(--azd-premium-shadow) !important;
}
body #root#root .azd-public-shell :is(.team-proof dl > div, .team-authorizations article) {
  background: var(--azd-premium-paper) !important;
}
body #root#root .azd-public-shell .workflow-option--private {
  border-color: var(--azd-premium-ink) !important;
  background: var(--azd-premium-ink) !important;
  color: #fff !important;
}
body #root#root .azd-public-shell .workflow-option--private :is(h3, li) {
  color: #fff !important;
}
body #root#root .azd-public-shell .workflow-option--private :is(p, footer, .workflow-option__body > span) {
  color: #dce5e9 !important;
}
body #root#root .azd-public-shell .editorial-card h2 {
  font-size: clamp(25px, 2.2vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -.03em !important;
  text-wrap: balance;
}
body #root#root .azd-public-shell :is(.article-body, .legal-page) :is(p, li) {
  font-size: 16px !important;
  line-height: 1.85 !important;
}
body #root#root .azd-public-shell :is(.article-body, .legal-page) h2 {
  font-size: clamp(26px, 2.6vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
  text-wrap: balance;
}
body #root#root .azd-public-shell .article-body blockquote {
  border-left-color: #8e9d93 !important;
  background: #f3f6f3 !important;
  color: var(--azd-premium-ink) !important;
}
body #root#root .azd-public-shell :is(.home-footer, .site-footer) {
  border-color: var(--azd-premium-line) !important;
}

/* Hero actions have an explicit shared rule because older late-loaded bundles
   include more-specific contact and secondary-action selectors. */
body #root#root .azd-public-shell .page-hero--elevated-actions .page-hero__actions > :is(a.page-hero__primary, a.page-hero__secondary, button),
body #root#root .azd-public-shell .home-hero__actions > a.home-dark-button,
body #root#root .azd-public-shell .page-hero__actions > a.page-hero__primary,
body #root#root .azd-public-shell .services-detail > header .services-primary,
body #root#root .azd-public-shell .azd-brief__primary,
body #root#root .azd-public-shell .pricing-estimate__actions > :is(a, button) {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 52px !important;
  padding: 8px 10px 8px 18px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .015em !important;
}
body #root#root .azd-public-shell .page-hero--elevated-actions .page-hero__actions > a.page-hero__secondary {
  border-color: #b8c6cd !important;
  background: #fff !important;
  color: var(--azd-premium-accent) !important;
}
body #root#root .azd-public-shell :is(.home-hero__actions, .page-hero__actions, .pricing-estimate__actions) :is(.hero-action__arrow, .hero-action__icon--trailing) {
  box-sizing: border-box !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 4px !important;
}
body #root#root .azd-public-shell :is(.services-detail > header .services-primary, .page-hero__actions > a.page-hero__primary, .pricing-estimate__actions > button) > svg,
body #root#root .azd-public-shell > .home-header .home-header__price > .azd-icon {
  box-sizing: border-box !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 4px !important;
  color: inherit !important;
}
body #root#root .azd-public-shell .azd-brief__primary .azd-brief__button-arrow {
  box-sizing: border-box !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  line-height: 32px !important;
}

/* Only known compact public controls are enlarged; overlay/media hit areas
   and slider/radio input geometry are not affected. */
body #root#root .azd-public-shell :is(.project-carousel-controls button, .home-reviews__pagination button, .home-reviews__controls button, .price-modal__close, .home-menu-toggle) {
  min-width: 44px !important;
  min-height: 44px !important;
}
body #root#root .azd-public-shell :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #84a4b6 !important;
  outline-offset: 3px !important;
}
body #root#root .azd-public-shell :is(.portfolio-categories button, .blog-nav button, .service-nav-button, .azd-central-service-detail > summary):focus-visible {
  outline-offset: -4px !important;
}
body #root#root .azd-public-shell :is(button, input, select, textarea):disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

@media (hover: hover) and (pointer: fine) {
  body #root#root .azd-public-shell :is(.home-hero__actions .home-dark-button, .page-hero__primary, .page-hero--elevated-actions .page-hero__actions > a:first-child, .services-primary, .pricing-estimate__actions > button, .azd-brief__primary, .home-header__price):hover {
    border-color: var(--azd-premium-accent) !important;
    background: var(--azd-premium-accent) !important;
    box-shadow: 0 5px 14px rgba(25, 44, 58, .13) !important;
  }
  body #root#root .azd-public-shell :is(.azd-portfolio-card__filter, .azd-unified-services__applications > a):hover {
    background: #edf2f3 !important;
  }
  body #root#root .azd-public-shell .azd-central-service-detail:not([open]) > summary:hover {
    background: var(--azd-premium-paper) !important;
  }
  body #root#root .azd-public-shell :is(.library-load-more, .portfolio-load-more button, .azd-brief__back, .pricing-estimate__actions > a):hover {
    border-color: #738e9e !important;
    background: #f0f5f6 !important;
  }
}

@media (max-width: 700px) {
  body #root#root .azd-public-shell :is(.home-hero__copy h1, .page-hero__copy h1, .portfolio-hero h1) {
    font-size: clamp(34px, 8.7vw, 44px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
  }
  body #root#root .azd-public-shell :is(.home-hero__copy > p, .page-hero__copy > p, .portfolio-hero p) {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
  body #root#root .azd-public-shell :is(.azd-unified-services, .azd-unified-portfolio) {
    padding-block: 32px !important;
  }
  body #root#root .azd-public-shell :is(.azd-unified-services__heading h2, .azd-unified-portfolio__heading h2, .workflow-section-heading h2, .contact-lead h2, .pricing-section-heading h2) {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
  body #root#root .azd-public-shell .azd-portfolio-card__intro,
  body #root#root .azd-public-shell .azd-portfolio-card__filter,
  body #root#root .azd-public-shell .azd-unified-portfolio .project-editorial-card__body {
    padding-inline: 20px !important;
  }
  body #root#root .azd-public-shell .azd-central-service-detail > summary {
    min-height: 72px !important;
    padding: 18px 16px !important;
    gap: 14px !important;
  }
  body #root#root .azd-public-shell .azd-central-service-detail > summary strong {
    font-size: 17px !important;
  }
  body #root#root .azd-public-shell .portfolio-select select {
    font-size: 16px !important;
  }
  body #root#root .azd-public-shell :is(.azd-unified-service__content, .azd-portfolio-card__intro, .price-quote-form, .azd-brief) {
    min-width: 0;
  }
}

@media (max-width: 360px) {
  body #root#root .azd-public-shell :is(.home-hero__copy h1, .page-hero__copy h1, .portfolio-hero h1) {
    font-size: 32px !important;
  }
  body #root#root .azd-public-shell :is(.azd-unified-services__heading h2, .azd-unified-portfolio__heading h2) {
    font-size: 28px !important;
  }
}

/* The published page templates switch to text over photography at 900px.
   Preserve that composition with deliberate contrast; the blog has its own
   white reading panel below 700px and is restored separately. */
@media (max-width: 900px) {
  body #root#root .azd-public-shell .page-hero .page-hero__copy h1 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .22);
  }
  body #root#root .azd-public-shell .page-hero .page-hero__copy > p,
  body #root#root .azd-public-shell .page-hero .page-hero__description {
    color: #edf2f5 !important;
    -webkit-text-fill-color: #edf2f5 !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, .22);
  }
  body #root#root .azd-public-shell .page-hero .page-hero__visual::before {
    background: linear-gradient(180deg, rgba(11, 24, 35, .16) 0%, rgba(11, 24, 35, .48) 30%, rgba(11, 24, 35, .82) 66%, rgba(11, 24, 35, .95) 100%) !important;
  }
}
@media (max-width: 700px) {
  /* A dedicated project is a single presentation, not a catalogue column. */
  body #root#root .azd-public-shell .azd-project-inline-page > .projects-feed {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding-inline: 16px !important;
  }
  body #root#root .azd-public-shell .azd-project-inline-page > .projects-feed > .azd-dedicated-project {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    grid-column: 1 / -1 !important;
    transform: none !important;
  }
  body #root#root .azd-public-shell .azd-dedicated-project > .azd-project-presentation {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body #root#root .azd-public-shell.blog-shell .page-hero .page-hero__copy h1 {
    color: var(--azd-premium-ink) !important;
    -webkit-text-fill-color: var(--azd-premium-ink) !important;
    text-shadow: none !important;
  }
  body #root#root .azd-public-shell.blog-shell .page-hero .page-hero__copy > p,
  body #root#root .azd-public-shell.blog-shell .page-hero .page-hero__description {
    color: var(--azd-premium-muted) !important;
    -webkit-text-fill-color: var(--azd-premium-muted) !important;
    text-shadow: none !important;
  }
  body #root#root .azd-public-shell.blog-shell .page-hero .page-hero__visual::before {
    background: linear-gradient(180deg, transparent 65%, rgba(11, 24, 35, .6) 100%) !important;
  }
}
@media (max-width: 900px) {
  body #root#root .home-shell.home-shell .home-hero__actions > a.home-dark-button,
  body .home-shell.home-shell .home-hero__actions > a.home-dark-button {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 8px 10px 8px 18px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }
  body #root#root .home-shell.home-shell .home-hero__actions > a.home-dark-button .hero-action__label,
  body .home-shell.home-shell .home-hero__actions > a.home-dark-button .hero-action__label {
    margin-left: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }
  body #root#root .home-shell.home-shell .home-hero__actions > a.home-dark-button > span[aria-hidden="true"]:last-child,
  body .home-shell.home-shell .home-hero__actions > a.home-dark-button > span[aria-hidden="true"]:last-child {
    box-sizing: border-box !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 32px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body #root#root .azd-public-shell,
  body #root#root .azd-public-shell *,
  body #root#root .azd-public-shell *::before,
  body #root#root .azd-public-shell *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}