.ds{--ds-navy:#0b1f3a;--ds-slate:#5b6b7f;--ds-line:#dde3ea;--ds-teal:#0e9bae;--ds-teal-ink:#0a6f7d;--ds-teal-tint:#e3f6f8;--ds-green:#13744e;--ds-green-tint:#e3f4ec;--ds-orange:#e07a1f;--ds-orange-ink:#8a4a12;--ds-orange-tint:#fbebdd;--ds-loop:5.5s;color:var(--ds-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.ds-stage{grid-template-columns:minmax(0,1fr) 2.5rem minmax(0,1.1fr) 2.5rem minmax(0,1fr);align-items:center;gap:clamp(.5rem,1.5cqi,1rem);padding:clamp(1.25rem,4.5cqi,2.75rem);font-size:clamp(.8rem,1.55cqi,.98rem);display:grid}.ds-col{gap:.65em;margin:0;padding:0;list-style:none;display:grid}.ds-card{box-shadow:0 0 0 1px var(--ds-line);background:#fff;border-radius:14px;padding:.85em 1em}.ds-source{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75em;display:grid}.ds-icon{background:var(--ds-teal-tint);color:var(--ds-teal-ink);border-radius:10px;justify-content:center;align-items:center;width:2.3em;height:2.3em;display:inline-flex}.ds-source:nth-child(3) .ds-icon{background:var(--ds-orange-tint);color:var(--ds-orange-ink)}.ds-source>span:last-child{gap:.1em;min-width:0;display:grid}.ds-source em{color:var(--ds-slate);letter-spacing:.06em;text-transform:uppercase;font-size:.78em;font-style:normal;font-weight:700}.ds-source b{font-weight:700}.ds-source span span{color:var(--ds-slate);font-size:.88em}.ds-join{background:var(--ds-line);border-radius:999px;height:3px;display:block;position:relative}.ds-join i{background:var(--ds-teal);transform-origin:0;height:100%;display:block}.ds-join:after{border-right:3px solid var(--ds-teal);border-top:3px solid var(--ds-teal);content:"";width:8px;height:8px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.ds-match{box-shadow:0 0 0 2px var(--ds-teal), 0 14px 30px -22px #0b1f3a99;gap:.6em;padding:1.1em 1.2em;display:grid}.ds-label{color:var(--ds-teal-ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4em;margin:0;font-size:.78em;font-weight:700;display:flex}.ds-name{margin:0;font-size:1.15em;font-weight:700}.ds-name span{color:var(--ds-slate);font-size:.78em;font-weight:500;display:block}.ds-signals{gap:.4em;margin:0;padding:0;list-style:none;display:grid}.ds-signals li{align-items:center;gap:.45em;display:flex}.ds-signals svg{color:var(--ds-green);flex:none}.ds-score{border-top:1px solid var(--ds-line);grid-template-columns:1fr auto;align-items:baseline;gap:.35em .75em;padding-top:.7em;display:grid}.ds-score span:first-child{color:var(--ds-slate)}.ds-score b{color:var(--ds-green);font-variant-numeric:tabular-nums;font-size:1.3em}.ds-meter{background:var(--ds-line);border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.ds-meter i{background:var(--ds-green);transform-origin:0;border-radius:999px;height:100%;display:block;transform:scaleX(.82)}.ds-mailer{background:#fffdf8;gap:.5em;display:grid;transform:rotate(-1.5deg);box-shadow:0 0 0 1px #eadfcb}.ds-mailer .ds-label{color:var(--ds-orange-ink)}.ds-postcard{margin:0;font-size:1.05em;font-weight:700;line-height:1.3}.ds-offer{color:var(--ds-slate);margin:0}.ds-booked{background:var(--ds-green-tint);border:2px solid var(--ds-green);color:var(--ds-green);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:.4em;margin:.35em 0 0;padding:.4em .85em;font-weight:700;display:inline-flex}.ds-pause{border:1px solid var(--ds-line);color:var(--ds-navy);cursor:pointer;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.ds-pause:hover{background:var(--ds-navy);color:#fff}.ds-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.ds-pause{opacity:0}.ds:hover .ds-pause,.ds:focus-within .ds-pause{opacity:1}}@container (max-width:640px){.ds-stage{grid-template-columns:minmax(0,1fr);gap:.35rem;padding:1rem;font-size:.9rem}.ds-source span span{display:none}.ds-join{justify-self:center;width:3px;height:1.5rem}.ds-join i{transform-origin:top}.ds-join:after{top:auto;bottom:0;right:-5px;transform:rotate(135deg)}}@media (prefers-reduced-motion:no-preference){.ds-pause{transition:opacity .18s,background .18s}.ds[data-play] .ds-source:first-child{animation:ds-in1 var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-source:nth-child(2){animation:ds-in2 var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-source:nth-child(3){animation:ds-in3 var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-join i{animation:ds-fill var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-join-2 i{animation-name:ds-fill2}.ds[data-play] .ds-match{animation:ds-match var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-signals li:first-child{animation:ds-sig1 var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-signals li:nth-child(2){animation:ds-sig2 var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-signals li:nth-child(3){animation:ds-sig3 var(--ds-loop) ease .94 forwards}.ds[data-play] .ds-meter i{animation:ds-meter var(--ds-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.ds[data-play] .ds-mailer{animation:ds-mailer var(--ds-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.ds[data-play] .ds-booked{animation:ds-booked var(--ds-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.ds[data-paused] *{animation-play-state:paused!important}}@keyframes ds-in1{0%,2%{opacity:0;transform:translate(-10px)}7%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ds-in2{0%,9%{opacity:0;transform:translate(-10px)}14%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ds-in3{0%,16%{opacity:0;transform:translate(-10px)}21%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ds-fill{0%,22%{transform:scale(0)}30%,94%{transform:none}to{transform:scale(0)}}@keyframes ds-fill2{0%,62%{transform:scale(0)}69%,94%{transform:none}to{transform:scale(0)}}@keyframes ds-match{0%,28%{opacity:0;transform:scale(.96)}34%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ds-sig1{0%,36%{opacity:0;transform:translateY(4px)}41%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ds-sig2{0%,42%{opacity:0;transform:translateY(4px)}47%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ds-sig3{0%,48%{opacity:0;transform:translateY(4px)}53%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ds-meter{0%,54%{transform:scaleX(0)}62%,94%{transform:scaleX(.82)}to{transform:scaleX(0)}}@keyframes ds-mailer{0%,68%{opacity:0;transform:translateY(12px)rotate(-6deg)}76%,94%{opacity:1;transform:rotate(-1.5deg)}to{opacity:0}}@keyframes ds-booked{0%,80%{opacity:0;transform:scale(.8)}86%,94%{opacity:1;transform:none}to{opacity:0}}