.wp-calc{--ink: #0e1b24;--muted: #5b6b76;--paper: #eff3f5;--card: #ffffff;--line: #d7dee2;--navy: #0b2337;--navy-2: #123049;--teal: #0c9c93;--teal-dark: #087971;--amber: #e8a23d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh;padding:40px 20px 64px;box-sizing:border-box}.wp-calc *,.wp-calc *:before,.wp-calc *:after{box-sizing:border-box}.wp-calc input[type=number]{font-family:IBM Plex Mono,monospace}.wp-shell{max-width:1080px;margin:0 auto}.wp-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding-bottom:20px}.wp-brand{display:flex;align-items:center;gap:10px}.wp-mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--navy));display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;color:#fff;font-size:15px}.wp-brand-text{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px;letter-spacing:.01em}.wp-brand-text small{display:block;font-family:Inter,sans-serif;font-weight:400;color:var(--muted);font-size:12px}.wp-h1{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;margin:0;letter-spacing:-.01em}.wp-sub{color:var(--muted);font-size:14px;margin-top:4px;max-width:460px}.wp-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}@media (max-width: 880px){.wp-grid{grid-template-columns:1fr}}.wp-section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px}.wp-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.wp-step-no{font-family:IBM Plex Mono,monospace;color:var(--teal-dark);font-size:13px;font-weight:600}.wp-section-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.wp-section-hint{color:var(--muted);font-size:13px;margin:-8px 0 16px}.size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media (max-width: 700px){.size-grid{grid-template-columns:repeat(2,1fr)}}.size-card{border:1.5px solid var(--line);border-radius:10px;padding:12px 10px;text-align:left;background:#fbfcfd;cursor:pointer;transition:all .15s ease}.size-card:hover{border-color:var(--teal)}.size-card.active{border-color:var(--teal);background:#ecf8f6;box-shadow:0 0 0 1px var(--teal)}.size-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13.5px;display:block;margin-bottom:6px}.size-price{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--navy-2);display:block;margin-bottom:8px}.size-included{font-size:11px;color:var(--muted);line-height:1.6}.stepper-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px dashed var(--line);gap:12px;flex-wrap:wrap}.stepper-row:last-child{border-bottom:none}.stepper-label{display:flex;flex-direction:column}.stepper-name{font-size:13.5px;font-weight:500}.stepper-rate{font-size:12px;color:var(--muted);font-family:IBM Plex Mono,monospace;margin-top:2px}.stepper-control{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stepper-control button{width:30px;height:32px;border:none;background:#f2f5f6;color:var(--navy-2);font-size:16px;cursor:pointer}.stepper-control button:hover{background:#e4ecee}.stepper-control input{width:70px;text-align:center;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);height:32px;font-size:13.5px;color:var(--ink);background:#fff}.stepper-control input:focus{outline:2px solid var(--teal);outline-offset:-2px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:500;color:var(--navy-2);margin-bottom:6px}.field input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;background:#fbfcfd}.field input:focus{outline:2px solid var(--teal);outline-offset:-1px;border-color:var(--teal)}.field-error{color:#c0402f;font-size:11.5px;margin-top:4px}.qty-input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:IBM Plex Mono,monospace;background:#fbfcfd}.qty-input:focus{outline:2px solid var(--teal);outline-offset:-1px;border-color:var(--teal)}.qty-input[aria-invalid=true]{border-color:#c0402f}.slip-wrap{position:sticky;top:20px}.slip{background:var(--navy);color:#eaf1f2;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -18px #0b23378c}.slip-top{padding:22px 24px 18px}.slip-kicker{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7fd8cf}.slip-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;margin:4px 0 2px}.slip-id{font-family:IBM Plex Mono,monospace;font-size:11px;color:#9fb4be}.slip-lines{padding:4px 24px 18px}.slip-line{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:#c9d8dc;border-bottom:1px solid rgba(255,255,255,.08)}.slip-line span:last-child{font-family:IBM Plex Mono,monospace;color:#eaf1f2}.perforation{position:relative;height:0;border-top:2px dashed rgba(255,255,255,.25);margin:6px 0 0}.perforation:before,.perforation:after{content:"";position:absolute;top:-9px;width:18px;height:18px;background:var(--paper);border-radius:50%}.perforation:before{left:-33px}.perforation:after{right:-33px}.slip-total{padding:20px 24px}.slip-total-label{font-size:12px;color:#9fb4be;text-transform:uppercase;letter-spacing:.06em}.slip-total-value{font-family:IBM Plex Mono,monospace;font-size:34px;font-weight:600;color:#fff;letter-spacing:-.01em;margin-top:4px;font-variant-numeric:tabular-nums}.slip-validity{padding:0 24px 20px;font-size:11px;color:#7e93a0;line-height:1.5}.slip-form{background:#0e2a41;padding:20px 24px 24px}.slip-form .field label{color:#afc4cc}.slip-form .field input{background:#ffffff0f;border-color:#ffffff29;color:#fff}.slip-form .field input::placeholder{color:#6e8794}.slip-form .field input:focus{border-color:var(--teal)}.cta{width:100%;padding:13px 16px;border:none;border-radius:9px;margin-top:6px;background:var(--amber);color:#241505;font-weight:600;font-size:14px;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:transform .1s ease,background .15s ease}.cta:hover{background:#f0ae52}.cta:active{transform:scale(.99)}.cta:disabled{opacity:.7;cursor:default}.success-note{margin-top:12px;font-size:12.5px;color:#7fd8cf}