/*
 * Pika Clean quiet liquid-surface test layer.
 * Scoped to body.liquid-minimal so production remains untouched.
 */

.liquid-minimal {
  --liquid-page: #d5d4d1;
  --liquid-page-soft: #dcdbd8;
  --liquid-surface: #e5e4e1;
  --liquid-surface-solid: #e5e4e1;
  --liquid-pill: #f7f7f5;
  --liquid-text: #101419;
  --liquid-muted: #5f6872;
  --liquid-line: rgba(61, 63, 64, 0.18);
  --liquid-gold: #a67c2e;
  --whatsapp-green: #25d366;
  --whatsapp-green-hover: #20bd5a;
  --pika-navy: #031f3d;
  color: var(--liquid-text);
  background: var(--liquid-page);
}

.liquid-minimal main {
  background: transparent !important;
}

.liquid-minimal .site-header {
  background: var(--liquid-page-soft) !important;
  border-color: var(--liquid-line) !important;
  box-shadow: none !important;
}

.liquid-minimal :where(
  .section,
  .proof-system-section,
  .proof-showcase-section,
  .reviews-section,
  .qa-section,
  .areas-section,
  .faq-section,
  .booking-section,
  .legal-section,
  .intro-section,
  .areas-hero
) {
  box-shadow: none !important;
  filter: none !important;
}

/*
 * Cards use one quiet material: a warm light-gray plate with a simple edge.
 * No glow, reflected rim, lift, blur, or stacked framing is added here.
 */
