/* landing.css — the few rules the landing pages need on top of the kit's site.css
   (GENERATED from limoaudio-web; never edit that one here). */
body { --acc: #34d399; --acc-ink: #101012; }   /* LimoPages green, beside the family's teals */
.lp-intro .row-actions { justify-content: center; margin-top: 26px; }
.step-n { display: block; font: 500 12px/1 var(--font-mono); letter-spacing: 0.08em; color: var(--muted); margin-bottom: 8px; }
.fact.is-featured { box-shadow: inset 0 0 0 2px var(--acc); }
.pricing-actions { margin-top: 28px; }
.pricing-note { margin-top: 18px; font-size: 14px; color: var(--muted); max-width: 70ch; }
#family-cols .wordmark { font-size: 24px; margin: 0 0 8px; }
/* The kit sets the formats line at line-height 1: a wrapped second line touched the first. */
.row-formats { line-height: 1.7; }
.lp-cta { text-align: center; }
.lp-cta .lede { margin-inline: auto; }
.lp-cta .row-actions { justify-content: center; }
/* A missing carousel picture keeps the slide's shape. */
.hs-media .shot-placeholder { aspect-ratio: 16 / 10; }
/* The carousel's phone shot is a tall portrait (1170×2532). Every slide shares one grid cell, so an uncapped
   phone made the whole hero as tall as the phone; capped to a phone's height the hero follows the copy again. */
.hs-slide.is-square .hs-media img { width: auto; max-width: 100%; max-height: clamp(320px, 36vw, 400px); margin-inline: auto; }
@media (max-width: 860px) { .hs-slide.is-square .hs-media img { max-height: 340px; } }
/* The manual (/manual/, /en/manual/): the kit's reader styles do the page; the closing block is centred like the landing's. */
.manual-cta { text-align: center; }
.manual-cta .row-actions { justify-content: center; }
/* The phone shot is a tall portrait: shown at a phone's height in the middle of its row, not stretched to the column. */
#domain .shot img { width: auto; max-width: 100%; max-height: 600px; margin: 0 auto; }