@layer page{.ds-ai{--ds-canvas:var(--color-background-canvas);--ds-surface:var(--color-background-surface);--ds-raised:color-mix(in srgb, var(--color-text-primary) 6%, var(--color-background-surface));--ds-ink:var(--color-text-primary);--ds-muted:var(--color-text-secondary);--ds-dim:color-mix(in srgb, var(--color-text-secondary) 80%, transparent);--ds-line:var(--color-border-subtle);--ds-line-strong:var(--color-border-strong);--ds-accent:var(--color-text-accent);background:var(--ds-canvas);color:var(--ds-ink)}.ds-ai :is(h1,h2,h3,p,ol,ul,pre){margin:0}.ds-ai :is(ol,ul){padding:0;list-style:none}.ds-ai .utility-label{color:var(--ds-accent)}.ds-ai .action-link{--action-link-border:var(--ds-line-strong);--action-link-color:var(--ds-ink)}.ds-ai .action-link:hover{--action-link-background:var(--ds-ink);--action-link-border:var(--ds-ink);--action-link-color:var(--ds-canvas)}.ds-ai__hero,.ds-ai__workflow,.ds-ai__proof,.ds-ai__files,.ds-ai__closing{padding-inline:var(--space-fluid-region)}.ds-ai__hero{align-content:space-between;gap:var(--space-fluid-region);min-height:min(62rem,100svh - 5rem);padding-block:var(--space-fluid-region-lg) var(--space-fluid-block);display:grid}.ds-ai__hero-copy{gap:var(--reference-space-300);display:grid}.ds-ai__hero h1{max-width:13ch;font-size:var(--font-size-hero);letter-spacing:var(--font-tracking-display);font-weight:650;line-height:.82}.ds-ai__thesis{max-width:31ch;color:var(--ds-ink);font-size:var(--font-size-title);letter-spacing:var(--font-tracking-thesis);font-weight:520;line-height:1.08}.ds-ai__lead{max-width:52rem;color:var(--ds-muted);font-size:var(--font-size-lead);line-height:1.55}.system-bridge{border-top:1px solid var(--ds-line-strong);grid-template-columns:1fr;display:grid}.system-bridge p{border-bottom:1px solid var(--ds-line);padding-block:var(--reference-space-200);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase}.system-bridge span{color:var(--ds-accent);display:none}.tool-rail{gap:var(--reference-space-150);flex-wrap:wrap;display:flex}.tool-rail .brand-mark>span{display:none}.tool-rail .brand-mark{border:1px solid var(--ds-line);color:var(--ds-muted);padding:var(--reference-space-150) var(--reference-space-200)}.ds-ai__workflow,.ds-ai__proof,.ds-ai__files{gap:var(--space-fluid-region);border-top:1px solid var(--ds-line);padding-block:var(--space-fluid-region-lg);display:grid}.ds-ai :is(.ds-ai__workflow,.ds-ai__proof,.ds-ai__files)>header{gap:var(--reference-space-300);display:grid}.ds-ai h2{max-width:14ch;font-size:var(--font-size-display);letter-spacing:var(--font-tracking-display);font-weight:620;line-height:.9}.system-steps{gap:var(--space-layout-gap);display:grid}.system-steps>li{align-content:space-between;gap:var(--reference-space-500);border-radius:var(--radius-card);background:var(--ds-surface);min-height:23rem;padding:var(--space-fluid-stack);transition:background-color .18s;display:grid;overflow:hidden}.system-steps>li:hover{background:var(--ds-raised)}.system-step__meta{justify-content:space-between;align-items:center;gap:var(--reference-space-200);display:flex}.system-step__meta span{aspect-ratio:1;border:1px solid var(--ds-line-strong);border-radius:var(--radius-chip);width:2.75rem;font-family:var(--font-family-utility);font-size:var(--font-size-label);place-items:center;display:grid}.system-step__meta p{color:var(--ds-accent);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.1em;text-transform:uppercase}.system-steps h3{max-width:13ch;font-size:var(--font-size-title);letter-spacing:var(--font-tracking-display);font-weight:580;line-height:.98}.system-steps>li>p{max-width:36rem;color:var(--ds-muted);line-height:1.5}.system-steps footer{justify-content:space-between;align-items:baseline;gap:var(--reference-space-200);border-top:1px solid var(--ds-line);padding-top:var(--reference-space-200);display:flex}.system-steps footer span{color:var(--ds-dim);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.09em;text-transform:uppercase}.system-steps footer strong{font-weight:520}.ds-ai__proof{background:color-mix(in srgb, var(--color-text-primary) 4%, var(--color-background-surface))}.ds-ai__proof>header>p:last-child{max-width:45rem;color:var(--ds-muted);font-size:var(--font-size-lead);line-height:1.5}.system-artifact-grid{gap:var(--space-layout-gap);display:grid}.system-artifact{align-content:start;gap:var(--reference-space-250);border-radius:var(--radius-card);background:var(--ds-surface);padding:var(--space-fluid-inset-lg);display:grid;overflow:hidden}.system-artifact__preview{border-radius:var(--radius-card);color:#141619;min-height:13rem;padding:var(--reference-space-250);background:#e9e9e7;display:grid;position:relative;overflow:hidden}.system-artifact h3{font-size:var(--font-size-title);letter-spacing:var(--font-tracking-display);font-weight:570}.system-artifact>p:last-child{color:var(--ds-muted);line-height:1.45}.system-artifact--tokens .system-artifact__preview{align-content:center;gap:var(--reference-space-150);grid-template-columns:repeat(3,1fr)}.system-artifact--tokens i{aspect-ratio:1.4;background:#111}.system-artifact--tokens i:nth-child(2){background:var(--ds-accent)}.system-artifact--tokens i:nth-child(3){background:#71757c}.system-artifact--tokens code{padding-top:var(--reference-space-100);font-size:var(--font-size-label);border-top:1px solid #aaa;grid-column:1/-1}.system-artifact--code pre{white-space:pre-wrap;align-self:center}.system-artifact--code code{font-family:var(--font-family-utility);font-size:var(--font-size-body);line-height:1.6}.system-artifact--docs .system-artifact__preview{gap:var(--reference-space-150);grid-template-rows:repeat(3,1fr);grid-template-columns:.35fr 1fr}.system-artifact--docs b{background:#c8c8c4}.system-artifact--docs span{background:linear-gradient(#111 0 12%,#0000 12% 25%,#aaa 25% 27%,#0000 27% 39%,#aaa 39% 41%,#0000 41%);border:1px solid #aaa;grid-area:1/2/-1}.system-artifact--figma .system-artifact__preview{gap:var(--reference-space-150);grid-template-rows:auto 1fr;grid-template-columns:3rem 1fr 1fr}.system-artifact--figma .brand-mark{grid-area:1/1}.system-artifact--figma span{background:#f7f7f5;border:1px solid #999}.system-artifact--figma span:first-of-type{grid-area:2/1}.system-artifact--figma span:nth-of-type(2){grid-area:1/2/-1}.system-artifact--figma span:nth-of-type(3){background:#171a1f;grid-area:1/3/-1}.system-artifact--storybook .system-artifact__preview{gap:var(--reference-space-050);grid-template-rows:2rem 1fr;grid-template-columns:.28fr 1fr .28fr}.system-artifact--storybook .brand-mark{grid-column:1/-1}.system-artifact--storybook :is(nav,main,aside){border:1px solid #aaa}.system-artifact--storybook main{background:#fff}.system-file-index{border-top:1px solid var(--ds-line-strong)}.system-file-index a{align-items:center;gap:var(--reference-space-200);border-bottom:1px solid var(--ds-line);color:inherit;padding-block:var(--reference-space-300);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.system-file-index a:hover{color:var(--ds-accent)}.system-file-index span{font-size:var(--font-size-subhead);font-weight:550}.system-file-index code{color:var(--ds-dim);font-family:var(--font-family-utility);font-size:var(--font-size-label);grid-column:1}.system-file-index b{font-weight:400}.ds-ai__closing{gap:var(--reference-space-400);border-top:1px solid var(--ds-line);padding-block:var(--space-fluid-chapter);display:grid}.ds-ai__closing h2{max-width:17ch}.ds-ai__closing>div{gap:var(--reference-space-150);padding-top:var(--reference-space-200);flex-wrap:wrap;display:flex}@media (width>=36rem){.system-file-index a{grid-template-columns:minmax(0,1fr) auto auto}.system-file-index code{grid-column:auto}.tool-rail .brand-mark>span{display:revert}}@media (width>=48rem){.ds-ai__hero-copy{align-items:end;column-gap:var(--space-fluid-region-lg);grid-template-columns:minmax(0,.85fr) minmax(24rem,1.15fr);grid-template-areas:"eyebrow eyebrow""title title""thesis lead"}.ds-ai__hero-copy>.utility-label{grid-area:eyebrow}.ds-ai__hero h1{grid-area:title}.ds-ai__thesis{grid-area:thesis}.ds-ai__lead{grid-area:lead}.system-bridge{border-bottom:1px solid var(--ds-line-strong);grid-template-columns:repeat(9,auto);align-items:center}.system-bridge p{text-align:center;border-bottom:0}.system-bridge span{text-align:center;display:block}.system-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.system-steps>li:last-child{grid-column:1/-1;grid-template-columns:minmax(0,.55fr) minmax(24rem,1.45fr);align-items:end;min-height:18rem}.system-steps>li:last-child .system-step__meta{grid-column:1/-1}.system-artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-artifact:last-child{grid-column:1/-1;grid-template-columns:minmax(20rem,.8fr) minmax(0,1.2fr);align-items:end}.system-artifact:last-child .system-artifact__preview{grid-row:1/4;min-height:18rem}}@media (width>=72rem){.ds-ai__workflow,.ds-ai__proof,.ds-ai__files{grid-template-columns:minmax(0,.7fr) minmax(36rem,1.3fr);align-items:start}.ds-ai :is(.ds-ai__workflow,.ds-ai__proof,.ds-ai__files)>header{position:sticky;top:7rem}}@media (prefers-reduced-motion:no-preference){.ds-ai__hero-copy>*{animation:.64s both ds-ai-enter}.ds-ai__hero-copy>:nth-child(2){animation-delay:70ms}.ds-ai__hero-copy>:nth-child(3){animation-delay:.14s}.ds-ai__hero-copy>:nth-child(4){animation-delay:.21s}}@keyframes ds-ai-enter{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}}