.section-intro{display:flex;flex-direction:column;gap:clamp(var(--spacing-2, .5rem),1.2vw,var(--spacing-4, 1rem));max-inline-size:var(--section-intro-max, 56rem)}.section-intro--compact{max-inline-size:min(100%,42rem)}.section-intro--hero{max-inline-size:min(100%,52rem)}.section-intro--center{align-items:center;margin-inline:auto;text-align:center}.section-intro__eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-2, .5rem);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-semibold, 600);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-primary)}.section-intro__kicker{margin:0;font-style:italic;color:var(--section-muted, var(--color-muted-foreground));font-size:var(--font-size-base)}.section-intro__headline>:is(h1,h2,h3,p){margin:0;font-size:var(--heading-h2-size);line-height:var(--heading-line-height);letter-spacing:var(--letter-spacing-display);font-weight:var(--heading-font-weight)}.section-intro--hero .section-intro__headline>:is(h1,h2,h3,p){font-size:var(--heading-font-size);line-height:var(--heading-line-height);letter-spacing:var(--letter-spacing-display-tight)}.section-intro--compact .section-intro__headline>:is(h1,h2,h3,p){font-size:var(--heading-h3-size);line-height:1.15}.section-intro--balance .section-intro__headline>:is(h1,h2,h3,p){text-wrap:balance}.section-intro__lede{max-width:var(--section-body-measure, 56ch);font-size:var(--paragraph-font-size);line-height:var(--paragraph-line-height, 1.6);color:var(--section-fg, var(--color-foreground));text-wrap:pretty;margin-top:var(--spacing-1, .25rem)}.section-intro--center .section-intro__lede{margin-inline:auto}.section-intro__actions{margin-top:var(--spacing-3, .75rem);display:inline-flex;flex-wrap:wrap;gap:var(--spacing-3, .75rem)}.section-intro--center .section-intro__actions{justify-content:center}.section-intro__eyebrow+.section-intro__headline,.section-intro__kicker+.section-intro__headline{margin-top:var(--spacing-1, .25rem)}.section-intro__headline+.section-intro__lede{margin-top:var(--spacing-2, .5rem)}[data-theme=dark] .section-intro__lede,[data-theme=dark] .section-intro__kicker{color:color-mix(in srgb,white 78%,transparent)}.surface{border-radius:var(--radius-lg);background:var(--surface-base, var(--color-background));color:var(--color-foreground)}.surface--default{border:1px solid var(--hairline, var(--color-border))}.surface--emphasis{background:var(--surface-strong, var(--color-foreground));color:var(--color-background);border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}.surface--emphasis .rich-text :is(p,ul,ol){color:color-mix(in srgb,currentColor 78%,transparent)}.surface--emphasis .action-link.action-link--default,.surface--emphasis .action-link.action-link--secondary{border-color:color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);color:inherit}.surface--muted{background:var(--surface-muted, color-mix(in srgb, var(--color-muted) 60%, var(--color-background)));border:1px solid var(--hairline, var(--color-border))}.surface--strong{background:var(--surface-strong, color-mix(in srgb, var(--color-foreground) 92%, var(--color-background)));color:var(--color-background)}.surface--glass{background:color-mix(in srgb,var(--color-background) 60%,transparent);backdrop-filter:blur(var(--blur-lg, 18px));-webkit-backdrop-filter:blur(var(--blur-lg, 18px));border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.surface--gradient{background:var(--gradient-mesh-primary);border:1px solid var(--hairline, var(--color-border))}.surface--elevated{background:var(--surface-elevated, var(--color-background));box-shadow:var(--shadow-lg);border:1px solid var(--hairline, var(--color-border))}.surface--mesh{background:var(--gradient-mesh-primary)}.surface--inverse{background:color-mix(in srgb,var(--color-neutral-900, #0a0a0a) 92%,var(--color-primary));color:#fff;border:1px solid color-mix(in srgb,white 10%,transparent)}[data-theme=dark] .surface--default,[data-theme=dark] .surface--muted,[data-theme=dark] .surface--gradient,[data-theme=dark] .surface--elevated{border-color:color-mix(in srgb,white 12%,transparent)}[data-theme=dark] .surface--glass{background:color-mix(in srgb,var(--color-foreground) 14%,transparent);border-color:color-mix(in srgb,white 12%,transparent)}
