.invoice-page{--inv-muted:color-mix(in srgb,var(--ink,#734943) 88%,var(--cream,#F5EEE0));--inv-line:var(--line,color-mix(in srgb,var(--ink,#734943) 22%,var(--cream,#F5EEE0)));--inv-paper:color-mix(in srgb,var(--cream,#F5EEE0) 72%,white);--inv-soft-green:color-mix(in srgb,var(--light-green,#C3CFA6) 38%,var(--cream,#F5EEE0));--inv-soft-peach:color-mix(in srgb,var(--peach,#FFBF97) 32%,var(--cream,#F5EEE0));font-family:var(--font-body,'Anuphan','Poppins',sans-serif);max-width:1180px;margin:0 auto;padding:78px 32px 100px;color:var(--ink,#734943)}
.inv-page-intro{padding-bottom:46px}.inv-intro-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.inv-overline,.inv-step-kicker{font-size:11px;font-weight:700;letter-spacing:1.8px}.inv-demo-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--inv-line);border-radius:99px;padding:7px 11px;font-size:10px;letter-spacing:.65px;background:var(--yellow,#FFF7AE)}.inv-page-intro h1{font-size:clamp(37px,4.4vw,64px);line-height:1.18;font-weight:600;letter-spacing:-2.8px;margin:0 0 19px}.inv-page-intro h1 em{font-style:normal;color:var(--sage,#7CA27D)}.inv-page-intro>p{font-size:15px;color:var(--inv-muted);margin:0;line-height:1.8}
.inv-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.inv-form-column{min-width:0}.inv-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0 0 26px;list-style:none;border-bottom:1px solid var(--inv-line)}.inv-progress li{display:flex;align-items:center;gap:8px;padding:14px 0 19px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--inv-muted)}.inv-progress li>span{width:24px;height:24px;display:grid;place-items:center;flex:none;border:1px solid var(--inv-line);border-radius:50%;font-size:9px;font-weight:600}.inv-progress li>strong{font-size:12px;font-weight:500}.inv-progress li.is-current{color:var(--deep,#734943);border-bottom-color:var(--deep,#734943)}.inv-progress li.is-current>span,.inv-progress li.is-complete>span{background:var(--deep,#734943);color:var(--cream,#F5EEE0);border-color:var(--deep,#734943)}.inv-progress li.is-complete{color:var(--deep,#734943)}
.inv-form-panel{background:var(--inv-paper);border:1px solid var(--inv-line);padding:34px;border-radius:4px;scroll-margin-top:105px}.inv-panel-heading{margin-bottom:30px}.inv-step-kicker{color:var(--sage,#7CA27D);display:block;margin-bottom:14px;font-size:10px;letter-spacing:1.2px}.inv-panel-heading h2{font-size:25px;font-weight:600;letter-spacing:-.6px;margin:0 0 10px;line-height:1.4}.inv-panel-heading p{font-size:13px;color:var(--inv-muted);line-height:1.8;margin:0}.inv-channel-field{border:0;padding:0;margin:0 0 24px;min-width:0}.inv-channel-field legend,.inv-field>label,.inv-field-label{font-size:12px;font-weight:600;margin:0 0 9px;display:block}.inv-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.inv-channel{position:relative;cursor:pointer}.inv-channel input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;z-index:1}.inv-channel>span{display:flex;min-height:90px;flex-direction:column;justify-content:space-between;border:1px solid var(--inv-line);border-radius:3px;background:var(--inv-paper);padding:12px;transition:background .18s,border-color .18s}.inv-channel small{font-size:9px;color:var(--inv-muted)}.inv-channel strong{font-size:12px;white-space:nowrap;font-weight:500}.inv-channel input:checked+span{background:var(--inv-soft-green);border-color:var(--sage,#7CA27D)}.inv-radio-mark{position:absolute;right:10px;top:12px;width:10px;height:10px;border:1px solid var(--inv-line);border-radius:50%}.inv-channel input:checked+span .inv-radio-mark{background:var(--deep,#734943);border-color:var(--deep,#734943);box-shadow:inset 0 0 0 2px var(--inv-soft-green)}.inv-channel input:focus-visible+span{outline:2px solid var(--deep,#734943);outline-offset:3px}
.inv-field{margin:0 0 22px;min-width:0}.inv-field input,.inv-field select,.inv-field textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--inv-line);border-radius:3px;background:var(--inv-paper);padding:13px 14px;color:var(--ink,#734943);font:inherit;font-size:13px;line-height:1.5;transition:border-color .15s,background .15s}.inv-field input::placeholder,.inv-field textarea::placeholder{color:var(--inv-muted)}.inv-field input:focus,.inv-field select:focus,.inv-field textarea:focus{border-color:var(--sage,#7CA27D);background:var(--inv-paper);outline:2px solid var(--inv-line);outline-offset:1px}.inv-field textarea{resize:vertical;min-height:113px}.inv-field input[type=date]{min-height:48px}.inv-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inv-money-input{position:relative}.inv-money-input>span{position:absolute;top:13px;left:15px;color:var(--inv-muted);font-size:14px}.inv-money-input input{padding-left:35px}.inv-field-hint{display:block;font-size:10px;color:var(--inv-muted);margin-top:7px;line-height:1.7}.inv-field-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.inv-field-label>span{font-size:9px;color:var(--inv-muted);font-weight:400}.inv-error{display:block;color:var(--deep,#734943);font-size:11px;line-height:1.6;margin-top:7px}.inv-field.is-invalid input,.inv-field.is-invalid select,.inv-field.is-invalid textarea,.inv-dropzone.is-invalid{border-color:var(--deep,#734943)}
.inv-dropzone{position:relative;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;min-height:168px;flex-direction:column;border:1px dashed var(--inv-line);border-radius:3px;padding:24px 12px;text-align:center;background:var(--inv-soft-green);cursor:pointer;transition:background .18s,border-color .18s}.inv-dropzone:hover,.inv-dropzone.is-dragging{background:var(--inv-soft-green);border-color:var(--deep,#734943)}.inv-dropzone:focus-visible{outline:2px solid var(--deep,#734943);outline-offset:3px}.inv-upload-symbol{font-size:23px;font-weight:300;margin-bottom:8px;line-height:1}.inv-dropzone strong{font-size:12px;font-weight:500}.inv-dropzone>span:last-of-type{font-size:10px;color:var(--inv-muted);margin-top:7px;line-height:1.7}.inv-dropzone input{position:absolute!important;inset:0;width:100%;height:100%;padding:0!important;opacity:0;cursor:pointer}.inv-upload-selected{display:flex;align-items:center;gap:16px;padding:15px;background:var(--inv-soft-green);border:1px solid var(--inv-line);border-radius:3px}.inv-upload-selected img{width:72px;height:88px;object-fit:cover;background:var(--inv-paper);border:1px solid var(--inv-line)}.inv-upload-selected>div{min-width:0}.inv-upload-selected strong,.inv-upload-selected span{display:block;font-size:11px;overflow-wrap:anywhere}.inv-upload-selected span{color:var(--inv-muted);font-size:10px;margin-top:4px}.inv-upload-selected button{font-size:10px!important;margin-top:9px}
.inv-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:29px;padding-top:24px;border-top:1px solid var(--inv-line)}.inv-form-actions>span{font-size:10px;color:var(--inv-muted);line-height:1.7;max-width:180px}.inv-next{display:inline-flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;min-height:45px;padding:12px 20px;border-radius:3px;font-size:12px;font-family:inherit;cursor:pointer}.inv-next>span{font-size:16px}.inv-text-button{font:inherit;font-size:12px;color:var(--deep,#734943);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.inv-text-button:hover{text-decoration:underline}.inv-back{flex:none}.inv-demo-footnote{font-size:10px;text-align:center;color:var(--inv-muted);line-height:1.8;margin-top:17px}
.inv-summary{position:sticky;top:110px;margin-top:0;background:var(--light-green,#C3CFA6);border:1px solid var(--inv-line);border-radius:4px;padding:28px}.inv-summary-head{display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1.3px;line-height:1.7}.inv-summary-head>span:last-child{font-size:18px;line-height:1}.inv-summary h3{font-size:32px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin:35px 0}.inv-summary dl{font-size:11px;margin:0}.inv-summary dl>div{display:flex;gap:15px;justify-content:space-between;margin:13px 0;line-height:1.7}.inv-summary dt{color:var(--inv-muted);flex:none}.inv-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.inv-summary-divider{height:1px;background:var(--inv-line);margin:26px 0}.inv-help-row{display:flex;align-items:center;gap:14px}.inv-help-number{font-size:30px;letter-spacing:-2px;white-space:nowrap}.inv-help-row p{font-size:10px;line-height:1.8;margin:0}.inv-help-row small{font-size:9px;color:var(--inv-muted)}.inv-summary-note{margin:28px 0 0;color:var(--inv-muted);font-size:11px;line-height:1.9}
.inv-review{margin:0 0 24px}.inv-review>div{display:grid;grid-template-columns:37% minmax(0,1fr);gap:15px;padding:13px 0;border-bottom:1px solid var(--inv-line);font-size:12px;line-height:1.7}.inv-review dt{color:var(--inv-muted)}.inv-review dd{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-weight:500}.inv-review-receipt{display:flex;align-items:center;gap:15px;padding:13px;background:var(--inv-soft-green);border-radius:3px}.inv-review-receipt img{width:42px;height:52px;object-fit:cover;background:var(--inv-paper)}.inv-review-receipt>div{flex:1;min-width:0}.inv-review-receipt>div>span{display:block;font-size:9px;color:var(--inv-muted);margin-bottom:4px}.inv-review-receipt strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.inv-review-receipt>span{font-size:16px;color:var(--sage,#7CA27D)}.inv-inline-notice{display:flex;align-items:flex-start;gap:10px;padding:18px 0 0}.inv-inline-notice>span{color:var(--sage,#7CA27D);font-size:18px;line-height:1.2}.inv-inline-notice p{margin:0;font-size:10px;line-height:1.9;color:var(--inv-muted)}
.inv-success{text-align:center;padding:30px 4px}.inv-success-icon{height:64px;width:64px;margin:0 auto 28px;display:grid;place-items:center;background:var(--light-green,#C3CFA6);color:var(--deep,#734943);border-radius:50%;font-size:25px}.inv-success h2{font-size:40px;line-height:1.3;font-weight:500;letter-spacing:-1.2px;margin:18px 0}.inv-success>p{font-size:13px;color:var(--inv-muted);line-height:1.8}.inv-success-demo{padding:20px;background:var(--inv-soft-green);margin:27px 0}.inv-success-demo strong,.inv-success-demo span{display:block;font-size:12px;line-height:1.8}.inv-success-demo span{font-size:10px;color:var(--inv-muted);margin-top:5px}.inv-success>.btn{display:inline-flex;gap:30px;padding:13px 25px;font:inherit;font-size:12px;cursor:pointer;border-radius:3px}.inv-success>a{display:block;margin-top:22px}
@media(max-width:960px){.inv-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.inv-form-panel{padding:26px}.inv-summary{padding:22px}.inv-summary h3{font-size:28px}.inv-help-number{font-size:26px}.inv-progress li>strong{font-size:10px}}
@media(max-width:760px){.invoice-page{padding:44px 20px 68px}.inv-page-intro{padding-bottom:28px}.inv-intro-top{margin-bottom:24px;align-items:flex-start}.inv-overline{font-size:9px;letter-spacing:1.1px}.inv-demo-chip{font-size:8px;padding:5px 9px;white-space:nowrap}.inv-page-intro h1{font-size:42px;letter-spacing:-1.7px}.inv-page-intro>p{font-size:12px}.inv-workspace{grid-template-columns:1fr;gap:24px}.inv-summary{position:static;display:none}.inv-progress{margin-bottom:20px}.inv-progress li{padding:12px 0 15px;gap:7px}.inv-progress li>strong{font-size:10px}.inv-progress li>span{width:22px;height:22px;font-size:9px}.inv-form-panel{padding:25px 20px;scroll-margin-top:85px}.inv-panel-heading h2{font-size:22px}.inv-panel-heading p{font-size:11px}.inv-panel-heading{margin-bottom:24px}.inv-channels{gap:6px}.inv-channel>span{padding:9px;min-height:78px}.inv-channel small{font-size:8px}.inv-channel strong{font-size:10px}.inv-radio-mark{right:8px;top:10px;width:8px;height:8px}.inv-field-row{gap:10px}.inv-field{margin-bottom:19px}.inv-field input,.inv-field select,.inv-field textarea{font-size:13px;padding:12px;min-height:45px}.inv-field select{font-size:12px}.inv-field>label,.inv-field-label,.inv-channel-field legend{font-size:11px}.inv-money-input>span{left:12px;top:12px}.inv-money-input input{padding-left:31px}.inv-form-actions{gap:10px}.inv-form-actions>span{font-size:9px;max-width:132px}.inv-next{padding:12px 15px;gap:17px;font-size:11px}.inv-text-button{font-size:11px}.inv-dropzone{padding:20px 10px;min-height:152px}.inv-dropzone strong{font-size:11px}.inv-dropzone>span:last-of-type{font-size:9px}.inv-review>div{font-size:11px;grid-template-columns:36% minmax(0,1fr);gap:12px}.inv-success h2{font-size:34px}.inv-success>p{font-size:11px}.inv-demo-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){.invoice-page *{scroll-behavior:auto!important;transition:none!important}}

/* Lamunn Deck 03: warm paper, brown type, and a quiet postal-stamp summary. */
.invoice-page h1,.invoice-page h2,.invoice-page .inv-summary h3{font-family:var(--font-display,'Than','Nave','Bodoni Moda','Noto Serif Thai',serif);font-weight:500}
.invoice-page:lang(en){font-family:'Poppins',sans-serif}
.invoice-page:lang(en) h1,.invoice-page:lang(en) h2,.invoice-page:lang(en) .inv-summary h3{font-family:var(--font-english-display,'Nave','Bodoni Moda',serif)}
.inv-page-intro h1{letter-spacing:-.04em;line-height:1.38}
.inv-page-intro h1 em{color:var(--ink,#734943);background:linear-gradient(transparent 72%,var(--pink,#FFD2DA) 72%,var(--pink,#FFD2DA) 94%,transparent 94%)}
.inv-overline,.inv-step-kicker{color:var(--ink,#734943)}
.inv-demo-chip{background:var(--yellow,#FFF7AE);color:var(--ink,#734943);border-color:var(--inv-line)}
.inv-progress li.is-current{color:var(--ink,#734943);border-bottom-color:var(--sage,#7CA27D)}
.inv-progress li.is-current>span,.inv-progress li.is-complete>span{color:var(--ink,#734943);background:var(--light-green,#C3CFA6);border-color:var(--sage,#7CA27D)}
.inv-form-panel{background:var(--inv-paper);border-color:var(--inv-line);border-radius:6px}
.inv-channel input:checked+span{background:var(--inv-soft-green);border-color:var(--sage,#7CA27D)}
.inv-channel input:checked+span .inv-radio-mark{background:var(--sage,#7CA27D);border-color:var(--sage,#7CA27D);box-shadow:inset 0 0 0 2px var(--inv-soft-green)}
.inv-field input:focus,.inv-field select:focus,.inv-field textarea:focus{outline-color:var(--light-green,#C3CFA6)}
.inv-field.is-invalid input,.inv-field.is-invalid select,.inv-field.is-invalid textarea,.inv-dropzone.is-invalid{background:var(--inv-soft-peach)}
.inv-error{font-weight:600;color:var(--ink,#734943)}
.inv-dropzone{background:var(--inv-soft-green);border-color:var(--sage,#7CA27D)}
.inv-dropzone:hover,.inv-dropzone.is-dragging{background:var(--light-green,#C3CFA6)}
.inv-summary{background:var(--light-green,#C3CFA6);color:var(--ink,#734943);border-color:var(--inv-line);border-radius:2px}
.inv-summary::before,.inv-summary::after{content:'';position:absolute;left:8px;right:8px;height:12px;pointer-events:none;background-repeat:repeat-x;background-size:16px 12px}
.inv-summary::before{top:-6px;background-image:radial-gradient(circle at 8px 0,var(--cream,#F5EEE0) 4px,transparent 4.5px)}
.inv-summary::after{bottom:-6px;background-image:radial-gradient(circle at 8px 12px,var(--cream,#F5EEE0) 4px,transparent 4.5px)}
.inv-summary dt,.inv-help-row small,.inv-summary-note{color:var(--ink,#734943)}
.inv-summary-divider{background:color-mix(in srgb,var(--ink,#734943) 25%,transparent)}
.inv-success-icon{background:var(--yellow,#FFF7AE);color:var(--ink,#734943)}
.inv-success-demo{background:var(--inv-soft-peach);border-radius:4px}
@media(max-width:760px){.inv-page-intro h1{letter-spacing:-.03em;line-height:1.4}.inv-panel-heading h2{line-height:1.5}}