.percy-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:52px}
.percy-hero h1{font-size:clamp(44px,4.6vw,64px);letter-spacing:-2.7px}
.percy-hero .eyebrow{font-size:11px;letter-spacing:1.5px}
.percy-promo{margin:0;min-width:0;border:1px solid #405348;border-radius:12px;overflow:hidden;background:#18392f;box-shadow:0 24px 65px #0003}
.promo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px}
.promo-heading .percy-wordmark{color:#f0eee6;font-size:30px}
.promo-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#c1cabe;text-align:right}
.percy-promo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#10251f}
.percy-promo video:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.percy-promo figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 24px;font-size:11px;color:#c1cabe}
.percy-promo figcaption a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.percy-beta{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center}
.beta-detail p{color:var(--muted);font-size:15px;margin-bottom:20px}
@media(max-width:1000px){.percy-hero{gap:30px;grid-template-columns:1fr 1fr}.percy-hero h1{font-size:48px;letter-spacing:-2px}.promo-heading{padding:16px}.promo-label{font-size:9px;letter-spacing:1px}.percy-promo figcaption{padding:16px}}
@media(max-width:760px){.percy-hero,.percy-beta{grid-template-columns:1fr;gap:34px}.percy-hero h1{font-size:clamp(43px,8vw,60px)}.percy-hero .lede{max-width:580px}.promo-heading{padding:18px 20px}.percy-promo figcaption{padding:18px 20px}.percy-beta{gap:25px}}