/*
 * 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;
  }
}

@keyframes pika-metallic-rim-glide {
  0%,
  34% {
    --pika-rim-x: -24%;
    --pika-sticker-offset: 0px;
    --ripple-offset: 0px;
  }
  74%,
  100% {
    --pika-rim-x: 124%;
    --pika-sticker-offset: -118px;
    --ripple-offset: -160px;
  }
}

@keyframes pika-ripple-flow {
  from {
    --ripple-offset: 0px;
  }

  to {
    --ripple-offset: -160px;
  }
}

@property --pika-rim-x {
  syntax: "<percentage>";
  inherits: false;
  initial-value: -24%;
}

@property --pika-sticker-offset {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}

@property --ripple-offset {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}

.price-shader-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Final 2026-06-17: use supplied WhatsApp logo and drop-in FAB motion. */
@media (max-width: 680px) {
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary,
  .liquid-minimal .wa-fab {
    width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    background: transparent url("./assets/WhatsApp-Logo.wine.png") center / 230% auto no-repeat !important;
    box-shadow:
      0 16px 30px rgba(18, 140, 126, 0.24),
      0 5px 12px rgba(0, 27, 61, 0.16) !important;
    opacity: 1 !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::before,
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::after,
  .liquid-minimal .wa-fab::before,
  .liquid-minimal .wa-fab::after {
    content: none !important;
    display: none !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary {
    transform: translateX(-56px) !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary:is(:hover, :focus-visible) {
    transform: translate(-56px, -2px) scale(1.03) !important;
  }

  .liquid-minimal .wa-fab {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(46px, -42vh, 0) scale(0.82) rotate(-6deg) !important;
    transition:
      opacity 0.18s ease,
      transform 0.62s cubic-bezier(0.18, 1.18, 0.24, 1),
      box-shadow 0.24s ease !important;
  }

  .liquid-minimal.hero-past:not(.quote-visible) .wa-fab {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
  }

  .liquid-minimal:not(.hero-past) .wa-fab,
  .liquid-minimal.quote-visible .wa-fab,
  .liquid-minimal:has(.booking-section:focus-within) .wa-fab {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(46px, -42vh, 0) scale(0.82) rotate(-6deg) !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .liquid-minimal .wa-fab,
    .liquid-minimal.hero-past:not(.quote-visible) .wa-fab,
    .liquid-minimal:not(.hero-past) .wa-fab,
    .liquid-minimal.quote-visible .wa-fab {
      transition: opacity 0.12s ease !important;
      transform: 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;
  opacity: 1 !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;
  }
}

/* ── Final production cascade lock — 2026-06-16 ──────────────────── */

.liquid-minimal header.site-header,
.liquid-minimal header.site-header[data-elevated="true"] {
  inset: 14px auto auto 50% !important;
  width: min(1100px, calc(100vw - 84px)) !important;
  max-width: calc(100vw - 84px) !important;
  min-height: 64px !important;
  padding: 9px clamp(18px, 2.5vw, 32px) !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255, 255, 255, 0.60) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(250, 249, 247, 0.58) 0%, rgba(245, 243, 239, 0.36) 58%, rgba(236, 234, 229, 0.24) 100%) !important;
  box-shadow:
    0 16px 36px rgba(37, 39, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(37, 39, 42, 0.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
  backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
}

.liquid-minimal .site-header::before {
  opacity: 0.40 !important;
}

.liquid-minimal .site-header::after {
  inset: 8px 22px auto !important;
  opacity: 0.30 !important;
}

.liquid-minimal .site-header .nav-whatsapp {
  color: #ffffff !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
  box-shadow: 0 12px 24px rgba(37, 211, 102, 0.24) !important;
}

.liquid-minimal .site-header .nav-whatsapp:hover {
  background: #20bd5a !important;
  border-color: #20bd5a !important;
}

.liquid-minimal .hero-copy {
  color: #101820 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 950 !important;
  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.98),
    0 -1px 0 rgba(255, 255, 255, 0.94),
    1px 0 0 rgba(255, 255, 255, 0.94),
    -1px 0 0 rgba(255, 255, 255, 0.94),
    0 8px 18px rgba(255, 255, 255, 0.42) !important;
}

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

.liquid-minimal .hero::after {
  height: clamp(58px, 8vh, 96px) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(213, 212, 209, 0.20) 58%, var(--liquid-page) 100%) !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video {
  filter: drop-shadow(0 18px 34px rgba(37, 39, 42, 0.08)) !important;
  opacity: 0.98 !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video video {
  -webkit-mask-image: radial-gradient(ellipse 76% 84% at 50% 50%, #000 58%, rgba(0, 0, 0, 0.76) 74%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 76% 84% at 50% 50%, #000 58%, rgba(0, 0, 0, 0.76) 74%, transparent 100%) !important;
  filter: saturate(1.03) contrast(1.01) brightness(1.02) !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 {
  animation-duration: 4.2s !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 {
  animation-duration: 3.2s !important;
}

.liquid-minimal .faq-section {
  padding-top: clamp(86px, 8vw, 118px) !important;
}

.liquid-minimal .faq-section > .section-head {
  max-width: min(1060px, calc(100vw - 120px)) !important;
  padding: clamp(34px, 4.4vw, 58px) clamp(42px, 6vw, 80px) !important;
  border-radius: 28px !important;
}

.liquid-minimal .faq-section > .section-head h2 {
  font-size: clamp(42px, 5.2vw, 72px) !important;
  line-height: 1.16 !important;
}

.liquid-minimal .booking-form {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 166, 255, 0.20), transparent 34%),
    linear-gradient(145deg, #001b3d 0%, #062a56 46%, #00142d 100%) !important;
  box-shadow:
    0 28px 70px rgba(0, 27, 61, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -22px 42px rgba(0, 0, 0, 0.18) !important;
}

.liquid-minimal .booking-form h2,
.liquid-minimal .booking-form label {
  color: #ffffff !important;
}

.liquid-minimal .booking-form .section-mark {
  color: #b17b22 !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

@media (max-width: 760px) {
  .liquid-minimal header.site-header,
  .liquid-minimal header.site-header[data-elevated="true"] {
    top: 10px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    padding-inline: 14px !important;
  }

  .liquid-minimal .faq-section > .section-head {
    max-width: calc(100vw - 28px) !important;
    padding: 28px 20px !important;
    border-radius: 22px !important;
  }
}

/* ── Final hero CTA and trust-strip transparency — 2026-06-17 ─── */

.liquid-minimal .hero-actions :where(.button.secondary, .button.ghost) {
  opacity: 0.5 !important;
}

.liquid-minimal .hero-actions :where(.button.secondary, .button.ghost):is(:hover, :focus-visible) {
  opacity: 0.72 !important;
}

.liquid-minimal .trust-strip {
  opacity: 1 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  padding-top: clamp(12px, 2vw, 24px) !important;
  padding-bottom: clamp(16px, 2.4vw, 30px) !important;
  background: rgba(0, 27, 61, 0.50) !important;
  box-shadow:
    0 14px 32px rgba(3, 31, 61, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

.liquid-minimal .trust-strip > div {
  opacity: 1 !important;
  min-height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

.liquid-minimal .trust-icon::after {
  content: none !important;
  display: none !important;
}

/* Final cascade lock for hero CTA/trust strip requested on 2026-06-17. */
.liquid-minimal .trust-strip {
  opacity: 1 !important;
  min-height: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-bottom: 0 !important;
  padding-top: clamp(12px, 2vw, 24px) !important;
  padding-bottom: clamp(16px, 2.4vw, 30px) !important;
  background: rgba(0, 27, 61, 0.50) !important;
}

.liquid-minimal .trust-strip > div {
  opacity: 1 !important;
  min-height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

.liquid-minimal .trust-strip .trust-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: clamp(38px, 6vw, 52px) !important;
  height: clamp(38px, 6vw, 52px) !important;
  color: #9a6b17 !important;
  border: 1px solid rgba(201, 149, 42, 0.78) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 34% 24%, #fff9df 0 23%, #f3d889 53%, #c9952a 100%) !important;
  box-shadow:
    0 8px 16px rgba(0, 27, 61, 0.13),
    0 0 0 4px rgba(255, 255, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

.liquid-minimal .trust-icon::after {
  content: none !important;
  display: none !important;
}

/* ── Quote form contrast fix — 2026-06-17 ─────────────────────── */

.liquid-minimal #quote .booking-form :where(h2, label),
.liquid-minimal #quote .booking-form :where(label, label > span, label > strong) {
  color: rgba(255, 255, 255, 0.96) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

.liquid-minimal #quote .booking-form :where(input, select, textarea, option) {
  color: #101419 !important;
  text-shadow: none !important;
}

/* ── Hero CTA and trust-strip transparency — 2026-06-17 ────────── */

.liquid-minimal .hero-actions :where(.button.secondary, .button.ghost) {
  opacity: 0.5 !important;
}

.liquid-minimal .hero-actions :where(.button.secondary, .button.ghost):is(:hover, :focus-visible) {
  opacity: 0.72 !important;
}

.liquid-minimal .trust-strip {
  opacity: 1 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  padding-top: clamp(12px, 2vw, 24px) !important;
  padding-bottom: clamp(16px, 2.4vw, 30px) !important;
  background: rgba(0, 27, 61, 0.50) !important;
  box-shadow:
    0 14px 32px rgba(3, 31, 61, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

.liquid-minimal .trust-strip > div {
  opacity: 1 !important;
  min-height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

.liquid-minimal .trust-icon::after {
  content: none !important;
  display: none !important;
}

/* ── Production polish for the liquid-minimal source — 2026-06-16 ──
   This is scoped to the screenshot-matched source. It does not use WebGL. */

.liquid-minimal header.site-header,
.liquid-minimal header.site-header[data-elevated="true"] {
  inset: 14px auto auto 50% !important;
  width: min(1100px, calc(100vw - 84px)) !important;
  max-width: calc(100vw - 84px) !important;
  min-height: 64px !important;
  padding: 9px clamp(18px, 2.5vw, 32px) !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255, 255, 255, 0.60) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(250, 249, 247, 0.58) 0%, rgba(245, 243, 239, 0.36) 58%, rgba(236, 234, 229, 0.24) 100%) !important;
  box-shadow:
    0 16px 36px rgba(37, 39, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(37, 39, 42, 0.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
  backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
}

.liquid-minimal .site-header::before {
  opacity: 0.40 !important;
}

.liquid-minimal .site-header::after {
  inset: 8px 22px auto !important;
  opacity: 0.30 !important;
}

.liquid-minimal .site-header .nav-whatsapp {
  color: #ffffff !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
  box-shadow: 0 12px 24px rgba(37, 211, 102, 0.24) !important;
}

.liquid-minimal .site-header .nav-whatsapp:hover {
  background: #20bd5a !important;
  border-color: #20bd5a !important;
}

.liquid-minimal .hero-copy {
  color: #101820 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 950 !important;
  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.98),
    0 -1px 0 rgba(255, 255, 255, 0.94),
    1px 0 0 rgba(255, 255, 255, 0.94),
    -1px 0 0 rgba(255, 255, 255, 0.94),
    0 8px 18px rgba(255, 255, 255, 0.42) !important;
}

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

.liquid-minimal .hero::after {
  height: clamp(58px, 8vh, 96px) !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(213, 212, 209, 0.20) 58%,
    var(--liquid-page) 100%
  ) !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video {
  filter: drop-shadow(0 18px 34px rgba(37, 39, 42, 0.08)) !important;
  opacity: 0.98 !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video video {
  -webkit-mask-image: radial-gradient(ellipse 76% 84% at 50% 50%, #000 58%, rgba(0, 0, 0, 0.76) 74%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 76% 84% at 50% 50%, #000 58%, rgba(0, 0, 0, 0.76) 74%, transparent 100%) !important;
  filter: saturate(1.03) contrast(1.01) brightness(1.02) !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 {
  animation-duration: 4.2s !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 {
  animation-duration: 3.2s !important;
}

.liquid-minimal .faq-section {
  padding-top: clamp(86px, 8vw, 118px) !important;
}

.liquid-minimal .faq-section > .section-head {
  max-width: min(1060px, calc(100vw - 120px)) !important;
  padding: clamp(34px, 4.4vw, 58px) clamp(42px, 6vw, 80px) !important;
  border-radius: 28px !important;
}

.liquid-minimal .faq-section > .section-head h2 {
  font-size: clamp(42px, 5.2vw, 72px) !important;
  line-height: 1.16 !important;
}

.liquid-minimal .booking-form {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 166, 255, 0.20), transparent 34%),
    linear-gradient(145deg, #001b3d 0%, #062a56 46%, #00142d 100%) !important;
  box-shadow:
    0 28px 70px rgba(0, 27, 61, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -22px 42px rgba(0, 0, 0, 0.18) !important;
}

.liquid-minimal .booking-form h2,
.liquid-minimal .booking-form label {
  color: #ffffff !important;
}

.liquid-minimal .booking-form .section-mark {
  color: #b17b22 !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

@media (max-width: 760px) {
  .liquid-minimal header.site-header,
  .liquid-minimal header.site-header[data-elevated="true"] {
    top: 10px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    padding-inline: 14px !important;
  }

  .liquid-minimal .faq-section > .section-head {
    max-width: calc(100vw - 28px) !important;
    padding: 28px 20px !important;
    border-radius: 22px !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;
  }
}

/* ── Final source-specific polish lock — 2026-06-16 ──────────────── */

.liquid-minimal header.site-header,
.liquid-minimal header.site-header[data-elevated="true"] {
  position: fixed !important;
  top: 14px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: min(1100px, calc(100vw - 84px)) !important;
  max-width: calc(100vw - 84px) !important;
  min-height: 64px !important;
  padding: 9px clamp(18px, 2.5vw, 32px) !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255, 255, 255, 0.60) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(250, 249, 247, 0.58) 0%, rgba(245, 243, 239, 0.36) 58%, rgba(236, 234, 229, 0.24) 100%) !important;
  box-shadow:
    0 16px 36px rgba(37, 39, 42, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(37, 39, 42, 0.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
  backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
}

.liquid-minimal .site-header::before {
  opacity: 0.40 !important;
}

.liquid-minimal .site-header::after {
  inset: 8px 22px auto !important;
  opacity: 0.30 !important;
}

.liquid-minimal .site-header .nav-whatsapp {
  color: #ffffff !important;
  background: #25d366 !important;
  border-color: #25d366 !important;
  box-shadow: 0 12px 24px rgba(37, 211, 102, 0.24) !important;
}

.liquid-minimal .site-header .nav-whatsapp:hover {
  background: #20bd5a !important;
  border-color: #20bd5a !important;
}

.liquid-minimal .hero-copy {
  color: #101820 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 950 !important;
  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.98),
    0 -1px 0 rgba(255, 255, 255, 0.94),
    1px 0 0 rgba(255, 255, 255, 0.94),
    -1px 0 0 rgba(255, 255, 255, 0.94),
    0 8px 18px rgba(255, 255, 255, 0.42) !important;
}

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

.liquid-minimal .hero::after {
  height: clamp(58px, 8vh, 96px) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(213, 212, 209, 0.20) 58%, var(--liquid-page) 100%) !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video {
  filter: drop-shadow(0 18px 34px rgba(37, 39, 42, 0.08)) !important;
  opacity: 0.98 !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video video {
  -webkit-mask-image: radial-gradient(ellipse 76% 84% at 50% 50%, #000 58%, rgba(0, 0, 0, 0.76) 74%, transparent 100%) !important;
  mask-image: radial-gradient(ellipse 76% 84% at 50% 50%, #000 58%, rgba(0, 0, 0, 0.76) 74%, transparent 100%) !important;
  filter: saturate(1.03) contrast(1.01) brightness(1.02) !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 {
  animation-duration: 4.2s !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 {
  animation-duration: 3.2s !important;
}

.liquid-minimal .faq-section {
  padding-top: clamp(86px, 8vw, 118px) !important;
}

.liquid-minimal .faq-section > .section-head {
  max-width: min(1060px, calc(100vw - 120px)) !important;
  padding: clamp(34px, 4.4vw, 58px) clamp(42px, 6vw, 80px) !important;
  border-radius: 28px !important;
}

.liquid-minimal .faq-section > .section-head h2 {
  font-size: clamp(42px, 5.2vw, 72px) !important;
  line-height: 1.16 !important;
}

.liquid-minimal .booking-form {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 166, 255, 0.20), transparent 34%),
    linear-gradient(145deg, #001b3d 0%, #062a56 46%, #00142d 100%) !important;
  box-shadow:
    0 28px 70px rgba(0, 27, 61, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -22px 42px rgba(0, 0, 0, 0.18) !important;
}

.liquid-minimal .booking-form h2,
.liquid-minimal .booking-form label {
  color: #ffffff !important;
}

.liquid-minimal .booking-form .section-mark {
  color: #b17b22 !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

@media (max-width: 760px) {
  .liquid-minimal header.site-header,
  .liquid-minimal header.site-header[data-elevated="true"] {
    top: 10px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    padding-inline: 14px !important;
  }

  .liquid-minimal .faq-section > .section-head {
    max-width: calc(100vw - 28px) !important;
    padding: 28px 20px !important;
    border-radius: 22px !important;
  }
}

/* ── EOF hero CTA and trust-strip transparency — 2026-06-17 ────── */

.liquid-minimal .hero-actions :where(.button.secondary, .button.ghost) {
  opacity: 0.5 !important;
}

.liquid-minimal .hero-actions :where(.button.secondary, .button.ghost):is(:hover, :focus-visible) {
  opacity: 0.72 !important;
}

.liquid-minimal .trust-strip {
  opacity: 1 !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  padding-top: clamp(12px, 2vw, 24px) !important;
  padding-bottom: clamp(16px, 2.4vw, 30px) !important;
  background: rgba(0, 27, 61, 0.50) !important;
  box-shadow:
    0 14px 32px rgba(3, 31, 61, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}

.liquid-minimal .trust-strip > div {
  opacity: 1 !important;
  min-height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

.liquid-minimal .trust-icon::after {
  content: none !important;
  display: none !important;
}
/* Final 2026-06-17 trust-strip layout lock. */
.liquid-minimal .trust-strip {
  opacity: 1 !important;
  min-height: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-bottom: 0 !important;
  padding-top: clamp(12px, 2vw, 24px) !important;
  padding-bottom: clamp(16px, 2.4vw, 30px) !important;
  background: rgba(0, 27, 61, 0.50) !important;
}

.liquid-minimal .trust-strip > div {
  opacity: 1 !important;
  min-height: auto !important;
  background: transparent !important;
  box-shadow: none !important;
}

.liquid-minimal .trust-strip .trust-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: clamp(38px, 6vw, 52px) !important;
  height: clamp(38px, 6vw, 52px) !important;
  color: #9a6b17 !important;
  border: 1px solid rgba(201, 149, 42, 0.78) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 34% 24%, #fff9df 0 23%, #f3d889 53%, #c9952a 100%) !important;
  box-shadow:
    0 8px 16px rgba(0, 27, 61, 0.13),
    0 0 0 4px rgba(255, 255, 255, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

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

/* Final 2026-06-17 mobile Areas / detached-card shadow fix. */
.liquid-minimal :where(
  .service-grid,
  .keep-grid,
  .tier-grid,
  .review-grid,
  .faq-grid,
  .area-process,
  .price-list
) {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.liquid-minimal #areas .area-process {
  gap: clamp(12px, 1.8vw, 20px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.liquid-minimal #areas .area-process > div {
  box-shadow: var(--pika-final-card-shadow) !important;
}

@media (max-width: 680px) {
  .liquid-minimal #areas.areas-section {
    width: min(var(--container), calc(100vw - 40px)) !important;
    margin-inline: auto !important;
    padding: 40px 16px 42px !important;
    border: 0 !important;
    border-radius: var(--pika-final-panel-radius) !important;
    background: var(--pika-final-panel) !important;
    box-shadow: var(--pika-final-panel-shadow) !important;
    overflow: hidden !important;
  }

  .liquid-minimal #areas .areas-hero {
    width: 100% !important;
    border-radius: var(--pika-final-panel-radius) !important;
  }

  .liquid-minimal #areas :where(.area-intro-mobile-only, .area-pills, .area-process, .area-note) {
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }

  .liquid-minimal #areas .area-process {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .liquid-minimal #areas .area-process > div {
    padding: 16px 18px !important;
    border-radius: var(--pika-final-card-radius) !important;
  }
}

/* Final 2026-06-17 mobile WhatsApp official icon treatment. */
.liquid-minimal {
  --pika-wa-green: #25d366;
  --pika-wa-green-deep: #128c7e;
  --pika-wa-icon-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z'/%3E%3C/svg%3E");
  --pika-wa-icon-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M32 7C18.2 7 7 17.7 7 30.9c0 5 1.6 9.7 4.4 13.6L8.5 57l12.9-3.4c3.2 1.6 6.8 2.5 10.6 2.5 13.8 0 25-10.7 25-24S45.8 7 32 7zm0 44.5c-3.4 0-6.6-.8-9.4-2.4l-.8-.4-7.4 2 2-7-.5-.8c-2.4-3.4-3.6-7.5-3.6-11.8C12.3 20.5 21.1 12 32 12s19.7 8.5 19.7 19.1S42.9 51.5 32 51.5z'/%3E%3Cpath fill='white' d='M43.6 36.8c-.6-.3-3.5-1.7-4.1-1.9-.5-.2-.9-.3-1.3.3-.4.6-1.5 1.9-1.9 2.3-.3.4-.7.4-1.3.1-.6-.3-2.5-.9-4.8-2.9-1.8-1.6-3-3.5-3.3-4.1-.3-.6 0-.9.3-1.2.3-.3.6-.7.9-1 .3-.4.4-.6.6-1 .2-.4.1-.8 0-1.1-.2-.3-1.3-3.1-1.8-4.3-.5-1.1-1-1-1.3-1h-1.1c-.4 0-1.1.2-1.7.8-.6.6-2.2 2.1-2.2 5.2 0 3 2.2 5.9 2.5 6.3.3.4 4.3 6.6 10.5 9.2 1.5.6 2.6 1 3.5 1.3 1.5.5 2.9.4 4 .2 1.2-.2 3.5-1.4 4-2.8.5-1.4.5-2.6.4-2.8-.2-.3-.6-.5-1.2-.8z'/%3E%3C/svg%3E");
}

@media (max-width: 680px) {
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary,
  .liquid-minimal .wa-fab {
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 3px solid #ffffff !important;
    border-radius: 999px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    background:
      var(--pika-wa-icon-image) center / 33px 33px no-repeat,
      radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.42), transparent 26%),
      linear-gradient(145deg, #35e277 0%, var(--pika-wa-green) 52%, var(--pika-wa-green-deep) 100%) !important;
    box-shadow:
      0 14px 28px rgba(18, 140, 126, 0.28),
      0 4px 10px rgba(0, 27, 61, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
    opacity: 1 !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::before,
  .liquid-minimal .wa-fab::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 2 !important;
    display: block !important;
    width: 31px !important;
    height: 31px !important;
    background: #ffffff !important;
    -webkit-mask: var(--pika-wa-icon-mask) center / contain no-repeat !important;
    mask: var(--pika-wa-icon-mask) center / contain no-repeat !important;
    transform: translate(-50%, -50%) !important;
    animation: none !important;
    opacity: 1 !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::after,
  .liquid-minimal .wa-fab::after {
    content: "" !important;
    position: absolute !important;
    inset: 5px !important;
    z-index: 1 !important;
    border-radius: inherit !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    pointer-events: none !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary:is(:hover, :focus-visible) {
    opacity: 1 !important;
    transform: translateY(-2px) scale(1.03) !important;
  }

  .liquid-minimal .hero-actions {
    align-items: center !important;
  }

  .liquid-minimal .wa-fab {
    position: fixed !important;
    z-index: 70 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(-12px, 18px, 0) scale(0.72) rotate(-8deg) !important;
    transition:
      opacity 0.28s ease,
      transform 0.48s cubic-bezier(0.18, 1.2, 0.24, 1),
      box-shadow 0.24s ease !important;
  }

  .liquid-minimal.hero-past:not(.quote-visible) .wa-fab {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
  }

  .liquid-minimal:not(.hero-past) .wa-fab,
  .liquid-minimal.quote-visible .wa-fab,
  .liquid-minimal:has(.booking-section:focus-within) .wa-fab {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(-12px, 18px, 0) scale(0.72) rotate(-8deg) !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .liquid-minimal .wa-fab {
      transition: opacity 0.12s ease !important;
      transform: none !important;
    }

    .liquid-minimal.hero-past:not(.quote-visible) .wa-fab {
      transform: none !important;
    }
  }
}

/* Final cascade lock: supplied WhatsApp asset, left hero placement, drop-down FAB. */
@media (max-width: 680px) {
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary,
  .liquid-minimal .wa-fab {
    width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    overflow: visible !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    background: transparent url("./assets/WhatsApp-Logo.wine.png") center / 230% auto no-repeat !important;
    box-shadow:
      0 16px 30px rgba(18, 140, 126, 0.24),
      0 5px 12px rgba(0, 27, 61, 0.16) !important;
    opacity: 1 !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::before,
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::after,
  .liquid-minimal .wa-fab::before,
  .liquid-minimal .wa-fab::after {
    content: none !important;
    display: none !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary {
    transform: translateX(-56px) !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary:is(:hover, :focus-visible) {
    transform: translate(-56px, -2px) scale(1.03) !important;
  }

  .liquid-minimal .wa-fab {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(46px, -42vh, 0) scale(0.82) rotate(-6deg) !important;
    transition:
      opacity 0.18s ease,
      transform 0.62s cubic-bezier(0.18, 1.18, 0.24, 1),
      box-shadow 0.24s ease !important;
  }

  .liquid-minimal.hero-past:not(.quote-visible) .wa-fab {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
  }

  .liquid-minimal:not(.hero-past) .wa-fab,
  .liquid-minimal.quote-visible .wa-fab,
  .liquid-minimal:has(.booking-section:focus-within) .wa-fab {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(46px, -42vh, 0) scale(0.82) rotate(-6deg) !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .liquid-minimal .wa-fab,
    .liquid-minimal.hero-past:not(.quote-visible) .wa-fab,
    .liquid-minimal:not(.hero-past) .wa-fab,
    .liquid-minimal.quote-visible .wa-fab {
      transition: opacity 0.12s ease !important;
      transform: none !important;
    }
  }
}

/* Mobile WhatsApp CTA unification: same icon size/style for Hero and non-Hero. */
@media (max-width: 680px) {
  .liquid-minimal .hero-actions {
    display: grid !important;
    grid-template-columns: 68px auto !important;
    gap: 12px !important;
    align-items: center !important;
    justify-items: start !important;
    width: 100% !important;
    direction: ltr !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    background-color: transparent !important;
    background-image: url("./assets/whatsapp-clean-square.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::before,
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::after {
    content: none !important;
    display: none !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary:is(:hover, :focus-visible) {
    transform: scale(1.04) !important;
  }

  .liquid-minimal .hero-actions .button.ghost {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: auto !important;
    min-width: 140px !important;
    max-width: calc(100% - 80px) !important;
    margin: 0 !important;
    min-height: 54px !important;
    padding: 0 24px !important;
    white-space: nowrap !important;
  }

  html[dir="rtl"] .liquid-minimal .hero-actions .button.ghost {
    direction: rtl !important;
    text-align: center !important;
  }

  html[dir="ltr"] .liquid-minimal .hero-actions .button.ghost {
    direction: ltr !important;
    text-align: center !important;
  }

  .liquid-minimal .wa-fab {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    background-color: transparent !important;
    background-image: url("./assets/whatsapp-clean-square.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

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

/* Mobile package header alignment fix v20260618:
   liquid-glass.css is loaded after styles.css, so this locks the package
   trust tabs beside the mascot instead of letting them fall to the bottom. */
@media (max-width: 680px) {
  .liquid-minimal .services-section > .section-head {
    position: relative !important;
    overflow: hidden !important;
  }

  .liquid-minimal .service-trust-badges {
    position: absolute !important;
    z-index: 8 !important;
    top: clamp(220px, 61vw, 318px) !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    width: min(48%, 190px) !important;
    max-width: 190px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html[dir="rtl"] .liquid-minimal .service-trust-badges,
  html[dir="ltr"] .liquid-minimal .service-trust-badges {
    right: 18px !important;
    left: auto !important;
    margin: 0 !important;
  }

  .liquid-minimal .service-trust-badges span {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    white-space: nowrap !important;
  }

  .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="ltr"] .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="rtl"] .liquid-minimal .services-section > .section-head > .basic-head-video {
    left: 18px !important;
    right: auto !important;
  }
}

@media (max-width: 380px) {
  .liquid-minimal .service-trust-badges {
    top: 226px !important;
    right: 14px !important;
    width: min(50%, 168px) !important;
  }

  .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="ltr"] .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="rtl"] .liquid-minimal .services-section > .section-head > .basic-head-video {
    left: 12px !important;
  }
}

/* Trust strip kanji medals and clean top edge v20260618. */
.liquid-minimal .trust-strip {
  border-top-color: transparent !important;
  box-shadow:
    0 14px 32px rgba(3, 31, 61, 0.12) !important;
}

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

.liquid-minimal .trust-strip > div + div {
  border-inline-start: 0 !important;
}

.liquid-minimal .trust-strip .trust-icon {
  font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif !important;
  font-size: clamp(18px, 4.8vw, 25px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: #8d6112 !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.88),
    0 5px 12px rgba(93, 60, 6, 0.18) !important;
}

/* Pika Keep mascot video v20260619. */
.liquid-minimal .keep-section > .section-head.keep-head {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: clamp(360px, 31vw, 460px) !important;
  padding-left: clamp(250px, 25vw, 360px) !important;
}

.liquid-minimal .keep-section > .section-head.keep-head > :not(.keep-head-video) {
  position: relative !important;
  z-index: 3 !important;
}

.liquid-minimal .keep-head-video {
  position: absolute !important;
  z-index: 2 !important;
  left: clamp(28px, 4.4vw, 54px) !important;
  bottom: clamp(26px, 4vw, 50px) !important;
  width: clamp(170px, 20vw, 270px) !important;
  aspect-ratio: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  background: transparent !important;
  -webkit-mask-image: radial-gradient(ellipse 76% 80% at 50% 52%, #000 48%, rgba(0, 0, 0, 0.74) 66%, transparent 94%);
  mask-image: radial-gradient(ellipse 76% 80% at 50% 52%, #000 48%, rgba(0, 0, 0, 0.74) 66%, transparent 94%);
}

.liquid-minimal .keep-head-video::before {
  content: "" !important;
  position: absolute !important;
  inset: -10% !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background: rgba(255, 255, 255, 0.48) !important;
  filter: blur(24px) !important;
}

.liquid-minimal .keep-head-video video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.14) !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  filter: saturate(1.04) contrast(1.02) brightness(1.03) drop-shadow(0 16px 24px rgba(0, 27, 61, 0.12)) !important;
}

@media (max-width: 680px) {
  .liquid-minimal .keep-section > .section-head.keep-head {
    min-height: clamp(470px, 132vw, 540px) !important;
    padding: 30px 24px 150px !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head h2 {
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head > p {
    width: calc(100% - 138px) !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    text-align: right !important;
  }

  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > p {
    text-align: left !important;
  }

  .liquid-minimal .keep-head-video {
    left: 18px !important;
    bottom: 24px !important;
    width: clamp(120px, 36vw, 145px) !important;
    border-radius: 26px !important;
  }
}

@media (max-width: 380px) {
  .liquid-minimal .keep-section > .section-head.keep-head {
    min-height: 500px !important;
    padding-bottom: 140px !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head > p {
    width: calc(100% - 126px) !important;
  }

  .liquid-minimal .keep-head-video {
    left: 14px !important;
    width: 118px !important;
  }
}

/* Pika Keep video layout fix v20260619:
   keep the cropped mascot video blended into the panel without overlapping copy. */
.liquid-minimal .keep-section > .section-head.keep-head {
  display: grid !important;
  grid-template-columns: minmax(180px, 0.72fr) minmax(230px, 0.9fr) minmax(320px, 1.2fr) !important;
  grid-template-areas: "keep-video keep-copy keep-title" !important;
  align-items: center !important;
  gap: clamp(22px, 3vw, 46px) !important;
  min-height: auto !important;
  padding: clamp(34px, 4vw, 56px) !important;
  direction: ltr !important;
}

html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head {
  grid-template-columns: minmax(320px, 1.2fr) minmax(230px, 0.9fr) minmax(180px, 0.72fr) !important;
  grid-template-areas: "keep-title keep-copy keep-video" !important;
}

.liquid-minimal .keep-section > .section-head.keep-head > div:first-child {
  grid-area: keep-title !important;
  direction: rtl !important;
  text-align: right !important;
}

html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > div:first-child {
  direction: ltr !important;
  text-align: left !important;
}

.liquid-minimal .keep-section > .section-head.keep-head h2 {
  max-width: 560px !important;
  margin: 0 !important;
}

.liquid-minimal .keep-section > .section-head.keep-head > p {
  grid-area: keep-copy !important;
  direction: rtl !important;
  width: auto !important;
  max-width: 360px !important;
  margin: 0 !important;
  text-align: right !important;
}

html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > p {
  direction: ltr !important;
  text-align: left !important;
}

.liquid-minimal .keep-head-video {
  grid-area: keep-video !important;
  position: relative !important;
  inset: auto !important;
  justify-self: start !important;
  width: clamp(170px, 20vw, 270px) !important;
}

html[dir="ltr"] .liquid-minimal .keep-head-video {
  justify-self: end !important;
}

@media (max-width: 900px) {
  .liquid-minimal .keep-section > .section-head.keep-head,
  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head {
    grid-template-columns: minmax(132px, 0.44fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "keep-title keep-title"
      "keep-video keep-copy" !important;
    align-items: center !important;
    gap: clamp(16px, 3vw, 24px) !important;
    padding: clamp(28px, 5vw, 44px) !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head > div:first-child,
  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > div:first-child {
    text-align: center !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head h2 {
    max-width: 620px !important;
    margin-inline: auto !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head > p {
    max-width: none !important;
    margin: 0 !important;
  }

  .liquid-minimal .keep-head-video,
  html[dir="ltr"] .liquid-minimal .keep-head-video {
    justify-self: start !important;
    width: clamp(128px, 28vw, 190px) !important;
  }
}

@media (max-width: 680px) {
  .liquid-minimal .keep-section > .section-head.keep-head,
  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head {
    grid-template-columns: minmax(108px, 38%) minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 30px 24px 28px !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head > p,
  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > p {
    width: auto !important;
    text-align: right !important;
  }

  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > p {
    text-align: left !important;
  }

  .liquid-minimal .keep-head-video,
  html[dir="ltr"] .liquid-minimal .keep-head-video {
    width: clamp(112px, 35vw, 145px) !important;
    border-radius: 26px !important;
  }
}

@media (max-width: 380px) {
  .liquid-minimal .keep-section > .section-head.keep-head,
  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    padding: 28px 20px 26px !important;
  }

  .liquid-minimal .keep-head-video,
  html[dir="ltr"] .liquid-minimal .keep-head-video {
    width: 116px !important;
  }
}

/* Trust strip top-edge and premium kanji fix v20260619. */
.liquid-minimal .trust-strip {
  border: 0 !important;
  outline: 0 !important;
  overflow: hidden !important;
  background: rgba(0, 27, 61, 0.50) !important;
  box-shadow: 0 18px 36px rgba(3, 31, 61, 0.14) !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.70) 10px, #000 26px);
  mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.70) 10px, #000 26px);
}

.liquid-minimal .trust-strip::before,
.liquid-minimal .trust-strip::after,
.liquid-minimal .trust-strip .trust-icon::before,
.liquid-minimal .trust-strip .trust-icon::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.liquid-minimal .trust-strip > div,
.liquid-minimal .trust-strip > div + div {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.liquid-minimal .trust-strip .trust-icon {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Sans JP", serif !important;
  font-size: clamp(19px, 5.2vw, 27px) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  color: #714807 !important;
  background:
    radial-gradient(circle at 34% 22%, #fffdf1 0 19%, #fff1b8 34%, #e5b84f 58%, #c38a1d 100%) !important;
  box-shadow:
    0 10px 18px rgba(0, 27, 61, 0.16),
    0 0 0 4px rgba(255, 255, 255, 0.20),
    inset 0 2px 0 rgba(255, 255, 255, 0.92),
    inset 0 -2px 4px rgba(118, 73, 6, 0.22) !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92),
    0 5px 10px rgba(88, 55, 5, 0.22) !important;
}

/* Basic package mascot video edge blend v20260619. */
@media (max-width: 680px) {
  .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="ltr"] .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="rtl"] .liquid-minimal .services-section > .section-head > .basic-head-video {
    top: clamp(214px, 59vw, 246px) !important;
    left: clamp(16px, 4.8vw, 22px) !important;
    right: auto !important;
    bottom: auto !important;
    width: clamp(132px, 36vw, 164px) !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 30px !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    -webkit-mask-image:
      linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.40) 5%, #000 15%, #000 94%, transparent 100%),
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.76) 4%, #000 10%, #000 93%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.40) 5%, #000 15%, #000 94%, transparent 100%),
      linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.76) 4%, #000 10%, #000 93%, transparent 100%);
    mask-composite: intersect;
  }

  .liquid-minimal .services-section > .section-head > .basic-head-video::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -14% -18% -8% -18% !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    background: rgba(255, 255, 255, 0.60) !important;
    filter: blur(24px) !important;
    pointer-events: none !important;
  }

  .liquid-minimal .services-section > .section-head > .basic-head-video::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -2px !important;
    z-index: 3 !important;
    border: 0 !important;
    border-radius: inherit !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0.42) 18px, rgba(255, 255, 255, 0) 52px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.54) 0, rgba(255, 255, 255, 0) 34px, rgba(255, 255, 255, 0) calc(100% - 34px), rgba(255, 255, 255, 0.24) 100%) !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  .liquid-minimal .services-section > .section-head > .basic-head-video video {
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    filter: saturate(1.04) contrast(1.02) brightness(1.02) drop-shadow(0 16px 22px rgba(0, 27, 61, 0.12)) !important;
  }
}

@media (max-width: 380px) {
  .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="ltr"] .liquid-minimal .services-section > .section-head > .basic-head-video,
  html[dir="rtl"] .liquid-minimal .services-section > .section-head > .basic-head-video {
    left: 12px !important;
    width: clamp(128px, 37vw, 144px) !important;
  }
}

/* Mobile polish v20260619: full mascot media, navy footer bottom, service kanji medals. */
.liquid-minimal .keep-head-video {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 32px !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-mask-image:
    linear-gradient(180deg, #000 0%, #000 92%, transparent 100%),
    linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.74) 5%, #000 12%, #000 91%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(180deg, #000 0%, #000 92%, transparent 100%),
    linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.74) 5%, #000 12%, #000 91%, transparent 100%);
  mask-composite: intersect;
}

.liquid-minimal .keep-head-video::before {
  inset: -16% !important;
  background: rgba(255, 255, 255, 0.62) !important;
  filter: blur(28px) !important;
}

.liquid-minimal .keep-head-video::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: -2px !important;
  z-index: 3 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(ellipse 46% 28% at 50% 0%, rgba(255, 255, 255, 0) 0 58%, rgba(255, 255, 255, 0.20) 82%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.40) 0, rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0) calc(100% - 30px), rgba(255, 255, 255, 0.24) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0 76%, rgba(255, 255, 255, 0.18) 100%) !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.liquid-minimal .keep-head-video video {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.liquid-minimal .site-footer {
  isolation: isolate !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

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

.liquid-minimal .site-footer > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 680px) {
  .liquid-minimal .site-footer {
    margin-bottom: calc(-74px - env(safe-area-inset-bottom)) !important;
    padding-bottom: calc(96px + 74px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 680px) {
  .liquid-minimal #areas .area-intro-mobile-only {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 16px 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(216, 232, 245, 0.90) !important;
    border-radius: var(--pika-final-card-radius, 22px) !important;
    background: var(--pika-final-card, rgba(251, 250, 248, 0.98)) !important;
    box-shadow: var(--pika-final-card-shadow) !important;
    color: rgba(78, 92, 110, 0.94) !important;
    font-size: clamp(14px, 3.75vw, 15px) !important;
    font-weight: 750 !important;
    line-height: 1.58 !important;
    letter-spacing: 0 !important;
  }

  html[dir="rtl"] .liquid-minimal #areas .area-intro-mobile-only {
    text-align: right !important;
  }

  html[dir="ltr"] .liquid-minimal #areas .area-intro-mobile-only {
    text-align: left !important;
  }
}

.liquid-minimal #services .service-symbol {
  display: inline-grid !important;
  place-items: center !important;
  width: clamp(50px, 13vw, 66px) !important;
  height: clamp(50px, 13vw, 66px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  color: #714807 !important;
  border: 1px solid rgba(201, 149, 42, 0.78) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 34% 22%, #fffdf1 0 19%, #fff1b8 34%, #e5b84f 58%, #c38a1d 100%) !important;
  box-shadow:
    0 10px 18px rgba(0, 27, 61, 0.16),
    0 0 0 4px rgba(255, 255, 255, 0.20),
    inset 0 2px 0 rgba(255, 255, 255, 0.92),
    inset 0 -2px 4px rgba(118, 73, 6, 0.22) !important;
  filter: none !important;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Sans JP", serif !important;
  font-size: clamp(27px, 7vw, 38px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.92),
    0 5px 10px rgba(88, 55, 5, 0.22) !important;
}

.liquid-minimal #services .service-symbol--move,
.liquid-minimal #services .service-symbol--villa,
.liquid-minimal #services .service-symbol--apartment,
.liquid-minimal #services .service-symbol--deep {
  background-image:
    radial-gradient(circle at 34% 22%, #fffdf1 0 19%, #fff1b8 34%, #e5b84f 58%, #c38a1d 100%) !important;
}

/* Hero CTA affordance fix v20260619: keep media clear, make quote CTA readable. */
@media (max-width: 680px) {
  .liquid-minimal .hero-actions {
    grid-template-columns: 68px minmax(132px, 172px) !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: start !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary {
    filter: drop-shadow(0 14px 22px rgba(0, 27, 61, 0.14)) !important;
  }

  .liquid-minimal .hero-actions .button.ghost {
    position: relative !important;
    isolation: isolate !important;
    grid-column: 2 !important;
    width: min(44vw, 172px) !important;
    min-width: 132px !important;
    max-width: 172px !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    border-radius: 999px !important;
    color: #061f3f !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.66) 58%, rgba(241, 248, 255, 0.74)),
      rgba(255, 255, 255, 0.78) !important;
    box-shadow:
      0 12px 26px rgba(0, 27, 61, 0.14),
      0 3px 8px rgba(255, 255, 255, 0.34),
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      inset 0 -1px 0 rgba(0, 27, 61, 0.06) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.10) !important;
    backdrop-filter: blur(12px) saturate(1.10) !important;
    opacity: 1 !important;
    filter: none !important;
    font-size: clamp(13px, 3.75vw, 15px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  }

  .liquid-minimal .hero-actions .button.ghost::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: -1 !important;
    width: auto !important;
    height: auto !important;
    border-radius: inherit !important;
    background:
      linear-gradient(120deg, rgba(255, 255, 255, 0.78) 0 14%, rgba(255, 255, 255, 0) 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0)) !important;
    transform: none !important;
    opacity: 1 !important;
    animation: none !important;
    pointer-events: none !important;
  }

  .liquid-minimal .hero-actions .button.ghost::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.50) !important;
    pointer-events: none !important;
  }

  .liquid-minimal .hero-actions .button.ghost:is(:hover, :focus-visible) {
    color: #061f3f !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.93), rgba(255, 255, 255, 0.74) 58%, rgba(241, 248, 255, 0.82)),
      rgba(255, 255, 255, 0.84) !important;
    box-shadow:
      0 16px 30px rgba(0, 27, 61, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    transform: translateY(-1px) !important;
  }
}

/* Final price pill edge lock v20260619: static geometry, metallic rim only. */
.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;
  border: 0 !important;
  border-radius: var(--pika-final-pill-radius, 999px) !important;
  background:
    radial-gradient(120% 90% at 22% 0%, rgba(255, 255, 255, 0.96) 0 24%, rgba(255, 255, 255, 0) 50%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(249, 248, 245, 0.98) 48%, rgba(239, 238, 234, 0.98) 100%) !important;
  box-shadow:
    0 12px 24px rgba(37, 39, 42, 0.14),
    0 3px 7px rgba(37, 39, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(64, 68, 73, 0.14),
    inset 1px 0 0 rgba(255, 255, 255, 0.70),
    inset -1px 0 0 rgba(126, 132, 140, 0.10) !important;
  filter: none !important;
  transform: 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.35px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    conic-gradient(
      from 22deg,
      rgba(80, 86, 94, 0.46) 0deg,
      rgba(255, 255, 255, 0.96) 26deg,
      rgba(154, 168, 180, 0.50) 55deg,
      rgba(210, 240, 255, 0.62) 72deg,
      rgba(255, 255, 255, 0.92) 91deg,
      rgba(176, 182, 188, 0.42) 132deg,
      rgba(242, 205, 114, 0.54) 156deg,
      rgba(80, 86, 94, 0.36) 184deg,
      rgba(255, 255, 255, 0.90) 215deg,
      rgba(166, 208, 224, 0.45) 244deg,
      rgba(232, 236, 238, 0.62) 285deg,
      rgba(112, 100, 86, 0.36) 322deg,
      rgba(255, 255, 255, 0.96) 344deg,
      rgba(80, 86, 94, 0.46) 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.72 !important;
  animation: none !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: 2 !important;
  inset: 0 !important;
  padding: 1.35px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  --pika-rim-x: -24%;
  background:
    linear-gradient(
      104deg,
      transparent calc(var(--pika-rim-x) - 16%),
      rgba(255, 255, 255, 0.96) calc(var(--pika-rim-x) - 5%),
      rgba(183, 225, 255, 0.76) calc(var(--pika-rim-x) - 2%),
      rgba(243, 199, 83, 0.70) var(--pika-rim-x),
      rgba(255, 255, 255, 0.92) calc(var(--pika-rim-x) + 4%),
      transparent calc(var(--pika-rim-x) + 14%)
    ) !important;
  background-size: 100% 100% !important;
  background-position: 0 0 !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.82 !important;
  animation: pika-metallic-rim-glide 5.8s cubic-bezier(0.45, 0, 0.22, 1) infinite !important;
}

.liquid-minimal #services .service-card .price-list li > *,
.liquid-minimal #keep .keep-card .price-list li > * {
  position: relative !important;
  z-index: 3 !important;
}

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

/* Final price pill rim tune v4: white porcelain with independent optical sweeps. */
.liquid-minimal #services .service-card .price-list li,
.liquid-minimal #keep .keep-card .price-list li,
.liquid-minimal #qa .tier-card > b {
  color: #11151b !important;
  background:
    radial-gradient(120% 90% at 28% 0%, rgba(255, 255, 255, 1) 0 24%, rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfa 50%, #f0efec 100%) !important;
  box-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, 1),
    inset 0 -1px 0 rgba(64, 68, 73, 0.15),
    inset 1px 0 0 rgba(255, 255, 255, 0.78),
    inset -1px 0 0 rgba(126, 132, 140, 0.10) !important;
}

.liquid-minimal #services .service-card .price-list li span,
.liquid-minimal #keep .keep-card .price-list li span {
  color: #626b77 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.liquid-minimal #services .service-card .price-list li b,
.liquid-minimal #keep .keep-card .price-list li b,
.liquid-minimal #qa .tier-card > b {
  color: #11151b !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.94) !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.6px !important;
  background:
    conic-gradient(
      from 212deg,
      #555c65 0deg,
      #d9dee2 18deg,
      #ffffff 31deg,
      #89939d 48deg,
      #b8dff5 58deg,
      #ffffff 66deg,
      #e8b7ba 73deg,
      #727a83 86deg,
      #f9fafb 126deg,
      #9aa3ac 158deg,
      #eef1f3 196deg,
      #626a73 229deg,
      #ffffff 266deg,
      #aeb6bd 301deg,
      #f8f9fa 334deg,
      #555c65 360deg
    ) !important;
  opacity: 0.94 !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: none !important;
  display: none !important;
  animation: none !important;
}

@keyframes pika-retired-optical-sweep {
  0%,
  61% {
    transform: translate3d(-140%, 0, 0) rotate(11deg);
    opacity: 0;
  }

  64% {
    transform: translate3d(-112%, 0, 0) rotate(11deg);
    opacity: 0.14;
    animation-timing-function: cubic-bezier(0.18, 0.78, 0.22, 1);
  }

  70% {
    transform: translate3d(28%, 0, 0) rotate(11deg);
    opacity: 0.98;
  }

  76% {
    transform: translate3d(150%, 0, 0) rotate(11deg);
    opacity: 0.38;
    animation-timing-function: cubic-bezier(0.32, 0, 0.68, 1);
  }

  82%,
  100% {
    transform: translate3d(280%, 0, 0) rotate(11deg);
    opacity: 0;
  }
}

.liquid-minimal #services .service-card .price-list li > .price-rim-reflection,
.liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection,
.liquid-minimal #qa .tier-card > b > .price-rim-reflection {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 3px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) border-box !important;
  -webkit-mask-composite: xor !important;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) border-box !important;
  mask-composite: exclude !important;
}

.liquid-minimal #services .service-card .price-list li > .price-rim-reflection::before,
.liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection::before,
.liquid-minimal #qa .tier-card > b > .price-rim-reflection::before {
  content: "" !important;
  position: absolute !important;
  top: -132% !important;
  bottom: -132% !important;
  left: -40% !important;
  width: 52% !important;
  border-radius: 48% !important;
  background:
    linear-gradient(
      90deg,
      transparent 0 20%,
      rgba(255, 95, 108, 0.08) 24%,
      rgba(244, 92, 108, 0.78) 29%,
      rgba(255, 255, 255, 1) 34%,
      rgba(191, 233, 255, 1) 38%,
      #ffffff 42%,
      rgba(70, 108, 255, 0.86) 47%,
      rgba(255, 255, 255, 0.30) 53%,
      transparent 59% 69%,
      rgba(255, 255, 255, 0.10) 72%,
      rgba(255, 255, 255, 0.72) 76%,
      rgba(133, 201, 241, 0.34) 80%,
      transparent 85% 100%
    ) !important;
  transform: translate3d(-140%, 0, 0) rotate(11deg);
  transform-origin: center;
  opacity: 0;
  filter: saturate(1.18) contrast(1.08) drop-shadow(0 0 3px rgba(255, 255, 255, 0.58));
  will-change: transform, opacity;
  animation-name: pika-retired-optical-sweep !important;
  animation-duration: var(--pika-reflection-duration, 8.8s) !important;
  animation-delay: var(--pika-reflection-delay, -1.4s) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-fill-mode: both !important;
}

.liquid-minimal #qa .tier-card > b > [data-text-shell] {
  position: relative;
  z-index: 3;
}

.liquid-minimal #services .service-card:nth-child(1) .price-list li:nth-child(1) { --pika-reflection-duration: 8.9s; --pika-reflection-delay: -1.7s; }
.liquid-minimal #services .service-card:nth-child(1) .price-list li:nth-child(2) { --pika-reflection-duration: 10.4s; --pika-reflection-delay: -6.2s; }
.liquid-minimal #services .service-card:nth-child(2) .price-list li:nth-child(1) { --pika-reflection-duration: 9.7s; --pika-reflection-delay: -4.8s; }
.liquid-minimal #services .service-card:nth-child(2) .price-list li:nth-child(2) { --pika-reflection-duration: 7.8s; --pika-reflection-delay: -2.6s; }
.liquid-minimal #services .service-card:nth-child(3) .price-list li:nth-child(1) { --pika-reflection-duration: 10.8s; --pika-reflection-delay: -8.1s; }
.liquid-minimal #services .service-card:nth-child(3) .price-list li:nth-child(2) { --pika-reflection-duration: 8.3s; --pika-reflection-delay: -5.4s; }
.liquid-minimal #services .service-card:nth-child(4) .price-list li:nth-child(1) { --pika-reflection-duration: 9.2s; --pika-reflection-delay: -7s; }
.liquid-minimal #services .service-card:nth-child(4) .price-list li:nth-child(2) { --pika-reflection-duration: 10.1s; --pika-reflection-delay: -3.3s; }

.liquid-minimal #keep .keep-card:nth-child(1) .price-list li:nth-child(1) { --pika-reflection-duration: 7.6s; --pika-reflection-delay: -5.9s; }
.liquid-minimal #keep .keep-card:nth-child(1) .price-list li:nth-child(2) { --pika-reflection-duration: 9.5s; --pika-reflection-delay: -1.2s; }
.liquid-minimal #keep .keep-card:nth-child(2) .price-list li:nth-child(1) { --pika-reflection-duration: 10.6s; --pika-reflection-delay: -6.7s; }
.liquid-minimal #keep .keep-card:nth-child(2) .price-list li:nth-child(2) { --pika-reflection-duration: 8.1s; --pika-reflection-delay: -3.8s; }
.liquid-minimal #keep .keep-card:nth-child(3) .price-list li:nth-child(1) { --pika-reflection-duration: 9s; --pika-reflection-delay: -7.9s; }
.liquid-minimal #keep .keep-card:nth-child(3) .price-list li:nth-child(2) { --pika-reflection-duration: 10.3s; --pika-reflection-delay: -4.4s; }

.liquid-minimal #qa .tier-card:nth-child(1) > b { --pika-reflection-duration: 7.4s; --pika-reflection-delay: -2s; }
.liquid-minimal #qa .tier-card:nth-child(2) > b { --pika-reflection-duration: 9.8s; --pika-reflection-delay: -7.1s; }
.liquid-minimal #qa .tier-card:nth-child(3) > b { --pika-reflection-duration: 8.7s; --pika-reflection-delay: -5s; }

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal #services .service-card .price-list li > .price-rim-reflection::before,
  .liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection::before,
  .liquid-minimal #qa .tier-card > b > .price-rim-reflection::before {
    animation: none !important;
    transform: translate3d(118%, 0, 0) rotate(11deg) !important;
    opacity: 0.24 !important;
    will-change: auto !important;
  }
}

/* Synchronized holographic rim motion v20260620. */
@property --pika-holo-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes pika-price-holo-rotate {
  to {
    --pika-holo-angle: 360deg;
  }
}

@keyframes pika-price-specular-shine {
  0% {
    transform: translate3d(-170%, 0, 0) skewX(-24deg);
    opacity: 0;
  }

  18% {
    opacity: 0.94;
  }

  58% {
    opacity: 0.82;
  }

  100% {
    transform: translate3d(340%, 0, 0) skewX(-24deg);
    opacity: 0;
  }
}

.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 {
  background: #fff !important;
  overflow: hidden !important;
  box-shadow:
    0 0 0 1px rgba(69, 77, 86, 0.42),
    0 2px 3px rgba(28, 34, 40, 0.18),
    0 16px 26px rgba(20, 25, 31, 0.18),
    0 5px 9px rgba(20, 25, 31, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(51, 58, 66, 0.13) !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: none !important;
  display: none !important;
  animation: none !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;
  inset: 2.1px !important;
  width: auto !important;
  height: auto !important;
  z-index: 2 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(130% 100% at 24% 0%, rgba(255, 255, 255, 1) 0 24%, rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, #fff 0%, #fbfbfa 54%, #f1f0ed 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(51, 58, 66, 0.10) !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none !important;
}

.liquid-minimal #services .service-card .price-list li > .price-rim-reflection,
.liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection,
.liquid-minimal #qa .tier-card > b > .price-rim-reflection {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: calc(100% + 180px) !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  z-index: 1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
  transform: translate(-50%, -50%) rotate(18deg);
  transform-origin: 50% 50% !important;
  transition: none !important;
  --pika-holo-angle: 0deg;
  background:
    conic-gradient(
      from var(--pika-holo-angle),
      rgba(11, 16, 22, 0.68) 0deg,
      rgba(72, 80, 88, 0.72) 17deg,
      rgba(198, 207, 215, 0.88) 34deg,
      rgba(242, 246, 249, 0.98) 49deg,
      rgba(171, 181, 190, 0.86) 63deg,
      rgba(22, 54, 136, 0.14) 74deg,
      rgba(236, 240, 243, 0.94) 88deg,
      rgba(98, 106, 114, 0.68) 109deg,
      rgba(11, 16, 22, 0.62) 128deg,
      rgba(230, 235, 239, 0.96) 148deg,
      rgba(208, 164, 34, 0.16) 163deg,
      rgba(249, 251, 252, 0.98) 181deg,
      rgba(146, 24, 30, 0.14) 197deg,
      rgba(189, 199, 207, 0.88) 214deg,
      rgba(31, 38, 45, 0.66) 238deg,
      rgba(236, 241, 244, 0.98) 260deg,
      rgba(22, 54, 136, 0.12) 278deg,
      rgba(152, 163, 174, 0.84) 296deg,
      rgba(11, 16, 22, 0.64) 319deg,
      rgba(242, 246, 249, 0.98) 340deg,
      rgba(11, 16, 22, 0.68) 360deg
    ) !important;
  background-blend-mode: normal !important;
  filter: saturate(0.86) contrast(1.12) brightness(1.04) !important;
  opacity: 1 !important;
  animation: none !important;
  will-change: auto;
  pointer-events: none !important;
}

.liquid-minimal.price-reflections-ready #services .service-card .price-list li > .price-rim-reflection,
.liquid-minimal.price-reflections-ready #keep .keep-card .price-list li > .price-rim-reflection,
.liquid-minimal.price-reflections-ready #qa .tier-card > b > .price-rim-reflection {
  animation: pika-price-holo-rotate 6s linear infinite !important;
}

.liquid-minimal #services .service-card .price-list li > .price-rim-reflection::before,
.liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection::before,
.liquid-minimal #qa .tier-card > b > .price-rim-reflection::before {
  content: "" !important;
  position: absolute !important;
  top: -58% !important;
  left: -92% !important;
  display: block !important;
  width: 34% !important;
  height: 216% !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      118deg,
      transparent 0 18%,
      rgba(255, 255, 255, 0.18) 31%,
      rgba(255, 255, 255, 0.96) 45%,
      rgba(171, 238, 255, 0.82) 52%,
      rgba(255, 255, 255, 0.20) 64%,
      transparent 78% 100%
    ) !important;
  opacity: 0 !important;
  filter: blur(0.15px) drop-shadow(0 0 4px rgba(255, 255, 255, 0.62)) !important;
  transform: translate3d(-170%, 0, 0) skewX(-24deg);
  transform-origin: center !important;
  animation: none !important;
  pointer-events: none !important;
}

.liquid-minimal #services .service-card .price-list li:hover > .price-rim-reflection::before,
.liquid-minimal #services .service-card .price-list li:focus-within > .price-rim-reflection::before,
.liquid-minimal #keep .keep-card .price-list li:hover > .price-rim-reflection::before,
.liquid-minimal #keep .keep-card .price-list li:focus-within > .price-rim-reflection::before,
.liquid-minimal #qa .tier-card > b:hover > .price-rim-reflection::before,
.liquid-minimal #qa .tier-card > b:focus-within > .price-rim-reflection::before {
  animation: pika-price-specular-shine 0.65s cubic-bezier(0.18, 0.80, 0.20, 1) 1 both !important;
}

.liquid-minimal #services .service-card .price-list li > :not(.price-rim-reflection):not(.price-clean-swipe):not(.price-clean-sparkles),
.liquid-minimal #keep .keep-card .price-list li > :not(.price-rim-reflection):not(.price-clean-swipe):not(.price-clean-sparkles),
.liquid-minimal #qa .tier-card > b > :not(.price-rim-reflection):not(.price-clean-swipe):not(.price-clean-sparkles) {
  position: relative !important;
  z-index: 3 !important;
}

/* Price pill clean-swipe-confirm interaction v20260621.
   Clicked pill only: pressed surface, short cleaning wipe, and restrained sparkle.
   The layer sits above the white face and below price text to avoid text dropout. */
.liquid-minimal #services .service-card .price-list li,
.liquid-minimal #keep .keep-card .price-list li,
.liquid-minimal #qa .tier-card > b {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  translate: 0 0;
  scale: 1;
  transform-origin: 50% 54%;
}

.liquid-minimal #services .service-card .price-list li:focus,
.liquid-minimal #keep .keep-card .price-list li:focus,
.liquid-minimal #qa .tier-card > b:focus {
  outline: none;
}

.liquid-minimal #services .service-card .price-list li:focus-visible,
.liquid-minimal #keep .keep-card .price-list li:focus-visible,
.liquid-minimal #qa .tier-card > b:focus-visible {
  outline: 2px solid rgba(173, 133, 41, 0.58);
  outline-offset: 5px;
}

.liquid-minimal #services .service-card .price-list li.is-cleaning,
.liquid-minimal #keep .keep-card .price-list li.is-cleaning,
.liquid-minimal #qa .tier-card > b.is-cleaning {
  animation: pika-price-clean-press 880ms cubic-bezier(0.18, 0.86, 0.20, 1) both;
}

.liquid-minimal #services .service-card .price-list li > .price-clean-swipe,
.liquid-minimal #keep .keep-card .price-list li > .price-clean-swipe,
.liquid-minimal #qa .tier-card > b > .price-clean-swipe {
  position: absolute !important;
  inset: 3px !important;
  z-index: 2 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translate3d(-118%, 0, 0);
}

.liquid-minimal #services .service-card .price-list li > .price-clean-swipe::before,
.liquid-minimal #keep .keep-card .price-list li > .price-clean-swipe::before,
.liquid-minimal #qa .tier-card > b > .price-clean-swipe::before {
  content: "" !important;
  position: absolute !important;
  top: -34% !important;
  left: -26% !important;
  width: 42% !important;
  height: 168% !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      108deg,
      rgba(255, 255, 255, 0) 0 15%,
      rgba(255, 255, 255, 0.42) 30%,
      rgba(255, 255, 255, 0.98) 47%,
      rgba(196, 236, 255, 0.72) 56%,
      rgba(230, 196, 104, 0.22) 63%,
      rgba(255, 255, 255, 0.34) 70%,
      rgba(255, 255, 255, 0) 86% 100%
    ) !important;
  filter: blur(0.22px) drop-shadow(0 0 7px rgba(255, 255, 255, 0.62)) !important;
  transform: skewX(-20deg) !important;
  pointer-events: none !important;
}

.liquid-minimal #services .service-card .price-list li > .price-clean-swipe::after,
.liquid-minimal #keep .keep-card .price-list li > .price-clean-swipe::after,
.liquid-minimal #qa .tier-card > b > .price-clean-swipe::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(92% 72% at 34% 24%, rgba(255, 255, 255, 0.35), transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.32), rgba(195, 230, 245, 0.08) 58%, transparent) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.liquid-minimal #services .service-card .price-list li.is-cleaning > .price-clean-swipe,
.liquid-minimal #keep .keep-card .price-list li.is-cleaning > .price-clean-swipe,
.liquid-minimal #qa .tier-card > b.is-cleaning > .price-clean-swipe {
  animation: pika-price-clean-wipe 820ms cubic-bezier(0.16, 0.88, 0.20, 1) both;
}

.liquid-minimal #services .service-card .price-list li.is-cleaning > .price-clean-swipe::after,
.liquid-minimal #keep .keep-card .price-list li.is-cleaning > .price-clean-swipe::after,
.liquid-minimal #qa .tier-card > b.is-cleaning > .price-clean-swipe::after {
  animation: pika-price-clean-clear 820ms cubic-bezier(0.18, 0.86, 0.20, 1) both;
}

.liquid-minimal #services .service-card .price-list li > .price-clean-sparkles,
.liquid-minimal #keep .keep-card .price-list li > .price-clean-sparkles,
.liquid-minimal #qa .tier-card > b > .price-clean-sparkles {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  opacity: 0 !important;
  background:
    radial-gradient(circle at 20% 38%, rgba(255, 255, 255, 0.96) 0 1.5px, rgba(255, 255, 255, 0) 2.6px),
    radial-gradient(circle at 78% 27%, rgba(205, 235, 255, 0.92) 0 1.4px, rgba(205, 235, 255, 0) 2.8px),
    radial-gradient(circle at 69% 72%, rgba(231, 191, 86, 0.80) 0 1.3px, rgba(231, 191, 86, 0) 2.7px) !important;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.80)) !important;
  transform: scale(0.96) !important;
}

