@layer components{.aud{background-color:var(--color-night);color:var(--color-ink-on-night);margin-block-start:var(--space-3xl);padding-block:clamp(4rem,9vw,6.5rem)}.aud__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink-on-night);margin-block-end:clamp(2rem,5vw,3rem);font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:600;line-height:1.15}.aud__panels{gap:var(--space-lg);display:grid}@media (min-width:60rem){.aud__panels{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1.25rem,2.5vw,2rem)}}.aud__panel{border-radius:var(--radius-lg);border:var(--rule-hair) solid #ffffff14;background:#ffffff0a;background:lab(100% 0 0/.04);flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,2.5vw,2rem);display:flex}@supports (color:lab(0% 0 0)){.aud__panel{border:var(--rule-hair) solid lab(100% 0 0/.08)}}.aud__tag{color:var(--color-accent-bright);margin-block-end:var(--space-md)}.aud__headline{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--color-ink-on-night);font-size:clamp(1.375rem,1.15rem + 1vw,1.75rem);font-weight:600;line-height:1.08}.aud__body{text-wrap:pretty;max-inline-size:46ch;color:var(--color-muted-on-night);margin-block-start:var(--space-md);font-size:1rem;line-height:1.65}.aud__points{gap:var(--space-sm);margin-block:var(--space-lg);flex-direction:column;display:flex}.aud__points li{align-items:flex-start;gap:var(--space-sm);max-inline-size:44ch;color:var(--color-ink-on-night);font-size:.9375rem;line-height:1.55;display:flex}.aud__points li:before{content:"";border-radius:var(--radius-pill);background:var(--color-accent-bright);flex:none;block-size:6px;inline-size:6px;margin-block-start:.5em}.aud__cta{margin-block-start:auto}.aud__idea{font-size:var(--text-md);color:var(--color-muted-on-night);margin:clamp(2rem,5vw,3rem) 0 0}.aud__idea a{color:var(--color-ink-on-night);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-bright);text-decoration-color:var(--color-accent-bright);text-underline-offset:.2em;font-weight:700}@media (hover:hover) and (pointer:fine){.aud__idea a:hover{color:var(--color-accent-bright)}}}