/* =============================================================
   analyse.css – Google-Ads-Analyse (/google-ads-analyse)
   Nutzt zusätzlich home.css (pain_grid, fit_grid, jetzt_card, kontakt_component).
   Farben nur über Tokens aus brand.css, Abstände aus der Spacing-Scale.
   ============================================================= */

/* Hero: Preis- und Leistungskarte (Fläche Marine) */
.analyse_hero-card{justify-self:end;width:100%;max-width:30rem;padding:3rem;border-radius:var(--radius-large)}
.analyse_hero-person{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line);--contact-ring:var(--marine)}
.analyse_hero-person .contact_name{color:var(--weiss)}
.analyse_hero-amount{font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:4rem;line-height:1;color:var(--weiss);white-space:nowrap}
.analyse_hero-unit{margin-left:.375rem;letter-spacing:0;font-family:var(--font-body);font-size:1.125rem;font-weight:500;color:var(--muted-on-surface)}
.analyse_hero-sub{color:var(--muted-on-surface)}
.analyse_hero-list{display:grid;gap:0;margin:0;border-top:1px solid var(--line)}
.analyse_hero-list > div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.analyse_hero-list dt{font-size:.9375rem;color:var(--muted-on-surface)}
.analyse_hero-list dd{margin:0;font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:1.75rem;line-height:1.1;white-space:nowrap}
.analyse_hero-list .is-highlight dt{color:var(--weiss);font-weight:600}
.analyse_hero-list .is-highlight dd{padding:0 .25em;border-radius:.25em;background:var(--limette);color:var(--marine)}
.analyse_hero-note{font-size:.8125rem;color:var(--muted-on-surface)}
@media (max-width:991px){.analyse_hero-card{justify-self:start;max-width:32rem}}
@media (max-width:640px){.analyse_hero-card{padding:2rem 1.5rem}.analyse_hero-amount{font-size:3rem}.analyse_hero-list dd{font-size:1.5rem}}

/* Für wen: Icons in den vier Situations-Karten */
.analyse_pain-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-small);background:var(--himmel);color:var(--marine)}
.analyse_pain-icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* Prüfbereiche: 8 Karten mit Nummern in Bricolage */
.analyse_areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.analyse_area{padding:2rem;border-radius:var(--radius-large);background:var(--surface-card);border:1px solid var(--line)}
.analyse_area-number{display:block;font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:2rem;line-height:1;color:var(--marine)}
.analyse_area:nth-child(-n+4) .analyse_area-number{color:var(--marine)}
.analyse_area-text{font-size:.9375rem;color:var(--text-muted)}
@media (max-width:991px){.analyse_areas-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.analyse_areas-grid{grid-template-columns:1fr;gap:1rem}.analyse_area{padding:1.5rem}}

/* Lieferung: Bild (Report auf dem Smartphone) + Text */
.analyse_deliver-component{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.analyse_deliver-list{color:var(--text-muted)}
.analyse_deliver-list strong{font-weight:600;color:var(--marine)}
@media (max-width:991px){.analyse_deliver-component{grid-template-columns:1fr;gap:3rem}}

/* Bild: links auf Desktop (im HTML steht der Text zuerst, damit er mobil oben bleibt) */
.analyse_deliver-media{margin:0;display:flex;justify-content:center}
.analyse_deliver-image{display:block;width:100%;max-width:34rem;height:auto}
/* Der Arm läuft bis an die Unterkante der Section: negativer Abstand = Section-Padding (7 / 6 / 4 rem) */
.analyse_deliver-media{align-self:end;margin-bottom:-7rem}
@media (min-width:992px){.analyse_deliver-media{order:-1}}
@media (max-width:991px){.analyse_deliver-media{margin-bottom:-6rem}.analyse_deliver-image{max-width:26rem}}
@media (max-width:640px){.analyse_deliver-media{margin-bottom:-4rem}}

/* Ergebnis: 2 × 2 Karten auf Marine (Karten-Stil aus home.css: jetzt_card) */
.analyse_outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media (max-width:640px){.analyse_outcome-grid{grid-template-columns:1fr;gap:1rem}}

/* Ablauf: vier Schritte (Karten-Stil aus components.css: steps_card) */
.analyse_steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media (max-width:991px){.analyse_steps-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.analyse_steps-grid{grid-template-columns:1fr;gap:1rem}.analyse_steps-grid .steps_card{padding:1.5rem}}

/* Buchungsformular */
.analyse_form-price{font-family:var(--font-display);letter-spacing:-.035em;font-weight:800;font-size:1.5rem;line-height:1.2;color:var(--marine)}