.liquid-minimal #services .service-card .price-list li.is-cleaning > .price-clean-sparkles,
.liquid-minimal #keep .keep-card .price-list li.is-cleaning > .price-clean-sparkles,
.liquid-minimal #qa .tier-card > b.is-cleaning > .price-clean-sparkles {
  animation: pika-price-clean-sparkles 880ms cubic-bezier(0.18, 0.86, 0.20, 1) both;
}

.liquid-minimal #services .service-card .price-list li.is-cleaning > .price-rim-reflection,
.liquid-minimal #keep .keep-card .price-list li.is-cleaning > .price-rim-reflection,
.liquid-minimal #qa .tier-card > b.is-cleaning > .price-rim-reflection {
  filter: saturate(0.92) contrast(1.2) brightness(1.13) !important;
}

@keyframes pika-price-clean-press {
  0%,
  100% {
    translate: 0 0;
    scale: 1;
  }

  12% {
    translate: 0 1.5px;
    scale: 0.988;
  }

  56% {
    translate: 0 -0.4px;
    scale: 1.006;
  }
}

@keyframes pika-price-clean-wipe {
  0% {
    opacity: 0;
    transform: translate3d(-124%, 0, 0);
  }

  12% {
    opacity: 0.88;
  }

  54% {
    opacity: 0.82;
  }

  100% {
    opacity: 0;
    transform: translate3d(126%, 0, 0);
  }
}

