.page-header+.pipeline{padding-top:0}[data-tech-page] .page-header-sub{max-width:none}.pipeline{padding-block:var(--space-8) var(--space-9);--flow: rgba(37, 99, 235, .55);--node-y: 5px}[data-theme=dark] .pipeline{--flow: var(--accent-glow)}.pipeline__head{margin-bottom:var(--space-8)}.pipeline__title{font-size:var(--fs-h2);letter-spacing:var(--track-tight);margin-bottom:var(--space-3)}.pipeline__sub{color:var(--text-2);font-size:var(--fs-body-lg)}.pipeline__track{display:flex;gap:var(--space-5);list-style:none;margin:0;padding:0}.pipeline__stage{flex:1 1 0;min-width:0;padding-top:var(--space-5);position:relative}.pipeline__stage:not(:last-child):before,.pipeline__stage:not(:last-child):after{block-size:1px;content:"";inline-size:calc(100% + var(--space-5));inset-block-start:var(--node-y);inset-inline-start:0;position:absolute}.pipeline__stage:not(:last-child):before{background:var(--border-default)}.pipeline__stage:not(:last-child):after{animation:pipeline-flow 3.4s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * .28s);background-image:linear-gradient(90deg,transparent,var(--flow),transparent);background-repeat:no-repeat;background-size:50% 100%}@keyframes pipeline-flow{0%{background-position:0% 0}to{background-position:100% 0}}.pipeline[data-flow=off] .pipeline__stage:not(:last-child):after{animation-play-state:paused}.stage__dot{background:var(--border-strong);border-radius:var(--radius-full);block-size:9px;inline-size:9px;inset-block-start:calc(var(--node-y) - 4px);inset-inline-start:0;position:absolute;transition:background-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.stage__index{color:var(--text-3);display:block;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-mono);margin-bottom:var(--space-2)}.stage__label{font-size:var(--fs-h4);letter-spacing:var(--track-tight);margin-bottom:var(--space-2);transition:color var(--dur-base) var(--ease-out)}.stage__blurb{color:var(--text-2);font-size:var(--fs-small);line-height:1.6;margin-bottom:var(--space-4)}.stage__caps{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0 0 var(--space-4);padding:0}.cap{color:var(--text-1);font-size:var(--fs-small);font-weight:500}.cap:before{color:var(--accent);content:"—";margin-inline-end:var(--space-2)}.stage__count{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-mono)}.pipeline__stage:hover .stage__dot,[data-lit-stages~=discover] .pipeline__stage[data-stage=discover] .stage__dot,[data-lit-stages~=design] .pipeline__stage[data-stage=design] .stage__dot,[data-lit-stages~=prototype] .pipeline__stage[data-stage=prototype] .stage__dot,[data-lit-stages~=build] .pipeline__stage[data-stage=build] .stage__dot,[data-lit-stages~=ship] .pipeline__stage[data-stage=ship] .stage__dot{background:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.pipeline__stage:hover .stage__label,[data-lit-stages~=discover] .pipeline__stage[data-stage=discover] .stage__label,[data-lit-stages~=design] .pipeline__stage[data-stage=design] .stage__label,[data-lit-stages~=prototype] .pipeline__stage[data-stage=prototype] .stage__label,[data-lit-stages~=build] .pipeline__stage[data-stage=build] .stage__label,[data-lit-stages~=ship] .pipeline__stage[data-stage=ship] .stage__label{color:var(--accent)}.pipeline__rail{align-items:baseline;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-top:var(--space-7);padding-top:var(--space-5)}.pipeline__rail-label{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-mono);text-transform:uppercase}.pipeline__rail-list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);list-style:none;margin:0;padding:0}@media(max-width:860px){.pipeline__track{flex-direction:column;gap:var(--space-6)}.pipeline__stage{padding-inline-start:var(--space-5);padding-top:0}.pipeline__stage:not(:last-child):before,.pipeline__stage:not(:last-child):after{block-size:calc(100% + var(--space-6));inline-size:1px;inset-block-start:var(--node-y);inset-inline-start:4px}.pipeline__stage:not(:last-child):after{animation-name:pipeline-flow-y;background-image:linear-gradient(180deg,transparent,var(--flow),transparent);background-size:100% 40%}@keyframes pipeline-flow-y{0%{background-position:0 0%}to{background-position:0 100%}}}@media(prefers-reduced-motion:reduce){.pipeline__stage:not(:last-child):after{animation:none}}.clusters{padding-block:var(--space-8) var(--space-10)}.clusters__head{margin-bottom:var(--space-8)}.clusters__title{font-size:var(--fs-h2);letter-spacing:var(--track-tight);margin-bottom:var(--space-3)}.clusters__sub{color:var(--text-2);font-size:var(--fs-body-lg)}.clusters__grid{display:grid;gap:var(--space-7) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cluster__label{border-bottom:1px solid var(--border-subtle);color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:var(--track-mono);margin-bottom:var(--space-4);padding-bottom:var(--space-2);text-transform:uppercase}.cluster__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.tool{position:relative}.chip{background:none;border:0;border-radius:var(--radius-sm);color:var(--text-2);display:inline-block;font-family:inherit;font-size:var(--fs-small);line-height:1.4;padding:0;text-align:start;transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.chip--lead{color:var(--text-1);cursor:pointer;font-size:var(--fs-body);font-weight:500}.chip:hover,.chip--lead:focus-visible{color:var(--text-1);transform:scale(1.04);transform-origin:left center}.chip--lead:hover,.chip--lead:focus-visible{color:var(--accent)}.chip--lead:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}[data-active-stage] .chip{color:var(--text-3);transition:color var(--dur-base) var(--ease-out)}[data-active-stage=discover] .chip[data-stages~=discover],[data-active-stage=design] .chip[data-stages~=design],[data-active-stage=prototype] .chip[data-stages~=prototype],[data-active-stage=build] .chip[data-stages~=build],[data-active-stage=ship] .chip[data-stages~=ship]{color:var(--accent)}.tool__desc{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-2);font-size:var(--fs-small);inset-block-start:calc(100% + var(--space-2));inset-inline-start:0;line-height:1.5;max-width:260px;opacity:0;padding:var(--space-3) var(--space-4);pointer-events:none;position:absolute;transform:translateY(4px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);width:max-content;z-index:var(--z-dropdown)}.tool--lead:hover .tool__desc,.tool--lead:focus-within .tool__desc,.tool--lead[data-pinned] .tool__desc{opacity:1;pointer-events:auto;transform:none}.tool--lead[data-pinned] .chip{color:var(--accent)}@media(prefers-reduced-motion:reduce){.chip:hover,.chip--lead:focus-visible{transform:none}.tool__desc{transform:none}}