/* Home carousel + AI page, launched 2026-11-06. Additions only; every value reuses an existing site.css token or value. */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---------- home: rotating billboard ---------- */
/* Panels share the four grid rows, leaving row 2 to one permanent H1.
   Subgrid preserves the mockup's eyebrow / headline / support / link order and
   reserves the tallest panel's height, without duplicating or hiding the H1. */
.hero-carousel .slides{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}
.hero-carousel .stable-headline{grid-column:1;grid-row:2;z-index:1;pointer-events:none}
.hero-carousel .slide{grid-column:1;grid-row:1/5;display:grid;grid-template-rows:subgrid;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .3s cubic-bezier(0.2,0,0,1),transform .3s cubic-bezier(0.2,0,0,1),visibility 0s linear .3s}
.hero-carousel .slide>.eyebrow{grid-row:1}
.hero-carousel .slide>.lede{grid-row:3}
.hero-carousel .slide>.more{grid-row:4;justify-self:start}
.hero-carousel .slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hero-carousel .slide .lede{margin-bottom:14px}
.hero-carousel .slide .more{color:var(--signal)}
.hero-carousel .slide .more:hover{color:#fff}
.hero-carousel .hero-cta{margin:28px 0 0}
.car-ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;visibility:hidden}
.hero-carousel.is-ready .car-ctrl{visibility:visible}
.car-tabs{display:flex;flex-wrap:wrap;gap:8px}
.car-btn{font:inherit;font-size:1rem;font-weight:600;line-height:1.2;min-height:44px;padding:8px 18px;border-radius:999px;border:2px solid #E9EDF0;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s}
.car-btn:hover{border-color:var(--signal)}
.car-btn:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.car-tabs .car-btn[aria-selected="true"]{background:var(--signal);border-color:var(--signal);color:var(--ink)}
.car-play{border-color:transparent;padding-left:12px}
.car-play:hover{border-color:#E9EDF0}
.car-play .ic{display:inline-block;width:14px;height:14px;position:relative}
.car-play[data-state="playing"] .ic{border-left:4px solid currentColor;border-right:4px solid currentColor;width:12px}
.car-play[data-state="paused"] .ic{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}
@media (max-width:760px){.car-ctrl{margin-top:32px}.car-btn{padding:8px 14px}}
@media (prefers-reduced-motion:reduce){.hero-carousel .slide{transition:none!important;transform:none}}

.car-play[hidden]{display:none}