@keyframes pika-price-clean-clear {
  0%,
  42% {
    opacity: 0;
  }

  58% {
    opacity: 0.58;
  }

  100% {
    opacity: 0;
  }
}

@keyframes pika-price-clean-sparkles {
  0%,
  54% {
    opacity: 0;
    transform: scale(0.96);
  }

  67% {
    opacity: 0.9;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal #services .service-card .price-list li > .price-rim-reflection,
  .liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection,
  .liquid-minimal #qa .tier-card > b > .price-rim-reflection {
    animation: none !important;
    transition: none !important;
    transform: translate(-50%, -50%) rotate(18deg) !important;
    will-change: auto !important;
  }

  .liquid-minimal #services .service-card .price-list li > .price-rim-reflection::before,
  .liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection::before,
  .liquid-minimal #qa .tier-card > b > .price-rim-reflection::before {
    animation: none !important;
    transition: none !important;
    opacity: 0 !important;
  }

  .liquid-minimal #services .service-card .price-list li.is-cleaning,
  .liquid-minimal #keep .keep-card .price-list li.is-cleaning,
  .liquid-minimal #qa .tier-card > b.is-cleaning {
    animation: none !important;
    translate: 0 1px !important;
    scale: 0.992 !important;
  }

  .liquid-minimal #services .service-card .price-list li > .price-clean-swipe,
  .liquid-minimal #services .service-card .price-list li > .price-clean-sparkles,
  .liquid-minimal #keep .keep-card .price-list li > .price-clean-swipe,
  .liquid-minimal #keep .keep-card .price-list li > .price-clean-sparkles,
  .liquid-minimal #qa .tier-card > b > .price-clean-swipe,
  .liquid-minimal #qa .tier-card > b > .price-clean-sparkles {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* Desktop assurance parity with the mobile hero treatment v20260620. */
