.deep-page {
  --deep-dark: #100f13;
  --deep-ink: #16091d;
  --deep-green: #87bd37;
  --deep-lime: #b9df55;
  --deep-coral: #ff665f;
  --deep-pink: #ef2d7e;
  --deep-peach: #fff3ec;
}

.deep-page .navbar { z-index: 20; }
.deep-page .section-heading { max-width: 920px; margin-inline: auto; }
.deep-page .section-heading h2 { font-size: clamp(44px, 5vw, 78px); line-height: .98; }
.deep-page .section-heading h2 span,
.deep-page .deep-cover h2 span,
.deep-page .deep-addon h2 span,
.deep-page .deep-areas h2 span {
  background: linear-gradient(100deg, #ff8b36, #ff5968 54%, #e52d86);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Hero */
.deep-hero {
  position: relative;
  display: block;
  min-height: 920px;
  overflow: hidden;
  background: #0b0710;
}
.deep-hero::after {
  content: ""; position: absolute; inset: 0 46% 0 0; pointer-events: none;
  background: radial-gradient(circle at 70% 56%, rgba(238,45,126,.13), transparent 46%);
}
.deep-hero__copy {
  position: relative; z-index: 2; padding: 205px 4vw 64px max(5vw, 42px);
  width: min(760px, 55vw);
}
.deep-hero .eyebrow { color: #ff4f9a; }
.deep-hero h1 { margin: 18px 0 24px; color: #fff; font-family: "Playfair Display", Georgia, serif; font-size: clamp(58px, 5.35vw, 96px); line-height: .94; letter-spacing: -.04em; }
.deep-hero h1 span { background: linear-gradient(100deg, #ff8f35, #ff5c5f 55%, #ef2d7e); -webkit-background-clip: text; background-clip: text; color: transparent; }
.deep-hero__lead { max-width: 620px; color: #fff; font-size: clamp(20px, 1.45vw, 28px); line-height: 1.45; }
.deep-hero__detail { max-width: 650px; color: rgba(255,255,255,.77); font-size: 17px; line-height: 1.65; }
.deep-hero .button-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 30px; }
.deep-hero .button-row .btn { width: auto; padding-inline: 14px; font-size: 12px; letter-spacing: .025em; }
.deep-hero .btn { min-height: 58px; padding-inline: 26px; }
.deep-hero__visual { position: absolute; inset: 0; min-width: 0; overflow: hidden; }
.deep-hero__visual::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(10,5,14,.995) 0%, rgba(15,7,21,.98) 20%, rgba(23,10,31,.91) 35%, rgba(24,10,32,.64) 49%, rgba(18,8,25,.23) 65%, rgba(12,6,17,.14) 100%),
    linear-gradient(180deg, rgba(8,3,11,.30), transparent 34%, rgba(9,4,13,.20));
}
.deep-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: brightness(.82) saturate(.94) contrast(1.03); transform: scale(1.015); }
.deep-hero .maid-cursor-fairy { left: 34.5%; top: 48%; width: 88px; z-index: 4; }
.deep-kpis { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; max-width: 760px; min-height: 136px; overflow: hidden; border: 1px solid rgba(255,94,135,.7); border-radius: 18px; background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 34%,rgba(255,255,255,.015)),radial-gradient(circle at 8% 0,rgba(185,223,85,.18),transparent 30%),radial-gradient(circle at 96% 90%,rgba(238,63,145,.22),transparent 28%),linear-gradient(135deg,rgba(18,8,23,.88),rgba(49,13,62,.76)); box-shadow: 0 22px 72px rgba(0,0,0,.3),0 0 32px rgba(185,84,255,.16),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -22px 50px rgba(18,8,23,.34); backdrop-filter: blur(22px) saturate(1.25); transition: transform .28s ease,box-shadow .28s ease; }
.deep-kpis::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg,rgba(255,255,255,.17),transparent 24% 72%,rgba(185,223,85,.08)),radial-gradient(circle at 18% 0,rgba(255,255,255,.16),transparent 30%); opacity: .62; mix-blend-mode: screen; }
.deep-kpis article { position: relative; z-index: 1; min-width: 0; display: grid; place-items: center; align-content: center; gap: 8px; min-height: 136px; padding: 18px 14px; border-right: 1px solid rgba(255,128,177,.34); text-align: center; transition: background .25s ease; }
.deep-kpis article:last-child { border-right: 0; }
.deep-kpis article > div { min-width: 0; }
.deep-kpis article:hover { background: rgba(255,255,255,.045); }
.deep-kpi__icon { display: grid; place-items: center; width: 50px; aspect-ratio: 1; border: 1.5px solid rgba(185,223,85,.72); border-radius: 50%; background: linear-gradient(145deg,rgba(185,223,85,.13),rgba(255,255,255,.035)); color: var(--deep-lime); box-shadow: 0 8px 18px rgba(0,0,0,.18),0 0 18px rgba(185,223,85,.14),inset 0 0 0 4px rgba(255,255,255,.018); }
.deep-kpis article:nth-child(2) .deep-kpi__icon { color: #ff6683; border-color: rgba(255,94,135,.76); background: linear-gradient(145deg, rgba(255,94,135,.14), rgba(255,255,255,.035)); }
.deep-kpi__icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.deep-kpis strong { display: block; color: #fff; text-transform: none; font-size: 14px; line-height: 1.25; letter-spacing: 0; overflow-wrap: normal; }
.deep-kpis small { display: block; margin-top: 4px; color: rgba(255,255,255,.74); font-size: 12px; }
@media (hover:hover) and (pointer:fine) { .deep-kpis:hover { transform: translateY(-7px) scale(1.01); box-shadow: 0 27px 48px rgba(0,0,0,.34),0 9px 0 rgba(238,63,145,.08); } }

/* Connected light sections */
.deep-services, .deep-options, .deep-addon, .deep-page .maid-reviews, .deep-page .maid-faq { margin: 0; padding: 72px 0; }
.deep-services { padding-bottom: 58px; }
.deep-options { padding-top: 54px; }
.deep-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }
.deep-service-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(224,73,109,.24); border-radius: 18px; background: #fff; box-shadow: 0 14px 30px rgba(63,31,44,.09); transition: transform .28s ease, box-shadow .28s ease; }
.deep-service-card:hover { transform: translateY(-7px); box-shadow: 0 22px 42px rgba(63,31,44,.15); }
.deep-service-card > img { width: 100%; height: 250px; object-fit: cover; object-position: center 32%; }
.deep-service-card > div { min-height: 190px; padding: 48px 24px 28px; text-align: center; }
.deep-service-card h3 { margin: 0 0 12px; color: var(--deep-ink); font-family: "Playfair Display", Georgia, serif; font-size: 24px; line-height: 1.12; }
.deep-service-card p { margin: 0; color: #796671; font-size: 16px; line-height: 1.55; }
.deep-card-icon { position: absolute; top: 220px; left: 50%; transform: translateX(-50%); display: grid; place-items: center; width: 66px; aspect-ratio: 1; border: 5px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #73b73a, #9dd248); box-shadow: 0 8px 18px rgba(80,136,35,.24); }
.deep-service-card:nth-child(even) .deep-card-icon { background: linear-gradient(145deg, #ff7a64, #ed2b7a); box-shadow: 0 8px 18px rgba(219,39,112,.22); }
.deep-card-icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Quote options */
.deep-option-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 38px; align-items: stretch; }
.deep-option-card { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 34px 30px 28px; border: 1px solid rgba(240,83,103,.3); border-radius: 18px; background: #fff; box-shadow: 0 14px 30px rgba(63,31,44,.08); text-align: center; transition: transform .28s ease, box-shadow .28s ease; }
.deep-option-card:hover { transform: translateY(-7px); box-shadow: 0 24px 45px rgba(63,31,44,.14); }
.deep-option-card--featured { border-color: #7fb43a; }
.deep-option-badge { position: absolute; top: -17px; left: 50%; transform: translateX(-50%); padding: 8px 22px; border-radius: 999px; background: linear-gradient(100deg, #739f2c, #a6d34b); color: #fff; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.deep-option-icon { display: grid; place-items: center; width: 92px; aspect-ratio: 1; border: 1.5px solid rgba(126,183,52,.34); border-radius: 50%; background: linear-gradient(145deg, #fffaf6, #f3f9e8); color: #70aa2e; box-shadow: 0 12px 25px rgba(90,137,33,.12), inset 0 0 0 6px rgba(255,255,255,.72); }
.deep-option-card:nth-child(2) .deep-option-icon { color: #ef347a; border-color: rgba(239,52,122,.3); background: linear-gradient(145deg, #fff9f5, #fff0f5); box-shadow: 0 12px 25px rgba(218,39,110,.12), inset 0 0 0 6px rgba(255,255,255,.72); }
.deep-option-icon svg { width: 43px; height: 43px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.deep-option-card h3 { margin: 17px 0 10px; font-family: "Playfair Display", Georgia, serif; color: var(--deep-ink); font-size: 25px; line-height: 1.18; }
.deep-option-price { font-family: "Playfair Display", Georgia, serif; font-size: clamp(37px, 3.2vw, 56px); line-height: 1; text-transform: uppercase; background: linear-gradient(100deg, #ff8b36, #ff526c 55%, #e82984); -webkit-background-clip: text; background-clip: text; color: transparent; }
.deep-option-card > p { color: #75636e; line-height: 1.55; min-height: 52px; }
.deep-option-card ul { width: 100%; padding: 20px 0 20px; margin: 10px 0 22px; border-top: 1px solid #f1c7c3; list-style: none; text-align: left; }
.deep-option-card li { position: relative; padding-left: 28px; margin: 9px 0; color: #51444c; }
.deep-option-card li::before { content: "✓"; position: absolute; left: 0; color: #72af31; font-weight: 800; }
.deep-option-card .btn { width: 100%; margin-top: auto; }
.deep-options__note { margin: 22px 0 0; text-align: center; color: #796a74; }

/* Dark detail section */
.deep-cover { padding: 72px 0; background: radial-gradient(circle at 75% 38%, #17171c, #0b0c0f 68%); }
.deep-cover__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(42px, 5vw, 84px); align-items: center; }
.deep-cover__visual { position: relative; min-height: 640px; overflow: hidden; border: 2px solid transparent; border-radius: 22px; background: linear-gradient(#111,#111) padding-box, linear-gradient(145deg,#ff595f,#85bb36) border-box; }
.deep-cover__visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 52% center; }
.deep-cover__copy .eyebrow { color: #ff4f97; }
.deep-cover h2, .deep-addon h2, .deep-areas h2 { margin: 14px 0 20px; font-family: "Playfair Display", Georgia, serif; font-size: clamp(48px, 5vw, 78px); line-height: .98; color: #fff; }
.deep-cover__copy > p:not(.eyebrow) { color: rgba(255,255,255,.76); font-size: 18px; line-height: 1.6; }
.deep-cover-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; margin: 30px 0; }
.deep-cover-list article { display: grid; grid-template-columns: 58px 1fr; gap: 15px; align-items: start; }
.deep-cover-icon { display: grid; place-items: center; width: 54px; aspect-ratio: 1; border: 1.5px solid rgba(255,85,106,.78); border-radius: 50%; color: #ff5a74; background: linear-gradient(145deg, rgba(255,85,106,.10), rgba(255,255,255,.025)); box-shadow: 0 8px 20px rgba(0,0,0,.18), inset 0 0 0 4px rgba(255,255,255,.015); }
.deep-cover-list article:nth-child(3n+1) .deep-cover-icon, .deep-cover-list article:nth-child(3n+4) .deep-cover-icon { color: var(--deep-lime); border-color: rgba(185,223,85,.86); background: linear-gradient(145deg, rgba(185,223,85,.10), rgba(255,255,255,.025)); }
.deep-cover-icon svg { width: 27px; height: 27px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.deep-cover-list h3 { margin: 3px 0 4px; color: #fff; font-family: "Playfair Display", Georgia, serif; font-size: 20px; }
.deep-cover-list p { margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.5; }
.deep-cover .btn--service {
  background: linear-gradient(105deg, #e83f91 0%, #f04c88 52%, #ff7078 100%);
  box-shadow: 0 12px 28px rgba(232, 63, 145, .24);
}
.deep-cover .btn--service:hover {
  background: linear-gradient(105deg, #ed4899 0%, #f55790 52%, #ff7a81 100%);
  box-shadow: 0 16px 34px rgba(232, 63, 145, .34);
}

/* Add-on */
.deep-addon__grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: clamp(44px, 6vw, 88px); align-items: center; }
.deep-addon__copy .eyebrow { margin: 0 0 12px; text-align: left; }
.deep-addon h2 { color: var(--deep-ink); }
.deep-addon__copy > p:not(.eyebrow) { color: #75636d; line-height: 1.65; }
.deep-addon-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; margin: 30px 0; }
.deep-addon-list article { display: grid; grid-template-columns: 54px 1fr; gap: 13px; }
.deep-addon-icon { display: grid; place-items: center; width: 54px; aspect-ratio: 1; border: 1.5px solid rgba(126,183,52,.72); border-radius: 50%; color: #70aa2e; background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(185,223,85,.15)); box-shadow: 0 8px 18px rgba(100,151,39,.12), inset 0 0 0 4px rgba(255,255,255,.5); }
.deep-addon-icon svg { width: 27px; height: 27px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.deep-addon-list h3 { margin: 3px 0 4px; color: var(--deep-ink); font-family: "Playfair Display", Georgia, serif; font-size: 19px; }
.deep-addon-list p { margin: 0; color: #806d77; font-size: 14px; line-height: 1.5; }
.deep-addon__visual { position: relative; min-height: 570px; overflow: hidden; border: 2px solid transparent; border-radius: 22px; background: linear-gradient(#fff,#fff) padding-box, linear-gradient(145deg,#ff536c,#79b43b) border-box; box-shadow: 0 20px 45px rgba(75,34,49,.13); }
.deep-addon__visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% center; }
.deep-addon__visual span { position: absolute; left: 22px; bottom: 22px; padding: 9px 15px; border-radius: 999px; background: #fff; color: #5a9130; font-weight: 800; font-size: 12px; text-transform: uppercase; }

/* Reviews, areas, FAQ */
.deep-page .maid-review-card { min-height: 390px; }
.deep-page .maid-review-card h3 { margin-top: 12px; }
.deep-page .maid-review-card p { font-size: 15px; }
.deep-areas { padding: 72px 0; background: radial-gradient(circle at 50% 0, #201728, #0c0d11 70%); }
.deep-areas .section-heading h2 { color: #fff; }
.deep-areas .section-heading > p:not(.eyebrow) { color: rgba(255,255,255,.68); }
.deep-area-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin-top: 38px; }
.deep-area-grid article { padding: 22px; border: 1px solid rgba(255,99,101,.46); border-radius: 14px; text-align: center; background: rgba(255,255,255,.025); transition: transform .25s ease, border-color .25s ease; }
.deep-area-grid article:hover { transform: translateY(-5px); border-color: var(--deep-lime); }
.deep-area-grid h3 { margin: 0 0 8px; color: #fff; font-family: "Playfair Display", Georgia, serif; font-size: 20px; }
.deep-area-grid p { margin: 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.55; }
.deep-areas__note {
  margin-top: 26px;
  color: rgba(255,255,255,.72);
  font-size: 16px;
}
.deep-areas__note a {
  color: #fff;
  text-decoration-color: var(--deep-lime);
}
.deep-areas__note a:hover { color: var(--deep-lime); }
.deep-page .faq-grid { align-items: start; }
.deep-page .faq-grid details { min-height: 0; }
.deep-page .faq-grid summary::before { background: linear-gradient(145deg, #ed2d82, #6fae31); }

/* CTA/footer */
.deep-page .maid-cta {
  padding: 34px 0;
  border: 0;
  background:
    radial-gradient(circle at 16% 0, rgba(177, 61, 195, .16), transparent 40%),
    linear-gradient(180deg, #35133f 0%, #25102f 48%, #100414 100%);
}
.deep-page .maid-footer {
  border-top: 0;
  background:
    radial-gradient(circle at 90% 10%, rgba(105, 183, 61, .08), transparent 28%),
    radial-gradient(circle at 14% 4%, rgba(142, 48, 171, .12), transparent 28%),
    linear-gradient(180deg, #100414 0%, #0b030f 46%, #08020b 100%);
}
.deep-page .maid-cta__inner { padding: 24px 30px; }
.deep-page .maid-cta h2 { color: #fff; font-size: clamp(38px, 4vw, 62px); }
.deep-page .maid-cta h2 span { background: linear-gradient(100deg,#ff8b36,#ff526d,#ec2d82); -webkit-background-clip:text; background-clip:text; color:transparent; }
.deep-page .footer-services { color: var(--deep-lime) !important; }
.deep-page .footer-title-gradient { background: linear-gradient(100deg,#ff8b36,#ff526d,#ec2d82) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }

@media (max-width: 1180px) {
  .deep-hero { min-height: 850px; }
  .deep-hero__copy { width: min(660px, 58vw); padding-inline: 38px; }
  .deep-kpis { max-width: 660px; }
  .deep-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .deep-option-price { font-size: 42px; }
}

@media (max-width: 900px) {
  .deep-hero { display: block; min-height: auto; padding-top: 0; }
  .deep-hero__visual { opacity: .72; }
  .deep-hero__visual::before { background: linear-gradient(90deg,rgba(11,7,15,.99),rgba(14,7,20,.88) 58%,rgba(11,6,16,.50)); }
  .deep-hero__copy { position: relative; width: 100%; padding: 190px 7vw 64px; max-width: 780px; }
  .deep-page .is-cursor-fairy { display: none !important; }
  .deep-option-grid { grid-template-columns: 1fr; }
  .deep-option-card { max-width: 660px; width: 100%; margin-inline: auto; }
  .deep-cover__grid, .deep-addon__grid { grid-template-columns: 1fr; }
  .deep-cover__visual, .deep-addon__visual { min-height: 520px; }
  .deep-addon__visual { order: -1; }
  .deep-area-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 640px) {
  .deep-hero__copy { padding: 135px 22px 44px; }
  .deep-hero h1 { font-size: clamp(52px, 15vw, 72px); }
  .deep-hero__lead { font-size: 18px; }
  .deep-hero .button-row, .deep-hero .btn, .deep-hero .button-row .btn { width: 100%; }
  .deep-kpis { grid-template-columns: 1fr; }
  .deep-kpis article { min-height: 108px; border-right: 0; border-bottom: 1px solid rgba(255,128,177,.34); }
  .deep-kpis article:last-child { border-bottom: 0; }
  .deep-kpis strong { font-size: 12px; letter-spacing: .035em; }
  .deep-services, .deep-options, .deep-addon, .deep-page .maid-reviews, .deep-page .maid-faq, .deep-cover, .deep-areas { padding: 48px 0; }
  .deep-service-grid { grid-template-columns: 1fr; }
  .deep-service-card > img { height: 235px; }
  .deep-card-icon { top: 205px; }
  .deep-option-card { padding-inline: 20px; }
  .deep-cover__visual, .deep-addon__visual { min-height: 390px; }
  .deep-cover-list, .deep-addon-list, .deep-area-grid { grid-template-columns: 1fr; }
  .deep-page .section-heading h2, .deep-cover h2, .deep-addon h2, .deep-areas h2 { font-size: clamp(40px, 12.5vw, 58px); }
}

@media (prefers-reduced-motion: reduce) {
  .deep-service-card, .deep-option-card, .deep-kpis article, .deep-area-grid article { transition: none; }
}