/* One numbered device, one concise explanation, automatically selected by scroll. */
.cs-visual{grid-column:2;grid-row:1;position:relative;min-width:0;min-height:0;align-self:stretch;z-index:2}
.cs-visual .cs-viewport{position:absolute;inset:0;margin:0;min-height:0;mask-image:linear-gradient(0deg,transparent,#000 4%,#000 97%,transparent)}
.cs-visual .cs-fallback{transition:opacity .35s}
.cs-stage{column-gap:clamp(24px,3vw,54px)}
.cs-stage[data-has-point=true] .cs-copy-stack{min-height:0}
.cs-stage[data-has-point=true] .cs-copy>p{display:none}
.cs-stage[data-has-point=true] .cs-copy h2{font-size:clamp(2rem,3vw,3.6rem)}
.cs-stage[data-has-point=true] .cs-content{gap:22px}
.cs-point-card{position:relative;z-index:6;background:#f4efe6;color:#10383d;padding:22px 24px;border-inline-start:3px solid #19d3c5;max-width:440px;border-radius:3px;box-shadow:0 18px 50px #00000020}
.cs-point-card article{animation:cs-point-in .3s ease both}
.cs-point-heading{display:flex;align-items:center;gap:13px}
.cs-point-index{font-size:.875rem;line-height:1;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:#19d3c5;border-radius:50%;color:#063638;font-weight:600;font-variant-numeric:tabular-nums;direction:ltr}
.cs-point-heading h3{font-size:clamp(1rem,1.3vw,1.25rem);font-weight:550;line-height:1.7;letter-spacing:0;color:#10383d}
.cs-point-card p{font-size:1rem;line-height:1.85;margin:14px 0 0;color:#285456}
.cs-point-outcome{display:block;font-size:.875rem;line-height:1.7;color:#087169;border-top:1px solid #beddd5;margin-top:16px;padding-top:12px}
.cs-point-marker{position:absolute;inset:0 auto auto 0;width:0;height:0;z-index:5;pointer-events:none;direction:ltr}
.cs-point-marker>span{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;background:#19d3c5;color:#063638;border:2px solid #ecfffa;border-radius:50%;box-shadow:0 0 0 6px #19d3c529,0 5px 22px #0007;font-size:.875rem;font-weight:600;line-height:1}
.cs-point-marker>span::after{content:'';position:absolute;inset:-10px;border:1px solid #6ff1e3aa;border-radius:50%}
.cs-point-link{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:4;pointer-events:none}
.cs-point-link path{stroke:#55e9dc;stroke-width:1.25;stroke-opacity:.8;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}
.cs-stage[data-chapter="3"] .cs-content{background:linear-gradient(90deg,#040f19df,#040f19a0);border-inline-start:2px solid #19d3c5;padding-inline-start:22px}
.cs-stage[data-chapter="3"] .cs-copy h2{font-size:clamp(2.25rem,3.3vw,4rem)}
.cs-lite .cs-point-link,.cs-lite .cs-point-marker{display:none}
@keyframes cs-point-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1101px){.cs-stage{grid-template-columns:minmax(0,32fr) minmax(0,68fr)}.cs-visual{margin-inline-start:-1vw}.cs-point-card{padding:20px 22px}}
@media(max-width:900px){.cs-stage{column-gap:0}.cs-visual{grid-column:1;grid-row:2;min-height:230px;margin-inline:-10px}.cs-point-card{max-width:none;padding:15px 18px}.cs-stage[data-has-point=true] .cs-content{gap:14px}.cs-stage[data-has-point=true] .cs-copy h2{font-size:clamp(1.6rem,4.5vw,2.25rem)}.cs-point-card p{font-size:.9375rem;line-height:1.75;margin-top:9px}.cs-point-outcome{display:none}.cs-point-heading h3{font-size:1rem;line-height:1.65}.cs-point-index{width:30px;height:30px;flex-basis:30px}.cs-point-link{display:none}.cs-stage[data-chapter="3"] .cs-copy h2{font-size:2rem}.cs-stage[data-chapter="3"] .cs-content{padding-inline-start:16px}.cs-point-marker>span{width:32px;height:32px;font-size:.875rem}}
@media(max-width:600px){.cs-visual{min-height:200px}.cs-point-card{padding:12px 15px}.cs-stage[data-has-point=true] .cs-content{gap:12px}.cs-stage[data-has-point=true] .cs-copy h2{font-size:1.55rem}.cs-stage[data-has-point=true] .cs-measure{padding-top:9px}.cs-stage[data-has-point=true] .cs-measure b{font-size:2.25rem}.cs-stage[data-has-point=true] .cs-measure p{display:none}.cs-stage[data-chapter="3"] .cs-copy h2{font-size:1.8rem}}
@media(max-height:550px) and (orientation:landscape){.cs-visual{grid-column:2;grid-row:1;min-height:120px;margin:0}.cs-stage[data-has-point=true] .cs-copy h2{font-size:1.45rem}.cs-point-card{padding:10px 13px}.cs-point-card p{font-size:.875rem;line-height:1.6;margin-top:7px}.cs-point-heading h3{font-size:.9375rem}.cs-point-outcome{display:none}.cs-point-index{width:28px;height:28px;flex-basis:28px}.cs-stage[data-has-point=true] .cs-content{gap:10px}.cs-stage[data-chapter="3"] .cs-copy h2{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.cs-point-card article{animation:none}.cs-visual .cs-fallback{transition:none}}