.mobile-cta-bar { grid-template-columns: repeat(3, 1fr); }
 .mobile-cta-bar__text {
   background: var(--white);
   color: var(--color-text-heading);
   border-left: 1px solid var(--color-border-default);
   border-right: 1px solid var(--color-border-default);
 }
 .mobile-cta-bar__text:hover, .mobile-cta-bar__text:focus-visible { text-decoration: underline; }
 .mcb-stack { display: flex; flex-direction: column; align-items: center; line-height: 1.15; }
 .mcb-stack small { font-weight: var(--weight-medium); opacity: .75; font-size: 0.7rem; }

 
 .site-header__logo-mark { height: 48px; width: auto; display: block; flex: none; }
 @media (min-width: 1024px) { .site-header__logo-mark { height: 56px; } }
 .footer-logo-mark { height: 44px; width: auto; display: block; margin-bottom: var(--space-3); }

 
 .proof-chip--trust { font-weight: var(--weight-semibold); }

 
 .area-chip-grid { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
 @media (min-width: 640px) { .area-chip-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
 .area-chip {
   display: flex; align-items: center; gap: var(--space-3);
   padding: var(--space-4) var(--space-5);
   background: var(--color-bg-card);
   border: 1px solid var(--color-border-default);
   border-radius: var(--radius-base);
   font-weight: var(--weight-semibold);
   color: var(--color-text-heading);
   min-height: var(--touch-target-min);
   min-width: 0;
 }
 .area-chip:hover, .area-chip:focus-visible { border-color: var(--color-text-link); color: var(--color-text-link-hover); }
 .area-chip svg { width: 20px; height: 20px; color: var(--color-cta-bg); flex: none; }
 .area-chip-foot { color: var(--color-text-muted); margin-top: var(--space-5); }

 
 .reviews-teaser {
   text-align: center; max-width: 640px; margin-inline: auto;
   padding: var(--space-8); background: var(--color-bg-card);
   border: 1px solid var(--color-border-default); border-radius: var(--radius-lg);
 }
 .reviews-teaser p { color: var(--color-text-body); font-size: var(--text-md); }
 .reviews-teaser a { color: var(--color-text-link); font-weight: var(--weight-semibold); }
 .reviews-teaser a:hover, .reviews-teaser a:focus-visible { text-decoration: underline; }

 
 .faq-list { display: flex; flex-direction: column; gap: var(--space-3); max-width: 820px; margin-inline: auto; }
 .faq-item { border: 1px solid var(--color-border-default); border-radius: var(--radius-base); background: var(--color-bg-card); overflow: hidden; }
 .faq-item__q { margin: 0; font-size: var(--text-base); }
 .faq-item__trigger {
   width: 100%; cursor: pointer; display: flex; align-items: center;
   justify-content: space-between; gap: var(--space-4);
   padding: var(--space-4) var(--space-5); background: none; border: 0;
   font: inherit; font-weight: var(--weight-semibold); text-align: left;
   color: var(--color-text-heading); min-height: 44px;
 }
 .faq-item__trigger svg { flex: none; width: 22px; height: 22px; color: var(--color-text-muted); transition: transform var(--motion-base) var(--motion-ease); }
 .faq-item__trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
 .faq-item__trigger:focus-visible { outline: 3px solid var(--color-focus-ring); outline-offset: -3px; }
 .faq-item__panel { padding: 0 var(--space-5) var(--space-5); color: var(--color-text-body); }

 .mid-cta { background: var(--color-bg-header); color: var(--white); text-align: center; padding-block: var(--space-16); }
 .mid-cta h2 { color: var(--white); font-size: var(--text-2xl); margin-bottom: var(--space-4); }
 .mid-cta p { color: var(--white); opacity: 0.9; max-width: 56ch; margin-inline: auto var(--space-8); font-size: var(--text-md); }

 
 #top10-teaser p { color: var(--color-text-body); max-width: 56ch; margin-inline: auto var(--space-6); }
 .top10-teaser__dots { display: flex; justify-content: center; gap: var(--space-3); margin-bottom: var(--space-6); }
 .top10-teaser__dot { width: 28px; height: 28px; border-radius: var(--radius-full); border: 1px solid rgba(var(--near-black-rgb), 0.15); display: inline-block; }

 
 .hero--real .hero__media {
   background-image:
     linear-gradient(180deg, rgba(var(--near-black-rgb), 0.62) 0%, rgba(var(--near-black-rgb), 0.50) 45%, rgba(var(--near-black-rgb), 0.64) 100%),
     url("/photos/real-job-white-kitchen-wide.webp");
   background-size: cover;
   background-position: center 30%;
   background-repeat: no-repeat;
   filter: contrast(1.04) saturate(1.05);
 }