.transition-block{--phase-peek: 140px;--phase-row: 50px;--phase-step: 80vh;--phase-pin: calc(var(--header-height, 0px) + max(24px, (100vh - var(--header-height, 0px) - 620px) / 2));padding:138px 0;font-family:Montserrat,sans-serif;background-color:#fff;color:#464646}.transition-block div.container{display:grid;grid-template-columns:minmax(0,536px) minmax(0,496px);grid-template-areas:"phases text";justify-content:space-between;-moz-column-gap:40px;column-gap:40px;max-width:1150px;margin:0 auto;padding:0 20px}.transition-block div.text{grid-area:text;position:sticky;top:var(--phase-pin);align-self:start;box-sizing:border-box;min-height:calc(var(--phase-peek) * (var(--phases) - 1) + 308px);padding-top:30px}.transition-block p.eyebrow{margin-bottom:8px;font-size:22px;font-weight:600;line-height:32px;letter-spacing:.003em;text-transform:uppercase;color:#4a4a6a}.transition-block h2{margin-bottom:16px;font-size:48px;font-weight:800;line-height:58px;color:#252525}.transition-block h2 span{display:block;color:#7d33ea}.transition-block p.intro{font-size:16px;line-height:28px;letter-spacing:.003em;color:#3d3d3d}.transition-block p.intro b{font-weight:400}.transition-block div.actions{margin-top:64px}.transition-block div.actions .cta{font-size:18px}.transition-block div.actions b{font-weight:inherit}.transition-block div.track{grid-area:phases}.transition-block ol.phases{padding:0;list-style:none}.transition-block li.phase{position:sticky;top:var(--phase-pin);display:flex;flex-direction:column;align-items:center;padding:24px 64px 32px;border-radius:16px;text-align:center;margin-bottom:calc(var(--phase-peek) * (var(--phases) - 1) + var(--phase-row) * (3 - var(--rows)))}.transition-block li.phase:nth-child(2){top:calc(var(--phase-pin) + var(--phase-peek) * 1);margin-bottom:calc(var(--phase-peek) * (var(--phases) - 2) + var(--phase-row) * (3 - var(--rows)));margin-top:var(--phase-step);box-shadow:0 -15px 38.4px -29px #884dff66}.transition-block li.phase:nth-child(3){top:calc(var(--phase-pin) + var(--phase-peek) * 2);margin-bottom:calc(var(--phase-peek) * (var(--phases) - 3) + var(--phase-row) * (3 - var(--rows)));margin-top:var(--phase-step);box-shadow:0 -15px 38.4px -29px #884dff66}.transition-block li.phase:nth-child(4){top:calc(var(--phase-pin) + var(--phase-peek) * 3);margin-bottom:calc(var(--phase-peek) * (var(--phases) - 4) + var(--phase-row) * (3 - var(--rows)));margin-top:var(--phase-step);box-shadow:0 -15px 38.4px -29px #884dff66}.transition-block li.phase:nth-child(5){top:calc(var(--phase-pin) + var(--phase-peek) * 4);margin-bottom:calc(var(--phase-peek) * (var(--phases) - 5) + var(--phase-row) * (3 - var(--rows)));margin-top:var(--phase-step);box-shadow:0 -15px 38.4px -29px #884dff66}.transition-block li.phase p.label{font-size:12px;font-weight:700;line-height:18px;letter-spacing:.036px;text-transform:uppercase}.transition-block li.phase h3{margin-top:8px;font-size:32px;font-weight:800;line-height:40px;letter-spacing:.64px;color:#1a1a2e}.transition-block li.phase h3:after{content:"";display:block;width:275px;height:1px;margin:8px auto 0;background:linear-gradient(to right,transparent,var(--phase-line),transparent)}.transition-block li.phase p.date{margin-top:8px;font-size:14px;font-weight:700;line-height:22px;letter-spacing:.042px;color:#3d3d3d}.transition-block li.phase p.date sup{font-size:9px;line-height:0}.transition-block li.phase ul{display:flex;flex-direction:column;gap:4px;align-self:stretch;margin-top:24px;padding:0;list-style:none}.transition-block li.phase ul li{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:10px;font-size:16px;font-weight:500;line-height:22px;letter-spacing:.048px;text-align:left;color:#000}.transition-block li.phase ul b{font-weight:inherit}.transition-block li.phase ul em{font-weight:700;color:#feccef}.transition-block li.phase span.icon{flex-shrink:0;width:20px;height:20px;background-color:var(--phase-icon);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.transition-block li.phase.purple{--phase-icon: #5B21A8;--phase-line: #7D33EA;background-color:#f0e8ff}.transition-block li.phase.purple p.label{color:#7d33ea}.transition-block li.phase.purple ul li{background-color:#e4d5ffb3}.transition-block li.phase.pink{--phase-icon: #CA0C75;--phase-line: #7D33EA;background-color:#fef1fa}.transition-block li.phase.pink p.label{color:#ca0c75}.transition-block li.phase.pink ul li{background-color:#fee5f6}.transition-block li.phase.dark{--phase-icon: #FFFFFF;--phase-line: #E4D5FF;background-color:#5b21a8}.transition-block li.phase.dark p.label{color:#e4d5ff}.transition-block li.phase.dark h3,.transition-block li.phase.dark p.date,.transition-block li.phase.dark ul li{color:#fff}.transition-block li.phase.dark ul li{background-color:#6922ceb3}@media screen and (max-width: 1023px){.transition-block{padding:24px 0}.transition-block div.container{display:flex;flex-direction:column;max-width:420px}.transition-block div.text{display:contents}.transition-block div.content{text-align:center}.transition-block p.eyebrow{margin-bottom:12px;font-size:16px;line-height:20px}.transition-block h2{margin-bottom:12px;font-size:34px;line-height:34px;color:#001546}.transition-block p.intro{font-size:16px;line-height:24px}.transition-block p.intro b{font-style:italic;font-weight:700;color:#252525}.transition-block div.track{order:1;margin-top:36px}.transition-block ol.phases{display:flex;flex-direction:column;gap:16px}.transition-block li.phase{position:static;padding:12px 11px 16px}.transition-block li.phase:nth-child(n){margin:0}.transition-block li.phase p.label{font-size:12px;font-weight:800;line-height:16px;letter-spacing:.6px}.transition-block li.phase h3{margin-top:4px;font-size:22px;line-height:32px;letter-spacing:.066px}.transition-block li.phase p.date{font-size:14px;letter-spacing:.036px}.transition-block li.phase p.date sup{font-size:7.74px}.transition-block li.phase ul{align-self:center;width:100%;max-width:326px}.transition-block li.phase ul li{gap:8px;min-height:37px;padding:0 10px;font-size:12px;line-height:18px;letter-spacing:.036px}.transition-block li.phase ul b{font-weight:700}.transition-block li.phase ul em{font-weight:800}.transition-block div.actions{order:2;margin-top:24px}.transition-block div.actions .cta{width:100%;padding:0 12px 0 18px;gap:10px;font-size:14px;font-weight:500}.transition-block div.actions b{font-weight:800}}