@media (min-width: 681px) {
  .liquid-minimal .trust-strip {
    margin-top: -42px !important;
    padding: 12px 0 16px !important;
    border: 0 !important;
    background: rgba(0, 27, 61, 0.68) !important;
    box-shadow: 0 18px 36px rgba(3, 31, 61, 0.14) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.70) 10px, #000 26px) !important;
    mask-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.70) 10px, #000 26px) !important;
  }

  .liquid-minimal .trust-strip > div {
    padding: 12px 6px 10px !important;
    display: grid !important;
    grid-template-rows: 38px auto auto !important;
    align-content: center !important;
    justify-items: center !important;
    row-gap: 6px !important;
    text-align: center !important;
  }

  .liquid-minimal .trust-strip .trust-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  .liquid-minimal .trust-strip b {
    width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: center !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.46) !important;
  }

  .liquid-minimal .trust-strip p {
    width: min(100%, 360px) !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    text-align: center !important;
    text-wrap: balance !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary {
    display: inline-grid !important;
    place-items: center !important;
    width: 68px !important;
    min-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    background-color: transparent !important;
    background-image: url("./assets/whatsapp-clean-square.png") !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  .liquid-minimal .hero-actions .button.ghost {
    opacity: 1 !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::before,
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary::after {
    content: none !important;
    display: none !important;
  }

  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary:is(:hover, :focus-visible) {
    transform: translateY(-2px) scale(1.04) !important;
    opacity: 1 !important;
  }

  .liquid-minimal .hero-actions .button.ghost:is(:hover, :focus-visible) {
    opacity: 1 !important;
  }
}

/* Basic package original-frame lock v20260620. */
.liquid-minimal .services-section > .section-head > .basic-head-video,
html[dir="ltr"] .liquid-minimal .services-section > .section-head > .basic-head-video,
html[dir="rtl"] .liquid-minimal .services-section > .section-head > .basic-head-video {
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: multiply !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video::before,
.liquid-minimal .services-section > .section-head > .basic-head-video::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .services-section > .section-head > .basic-head-video video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  -webkit-clip-path: inset(0 0.8% 0 0) !important;
  clip-path: inset(0 0.8% 0 0) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: saturate(1.05) contrast(1.01) brightness(1.02) !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 92%, rgba(0, 0, 0, 0.72) 97%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, #000 0%, #000 92%, rgba(0, 0, 0, 0.72) 97%, transparent 100%) !important;
}

/* Conversion CTA press affordance v20260620. */
.liquid-minimal :where(
  .site-header .nav-whatsapp.whatsapp-cta,
  .hero-actions .whatsapp-cta.button.secondary,
  .hero-actions .button.ghost,
  .mobile-menu a[href="#quote"],
  .phone-link.whatsapp-cta,
  .button.primary.form-submit,
  .wa-fab.whatsapp-cta
) {
  translate: 0 0 !important;
  scale: 1 !important;
  transform-origin: center !important;
  transition-property: translate, scale, transform, filter, box-shadow, background-color, border-color, color, opacity !important;
  transition-duration: 160ms !important;
  transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.liquid-minimal :where(
  .site-header .nav-whatsapp.whatsapp-cta,
  .hero-actions .whatsapp-cta.button.secondary,
  .hero-actions .button.ghost,
  .mobile-menu a[href="#quote"],
  .phone-link.whatsapp-cta,
  .button.primary.form-submit,
  .wa-fab.whatsapp-cta
):active {
  translate: 0 2px !important;
  scale: 0.985 !important;
  filter: brightness(0.985) !important;
  transition-duration: 90ms !important;
}

.liquid-minimal .hero-actions .button.ghost:active,
.liquid-minimal .hero-actions .whatsapp-cta.button.secondary:active {
  transform: none !important;
}

.liquid-minimal .hero-actions .button.ghost:active {
  translate: 0 2px !important;
  scale: 0.985 !important;
  filter: brightness(0.985) !important;
  transition-duration: 90ms !important;
}

@media (max-width: 680px) {
  .liquid-minimal .hero-actions .whatsapp-cta.button.secondary:active {
    transform: translateX(-56px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal :where(
    .site-header .nav-whatsapp.whatsapp-cta,
    .hero-actions .whatsapp-cta.button.secondary,
    .hero-actions .button.ghost,
    .mobile-menu a[href="#quote"],
    .phone-link.whatsapp-cta,
    .button.primary.form-submit,
    .wa-fab.whatsapp-cta
  ) {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }

  .liquid-minimal :where(
    .site-header .nav-whatsapp.whatsapp-cta,
    .hero-actions .whatsapp-cta.button.secondary,
    .hero-actions .button.ghost,
    .mobile-menu a[href="#quote"],
    .phone-link.whatsapp-cta,
    .button.primary.form-submit,
    .wa-fab.whatsapp-cta
  ):active {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }

  .liquid-minimal .hero-actions .button.ghost:active {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}

/* WhatsApp tap highlight suppression v20260621.
   Android/iOS WebViews can draw a blue rectangular tap overlay on image-like
   anchors unless tap highlight and focus colors are explicitly neutralized. */
.liquid-minimal :where(
  .site-header .nav-whatsapp.whatsapp-cta,
  .hero-actions .whatsapp-cta.button.secondary,
  .phone-link.whatsapp-cta,
  .wa-fab.whatsapp-cta
) {
  -webkit-tap-highlight-color: transparent !important;
  tap-highlight-color: transparent !important;
  outline-color: transparent !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: manipulation !important;
}

.liquid-minimal :where(
  .site-header .nav-whatsapp.whatsapp-cta,
  .hero-actions .whatsapp-cta.button.secondary,
  .phone-link.whatsapp-cta,
  .wa-fab.whatsapp-cta
):focus,
.liquid-minimal :where(
  .site-header .nav-whatsapp.whatsapp-cta,
  .hero-actions .whatsapp-cta.button.secondary,
  .phone-link.whatsapp-cta,
  .wa-fab.whatsapp-cta
):active {
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
  tap-highlight-color: transparent !important;
}

.liquid-minimal :where(
  .site-header .nav-whatsapp.whatsapp-cta,
  .hero-actions .whatsapp-cta.button.secondary,
  .phone-link.whatsapp-cta,
  .wa-fab.whatsapp-cta
):focus-visible {
  outline: 2px solid rgba(6, 31, 63, 0.72) !important;
  outline-offset: 4px !important;
}

/* Mobile polish regression lock v20260621. */
@media (max-width: 680px) {
  .liquid-minimal #qa .tier-card {
    padding-bottom: 36px !important;
  }

  .liquid-minimal #qa .tier-card > b,
  .liquid-minimal #qa .tier-card.silver > b,
  .liquid-minimal #qa .tier-card.featured > b,
  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: center !important;
    margin-inline: auto !important;
  }

  .liquid-minimal .services-section > .section-head,
  html[dir="rtl"] .liquid-minimal .services-section > .section-head {
    min-height: clamp(438px, 118vw, 462px) !important;
  }

  .liquid-minimal .hero-actions .button.ghost {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.46) 58%, rgba(241, 248, 255, 0.56)),
      rgba(255, 255, 255, 0.58) !important;
  }

  .liquid-minimal .hero-actions .button.ghost::before {
    background:
      linear-gradient(120deg, rgba(255, 255, 255, 0.58) 0 14%, rgba(255, 255, 255, 0) 34%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0)) !important;
  }

  .liquid-minimal #faq .faq-grid details summary {
    translate: 0 0 !important;
    scale: 1 !important;
    transform-origin: center !important;
    transition-property: translate, scale, box-shadow, background-color, color !important;
    transition-duration: 160ms !important;
    transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  }

  .liquid-minimal #faq .faq-grid details summary:active {
    translate: 0 2px !important;
    scale: 0.985 !important;
    transition-duration: 90ms !important;
  }
}

.liquid-minimal #services .service-card .price-list li > :not(.price-rim-reflection):not(.price-clean-swipe):not(.price-clean-sparkles),
.liquid-minimal #keep .keep-card .price-list li > :not(.price-rim-reflection):not(.price-clean-swipe):not(.price-clean-sparkles),
.liquid-minimal #qa .tier-card > b > :not(.price-rim-reflection):not(.price-clean-swipe):not(.price-clean-sparkles),
.liquid-minimal #services .service-card .price-list li > span,
.liquid-minimal #services .service-card .price-list li > b,
.liquid-minimal #keep .keep-card .price-list li > span,
.liquid-minimal #keep .keep-card .price-list li > b,
.liquid-minimal #qa .tier-card > b > [data-text-shell] {
  position: relative !important;
  z-index: 12 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  will-change: transform !important;
  -webkit-font-smoothing: antialiased !important;
}

.liquid-minimal #services .service-card .price-list li > span,
.liquid-minimal #keep .keep-card .price-list li > span {
  color: #626b77 !important;
  -webkit-text-fill-color: #626b77 !important;
}

.liquid-minimal #services .service-card .price-list li > b,
.liquid-minimal #keep .keep-card .price-list li > b,
.liquid-minimal #qa .tier-card > b > [data-text-shell] {
  color: #11151b !important;
  -webkit-text-fill-color: #11151b !important;
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal #faq .faq-grid details summary {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}

/* Price pill rim containment v20260621.
   Keep the existing white pill and shadow, but constrain the animated
   metal reflection to the rim itself. This removes the oversized rotating
   disk that could flash through as a detached layer on mobile repaint. */
.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: none !important;
  display: none !important;
  animation: none !important;
}

/* Price pill text compositor guard v20260621.
   Android/WebView can promote the animated masked rim above text during
   scroll repaint. Isolate the pill paint and pin text to its own layer. */
