/* Real document previews share the existing Open Node visual language. */
.invoice-section{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center;padding-top:86px;padding-bottom:86px}.invoice-section-copy{min-width:0}.invoice-section h2{font-size:clamp(2.5rem,4vw,3.5rem);letter-spacing:-.04em;line-height:1.09;margin:22px 0}.invoice-section h2>span{color:var(--blue)}.invoice-section-copy>p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:480px}.invoice-section-benefits{list-style:none;padding:0;margin:26px 0 30px;display:grid;gap:15px}.invoice-section-benefits li{display:flex;gap:11px;align-items:flex-start;font-size:.9375rem;line-height:1.5}.invoice-section-benefits .icon{width:18px;height:18px;color:var(--blue);margin-top:2px}.invoice-section-copy>.invoice-section-note{font-size:.75rem;line-height:1.6;margin-top:17px}.invoice-paper-stage{position:relative;min-width:0;height:590px;background:#edf2fb;border-radius:22px;isolation:isolate}.invoice-paper{display:block;position:absolute;width:66%;max-width:352px;background:white;border:1px solid #d9dfeb;box-shadow:0 18px 45px #243d6a20;transition:transform .4s ease,box-shadow .4s ease;transform-origin:center center}.invoice-paper img{display:block;width:100%;height:auto;aspect-ratio:990/1400}.invoice-paper-front{left:8%;top:48px;z-index:2;transform:rotate(-4deg)}.invoice-paper-back{right:5%;top:30px;z-index:1;transform:rotate(6deg)}.invoice-paper-front:hover,.invoice-paper-front:focus-visible{transform:translateY(-7px) rotate(-1deg);box-shadow:0 24px 50px #243d6a30}.invoice-paper-back:hover,.invoice-paper-back:focus-visible{z-index:3;transform:translateY(-7px) rotate(3deg)}.invoice-paper-label{position:absolute;left:24px;bottom:23px;right:24px;display:flex;justify-content:center;align-items:center;gap:8px;color:#526181;font-size:.75rem;line-height:1.5}.invoice-paper-label .icon{width:17px;height:17px;color:var(--blue)}
@media(max-width:1150px){.invoice-section{gap:38px;padding-top:66px;padding-bottom:66px}.invoice-paper-stage{height:540px}.invoice-paper{width:70%}.invoice-section h2{font-size:2.75rem}.invoice-paper-front{left:7%}.invoice-paper-back{right:4%}}
@media(max-width:900px){.invoice-section{grid-template-columns:1fr;gap:38px}.invoice-section-copy>p{max-width:620px}.invoice-paper-stage{height:570px;max-width:640px;width:100%;margin:auto}.invoice-paper{width:60%;max-width:342px}.invoice-paper-front{left:14%}.invoice-paper-back{right:11%}}
@media(max-width:650px){.invoice-section{padding-top:46px;padding-bottom:46px;gap:32px}.invoice-section h2{font-size:2.5rem;margin:19px 0}.invoice-section-benefits{gap:14px;margin:23px 0 27px}.invoice-section-benefits li{font-size:.875rem}.invoice-section-copy>.button{font-size:.875rem;white-space:normal}.invoice-paper-stage{height:auto;aspect-ratio:1/1.4;border-radius:16px}.invoice-paper{width:68%;max-width:none}.invoice-paper-front{left:8%;top:35px}.invoice-paper-back{right:6%;top:24px}.invoice-paper-label{left:15px;right:15px;bottom:17px;font-size:.75rem;gap:6px}}
@media(prefers-reduced-motion:reduce){.invoice-paper{transition:none}.invoice-paper-front:hover,.invoice-paper-back:hover,.invoice-paper-front:focus-visible,.invoice-paper-back:focus-visible{transform:none}}
/* Editor and technical output are one continuous product story. */
.meter-combined .section-heading{margin-bottom:36px}.meter-combined .section-heading>p{max-width:405px}.meter-journey-stage{display:grid;grid-template-columns:1.04fr .96fr;gap:24px;align-items:start;padding:15px 8px 78px;--meter-shift:0px}.meter-stage-editor,.meter-stage-pdf{min-width:0;will-change:transform}.meter-stage-editor{transform:translateY(var(--meter-shift)) rotate(-1.2deg)}.meter-stage-pdf{transform:translateY(calc(46px - var(--meter-shift))) rotate(1.2deg)}.meter-stage-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;line-height:1.5;color:var(--blue);margin-bottom:14px;letter-spacing:.35px}.meter-stage-label>span:last-child{color:var(--muted);letter-spacing:0}.meter-stage-label>a{display:flex;align-items:center;gap:6px;white-space:nowrap;letter-spacing:0}.meter-stage-label .icon{width:15px;height:15px}.editor-overview{overflow:hidden;border:1px solid #d5deed;border-radius:12px;box-shadow:0 22px 55px #243b681c;background:#fff}.editor-overview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 20px;border-bottom:1px solid #e0e6f0}.editor-overview-toolbar>span:first-child{display:flex;align-items:center;gap:9px}.editor-overview-toolbar strong{font-size:.875rem;font-weight:500}.editor-overview-toolbar>span:last-child{font-size:.75rem;color:var(--muted)}.editor-overview-toolbar .icon{width:18px;height:18px;color:var(--blue)}.editor-overview-components{display:flex;gap:7px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid #e3e8f2;background:#fcfdff}.editor-overview-components>span{font-size:.75rem;line-height:1.4;padding:5px 9px;border:1px solid #dce3ef;border-radius:5px;color:#617190;background:#f5f7fc}.editor-overview>img{display:block;width:100%;height:auto;aspect-ratio:1190/630}.editor-overview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 18px;border-top:1px solid #e0e6f0}.editor-overview-footer>span{font-size:.75rem;color:var(--muted);line-height:1.5}.editor-overview-footer>button{display:flex;align-items:center;gap:7px;font-size:.875rem;line-height:1.5;border:0;background:transparent;padding:0;color:var(--blue)}.editor-overview-footer .icon{width:17px;height:17px}.meter-stage-pdf .pdf-output-preview{box-shadow:0 22px 55px #243b681c;background:#eaf0f8;max-width:none}.meter-stage-pdf .pdf-preview-header{padding:17px 16px;gap:8px}.meter-stage-pdf .pdf-page-tabs{padding:13px 15px 0}.meter-stage-pdf .pdf-page-tabs button{padding:9px 10px}.meter-stage-pdf .pdf-sheet{margin:15px}.meter-stage-pdf .pdf-preview-footer{padding:0 15px 16px;gap:8px;flex-wrap:wrap}.meter-stage-pdf .pdf-preview-footer>span:last-child{letter-spacing:0}.meter-shared-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px;margin-top:15px;padding-top:30px;border-top:1px solid var(--line)}.meter-shared-benefits>div{display:flex;align-items:flex-start;gap:12px}.meter-shared-benefits>div>.icon{color:var(--blue);margin-top:2px;width:21px;height:21px}.meter-shared-benefits strong{display:block;font-size:1rem;font-weight:500;line-height:1.4;margin-bottom:8px}.meter-shared-benefits>div>span>span{display:block;font-size:.875rem;line-height:1.65;color:var(--muted)}.meter-sample-context{font-size:.75rem;line-height:1.7;color:var(--muted);max-width:850px;margin-top:23px}.meter-live-editor{margin-top:30px;border:1px solid #dbe2ef;border-radius:12px;background:#fff}.meter-live-editor>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px}.meter-live-editor>summary::-webkit-details-marker{display:none}.meter-live-editor>summary strong{display:block;font-size:1rem;font-weight:500;line-height:1.5}.meter-live-editor>summary>span>span{display:block;font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:5px}.meter-live-editor>summary>.icon{color:var(--blue);transform:rotate(90deg);transition:transform .2s}.meter-live-editor[open]>summary{border-bottom:1px solid #dbe2ef}.meter-live-editor[open]>summary>.icon{transform:rotate(-90deg)}.meter-live-content{padding:22px}.meter-live-content .meter-editor{box-shadow:none}.meter-live-content .meter-below{margin-top:16px}.meter-live-content .meter-below>p{min-height:0}.meter-combined{padding-bottom:35px}
@media(max-width:1150px){.invoice-paper-stage{height:560px}.invoice-paper{max-width:322px}.meter-journey-stage{gap:20px;padding-left:3px;padding-right:3px}.editor-overview-toolbar{padding:16px 14px}.editor-overview-toolbar>span:last-child{display:none}.editor-overview-components{padding:12px}.editor-overview-footer{padding:15px 13px;gap:8px}.editor-overview-footer>span{width:100%}.meter-stage-label{font-size:.75rem;letter-spacing:0;gap:8px}.meter-stage-label>span:last-child{display:none}.meter-stage-pdf .pdf-preview-header{padding:15px 12px;flex-wrap:wrap}.meter-stage-pdf .pdf-page-tabs{padding:12px 10px 0;gap:4px}.meter-stage-pdf .pdf-page-tabs button{padding:8px}.meter-stage-pdf .pdf-sheet{margin:12px 10px}.meter-stage-pdf .pdf-preview-footer{padding:0 11px 14px}.meter-shared-benefits{gap:20px}.meter-shared-benefits>div{gap:10px}.meter-shared-benefits strong{font-size:.9375rem}.meter-live-content{padding:17px}}
@media(max-width:900px){.invoice-paper-stage{height:600px}.invoice-paper{max-width:342px}.meter-journey-stage{grid-template-columns:1fr;gap:30px;padding:0 0 8px;max-width:760px;margin:auto}.meter-stage-editor,.meter-stage-pdf{transform:none;will-change:auto}.meter-stage-label>span:last-child{display:block}.editor-overview-toolbar>span:last-child{display:block}.editor-overview-toolbar{padding:19px 20px}.editor-overview-components{padding:13px 18px}.editor-overview-footer{padding:17px 18px}.editor-overview-footer>span{width:auto}.meter-stage-pdf .pdf-preview-header{padding:17px 20px}.meter-stage-pdf .pdf-page-tabs{padding:15px 18px 0}.meter-stage-pdf .pdf-sheet{margin:16px 18px}.meter-stage-pdf .pdf-preview-footer{padding:0 18px 18px}.meter-shared-benefits{grid-template-columns:1fr;gap:22px;margin-top:26px;padding-top:28px}.meter-shared-benefits>div{gap:15px}.meter-shared-benefits strong{font-size:1rem;margin-bottom:5px}.meter-shared-benefits>div>span>span{font-size:.9375rem}.meter-live-content{padding:18px}}
@media(max-width:650px){.invoice-paper-stage{height:auto;aspect-ratio:1/1.25}.invoice-paper{max-width:none}.meter-combined .section-heading{margin-bottom:29px}.meter-combined h2{font-size:2.125rem;line-height:1.15}.meter-journey-stage{gap:24px}.meter-stage-label{margin-bottom:11px;flex-wrap:wrap}.meter-stage-label>span:last-child{display:none}.editor-overview-toolbar{padding:15px 12px;gap:8px}.editor-overview-toolbar>span:last-child{display:none}.editor-overview-components{padding:10px;gap:5px}.editor-overview-components>span{font-size:.75rem;padding:4px 6px}.editor-overview-footer{padding:14px 12px;gap:8px}.editor-overview-footer>span{width:100%}.editor-overview-footer>button{font-size:.875rem}.meter-stage-pdf .pdf-preview-header{padding:14px 11px}.meter-stage-pdf .pdf-page-tabs{padding:11px 9px 0;gap:3px}.meter-stage-pdf .pdf-page-tabs button{padding:9px 7px}.meter-stage-pdf .pdf-sheet{margin:12px 9px}.meter-stage-pdf .pdf-preview-footer{padding:0 10px 14px}.meter-live-editor>summary{padding:19px 16px;gap:14px}.meter-live-editor>summary>span>span{font-size:.8125rem}.meter-live-content{padding:12px}.meter-live-content .meter-toolbar{padding:15px 12px}.meter-live-content .meter-inspector{padding:17px 12px}.meter-live-content .editor-actions{flex-wrap:wrap;gap:10px}.meter-sample-context{margin-top:21px}.meter-live-editor{margin-top:24px}.meter-combined{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.meter-stage-editor{transform:rotate(-1.2deg)}.meter-stage-pdf{transform:translateY(46px) rotate(1.2deg)}.meter-live-editor>summary>.icon{transition:none}}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.meter-stage-editor,.meter-stage-pdf{transform:none}}