.liquid-minimal :where(
  .glass,
  .hero-copy,
  .trust-strip,
  .trust-strip > div,
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .faq-grid details,
  .booking-panel,
  .booking-form,
  .glass-access-card,
  .legal-glass,
  .intro-copy,
  .intro-detail,
  .proof-showcase-copy,
  .section-head,
  .qa-head,
  .keep-head,
  .basic-services-head,
  .proof-showcase-details > div,
  .area-process > div
) {
  color: var(--liquid-text) !important;
  background: var(--liquid-surface) !important;
  border: 1px solid var(--liquid-line) !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.liquid-minimal :where(
  .glass,
  .hero-copy,
  .trust-strip,
  .trust-strip > div,
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .faq-grid details,
  .booking-panel,
  .booking-form,
  .glass-access-card,
  .legal-glass,
  .intro-copy,
  .intro-detail,
  .proof-showcase-copy,
  .section-head,
  .qa-head,
  .keep-head,
  .basic-services-head,
  .proof-showcase-details > div,
  .area-process > div
)::before,
.liquid-minimal :where(
  .glass,
  .hero-copy,
  .trust-strip,
  .trust-strip > div,
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .faq-grid details,
  .booking-panel,
  .booking-form,
  .glass-access-card,
  .legal-glass,
  .intro-copy,
  .intro-detail,
  .proof-showcase-copy,
  .section-head,
  .qa-head,
  .keep-head,
  .basic-services-head,
  .proof-showcase-details > div,
  .area-process > div
)::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.liquid-minimal :where(.keep-card.silver, .keep-card.featured, .tier-card.silver, .tier-card.featured) {
  color: var(--liquid-text) !important;
  background: var(--liquid-surface) !important;
  border-color: var(--liquid-line) !important;
}

.liquid-minimal :where(
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .booking-panel,
  .booking-form,
  .glass-access-card,
  .legal-glass
) :where(h2, h3, strong, b, span) {
  color: var(--liquid-text) !important;
}

.liquid-minimal :where(
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .booking-panel,
  .booking-form,
  .glass-access-card,
  .legal-glass
) :where(p, label) {
  color: var(--liquid-muted) !important;
}

.liquid-minimal .section-mark {
  color: var(--liquid-gold) !important;
}

/* Near-white pill controls with a single neutral edge. */
.liquid-minimal :where(
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .hero-proof-row span,
  .button,
  .language-toggle,
  .nav-whatsapp,
  .area-pills span,
  #services .price-list li,
  #keep .price-list li,
  #qa .tier-card > b
) {
  color: var(--liquid-text) !important;
  background: var(--liquid-pill) !important;
  border: 1px solid var(--liquid-line) !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.liquid-minimal :where(
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .hero-proof-row span,
  .button,
  .language-toggle,
  .nav-whatsapp,
  .area-pills span,
  #services .price-list li,
  #keep .price-list li,
  #qa .tier-card > b
)::before,
.liquid-minimal :where(
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .hero-proof-row span,
  .button,
  .language-toggle,
  .nav-whatsapp,
  .area-pills span,
  #services .price-list li,
  #keep .price-list li,
  #qa .tier-card > b
)::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.liquid-minimal :where(.keep-card.featured, .tier-card.featured) :where(.keep-cadence, .tier-label),
.liquid-minimal :where(.keep-card.silver, .tier-card.silver) :where(.keep-cadence, .tier-label) {
  color: var(--liquid-gold) !important;
}

.liquid-minimal :where(#services .price-list li, #keep .price-list li) span {
  color: var(--liquid-muted) !important;
}

.liquid-minimal :where(#services .price-list li, #keep .price-list li) b {
  color: var(--liquid-text) !important;
}

/* WhatsApp is the only saturated action color in the test design. */
.liquid-minimal :where(
  .nav-whatsapp,
  .wa-fab,
  .form-submit,
  .whatsapp-cta.button.primary,
  .whatsapp-cta.button.secondary
) {
  color: #ffffff !important;
  background: var(--whatsapp-green) !important;
  border-color: var(--whatsapp-green) !important;
  box-shadow: none !important;
}

@media (hover: hover) {
  .liquid-minimal :where(
    .nav-whatsapp,
    .wa-fab,
    .form-submit,
    .whatsapp-cta.button.primary,
    .whatsapp-cta.button.secondary
  ):hover {
    color: #ffffff !important;
    background: var(--whatsapp-green-hover) !important;
    border-color: var(--whatsapp-green-hover) !important;
    transform: none !important;
    box-shadow: none !important;
  }
}

.liquid-minimal :where(.button, .language-toggle, .nav-whatsapp):focus-visible {
  outline: 2px solid rgba(16, 20, 25, 0.72) !important;
  outline-offset: 3px;
}

/* Keep photography and video clear and stop shadows from bridging sections. */
.liquid-minimal :where(
  .proof-showcase-art,
  .reviews-photo,
  .section-visual,
  .area-visual,
  .basic-head-video,
  .booking-mascot-video
) {
  background: transparent !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.liquid-minimal :where(
  .proof-showcase-art,
  .reviews-photo,
  .section-visual,
  .area-visual,
  .basic-head-video,
  .booking-mascot-video
)::before,
.liquid-minimal :where(
  .proof-showcase-art,
  .reviews-photo,
  .section-visual,
  .area-visual,
  .basic-head-video,
  .booking-mascot-video
)::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal :where(
  .proof-showcase-art img,
  .reviews-photo img,
  .section-visual img,
  .area-visual,
  .booking-panel video,
  .booking-mascot-video video,
  .basic-head-video video
) {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

.liquid-minimal .basic-head-video,
.liquid-minimal .basic-head-video video {
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  transform: translateZ(0);
  will-change: auto;
}

.liquid-minimal :where(.areas-visual-gradient, .purify-bubbles, .purify-line) {
  display: none !important;
}

/* Keep intro content readable before scroll animation runs. */
.liquid-minimal :where(
  .intro-copy,
  .intro-detail,
  .intro-copy > *,
  .intro-detail > *
) {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  visibility: visible !important;
}

.liquid-minimal .faq-grid details[open] {
  background: var(--liquid-pill) !important;
}

.liquid-minimal .faq-grid summary::after {
  color: var(--liquid-text) !important;
}

.liquid-minimal :where(input, select, textarea) {
  color: var(--liquid-text) !important;
  background: var(--liquid-pill) !important;
  border-color: var(--liquid-line) !important;
  box-shadow: none !important;
}

.liquid-minimal :where(input, select, textarea):focus {
  border-color: rgba(16, 20, 25, 0.54) !important;
  box-shadow: 0 0 0 3px rgba(16, 20, 25, 0.08) !important;
}

.liquid-minimal .section-divider {
  border-color: var(--liquid-line) !important;
  box-shadow: none !important;
}

.liquid-minimal .site-footer {
  color: #ffffff !important;
  background: var(--pika-navy) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.liquid-minimal .site-footer::before,
.liquid-minimal .site-footer::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .site-footer :where(p, small, a, button) {
  color: #ffffff !important;
}

.liquid-minimal .site-footer :where(button, .language-toggle) {
  color: var(--pika-navy) !important;
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}

@media (max-width: 680px) {
  .liquid-minimal :where(
    .glass,
    .hero-copy,
    .trust-strip,
    .service-card,
    .keep-card,
    .tier-card,
    .review-card,
    .faq-grid details,
    .booking-panel,
    .booking-form,
    .glass-access-card,
    .legal-glass,
    .intro-copy,
    .intro-detail,
    .proof-showcase-copy,
    .section-head,
    .qa-head,
    .keep-head,
    .basic-services-head
  ) {
    border-radius: 20px !important;
  }

  .liquid-minimal :where(#services .price-list li, #keep .price-list li) {
    align-items: flex-start;
    gap: 0.25rem;
  }

  .liquid-minimal :where(#services .price-list li, #keep .price-list li) b {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .liquid-minimal :where(.button, .language-toggle, .nav-whatsapp) {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal *,
  .liquid-minimal *::before,
  .liquid-minimal *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/* ============================================================
 * Pika Material System v2 - final authority
 *
 * Three physical layers only:
 * 1. warm canvas
 * 2. quiet white panels/cards
 * 3. optical-steel value pills
 * ============================================================ */
.liquid-minimal {
  --pika-panel-bg: rgba(250, 249, 247, 0.95);
  --pika-card-bg: rgba(251, 250, 248, 0.97);
  --pika-pill-bg: rgba(253, 252, 250, 0.99);
  --pika-panel-shadow:
    0 24px 54px rgba(37, 39, 42, 0.12),
    0 5px 14px rgba(37, 39, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
  --pika-card-shadow:
    0 16px 34px rgba(37, 39, 42, 0.11),
    0 3px 8px rgba(37, 39, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --pika-pill-shadow:
    0 12px 24px rgba(37, 39, 42, 0.15),
    0 3px 7px rgba(37, 39, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(66, 70, 75, 0.12);
}

/* Keep navigation visible and grounded as the page scrolls. */
.liquid-minimal header.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(245, 243, 239, 0.88) !important;
  box-shadow:
    0 12px 28px rgba(37, 39, 42, 0.12),
    inset 0 -1px 0 rgba(255, 255, 255, 0.76) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
}

/* Large editorial panels share one silhouette, material, and light source. */
.liquid-minimal .intro-copy,
.liquid-minimal .intro-detail,
.liquid-minimal .services-section > .section-head,
.liquid-minimal .keep-section > .section-head,
.liquid-minimal .reviews-section > .section-head,
.liquid-minimal .qa-head > div,
.liquid-minimal .proof-showcase-copy,
.liquid-minimal .glass-access-card,
.liquid-minimal .faq-section > .section-head,
.liquid-minimal .booking-panel,
.liquid-minimal .booking-form {
  color: var(--liquid-text) !important;
  opacity: 1 !important;
  background: var(--pika-panel-bg) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-panel) !important;
  box-shadow: var(--pika-panel-shadow) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Repeated cards are quieter than section panels, but made from the same
   material. No section gets its own decorative physics. */
.liquid-minimal #services .service-card,
.liquid-minimal #keep .keep-card,
.liquid-minimal #qa .tier-card,
.liquid-minimal .reviews-section .review-card,
.liquid-minimal #areas .area-process > div,
.liquid-minimal #faq .faq-grid details {
  color: var(--liquid-text) !important;
  opacity: 1 !important;
  background: var(--pika-card-bg) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-card) !important;
  box-shadow: var(--pika-card-shadow) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Remove every historical prism, blue edge, double frame, and sheen layer
   from normal panels and cards. */
.liquid-minimal .intro-copy::before,
.liquid-minimal .intro-copy::after,
.liquid-minimal .intro-detail::before,
.liquid-minimal .intro-detail::after,
.liquid-minimal .services-section > .section-head::before,
.liquid-minimal .services-section > .section-head::after,
.liquid-minimal .keep-section > .section-head::before,
.liquid-minimal .keep-section > .section-head::after,
.liquid-minimal .reviews-section > .section-head::before,
.liquid-minimal .reviews-section > .section-head::after,
.liquid-minimal .qa-head > div::before,
.liquid-minimal .qa-head > div::after,
.liquid-minimal .proof-showcase-copy::before,
.liquid-minimal .proof-showcase-copy::after,
.liquid-minimal .glass-access-card::before,
.liquid-minimal .glass-access-card::after,
.liquid-minimal .faq-section > .section-head::before,
.liquid-minimal .faq-section > .section-head::after,
.liquid-minimal .booking-panel::before,
.liquid-minimal .booking-panel::after,
.liquid-minimal .booking-form::before,
.liquid-minimal .booking-form::after,
.liquid-minimal #services .service-card::before,
.liquid-minimal #services .service-card::after,
.liquid-minimal #keep .keep-card::before,
.liquid-minimal #keep .keep-card::after,
.liquid-minimal #qa .tier-card::before,
.liquid-minimal #qa .tier-card::after,
.liquid-minimal .reviews-section .review-card::before,
.liquid-minimal .reviews-section .review-card::after,
.liquid-minimal #areas .area-process > div::before,
.liquid-minimal #areas .area-process > div::after,
.liquid-minimal #faq .faq-grid details::before,
.liquid-minimal #faq .faq-grid details::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
  filter: none !important;
}

/* Client Voices must read as part of the same system, not a different
   translucency experiment. */
.liquid-minimal .reviews-section,
.liquid-minimal .reviews-section .reviews-grid {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.liquid-minimal .reviews-section > .section-head,
.liquid-minimal .reviews-section .review-card {
  background: var(--pika-card-bg) !important;
  opacity: 1 !important;
}

/* Quiet semantic pills: same geometry, soft depth, no visible outline. */
.liquid-minimal .section-mark,
.liquid-minimal .keep-cadence,
.liquid-minimal .tier-label,
.liquid-minimal .service-trust-badges span,
.liquid-minimal .proof-showcase-actions span,
.liquid-minimal .area-pills span {
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-pill) !important;
  background: var(--pika-pill-bg) !important;
  box-shadow:
    0 7px 16px rgba(37, 39, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  filter: none !important;
}

.liquid-minimal .section-mark::before,
.liquid-minimal .section-mark::after,
.liquid-minimal .keep-cadence::before,
.liquid-minimal .keep-cadence::after,
.liquid-minimal .tier-label::before,
.liquid-minimal .tier-label::after,
.liquid-minimal .service-trust-badges span::before,
.liquid-minimal .service-trust-badges span::after,
.liquid-minimal .proof-showcase-actions span::before,
.liquid-minimal .proof-showcase-actions span::after,
.liquid-minimal .area-pills span::before,
.liquid-minimal .area-pills span::after {
  content: none !important;
  display: none !important;
}

/* Inputs and commands use the same quiet white material language. */
.liquid-minimal .booking-form input,
.liquid-minimal .booking-form select,
.liquid-minimal .booking-form textarea,
.liquid-minimal #faq .faq-grid summary {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 16px !important;
  background: var(--pika-pill-bg) !important;
  box-shadow:
    0 8px 18px rgba(37, 39, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  filter: none !important;
}

/* Value/price pills are the only optical-steel objects. The perceived edge
   comes from internal refraction and depth, not a conventional border. */
.liquid-minimal #services .service-card .price-list li,
.liquid-minimal #keep .keep-card .price-list li,
.liquid-minimal #keep .keep-card.silver .price-list li,
.liquid-minimal #keep .keep-card.featured .price-list li,
.liquid-minimal #qa .tier-card > b,
.liquid-minimal #qa .tier-card.silver > b,
.liquid-minimal #qa .tier-card.featured > b {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  color: var(--liquid-text) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-pill) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f1f0ed 100%) !important;
  box-shadow: var(--pika-pill-shadow) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal #services .service-card .price-list li::before,
.liquid-minimal #keep .keep-card .price-list li::before,
.liquid-minimal #keep .keep-card.silver .price-list li::before,
.liquid-minimal #keep .keep-card.featured .price-list li::before,
.liquid-minimal #qa .tier-card > b::before,
.liquid-minimal #qa .tier-card.silver > b::before,
.liquid-minimal #qa .tier-card.featured > b::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  padding: 1.25px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    conic-gradient(
      from var(--steel-angle, 0deg),
      #545960 0deg,
      #f8fbfc 25deg,
      #a3abb2 48deg,
      #d8f3ff 65deg,
      #ffffff 82deg,
      #a9adb1 116deg,
      #f0d89f 143deg,
      #555a61 171deg,
      #ffffff 204deg,
      #a9c0ca 235deg,
      #e7ebed 271deg,
      #655b55 307deg,
      #fafcfc 338deg,
      #545960 360deg
    ) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity: 0.62 !important;
  animation: pika-steel-refraction 14s linear infinite !important;
}

.liquid-minimal #services .service-card .price-list li::after,
.liquid-minimal #keep .keep-card .price-list li::after,
.liquid-minimal #keep .keep-card.silver .price-list li::after,
.liquid-minimal #keep .keep-card.featured .price-list li::after,
.liquid-minimal #qa .tier-card > b::after,
.liquid-minimal #qa .tier-card.silver > b::after,
.liquid-minimal #qa .tier-card.featured > b::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      112deg,
      transparent 21%,
      rgba(255, 255, 255, 0.72) 42%,
      rgba(202, 213, 220, 0.18) 49%,
      transparent 62%
    ) !important;
  opacity: 0.36 !important;
  transform: translateX(-125%);
  animation: pika-steel-sweep 10s ease-in-out infinite !important;
}

.liquid-minimal #qa .tier-card > b,
.liquid-minimal #qa .tier-card.silver > b,
.liquid-minimal #qa .tier-card.featured > b {
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 1.35rem !important;
  justify-self: start !important;
}

html[dir="rtl"] .liquid-minimal #qa .tier-card > b,
html[dir="rtl"] .liquid-minimal #qa .tier-card.silver > b,
html[dir="rtl"] .liquid-minimal #qa .tier-card.featured > b {
  justify-self: end !important;
}

/* Never let a wrapper shadow visually connect adjacent sections. */
.liquid-minimal .services-grid,
.liquid-minimal .keep-grid,
.liquid-minimal .reviews-grid,
.liquid-minimal .tier-grid,
.liquid-minimal .area-process,
.liquid-minimal .faq-grid,
.liquid-minimal .proof-showcase-section {
  box-shadow: none !important;
  filter: none !important;
}

@media (hover: hover) {
  .liquid-minimal #services .service-card:hover,
  .liquid-minimal #keep .keep-card:hover,
  .liquid-minimal #qa .tier-card:hover,
  .liquid-minimal .reviews-section .review-card:hover,
  .liquid-minimal #areas .area-process > div:hover,
  .liquid-minimal #faq .faq-grid details:hover {
    transform: translateY(-2px);
    box-shadow:
      0 20px 42px rgba(37, 39, 42, 0.14),
      0 4px 10px rgba(37, 39, 42, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal #services .service-card .price-list li::before,
  .liquid-minimal #services .service-card .price-list li::after,
  .liquid-minimal #keep .keep-card .price-list li::before,
  .liquid-minimal #keep .keep-card .price-list li::after,
  .liquid-minimal #qa .tier-card > b::before,
  .liquid-minimal #qa .tier-card > b::after {
    animation: none !important;
  }
}

/* ==========================================================================
 * Pika Material System v4 - FINAL DETAIL PASS
 * Semantic labels stay quiet and compact. Optical steel belongs only to
 * monetary/value pills, where it communicates precision without adding noise.
 * ========================================================================== */

.liquid-minimal .section-mark {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  align-self: flex-start !important;
  padding: 0.48rem 0.9rem !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}

html[dir="rtl"] .liquid-minimal .section-mark {
  justify-self: end !important;
  align-self: flex-end !important;
}

.liquid-minimal #services .service-card .price-list li::before,
.liquid-minimal #keep .keep-card .price-list li::before,
.liquid-minimal #keep .keep-card.silver .price-list li::before,
.liquid-minimal #keep .keep-card.featured .price-list li::before,
.liquid-minimal #qa .tier-card > b::before,
.liquid-minimal #qa .tier-card.silver > b::before,
.liquid-minimal #qa .tier-card.featured > b::before {
  padding: 1.45px !important;
  background:
    conic-gradient(
      from var(--steel-angle, 0deg),
      #50555b 0deg,
      #f8fbfc 22deg,
      #9da5ab 45deg,
      #d6f2ff 61deg,
      #ffffff 78deg,
      #a9afb3 111deg,
      #edd69f 139deg,
      #575c62 169deg,
      #ffffff 202deg,
      #a8c2cc 230deg,
      #e9eef0 268deg,
      #75635a 303deg,
      #fafcfc 337deg,
      #50555b 360deg
    ) !important;
  opacity: 0.74 !important;
  animation-duration: 17s !important;
}

@media (max-width: 640px) {
  .liquid-minimal .section-mark {
    padding: 0.42rem 0.74rem !important;
  }

  .liquid-minimal #services .service-card .price-list li::before,
  .liquid-minimal #keep .keep-card .price-list li::before,
  .liquid-minimal #keep .keep-card.silver .price-list li::before,
  .liquid-minimal #keep .keep-card.featured .price-list li::before,
  .liquid-minimal #qa .tier-card > b::before,
  .liquid-minimal #qa .tier-card.silver > b::before,
  .liquid-minimal #qa .tier-card.featured > b::before {
    padding: 1.1px !important;
    opacity: 0.66 !important;
  }
}

