/* State the three outcomes clearly while retaining the existing moving emblem. */
.homepage .hero h1.hero-message { max-width: 760px; margin-block: 20px 24px; font: 600 clamp(2.75rem,4.6vw,4.9rem)/1.06 var(--body); letter-spacing: -.055em; text-transform: none; white-space: normal; text-wrap: initial; }
.homepage .hero h1.hero-message > span { display: block; color: #f2f3f0; background: none; -webkit-text-fill-color: currentColor; overflow-wrap: normal; }
.homepage .hero h1.hero-message > .hero-message-accent { color: #f47b36; }
.homepage .hero .hero-intro { max-width: 48ch; font-size: 1.05rem; line-height: 1.75; }
.homepage .hero .hero-actions { gap: 18px 26px; align-items: center; }
.homepage .hero .hero-actions .text-link { font: 600 .92rem/1.5 var(--body); color: #c4cdc8; text-transform: none; }
@media(max-width:700px) {
 .homepage .hero h1.hero-message { font-size: clamp(2.55rem,8.5vw,3.75rem); line-height: 1.08; margin-block: 18px 22px; }
 .homepage .hero .hero-intro { font-size: 1rem; }
}
@media(max-width:390px) { .homepage .hero h1.hero-message { font-size: clamp(2.2rem,9.2vw,2.8rem); } }

/* A focused mobile hero: the header already carries the Flow Forge brand. */
@media(max-width:700px) {
 .homepage .hero .hero-emblem { display: none; }
 .homepage .hero .hero-emblem-motion { animation: none; }
 .homepage .hero { min-height: 0; }
 .homepage .hero-grid { display: block; grid-template-columns: minmax(0,1fr); padding-block: 34px 36px; }
 .homepage .hero-copy { max-width: 100%; }
}