/* Home Experience V36 · premium visual polish only · 2026-08 */

body[data-page="home"] {
  background:
    radial-gradient(circle at 86% 18%, rgba(207, 14, 93, .045), transparent 30rem),
    radial-gradient(circle at 11% 55%, rgba(248, 200, 7, .035), transparent 26rem),
    var(--w-v20-canvas, #fffaf6);
}

body[data-page="home"] .wahaaj-showcase {
  background:
    radial-gradient(circle at 84% 18%, rgba(207, 14, 93, .28), transparent 27rem),
    radial-gradient(circle at 12% 86%, rgba(248, 200, 7, .13), transparent 27rem),
    linear-gradient(145deg, #090307 0%, #160611 52%, #2d071a 100%);
}

body[data-page="home"] .wahaaj-showcase::before {
  opacity: .34;
  background-image:
    linear-gradient(118deg, transparent 0 26%, rgba(255, 255, 255, .042) 26.08% 26.2%, transparent 26.28% 100%),
    radial-gradient(rgba(255, 255, 255, .16) .56px, transparent .7px);
  background-size: auto, 13px 13px;
}

body[data-page="home"] .wahaaj-showcase::after {
  opacity: .48;
  background:
    linear-gradient(112deg, transparent 0 47%, rgba(255, 255, 255, .032) 47.1% 47.22%, transparent 47.34% 100%),
    radial-gradient(ellipse at 50% -10%, rgba(255, 255, 255, .08), transparent 40%);
}

body[data-page="home"] .wahaaj-showcase-viewport::before {
  content: "";
  position: absolute;
  inset: 5% 18%;
  z-index: 0;
  border: 1px solid rgba(248, 200, 7, .07);
  border-radius: clamp(30px, 4vw, 54px);
  box-shadow: 0 0 0 22px rgba(255, 255, 255, .009);
  pointer-events: none;
}

body[data-page="home"] .wahaaj-showcase-slide {
  border-color: rgba(255, 255, 255, .16);
  box-shadow:
    0 44px 120px rgba(0, 0, 0, .5),
    0 0 0 1px rgba(248, 200, 7, .035),
    inset 0 1px rgba(255, 255, 255, .12);
}

body[data-page="home"] .wahaaj-showcase-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: inherit;
  background:
    linear-gradient(117deg, rgba(255, 255, 255, .09), transparent 15% 72%, rgba(248, 200, 7, .045)),
    linear-gradient(to bottom, transparent 72%, rgba(0, 0, 0, .14));
  pointer-events: none;
}

body[data-page="home"] .wahaaj-showcase-slide.is-active {
  border-color: rgba(255, 225, 102, .24);
  box-shadow:
    0 48px 128px rgba(0, 0, 0, .52),
    0 0 0 1px rgba(248, 200, 7, .08),
    inset 0 1px rgba(255, 255, 255, .16);
}

body[data-page="home"] .wahaaj-showcase-slide > img {
  filter: saturate(1.06) contrast(1.035) brightness(.98);
}

body[data-page="home"] .wahaaj-showcase-copy {
  text-shadow: 0 4px 28px rgba(0, 0, 0, .24);
}

body[data-page="home"] .wahaaj-showcase-copy > span {
  border-color: rgba(255, 225, 92, .38);
  background: linear-gradient(135deg, rgba(20, 5, 16, .78), rgba(207, 14, 93, .17));
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 14px 34px rgba(0, 0, 0, .18);
}

body[data-page="home"] .wahaaj-showcase-copy a {
  border-color: rgba(255, 255, 255, .22);
  background: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(207, 14, 93, .24));
  box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 14px 36px rgba(0, 0, 0, .2);
}

body[data-page="home"] .wahaaj-showcase-arrow {
  border-color: rgba(255, 225, 102, .19);
  background: linear-gradient(145deg, rgba(26, 6, 20, .88), rgba(207, 14, 93, .22));
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 18px 42px rgba(0, 0, 0, .26);
}

body[data-page="home"] .wahaaj-showcase-dot[aria-current="true"]::before {
  background: linear-gradient(90deg, #ffe784, var(--w-sun), var(--w-orange));
  box-shadow: 0 0 17px rgba(248, 200, 7, .44);
}

body[data-page="home"] .agency-hero {
  position: relative;
  background:
    radial-gradient(circle at 83% 19%, rgba(248, 200, 7, .18), transparent 22rem),
    radial-gradient(circle at 13% 76%, rgba(207, 14, 93, .3), transparent 31rem),
    linear-gradient(140deg, #0d070d 0%, #270a20 54%, #50092f 100%);
}

body[data-page="home"] .agency-hero::after {
  opacity: .72;
  background:
    radial-gradient(ellipse at 50% 92%, rgba(248, 200, 7, .11), transparent 42%),
    linear-gradient(108deg, transparent 0 68%, rgba(255, 255, 255, .032) 68.1% 68.24%, transparent 68.34% 100%);
}

body[data-page="home"] .agency-hero-copy .agency-kicker {
  border-color: rgba(255, 225, 102, .2);
  background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(248, 200, 7, .055));
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

body[data-page="home"] .agency-hero-copy h1 {
  text-shadow: 0 12px 42px rgba(0, 0, 0, .2);
}

body[data-page="home"] .agency-hero-copy h1 em {
  text-shadow: 0 10px 36px rgba(248, 164, 10, .15);
}

body[data-page="home"] .agency-hero-actions .agency-button {
  border-color: rgba(255, 255, 255, .18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 16px 38px rgba(0, 0, 0, .18);
}

body[data-page="home"] .agency-trust-list li {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .04);
  box-shadow: inset 0 1px rgba(255, 255, 255, .055);
}

body[data-page="home"] .wahaaj-hero-stage {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, .055), transparent 28%),
    radial-gradient(circle at 74% 24%, rgba(248, 200, 7, .1), transparent 24%),
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(207, 14, 93, .07));
  box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

