@layer components{.workflow-demo{background:var(--color-surface);border:var(--border-default) solid var(--color-text-strong);border-radius:var(--radius-card);min-inline-size:0;overflow:hidden}.workflow-demo__bar{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);flex-wrap:wrap;display:flex}.workflow-demo__bar h2{font-size:var(--text-sm);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.workflow-demo__bar>span{color:var(--color-action);font-size:var(--text-xs)}.workflow-demo__choices{gap:var(--spacing-1);background:var(--color-canvas);border-block-end:var(--border-default) solid var(--color-border);padding:var(--spacing-3);flex-wrap:wrap;display:flex}.workflow-demo__choices button{border:var(--border-default) solid transparent;border-radius:var(--radius-control);min-block-size:44px;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;flex:auto}.workflow-demo__choices button:hover{border-color:var(--color-border-strong)}.workflow-demo__choices button[aria-pressed=true]{background:var(--color-text-strong);color:var(--color-surface)}.workflow-demo__panel{padding:var(--spacing-6);gap:var(--spacing-4);display:grid}.workflow-demo__introduction{gap:var(--spacing-2);display:grid}.workflow-demo__phase{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--color-action)}.workflow-demo__introduction h3{font-size:var(--text-lg);line-height:var(--leading-heading)}.workflow-demo__introduction>p:last-child{color:var(--color-text-muted);font-size:var(--text-sm)}.workflow-demo__rows{margin:0;padding:0;list-style:none;display:grid}.workflow-demo__rows li{align-items:center;gap:var(--spacing-2) var(--spacing-3);border-block-start:var(--border-default) solid var(--color-border);padding-block:var(--spacing-3);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.workflow-demo__node{inline-size:var(--spacing-8);block-size:var(--spacing-8);color:var(--color-action);background:var(--color-canvas);border:var(--border-default) solid var(--color-border-strong);border-radius:var(--radius-control);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);place-items:center;display:grid}.workflow-demo__rows li>div{font-size:var(--text-sm);display:grid}.workflow-demo__rows li>div>span{color:var(--color-text-muted);font-size:var(--text-xs)}.workflow-demo__state{color:var(--color-text-muted);font-size:var(--text-xs);grid-column:2}[data-phase=result] .workflow-demo__state{color:var(--color-success)}[data-phase=result] .workflow-demo__state--review{color:var(--color-warning)}.workflow-demo__actions{gap:var(--spacing-2);border-block-start:var(--border-default) solid var(--color-border);padding:var(--spacing-4) var(--spacing-6);flex-wrap:wrap;display:flex}.workflow-demo__actions .ui-button{gap:var(--spacing-2);font-size:var(--text-sm)}.workflow-demo__actions [aria-disabled=true]{background:var(--color-text-strong);cursor:default}.workflow-demo__status{color:var(--color-text-muted);font-size:var(--text-xs);align-self:center;padding:0}.workflow-demo__note{border-block-start:var(--border-default) solid var(--color-border);background:var(--color-canvas);padding:var(--spacing-3) var(--spacing-6);color:var(--color-text-muted);font-size:var(--text-xs)}.workflow-demo__fallback{padding:var(--spacing-6)}.workflow-demo__records{border-block-start:var(--border-default) solid var(--color-border);font-size:var(--text-sm);padding-block-start:var(--spacing-4)}.workflow-demo__records summary{cursor:pointer;min-block-size:44px;font-weight:var(--font-weight-semibold)}.workflow-demo__records dl>div{padding:var(--spacing-4) 0;border-block-start:var(--border-default) solid var(--color-border)}.workflow-demo__records dt{font-weight:var(--font-weight-semibold)}.workflow-demo__fallback summary{cursor:pointer;min-block-size:44px}.workflow-demo [hidden]{display:none}.home-hero,.home-services,.home-product,.home-principles,.home-resources,.home-company,.home-closing{padding-block:var(--layout-section-space)}.home-container{inline-size:min(100% - 2 * var(--layout-gutter), var(--container-content));margin-inline:auto}.home-stack{gap:var(--spacing-6);display:grid}.home-eyebrow,.home-resource-number,.home-model__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.home-hero{border-block-end:var(--border-default) solid var(--color-border)}.home-hero .home-eyebrow{color:var(--color-action)}.home-hero__layout{align-items:start;gap:var(--spacing-12);display:grid}.home-hero__content{max-inline-size:52rem}.home-hero h1{font-size:var(--text-3xl);max-inline-size:16ch}.home-hero__lede{color:var(--color-text-muted);font-size:var(--text-lg);max-inline-size:62ch}.home-actions{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.home-model{border-block-start:var(--border-default) solid var(--color-border-strong);font-size:var(--text-sm);padding-block-start:var(--spacing-6)}.home-model ol{gap:var(--spacing-4);margin:var(--spacing-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.home-model li{align-items:baseline;gap:var(--spacing-4);grid-template-columns:auto minmax(0,1fr);display:grid}.home-model li span{color:var(--color-action);font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.home-model__label{font-size:var(--text-xs)}.home-model strong{font-weight:var(--font-weight-regular)}.home-services,.home-company{background:var(--color-surface)}.home-split,.home-company__layout{gap:var(--spacing-8);display:grid}.home-section-heading,.home-section-copy,.home-company__copy,.home-closing__content{max-inline-size:var(--container-reading)}.home-text-action a,.home-resources__grid a,.home-closing__resource{font-weight:var(--font-weight-semibold);align-items:center;min-block-size:44px;display:inline-flex}.home-product{border-block:var(--border-default) solid var(--color-border)}.home-product__layout{align-items:center;gap:var(--spacing-8);display:grid}.home-product__media{justify-content:center;align-items:center;min-block-size:15rem;display:flex}.home-product__media picture{inline-size:min(100%,28rem)}.home-product__media img{aspect-ratio:702/575;inline-size:100%}.home-product__content{max-inline-size:var(--container-reading)}.home-principles__grid,.home-resources__grid{gap:var(--spacing-6);margin:0;padding:0;list-style:none;display:grid}.home-principles__grid li,.home-resources__grid article{border-block-start:var(--border-default) solid var(--color-border-strong);block-size:100%;padding-block-start:var(--spacing-4)}.home-principles__grid li>span{color:var(--color-action);font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.home-resources{background:var(--color-surface);border-block:var(--border-default) solid var(--color-border)}.home-resources__grid article{padding-block-end:var(--spacing-4)}.home-resources__grid a{align-self:end}.home-company__copy{border-inline-start:var(--border-default) solid var(--color-border-strong);padding-inline-start:var(--spacing-6)}.home-closing{border-block-start:var(--border-default) solid var(--color-border)}.home-closing__content{max-inline-size:var(--container-content)}.home-closing__content p,.home-closing__content .home-actions{margin-inline:0}.home-closing__content .home-actions{justify-content:start}.home-closing__resource{color:var(--color-text);padding-inline:var(--spacing-2)}}@media (width>=40rem){.workflow-demo__rows li{grid-template-columns:auto minmax(0,1fr) auto}.workflow-demo__state{text-align:end;grid-column:auto;max-inline-size:12ch}}@media (prefers-reduced-motion:no-preference){.workflow-demo__choices button{transition:background-color var(--motion-duration-standard) var(--motion-easing-standard), color var(--motion-duration-standard) var(--motion-easing-standard), border-color var(--motion-duration-standard) var(--motion-easing-standard)}.workflow-demo__rows{transition:opacity var(--motion-duration-standard) var(--motion-easing-standard), transform var(--motion-duration-standard) var(--motion-easing-standard)}@starting-style{[data-phase=result] .workflow-demo__rows{opacity:0;transform:translateY(var(--spacing-2))}}}@media (forced-colors:active){.workflow-demo__choices button[aria-pressed=true]{border-color:highlight}.workflow-demo__node,.workflow-demo,.workflow-demo__rows li{border-color:canvastext}}@media (width<=39.999rem){.home-hero .home-actions>a{inline-size:100%}}@media (width>=48rem){.home-principles__grid,.home-resources__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}@media (width>=64rem){.home-hero__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-split,.home-company__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.home-principles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-resources__grid{grid-template-columns:minmax(0,1fr)}.home-resources__grid article{align-items:baseline;column-gap:var(--spacing-8);padding-block:var(--spacing-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;display:grid}.home-resource-number{grid-column:1/-1}.home-resources__grid h3{max-inline-size:24ch}.home-resources__grid a{max-inline-size:20ch}.home-closing h2{font-size:var(--text-3xl)}}@media (forced-colors:active){.home-model,.home-product,.home-principles__grid li,.home-resources,.home-resources__grid article,.home-company__copy,.home-closing{border-color:canvastext}}