/* Original visual identity; only hero proportions and spacing are adjusted. */
.v4 .hero .hero-grid { grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:40px; align-items:start; }
.v4 .hero .copy { display:block; min-width:0; padding-top:13px; padding-bottom:34px; }
.v4 .hero .audience { max-width:none; margin-bottom:21px; }
.v4 .hero h1 { width:100%; max-width:100%; margin-left:0; margin-bottom:24px!important; }
.v4 .hero h1 .headline-line + .headline-line { margin-top:6px; }
.v4 .hero .hero-tagline { font-size:19px; line-height:1.5; max-width:43ch; margin:0 0 26px; }
.v4 .hero .hero-benefits { font-size:15px; line-height:1.55; gap:16px; max-width:50ch; }
.v4 .hero .hero-benefits strong { display:inline; }
.v4 .hero .actions { display:flex; flex-wrap:wrap; margin-top:28px!important; gap:13px; }
.v4 .hero .activity-scene.agenda-illustration { width:100%; max-width:100%; }
.v4 .hero .agenda-illustration .agenda-art { transform:scale(1.08); }
@media(min-width:761px) and (max-width:1100px) {
 .v4 .hero .hero-grid { grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:28px; }
 .v4 .hero .hero-tagline { font-size:18px; }
 .v4 .hero .hero-benefits { font-size:14px; }
}
@media(max-width:760px) {
 .v4 .hero .hero-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .v4 .hero .hero-tagline { font-size:18px; margin-bottom:24px; }
 .v4 .hero .hero-benefits { font-size:14px; }
 .v4 .hero .activity-scene.agenda-illustration { max-width:340px; justify-self:center; }
}
@media(max-width:360px) {
 .v4 .hero h1 .headline-line { white-space:normal!important; font-size:24px!important; }
}

/* Both lines belong to one headline; same black, size and weight. */
.v4 .hero h1 .headline-line { font-size:48px; font-weight:650; color:#202020; line-height:1.16; letter-spacing:-.035em; }
.v4 .hero .activity-scene.agenda-illustration { transform:none; align-self:start; }
.v4 .hero { overflow-x:clip; }
@media(max-width:760px) {
 .v4 .hero .agenda-illustration .agenda-art { transform:scale(1.08); }
 .v4 .hero .activity-scene.agenda-illustration { transform:none; }
}

/* Scale the complete hero composition together, preserving its original layout. */
.v4 .hero .hero-grid { transform:scale(.9); transform-origin:top center; }
.v4 .hero h1 .headline-accent { color:var(--pink); font-weight:inherit; }

/* Match the annotated desktop calendar frame without moving the text column. */
@media(min-width:1101px) {
 .v4 .hero .agenda-illustration .agenda-art { transform:translate(3vw,-32px) scale(1.28,1.2); }
 .v4 .hero .hero-grid { margin-bottom:clamp(-160px,-9vw,-90px); }
}
.v4 .hero { padding-bottom:20px; }
.v4 .after-hero-challenge { padding-top:48px; }

/* External evidence, woven into the #systeme intro sentence. */
.lp-system-intro .lp-system-proof { color:var(--pink); font-weight:600; }
.lp-system-intro .lp-system-source { color:inherit; text-decoration:underline; text-decoration-color:color-mix(in srgb,var(--pink) 45%,transparent); text-decoration-thickness:1px; text-underline-offset:3px; white-space:nowrap; }
.lp-system-intro .lp-system-source:hover { text-decoration-color:var(--pink); }
.lp-system-intro .lp-system-source:focus-visible { outline:2px solid var(--pink); outline-offset:2px; border-radius:2px; }
.lp-system-source .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }



/* Lower the entire text column to match the annotated desktop composition. */
@media(min-width:1101px) {
 .v4 .hero .copy { margin-top:80px; }
}

/* Enlarge the whole text group by 10% and lift it by 10% of its height. */
.v4 .hero .copy { transform:translateY(-10%) scale(1.1); transform-origin:top center; }
@media(max-width:760px) {
 /* Keep the enlarged eyebrow clear of the fixed mobile navigation. */
 .v4 .hero .copy { transform:translateY(-4px) scale(1.1); }
}

/* The same brand flower leads the audience line and each benefit. */
.v4 .hero .audience { font-size:13.8px; align-items:center; gap:10px; }
.v4 .hero .audience > .fuchsia-mark { width:1em; height:1em; margin-top:0; flex-shrink:0; }
.v4 .hero .hero-benefits li { padding-left:26px; }
.v4 .hero .hero-benefits li::before { display:none; }
.v4 .hero .hero-benefit-flower {
 position:absolute; left:0; top:calc(.775em - 6.5px);
 width:13px; height:13px; color:var(--pink);
}
@media(max-width:760px) {
 .v4 .hero .audience { font-size:12.65px; }
}