.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 {
  isolation: isolate !important;
  contain: paint !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

.liquid-minimal #services .service-card .price-list li > .price-rim-reflection,
.liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection,
.liquid-minimal #qa .tier-card > b > .price-rim-reflection {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: auto !important;
  z-index: 0 !important;
  display: block !important;
  margin: 0 !important;
  padding: 1.6px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: inherit !important;
  transform: none !important;
  transform-origin: center !important;
  transition: none !important;
  --pika-holo-angle: 0deg;
  background:
    conic-gradient(
      from var(--pika-holo-angle),
      rgba(11, 16, 22, 0.68) 0deg,
      rgba(72, 80, 88, 0.72) 17deg,
      rgba(198, 207, 215, 0.92) 34deg,
      rgba(242, 246, 249, 0.98) 49deg,
      rgba(171, 181, 190, 0.90) 63deg,
      rgba(22, 54, 136, 0.14) 74deg,
      rgba(236, 240, 243, 0.96) 88deg,
      rgba(98, 106, 114, 0.68) 109deg,
      rgba(11, 16, 22, 0.62) 128deg,
      rgba(230, 235, 239, 0.98) 148deg,
      rgba(208, 164, 34, 0.16) 163deg,
      rgba(249, 251, 252, 0.98) 181deg,
      rgba(146, 24, 30, 0.14) 197deg,
      rgba(189, 199, 207, 0.92) 214deg,
      rgba(31, 38, 45, 0.66) 238deg,
      rgba(236, 241, 244, 0.98) 260deg,
      rgba(22, 54, 136, 0.12) 278deg,
      rgba(152, 163, 174, 0.90) 296deg,
      rgba(11, 16, 22, 0.64) 319deg,
      rgba(242, 246, 249, 0.98) 340deg,
      rgba(11, 16, 22, 0.68) 360deg
    ) !important;
  background-blend-mode: normal !important;
  filter: saturate(0.72) contrast(0.96) brightness(1.04) !important;
  opacity: 1 !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) border-box !important;
  -webkit-mask-composite: xor !important;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) border-box !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  will-change: auto;
}

.liquid-minimal #services .service-card .price-list li > .price-rim-reflection::before,
.liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection::before,
.liquid-minimal #qa .tier-card > b > .price-rim-reflection::before {
  content: "" !important;
  position: absolute !important;
  top: -65% !important;
  left: -76% !important;
  display: block !important;
  width: 34% !important;
  height: 230% !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      118deg,
      transparent 0 18%,
      rgba(255, 255, 255, 0.14) 30%,
      rgba(255, 255, 255, 0.82) 44%,
      rgba(200, 232, 248, 0.48) 51%,
      rgba(255, 255, 255, 0.18) 62%,
      transparent 78% 100%
    ) !important;
  opacity: 0 !important;
  filter: blur(0.12px) drop-shadow(0 0 3px rgba(255, 255, 255, 0.52)) !important;
  transform: translate3d(-170%, 0, 0) skewX(-24deg);
  transform-origin: center !important;
  animation: none !important;
  pointer-events: none !important;
}

.liquid-minimal.price-reflections-ready #services .service-card .price-list li > .price-rim-reflection,
.liquid-minimal.price-reflections-ready #keep .keep-card .price-list li > .price-rim-reflection,
.liquid-minimal.price-reflections-ready #qa .tier-card > b > .price-rim-reflection {
  animation: pika-price-holo-rotate 6s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal #services .service-card .price-list li > .price-rim-reflection,
  .liquid-minimal #keep .keep-card .price-list li > .price-rim-reflection,
  .liquid-minimal #qa .tier-card > b > .price-rim-reflection,
  .liquid-minimal.price-reflections-ready #services .service-card .price-list li > .price-rim-reflection,
  .liquid-minimal.price-reflections-ready #keep .keep-card .price-list li > .price-rim-reflection,
  .liquid-minimal.price-reflections-ready #qa .tier-card > b > .price-rim-reflection {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    will-change: auto !important;
  }
}

/* FAQ mobile interaction fix v20260621.
   Remove Android/WebKit tap wash, make answers reveal from the card itself,
   and prevent the fixed WhatsApp FAB from leaking as a translucent icon over
   the quote/contact area after FAQ taps. */
@keyframes pika-faq-answer-slide {
  0% {
    opacity: 0;
    max-height: 0;
    transform: translate3d(0, -18px, 0) scaleY(0.84);
    clip-path: inset(0 0 100% 0 round 20px);
    filter: blur(4px);
  }

  18% {
    opacity: 0.12;
    max-height: 26px;
    transform: translate3d(0, -14px, 0) scaleY(0.88);
    clip-path: inset(0 0 74% 0 round 20px);
    filter: blur(3px);
  }

  56% {
    opacity: 0.84;
    max-height: 260px;
    transform: translate3d(0, -3px, 0) scaleY(0.985);
    clip-path: inset(0 0 8% 0 round 20px);
    filter: blur(0.8px);
  }

  82% {
    opacity: 1;
    max-height: 640px;
    transform: translate3d(0, 2px, 0) scaleY(1.006);
    clip-path: inset(0 0 0 0 round 20px);
    filter: blur(0);
  }

  100% {
    opacity: 1;
    max-height: 900px;
    transform: translate3d(0, 0, 0);
    clip-path: inset(0 0 0 0 round 20px);
    filter: blur(0);
  }
}

.liquid-minimal #faq .faq-grid details,
.liquid-minimal #faq .faq-grid details summary,
.liquid-minimal #faq .faq-grid details summary::after {
  -webkit-tap-highlight-color: transparent !important;
  tap-highlight-color: transparent !important;
}

.liquid-minimal #faq .faq-grid details summary {
  user-select: none !important;
  touch-action: manipulation !important;
}

.liquid-minimal #faq .faq-grid details > p {
  max-height: 0;
  overflow: hidden !important;
  transform-origin: top center !important;
  will-change: max-height, transform, opacity, clip-path, filter;
}

.liquid-minimal #faq .faq-grid details[open] > p {
  animation: pika-faq-answer-slide 560ms cubic-bezier(0.16, 0.88, 0.18, 1) 70ms both !important;
}

body.liquid-minimal.faq-js-motion #faq .faq-grid details[open] > p {
  animation: none !important;
  max-height: none !important;
  overflow: visible !important;
}

body.liquid-minimal.faq-js-motion #faq .faq-grid details.faq-animating > p {
  animation: none !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* Basic package visual cards v20260624.
   Replace dense assessment pills with one premium isometric scene per card.
   The supplied assets are 4:3 white-background renders, so we contain them on a
   soft stage instead of cropping them like photos. */
.liquid-minimal #services .service-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  gap: clamp(10px, 0.9vw, 14px) !important;
  min-height: clamp(500px, 34vw, 560px) !important;
  padding: clamp(18px, 1.7vw, 28px) !important;
  overflow: hidden !important;
}

.liquid-minimal #services .service-visual {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: clamp(150px, 11.8vw, 205px) !important;
  margin: -4px 0 4px !important;
  padding: clamp(8px, 0.9vw, 14px) !important;
  border-radius: clamp(22px, 1.7vw, 30px) !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.98) 0 31%, rgba(248, 251, 255, 0.92) 56%, rgba(244, 240, 234, 0.76) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 248, 248, 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(0, 27, 61, 0.04),
    0 18px 30px rgba(0, 27, 61, 0.045) !important;
  overflow: hidden !important;
}

.liquid-minimal #services .service-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 42% !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.86) 78%, rgba(255, 255, 255, 0.94)) !important;
}

.liquid-minimal #services .service-visual img {
  position: relative !important;
  z-index: 1 !important;
  width: 112% !important;
  height: 112% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: drop-shadow(0 18px 22px rgba(0, 27, 61, 0.08)) !important;
  transform: translateY(3px) scale(1.03) !important;
}

.liquid-minimal #services .service-visual--villa img {
  width: 118% !important;
  height: 118% !important;
  transform: translateY(7px) scale(1.02) !important;
}

.liquid-minimal #services .service-visual--move img {
  width: 116% !important;
  height: 116% !important;
  transform: translateY(7px) scale(1.02) !important;
}

.liquid-minimal #services .service-visual--deep img {
  width: 115% !important;
  height: 115% !important;
  transform: translateY(5px) scale(1.02) !important;
}

.liquid-minimal #services .service-visual > .service-symbol {
  position: absolute !important;
  inset-block-start: 8px !important;
  inset-inline-start: 8px !important;
  z-index: 4 !important;
  width: clamp(42px, 3.6vw, 54px) !important;
  height: clamp(42px, 3.6vw, 54px) !important;
  font-size: clamp(23px, 2.3vw, 31px) !important;
  box-shadow:
    0 10px 18px rgba(0, 27, 61, 0.14),
    0 0 0 4px rgba(255, 255, 255, 0.38),
    inset 0 2px 0 rgba(255, 255, 255, 0.92),
    inset 0 -2px 4px rgba(118, 73, 6, 0.22) !important;
}

.liquid-minimal #services .service-card h3 {
  margin: 2px 0 0 !important;
  font-size: clamp(22px, 1.6vw, 30px) !important;
  line-height: 1.1 !important;
}

.liquid-minimal #services .service-card > p:not(.service-assessment-line) {
  margin: 0 !important;
  min-height: 4.8em !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  line-height: 1.55 !important;
}

.liquid-minimal #services .service-assessment-line {
  align-self: end !important;
  margin: 4px 0 0 !important;
  padding: 11px 14px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 253, 0.78)),
    rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 18px rgba(0, 27, 61, 0.055) !important;
  color: #8d6519 !important;
  font-size: clamp(12.5px, 0.88vw, 14px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  .liquid-minimal #services .service-card {
    min-height: 0 !important;
    gap: 12px !important;
    padding: 18px !important;
  }

  .liquid-minimal #services .service-visual {
    height: clamp(156px, 41vw, 210px) !important;
    margin: -2px 0 2px !important;
  }

  .liquid-minimal #services .service-card > p:not(.service-assessment-line) {
    min-height: 0 !important;
    font-size: 14.5px !important;
  }
}

@media (max-width: 520px) {
  .liquid-minimal #services .service-visual {
    height: clamp(132px, 41vw, 166px) !important;
    border-radius: 24px !important;
  }

  .liquid-minimal #services .service-visual img {
    width: 108% !important;
    height: 108% !important;
  }

  .liquid-minimal #services .service-visual > .service-symbol {
    width: 44px !important;
    height: 44px !important;
    font-size: 25px !important;
  }

  .liquid-minimal #services .service-card h3 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }

  .liquid-minimal #services .service-assessment-line {
    padding-inline: 58px 16px !important;
  }

  html[dir="rtl"] .liquid-minimal #services .service-assessment-line {
    padding-inline: 16px 58px !important;
  }
}

/* Quality option premium rim final override v20260624.
   Keep this last: assessment replacement styles above reset tier b shadows. */
body.liquid-minimal #qa .tier-card > b,
body.liquid-minimal #qa .tier-card.silver > b,
body.liquid-minimal #qa .tier-card.featured > b {
  background:
    radial-gradient(120% 90% at 28% 0%, rgba(255, 255, 255, 1) 0 24%, rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfa 50%, #f0efec 100%) !important;
  border: 0 !important;
  box-shadow:
    0 0 0 1px rgba(30, 37, 45, 0.50),
    0 0 0 3px rgba(255, 255, 255, 0.48),
    0 15px 24px rgba(20, 25, 31, 0.20),
    0 5px 9px rgba(20, 25, 31, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(51, 58, 66, 0.16),
    inset 1px 0 0 rgba(255, 255, 255, 0.76),
    inset -1px 0 0 rgba(126, 132, 140, 0.12) !important;
}

body.liquid-minimal #qa .tier-card > b > .price-rim-reflection,
body.liquid-minimal #qa .tier-card.silver > b > .price-rim-reflection,
body.liquid-minimal #qa .tier-card.featured > b > .price-rim-reflection {
  padding: 1.45px !important;
  opacity: 0.98 !important;
}

/* Quality option premium rim restore v20260624.
   Reapply the old price-pill outer shadow line only to this section. */
.liquid-minimal #qa .tier-card > b,
.liquid-minimal #qa .tier-card.silver > b,
.liquid-minimal #qa .tier-card.featured > b {
  background:
    radial-gradient(120% 90% at 28% 0%, rgba(255, 255, 255, 1) 0 24%, rgba(255, 255, 255, 0) 52%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfa 50%, #f0efec 100%) !important;
  box-shadow:
    0 0 0 1px rgba(30, 37, 45, 0.48),
    0 0 0 3px rgba(255, 255, 255, 0.46),
    0 13px 22px rgba(20, 25, 31, 0.18),
    0 4px 8px rgba(20, 25, 31, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(51, 58, 66, 0.15),
    inset 1px 0 0 rgba(255, 255, 255, 0.76),
    inset -1px 0 0 rgba(126, 132, 140, 0.12) !important;
}

.liquid-minimal #qa .tier-card > b > .price-rim-reflection,
.liquid-minimal #qa .tier-card.silver > b > .price-rim-reflection,
.liquid-minimal #qa .tier-card.featured > b > .price-rim-reflection {
  padding: 1.45px !important;
  opacity: 0.96 !important;
}

/* Pika Clean Assessment phase 2 v20260624.
   Replaces public price anchoring with a premium diagnostic experience. */
body.liquid-minimal .assessment-section {
  max-width: min(1840px, calc(100% - 96px));
  margin-inline: auto;
}

body.liquid-minimal .assessment-head {
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.72fr);
  align-items: center;
  gap: clamp(22px, 3.2vw, 52px);
  padding: clamp(30px, 3.6vw, 58px) !important;
  box-sizing: border-box;
  overflow: hidden;
}

body.liquid-minimal .assessment-head h2 {
  max-width: 760px;
  margin: 0 !important;
  font-size: clamp(38px, 3.35vw, 62px) !important;
  line-height: 1.04 !important;
}

body.liquid-minimal .assessment-lede {
  max-width: 600px;
  margin: 0;
  color: rgba(6, 31, 63, 0.72);
  font-weight: 900;
  font-size: clamp(16px, 1.05vw, 20px);
  line-height: 1.56;
}

html[dir="rtl"] body.liquid-minimal .assessment-lede {
  text-align: right;
}

html[dir="ltr"] body.liquid-minimal .assessment-lede {
  text-align: left;
}

body.liquid-minimal .assessment-panel {
  position: relative;
  margin-top: clamp(22px, 3vw, 42px);
  padding: clamp(18px, 2.4vw, 34px);
  border-radius: clamp(28px, 3vw, 48px);
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.86) 42%, rgba(255, 255, 255, 0.74)),
    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 244, 236, 0.72)) !important;
  border: 0 !important;
  box-shadow:
    0 30px 70px rgba(10, 24, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  overflow: hidden;
}

body.liquid-minimal .assessment-panel::after {
  content: none !important;
  display: none !important;
}

body.liquid-minimal .assessment-panel::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(182, 135, 38, 0.12), transparent),
    radial-gradient(circle at 82% 15%, rgba(15, 91, 155, 0.12), transparent 32%);
  opacity: 0.85;
}

body.liquid-minimal .assessment-flow {
  position: relative;
  z-index: 1;
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto clamp(18px, 2.2vw, 30px);
  padding: 0.7rem 1.2rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.78);
  color: #a87920;
  box-shadow:
    0 16px 32px rgba(6, 31, 63, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  font-weight: 950;
  font-size: clamp(14px, 1vw, 17px);
  line-height: 1.3;
  text-align: center;
}

body.liquid-minimal .assessment-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 24px);
}

body.liquid-minimal .assessment-factor-card {
  position: relative;
  min-height: 168px;
  padding: 20px 18px 18px;
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(250, 248, 242, 0.88)),
    radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.95), transparent 44%);
  box-shadow:
    0 18px 34px rgba(10, 24, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  outline: none;
  cursor: pointer;
  overflow: hidden;
  transform: translateY(0);
  transition:
    transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 260ms ease;
  -webkit-tap-highlight-color: transparent;
}

body.liquid-minimal .assessment-factor-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.7), transparent 38%),
    radial-gradient(circle at 86% 12%, rgba(182, 135, 38, 0.16), transparent 22%);
  opacity: 0.8;
}

body.liquid-minimal .assessment-factor-card:hover,
body.liquid-minimal .assessment-factor-card:focus-visible,
body.liquid-minimal .assessment-factor-card.is-checked {
  transform: translateY(-4px);
  border-color: rgba(199, 155, 55, 0.38);
  box-shadow:
    0 24px 46px rgba(10, 24, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

body.liquid-minimal .assessment-factor-card:active {
  transform: translateY(-1px) scale(0.99);
}

body.liquid-minimal .assessment-seal {
  position: relative;
  z-index: 1;
  display: inline-grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, #fff8d6 0 22%, #e8b534 58%, #a76f09 100%);
  color: #7a4e08;
  box-shadow:
    0 8px 18px rgba(119, 76, 7, 0.2),
    inset 0 2px 0 rgba(255, 255, 255, 0.82);
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

body.liquid-minimal .assessment-number {
  position: absolute;
  top: 18px;
  inset-inline-end: 18px;
  z-index: 1;
  color: rgba(6, 31, 63, 0.24);
  font-size: 42px;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: -0.04em;
}

body.liquid-minimal .assessment-factor-card h3 {
  position: relative;
  z-index: 1;
  margin: 15px 0 8px;
  color: #061f3f;
  font-size: clamp(20px, 1.35vw, 26px);
  line-height: 1.12;
  font-weight: 1000;
}

body.liquid-minimal .assessment-factor-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: rgba(6, 31, 63, 0.66);
  font-size: clamp(13px, 0.82vw, 15px);
  line-height: 1.45;
  font-weight: 850;
}

body.liquid-minimal .assessment-chips {
  display: none !important;
}

body.liquid-minimal .assessment-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.42rem 0.68rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  color: #a87920;
  box-shadow: 0 10px 20px rgba(6, 31, 63, 0.08);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.1;
}

body.liquid-minimal .assessment-stamp {
  position: absolute;
  z-index: 3;
  inset-block-start: 18px;
  inset-inline-start: 76px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 0.38rem 0.72rem;
  border: 2px solid rgba(184, 23, 18, 0.64);
  border-radius: 999px;
  color: rgba(184, 23, 18, 0.86);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 20px rgba(108, 24, 20, 0.12);
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
  font-size: 14px;
  font-weight: 1000;
  letter-spacing: 0.02em;
  opacity: 0;
  transform: rotate(-8deg) scale(0.68);
  pointer-events: none;
}

body.liquid-minimal .assessment-factor-card.is-checked .assessment-stamp {
  animation: pika-assessment-stamp 820ms cubic-bezier(0.17, 0.86, 0.24, 1.18) both;
}

body.liquid-minimal .proof-assessment-bridge {
  margin-top: 12px !important;
  padding: 10px 14px !important;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(6, 31, 63, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.35 !important;
}

body.liquid-minimal .proof-showcase-note {
  display: none !important;
}

@keyframes pika-assessment-stamp {
  0% {
    opacity: 0;
    transform: rotate(-12deg) scale(0.58) translateY(-6px);
  }
  38% {
    opacity: 1;
    transform: rotate(-7deg) scale(1.08) translateY(0);
  }
  78% {
    opacity: 1;
    transform: rotate(-7deg) scale(1) translateY(0);
  }
  100% {
    opacity: 0;
    transform: rotate(-7deg) scale(0.96) translateY(-2px);
  }
}

@media (max-width: 1180px) {
  body.liquid-minimal .assessment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  body.liquid-minimal .assessment-section {
    max-width: calc(100% - 22px);
  }

  body.liquid-minimal .assessment-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 26px 20px 24px !important;
  }

  body.liquid-minimal .assessment-head h2 {
    font-size: clamp(31px, 8.4vw, 42px) !important;
    line-height: 1.12 !important;
  }

  body.liquid-minimal .assessment-lede {
    font-size: 15px;
    line-height: 1.62;
  }

  body.liquid-minimal .assessment-panel {
    margin-top: 14px;
    padding: 14px;
    border-radius: 32px;
  }

  body.liquid-minimal .assessment-flow {
    width: 100%;
    padding: 0.72rem 0.8rem;
    font-size: 13px;
  }

  body.liquid-minimal .assessment-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.liquid-minimal .assessment-factor-card {
    min-height: 0;
    padding: 18px 16px 18px;
    border-radius: 26px;
  }

  body.liquid-minimal .assessment-factor-card h3 {
    font-size: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.liquid-minimal .assessment-factor-card,
  body.liquid-minimal .assessment-stamp {
    transition: none !important;
    animation: none !important;
  }

  body.liquid-minimal .assessment-factor-card.is-checked .assessment-stamp {
    opacity: 1;
    transform: none;
  }
}

/* Pika Clean Assessment public-pricing replacement v20260624.
   Price pills remain archived in CSS, but the live services/keep UI now uses
   stable assessment status pills with no rotating price-rim layer. */
.liquid-minimal .assessment-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.liquid-minimal .assessment-list li {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 253, 0.88)),
    rgba(255, 255, 255, 0.86) !important;
  box-shadow:
    0 14px 24px rgba(0, 27, 61, 0.08),
    0 2px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 rgba(0, 27, 61, 0.05) inset !important;
}

