.invoice-gen{--inv-navy:#062b5c;--inv-blue:#0878e8;--inv-teal:#0aa9a5;--inv-orange:#f6a000;--inv-bg:#f6f9fd;--inv-border:#dce6f1;--inv-text:#102a43;--inv-muted:#5c7085;--inv-white:#fff;--inv-accent:var(--inv-teal);color:var(--inv-text);background:var(--inv-bg)}.invoice-gen *{box-sizing:border-box}.invoice-gen__shell{min-height:60vh}.invoice-gen__privacy{color:var(--inv-muted);background:color-mix(in srgb, var(--inv-teal) 8%, white);border:1px solid var(--inv-border);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem}.invoice-gen__toolbar{border-bottom:1px solid var(--inv-border);background:var(--inv-bg);z-index:20;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 0;display:flex;position:sticky;top:0}.invoice-gen__btn{border:1px solid var(--inv-border);background:var(--inv-white);min-height:2.75rem;color:var(--inv-text);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.invoice-gen__btn:focus-visible{outline:2px solid var(--inv-blue);outline-offset:2px}.invoice-gen__btn--blue{background:var(--inv-blue);border-color:var(--inv-blue);color:#fff}.invoice-gen__btn--teal{background:var(--inv-teal);border-color:var(--inv-teal);color:#fff}.invoice-gen__btn--orange{background:var(--inv-orange);border-color:var(--inv-orange);color:#fff}.invoice-gen__btn--ghost{background:0 0}.invoice-gen__layout{gap:1.25rem;display:grid}@media (min-width:1024px){.invoice-gen__layout--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.invoice-gen__preview-pane{position:sticky;top:4.5rem}}.invoice-gen__panel{background:var(--inv-white);border:1px solid var(--inv-border);border-radius:1rem;padding:1rem}.invoice-gen__section+.invoice-gen__section{border-top:1px solid var(--inv-border);margin-top:1.25rem;padding-top:1.25rem}.invoice-gen__section h2{color:var(--inv-navy);margin:0 0 .75rem;font-size:1.05rem}.invoice-gen__grid{gap:.75rem;display:grid}@media (min-width:640px){.invoice-gen__grid--2{grid-template-columns:1fr 1fr}.invoice-gen__grid--3{grid-template-columns:1fr 1fr 1fr}}.invoice-gen label{color:var(--inv-muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.invoice-gen input,.invoice-gen select,.invoice-gen textarea{border:1px solid var(--inv-border);min-height:2.75rem;font:inherit;color:var(--inv-text);background:var(--inv-white);border-radius:.65rem;padding:.55rem .75rem}.invoice-gen textarea{resize:vertical;min-height:5rem}.invoice-gen input:focus-visible,.invoice-gen select:focus-visible,.invoice-gen textarea:focus-visible{outline:2px solid var(--inv-blue);outline-offset:1px}.invoice-gen__error{color:#b42318;font-size:.8rem;font-weight:500}.invoice-gen__status{color:var(--inv-muted);font-size:.8rem}.invoice-gen__status[data-state=saved]{color:var(--inv-teal)}.invoice-gen__status[data-state=error]{color:#b42318}.invoice-gen__segment{background:var(--inv-bg);border:1px solid var(--inv-border);border-radius:.75rem;gap:.35rem;padding:.25rem;display:flex}.invoice-gen__segment button{cursor:pointer;min-height:2.5rem;color:var(--inv-muted);background:0 0;border:0;border-radius:.55rem;flex:1;font-weight:600}.invoice-gen__segment button[aria-selected=true]{background:var(--inv-white);color:var(--inv-navy);box-shadow:0 1px 4px #102a4314}.invoice-gen__mobile-bar{display:none}@media (max-width:1023px){.invoice-gen__mobile-bar{z-index:30;background:color-mix(in srgb, var(--inv-bg) 92%, white);border-top:1px solid var(--inv-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:.5rem;padding:.75rem;display:flex;position:sticky;bottom:0}.invoice-gen__mobile-bar .invoice-gen__btn{flex:1}}.invoice-gen__line-card{border:1px solid var(--inv-border);background:var(--inv-bg);border-radius:.85rem;gap:.65rem;padding:.85rem;display:grid}@media (min-width:900px){.invoice-gen__line-table{border-collapse:collapse;width:100%}.invoice-gen__line-table th,.invoice-gen__line-table td{border-bottom:1px solid var(--inv-border);text-align:left;vertical-align:top;padding:.5rem}.invoice-gen__line-table th{color:var(--inv-muted);font-size:.75rem}}.invoice-preview{--preview-accent:var(--inv-accent);background:var(--inv-white);border:1px solid var(--inv-border);color:var(--inv-text);border-radius:.85rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px #062b5c59}.invoice-preview--compact{padding:1rem;font-size:.9rem}.invoice-preview__header{justify-content:space-between;gap:1rem;margin-bottom:1.25rem;display:flex}.invoice-preview__logo{object-fit:contain;max-width:140px;max-height:56px}.invoice-preview__title{text-align:right}.invoice-preview__title h1{letter-spacing:.04em;color:var(--inv-navy);margin:0;font-size:1.75rem}.invoice-preview.template-bold .invoice-preview__title h1{color:var(--preview-accent);text-transform:uppercase}.invoice-preview.template-minimal .invoice-preview__title h1{letter-spacing:.12em;font-weight:500}.invoice-preview.template-professional .invoice-preview__header{border-bottom:3px solid var(--preview-accent);padding-bottom:1rem}.invoice-preview__meta{color:var(--inv-muted);font-size:.85rem}.invoice-preview__parties{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.invoice-preview__parties h3{text-transform:uppercase;letter-spacing:.06em;color:var(--inv-muted);margin:0 0 .35rem;font-size:.75rem}.invoice-preview table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.85rem}.invoice-preview thead th{background:var(--preview-accent);color:#fff;text-align:left;padding:.55rem .45rem}.invoice-preview.template-minimal thead th{color:var(--inv-navy);border-bottom:2px solid var(--inv-border);background:0 0}.invoice-preview td{border-bottom:1px solid var(--inv-border);vertical-align:top;padding:.55rem .45rem}.invoice-preview__totals{width:min(100%,260px);margin-left:auto;font-size:.9rem}.invoice-preview__totals div{justify-content:space-between;gap:1rem;padding:.25rem 0;display:flex}.invoice-preview__due{background:color-mix(in srgb, var(--preview-accent) 16%, white);color:var(--inv-navy);border-radius:.65rem;margin-top:.75rem;padding:.75rem .9rem;font-weight:700}.invoice-preview__watermark{letter-spacing:.12em;opacity:.12;pointer-events:none;color:var(--preview-accent);justify-content:center;align-items:center;font-size:4rem;font-weight:800;display:flex;position:absolute;inset:30% 10%;transform:rotate(-18deg)}.invoice-preview__footer{border-top:1px solid var(--inv-border);color:var(--inv-muted);margin-top:1.25rem;padding-top:1rem;font-size:.85rem}.invoice-preview__thanks{color:var(--preview-accent);margin-top:.75rem;font-family:Segoe Script,Brush Script MT,cursive;font-size:1.35rem}.invoice-landing{--inv-navy:#062b5c;--inv-blue:#0878e8;--inv-teal:#0aa9a5;--inv-orange:#f6a000;--inv-bg:#f6f9fd;--inv-border:#dce6f1;--inv-text:#102a43;--inv-muted:#5c7085}.invoice-landing__hero{gap:2rem;padding:2rem 0 3rem;display:grid}@media (min-width:960px){.invoice-landing__hero{grid-template-columns:1.1fr .9fr;align-items:center}}.invoice-landing__badge{color:var(--inv-blue);background:#e8f2ff;border-radius:999px;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.invoice-landing h1{color:var(--inv-navy);margin:.75rem 0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.invoice-landing__lead{color:var(--inv-muted);max-width:36rem;font-size:1.05rem}.invoice-landing__ctas{flex-wrap:wrap;gap:.65rem;margin:1.25rem 0;display:flex}.invoice-landing__trust{gap:.65rem;margin-top:1rem;display:grid}@media (min-width:640px){.invoice-landing__trust{grid-template-columns:repeat(2,minmax(0,1fr))}}.invoice-landing__trust li{color:var(--inv-muted);align-items:center;gap:.5rem;font-size:.9rem;list-style:none;display:flex}.invoice-landing__visual{min-height:280px;position:relative}.invoice-landing__shape{border-radius:1.25rem;position:absolute}.invoice-landing__shape--blue{opacity:.9;background:linear-gradient(145deg,#0878e8,#0aa9a5);width:55%;height:70%;top:10%;right:0}.invoice-landing__shape--orange{background:var(--inv-orange);opacity:.85;width:40%;height:45%;bottom:5%;left:5%}.invoice-landing__mock{z-index:1;border:1px solid var(--inv-border);background:#fff;border-radius:1rem;margin:1.5rem;padding:1.25rem;position:relative;box-shadow:0 24px 50px -30px #062b5c73}.invoice-landing__due-card{z-index:2;border:1px solid var(--inv-border);background:#fff;border-radius:.85rem;padding:.75rem 1rem;position:absolute;bottom:-.5rem;right:.5rem;box-shadow:0 12px 30px -18px #062b5c66}.invoice-landing__due-card strong{color:var(--inv-teal);font-size:1.15rem;display:block}.invoice-landing__features{gap:1rem;padding:2rem 0;display:grid}@media (min-width:720px){.invoice-landing__features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.invoice-landing__features{grid-template-columns:repeat(4,minmax(0,1fr))}}.invoice-landing__feature{border:1px solid var(--inv-border);background:#fff;border-radius:1rem;padding:1.15rem}.invoice-landing__feature h3{color:var(--inv-navy);margin:.5rem 0 .35rem;font-size:1rem}.invoice-landing__feature p{color:var(--inv-muted);margin:0;font-size:.9rem}.invoice-landing__icon{color:#fff;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:grid}.invoice-landing section{padding:2rem 0}.invoice-landing h2{color:var(--inv-navy);margin:0 0 .75rem}.invoice-landing__faq details{border:1px solid var(--inv-border);background:#fff;border-radius:.75rem;margin-bottom:.65rem;padding:.9rem 1rem}.invoice-landing__faq summary{cursor:pointer;color:var(--inv-navy);font-weight:650}@media (prefers-reduced-motion:reduce){.invoice-gen__btn,.invoice-landing__mock{transition:none!important}}@media print{body *{visibility:hidden!important}.invoice-preview,.invoice-preview *{visibility:visible!important}.invoice-preview{width:100%;position:absolute;top:0;left:0;box-shadow:none!important;border:none!important;border-radius:0!important}.invoice-gen__toolbar,.invoice-gen__mobile-bar,.invoice-gen__editor-pane,.invoice-gen__nav,header,footer,.invoice-gen__segment{display:none!important}@page{margin:12mm}}