/* FreeInvoice.site — a calmer space for the business side of your work. */
:root{--primary:#234f40;--primary-hover:#173d2f;--primary-light:#edf3ee;--slate-50:#f8f9f6;--slate-100:#f0f2ed;--slate-200:#e0e5dd;--slate-300:#cbd3c8;--slate-400:#829084;--slate-500:#657268;--slate-600:#526056;--slate-700:#3d4d42;--slate-800:#263c30;--slate-900:#1e3226;--danger:#ad4237;--radius:14px;--radius-sm:7px;--font-sans:Inter,"Segoe UI",Arial,sans-serif;--font-mono:Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f8f9f5;color:var(--slate-900);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8bad71;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #74987b;outline-offset:2px}input,textarea{min-width:0}button{transition:background .18s,box-shadow .18s}button:hover{filter:brightness(.97)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:12px;padding:10px 20px;background:white;z-index:99}.skip-link:focus{top:10px}
.site-header{background:#fff;border-bottom:1px solid var(--slate-200)}.header-inner{max-width:1280px;margin:auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-container{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-container:hover{text-decoration:none}.brand-mark{width:36px;height:39px;background:var(--primary);border-radius:9px;color:white;display:grid;place-items:center}.brand-word{font-size:22px;font-weight:750;letter-spacing:-.9px;color:#213e2f}.brand-word>span{color:#788375;font-weight:400}.header-inner nav{display:flex;gap:32px}.header-inner nav a{color:#536050;font-size:13px;font-weight:500}.header-inner nav a:first-child{color:var(--primary);font-weight:650}.header-free{font-size:11px;color:#4c6350;display:flex;align-items:center;gap:7px}.header-free>span,.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#56855a}
.main-wrapper{max-width:1280px;margin:auto;padding:0 40px;width:100%}.hero{display:flex;align-items:center;justify-content:space-between;padding:54px 0 46px;gap:30px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#58704c;display:flex;align-items:center;gap:8px}.hero h1{font-size:54px;line-height:1.12;letter-spacing:-2.4px;font-weight:600;margin:17px 0}.hero h1 em{font-style:normal;color:#5d7e4c}.hero-copy>p{font-size:15px;color:#687164;line-height:1.8}.hero-benefits{display:flex;gap:23px;margin-top:23px;font-size:11px;color:#4e5c48}.hero-benefits>span{display:flex;align-items:center;gap:6px}.hero-benefits svg{color:#4f744a}.hero-note{width:293px;margin:9px 51px 0 0;border-left:1px solid #d9e2d1;padding:0 0 0 29px;transform:rotate(-3deg)}.note-star{font-size:48px;color:#90a16f;line-height:1.1;display:block;margin-bottom:11px}.hero-note p{font-family:Georgia,serif;font-style:italic;font-size:22px;line-height:1.5;color:#567047}.hero-note>span:last-child{font-size:8px;letter-spacing:1.1px;color:#77816d;display:block;margin-top:14px}
.builder-section{scroll-margin-top:20px}.workspace-heading{border-top:1px solid var(--slate-200);display:flex;align-items:center;justify-content:space-between;padding:27px 0 23px}.workspace-heading h2{font-size:19px;font-weight:650;letter-spacing:-.4px;margin-bottom:3px}.workspace-heading>div>span{font-size:12px;color:#768070}.local-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#687661}.app-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:26px;align-items:start}.control-panel{display:grid;gap:18px;min-width:0}.card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);overflow:hidden}.card-header{display:flex;align-items:center;gap:12px;padding:22px 22px 18px}.step-number{font-size:11px;font-weight:600;background:#eff3e9;color:#667c50;border:1px solid #e0e8d5;border-radius:8px;width:33px;height:33px;display:grid;place-items:center}.card-header h2{font-size:15px;letter-spacing:-.2px;font-weight:650}.card-header p{font-size:10px;color:#77816e;margin-top:2px}.card-header>svg{margin-left:auto;color:#799467}.card-body{padding:0 22px 21px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:11px;font-weight:600;color:#475340;margin-bottom:6px}.form-input,.form-select{width:100%;border:1px solid #dfe4d9;background:#fff;border-radius:7px;padding:11px 12px;color:#30432d;font-size:12px;min-height:42px}.form-input::placeholder{color:#8c9685}.form-select{padding-right:24px}.logo-upload-wrapper{display:flex;gap:12px;align-items:center;border:1px dashed #dce2d4;border-radius:8px;padding:12px;margin:19px 0 17px}.logo-preview-box{height:40px;width:40px;border-radius:7px;background:#f3f5ee;display:grid;place-items:center;overflow:hidden;color:#829571;flex-shrink:0}.logo-preview-img{width:100%;height:100%;object-fit:contain}.logo-upload-controls{display:flex;flex-direction:column;gap:3px}.btn-upload-label{font-size:11px;color:#435638;font-weight:600;cursor:pointer}.btn-upload-label>span{font-size:9px;color:#818b76;font-weight:400;margin-left:5px}.logo-help-text{font-size:9px;color:#818a78}.logo-upload-wrapper:focus-within{outline:2px solid #74987b;outline-offset:2px}.btn-link-danger{background:none;border:0;color:var(--danger);text-align:left;padding:0;font-size:10px}.business-extras{border-top:1px solid #eef0e9;padding-top:15px}.business-extras summary,.syntax-helper summary{font-size:11px;font-weight:500;cursor:pointer;color:#60754f}.business-extras summary{list-style:none;display:flex;justify-content:space-between}.business-extras summary::-webkit-details-marker{display:none}.business-extras summary>span{font-size:17px;line-height:1}.extra-fields{margin-top:17px}.extra-fields .form-group:last-child{margin-bottom:0}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.label-row .form-label{font-size:10px}.text-button{background:none;border:0;color:#63715b;font-size:11px;padding:4px 0;display:inline-flex;align-items:center;gap:5px;min-height:30px}.label-row .text-button{font-size:10px;padding:0;margin-bottom:6px;min-height:0}.prompt-textarea{width:100%;resize:vertical;min-height:157px;border:1px solid #dce3d4;background:#f9faf6;color:#3f5234;border-radius:8px;padding:14px;font:11px/1.95 var(--font-mono)}.field-help{font-size:10px;color:#7b8572;line-height:1.65;margin-top:8px}.presets-section{margin-top:20px}.presets-label{font-size:10px;color:#77836b;display:block;margin-bottom:8px}.preset-chips{display:flex;flex-wrap:wrap;gap:6px}.preset-chip{border:1px solid #e3e7dc;border-radius:5px;background:#fff;padding:5px 9px;font-size:10px;color:#65745a;min-height:30px}.preset-chip:hover,.preset-chip.active{background:#edf3e6;border-color:#c3d2b5;color:#3b5931}.syntax-helper{margin-top:19px}.syntax-helper p{font-size:10px;color:#6a785e;margin:12px 0 5px}.syntax-helper code{display:block;background:#f2f5ec;padding:8px;font-size:10px;overflow-wrap:anywhere}.syntax-helper a{display:flex;align-items:center;gap:6px;margin-top:13px;font-size:10px}.privacy-note{display:flex;gap:11px;padding:0 10px;color:#6d805c}.privacy-note>svg{margin-top:4px}.privacy-note p{font-size:10px;line-height:1.8}.privacy-note strong{font-weight:550;color:#586b48}
.preview-panel{min-width:0;background:#f0f2eb;border:1px solid #dde3d4;border-radius:14px;padding:0 20px 15px}.toolbar-card{display:flex;align-items:center;justify-content:space-between;padding:16px 1px}.toolbar-status{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550;color:#536447}.live-pulse{width:6px;height:6px;background:#628951;border-radius:50%}.preview-format{font-size:9px;font-weight:400;color:#7d8972;border-left:1px solid #cdd7c4;margin-left:5px;padding-left:12px}.toolbar-card .text-button{font-size:10px}.invoice-sheet-container{overflow:auto;border-radius:3px;box-shadow:0 4px 18px #293d2010}.invoice-sheet{background:#fff;color:#344332;border:1px solid #e3e6dd;min-height:580px;padding:34px 31px 22px;display:flex;flex-direction:column;font-size:11px}.inv-top-bar{display:flex;justify-content:space-between;gap:20px;min-height:104px}.inv-sender{max-width:55%;overflow-wrap:anywhere}.inv-business-title{font-size:21px;font-weight:650;letter-spacing:-.5px;color:#254333}.inv-sender-meta{font-size:10px;color:#7d8677;line-height:1.6;margin-top:7px}.inv-sender-logo{max-width:100px;max-height:55px;object-fit:contain;margin-bottom:10px}.inv-meta-right{text-align:right;max-width:46%}.inv-main-heading{font-size:25px;letter-spacing:3px;line-height:1.25;font-weight:400;color:#31503d;margin-bottom:12px}.inv-details-table{font-size:9px;margin-left:auto;border-spacing:0 3px}.inv-details-table .label{color:#84907b;padding-right:14px;text-align:left}.inv-details-table .value{text-align:right;color:#54634a}.inv-client-section{display:flex;justify-content:space-between;align-items:center;padding:22px 0;margin-top:10px;border-top:1px solid #ebeee5;gap:20px}.inv-section-title{font-size:8px;text-transform:uppercase;letter-spacing:1.3px;color:#87917e;margin-bottom:5px}.inv-client-name{font-weight:600;font-size:13px}.inv-client-details{font-size:9px;color:#8b9383;max-width:275px}.inv-payment-terms>div:last-child{font-size:9px!important;text-transform:none!important;border-radius:30px!important;background:#f7f4e7!important;color:#8d8050!important;padding:3px 12px!important;font-weight:500!important}.inv-items-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.inv-items-table th{font-size:8px;background:#f1f4ed;color:#647956;font-weight:600;letter-spacing:.25px;padding:11px 5px;text-align:left}.inv-items-table td{padding:16px 5px;border-bottom:1px solid #edf0e7;overflow-wrap:anywhere;vertical-align:top}.col-num{width:6%;color:#89947e}.col-desc{width:39%}.col-qty{width:10%;text-align:center!important}.col-rate{width:19%;text-align:right!important}.col-amt{width:22%;text-align:right!important;font-variant-numeric:tabular-nums;white-space:normal}.col-actions{width:4%;text-align:right}.btn-del-row{border:0;background:none;color:#9eaa94;padding:0 2px;font-size:15px;line-height:1.2}.btn-del-row:hover{color:var(--danger)}.inv-add-row-bar{padding-top:9px}.btn-add-item{background:none;border:0;font-size:10px;color:#6b8558;display:flex;align-items:center;gap:5px;padding:6px 0}.inv-summary-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.9fr);gap:35px;margin:23px 0 35px}.inv-notes-terms{font-size:9px;color:#8a9380;line-height:1.75;overflow-wrap:anywhere}.inv-notes-title{font-size:8px;color:#738368;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.inv-notes-block{margin-bottom:14px}.totals-table{width:100%;border-collapse:collapse;font-size:10px}.totals-table td{padding:7px 0}.t-label{color:#7f8b72}.t-val{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tax-badge{font-size:8px;color:#728365;display:block}.grand-total-row{border-top:1px solid #dce4d3}.grand-total-row td{padding-top:12px;color:#315033;font-size:15px;font-weight:600}.grand-total-row .t-label{font-size:11px}.inv-footer{margin-top:auto;border-top:1px solid #edf0e7;padding-top:17px;display:flex;justify-content:space-between;gap:10px;color:#a0a895;font-size:8px}.inv-brand-link{color:#94a186;font-size:8px}.inv-brand-link strong{font-weight:500;color:#6f865e}[contenteditable=true]{outline:none;border-radius:3px;min-width:12px;cursor:text}[contenteditable=true]:hover{background:#f2f6ec}[contenteditable=true]:focus{background:#f2f6ec;box-shadow:0 0 0 2px #abc795}[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#a0a895}.preview-actions{display:flex;align-items:center;justify-content:space-between;padding:10px 1px 14px;color:#8a947d;font-size:9px;gap:12px}.preview-actions>span{display:flex;gap:5px;align-items:center}.preview-actions>div{display:flex;align-items:center;gap:12px}.preview-actions .text-button{font-size:9px}.icon-button{background:none;border:0;color:#7d8b6e;min-height:30px;min-width:30px}.download-bar{background:#fff;border:1px solid #e0e6d7;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 15px}.download-bar>div:first-child{display:grid;gap:3px}.download-bar strong{font-size:11px;font-weight:600;color:#4a5e3d}.download-bar span{font-size:9px;color:#889479}.toolbar-buttons{display:flex;gap:8px}.btn{border:1px solid transparent;border-radius:7px;min-height:42px;padding:10px 14px;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-weight:550;font-size:11px;white-space:nowrap}.btn-primary{background:var(--primary);color:white;box-shadow:0 2px 3px #234f4015}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{border-color:#dce3d4;color:#60734f;background:#fff}.download-caption{text-align:center;font-size:9px;color:#8b957f;margin-top:12px}
.how-section{margin-top:76px;padding-bottom:44px}.section-intro{text-align:center}.section-intro .eyebrow{justify-content:center;font-size:9px}.section-intro h2,.faq-section h2{font-size:29px;line-height:1.25;font-weight:550;letter-spacing:-1px;margin-top:13px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:36px;padding:0 25px}.steps-grid article>span{font-family:Georgia,serif;font-size:22px;color:#8c9f74}.steps-grid h3{font-size:14px;font-weight:600;margin:9px 0 7px}.steps-grid p{font-size:12px;color:#7b8670;line-height:1.8}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#edf1e5;border:1px solid #e2e8d7;border-radius:12px;padding:25px 28px;gap:20px}.feature-strip>div{position:relative;padding-left:39px}.feature-strip svg{position:absolute;left:0;top:4px;color:#76905d}.feature-strip h3{font-size:12px;font-weight:600}.feature-strip p{font-size:10px;color:#778868;margin-top:4px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:75px;padding:65px 25px}.faq-section .eyebrow{font-size:8px}.faq-section h2{margin:13px 0 19px;font-size:31px}.faq-section>div>a{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#6b8156}.faq-list details{border-bottom:1px solid #e0e6d7}.faq-list summary{cursor:pointer;font-size:12px;font-weight:500;padding:16px 27px 16px 0;list-style:none;position:relative}.faq-list summary:after{content:'+';position:absolute;right:1px;font-size:18px;line-height:1;color:#81936d}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:12px;color:#718165;padding:0 20px 18px 0}.faq-list summary::-webkit-details-marker{display:none}.upgrade-note{display:flex;justify-content:center;gap:20px;border-top:1px solid #e1e6d9;padding:24px 0;color:#8a957b;font-size:10px}.upgrade-note a{font-weight:550;display:flex;gap:5px;align-items:center;white-space:nowrap}.site-footer{border-top:1px solid #e0e6d7;background:#fff;padding:40px 40px 0}.footer-inner,.footer-bottom{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:50px}.footer-inner{padding-bottom:30px}.footer-about{flex:1}.footer-about p{font-size:11px;line-height:1.85;color:#7c8870;margin-top:14px}.footer-inner>div:not(:first-child){min-width:160px}.footer-inner h4{font-size:11px;font-weight:600;margin:3px 0 12px}.footer-inner>div>a:not(.brand-container){display:block;font-size:11px;color:#7b886e;margin-bottom:9px}.footer-bottom{border-top:1px solid #ecf0e5;padding:18px 0;font-size:9px;color:#95a187}.toast-msg{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#234f40;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 6px 24px #0002;display:flex;gap:10px;align-items:center;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:12px;max-width:calc(100% - 30px)}.toast-msg.show{opacity:1;transform:translate(-50%,0)}.noscript-notice{position:fixed;bottom:0;background:#fff4ce;width:100%;padding:15px;text-align:center}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Information pages share the same visual language. */
.page-container{max-width:850px;background:white;margin:44px auto 60px;border:1px solid var(--slate-200);border-radius:14px;padding:44px}.page-title{font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.2}.page-subtitle{color:var(--slate-500);margin:15px 0 30px}.page-content{font-size:14px;color:var(--slate-600)}.page-content h2{font-size:20px;color:var(--primary);margin:28px 0 12px}.page-content h3{font-size:16px;margin:22px 0 9px}.page-content p{margin-bottom:14px}.page-content li{margin-bottom:8px}.page-content code{overflow-wrap:anywhere}.highlight-box{padding:22px;background:var(--primary-light);border-radius:8px;margin:22px 0}.page-content table{width:100%;border-collapse:collapse}.page-content th,.page-content td{padding:10px;border:1px solid var(--slate-200)}
/* Fixed export width keeps mobile PDFs identical to desktop PDFs. */
.pdf-export .no-print{display:none!important}.invoice-sheet.pdf-export{width:718px!important;min-width:718px!important;max-width:none!important;min-height:820px!important;padding:36px!important;border:0!important;box-shadow:none!important;border-radius:0!important}.pdf-export .inv-footer{display:none!important}.pdf-export [contenteditable]{background:transparent!important;box-shadow:none!important}.pdf-export .inv-items-table tr{break-inside:avoid}.pdf-export .inv-summary-container{break-inside:avoid}
@media(min-width:1400px){.hero{padding-top:62px;padding-bottom:51px}.invoice-sheet{min-height:620px}}
@media(max-width:1100px){.header-inner,.main-wrapper{padding-left:25px;padding-right:25px}.header-inner nav{gap:20px}.header-free{display:none}.app-grid{grid-template-columns:310px minmax(0,1fr);gap:20px}.card-header{padding:20px 18px 17px}.card-body{padding:0 18px 19px}.preview-panel{padding-left:14px;padding-right:14px}.invoice-sheet{padding:27px 22px;min-height:565px}.download-bar{flex-wrap:wrap}.download-bar>div:first-child{display:none}.toolbar-buttons{width:100%}.btn-primary{flex:1}.hero-note{margin-right:10px}.inv-summary-container{gap:20px;grid-template-columns:1fr 1fr}.steps-grid{gap:30px}.feature-strip p{line-height:1.5}.faq-section{gap:40px}}
@media(max-width:820px){.app-grid{grid-template-columns:1fr}.control-panel{grid-template-columns:1fr 1fr;align-items:start}.privacy-note{grid-column:1/-1;margin-bottom:5px}.hero{padding:38px 0}.hero h1{font-size:46px}.hero-note{width:210px;padding-left:20px}.hero-note p{font-size:18px}.hero-note>span:last-child{font-size:7px}.invoice-sheet{min-height:630px;padding:35px}.download-bar>div:first-child{display:grid}.toolbar-buttons{width:auto}.header-inner{padding-top:17px;padding-bottom:17px}.header-inner nav a{font-size:11px}.header-inner nav{gap:16px}.header-inner nav a:first-child{display:none}.hero-benefits{gap:14px;font-size:10px}.inv-summary-container{grid-template-columns:1fr 250px}.feature-strip{padding:22px 17px;gap:14px}.feature-strip>div{padding-left:0}.feature-strip svg{position:static;margin-bottom:8px}.footer-inner{gap:25px}.footer-inner>div:not(:first-child){min-width:110px}.footer-about p{max-width:220px}}
@media(max-width:560px){.header-inner,.main-wrapper{padding-left:18px;padding-right:18px}.brand-word{font-size:20px}.brand-mark{width:31px;height:34px}.header-inner nav a{font-size:10px}.header-inner nav a:last-child{display:none}.hero{padding:33px 0 30px}.hero h1{font-size:42px;letter-spacing:-1.8px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-copy>p{font-size:12px}.hero-copy>p br{display:none}.hero-benefits{gap:12px;flex-wrap:wrap;font-size:9px;margin-top:19px}.hero-benefits>span{gap:3px}.hero-note{display:none}.workspace-heading{padding:23px 0 18px;align-items:start;gap:10px}.workspace-heading h2{font-size:18px}.workspace-heading>div>span{font-size:10px}.local-status{font-size:8px;max-width:90px;line-height:1.5}.local-status svg{width:13px}.control-panel{grid-template-columns:1fr;gap:14px}.card-header{padding:20px}.card-body{padding:0 20px 20px}.card-header h2{font-size:16px}.card-header p{font-size:11px}.form-label{font-size:12px}.form-input,.form-select{font-size:16px}.prompt-textarea{font-size:16px;line-height:1.9;min-height:163px}.label-row .form-label{font-size:11px}.logo-help-text{font-size:10px}.btn-upload-label,.business-extras summary,.syntax-helper summary{font-size:12px}.field-help{font-size:11px}.preset-chip{font-size:11px;padding:7px 10px;min-height:34px}.privacy-note{margin:2px 0 5px}.privacy-note p{font-size:11px}.preview-panel{padding:0 10px 13px;border-radius:11px}.preview-format{display:none}.toolbar-card{padding:14px 3px}.invoice-sheet{padding:23px 15px;min-height:515px;font-size:9px}.inv-top-bar{gap:12px;min-height:97px}.inv-business-title{font-size:17px}.inv-main-heading{font-size:21px}.inv-details-table{font-size:8px}.inv-details-table .label{padding-right:8px}.inv-sender-meta{font-size:8px}.inv-client-section{padding:18px 0;gap:10px}.inv-client-details{font-size:8px;max-width:170px}.inv-client-name{font-size:12px}.inv-items-table{font-size:9px}.inv-items-table th{font-size:7px;padding:9px 2px}.inv-items-table td{padding:13px 2px}.col-num{width:5%}.col-desc{width:34%}.col-qty{width:10%}.col-rate{width:20%}.col-amt{width:25%}.col-actions{width:6%}.btn-del-row{padding:0 3px;font-size:18px}.inv-summary-container{gap:15px;grid-template-columns:minmax(0,1fr) minmax(130px,1fr);margin:20px 0 30px}.inv-notes-terms{font-size:8px}.inv-notes-title{font-size:7px}.totals-table{font-size:9px}.grand-total-row td{font-size:13px}.grand-total-row .t-label{font-size:9px}.inv-footer{font-size:6px;gap:5px}.inv-brand-link{font-size:6px}.preview-actions{font-size:8px;gap:5px}.preview-actions>div{gap:3px}.preview-actions .text-button{font-size:8px}.download-bar{padding:12px}.download-bar>div:first-child{display:none}.toolbar-buttons{width:100%}.btn{font-size:12px;padding:11px 14px}.btn-primary{flex:1}.download-caption{font-size:9px}.how-section{margin-top:48px;padding-bottom:30px}.section-intro h2{font-size:24px}.section-intro .eyebrow{font-size:8px}.steps-grid{grid-template-columns:1fr;gap:24px;margin-top:25px;padding:0 10px}.steps-grid article{position:relative;padding-left:44px}.steps-grid article>span{position:absolute;left:0;top:5px}.steps-grid h3{margin-top:4px}.steps-grid p{font-size:12px}.feature-strip{grid-template-columns:1fr;gap:21px;padding:25px}.feature-strip>div{padding-left:38px}.feature-strip svg{position:absolute}.feature-strip h3{font-size:13px}.feature-strip p{font-size:11px}.faq-section{padding:38px 5px;grid-template-columns:1fr;gap:20px}.faq-section h2{font-size:27px}.faq-section h2 br{display:none}.faq-section .eyebrow{font-size:8px}.faq-list summary{font-size:12px;min-height:50px}.upgrade-note{font-size:10px;align-items:start;gap:15px}.site-footer{padding:30px 23px 0}.footer-inner{flex-wrap:wrap;gap:25px}.footer-about{flex-basis:100%}.footer-about p{max-width:100%}.footer-inner>div:not(:first-child){min-width:0;flex:1}.footer-bottom{gap:20px;align-items:start;font-size:8px}.page-container{margin:25px 0 40px;padding:24px 20px}.page-title{font-size:26px}.page-subtitle{font-size:12px}.page-content{font-size:13px}.page-content h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.pdf-export .inv-top-bar{min-height:115px;gap:25px}.pdf-export .inv-business-title{font-size:25px}.pdf-export .inv-main-heading{font-size:29px}.pdf-export .inv-sender-meta,.pdf-export .inv-client-details,.pdf-export .inv-details-table{font-size:11px}.pdf-export .inv-client-name{font-size:15px}.pdf-export .inv-client-section{padding:24px 0}.pdf-export .inv-section-title{font-size:10px}.pdf-export .inv-items-table{font-size:12px}.pdf-export .inv-items-table th{font-size:10px;padding:12px 6px}.pdf-export .inv-items-table td{padding:18px 6px}.pdf-export .col-num{width:6%}.pdf-export .col-desc{width:39%}.pdf-export .col-qty{width:10%}.pdf-export .col-rate{width:20%}.pdf-export .col-amt{width:25%}.pdf-export .inv-summary-container{grid-template-columns:1fr 250px;gap:35px;margin-top:30px}.pdf-export .inv-notes-terms,.pdf-export .totals-table{font-size:11px}.pdf-export .inv-notes-title{font-size:9px}.pdf-export .grand-total-row td{font-size:17px}.pdf-export .grand-total-row .t-label{font-size:12px}
/* Readable supporting copy and comfortably sized business inputs. */
.card-header h2{font-size:16px}.card-header p,.field-help,.presets-label,.logo-help-text{color:#64725c}.form-input,.form-select{font-size:13px}.form-label{font-size:12px}.workspace-heading>div>span,.steps-grid p,.feature-strip p,.faq-list p,.footer-about p{color:#64735b}.hero-copy>p br:after{content:' '}
@media(max-width:560px){.form-input,.form-select{font-size:16px}.hero-copy>p br{display:initial}}