/*
 * Liquid Glass role separation
 * Keep the page structure and photography quiet. Liquid material belongs only
 * to the top bar and meaningful content cards inside each section.
 */
.liquid-minimal {
  --liquid-glass-fill:
    linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(246, 245, 242, 0.46));
  --liquid-glass-edge: rgba(255, 255, 255, 0.82);
  --liquid-glass-shadow: 0 14px 36px rgba(45, 46, 47, 0.1);
  --liquid-glass-blur: blur(18px) saturate(1.12);
}

/* Structural shells, media, and headings must not masquerade as glass cards. */
.liquid-minimal :where(
  .section,
  .intro-section,
  .services-section,
  .keep-section,
  .proof-system-section,
  .proof-showcase-section,
  .reviews-section,
  .qa-section,
  .areas-section,
  .areas-hero,
  .faq-section,
  .booking-section,
  .legal-section,
  .intro-media,
  .proof-showcase-art,
  .reviews-photo,
  .section-visual,
  .qa-visual,
  .area-visual,
  .section-head,
  .keep-head,
  .basic-services-head,
  .qa-head,
  .proof-showcase-title
) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal :where(
  .section,
  .intro-section,
  .services-section,
  .keep-section,
  .proof-system-section,
  .proof-showcase-section,
  .reviews-section,
  .qa-section,
  .areas-section,
  .areas-hero,
  .faq-section,
  .booking-section,
  .legal-section,
  .intro-media,
  .proof-showcase-art,
  .reviews-photo,
  .section-visual,
  .qa-visual,
  .area-visual,
  .section-head,
  .keep-head,
  .basic-services-head,
  .qa-head,
  .proof-showcase-title
)::before,
.liquid-minimal :where(
  .section,
  .intro-section,
  .services-section,
  .keep-section,
  .proof-system-section,
  .proof-showcase-section,
  .reviews-section,
  .qa-section,
  .areas-section,
  .areas-hero,
  .faq-section,
  .booking-section,
  .legal-section,
  .intro-media,
  .proof-showcase-art,
  .reviews-photo,
  .section-visual,
  .qa-visual,
  .area-visual,
  .section-head,
  .keep-head,
  .basic-services-head,
  .qa-head,
  .proof-showcase-title
)::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* One coherent Liquid Glass material for the header and real cards only. */
.liquid-minimal :where(
  .site-header,
  .hero-copy,
  .trust-strip,
  .trust-strip > div,
  .intro-copy,
  .intro-detail,
  .service-card,
  .keep-card,
  .proof-showcase-copy,
  .review-card,
  .tier-card,
  .glass-access-card,
  .area-process > div,
  .faq-grid details,
  .booking-panel,
  .booking-form,
  .legal-glass
) {
  position: relative;
  isolation: isolate;
  color: var(--liquid-text) !important;
  background: var(--liquid-glass-fill) !important;
  border: 1px solid var(--liquid-glass-edge) !important;
  outline: 0 !important;
  box-shadow:
    var(--liquid-glass-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    inset 0 -1px 0 rgba(66, 68, 69, 0.07) !important;
  filter: none !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
}

/* A single surface highlight replaces every old prism, glow, and double frame. */
.liquid-minimal :where(
  .site-header,
  .hero-copy,
  .trust-strip,
  .trust-strip > div,
  .intro-copy,
  .intro-detail,
  .service-card,
  .keep-card,
  .proof-showcase-copy,
  .review-card,
  .tier-card,
  .glass-access-card,
  .area-process > div,
  .faq-grid details,
  .booking-panel,
  .booking-form,
  .legal-glass
)::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.48), transparent 32%),
    radial-gradient(circle at 86% 8%, rgba(255, 255, 255, 0.38), transparent 24%);
  opacity: 0.62;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

