*{box-sizing:border-box}[hidden]{display:none!important}:root{--n:#082c45;--cream:#f7f0e4;--sky:#acddf3;--line:#d8deda;--red:#a63828}body{margin:0;background:var(--cream);color:var(--n);font:16px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{padding:22px 20px 16px;border-bottom:1px solid #082c451a;max-width:760px;margin:auto}.brand{font-size:32px;letter-spacing:-1.5px;font-weight:400;display:flex;align-items:center;gap:16px}.brand span{font-size:10px;letter-spacing:1.5px;font-weight:700;max-width:70px}.demo{font-size:10px;letter-spacing:1px;margin:12px 0 0;font-weight:700}main{max-width:620px;margin:auto;padding:20px 16px 32px}nav{display:flex;background:#fff9;gap:6px;padding:5px;border-radius:14px}nav button{flex:1;border:0;background:transparent;font-weight:650;border-radius:10px;min-height:45px;color:var(--n)}nav .active{background:var(--n);color:white}nav span{font-size:11px;background:var(--sky);color:var(--n);padding:2px 6px;border-radius:20px}h1{font-size:clamp(30px,7vw,44px);line-height:1.08;letter-spacing:-1.3px;margin:10px 0 16px;font-weight:700}.heading{padding:28px 5px 14px}.heading p{max-width:430px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750}.segmented{display:flex;gap:8px;margin:8px 0 20px}.segmented button{flex:1;padding:12px 8px;border:1px solid #082c4535;border-radius:28px;background:transparent;color:var(--n);font-weight:600}.segmented .selected{background:var(--sky);border-color:var(--sky)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #367b9c;outline-offset:3px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.6}.card{border:1px solid #082c4514;background:#fffaf5;padding:22px 20px;border-radius:19px;margin:16px 0}h2{font-size:20px;margin:0 0 20px;letter-spacing:-.4px;display:flex;align-items:center;gap:10px}h2 span{display:inline-grid;place-items:center;background:var(--sky);width:28px;height:28px;border-radius:50%;font-size:14px}label{display:block;font-size:13px;font-weight:650;margin:17px 0 7px}input,select{display:block;width:100%;border:1px solid #bfcbd1;background:white;border-radius:10px;padding:12px;color:var(--n);min-height:48px}select{padding-right:8px}input::placeholder{color:#657782;opacity:1}.optional{font-weight:400;color:#526978}.hint{font-size:12px;color:#526978;line-height:1.55;margin:12px 0 0}.line{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.line:last-child{margin-bottom:0}.lineHead{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.remove{border:0;background:none;color:var(--red);font-size:12px;min-height:32px;padding:4px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.productHint{font-size:12px;font-weight:600;margin:7px 0 0}.secondary,.primary{padding:12px 18px;border-radius:11px;font-weight:650;border:1px solid var(--n)}.secondary{background:transparent;color:var(--n)}.primary{background:var(--n);color:white}.full{width:100%}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.total strong{font-size:27px;letter-spacing:-.8px}.submitbar{padding:8px 4px 20px}.submitbar p{font-size:12px;color:#526978}.error{background:#fff1eb;color:#8c2718;border:1px solid #cf9489;padding:14px;border-radius:12px}.success{padding:18px;background:#deeee1;border:1px solid #8baa93;border-radius:13px;margin:16px 0}.success strong{display:block}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.metrics div{background:var(--sky);border-radius:13px;padding:15px;font-size:12px}.metrics strong{display:block;font-size:25px}.record{background:#fffaf5;padding:20px;border:1px solid #082c4514;border-radius:17px;margin:15px 0}.record h3{font-size:18px;margin:0 0 5px}.record .meta{font-size:11px;color:#526978;overflow-wrap:anywhere}.record ul{padding-left:20px;font-size:14px}.record .warning{padding:8px 10px;background:#f9e8c5;font-size:12px;border-radius:8px}.record .ok{font-size:12px;color:#385f47}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.actions button{font-size:12px;padding:8px 12px;min-height:38px}.record details{font-size:12px;margin-top:15px}.cancelled{opacity:.65}footer{padding:32px 5px 0;margin-top:24px;font-size:12px;color:#526978}footer a{color:var(--n)}dialog{max-width:450px;width:calc(100% - 32px);border:1px solid #a6b7bc;border-radius:20px;padding:26px;background:var(--cream);color:var(--n)}dialog::backdrop{background:#082c4577}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#storageNotice{padding:12px;background:#f9e8c5;border-radius:10px;margin-top:15px;font-size:12px}

.brand img{display:block;width:210px;max-width:70%;height:auto;mix-blend-mode:multiply}.brand{gap:18px}

.baseLabel{font-size:13px;margin:10px 0 0;color:#526978}.discountBox{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:end}.discountHint{grid-column:1/-1;font-size:13px;font-weight:650;margin:2px 0 0;color:#385f47}.discountHint.invalid{color:#a63828}.restore{background:transparent;border:0;color:#082c45;text-decoration:underline;font-size:12px;text-align:left;padding:8px 4px}.discountBox label{margin-top:12px}

.globalDiscount{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.globalToggle{display:flex;align-items:center;gap:12px;font-size:15px;margin:0}.globalToggle input{width:22px;height:22px;min-height:22px;accent-color:var(--n);flex:none}.globalSummary{font-size:13px;color:#526978;margin:20px 0 0}.globalLocked input[readonly]{background:#edf2f3;color:#315165}.globalLocked .restore{opacity:.45}.globalBadge{display:inline-block;border-radius:9px;background:var(--sky);padding:8px 12px;font-size:13px;font-weight:650}#globalHint.invalid{color:var(--red)}

#billingDetails{margin-top:18px}summary{cursor:pointer;font-weight:650;font-size:14px}.invoiceBox{background:#e7f3f7;padding:16px;border-radius:12px;margin-top:18px}.invoiceBox h4{margin:0 0 8px}.invoiceBox p{font-size:12px;margin:6px 0}.invoiceBox button{margin-top:8px}.invoiceBox .secondary{background:white}.documentFrozen{font-size:12px;color:#526978}.actions button:disabled{opacity:.45;cursor:default}#invoiceNotice:empty{display:none}

.loginPanel,.sessionBar{max-width:620px;margin:24px auto;padding:20px 16px}.loginPanel h1{font-size:36px}.loginPanel form{display:grid;gap:12px;background:white;padding:24px;border-radius:16px}.loginPanel input,.loginPanel select{width:100%}.sessionBar{background:#dff0f8;border-radius:12px}.sessionBar>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sessionBar p{font-size:12px;margin-bottom:0}.loginPanel code{font-size:13px}