@layer components{.pg-case-learndirect .ld-fig{display:grid;gap:36px}@media (width >= 1024px){.pg-case-learndirect .ld-fig{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:center;column-gap:clamp(40px,4.5vw,72px)}}.pg-case-learndirect .ld-phases{display:grid;gap:28px}.pg-case-learndirect .ld-phase{position:relative;padding-left:22px;border-left:1px solid var(--color-spruce-200)}.pg-case-learndirect .ld-phase:before{content:"";position:absolute;top:4px;left:-5px;width:9px;height:9px;border:1.5px solid var(--color-spruce-900);border-radius:2px;background:var(--color-white)}.pg-case-learndirect .ld-phase[data-phase="1"]:before{border-color:var(--color-brand);background:var(--color-brand)}.pg-case-learndirect .ld-phase-when{margin:0;font-family:var(--font-ds-mono);font-size:var(--text-ds-label);line-height:1.4;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-spruce-600)}}@layer components{.pg-case-learndirect .ldc{--ldc-bar: color-mix( in srgb, var(--color-spruce-400) 50%, var(--color-white) );border:1px solid var(--color-spruce-200);border-radius:var(--radius-panel);background:var(--color-white);box-shadow:var(--shadow-e1)}.pg-case-learndirect .ldc-head{container:ldc-head / inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:54px;padding:10px 11px 10px 22px;border-bottom:1px solid var(--color-spruce-100)}.pg-case-learndirect .ldc-title{min-width:0}.pg-case-learndirect .ldc-title-src{white-space:nowrap}@container ldc-head (width < 330px){.pg-case-learndirect .ldc-title-sep{display:none}.pg-case-learndirect .ldc-title-src{display:block}}.pg-case-learndirect .ldc-replay{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--color-spruce-200);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-spruce-800);cursor:pointer;transition:border-color var(--transition-duration-ds-hover) var(--ease-standard),color var(--transition-duration-ds-hover) var(--ease-standard)}.pg-case-learndirect .ldc-replay:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.pg-case-learndirect .ldc-replay:hover{border-color:var(--color-brand);color:var(--color-brand-700)}.pg-case-learndirect .ldc-replay svg{transition:transform var(--transition-duration-ds-ui) var(--ease-standard)}.pg-case-learndirect .ldc-replay:hover svg{transform:rotate(-40deg)}.pg-case-learndirect .ldc-body{padding:16px 22px 18px}.pg-case-learndirect .ldc-legend{display:flex;flex-wrap:wrap;gap:4px 20px}.pg-case-learndirect .ldc-legend li{display:flex;align-items:flex-start;gap:8px}.pg-case-learndirect .ldc-legend .ldc-legend-any{flex-basis:100%}.pg-case-learndirect .ldc-key{flex:none;width:16px;height:2px;margin-top:8px;border-radius:1px}.pg-case-learndirect .ldc-key-any{height:2.5px;background:var(--color-brand)}.pg-case-learndirect .ldc-key-roi{background:var(--color-spruce-400)}.pg-case-learndirect .ldc-key-cpl{width:9px;height:11px;margin:4px 4px 0 3px;border-radius:2px 2px 0 0;background:var(--ldc-bar)}.pg-case-learndirect .ldc-box{position:relative;height:320px;margin-top:14px;overflow:hidden}.pg-case-learndirect .ldc-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.pg-case-learndirect .ldc-band{fill:var(--color-sage)}.pg-case-learndirect .ldc-grid{fill:none;stroke:var(--color-spruce-100);stroke-width:1}.pg-case-learndirect .ldc-base{fill:none;stroke:var(--color-spruce-300);stroke-width:1}.pg-case-learndirect .ldc-bench{fill:none;stroke:color-mix(in srgb,var(--color-spruce-900) 45%,transparent);stroke-width:1;stroke-dasharray:4 4}.pg-case-learndirect .ldc-bar{fill:var(--ldc-bar)}.pg-case-learndirect .ldc-roi,.pg-case-learndirect .ldc-any{fill:none;stroke-linejoin:round;stroke-linecap:round}.pg-case-learndirect .ldc-roi{stroke:var(--color-spruce-400);stroke-width:2}.pg-case-learndirect .ldc-any{stroke:var(--color-brand);stroke-width:2.5}.pg-case-learndirect .ldc-dot{fill:var(--color-brand);stroke:var(--color-white);stroke-width:4;paint-order:stroke;transform:scale(0);transform-box:fill-box;transform-origin:center;transition:transform .22s var(--ease-standard)}.pg-case-learndirect .ldc-dot.on{transform:none}.pg-case-learndirect :is(.ldc-tick,.ldc-year,.ldc-phase,.ldc-month,.ldc-cap,.ldc-end,.ldc-point){position:absolute;left:0;top:0;white-space:nowrap}.pg-case-learndirect :is(.ldc-tick,.ldc-year,.ldc-month,.ldc-cap,.ldc-end){font-size:12px;line-height:16px;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums}.pg-case-learndirect :is(.ldc-tick,.ldc-year){color:var(--color-spruce-500)}.pg-case-learndirect .ldc-tick.is-bench{color:var(--color-spruce-900)}.pg-case-learndirect .ldc-phase{padding-top:1px;white-space:normal;color:var(--color-spruce-800)}.pg-case-learndirect .ldc-month{letter-spacing:.08em;color:var(--color-spruce-600)}.pg-case-learndirect .ldc-cap,.pg-case-learndirect .ldc-end{color:var(--color-spruce-600)}.pg-case-learndirect .ldc-end[data-series=any]{color:var(--color-spruce-900)}.pg-case-learndirect :is(.ldc-band,.ldc-phase,.ldc-month,.ldc-cap,.ldc-end){opacity:0;transition:opacity .28s var(--ease-standard)}.pg-case-learndirect :is(.ldc-band,.ldc-phase,.ldc-month,.ldc-cap,.ldc-end).on{opacity:1}.pg-case-learndirect .ldc-point:before,.pg-case-learndirect .ldc-ping{content:"";position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%}.pg-case-learndirect .ldc-point:before{border:2px solid var(--color-white);background:var(--color-brass);transform:scale(0);transition:transform .32s var(--ease-standard)}.pg-case-learndirect .ldc-point.is-landed:before{transform:none}.pg-case-learndirect .ldc-ping{border:1.5px solid var(--color-brass-600);opacity:0}@media (width >= 640px) and (width < 1024px){.pg-case-learndirect .ldc-box{height:360px}}.pg-case-learndirect .ldc-box.ldc-reset *,.pg-case-learndirect .ldc-box.ldc-reset *:before{transition:none}@media (width < 480px){.pg-case-learndirect .ldc-head{padding-left:16px}.pg-case-learndirect .ldc-body{padding:14px 16px 16px}.pg-case-learndirect .ldc-box{height:292px}.pg-case-learndirect .ldc-replay{width:44px;height:44px;margin-block:-6px}.pg-case-learndirect .ldc-replay:before{content:none}}@media (width < 360px){.pg-case-learndirect .ldc-head{padding-left:14px}.pg-case-learndirect .ldc-body{padding-inline:12px}.pg-case-learndirect .ldc-month{letter-spacing:.02em}}}@media (prefers-reduced-motion: reduce){.pg-case-learndirect .ldc-box *,.pg-case-learndirect .ldc-box *:before{transition:none}}@media (prefers-reduced-motion: no-preference){.pg-case-learndirect .ldc-point.is-landed .ldc-ping{animation:ldc-ping 1.1s var(--ease-standard) .12s both}}@keyframes ldc-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}