body[data-page="home"] .wahaaj-hero-stage::before {
  border-color: rgba(248, 200, 7, .2);
  box-shadow: 0 0 0 34px rgba(255, 255, 255, .012), 0 0 90px rgba(248, 200, 7, .06);
}

body[data-page="home"] .wahaaj-hero-stage::after {
  border-color: rgba(255, 255, 255, .16);
}

body[data-page="home"] .wahaaj-logo-plate {
  border-color: rgba(255, 225, 102, .24);
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, .19), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(207, 14, 93, .095));
  box-shadow:
    0 38px 98px rgba(0, 0, 0, .42),
    0 0 0 10px rgba(255, 255, 255, .016),
    0 0 70px rgba(207, 14, 93, .16),
    inset 0 1px rgba(255, 255, 255, .17);
}

body[data-page="home"] .wahaaj-logo-plate::after {
  border-color: rgba(255, 225, 102, .12);
}

body[data-page="home"] .wahaaj-orbit-card {
  border-color: rgba(255, 255, 255, .14);
  background: linear-gradient(145deg, rgba(24, 7, 20, .92), rgba(66, 10, 41, .62));
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 18px 42px rgba(0, 0, 0, .22);
  backdrop-filter: blur(16px) saturate(1.08);
}

body[data-page="home"] .wahaaj-orbit-card .agency-icon {
  color: #ffdf59;
  border-color: rgba(255, 225, 102, .23);
  background: linear-gradient(145deg, rgba(248, 200, 7, .15), rgba(207, 14, 93, .1));
}

body[data-page="home"] .wahaaj-stage-caption {
  border-color: rgba(255, 255, 255, .3);
  box-shadow: 0 15px 34px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .27);
}

body[data-page="home"] .agency-proof-strip {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(248, 200, 7, .055), transparent 24% 76%, rgba(207, 14, 93, .055)),
    rgba(255, 253, 249, .99);
}

body[data-page="home"] .agency-proof-strip::before {
  content: "";
  position: absolute;
  top: 0;
  right: 9%;
  left: 9%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248, 200, 7, .45), rgba(207, 14, 93, .32), transparent);
}

body[data-page="home"] .agency-proof-strip article {
  border-color: rgba(207, 14, 93, .09);
  background: rgba(255, 255, 255, .44);
  box-shadow: inset 0 1px rgba(255, 255, 255, .7);
}

body[data-page="home"] .agency-proof-strip article::after {
  content: "";
  position: absolute;
  right: 19px;
  bottom: 10px;
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--w-magenta), var(--w-sun));
  opacity: .75;
}

body[data-page="home"] :is(#services, #monthly, #process) {
  position: relative;
  isolation: isolate;
}

body[data-page="home"] :is(#services, #monthly, #process)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 90% 12%, rgba(248, 200, 7, .06), transparent 22rem),
    radial-gradient(circle at 8% 84%, rgba(207, 14, 93, .045), transparent 23rem);
}

body[data-page="home"] .agency-service-card {
  overflow: hidden;
  border-color: rgba(207, 14, 93, .12);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 250, 248, .92));
  box-shadow: 0 20px 54px rgba(63, 7, 36, .09), inset 0 1px rgba(255, 255, 255, .95);
}

body[data-page="home"] .agency-service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(138deg, rgba(255, 255, 255, .42), transparent 26% 70%, rgba(248, 200, 7, .045));
}

body[data-page="home"] .agency-service-card > :not(.wahaaj-material-light) {
  position: relative;
  z-index: 1;
}

body[data-page="home"] .agency-service-card img {
  border: 1px solid rgba(207, 14, 93, .08);
  box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 13px 28px rgba(74, 12, 41, .08);
}

