@font-face{font-family:Poppins;src:url('pp-poppins-latin-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('pp-poppins-latin-ext-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0100-02FF,U+20A0-20AB}
@font-face{font-family:Poppins;src:url('pp-poppins-latin-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('pp-poppins-latin-ext-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0100-02FF,U+20A0-20AB}
:root{--brown:#18374B;--cream:#F2F8FA;--ink:#142D3C;--body:#4D6572;--line:#D3E2E8;--paper:#FFFFFF;--screen:#102B3A;--muted-on-dark:#C7DFE8;--radius:12px;font-family:Poppins,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;font-size:14px;line-height:1.6;color-scheme:light;scrollbar-color:#8DAAB8 var(--cream)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible+span{outline:3px solid var(--brown);outline-offset:4px}::selection{background:#BADDE4;color:#142D3C}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:absolute;z-index:10;background:white;padding:12px}.preview-bar{padding:10px 28px;display:flex;gap:20px;align-items:center;justify-content:center;background:#E6F2F5;border-bottom:1px solid var(--line);font-size:12px;color:var(--brown)}.preview-bar strong{font-weight:600}.mode-switch{display:flex;margin:0;padding:3px;border:1px solid #8DAAB8;border-radius:9px;gap:2px}.mode-switch label{position:relative;cursor:pointer}.mode-switch input{position:absolute;opacity:0;width:1px;height:1px}.mode-switch span{display:block;padding:7px 12px;border-radius:6px;font-size:12px;font-weight:600}.mode-switch input:checked+span{background:var(--brown);color:white}.replay{display:flex;align-items:center;gap:6px;border:0;background:none;padding:8px;color:var(--brown);font-size:12px}.replay:hover{text-decoration:underline}.replay svg{width:15px;height:15px}.site-header{max-width:1112px;margin:auto;padding:27px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.site-header img{display:block;width:121px;height:auto}.header-note{font-size:12px;color:var(--body)}.confirmation{max-width:1080px;margin:0 auto;padding:58px 32px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);column-gap:104px;grid-template-areas:'intro printer' 'next printer';align-items:start}.intro{grid-area:intro}.success-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8DAAB8;border-radius:50%;margin-bottom:20px;color:var(--brown)}.success-icon svg{width:25px;height:25px}h1{font-size:clamp(32px,3.3vw,43px);font-weight:600;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}h1 span{color:var(--brown)}.intro-copy{color:var(--body);margin-top:19px;font-size:14px;line-height:1.8}.order-number{margin-top:21px;font-size:12px;color:var(--body)}.order-number strong{color:var(--ink);font-weight:600;display:inline-block;margin-left:7px;white-space:nowrap}.printer{grid-area:printer;width:100%;max-width:390px;justify-self:center}.machine{position:relative;z-index:2;padding:17px 19px 27px;background:linear-gradient(160deg,#406B80,#244D63 72%,#18374B);border-radius:22px;box-shadow:0 16px 26px -19px #102938,inset 0 1px 0 #7395A5,inset 0 -2px 2px #102938}.machine-top{display:flex;align-items:center;justify-content:space-between;margin:0 4px 13px}.machine-brand{font-size:18px;color:#F2FBFF;letter-spacing:-.035em;font-weight:600}.machine-light{width:6px;height:6px;border-radius:50%;background:#9BE3E1}.machine-screen{position:relative;background:var(--screen);padding:17px 18px;border-radius:10px;box-shadow:inset 0 2px 6px #0B1D29;color:var(--muted-on-dark);display:grid;gap:2px}.machine-screen>span:first-child{font-size:12px;letter-spacing:.12em}.machine-screen strong{font-size:28px;letter-spacing:-.02em;font-weight:600;color:#F2FBFF;line-height:1.45;font-variant-numeric:tabular-nums}.screen-method{font-size:12px}.machine-bottom{display:flex;align-items:center;justify-content:space-between;color:#E9F7FC;font-size:12px;padding:13px 5px 0}.machine-bottom svg{width:16px;height:16px}.slot{position:absolute;bottom:10px;left:20px;right:20px;height:8px;border-radius:4px;background:#091E2B;box-shadow:0 1px 1px #7395A5}.paper-output{position:relative;z-index:3;overflow:hidden;padding:0 19px 19px;margin-top:-17px;filter:drop-shadow(0 13px 11px #18374B19)}.paper-output:after{content:'';position:absolute;left:19px;right:19px;top:0;height:10px;background:linear-gradient(#1029384D,transparent);pointer-events:none}.paper-wrap{transform:translateY(0)}.receipt{background:var(--paper);padding:25px 24px 26px;font-family:'Courier New',monospace;font-size:12px;line-height:1.6;color:#18374B;clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),98% 100%,96% calc(100% - 5px),94% 100%,92% calc(100% - 5px),90% 100%,88% calc(100% - 5px),86% 100%,84% calc(100% - 5px),82% 100%,80% calc(100% - 5px),78% 100%,76% calc(100% - 5px),74% 100%,72% calc(100% - 5px),70% 100%,68% calc(100% - 5px),66% 100%,64% calc(100% - 5px),62% 100%,60% calc(100% - 5px),58% 100%,56% calc(100% - 5px),54% 100%,52% calc(100% - 5px),50% 100%,48% calc(100% - 5px),46% 100%,44% calc(100% - 5px),42% 100%,40% calc(100% - 5px),38% 100%,36% calc(100% - 5px),34% 100%,32% calc(100% - 5px),30% 100%,28% calc(100% - 5px),26% 100%,24% calc(100% - 5px),22% 100%,20% calc(100% - 5px),18% 100%,16% calc(100% - 5px),14% 100%,12% calc(100% - 5px),10% 100%,8% calc(100% - 5px),6% 100%,4% calc(100% - 5px),2% 100%,0 calc(100% - 5px))}.receipt-head{text-align:center;padding-bottom:17px;border-bottom:1px dashed #8CA7B4}.receipt-head>strong{font-family:Poppins,sans-serif;font-size:25px;letter-spacing:-.04em;color:var(--brown);font-weight:600}.receipt-head h2{font-size:12px;letter-spacing:.12em;margin:6px 0 2px}.receipt-head>span{font-size:12px}.receipt-items{padding:17px 0 13px;border-bottom:1px dashed #8CA7B4}.receipt-item{display:flex;justify-content:space-between;align-items:start;gap:8px;margin-bottom:13px}.receipt-item strong{white-space:nowrap;font-weight:400}.receipt-item small{display:block;font-size:12px;color:#526B78}.complete-product{font-size:12px;line-height:1.5;max-width:27ch;color:#526B78}.receipt-totals{margin:14px 0 0}.receipt-totals>div{display:flex;justify-content:space-between;gap:6px;margin:4px 0}.receipt-totals dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.receipt-totals .grand-total{margin-top:15px;padding:13px 0;border-top:1px dashed #8CA7B4;border-bottom:1px dashed #8CA7B4;font-size:17px;font-weight:700;line-height:1.4}.receipt-payment{text-align:center;padding:14px 0}.receipt-payment span{font-size:12px;font-weight:700;letter-spacing:.035em}.receipt-payment small{display:block;font-size:12px;margin-top:3px}.receipt-end{text-align:center;border-top:1px dashed #8CA7B4;padding-top:15px}.receipt-end svg{width:17px;height:17px;margin-bottom:3px}.receipt-end p{font-size:12px}.receipt-end small{font-size:12px;color:#526B78}.print-link{display:flex;gap:7px;align-items:center;justify-content:center;margin:0 auto;padding:8px 0;background:none;border:0;color:var(--body);font-size:12px;text-decoration:underline;text-underline-offset:4px}.print-link svg{width:15px;height:15px}.print-link:hover{color:var(--brown)}.next{grid-area:next;margin-top:29px}.payment-notice{display:flex;gap:12px;background:#E6F2F5;border-radius:var(--radius);padding:16px 18px}.payment-notice>svg{margin-top:2px;width:20px;color:var(--brown)}.payment-notice h2{font-size:13px;font-weight:600;color:var(--brown)}.payment-notice p{font-size:13px;color:var(--body);line-height:1.8;margin-top:3px}.next>h2{font-size:15px;letter-spacing:-.02em;font-weight:600;margin:26px 0 18px}.journey{list-style:none;padding:0;margin:0}.journey li{display:flex;gap:14px;position:relative;padding-bottom:20px}.journey li:not(:last-child):before{content:'';position:absolute;left:10px;top:22px;bottom:0;width:1px;background:#B6CDD7}.step-dot{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid #8DAAB8;background:var(--cream);flex-shrink:0}.step-dot svg{width:14px;height:14px}.current .step-dot{background:var(--brown);border-color:var(--brown);color:white}.journey strong{display:block;font-size:13px;font-weight:600}.journey p{font-size:12px;color:var(--body);margin-top:3px}.order-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:3px}.order-details summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;cursor:pointer;list-style:none;padding:14px 0}.order-details summary::-webkit-details-marker{display:none}.order-details summary svg{width:16px;height:16px}.order-details[open] summary svg{transform:rotate(180deg)}.detail-content{display:flex;gap:13px;padding:0 0 16px}.detail-content img{object-fit:cover;border-radius:8px;align-self:start}.detail-content strong{font-size:12px;font-weight:600}.detail-content p,.detail-content span{font-size:12px;color:var(--body);margin-top:4px;display:block}.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:49px;border-radius:var(--radius);background:var(--brown);color:white;text-decoration:none;font-size:12px;font-weight:600;margin-top:20px;transition:background 160ms cubic-bezier(.23,1,.32,1)}.primary-button:hover{background:#244D63}.primary-button:active{background:#102938}.primary-button svg{width:17px;height:17px}.support{text-align:center;color:var(--body);font-size:12px;margin-top:12px}.support a{font-weight:600;color:var(--brown)}footer{max-width:1016px;margin:0 auto;padding:23px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--body)}footer>span{white-space:nowrap}.no-script{padding:16px;text-align:center;font-size:12px}
@media(min-width:1300px){.confirmation{column-gap:120px;padding-top:65px}}
@media(max-width:800px){.confirmation{column-gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,350px);padding:38px 28px}.preview-bar{gap:12px;padding:9px 16px}.preview-note{display:none}.preview-bar>span{font-size:12px}.header-note{font-size:12px}.site-header{margin:0 28px;padding:24px 0}h1{font-size:33px}.intro-copy br{display:none}.receipt{padding:24px 20px}footer{margin:0 28px}}
@media(max-width:650px){.preview-bar{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 20px}.preview-bar>span{font-size:12px}.mode-switch{order:3;width:100%}.mode-switch label{flex:1;text-align:center}.mode-switch span{font-size:12px;padding:7px}.replay{font-size:12px;padding:3px}.site-header{margin:0 22px;padding:20px 0}.site-header img{width:105px}.header-note{max-width:145px;text-align:right;font-size:12px}.confirmation{display:flex;flex-direction:column;padding:28px 22px 35px;gap:0;max-width:470px}.intro{width:100%}.success-icon{width:36px;height:36px;margin-bottom:15px}.success-icon svg{width:22px}h1{font-size:32px;line-height:1.2}.intro-copy{font-size:13px;margin-top:13px;max-width:34ch}.order-number{font-size:12px;margin-top:15px}.order-number strong{margin-left:4px}.printer{margin-top:29px;max-width:360px;align-self:center}.machine{padding:15px 17px 27px}.machine-top{margin-bottom:10px}.machine-brand{font-size:17px}.machine-screen{padding:14px 17px}.machine-screen strong{font-size:26px}.receipt{padding:24px 20px}.next{width:100%;margin-top:25px}.payment-notice{padding:16px}.next>h2{font-size:16px;margin-top:29px}.journey strong{font-size:13px}.journey p{font-size:12px}.journey li{padding-bottom:22px}.order-details summary{font-size:12px;padding:17px 0}.primary-button{font-size:13px;min-height:51px}.support{font-size:12px}footer{display:block;margin:0 22px;padding:20px 0 26px;font-size:12px}footer p{margin-top:7px;max-width:45ch}.detail-content strong{font-size:12px}.detail-content p,.detail-content span{font-size:12px}}
@media(max-width:350px){.confirmation{padding-left:16px;padding-right:16px}.site-header{margin:0 16px}.preview-bar{padding-left:16px;padding-right:16px}h1{font-size:29px}.paper-output{padding-left:16px;padding-right:16px}.paper-output:after{left:16px;right:16px}.receipt{padding-left:15px;padding-right:15px}.receipt-totals .grand-total{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1024px){.print-link{min-height:44px;padding:12px 8px}}
@media print{body{background:white}.preview-bar,.site-header,.intro,.next,.machine,.print-link,footer,.skip{display:none!important}.confirmation{display:block;padding:0;margin:auto;width:340px}.printer{width:340px;margin:0}.paper-output{padding:0;margin:0;overflow:visible;filter:none}.paper-output:after{display:none}.paper-wrap{transform:none!important}.receipt{clip-path:none}.receipt-head>span{font-size:12px}}

[hidden]{display:none!important}.fallback{max-width:600px;min-height:50vh;margin:65px auto;padding:0 24px}.fallback h1{font-size:30px}.fallback>p{margin-top:18px;color:var(--body);font-size:14px}.return-link{display:block;text-align:center;font-size:12px;margin-top:14px;color:var(--brown)}.complete-product{margin-top:14px}.receipt-item strong:empty{display:none}.confirmation{padding-top:48px}.receipt-item>span{overflow-wrap:anywhere}.receipt-item{margin-bottom:16px}

.site-header>a{font-weight:700;font-size:24px;color:var(--brown);text-decoration:none;letter-spacing:.035em}
