/* Only the homepage introduction uses the updated reference typography. */
.home-hero .hero-copy .home-welcome,
.home-hero .home-headline,
.home-hero .hero-copy>p:not(.home-welcome){font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.home-hero .hero-copy .home-welcome{color:#f3652f;font-weight:850;letter-spacing:.19em;text-transform:uppercase}
.home-hero .home-headline{color:#0a2342;font-weight:700;line-height:1.08;letter-spacing:-.045em}
.home-hero .home-headline em{color:#f3652f;font-style:normal}
.home-hero .hero-copy>p:not(.home-welcome){color:#667184;line-height:1.65}

/* Actual HOA dashboard in the homepage product introduction. */
.hoa-home-shot{margin:0;width:100%;min-width:0}.hoa-home-shot>a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 15px 35px #38241310}.hoa-home-shot img{display:block;width:100%;height:auto}.hoa-home-shot figcaption{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}.hoa-home-shot>a:hover{border-color:var(--brand)}

/* Preserve the HOA rotator frame, angle and responsive dimensions. */
.hoa-carousel-screen{position:relative;overflow:hidden}
.hoa-carousel-size{visibility:hidden;pointer-events:none}
.hoa-carousel-size>p{font-size:11px;margin-top:6px}
.hoa-carousel-screen>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#eff1f7;border-radius:inherit}

/* Product captures keep their original proportions inside the tilted frame. */
.carousel-real-screen{padding:0}
.carousel-real-screen img{width:100%;height:auto;display:block}
.carousel-controls{gap:12px}
.carousel-pause,.carousel-count{flex-shrink:0}
.carousel-selectors{flex:0 1 auto;min-width:0;flex-wrap:wrap;justify-content:center}
.carousel-dot{flex-shrink:0}