.cp{--cp-gap:8px;isolation:isolate;border-radius:var(--radius-lg);color:var(--cp-fg);aspect-ratio:16/9;background:var(--cp-bg,var(--color-neutral-wash));display:flex;position:relative;overflow:hidden}.cp[data-tight]{border-radius:calc(var(--radius-lg) + var(--cp-gap));padding:var(--cp-gap)}.cp-bg{z-index:-1;position:absolute;inset:0}.cp-body{flex-direction:column;justify-content:center;gap:12px;width:100%;padding:40px 24px;display:flex;position:relative}.cp-text{flex-direction:column;gap:12px;display:flex}.cp-text :where(h2,h3){color:var(--cp-fg);margin:0}.cp-line{font-size:var(--fs-lead);max-width:40ch;color:var(--cp-fg);text-wrap:pretty;margin:0;line-height:1.5}.cp[data-text=light] .cp-line,.cp[data-text=ink] .cp-line{opacity:1}.cp-eyebrow{font:500 13px/1 var(--font-mono);letter-spacing:.02em;color:var(--cp-fg)}@media (min-width:768px){.cp-body{padding:0}.cp[data-layout=headline] .cp-text{width:calc(var(--zw) * 100%);margin-left:calc(var(--zx) * 100%)}.cp[data-align=center] .cp-text{text-align:center;align-items:center}.cp[data-align=center] .cp-line{margin-inline:auto}}.cp[data-layout=headline] .cp-body{justify-content:center}.cp-card{text-align:center;border-radius:var(--radius-lg);background:var(--color-neutral-raised);width:min(380px,100%);color:var(--color-neutral-ink);box-shadow:inset 0 0 0 1px var(--color-neutral-line);flex-direction:column;align-items:center;gap:14px;padding:28px 24px;display:flex}.cp-card-ico{width:44px;height:44px;color:var(--color-neutral-ink);place-items:center;display:grid}.cp-card-title{letter-spacing:-.014em;margin:0;font-size:22px;font-weight:600;line-height:1.25}.cp-card-line{color:var(--color-neutral-soft);margin:0 0 6px;font-size:15px;line-height:1.5}.cp[data-layout=card] .cp-body{align-content:center;justify-items:center;gap:28px;padding:40px 24px;display:grid}@media (min-width:768px){.cp[data-layout=card] .cp-body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0;padding:0}.cp[data-layout=card] .cp-text{justify-self:stretch;padding-inline:8%}.cp[data-layout=card][data-align=right] .cp-text{order:2}.cp[data-layout=card][data-align=center] .cp-body{grid-template-columns:1fr}}.cp[data-layout=pill] .cp-body{justify-content:center;align-items:center}.cp-pill{border-radius:var(--radius-lg);background:var(--color-neutral-raised);color:var(--color-neutral-ink);box-shadow:inset 0 0 0 1px var(--color-neutral-line);letter-spacing:-.02em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.3em;padding:22px 34px;font-size:clamp(22px,1rem + 2.2vw,40px);font-weight:500;line-height:1.15;display:inline-flex}.cp-pill-soft{color:var(--color-neutral-soft)}.cp[data-layout=scene]{aspect-ratio:auto}.cp[data-layout=scene] .cp-body{align-items:center;gap:24px;padding:28px 16px;display:grid}.cp-scene{width:100%;min-width:0;color:var(--cp-fg)}@media (min-width:900px){.cp[data-layout=scene] .cp-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;padding:48px}.cp[data-layout=scene][data-align=right] .cp-text{order:2}.cp[data-layout=scene][data-align=right] .cp-scene{order:1}}@media (min-width:768px){.cp[data-compact]:not([data-layout=scene]){aspect-ratio:21/8}}@media (max-width:767px){.cp:not([data-layout=scene]){aspect-ratio:4/5;min-height:340px}.cp[data-layout=pill]{aspect-ratio:1}}.cp[data-band] .cp-text{text-align:center;align-items:center}.cp[data-band] .cp-line{margin-inline:auto}@media (min-width:768px){.cp[data-band][data-layout=headline] .cp-body{grid-template-rows:var(--zrows);display:grid}.cp[data-band][data-layout=headline] .cp-text{width:calc(var(--zw) * 100%);margin-left:calc(var(--zx) * 100%);grid-row:2;align-self:center}}.cp[data-band][data-layout=card]{aspect-ratio:auto}.cp[data-band][data-layout=card] .cp-body,.cp[data-band][data-layout=scene] .cp-body{grid-template-columns:minmax(0,1fr);gap:24px;padding:36px 24px}.cp[data-band][data-layout=card] .cp-text{padding-inline:0}.cp[data-band=bottom][data-layout=card] .cp-text,.cp[data-band=bottom][data-layout=scene] .cp-text{order:2}@media (max-width:767px){.cp[data-band=top][data-layout=headline] .cp-body{justify-content:flex-start}.cp[data-band=bottom][data-layout=headline] .cp-body{justify-content:flex-end}}