/* Four full-width fields, separated by white sections.
   Interface objects stay white within each field. */
.tilt-preview.automation-home{--lavender:#e8def4;--mint:#a5cfb2;--peach:#ffc9ae;--light-yellow:#faf6b4;background:#fff}
.tilt-preview.automation-home .platform-section{background:var(--mint);padding-block:100px 72px}
.automation-home .platform-section .compact-proof,.automation-home .platform-section .automation-functions span{border-color:rgba(26,26,26,.23)}
.automation-home .platform-section .feature-card{background:#fff;border:1px solid rgba(26,26,26,.1);box-shadow:none}
.automation-home .platform-section .button-white{background:#fff;border:1px solid #1a1a1a}
.automation-home .platform-section .floating-note,.automation-home .platform-section .order-slip,.automation-home .platform-section .payment-paper{background:#fff;border:1px solid #dedede;box-shadow:0 4px 18px rgba(26,26,26,.06)}
.automation-home .platform-section .illustrated-approval{background:#1a1a1a;color:white}
.automation-home .platform-section .circle-button{background:transparent;border-color:rgba(26,26,26,.45)}
.automation-home .platform-section .carousel-dots button::after{background:rgba(26,26,26,.3)}
.automation-home .platform-section .carousel-dots button[aria-current=true]::after{background:#1a1a1a}
.automation-home .comparison-details{margin-block:65px;border-color:#dedede}
.automation-home .comparison-krevaro{background:var(--light-yellow)}
.tilt-preview.automation-home .mcp-section{background:var(--lavender);padding-block:96px}
.automation-home .mcp-demo,.automation-home .mcp-demo-header,.automation-home .mcp-tabs,.automation-home .mcp-demo-footer{background:#fff}
.automation-home .mcp-message-user{background:#fff;border:1px solid #dedede}
.automation-home .mcp-tab[aria-selected=true]{border-bottom-color:#1a1a1a}
.automation-home .mcp-response-dot{background:#1a1a1a;border-color:#1a1a1a}
.automation-home .mcp-compatible{border-left-color:rgba(26,26,26,.4)}
.automation-home .mcp-example-questions>button{border-bottom-color:rgba(26,26,26,.23)}
.tilt-preview.automation-home .testimonial-section{background:#fff;padding-block:85px 95px}
.tilt-preview.automation-home .brand-program{background:var(--peach);padding-block:96px 82px}
.automation-home .brand-program-tabs,.automation-home .brand-program-footer{border-color:rgba(26,26,26,.25)}
.automation-home .brand-program-tabs button::after{background:#1a1a1a}
.automation-home .home-faq{padding-block:95px}
.tilt-preview.automation-home .booking-section{background:var(--light-yellow);padding-block:90px}
.automation-home .booking-section .button{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.automation-home .booking-section .button:hover{background:#333}
.tilt-preview.automation-home .site-footer{background:#fff}
@media(max-width:800px){
  .tilt-preview.automation-home .platform-section{padding-block:72px 58px}
  .tilt-preview.automation-home .mcp-section{padding-block:72px}
  .tilt-preview.automation-home .brand-program{padding-block:72px}
  .tilt-preview.automation-home .testimonial-section{padding-block:65px 75px}
  .automation-home .home-faq{padding-block:72px}
}
@media(max-width:580px){
  .tilt-preview.automation-home .platform-section{padding-block:62px 48px}
  .automation-home .comparison-details{margin-block:40px}
  .tilt-preview.automation-home .mcp-section{padding-block:60px}
  .tilt-preview.automation-home .testimonial-section{padding-block:52px 62px}
  .tilt-preview.automation-home .brand-program{padding-block:58px 62px}
  .automation-home .home-faq{padding-block:60px}
  .tilt-preview.automation-home .booking-section{padding-block:64px}
}

/* Farbige Zustände statt Grau, 11.09.2026.
   Jede Fläche hat einen kräftigen Partner. Der Knopf nimmt ihn beim Überfahren an.
   Mint wird Dunkelgrün, Lavendel wird dunkles Lila, Apricot wird Orange, Hellgelb wird Gelb.
   Lavendel folgt seit dem 11.09.2026 den Marken-Stufen: Fläche Lila 100 #C9BDE8,
   Zustand Lila 600 #4E3A7E. Weiße Schrift darauf erreicht 9,4:1. */
:root { --mint-strong:#204e31; --lila-strong:var(--lila-600, #4e3a7e); --apricot-strong:#ff751f; --yellow-strong:#ffe500; }

/* Weiße Fläche: die Hauptaktion wird lila */
.automation-home .hero .button:hover {
  background:var(--lila-strong); color:#fff; border-color:var(--lila-strong);
}

/* Mint: weiße Karten-Knöpfe werden dunkelgrün */
.automation-home .platform-section .button-white:hover,
.automation-home [data-section-tone="mint"] .button-white:hover {
  background:var(--mint-strong); color:#fff;
}

/* Apricot: Knöpfe und Reiter werden orange */
.automation-home [data-section-tone="apricot"] .button:hover,
.automation-home [data-section-tone="apricot"] .button-white:hover {
  background:var(--apricot-strong); color:#1a1a1a;
}

/* Hellgelb: der Abschlussknopf wird gelb statt grau */
.automation-home .booking-section .button:hover,
.automation-home [data-section-tone="yellow"] .button:hover {
  background:var(--yellow-strong); color:#1a1a1a; border-color:var(--yellow-strong);
}
.automation-home [data-section-tone="yellow"] .button-white:hover {
  background:var(--yellow-strong); color:#1a1a1a;
}

/* Der Textlink im KI-Abschnitt behält seine Farbe. Das Überfahren zeigt
   der Mint-Balken, sonst stünden zwei Zeichen nebeneinander. 11.09.2026. */

/* Überfahren-Zeichen kommt aus brand-menu.css: der Mint-Balken hinter dem Wort.
   Die frühere Unterstreichung entfällt, 11.09.2026. */