.liquid-minimal .assessment-list li::before,
.liquid-minimal .assessment-list li::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .assessment-list span {
  display: none !important;
}

.liquid-minimal .assessment-list b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #9c6c16 !important;
  box-shadow: none !important;
  font-size: clamp(12.5px, 0.88vw, 14.5px) !important;
  font-weight: 950 !important;
  line-height: 1.16 !important;
  text-align: center !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

.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;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin-top: auto !important;
  padding: 10px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 253, 0.9)),
    rgba(255, 255, 255, 0.88) !important;
  color: #061f3f !important;
  box-shadow:
    0 0 0 1px rgba(30, 37, 45, 0.5),
    0 0 0 3px rgba(255, 255, 255, 0.48),
    0 15px 24px rgba(20, 25, 31, 0.2),
    0 5px 9px rgba(20, 25, 31, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(51, 58, 66, 0.16),
    inset 1px 0 0 rgba(255, 255, 255, 0.76),
    inset -1px 0 0 rgba(126, 132, 140, 0.12) !important;
  font-size: clamp(14px, 1vw, 16px) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
}

.liquid-minimal #qa .tier-card > b::before,
.liquid-minimal #qa .tier-card > b::after,
.liquid-minimal #qa .tier-card.silver > b::before,
.liquid-minimal #qa .tier-card.silver > b::after,
.liquid-minimal #qa .tier-card.featured > b::before,
.liquid-minimal #qa .tier-card.featured > b::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.liquid-minimal #qa .tier-card > b > .price-rim-reflection,
.liquid-minimal #qa .tier-card.silver > b > .price-rim-reflection,
.liquid-minimal #qa .tier-card.featured > b > .price-rim-reflection {
  inset: 0 !important;
  padding: 1.45px !important;
  border-radius: inherit !important;
  opacity: 0.98 !important;
  filter: saturate(0.92) contrast(1.08) brightness(1.08) !important;
  z-index: 0 !important;
}

@media (max-width: 700px) {
  .liquid-minimal .assessment-list {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    gap: 9px !important;
    margin-top: 18px !important;
  }

  .liquid-minimal .assessment-list li {
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 42px !important;
    gap: 0 !important;
    padding: 8px 14px !important;
  }

  .liquid-minimal .assessment-list span {
    font-size: 12px !important;
  }

  .liquid-minimal .assessment-list b {
    align-self: center !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 12.5px !important;
  }

  .liquid-minimal #qa .tier-card > b,
  .liquid-minimal #qa .tier-card.silver > b,
  .liquid-minimal #qa .tier-card.featured > b {
    min-height: 42px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
}

/* Hero Request quote glass transparency v20260622.
   Match the header navigation glass: same warm translucency, navy text, and
   utility-nav typography while keeping the hero CTA pill geometry. */
.liquid-minimal .hero-actions .button.ghost {
  color: rgba(16, 20, 25, 0.90) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  background:
    linear-gradient(180deg, rgba(250, 249, 247, 0.58) 0%, rgba(245, 243, 239, 0.36) 58%, rgba(236, 234, 229, 0.24) 100%),
    rgba(250, 249, 247, 0.32) !important;
  border-color: rgba(255, 255, 255, 0.60) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
  backdrop-filter: blur(18px) saturate(1.12) brightness(1.02) !important;
  text-shadow: none !important;
}

.liquid-minimal .hero-actions .button.ghost::before {
  background:
    linear-gradient(96deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.08) 34%, rgba(204, 239, 255, 0.12) 58%, rgba(255, 255, 255, 0.28)),
    radial-gradient(ellipse at 20% 18%, rgba(255, 255, 255, 0.58), transparent 44%) !important;
  opacity: 0.56 !important;
}

.liquid-minimal .hero-actions .button.ghost:is(:hover, :focus-visible) {
  color: rgba(16, 20, 25, 0.94) !important;
  background:
    linear-gradient(180deg, rgba(250, 249, 247, 0.66) 0%, rgba(245, 243, 239, 0.44) 58%, rgba(236, 234, 229, 0.30) 100%),
    rgba(250, 249, 247, 0.38) !important;
}

@media (max-width: 680px) {
  .liquid-minimal .hero-actions .button.ghost {
    font-size: clamp(13px, 3.75vw, 15px) !important;
    font-weight: 800 !important;
    background:
      linear-gradient(180deg, rgba(250, 249, 247, 0.54) 0%, rgba(245, 243, 239, 0.32) 58%, rgba(236, 234, 229, 0.22) 100%),
      rgba(250, 249, 247, 0.28) !important;
  }

  .liquid-minimal .hero-actions .button.ghost::before {
    background:
      linear-gradient(96deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.07) 34%, rgba(204, 239, 255, 0.10) 58%, rgba(255, 255, 255, 0.24)),
      radial-gradient(ellipse at 20% 18%, rgba(255, 255, 255, 0.48), transparent 44%) !important;
  }
}

/* Mobile universal tap affordance v20260622.
   All tappable UI should feel physical and must suppress browser blue tap
   highlights, including header controls, footer social/legal links, FAQ rows,
   quote actions, price pills, and dialog controls. */
@media (max-width: 680px) {
  .liquid-minimal :where(
    a[href],
    button,
    summary,
    [role="button"],
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  ) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    tap-highlight-color: transparent !important;
    outline-color: transparent !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    touch-action: manipulation !important;
    transform-origin: center center !important;
    translate: 0 0 !important;
    scale: 1 !important;
    transition-property: translate, scale, transform, filter, box-shadow, background-color, border-color, color, opacity !important;
    transition-duration: 160ms !important;
    transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  }

  .liquid-minimal :where(
    a[href],
    button,
    summary,
    [role="button"],
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  ):active,
  .liquid-minimal :where(
    a[href],
    button,
    summary,
    [role="button"],
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  ).is-pressing {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    tap-highlight-color: transparent !important;
    outline: 0 !important;
    outline-color: transparent !important;
    translate: 0 2px !important;
    scale: 0.972 !important;
    filter: brightness(0.985) saturate(1.03) !important;
    transition-duration: 90ms !important;
  }

  .liquid-minimal :where(
    a[href],
    button,
    summary,
    [role="button"],
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  ):focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    tap-highlight-color: transparent !important;
  }

  .liquid-minimal :where(
    a[href],
    button,
    summary,
    [role="button"],
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  ):focus:not(:focus-visible) {
    outline: 0 !important;
  }

  .liquid-minimal :where(
    a[href],
    button,
    summary,
    [role="button"],
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  ):focus-visible {
    outline: 2px solid rgba(177, 125, 30, 0.72) !important;
    outline-offset: 3px !important;
  }

  .liquid-minimal #faq .faq-grid details summary.is-pressing {
    translate: 0 2px !important;
    scale: 0.972 !important;
    filter: brightness(0.985) saturate(1.03) !important;
    transition-duration: 90ms !important;
  }
}

@media (max-width: 680px) and (prefers-reduced-motion: reduce) {
  .liquid-minimal :where(
    a[href],
    button,
    summary,
    [role="button"],
    #services .price-list li,
    #keep .price-list li,
    #qa .tier-card > b
  ) {
    transition-duration: 0s !important;
  }
}

body.liquid-minimal.faq-js-motion #faq .faq-grid details.faq-animating {
  overflow: hidden !important;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Pika Keep desktop width alignment v20260621.
   Match the header panel to the section/card grid width instead of letting
   the internal three-column grid shrink to its content. */
@media (min-width: 901px) {
  .liquid-minimal #keep.keep-section > .section-head.keep-head,
  html[dir="ltr"] .liquid-minimal #keep.keep-section > .section-head.keep-head,
  html[dir="rtl"] .liquid-minimal #keep.keep-section > .section-head.keep-head {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    justify-self: stretch !important;
    grid-template-columns: minmax(260px, 1fr) minmax(280px, 0.82fr) minmax(260px, 0.9fr) !important;
  }

  html[dir="ltr"] .liquid-minimal #keep.keep-section > .section-head.keep-head {
    grid-template-columns: minmax(360px, 1.12fr) minmax(280px, 0.82fr) minmax(240px, 0.86fr) !important;
  }
}

/* New Cairo desktop radius lock v20260621.
   Keep the hero image/overlays exactly inside the rounded outer plate so
   all four corners read consistently on desktop. */
@media (min-width: 901px) {
  .liquid-minimal #areas .areas-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: var(--pika-final-panel-radius, 26px) !important;
    isolation: isolate !important;
    clip-path: inset(0 round var(--pika-final-panel-radius, 26px)) !important;
  }

  .liquid-minimal #areas .areas-hero .area-visual,
  .liquid-minimal #areas .areas-hero .areas-visual-gradient,
  .liquid-minimal #areas .areas-hero::before,
  .liquid-minimal #areas .areas-hero::after {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
  }

  .liquid-minimal #areas .areas-hero .area-visual {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    margin: 0 !important;
  }
}

@media (max-width: 680px) {
  body.liquid-minimal.hero-past:not(.quote-visible):has(.faq-section:hover) .wa-fab {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
  }

  body.liquid-minimal.quote-visible .wa-fab,
  body.liquid-minimal.quote-visible:has(.faq-section:hover) .wa-fab,
  body.liquid-minimal:has(.booking-section:focus-within) .wa-fab {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(-112px, 0, 0) scale(0.82) rotate(-6deg) !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-minimal #faq .faq-grid details[open] > p {
    animation: none !important;
    clip-path: none !important;
    transform: none !important;
  }
}

/* Mobile WA FAB hard-hide v20260622.
   The fixed WhatsApp FAB used to sit over the hero with opacity: 0 only.
   Some mobile browsers still composited its image during viewport/scroll
   transitions, creating a faint duplicate next to the hero CTA. Hidden states
   now remove the image layer and dimensions; visible state restores them only
   after the hero has been left. */
@media (max-width: 680px) {
  body.liquid-minimal:not(.hero-past) .wa-fab.whatsapp-cta,
  body.liquid-minimal.quote-visible .wa-fab.whatsapp-cta,
  body.liquid-minimal:has(.booking-section:focus-within) .wa-fab.whatsapp-cta {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translate3d(-120px, 0, 0) scale(0.64) rotate(-6deg) !important;
    transition: none !important;
  }

  body.liquid-minimal.hero-past:not(.quote-visible) .wa-fab.whatsapp-cta {
    display: grid !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background-image: url("./assets/whatsapp-clean-square.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
    transition:
      opacity 0.18s ease,
      transform 0.52s cubic-bezier(0.18, 1.14, 0.24, 1) !important;
  }
}

/* Pika Proof single-frame lock v20260622.
   The section already owns the visible outer edge. A legacy inset ::after
   painted a second white border four pixels inside it on desktop. */
.liquid-minimal #proof.proof-system-section.proof-showcase-section::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Section-label pill scale lock v20260622.
   Legacy section-specific rules stretched Reviews/New Cairo labels and
   enlarged Proof/Intro typography. All eyebrow labels now share one compact
   content-sized metric system while retaining their existing material. */
body.liquid-minimal .section-mark,
html[dir="rtl"] body.liquid-minimal .intro-section .section-mark,
html[dir="rtl"] body.liquid-minimal .proof-showcase-title .section-mark,
html[dir="rtl"] body.liquid-minimal .reviews-section .section-head .section-mark,
html[dir="rtl"] body.liquid-minimal .glass-access-card .section-mark,
html[dir="ltr"] body.liquid-minimal .intro-section .section-mark,
html[dir="ltr"] body.liquid-minimal .proof-showcase-title .section-mark,
html[dir="ltr"] body.liquid-minimal .reviews-section .section-head .section-mark,
html[dir="ltr"] body.liquid-minimal .glass-access-card .section-mark {
  display: inline-flex !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0.48rem 0.9rem !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* RTL section-label alignment lock v20260622.
   justify-self does not move labels whose parent is a flex container. A
   physical auto left margin consistently anchors Arabic labels to the right
   in both grid and flex section headings. */
html[dir="rtl"] body.liquid-minimal .section-mark {
  display: flex !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Desktop RTL hero-line alignment v20260624.
   Keep the kicker in the same hero text column as the headline, then right-align
   the text within that column. This places it directly above the title instead
   of over the mascot side of the image. */
@media (min-width: 681px) {
  html[dir="rtl"] body.liquid-minimal .hero-content > .hero-line {
    width: fit-content !important;
    max-width: min(575px, 100%) !important;
    margin-left: auto !important;
    margin-right: calc(100% - min(575px, 100%) - 54px) !important;
    text-align: right !important;
  }
}

/* Mobile card choreography compositor bridge v20260621.
   The LP carries old protection rules with opacity/transform/filter !important.
   Mobile scroll choreography therefore drives CSS variables and resolves them
   here with equal cascade strength, without changing card color or shadows. */
@media (max-width: 768px) {
  body.liquid-minimal.mobile-card-motion-ready :where(
    #services .service-card,
    #keep .keep-card,
    #qa .tier-card,
    .reviews-section .review-card,
    #areas .area-process > div,
    #faq .faq-grid details,
    .proof-showcase-title,
    .proof-showcase-details,
    .booking-panel,
    .booking-form
  ) {
    opacity: var(--pika-card-opacity, 1) !important;
    transform:
      perspective(900px)
      translate3d(var(--pika-card-x, 0px), var(--pika-card-y, 0px), 0)
      translateY(var(--pika-card-y-percent, 0%))
      rotate(var(--pika-card-rotation-z, 0deg))
      rotateX(var(--pika-card-rotation-x, 0deg))
      scale(var(--pika-card-scale, 1)) !important;
    transform-origin: 50% 78% !important;
    filter: blur(var(--pika-card-blur, 0px)) !important;
    backface-visibility: hidden !important;
    will-change: transform, opacity, filter !important;
  }

  body.liquid-minimal.mobile-card-motion-ready #services .service-card,
  body.liquid-minimal.mobile-card-motion-ready #keep .keep-card,
  body.liquid-minimal.mobile-card-motion-ready #qa .tier-card,
  body.liquid-minimal.mobile-card-motion-ready .reviews-section .review-card,
  body.liquid-minimal.mobile-card-motion-ready #areas .area-process > div,
  body.liquid-minimal.mobile-card-motion-ready #faq .faq-grid details,
  body.liquid-minimal.mobile-card-motion-ready .proof-showcase-title,
  body.liquid-minimal.mobile-card-motion-ready .proof-showcase-details,
  body.liquid-minimal.mobile-card-motion-ready .booking-panel,
  body.liquid-minimal.mobile-card-motion-ready .booking-form {
    opacity: var(--pika-card-opacity, 1) !important;
    filter: blur(var(--pika-card-blur, 0px)) !important;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  body.liquid-minimal.mobile-card-motion-ready :where(
    #services .service-card,
    #keep .keep-card,
    #qa .tier-card,
    .reviews-section .review-card,
    #areas .area-process > div,
    #faq .faq-grid details,
    .proof-showcase-title,
    .proof-showcase-details,
    .booking-panel,
    .booking-form
  ) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
  }
}

/* Mobile copy space utilization v20260621.
   The proof headline card and Pika Keep intro were leaving large unused
   columns on mobile. These overrides keep the same visual system while
   letting the copy occupy the available card width. */
@media (max-width: 680px) {
  .liquid-minimal #proof .proof-showcase-title,
  html[dir="rtl"] .liquid-minimal #proof .proof-showcase-title,
  html[dir="ltr"] .liquid-minimal #proof .proof-showcase-title {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    justify-self: center !important;
    margin: 0 auto !important;
    padding: 18px 16px 20px !important;
    text-align: center !important;
  }

  .liquid-minimal #proof .proof-showcase-title h2,
  html[dir="rtl"] .liquid-minimal #proof .proof-showcase-title h2,
  html[dir="ltr"] .liquid-minimal #proof .proof-showcase-title h2 {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(25px, 6.8vw, 30px) !important;
    line-height: 1.16 !important;
    text-wrap: balance !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head,
  html[dir="rtl"] .liquid-minimal .keep-section > .section-head.keep-head,
  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head {
    position: relative !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "keep-title"
      "keep-copy" !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 30px 22px 30px !important;
    overflow: hidden !important;
  }

  .liquid-minimal .keep-section > .section-head.keep-head > p,
  html[dir="rtl"] .liquid-minimal .keep-section > .section-head.keep-head > p,
  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > p {
    grid-area: keep-copy !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 152px !important;
    margin: 0 !important;
    font-size: clamp(14px, 3.7vw, 15px) !important;
    line-height: 1.48 !important;
  }

  html[dir="rtl"] .liquid-minimal .keep-section > .section-head.keep-head > p,
  .liquid-minimal .keep-section > .section-head.keep-head > p {
    padding-left: clamp(104px, 30vw, 118px) !important;
    padding-right: 0 !important;
    text-align: right !important;
  }

  html[dir="ltr"] .liquid-minimal .keep-section > .section-head.keep-head > p {
    padding-left: 0 !important;
    padding-right: clamp(104px, 30vw, 118px) !important;
    text-align: left !important;
  }

  .liquid-minimal .keep-head-video,
  html[dir="rtl"] .liquid-minimal .keep-head-video,
  html[dir="ltr"] .liquid-minimal .keep-head-video {
    position: absolute !important;
    z-index: 2 !important;
    width: clamp(112px, 31vw, 126px) !important;
    bottom: 34px !important;
    border-radius: 24px !important;
    opacity: 0.98 !important;
  }

  html[dir="rtl"] .liquid-minimal .keep-head-video,
  .liquid-minimal .keep-head-video {
    left: 20px !important;
    right: auto !important;
  }

  html[dir="ltr"] .liquid-minimal .keep-head-video {
    left: auto !important;
    right: 20px !important;
  }
}

/* Quality check desktop image crop v20260621.
   The source artwork includes a baked-in white blur at the lower edge.
   Crop that part out on desktop instead of adding any CSS blur/mask. */
@media (min-width: 901px) {
  .liquid-minimal #qa .qa-visual {
    overflow: hidden !important;
  }

  .liquid-minimal #qa .qa-visual img {
    object-position: center 24% !important;
    transform: scale(1.18) !important;
    transform-origin: 50% 18% !important;
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}

/* FAQ accordion interaction v20260621.
   Keep only the selected answer visually open and prevent CSS grid row
   stretching from making the neighboring question look expanded. */
.liquid-minimal #faq .faq-grid {
  align-items: start !important;
}

.liquid-minimal #faq .faq-grid details {
  align-self: start !important;
}

.liquid-minimal #faq .faq-grid details > p {
  transform-origin: top center !important;
  max-height: 0;
  overflow: hidden !important;
  will-change: max-height, transform, opacity, clip-path, filter;
}

