.journey { background:var(--paper); color:var(--ink); padding-block:6.5rem; position:relative; }.journey::before { background:var(--paper); content:""; inset:0 -50vw; position:absolute; z-index:-1; }.journey .eyebrow { color:var(--violet-soft); }.journey__line { display:grid; gap:0; list-style:none; margin:3rem 0 0; padding:0; }.journey__line li { border-top:1px solid rgba(22,28,36,.14); display:grid; gap:1rem; grid-template-columns:3rem 1fr; padding:1.25rem 0; transition:transform .35s ease; }.journey__line li:last-child { border-bottom:1px solid rgba(22,28,36,.14); }.journey__line li>span { align-items:center; background:var(--ink); border-radius:50%; color:var(--acid); display:inline-flex; font-size:.625rem; font-weight:900; height:2rem; justify-content:center; width:2rem; }.journey__line small { color:var(--violet-soft); font-size:.65rem; font-weight:900; letter-spacing:.1em; }.journey__line h3 { font-size:clamp(1.25rem,2.2vw,1.8rem); letter-spacing:-.05em; line-height:1; margin:.4rem 0 0; }.journey__line p { color:#637381; font-size:.9rem; line-height:1.55; margin:.65rem 0 0; max-width:31rem; }.journey.is-visible .journey__line li { animation:line-reveal .55s both; }.journey.is-visible .journey__line li:nth-child(2) { animation-delay:.08s; }.journey.is-visible .journey__line li:nth-child(3) { animation-delay:.16s; }.journey.is-visible .journey__line li:nth-child(4) { animation-delay:.24s; }
.outcomes { padding-block:6.5rem; }.outcomes__grid { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:3rem; }.outcome-card { background:var(--ink-soft); min-height:15rem; padding:1.5rem; position:relative; }.outcome-card>span { color:var(--acid); font-size:.625rem; font-weight:900; letter-spacing:.1em; }.outcome-card h3 { font-size:1.5rem; letter-spacing:-.055em; margin:2.75rem 0 0; max-width:10ch; }.outcome-card p { color:var(--muted); font-size:.875rem; line-height:1.55; margin:1rem 0 0; max-width:18rem; }.outcome-card>i { bottom:1.5rem; color:var(--violet); font-size:1.5rem; font-style:normal; position:absolute; right:1.5rem; }.final-callout { align-items:flex-end; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:2rem; justify-content:space-between; padding-block:4rem; }.final-callout h2 { max-width:13ch; }.final-callout a { align-items:center; background:var(--acid); border-radius:99rem; color:var(--ink); display:inline-flex; font-size:.875rem; font-weight:900; gap:.5rem; padding:.85rem 1.15rem; text-decoration:none; transition:transform .2s ease,background .2s ease; }.final-callout a:hover { background:#aaf27f; transform:translateY(-.15rem); }.final-callout a:focus-visible { outline:3px solid var(--violet); outline-offset:3px; }
@keyframes line-reveal { from { opacity:0; transform:translateY(1rem); } to { opacity:1; transform:translateY(0); } }
@media (min-width:48rem) { .journey__line li { gap:2rem; grid-template-columns:5rem 1fr; padding:1.8rem 0; }.outcomes__grid { grid-template-columns:repeat(3,1fr); }.outcome-card { min-height:18rem; padding:2rem; } }