:root {
  --color-earth-clay: #482317;
  --color-lemon-zest: #ecf956;
  --color-sky-mist: #b1dcfc;
  --color-lime-spritz: #c6e57d;
  --color-meadow-glow: #f3fb9a;
  --color-page-canvas: #e5e7eb;
  --color-whisper-white: #fafafa;
  --color-ink: #482317;
  --color-ink-strong: #18100d;
  --color-ink-deep: #090604;
  --color-ink-rich: #080504;
  --color-ink-darkest: #070504;
  --color-muted: rgba(72, 35, 23, 0.72);
  --color-border: rgba(72, 35, 23, 0.1);
  --color-surface: rgba(250, 250, 250, 0.9);
  --color-accent: #ecf956;
  --color-accent-strong: #bddb00;
  --color-positive: #78a81f;
  --color-link: #2866ec;
  --tone-sky: #1786ff;
  --tone-sky-soft: #eef5ff;
  --tone-positive: #78a81f;
  --tone-positive-soft: #f0f7e6;
  --tone-violet: #8d53ff;
  --tone-violet-soft: #f4ecff;
  --tone-accent: #bddb00;
  --tone-accent-soft: #f8fbdf;
  --gradient-lavender-bloom-gradient: linear-gradient(129deg, rgb(243, 232, 243) 24.01%, rgb(223, 245, 221) 96.01%);
  --font-favorit: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-tobias: "Playfair Display", Georgia, serif;
  --shadow-sm: rgba(0, 0, 0, 0.1) 0 4px 6px 1px, rgba(0, 0, 0, 0.06) 0 2px 4px 1px;
  --shadow-card: 0 22px 48px rgba(72, 35, 23, 0.1);
  --radius-full: 100px;
  --radius-card: 30px;
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --z-base: 0;
  --z-above: 1;
  --z-sticky: 10;
  --z-dropdown: 20;
  --z-header: 20;
  --z-modal: 30;
  --z-top: 40;
}