.liquid-minimal #faq .faq-grid details[open] > p {
  animation: pika-faq-answer-slide 560ms cubic-bezier(0.16, 0.88, 0.18, 1) 70ms both !important;
}

body.liquid-minimal.faq-js-motion #faq .faq-grid details[open] > p {
  animation: none !important;
  max-height: none !important;
  overflow: visible !important;
}

body.liquid-minimal.faq-js-motion #faq .faq-grid details.faq-animating > p {
  animation: none !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* Premium pill elevation lock v20260625-eof.
   Must stay after all legacy overrides. Restores crisp, visible shadow-line
   treatment across non-CTA information pills. */
.liquid-minimal :where(
  .section-mark,
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .area-pills span,
  .assessment-list li,
  .service-assessment-line
) {
  border: 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.92)),
    rgba(255, 255, 255, 0.9) !important;
  box-shadow:
    0 0 0 1px rgba(31, 38, 46, 0.34),
    0 0 0 3px rgba(255, 255, 255, 0.5),
    0 14px 24px rgba(20, 25, 31, 0.16),
    0 5px 10px rgba(20, 25, 31, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(51, 58, 66, 0.14),
    inset 1px 0 0 rgba(255, 255, 255, 0.72),
    inset -1px 0 0 rgba(126, 132, 140, 0.1) !important;
  overflow: visible !important;
}

.liquid-minimal :where(
  .section-mark,
  .keep-cadence,
  .tier-label,
  .service-trust-badges span,
  .proof-showcase-actions span,
  .area-pills span,
  .assessment-list b,
  .service-assessment-line
) {
  position: relative !important;
  z-index: 1 !important;
}

.liquid-minimal .assessment-list li {
  min-height: 44px !important;
}

/* Basic package card density lock v20260625.
   The visual-card version no longer needs the old price-card vertical reserve.
   Keep the cards equal, compact, and pin the assessment pill to a consistent
   baseline so the row reads as one premium set. */
.liquid-minimal #services .service-card {
  grid-template-rows:
    clamp(140px, 9.7vw, 170px)
    4.65em
    4.75em
    auto !important;
  gap: clamp(8px, 0.68vw, 11px) !important;
  min-height: clamp(390px, 25vw, 452px) !important;
  padding: clamp(16px, 1.25vw, 20px) !important;
}

.liquid-minimal #services .service-visual {
  height: 100% !important;
  margin: 0 !important;
}

.liquid-minimal #services .service-card h3 {
  align-self: end !important;
  margin: 0 !important;
}

.liquid-minimal #services .service-card > p:not(.service-assessment-line) {
  min-height: 0 !important;
  max-width: 92% !important;
}

.liquid-minimal #services .service-assessment-line {
  align-self: end !important;
  width: 100% !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

@media (min-width: 901px) {
  .liquid-minimal #services .service-grid {
    align-items: start !important;
  }
}

@media (max-width: 900px) {
  .liquid-minimal #services .service-card {
    grid-template-rows: auto auto auto auto !important;
    min-height: 0 !important;
    gap: 10px !important;
  }

  .liquid-minimal #services .service-assessment-line {
    min-height: 0 !important;
  }
}

/* Traditional inkan system v20260625.
   Vermilion hand-stamped blocks with white one-character marks, matching a
   Japanese ichimonji-in reference. No drop shadow on the stamp itself; the
   impact comes from size, ink density, and rough pressed edges. */
body.liquid-minimal .trust-strip .trust-icon,
body.liquid-minimal #services .service-visual > .service-symbol,
body.liquid-minimal #assessment .assessment-seal,
body.liquid-minimal #keep .keep-hanko {
  --pika-hanko-size: 56px;
  --pika-hanko-ink: #e60021;
  --pika-hanko-ink-dark: #a80016;
  --pika-hanko-paper: #fff;
  --pika-hanko-y: 0px;
  --pika-hanko-scale: 1;
  --pika-hanko-rotate: -2.4deg;
  position: relative !important;
  isolation: isolate !important;
  display: inline-grid !important;
  width: var(--pika-hanko-size) !important;
  height: var(--pika-hanko-size) !important;
  min-width: var(--pika-hanko-size) !important;
  min-height: var(--pika-hanko-size) !important;
  place-items: center !important;
  border-radius: 7px 5px 8px 6px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.18) 0 1px, transparent 2px 15px),
    radial-gradient(circle at 82% 20%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px 12px),
    radial-gradient(circle at 72% 84%, rgba(255, 255, 255, 0.16) 0 1px, transparent 2px 14px),
    repeating-linear-gradient(83deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 7px),
    linear-gradient(135deg, #f20824 0%, var(--pika-hanko-ink) 46%, var(--pika-hanko-ink-dark) 100%) !important;
  color: var(--pika-hanko-paper) !important;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", serif !important;
  font-size: calc(var(--pika-hanko-size) * 0.62) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: -0.14em !important;
  text-indent: -0.07em !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0.2px rgba(255, 255, 255, 0.42) !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: var(--pika-hanko-opacity, 1) !important;
  transform: translate3d(0, var(--pika-hanko-y), 0) rotate(var(--pika-hanko-rotate)) scale(var(--pika-hanko-scale)) !important;
  clip-path: polygon(4% 1%, 95% 3%, 99% 9%, 97% 95%, 91% 99%, 5% 97%, 1% 91%, 3% 7%) !important;
  overflow: hidden !important;
}

body.liquid-minimal .trust-strip .trust-icon::before,
body.liquid-minimal #services .service-visual > .service-symbol::before,
body.liquid-minimal #assessment .assessment-seal::before,
body.liquid-minimal #keep .keep-hanko::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  z-index: -1 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
  border-radius: 4px 3px 5px 3px !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.10) 0 1px, transparent 2px 12px),
    radial-gradient(circle at 80% 58%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px 10px),
    transparent !important;
  opacity: 1 !important;
  transform: rotate(0.8deg) !important;
  box-shadow: none !important;
}

body.liquid-minimal .trust-strip .trust-icon::after,
body.liquid-minimal #services .service-visual > .service-symbol::after,
body.liquid-minimal #assessment .assessment-seal::after,
body.liquid-minimal #keep .keep-hanko::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 4% 24%, rgba(255, 255, 255, 0.78) 0 1px, transparent 2px 10px),
    radial-gradient(circle at 96% 18%, rgba(255, 255, 255, 0.58) 0 1px, transparent 2px 11px),
    radial-gradient(circle at 72% 96%, rgba(255, 255, 255, 0.46) 0 1px, transparent 2px 10px),
    radial-gradient(circle at 28% 88%, rgba(168, 0, 22, 0.22) 0 1px, transparent 2px 12px),
    repeating-linear-gradient(92deg, transparent 0 5px, rgba(255, 255, 255, 0.07) 5px 6px, transparent 6px 11px) !important;
  mix-blend-mode: normal !important;
  opacity: 0.56 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.liquid-minimal [data-hanko] {
  background-color: transparent !important;
  background-image: var(--pika-hanko-image) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  clip-path: none !important;
  overflow: visible !important;
}

body.liquid-minimal [data-hanko]::before,
body.liquid-minimal [data-hanko]::after {
  content: none !important;
  display: none !important;
}

body.liquid-minimal [data-hanko="ichi"] { --pika-hanko-image: url("./assets/hanko/inkan-ichi.png"); }
body.liquid-minimal [data-hanko="ni"] { --pika-hanko-image: url("./assets/hanko/inkan-ni.png"); }
body.liquid-minimal [data-hanko="san"] { --pika-hanko-image: url("./assets/hanko/inkan-san.png"); }
body.liquid-minimal [data-hanko="sa"] { --pika-hanko-image: url("./assets/hanko/inkan-sa.png"); }
body.liquid-minimal [data-hanko="ma"] { --pika-hanko-image: url("./assets/hanko/inkan-ma.png"); }
body.liquid-minimal [data-hanko="men"] { --pika-hanko-image: url("./assets/hanko/inkan-men.png"); }
body.liquid-minimal [data-hanko="jin"] { --pika-hanko-image: url("./assets/hanko/inkan-jin.png"); }
body.liquid-minimal [data-hanko="mon"] { --pika-hanko-image: url("./assets/hanko/inkan-mon.png"); }
body.liquid-minimal [data-hanko="ki"] { --pika-hanko-image: url("./assets/hanko/inkan-ki.png"); }
body.liquid-minimal [data-hanko="sho"] { --pika-hanko-image: url("./assets/hanko/inkan-sho.png"); }
body.liquid-minimal [data-hanko="tsuki"] { --pika-hanko-image: url("./assets/hanko/inkan-tsuki.png"); }
body.liquid-minimal [data-hanko="kaku"] { --pika-hanko-image: url("./assets/hanko/inkan-kaku.png"); }
body.liquid-minimal [data-hanko="shu"] { --pika-hanko-image: url("./assets/hanko/inkan-shu.png"); }

body.liquid-minimal .trust-strip .trust-icon[data-hanko],
body.liquid-minimal #assessment .assessment-seal[data-hanko],
body.liquid-minimal #keep .keep-hanko[data-hanko] {
  background: var(--pika-hanko-image) center / contain no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  clip-path: none !important;
  overflow: visible !important;
}

body.liquid-minimal .trust-strip .trust-icon[data-hanko] {
  --pika-hanko-size: clamp(50px, 3.6vw, 58px);
}

body.liquid-minimal #assessment .assessment-seal[data-hanko] {
  --pika-hanko-size: clamp(56px, 3.7vw, 66px);
}

body.liquid-minimal #keep .keep-hanko[data-hanko] {
  --pika-hanko-size: clamp(44px, 3.2vw, 54px);
}

body.liquid-minimal .trust-strip .trust-icon[data-hanko]::before,
body.liquid-minimal .trust-strip .trust-icon[data-hanko]::after,
body.liquid-minimal #assessment .assessment-seal[data-hanko]::before,
body.liquid-minimal #assessment .assessment-seal[data-hanko]::after,
body.liquid-minimal #keep .keep-hanko[data-hanko]::before,
body.liquid-minimal #keep .keep-hanko[data-hanko]::after {
  content: none !important;
  display: none !important;
}

.liquid-minimal .trust-strip .trust-icon {
  --pika-hanko-size: clamp(72px, 5.4vw, 92px);
  margin: 0 auto 12px !important;
}

@media (min-width: 681px) {
  body.liquid-minimal .trust-strip {
    padding: 20px 0 22px !important;
  }

  body.liquid-minimal .trust-strip > div {
    min-height: clamp(168px, 11.4vw, 190px) !important;
    padding: 18px 18px 16px !important;
    display: grid !important;
    grid-template-rows: auto auto auto !important;
    align-content: center !important;
    justify-items: center !important;
    row-gap: 7px !important;
    text-align: center !important;
  }

  body.liquid-minimal .trust-strip b {
    margin: 0 !important;
    font-size: clamp(20px, 1.55vw, 26px) !important;
    line-height: 1.05 !important;
  }

  body.liquid-minimal .trust-strip p {
    margin: 0 !important;
    max-width: 360px !important;
    font-size: clamp(13px, 1vw, 16px) !important;
    line-height: 1.28 !important;
  }
}

@media (max-width: 680px) {
  body.liquid-minimal .trust-strip {
    padding: 14px 0 16px !important;
  }

  body.liquid-minimal .trust-strip > div {
    min-height: 164px !important;
    padding: 12px 6px 12px !important;
    display: grid !important;
    grid-template-rows: auto auto auto !important;
    align-content: start !important;
    justify-items: center !important;
    row-gap: 6px !important;
    text-align: center !important;
  }

  body.liquid-minimal .trust-strip .trust-icon {
    --pika-hanko-size: clamp(38px, 10.8vw, 46px);
    margin: 0 auto 3px !important;
  }

  body.liquid-minimal .trust-strip .trust-icon[data-hanko] {
    --pika-hanko-size: clamp(38px, 10.8vw, 46px);
  }

  body.liquid-minimal .trust-strip b {
    margin: 0 !important;
    font-size: clamp(14px, 4.1vw, 17px) !important;
    line-height: 1.08 !important;
  }

  body.liquid-minimal .trust-strip p {
    margin: 0 !important;
    font-size: clamp(11px, 3.35vw, 13px) !important;
    line-height: 1.22 !important;
  }
}

.liquid-minimal #services .service-visual > .service-symbol {
  --pika-hanko-size: clamp(48px, 3.85vw, 62px);
  inset-block-start: 10px !important;
  inset-inline-start: 10px !important;
  z-index: 5 !important;
}

body.liquid-minimal .assessment-seal {
  --pika-hanko-size: 50px;
  margin: 0 !important;
}

body.liquid-minimal .assessment-stamp {
  border-radius: 9px !important;
  border-color: rgba(230, 0, 33, 0.74) !important;
  color: rgba(230, 0, 33, 0.96) !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(230, 0, 33, 0.075) 0 1px, transparent 2px 12px),
    rgba(255, 252, 247, 0.92) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

.liquid-minimal #keep .keep-card {
  grid-template-rows: auto auto minmax(4.9em, auto) auto !important;
  gap: clamp(12px, 1vw, 16px) !important;
  min-height: clamp(318px, 23vw, 375px) !important;
  padding-block-end: clamp(24px, 1.8vw, 32px) !important;
  overflow: hidden !important;
}

.liquid-minimal #keep .keep-hanko {
  --pika-hanko-size: clamp(56px, 4.2vw, 70px);
  position: absolute !important;
  inset-block-start: clamp(4px, 0.6vw, 10px) !important;
  inset-inline-end: clamp(20px, 1.5vw, 28px) !important;
  z-index: 3 !important;
  opacity: var(--pika-hanko-opacity, 0.96) !important;
}

.liquid-minimal #keep .keep-card h3,
.liquid-minimal #keep .keep-card > p {
  max-width: calc(100% - clamp(72px, 5.2vw, 92px)) !important;
}

.liquid-minimal #keep .keep-rhythm {
  position: relative !important;
  z-index: 2 !important;
  align-self: end !important;
  display: grid !important;
  gap: 12px !important;
  margin-top: clamp(4px, 0.8vw, 12px) !important;
  padding: clamp(14px, 1.2vw, 18px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0) 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 246, 239, 0.82)) !important;
  box-shadow:
    0 0 0 1px rgba(31, 38, 46, 0.26),
    0 0 0 3px rgba(255, 255, 255, 0.42),
    0 16px 26px rgba(20, 25, 31, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(51, 58, 66, 0.10) !important;
}

.liquid-minimal #keep .keep-rhythm-track {
  position: relative !important;
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 10px !important;
}

.liquid-minimal #keep .keep-rhythm-track::before {
  content: "" !important;
  position: absolute !important;
  inset-inline: 16px !important;
  top: 50% !important;
  height: 2px !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(156, 22, 16, 0.16), rgba(182, 135, 38, 0.34), rgba(156, 22, 16, 0.16)) !important;
}

.liquid-minimal #keep .keep-rhythm-track i {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 auto !important;
  place-items: center !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 36% 28%, #fff 0 24%, #f3eee5 72%, #d8cfbf 100%) !important;
  box-shadow:
    0 7px 12px rgba(6, 31, 63, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(65, 72, 80, 0.12) !important;
}

.liquid-minimal #keep .keep-rhythm-track i::after {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: rgba(6, 31, 63, 0.22) !important;
}

.liquid-minimal #keep .keep-rhythm-track i.is-active {
  border: 1px solid rgba(156, 22, 16, 0.42) !important;
  background:
    radial-gradient(circle at 38% 28%, #fff5ee 0 24%, #d83a2a 66%, #8f130e 100%) !important;
  box-shadow:
    0 9px 15px rgba(98, 21, 16, 0.19),
    0 0 0 4px rgba(255, 255, 255, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -2px 4px rgba(67, 9, 6, 0.24) !important;
}

.liquid-minimal #keep .keep-rhythm-track i.is-active::after {
  content: "✓" !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: #fff9f2 !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-shadow: 0 1px 2px rgba(83, 10, 6, 0.36) !important;
}

.liquid-minimal #keep .keep-rhythm-copy {
  display: grid !important;
  gap: 4px !important;
  text-align: center !important;
}

.liquid-minimal #keep .keep-rhythm-copy b {
  color: #061f3f !important;
  font-size: clamp(17px, 1.12vw, 21px) !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
}

.liquid-minimal #keep .keep-rhythm-copy span {
  color: rgba(6, 31, 63, 0.62) !important;
  font-size: clamp(12.5px, 0.84vw, 15px) !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

.liquid-minimal #keep .keep-card.silver .keep-rhythm,
.liquid-minimal #keep .keep-card.featured .keep-rhythm {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0) 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(242, 239, 231, 0.88)) !important;
}

.liquid-minimal #keep .keep-card.silver .keep-rhythm-copy b,
.liquid-minimal #keep .keep-card.featured .keep-rhythm-copy b {
  color: #061f3f !important;
}

.liquid-minimal #keep .keep-card.silver .keep-rhythm-copy span,
.liquid-minimal #keep .keep-card.featured .keep-rhythm-copy span {
  color: rgba(6, 31, 63, 0.64) !important;
}

@media (max-width: 680px) {
  .liquid-minimal #keep .keep-card {
    min-height: 0 !important;
    padding-inline: 24px !important;
  }

  .liquid-minimal #keep .keep-hanko {
    --pika-hanko-size: 42px;
    inset-block-start: 8px !important;
    inset-inline-end: 18px !important;
  }

  body.liquid-minimal #keep .keep-hanko[data-hanko] {
    --pika-hanko-size: 42px;
  }

  .liquid-minimal #keep .keep-card h3,
  .liquid-minimal #keep .keep-card > p {
    max-width: calc(100% - 62px) !important;
  }
}

/* Package stamps removed + Keep plan title alignment v20260625.
   Service cards already have image-led identifiers, so the extra seal competes
   with the visual. Keep plan seals now sit in the same text row as each title,
   not as floating badges. */
body.liquid-minimal #services .service-visual > .service-symbol {
  display: none !important;
}

.liquid-minimal #services .service-assessment-line {
  padding-inline: 14px !important;
}

html[dir="rtl"] .liquid-minimal #services .service-assessment-line {
  padding-inline: 14px !important;
}

.liquid-minimal #keep .keep-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(10px, 0.9vw, 14px) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.liquid-minimal #keep .keep-title-row h3 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.liquid-minimal #keep .keep-hanko,
body.liquid-minimal #keep .keep-hanko[data-hanko] {
  --pika-hanko-size: clamp(38px, 2.8vw, 48px);
  position: relative !important;
  inset: auto !important;
  flex: 0 0 var(--pika-hanko-size) !important;
  align-self: center !important;
  margin: 0 !important;
}

.liquid-minimal #keep .keep-card h3,
.liquid-minimal #keep .keep-card > p {
  max-width: 100% !important;
}

@media (max-width: 680px) {
  .liquid-minimal #keep .keep-title-row {
    gap: 10px !important;
  }

  .liquid-minimal #keep .keep-hanko,
  body.liquid-minimal #keep .keep-hanko[data-hanko] {
    --pika-hanko-size: 38px;
  }
}

/* Hero assessment CTA fit + shine v20260625.
   Keep the button aligned with the header glass style, but make the longer
   assessment copy fit cleanly in both languages. */
