.starting-points{padding-block:100px 94px;border-bottom:1px solid var(--line);background:var(--paper)}
.starting-layout{display:grid;grid-template-columns: .85fr 1.15fr;align-items:center;gap:64px}
.starting-heading{padding-bottom:60px}
.starting-heading>.eyebrow{color:var(--ink);font-size:16px;letter-spacing:.03em;margin-bottom:26px}
.starting-heading h2{font-size:clamp(42px,4.2vw,62px);line-height:1.06;letter-spacing:-.055em;max-width:490px}
.starting-heading h2 span{display:block}
.starting-figure{min-width:0;margin:0}
.starting-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end;margin:0;padding:0}
.starting-stage{min-width:0}
.starting-shape{height:calc(80px + var(--stage)*37px);position:relative;overflow:hidden;border:1px solid #9baeff;background:#f4f6ff}
.starting-stage:nth-child(2) .starting-shape{background:#e8edff;border-color:#8198fa}
.starting-stage:nth-child(3) .starting-shape{background:#dbe3ff;border-color:#6b86f5}
.starting-stage:nth-child(4) .starting-shape{background:#c4d0ff;border-color:#5272f2}
.starting-stage:nth-child(5) .starting-shape{background:var(--blue);border-color:var(--blue)}
.starting-shape::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#2448ef66 .7px,transparent .9px);background-size:7px 7px;mask-image:linear-gradient(180deg,transparent 8%,#000 95%)}
.starting-stage:nth-child(5) .starting-shape::before{background-image:radial-gradient(circle,#ffffff85 .7px,transparent .9px)}
.starting-shape::after{content:'';position:absolute;top:0;inset-inline:0;height:2px;background:var(--blue)}
.starting-stage:nth-child(5) .starting-shape::after{background:#91a6ff}
.starting-label{font-size:15px;line-height:1.35;font-weight:500;letter-spacing:-.025em;margin-top:16px;min-height:41px}
.starting-label span{display:block}
.starting-connections{width:100%;height:70px;overflow:visible;margin-top:8px}
.starting-connections path{fill:none;stroke:#8b9ff5;stroke-width:1;vector-effect:non-scaling-stroke}
.starting-connections circle{fill:var(--blue)}
.starting-signature{text-align:center;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.starting-signature span{color:var(--blue)}
.starting-caption{display:none}
/* Only opacity and transforms change: the layout and native scrolling stay stable. */
@media(prefers-reduced-motion:no-preference){
 .starting-heading.motion-pending,
 .starting-figure.motion-pending .starting-stage,
 .starting-figure.motion-pending .starting-connections,
 .starting-figure.motion-pending .starting-signature{opacity:0}
 .starting-heading.motion-visible{animation:starting-appear .7s cubic-bezier(.2,.7,.2,1) both}
 .starting-figure.motion-visible .starting-stage{animation:starting-appear .65s calc(var(--stage)*.07s) cubic-bezier(.2,.7,.2,1) both}
 .starting-figure.motion-visible .starting-connections{animation:starting-fade .65s .26s cubic-bezier(.2,.7,.2,1) both}
 .starting-figure.motion-visible .starting-signature{animation:starting-fade .6s .38s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes starting-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes starting-fade{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.starting-layout{gap:110px}}
@media(max-width:1100px){.starting-layout{gap:36px;grid-template-columns:.8fr 1.2fr}.starting-heading h2{font-size:44px}.starting-stages{gap:9px}.starting-label{font-size:13px}.starting-shape{height:calc(76px + var(--stage)*30px)}}
@media(max-width:800px){.starting-points{padding-block:70px 64px}.starting-layout{grid-template-columns:1fr;gap:45px}.starting-heading{padding-bottom:0}.starting-heading h2{font-size:48px;max-width:560px}.starting-heading h2 span{display:inline}.starting-figure{width:100%;max-width:600px;margin-inline:auto}.starting-label{font-size:15px}.starting-shape{height:calc(74px + var(--stage)*32px)}}
@media(max-width:600px){.starting-points{padding-block:54px 49px}.starting-layout{gap:37px}.starting-heading>.eyebrow{font-size:14px;margin-bottom:20px}.starting-heading h2{font-size:38px;max-width:350px;line-height:1.08}.starting-stages{gap:8px}.starting-shape{height:calc(58px + var(--stage)*25px)}.starting-label{font-size:12px;line-height:1.4;letter-spacing:-.035em;margin-top:12px;min-height:34px}.starting-connections{height:57px;margin-top:7px}.starting-signature{font-size:9px;letter-spacing:.1em}.starting-shape::before{background-size:6px 6px}}
@media(max-width:370px){.starting-stages{gap:6px}.starting-label{font-size:11px;letter-spacing:-.04em}.starting-heading h2{font-size:35px}.starting-shape{height:calc(52px + var(--stage)*23px)}}