.pp{--pp-navy:#0b1f3a;--pp-slate:#5b6b7f;--pp-line:#dde3ea;--pp-teal:#0e9bae;--pp-teal-ink:#0a6f7d;--pp-red:#d9534f;--pp-red-ink:#a12a2a;--pp-red-tint:#fbe4e4;--pp-orange:#e07a1f;--pp-orange-ink:#8a4a12;--pp-orange-tint:#fbebdd;--pp-green:#13744e;--pp-green-tint:#e3f4ec;--pp-loop:6s;color:var(--pp-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.pp-stage{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-template-areas:"route route""photos claim";align-items:center;gap:clamp(.75rem,2.4cqi,1.4rem);padding:clamp(1.25rem,4.5cqi,2.5rem);font-size:clamp(.85rem,1.45cqi,.98rem);display:grid}.pp p{margin:0}.pp-label{color:var(--pp-teal-ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;font-size:.8em;font-weight:700;display:flex}.pp-route{--pp-dot:1.9em;box-shadow:0 0 0 1px var(--pp-line);background:#fff;border-radius:14px;grid-area:route;gap:.5em;padding:.9em 1.1em .85em;display:grid}.pp-route ol{grid-template-columns:repeat(8,minmax(0,1fr));margin:0;padding:2.5em 0 0;list-style:none;display:grid}.pp-route li{justify-items:center;gap:.35em;display:grid;position:relative}.pp-route li:not(:last-child):after{--pp-from:scaleX(0);background:var(--pp-green);content:"";height:3px;left:50%;top:calc(var(--pp-dot) / 2 - 1.5px);transform-origin:0;width:100%;position:absolute}.pp-route li[data-state=claim]:after{background:repeating-linear-gradient(90deg,#b9c6d3 0 5px,#0000 5px 9px)}.pp-dot{color:#fff;height:calc(var(--pp-dot) / .85);width:calc(var(--pp-dot) / .85);z-index:1;background:#c5cfda;border-radius:50%;justify-content:center;align-items:center;font-size:.85em;font-weight:800;display:inline-flex;position:relative}.pp-dot i{background:var(--pp-green);border-radius:50%;display:block;position:absolute;inset:0}.pp-dot b{position:relative}.pp-route li[data-state=claim] .pp-dot i{background:var(--pp-orange)}.pp-route li[data-state=claim] .pp-dot{box-shadow:0 0 0 4px var(--pp-orange-tint)}.pp-route li[data-state=next] .pp-dot{color:var(--pp-slate);background:#fff;box-shadow:inset 0 0 0 2px #9fb0c4}.pp-route li[data-state=next] .pp-dot i{display:none}.pp-tag{color:var(--pp-green);align-items:center;gap:.35em;font-size:.8em;font-weight:700;display:inline-flex}.pp-tag em{color:var(--pp-slate);font-style:normal;font-weight:600;display:none}.pp-route li[data-state=next] .pp-tag{color:var(--pp-slate)}.pp-flag{background:var(--pp-orange-tint);color:var(--pp-orange-ink);transform-origin:calc(100% - 1.3em) 100%;white-space:nowrap;border-radius:8px;align-items:center;gap:.35em;padding:.25em .6em;font-size:.85em;font-weight:700;display:inline-flex;position:absolute;bottom:calc(100% + .5em);right:calc(50% - 1.3em)}.pp-flag:after{border-left:.4em solid #0000;border-right:.4em solid #0000;border-top:.4em solid var(--pp-orange-tint);content:"";position:absolute;bottom:-.38em;right:.9em}.pp-flag svg{flex:none}.pp-photos{grid-area:photos;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,2cqi,1rem);display:grid}.pp-photo{--pp-r:-1.5deg;box-shadow:0 0 0 1px var(--pp-line), 0 14px 26px -20px #0b1f3a8c;transform:rotate(var(--pp-r));background:#fff;border-radius:10px;gap:.45em;margin:0;padding:.55em .55em .65em;display:grid}.pp-photo[data-scene=doorstep]{--pp-r:1.5deg}.pp-photo figcaption{font-size:.85em;line-height:1.3}.pp-photo figcaption span{color:var(--pp-slate);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:.3em}.pp-photo figcaption i{font-style:normal}.pp-svg{border-radius:6px;width:100%;height:auto;display:block}.pp-ring{transform-box:fill-box;transform-origin:50%}.pp-mark{border-radius:999px;justify-self:start;align-items:center;gap:.3em;padding:.2em .6em;font-size:.8em;font-weight:700;display:inline-flex}.pp-mark svg{flex:none}.pp-mark[data-tone=ok]{background:var(--pp-green-tint);color:var(--pp-green)}.pp-mark[data-tone=bad]{background:var(--pp-red-tint);color:var(--pp-red-ink)}.pp-claim{box-shadow:0 0 0 2px var(--pp-teal), 0 14px 30px -22px #0b1f3a99;background:#fff;border-radius:14px;grid-area:claim;gap:.65em;padding:1em 1.1em;display:grid}.pp-order{display:grid}.pp-order b{font-variant-numeric:tabular-nums}.pp-order span{color:var(--pp-slate);font-size:.88em}.pp-outcome{background:var(--pp-orange-tint);color:var(--pp-orange-ink);border-radius:999px;justify-self:start;padding:.2em .7em;font-size:.85em;font-weight:700}.pp-steps{gap:.45em;margin:0;padding:0;list-style:none;display:grid}.pp-steps li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5em;font-size:.92em;line-height:1.35;display:grid}.pp-when{white-space:nowrap}.pp-steps svg{color:var(--pp-teal-ink);margin-top:.15em}.pp-ok{background:var(--pp-green-tint);color:var(--pp-green);border-radius:10px;align-items:center;gap:.45em;padding:.45em .65em;font-size:.85em;font-weight:700;display:flex}.pp-ok svg{flex:none}.pp-pause{border:1px solid var(--pp-line);color:var(--pp-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}.pp-pause:hover{background:var(--pp-navy);color:#fff}.pp-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.pp-pause{opacity:0}.pp:hover .pp-pause,.pp:focus-within .pp-pause{opacity:1}}@container (max-width:640px){.pp-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"route""photos""claim";gap:.6rem;padding:1rem}.pp-route{--pp-dot:1.6em;padding:.85em .9em}.pp-route ol{grid-template-columns:minmax(0,1fr);gap:.3em;padding:0}.pp-route li{grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:.6em}.pp-route li:not(:last-child):after{--pp-from:scaleY(0);height:calc(100% + .3em);left:calc(var(--pp-dot) / 2 - 1.5px);top:calc(var(--pp-dot) / 2);transform-origin:top;width:3px}.pp-route li[data-state=claim]:after{background:repeating-linear-gradient(#b9c6d3 0 5px,#0000 5px 9px)}.pp-tag em{display:inline}.pp-flag{transform-origin:0;white-space:normal;position:relative;bottom:auto;right:auto}.pp-flag:after{display:none}}@container (max-width:440px){.pp-photo figcaption{display:grid}.pp-photo figcaption span{margin-left:0}.pp-photo figcaption i{display:none}}@container (max-width:400px){.pp-photo{padding:.45em .45em .55em}.pp-mark{padding:.2em .5em;font-size:.75em}}@media (prefers-reduced-motion:no-preference){.pp-pause{transition:opacity .18s,background .18s}.pp[data-play] .pp-route{animation:pp-route var(--pp-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.pp[data-play] .pp-route li:first-child .pp-dot i{animation:pp-s1 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-route li:nth-child(2) .pp-dot i{animation:pp-s2 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-route li:nth-child(3) .pp-dot i{animation:pp-s3 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-route li:nth-child(4) .pp-dot i{animation:pp-s4 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-route li:nth-child(5) .pp-dot i{animation:pp-s5 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-route li:nth-child(6) .pp-dot i{animation:pp-s6 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-route li:nth-child(7) .pp-dot i{animation:pp-s7 var(--pp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pp[data-play] .pp-route li:first-child:after{animation:pp-l1 var(--pp-loop) linear .94 forwards}.pp[data-play] .pp-route li:nth-child(2):after{animation:pp-l2 var(--pp-loop) linear .94 forwards}.pp[data-play] .pp-route li:nth-child(3):after{animation:pp-l3 var(--pp-loop) linear .94 forwards}.pp[data-play] .pp-route li:nth-child(4):after{animation:pp-l4 var(--pp-loop) linear .94 forwards}.pp[data-play] .pp-route li:nth-child(5):after{animation:pp-l5 var(--pp-loop) linear .94 forwards}.pp[data-play] .pp-route li:nth-child(6):after{animation:pp-l6 var(--pp-loop) linear .94 forwards}.pp[data-play] .pp-flag{animation:pp-flag var(--pp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pp[data-play] .pp-photo[data-scene=warehouse]{animation:pp-p1 var(--pp-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.pp[data-play] .pp-photo[data-scene=doorstep]{animation:pp-p2 var(--pp-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.pp[data-play] .pp-photo[data-scene=warehouse] .pp-ring{animation:pp-ring1 var(--pp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pp[data-play] .pp-photo[data-scene=doorstep] .pp-ring{animation:pp-ring2 var(--pp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pp[data-play] .pp-photo[data-scene=warehouse] .pp-mark{animation:pp-m1 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-photo[data-scene=doorstep] .pp-mark{animation:pp-m2 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-claim{animation:pp-claim var(--pp-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.pp[data-play] .pp-outcome{animation:pp-outcome var(--pp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pp[data-play] .pp-steps li:first-child{animation:pp-t1 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-steps li:nth-child(2){animation:pp-t2 var(--pp-loop) ease .94 forwards}.pp[data-play] .pp-ok{animation:pp-ok var(--pp-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pp[data-paused] *,.pp[data-paused] :after{animation-play-state:paused!important}}@keyframes pp-route{0%{opacity:0;transform:translateY(-10px)}5%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pp-s1{0%,6%{opacity:0;transform:scale(.4)}9%,to{opacity:1;transform:none}}@keyframes pp-s2{0%,9%{opacity:0;transform:scale(.4)}12%,to{opacity:1;transform:none}}@keyframes pp-s3{0%,12%{opacity:0;transform:scale(.4)}15%,to{opacity:1;transform:none}}@keyframes pp-s4{0%,15%{opacity:0;transform:scale(.4)}18%,to{opacity:1;transform:none}}@keyframes pp-s5{0%,18%{opacity:0;transform:scale(.4)}21%,to{opacity:1;transform:none}}@keyframes pp-s6{0%,21%{opacity:0;transform:scale(.4)}24%,to{opacity:1;transform:none}}@keyframes pp-s7{0%,26%{opacity:0;transform:scale(.4)}30%,to{opacity:1;transform:none}}@keyframes pp-l1{0%,8%{transform:var(--pp-from)}11%,to{transform:none}}@keyframes pp-l2{0%,11%{transform:var(--pp-from)}14%,to{transform:none}}@keyframes pp-l3{0%,14%{transform:var(--pp-from)}17%,to{transform:none}}@keyframes pp-l4{0%,17%{transform:var(--pp-from)}20%,to{transform:none}}@keyframes pp-l5{0%,20%{transform:var(--pp-from)}23%,to{transform:none}}@keyframes pp-l6{0%,23%{transform:var(--pp-from)}27%,to{transform:none}}@keyframes pp-flag{0%,31%{opacity:0;transform:scale(.6)}37%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pp-p1{0%,40%{opacity:0;transform:translate(-20px)rotate(-6deg)}47%,95%{opacity:1;transform:rotate(var(--pp-r))}to{opacity:0;transform:rotate(var(--pp-r))}}@keyframes pp-p2{0%,44%{opacity:0;transform:translate(20px)rotate(6deg)}51%,95%{opacity:1;transform:rotate(var(--pp-r))}to{opacity:0;transform:rotate(var(--pp-r))}}@keyframes pp-ring1{0%,54%{opacity:0;transform:scale(.3)}60%,to{opacity:1;transform:none}}@keyframes pp-ring2{0%,58%{opacity:0;transform:scale(.3)}64%,to{opacity:1;transform:none}}@keyframes pp-m1{0%,56%{opacity:0;transform:translateY(6px)}61%,to{opacity:1;transform:none}}@keyframes pp-m2{0%,60%{opacity:0;transform:translateY(6px)}65%,to{opacity:1;transform:none}}@keyframes pp-claim{0%,66%{opacity:0;transform:translate(14px)}72%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pp-outcome{0%,71%{opacity:0;transform:scale(.8)}76%,to{opacity:1;transform:none}}@keyframes pp-t1{0%,76%{opacity:0;transform:translate(-8px)}80%,to{opacity:1;transform:none}}@keyframes pp-t2{0%,80%{opacity:0;transform:translate(-8px)}84%,to{opacity:1;transform:none}}@keyframes pp-ok{0%,85%{opacity:0;transform:scale(.9)}90%,to{opacity:1;transform:none}}
.pts{--pts-navy:#0b1f3a;--pts-slate:#5b6b7f;--pts-line:#dde3ea;--pts-teal:#0e9bae;--pts-teal-ink:#0a6f7d;--pts-teal-tint:#e3f6f8;--pts-red:#d9534f;--pts-red-ink:#a12a2a;--pts-red-tint:#fbe4e4;--pts-orange:#e07a1f;--pts-orange-ink:#8a4a12;--pts-orange-tint:#fbebdd;--pts-loop:6s;color:var(--pts-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.pts-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"pit crew brief";align-items:center;gap:clamp(.75rem,2.4cqi,1.4rem);padding:clamp(1.25rem,4.5cqi,2.5rem);font-size:clamp(.85rem,1.45cqi,.98rem);display:grid}.pts p{margin:0}.pts-label{color:var(--pts-teal-ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;font-size:.8em;font-weight:700;display:flex}.pts [data-tone=orange]{--tone:var(--pts-orange);--tone-ink:var(--pts-orange-ink);--tone-tint:var(--pts-orange-tint)}.pts [data-tone=red]{--tone:var(--pts-red);--tone-ink:var(--pts-red-ink);--tone-tint:var(--pts-red-tint)}.pts [data-tone=teal]{--tone:var(--pts-teal);--tone-ink:var(--pts-teal-ink);--tone-tint:var(--pts-teal-tint)}.pts [data-tone=slate]{--tone:#9fb0c4;--tone-ink:var(--pts-slate);--tone-tint:#eef1f5}.pts-pit{grid-area:pit;justify-items:start;gap:.7em;display:grid}.pts-watch{background:var(--pts-navy);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:.5em;padding:.4em .85em .4em .45em;font-size:.88em;font-weight:600;display:inline-flex}.pts-watch b{color:#9fd9e1;font-variant-numeric:tabular-nums}.pts-dial{border:2px solid #9fd9e1;border-radius:50%;flex:none;width:1.45em;height:1.45em;display:block;position:relative}.pts-dial i{transform-origin:bottom;background:#fff;border-radius:2px;width:2px;height:38%;display:block;position:absolute;bottom:50%;left:calc(50% - 1px);transform:rotate(24deg)}.pts-hotel{box-shadow:0 0 0 1px var(--pts-line), 0 14px 30px -24px #0b1f3a8c;background:#fff;border-radius:14px;justify-self:stretch;gap:.55em;padding:1.25em 1em .95em;display:grid;position:relative;overflow:hidden}.pts-hotel:before{background:repeating-conic-gradient(var(--pts-navy) 0 25%, #fff 0 50%) 0 0 / .9em .9em;content:"";opacity:.85;height:.45em;position:absolute;top:0;left:0;right:0}.pts-name{align-items:center;gap:.6em;display:flex}.pts-name svg{color:var(--pts-teal-ink);flex:none}.pts-name>span{display:grid}.pts-name b{font-size:1.02em}.pts-name>span>span{color:var(--pts-slate);font-size:.85em}.pts-when{white-space:nowrap}.pts-crew{grid-area:crew;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;margin:0;padding:0;list-style:none;display:grid}.pts-crew li{box-shadow:inset 0 3px 0 var(--tone), 0 0 0 1px var(--pts-line);background:#fff;border-radius:12px;align-content:start;gap:.45em;padding:.8em .85em .75em;display:grid}.pts-src{align-items:center;gap:.45em;font-size:.85em;font-weight:700;display:flex}.pts-src em{color:var(--pts-slate);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9em;font-style:normal;font-weight:600}.pts-icon{background:var(--tone-tint);color:var(--tone-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.85em;height:1.85em;display:inline-flex}.pts-find{font-size:.92em;line-height:1.4}.pts-find b{color:var(--tone-ink);font-variant-numeric:tabular-nums;font-size:1.12em}.pts-brief{box-shadow:0 0 0 2px var(--pts-teal), 0 14px 30px -22px #0b1f3a99;background:#fff;border-radius:14px;grid-area:brief;gap:.75em;padding:1.35em 1.05em 1em;display:grid;position:relative}.pts-brief:before{background:var(--pts-navy);content:"";border-radius:6px;width:3.4em;height:1.05em;position:absolute;top:-.5em;left:50%;transform:translate(-50%)}.pts-brief ol{gap:.7em;margin:0;padding:0;list-style:none;display:grid}.pts-brief li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65em;display:grid}.pts-num{justify-content:center;align-items:center;width:1.75em;height:1.75em;font-size:1.05em;font-weight:800;display:inline-flex;position:relative}.pts-num i{border:2px solid var(--pts-red);border-radius:52% 46% 55% 47%;display:block;position:absolute;inset:-.08em;transform:rotate(-10deg)}.pts-brief li:nth-child(2) .pts-num i{border-radius:47% 55% 45% 53%;transform:rotate(14deg)}.pts-what{justify-items:start;gap:.3em;padding-top:.2em;font-size:.92em;line-height:1.35;display:grid}.pts-chip{background:var(--tone-tint);color:var(--tone-ink);border-radius:6px;padding:.15em .5em;font-size:.85em;font-weight:700}.pts-foot{border-top:1px dashed var(--pts-line);color:var(--pts-slate);padding-top:.65em;font-size:.85em;font-weight:600}.pts-pause{border:1px solid var(--pts-line);color:var(--pts-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}.pts-pause:hover{background:var(--pts-navy);color:#fff}.pts-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.pts-pause{opacity:0}.pts:hover .pts-pause,.pts:focus-within .pts-pause{opacity:1}}@container (max-width:860px){.pts-stage{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"pit pit""crew brief";align-items:start}.pts-pit{flex-wrap:wrap;align-items:center;display:flex}.pts-hotel{flex:0 24em}}@container (max-width:640px){.pts-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"pit""crew""brief";gap:.6rem;padding:1rem}.pts-pit{display:grid}.pts-brief{margin-top:.35rem}}@container (max-width:520px){.pts-crew{grid-template-columns:minmax(0,1fr)}.pts-crew li{padding:.65em .8em}}@container (max-width:380px){.pts-hotel .pts-label{display:none}.pts-hotel{padding-top:1em}}@media (prefers-reduced-motion:no-preference){.pts-pause{transition:opacity .18s,background .18s}.pts[data-play] .pts-watch{animation:pts-watch var(--pts-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pts[data-play] .pts-dial i{animation:pts-hand var(--pts-loop) linear .94 forwards}.pts[data-play] .pts-hotel{animation:pts-hotel var(--pts-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.pts[data-play] .pts-crew li:first-child{animation:pts-c1 var(--pts-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pts[data-play] .pts-crew li:nth-child(2){animation:pts-c2 var(--pts-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pts[data-play] .pts-crew li:nth-child(3){animation:pts-c3 var(--pts-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pts[data-play] .pts-crew li:nth-child(4){animation:pts-c4 var(--pts-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pts[data-play] .pts-brief{animation:pts-brief var(--pts-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.pts[data-play] .pts-brief li:first-child{animation:pts-p1 var(--pts-loop) ease .94 forwards}.pts[data-play] .pts-brief li:nth-child(2){animation:pts-p2 var(--pts-loop) ease .94 forwards}.pts[data-play] .pts-brief li:first-child .pts-num i{animation:pts-ring1 var(--pts-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pts[data-play] .pts-brief li:nth-child(2) .pts-num i{animation:pts-ring2 var(--pts-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.pts[data-play] .pts-foot{animation:pts-foot var(--pts-loop) ease .94 forwards}.pts[data-paused] *{animation-play-state:paused!important}}@keyframes pts-watch{0%,2%{opacity:0;transform:scale(.8)}8%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-hand{0%,14%{transform:rotate(-336deg)}42%,to{transform:rotate(24deg)}}@keyframes pts-hotel{0%,6%{opacity:0;transform:translate(-28px)}14%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-c1{0%,18%{opacity:0;transform:scale(.82)}24%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-c2{0%,24%{opacity:0;transform:scale(.82)}30%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-c3{0%,30%{opacity:0;transform:scale(.82)}36%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-c4{0%,36%{opacity:0;transform:scale(.82)}42%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-brief{0%,46%{opacity:0;transform:translateY(14px)}53%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-p1{0%,55%{opacity:0;transform:translate(-8px)}60%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-p2{0%,61%{opacity:0;transform:translate(-8px)}66%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes pts-ring1{0%,62%{opacity:0;transform:rotate(-10deg)scale(.4)}68%,to{opacity:1;transform:rotate(-10deg)}}@keyframes pts-ring2{0%,67%{opacity:0;transform:rotate(14deg)scale(.4)}73%,to{opacity:1;transform:rotate(14deg)}}@keyframes pts-foot{0%,74%{opacity:0;transform:translateY(6px)}79%,95%{opacity:1;transform:none}to{opacity:0}}
.po{--po-navy:#0b1f3a;--po-slate:#5b6b7f;--po-line:#dde3ea;--po-teal:#0e9bae;--po-teal-ink:#0a6f7d;--po-teal-tint:#e3f6f8;--po-orange-ink:#8a4a12;--po-orange-tint:#fbebdd;--po-green:#13744e;--po-green-tint:#e3f4ec;--po-loop:5.5s;color:var(--po-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.po-stage{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) minmax(0,.8fr);align-items:center;gap:clamp(.75rem,2.5cqi,1.5rem);padding:clamp(1.25rem,4.5cqi,2.75rem);font-size:clamp(.88rem,1.5cqi,1rem);display:grid}.po-mail,.po-lines,.po-done{box-shadow:0 0 0 1px var(--po-line);background:#fff;border-radius:14px;gap:.6em;padding:1em 1.1em;display:grid}.po-label{color:var(--po-teal-ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;margin:0;font-size:.85em;font-weight:700;display:flex}.po-from{gap:.2em;margin:0;display:grid}.po-from span{color:var(--po-slate);font-size:.92em}.po-file{background:#f3f5f8;border-radius:10px;align-items:center;gap:.6em;margin:0;padding:.6em .75em;display:flex}.po-file svg{color:#b42e2e;flex:none}.po-file>span{display:grid}.po-file b{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.po-file>span>span{color:var(--po-slate);font-size:.85em}.po-lines ul{gap:.45em;margin:0;padding:0;list-style:none;display:grid}.po-lines li{border-top:1px solid var(--po-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5em;padding-top:.45em;display:grid}.po-item{min-width:0;display:grid}.po-item b{font-weight:600}.po-item span{color:var(--po-slate);font-variant-numeric:tabular-nums;font-size:.88em}.po-checks{gap:.3em;display:flex}.po-chip{background:var(--po-green-tint);color:var(--po-green);white-space:nowrap;border-radius:999px;align-items:center;gap:.25em;padding:.15em .5em;font-size:.78em;font-weight:700;display:inline-flex}.po-chip.po-short{background:var(--po-orange-tint);color:var(--po-orange-ink)}.po-review{background:var(--po-orange-tint);color:var(--po-orange-ink);border-radius:10px;margin:.2em 0 0;padding:.55em .75em;font-size:.88em;font-weight:600}.po-done{box-shadow:0 0 0 2px var(--po-teal), 0 14px 30px -22px #0b1f3a99}.po-so{gap:.15em;margin:0;display:grid}.po-so b{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.25em}.po-so span{color:var(--po-slate)}.po-sent{background:var(--po-green-tint);color:var(--po-green);border-radius:10px;align-items:center;gap:.4em;margin:0;padding:.5em .7em;font-size:.88em;font-weight:700;display:flex}.po-pause{border:1px solid var(--po-line);color:var(--po-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}.po-pause:hover{background:var(--po-navy);color:#fff}.po-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.po-pause{opacity:0}.po:hover .po-pause,.po:focus-within .po-pause{opacity:1}}@container (max-width:720px){.po-stage{grid-template-columns:minmax(0,1fr);gap:.6rem;padding:1rem}.po-from span{display:none}}@media (prefers-reduced-motion:no-preference){.po-pause{transition:opacity .18s,background .18s}.po[data-play] .po-mail{animation:po-mail var(--po-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.po[data-play] .po-lines li:first-child{animation:po-l1 var(--po-loop) ease .94 forwards}.po[data-play] .po-lines li:nth-child(2){animation:po-l2 var(--po-loop) ease .94 forwards}.po[data-play] .po-lines li:nth-child(3){animation:po-l3 var(--po-loop) ease .94 forwards}.po[data-play] .po-lines li:nth-child(4){animation:po-l4 var(--po-loop) ease .94 forwards}.po[data-play] .po-chip{animation:po-chip var(--po-loop) ease .94 forwards}.po[data-play] .po-review{animation:po-review var(--po-loop) ease .94 forwards}.po[data-play] .po-done{animation:po-done var(--po-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.po[data-play] .po-sent{animation:po-sent var(--po-loop) ease .94 forwards}.po[data-paused] *{animation-play-state:paused!important}}@keyframes po-mail{0%,2%{opacity:0;transform:translateY(-14px)}8%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-l1{0%,10%{opacity:0;transform:translate(-10px)}14%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-l2{0%,15%{opacity:0;transform:translate(-10px)}19%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-l3{0%,20%{opacity:0;transform:translate(-10px)}24%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-l4{0%,25%{opacity:0;transform:translate(-10px)}29%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-chip{0%,32%{opacity:0;transform:scale(.7)}38%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-review{0%,42%{opacity:0;transform:translateY(6px)}47%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-done{0%,54%{opacity:0;transform:translate(14px)}60%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes po-sent{0%,64%{opacity:0;transform:scale(.9)}70%,95%{opacity:1;transform:none}to{opacity:0}}
.stl{--stl-navy:#0b1f3a;--stl-slate:#5b6b7f;--stl-line:#dde3ea;--stl-teal:#0e9bae;--stl-teal-ink:#0a6f7d;--stl-teal-tint:#e3f6f8;--stl-red:#d9534f;--stl-red-ink:#a12a2a;--stl-red-tint:#fbe4e4;--stl-orange-ink:#8a4a12;--stl-orange-tint:#fbebdd;--stl-loop:7s;color:var(--stl-navy);background:#f3f5f8;border-radius:22px;max-width:1000px;margin-inline:auto;position:relative;container-type:inline-size}.stl-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);grid-template-areas:"intake story side";align-items:start;gap:clamp(.75rem,2.4cqi,1.4rem);padding:clamp(1.25rem,4.5cqi,2.5rem);font-size:clamp(.85rem,1.45cqi,.98rem);display:grid}.stl p{margin:0}.stl ul,.stl ol{margin:0;padding:0;list-style:none}.stl-label{color:var(--stl-teal-ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;font-size:.8em;font-weight:700;display:flex}.stl-intake,.stl-story,.stl-specials,.stl-status{box-shadow:0 0 0 1px var(--stl-line);background:#fff;border-radius:14px;gap:.6em;padding:.9em 1em;display:grid}.stl-intake{grid-area:intake;grid-template-columns:2.6em minmax(0,1fr);align-items:center}.stl-intake .stl-label,.stl-providers{grid-column:1/-1}.stl-stack{width:2.4em;height:3em;position:relative}.stl-stack span{background:repeating-linear-gradient(180deg, transparent 0 .42em, var(--stl-line) .42em .5em) content-box, #fff;transform:rotate(var(--r,0deg));border-radius:3px;padding:.4em .35em;position:absolute;inset:0;box-shadow:0 0 0 1px #c9d3de}.stl-stack span:first-child{--r:-9deg}.stl-stack span:nth-child(2){--r:5deg}.stl-stack span:nth-child(3){--r:-1deg}.stl-client{gap:.1em;display:grid}.stl-client span{color:var(--stl-slate);font-variant-numeric:tabular-nums;font-size:.85em}.stl-providers{gap:.35em;display:grid}.stl-providers li{background:#f3f5f8;border-radius:8px;justify-content:space-between;align-items:baseline;gap:.5em;padding:.4em .55em;font-size:.88em;display:flex}.stl-providers b{color:var(--stl-slate);font-variant-numeric:tabular-nums;flex:none}.stl-story{grid-area:story}.stl-line{--stl-col-gap:.5em;--stl-row-gap:.9em;column-gap:var(--stl-col-gap);isolation:isolate;row-gap:var(--stl-row-gap);grid-template-columns:repeat(4,minmax(0,1fr));padding-top:.2em;display:grid}.stl-ch{text-align:center;align-content:start;justify-items:center;gap:.45em;display:grid;position:relative}.stl-dot{box-shadow:0 0 0 2px var(--stl-teal);color:var(--stl-teal-ink);z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;display:inline-flex;position:relative}.stl-seg{--stl-sx:0;--stl-sy:1;background:var(--stl-teal);transform-origin:0;height:4px;width:calc(100% + var(--stl-col-gap));border-radius:999px;display:block;position:absolute;top:calc(1em - 2px);left:50%}.stl-ch[data-before-gap] .stl-seg{background:repeating-linear-gradient(90deg, var(--stl-red) 0 .55em, transparent .55em .85em)}.stl-text{justify-items:center;gap:.1em;display:grid}.stl-text b{font-size:.95em}.stl-date{color:var(--stl-slate);font-variant-numeric:tabular-nums;font-size:.82em;font-weight:600}.stl-note{color:var(--stl-slate);font-size:.78em}.stl-cite{background:var(--stl-teal-tint);color:var(--stl-teal-ink);font-variant-numeric:tabular-nums;border-radius:6px;margin-top:.25em;padding:.1em .45em;font-size:.78em;font-weight:700}.stl-gap{grid-area:2/1/auto/-1;position:relative}.stl-gap .stl-seg{display:none}.stl-gap-card{background:var(--stl-red-tint);color:var(--stl-red-ink);border-radius:12px;gap:.2em;padding:.65em .85em;display:grid;position:relative}.stl-gap-card:before{background:var(--stl-red-tint);content:"";width:.8em;height:.8em;position:absolute;top:-.35em;left:75%;transform:translate(-50%)rotate(45deg)}.stl-gap-card b{align-items:center;gap:.4em;display:flex;position:relative}.stl-gap-card svg{color:var(--stl-red);flex:none}.stl-gap-math{color:var(--stl-navy);font-variant-numeric:tabular-nums;font-size:.88em;font-weight:700}.stl-gap-why{color:var(--stl-navy);font-size:.88em}.stl-side{grid-area:side;gap:.7em;display:grid}.stl-specials ul{gap:.5em;display:grid}.stl-specials li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25em .5em;font-size:.88em;display:grid}.stl-specials li b{font-variant-numeric:tabular-nums}.stl-specials i{background:var(--stl-teal);height:.4em;transform:scaleX(var(--s,1));transform-origin:0;border-radius:999px;grid-column:1/-1;display:block}.stl-total{border-top:1px solid var(--stl-line);justify-content:space-between;align-items:baseline;padding-top:.5em;font-weight:700;display:flex}.stl-total b{font-variant-numeric:tabular-nums;font-size:1.15em}.stl-status{box-shadow:0 0 0 2px var(--stl-teal), 0 14px 30px -22px #0b1f3a99;font-size:.92em;font-weight:600}.stl-chip{background:var(--stl-orange-tint);color:var(--stl-orange-ink);border-radius:10px;justify-self:start;padding:.2em .65em;font-size:.92em;font-weight:700}.stl-pause{border:1px solid var(--stl-line);color:var(--stl-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}.stl-pause:hover{background:var(--stl-navy);color:#fff}.stl-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.stl-pause{opacity:0}.stl:hover .stl-pause,.stl:focus-within .stl-pause{opacity:1}}@container (max-width:940px){.stl-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"intake story""side story"}.stl-line{--stl-row-gap:.75em;grid-template-columns:minmax(0,1fr)}.stl-line>:nth-child(4){order:2}.stl-gap{order:1;grid-area:auto}.stl-ch,.stl-gap{text-align:left;grid-template-columns:2em minmax(0,1fr);justify-items:start;column-gap:.75em;display:grid}.stl-gap-card{grid-column:2}.stl-gap-card:before{display:none}.stl-text{grid-template-columns:minmax(0,1fr) auto;justify-items:start;column-gap:.6em;width:100%;padding-top:.2em}.stl-date,.stl-note{grid-column:1/-1}.stl-cite{grid-area:1/2;margin-top:0}.stl-seg{--stl-sx:1;--stl-sy:0;height:calc(100% + var(--stl-row-gap));transform-origin:top;width:4px;top:1em;left:calc(1em - 2px)}.stl-ch[data-before-gap] .stl-seg{background:var(--stl-teal)}.stl-gap .stl-seg{background:repeating-linear-gradient(180deg, var(--stl-red) 0 .55em, transparent .55em .85em);display:block}}@container (max-width:640px){.stl-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"intake""story""side";gap:.6rem;padding:1rem}}@container (max-width:400px){.stl-intake{grid-template-columns:minmax(0,1fr)}.stl-stack{display:none}}@media (prefers-reduced-motion:no-preference){.stl-pause{transition:opacity .18s,background .18s}.stl[data-play] .stl-intake{animation:stl-intake var(--stl-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.stl[data-play] .stl-stack span:first-child{animation:stl-p1 var(--stl-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.stl[data-play] .stl-stack span:nth-child(2){animation:stl-p2 var(--stl-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.stl[data-play] .stl-stack span:nth-child(3){animation:stl-p3 var(--stl-loop) cubic-bezier(.16, 1, .3, 1) .94 forwards}.stl[data-play] .stl-providers li:first-child{animation:stl-r1 var(--stl-loop) ease .94 forwards}.stl[data-play] .stl-providers li:nth-child(2){animation:stl-r2 var(--stl-loop) ease .94 forwards}.stl[data-play] .stl-providers li:nth-child(3){animation:stl-r3 var(--stl-loop) ease .94 forwards}.stl[data-play] .stl-story{animation:stl-story var(--stl-loop) ease .94 forwards}.stl[data-play] .stl-ch:first-child>span{animation:stl-c1 var(--stl-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.stl[data-play] .stl-ch:nth-child(2)>span{animation:stl-c2 var(--stl-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.stl[data-play] .stl-ch:nth-child(3)>span{animation:stl-c3 var(--stl-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.stl[data-play] .stl-ch:nth-child(4)>span{animation:stl-c4 var(--stl-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.stl[data-play] .stl-ch:first-child .stl-seg{animation:stl-s1 var(--stl-loop) ease-in-out .94 forwards}.stl[data-play] .stl-ch:nth-child(2) .stl-seg{animation:stl-s2 var(--stl-loop) ease-in-out .94 forwards}.stl[data-play] .stl-ch:nth-child(3) .stl-seg{animation:stl-s3-gap var(--stl-loop) ease-in-out .94 forwards}.stl[data-play] .stl-gap-card{animation:stl-gap var(--stl-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}.stl[data-play] .stl-specials{animation:stl-side var(--stl-loop) ease .94 forwards}.stl[data-play] .stl-specials i{animation:stl-grow-x var(--stl-loop) cubic-bezier(.22, 1, .36, 1) .94 forwards}.stl[data-play] .stl-total{animation:stl-total var(--stl-loop) ease .94 forwards}.stl[data-play] .stl-status{animation:stl-status var(--stl-loop) cubic-bezier(.34, 1.45, .64, 1) .94 forwards}@container (max-width:940px){.stl[data-play] .stl-ch:nth-child(3) .stl-seg{animation-name:stl-s3}.stl[data-play] .stl-gap .stl-seg{animation:stl-s4-gap var(--stl-loop) ease-in-out .94 forwards}}.stl[data-paused] *{animation-play-state:paused!important}}@keyframes stl-intake{0%,2%{opacity:0;transform:translateY(-12px)}8%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-p1{0%,4%{opacity:0;transform:translateY(-10px) rotate(var(--r,0deg))}8%,95%{opacity:1;transform:rotate(var(--r,0deg))}to{opacity:0}}@keyframes stl-p2{0%,6%{opacity:0;transform:translateY(-10px) rotate(var(--r,0deg))}10%,95%{opacity:1;transform:rotate(var(--r,0deg))}to{opacity:0}}@keyframes stl-p3{0%,8%{opacity:0;transform:translateY(-10px) rotate(var(--r,0deg))}12%,95%{opacity:1;transform:rotate(var(--r,0deg))}to{opacity:0}}@keyframes stl-r1{0%,10%{opacity:0;transform:translate(-8px)}14%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-r2{0%,13%{opacity:0;transform:translate(-8px)}17%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-r3{0%,16%{opacity:0;transform:translate(-8px)}20%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-story{0%,18%{opacity:0;transform:translateY(10px)}24%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-c1{0%,24%{opacity:0;transform:scale(.7)}28%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-c2{0%,32%{opacity:0;transform:scale(.7)}36%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-c3{0%,40%{opacity:0;transform:scale(.7)}44%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-c4{0%,48%{opacity:0;transform:scale(.7)}52%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-s1{0%,28%{transform:scale(var(--stl-sx), var(--stl-sy))}33%,to{transform:none}}@keyframes stl-s2{0%,36%{transform:scale(var(--stl-sx), var(--stl-sy))}41%,to{transform:none}}@keyframes stl-s3{0%,44%{transform:scale(var(--stl-sx), var(--stl-sy))}47%,to{transform:none}}@keyframes stl-s3-gap{0%,44%{opacity:1;transform:scale(var(--stl-sx), var(--stl-sy))}49%,60%{opacity:1;transform:none}66%{opacity:.3}72%{opacity:1}78%{opacity:.3}86%,to{opacity:1;transform:none}}@keyframes stl-s4-gap{0%,47%{opacity:1;transform:scale(var(--stl-sx), var(--stl-sy))}50%,60%{opacity:1;transform:none}66%{opacity:.3}72%{opacity:1}78%{opacity:.3}86%,to{opacity:1;transform:none}}@keyframes stl-gap{0%,54%{opacity:0;transform:scale(.94)}60%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-side{0%,60%{opacity:0;transform:translate(12px)}66%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-grow-x{0%,64%{transform:scaleX(0)}74%,to{transform:scaleX(var(--s,1))}}@keyframes stl-total{0%,72%{opacity:0;transform:translateY(6px)}76%,95%{opacity:1;transform:none}to{opacity:0}}@keyframes stl-status{0%,78%{opacity:0;transform:scale(.94)}84%,95%{opacity:1;transform:none}to{opacity:0}}
