/* AUTO-GENERATED: Scoped Tailwind utilities for landing page */


@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(28px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes scrollRight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.landing-content .animate-fade-up-1 { animation: fadeUp 0.75s cubic-bezier(0.22,1,0.36,1) 0.05s forwards }
.landing-content .animate-fade-up-2 { animation: fadeUp 0.75s cubic-bezier(0.22,1,0.36,1) 0.15s forwards }
.landing-content .animate-fade-up-3 { animation: fadeUp 0.75s cubic-bezier(0.22,1,0.36,1) 0.25s forwards }
.landing-content .animate-fade-up-4 { animation: fadeUp 0.75s cubic-bezier(0.22,1,0.36,1) 0.35s forwards }
.landing-content .animate-scroll-left { animation: scrollLeft 35s linear infinite }
.landing-content .animate-scroll-right { animation: scrollRight 35s linear infinite }
.landing-content .bg-\[\#0d0d0d\] { background-color: #0d0d0d }
.landing-content .bg-\[\#0f0c08\] { background-color: #0f0c08 }
.landing-content .bg-\[\#1c1c1a\] { background-color: #1c1c1a }
.landing-content .bg-\[\#f0ebe0\] { background-color: #f0ebe0 }
.landing-content .bg-\[\#f0ebe3\] { background-color: #f0ebe3 }
.landing-content .bg-sage { background-color: #8FA382 }
.landing-content .bg-wellth-green { background-color: #7cbb7e }
.landing-content .border-\[\#c8c2b4\] { border-color: #c8c2b4 }
.landing-content .border-\[1\.8px\] { border-width: 1.8px }
.landing-content .border-\[rgba\(15\,12\,8\,0\.40\)\] { border-color: rgba(15,12,8,0.40) }
.landing-content .border-black\/\[0\.07\] { border-color: rgba(0,0,0,0.07) }
.landing-content .border-white\/\[0\.09\] { border-color: rgba(255,255,255,0.09) }
.landing-content .font-dm { font-family: "DM Sans", sans-serif }
.landing-content .font-play { font-family: "Playfair Display", serif }
.landing-content .gap-\[5px\] { gap: 5px }
.landing-content .h-\[9px\] { height: 9px }
.landing-content .leading-\[1\.02\] { line-height: 1.02 }
.landing-content .leading-\[1\.04\] { line-height: 1.04 }
.landing-content .leading-\[1\.0\] { line-height: 1.0 }
.landing-content .leading-\[1\.45\] { line-height: 1.45 }
@media (min-width: 1024px) { .landing-content .lg\:max-w-\[420px\] { max-width: 420px } }
@media (min-width: 1024px) { .landing-content .lg\:max-w-\[480px\] { max-width: 480px } }
@media (min-width: 1024px) { .landing-content .lg\:text-\[3rem\] { font-size: 56px} }
@media (min-width: 1024px) { .landing-content .lg\:w-\[40\%\] { width: 40% } }
.landing-content .max-w-\[1180px\] { max-width: 1180px }
.landing-content .max-w-\[1200px\] { max-width: 1200px }
.landing-content .max-w-\[1280px\] { max-width: 1280px }
.landing-content .max-w-\[1440px\] { max-width: 1440px }
.landing-content .max-w-\[400px\] { max-width: 400px }
.landing-content .max-w-\[460px\] { max-width: 460px }
.landing-content .max-w-\[480px\] { max-width: 480px }
.landing-content .max-w-\[520px\] { max-width: 520px }
.landing-content .max-w-\[560px\] { max-width: 560px }
.landing-content .max-w-\[630px\] { max-width: 630px }
.landing-content .max-w-\[90\%\] { max-width: 90% }
@media (min-width: 768px) { .landing-content .md\:text-\[1\.38rem\] { font-size: 24px} }
@media (min-width: 768px) { .landing-content .md\:text-\[1\.65rem\] { font-size: 32px} }
@media (min-width: 768px) { .landing-content .md\:text-\[3rem\] { font-size: 56px} }
.landing-content .min-h-\[83vh\] { min-height: 83vh }
.landing-content .py-\[11px\] { padding-top: 11px; padding-bottom: 11px }
.landing-content .rounded-\[11px\] { border-radius: 11px }
.landing-content .rounded-\[20px\] { border-radius: 20px }
.landing-content .rounded-t-\[20px\] { border-top-left-radius: 20px; border-top-right-radius: 20px }
.landing-content .shadow-\[0_0_8px_rgba\(122\,140\,94\,0\.7\)\] { box-shadow: 0 0 8px rgba(122,140,94,0.7) }
.landing-content .shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.07\)\] { box-shadow: 0 4px 24px rgba(0,0,0,0.07) }
@media (min-width: 640px) { .landing-content .sm\:gap-\[7px\] { gap: 7px } }
@media (min-width: 640px) { .landing-content .sm\:h-\[200px\] { height: 200px } }
@media (min-width: 640px) { .landing-content .sm\:max-w-\[390px\] { max-width: 390px } }
@media (min-width: 640px) { .landing-content .sm\:max-w-\[600px\] { max-width: 600px } }
@media (min-width: 640px) { .landing-content .sm\:min-w-\[320px\] { min-width: 320px } }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.78rem\] { font-size: 13px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.84rem\] { font-size: 16px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.8rem\] { font-size: 13px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.95rem\] { font-size: 18px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[1\.15rem\] { font-size: 20px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[1\.3rem\] { font-size: 20px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[1\.4rem\] { font-size: 24px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[15px\] { font-size: 18px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[16px\] { font-size: 18px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[2\.4rem\] { font-size: 44px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[3rem\] { font-size: 56px} }
.landing-content .text-\[\#0f0c08\] { color: #0f0c08}
.landing-content .text-\[\#111\] { color: #111}
.landing-content .text-\[\#1a1a17\] { color: #1a1a17}
.landing-content .text-\[\#1a1a1a\] { color: #1a1a1a}
.landing-content .text-\[\#2a2318\] { color: #2a2318}
.landing-content .text-\[\#666\] { color: #666}
.landing-content .text-\[\#888\] { color: #888}
.landing-content .text-\[\#999\] { color: #999}
.landing-content .text-\[\#FFFFFFBF\] { color: #FFFFFFBF}
.landing-content .text-\[\#bbb\] { color: #bbb}
.landing-content .text-\[\#c0bcb5\] { color: #c0bcb5}
.landing-content .text-\[\#dedbd4\] { color: #dedbd4}
.landing-content .text-\[\#ede9e2\] { color: #ede9e2}
.landing-content .text-\[\#f5f2ec\] { color: #f5f2ec}
.landing-content .text-\[0\.65rem\] { font-size: 13px}
.landing-content .text-\[0\.72rem\] { font-size: 13px}
.landing-content .text-\[0\.7rem\] { font-size: 13px}
.landing-content .text-\[0\.85rem\] { font-size: 16px}
.landing-content .text-\[1\.15rem\] { font-size: 20px}
.landing-content .text-\[1\.1rem\] { font-size: 20px}
.landing-content .text-\[11px\] { font-size: 13px}
.landing-content .text-\[12px\] { font-size: 13px}
.landing-content .text-\[13\.5px\] { font-size: 16px}
.landing-content .text-\[13px\] { font-size: 13px}
.landing-content .text-\[14px\] { font-size: 16px}
.landing-content .text-\[15px\] { font-size: 18px}
.landing-content .text-\[18px\] { font-size: 20px}
.landing-content .text-\[1rem\] { font-size: 18px}
.landing-content .text-\[2\.2rem\] { font-size: 44px}
.landing-content .text-\[2\.75rem\] { font-size: 44px}
.landing-content .text-\[20px\] { font-size: 20px}
.landing-content .text-\[28px\] { font-size: 32px}
.landing-content .text-\[2rem\] { font-size: 32px}
.landing-content .text-\[clamp\(1\.6rem\,2\.8vw\,2\.1rem\)\] { font-size: clamp(24px, calc((100vw - 640px) * 1000), 32px)}
.landing-content .text-\[clamp\(3\.8rem\,8vw\,7rem\)\] { font-size: clamp(56px, calc((100vw - 640px) * 1000), 56px)}
.landing-content .text-\[rgba\(15\,12\,8\,0\.78\)\] { color: rgba(15,12,8,0.78)}
.landing-content .text-\[rgba\(20\,12\,6\,0\.6\)\] { color: rgba(20,12,6,0.6)}
.landing-content .text-\[rgba\(20\,12\,6\,0\.9\)\] { color: rgba(20,12,6,0.9)}
.landing-content .text-\[rgba\(20\,15\,8\,0\.90\)\] { color: rgba(20,15,8,0.90)}
.landing-content .text-\[rgba\(20\,16\,10\,0\.6\)\] { color: rgba(20,16,10,0.6)}
.landing-content .text-sage { color: #8FA382 }
.landing-content .tracking-\[-0\.03em\] { }
.landing-content .tracking-\[0\.08em\] { letter-spacing: 0.08em }
.landing-content .tracking-\[0\.22em\] { letter-spacing: 0.22em }
.landing-content .tracking-\[0\.2em\] { letter-spacing: 0.2em }
.landing-content .w-\[3px\] { width: 3px }
.landing-content .w-\[9px\] { width: 9px }
@media (min-width: 1280px) { .landing-content .xl\:h-\[248px\] { height: 248px } }
@media (min-width: 1280px) { .landing-content .xl\:text-\[4rem\] { font-size: 56px} }
@media (min-width: 1280px) { .landing-content .xl\:w-\[400px\] { width: 400px } }
.landing-content .z-\[3\] { z-index: 3 }
.landing-content .z-\[5\] { z-index: 5 }
.landing-content .z-\[8\] { z-index: 8 }
/* Base column count FIRST, responsive overrides after — this rule sat below the @media blocks
   and, having the same specificity, won at every width. Every 'grid-cols-1 md:grid-cols-3' row
   on the landing page was therefore stuck in one column: the symptom cards and the three
   service cards were stacked instead of side by side. */
.landing-content .grid-cols-1 { grid-template-columns: repeat(1, 1fr) }
@media (min-width: 1024px) { .landing-content .lg\:grid-cols-3 { grid-template-columns: repeat(3, 1fr) } }
@media (min-width: 1024px) { .landing-content .lg\:max-w-\[420px\] { max-width: 420px } }
@media (min-width: 1024px) { .landing-content .lg\:max-w-\[480px\] { max-width: 480px } }
@media (min-width: 1024px) { .landing-content .lg\:text-\[3rem\] { font-size: 56px} }
@media (min-width: 1024px) { .landing-content .lg\:w-\[40\%\] { width: 40% } }
@media (min-width: 768px) { .landing-content .md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr) } }
@media (min-width: 768px) { .landing-content .md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr) } }
@media (min-width: 768px) { .landing-content .md\:text-\[1\.38rem\] { font-size: 24px} }
@media (min-width: 768px) { .landing-content .md\:text-\[1\.65rem\] { font-size: 32px} }
@media (min-width: 768px) { .landing-content .md\:text-\[3rem\] { font-size: 56px} }
@media (min-width: 640px) { .landing-content .sm\:col-span-2 { grid-column: span 2 / span 2 } }
@media (min-width: 640px) { .landing-content .sm\:gap-\[7px\] { gap: 7px } }
@media (min-width: 640px) { .landing-content .sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr) } }
@media (min-width: 640px) { .landing-content .sm\:h-\[200px\] { height: 200px } }
@media (min-width: 640px) { .landing-content .sm\:inline { display: inline } }
@media (min-width: 640px) { .landing-content .sm\:max-w-\[390px\] { max-width: 390px } }
@media (min-width: 640px) { .landing-content .sm\:max-w-\[600px\] { max-width: 600px } }
@media (min-width: 640px) { .landing-content .sm\:min-w-\[320px\] { min-width: 320px } }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.78rem\] { font-size: 13px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.84rem\] { font-size: 16px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.8rem\] { font-size: 13px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[0\.95rem\] { font-size: 18px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[1\.15rem\] { font-size: 20px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[1\.3rem\] { font-size: 20px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[1\.4rem\] { font-size: 24px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[15px\] { font-size: 18px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[16px\] { font-size: 18px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[2\.4rem\] { font-size: 44px} }
@media (min-width: 640px) { .landing-content .sm\:text-\[3rem\] { font-size: 56px} }
@media (min-width: 1280px) { .landing-content .xl\:h-\[248px\] { height: 248px } }
@media (min-width: 1280px) { .landing-content .xl\:text-\[4rem\] { font-size: 56px} }
@media (min-width: 1280px) { .landing-content .xl\:w-\[400px\] { width: 400px } }

/* === COMPREHENSIVE UTILITIES FIX === */

.landing-content .flex { display: flex }
.landing-content .flex-col { flex-direction: column }
.landing-content .flex-row { flex-direction: row }
.landing-content .flex-wrap { flex-wrap: wrap }
.landing-content .flex-1 { flex: 1 1 0% }
.landing-content .flex-shrink-0 { flex-shrink: 0 }
.landing-content .grid { display: grid }
.landing-content .hidden { display: none }
.landing-content .block { display: block }
.landing-content .inline { display: inline }
.landing-content .inline-flex { display: inline-flex }
.landing-content .relative { position: relative }
.landing-content .absolute { position: absolute }
.landing-content .sticky { position: sticky }
.landing-content .inset-0 { inset: 0 }
.landing-content .z-0 { z-index: 0 }
.landing-content .z-10 { z-index: 10 }
.landing-content .z-20 { z-index: 20 }
.landing-content .items-start { align-items: flex-start }
.landing-content .items-center { align-items: center }
.landing-content .items-end { align-items: flex-end }
.landing-content .items-stretch { align-items: stretch }
.landing-content .justify-center { justify-content: center }
.landing-content .justify-between { justify-content: space-between }
.landing-content .w-full { width: 100% }
.landing-content .w-auto { width: auto }
.landing-content .w-2 { width: 0.5rem }
.landing-content .w-px { width: 1px }
.landing-content .h-2 { height: 0.5rem }
.landing-content .h-full { height: 100% }
.landing-content .h-auto { height: auto }
.landing-content .min-h-screen { min-height: 100vh }
.landing-content .max-w-4xl { max-width: 56rem }
.landing-content .max-w-5xl { max-width: 64rem }
.landing-content .max-w-6xl { max-width: 72rem }
.landing-content .mx-auto { margin-left: auto; margin-right: auto }
.landing-content .text-center { text-align: center }
.landing-content .text-left { text-align: left }
.landing-content .text-white { color: white }
.landing-content .text-black { color: black }
.landing-content .text-sm { font-size: 16px; line-height: 1.25rem }
.landing-content .text-base { font-size: 18px; line-height: 1.5rem }
.landing-content .text-lg { font-size: 20px; line-height: 1.75rem }
.landing-content .text-xl { font-size: 20px; line-height: 1.75rem }
.landing-content .text-2xl { font-size: 24px; line-height: 2rem }
.landing-content .text-3xl { font-size: 32px; line-height: 2.25rem }
.landing-content .text-4xl { font-size: 44px; line-height: 2.5rem }
.landing-content .text-5xl { font-size: 56px; line-height: 1 }
.landing-content .text-6xl { font-size: 56px; line-height: 1 }
.landing-content .font-light { font-weight: 400 }
.landing-content .font-normal { font-weight: 400 }
.landing-content .font-medium { font-weight: 500 }
.landing-content .font-semibold { font-weight: 500 }
.landing-content .font-bold { font-weight: 500 }
.landing-content .leading-tight { line-height: 1.25 }
.landing-content .leading-relaxed { line-height: 1.625 }
.landing-content .tracking-tight { }
.landing-content .uppercase { text-transform: uppercase }
.landing-content .rounded-full { border-radius: 9999px }
.landing-content .rounded-xl { border-radius: 0.75rem }
.landing-content .rounded-2xl { border-radius: 1rem }
.landing-content .overflow-hidden { overflow: hidden }
.landing-content .overflow-visible { overflow: visible }
.landing-content .object-cover { object-fit: cover }
.landing-content .cursor-pointer { cursor: pointer }
.landing-content .whitespace-nowrap { white-space: nowrap }
.landing-content .pointer-events-none { pointer-events: none }
.landing-content .no-underline { text-decoration: none }
.landing-content .border { border-width: 1px }
.landing-content .opacity-0 { opacity: 0 }
.landing-content .gap-1 { gap: 0.25rem }
.landing-content .gap-2 { gap: 0.5rem }
.landing-content .gap-2\.5 { gap: 0.625rem }
.landing-content .gap-3 { gap: 0.75rem }
.landing-content .gap-4 { gap: 1rem }
.landing-content .gap-5 { gap: 1.25rem }
.landing-content .gap-8 { gap: 2rem }
.landing-content .gap-10 { gap: 2.5rem }
.landing-content .mb-1 { margin-bottom: 0.25rem }
.landing-content .mb-2 { margin-bottom: 0.5rem }
.landing-content .mb-3 { margin-bottom: 0.75rem }
.landing-content .mb-4 { margin-bottom: 1rem }
.landing-content .mb-5 { margin-bottom: 1.25rem }
.landing-content .mb-8 { margin-bottom: 2rem }
.landing-content .mb-10 { margin-bottom: 2.5rem }
.landing-content .mb-12 { margin-bottom: 3rem }
.landing-content .mb-14 { margin-bottom: 3.5rem }
.landing-content .mt-4 { margin-top: 1rem }
.landing-content .mt-8 { margin-top: 2rem }
.landing-content .px-4 { padding-left: 1rem; padding-right: 1rem }
.landing-content .px-5 { padding-left: 1.25rem; padding-right: 1.25rem }
.landing-content .px-6 { padding-left: 1.5rem; padding-right: 1.5rem }
.landing-content .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem }
.landing-content .py-8 { padding-top: 2rem; padding-bottom: 2rem }
.landing-content .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem }
.landing-content .py-20 { padding-top: 5rem; padding-bottom: 5rem }
.landing-content .py-24 { padding-top: 6rem; padding-bottom: 6rem }
.landing-content .pt-12 { padding-top: 3rem }
.landing-content .pt-16 { padding-top: 4rem }
.landing-content .pt-20 { padding-top: 5rem }
.landing-content .pb-8 { padding-bottom: 2rem }
.landing-content .pb-16 { padding-bottom: 4rem }
.landing-content .pb-20 { padding-bottom: 5rem }
@media (min-width: 640px) { .landing-content .sm\:flex-row { flex-direction: row } }
@media (min-width: 640px) { .landing-content .sm\:px-8 { padding-left: 2rem; padding-right: 2rem } }
@media (min-width: 640px) { .landing-content .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } }
@media (min-width: 640px) { .landing-content .sm\:pb-10 { padding-bottom: 2.5rem } }
@media (min-width: 640px) { .landing-content .sm\:pt-16 { padding-top: 4rem } }
@media (min-width: 640px) { .landing-content .sm\:w-auto { width: auto } }
@media (min-width: 640px) { .landing-content .sm\:text-6xl { font-size: 56px; line-height: 1 } }
@media (min-width: 640px) { .landing-content .sm\:text-lg { font-size: 20px; line-height: 1.75rem } }
@media (min-width: 768px) { .landing-content .md\:px-12 { padding-left: 3rem; padding-right: 3rem } }
@media (min-width: 768px) { .landing-content .md\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem } }
@media (min-width: 768px) { .landing-content .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } }
@media (min-width: 768px) { .landing-content .md\:py-28 { padding-top: 7rem; padding-bottom: 7rem } }
@media (min-width: 768px) { .landing-content .md\:pb-14 { padding-bottom: 3.5rem } }
@media (min-width: 1024px) { .landing-content .lg\:flex-row { flex-direction: row } }
@media (min-width: 1024px) { .landing-content .lg\:items-end { align-items: flex-end } }
@media (min-width: 1024px) { .landing-content .lg\:gap-8 { gap: 2rem } }
@media (min-width: 1024px) { .landing-content .lg\:gap-10 { gap: 2.5rem } }
@media (min-width: 1024px) { .landing-content .lg\:col-span-1 { grid-column: span 1 / span 1 } }
@media (min-width: 1024px) { .landing-content .lg\:px-16 { padding-left: 4rem; padding-right: 4rem } }
@media (min-width: 1024px) { .landing-content .lg\:px-24 { padding-left: 6rem; padding-right: 6rem } }
@media (min-width: 1024px) { .landing-content .lg\:py-28 { padding-top: 7rem; padding-bottom: 7rem } }
@media (min-width: 1280px) { .landing-content .xl\:gap-20 { gap: 5rem } }
.landing-content .text-black\/55 { color: rgba(0,0,0,0.55) }
.landing-content .text-white\/80 { color: rgba(255,255,255,0.8) }
.landing-content .text-white\/85 { color: rgba(255,255,255,0.85) }
.landing-content .border-white\/\[0\.07\] { border-color: rgba(255,255,255,0.07) }
.landing-content .bg-white\/\[0\.04\] { background-color: rgba(255,255,255,0.04) }
/* === SWIPER SLIDER SIZE FIX === */
.landing-content .swiper-outer {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.landing-content .swiper {
  overflow: visible !important;
  padding-bottom: 56px !important;
}
.landing-content .swiper-slide,
.landing-content .swiper-slide[style] {
  width: 520px !important;
  max-width: 520px !important;
  transition: transform 0.6s cubic-bezier(0.33,1,0.68,1), opacity 0.6s ease, filter 0.6s ease, box-shadow 0.6s ease;
  transform: scale(0.8);
  opacity: 0.5;
  box-shadow: 0 10px 40px rgba(0,0,0,0.12);
  border-radius: 28px;
}
.landing-content .swiper-slide-active {
  transform: scale(1) !important;
  opacity: 1 !important;
  box-shadow: 0 40px 90px rgba(0,0,0,0.28), 0 16px 40px rgba(0,0,0,0.16) !important;
  z-index: 10;
}
.landing-content .swiper-slide-prev,
.landing-content .swiper-slide-next {
  transform: scale(0.85) !important;
  opacity: 0.6 !important;
}
.landing-content .slide-image {
  width: 100%;
  height: 340px;
  object-fit: cover;
  object-position: top center;
  border-radius: 18px;
  display: block;
}
.landing-content .tablet-frame {
  background: #1a1916;
  border-radius: 28px;
  padding: 12px;
  position: relative;
}
@media (max-width: 1024px) {
  .landing-content .swiper-slide {
    width: 420px !important;
    max-width: 420px !important;
  }
  .landing-content .slide-image {
    height: 360px;
  }
}
@media (max-width: 768px) {
  .landing-content .swiper-slide {
    width: 85vw !important;
    max-width: 85vw !important;
  }
  .landing-content .slide-image {
    height: 280px;
  }
  .landing-content .tablet-frame {
    border-radius: 20px;
    padding: 8px;
  }
}

/* === TESTIMONIALS VIDEO GRID + PHOTO MOSAIC FIX === */
.landing-content .text-white\/75 { color: rgba(255,255,255,0.75); }
.landing-content .text-white\/50 { color: rgba(255,255,255,0.5); }
.landing-content .bg-white\/50 { background-color: rgba(255,255,255,0.5); }
.landing-content .text-black\/55 { color: rgba(0,0,0,0.55); }
.landing-content .border-black\/\[0\.07\] { border-color: rgba(0,0,0,0.07); }
.landing-content .object-top { object-position: top; }
.landing-content .object-center { object-position: center; }
.landing-content .object-cover { object-fit: cover; }
.landing-content .self-stretch { align-self: stretch; }
.landing-content .leading-snug { line-height: 1.375; }
.landing-content .tracking-wide { letter-spacing: 0.025em; }
.landing-content .tracking-tight {  }
.landing-content .cursor-pointer { cursor: pointer; }
.landing-content .group { position: relative; }
.landing-content .rounded-\[20px\] { border-radius: 20px; }
.landing-content .text-\[20px\] { font-size: 20px; }
.landing-content .text-\[12px\] { font-size: 13px; }
.landing-content .w-\[3px\] { width: 3px; }
.landing-content .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.landing-content .pb-6 { padding-bottom: 1.5rem; }
.landing-content .pt-4 { padding-top: 1rem; }
.landing-content .mb-1 { margin-bottom: 0.25rem; }
.landing-content .mb-3 { margin-bottom: 0.75rem; }
.landing-content .mb-3\.5 { margin-bottom: 0.875rem; }
.landing-content .mb-16 { margin-bottom: 4rem; }
.landing-content .gap-2\.5 { gap: 0.625rem; }
.landing-content .bottom-0 { bottom: 0; }
.landing-content .left-0 { left: 0; }
.landing-content .right-0 { right: 0; }
.landing-content .top-0 { top: 0; }
.landing-content .fade-up { opacity: 0; }
.landing-content .card-img {
  transition: transform 0.6s cubic-bezier(0.33,1,0.68,1);
}
.landing-content .group:hover .card-img {
  transform: scale(1.05);
}

/* Strip/mosaic scrolling */
.landing-content .strip-wrap { overflow: hidden; }
.landing-content .strip-track {
  display: flex;
  gap: 14px;
  width: max-content;
}
.landing-content .img-card {
  flex-shrink: 0;
  width: 300px;
  height: 200px;
  border-radius: 16px;
  overflow: hidden;
}
.landing-content .img-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Font arial used in mosaic heading */
.landing-content .font-arial { font-family: inherit; }

@media (min-width: 768px) {
  .landing-content .md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .landing-content .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
}
@media (min-width: 1024px) {
  .landing-content .lg\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
}

/* === IMAGE CARD ASPECT RATIO FIX === */
.landing-content .h-full { height: 100%; }
.landing-content .w-full { width: 100%; }
.landing-content .inset-0 { inset: 0; }
.landing-content .absolute { position: absolute; }
.landing-content .relative { position: relative; }
.landing-content .object-cover { object-fit: cover; }
.landing-content .object-top { object-position: top; }
.landing-content .object-center { object-position: center; }

/* === TESTIMONIAL CARD IMAGE FIX === */
.landing-content .card-img.absolute.inset-0.w-full.h-full.object-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* === FAQ RESPONSIVE LAYOUT === */
@media (min-width: 1024px) {
  .landing-content section#faq > div:first-child {
    flex-direction: row !important;
    gap: 6rem !important;
  }
  .landing-content section#faq > div:first-child > div:first-child {
    width: 40% !important;
  }
  .landing-content section#faq > div:first-child > div:last-child {
    padding-top: 0.75rem !important;
  }
  .landing-content section#faq {
    padding: 7rem 4rem !important;
  }
}

@media (min-width: 640px) {
  .landing-content section#faq {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

/* === FAQ LAYOUT — mobile column, desktop row === */
.landing-content .faq-layout {
  flex-direction: column;
}
@media (min-width: 1024px) {
  .landing-content .faq-layout {
    flex-direction: row;
    gap: 6rem;
  }
  .landing-content .faq-layout > div:first-child {
    width: 40%;
    flex-shrink: 0;
  }
  .landing-content .faq-layout > div:last-child {
    flex: 1;
    padding-top: 0.75rem;
  }
}

/* === PRICING GRID RESPONSIVE === */
@media (max-width: 767px) {
  .landing-content .pricing-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Responsive column counts, in ascending breakpoint order ──────────────────
   The blocks above are ordered largest-breakpoint-first, so at 1440px BOTH the
   sm: and lg: rules match and the sm: one — appearing later — wins. The service
   row is "sm:grid-cols-2 lg:grid-cols-3" and was therefore showing two columns
   on a desktop instead of three.

   Re-declared here in the order the cascade needs: small, then medium, then
   large. Appended rather than reshuffled because these blocks have already cost
   this file a stylesheet once (86372e6), and moving them is a bigger risk than
   restating four rules. Covers every responsive grid class the landing pages
   actually use. */
@media (min-width: 640px) {
  .landing-content .sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) {
  .landing-content .md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .landing-content .md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
  .landing-content .lg\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
}