.cw-workflow{width:100%;min-width:0;background:#fbfcfd;border:1px solid #d6dfe6;border-radius:16px;overflow:hidden;color:#142c3d;box-shadow:0 12px 35px #142c3d09}
.cw-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e2e8ed;font-size:12px}
.cw-header span{font-size:10px;color:#526575}.cw-workflow svg{width:100%;height:auto;display:block}
.cw-controls{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid #e2e8ed}
.cw-controls[hidden]{display:none}.cw-controls button{font:inherit;font-size:11px;line-height:1.3;min-height:40px;padding:9px 11px;border:0;border-radius:7px;background:#142c3d;color:white;cursor:pointer}
.cw-controls button[data-replay]{background:transparent;color:#142c3d;padding-inline:3px}.cw-controls input{flex:1;min-width:30px;accent-color:#876500;height:24px}.cw-controls output{font-size:10px;color:#526575;white-space:nowrap}
.cw-controls button:focus-visible,.cw-controls input:focus-visible{outline:3px solid #d2a200;outline-offset:3px}
.cw-disclaimer{font-size:10px!important;line-height:1.5!important;color:#526575!important;padding:0 20px 14px;margin:12px 0 0!important}
.cw-workflow .cw-fine{fill:none;stroke:#8c9faa;stroke-width:1.5;stroke-linecap:round}
.cw-workflow .cw-paper,.cw-workflow .cw-ray{opacity:0}
.cw-workflow .cw-results,.cw-workflow .cw-bubble,.cw-workflow .cw-order-row,.cw-workflow .cw-order-ready,.cw-workflow .cw-flow-phase{opacity:1}
.cw-ready .cw-paper{animation:cw-document-flow 12s linear both}
.cw-ready .cw-ray{animation:cw-ray 12s linear both}
.cw-ready .cw-results{animation:cw-results 12s linear both}
.cw-ready .cw-bubble{animation:cw-bubble 12s linear both}
.cw-ready .cw-order-row{animation:cw-row-in 8s both}
.cw-ready .cw-order-row.cw-second{animation-name:cw-row-second}
.cw-ready .cw-order-row.cw-third{animation-name:cw-row-third}
.cw-ready .cw-order-ready{animation:cw-order-ready 8s both}
.cw-ready .cw-ingredient{animation:cw-ingredient 8s both}
.cw-ready .cw-ingredient.cw-second{animation-name:cw-ingredient-second}
.cw-ready .cw-ingredient.cw-third{animation-name:cw-ingredient-third}
.cw-ready .cw-flow-phase{animation:cw-flow-one 5s both}
.cw-ready .cw-phase-2{animation-name:cw-flow-two}
.cw-ready .cw-phase-3{animation-name:cw-flow-three}
.cw-ready .cw-cost-ring{animation:cw-ring-draw 5s both}
.naly-marketing .feat-panel{min-width:0}
@media(max-width:768px){.cw-header{padding:14px;font-size:11px}.cw-header span{font-size:9px}.cw-controls{gap:8px;padding:9px 12px}.cw-controls output{display:none}.cw-disclaimer{padding:0 14px 12px}}


@keyframes cw-document-flow{0%,8%{transform:translate(-107px,3px) scale(.95);opacity:0}13%{opacity:1}33%{transform:translate(124px,10px) scale(.8);opacity:1}43%,100%{transform:translate(124px,10px) scale(.8);opacity:0}}
@keyframes cw-ray{0%,36%{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}58%{opacity:1;transform:translateY(103px)}63%,100%{opacity:0;transform:translateY(103px)}}
@keyframes cw-results{0%,55%{opacity:0;transform:translateY(9px)}66%,100%{opacity:1;transform:translateY(0)}}
@keyframes cw-bubble{0%,78%{opacity:0;transform:translateY(4px)}88%,100%{opacity:1;transform:translateY(0)}}
@keyframes cw-row-in{0%,12%{opacity:0;transform:translateX(-12px)}24%,100%{opacity:1;transform:translateX(0)}}
@keyframes cw-row-second{0%,32%{opacity:0;transform:translateX(-12px)}44%,100%{opacity:1;transform:translateX(0)}}
@keyframes cw-row-third{0%,52%{opacity:0;transform:translateX(-12px)}64%,100%{opacity:1;transform:translateX(0)}}
@keyframes cw-order-ready{0%,72%{opacity:0;transform:translateY(5px)}86%,100%{opacity:1;transform:translateY(0)}}
@keyframes cw-ingredient{0%,10%,30%,100%{transform:translateX(0)}20%{transform:translateX(8px)}}
@keyframes cw-ingredient-second{0%,30%,50%,100%{transform:translateX(0)}40%{transform:translateX(8px)}}
@keyframes cw-ingredient-third{0%,50%,70%,100%{transform:translateX(0)}60%{transform:translateX(8px)}}
@keyframes cw-flow-one{0%,5%{opacity:0;transform:translateY(6px)}22%,100%{opacity:1;transform:none}}
@keyframes cw-flow-two{0%,27%{opacity:0;transform:translateY(6px)}44%,100%{opacity:1;transform:none}}
@keyframes cw-flow-three{0%,52%{opacity:0;transform:translateY(6px)}72%,100%{opacity:1;transform:none}}
@keyframes cw-ring-draw{0%,30%{stroke-dasharray:0 409}70%,100%{stroke-dasharray:102 409}}