.delivery-blueprint[data-astro-cid-yt4jy5wo]{overflow:hidden}.blueprint-key[data-astro-cid-yt4jy5wo]{color:var(--text-body);font-size:var(--type-label);line-height:var(--line-label);flex-wrap:wrap;gap:12px 24px;margin-bottom:28px;display:flex}.blueprint-key[data-astro-cid-yt4jy5wo] span[data-astro-cid-yt4jy5wo]{align-items:center;gap:8px;display:flex}.blueprint-key[data-astro-cid-yt4jy5wo] span[data-astro-cid-yt4jy5wo]:before{content:"";background:#d6d1cb;border-radius:50%;width:8px;height:8px}.blueprint-key[data-astro-cid-yt4jy5wo] span[data-astro-cid-yt4jy5wo]:nth-child(2):before{background:#e9cc79}.blueprint-key[data-astro-cid-yt4jy5wo] span[data-astro-cid-yt4jy5wo]:nth-child(3):before{background:#a8c49b}.blueprint-scroll[data-astro-cid-yt4jy5wo]{overscroll-behavior-x:contain;scrollbar-color:var(--text-accent) #eee;scrollbar-width:thin;background:#f8f8f8;border-radius:12px;overflow-x:auto}.blueprint-scroll[data-astro-cid-yt4jy5wo]:focus-visible{outline:2px solid var(--text-accent);outline-offset:4px}.blueprint-canvas[data-astro-cid-yt4jy5wo]{min-width:1100px;padding:20px 12px}.blueprint-crop[data-astro-cid-yt4jy5wo]{overflow:hidden}.blueprint-crop[data-astro-cid-yt4jy5wo] img[data-astro-cid-yt4jy5wo]{margin:0}@media (width<=767px){.blueprint-canvas[data-astro-cid-yt4jy5wo]{min-width:1000px}.blueprint-key[data-astro-cid-yt4jy5wo]{margin-bottom:20px}}.study-main figure.delivery-showcase{width:min(100%,860px,90svh);box-shadow:none;background:0 0;border:0;margin:45px auto;padding:0}@media (width<=767px){.study-main figure.delivery-showcase{width:100%}}.delivery-showcase{& .presentation{background:linear-gradient(120deg,#fdf8f2,#f2dbca,#ffd2b3);border-radius:24px;padding:32px}& .screen{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #342f351a}& .chrome{background:#fafafa;border-bottom:1px solid #eee;align-items:center;gap:6px;height:28px;padding-left:14px;display:flex}& .chrome i{background:#d6d0ca;border-radius:50%;width:6px;height:6px}& .viewport{aspect-ratio:1.5;background:#fff;position:relative;overflow:hidden}& .slide{background:#fff;position:absolute;inset:0;overflow:hidden}& .sheet{background:#fff;width:100%;position:absolute;inset:0 auto auto 0;container-type:inline-size}& .sheet img{width:100%;height:auto;display:block}& .identity{color:#2c3d49;background:#fff;align-items:center;gap:1cqw;width:21%;height:4.4cqw;font-family:Poppins,sans-serif;font-size:1.15cqw;line-height:1.4;display:flex;position:absolute;top:42.5cqw;left:17.3%}& .identity .avatar{background:#f0f2f3;border-radius:50%;flex-shrink:0;place-items:center;width:3.5cqw;height:3.5cqw;display:grid}& .avatar svg{stroke:#9ca6ae;fill:none;stroke-width:1.5px;width:70%;height:70%}& .identity small{font:inherit;font-size:1cqw;display:block}& .sheet[data-step="0"] .secondary{width:29%;height:4.3cqw;top:21.2cqw;left:45.1%}& .sheet[data-step="2"] .identity{font-family:Poppins,sans-serif;top:20.9cqw}& .protected-contact{color:#ff6d00;background:#fff;align-items:center;width:22%;height:2.7cqw;font-family:Poppins,sans-serif;font-size:1.1cqw;line-height:1.4;display:flex;position:absolute;top:55.9cqw;left:17.3%}& .sheet[data-step="2"] .protected-contact{top:34.4cqw}& .sheet[data-step="2"] .protected-contact.customer-service{color:#2c3d49;width:32%;height:3cqw;font-size:1.4cqw;top:41.2cqw;left:44%}& .sweep{opacity:0;z-index:5;pointer-events:none;background:#ff6d00;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 16px #ff6d0055}& .journey-track{background:#342f3512;border-radius:10px;height:3px;margin:24px 0 0;overflow:hidden}& .journey-track span{background:#e84626;width:0;height:100%;transition:width .72s cubic-bezier(.22,1,.36,1);display:block}& .controls{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}& button{font:inherit;font-size:var(--type-small);color:inherit;cursor:pointer;background:0 0;border:1px solid #342f35;border-radius:999px;padding:10px 20px}& button[aria-current=step]{color:#fff;background:#342f35}& button:focus-visible{outline-offset:4px;outline:3px solid #e84626}& [data-status]{font-size:var(--type-label);line-height:var(--line-label);color:var(--text-muted);margin:16px 0 0}@media (width<=600px){& .presentation{padding:12px}& .controls{gap:8px}& button{padding:8px 14px}}@media (prefers-reduced-motion:reduce){& .journey-track span{transition:none}}& .presentation{background:0 0;border:0;padding:clamp(12px,2.4vw,28px)}& .screen{border:1px solid #342f3510;border-radius:16px;box-shadow:0 10px 30px #342f350a,0 2px 6px #342f3505}& .chrome{background:#fdfcfb;border-bottom-color:#342f3508;height:26px}& .chrome i{background:#d9d4cd}& .controls{gap:10px}& .controls button{transition:background .18s,color .18s,border-color .18s}& .controls button:hover:not(:disabled){color:#fff;background:#342f35}& .controls button:disabled{opacity:.6;cursor:default}& .journey-track{background:#342f350e;height:2px;margin-top:20px}& .presentation{background:0 0;padding:0}& .screen{border-radius:18px;box-shadow:0 14px 36px #342f350a,0 2px 8px #342f3504}& .chrome{height:24px}& .controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:20px;display:grid}& .steps{align-items:stretch;gap:8px;display:flex}& .playback{justify-content:flex-end;gap:8px;display:flex}& .steps button{background:0 0;border-color:#342f3520;flex:1;padding:12px 16px;line-height:1.5}& .steps button[aria-current=step]{color:#fff;background:#342f35;border-color:#342f35}& .playback button{border-color:#342f3520;padding:10px 18px}@media (width<=767px){& .controls{grid-template-columns:1fr;gap:12px}& .steps button{min-height:56px;padding:10px 8px}& .screen{border-radius:12px}}& .controls button{font-size:var(--type-label,14px);min-height:36px;padding:8px 14px;line-height:1.4}& .steps button{flex:0 auto;min-height:36px;padding:8px 14px}& .steps{flex-wrap:wrap}& .playback button{min-height:36px;padding:8px 14px}@media (width<=767px){& .controls{gap:10px}& .steps{gap:6px}& .steps button{min-height:36px;padding:8px 12px}& .playback{justify-content:flex-start}}& .controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}& .steps,& .playback{display:contents}& .controls button{flex:none}& .controls .icon-control{justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:8px;display:inline-flex}& .icon-control svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}& .presentation{grid-template-columns:minmax(0,1fr) minmax(180px,23%);align-items:end;gap:20px 24px;display:grid}& .journey-track{grid-column:1/-1;margin-top:0}& .mobile-screen{color:#2c3d49;background:#fff;border:1px solid #342f3514;border-radius:24px;font-family:Poppins,sans-serif;overflow:hidden;box-shadow:0 14px 36px #342f350a,0 2px 8px #342f3504}& .mobile-header{border-bottom:1px solid #e5e9ec;justify-content:space-between;align-items:center;padding:16px 14px;font-size:12px;display:flex}& .mobile-header>span:first-child{font-weight:500}& .mobile-header>span:first-child>span{color:#aab2b9}& .mobile-header>span:last-child{color:#8a959e;font-size:10px}& .mobile-viewport{background:#fff;height:min(450px,51svh);position:relative;overflow:hidden}& .mobile-slide{background:#fff;position:absolute;inset:0;overflow:hidden}& .mobile-content{padding:20px 16px;font-size:12px;line-height:1.6}& .mobile-content h3{letter-spacing:0;color:#2c3d49;margin:20px 0 12px;font-size:18px;font-weight:500;line-height:1.4}& .mobile-content h4{letter-spacing:0;margin:20px 0 12px;font-size:13px;font-weight:500;line-height:1.5}& .mobile-content p{color:#425260;margin:0 0 16px;font-size:12px;line-height:1.7}& .mobile-progress{align-items:center;gap:4px;display:flex}& .mobile-progress span{color:#b0bbc3;background:#f0f2f4;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;display:grid}& .mobile-progress i{background:#e4e8eb;flex:1;height:1px}& .mobile-specialist{border:1px solid #e5e9ec;border-radius:4px;grid-template-columns:28px 1fr;gap:10px;padding:14px;display:grid}& .mobile-specialist small{color:#677680;font-size:10px;display:block}& .mobile-specialist p,& .mobile-specialist .mobile-contact{grid-column:1/-1;margin:0}& .mobile-avatar{background:#f0f2f4;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}& .mobile-avatar svg{fill:none;stroke:#9ca6ae;stroke-width:1.5px;width:20px}& .mobile-contact{color:#ff6d00;font-size:12px;display:block}& .mobile-faq{border-bottom:1px solid #e5e9ec;padding:12px 0;font-size:12px}& .mobile-plates{border-bottom:1px solid #e5e9ec;padding:10px 0 16px}& .mobile-plates span{color:#2bc078;margin-right:8px}& .mobile-option{border:1px solid #e5e9ec;border-radius:4px;align-items:center;gap:10px;margin:8px 0;padding:14px 12px;display:flex}& .mobile-option i{border:1.5px solid #b5bfc6;border-radius:50%;flex-shrink:0;width:16px;height:16px}& .mobile-actions{flex-direction:column;gap:8px;margin:20px 0;display:flex}& .mobile-actions span{text-align:center;border:1px solid #bdc7ce;border-radius:2px;padding:10px;font-size:11px;display:block}& .mobile-actions .confirm{color:#fff;background:#2bc078;border-color:#2bc078}& .mobile-actions .services{color:#fff;background:#ff6d00;border-color:#ff6d00}& .mobile-celebration{width:90px;margin:20px auto}& .mobile-celebration svg{fill:none;stroke:#2c3d49;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}& .mobile-celebration .orange{stroke:#ff6d00}@media (width<=767px){& .presentation{flex-direction:column;align-items:stretch;gap:20px;display:flex}& .presentation>.screen{display:none}& .mobile-screen{width:min(100%,340px);margin:0 auto}& .mobile-viewport{height:min(480px,60svh)}& .mobile-content{padding:24px;font-size:14px}& .mobile-content p,& .mobile-faq,& .mobile-contact,& .mobile-option,& .mobile-plates{font-size:14px}& .mobile-content h3{font-size:22px}& .mobile-content h4{font-size:16px}& .mobile-header{padding:16px 24px;font-size:16px}& .mobile-header>span:last-child{font-size:12px}& .mobile-actions span{font-size:13px}& .mobile-progress span{width:26px;height:26px;font-size:12px}& .mobile-specialist{font-size:14px}& .mobile-specialist small{font-size:12px}}& .mobile-brand{background:#fff url(/images/delivery-live-status/original-delivered.png) 12.8% .8%/600% no-repeat;width:124px;height:24px;display:block}& .mobile-progress span.done{color:#2bc078;background:#eaf9f1}& .mobile-progress span.active{color:#fff;background:#ff6d00}& .mobile-celebration{background:#fff url(/images/delivery-live-status/original-delivered.png) 55.3% 18.9%/654.5% no-repeat;width:110px;height:110px}& .mobile-faq{justify-content:space-between;align-items:center;gap:12px;display:flex}& .mobile-faq svg{fill:none;stroke:#425260;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}& .mobile-stepper{background:#fcfdfd;border:1px solid #e5e9ec;border-radius:6px;margin-bottom:20px;padding:12px}& .mobile-step-heading{color:#677680;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}& .mobile-current-step{color:#2c3d49;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}& .mobile-current-step>span{color:#fff;background:#ff6d00;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;display:grid}& .mobile-content .mobile-next-step{color:#677680;margin:8px 0 0 30px;font-size:10px;line-height:1.5}& .mobile-stepper details{margin-top:12px}& .mobile-stepper summary{color:#425260;cursor:pointer;min-height:28px;padding:4px 0;font-size:10px}& .mobile-stepper summary:focus-visible{outline-offset:3px;outline:2px solid #ff6d00}& .mobile-stepper ol{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}& .mobile-stepper li{color:#677680;align-items:center;gap:8px;font-size:11px;display:flex}& .mobile-stepper li>span{background:#f0f2f4;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:grid}& .mobile-stepper li.complete>span{color:#2bc078;background:#eaf9f1}& .mobile-stepper li.current{color:#2c3d49;font-weight:500}& .mobile-stepper li.current>span{color:#fff;background:#ff6d00}@media (width<=767px){& .mobile-stepper{padding:16px}& .mobile-step-heading,& .mobile-content .mobile-next-step,& .mobile-stepper summary{font-size:12px}& .mobile-current-step,& .mobile-stepper li{font-size:14px}& .mobile-current-step>span{width:26px;height:26px;font-size:12px}& .mobile-content .mobile-next-step{margin-left:34px}& .mobile-stepper summary{min-height:36px;padding:8px 0}& .mobile-stepper li>span{width:24px;height:24px;font-size:12px}}& .presentation{display:block}& .mobile-screen{display:none}& .presentation>.screen{display:block}& .journey-track{margin-top:20px}@media (width<=767px){& .presentation>.screen{display:none}& .mobile-screen{display:block}}& .mobile-step-count{color:#677680;margin-bottom:20px;font-size:12px;line-height:1.6}@media (width<=767px){& .mobile-step-count{font-size:14px}}& .sheet img{cursor:default;border-radius:0}}
