/* Homepage button color hierarchy: purple -> pink -> orange. */
body.home {
  --home-btn-purple: #6d28d9;
  --home-btn-violet: #8b5cf6;
  --home-btn-pink: #ec4899;
  --home-btn-orange: #fb923c;
  --home-btn-ink: #15112b;
  --home-btn-shadow: rgba(236, 72, 153, .24);
}

body.home :is(
  .syeda217-header__cta--primary,
  .nv-ai-hero__button--primary,
  .agency-about-section__cta,
  .agency-services-section__cta-button,
  .agency-services-cta,
  .ai-ecosystem-section__cta,
  .why-choose__growth-cta,
  .why-choose__circle-cta,
  .latest-projects__cta,
  .ahmad-latest-blog__view-all,
  .ahmad-footer__cta,
  .ff-btn-submit
) {
  color: #fff !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.28), transparent 27%),
    linear-gradient(135deg, var(--home-btn-purple) 0%, var(--home-btn-pink) 52%, var(--home-btn-orange) 100%) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  box-shadow:
    0 22px 50px var(--home-btn-shadow),
    0 10px 26px rgba(109,40,217,.15),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

body.home :is(
  .syeda217-header__cta--primary,
  .nv-ai-hero__button--primary,
  .agency-about-section__cta,
  .agency-services-section__cta-button,
  .agency-services-cta,
  .ai-ecosystem-section__cta,
  .why-choose__growth-cta,
  .latest-projects__cta,
  .ahmad-latest-blog__view-all,
  .ahmad-footer__cta,
  .ff-btn-submit
):hover {
  color: #fff !important;
  background:
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(135deg, #5b21b6 0%, #db2777 48%, #f97316 100%) !important;
  box-shadow:
    0 28px 62px rgba(236,72,153,.30),
    0 14px 32px rgba(109,40,217,.18) !important;
}

body.home :is(
  .syeda217-header__cta--secondary,
  .nv-ai-hero__button--secondary,
  .agency-service-card__link
) {
  color: var(--home-btn-ink) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,252,.92)) padding-box,
    linear-gradient(135deg, var(--home-btn-purple), var(--home-btn-pink), var(--home-btn-orange)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 14px 34px rgba(76,29,149,.10),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}

body.home :is(
  .syeda217-header__cta--secondary,
  .nv-ai-hero__button--secondary,
  .agency-service-card__link
):hover {
  color: #fff !important;
  background:
    linear-gradient(135deg, var(--home-btn-purple), var(--home-btn-pink), var(--home-btn-orange)) padding-box,
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.12)) border-box !important;
  box-shadow:
    0 20px 46px rgba(236,72,153,.22),
    0 10px 24px rgba(109,40,217,.13) !important;
}

body.home :is(
  .syeda217-header__cta svg,
  .nv-ai-hero__button b,
  .agency-about-section__cta b,
  .agency-services-section__cta-button b,
  .agency-service-card__link b,
  .ai-ecosystem-section__cta b,
  .why-choose__growth-cta b,
  .ahmad-latest-blog__read-more span,
  .ahmad-latest-blog__view-all span,
  .ahmad-footer__cta svg
) {
  transition: transform .28s ease, color .28s ease, background .28s ease, box-shadow .28s ease !important;
}

body.home :is(.ff-btn-submit, .fluentform .ff-btn-submit) {
  min-height: 52px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

body.home :is(.ahmad-latest-blog__read-more, .agency-service-card__link) {
  text-decoration: none !important;
}

body.home .ahmad-latest-blog__read-more {
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #7d35ff !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

body.home .ahmad-latest-blog__read-more span {
  display: inline-block;
  background: linear-gradient(135deg, var(--home-btn-purple), var(--home-btn-pink), var(--home-btn-orange));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

body.home .ahmad-latest-blog__read-more b {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #8b35ff !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home .ahmad-latest-blog__read-more:hover {
  color: #ec4899 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home .ahmad-latest-blog__read-more:hover b {
  transform: translateX(5px);
  color: #ec4899 !important;
  box-shadow: none !important;
}

body.home .ahmad-footer__form button,
body.home .ahmad-footer__fluent-form .ff-btn-submit {
  display: grid !important;
  place-items: center !important;
  width: 90px !important;
  min-width: 90px !important;
  height: 52px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 3-7.5 18-4-8.5L1 9l20-6Z' fill='none' stroke='white' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E"),
    linear-gradient(135deg, var(--home-btn-purple), var(--home-btn-pink), var(--home-btn-orange)) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px, 100% 100% !important;
  box-shadow: 0 14px 30px rgba(236,72,153,.24) !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body.home :is(
  .syeda217-header__cta,
  .nv-ai-hero__button,
  .agency-about-section__cta,
  .agency-services-section__cta-button,
  .agency-service-card__link,
  .ai-ecosystem-section__cta,
  .why-choose__growth-cta,
  .latest-projects__cta,
  .ahmad-latest-blog__view-all,
  .ahmad-footer__cta,
  .ff-btn-submit
):focus-visible {
  outline: 3px solid rgba(236,72,153,.32) !important;
  outline-offset: 4px !important;
}

@media (max-width: 640px) {
  body.home :is(
    .nv-ai-hero__button,
    .agency-about-section__cta,
    .agency-services-section__cta-button,
    .latest-projects__cta,
    .ahmad-latest-blog__view-all,
    .ff-btn-submit
  ) {
    min-height: 52px !important;
  }
}