.hero{padding:var(--space-24) var(--space-6);background-color:var(--color-paper-0)}.hero__container{max-width:var(--max-content);margin-inline:auto}.hero__content{max-width:var(--max-prose)}.hero__label{font-size:var(--text-label);color:var(--color-signal-700);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-weight:600}.hero__headline{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;line-height:var(--leading-h1);color:var(--color-ink-950);letter-spacing:-.03em;margin-bottom:var(--space-6)}.hero__subheading{font-size:var(--text-body-l);line-height:var(--leading-body-l);color:var(--color-ink-700);margin-bottom:var(--space-8)}.hero__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:768px){.hero{padding:var(--space-16) var(--space-4)}.hero__headline{font-size:var(--text-h2)}.hero__subheading{font-size:var(--text-body)}.hero__actions{flex-direction:column}.hero__actions .button{text-align:center}}
.lifecycle-rail{padding:var(--space-24) var(--space-6);background-color:var(--color-ink-950)}.lifecycle-rail__container{max-width:var(--max-content);margin-inline:auto}.lifecycle-rail__header{text-align:center;margin-bottom:var(--space-16)}.lifecycle-rail__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;line-height:var(--leading-h2);color:var(--color-porcelain-50);margin-bottom:var(--space-4)}.lifecycle-rail__subtitle{font-size:var(--text-body-l);color:var(--color-graphite-300);max-width:var(--max-prose);margin-inline:auto}.lifecycle-rail__stages{gap:var(--space-2);margin-bottom:var(--space-12);flex-direction:column;display:flex}.lifecycle-rail__stage{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border:1px solid var(--color-ink-700);border-radius:var(--radius-default);color:var(--color-graphite-300);text-align:left;cursor:pointer;transition:background-color var(--duration-state) var(--ease-out), border-color var(--duration-state) var(--ease-out), color var(--duration-state) var(--ease-out);background:0 0;display:flex;position:relative}.lifecycle-rail__stage:hover{border-color:var(--color-signal-500);color:var(--color-signal-300)}.lifecycle-rail__stage--selected{background-color:var(--color-ink-900);border-color:var(--color-signal-500);color:var(--color-porcelain-50)}.lifecycle-rail__stage:focus-visible{outline:var(--focus-outline-inverse);outline-offset:var(--focus-offset)}.lifecycle-rail__stage-number{width:32px;height:32px;font-size:var(--text-label-sm);background-color:var(--color-ink-900);border-radius:var(--radius-default);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.lifecycle-rail__stage--selected .lifecycle-rail__stage-number{background-color:var(--color-signal-500);color:var(--color-ink-950)}.lifecycle-rail__stage-label{font-size:var(--text-label);font-weight:500}.lifecycle-rail__connector{display:none}.lifecycle-rail__panel{padding:var(--space-8);background-color:var(--color-ink-900);border-radius:var(--radius-large);border:1px solid var(--color-ink-700)}.lifecycle-rail__panel-title{font-family:var(--font-display);font-size:var(--text-h3);color:var(--color-signal-300);margin-bottom:var(--space-4);font-weight:600}.lifecycle-rail__panel-description{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-porcelain-50);margin-bottom:var(--space-6)}.lifecycle-rail__maturity-label{font-size:var(--text-label-sm);color:var(--color-caution-500);padding:var(--space-1) var(--space-3);border-radius:var(--radius-default);background-color:#d88a161a;font-weight:500;display:inline-block}@media (min-width:768px){.lifecycle-rail__stages{padding-bottom:var(--space-4);flex-direction:row;overflow-x:auto}.lifecycle-rail__stage{text-align:center;padding:var(--space-4);flex-direction:column;flex:1;min-width:100px}.lifecycle-rail__stage-number{margin-bottom:var(--space-2)}.lifecycle-rail__connector{width:var(--space-4);background-color:var(--color-ink-700);height:2px;display:block;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.lifecycle-rail__stage--selected .lifecycle-rail__connector{background-color:var(--color-signal-500)}}@media (max-width:768px){.lifecycle-rail{padding:var(--space-16) var(--space-4)}.lifecycle-rail__title{font-size:var(--text-h3)}.lifecycle-rail__subtitle{font-size:var(--text-body)}}