/* One ongoing goal. The rail advances through the work on the same visible-time clock. */
.zzo-stage{--zzo-progress:1;--zzo-breath:0;position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:580px;margin:0;padding:28px 32px;display:flex;flex-direction:column;justify-content:center;gap:24px;overflow:hidden;border-radius:32px;color:#15191c;font:400 16px/1.5 Geist,Arial,sans-serif;container-type:inline-size}
.zz-stage>.zzo-stage{height:100%;background:transparent}.zzo-stage *{box-sizing:border-box}.zzo-stage p{margin:0}.zzo-stage strong{font-weight:500}.zzo-stage svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.zzo-goal{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:100%;max-width:590px;margin-inline:auto;flex:none}.zzo-goal>span{font-size:14px;line-height:20px;color:#60676c;padding-right:14px}.zzo-goal p{max-width:100%;padding:10px 16px;border-radius:22px;background:#111;color:#fff;font-size:16px;line-height:24px}
.zzo-workspace{width:100%;max-width:590px;align-self:center;min-height:0}.zzo-task{padding:22px;background:#ffffff70;box-shadow:inset 0 0 0 1px #ffffffd9,0 16px 40px -30px #26364240;border:0;border-radius:20px;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.zzo-task-head{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:22px}.zzo-milo{width:36px;height:36px;display:grid;place-items:center;flex:none;color:#111}.zzo-milo svg{width:32px;height:32px;stroke:none;fill:currentColor}.zzo-task-head>div{display:flex;flex-direction:column;min-width:0;flex:1}.zzo-task-head strong{font-size:16px;line-height:24px}.zzo-status{display:flex;align-items:center;gap:7px;font-size:14px;line-height:20px;color:#51656a;white-space:nowrap}.zzo-live-mark{width:6px;height:6px;border-radius:50%;background:#47776d;box-shadow:0 0 0 calc(3px + 2px * var(--zzo-breath)) rgb(71 119 109 / calc(.06 + .06 * var(--zzo-breath)))}
.zzo-timeline{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0 2px 22px;isolation:isolate}.zzo-timeline::before,.zzo-timeline::after{content:'';position:absolute;z-index:-1;top:4px;left:4px;right:4px;height:1.5px;background:#879ba432}.zzo-timeline::after{background:linear-gradient(90deg,#7595ad,#537c82);transform:scaleX(var(--zzo-progress));transform-origin:left;box-shadow:0 0 5px #7595ad35}.zzo-timeline li{display:flex;flex-direction:column;align-items:center;gap:8px;color:#52616b;font-size:14px;line-height:20px}.zzo-timeline li:first-child{align-items:flex-start}.zzo-timeline li:last-child{align-items:flex-end}.zzo-timeline i{display:block;width:9px;height:9px;border-radius:50%;background:#d8e0e3;box-shadow:0 0 0 4px #edf1f2}.zzo-timeline [data-reached='true'] i{background:#557780}.zzo-timeline [aria-current] i{background:#20383e;box-shadow:0 0 0 4px #ffffffb3,0 0 0 calc(5px + 4px * var(--zzo-breath)) rgb(90 126 143 / calc(.22 - .14 * var(--zzo-breath)))}.zzo-timeline [aria-current]{color:#20383e;font-weight:500}
.zzo-panels{display:grid;grid-template-areas:'panel';align-items:stretch}.zzo-panel{grid-area:panel;min-width:0;min-height:264px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;visibility:hidden;opacity:0;background:#ffffffdb;box-shadow:inset 0 0 0 1px #fff;border-radius:14px}.zzo-panel[data-zzo-panel='customer']{visibility:visible;opacity:1}.zzo-source{display:flex;align-items:center;gap:9px;width:100%;font-size:14px;line-height:20px;color:#626c73;min-height:24px}.zzo-source img{object-fit:contain;flex:none}.zzo-stripe{width:46px;height:20px;margin-right:2px}.zzo-seal{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-left:auto;background:#e8efe9;color:#304c3b;font-size:16px}
.zzo-stage .zzo-quote{font-size:24px;line-height:1.35;letter-spacing:-.025em;margin:22px 0 26px;max-width:390px}.zzo-stage .zzo-panel-title{font-size:26px;line-height:1.25;letter-spacing:-.03em;font-weight:500;margin:22px 0 16px}.zzo-stage .zzo-final-title{font-size:28px;line-height:1.2;margin-bottom:18px}.zzo-blocker{display:flex;align-items:center;gap:10px;font-size:16px;line-height:24px;color:#606b73}.zzo-blocker img{width:36px;height:26px;object-fit:contain;flex:none}.zzo-action{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding-top:24px;font-size:16px;line-height:24px;color:#51646e}.zzo-action>svg{width:17px;height:17px;margin-top:3px}
.zzo-subscription{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:11px 13px;border-radius:10px;background:#edf1f380;font-size:16px;line-height:24px}.zzo-active{padding:3px 9px;border-radius:999px;background:#e8efe9;color:#365446;font-size:14px;line-height:20px}.zzo-record{display:flex;align-items:center;gap:8px;width:100%;padding-top:16px;font-size:14px;line-height:20px;color:#52616b}.zzo-record img{width:20px;height:20px;object-fit:contain;flex:none}.zzo-record svg{margin-left:auto;width:17px;height:17px}.zzo-next{padding-top:20px}.zzo-next i{width:6px;height:6px;border-radius:50%;flex:none;background:#47776d;margin-top:9px}
.zzo-pause{position:absolute;right:16px;bottom:12px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;border:0;border-radius:999px;background:#111;color:white;font:500 14px/20px Geist,Arial,sans-serif}.zzo-pause:focus-visible{clip-path:none;width:auto;height:auto;padding:10px 16px;outline:2px solid #111;outline-offset:3px;z-index:10}.zzo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@container(max-width:460px){.zzo-task{padding:18px}.zzo-panel{padding:18px;min-height:280px}.zzo-task-head{flex-wrap:wrap;gap:8px}.zzo-task-head>div{flex-basis:calc(100% - 44px)}.zzo-status{margin-left:44px}.zzo-stage .zzo-quote{font-size:22px}.zzo-stage .zzo-final-title{font-size:26px}}
@container(max-width:310px){.zzo-task{padding:14px}.zzo-milo{width:28px}.zzo-milo svg{width:28px}.zzo-task-head>div{flex-basis:calc(100% - 36px)}.zzo-status{margin-left:36px}.zzo-task-head{margin-bottom:18px}.zzo-panel{padding:14px;min-height:296px}.zzo-stage .zzo-quote{font-size:21px}.zzo-stage .zzo-panel-title{font-size:24px}.zzo-source{gap:7px}.zzo-stripe{width:40px}.zzo-record{gap:6px}}
@media(max-width:800px){.zz-stage-outcome{height:640px}.zzo-stage{padding:20px;gap:20px;border-radius:24px;height:640px}}
@media(max-width:360px){.zzo-stage{padding:14px;gap:18px;border-radius:20px}.zz-stage-outcome{height:680px}}
@media(prefers-reduced-motion:reduce){.zzo-stage *{animation:none!important;transition:none!important}}