.invoice-demo{max-width:1280px;margin:90px auto;padding:0 32px;scroll-margin-top:110px}.invoice-demo-heading{max-width:680px}.invoice-demo-heading h2{letter-spacing:-.055em;margin:16px 0;font-size:clamp(30px,4vw,48px);line-height:1.12}.invoice-demo-heading>p:last-child{color:#74806b;line-height:1.7}.invoice-demo-steps{color:#59674d;flex-wrap:wrap;gap:32px;margin:30px 0;padding:0;font-size:13px;list-style:none;display:flex}.invoice-demo-steps span{color:#859278;margin-right:9px;font-size:11px}.invoice-demo-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:32px;display:grid}.invoice-demo-sidebar{min-width:0}.invoice-demo-list{scrollbar-width:thin;overscroll-behavior:contain;grid-template-columns:1fr 1fr;gap:12px;max-height:430px;padding:4px 10px 4px 4px;display:grid;overflow-y:auto}.invoice-demo-list button{text-align:left;cursor:pointer;background:#fffefa;border:1px solid #dce3d4;border-radius:12px;min-width:0;padding:8px}.invoice-demo-list button[aria-pressed=true]{background:#f0f4e9;border-color:#5b754a;box-shadow:0 0 0 1px #5b754a}.invoice-demo-list strong,.invoice-demo-list small{padding:6px 3px 0;display:block}.invoice-demo-list strong{font-size:13px;font-weight:600}.invoice-demo-list small{color:#77846b;padding-top:3px;font-size:10px}.invoice-demo button:focus-visible,.invoice-demo a:focus-visible{outline-offset:3px;outline:2px solid #688452}.invoice-demo-brand{background:#fffefa;border:1px solid #dce3d4;border-radius:14px;min-width:0;margin:25px 0 0;padding:20px}.invoice-demo-brand legend{padding:0 8px;font-size:17px}.invoice-demo-brand label{color:#59674d;font-size:12px;display:block}.invoice-demo-brand input:not([type=color]):not([type=file]):not([type=checkbox]):not([type=range]){color:#33442f;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #d6dfcd;border-radius:8px;margin:8px 0 18px;padding:10px;font-size:14px}.invoice-demo-brand .invoice-demo-color{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.invoice-demo-color input{background:#fff;border:1px solid #dce3d4;border-radius:8px;width:44px;height:44px;padding:4px}.invoice-demo-color span{font-size:11px}.invoice-demo-brand button,.invoice-demo-preview-heading button,.invoice-demo-zoom-toolbar button{color:#405534;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #cad6be;border-radius:9px;padding:10px 12px;font-size:12px}.invoice-demo-brand .invoice-demo-reset{width:100%;margin-top:16px}.invoice-demo-brand details{color:#6b7861;border-top:1px solid #e2e7db;margin-top:20px;padding-top:16px;font-size:12px;line-height:1.7}.invoice-demo-brand summary{cursor:pointer}.invoice-demo-brand details p{padding-top:10px}.invoice-demo-brand .invoice-demo-error{color:#a03732;margin-top:12px;font-size:12px}.invoice-demo-stage{background:#eef1e9;border:1px solid #dce3d4;border-radius:18px;min-width:0;padding:24px}.invoice-demo-preview-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.invoice-demo-preview-heading h3{letter-spacing:-.03em;margin:0 0 5px;font-size:20px}.invoice-demo-preview-heading p{color:#718167;font-size:11px}.invoice-demo-preview-heading button{background:#fffefa;flex-shrink:0}.invoice-demo-paper{background:#fff;max-width:650px;min-height:300px;margin:auto;box-shadow:0 12px 30px #25351c0c}.invoice-demo-caption{text-align:center;color:#78856e;padding:16px 0;font-size:10px}.invoice-demo-next{border-top:1px solid #d5decd;padding-top:18px}.invoice-demo-next label{align-items:center;gap:10px;font-size:13px;line-height:1.5;display:flex}.invoice-demo-next input{accent-color:#526748;flex-shrink:0;width:18px;height:18px}.invoice-demo-next p{color:#69785f;padding:12px 0 18px;font-size:12px;line-height:1.7}.invoice-demo-next>div{flex-wrap:wrap;gap:10px;display:flex}.invoice-demo-zoom{color:#33442f;background:#edf0e8;border:0;border-radius:16px;width:min(900px,100vw - 20px);max-width:none;max-height:calc(100dvh - 20px);padding:0}.invoice-demo-zoom::backdrop{background:#17251288}.invoice-demo-zoom-toolbar{z-index:2;background:#fffefa;justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:13px;display:flex;position:sticky;top:0}.invoice-demo-zoom-paper{padding:20px;overflow:auto}.invoice-demo-zoom-paper>.invoice-readonly{width:206mm;margin:auto}@media (max-width:800px){.invoice-demo{margin-block:60px;padding:0 16px}.invoice-demo-layout{grid-template-columns:1fr;gap:22px}.invoice-demo-list{scroll-snap-type:x proximity;gap:12px;max-height:none;padding:4px 4px 14px;display:flex;overflow:auto hidden}.invoice-demo-list button{scroll-snap-align:start;flex:0 0 138px}.invoice-demo-brand{margin-top:18px}.invoice-demo-stage{border-radius:12px;padding:14px}.invoice-demo-preview-heading{gap:10px}.invoice-demo-preview-heading h3{font-size:18px}.invoice-demo-preview-heading button{padding-inline:9px;font-size:11px}.invoice-demo-steps{flex-direction:column;gap:10px;margin:22px 0}.invoice-demo-next>div{grid-template-columns:1fr;display:grid}.invoice-demo-next .invoice-button{justify-content:center}}@media print{.invoice-demo{display:none!important}}@media (prefers-reduced-motion:reduce){.invoice-demo *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.invoice-demo-editions{background:#e9ede3;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:640px;padding:4px;display:grid;position:relative}.invoice-demo-editions>span{width:calc(25% - 2px);transform:translateX(calc(var(--edition-index) * 100%));background:#dbe6ce;border-radius:10px;transition:transform .24s;position:absolute;inset:4px auto 4px 4px;box-shadow:inset 0 0 0 1px #aaba98}.invoice-demo-editions button{color:#6a7761;min-height:50px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:16px;position:relative}.invoice-demo-editions button[aria-selected=true]{color:#304328;font-weight:600}.invoice-demo-editions button:not([aria-selected=true]):hover{background:#f3f5ef}.invoice-demo-editions button:focus-visible{outline-offset:3px;outline:2px solid #526748}.invoice-demo-edition-info{min-height:146px;padding:20px 0 26px}.invoice-demo-edition-info h3{color:#354b2b;margin:0 0 8px;font-size:24px}.invoice-demo-edition-info h3 span{color:#64745a;margin-left:12px;font-size:14px;font-weight:400}.invoice-demo-edition-info p{font-size:15px;line-height:1.7}.invoice-demo-edition-info small{color:#64745a;margin-top:6px;font-size:12px;line-height:1.6;display:block}@media (max-width:600px){.invoice-demo-editions button{min-height:46px;font-size:14px}.invoice-demo-edition-info{min-height:178px}}@media (prefers-reduced-motion:reduce){.invoice-demo-editions>span{transition:none}}