.liquid-minimal :where(
  .site-header,
  .hero-copy,
  .trust-strip,
  .trust-strip > div,
  .intro-copy,
  .intro-detail,
  .service-card,
  .keep-card,
  .proof-showcase-copy,
  .review-card,
  .tier-card,
  .glass-access-card,
  .area-process > div,
  .faq-grid details,
  .booking-panel,
  .booking-form,
  .legal-glass
)::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .site-header {
  background: linear-gradient(180deg, rgba(250, 250, 248, 0.82), rgba(238, 237, 234, 0.68)) !important;
  border-color: rgba(255, 255, 255, 0.76) !important;
  outline: 0 !important;
  border-radius: 0 0 18px 18px;
  box-shadow:
    0 8px 24px rgba(45, 46, 47, 0.09),
    inset 0 -1px 0 rgba(71, 73, 74, 0.1) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
  backdrop-filter: blur(22px) saturate(1.16) !important;
}

/* The top bar should read as one liquid surface, not a stack of glass chips. */
.liquid-minimal .site-header :where(.brand, .nav-links, .header-actions) {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Remove accidental nested-card treatments created by older selectors. */
.liquid-minimal :where(
  .section-head,
  .keep-head,
  .basic-services-head,
  .qa-head,
  .qa-head > div,
  .proof-showcase-title,
  .proof-showcase-details > div,
  .trust-strip > div
) {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal :where(
  .section-head,
  .keep-head,
  .basic-services-head,
  .qa-head,
  .qa-head > div,
  .proof-showcase-title,
  .proof-showcase-details > div,
  .trust-strip > div
)::before,
.liquid-minimal :where(
  .section-head,
  .keep-head,
  .basic-services-head,
  .qa-head,
  .qa-head > div,
  .proof-showcase-title,
  .proof-showcase-details > div,
  .trust-strip > div
)::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .faq-grid details,
.liquid-minimal .faq-grid details[open] {
  background: var(--liquid-glass-fill) !important;
  border-color: var(--liquid-glass-edge) !important;
  outline: 0 !important;
  box-shadow:
    var(--liquid-glass-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .liquid-minimal :where(
    .site-header,
    .hero-copy,
    .trust-strip,
    .trust-strip > div,
    .intro-copy,
    .intro-detail,
    .service-card,
    .keep-card,
    .proof-showcase-copy,
    .review-card,
    .tier-card,
    .glass-access-card,
    .area-process > div,
    .faq-grid details,
    .booking-panel,
    .booking-form,
    .legal-glass
  ) {
    background: rgba(247, 246, 243, 0.94) !important;
  }
}

/* Hero handoff: dissolve the photograph into the warm page canvas, then let
   each assurance read as an independent footer-navy block. */
.liquid-minimal .hero::after {
  z-index: -1;
  height: clamp(132px, 22vh, 260px);
  background: linear-gradient(
    180deg,
    rgba(213, 212, 209, 0) 0%,
    rgba(213, 212, 209, 0.22) 38%,
    rgba(213, 212, 209, 0.76) 76%,
    var(--liquid-page) 100%
  ) !important;
}

.liquid-minimal .trust-strip {
  gap: 1px;
  overflow: hidden;
  background: var(--pika-navy) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  outline: 0 !important;
  box-shadow: 0 16px 34px rgba(3, 31, 61, 0.18) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal .trust-strip::before,
.liquid-minimal .trust-strip::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .trust-strip > div {
  color: #fff !important;
  background: var(--pika-navy) !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal .trust-strip > div + div {
  border-inline-start: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.liquid-minimal .trust-strip .trust-icon {
  color: var(--liquid-gold) !important;
}

.liquid-minimal .trust-strip b {
  color: #fff !important;
}

.liquid-minimal .trust-strip p {
  color: rgba(255, 255, 255, 0.72) !important;
}

@media (max-width: 680px) {
  .liquid-minimal .trust-strip > div + div {
    border-inline-start: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  }
}

/* Pricing surfaces stay quiet: no inherited liquid sheen, prism, or glow. */
.liquid-minimal :where(.service-card, .tier-card) {
  background: var(--liquid-surface) !important;
  border: 1px solid var(--liquid-line) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal :where(.service-card, .tier-card)::before,
.liquid-minimal :where(.service-card, .tier-card)::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal #services .price-list li,
.liquid-minimal #keep .price-list li,
.liquid-minimal #qa .tier-card > b {
  background: var(--liquid-pill) !important;
  border: 1px solid var(--liquid-line) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal #services .price-list li::before,
.liquid-minimal #services .price-list li::after,
.liquid-minimal #keep .price-list li::before,
.liquid-minimal #keep .price-list li::after,
.liquid-minimal #qa .tier-card > b::before,
.liquid-minimal #qa .tier-card > b::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal #qa .tier-card > b {
  width: fit-content;
  max-width: 100%;
  justify-self: start;
  align-self: end;
}

html[dir="rtl"] .liquid-minimal #qa .tier-card > b {
  justify-self: end;
}

/* --------------------------------------------------------------------------
 * Pika Material System v1
 *
 * One physical language across the LP:
 * - warm gallery canvas
 * - quiet near-white surfaces
 * - consistent radii and ambient shadows
 * - optical-steel refraction reserved for price/value pills
 * -------------------------------------------------------------------------- */
.liquid-minimal {
  --pika-canvas: #d4d1cc;
  --pika-canvas-soft: #dedbd6;
  --pika-surface: rgba(248, 247, 244, 0.96);
  --pika-surface-strong: #f7f6f3;
  --pika-surface-muted: rgba(240, 239, 235, 0.94);
  --pika-radius-panel: 26px;
  --pika-radius-card: 22px;
  --pika-radius-pill: 999px;
  --pika-shadow-panel:
    0 22px 52px rgba(38, 40, 43, 0.13),
    0 5px 14px rgba(38, 40, 43, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --pika-shadow-card:
    0 16px 36px rgba(38, 40, 43, 0.12),
    0 3px 9px rgba(38, 40, 43, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  --pika-shadow-pill:
    0 12px 24px rgba(38, 40, 43, 0.15),
    0 2px 6px rgba(38, 40, 43, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(45, 48, 52, 0.1);
  background: var(--pika-canvas) !important;
}

.liquid-minimal .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(245, 243, 239, 0.84) !important;
  box-shadow:
    0 12px 30px rgba(38, 40, 43, 0.13),
    inset 0 -1px 0 rgba(255, 255, 255, 0.78) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
}

/* Prominent copy panels share one larger plate construction. */
.liquid-minimal :where(
  .hero-copy,
  .intro-copy,
  .intro-detail,
  .section-head,
  .keep-head,
  .qa-head,
  .proof-showcase-copy,
  .glass-access-card,
  .booking-panel,
  .booking-form,
  .legal-glass
) {
  color: var(--liquid-text) !important;
  background: var(--pika-surface) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-panel) !important;
  box-shadow: var(--pika-shadow-panel) !important;
  filter: none !important;
}

/* Repeated cards use the same quieter plate, regardless of section color. */
.liquid-minimal :where(
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .area-process > div,
  .faq-grid details
) {
  color: var(--liquid-text) !important;
  background: var(--pika-surface-strong) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-card) !important;
  box-shadow: var(--pika-shadow-card) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Historical prism, glow, double-edge, and stacked-glass layers stop here. */
.liquid-minimal :where(
  .hero-copy,
  .intro-copy,
  .intro-detail,
  .section-head,
  .keep-head,
  .qa-head,
  .proof-showcase-copy,
  .glass-access-card,
  .booking-panel,
  .booking-form,
  .legal-glass,
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .area-process > div,
  .faq-grid details
)::before,
.liquid-minimal :where(
  .hero-copy,
  .intro-copy,
  .intro-detail,
  .section-head,
  .keep-head,
  .qa-head,
  .proof-showcase-copy,
  .glass-access-card,
  .booking-panel,
  .booking-form,
  .legal-glass,
  .service-card,
  .keep-card,
  .tier-card,
  .review-card,
  .area-process > div,
  .faq-grid details
)::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* Client Voices now belongs to the same family instead of reading as a
   separate translucent experiment. */
.liquid-minimal .reviews-section .section-head,
.liquid-minimal .review-card {
  background: rgba(248, 247, 244, 0.94) !important;
  opacity: 1 !important;
}

/* Small semantic labels use the shared pill silhouette without the optical
   steel animation reserved for prices. */
.liquid-minimal :where(
  .section-mark,
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .area-pills span
) {
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-pill) !important;
  background: var(--pika-surface-strong) !important;
  box-shadow:
    0 7px 16px rgba(38, 40, 43, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  filter: none !important;
}

.liquid-minimal :where(
  .section-mark,
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .area-pills span
)::before,
.liquid-minimal :where(
  .section-mark,
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .area-pills span
)::after {
  content: none !important;
  display: none !important;
}

/* Dark assurance band keeps the footer navy while following the same radius
   and elevation rules as the light panels. */
.liquid-minimal .trust-strip {
  border: 0 !important;
  border-radius: var(--pika-radius-panel) !important;
  background: var(--pika-navy) !important;
  box-shadow:
    0 18px 42px rgba(3, 31, 61, 0.2),
    0 4px 10px rgba(3, 31, 61, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* Optical-steel price/value pills. Their separation comes from depth and
   internal refraction, not a conventional visible outline. */
.liquid-minimal :where(
  #services .price-list li,
  #keep .price-list li,
  #qa .tier-card > b
) {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-radius-pill) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 240, 237, 0.98)) !important;
  box-shadow: var(--pika-shadow-pill) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal :where(
  #services .price-list li,
  #keep .price-list li,
  #qa .tier-card > b
) > * {
  position: relative;
  z-index: 2;
}

.liquid-minimal :where(
  #services .price-list li,
  #keep .price-list li,
  #qa .tier-card > b
)::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 1;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  pointer-events: none;
  background:
    conic-gradient(
      from var(--steel-angle, 0deg),
      #4b5058 0deg,
      #f7fafc 23deg,
      #8795a2 43deg,
      #d9f4ff 63deg,
      #ffffff 86deg,
      #a9adb2 118deg,
      #f1dba6 144deg,
      #4c5159 171deg,
      #ffffff 202deg,
      #9eb6c5 234deg,
      #e7edf0 270deg,
      #574f4a 307deg,
      #f8fbfc 338deg,
      #4b5058 360deg
    );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.72;
  animation: pika-steel-refraction 11s linear infinite !important;
}

.liquid-minimal :where(
  #services .price-list li,
  #keep .price-list li,
  #qa .tier-card > b
)::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: 0;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(
      112deg,
      transparent 20%,
      rgba(255, 255, 255, 0.7) 42%,
      rgba(214, 222, 228, 0.18) 49%,
      transparent 61%
    );
  opacity: 0.4;
  transform: translateX(-125%);
  animation: pika-steel-sweep 8s ease-in-out infinite !important;
}

@property --steel-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes pika-steel-refraction {
  to {
    --steel-angle: 360deg;
  }
}

@keyframes pika-steel-sweep {
  0%,
  58% {
    transform: translateX(-125%);
  }
  78%,
  100% {
    transform: translateX(125%);
  }
}

/* The included-value pill should hug its content instead of becoming a long
   empty box. */
.liquid-minimal #qa .tier-card > b {
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 1.35rem !important;
  justify-self: start !important;
}

html[dir="rtl"] .liquid-minimal #qa .tier-card > b {
  justify-self: end !important;
}

/* Keep isolated shadows on each card; never bridge neighboring sections with
   a shared haze or glow. */
.liquid-minimal :where(
  .section,
  .services-section,
  .keep-section,
  .reviews-section,
  .qa-section,
  .areas-section,
  .faq-section,
  .booking-section,
  .proof-system-section
) {
  box-shadow: none !important;
  filter: none !important;
}

@media (hover: hover) {
  .liquid-minimal :where(
    .service-card,
    .keep-card,
    .tier-card,
    .review-card,
    .area-process > div,
    .faq-grid details
  ):hover {
    transform: translateY(-2px);
    box-shadow:
      0 20px 42px rgba(38, 40, 43, 0.14),
      0 4px 10px rgba(38, 40, 43, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal :where(
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  )::before,
  .liquid-minimal :where(
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  )::after {
    animation: none !important;
  }

  .liquid-minimal :where(
    .service-card,
    .keep-card,
    .tier-card,
    .review-card,
    .area-process > div,
    .faq-grid details
  ) {
    transition: none !important;
    transform: none !important;
  }
}

/* ============================================================
 * Pika Material System v3 - FINAL CASCADE AUTHORITY
 *
 * This block intentionally lives last. Every visible object follows the same
 * physical laws: a warm canvas, quiet white surfaces, shared radii, and
 * isolated ambient shadows. Only monetary value pills use optical steel.
 * ============================================================ */
.liquid-minimal {
  --pika-final-panel: rgba(250, 249, 247, 0.96);
  --pika-final-card: rgba(251, 250, 248, 0.98);
  --pika-final-pill: rgba(253, 252, 250, 0.99);
  --pika-final-panel-radius: 26px;
  --pika-final-card-radius: 22px;
  --pika-final-pill-radius: 999px;
  --pika-final-panel-shadow:
    0 24px 54px rgba(37, 39, 42, 0.12),
    0 5px 14px rgba(37, 39, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
  --pika-final-card-shadow:
    0 16px 34px rgba(37, 39, 42, 0.11),
    0 3px 8px rgba(37, 39, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  --pika-final-pill-shadow:
    0 12px 24px rgba(37, 39, 42, 0.15),
    0 3px 7px rgba(37, 39, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(66, 70, 75, 0.12);
}

.liquid-minimal header.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(245, 243, 239, 0.88) !important;
  box-shadow:
    0 12px 28px rgba(37, 39, 42, 0.12),
    inset 0 -1px 0 rgba(255, 255, 255, 0.76) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
  backdrop-filter: blur(22px) saturate(1.08) !important;
}

/* Editorial panels */
.liquid-minimal .hero-copy,
.liquid-minimal .intro-copy,
.liquid-minimal .intro-detail,
.liquid-minimal .services-section > .section-head,
.liquid-minimal .keep-section > .section-head,
.liquid-minimal .reviews-section > .section-head,
.liquid-minimal .qa-head > div,
.liquid-minimal .proof-showcase-copy,
.liquid-minimal .glass-access-card,
.liquid-minimal .faq-section > .section-head,
.liquid-minimal .booking-panel,
.liquid-minimal .booking-form,
.liquid-minimal .legal-glass {
  color: var(--liquid-text) !important;
  opacity: 1 !important;
  background: var(--pika-final-panel) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-final-panel-radius) !important;
  box-shadow: var(--pika-final-panel-shadow) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Repeated cards */
.liquid-minimal #services .service-card,
.liquid-minimal #keep .keep-card,
.liquid-minimal #qa .tier-card,
.liquid-minimal .reviews-section .review-card,
.liquid-minimal #areas .area-process > div,
.liquid-minimal #faq .faq-grid details {
  color: var(--liquid-text) !important;
  opacity: 1 !important;
  background: var(--pika-final-card) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-final-card-radius) !important;
  box-shadow: var(--pika-final-card-shadow) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Normal surfaces never receive decorative pseudo-layers. */
.liquid-minimal .hero-copy::before,
.liquid-minimal .hero-copy::after,
.liquid-minimal .intro-copy::before,
.liquid-minimal .intro-copy::after,
.liquid-minimal .intro-detail::before,
.liquid-minimal .intro-detail::after,
.liquid-minimal .services-section > .section-head::before,
.liquid-minimal .services-section > .section-head::after,
.liquid-minimal .keep-section > .section-head::before,
.liquid-minimal .keep-section > .section-head::after,
.liquid-minimal .reviews-section > .section-head::before,
.liquid-minimal .reviews-section > .section-head::after,
.liquid-minimal .qa-head > div::before,
.liquid-minimal .qa-head > div::after,
.liquid-minimal .proof-showcase-copy::before,
.liquid-minimal .proof-showcase-copy::after,
.liquid-minimal .glass-access-card::before,
.liquid-minimal .glass-access-card::after,
.liquid-minimal .faq-section > .section-head::before,
.liquid-minimal .faq-section > .section-head::after,
.liquid-minimal .booking-panel::before,
.liquid-minimal .booking-panel::after,
.liquid-minimal .booking-form::before,
.liquid-minimal .booking-form::after,
.liquid-minimal .legal-glass::before,
.liquid-minimal .legal-glass::after,
.liquid-minimal #services .service-card::before,
.liquid-minimal #services .service-card::after,
.liquid-minimal #keep .keep-card::before,
.liquid-minimal #keep .keep-card::after,
.liquid-minimal #qa .tier-card::before,
.liquid-minimal #qa .tier-card::after,
.liquid-minimal .reviews-section .review-card::before,
.liquid-minimal .reviews-section .review-card::after,
.liquid-minimal #areas .area-process > div::before,
.liquid-minimal #areas .area-process > div::after,
.liquid-minimal #faq .faq-grid details::before,
.liquid-minimal #faq .faq-grid details::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
  filter: none !important;
}

/* Section wrappers remain visually separate and never bridge with haze. */
.liquid-minimal .section,
.liquid-minimal .services-grid,
.liquid-minimal .keep-grid,
.liquid-minimal .reviews-section,
.liquid-minimal .reviews-grid,
.liquid-minimal .tier-grid,
.liquid-minimal .area-process,
.liquid-minimal .faq-grid,
.liquid-minimal .proof-showcase-section {
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.liquid-minimal .reviews-section > .section-head,
.liquid-minimal .reviews-section .review-card {
  opacity: 1 !important;
  background: var(--pika-final-card) !important;
}

/* Quiet semantic pills */
.liquid-minimal .section-mark,
.liquid-minimal .keep-cadence,
.liquid-minimal .tier-label,
.liquid-minimal .service-trust-badges span,
.liquid-minimal .proof-showcase-actions span,
.liquid-minimal .area-pills span {
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-final-pill-radius) !important;
  background: var(--pika-final-pill) !important;
  box-shadow:
    0 7px 16px rgba(37, 39, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  filter: none !important;
}

.liquid-minimal .section-mark::before,
.liquid-minimal .section-mark::after,
.liquid-minimal .keep-cadence::before,
.liquid-minimal .keep-cadence::after,
.liquid-minimal .tier-label::before,
.liquid-minimal .tier-label::after,
.liquid-minimal .service-trust-badges span::before,
.liquid-minimal .service-trust-badges span::after,
.liquid-minimal .proof-showcase-actions span::before,
.liquid-minimal .proof-showcase-actions span::after,
.liquid-minimal .area-pills span::before,
.liquid-minimal .area-pills span::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .booking-form input,
.liquid-minimal .booking-form select,
.liquid-minimal .booking-form textarea,
.liquid-minimal #faq .faq-grid summary {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 16px !important;
  background: var(--pika-final-pill) !important;
  box-shadow:
    0 8px 18px rgba(37, 39, 42, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  filter: none !important;
}

/* Navy assurance band: same radius/elevation, intentionally different color. */
.liquid-minimal .trust-strip,
.liquid-minimal .trust-strip > div {
  border: 0 !important;
  outline: 0 !important;
  background: var(--pika-navy) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal .trust-strip {
  border-radius: var(--pika-final-panel-radius) !important;
  box-shadow:
    0 18px 42px rgba(3, 31, 61, 0.2),
    0 4px 10px rgba(3, 31, 61, 0.12) !important;
}

/* Optical-steel price/value pills */
.liquid-minimal #services .service-card .price-list li,
.liquid-minimal #keep .keep-card .price-list li,
.liquid-minimal #keep .keep-card.silver .price-list li,
.liquid-minimal #keep .keep-card.featured .price-list li,
.liquid-minimal #qa .tier-card > b,
.liquid-minimal #qa .tier-card.silver > b,
.liquid-minimal #qa .tier-card.featured > b {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  color: var(--liquid-text) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--pika-final-pill-radius) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f0ed 100%) !important;
  box-shadow: var(--pika-final-pill-shadow) !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.liquid-minimal #services .service-card .price-list li::before,
.liquid-minimal #keep .keep-card .price-list li::before,
.liquid-minimal #keep .keep-card.silver .price-list li::before,
.liquid-minimal #keep .keep-card.featured .price-list li::before,
.liquid-minimal #qa .tier-card > b::before,
.liquid-minimal #qa .tier-card.silver > b::before,
.liquid-minimal #qa .tier-card.featured > b::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  padding: 1.25px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    conic-gradient(
      from var(--steel-angle, 0deg),
      #545960 0deg,
      #f8fbfc 25deg,
      #a3abb2 48deg,
      #d8f3ff 65deg,
      #ffffff 82deg,
      #a9adb1 116deg,
      #f0d89f 143deg,
      #555a61 171deg,
      #ffffff 204deg,
      #a9c0ca 235deg,
      #e7ebed 271deg,
      #655b55 307deg,
      #fafcfc 338deg,
      #545960 360deg
    ) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity: 0.62 !important;
  animation: pika-steel-refraction 14s linear infinite !important;
}

.liquid-minimal #services .service-card .price-list li::after,
.liquid-minimal #keep .keep-card .price-list li::after,
.liquid-minimal #keep .keep-card.silver .price-list li::after,
.liquid-minimal #keep .keep-card.featured .price-list li::after,
.liquid-minimal #qa .tier-card > b::after,
.liquid-minimal #qa .tier-card.silver > b::after,
.liquid-minimal #qa .tier-card.featured > b::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      112deg,
      transparent 21%,
      rgba(255, 255, 255, 0.72) 42%,
      rgba(202, 213, 220, 0.18) 49%,
      transparent 62%
    ) !important;
  opacity: 0.36 !important;
  transform: translateX(-125%);
  animation: pika-steel-sweep 10s ease-in-out infinite !important;
}

.liquid-minimal #qa .tier-card > b,
.liquid-minimal #qa .tier-card.silver > b,
.liquid-minimal #qa .tier-card.featured > b {
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 1.35rem !important;
  justify-self: start !important;
}

html[dir="rtl"] .liquid-minimal #qa .tier-card > b,
html[dir="rtl"] .liquid-minimal #qa .tier-card.silver > b,
html[dir="rtl"] .liquid-minimal #qa .tier-card.featured > b {
  justify-self: end !important;
}

@media (hover: hover) {
  .liquid-minimal #services .service-card:hover,
  .liquid-minimal #keep .keep-card:hover,
  .liquid-minimal #qa .tier-card:hover,
  .liquid-minimal .reviews-section .review-card:hover,
  .liquid-minimal #areas .area-process > div:hover,
  .liquid-minimal #faq .faq-grid details:hover {
    transform: translateY(-2px);
    box-shadow:
      0 20px 42px rgba(37, 39, 42, 0.14),
      0 4px 10px rgba(37, 39, 42, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal #services .service-card .price-list li::before,
  .liquid-minimal #services .service-card .price-list li::after,
  .liquid-minimal #keep .keep-card .price-list li::before,
  .liquid-minimal #keep .keep-card .price-list li::after,
  .liquid-minimal #qa .tier-card > b::before,
  .liquid-minimal #qa .tier-card > b::after {
    animation: none !important;
  }
}