@layer sections{.explainer{padding-block:var(--space-large)}.explainer__inner{gap:var(--space-lg);display:grid}.explainer__eyebrow{align-items:center;gap:var(--space-2xs);margin-block:0 var(--space-xs);color:var(--color-primary-readable);font-size:var(--size-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:inline-flex}.explainer__eyebrow:before{content:"";background:var(--color-primary);block-size:.5rem;inline-size:.5rem;box-shadow:0 0 .75rem var(--color-primary);border-radius:.125rem}.explainer__title{margin-block:0 var(--space-default);font-size:var(--size-headline);line-height:var(--leading-headline)}.explainer__lead{margin-block:0 var(--space-default);max-width:60ch;color:var(--color-gray-700);font-size:var(--size-lg);line-height:var(--leading-body)}.explainer__lead:last-child{margin-block-end:0}.explainer__points{gap:var(--space-default);margin:0;padding:0;list-style:none;display:grid}.explainer__point{align-content:start;gap:var(--space-2xs);padding:var(--space-md);background-color:var(--color-gray-50);background-image:radial-gradient(110% 70% at 0% 0%, color-mix(in srgb, var(--color-primary-readable) 14%, transparent), transparent 65%);border:var(--border-width) solid color-mix(in srgb, var(--color-primary-readable) 22%, var(--border-color));border-radius:var(--radius);transition:border-color .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.explainer__point:before{content:"";background:linear-gradient(90deg, var(--color-primary-readable), transparent 80%);block-size:.1875rem;position:absolute;inset:0 0 auto}.explainer__point:hover{border-color:color-mix(in srgb, var(--color-primary-readable) 60%, var(--border-color));transform:translateY(-.125rem)}.explainer__marker{color:var(--color-primary-readable);font-family:var(--font-headline);font-size:var(--size-xl);font-stretch:var(--font-headline-stretch);font-weight:800;line-height:var(--leading-headline)}.explainer__point[data-series] .explainer__marker{block-size:.75rem;inline-size:.75rem;margin-block:var(--space-3xs);background:var(--color-primary-readable);box-shadow:0 0 .875rem var(--color-primary-readable);border-radius:50%}.explainer__name{font-size:var(--size-lg);line-height:var(--leading-subline);margin:0}.explainer__text{color:var(--color-gray-600);font-size:var(--size-sm);line-height:var(--leading-body);margin:0}.explainer__note{justify-content:space-between;align-items:center;gap:var(--space-default);padding:var(--space-md);background-image:linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 80%);border:var(--border-width) solid color-mix(in srgb, var(--color-primary) 35%, var(--border-color));border-radius:var(--radius);flex-wrap:wrap;display:flex}.explainer__note-text{max-width:70ch;color:var(--color-gray-800);font-size:var(--size-md);flex:20rem;margin:0;font-weight:600}.explainer__action{padding:var(--space-xs) var(--space-lg);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-ink);box-shadow:var(--shadow-glow);align-items:center;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.explainer__action:hover{transform:translateY(-.125rem)}@media (min-width:36rem){.explainer__points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:62rem){.explainer__inner{gap:var(--space-lg) var(--space-large);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.explainer__head{align-self:start}.explainer__note{grid-column:1/-1}}}