.lifecycle-hero{padding-top:calc(var(--nav-height) + 4rem);padding-bottom:3rem}.lifecycle-overview{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3rem;display:grid}.lifecycle-overview-stage{align-items:center;gap:1rem;padding:1.5rem 2rem 1.5rem 0;font-size:.875rem;display:flex;position:relative}.lifecycle-overview-arrow{color:var(--ink-soft);position:absolute;right:1rem}.lifecycle-timeline{padding:0;list-style:none}.lifecycle-step{grid-template-columns:4rem minmax(0,1fr);gap:2rem;padding-bottom:4rem;display:grid;position:relative}.lifecycle-step:before{content:"";border-left:1px solid var(--border);position:absolute;top:4rem;bottom:0;left:2rem}.lifecycle-step:last-child{padding-bottom:0}.lifecycle-step:last-child:before{display:none}.lifecycle-number{border:1px solid var(--brand-blue);background:var(--surface);width:4rem;height:4rem;color:var(--brand-blue);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:1rem;display:flex}.lifecycle-output{border-left:2px solid var(--brand-blue);margin-top:1.5rem;padding:.25rem 0 .25rem 1rem}@media (width<=47.99rem){.lifecycle-hero{padding-top:calc(var(--nav-height) + 2rem)}.lifecycle-overview{grid-template-columns:1fr}.lifecycle-overview-stage{padding:1rem 0}.lifecycle-overview-stage+.lifecycle-overview-stage{border-top:1px solid var(--border)}.lifecycle-overview-arrow{right:0;transform:rotate(90deg)}.lifecycle-step{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;padding-bottom:3rem}.lifecycle-number{width:2.5rem;height:2.5rem;font-size:.75rem}.lifecycle-step:before{top:2.5rem;left:1.25rem}}