.batch-story{border:1px solid #527782;border-radius:9px;overflow:hidden;background:#102f3c;box-shadow:0 22px 65px #0004}.story-top,.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px}.story-kicker{display:block;color:#78d8e8;font-size:10px;letter-spacing:1.6px;font-weight:650;margin-bottom:5px}.story-top strong{display:block;font-size:21px;line-height:1.3;font-weight:550}.story-top button{background:transparent;color:#c6dce2;border:1px solid #597782;border-radius:4px;padding:7px 13px;font-size:12px;cursor:pointer;white-space:nowrap}.story-screen{position:relative;overflow:hidden;background:#eaf3f7;aspect-ratio:1265/881;isolation:isolate}.app-still{width:100%;height:100%;object-fit:contain}.story-pointer{position:absolute;left:63%;top:55%;width:2.5%;filter:drop-shadow(0 2px 3px #0004);transition:top 1.4s ease-in-out,left 1.4s ease-in-out,opacity .4s;opacity:0;z-index:2}.generate-ring{position:absolute;left:82.7%;top:85.3%;width:13%;height:4.8%;border-radius:4px;box-shadow:0 0 0 4px #27cbe977;opacity:0;transition:opacity .5s}.story-shade{position:absolute;inset:0;background:#0b273876;opacity:0;transition:opacity .7s}.confirm-sample{position:absolute;left:32%;top:27%;width:45%;padding:3.5%;border:1px solid #b1c5ce;border-radius:9px;background:#f6fbfd;color:#123746;box-shadow:0 20px 70px #001b3944;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;text-align:left}.confirm-sample .story-kicker{color:#087d96}.confirm-sample h3{font-size:clamp(12px,2.1vw,25px);line-height:1.25;margin:12px 0}.confirm-sample p{font-size:clamp(10px,1.3vw,15px);color:#55707c}.confirm-sample p span{padding:0 8px}.confirm-sample strong{font-size:clamp(20px,3vw,36px)}.confirm-action{margin-top:20px;background:linear-gradient(100deg,#1758ae,#047c93);border-radius:4px;padding:11px;color:white;text-align:center;font-size:clamp(10px,1.3vw,16px);font-weight:650}.batch-result{position:absolute;inset:3% 18% 3% 24%;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s;display:flex;flex-direction:column}.result-top,.page-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#103644;color:#f0fbfd;padding:12px 16px;font-size:clamp(9px,1.2vw,14px)}.result-top{border-radius:7px 7px 0 0}.result-top>span:first-child{color:#90e2c2;font-weight:650}.page-foot{border-radius:0 0 7px 7px}.page-stack{position:relative;flex:1;min-height:0;background:#d4e3e9;perspective:1500px;padding:12px}.page-stack img{position:absolute;top:2%;left:2%;width:96%;height:96%;object-fit:contain;background:#fff;box-shadow:0 6px 18px #0d2e3b33;transition:transform 1.1s ease,opacity .75s;transform-origin:left center}.page-stack #invoice-one{z-index:2}.page-stack #invoice-two{z-index:1}.story-bottom{font-size:14px;color:#c4d9e0;min-height:66px}.story-steps{display:flex;gap:19px;font-size:11px;color:#8ba7b2;white-space:nowrap}.story-steps .active{color:#8ce1ef}.batch-story[data-stage=aim] .story-pointer{opacity:1;left:89%;top:88%}.batch-story[data-stage=aim] .generate-ring{opacity:1}.batch-story[data-stage=confirm] .story-shade,.batch-story[data-stage=confirm] .confirm-sample{opacity:1;transform:none}.batch-story[data-stage=confirm] .story-pointer{opacity:1;left:59%;top:57%}.batch-story[data-stage=first] .story-shade,.batch-story[data-stage=second] .story-shade{opacity:1}.batch-story[data-stage=first] .batch-result,.batch-story[data-stage=second] .batch-result{opacity:1;transform:none}.batch-story[data-stage=second] #invoice-one{transform:translateX(-8%) rotateY(-85deg);opacity:0}.batch-story.paused *{transition:none!important}@media(max-width:600px){.story-top,.story-bottom{padding:14px}.story-top strong{font-size:15px}.story-kicker{font-size:8px}.story-top button{font-size:11px;padding:6px 8px}.story-bottom{font-size:11px;display:block}.story-steps{margin-top:8px;gap:16px}.batch-result{inset:2% 10% 2% 17%}.result-top,.page-foot{padding:6px}.confirm-action{margin-top:8px;padding:6px}.confirm-sample h3{margin:6px 0}.confirm-sample p{margin:6px 0}}@media(prefers-reduced-motion:reduce){.batch-story *{transition:none!important}}
.product.wrap{max-width:900px}.story-top{padding:16px 22px}.story-bottom{padding:14px 22px}.confirm-sample,.batch-result{visibility:hidden}.batch-story[data-stage=confirm] .confirm-sample,.batch-story[data-stage=first] .batch-result,.batch-story[data-stage=second] .batch-result{visibility:visible}

.page-stack #invoice-one{z-index:3}.page-stack #invoice-two{z-index:2}.page-stack #invoice-three{z-index:1}.batch-story[data-stage=third] .story-shade{opacity:1}.batch-story[data-stage=third] .batch-result{opacity:1;transform:none;visibility:visible}.batch-story[data-stage=third] #invoice-one,.batch-story[data-stage=third] #invoice-two{transform:translateX(-8%) rotateY(-85deg);opacity:0}
.story-screen{aspect-ratio:1265/830;background:radial-gradient(ellipse at 70% 20%,#effbff,#e1edf3);color:#123746}.walk-scene{position:absolute;inset:0;padding:6% 8%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .65s,transform .65s,visibility .65s}.walk-label{font-size:11px;letter-spacing:2px;font-weight:700;color:#087d96}.walk-scene h3{font-size:clamp(19px,2.6vw,30px);line-height:1.25;margin:12px 0 24px}.walk-scene>p{font-size:14px;color:#526d7a;margin:22px 0 0}.month-card{width:300px;background:#fff;border:1px solid #c3d8e2;border-radius:12px;box-shadow:0 16px 36px #153d4a16;padding:22px;text-align:left}.month-card>span{font-size:10px;letter-spacing:1.4px;color:#67818d}.month-card>strong{display:block;font-size:28px;margin:8px 0 16px}.month-card b{font-weight:400;color:#64808c}.calendar-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-dots i{font-style:normal;font-size:11px;padding:4px;text-align:center;background:#f1f6f9;border-radius:3px}.calendar-dots i:nth-child(7n+2){background:#d7f0f5;color:#00748c}.month-card footer{border-top:1px solid #e0ebef;padding-top:13px;margin-top:15px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.ready-dot{width:7px;height:7px;border-radius:50%;background:#21846c}.customer-cards{width:min(100%,540px);display:grid;gap:10px}.customer-cards>div{display:flex;gap:14px;align-items:center;padding:15px 18px;background:#fff;border:1px solid #cadde6;border-radius:8px;box-shadow:0 4px 10px #183e4d06;transition:transform .7s}.customer-cards section{flex:1;text-align:left}.customer-cards strong{display:block;font-size:15px}.customer-cards small{display:block;font-size:12px;color:#617d89}.customer-cards em{font-style:normal;color:#007c95}.avatar{width:36px;height:36px;background:#e3f3f8;color:#14738b;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.customer-cards b{font-size:18px}.batch-summary{width:min(100%,540px);display:flex;justify-content:space-between;gap:10px;padding:16px 4px;font-size:12px}.batch-summary strong{color:#08765f}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%}.delivery-options>div{background:#fff;border:1px solid #c0d8e2;border-radius:12px;padding:26px 16px;box-shadow:0 12px 30px #153d4a10}.delivery-symbol{display:block;font-size:42px;color:#087d96;margin-bottom:12px}.delivery-options strong{font-size:17px}.delivery-options p{font-size:12px;color:#617d89}.envelopes{display:flex;gap:7px;justify-content:center;margin-top:20px}.envelopes span{font-size:11px;padding:7px;background:#e5f4f8;color:#08748c;border-radius:4px}.batch-story[data-stage=prepare] .month-scene,.batch-story[data-stage=confirm] .prepare-scene,.batch-story[data-stage=send] .send-scene{opacity:1;visibility:visible;transform:none}.batch-result{inset:4% 25%;}.batch-story[data-stage=first] .batch-result,.batch-story[data-stage=second] .batch-result,.batch-story[data-stage=third] .batch-result{visibility:visible}.story-steps button{background:none;border:0;color:#8ba7b2;font:inherit;padding:6px 0;cursor:pointer}.story-steps button.active{color:#8ce1ef}.batch-story[data-stage=send] .envelopes span{animation:envelope-in 1s both}.envelopes span:nth-child(2){animation-delay:.15s!important}.envelopes span:nth-child(3){animation-delay:.3s!important}@keyframes envelope-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.batch-story.paused *{animation-play-state:paused!important}@media(max-width:600px){.story-screen{aspect-ratio:1/1.28}.walk-scene{padding:20px 15px}.walk-scene h3{font-size:20px;margin-bottom:20px}.month-card{width:240px;padding:15px}.walk-scene>p{font-size:12px;margin-top:12px}.customer-cards>div{padding:11px 10px;gap:8px}.customer-cards strong{font-size:13px}.customer-cards small{font-size:10px}.customer-cards em{display:block}.customer-cards b{font-size:15px}.avatar{width:28px;height:28px}.batch-summary{font-size:10px}.delivery-options{gap:10px}.delivery-options>div{padding:20px 10px}.delivery-options strong{font-size:14px;display:block}.delivery-options p{font-size:11px}.envelopes{gap:3px}.envelopes span{font-size:9px;padding:4px}.batch-result{inset:6% 10%}.story-steps{gap:13px}}@media(prefers-reduced-motion:reduce){.batch-story *{animation:none!important;transition:none!important}}