body[data-page="home"] .agency-service-index {
  border-color: rgba(248, 200, 7, .24);
  background: linear-gradient(145deg, #fff2a6, var(--w-sun));
  box-shadow: 0 8px 20px rgba(248, 200, 7, .18);
}

body[data-page="home"] .agency-service-icon {
  border-color: rgba(207, 14, 93, .12);
  background: linear-gradient(145deg, rgba(207, 14, 93, .1), rgba(248, 200, 7, .11));
  box-shadow: inset 0 1px rgba(255, 255, 255, .65);
}

body[data-page="home"] .agency-service-card > a {
  color: var(--w-magenta-deep);
  background: linear-gradient(135deg, rgba(207, 14, 93, .055), rgba(248, 200, 7, .1));
}

body[data-page="home"] .agency-section-dark,
body[data-page="home"] .agency-occasions {
  overflow: hidden;
}

body[data-page="home"] .agency-section-dark::after,
body[data-page="home"] .agency-occasions::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 0 78%, rgba(255, 255, 255, .026) 78.1% 78.26%, transparent 78.36% 100%);
}

body[data-page="home"] .agency-monthly-card,
body[data-page="home"] .agency-policy-card {
  border-color: rgba(255, 225, 102, .14);
  background:
    radial-gradient(circle at 90% 10%, rgba(248, 200, 7, .14), transparent 19rem),
    linear-gradient(145deg, rgba(49, 9, 32, .98), rgba(18, 6, 15, .98));
  box-shadow: 0 28px 70px rgba(35, 4, 22, .26), inset 0 1px rgba(255, 255, 255, .07);
}

body[data-page="home"] .agency-process-grid article {
  border-color: rgba(207, 14, 93, .11);
  background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 250, 248, .92));
}

body[data-page="home"] .agency-final-cta .agency-container {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 225, 102, .16);
  background:
    radial-gradient(circle at 86% 16%, rgba(248, 200, 7, .15), transparent 22rem),
    radial-gradient(circle at 13% 84%, rgba(207, 14, 93, .21), transparent 24rem),
    linear-gradient(145deg, #1a0714, #460927 55%, #1e0715);
  box-shadow: 0 34px 90px rgba(34, 3, 21, .27), inset 0 1px rgba(255, 255, 255, .09);
}

body[data-page="home"] .agency-final-cta .agency-container::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: inherit;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  body[data-page="home"] .wahaaj-showcase-arrow:hover {
    border-color: rgba(255, 225, 102, .38);
    background: linear-gradient(145deg, rgba(207, 14, 93, .74), rgba(72, 7, 42, .88));
  }

  body[data-page="home"] .agency-proof-strip article:hover {
    box-shadow: 0 14px 30px rgba(80, 10, 46, .07), inset 0 1px rgba(255, 255, 255, .86);
  }

  body[data-page="home"] .agency-service-card:hover {
    border-color: rgba(207, 14, 93, .25);
    box-shadow: 0 28px 64px rgba(63, 7, 36, .14), inset 0 1px rgba(255, 255, 255, .96);
  }

  body[data-page="home"] .agency-service-card:hover img {
    filter: saturate(1.06) contrast(1.035);
  }
}

@media (max-width: 767px) {
  body[data-page="home"] .wahaaj-showcase-viewport::before {
    inset: 2%;
    border-radius: 27px;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .008);
  }

  body[data-page="home"] .wahaaj-showcase-slide::before {
    background: linear-gradient(135deg, rgba(255, 255, 255, .07), transparent 28% 74%, rgba(248, 200, 7, .04));
  }

  body[data-page="home"] .wahaaj-hero-stage {
    border-radius: 27px;
  }

  body[data-page="home"] .agency-proof-strip article::after {
    right: 11px;
    bottom: 7px;
    width: 22px;
  }

  body[data-page="home"] .agency-service-card > a {
    background: transparent;
  }

  body[data-page="home"] .agency-final-cta .agency-container::before {
    inset: 8px;
  }
}

html[data-theme="dark"] body[data-page="home"] {
  background: #10070f;
}

html[data-theme="dark"] body[data-page="home"] .agency-proof-strip {
  background:
    linear-gradient(90deg, rgba(248, 200, 7, .045), transparent 24% 76%, rgba(207, 14, 93, .055)),
    #170b14;
}

html[data-theme="dark"] body[data-page="home"] .agency-proof-strip article,
html[data-theme="dark"] body[data-page="home"] .agency-service-card,
html[data-theme="dark"] body[data-page="home"] .agency-process-grid article {
  border-color: rgba(255, 255, 255, .1);
  background: linear-gradient(145deg, rgba(43, 19, 35, .96), rgba(21, 10, 19, .99));
  box-shadow: inset 0 1px rgba(255, 255, 255, .04), 0 18px 50px rgba(0, 0, 0, .17);
}

html[data-theme="dark"] body[data-page="home"] .agency-service-card > a {
  color: #ffe37a;
  background: rgba(255, 255, 255, .035);
}

html[data-motion="reduced"] body[data-page="home"] :is(.wahaaj-showcase-slide, .wahaaj-showcase-slide > img, .wahaaj-showcase-arrow, .agency-service-card, .agency-proof-strip article) {
  transition: none !important;
}

@media (forced-colors: active) {
  body[data-page="home"] :is(.wahaaj-showcase-viewport::before, .wahaaj-showcase-slide::before, .agency-proof-strip::before, .agency-proof-strip article::after, .agency-final-cta .agency-container::before) {
    display: none;
  }
}