.liquid-minimal .hero-actions .button.ghost {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: clamp(238px, 20vw, 340px) !important;
  max-width: min(44vw, 360px) !important;
  width: auto !important;
  min-height: clamp(54px, 4.1vw, 66px) !important;
  padding: clamp(13px, 0.95vw, 17px) clamp(22px, 2vw, 32px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: center !important;
  font-size: clamp(14px, 1.08vw, 18px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
  color: rgba(16, 20, 25, 0.92) !important;
  background:
    linear-gradient(180deg, rgba(250, 249, 247, 0.52) 0%, rgba(245, 243, 239, 0.30) 58%, rgba(236, 234, 229, 0.20) 100%),
    rgba(250, 249, 247, 0.22) !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    0 14px 28px rgba(0, 27, 61, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    inset 0 -1px 0 rgba(0, 27, 61, 0.06) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.10) brightness(1.01) !important;
  backdrop-filter: blur(18px) saturate(1.10) brightness(1.01) !important;
  text-shadow: none !important;
  transition:
    transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background-color 180ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.liquid-minimal .hero-actions .button.ghost::before {
  content: "" !important;
  position: absolute !important;
  inset: -36% auto -36% -50% !important;
  z-index: 0 !important;
  width: 46% !important;
  height: auto !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      105deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.18) 28%,
      rgba(255, 255, 255, 0.88) 50%,
      rgba(199, 231, 255, 0.24) 63%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  opacity: 1 !important;
  transform: none !important;
  margin-left: -70% !important;
  translate: none !important;
  animation: none !important;
  transition: margin-left 820ms cubic-bezier(0.22, 0.8, 0.22, 1) !important;
  pointer-events: none !important;
}

.liquid-minimal .hero-actions .button.ghost::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(ellipse at 24% 14%, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0) 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.36) !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none !important;
}

.liquid-minimal .hero-actions .button.ghost:is(:hover, :focus-visible) {
  color: rgba(12, 22, 34, 0.96) !important;
  filter: brightness(1.035) saturate(1.05) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 18px 34px rgba(0, 27, 61, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(0, 27, 61, 0.07) !important;
}

.liquid-minimal .hero-actions .button.ghost:is(:hover, :focus-visible)::after,
.liquid-minimal .hero-actions .button.ghost:active::after {
  background:
    radial-gradient(ellipse at 46% 0%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.18) 42%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.03)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.50),
    inset 0 0 18px rgba(255, 255, 255, 0.30) !important;
}

.liquid-minimal .hero-actions .button.ghost:is(:hover, :focus-visible)::before,
.liquid-minimal .hero-actions .button.ghost:active::before {
  margin-left: 260% !important;
  animation: none !important;
}

.liquid-minimal .hero-actions .button.ghost:active {
  transform: translateY(1px) scale(0.985) !important;
}

@media (max-width: 680px) {
  .liquid-minimal .hero-actions {
    grid-template-columns: 68px auto !important;
    gap: 10px !important;
    justify-content: start !important;
    align-items: center !important;
  }

  .liquid-minimal .hero-actions .button.ghost {
    grid-column: 2 !important;
    min-width: clamp(156px, 44vw, 196px) !important;
    max-width: min(52vw, 208px) !important;
    min-height: 54px !important;
    padding-inline: clamp(15px, 4.8vw, 22px) !important;
    font-size: clamp(13px, 3.75vw, 15.5px) !important;
    letter-spacing: -0.025em !important;
  }

  html[dir="ltr"] .liquid-minimal .hero-actions .button.ghost {
    min-width: clamp(160px, 46vw, 202px) !important;
    max-width: min(54vw, 214px) !important;
    font-size: clamp(12.5px, 3.45vw, 14.5px) !important;
    letter-spacing: -0.035em !important;
  }
}

/* Basic package image sharpness + edge-only blend v20260625.
   The image itself stays sharp. Only the visual frame carries the soft fade so
   the render melts into the white service card without visible hard borders. */
.liquid-minimal #services .service-visual {
  position: relative !important;
  overflow: hidden !important;
  border-radius: clamp(22px, 1.7vw, 30px) !important;
  background:
    radial-gradient(ellipse at 50% 44%, rgba(255, 255, 255, 0.99) 0 48%, rgba(255, 255, 255, 0.80) 72%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 249, 249, 0.80)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.82),
    inset 0 -22px 36px rgba(255, 255, 255, 0.94),
    0 14px 24px rgba(0, 27, 61, 0.035) !important;
}

.liquid-minimal #services .service-visual img {
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.04) brightness(1.005) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.liquid-minimal #services .service-visual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0) 12%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.60) 8%, rgba(255, 255, 255, 0) 21%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.84) 100%) !important;
}

.liquid-minimal #services .service-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  height: auto !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.78),
    inset 0 0 22px rgba(255, 255, 255, 0.64) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

@media (max-width: 680px) {
  .liquid-minimal #services .service-visual::before {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 11%),
      linear-gradient(0deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.56) 8%, rgba(255, 255, 255, 0) 20%),
      linear-gradient(90deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0) 9%, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 0.80) 100%) !important;
  }
}

/* Concept 2/3 test implementation v20260626.
   Axis: make the LP read as one assessment journey, then use image-led package
   cards as the service catalog. This sits last to override legacy experiments. */
body.liquid-minimal .assessment-journey-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.7vw, 24px) !important;
  align-items: stretch !important;
}

body.liquid-minimal .assessment-journey-step {
  min-height: clamp(220px, 15vw, 270px) !important;
  padding: clamp(18px, 1.45vw, 24px) !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  align-content: start !important;
  gap: 10px !important;
}

body.liquid-minimal .assessment-journey-step .assessment-seal {
  width: clamp(50px, 3.9vw, 68px) !important;
  height: clamp(50px, 3.9vw, 68px) !important;
}

body.liquid-minimal .assessment-journey-step .assessment-number {
  top: clamp(18px, 1.5vw, 24px) !important;
  inset-inline-end: clamp(18px, 1.5vw, 24px) !important;
  font-size: clamp(48px, 4vw, 68px) !important;
  color: rgba(6, 31, 63, 0.18) !important;
}

body.liquid-minimal .assessment-journey-step h3 {
  margin: clamp(10px, 0.8vw, 14px) 0 0 !important;
  font-size: clamp(24px, 1.65vw, 34px) !important;
  letter-spacing: -0.04em !important;
}

body.liquid-minimal .assessment-journey-step p {
  font-size: clamp(14px, 0.92vw, 16px) !important;
  line-height: 1.5 !important;
}

body.liquid-minimal .assessment-journey-step .assessment-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 2px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.liquid-minimal .assessment-result-card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: clamp(88px, 7.6vw, 122px) minmax(0, 1fr);
  gap: clamp(16px, 1.8vw, 28px);
  align-items: center;
  margin-top: clamp(16px, 1.8vw, 26px);
  padding: clamp(16px, 1.55vw, 24px);
  border-radius: clamp(26px, 2.6vw, 38px);
  background:
    radial-gradient(circle at 5% 0%, rgba(255, 255, 255, 0.18), transparent 44%),
    linear-gradient(135deg, rgba(5, 36, 72, 0.98), rgba(13, 58, 102, 0.9));
  color: #fff;
  box-shadow:
    0 24px 48px rgba(5, 36, 72, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  overflow: hidden;
}

body.liquid-minimal .assessment-result-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.12), transparent 42%),
    radial-gradient(circle at 88% 18%, rgba(198, 154, 50, 0.26), transparent 28%);
}

body.liquid-minimal .assessment-result-card img {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 14px 26px rgba(0, 0, 0, 0.12);
}

body.liquid-minimal .assessment-result-card div {
  position: relative;
  z-index: 1;
}

body.liquid-minimal .assessment-result-card h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: clamp(24px, 1.85vw, 36px);
  line-height: 1.03;
  font-weight: 1000;
  letter-spacing: -0.04em;
}

body.liquid-minimal .assessment-result-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(14px, 0.95vw, 17px);
  line-height: 1.48;
  font-weight: 850;
}

body.liquid-minimal #services .service-card {
  grid-template-rows:
    clamp(136px, 9.2vw, 166px)
    minmax(2.35em, auto)
    minmax(4.05em, auto)
    54px !important;
  min-height: clamp(360px, 22.6vw, 424px) !important;
  padding: clamp(15px, 1.1vw, 19px) !important;
  gap: clamp(7px, 0.58vw, 10px) !important;
  border-radius: clamp(24px, 2vw, 34px) !important;
}

body.liquid-minimal #services .service-visual {
  height: 100% !important;
  border-radius: clamp(22px, 1.65vw, 28px) !important;
}

body.liquid-minimal #services .service-card h3 {
  font-size: clamp(24px, 1.55vw, 31px) !important;
  line-height: 1.06 !important;
}

body.liquid-minimal #services .service-card > p:not(.service-assessment-line) {
  max-width: none !important;
  font-size: clamp(13.5px, 0.92vw, 15.5px) !important;
  line-height: 1.48 !important;
}

body.liquid-minimal #services .service-assessment-line {
  min-height: 50px !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  font-size: clamp(12px, 0.78vw, 14px) !important;
}

@media (max-width: 1180px) {
  body.liquid-minimal .assessment-journey-grid {
    grid-template-columns: 1fr !important;
  }

  body.liquid-minimal .assessment-journey-step {
    min-height: 0 !important;
    grid-template-columns: clamp(56px, 8vw, 72px) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 14px !important;
  }

  body.liquid-minimal .assessment-journey-step .assessment-seal {
    grid-row: 1 / span 3;
  }

  body.liquid-minimal .assessment-journey-step h3,
  body.liquid-minimal .assessment-journey-step p,
  body.liquid-minimal .assessment-journey-step .assessment-chips {
    grid-column: 2;
  }
}

@media (max-width: 680px) {
  body.liquid-minimal .assessment-head {
    padding: 24px 20px 22px !important;
  }

  body.liquid-minimal .assessment-head h2 {
    font-size: clamp(30px, 8vw, 39px) !important;
    line-height: 1.08 !important;
  }

  body.liquid-minimal .assessment-panel {
    padding: 12px !important;
  }

  body.liquid-minimal .assessment-flow {
    margin-bottom: 12px !important;
  }

  body.liquid-minimal .assessment-journey-grid {
    gap: 10px !important;
  }

  body.liquid-minimal .assessment-journey-step {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    padding: 14px !important;
    border-radius: 24px !important;
    column-gap: 12px !important;
  }

  body.liquid-minimal .assessment-journey-step .assessment-seal {
    width: 52px !important;
    height: 52px !important;
  }

  body.liquid-minimal .assessment-journey-step .assessment-number {
    font-size: 40px !important;
    top: 14px !important;
    inset-inline-end: 15px !important;
  }

  body.liquid-minimal .assessment-journey-step h3 {
    font-size: 22px !important;
    margin-top: 0 !important;
  }

  body.liquid-minimal .assessment-journey-step p {
    font-size: 13.2px !important;
    line-height: 1.42 !important;
  }

  body.liquid-minimal .assessment-chips span {
    min-height: 28px !important;
    padding: 0.34rem 0.58rem !important;
    font-size: 11px !important;
  }

  body.liquid-minimal .assessment-result-card {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 12px;
    margin-top: 10px;
    padding: 12px;
    border-radius: 24px;
  }

  body.liquid-minimal .assessment-result-card h3 {
    font-size: 22px;
  }

  body.liquid-minimal .assessment-result-card p {
    font-size: 12.5px;
    line-height: 1.38;
  }

  body.liquid-minimal #services .service-card {
    grid-template-columns: minmax(104px, 34%) minmax(0, 1fr) !important;
    grid-template-rows: auto auto 1fr auto !important;
    gap: 8px 12px !important;
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 28px !important;
    align-items: start !important;
  }

  html[dir="rtl"] body.liquid-minimal #services .service-visual {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
  }

  html[dir="ltr"] body.liquid-minimal #services .service-visual {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
  }

  html[dir="rtl"] body.liquid-minimal #services .service-card h3,
  html[dir="rtl"] body.liquid-minimal #services .service-card > p:not(.service-assessment-line),
  html[dir="rtl"] body.liquid-minimal #services .service-assessment-line {
    grid-column: 2 !important;
  }

  html[dir="ltr"] body.liquid-minimal #services .service-card h3,
  html[dir="ltr"] body.liquid-minimal #services .service-card > p:not(.service-assessment-line),
  html[dir="ltr"] body.liquid-minimal #services .service-assessment-line {
    grid-column: 2 !important;
  }

  body.liquid-minimal #services .service-visual {
    width: 100% !important;
    height: clamp(116px, 32vw, 142px) !important;
    min-height: 116px !important;
    align-self: center !important;
  }

  body.liquid-minimal #services .service-card h3 {
    align-self: start !important;
    font-size: clamp(21px, 6.4vw, 28px) !important;
    line-height: 1.02 !important;
  }

  body.liquid-minimal #services .service-card > p:not(.service-assessment-line) {
    font-size: clamp(12.5px, 3.55vw, 14px) !important;
    line-height: 1.36 !important;
  }

  body.liquid-minimal #services .service-assessment-line {
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    font-size: clamp(11px, 3.2vw, 12px) !important;
    line-height: 1.2 !important;
  }
}

/* Mobile Basic Package diorama scale-up.
   The prior mobile layout reserved only a narrow rail for the service images,
   so the dioramas read as thumbnails. This makes the image block a primary
   visual while keeping the service copy and assessment pill aligned. */
@media (max-width: 680px) {
  body.liquid-minimal #services .service-card {
    grid-template-columns: minmax(162px, 47%) minmax(0, 1fr) !important;
    gap: 7px 10px !important;
    padding: 13px 12px !important;
    align-items: center !important;
  }

  body.liquid-minimal #services .service-visual {
    height: clamp(172px, 48vw, 206px) !important;
    min-height: 172px !important;
    padding: 6px !important;
    border-radius: 26px !important;
    align-self: stretch !important;
  }

  body.liquid-minimal #services .service-visual img {
    width: 136% !important;
    height: 136% !important;
    transform: translateY(2px) scale(1.05) !important;
  }

  body.liquid-minimal #services .service-visual--move img {
    width: 150% !important;
    height: 150% !important;
    transform: translateY(4px) scale(1.02) !important;
  }

  body.liquid-minimal #services .service-visual--villa img {
    width: 156% !important;
    height: 156% !important;
    transform: translateY(5px) scale(1.01) !important;
  }

  body.liquid-minimal #services .service-visual--apartment img,
  body.liquid-minimal #services .service-visual--deep img {
    width: 142% !important;
    height: 142% !important;
    transform: translateY(4px) scale(1.03) !important;
  }

  body.liquid-minimal #services .service-card h3 {
    font-size: clamp(20px, 6.1vw, 27px) !important;
  }

  body.liquid-minimal #services .service-card > p:not(.service-assessment-line) {
    font-size: clamp(12px, 3.35vw, 13.6px) !important;
    line-height: 1.33 !important;
  }

  body.liquid-minimal #services .service-assessment-line {
    padding: 7px 10px !important;
    font-size: clamp(10.6px, 3vw, 11.7px) !important;
  }
}

@media (max-width: 380px) {
  body.liquid-minimal #services .service-card {
    grid-template-columns: minmax(150px, 46%) minmax(0, 1fr) !important;
  }

  body.liquid-minimal #services .service-visual {
    height: clamp(160px, 48vw, 188px) !important;
    min-height: 160px !important;
  }
}

/* Assessment result image replacement v20260628.
   The new square PNG is much larger than the old WebP asset, so force the
   media cell to stay square instead of inheriting the image's natural height. */
body.liquid-minimal .assessment-result-card > img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}

/* Corporate office light-touch addition v20260706.
   Keep residential cleaning as the primary LP promise, but make office work
   discoverable as an assessment-based option. */
body.liquid-minimal .corporate-office-note {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(16px, 2vw, 30px);
  margin-top: clamp(18px, 2.1vw, 30px);
  padding: clamp(18px, 2vw, 28px);
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: clamp(24px, 2.1vw, 34px);
  background:
    radial-gradient(circle at 88% 22%, rgba(255, 198, 42, 0.12), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.78));
  box-shadow:
    0 18px 34px rgba(0, 27, 61, 0.10),
    0 2px 0 rgba(255, 255, 255, 0.78) inset;
}

body.liquid-minimal .corporate-office-visual {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1.25 / 1;
  border-radius: clamp(22px, 1.8vw, 30px);
  background: rgba(255, 255, 255, 0.72);
  box-shadow:
    0 18px 32px rgba(0, 27, 61, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.88) inset;
}

body.liquid-minimal .corporate-office-visual::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.82));
  pointer-events: none;
}

body.liquid-minimal .corporate-office-visual img {
  display: block;
  width: 112%;
  height: 112%;
  object-fit: cover;
  object-position: center;
  transform: translate(-4%, -2%);
}

body.liquid-minimal .corporate-office-note h3 {
  margin: 12px 0 8px;
  color: var(--ink);
  font-size: clamp(26px, 2.4vw, 42px);
  line-height: 1.04;
  letter-spacing: -0.04em;
}

body.liquid-minimal .corporate-office-note p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(16px, 1.15vw, 22px);
  font-weight: 800;
  line-height: 1.55;
}

body.liquid-minimal .corporate-office-mark {
  width: fit-content;
}

body.liquid-minimal .corporate-office-cta {
  flex: 0 0 auto;
  min-width: clamp(210px, 18vw, 310px);
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 680px) {
  body.liquid-minimal .corporate-office-note {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 16px;
    margin-top: 16px;
    padding: 18px;
    border-radius: 28px;
  }

  body.liquid-minimal .corporate-office-visual {
    aspect-ratio: 1.42 / 1;
    border-radius: 24px;
  }

  body.liquid-minimal .corporate-office-visual img {
    width: 108%;
    height: 108%;
    transform: translate(-3%, -3%);
  }

  body.liquid-minimal .corporate-office-note h3 {
    font-size: clamp(23px, 7vw, 31px);
  }

  body.liquid-minimal .corporate-office-note p {
    font-size: clamp(13.5px, 3.8vw, 16px);
    line-height: 1.48;
  }

  body.liquid-minimal .corporate-office-cta {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }
}

/* Image no-blur cleanup v20260706.
   The diorama assets already include clean white backgrounds. Do not add
   extra blur, masks, or white fade overlays on top of them. */
body.liquid-minimal #services .service-visual::before,
body.liquid-minimal #services .service-visual::after,
body.liquid-minimal .corporate-office-visual::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

body.liquid-minimal #services .service-visual,
body.liquid-minimal #services .service-visual img,
body.liquid-minimal .corporate-office-visual,
body.liquid-minimal .corporate-office-visual img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: none !important;
}

body.liquid-minimal .corporate-office-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* Basic package diorama vertical crop adjustment v20260706.
   Keep card size, image box size, and existing scale values unchanged. Only
   move the rendered diorama upward so the lower platform is less clipped. */
body.liquid-minimal #services .service-visual img {
  transform: translateY(-8px) scale(1.03) !important;
}

body.liquid-minimal #services .service-visual--move img {
  transform: translateY(-10px) scale(1.02) !important;
}

body.liquid-minimal #services .service-visual--villa img {
  transform: translateY(-12px) scale(1.01) !important;
}

body.liquid-minimal #services .service-visual--apartment img,
body.liquid-minimal #services .service-visual--deep img {
  transform: translateY(-8px) scale(1.03) !important;
}

@media (max-width: 680px) {
  body.liquid-minimal #services .service-visual img {
    transform: translateY(-6px) scale(1.05) !important;
  }

  body.liquid-minimal #services .service-visual--move img {
    transform: translateY(-8px) scale(1.02) !important;
  }

  body.liquid-minimal #services .service-visual--villa img {
    transform: translateY(-9px) scale(1.01) !important;
  }

  body.liquid-minimal #services .service-visual--apartment img,
  body.liquid-minimal #services .service-visual--deep img {
    transform: translateY(-7px) scale(1.03) !important;
  }
}