/* ===== BASE ===== */
* {box-sizing: border-box;}
html { overflow-x: hidden; scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; overflow-x: hidden; background: radial-gradient(circle at 52% 32%, rgba(177, 220, 252, 0.24), transparent 384px), linear-gradient(180deg, #fbfaf8 0%, #f7f4ef 100%); color: var(--color-earth-clay); font-family: var(--font-favorit); font-weight: 400; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
svg { display: block; }

/* ===== SITE HEADER ===== */
.site-header { position: fixed; z-index: var(--z-header); top: 1.25rem; left: clamp(1rem, 3.1vw, 3.5rem); right: clamp(1rem, 3.1vw, 3.5rem); height: 6.25rem; display: grid; grid-template-columns: 16.25rem 1fr 13.75rem; align-items: center; gap: 1.5rem; padding: 0 2.75rem; border-radius: 2.375rem; background: rgba(250, 250, 250, 0.88); box-shadow: var(--shadow-sm); backdrop-filter: blur(18px); }
.site-header.is-scrolled { height: 5.25rem; top: 0.875rem; }
.brand { display: inline-flex; align-items: center; cursor: pointer; }
.brand-logo-image { display: block; width: auto; height: 3.125rem; transition: transform 240ms var(--ease-smooth); }

.site-nav { display: flex; align-items: center; justify-content: center; gap: clamp(2.375rem, 4.8vw, 4.75rem); }
.nav-link { position: relative; display: inline-flex; align-items: center; gap: 0.625rem; font-size: 1.0625rem; font-weight: 400; letter-spacing: 0; line-height: 1; cursor: pointer; transition: color 180ms ease, transform 180ms var(--ease-smooth); }
.nav-link::after { position: absolute; left: 0; right: 0; bottom: -0.3125rem; height: 0.25rem; border-radius: var(--radius-full); background: var(--color-lemon-zest); content: ""; opacity: 0; transform: scaleX(0.5); transition: opacity 160ms ease, transform 160ms ease; }
.nav-link:hover, .nav-link:focus-visible { color: var(--color-ink-strong); transform: translateY(0.0625rem); }
.nav-link:hover::after, .nav-link:focus-visible::after { opacity: 1; transform: scaleX(1); }
.has-caret::before { order: 2; width: 0.5rem; height: 0.5rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ""; transform: translateY(0.1875rem) rotate(45deg); transition: transform 180ms var(--ease-smooth); }

.nav-toggle { display: none; width: 3rem; height: 3rem; align-items: center; justify-content: center; gap: 0.3125rem; border: 0; border-radius: 1.125rem; background: var(--color-lemon-zest); cursor: pointer; flex-direction: column; }
.nav-toggle span { width: 1.25rem; height: 0.125rem; border-radius: var(--radius-full); background: var(--color-earth-clay); transition: transform 240ms var(--ease-smooth); }

.nav-cta { justify-self: end; width: 13.625rem; min-height: 3.625rem; }

/* ===== BUTTONS ===== */
.button { position: relative; display: inline-flex; min-height: 3.5rem; align-items: center; justify-content: center; gap: 1rem; border-radius: var(--radius-full); font-size: 1rem; font-weight: 500; line-height: 1; cursor: pointer; overflow: hidden; isolation: isolate; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; }
.button svg { width: 1.1875rem; height: 1.1875rem; transition: transform 240ms var(--ease-smooth); }
.button path { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.button::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, transparent 0 34%, rgba(255, 255, 255, 0.48) 47%, transparent 60% 100%); content: ""; transform: translateX(-120%); transition: transform 580ms var(--ease-smooth); }
.button:hover, .button:focus-visible { transform: translateY(0.1875rem); }
.button:hover::before, .button:focus-visible::before { transform: translateX(120%); }
.button:hover svg, .button:focus-visible svg { transform: translateX(0.25rem); }
.button-primary { background: var(--color-lemon-zest); box-shadow: inset 0 2px 0 rgba(72, 35, 23, 0.07), 0 12px 24px rgba(198, 229, 125, 0.24); }
.button-primary:hover, .button-primary:focus-visible { box-shadow: inset 0 2px 0 rgba(72, 35, 23, 0.08), 0 18px 34px rgba(198, 229, 125, 0.34); }
.button-secondary { min-width: 13.625rem; border: 1px solid rgba(72, 35, 23, 0.12); background: rgba(250, 250, 250, 0.78); box-shadow: 0 16px 28px rgba(72, 35, 23, 0.07); }


/* ===== FOCUS STYLES ===== */
.button:focus-visible, .nav-link:focus-visible, .nav-toggle:focus-visible, .card-head button:focus-visible, .contact-submit:focus-visible { outline: 0.1875rem solid rgba(40, 102, 236, 0.34); outline-offset: 0.25rem; }

/* ===== HERO ===== */
.hero { width: min(100%, 112rem); min-height: auto; margin: 0 auto; display: grid; grid-template-columns: minmax(31.25rem, 0.84fr) minmax(45rem, 1.16fr); gap: 0.625rem; padding: 7rem clamp(2.25rem, 5.1vw, 6rem) 1.5rem; overflow: hidden; }
.hero-copy { position: relative; z-index: 3; padding-top: 0.75rem; }
.hero-copy .eyebrow, .hero-copy h1, .hero-text, .hero-actions, .trust-row { animation: hero-rise 760ms var(--ease-smooth) both; }
.hero-copy h1 { animation-delay: 80ms; }
.hero-text { animation-delay: 160ms; }
.hero-actions { animation-delay: 240ms; }
.trust-row { animation-delay: 320ms; }
.eyebrow { width: fit-content; display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem; padding: 0.5rem 1rem 0.5rem 0.875rem; border: 1px solid rgba(72, 35, 23, 0.12); border-radius: var(--radius-full); background: rgba(250, 250, 250, 0.45); color: rgba(72, 35, 23, 0.72); font-size: 0.9375rem; line-height: 1; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65); }
.eyebrow svg { width: 1.75rem; height: 1.75rem; fill: var(--color-lemon-zest); }
h1 { position: relative; margin: 0; max-width: 50rem; font-family: var(--font-tobias); font-size: clamp(3.5rem, 4.5vw, 5.25rem); font-weight: 400; letter-spacing: 0; line-height: 0.98; }
h1 .headline-line { display: block; white-space: nowrap; }
.underline { position: relative; display: inline-block; }
.underline::after { position: absolute; z-index: -1; left: 0.04em; right: 0.3em; bottom: 0.08em; height: 0.11em; border-radius: 62.4375rem 62.4375rem 2.5rem 2.5rem; background: var(--color-lemon-zest); content: ""; transform: rotate(-1.6deg); }
.hero-text { max-width: 40.625rem; margin: 1.25rem 0 0; font-size: 1.0625rem; line-height: 1.55; color: rgba(72, 35, 23, 0.84); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
.hero-actions .button-primary { min-width: 18.5rem; }
.trust-row { display: flex; flex-wrap: nowrap; align-items: center; gap: 1rem 1.5rem; max-width: 44rem; margin-top: 1.75rem; }
.result-card { display: grid; width: auto; flex: 1 1 auto; min-width: 0; grid-template-columns: 1fr 0.0625rem 1fr; gap: 0.875rem; align-items: center; padding: 1.375rem 1.25rem; border-radius: 1.375rem; background: rgba(250, 250, 250, 0.72); box-shadow: 0 18px 40px rgba(72, 35, 23, 0.08); backdrop-filter: blur(12px); }
.result-item { display: flex; align-items: center; gap: 1.125rem; }
.result-icon { display: inline-flex; width: 3.75rem; height: 3.75rem; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; }
.result-icon svg { width: 1.6875rem; height: 1.6875rem; }
.result-icon path { fill: currentColor; }
.phone-icon { background: rgba(198, 229, 125, 0.36); color: #7ca208; }
.star-icon { background: rgba(177, 220, 252, 0.36); color: #0b56ba; }
.result-item strong { display: block; margin-bottom: 0.375rem; font-size: 1.1875rem; line-height: 1; }
.result-item small, .client-proof p { margin: 0; font-size: 0.75rem; line-height: 1.38; }
.result-divider { width: 0.0625rem; height: 3.375rem; background: repeating-linear-gradient(180deg, rgba(72, 35, 23, 0.22) 0 6px, transparent 6px 12px); }
.client-proof { display: flex; flex: 0 0 auto; align-items: center; gap: 1rem; padding: 0.25rem 0; white-space: nowrap; }
.avatars { display: flex; align-items: center; }
.avatars span { width: 2.125rem; height: 2.125rem; margin-left: 0.5625rem; border: 2px solid #fafafa; border-radius: 50%; background: radial-gradient(circle at 50% 38%, #27120d 0 14%, transparent 15%), radial-gradient(circle at 50% 44%, var(--tone) 0 33%, transparent 34%), linear-gradient(135deg, #f4d9c0, #6c4435); box-shadow: 0 4px 10px rgba(72, 35, 23, 0.12); }
.avatars span:first-child { margin-left: 0; }

/* ===== HERO ART / DASHBOARD ===== */
.hero-art { position: relative; min-height: 32rem; isolation: isolate; }
.hero-art::before { position: absolute; z-index: 0; top: 15.375rem; left: 6.875rem; width: 43.125rem; height: 22rem; border-radius: 58% 42% 54% 46%; background: linear-gradient(145deg, rgba(177, 220, 252, 0.54), rgba(177, 220, 252, 0.14) 72%); content: ""; pointer-events: none; transform: rotate(-8deg); }
.blob { position: absolute; z-index: 0; pointer-events: none; filter: saturate(1.08); animation: soft-drift 8s ease-in-out infinite alternate; }
.blob[data-tone="sky"] { top: 3.625rem; right: 4.375rem; width: 32.875rem; height: 20.375rem; border-radius: 58% 42% 54% 46%; background: radial-gradient(circle at 72% 15%, #85bbff 0 9%, transparent 10%), linear-gradient(145deg, #a9d2ff 0%, #7ab7fb 76%); transform: rotate(-12deg); }
.blob[data-tone="accent"] { top: 15.75rem; right: 7.25rem; width: 21.875rem; height: 27.875rem; border-radius: 56% 44% 48% 52%; background: var(--color-lemon-zest); opacity: 0.72; transform: rotate(16deg); animation-delay: -2.8s; }
.blob[data-tone="violet"] { right: 6.25rem; bottom: 0.5rem; width: 32.875rem; height: 11rem; border-radius: 56% 44% 48% 52%; background: linear-gradient(115deg, #d9d1ff 0%, #cdb5ff 62%, #e7d9ff 100%); opacity: 0.66; transform: rotate(3deg); }
.spray { position: absolute; top: 10.25rem; left: 8.75rem; width: 13.375rem; height: 11.625rem; opacity: 0.62; background-image: radial-gradient(circle, rgba(177, 220, 252, 0.9) 0 1px, transparent 1.50px); background-size: 0.5rem 0.5rem; mask-image: radial-gradient(circle, black 0 28%, transparent 68%); }
.route-line { position: absolute; z-index: 2; top: 1.875rem; left: 12.5rem; width: 35rem; height: 10.25rem; }
.route-line path { fill: none; stroke: rgba(125, 139, 164, 0.48); stroke-dasharray: 10 10; stroke-linecap: round; stroke-width: 3; animation: route-march 18s linear infinite; }
.route-line .route-arrow { stroke-dasharray: none; stroke-linejoin: round; }
.hero-marker { position: absolute; z-index: 3; top: 3.125rem; right: 9.875rem; width: 1.75rem; height: 1.75rem; border: 12px solid #fff; border-radius: 50% 50% 50% 0; filter: drop-shadow(0 7px 12px rgba(24, 98, 178, 0.2)); pointer-events: none; transform: rotate(-45deg); animation: pin-pulse 2.4s ease-in-out infinite; }
.hero-marker::after { position: absolute; inset: 0.375rem; border-radius: 50%; background: #9bcdfd; content: ""; }
.store-photo { position: absolute; top: 6rem; right: 2.5rem; width: 15.75rem; height: 16rem; overflow: hidden; border-radius: 0 3.5rem 0 3.5rem; box-shadow: 0 20px 40px rgba(72, 35, 23, 0.16); }
.store-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 520ms var(--ease-smooth); }

.map-disk { position: absolute; z-index: 0; left: 3.75rem; bottom: 4.625rem; width: 39.125rem; height: 17.625rem; overflow: hidden; border-radius: 58% 42% 55% 45%; background: linear-gradient(145deg, rgba(221, 238, 250, 0.82), rgba(246, 248, 249, 0.76)); transform: rotate(-5deg); }
.map-disk::before { position: absolute; inset: 0.625rem; background: linear-gradient(32deg, transparent 0 44%, rgba(255, 255, 255, 0.88) 45% 46%, transparent 47% 100%) 0 0 / 160px 80px, linear-gradient(115deg, transparent 0 38%, rgba(255, 255, 255, 0.72) 39% 41%, transparent 42% 100%) 0 0 / 130px 100px; content: ""; }
.map-grid { position: absolute; border-radius: 62.4375rem; background: rgba(255, 255, 255, 0.75); transform-origin: center; }
.line-a { left: 1.25rem; top: 4.25rem; width: 25rem; height: 0.375rem; transform: rotate(8deg); }
.line-b { left: 5rem; top: 7.875rem; width: 26.25rem; height: 0.375rem; transform: rotate(-4deg); }
.line-c { left: 8.75rem; top: 11.5rem; width: 22.5rem; height: 0.3125rem; transform: rotate(12deg); }
.line-d { left: 0.625rem; top: 14.75rem; width: 21.25rem; height: 0.3125rem; transform: rotate(-6deg); }
.map-pin { position: absolute; width: 2.375rem; height: 2.375rem; border-radius: 50% 50% 50% 0; background: #9cc719; box-shadow: 0 7px 14px rgba(124, 162, 8, 0.24); transform: rotate(-45deg); animation: pin-pulse 2.4s ease-in-out infinite; }
.map-pin::after { position: absolute; inset: 0.6875rem; border-radius: 50%; background: #fff; content: ""; }
.bottom-pin { left: 6rem; bottom: 0.625rem; }

/* ===== DASHBOARD CARDS ===== */
.dashboard-card { position: absolute; border: 1px solid rgba(72, 35, 23, 0.07); background: rgba(250, 250, 250, 0.9); box-shadow: var(--shadow-card); backdrop-filter: blur(20px); }
.overview-card { z-index: 7; top: 6.375rem; left: 5.625rem; width: 37.5rem; padding: 1.375rem 1.25rem 1.125rem; border-radius: 1.4375rem; }
.card-head { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-bottom: 1.25rem; }
.card-head h2, .business-card h2, .shopping-card h2 { margin: 0; font-size: 1rem; font-weight: 500; line-height: 1; color: #18100d; }
.card-head button { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.625rem 0.875rem; border: 1px solid rgba(72, 35, 23, 0.08); border-radius: 0.875rem; background: #fafafa; color: rgba(24, 16, 13, 0.75); font-size: 0.75rem; cursor: pointer; }
.card-head button::after { width: 0.4375rem; height: 0.4375rem; border-right: 1.50px solid currentColor; border-bottom: 1.50px solid currentColor; content: ""; transform: translateY(0.125rem) rotate(45deg); }

.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.625rem; }
.metric { min-width: 0; padding: 1rem 0.875rem 0.75rem; border: 1px solid rgba(72, 35, 23, 0.08); border-radius: 0.875rem; background: rgba(255, 255, 255, 0.78); }
.metric span { display: block; margin-bottom: 0.75rem; font-size: 0.75rem; color: #18100d; }
.metric div { display: flex; align-items: center; gap: 0.625rem; margin-bottom: 0.75rem; }
.metric strong { font-size: 1.375rem; line-height: 1; }
.metric em { display: inline-flex; align-items: center; gap: 0.1875rem; padding: 0.25rem 0.5rem; border-radius: 6.1875rem; background: rgba(198, 229, 125, 0.2); color: #578607; font-size: 0.75rem; font-style: normal; font-weight: 600; }
.metric em::before { content: "\2191"; }
.metric svg { width: 100%; height: 3.5rem; }
.metric svg path { stroke-linecap: round; stroke-linejoin: round; }
.fill-blue { fill: rgba(41, 167, 255, 0.1); }
.fill-green { fill: rgba(123, 178, 15, 0.1); }
.fill-purple { fill: rgba(171, 112, 255, 0.12); }
.line-blue { fill: none; stroke: #1d9bff; stroke-width: 3; stroke-dasharray: 540; stroke-dashoffset: 540; animation: chart-draw 1300ms var(--ease-smooth) 460ms forwards; }
.line-green { fill: none; stroke: #8ab91d; stroke-width: 3; stroke-dasharray: 540; stroke-dashoffset: 540; animation: chart-draw 1300ms var(--ease-smooth) 460ms forwards; }
.line-purple { fill: none; stroke: #a875ff; stroke-width: 3; stroke-dasharray: 540; stroke-dashoffset: 540; animation: chart-draw 1300ms var(--ease-smooth) 460ms forwards; }

/* ===== BUSINESS CARD ===== */
.business-card {z-index: 4;top: 22.5rem;left: 4.5rem;width: 20.125rem;padding: 1.125rem 1.125rem 1.25rem;border-radius: 1.4375rem;}
.business-top { display: flex; gap: 1.125rem; align-items: flex-start; }
.business-photo { width: 5.75rem; height: 5.25rem; flex: 0 0 auto; overflow: hidden; border-radius: 0.875rem; }
.business-photo img { width: 100%; height: 100%; object-fit: cover; object-position: left center; transition: transform 520ms var(--ease-smooth); }
.business-card h2 { display: flex; align-items: center; gap: 0.375rem; margin-top: 0.25rem; margin-bottom: 0.625rem; font-size: 1rem; font-weight: 600; }
.business-card h2 span { width: 0.875rem; height: 0.875rem; border-radius: 50%; background: #0d93ff; }
.business-card p { margin: 0 0 0.5rem; font-size: 0.8125rem; line-height: 1; }
.stars { color: #ffb21b; letter-spacing: 0.0625rem; }
.business-card mark { margin-right: 0.4375rem; padding: 0.1875rem 0.4375rem; border-radius: 6.1875rem; background: rgba(198, 229, 125, 0.25); color: #5d7f0b; font-size: 0.75rem; }
.quick-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin-top: 1rem; }
.quick-actions span { display: grid; justify-items: center; gap: 0.5rem; font-size: 0.75rem; cursor: pointer; }
.quick-actions svg { width: 2.625rem; height: 2.625rem; padding: 0.6875rem; border-radius: 50%; background: #f5f7fb; }
.quick-actions path, .quick-actions circle, .ranking-strip path { fill: none; stroke: #0b56ba; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }

.ranking-strip { display: flex; align-items: center; gap: 0.8125rem; margin-top: 1.125rem; padding: 0.75rem; border: 1px solid rgba(72, 35, 23, 0.08); border-radius: 0.9375rem; background: rgba(255, 255, 255, 0.65); }
.ranking-strip span { display: inline-flex; width: 2.125rem; height: 2.125rem; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 50%; background: rgba(198, 229, 125, 0.22); }
.ranking-strip svg { width: 1.25rem; height: 1.25rem; }
.ranking-strip path { stroke: #7ca208; }
.ranking-strip strong, .ranking-strip small { display: block; }
.ranking-strip strong { margin-bottom: 0.3125rem; font-size: 0.9375rem; }
.ranking-strip small { color: rgba(24, 16, 13, 0.58); font-size: 0.75rem; }

/* ===== SHOPPING CARD ===== */
.shopping-card { z-index: 6; top: 22.5rem; right: 1.875rem; width: 25.25rem; padding: 1.25rem 1.125rem 1.125rem; border-radius: 1.5rem; }
.card-head.compact { margin-bottom: 1.125rem; }
.card-head.compact span { color: rgba(24, 16, 13, 0.45); letter-spacing: 0.125rem; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }
.product-card { overflow: hidden; border: 1px solid rgba(72, 35, 23, 0.07); border-radius: 0.875rem; background: #fff; }
.product-image { position: relative; height: 7.875rem; margin-bottom: 0.625rem; overflow: hidden; background: #f0ede8; }
.product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 520ms var(--ease-smooth); }

.product-card small, .product-card strong, .product-card span { display: block; padding: 0 0.75rem; }
.product-card small { margin-bottom: 0.5rem; color: #18100d; font-size: 0.6875rem; }
.product-card strong { margin-bottom: 0.375rem; color: #18100d; font-size: 0.875rem; }
.product-card span { padding-bottom: 0.875rem; color: #5d7f0b; font-size: 0.75rem; }
/* ===== SERVICES ===== */
.services-section { width: min(100%, 112rem); margin: 0 auto; padding: 2rem clamp(2.25rem, 5.1vw, 6rem) 3rem; }
.services-intro { max-width: 53.75rem; margin: 0 auto 2rem; text-align: center; }
.services-eyebrow { margin: 0 auto 1.75rem; }
.services-title { margin: 0; font-family: var(--font-tobias); font-size: clamp(2.75rem, 3.8vw, 4rem); font-weight: 400; line-height: 0.98; color: #18100d; }
.services-text { max-width: 47.5rem; margin: 1rem auto 0; font-size: 1.0625rem; line-height: 1.55; color: rgba(72, 35, 23, 0.68); }
.services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.services-grid-target { gap: 1.375rem; }
.services-grid-target .service-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-height: 26rem; padding: 1.25rem 1.25rem 1rem; border: 1px solid rgba(232, 225, 217, 0.92); border-radius: 1.875rem; background: radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.72), transparent 45%), #ffffff; box-shadow: 0 18px 42px rgba(89, 65, 48, 0.08); overflow: hidden; isolation: isolate; }
.services-grid-target .shopping-target-card { padding: 1.5rem 1.5rem 1rem; }
.services-grid-target .service-icon { width: 2.75rem; height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; border: 1px solid rgba(232, 225, 217, 0.92); border-radius: 50%; background: #fff; box-shadow: 0 6px 18px rgba(89, 65, 48, 0.08); transition: transform 240ms var(--ease-smooth); }
.services-grid-target .service-icon svg { width: 1.375rem; height: 1.375rem; }
.services-grid-target .service-icon img { display: block; width: 1.5rem; height: 1.5rem; object-fit: contain; }
.services-grid-target .service-card h3 { margin: 0 0 0.5rem; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; color: #231f1d; }
.services-grid-target .service-card > p { max-width: 15.75rem; margin: 0; min-height: 3rem; color: #57514d; font-size: 0.875rem; line-height: 1.48; }
.services-grid-target .card-visual { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; height: 16rem; transition: transform 280ms var(--ease-smooth); }

.services-grid-target .shape { position: absolute; pointer-events: none; filter: blur(0.15px); opacity: 0.82; }
.services-grid-target .shape[data-tone="sky"] { left: 1.125rem; bottom: 0.75rem; width: 11.375rem; height: 11.375rem; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(182, 214, 255, 0.94), rgba(182, 214, 255, 0.94) 63%, transparent 64%); }
.services-grid-target .shape[data-tone="violet"] { right: 1.875rem; top: 1.125rem; width: 6.625rem; height: 10.375rem; border-radius: 3.4375rem; background: radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.2), transparent 34%), linear-gradient(180deg, rgba(231, 206, 255, 0.88), rgba(207, 180, 255, 0.54)); transform: rotate(18deg); }
.services-grid-target .shape[data-tone="violet"]::after { position: absolute; right: 0.5rem; bottom: 0.875rem; width: 5.625rem; height: 5.625rem; background-image: radial-gradient(circle, rgba(220, 209, 255, 0.6) 0 1px, transparent 1.50px); background-size: 0.3125rem 0.3125rem; mask-image: radial-gradient(circle, black 0 62%, transparent 80%); content: ""; }
.services-grid-target .shape[data-tone="accent-soft"] { left: 0.5rem; bottom: 0.375rem; width: 10.875rem; height: 10.875rem; border-radius: 50%; background: radial-gradient(circle, rgba(240, 247, 125, 0.78) 0%, rgba(240, 247, 125, 0.18) 66%, transparent 67%); }
.services-grid-target .shape[data-tone="accent"] { right: 0.5rem; top: 5.875rem; width: 9.375rem; height: 11.625rem; border-radius: 4.375rem; background: radial-gradient(circle at 16% 48%, rgba(255, 255, 255, 0.26), transparent 26%), linear-gradient(180deg, rgba(233, 246, 82, 0.88), rgba(233, 246, 82, 0.42)); }
.services-grid-target .shape[data-tone="accent"]::after { position: absolute; right: 0.5rem; bottom: 0.75rem; width: 5.875rem; height: 5.875rem; background-image: radial-gradient(circle, rgba(232, 225, 114, 0.72) 0 1px, transparent 1.50px); background-size: 0.3125rem 0.3125rem; mask-image: radial-gradient(circle, black 0 60%, transparent 82%); content: ""; }
.services-grid-target .search-chip, .services-grid-target .ads-panel, .services-grid-target .shopping-browser, .services-grid-target .metric-card, .services-grid-target .metric-strip, .services-grid-target .profile-panel, .services-grid-target .locations-panel, .services-grid-target .contact-pill { position: relative; border: 1px solid rgba(85, 69, 57, 0.08); background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 250, 247, 0.94)); box-shadow: 0 14px 30px rgba(89, 65, 48, 0.07); backdrop-filter: blur(14px); font-family: var(--font-favorit); color: #231f1d; }
.services-grid-target .search-chip { display: flex; align-items: center; justify-content: space-between; height: 2.375rem; padding: 0 0.75rem 0 0.875rem; border-radius: 0.875rem; color: #57514d; font-size: 0.8125rem; }
.services-grid-target .mic-badge { width: 1.125rem; height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: conic-gradient(from 0deg, #4285f4 0 25%, #ea4335 25% 50%, #fbbc04 50% 75%, #34a853 75% 100%); }
.services-grid-target .mic-badge svg { width: 0.625rem; height: 0.625rem; }
.services-grid-target .mic-badge path { fill: none; stroke: #fff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.services-grid-target .ads-panel { width: 15.5rem; margin-top: 0.875rem; padding: 0.875rem 0.875rem 0.75rem; border-radius: 1.125rem; }
.services-grid-target .ads-panel small, .services-grid-target .ads-panel p, .services-grid-target .metric-card small, .services-grid-target .mini-product small, .services-grid-target .metric-strip small, .services-grid-target .location-row span, .services-grid-target .location-row em { display: block; }
.services-grid-target .ads-panel small { margin-bottom: 0.5rem; color: #97908b; font-size: 0.75rem; }
.services-grid-target .ads-panel strong { display: block; margin-bottom: 0.375rem; font-size: 1rem; line-height: 1.2; color: #231f1d; }
.services-grid-target .listing-link { display: block; margin-bottom: 0.375rem; color: #2464ea; font-size: 0.875rem; font-weight: 500; }
.services-grid-target .ads-panel p { color: #756d69; font-size: 0.75rem; line-height: 1.35; }
.services-grid-target .contact-pill { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 0.875rem; padding: 0.625rem 0.75rem; border-radius: 62.4375rem; box-shadow: inset 0 0 0 1px rgba(85, 69, 57, 0.03); }
.services-grid-target .ads-panel strong, .services-grid-target .metric-row strong, .services-grid-target .metric-strip strong, .services-grid-target .locations-panel strong, .services-grid-target .profile-body h4 { font-weight: 600; letter-spacing: -0.02em; }
.services-grid-target .contact-pill svg { width: 0.9375rem; height: 0.9375rem; }
.services-grid-target .contact-pill path { fill: none; stroke: #2760e6; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.services-grid-target .contact-pill span { color: #2866ec; font-size: 0.75rem; font-weight: 500; }
.services-grid-target .metric-card { width: 6.75rem; padding: 0.75rem 0.75rem 0.625rem; border-radius: 1.125rem; }
.services-grid-target .metric-card small { margin-bottom: 0.4375rem; color: #948c86; font-size: 0.6875rem; line-height: 1.2; }
.services-grid-target .metric-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.625rem; }
.services-grid-target .metric-row strong { font-size: 1rem; line-height: 1; color: #231f1d; }
.services-grid-target .trend { display: inline-flex; align-items: center; gap: 0.1875rem; color: #73ad22; font-size: 0.6875rem; font-style: normal; font-weight: 700; }
.services-grid-target .trend::before { content: "\2191"; }
.services-grid-target .metric-card svg, .services-grid-target .metric-strip svg { width: 100%; height: 1.75rem; }
.services-grid-target .metric-card path, .services-grid-target .metric-strip path { fill: none; stroke: #78b220; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.services-grid-target .ads-visual { padding-top: 0.75rem; }
.services-grid-target .ads-visual .search-chip, .services-grid-target .ads-visual .ads-panel, .services-grid-target .shopping-visual .shopping-browser, .services-grid-target .profile-visual .profile-panel, .services-grid-target .local-visual .locations-panel { border-radius: 1.125rem; }
.services-grid-target .ads-visual .calls-metric { position: absolute; right: 0.25rem; bottom: 4rem; }
.services-grid-target .shopping-visual { padding-left: 0.25rem; height: 17rem; }
.services-grid-target .shopping-browser { width: 16.125rem; margin-top: 0.125rem; padding: 0.75rem 0.75rem 0.625rem; border-radius: 1.125rem; }
.services-grid-target .shopping-browser-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; }
.services-grid-target .google-wordmark { display: inline-flex; font-size: 0.9375rem; font-weight: 600; letter-spacing: -0.03em; }
.services-grid-target .google-wordmark span:nth-child(1), .services-grid-target .google-wordmark span:nth-child(4) { color: #4285f4; }
.services-grid-target .google-wordmark span:nth-child(2), .services-grid-target .google-wordmark span:nth-child(6) { color: #ea4335; }
.services-grid-target .google-wordmark span:nth-child(3) { color: #fbbc04; }
.services-grid-target .google-wordmark span:nth-child(5) { color: #34a853; }
.services-grid-target .shopping-browser-head svg { width: 1.0625rem; height: 1.0625rem; }
.services-grid-target .shopping-browser-head path, .services-grid-target .shopping-browser-head circle { fill: none; stroke: #88827e; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.services-grid-target .shopping-products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.services-grid-target .mini-product { overflow: hidden; border: 1px solid rgba(85, 69, 57, 0.06); border-radius: 0.875rem; background: rgba(255, 255, 255, 0.94); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); }
.services-grid-target .mini-product img { width: 100%; height: 6rem; object-fit: cover; transition: transform 520ms var(--ease-smooth); }

.services-grid-target .mini-product strong, .services-grid-target .mini-product span, .services-grid-target .mini-product small { padding: 0 0.5rem; }
.services-grid-target .mini-product strong { display: block; margin-top: 0.5rem; color: #4a3a31; font-size: 0.8125rem; line-height: 1.12; }
.services-grid-target .mini-product span { display: block; margin-top: 0.25rem; color: #4a3a31; font-size: 0.75rem; font-weight: 700; }
.services-grid-target .mini-product small { padding-bottom: 0.5rem; color: #6ea520; font-size: 0.6875rem; }
.services-grid-target .metric-strip { display: flex; align-items: center; justify-content: space-between; gap: 0.875rem; width: 14.625rem; padding: 0.75rem 1rem; border-radius: 1.125rem; }
.services-grid-target .metric-strip strong { display: block; margin-bottom: 0.25rem; color: #45392f; font-size: 0.875rem; line-height: 1.1; }
.services-grid-target .metric-strip small { color: #817974; font-size: 0.75rem; line-height: 1.2; }
.services-grid-target .metric-strip small .trend { margin-right: 0.25rem; }
.services-grid-target .shopping-visual .shopping-strip { position: absolute; left: 1.125rem; bottom: 0; }
.services-grid-target .profile-visual { padding-top: 0.125rem; }
.services-grid-target .profile-visual .profile-panel { margin-top: 2.875rem; overflow: hidden; border-radius: 1.125rem; }
.services-grid-target .profile-panel img { width: 100%; height: 5.125rem; object-fit: cover; object-position: center; }
.services-grid-target .profile-body { padding: 0.75rem 0.875rem 0.75rem; }
.services-grid-target .profile-body h4 { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.5rem; font-size: 0.9375rem; line-height: 1.2; color: #231f1d; }
.services-grid-target .verified-dot { width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #2192ff; }
.services-grid-target .profile-rating, .services-grid-target .profile-status { display: flex; align-items: center; gap: 0.375rem; }
.services-grid-target .profile-rating { margin-bottom: 0.375rem; font-size: 0.75rem; }
.services-grid-target .profile-rating strong { font-size: 0.75rem; }
.services-grid-target .profile-rating small { color: #78726e; font-size: 0.75rem; }
.services-grid-target .profile-status { margin-bottom: 0.625rem; color: #5a5450; font-size: 0.75rem; }
.services-grid-target .profile-status mark { padding: 0.125rem 0.4375rem; border-radius: 62.4375rem; background: rgba(198, 229, 125, 0.32); color: #6a9b18; }
.services-grid-target .profile-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); color: #356be8; font-size: 0.6875rem; text-align: center; }
.services-grid-target .profile-visual .views-metric { position: absolute; right: 0.25rem; bottom: 3.875rem; width: 7.625rem; }
.services-grid-target .local-visual { padding-top: 2.875rem; }
.services-grid-target .locations-panel { width: 15.5rem; padding: 1rem 1rem 0.75rem; border-radius: 1.125rem; }
.services-grid-target .locations-panel strong { display: block; margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.2; color: #231f1d; }
.services-grid-target .location-row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.6875rem 0; border-top: 1px solid rgba(85, 69, 57, 0.08); }
.services-grid-target .location-row:first-of-type { border-top: 0; }
.services-grid-target .location-row span { color: #66605c; font-size: 0.8125rem; }
.services-grid-target .local-visual .visits-metric { position: absolute; right: 1rem; bottom: 4rem; width: 7.125rem; }
.services-grid-target .local-visual .visits-metric path { stroke: #b586ff; }
.services-grid-target .shopping-visual .shopping-strip { position: relative; inset: auto; }
.services-grid-target .ads-visual .calls-metric, .services-grid-target .profile-visual .views-metric, .services-grid-target .local-visual .visits-metric { z-index: 3; margin: 0; }
.services-grid-target .shopping-visual .shopping-strip { margin: 0.75rem auto 0 1.125rem; }

/* ===== RESULTS ===== */
.results-section { position: relative; width: min(100%, 128rem); min-height: auto; margin: 0 auto; padding: 5rem clamp(2.25rem, 5.1vw, 6.5rem) 2rem; overflow: hidden; color: #090604; isolation: isolate; }
.results-bg, .results-route, .results-sparkle { position: absolute; pointer-events: none; }
.results-spray { z-index: -2; top: 12.8125rem; left: 42%; width: 15.5rem; height: 13.75rem; opacity: 0.5; background-image: radial-gradient(circle, rgba(177, 220, 252, 0.82) 0 1px, transparent 1.50px); background-size: 0.4375rem 0.4375rem; mask-image: radial-gradient(circle, black 0 28%, transparent 69%); }
.results-bg[data-tone="sky"] { z-index: -3; top: 10.375rem; right: 16.6%; width: 23.875rem; height: 14.5rem; border-radius: 58% 42% 54% 46%; background: linear-gradient(145deg, rgba(188, 221, 255, 0.84), rgba(131, 187, 251, 0.58)); transform: rotate(-14deg); animation: soft-drift 8s ease-in-out infinite alternate; }
.results-bg[data-tone="accent"] { z-index: -3; top: 23.375rem; right: 3.25rem; width: 18.875rem; height: 27.375rem; border-radius: 54% 46% 48% 52%; background: linear-gradient(160deg, rgba(238, 246, 104, 0.28), rgba(210, 231, 48, 0.8)); transform: rotate(13deg); animation: soft-drift 8s ease-in-out infinite alternate; animation-delay: -2.8s; }
.results-blob-soft { z-index: -4; left: 40.4%; bottom: 9.625rem; width: 33.25rem; height: 17.875rem; border-radius: 54% 46% 52% 48%; background: linear-gradient(145deg, rgba(218, 236, 251, 0.68), rgba(248, 250, 250, 0.36)); transform: rotate(-6deg); }
.results-route { z-index: -1; top: 11rem; right: 13.6%; width: 37rem; height: 9rem; }
.results-route path { fill: none; stroke: rgba(142, 151, 164, 0.42); stroke-dasharray: 10 10; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; animation: route-march 18s linear infinite; }
.results-sparkle { z-index: -1; top: 11.5rem; right: 9.5%; width: 3.25rem; height: 3.25rem; }
.results-sparkle path { fill: none; stroke: rgba(142, 151, 164, 0.34); stroke-width: 4; stroke-linejoin: round; }
.results-shell { display: grid; grid-template-columns: minmax(31.25rem, 0.84fr) minmax(42.5rem, 1.16fr); gap: clamp(2.625rem, 3.5vw, 4.5rem); align-items: center; }
.results-copy { position: relative; z-index: 2; }
.results-eyebrow { margin-bottom: 1.5rem; padding: 0.5rem 1.25rem 0.5rem 1rem; background: rgba(250, 250, 250, 0.54); color: rgba(24, 16, 13, 0.72); font-size: 1rem; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78); }
  .results-title { margin: 0; width: auto; max-width: 100%; font-family: var(--font-tobias); font-size: clamp(3rem, 2.8vw, 3.75rem); font-weight: 400; letter-spacing: -0.015em; line-height: 0.98; color: #080504; }
.results-title .title-dash { white-space: nowrap; }
.results-title .title-accent { font-style: italic; }
.results-text { max-width: 40rem; margin: 1.5rem 0 0; color: rgba(24, 16, 13, 0.82); font-size: 1.25rem; line-height: 1.34; }
  .results-value-card { display: grid; grid-template-columns: 5rem minmax(0, 1fr) 8rem; align-items: center; gap: 1.25rem; max-width: 100%; min-height: auto; margin-top: 2rem; padding: 1.5rem 1.75rem 1.5rem 1.5rem; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 1.75rem; background: radial-gradient(circle at 92% 14%, rgba(238, 218, 255, 0.78), transparent 42%), linear-gradient(118deg, rgba(200, 220, 255, 0.82) 0%, rgba(244, 249, 255, 0.82) 51%, rgba(231, 210, 252, 0.74) 100%); box-shadow: 0 24px 48px rgba(72, 35, 23, 0.08); }
.value-icon { display: inline-flex; width: 4.5rem; height: 4.5rem; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.9); box-shadow: 0 16px 30px rgba(72, 35, 23, 0.07); }
.value-icon svg { width: 2rem; height: 2rem; }
.value-icon path { fill: #1559c7; stroke: #1559c7; stroke-width: 1.5; }
.value-copy span { display: block; margin-bottom: 0.75rem; color: rgba(24, 16, 13, 0.78); font-size: 1rem; line-height: 1.25; }
.value-copy strong { display: block; font-family: var(--font-tobias); font-size: clamp(2.75rem, 3.2vw, 3.75rem); font-weight: 400; letter-spacing: -0.02em; line-height: 0.9; color: #080504; }
.results-trend { display: inline-flex; align-items: center; gap: 0.25rem; width: fit-content; padding: 0.3125rem 0.6875rem; border-radius: 62.4375rem; background: #f0f7e6; color: #619a0a; font-size: 0.8125rem; font-weight: 700; line-height: 1; }
.results-trend::before { content: "\2191"; }
.value-trend { display: grid; justify-items: start; gap: 0.875rem; padding: 0; background: transparent; }
.value-trend strong { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.5rem 0.875rem; border-radius: 62.4375rem; background: rgba(255, 255, 255, 0.52); color: #67a50c; font-size: 1.25rem; line-height: 1; }
.value-trend strong::before { content: "\2191"; }
.value-trend::before { content: none; }
.value-trend span { color: rgba(24, 16, 13, 0.58); font-size: 0.9375rem; line-height: 1.2; }
.results-metrics-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.results-metric-card { display: flex; flex-direction: column; min-height: 15rem; padding: 1.25rem 1.5rem 1rem; border: 1px solid rgba(72, 35, 23, 0.055); border-radius: 1.875rem; background: rgba(255, 255, 255, 0.84); box-shadow: 0 22px 48px rgba(72, 35, 23, 0.09); backdrop-filter: blur(20px); }
.metric-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.125rem; }
.metric-icon { display: inline-flex; width: 3.75rem; height: 3.75rem; align-items: center; justify-content: center; border-radius: 1.125rem; transition: transform 240ms var(--ease-smooth); }
.metric-icon svg { width: 1.75rem; height: 1.75rem; }
.metric-icon path, .metric-icon circle { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.6; }
.results-metric-card h3 { margin: 0.75rem 0 0.25rem; font-family: var(--font-tobias); font-size: clamp(2.25rem, 2.6vw, 3rem); font-weight: 500; letter-spacing: -0.01em; line-height: 1.1; color: #080504; }
.results-metric-card p { margin: 0 0 0.75rem; color: rgba(8, 5, 4, 0.65); font-size: 1rem; font-weight: 400; line-height: 1.2; }
.results-chart { width: 100%; height: 4rem; overflow: visible; margin-top: auto; }
.chart-line { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; vector-effect: non-scaling-stroke; }
.chart-axis { fill: none; stroke: rgba(8, 5, 4, 0.08); stroke-width: 1; vector-effect: non-scaling-stroke; }
.chart-area { opacity: 1; }
.results-metric-card[data-tone="sky"] .chart-area { fill: url(#blueGradient); }
.results-metric-card[data-tone="positive"] .chart-area { fill: url(#greenGradient); }
.results-metric-card[data-tone="violet"] .chart-area { fill: url(#purpleGradient); }
.results-metric-card[data-tone="accent"] .chart-area { fill: url(#limeGradient); }
.results-metric-card .metric-icon { border-radius: 1.25rem; }
.results-metric-card[data-tone="sky"] .metric-icon { background: #eef5ff; color: var(--tone-sky); }
.results-metric-card[data-tone="sky"] .chart-line { stroke: var(--tone-sky); }
.results-metric-card[data-tone="sky"] .chart-dot { stroke: var(--tone-sky); fill: var(--tone-sky); }
.results-metric-card[data-tone="positive"] .metric-icon { background: #f0f7e6; color: var(--tone-positive); }
.results-metric-card[data-tone="positive"] .chart-line { stroke: var(--tone-positive); }
.results-metric-card[data-tone="positive"] .chart-dot { stroke: var(--tone-positive); fill: var(--tone-positive); }
.results-metric-card[data-tone="violet"] .metric-icon { background: #f6eeff; color: var(--tone-violet); }
.results-metric-card[data-tone="violet"] .chart-line { stroke: var(--tone-violet); }
.results-metric-card[data-tone="violet"] .chart-dot { stroke: var(--tone-violet); fill: var(--tone-violet); }
.results-metric-card[data-tone="accent"] .metric-icon { background: #f8fbdf; color: var(--tone-accent); }
.results-metric-card[data-tone="accent"] .chart-line { stroke: var(--tone-accent); }
.results-metric-card[data-tone="accent"] .chart-dot { stroke: var(--tone-accent); fill: var(--tone-accent); }
.results-chart .chart-dot { animation: subtle-pulse 2.8s ease-in-out infinite; }
.results-trust-bar { position: relative; z-index: 2; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(13.125rem, 0.62fr) auto 0.0625rem minmax(0, 1.38fr); align-items: center; gap: clamp(1rem, 1.5vw, 1.375rem); min-height: auto; margin-top: 1rem; padding: 1.25rem clamp(1.25rem, 2vw, 1.75rem); border: 1px solid rgba(72, 35, 23, 0.055); border-radius: 1.75rem; background: rgba(255, 255, 255, 0.86); box-shadow: 0 22px 48px rgba(72, 35, 23, 0.08); backdrop-filter: blur(20px); }
.results-trust-bar p { margin: 0; color: #090604; font-size: 1.1875rem; line-height: 1.45; }
.results-avatars { display: flex; align-items: center; }
.results-avatars span, .results-avatars em { width: 3.25rem; height: 3.25rem; margin-left: 0.625rem; border: 0.125rem solid rgba(255, 255, 255, 0.92); border-radius: 50%; box-shadow: 0 10px 18px rgba(72, 35, 23, 0.12); }
.results-avatars span { background: radial-gradient(circle at 50% 33%, var(--hair) 0 17%, transparent 18%), radial-gradient(circle at 50% 42%, var(--skin) 0 28%, transparent 29%), radial-gradient(circle at 50% 101%, #f4f5f7 0 33%, transparent 34%), linear-gradient(135deg, #bfd7ef, #f4d2b8); }
.results-avatars span:first-child { margin-left: 0; }
.results-avatars em { display: inline-flex; align-items: center; justify-content: center; background: #f2f2f2; color: #090604; font-size: 1.3125rem; font-style: normal; }
.trust-divider { width: 0.0625rem; height: 3.5rem; background: rgba(72, 35, 23, 0.14); }
.brand-strip { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(0.875rem, 1.45vw, 1.5rem); }
.brand-logo { display: inline-flex; min-width: 0; flex: 0 1 auto; align-items: center; justify-content: flex-start; gap: 0.5625rem; color: #2e2926; }
.brand-logo svg { width: 2.125rem; height: 2.125rem; flex: 0 0 auto; }
.brand-logo path, .brand-logo circle { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.brand-logo span { min-width: 0; }
.brand-logo strong, .brand-logo small { display: block; white-space: nowrap; }
.brand-logo strong { font-size: 0.9375rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1; }
.brand-logo small { margin-top: 0.25rem; color: rgba(46, 41, 38, 0.66); font-size: 0.5rem; font-weight: 700; letter-spacing: 0.18em; line-height: 1; }
.greenleaf { color: #6daf1e; }
.greenleaf strong, .dental strong, .brightpath strong, .primehome strong, .fithouse strong { color: #2e2926; }
.dental { color: #3a3836; }
.brightpath { color: #5f5b56; }
.primehome { color: #1764d8; }
.fithouse { color: #3a3836; }

/* ===== GOOGLE CALLS ===== */
.google-calls-section {position: relative;width: min(100%, 112rem);min-height: auto;margin: 0 auto;display: grid;grid-template-columns: minmax(30rem, 35rem) minmax(0, 1fr);gap: 1.125rem;overflow: hidden;padding: 3rem 5rem 2rem;background: transparent;color: #070504;}
.google-calls-section::before { position: absolute; left: 7.25rem; bottom: 7.375rem; width: 21.25rem; height: 21.25rem; border-radius: 50%; background: none; background-size: 2.25rem 2.25rem; content: ""; opacity: 0; }
.google-calls-copy { position: relative; z-index: 3; min-width: 0; }
.ads-pill { width: fit-content; display: inline-flex; align-items: center; gap: 1rem; margin-bottom: 1.625rem; padding: 0.625rem 1.375rem 0.625rem 1.25rem; border: 1px solid rgba(18, 24, 38, 0.12); border-radius: 62.4375rem; background: rgba(255, 255, 255, 0.72); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); color: #141925; font-size: 1.125rem; line-height: 1; }
.ads-logo-mini { position: relative; display: inline-block; flex: 0 0 auto; width: 2.125rem; height: 1.875rem; }
.ads-mark-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.ads-mark-image-small { width: 2.125rem; height: 1.875rem; }
.ads-logo-mini span { position: absolute; display: block; border-radius: 62.4375rem; }
.ads-logo-mini span:nth-child(1) { left: 0.1875rem; bottom: 0.1875rem; width: 0.6875rem; height: 1.375rem; background: #34a853; transform: rotate(28deg); transform-origin: bottom center; }
.ads-logo-mini span:nth-child(2) { left: 0.625rem; bottom: 0.1875rem; width: 0.6875rem; height: 1.875rem; background: #fbbc04; transform: rotate(28deg); transform-origin: bottom center; }
.ads-logo-mini span:nth-child(3) { left: 1.125rem; bottom: 0.125rem; width: 0.8125rem; height: 2.125rem; background: #4285f4; transform: rotate(-27deg); transform-origin: bottom center; }
.google-calls-copy h2 { position: relative; margin: 0; font-family: var(--font-tobias); font-size: 3.25rem; font-weight: 500; letter-spacing: 0; line-height: 1.08; }
.google-calls-text { max-width: 35.3125rem; margin: 1.25rem 0 0; color: #242733; font-size: 1.0625rem; line-height: 1.62; }
.google-calls-right { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.google-calls-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-top: 0; }
.google-calls-copy .google-calls-points { grid-template-columns: 1fr; gap: 0.875rem; max-width: 35.3125rem; margin-top: 1.5rem; }
.google-calls-points article { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); align-items: start; gap: 1.375rem; }
.google-calls-copy .google-calls-points article { grid-template-columns: 2.875rem minmax(0, 1fr); gap: 1rem; align-items: center; }
.point-icon { width: 3.25rem; height: 3.25rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #ecf8a9; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95); }
.google-calls-copy .point-icon { width: 2.875rem; height: 2.875rem; }
.point-icon svg { width: 1.75rem; height: 1.75rem; }
.google-calls-copy .point-icon svg { width: 1.5rem; height: 1.5rem; }
.point-icon path, .point-icon circle { fill: none; stroke: #050403; stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; }
.google-calls-points h3 { margin: 0.1875rem 0 0.4375rem; color: #090604; font-size: 1.3125rem; font-weight: 700; letter-spacing: 0; line-height: 1.15; }
.google-calls-copy .google-calls-points h3 { margin: 0 0 0.25rem; font-size: 1.0625rem; line-height: 1.18; }
.google-calls-points p { margin: 0; color: #2b2e39; font-size: 1.0625rem; line-height: 1.38; }
.google-calls-copy .google-calls-points p { font-size: 0.9375rem; line-height: 1.42; }
.google-calls-button { min-width: 16.875rem; min-height: 3.25rem; margin-top: 1.25rem; padding: 0 1.75rem; border-radius: 1.1875rem; font-weight: 700; }
.google-calls-art { position: relative; min-width: 0; min-height: 28rem; margin-top: 1rem; transform: scale(0.85); transform-origin: top left; }
.calls-blob, .calls-grid-orb, .calls-service-photo, .calls-card, .ads-logo-badge, .map-pin-large, .qualified-call, .calls-route { position: absolute; }
.calls-blob { filter: blur(0.20px); opacity: 0.9; animation: soft-drift 8s ease-in-out infinite alternate; }
.calls-blob[data-tone="sky"] { top: 0; right: 7.75rem; width: 26.875rem; height: 21rem; border-radius: 49% 33% 48% 29% / 35% 46% 39% 50%; background: rgba(152, 205, 249, 0.78); transform: rotate(-14deg); }
.calls-blob[data-tone="accent"] { top: 18.125rem; right: 0.5rem; width: 18.9375rem; height: 26.25rem; border-radius: 44% 49% 40% 55% / 37% 34% 58% 61%; background: rgba(205, 226, 61, 0.76); transform: rotate(-23deg); animation-delay: -2.8s; }
.calls-blob-soft { left: 1rem; top: 14.75rem; width: 42.5rem; height: 38.125rem; border-radius: 48% 50% 46% 54% / 42% 38% 58% 50%; background: radial-gradient(circle at 78% 82%, rgba(109, 164, 237, 0.44), transparent 32%), radial-gradient(circle at 24% 26%, rgba(177, 220, 252, 0.7), transparent 47%), rgba(177, 220, 252, 0.5); }
.calls-grid-orb { left: 2.25rem; top: 28.5rem; width: 11.875rem; height: 8rem; border-radius: 62.4375rem; background: linear-gradient(32deg, transparent 0 45%, rgba(255, 255, 255, 0.78) 45% 47%, transparent 47% 100%), linear-gradient(122deg, transparent 0 45%, rgba(255, 255, 255, 0.72) 45% 47%, transparent 47% 100%); background-color: rgba(152, 205, 249, 0.35); background-size: 2rem 2rem; transform: rotate(-17deg); }
.calls-route { fill: none; stroke: rgba(124, 152, 185, 0.44); stroke-dasharray: 12 11; stroke-linecap: round; stroke-width: 3; }
.calls-route-top { top: 9.0625rem; right: 1.3125rem; width: 14.375rem; height: 11.875rem; }
.calls-route-bottom { right: 1.25rem; bottom: 5.375rem; width: 17.5rem; height: 11.125rem; }
.map-pin-large { top: 18.25rem; right: 8.75rem; width: 2.8125rem; height: 2.8125rem; border-radius: 50% 50% 50% 0; background: linear-gradient(135deg, #c2d800, #72af10); box-shadow: 0 16px 28px rgba(111, 154, 16, 0.22); transform: rotate(-45deg); }
.map-pin-large::after { position: absolute; top: 0.75rem; left: 0.75rem; width: 1.3125rem; height: 1.3125rem; border-radius: 50%; background: #fff; content: ""; }
.ads-logo-badge { z-index: 7; top: 2.875rem; left: 28.25rem; width: 8.625rem; height: 8.625rem; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.95); box-shadow: 0 24px 48px rgba(9, 20, 38, 0.12); }
.ads-mark-image-large { width: 4.5rem; height: 5.625rem; }
.calls-card, .qualified-call { z-index: 5; border: 1px solid rgba(18, 24, 38, 0.08); background: rgba(255, 255, 255, 0.84); box-shadow: 0 23px 58px rgba(36, 67, 107, 0.16); backdrop-filter: blur(18px); }
.calls-card { border-radius: 1.125rem; }
.calls-card h3 { margin: 0; color: #070504; font-size: 1rem; font-weight: 700; letter-spacing: 0; line-height: 1; }
.calls-card header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.calls-card button { height: 1.875rem; padding: 0 0.8125rem; border: 1px solid rgba(18, 24, 38, 0.08); border-radius: 62.4375rem; background: rgba(255, 255, 255, 0.5); color: #212531; font-size: 0.75rem; cursor: pointer; }
.campaign-performance { top: 5.375rem; left: 6.625rem; width: 43.875rem; min-height: 14.5rem; padding: 1.75rem 1.625rem 1.25rem; }
.performance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-top: 1.4375rem; }
.mini-stat { min-height: 8.25rem; padding: 1.125rem 1rem 0.75rem; border: 1px solid rgba(18, 24, 38, 0.08); border-radius: 0.875rem; background: rgba(255, 255, 255, 0.5); }
.mini-stat span, .lead-cost small { display: block; color: #1e2430; font-size: 0.8125rem; line-height: 1; }
.mini-stat strong { display: flex; align-items: center; gap: 0.8125rem; margin-top: 0.75rem; font-size: 1.5rem; font-weight: 700; line-height: 1; white-space: nowrap; }
.mini-stat em, .lead-cost em, .calls-popover span, .campaign-row em { color: #4b9411; font-size: 0.875rem; font-style: normal; font-weight: 600; white-space: nowrap; }
.mini-stat svg { width: 100%; height: 2.875rem; margin-top: 1.125rem; overflow: visible; }
.mini-stat path { fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.mini-stat[data-tone="sky"] path { stroke: var(--tone-sky); }
.mini-stat[data-tone="positive"] path { stroke: var(--tone-positive); }
.mini-stat[data-tone="violet"] path { stroke: var(--tone-violet); }
.top-campaigns { top: 20.75rem; left: 4.25rem; width: 27rem; min-height: 17.625rem; padding: 1.375rem 1.375rem 0.8125rem; }
.table-head, .campaign-row {display: grid;grid-template-columns: minmax(2rem, 1fr) 3.4375rem 6rem 5.625rem;align-items: center;}

.table-head span:nth-child(3) {
    grid-column: 4;
}

.table-head {}
.table-head {margin: 1.4375rem 0 0;padding-bottom: 0.5rem;border-bottom: 1px solid rgba(18, 24, 38, 0.08);color: #5d6470;font-size: 0.6875rem;/* justify-content: center; */justify-items: center;}

span {}

span {}
.campaign-row { min-height: 3.1875rem; border-bottom: 1px solid rgba(18, 24, 38, 0.08); font-size: 0.8125rem; }
.campaign-row:last-child { border-bottom: 0; }
.campaign-row > span { position: relative; min-width: 0; display: block; padding-left: 1.75rem; }
.campaign-row i { position: absolute; top: 0.5rem; left: 0; width: 0.6875rem; height: 0.6875rem; border-radius: 50%; background: #cfd6d2; }
.campaign-row.active i { background: #19b84f; }
.campaign-row strong, .campaign-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.campaign-row strong { color: #15161a; font-weight: 500; }
.campaign-row small { position: relative; margin-top: 0.25rem; padding-left: 0.625rem; color: #434b55; font-size: 0.625rem; }
.campaign-row small::before { position: absolute; top: 0.1875rem; left: 0; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #66ad18; content: ""; }
.campaign-row b, .keyword-grid b {color: #080807;font-size: 0.875rem;font-weight: 600;text-align: center;}
.keyword-performance { top: 20.25rem; left: 33.25rem; width: 27.375rem; min-height: 17.375rem; padding: 1.375rem 1.3125rem 0.875rem; }
.keyword-grid { display: grid; grid-template-columns: minmax(10.5rem, 1fr) 3.375rem 3.375rem 5.125rem; align-items: center; min-height: 2.25rem; border-bottom: 1px solid rgba(18, 24, 38, 0.07); column-gap: 0.625rem; font-size: 0.8125rem; }
.keyword-grid:last-child { border-bottom: 0; }
.keyword-grid.head { min-height: 2.8125rem; color: #68707c; font-size: 0.6875rem; }
.keyword-grid span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversion-chart {top: 20.25rem;left: 30.5rem;width: 26.875rem;min-height: 15rem;padding: 1.5rem 1.5rem 1.375rem;}
.bar-chart { position: relative; height: 9.0625rem; display: grid; grid-template-columns: repeat(9, 1fr); align-items: end; gap: 1.5rem; margin-top: 1.625rem; padding: 0 0.875rem 0.75rem; border-left: 1px solid rgba(18, 24, 38, 0.08); border-bottom: 1px solid rgba(18, 24, 38, 0.08); background: repeating-linear-gradient(0deg, rgba(18, 24, 38, 0.07) 0 1px, transparent 1px 34px); }
.bar-chart span { height: var(--h); border-radius: 0.3125rem 0.3125rem 0.125rem 0.125rem; background: linear-gradient(180deg, #b9dc00, #d9ef1d); }
.calls-popover { position: absolute; top: 4.25rem; right: 1.625rem; width: 8.5rem; height: 4.875rem; display: grid; align-content: center; gap: 0.5625rem; padding: 0 1.25rem; border: 1px solid rgba(18, 24, 38, 0.07); border-radius: 1rem; background: rgba(255, 255, 255, 0.92); box-shadow: 0 15px 35px rgba(36, 67, 107, 0.14); }
.calls-popover strong { font-size: 1.125rem; font-weight: 500; }
.lead-cost { top: 39.25rem; left: 42.125rem; width: 18.25rem; min-height: 8.125rem; display: grid; grid-template-columns: 3.625rem minmax(0, 1fr); align-items: center; gap: 1.25rem; padding: 1.5rem 1.5625rem; border-radius: 1.0625rem; background: rgba(248, 240, 255, 0.88); }
.lead-icon { width: 3.5rem; height: 3.5rem; display: grid; place-items: center; border-radius: 50%; background: #e7d9ff; color: #9f65ff; }
.lead-icon svg { width: 1.9375rem; height: 1.9375rem; }
.lead-icon path { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.lead-cost strong { display: flex; align-items: baseline; gap: 0.6875rem; margin-top: 0.625rem; font-size: 1.8125rem; line-height: 1; white-space: nowrap; }
.lead-cost p { margin: 0.5625rem 0 0; color: #535b67; font-size: 0.875rem; }
.qualified-call { right: 4.375rem; bottom: 1.375rem; width: 18.625rem; min-height: 4.75rem; display: grid; grid-template-columns: 3.125rem minmax(0, 1fr); align-items: center; gap: 1rem; padding: 0.75rem 1.125rem; border-radius: 1.125rem; }
.qualified-call .point-icon { width: 2.75rem; height: 2.75rem; }
.qualified-call .point-icon svg {width: 2rem;he;height: 3.25rem;}
.qualified-call strong, .qualified-call span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qualified-call strong { font-size: 1rem; font-weight: 700; }
.qualified-call span { margin-top: 0.3125rem; color: #58606d; font-size: 0.8125rem; }
.calls-service-photo { z-index: 2; left: 1.0625rem; bottom: 2.375rem; width: 25.75rem; height: 14.75rem; overflow: hidden; border-radius: 50% 50% 42% 48%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0 62%, rgba(43, 76, 42, 0.15) 62% 100%), linear-gradient(90deg, #e7ddd2 0 32%, #c9bbaa 32% 55%, #eee6db 55% 100%); box-shadow: 0 20px 42px rgba(36, 67, 107, 0.11); }
.van-scene { position: absolute; inset: 0; }
.van-scene::before { position: absolute; left: 4.375rem; top: 2.375rem; width: 15.625rem; height: 3.125rem; background: repeating-linear-gradient(90deg, #9a8d81 0 35px, #756b62 35px 39px); content: ""; transform: skewX(-11deg); }
.van-scene::after { position: absolute; right: 0.5rem; bottom: 0; width: 10.625rem; height: 3.875rem; border-radius: 80% 0.75rem 0 0; background: linear-gradient(180deg, #6b8a35, #304718); content: ""; }
.van-roof { position: absolute; left: 0; top: 5.75rem; width: 11.75rem; height: 1.5rem; background: #d8dde0; transform: skewX(-14deg); }
.van-body { position: absolute; left: 0.125rem; top: 7.125rem; width: 16.875rem; height: 7rem; border-radius: 0.3125rem 2.625rem 0.5rem 0; background: #f7f8f4; box-shadow: inset 11px 0 0 rgba(208, 214, 214, 0.7); }
.van-cab { position: absolute; left: 12.375rem; top: 7.625rem; width: 5.5rem; height: 6.5rem; border-radius: 0.875rem 2.5rem 0.375rem 0; background: #eef0ed; transform: skewX(-8deg); }
.van-window { position: absolute; left: 13.375rem; top: 8.375rem; width: 3rem; height: 2.6875rem; border-radius: 0.625rem 1.625rem 0.3125rem 0.3125rem; background: linear-gradient(145deg, #98bdd0, #3f677b); transform: skewX(-8deg); }
.van-wheel { position: absolute; top: 12.8125rem; width: 2.375rem; height: 2.375rem; border-radius: 50%; background: #15191b; box-shadow: inset 0 0 0 9px #687174; }
.wheel-one { left: 3.875rem; }
.wheel-two { left: 13.3125rem; }
.van-scene strong { position: absolute; left: 1.5625rem; top: 8.875rem; color: #246ca2; font-size: 1.5625rem; font-weight: 800; line-height: 0.98; transform: rotate(-4deg); }

/* ===== SHOPPING SHOWCASE ===== */
.shopping-showcase-section { position: relative; display: grid; width: min(100%, 112rem); min-height: auto; grid-template-columns: minmax(33.75rem, 43.125rem) minmax(53.125rem, 1fr); align-items: center; gap: 1.75rem; margin: 0 auto; padding: 3rem 4.5rem 3rem; overflow: hidden; background: transparent; }
.shopping-showcase-section::before { position: absolute; inset: 0; z-index: 0; background: none; content: ""; }
.shopping-showcase-copy, .shopping-showcase-art { position: relative; z-index: 1; }
.shopping-showcase-copy { align-self: stretch; display: flex; flex-direction: column; justify-content: center; min-height: auto; padding-top: 0.75rem; }
.shopping-showcase-pill { width: fit-content; display: inline-flex; align-items: center; gap: 0.625rem; margin-bottom: 1.5rem; padding: 0.625rem 1.125rem 0.625rem 0.875rem; border: 1px solid rgba(34, 42, 58, 0.11); border-radius: 62.4375rem; background: rgba(255, 255, 255, 0.74); box-shadow: 0 11px 36px rgba(46, 35, 24, 0.07); color: #313340; font-size: 1rem; line-height: 1; }
.shopping-bag-icon { display: inline-flex; width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; color: #2f82ff; }
.shopping-bag-icon svg { width: 1.4375rem; height: 1.4375rem; }
.shopping-bag-icon path { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.shopping-showcase-copy h2 { margin: 0; color: #050302; font-family: var(--font-tobias); font-size: clamp(3rem, 3.2vw, 3.5rem); font-weight: 500; line-height: 1.04; letter-spacing: 0; }
.shopping-showcase-copy h2 span { display: block; }
.shopping-showcase-copy h2 mark { z-index: 0; padding: 0; background: transparent; color: inherit; }
.shopping-showcase-text { max-width: 36.625rem; margin: 1.5rem 0 0; color: #1f2f48; font-size: 1.125rem; line-height: 1.48; }
.shopping-showcase-button { width: fit-content; min-width: 16rem; min-height: 3.25rem; gap: 1rem; margin-top: 1.25rem; padding: 0 1.5rem 0 1.5rem; border-radius: 1.0625rem; font-size: 1rem; font-weight: 600; }
.roas-icon path { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.shopping-benefit-strip { display: grid; width: min(100%, 34.25rem); grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(1.5rem, 2vw, 2rem); padding: 1.375rem 1.0625rem 1.25rem; border: 1px solid rgba(18, 26, 38, 0.06); border-radius: 1.1875rem; background: rgba(255, 255, 255, 0.86); box-shadow: 0 20px 54px rgba(46, 35, 24, 0.09); }
.shopping-benefit-strip article { display: grid; justify-items: center; min-height: 7rem; align-content: center; padding: 0 0.625rem; text-align: center; }
.shopping-benefit-strip article + article { border-left: 1px solid rgba(22, 28, 38, 0.09); }
.benefit-icon { display: inline-flex; width: 3.875rem; height: 3.875rem; align-items: center; justify-content: center; margin-bottom: 0.875rem; border-radius: 50%; }
.benefit-icon svg { width: 1.9375rem; height: 1.9375rem; }
.benefit-icon path, .benefit-icon circle, .feed-icon path { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.benefit-icon[data-tone="positive"] { background: #edf8dc; color: var(--tone-positive); }
.benefit-icon[data-tone="violet"] { background: #eee1ff; color: var(--tone-violet); }
.benefit-icon[data-tone="sky"] { background: #e8f2ff; color: var(--tone-sky); }
.benefit-icon[data-icon="star"] path { fill: currentColor; }
.shopping-benefit-strip strong { color: #161922; font-size: 0.875rem; font-weight: 500; line-height: 1.25; }
.shopping-showcase-art { height: 36rem; min-width: 0; }
.shopping-blob, .shopping-map-disk, .shopping-ui-card, .shopping-trust-card { position: absolute; }
.shopping-blob { z-index: 0; pointer-events: none; }
.shopping-blob[data-tone="sky"] { top: 1.4375rem; left: 5.25rem; width: 57.75rem; height: 36.75rem; border-radius: 47% 45% 46% 44% / 44% 38% 54% 47%; background: #acd5ff; opacity: 0.82; transform: rotate(-3deg); }
.shopping-blob[data-tone="sky"]::after { position: absolute; right: 7.375rem; top: 9.875rem; width: 22.25rem; height: 13.125rem; border-radius: 45% 60% 48% 52% / 58% 54% 46% 45%; background: inherit; content: ""; }
.shopping-blob[data-tone="accent"] { right: 1.375rem; top: 24.375rem; width: 19.625rem; height: 22.5rem; border-radius: 52% 43% 48% 50% / 44% 52% 47% 55%; background: #e0f65a; opacity: 0.84; }
.shopping-blob[data-tone="accent"]::after { position: absolute; right: 1.625rem; top: 7.375rem; width: 6rem; height: 8.125rem; border-radius: 50%; background: #fbfaf8; content: ""; }
.shopping-blob[data-tone="violet"] { right: 4.125rem; bottom: 1.125rem; width: 45.25rem; height: 20rem; border-radius: 50% 48% 46% 54% / 44% 54% 46% 48%; background: #c8b2fb; opacity: 0.63; transform: rotate(8deg); }
.shopping-map-disk { z-index: 1; overflow: hidden; border-radius: 50%; background: linear-gradient(35deg, transparent 0 44%, rgba(255, 255, 255, 0.35) 44% 46%, transparent 46% 100%), repeating-linear-gradient(23deg, rgba(255, 255, 255, 0.42) 0 2px, transparent 2px 42px), repeating-linear-gradient(116deg, rgba(255, 255, 255, 0.38) 0 2px, transparent 2px 36px), rgba(186, 217, 249, 0.62); }
.shopping-map-disk-left { left: 10.125rem; top: 28rem; width: 16.375rem; height: 10.625rem; border-radius: 50%; }
.shopping-map-disk-bottom { left: 4.375rem; bottom: 1.5rem; width: 14.75rem; height: 10.125rem; background-color: rgba(206, 219, 255, 0.52); }
.shopping-ui-card, .shopping-trust-card { z-index: 4; border: 1px solid rgba(31, 42, 61, 0.06); background: rgba(255, 255, 255, 0.91); box-shadow: 0 24px 64px rgba(45, 42, 52, 0.12); backdrop-filter: blur(12px); }
.shopping-performance-card { top: 2.125rem; left: 4.375rem; width: 35rem; min-height: 15rem; padding: 1.75rem 1.75rem 1.375rem; border-radius: 1.5rem; }
.shopping-performance-card header, .shopping-products-card header, .shopping-feed-card header { display: flex; align-items: center; justify-content: space-between; }
.shopping-performance-card h3, .shopping-products-card h3, .shopping-feed-health h3, .shopping-feed-card h3 { margin: 0; color: #10131c; font-size: 1rem; font-weight: 600; line-height: 1.2; }
.shopping-performance-card button { padding: 0.5625rem 0.875rem; border: 1px solid rgba(23, 32, 46, 0.08); border-radius: 0.75rem; background: rgba(255, 255, 255, 0.7); color: #1c2638; font-size: 0.8125rem; cursor: pointer; }
.shopping-performance-card button::after { display: inline-block; width: 0.375rem; height: 0.375rem; margin: 0 0 0.1875rem 0.5rem; border-right: 1.50px solid currentColor; border-bottom: 1.50px solid currentColor; content: ""; transform: rotate(45deg); }
.shopping-performance-body { display: grid; grid-template-columns: 10rem 1fr; margin-top: 1.25rem; border: 1px solid rgba(26, 36, 52, 0.06); border-radius: 0.75rem; overflow: hidden; }
.shopping-performance-stats { padding: 1.0625rem 1.125rem 1rem; border-right: 1px solid rgba(26, 36, 52, 0.06); }
.shopping-performance-stats span { display: block; color: #1d283b; font-size: 0.8125rem; }
.shopping-performance-stats strong { display: block; margin: 0.4375rem 0 1.25rem; color: #050302; font-size: 1.5rem; font-weight: 700; line-height: 1; }
.shopping-performance-stats strong:last-child { margin-bottom: 0; }
.shopping-performance-stats em, .shopping-roas-card em { color: #4d9c11; font-size: 0.8125rem; font-style: normal; font-weight: 700; }
.shopping-performance-body svg { width: 100%; height: 8.6875rem; padding: 0.25rem 0.75rem 0 0; }
.shopping-performance-body circle { fill: #2678ff; }
.chart-fill { fill: rgba(36, 121, 255, 0.08); }
.chart-line { fill: none; stroke: #2479ff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3.2; }
.chart-guide { fill: none; stroke: rgba(36, 121, 255, 0.25); stroke-dasharray: 7 7; stroke-width: 2; }
.shopping-roas-card { top: 8.3125rem; right: 2.625rem; width: 14.875rem; min-height: 9.625rem; padding: 1.5rem 1.5rem; border-radius: 1.375rem; background: linear-gradient(135deg, rgba(255, 238, 255, 0.94), rgba(224, 208, 255, 0.92)); }
.shopping-roas-card span, .shopping-roas-card small { display: block; color: #202437; font-size: 0.875rem; }
.shopping-roas-card strong { display: block; margin: 0.875rem 0 0.625rem; color: #050302; font-size: 2rem; line-height: 1; }
.shopping-roas-card em { display: inline-flex; align-items: center; margin-left: 0.5rem; padding: 0.375rem 0.5625rem; border-radius: 62.4375rem; background: rgba(201, 236, 160, 0.58); font-size: 0.8125rem; }
.roas-icon { position: absolute; right: 1.25rem; bottom: 1.125rem; display: inline-flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; border-radius: 50%; background: rgba(125, 79, 248, 0.12); color: #7d45f3; }
.roas-icon svg { width: 1.75rem; height: 1.75rem; }
.shopping-products-card { top: 18.125rem; left: 2.125rem; width: 34.75rem; min-height: 19.875rem; padding: 1.375rem 1.375rem 1.25rem; border-radius: 1.375rem; }
.shopping-products-card header { margin-bottom: 1rem; }
.shopping-products-card header > span { color: #7f8695; font-size: 1.1875rem; letter-spacing: 0; }
.shopping-products-card h3 { display: inline-flex; align-items: center; gap: 0.75rem; font-size: 1.125rem; }
.google-g { color: #4285f4; font-weight: 800; }
.shopping-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.875rem; }
.shopping-product-grid article { overflow: hidden; min-height: 15.125rem; border: 1px solid rgba(20, 28, 42, 0.07); border-radius: 0.8125rem; background: rgba(255, 255, 255, 0.74); }
.shopping-product-grid img, .sideboard-illustration { width: 100%; height: 9.125rem; background: #f4f2ef; }
.shopping-product-grid img { display: block; object-fit: cover; }
.shopping-product-grid strong, .shopping-product-grid span, .shopping-product-grid small { display: block; padding: 0 0.75rem; }
.shopping-product-grid strong { margin-top: 0.8125rem; color: #111522; font-size: 0.8125rem; font-weight: 600; line-height: 1.15; }
.shopping-product-grid span { margin-top: 0.5rem; color: #050302; font-size: 0.9375rem; font-weight: 700; }
.shopping-product-grid small { margin-top: 0.5rem; color: #3d8e0a; font-size: 0.8125rem; }
.sideboard-illustration { position: relative; overflow: hidden; }
.sideboard-body { position: absolute; left: 1.375rem; right: 1.25rem; bottom: 2rem; height: 3.625rem; border-radius: 0.125rem; background: linear-gradient(90deg, #c9792b 0 49%, #b96724 49% 51%, #d28a3a 51% 100%); box-shadow: inset 0 8px 0 rgba(104, 57, 20, 0.18); }
.sideboard-body::before, .sideboard-body::after { position: absolute; top: 0.75rem; bottom: 0.75rem; width: 0.0625rem; background: rgba(102, 56, 24, 0.38); content: ""; }
.sideboard-body::before { left: 34%; }
.sideboard-body::after { right: 34%; }
.sideboard-leg { position: absolute; bottom: 1rem; width: 0.25rem; height: 1.375rem; background: #6f3b19; transform: rotate(8deg); }
.sideboard-leg-left { left: 2.1875rem; }
.sideboard-leg-right { right: 1.9375rem; transform: rotate(-8deg); }
.sideboard-plant { position: absolute; top: 1.75rem; right: 2.875rem; width: 1.1875rem; height: 1.875rem; border-radius: 0 0 0.3125rem 0.3125rem; background: #af7135; }
.sideboard-plant::before { position: absolute; left: 0.8125rem; top: 1.375rem; width: 2.8125rem; height: 1.875rem; background: radial-gradient(ellipse at 18% 55%, #3f8c28 0 28%, transparent 30%), radial-gradient(ellipse at 48% 18%, #5fa534 0 29%, transparent 31%), radial-gradient(ellipse at 76% 58%, #367e24 0 28%, transparent 30%); content: ""; }
.shopping-feed-health { left: 7.625rem; bottom: 4.375rem; width: 17.125rem; padding: 1.375rem 1.5rem 1.3125rem; border-radius: 1.125rem; }
.shopping-feed-health h3 { margin-bottom: 1.1875rem; }
.shopping-feed-health div { display: grid; grid-template-columns: 1.9375rem 1fr auto; align-items: center; gap: 0.625rem; margin-top: 0.9375rem; color: #0f1520; font-size: 0.875rem; }
.shopping-feed-health strong { font-size: 0.9375rem; }
.shopping-feed-health .green { color: #2fb31e; }
.check-dot { display: inline-flex; width: 1.6875rem; height: 1.6875rem; align-items: center; justify-content: center; border-radius: 50%; background: #edf8dc; color: #4e9711; }
.check-dot::before { content: "\2713"; font-size: 1rem; font-weight: 800; }
.shopping-feed-card { top: 18.75rem; right: 1rem; width: 15rem; min-height: 24.125rem; padding: 1.0625rem 1rem 0.9375rem; border-radius: 1.25rem; }
.shopping-feed-card header { gap: 1rem; justify-content: flex-start; }
.feed-icon { display: inline-flex; width: 1.75rem; height: 1.75rem; align-items: center; justify-content: center; border-radius: 0.3125rem; background: #43d334; color: #fff; }
.feed-icon svg { width: 1.25rem; height: 1.25rem; }
.shopping-feed-card header small { margin-left: auto; padding: 0.4375rem 0.6875rem; border-radius: 62.4375rem; background: #eaf9df; color: #318200; font-size: 0.75rem; }
.feed-chip-grid { display: flex; flex-wrap: wrap; gap: 0.6875rem 0.5rem; margin-top: 1.5rem; }
.feed-chip-grid span { padding: 0.625rem 1rem; border-radius: 0.5625rem; background: rgba(238, 240, 231, 0.78); color: #33333b; font-size: 0.8125rem; }
.shopping-feed-card p { display: flex; align-items: center; gap: 0.5625rem; margin: 1.25rem 1.5rem 1.125rem; padding: 1rem 1.5rem 1.125rem; border-top: 1px solid rgba(25, 33, 48, 0.06); color: #242936; font-size: 0.8125rem; }
.shopping-feed-card p .check-dot { width: 1.25rem; height: 1.25rem; background: transparent; }
.shopping-trust-card { right: 0.3125rem; bottom: 4.1875rem; display: flex; width: 19.5rem; min-height: 5.5rem; align-items: center; gap: 1.25rem; padding: 0.9375rem 1.125rem; border-radius: 1.125rem; }
.trust-avatars { display: flex; min-width: 6.5625rem; }
.trust-avatars span { display: block; width: 2.875rem; height: 2.875rem; border: 0.1875rem solid #fff; border-radius: 50%; background: radial-gradient(circle at 50% 34%, #1b1716 0 16%, transparent 17%), radial-gradient(circle at 50% 44%, #b77a42 0 23%, transparent 24%), linear-gradient(180deg, #d9eef8 0 54%, #266b9e 55% 100%); }
.trust-avatars span + span { margin-left: 0.75rem; }
.trust-avatars span:nth-child(2) { background: radial-gradient(circle at 50% 32%, #281712 0 18%, transparent 19%), radial-gradient(circle at 50% 45%, #c68958 0 24%, transparent 25%), linear-gradient(180deg, #f8ead7 0 54%, #d28d48 55% 100%); }
.trust-avatars span:nth-child(3) { background: radial-gradient(circle at 50% 28%, #191717 0 20%, transparent 21%), radial-gradient(circle at 50% 45%, #9a6b45 0 24%, transparent 25%), linear-gradient(180deg, #f6f0e6 0 54%, #1f2b32 55% 100%); }
.shopping-trust-card p { margin: 0; color: #252b3a; font-size: 0.9375rem; line-height: 1.35; }

/* ===== TESTIMONIALS ===== */
.testimonials-section { position: relative; width: min(100%, 112rem); margin: 0 auto; padding: 3rem clamp(2.25rem, 5.1vw, 6rem) 2rem; overflow: hidden; }
.testimonials-section::before, .testimonials-section::after { position: absolute; content: ""; pointer-events: none; }
.testimonials-section::before { top: 7.25rem; right: -4rem; width: 41rem; height: 34rem; border-radius: 42% 58% 48% 52% / 44% 42% 58% 56%; background: radial-gradient(circle at 76% 67%, rgba(236, 249, 86, 0.46) 0 19%, transparent 21%), radial-gradient(circle at 28% 42%, rgba(177, 220, 252, 0.56) 0 52%, transparent 55%), linear-gradient(145deg, rgba(250, 250, 250, 0.16), rgba(223, 245, 221, 0.32)); opacity: 0.66; }
.testimonials-section::after { right: 2rem; bottom: 7rem; width: 9.5rem; height: 9.5rem; border-radius: 50%; background: linear-gradient(35deg, transparent 0 44%, rgba(255, 255, 255, 0.26) 44% 46%, transparent 46% 100%), repeating-linear-gradient(23deg, rgba(72, 35, 23, 0.06) 0 1px, transparent 1px 25px), repeating-linear-gradient(116deg, rgba(72, 35, 23, 0.05) 0 1px, transparent 1px 23px), rgba(177, 220, 252, 0.28); }

.testimonials-shell { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(2.5rem, 4vw, 5rem); align-items: start; }

/* Left column */
.testimonials-copy { position: relative; z-index: 2; padding-top: 0.5rem; }
.testimonials-badge { width: fit-content; display: inline-flex; align-items: center; gap: 0.625rem; margin-bottom: 2rem; padding: 0.5rem 1.125rem 0.5rem 0.875rem; border: 1px solid rgba(72, 35, 23, 0.1); border-radius: var(--radius-full); background: rgba(250, 250, 250, 0.78); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68); color: rgba(72, 35, 23, 0.84); font-size: 0.9375rem; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; }
.badge-dot { width: 1.25rem; height: 1.25rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-lemon-zest); }
.badge-dot::after { width: 0.375rem; height: 0.25rem; border-left: 2px solid var(--color-earth-clay); border-bottom: 2px solid var(--color-earth-clay); content: ""; transform: rotate(-45deg) translate(0.0625rem, -0.0625rem); }

.testimonials-copy h2 { margin: 0; font-family: var(--font-tobias); font-size: clamp(2.5rem, 3.2vw, 3.25rem); font-weight: 500; letter-spacing: -0.04em; line-height: 1.05; color: var(--color-earth-clay); }
.testimonials-copy h2 em { z-index: 0; font-style: italic; color: var(--color-accent-strong); }
.testimonials-intro { max-width: 32rem; margin: 1rem 0 0; color: rgba(72, 35, 23, 0.78); font-size: 1rem; line-height: 1.6; }

.testimonials-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem; margin-top: 1.5rem; }
.testimonials-actions .button-primary { min-width: 15rem; min-height: 3.5rem; font-size: 1rem; }
.testimonials-link { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--color-earth-clay); font-size: 1rem; font-weight: 500; transition: color 180ms ease; }
.testimonials-link svg { width: 1rem; height: 1rem; transition: transform 240ms var(--ease-smooth); }
.testimonials-link path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.testimonials-link:hover { color: var(--color-ink-strong); }
.testimonials-link:hover svg { transform: translate(0.1875rem, -0.1875rem); }

.testimonials-trust-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 1.75rem; margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid rgba(72, 35, 23, 0.08); }
.testimonials-trust-bar::before { display: block; width: 100%; margin-bottom: 0.375rem; color: rgba(72, 35, 23, 0.5); font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; content: "Trusted by"; }
.trust-logo { display: inline-flex; align-items: center; gap: 0.5rem; color: rgba(72, 35, 23, 0.65); }
.trust-logo svg { width: 1.25rem; height: 1.25rem; opacity: 0.6; }
.trust-logo path, .trust-logo circle { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.trust-logo strong { font-size: 0.8125rem; font-weight: 600; color: rgba(72, 35, 23, 0.72); }
.trust-logo small { display: block; font-size: 0.5625rem; font-weight: 700; letter-spacing: 0.16em; color: rgba(72, 35, 23, 0.45); }

/* Right column - carousel */
.testimonials-carousel { position: relative; z-index: 2; min-width: 0; }
.carousel-orbs { display: none; }
.orb { position: absolute; border-radius: 50%; filter: blur(0.5px); }
.orb-purple { top: -1.5rem; left: -1rem; width: 2.5rem; height: 2.5rem; background: linear-gradient(135deg, #a78bfa, #8b5cf6); box-shadow: 0 8px 24px rgba(139, 92, 246, 0.3); animation: orb-float 6s ease-in-out infinite alternate; }
.orb-coral { top: 40%; right: -0.75rem; width: 2rem; height: 2rem; background: linear-gradient(135deg, #fb923c, #f87171); box-shadow: 0 8px 24px rgba(251, 146, 60, 0.3); animation: orb-float 5s ease-in-out infinite alternate; animation-delay: -2s; }
.orb-lime { bottom: 3rem; left: 20%; width: 2.25rem; height: 2.25rem; background: linear-gradient(135deg, #d9f99d, #bef264); box-shadow: 0 8px 24px rgba(190, 242, 100, 0.35); animation: orb-float 7s ease-in-out infinite alternate; animation-delay: -4s; }

.carousel-stage { position: relative; overflow: hidden; padding: 0.5rem 0; }
.carousel-track { display: flex; gap: 1.25rem; transition: transform 0.55s var(--ease-smooth); cursor: grab; touch-action: pan-y; }
.carousel-track.is-dragging { cursor: grabbing; transition: none; }

.carousel-card { flex: 0 0 calc((100% - 1.25rem) / 2.15); min-height: 18rem; display: flex; flex-direction: column; position: relative; padding: 1.25rem 1.25rem 1rem; border: 1px solid rgba(72, 35, 23, 0.07); border-radius: var(--radius-card); background: rgba(250, 250, 250, 0.78); box-shadow: 0 16px 38px rgba(72, 35, 23, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.7); backdrop-filter: blur(14px); transition: transform 0.45s var(--ease-smooth), box-shadow 0.45s ease, opacity 0.45s ease, background 0.45s ease; }
.carousel-card.is-active { transform: translateY(-0.25rem); background: rgba(250, 250, 250, 0.9); box-shadow: 0 20px 44px rgba(72, 35, 23, 0.085), inset 0 1px 0 rgba(255, 255, 255, 0.82); }
.carousel-card:not(.is-active) { opacity: 0.88; transform: translateY(0.125rem); }

.card-quote-mark { position: absolute; top: 1.25rem; left: 1.5rem; font-family: var(--font-tobias); font-size: 4rem; line-height: 1; color: rgba(72, 35, 23, 0.18); opacity: 1; pointer-events: none; }
.card-label { width: fit-content; margin-left: auto; padding: 0.375rem 0.875rem; border: 1px solid rgba(72, 35, 23, 0.09); border-radius: var(--radius-full); background: rgba(236, 249, 86, 0.34); color: rgba(72, 35, 23, 0.78); font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }

.carousel-card blockquote { margin: 2rem 0 0; padding: 0; border: 0; }
.carousel-card blockquote p { margin: 0; font-family: var(--font-tobias); font-size: clamp(1.0625rem, 1.3vw, 1.25rem); font-weight: 400; line-height: 1.45; color: var(--color-earth-clay); }
.carousel-card blockquote p mark { padding: 0 0.06em; border-radius: 0.18em; background: linear-gradient(180deg, transparent 57%, rgba(236, 249, 86, 0.78) 57% 92%, transparent 92%); color: inherit; font-weight: 500; }

.card-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1rem; }
.card-author { display: flex; align-items: center; gap: 0.875rem; }
.author-avatar { width: 2.75rem; height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 1rem; background: var(--avatar-bg); color: #fff; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.02em; box-shadow: 0 4px 12px rgba(72, 35, 23, 0.1); }
.author-info strong { display: block; font-size: 0.9375rem; font-weight: 600; color: var(--color-ink-strong); line-height: 1.2; }
.author-info span { display: block; margin-top: 0.125rem; font-size: 0.8125rem; color: rgba(72, 35, 23, 0.62); line-height: 1.3; }
.author-company { font-size: 0.75rem !important; color: rgba(72, 35, 23, 0.45) !important; }

.company-logo { display: inline-flex; align-items: center; gap: 0.375rem; color: rgba(72, 35, 23, 0.4); }
.company-logo svg { width: 1.125rem; height: 1.125rem; }
.company-logo span { font-size: 0.625rem; font-weight: 600; line-height: 1.2; }

.card-metric { display: flex; align-items: center; gap: 0.5rem; margin-top: 1.125rem; padding-top: 1.125rem; border-top: 1px solid rgba(72, 35, 23, 0.06); }
.metric-arrow { color: var(--color-positive); font-size: 1.125rem; font-weight: 700; line-height: 1; }
.card-metric strong { font-size: 1.125rem; font-weight: 700; color: var(--color-positive); line-height: 1; }
.card-metric span { font-size: 0.8125rem; color: rgba(72, 35, 23, 0.6); }

/* Carousel navigation */
.carousel-nav { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-top: 1.25rem; }
.carousel-arrow { width: 3.25rem; height: 3.25rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(72, 35, 23, 0.09); border-radius: 50%; background: rgba(250, 250, 250, 0.74); box-shadow: 0 10px 22px rgba(72, 35, 23, 0.055); cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; }
.carousel-arrow svg { width: 1.25rem; height: 1.25rem; }
.carousel-arrow path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.carousel-arrow:hover { transform: translateY(-0.125rem); box-shadow: 0 12px 28px rgba(72, 35, 23, 0.08); background: rgba(255, 255, 255, 0.88); }
.carousel-arrow-right { background: var(--color-lemon-zest); border-color: transparent; }
.carousel-arrow-right:hover { background: #e5f238; }

.carousel-dots { display: flex; align-items: center; gap: 0.625rem; }
.carousel-dots span { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: rgba(72, 35, 23, 0.18); transition: width 0.3s ease, background 0.3s ease; cursor: pointer; }
.carousel-dots span.is-active { width: 1.5rem; border-radius: var(--radius-full); background: var(--color-lemon-zest); box-shadow: inset 0 0 0 1px rgba(72, 35, 23, 0.04); }

@keyframes orb-float {
  from { transform: translateY(0) rotate(0deg); }
  to { transform: translateY(-0.75rem) rotate(8deg); }
}

/* ===== CONTACT ===== */
.contact-section { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(40rem, 0.98fr); gap: 2rem; padding: 3rem clamp(2.25rem, 5.1vw, 6rem) 3rem; align-items: end; }
.contact-copy { padding-top: 0.75rem; }
.contact-header-pills { display: flex; gap: 0.75rem; margin-bottom: 1.5rem; }
.contact-badge { width: fit-content; display: inline-flex; align-items: center; gap: 0.625rem; padding: 0.5rem 1.125rem 0.5rem 0.875rem; border: 1px solid rgba(72, 35, 23, 0.1); border-radius: var(--radius-full); background: rgba(250, 250, 250, 0.78); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68); color: rgba(72, 35, 23, 0.84); font-size: 0.9375rem; font-weight: 500; letter-spacing: 0.04em; line-height: 1; text-transform: uppercase; }
.contact-copy h2 { position: relative; max-width: 40rem; font-size: clamp(3rem, 4.5vw, 4rem); line-height: 0.94; }
.contact-copy h2 span { display: block; font-family: var(--font-favorit); font-size: 0.9em; font-weight: 700; letter-spacing: -0.06em; }
.contact-accent-dot { color: #c9e500; }
.contact-copy h2::after { position: absolute; top: 10rem; left: 31.625rem; width: 3.875rem; height: 2.5rem; background: center / contain no-repeat; content: ""; background-image: url("data: image/svg+xml, %3Csvg xmlns='http: //www.w3.org/2000/svg' viewBox='0 0 62 40'%3E%3Cpath d='M7 28 11 7' stroke='%23d7f100' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M24 34 35 12' stroke='%23d7f100' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M42 35 56 24' stroke='%23d7f100' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.contact-intro { max-width: 37.5rem; margin: 1.25rem 0 0; color: rgba(72, 35, 23, 0.84); font-size: 1.0625rem; line-height: 1.6; }
.contact-methods-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.875rem; margin-top: 1.5rem; }
.contact-method-card, .contact-studio-card, .contact-form-card { border: 1px solid rgba(72, 35, 23, 0.06); background: rgba(250, 250, 250, 0.92); box-shadow: 0 22px 56px rgba(72, 35, 23, 0.08); backdrop-filter: blur(12px); }
.contact-method-card { min-height: auto; padding: 1.25rem; border-radius: 1.875rem; }
.contact-icon { width: 2.75rem; height: 2.75rem; margin-bottom: 0.75rem; background: var(--color-lemon-zest); color: #22120d; transition: transform 240ms var(--ease-smooth); }
.contact-icon svg { width: 1.4375rem; height: 1.4375rem; }
.contact-method-card h3 { margin: 0; color: #1f110d; font-size: 1.0625rem; font-weight: 500; }
.contact-method-card a, .contact-method-text { display: inline-block; margin-top: 0.625rem; color: #1f110d; font-size: 1rem; line-height: 1.45; }
.contact-method-card p { margin: 1.25rem 0 0; color: rgba(72, 35, 23, 0.68); font-size: 0.9375rem; line-height: 1.5; }
.contact-inline-link { color: #336fff; }
.contact-studio-card { display: grid; grid-template-columns: 0.95fr 0.66fr 0.82fr; align-items: stretch; gap: 0; margin-top: 1.375rem; overflow: hidden; border-radius: 1.875rem; }
.contact-studio-address, .contact-studio-rating { display: flex; align-items: center; gap: 1.125rem; padding: 1.625rem 1.5rem; }
.contact-studio-address p { margin: 0.5rem 0 0; color: rgba(72, 35, 23, 0.74); font-size: 0.9375rem; line-height: 1.45; }
.studio-pin { width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; color: #21120d; }
.studio-pin svg { width: 1.75rem; height: 1.75rem; }
.contact-studio-card img { width: 100%; height: 100%; min-height: 9.125rem; object-fit: cover; transition: transform 520ms var(--ease-smooth); }

.contact-studio-rating { background: rgba(255, 255, 255, 0.52); }
.google-badge { width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(250, 250, 250, 0.92); color: #4285f4; font-size: 1.75rem; font-weight: 700; }
.contact-studio-rating strong { color: #1f110d; font-size: 0.9375rem; font-weight: 600; line-height: 1.4; }
.contact-studio-rating strong span { color: #f3b319; letter-spacing: 0.04em; }
.contact-studio-rating strong em { color: rgba(72, 35, 23, 0.56); font-style: normal; }
.contact-studio-rating a { display: inline-block; margin-top: 0.625rem; color: #336fff; font-size: 0.9375rem; }
.contact-form-shell { min-height: auto; padding: 1.25rem 1rem 0; }
.contact-form-blob { position: absolute; pointer-events: none; filter: blur(0.20px); animation: soft-drift 8s ease-in-out infinite alternate; }
.contact-form-blob[data-tone="sky"] { top: 0.125rem; right: 3.75rem; width: 33rem; height: 42.75rem; border-radius: 48% 52% 44% 56% / 44% 42% 58% 56%; background: rgba(177, 220, 252, 0.72); }
.contact-form-blob[data-tone="violet"] { display: none; }
.contact-form-dots { position: absolute; right: 0; top: 17.625rem; width: 7.875rem; height: 10.5rem; background-image: radial-gradient(rgba(107, 138, 241, 0.42) 0 3px, transparent 3px); background-size: 1.3125rem 1.3125rem; pointer-events: none; }
.contact-form-arrow { position: absolute; top: 0.125rem; right: 1.375rem; width: 10.125rem; height: 7rem; color: #c8e100; }
.contact-form-arrow path { animation: route-march 18s linear infinite; }
.contact-form-card { position: relative; z-index: 2; padding: 2rem 1.75rem 1.875rem; border-radius: 2.125rem; }
.contact-form-heading { display: flex; align-items: center; gap: 1.125rem; }
.contact-form-heading > div { min-width: 0; }
.contact-form-icon { display: inline-flex; width: 3.75rem; height: 3.75rem; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 1.125rem; background: var(--color-lemon-zest); color: #22120d; transition: transform 240ms var(--ease-smooth); }
.contact-form-icon svg { width: 1.625rem; height: 1.625rem; }
.contact-form-heading h3 { margin: 0.3125rem 0 0; color: #1f110d; font-size: 1.25rem; font-weight: 600; }
.contact-form-heading p { margin: 0.5rem 0 0; color: rgba(72, 35, 23, 0.72); font-size: 1.125rem; line-height: 1.45; }
.contact-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1.75rem; }
.contact-form-grid label { display: block; }
.contact-form-grid label > span { display: block; margin-bottom: 0.625rem; color: #1f110d; font-size: 0.875rem; font-weight: 500; }
.contact-form-grid input, .contact-form-grid select, .contact-form-grid textarea { width: 100%; border: 1px solid rgba(72, 35, 23, 0.1); border-radius: 1.375rem; background: rgba(255, 255, 255, 0.78); color: #1f110d; font-family: inherit; font-size: 1rem; line-height: 1.45; outline: none; transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; }
.contact-form-grid input, .contact-form-grid select { min-height: 3.5rem; padding: 0.75rem 1rem; }
.contact-form-grid textarea { min-height: 5rem; padding: 0.75rem 1rem; resize: vertical; }
.contact-form-grid input::placeholder, .contact-form-grid textarea::placeholder, .contact-form-grid select { color: rgba(72, 35, 23, 0.4); }
.contact-form-grid select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, rgba(72, 35, 23, 0.72) 50%), linear-gradient(135deg, rgba(72, 35, 23, 0.72) 50%, transparent 50%); background-position: calc(100% - 2.125rem) calc(50% - 0.1875rem), calc(100% - 1.75rem) calc(50% - 0.1875rem); background-size: 0.4375rem 0.4375rem, 0.4375rem 0.4375rem; background-repeat: no-repeat; }
.contact-form-grid input:focus, .contact-form-grid select:focus, .contact-form-grid textarea:focus, .contact-method-card a:focus-visible, .contact-inline-link:focus-visible, .contact-studio-rating a:focus-visible, .carousel-arrow:focus-visible { border-color: rgba(166, 188, 19, 0.7); box-shadow: 0 0 0 4px rgba(236, 249, 86, 0.28); }
.contact-form-grid .full-width { grid-column: 1 / -1; }
.contact-submit { width: 100%; margin-top: 1.5rem; border: 0; cursor: pointer; }
.contact-form-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.125rem 1.875rem; margin-top: 1.5rem; color: rgba(72, 35, 23, 0.74); font-size: 1rem; }
.contact-form-meta span { display: inline-flex; align-items: center; gap: 0.625rem; }
.contact-form-meta span::before { width: 1.125rem; height: 1.125rem; border: 1.50px solid rgba(72, 35, 23, 0.38); border-radius: 50%; content: ""; }
.contact-mini-chart { position: absolute; right: 1rem; bottom: 3.375rem; width: 4.75rem; height: 4.75rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(239, 233, 255, 0.92); box-shadow: 0 18px 34px rgba(126, 97, 190, 0.16); color: #8b73e7; animation: subtle-pulse 2.8s ease-in-out infinite; }
.contact-mini-chart svg { width: 1.875rem; height: 1.875rem; }

/* ===== LOCAL PRESENCE ===== */
.local-presence-section { position: relative; width: min(100%, 128rem); margin: 0 auto; padding: 3rem clamp(2.25rem, 4.9vw, 4.5rem) 3rem; overflow: hidden; }
.local-presence-section::before, .local-presence-section::after { position: absolute; content: ""; pointer-events: none; }
.local-presence-section::before { top: 8.625rem; left: 50%; width: 26.25rem; height: 26.25rem; border-radius: 50%; background: radial-gradient(circle, rgba(177, 220, 252, 0.34), rgba(177, 220, 252, 0.02) 66%, transparent 74%); transform: translateX(-50%); filter: blur(18px); }
.local-presence-section::after { left: 50%; bottom: 4.25rem; width: 32.5rem; height: 8.75rem; background: radial-gradient(circle, rgba(232, 241, 90, 0.22), transparent 68%); transform: translateX(-50%); }
.local-presence-head { position: relative; z-index: 1; display: grid; justify-items: center; text-align: center; }
.local-presence-pill { display: inline-flex; align-items: center; gap: 0.625rem; min-height: 2.5rem; padding: 0.5rem 1.125rem 0.5rem 0.875rem; border: 1px solid rgba(72, 35, 23, 0.07); border-radius: 62.4375rem; background: rgba(255, 255, 255, 0.76); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); color: rgba(24, 16, 13, 0.68); font-size: 0.9375rem; }
.local-presence-pill svg { width: 1.5rem; height: 1.5rem; }
.local-presence-pill path:first-child { fill: rgba(235, 248, 151, 0.95); }
.local-presence-pill path:last-child { fill: rgba(235, 248, 151, 0.7); }
.local-presence-title { margin: 0.75rem 0 0; font-family: var(--font-tobias); font-size: clamp(2.5rem, 3.8vw, 3.5rem); font-weight: 400; letter-spacing: -0.03em; line-height: 1.02; color: #090604; }
.local-presence-title span { z-index: 0; }
.local-presence-text { max-width: 53.75rem; margin: 0.75rem auto 0; color: rgba(24, 16, 13, 0.67); font-size: clamp(1rem, 1.3vw, 1.125rem); line-height: 1.45; }
.local-presence-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.presence-panel { min-width: 0; min-height: 24rem; padding: 1.25rem 1.25rem 1rem; border: 1px solid rgba(184, 204, 239, 0.62); border-radius: 1.875rem; background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58) 40%, rgba(255, 255, 255, 0.38) 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75); backdrop-filter: blur(10px); }
.local-marketing-panel { border-color: rgba(225, 211, 244, 0.9); background: radial-gradient(circle at 60% 45%, rgba(255, 255, 255, 0.86), rgba(249, 245, 255, 0.54) 54%, rgba(246, 242, 255, 0.32) 100%); }
.presence-panel-head { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); align-items: start; gap: 0.75rem; margin-bottom: 0.75rem; }
.presence-icon { display: inline-flex; width: 3.5rem; height: 3.5rem; align-items: center; justify-content: center; border-radius: 50%; background: rgba(239, 245, 255, 0.92); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94); }
.presence-icon svg { width: 1.625rem; height: 1.625rem; }
.presence-icon[data-tone="sky"] { color: var(--tone-sky); }
.presence-icon[data-tone="violet"] { background: rgba(245, 236, 255, 0.95); color: var(--tone-violet); }
.presence-icon path, .presence-icon circle { fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.presence-panel-head h3 { margin: 0.125rem 0 0.25rem; color: #111111; font-size: 1.25rem; font-weight: 700; line-height: 1.1; }
.presence-panel-head p { max-width: 24.375rem; margin: 0; color: rgba(24, 16, 13, 0.76); font-size: 0.875rem; line-height: 1.48; }
.presence-profile-stage, .local-marketing-stage { position: relative; min-height: 18rem; }
.presence-profile-stage { min-height: 29.5rem; }
.presence-map-card, .presence-business-card, .presence-review-card, .local-marketing-points article, .local-coverage-map, .target-area-card, .local-visibility-card { border: 1px solid rgba(72, 35, 23, 0.05); background: rgba(255, 255, 255, 0.78); box-shadow: 0 18px 36px rgba(72, 35, 23, 0.08); backdrop-filter: blur(14px); }
.presence-map-card { position: absolute; z-index: 1; left: 0.125rem; top: 2.25rem; width: 20rem; height: 17.125rem; overflow: hidden; border-radius: 1.875rem; transform: rotate(-8deg); }
.presence-map-surface, .coverage-map-surface { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.58)), linear-gradient(90deg, rgba(192, 215, 247, 0.42) 0 3%, transparent 3% 17%, rgba(192, 215, 247, 0.42) 17% 20%, transparent 20% 100%), linear-gradient(0deg, rgba(192, 215, 247, 0.38) 0 3%, transparent 3% 19%, rgba(192, 215, 247, 0.38) 19% 22%, transparent 22% 100%), linear-gradient(145deg, #f4f6f8, #dce8f5 42%, #edf4fb 100%); }
.presence-map-surface::before, .coverage-map-surface::before { position: absolute; inset: 0; background: linear-gradient(55deg, transparent 0 46%, rgba(255, 255, 255, 0.8) 46% 48%, transparent 48% 100%), linear-gradient(122deg, transparent 0 46%, rgba(255, 255, 255, 0.76) 46% 48%, transparent 48% 100%); background-size: 7.5rem 7.5rem; content: ""; opacity: 0.55; }
.presence-ring, .presence-pin, .coverage-pin { position: absolute; }
.presence-ring { border: 2px solid rgba(72, 142, 255, 0.32); border-radius: 50%; }
.ring-one { left: 2.375rem; top: 3.625rem; width: 11.25rem; height: 11.25rem; }
.ring-two { left: 4.25rem; top: 5.5rem; width: 7.5rem; height: 7.5rem; border-style: dashed; }
.ring-three { left: 5.875rem; top: 7.125rem; width: 4.25rem; height: 4.25rem; border-width: 0.625rem; border-color: rgba(72, 142, 255, 0.16); }
.presence-pin, .coverage-pin { width: 1.5rem; height: 1.5rem; border-radius: 50% 50% 50% 0; background: #2b7fff; transform: rotate(-45deg); box-shadow: 0 14px 22px rgba(54, 122, 232, 0.2); animation: pin-pulse 2.4s ease-in-out infinite; }
.presence-pin::after, .coverage-pin::after { position: absolute; top: 0.4375rem; left: 0.4375rem; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: #fff; content: ""; }
.pin-top { left: 9.625rem; top: 2.125rem; }
.pin-center { left: 9.5rem; top: 9.25rem; }
.presence-ranking-stack { position: absolute; left: 0.875rem; bottom: 2.625rem; display: grid; gap: 0.5rem; }
.presence-ranking-stack span { display: inline-flex; min-height: 2.75rem; min-width: 9.25rem; align-items: center; gap: 0.625rem; padding: 0 1.125rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.94); color: rgba(24, 16, 13, 0.72); font-size: 0.875rem; }
.presence-ranking-stack strong { color: #1f7cff; font-size: 1rem; }
.presence-business-card { position: absolute; z-index: 4; top: 1.125rem; right: 0; width: 26.125rem; min-height: 19.375rem; padding: 0.75rem; border-radius: 1.5rem; }
.presence-business-top { display: grid; grid-template-columns: 9.625rem minmax(0, 1fr); gap: 1.125rem; }
.presence-business-top img { width: 9.625rem; height: 9rem; border-radius: 1.25rem; object-fit: cover; }
.presence-business-top h4 { display: flex; align-items: center; gap: 0.5rem; margin: 0.5rem 0 0.625rem; font-size: 1.375rem; line-height: 1.1; color: #111111; }
.presence-verified { width: 1rem; height: 1rem; border-radius: 50%; background: #208cff; }
.presence-rating, .presence-status { margin: 0; color: rgba(24, 16, 13, 0.72); font-size: 0.9375rem; }
.presence-rating strong { color: #111111; }
.presence-rating span { color: #ffb400; letter-spacing: 0.12em; }
.presence-status { margin-top: 0.625rem; }
.presence-status mark { margin-right: 0.5rem; padding: 0; background: transparent; color: #69a610; }
.presence-business-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; margin-top: 1.125rem; text-align: center; }
.presence-business-actions span { color: #1e1c1b; font-size: 0.875rem; }
.presence-business-actions i { display: grid; width: 2.625rem; height: 2.625rem; margin: 0 auto 0.5rem; place-items: center; border-radius: 50%; background: #eef4ff; color: #2b7fff; font-style: normal; }
.presence-business-actions svg { width: 1.25rem; height: 1.25rem; }
.presence-business-actions path, .presence-business-actions circle { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.presence-ranking-banner { display: grid; grid-template-columns: 2.625rem minmax(0, 1fr); gap: 0.75rem; align-items: center; margin-top: 1rem; padding: 0.875rem 1rem; border-radius: 1.25rem; background: rgba(255, 255, 255, 0.82); }
.presence-growth-icon { display: inline-flex; width: 2.625rem; height: 2.625rem; align-items: center; justify-content: center; border-radius: 50%; background: #f0f8e6; color: #7bb61b; }
.presence-growth-icon svg { width: 1.375rem; height: 1.375rem; }
.presence-growth-icon path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.presence-ranking-banner strong { display: block; color: #111111; font-size: 1rem; }
.presence-ranking-banner small { display: block; margin-top: 0.25rem; color: rgba(24, 16, 13, 0.66); font-size: 0.875rem; }
.presence-review-card { position: absolute; z-index: 3; left: 0; bottom: 0.875rem; width: min(29.25rem, 68%); display: flex; align-items: center; justify-content: space-between; gap: 1.125rem; padding: 1.125rem 1.375rem; border-radius: 1.375rem; }
.presence-review-card strong { display: block; color: #111111; font-size: 1.125rem; }
.presence-review-card > div > span { display: block; margin-top: 0.25rem; color: #ffb400; font-size: 1.375rem; line-height: 1; letter-spacing: 0.1em; }
.presence-review-card small { display: block; margin-top: 0.5rem; color: rgba(24, 16, 13, 0.62); font-size: 0.875rem; }
.presence-review-avatars { display: flex; align-items: center; }
.presence-review-avatars span, .presence-review-avatars em { width: 2.75rem; height: 2.75rem; margin-left: 0.5rem; border: 0.1875rem solid rgba(255, 255, 255, 0.96); border-radius: 50%; box-shadow: 0 10px 18px rgba(72, 35, 23, 0.1); }
.presence-review-avatars span { background: var(--avatar); }
.presence-review-avatars em { display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.92); color: rgba(24, 16, 13, 0.64); font-size: 0.875rem; font-style: normal; }
.local-marketing-stage { display: grid; grid-template-columns: 13.75rem minmax(0, 1fr); gap: 1.5rem; padding-top: 2.5rem; }
.local-marketing-points { display: grid; gap: 0.875rem; }
.local-marketing-points article { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 0.875rem; align-items: start; padding: 1rem; border-radius: 1.375rem; }
.point-badge { display: inline-flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: 50%; background: #f4ecff; color: #8d53ff; }
.point-badge svg { width: 1.375rem; height: 1.375rem; }
.point-badge path, .point-badge circle { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.local-marketing-points strong { display: block; color: #171412; font-size: 1rem; }
.local-marketing-points small { display: block; margin-top: 0.375rem; color: rgba(24, 16, 13, 0.64); font-size: 0.875rem; line-height: 1.35; }
.local-coverage-map { position: relative; min-height: 15rem; overflow: visible; border-radius: 2.125rem; background: rgba(255, 255, 255, 0.42); }
.coverage-map-surface { position: absolute; inset: 1.5rem 1.625rem 3.25rem 1.625rem; overflow: hidden; border-radius: 1.875rem; }
.coverage-shape, .coverage-avatar, .coverage-route { position: absolute; }
.coverage-shape { border-radius: 50%; filter: blur(0.40px); }
.coverage-shape.one { left: 1.625rem; top: 1.375rem; width: 8.625rem; height: 8.625rem; background: rgba(204, 236, 62, 0.25); }
.coverage-shape.two { right: 1.125rem; top: 5.375rem; width: 7.375rem; height: 7.375rem; background: rgba(186, 218, 255, 0.26); }
.coverage-shape.three { left: 3.375rem; bottom: 1.125rem; width: 13.75rem; height: 7.5rem; background: rgba(176, 129, 255, 0.14); }
.coverage-route { left: 3.25rem; top: 3.875rem; width: 15.625rem; height: 10.625rem; border: 0.1875rem solid rgba(170, 104, 255, 0.54); border-radius: 56% 44% 58% 42% / 44% 48% 52% 56%; }
.coverage-route::before { position: absolute; inset: 1rem; border: 2px solid rgba(170, 104, 255, 0.14); border-radius: inherit; content: ""; }
.coverage-pin { left: 10.5rem; top: 8.625rem; background: #8f4fff; }
.coverage-avatar { width: 2.25rem; height: 2.25rem; border: 0.1875rem solid rgba(255, 255, 255, 0.96); border-radius: 50%; box-shadow: 0 10px 18px rgba(72, 35, 23, 0.1); }
.coverage-avatar::before, .coverage-avatar::after { position: absolute; left: 50%; transform: translateX(-50%); content: ""; }
.coverage-avatar::before { top: 0.375rem; width: 0.6875rem; height: 0.6875rem; border-radius: 50%; background: #f1c6a6; }
.coverage-avatar::after { top: 1.0625rem; width: 1.125rem; height: 0.6875rem; border-radius: 0.75rem 0.75rem 0.4375rem 0.4375rem; background: #7b5648; }
.avatar-one { left: 3.125rem; top: 7.625rem; background: linear-gradient(180deg, #fefefe, #f7f7f7); }
.avatar-two { right: 4.375rem; top: 4.375rem; background: linear-gradient(180deg, #fefefe, #f7f7f7); }
.avatar-three { left: 13.375rem; top: 1.25rem; background: linear-gradient(180deg, #fefefe, #f7f7f7); }
.target-area-card { position: absolute; top: 0; right: 0.125rem; width: 13.75rem; padding: 1.125rem 1.25rem 1rem; border-radius: 1.5rem; }
.target-area-card strong, .local-visibility-head strong { display: block; color: #151311; font-size: 1rem; }
.target-area-card small { display: block; margin-top: 0.5rem; color: rgba(24, 16, 13, 0.67); font-size: 0.875rem; line-height: 1.35; }
.target-area-card span { display: inline-flex; min-height: 2.375rem; align-items: center; justify-content: center; margin-top: 0.875rem; padding: 0 1.125rem; border-radius: 62.4375rem; background: rgba(178, 132, 255, 0.16); color: #8f52ff; font-size: 0.875rem; font-weight: 600; }
.local-visibility-card { position: absolute; right: 0.125rem; bottom: 0.75rem; width: 13.875rem; padding: 1.125rem 1.25rem 1rem; border-radius: 1.5rem; }
.local-visibility-head { display: flex; align-items: center; gap: 0.5rem; }
.local-visibility-head > span { display: inline-flex; width: 1rem; height: 1rem; align-items: center; justify-content: center; border: 1px solid rgba(24, 16, 13, 0.32); border-radius: 50%; color: rgba(24, 16, 13, 0.46); font-size: 0.6875rem; }
.local-visibility-metric { display: flex; align-items: center; gap: 0.75rem; margin-top: 0.875rem; }
.local-visibility-metric b { color: #111111; font-size: 1.5rem; }
.local-visibility-metric em { color: #76b314; font-size: 0.875rem; font-style: normal; font-weight: 700; }
.local-visibility-card svg { width: 100%; height: 3.375rem; margin-top: 0.625rem; }
.visibility-fill { fill: rgba(176, 129, 255, 0.12); }
.visibility-line { fill: none; stroke: #a26bff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.local-visibility-card small { display: block; margin-top: 0.5rem; color: rgba(24, 16, 13, 0.6); font-size: 0.8125rem; }
.local-presence-cta { position: relative; z-index: 1; display: flex; justify-content: center; margin-top: 1rem; }
.local-presence-cta .button { min-width: 16.25rem; min-height: 3.5rem; padding: 0 1.75rem; }

/* ===== TRANSITIONS & ANIMATIONS ===== */
.site-header { transition: top 260ms var(--ease-smooth), height 260ms var(--ease-smooth), box-shadow 260ms ease, background 260ms ease; }
.brand-logo-image, .button svg, .nav-toggle span, .service-icon, .metric-icon, .contact-icon, .contact-form-icon, .carousel-arrow svg { transition: transform 240ms var(--ease-smooth); }
.result-card, .dashboard-card, .metric, .product-card, .services-grid-target .service-card, .results-value-card, .results-metric-card, .google-calls-points article, .calls-card, .shopping-ui-card, .shopping-trust-card, .presence-panel, .presence-map-card, .presence-business-card, .presence-review-card, .local-marketing-points article, .target-area-card, .local-visibility-card, .carousel-card, .contact-method-card, .contact-studio-card, .contact-form-card { transition: transform 280ms var(--ease-smooth), box-shadow 280ms ease, border-color 280ms ease, background 280ms ease; }
.product-image img, .services-grid-target .mini-product img, .contact-studio-card img, .business-photo img, .store-photo img { transition: transform 520ms var(--ease-smooth); }



/* ===== JS REVEAL ===== */
.js-enabled .reveal-target { opacity: 0; transform: translate3d(0, 2.125rem, 0); transition: opacity 720ms var(--ease-smooth), transform 720ms var(--ease-smooth), box-shadow 280ms ease, border-color 280ms ease, background 280ms ease; transition-delay: var(--reveal-delay, 0ms); }
.js-enabled .reveal-target.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }



/* ===== KEYFRAMES ===== */
@keyframes hero-rise {
from { opacity: 0; transform: translate3d(0, 1.75rem, 0); }
to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes soft-drift {
from { translate: 0 0; }
to { translate: 0.625rem 0.875rem; }
}
@keyframes pin-pulse {
0%, 100% { filter: drop-shadow(0 7px 12px rgba(24, 98, 178, 0.2)); }
50% { filter: drop-shadow(0 12px 20px rgba(24, 98, 178, 0.32)); }
}
@keyframes route-march {
to { stroke-dashoffset: -220; }
}
@keyframes chart-draw {
to { stroke-dashoffset: 0; }
}
@keyframes subtle-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.72; }
}

/* ===== MEDIA QUERIES: 1360px ===== */
@media (max-width: 1360px) {
.site-header { grid-template-columns: 13.75rem 1fr 12.5rem; padding: 0 2rem; }
.hero { grid-template-columns: minmax(26.875rem, 0.9fr) minmax(38.75rem, 1.1fr); padding-left: 3.375rem; padding-right: 3.375rem; }
h1 { font-size: clamp(4.125rem, 5.9vw, 5.5rem); }
.hero-art { transform: scale(0.84); transform-origin: top left; }
.business-card { transform: scale(0.88); transform-origin: top left; }
.services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.results-section { padding-top: 9.625rem; }
.results-shell { grid-template-columns: minmax(26.875rem, 0.78fr) minmax(38.75rem, 1.22fr); gap: 2rem; }
.results-title { font-size: clamp(4.125rem, 5.5vw, 5.125rem); }
.results-text { font-size: 1.3125rem; }
.results-value-card { grid-template-columns: 4.875rem minmax(0, 1fr) 8.375rem; gap: 1.25rem; min-height: 9.625rem; padding: 1.625rem 1.625rem 1.625rem 1.5rem; }
.value-icon { width: 4.875rem; height: 4.875rem; }
.value-copy strong { font-size: 3.625rem; }
.results-metric-card { min-height: 18.25rem; padding: 1.75rem 1.5rem 1.5rem; }
.metric-icon { width: 4.125rem; height: 4.125rem; border-radius: 1.3125rem; }
.results-metric-card h3 { margin-left: 0; font-size: 3.25rem; }
.results-metric-card p { margin-left: 0; margin-bottom: 1.25rem; font-size: 1.125rem; }
.brand-strip { gap: 1.375rem; }
.brand-logo strong { font-size: 0.875rem; }
.google-calls-section { grid-template-columns: 35rem minmax(43.75rem, 1fr); padding-left: 3.375rem; padding-right: 3.375rem; }
.google-calls-copy h2 { font-size: 4.125rem; }
.google-calls-art { width: 66.25rem; transform: scale(0.84); transform-origin: top left; }
.shopping-showcase-section { grid-template-columns: minmax(26.875rem, 31.25rem) minmax(40.625rem, 1fr); min-height: 57.5rem; padding: 3.375rem; }
.shopping-showcase-copy { min-height: 48.75rem; }
.shopping-showcase-copy h2 { font-size: clamp(3.5rem, 5vw, 4.125rem); }
.shopping-showcase-text { max-width: 31.25rem; font-size: 1.1875rem; }
.shopping-benefit-strip { width: min(100%, 32rem); }
.shopping-showcase-art { width: 65rem; height: 51.25rem; transform: scale(0.84); transform-origin: center left; }
.testimonials-shell { gap: 2.5rem; }
.testimonials-copy h2 { font-size: clamp(2.75rem, 3.8vw, 3.75rem); }
.carousel-card { flex: 0 0 calc((100% - 1.25rem) / 1.9); min-height: 24rem; padding: 1.625rem 1.5rem 1.375rem; }
.contact-section { grid-template-columns: minmax(0, 0.9fr) minmax(35rem, 1fr); padding-left: 3.375rem; padding-right: 3.375rem; }
.contact-copy h2::after { left: 28.375rem; }
.contact-methods-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact-method-card:last-child { grid-column: 1 / -1; min-height: 13.125rem; }
.contact-form-shell { min-height: 51.25rem; }
}

/* ===== MEDIA QUERIES: 1280px ===== */
@media (max-width: 1280px) {
  .google-calls-section { grid-template-columns: 1fr; min-height: 0; }
  .google-calls-copy { max-width: 100%; }
  .google-calls-right { gap: 2rem; }
  .google-calls-art { width: 66.25rem; height: 51.25rem; min-height: 51.25rem; margin: 1.5rem 0 5rem 50%; transform: translateX(-50%) scale(0.74); transform-origin: top center; }
  .google-calls-points { margin-top: 1rem; }

  .shopping-showcase-section { display: block; min-height: 0; }
  .shopping-showcase-copy { max-width: 47.5rem; min-height: 0; padding-top: 0; }
  .shopping-showcase-art { left: 50%; width: 66.25rem; height: 43.75rem; margin-top: 3.25rem; transform: translateX(-50%) scale(0.68); transform-origin: top center; }
  .shopping-products-card { width: 41.75rem; }

  .contact-section { grid-template-columns: 1fr; gap: 3rem; }
  .contact-copy { max-width: 47.5rem; }
  .contact-form-shell { min-height: 0; }

  .trust-row { display: none; }
}

/* ===== MEDIA QUERIES: 1120px ===== */
@media (max-width: 1120px) {
.site-header { grid-template-columns: 11.875rem 1fr auto; height: 5.375rem; }
.site-nav { gap: 1.75rem; }
.nav-link { font-size: 0.9375rem; }
.nav-cta { width: 11.75rem; }
.hero { display: block; padding-top: 8.75rem; overflow: visible; }
.hero-copy { max-width: 47.5rem; }
.hero-art { width: 56.25rem; margin: 0.625rem auto 0; transform: scale(0.82); transform-origin: top center; }
.business-card { transform: scale(0.85); transform-origin: top left; }
.services-section { padding-top: 1.5rem; }
.services-title { font-size: clamp(3.125rem, 7vw, 4.5rem); }
.results-section { padding-top: 8.25rem; }
.results-shell { grid-template-columns: 1fr; gap: 2.625rem; }
.results-metrics-grid { margin-top: 0; }
.results-copy { max-width: 47.5rem; }
.results-title { width: auto; max-width: 47.5rem; }
.results-value-card { max-width: 45rem; }
.results-bg[data-tone="sky"] { right: 6%; }
.results-bg[data-tone="accent"] { top: 41.25rem; }
.results-route { top: 28.125rem; right: 6%; }
.results-trust-bar { grid-template-columns: 1fr auto; gap: 1.5rem; }
.trust-divider { display: none; }
.brand-strip { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.25rem), 1fr)); align-items: center; padding-top: 1.5rem; border-top: 1px solid rgba(72, 35, 23, 0.12); }
.google-calls-section { min-height: 0; grid-template-columns: minmax(0, 1fr); padding: 7.375rem 2.125rem 4.5rem; }
.google-calls-copy { width: 100%; max-width: 100%; }
.google-calls-art { width: 66.25rem; height: 51.25rem; min-height: 51.25rem; margin: 1.5rem 0 5rem 50%; transform: translateX(-50%) scale(0.78); transform-origin: top center; }
.shopping-showcase-section { display: block; min-height: 0; padding: 6.5rem 2.125rem 4.75rem; }
.shopping-showcase-copy { min-height: 0; max-width: 47.5rem; padding-top: 0; }
.shopping-showcase-copy h2 { font-size: clamp(3.625rem, 8.1vw, 4.875rem); }
.shopping-benefit-strip { margin-top: clamp(1.5rem, 2vw, 2rem); }
.shopping-showcase-art { left: 50%; width: 66.25rem; height: 43.75rem; margin-top: 3.25rem; transform: translateX(-50%) scale(0.72); transform-origin: top center; }
.testimonials-section { padding: 5.75rem 2.125rem 2.5rem; }
.testimonials-shell { grid-template-columns: 1fr; gap: 2.5rem; }
.testimonials-copy { max-width: 40rem; }
.testimonials-trust-bar { margin-top: 2rem; padding-top: 1.5rem; }
.carousel-card { flex: 0 0 calc((100% - 1.25rem) / 2.3); min-height: 22rem; }
.contact-section { grid-template-columns: 1fr; gap: 3rem; padding: 2.625rem 2.125rem 5.875rem; }
.contact-copy { max-width: 47.5rem; }
.contact-copy h2::after { top: 8.375rem; left: 28.75rem; }
.contact-form-shell { min-height: 0; padding: 1.125rem 1.25rem 0.75rem; }
.contact-form-arrow { right: 1.875rem; }
}

/* ===== MEDIA QUERIES: 820px ===== */
@media (max-width: 820px) {
.site-header { left: 0.875rem; right: 0.875rem; grid-template-columns: 1fr auto; height: 4.625rem; padding: 0 1.125rem 0 1.375rem; border-radius: 1.625rem; }
.brand { width: auto; }
.brand-logo-image { height: 2.625rem; }
.nav-toggle { display: inline-flex; }
.site-nav, .nav-cta { position: fixed; left: 1.375rem; right: 1.375rem; display: none; background: rgba(250, 250, 250, 0.96); }
.site-nav { top: 6.375rem; flex-direction: column; align-items: stretch; gap: 0; padding: 1.125rem; border-radius: 1.5rem; box-shadow: var(--shadow-sm); }
.site-nav.is-open, .nav-cta.is-open { display: flex; }
.nav-link { justify-content: space-between; padding: 1.125rem; border-radius: 1rem; }

.nav-link::after { content: none; }
.nav-cta { top: 22rem; width: auto; }
.hero { padding: 7.625rem 1.25rem 1.375rem; }
.eyebrow { max-width: 100%; font-size: 0.875rem; }
h1 { font-size: clamp(3.375rem, 15.7vw, 4.5rem); }
h1 .headline-line { white-space: normal; }
.hero-text { font-size: 1.0625rem; }
.hero-actions { gap: 0.875rem; }
.button, .hero-actions .button-primary, .button-secondary { width: 100%; min-width: 0; }
.trust-row { display: flex; flex-wrap: nowrap; gap: 1rem; align-items: center; }
.result-card { width: auto; flex: 1 1 auto; min-width: 0; }
.client-proof { flex: 0 0 auto; }
.hero-art { width: 56.25rem; height: 45rem; margin-left: 50%; transform: translateX(-50%) scale(0.62); transform-origin: top center; }
.business-card { transform: scale(0.75); transform-origin: top left; }
.services-section { padding: 1.5rem 1.25rem 5.5rem; }
.services-intro { margin-bottom: 2.125rem; }
.services-title { font-size: clamp(2.625rem, 11vw, 3.625rem); }
.services-text { font-size: 1.0625rem; }
.services-grid { grid-template-columns: 1fr; gap: 1.25rem; }
.services-grid-target .service-card { min-height: 36.625rem; padding: 1.5rem 1.375rem 1.125rem; border-radius: 1.75rem; }
.services-grid-target .card-visual { left: 0.875rem; right: 0.875rem; bottom: 0.875rem; }
.services-grid-target .ads-panel, .services-grid-target .locations-panel, .services-grid-target .shopping-browser { width: auto; }
.services-grid-target .metric-strip { width: 13.75rem; }
.results-section { padding: 7.625rem 1.25rem 5rem; }
.results-eyebrow { margin-bottom: 1.875rem; font-size: 0.875rem; }
.results-title { font-size: clamp(3.125rem, 12.6vw, 4.5rem); }
.results-text { margin-top: 1.625rem; font-size: 1.125rem; }
.results-value-card { grid-template-columns: 4.75rem minmax(0, 1fr); margin-top: 2.375rem; border-radius: 1.5rem; }
.value-trend { grid-column: 2; }
.results-metrics-grid { grid-template-columns: 1fr; gap: 1.125rem; }
.results-metric-card { min-height: 17.5rem; border-radius: 1.625rem; }
.results-trust-bar { grid-template-columns: 1fr; justify-items: start; margin-top: 1.5rem; padding: 1.75rem 1.5rem; border-radius: 1.5rem; }
.results-trust-bar p { font-size: 1.25rem; }
.results-avatars span, .results-avatars em { width: 3.625rem; height: 3.625rem; }
.brand-strip { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.375rem 1.125rem; }
.brand-logo { justify-content: flex-start; }
.results-sparkle, .results-route { display: none; }
.google-calls-section { padding: 5.625rem 1.25rem 3rem; }
.ads-pill { font-size: 0.9375rem; }
.google-calls-copy h2 { font-size: 3.625rem; }
.google-calls-text { font-size: 1.0625rem; }
.google-calls-points article { grid-template-columns: 3.125rem minmax(0, 1fr); gap: 1.125rem; }
.google-calls-button { width: 100%; }
.google-calls-art { height: 40.625rem; min-height: 40.625rem; margin-top: 1.25rem; margin-bottom: 7.5rem; transform: translateX(-50%) scale(0.61); }
.shopping-showcase-section { padding: 5.25rem 1.25rem 3.625rem; }
.shopping-showcase-pill { gap: 0.625rem; margin-bottom: 1.75rem; padding: 0.75rem 1.0625rem 0.75rem 0.9375rem; font-size: 0.9375rem; }
.shopping-showcase-copy h2 { font-size: clamp(2.75rem, 11.5vw, 3.875rem); line-height: 1.04; }
.shopping-showcase-text { margin-top: 1.625rem; font-size: 1.0625rem; }
.shopping-showcase-button { width: 100%; min-width: 0; min-height: 3.8125rem; }
.shopping-benefit-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; padding: 0.875rem; }
.shopping-benefit-strip article { min-height: 7.75rem; }
.shopping-benefit-strip article + article { border-left: 0; }
.shopping-benefit-strip article:nth-child(2n) { border-left: 1px solid rgba(22, 28, 38, 0.09); }
.shopping-benefit-strip article:nth-child(n + 3) { border-top: 1px solid rgba(22, 28, 38, 0.09); }
.shopping-showcase-art { height: 32.5rem; margin-top: 2.375rem; transform: translateX(-50%) scale(0.54); }
.shopping-map-disk-left { left: 1.125rem; }
.shopping-map-disk-bottom { left: 14.125rem; }
.shopping-performance-card { left: 13.5rem; }
.shopping-products-card { left: 7rem; }
.shopping-feed-health { left: 1.5rem; }
.shopping-feed-card { left: auto; right: 1rem; }
.testimonials-section { padding: 5.125rem 1.25rem 2rem; }
.testimonials-section::before { right: 5.375rem; top: 13.75rem; width: 26.875rem; height: 22.5rem; }
.testimonials-section::after { right: 0.875rem; bottom: 11.25rem; width: 7.5rem; height: 7.5rem; }
.testimonials-badge { padding: 0.5rem 1rem 0.5rem 0.75rem; font-size: 0.8125rem; }
.testimonials-copy h2 { font-size: clamp(2.625rem, 11.5vw, 3.75rem); }
.testimonials-intro { margin-top: 1.625rem; font-size: 1.125rem; }
.testimonials-actions { flex-direction: column; align-items: flex-start; gap: 1rem; }
.testimonials-trust-bar { margin-top: 2rem; padding-top: 1.5rem; }
.trust-logo svg { width: 1.125rem; height: 1.125rem; }
.trust-logo strong { font-size: 0.75rem; }
.carousel-stage { margin-top: 0.5rem; }
.carousel-card { flex: 0 0 85%; min-height: 20rem; padding: 1.5rem 1.25rem 1.25rem; border-radius: 1.625rem; }
.carousel-card blockquote p { font-size: 1.125rem; }
.card-quote-mark { font-size: 3rem; }
.card-footer { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
.carousel-nav { margin-top: 1.5rem; }
.carousel-arrow { width: 2.875rem; height: 2.875rem; }
.carousel-arrow svg { width: 1.125rem; height: 1.125rem; }
.contact-section { padding: 2.25rem 1.25rem 5.25rem; }
.contact-header-pills { flex-wrap: wrap; margin-bottom: 1.75rem; }
.contact-badge { font-size: 0.8125rem; }
.contact-copy h2 { font-size: clamp(2.875rem, 14vw, 4.375rem); }
.contact-copy h2::after { top: 7.875rem; left: 22.75rem; width: 3.375rem; height: 2.125rem; }
.contact-intro { margin-top: 1.625rem; font-size: 1.0625rem; }
.contact-methods-grid { grid-template-columns: 1fr; }
.contact-method-card, .contact-method-card:last-child { min-height: 0; }
.contact-studio-card { grid-template-columns: 1fr; }
.contact-studio-address, .contact-studio-rating { padding: 1.5rem 1.375rem; }
.contact-form-shell { padding: 0.75rem 0 0; }
.contact-form-blob[data-tone="sky"] { right: 5.25rem; width: 24.375rem; height: 32.5rem; }
.contact-form-blob[data-tone="violet"] { left: 1.5rem; width: 26.25rem; height: 16.875rem; }
.contact-form-dots { top: 16rem; width: 6.125rem; height: 7.875rem; background-size: 1.125rem 1.125rem; }
.contact-form-arrow { width: 8.375rem; height: 5.75rem; }
.contact-form-card { padding: 1.625rem 1.25rem 1.625rem; border-radius: 1.75rem; }
.contact-form-grid { grid-template-columns: 1fr; gap: 1.125rem; }
.contact-form-grid input, .contact-form-grid select { min-height: 5.25rem; padding: 1.5rem 1.125rem 1rem; }
.contact-form-meta { justify-content: flex-start; gap: 0.875rem 1.5rem; font-size: 0.9375rem; }
.contact-mini-chart { right: 0.75rem; bottom: 1.125rem; width: 4rem; height: 4rem; }
.local-presence-section { padding: 7.375rem 1.25rem 5.75rem; }
.local-presence-title { max-width: 12ch; }
.presence-panel { padding: 1.375rem 1.125rem 1.125rem; border-radius: 1.5rem; }
.presence-panel-head { grid-template-columns: 3.875rem minmax(0, 1fr); gap: 0.875rem; }
.presence-icon { width: 3.875rem; height: 3.875rem; }
.presence-panel-head h3 { font-size: 1.375rem; }
.presence-profile-stage { display: grid; gap: 1rem; min-height: 0; }
.presence-map-card, .presence-business-card, .presence-review-card { position: relative; inset: auto; width: 100%; transform: none; }
.presence-map-card { height: 16.75rem; }
.presence-review-card { padding: 1rem 1.125rem; }
.local-marketing-stage { grid-template-columns: 1fr; padding-top: 0.75rem; }
.local-marketing-points { order: 2; }
.local-coverage-map { order: 1; min-height: 28.75rem; }
.target-area-card, .local-visibility-card { right: 0.75rem; }
}

/* ===== MEDIA QUERIES: 520px ===== */
@media (max-width: 520px) {
.hero { padding-left: 1rem; padding-right: 1rem; }
.eyebrow { gap: 0.625rem; padding-right: 1rem; }
.eyebrow svg { width: 1.5rem; height: 1.5rem; }
.result-card { grid-template-columns: 1fr; gap: 1.125rem; }
.result-divider { width: 100%; height: 0.0625rem; background: repeating-linear-gradient(90deg, rgba(72, 35, 23, 0.22) 0 6px, transparent 6px 12px); }
.hero-art { height: 32.5rem; margin-top: 1.125rem; transform: translateX(-50%) scale(0.46); }
.business-card { transform: scale(0.65); transform-origin: top left; }
.services-section { padding-left: 1rem; padding-right: 1rem; }
.results-section { padding-left: 1rem; padding-right: 1rem; }
.results-title { font-size: clamp(2.75rem, 13.4vw, 3.5rem); }
.results-value-card { grid-template-columns: 1fr; gap: 1.125rem; padding: 1.5rem; }
.value-trend { grid-column: auto; }
.value-copy span { font-size: 1rem; }
.value-copy strong { font-size: 3.25rem; }
.results-metric-card { padding: 1.5rem 1.25rem 1.375rem; }
.metric-icon { width: 3.625rem; height: 3.625rem; border-radius: 1.125rem; }
.metric-icon svg { width: 1.9375rem; height: 1.9375rem; }
.results-trend { font-size: 0.9375rem; }
.results-metric-card h3 { margin: 1.375rem 0 0.625rem; font-size: 3.5rem; }
.results-metric-card p { margin: 0 0 1.5rem; font-size: 1.125rem; }
.brand-strip { display: grid; grid-template-columns: 1fr; }
.google-calls-section { padding-left: 1rem; padding-right: 1rem; }
.ads-pill { max-width: 100%; gap: 0.6875rem; padding-right: 1rem; }
.google-calls-copy h2 { font-size: 2.5rem; line-height: 1.09; }
.google-calls-copy { max-width: 100%; }
.google-calls-button { min-width: 0; }
.google-calls-points { gap: 1.375rem; }
.google-calls-points h3 { font-size: 1.1875rem; }
.google-calls-points p { font-size: 1rem; }
.google-calls-art { height: 31.25rem; min-height: 31.25rem; margin-top: 0.875rem; margin-bottom: 9.375rem; transform: translateX(-50%) scale(0.46); }
.shopping-showcase-section { padding-left: 1rem; padding-right: 1rem; }
.shopping-showcase-copy h2 { font-size: clamp(2.625rem, 12vw, 3.125rem); }
.shopping-benefit-strip strong { font-size: 0.8125rem; }
.benefit-icon { width: 3.375rem; height: 3.375rem; }
.shopping-showcase-art { height: 25.3125rem; margin-top: 2rem; transform: translateX(-50%) scale(0.42); }
.testimonials-section { padding-left: 1rem; padding-right: 1rem; }
.testimonials-copy h2 { font-size: clamp(2.5rem, 12.6vw, 3.125rem); line-height: 1.02; }
.testimonials-intro { font-size: 1rem; }
.testimonials-trust-bar { gap: 1rem; }
.carousel-card { flex: 0 0 90%; min-height: 18rem; padding: 1.375rem 1.125rem 1.125rem; border-radius: 1.5rem; }
.carousel-card blockquote { margin-top: 1.5rem; }
.carousel-card blockquote p { font-size: 1.0625rem; }
.card-quote-mark { font-size: 2.5rem; top: 1rem; left: 1.25rem; }
.card-metric { margin-top: 1rem; padding-top: 1rem; }
.card-metric strong { font-size: 1rem; }
.card-metric span { font-size: 0.75rem; }
.author-avatar { width: 2.5rem; height: 2.5rem; font-size: 0.75rem; }
.contact-section { padding-left: 1rem; padding-right: 1rem; }
.contact-copy h2 { font-size: clamp(2.5rem, 13.2vw, 3.25rem); }
.contact-copy h2::after { top: 7rem; left: 17.125rem; width: 2.875rem; height: 1.75rem; }
.contact-method-card, .contact-studio-address, .contact-studio-rating, .contact-form-card { padding-left: 1.125rem; padding-right: 1.125rem; }
.contact-form-heading { gap: 0.875rem; }
.contact-form-icon { width: 3.375rem; height: 3.375rem; }
.contact-form-heading h3 { font-size: 1.125rem; }
.contact-form-heading p { font-size: 1rem; }
.contact-form-meta { font-size: 0.875rem; }
.contact-mini-chart { display: none; }
.local-presence-pill { font-size: 0.8125rem; }
.local-presence-title { font-size: clamp(2.5rem, 12vw, 3.25rem); }
.local-presence-text { font-size: 1rem; }
.presence-panel-head p { font-size: 0.9375rem; }
.presence-business-top { grid-template-columns: 1fr; }
.presence-business-top img { width: 100%; height: 11.25rem; }
.presence-business-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.presence-review-card { flex-direction: column; align-items: flex-start; }
.presence-review-avatars { margin-left: 0.5rem; }
.coverage-map-surface { inset: 1rem 1rem 7.375rem; }
.target-area-card, .local-visibility-card { width: calc(100% - 2rem); }
.target-area-card { top: auto; bottom: 8.375rem; }
.local-visibility-card { bottom: 1rem; }
}

/* ===== MEDIA QUERIES: LOCAL PRESENCE SPECIFIC ===== */
@media (max-width: 1220px) {
.local-presence-grid { grid-template-columns: 1fr; }
.presence-panel { min-height: 0; }
}

@media (max-width: 640px) {
.local-presence-pill { font-size: 0.8125rem; }
.local-presence-title { font-size: clamp(2.5rem, 12vw, 3.25rem); }
.local-presence-text { font-size: 1rem; }
.presence-panel-head p { font-size: 0.9375rem; }
.presence-business-top { grid-template-columns: 1fr; }
.presence-business-top img { width: 100%; height: 11.25rem; }
.presence-business-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.presence-review-card { flex-direction: column; align-items: flex-start; }
.presence-review-avatars { margin-left: 0.5rem; }
.coverage-map-surface { inset: 1rem 1rem 7.375rem; }
.target-area-card, .local-visibility-card { display: none; }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 1ms !important; }
.js-enabled .reveal-target, .js-enabled .reveal-target.is-visible { opacity: 1; transform: none; }
}

.site-footer { position: relative; padding: clamp(1rem, 2.4vw, 2rem) clamp(0.75rem, 2.2vw, 2rem) 1.25rem; background: linear-gradient(180deg, rgba(251, 250, 248, 0.18), #f8f7f4 100%); color: var(--color-earth-clay); overflow: hidden; }
.footer-shell { position: relative; width: min(100%, 112rem); margin: 0 auto; padding: clamp(1rem, 1.8vw, 1.75rem); border-radius: clamp(1.25rem, 2.2vw, 2rem); background: rgba(255, 255, 255, 0.72); box-shadow: 0 18px 44px rgba(39, 22, 15, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.86); isolation: isolate; overflow: hidden; backdrop-filter: blur(8px); }
.footer-main-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(15rem, 0.85fr) minmax(28rem, 1.5fr) minmax(15rem, 0.8fr); gap: clamp(1.5rem, 3.4vw, 3.75rem); padding: clamp(1.25rem, 2.8vw, 2.75rem) 0 clamp(1rem, 2.1vw, 2rem); }
.footer-brand-column { min-width: 0; }
.footer-brand { display: inline-flex; align-items: center; width: fit-content; margin-bottom: 0.4rem; }
.footer-brand img { display: block; width: auto; height: clamp(2.1rem, 3vw, 3rem); transition: transform 240ms var(--ease-smooth); }

.footer-brand-kicker { margin: 0 0 0.95rem; color: var(--color-earth-clay); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.18em; line-height: 1; text-transform: uppercase; }
.footer-brand-text { max-width: 21rem; margin: 0; color: rgba(24, 16, 13, 0.72); font-size: 0.95rem; line-height: 1.45; }
.footer-socials { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.25rem; }
.footer-socials a { width: 2.55rem; height: 2.55rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.88); color: var(--color-earth-clay); box-shadow: 0 8px 18px rgba(39, 22, 15, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.78); transition: transform 180ms var(--ease-smooth), background 180ms ease; }

.footer-socials svg { width: 1rem; height: 1rem; }
.footer-socials path { fill: currentColor; }
.footer-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 2.8vw, 3rem); }
.footer-nav h2, .footer-contact h2 { margin: 0 0 1rem; color: var(--color-earth-clay); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.15em; line-height: 1; text-transform: uppercase; }
.footer-nav a { position: relative; display: block; width: fit-content; margin-top: 0.75rem; color: rgba(24, 16, 13, 0.72); font-size: 0.95rem; line-height: 1.2; transition: color 180ms ease, transform 180ms var(--ease-smooth); }
.footer-nav a:first-of-type { margin-top: 0; }
.footer-nav a::after { position: absolute; left: 0; right: 0; bottom: -0.3rem; height: 0.2rem; border-radius: var(--radius-full); background: var(--color-lemon-zest); content: ""; opacity: 0; transform: scaleX(0.55); transform-origin: left center; transition: opacity 160ms ease, transform 160ms ease; }
.footer-nav a:hover, .footer-nav a:focus-visible, .footer-contact a:hover, .footer-contact a:focus-visible, .footer-bottom a:hover, .footer-bottom a:focus-visible, .simple-page a:hover, .simple-page a:focus-visible { color: #18100d; }

.footer-nav a:hover::after, .footer-nav a:focus-visible::after { opacity: 1; transform: scaleX(1); }
.footer-contact { margin: 0; font-style: normal; }
.footer-contact a { display: grid; grid-template-columns: 2.35rem 1fr; align-items: center; gap: 0.75rem; margin-top: 1rem; color: rgba(24, 16, 13, 0.74); font-size: 0.95rem; line-height: 1.35; transition: color 180ms ease, transform 180ms var(--ease-smooth); }
.footer-contact a:first-of-type { margin-top: 0; }

.footer-contact-icon { width: 2.35rem; height: 2.35rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(236, 249, 86, 0.17); color: var(--color-earth-clay); }
.footer-contact-icon svg { width: 1rem; height: 1rem; }
.footer-contact-icon path { fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; }
.footer-bottom { position: relative; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1rem; padding: 1rem 0 0; border-top: 1px solid rgba(72, 35, 23, 0.12); color: rgba(24, 16, 13, 0.68); font-size: 0.88rem; line-height: 1.35; }
.footer-bottom nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0.85rem 1.35rem; }
.footer-bottom nav a + a { position: relative; }
.footer-bottom nav a + a::before { position: absolute; left: -0.72rem; top: 50%; width: 1px; height: 1.05rem; background: rgba(72, 35, 23, 0.16); content: ""; transform: translateY(-50%); }
.footer-route { position: absolute; pointer-events: none; z-index: 1; }
.footer-route path { fill: none; stroke: rgba(72, 35, 23, 0.4); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 6 7; }
.footer-route-left { left: clamp(2.1rem, 5vw, 5.9rem); top: 6.4rem; width: 7.4rem; opacity: 0.72; }
.footer-route-bottom, .footer-bottom-plane, .footer-wave { display: none; }
.site-footer a, .simple-page a { text-decoration-thickness: 0.08em; text-underline-offset: 0.22em; }

@media (max-width: 1180px) {
.footer-main-grid { grid-template-columns: 1fr 1fr; }
.footer-brand-column { grid-column: 1 / -1; }
.footer-brand-text { max-width: 35rem; }
}

@media (max-width: 820px) {
.site-footer { padding: 1rem 0.75rem 1rem; }
.footer-shell { padding: 1rem; border-radius: 1.35rem; }
.footer-route-left { display: none; }
.footer-main-grid { grid-template-columns: 1fr; gap: 1.15rem; padding: 0.75rem 0 1rem; }
.footer-brand img { height: 2.25rem; }
.footer-brand-kicker { margin-bottom: 0.55rem; }
.footer-brand-text { display: none; }
.footer-socials { margin-top: 0.75rem; }
.footer-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.footer-nav h2, .footer-contact h2 { margin-bottom: 0.65rem; font-size: 0.66rem; }
.footer-nav a { margin-top: 0.5rem; font-size: 0.82rem; line-height: 1.15; }
.footer-contact a { grid-template-columns: 1fr; margin-top: 0.55rem; font-size: 0.88rem; line-height: 1.25; }
.footer-contact-icon { display: none; }
.footer-bottom { display: grid; justify-content: stretch; padding-bottom: 0; }
.footer-bottom nav { gap: 0.75rem 1.1rem; }
.footer-bottom nav a + a::before { left: -0.58rem; }
}

@media (max-width: 520px) {
.footer-shell { border-radius: 1.15rem; }
.footer-socials a { width: 2.4rem; height: 2.4rem; }
.footer-bottom { font-size: 0.84rem; }
}

.simple-page a { color: inherit; }
.simple-page { min-height: 100vh; background: #fbfaf8; }
.simple-page-main { width: min(44rem, calc(100% - 2rem)); margin: 0 auto; padding: clamp(4rem, 10vw, 7rem) 0; color: #18100d; }
.simple-back-link { display: inline-flex; margin-bottom: 2rem; font-weight: 700; }
.simple-page-main h1 { margin: 0 0 1.25rem; font-size: clamp(2.75rem, 8vw, 5rem); line-height: 0.95; letter-spacing: 0; }
.simple-page-main p { max-width: 39rem; margin: 0 0 1rem; color: rgba(72, 35, 23, 0.76); font-size: 1.125rem; line-height: 1.65; }
.simple-page-main .simple-meta { margin-top: 2rem; font-size: 0.9375rem; }
.simple-links { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; margin-top: 2.25rem; }

/* ===== LIGHT CARD REDUCTION ===== */
.keyword-performance,
.shopping-feed-health,
.shopping-trust-card {
  display: none !important;
}

/* ===== SECTION SCALE + BACKGROUND CLEANUP ===== */
main > section {
  scroll-margin-top: 6.5rem;
}

main {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(circle at 82% 18%, rgba(177, 220, 252, 0.2), transparent 34rem),
    radial-gradient(circle at 12% 39%, rgba(236, 249, 86, 0.12), transparent 30rem),
    radial-gradient(circle at 76% 66%, rgba(203, 184, 255, 0.13), transparent 34rem),
    linear-gradient(180deg, #fbfaf8 0%, #f8f6f1 39%, #fbfaf8 68%, #f7f4ef 100%);
}

main > section {
  position: relative;
  z-index: 1;
}

.hero {
  min-height: 0;
  padding-top: clamp(7rem, 7.6vw, 8.5rem);
  padding-bottom: clamp(1.5rem, 2.6vw, 2.75rem);
  overflow: visible;
}

.hero-art {
  min-height: 36rem;
}

.services-section,
.results-section,
.google-calls-section,
.shopping-showcase-section,
.testimonials-section,
.contact-section,
.local-presence-section {
  padding-top: clamp(2.5rem, 4.25vw, 4.75rem);
  padding-bottom: clamp(2.5rem, 4.5vw, 5rem);
}

.contact-section {
  padding-top: clamp(1.375rem, 1.8vw, 1.875rem);
  padding-bottom: clamp(1.375rem, 1.8vw, 1.875rem);
}

.contact-copy h2 {
  margin: 0;
}

.services-intro {
  margin-bottom: clamp(1.5rem, 2.8vw, 2.5rem);
}

.results-section,
.google-calls-section,
.shopping-showcase-section,
.testimonials-section,
.contact-section,
.local-presence-section {
  overflow: visible;
}

.services-section {
  background:
    linear-gradient(180deg, rgba(251, 250, 248, 0) 0%, rgba(251, 250, 248, 0.68) 16%, rgba(251, 250, 248, 0.48) 82%, rgba(248, 246, 241, 0) 100%);
}

.results-section {
  margin-top: -0.5rem;
  background:
    radial-gradient(circle at 74% 22%, rgba(177, 220, 252, 0.15), transparent 30rem),
    linear-gradient(180deg, rgba(248, 246, 241, 0) 0%, rgba(250, 248, 244, 0.6) 18%, rgba(250, 248, 244, 0.48) 78%, rgba(255, 253, 250, 0) 100%);
}

.google-calls-section {
  min-height: 0;
  margin-top: -0.75rem;
  background: transparent;
}

.google-calls-art {
  min-height: 42rem;
  overflow: visible;
}

.shopping-showcase-section {
  min-height: 0;
  margin-top: -0.75rem;
  background: transparent;
}

.shopping-showcase-copy {
  min-height: 0;
}

.shopping-showcase-art {
  height: 42rem;
  overflow: visible;
}

.carousel-stage {
  padding-top: 0.875rem;
  padding-bottom: 2.25rem;
  margin-bottom: -1.25rem;
}

.local-presence-section {
  margin-top: -0.75rem;
  background:
    radial-gradient(circle at 50% 24%, rgba(177, 220, 252, 0.15), transparent 32rem),
    linear-gradient(180deg, rgba(248, 246, 241, 0) 0%, rgba(250, 248, 244, 0.56) 18%, rgba(250, 248, 244, 0.5) 78%, rgba(251, 250, 248, 0) 100%);
}

.testimonials-section {
  margin-top: -0.75rem;
  background:
    radial-gradient(circle at 82% 38%, rgba(177, 220, 252, 0.12), transparent 31rem),
    linear-gradient(180deg, rgba(251, 250, 248, 0) 0%, rgba(251, 250, 248, 0.62) 18%, rgba(251, 250, 248, 0.46) 82%, rgba(248, 246, 241, 0) 100%);
}

.contact-section {
  margin-top: -0.5rem;
  background:
    radial-gradient(circle at 76% 20%, rgba(177, 220, 252, 0.12), transparent 30rem),
    linear-gradient(180deg, rgba(248, 246, 241, 0) 0%, rgba(250, 248, 244, 0.56) 24%, rgba(250, 248, 244, 0.5) 100%);
}

.testimonials-section::before,
.testimonials-section::after,
.carousel-orbs,
.results-spray,
.results-route,
.results-sparkle,
.spray,
.route-line,
.contact-form-dots,
.contact-form-arrow,
.footer-route {
  opacity: 0.32;
}

.orb,
.blob,
.results-bg,
.calls-blob,
.calls-blob-soft,
.shopping-blob,
.contact-form-blob,
.coverage-shape {
  opacity: 0.36;
}

.hero-art::before,
.results-blob-soft,
.calls-blob-soft,
.shopping-blob[data-tone="sky"],
.shopping-blob[data-tone="violet"],
.contact-form-blob[data-tone="sky"],
.contact-form-blob[data-tone="violet"] {
  transform: scale(0.86);
}

.blob[data-tone="accent"],
.blob[data-tone="violet"],
.results-bg[data-tone="accent"],
.calls-blob[data-tone="accent"],
.shopping-blob[data-tone="accent"],
.orb-coral,
.orb-lime {
  display: none;
}

.services-grid-target .shape {
  opacity: 0.42;
}

.services-grid-target .service-card {
  min-height: 32rem;
  padding: 1.25rem 1.25rem 1rem;
}

.services-grid-target .card-visual {
  bottom: 1rem;
  height: 22rem;
}

@media (max-width: 1360px) {
  .hero {
    min-height: 0;
  }

  .google-calls-section,
  .shopping-showcase-section {
    min-height: 0;
  }

  .shopping-showcase-copy {
    min-height: 0;
  }

  .shopping-showcase-art {
    height: 43rem;
  }
}

@media (max-width: 1120px) {
  .hero {
    padding-bottom: 2rem;
  }

  .hero-art {
    min-height: 34rem;
    margin-top: 1rem;
  }

  .google-calls-section,
  .shopping-showcase-section,
  .testimonials-section,
  .contact-section,
  .local-presence-section {
    padding-top: 3.25rem;
    padding-bottom: 3.5rem;
  }

  .google-calls-art {
    margin-bottom: 1.25rem;
  }

  .shopping-showcase-copy {
    min-height: 0;
  }
}

@media (max-width: 820px) {
  main > section {
    scroll-margin-top: 6.5rem;
  }

  .hero {
    min-height: 0;
    padding-top: 7rem;
    padding-bottom: 2.25rem;
  }

  h1 {
    max-width: 100%;
    font-size: clamp(3.125rem, 12vw, 3.75rem);
    line-height: 1.02;
  }

  .hero-text {
    max-width: 100%;
  }

  .hero-art {
    height: 29rem;
    min-height: 29rem;
    margin-top: 1rem;
    margin-bottom: -8rem;
    width: 56.25rem;
    max-width: none;
    overflow: visible;
  }

  .services-section,
  .results-section,
  .google-calls-section,
  .shopping-showcase-section,
  .testimonials-section,
  .contact-section,
  .local-presence-section {
    padding-top: 2.75rem;
    padding-bottom: 3rem;
  }

  .services-intro {
    margin-bottom: 1.5rem;
  }

  .services-title {
    max-width: 12ch;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(2.5rem, 10vw, 3.125rem);
  }

  .services-grid-target .service-card {
    min-height: 0;
    padding: 1.25rem 1.125rem 1rem;
  }

  .services-grid-target .shopping-target-card {
    padding: 1.5rem 1.375rem 1rem;
  }

  .services-grid-target .card-visual {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    margin-top: 1.5rem;
  }

  .results-bg,
  .testimonials-section::before,
  .testimonials-section::after,
  .contact-form-blob {
    opacity: 0.18;
  }

  .google-calls-art {
    width: 66.25rem;
    max-width: none;
    overflow: visible;
    height: 31rem;
    min-height: 31rem;
    margin-bottom: 1.5rem;
  }

  .shopping-showcase-art {
    width: 66.25rem;
    max-width: none;
    overflow: visible;
    height: 30rem;
  }

  .shopping-benefit-strip {
    margin-top: 1.5rem;
  }

  .results-value-card {
    margin-top: 1.5rem;
    padding: 1.25rem;
  }

  .results-metric-card {
    min-height: 13rem;
    padding: 1.125rem 1.125rem 1rem;
  }

  .results-metric-card h3 {
    margin-top: 0.75rem;
    font-size: 2.75rem;
  }

  .results-metric-card p {
    margin-bottom: 0.75rem;
  }

  .results-chart {
    height: 3rem;
  }

  .google-calls-points {
    gap: 1rem;
    margin-top: 1.125rem;
  }

  .contact-methods-grid {
    margin-top: 1rem;
  }

  .contact-form-grid {
    gap: 0.875rem;
    margin-top: 1.125rem;
  }

  .contact-form-grid input,
  .contact-form-grid select {
    min-height: 3.75rem;
    padding: 0.875rem 1rem;
  }

  .contact-form-grid textarea {
    min-height: 4.5rem;
  }

  .contact-submit,
  .contact-form-meta {
    margin-top: 1rem;
  }

  .local-presence-grid {
    gap: 1rem;
    margin-top: 1rem;
  }

  .local-coverage-map {
    min-height: 23rem;
  }

  .results-section,
  .google-calls-section,
  .shopping-showcase-section {
    overflow: visible;
  }
}

@media (max-width: 520px) {
  .hero {
    padding-bottom: 1.75rem;
  }

  h1 {
    font-size: clamp(2.875rem, 11.6vw, 3.25rem);
  }

  .hero-art {
    height: 22rem;
    min-height: 22rem;
    margin-bottom: -10.5rem;
  }

  .services-section,
  .results-section,
  .google-calls-section,
  .shopping-showcase-section,
  .testimonials-section,
  .contact-section,
  .local-presence-section {
    padding-top: 2.25rem;
    padding-bottom: 2.5rem;
  }

  .google-calls-art {
    height: 24rem;
    min-height: 24rem;
    margin-bottom: 1rem;
  }

  .shopping-showcase-art {
    height: 20rem;
  }

  .services-grid-target .service-card {
    min-height: 0;
  }

  .services-title {
    max-width: 11ch;
    font-size: clamp(2.25rem, 10.4vw, 2.75rem);
  }

  .services-grid-target .card-visual {
    height: auto;
  }

  .results-metric-card {
    min-height: 11.75rem;
  }

  .results-metric-card h3 {
    margin: 0.75rem 0 0.375rem;
    font-size: 2.75rem;
  }

  .results-metric-card p {
    margin-bottom: 0.75rem;
    font-size: 1rem;
  }

  .carousel-card {
    min-height: 15.5rem;
  }

  .local-coverage-map {
    min-height: 21rem;
  }
}

/* ===== MOBILE TEXT-ONLY CLEANUP ===== */
@media (max-width: 820px) {
  body,
  main {
    background: #fbfaf8;
  }

  .js-enabled .reveal-target,
  .js-enabled .reveal-target.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  main > section {
    overflow: hidden;
  }

  .hero,
  .services-section,
  .results-section,
  .google-calls-section,
  .shopping-showcase-section,
  .local-presence-section,
  .testimonials-section,
  .contact-section {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    background: transparent;
  }

  .hero {
    display: block;
    padding-top: 6.75rem;
    padding-bottom: 2.25rem;
  }

  .hero-copy {
    padding-top: 0;
  }

  .hero-art,
  .trust-row,
  .results-value-card,
  .results-trust-bar,
  .google-calls-art,
  .shopping-showcase-art,
  .shopping-benefit-strip,
  .local-presence-grid,
  .local-presence-cta,
  .testimonials-trust-bar,
  .carousel-nav,
  .contact-methods-grid,
  .contact-studio-card,
  .contact-form-blob,
  .contact-form-dots,
  .contact-form-arrow,
  .contact-mini-chart,
  .orb,
  .blob,
  .results-bg,
  .coverage-shape,
  .services-grid-target .card-visual,
  .services-grid-target .service-icon,
  .metric-icon,
  .results-chart,
  .card-quote-mark,
  .card-metric,
  .testimonials-section::before,
  .testimonials-section::after,
  .local-presence-section::before,
  .local-presence-section::after {
    display: none !important;
  }

  .eyebrow,
  .services-eyebrow,
  .results-eyebrow,
  .ads-pill,
  .shopping-showcase-pill,
  .local-presence-pill,
  .testimonials-badge,
  .contact-badge {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(72, 35, 23, 0.64);
  }

  .eyebrow svg,
  .services-eyebrow svg,
  .results-eyebrow svg,
  .ads-pill svg,
  .shopping-showcase-pill svg,
  .local-presence-pill svg,
  .testimonials-badge svg,
  .contact-badge svg {
    display: none;
  }

  h1,
  .services-title,
  .results-title,
  .google-calls-copy h2,
  .shopping-showcase-copy h2,
  .local-presence-title,
  .testimonials-copy h2,
  .contact-copy h2 {
    max-width: 100%;
    letter-spacing: 0;
  }

  .hero-text,
  .services-text,
  .results-text,
  .google-calls-text,
  .shopping-showcase-text,
  .local-presence-text,
  .testimonials-intro,
  .contact-intro {
    max-width: 100%;
    color: rgba(72, 35, 23, 0.72);
    font-size: 1rem;
    line-height: 1.55;
  }

  .services-grid,
  .results-metrics-grid,
  .google-calls-points,
  .carousel-track {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.125rem;
  }

  .services-grid-target .service-card,
  .results-metric-card,
  .google-calls-points article,
  .carousel-card,
  .contact-form-card {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  .services-grid-target .service-card {
    border-top: 1px solid rgba(72, 35, 23, 0.12);
    padding-top: 1.125rem;
  }

  .services-grid-target .service-card h3,
  .google-calls-points h3 {
    font-size: 1.125rem;
    line-height: 1.25;
  }

  .services-grid-target .service-card > p,
  .google-calls-points p {
    max-width: 100%;
    min-height: 0;
    color: rgba(72, 35, 23, 0.68);
    font-size: 0.98rem;
    line-height: 1.5;
  }

  .results-metric-card {
    border-top: 1px solid rgba(72, 35, 23, 0.12);
    padding-top: 1rem;
  }

  .results-metric-card h3 {
    margin: 0 0 0.375rem;
    font-size: 2.25rem;
    line-height: 1;
  }

  .results-metric-card p {
    margin: 0;
    font-size: 1rem;
  }

  .google-calls-points article {
    display: block;
    border-top: 1px solid rgba(72, 35, 23, 0.12);
    padding-top: 1rem;
  }

  .point-icon {
    display: none;
  }

  .carousel-stage {
    overflow: visible;
    margin: 1.5rem 0 0;
    padding: 0;
  }

  .carousel-track {
    width: 100%;
  }

  .carousel-card {
    width: 100%;
    flex: none;
    border-top: 1px solid rgba(72, 35, 23, 0.12);
    padding-top: 1.125rem;
  }

  .carousel-card blockquote,
  .carousel-card blockquote p {
    margin: 0;
  }

  .card-label {
    margin-bottom: 0.625rem;
  }

  .card-footer {
    margin-top: 1rem;
  }

  .contact-form-shell {
    padding: 0;
  }

  .contact-form-card {
    margin-top: 1.5rem;
  }

  .contact-form-heading {
    align-items: flex-start;
  }

  .contact-form-icon {
    display: none;
  }

  .testimonials-carousel {
    width: 100%;
    min-width: 0;
    margin-top: 1.75rem;
  }

  .testimonials-section .carousel-stage {
    overflow: hidden;
    margin: 1.25rem 0 0;
    padding: 0.25rem 0.125rem 0.5rem;
  }

  .testimonials-section .carousel-track {
    display: flex;
    grid-template-columns: none;
    gap: 1rem;
    width: auto;
    cursor: grab;
    touch-action: pan-y;
    transition: transform 0.45s var(--ease-smooth);
  }

  .testimonials-section .carousel-card {
    flex: 0 0 100%;
    width: 100%;
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    border: 1px solid rgba(72, 35, 23, 0.09);
    border-radius: 1.25rem;
    background: rgba(250, 250, 250, 0.82);
    box-shadow: 0 14px 30px rgba(72, 35, 23, 0.055);
  }

  .testimonials-section .carousel-card:not(.is-active) {
    opacity: 0.9;
  }

  .testimonials-section .carousel-card blockquote {
    margin-top: 0.875rem;
  }

  .testimonials-section .card-footer {
    margin-top: auto;
    padding-top: 1rem;
  }

  .testimonials-section .carousel-nav {
    display: flex !important;
    margin-top: 1rem;
  }

  .testimonials-section .carousel-arrow {
    width: 2.75rem;
    height: 2.75rem;
    background: #fafafa;
  }

  .testimonials-section .carousel-dots {
    display: flex;
  }
}

@media (max-width: 520px) {
  .hero,
  .services-section,
  .results-section,
  .google-calls-section,
  .shopping-showcase-section,
  .local-presence-section,
  .testimonials-section,
  .contact-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero-actions {
    margin-top: 1.25rem;
  }

  .services-section,
  .results-section,
  .google-calls-section,
  .shopping-showcase-section,
  .local-presence-section,
  .testimonials-section,
  .contact-section {
    padding-top: 2rem;
    padding-bottom: 2.25rem;
  }
}

/* ===== LAPTOP LAYOUT LOCK ===== */
@media (min-width: 1024px) and (max-width: 1360px) {
  .hero {
    display: grid;
    grid-template-columns: minmax(22rem, 0.9fr) minmax(33rem, 1.1fr);
    gap: 0.75rem;
    padding-left: clamp(2rem, 3vw, 3.375rem);
    padding-right: clamp(2rem, 3vw, 3.375rem);
    overflow: visible;
  }

  .hero-copy {
    max-width: none;
  }

  .hero-art {
    width: 56.25rem;
    min-height: 31rem;
    margin: 0;
    transform: scale(0.66);
    transform-origin: top left;
  }

  .services-grid,
  .services-grid-target {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.75rem, 1vw, 1.125rem);
  }

  .services-grid-target .service-card {
    min-height: clamp(25rem, 34vw, 30rem);
    padding: clamp(0.875rem, 1vw, 1.125rem);
    border-radius: 1.5rem;
  }

  .services-grid-target .shopping-target-card {
    padding: clamp(1rem, 1.1vw, 1.25rem);
  }

  .services-grid-target .service-card h3 {
    font-size: clamp(1rem, 1.35vw, 1.125rem);
  }

  .services-grid-target .service-card > p {
    min-height: 2.7rem;
    font-size: clamp(0.75rem, 0.95vw, 0.8125rem);
  }

  .services-grid-target .card-visual {
    left: 0.625rem;
    right: 0.625rem;
    bottom: 0.75rem;
    height: clamp(15.5rem, 22vw, 19rem);
  }

  .services-grid-target .ads-visual .calls-metric,
  .services-grid-target .profile-visual .views-metric,
  .services-grid-target .local-visual .visits-metric {
    bottom: clamp(4.5rem, calc(30.95rem - 35.9vw), 8rem);
  }

  .services-grid-target .ads-panel,
  .services-grid-target .locations-panel,
  .services-grid-target .shopping-browser {
    max-width: 100%;
  }

  .results-shell {
    grid-template-columns: minmax(22rem, 0.84fr) minmax(34rem, 1.16fr);
    gap: clamp(1.25rem, 2vw, 2rem);
  }

  .results-copy,
  .results-title {
    max-width: none;
  }

  .results-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .results-metric-card {
    min-height: clamp(14rem, 19vw, 17rem);
    padding: clamp(1rem, 1.35vw, 1.5rem);
  }

  .google-calls-section {
    display: grid;
    grid-template-columns: minmax(22rem, 0.78fr) minmax(34rem, 1.22fr);
    gap: 1rem;
    padding-left: clamp(2rem, 3vw, 3.375rem);
    padding-right: clamp(2rem, 3vw, 3.375rem);
  }

  .google-calls-copy {
    width: auto;
    max-width: none;
  }

  .google-calls-art {
    width: 66.25rem;
    height: 42rem;
    min-height: 42rem;
    margin: 1rem 0 0;
    transform: scale(0.66);
    transform-origin: top left;
  }

  .shopping-showcase-section {
    display: grid;
    grid-template-columns: minmax(22rem, 31.25rem) minmax(34rem, 1fr);
    gap: 1rem;
    min-height: 45rem;
    padding-left: clamp(2rem, 3vw, 3.375rem);
    padding-right: clamp(2rem, 3vw, 3.375rem);
  }

  .shopping-showcase-copy {
    max-width: none;
    min-height: 38rem;
    padding-top: 0;
  }

  .shopping-showcase-art {
    left: auto;
    width: 65rem;
    height: 42rem;
    margin-top: 0;
    transform: scale(0.66);
    transform-origin: center left;
  }

  .testimonials-shell {
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: clamp(1.5rem, 2.6vw, 2.5rem);
  }

  .carousel-card {
    flex-basis: calc((100% - 1.25rem) / 2.05);
    min-height: clamp(18rem, 24vw, 22rem);
  }

  .contact-section {
    grid-template-columns: minmax(0, 0.9fr) minmax(30rem, 1fr);
    gap: clamp(1.25rem, 2vw, 2rem);
    padding-left: clamp(2rem, 3vw, 3.375rem);
    padding-right: clamp(2rem, 3vw, 3.375rem);
  }

  .contact-copy {
    max-width: none;
  }

  .contact-form-shell {
    min-height: 0;
    padding: 1rem 1rem 0;
  }

  .local-presence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .presence-panel {
    min-height: 24rem;
    padding: clamp(1rem, 1.15vw, 1.25rem);
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  .hero {
    grid-template-columns: minmax(20rem, 0.88fr) minmax(30rem, 1.12fr);
  }

  .hero-art,
  .google-calls-art {
    transform: scale(0.58);
  }

  .shopping-showcase-art {
    transform: scale(0.54);
  }

  .shopping-feed-card {
    right: 2.25rem;
  }

  .results-shell,
  .google-calls-section,
  .shopping-showcase-section {
    grid-template-columns: minmax(20rem, 0.85fr) minmax(30rem, 1.15fr);
  }

  .services-grid-target .service-card {
    min-height: 26rem;
    padding: 0.875rem;
  }

  .services-grid-target .service-icon {
    width: 2.35rem;
    height: 2.35rem;
  }

  .contact-section {
    grid-template-columns: minmax(0, 0.88fr) minmax(28rem, 1fr);
  }

  .contact-method-card {
    padding: 1rem;
  }
}

/* ===== SMALL SCREEN VALUE CARD FIX ===== */
@media (max-width: 820px) {
  .results-value-card {
    display: grid !important;
    grid-template-columns: clamp(3.75rem, 11vw, 4.75rem) minmax(0, 1fr) auto;
    grid-template-areas:
      "icon label trend"
      "amount amount amount";
    align-items: center;
    gap: 0.875rem clamp(0.875rem, 2.5vw, 1.25rem);
    padding: clamp(1.125rem, 3vw, 1.5rem);
    overflow: hidden;
  }

  .results-value-card .value-icon {
    grid-area: icon;
    width: clamp(3.75rem, 11vw, 4.75rem);
    height: clamp(3.75rem, 11vw, 4.75rem);
  }

  .results-value-card .value-copy {
    display: contents;
  }

  .results-value-card .value-copy span {
    grid-area: label;
    margin: 0;
    max-width: 16rem;
    font-size: clamp(0.9375rem, 2.5vw, 1rem);
    line-height: 1.25;
  }

  .results-value-card .value-copy strong {
    grid-area: amount;
    min-width: 0;
    font-size: clamp(2.75rem, 7.4vw, 3.375rem);
    line-height: 0.9;
    white-space: nowrap;
  }

  .results-value-card .value-trend {
    grid-area: trend;
    justify-self: end;
    align-self: start;
    gap: 0.5rem;
  }

  .results-value-card .value-trend strong {
    font-size: clamp(1.125rem, 3.5vw, 1.5rem);
  }

  .results-value-card .value-trend span {
    max-width: 8.5rem;
    font-size: clamp(0.8125rem, 2.2vw, 0.9375rem);
    line-height: 1.15;
  }
}

@media (max-width: 520px) {
  .results-value-card {
    grid-template-columns: clamp(3.5rem, 17vw, 4.25rem) minmax(0, 1fr);
    grid-template-areas:
      "icon label"
      "amount amount"
      "trend trend";
    gap: 0.875rem 1rem;
  }

  .results-value-card .value-copy strong {
    font-size: clamp(2.75rem, 13vw, 3.375rem);
  }

  .results-value-card .value-trend {
    justify-self: start;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
  }

  .results-value-card .value-trend span {
    max-width: none;
  }
}

/* ===== SMALL SCREEN GOOGLE ADS POINTS FIX ===== */
@media (max-width: 820px) {
  .google-calls-copy {
    max-width: 100%;
  }

  .google-calls-points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 1.125rem;
  }

  .google-calls-points article {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.625rem;
    min-height: 0;
    padding: 0;
    border: 0;
  }

  .google-calls-points article > div {
    min-width: 0;
  }

  .point-icon {
    display: inline-flex;
    width: clamp(2.625rem, 9vw, 3rem);
    height: clamp(2.625rem, 9vw, 3rem);
    flex: 0 0 auto;
  }

  .point-icon svg {
    width: clamp(1.35rem, 4.8vw, 1.625rem);
    height: clamp(1.35rem, 4.8vw, 1.625rem);
  }

  .google-calls-points h3 {
    margin: 0 0 0.375rem;
    max-width: none;
    font-size: clamp(0.8125rem, 2.2vw, 1rem);
    line-height: 1.2;
  }

  .google-calls-points p {
    max-width: none;
    font-size: clamp(0.75rem, 2vw, 0.875rem);
    line-height: 1.38;
  }

  .google-calls-button {
    width: min(100%, 18.25rem);
    min-width: 0;
    min-height: 3.25rem;
    margin-top: 1.375rem;
    justify-content: center;
  }
}

@media (max-width: 430px) {
  .google-calls-points {
    gap: 0.625rem;
  }

  .google-calls-points article {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
  }

  .google-calls-button {
    width: 100%;
  }
}

/* ===== CONTACT REFERENCE REPLACEMENT ===== */
.contact-section-legacy {
  display: none !important;
}

.contact-local-section {
  position: relative;
  width: min(100%, 112rem);
  min-height: clamp(45rem, 55vw, 58.875rem);
  margin: -0.5rem auto 0;
  display: grid;
  grid-template-columns: minmax(32rem, 0.82fr) minmax(39rem, 1.18fr);
  gap: clamp(2.25rem, 4.2vw, 5rem);
  align-items: center;
  padding: clamp(2rem, 3.3vw, 3rem) clamp(2.25rem, 5.1vw, 6rem) clamp(2.25rem, 3.7vw, 3.75rem);
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 94% 8%, rgba(232, 214, 255, 0.58), transparent 13rem),
    radial-gradient(circle at 95% 61%, rgba(232, 214, 255, 0.38), transparent 19rem),
    radial-gradient(circle at 5% 92%, rgba(236, 249, 86, 0.22), transparent 18rem),
    linear-gradient(180deg, rgba(251, 250, 248, 0) 0%, rgba(250, 248, 244, 0.52) 100%);
}

.contact-local-section::before,
.contact-local-section::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.contact-local-section::before {
  right: -5.5rem;
  top: -3.5rem;
  width: 22rem;
  height: 18rem;
  border-radius: 48% 0 0 58%;
  background:
    radial-gradient(rgba(190, 148, 255, 0.12) 1px, transparent 1.5px),
    linear-gradient(135deg, rgba(228, 211, 255, 0.64), rgba(255, 255, 255, 0.12));
  background-size: 0.8rem 0.8rem, auto;
}

.contact-local-section::after {
  left: -7.5rem;
  bottom: -8.75rem;
  width: 22rem;
  height: 22rem;
  border-radius: 50%;
  background: rgba(232, 214, 255, 0.36);
}

.contact-local-form-shell,
.contact-local-copy {
  position: relative;
  z-index: 1;
}

.contact-local-form-shell {
  min-height: 0;
  padding: 0;
}

.contact-local-form {
  width: 100%;
  padding: clamp(2rem, 4.1vw, 3.5rem) clamp(1.75rem, 3.5vw, 3.75rem);
  border: 1px solid rgba(72, 35, 23, 0.045);
  border-radius: clamp(1.5rem, 2.2vw, 2rem);
  background: rgba(255, 255, 255, 0.66);
  box-shadow:
    0 34px 80px rgba(72, 35, 23, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.contact-local-form-heading {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  border: 1px solid rgba(72, 35, 23, 0.08);
  border-radius: var(--radius-full);
  background: rgba(250, 250, 250, 0.6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

.contact-local-form-heading .contact-form-icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}

.contact-local-form-heading .contact-form-icon svg {
  width: 0.875rem;
  height: 0.875rem;
}

.contact-local-form-heading h3 {
  margin: 0;
  color: rgba(24, 16, 13, 0.86);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.contact-local-form .contact-form-grid {
  gap: 1.5rem 1.75rem;
  margin-top: 0;
}

.contact-local-form .contact-form-grid label > span {
  margin-bottom: 0.75rem;
  color: rgba(24, 16, 13, 0.92);
  font-size: 0.9375rem;
  font-weight: 600;
}

.contact-local-form .contact-form-grid input,
.contact-local-form .contact-form-grid select,
.contact-local-form .contact-form-grid textarea {
  border-color: rgba(72, 35, 23, 0.1);
  border-radius: 0.625rem;
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  color: #18100d;
  font-size: 0.9375rem;
}

.contact-local-form .contact-form-grid input,
.contact-local-form .contact-form-grid select {
  min-height: 3.75rem;
  padding: 0.875rem 1rem;
}

.contact-local-form .contact-form-grid textarea {
  min-height: 9rem;
  padding: 1rem;
}

.contact-local-form .contact-form-grid input::placeholder,
.contact-local-form .contact-form-grid textarea::placeholder,
.contact-local-form .contact-form-grid select {
  color: rgba(72, 35, 23, 0.42);
}

.contact-message-field {
  position: relative;
}

.contact-message-field small {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  color: rgba(72, 35, 23, 0.52);
  font-size: 0.8125rem;
  line-height: 1;
  pointer-events: none;
}

.contact-local-form .contact-submit {
  min-height: 4rem;
  margin-top: 2rem;
  border-radius: 0.625rem;
  color: #18100d;
}

.contact-privacy-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin: 1.5rem 0 0;
  color: rgba(72, 35, 23, 0.62);
  font-size: 0.9375rem;
  line-height: 1.45;
  text-align: center;
}

.contact-privacy-note svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.contact-privacy-note path,
.contact-privacy-note rect {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.contact-local-copy {
  padding-top: 1rem;
}

.contact-local-copy .contact-header-pills {
  margin-bottom: 1.75rem;
}

.contact-local-copy .contact-badge {
  background: rgba(250, 250, 250, 0.55);
  letter-spacing: 0.16em;
}

.contact-local-copy h2 {
  position: relative;
  max-width: 43rem;
  margin: 0;
  color: #1b0d09;
  font-family: var(--font-tobias);
  font-size: clamp(3.25rem, 5.1vw, 5.125rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 0.98;
}

.contact-local-copy h2::after {
  display: none;
}

.contact-local-copy h2 span {
  position: relative;
  display: inline-block;
  color: #b8d800;
  font-family: var(--font-tobias);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
}

.contact-local-copy h2 span::after {
  position: absolute;
  left: 0.08em;
  right: 0.02em;
  bottom: -0.06em;
  height: 0.11em;
  border-radius: var(--radius-full);
  background: var(--color-lemon-zest);
  content: "";
  transform: rotate(-2deg);
}

.contact-local-copy .contact-intro {
  max-width: 34.25rem;
  margin-top: 1.5rem;
  color: rgba(72, 35, 23, 0.78);
  font-size: 1.0625rem;
  line-height: 1.62;
}

.contact-service-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.contact-service-chips span {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  gap: 0.75rem;
  padding: 0.375rem 1.125rem 0.375rem 0.5rem;
  border: 1px solid rgba(72, 35, 23, 0.08);
  border-radius: var(--radius-full);
  background: rgba(250, 250, 250, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  color: rgba(72, 35, 23, 0.78);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}

.contact-service-chips img,
.contact-service-chips svg {
  width: 2.125rem;
  height: 2.125rem;
  padding: 0.4375rem;
  border-radius: 50%;
  background: rgba(236, 249, 86, 0.34);
  color: #27120d;
}

.contact-service-chips svg path,
.contact-service-chips svg circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.contact-local-art {
  position: relative;
  height: clamp(25rem, 35vw, 34.5rem);
  margin: clamp(1.25rem, 2.8vw, 2.75rem) -4rem -3.25rem -1rem;
  overflow: visible;
}

.contact-local-art img {
  position: absolute;
  z-index: 3;
  left: 9%;
  bottom: 1.25rem;
  width: min(78%, 42.5rem);
  aspect-ratio: 1800 / 1202;
  height: auto;
  border: 0.7rem solid rgba(255, 255, 255, 0.72);
  border-radius: 1.2rem 4.5rem 1.2rem 4.5rem;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 2.2rem 3.5rem rgba(72, 35, 23, 0.16);
  object-fit: cover;
  object-position: center;
}

.contact-soft-shape,
.contact-dot-field,
.contact-growth-route,
.contact-growth-ball,
.contact-window-sign,
.contact-sidewalk-sign {
  position: absolute;
  pointer-events: none;
}

.contact-soft-shape {
  z-index: 0;
  border-radius: 50%;
  filter: blur(0.5px);
}

.contact-soft-shape-lemon {
  left: 1rem;
  bottom: -6rem;
  width: 28rem;
  height: 16rem;
  background: rgba(236, 249, 86, 0.16);
  transform: rotate(-10deg);
}

.contact-soft-shape-violet {
  right: 0;
  top: 1.25rem;
  width: 30rem;
  height: 21rem;
  background: rgba(227, 210, 255, 0.56);
  transform: rotate(8deg);
}

.contact-dot-field {
  z-index: 1;
  background-image: radial-gradient(rgba(193, 172, 102, 0.42) 0 1.2px, transparent 1.4px);
  background-size: 0.72rem 0.72rem;
  opacity: 0.55;
}

.contact-dot-field-left {
  left: 3rem;
  bottom: 4rem;
  width: 9rem;
  height: 10rem;
}

.contact-dot-field-right {
  right: 2rem;
  top: 5.25rem;
  width: 11rem;
  height: 12rem;
}

.contact-growth-route {
  z-index: 2;
  left: 1rem;
  width: min(94%, 52rem);
  height: auto;
  color: rgba(255, 255, 255, 0.76);
  filter: drop-shadow(0 0.25rem 0.75rem rgba(166, 126, 255, 0.26));
}

.contact-growth-route path {
  fill: none;
  stroke: currentColor;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.contact-growth-route-top {
  top: 2rem;
}

.contact-growth-route-bottom {
  top: 7rem;
  opacity: 0.86;
}

.contact-growth-ball {
  z-index: 4;
  border-radius: 50%;
}

.contact-growth-ball-lime {
  left: 8%;
  bottom: 3.5rem;
  width: 5.5rem;
  height: 5.5rem;
  background: radial-gradient(circle at 32% 28%, #faff9d 0 8%, #d7ef14 38%, #acd00a 100%);
  box-shadow: 0 1.25rem 2.5rem rgba(172, 208, 10, 0.22);
}

.contact-growth-ball-coral {
  left: 13%;
  top: 10rem;
  width: 2rem;
  height: 2rem;
  background: radial-gradient(circle at 28% 24%, #ffd0b8 0 12%, #ff7c50 62%, #df5733 100%);
  box-shadow: 0 0.8rem 1.4rem rgba(223, 87, 51, 0.24);
}

.contact-growth-ball-violet {
  right: 10%;
  top: 5.75rem;
  width: 5.125rem;
  height: 5.125rem;
  background: radial-gradient(circle at 32% 24%, #efe7ff 0 10%, #9e7bf2 56%, #7250d6 100%);
  box-shadow: 0 1.25rem 2.25rem rgba(114, 80, 214, 0.24);
}

.contact-window-sign {
  z-index: 5;
  left: 16%;
  top: 5.5rem;
  display: grid;
  place-items: center;
  min-width: 7.5rem;
  min-height: 4.5rem;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(72, 35, 23, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 1rem 2rem rgba(72, 35, 23, 0.1);
  color: #482317;
  font-size: clamp(0.84rem, 1.1vw, 1.05rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  transform: rotate(-4deg);
}

.contact-sidewalk-sign {
  z-index: 5;
  right: 16%;
  bottom: -1.125rem;
  width: 5.4rem;
  min-height: 6.75rem;
  display: grid;
  place-items: center;
  padding: 0.75rem 0.55rem;
  border: 0.18rem solid rgba(72, 35, 23, 0.22);
  border-radius: 0.2rem;
  background: rgba(255, 253, 247, 0.92);
  box-shadow: 0 1rem 1.75rem rgba(72, 35, 23, 0.13);
  color: #2c1812;
  text-align: center;
  text-transform: uppercase;
}

.contact-sidewalk-sign strong {
  font-size: 0.58rem;
  letter-spacing: 0.08em;
  line-height: 1.12;
}

.contact-sidewalk-sign small {
  color: #879900;
  font-size: 0.5rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

@media (max-width: 1280px) {
  .contact-local-section {
    grid-template-columns: 1fr;
    gap: 2.75rem;
  }

  .contact-local-form-shell {
    order: 2;
    max-width: 48rem;
  }

  .contact-local-copy {
    order: 1;
  }

  .contact-local-art {
    max-width: 52rem;
    margin-right: 0;
  }
}

@media (max-width: 820px) {
  .contact-local-section {
    min-height: 0;
    padding: 2.25rem 1.25rem 3rem;
  }

  .contact-local-form-shell {
    width: 100%;
    max-width: none;
  }

  .contact-local-form {
    padding: 1.5rem 1.25rem;
    border-radius: 1.25rem;
  }

  .contact-local-form .contact-form-grid {
    grid-template-columns: 1fr;
    gap: 1.125rem;
  }

  .contact-local-form .contact-form-grid input,
  .contact-local-form .contact-form-grid select {
    min-height: 3.5rem;
    padding: 0.875rem 1rem;
  }

  .contact-local-form .contact-form-grid textarea {
    min-height: 8rem;
  }

  .contact-local-copy h2 {
    font-size: clamp(2.875rem, 12.6vw, 4.25rem);
  }

  .contact-service-chips {
    gap: 0.75rem;
  }

  .contact-service-chips span {
    min-height: 2.75rem;
    padding-right: 0.875rem;
    font-size: 0.8125rem;
  }

  .contact-local-art {
    height: 24rem;
    margin: 1.75rem -1.25rem -1.5rem;
  }

  .contact-local-art img {
    left: 50%;
    bottom: 2.75rem;
    width: min(92%, 36rem);
    transform: translateX(-50%);
  }

  .contact-growth-route {
    left: -1.5rem;
    width: 110%;
  }

  .contact-growth-ball-violet {
    right: 5%;
  }

  .contact-window-sign {
    left: 9%;
    top: 3.75rem;
  }

  .contact-sidewalk-sign {
    right: 9%;
    bottom: -0.75rem;
    transform: scale(0.84);
    transform-origin: bottom right;
  }
}

@media (max-width: 520px) {
  .contact-local-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .contact-local-form {
    padding: 1.25rem 1rem;
  }

  .contact-local-form-heading {
    margin-bottom: 1.25rem;
  }

  .contact-local-copy .contact-badge {
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.25;
  }

  .contact-service-chips {
    display: grid;
    grid-template-columns: 1fr;
  }

  .contact-service-chips span {
    width: 100%;
  }

  .contact-local-art {
    height: 19.5rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .contact-local-art img {
    bottom: 3.25rem;
    width: min(94%, 28rem);
  }

  .contact-growth-ball-lime {
    width: 4rem;
    height: 4rem;
  }

  .contact-growth-ball-violet {
    width: 3.875rem;
    height: 3.875rem;
  }

  .contact-window-sign {
    display: none;
  }

  .contact-sidewalk-sign {
    right: 5%;
    transform: scale(0.68);
  }

  .contact-privacy-note {
    align-items: flex-start;
    text-align: left;
  }
}

/* ===== LOCAL STOREFRONT HERO ===== */
.hero-legacy {
  display: none !important;
}

.hero-local {
  position: relative;
  width: min(100%, 112rem);
  min-height: clamp(44rem, 53vw, 57rem);
  display: grid;
  grid-template-columns: minmax(30rem, 0.98fr) minmax(35rem, 1.02fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 5.25rem);
  padding: clamp(8.25rem, 8vw, 9.5rem) clamp(2rem, 4.6vw, 5rem) clamp(2rem, 3vw, 3.25rem);
  overflow: hidden;
}

.hero-local::after {
  position: absolute;
  right: -6rem;
  bottom: -8rem;
  width: 48rem;
  height: 16rem;
  border-radius: 52% 48% 0 0;
  background: rgba(222, 205, 251, 0.34);
  content: "";
  pointer-events: none;
}

.hero-local-art {
  position: relative;
  z-index: 1;
  min-height: clamp(35rem, 43vw, 47rem);
  isolation: isolate;
  transform: none !important;
}

.hero-local-art::before {
  z-index: 0;
  top: 4.5rem;
  left: -1.75rem;
  width: min(100%, 48rem);
  height: clamp(25rem, 34vw, 38rem);
  border-radius: 46% 54% 48% 52%;
  background:
    radial-gradient(circle at 36% 18%, rgba(255, 255, 255, 0.86), transparent 34%),
    radial-gradient(circle at 78% 62%, rgba(177, 220, 252, 0.32), transparent 43%),
    linear-gradient(145deg, rgba(250, 250, 250, 0.74), rgba(247, 244, 239, 0.2) 76%);
  filter: blur(0.25rem);
  transform: rotate(-4deg);
}

.hero-local-art::after {
  position: absolute;
  z-index: 5;
  inset: -1.5rem -2.25rem -2.25rem -2rem;
  background:
    linear-gradient(90deg, #fbfaf8 0%, rgba(251, 250, 248, 0.74) 4%, transparent 13%, transparent 88%, rgba(251, 250, 248, 0.7) 96%, #fbfaf8 100%),
    linear-gradient(180deg, #fbfaf8 0%, rgba(251, 250, 248, 0.68) 6%, transparent 16%, transparent 90%, rgba(247, 244, 239, 0.62) 97%, #f7f4ef 100%),
    radial-gradient(ellipse at 84% 56%, rgba(177, 220, 252, 0.26), transparent 34%),
    radial-gradient(ellipse at 12% 72%, rgba(247, 244, 239, 0.46), transparent 30%);
  content: "";
  pointer-events: none;
}

.hero-storefront-image {
  position: relative;
  z-index: 3;
  display: block;
  width: min(100%, 50rem);
  height: auto;
  margin: 0 auto 0 0;
  clip-path: inset(0.75% 4.75% 5.25% 0.5%);
  filter: saturate(0.94) contrast(0.96) brightness(1.025) drop-shadow(0 24px 44px rgba(72, 35, 23, 0.1));
  -webkit-mask-image: radial-gradient(ellipse 92% 86% at 49% 58%, #000 0 74%, rgba(0, 0, 0, 0.86) 84%, transparent 100%);
  mask-image: radial-gradient(ellipse 92% 86% at 49% 58%, #000 0 74%, rgba(0, 0, 0, 0.86) 84%, transparent 100%);
}

.hero-soft-shape,
.hero-orbit,
.hero-local-note {
  position: absolute;
  pointer-events: none;
}

.hero-soft-shape {
  z-index: 0;
  border-radius: 50%;
}

.hero-soft-shape-lemon {
  top: 3.25rem;
  left: 1.5rem;
  width: 14.25rem;
  height: 14.25rem;
  background: rgba(236, 249, 86, 0.34);
}

.hero-soft-shape-violet {
  top: 2.75rem;
  right: 6.5rem;
  width: 15.75rem;
  height: 15.75rem;
  background: rgba(222, 205, 251, 0.42);
}

.hero-soft-shape-mist {
  right: 1rem;
  bottom: 2rem;
  width: 17rem;
  height: 17rem;
  background: rgba(236, 249, 86, 0.22);
}

.hero-orbit {
  z-index: 2;
  inset: 0 auto auto 0;
  width: min(100%, 47.5rem);
  height: 26.25rem;
  overflow: visible;
}

.hero-orbit path {
  fill: none;
  stroke-linecap: round;
  stroke-width: 14;
}

.hero-orbit-violet {
  top: 7.75rem;
  left: -1.75rem;
}

.hero-orbit-violet path {
  stroke: rgba(198, 179, 242, 0.54);
  filter: drop-shadow(0 8px 10px rgba(128, 105, 154, 0.1));
}

.hero-orbit-lime {
  top: 16rem;
  left: -0.5rem;
}

.hero-orbit-lime path {
  stroke: rgba(218, 238, 83, 0.72);
  filter: drop-shadow(0 9px 12px rgba(174, 195, 0, 0.16));
}

.hero-local-note {
  z-index: 6;
  left: clamp(8rem, 18vw, 16rem);
  bottom: clamp(1rem, 3.4vw, 3.875rem);
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.875rem;
  padding: 0 1.375rem;
  border-radius: var(--radius-full);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 34px rgba(72, 35, 23, 0.11);
  color: rgba(24, 16, 13, 0.78);
  font-size: 0.875rem;
  line-height: 1;
}

.hero-local-note svg {
  width: 1rem;
  height: 1rem;
  color: #bddb00;
}

.hero-local-note path,
.hero-local-note circle {
  fill: currentColor;
}

.hero-local-copy {
  position: relative;
  z-index: 2;
  max-width: 46rem;
  padding-top: 0;
}

.hero-local-eyebrow {
  margin-bottom: 1.75rem;
  padding: 0.6875rem 1rem 0.625rem 0.875rem;
  border-color: rgba(72, 35, 23, 0.09);
  background: rgba(255, 255, 255, 0.52);
  color: rgba(24, 16, 13, 0.82);
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hero-local-eyebrow svg {
  width: 1.375rem;
  height: 1.375rem;
}

.hero-title {
  max-width: 46rem;
  color: #1b0d09;
  font-size: clamp(4.25rem, 5.55vw, 6.125rem);
  line-height: 0.96;
}

.hero-growth-word {
  position: relative;
  display: inline-block;
  color: #9fb900;
  font-style: italic;
}

.hero-growth-word::after {
  position: absolute;
  left: 0.02em;
  right: 0.04em;
  bottom: -0.12em;
  height: 0.1em;
  border-radius: var(--radius-full);
  background: #bddb00;
  content: "";
  transform: rotate(-2deg);
}

.hero-local-text {
  max-width: 42rem;
  margin-top: 1.5rem;
  color: rgba(24, 16, 13, 0.72);
  font-size: 1.1875rem;
  line-height: 1.52;
}

.hero-service-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 2.125rem;
}

.hero-service-item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  padding: 0 1rem;
  border-left: 1px solid rgba(72, 35, 23, 0.1);
}

.hero-service-item:first-child {
  padding-left: 0;
  border-left: 0;
}

.hero-service-item img {
  display: block;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.hero-service-item strong,
.hero-service-item span {
  display: block;
  min-width: 0;
}

.hero-service-item strong {
  color: #18100d;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.1;
}

.hero-service-item span {
  margin-top: 0.3125rem;
  color: rgba(24, 16, 13, 0.58);
  font-size: 0.6875rem;
  line-height: 1.2;
}

.hero-local-actions {
  align-items: center;
  gap: clamp(1rem, 2.2vw, 2rem);
  margin-top: 2.125rem;
}

.hero-local-actions .button-primary {
  min-width: 16.75rem;
}

.hero-results-link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 3rem;
  border-bottom: 0.1875rem solid var(--color-lemon-zest);
  color: rgba(24, 16, 13, 0.84);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: color 180ms ease, transform 180ms var(--ease-smooth);
}

.hero-results-link:hover,
.hero-results-link:focus-visible {
  color: #18100d;
  transform: translateY(0.125rem);
}

.hero-results-link svg {
  width: 1rem;
  height: 1rem;
}

.hero-results-link path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.hero-client-row {
  margin-top: 3.75rem;
}

.hero-client-row p {
  margin: 0 0 1.5rem;
  color: rgba(24, 16, 13, 0.6);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.hero-client-logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.875rem, 1.8vw, 1.5rem);
}

.hero-client-logos span {
  display: inline-flex;
  align-items: center;
  gap: 0.5625rem;
  min-width: 0;
  color: rgba(24, 16, 13, 0.45);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
}

.hero-client-logos svg {
  width: 1.875rem;
  height: 1.875rem;
  flex: 0 0 auto;
}

.hero-client-logos path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

@media (max-width: 1360px) {
  .hero-local {
    grid-template-columns: minmax(28rem, 0.9fr) minmax(34rem, 1.1fr);
    gap: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .hero-title {
    font-size: clamp(3.75rem, 5.35vw, 5.35rem);
  }

  .hero-service-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.125rem 0;
  }

  .hero-service-item:nth-child(3) {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 1120px) {
  .hero-local {
    display: grid;
    grid-template-columns: 1fr;
    min-height: 0;
    padding-top: 8rem;
  }

  .hero-local-copy {
    max-width: 48rem;
  }

  .hero-local-art {
    order: 2;
    width: min(100%, 44rem);
    min-height: 31rem;
  }

  .hero-storefront-image {
    width: min(100%, 42rem);
  }
}

@media (max-width: 820px) {
  .hero-local {
    display: flex !important;
    flex-direction: column;
    gap: 2.25rem;
    padding: 6.875rem 1.125rem 2.5rem;
    overflow: hidden;
  }

  .hero-local .hero-local-art {
    display: block !important;
    width: min(100%, 30rem);
    min-height: 24rem;
    margin: 0 auto;
  }

  .hero-local-copy {
    display: block;
    width: 100%;
  }

  .hero-local-eyebrow {
    display: inline-flex;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(72, 35, 23, 0.09);
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.58);
    box-shadow: none;
    font-size: 0.6875rem;
  }

  .hero-local-eyebrow svg {
    display: block;
  }

  .hero-title {
    font-size: clamp(3.05rem, 12.2vw, 4.25rem);
    line-height: 0.98;
  }

  .hero-local-text {
    font-size: 1rem;
  }

  .hero-service-row {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .hero-service-item,
  .hero-service-item:nth-child(3) {
    padding: 0;
    border-left: 0;
  }

  .hero-local-actions {
    align-items: stretch;
  }

  .hero-local-actions .button-primary,
  .hero-results-link {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .hero-client-row {
    margin-top: 2rem;
  }

  .hero-client-logos {
    grid-template-columns: 1fr 1fr;
  }

  .hero-soft-shape-lemon {
    width: 10rem;
    height: 10rem;
  }

  .hero-soft-shape-violet {
    display: none;
  }

  .hero-orbit {
    width: 32rem;
  }

  .hero-local-note {
    left: 50%;
    bottom: 0.5rem;
    transform: translateX(-50%);
    white-space: nowrap;
  }
}

@media (max-width: 520px) {
  .hero-local {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hero-local .hero-local-art {
    min-height: 20.5rem;
  }

  .hero-storefront-image {
    width: 25.5rem;
    max-width: none;
    margin-left: -2rem;
  }

  .hero-orbit {
    left: -5rem;
    transform: scale(0.74);
    transform-origin: left top;
  }

  .hero-orbit-lime {
    top: 12rem;
  }

  .hero-title {
    font-size: clamp(2.65rem, 12vw, 3.25rem);
  }

  .hero-service-row,
  .hero-client-logos {
    grid-template-columns: 1fr;
  }

  .hero-service-item {
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }

  .hero-service-item img {
    width: 1.75rem;
    height: 1.75rem;
  }

  .hero-local-note {
    max-width: calc(100vw - 2rem);
    padding: 0 1rem;
    font-size: 0.75rem;
  }
}

/* ===== ADS TO SHOPPING TRANSITION ===== */
.google-calls-section {
  padding-bottom: 0;
}

.google-calls-section + .shopping-showcase-section {
  margin-top: 0;
  padding-top: 0;
}

.google-calls-art {
  margin-bottom: 0;
}