.slms-learning-process{--slms-lp-orb: 4.5rem;--slms-lp-badge: 1.75rem;--slms-lp-brand-primary: var(--slms-brand-chrome, #0056d2);--slms-lp-brand-accent: #3b82f6;--slms-lp-brand-teal: #0ea5e9;--slms-lp-brand-cta: #f5a623;background:var(--theme-section-surface)}.slms-learning-process__track{--slms-lp-track-gap: clamp(1rem, 2vw, 1.75rem);--slms-lp-line-inset: calc((100% - 3 * var(--slms-lp-track-gap)) / 8);position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--slms-lp-track-gap);margin:0;padding:0;list-style:none}.slms-learning-process__track:before{content:"";position:absolute;top:calc(var(--slms-lp-orb) / 2);left:var(--slms-lp-line-inset);right:var(--slms-lp-line-inset);height:0;border-top:2px dashed color-mix(in srgb,var(--slms-lp-brand-accent) 45%,transparent);pointer-events:none;z-index:0}.slms-learning-process__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.slms-learning-process__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--slms-lp-orb);height:var(--slms-lp-orb);border-radius:999px;color:#fff;font-size:1.65rem;background:var(--slms-lp-gradient);box-shadow:0 10px 28px -12px color-mix(in srgb,var(--slms-lp-glow, var(--theme-interaction-accent-on-surface)) 55%,transparent),inset 0 1px #ffffff47}.slms-learning-process__icon svg.bi{display:block;width:1em;height:1em;flex-shrink:0}.slms-learning-process__badge{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:var(--slms-lp-badge);height:var(--slms-lp-badge);margin-top:-.7rem;margin-bottom:.85rem;border-radius:999px;border:2px solid var(--theme-card-surface, #fff);background:var(--slms-lp-badge-bg, var(--theme-interaction-accent-on-surface));color:#fff;font-size:.75rem;font-weight:700;line-height:1;box-shadow:0 2px 8px color-mix(in srgb,var(--theme-primary-primary) 18%,transparent)}.slms-learning-process__step-title{display:block;margin:0 0 .4rem;font-size:clamp(.9375rem,.85rem + .35vw,1.0625rem);font-weight:700;line-height:1.3;color:var(--theme-surface-on-surface);text-wrap:balance}.slms-learning-process__step-desc{margin:0;max-width:14rem;font-size:clamp(.8125rem,.75rem + .2vw,.875rem);line-height:1.5;color:var(--theme-on-surface-muted, #5a5854);text-wrap:pretty}.slms-learning-process__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--slms-lp-orb) / 2);right:calc(-1*clamp(.5rem,1vw,.875rem));width:.45rem;height:.45rem;border-radius:999px;background:var(--slms-lp-brand-accent);transform:translate(50%,-50%);z-index:2;box-shadow:0 0 0 3px var(--theme-section-surface)}.slms-learning-process__step--primary{--slms-lp-gradient: linear-gradient(145deg, #0046ad 0%, var(--slms-lp-brand-primary) 100%);--slms-lp-glow: var(--slms-lp-brand-primary);--slms-lp-badge-bg: var(--slms-lp-brand-primary)}.slms-learning-process__step--accent{--slms-lp-gradient: linear-gradient(145deg, var(--slms-lp-brand-accent) 0%, #60a5fa 100%);--slms-lp-glow: var(--slms-lp-brand-accent);--slms-lp-badge-bg: var(--slms-lp-brand-accent)}.slms-learning-process__step--teal{--slms-lp-gradient: linear-gradient(145deg, #0284c7 0%, var(--slms-lp-brand-teal) 100%);--slms-lp-glow: var(--slms-lp-brand-teal);--slms-lp-badge-bg: var(--slms-lp-brand-teal)}.slms-learning-process__step--cta{--slms-lp-gradient: linear-gradient(145deg, #ffb84d 0%, var(--slms-lp-brand-cta) 55%, #e09112 100%);--slms-lp-glow: var(--slms-lp-brand-cta);--slms-lp-badge-bg: var(--slms-lp-brand-cta)}.slms-learning-process__step--cta .slms-learning-process__badge{color:#fff}@media(prefers-color-scheme:dark){.slms-learning-process__track:before{border-top-color:color-mix(in srgb,var(--slms-lp-brand-accent) 55%,transparent)}.slms-learning-process__badge{border-color:var(--theme-section-surface)}.slms-learning-process__step:not(:last-child):after{box-shadow:0 0 0 3px var(--theme-section-surface)}.slms-learning-process__step--primary{--slms-lp-gradient: linear-gradient(145deg, #2a6de0 0%, #5b9aff 100%);--slms-lp-glow: #5b9aff;--slms-lp-badge-bg: #3b7de8}.slms-learning-process__step--accent{--slms-lp-gradient: linear-gradient(145deg, #3b82f6 0%, #7db4ff 100%);--slms-lp-glow: #60a5fa;--slms-lp-badge-bg: #4f8ef0}.slms-learning-process__step--teal{--slms-lp-gradient: linear-gradient(145deg, #0284c7 0%, #38bdf8 100%);--slms-lp-glow: #38bdf8;--slms-lp-badge-bg: #0ea5e9}.slms-learning-process__step--cta{--slms-lp-gradient: linear-gradient(145deg, #e8a84a 0%, var(--slms-lp-brand-cta) 55%, #c97f0f 100%);--slms-lp-glow: var(--slms-lp-brand-cta);--slms-lp-badge-bg: #e89b2a}}@media(max-width:991px){.slms-learning-process__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,2.75rem) clamp(1.25rem,3vw,2rem)}.slms-learning-process__track:before{display:none}.slms-learning-process__step:not(:last-child):after{display:none}.slms-learning-process__step-desc{max-width:16rem}}@media(max-width:560px){.slms-learning-process{--slms-lp-orb: 3.75rem}.slms-learning-process__track{grid-template-columns:1fr;gap:0;padding-left:.25rem}.slms-learning-process__track:before{display:none}.slms-learning-process__step:not(:last-child):before{content:"";display:block;position:absolute;top:calc(var(--slms-lp-orb) / 2);left:calc(var(--slms-lp-orb) / 2);width:0;height:100%;border-left:2px dashed color-mix(in srgb,var(--slms-lp-brand-accent) 45%,transparent);transform:translate(-50%);z-index:0}.slms-learning-process__step{display:grid;grid-template-columns:var(--slms-lp-orb) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:1.6rem;align-items:start;text-align:left;padding-bottom:2.75rem}.slms-learning-process__icon{grid-row:1 / span 3;grid-column:1;align-self:start}.slms-learning-process__badge{grid-column:1;grid-row:1 / span 3;align-self:start;justify-self:end;margin:calc((var(--slms-lp-orb) - var(--slms-lp-badge)) / 2) 0 0 0;transform:translate(50%)}.slms-learning-process__step-title,.slms-learning-process__step-desc{grid-column:2}.slms-learning-process__step-desc{max-width:none}.slms-learning-process__step:last-child{padding-bottom:0}}@media(max-width:425px){.slms-learning-process{--slms-lp-orb: 3.25rem;--slms-lp-badge: 1.5rem}.slms-learning-process__track{padding-left:0}.slms-learning-process__step{column-gap:1.4rem;padding-bottom:2.25rem}.slms-learning-process__icon{font-size:1.35rem}.slms-learning-process__step-title{font-size:.9375rem}.slms-learning-process__step-desc{font-size:.8125rem}}