:root{--ink:#12251f;--cream:#f6f1e7;--paper:#fff;--mint:#bfe6d0;--green:#1f654a;--line:#d9d5cb;--muted:#6e756f;--danger:#9b2c2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(18,37,31,.14);position:sticky;top:0;background:rgba(246,241,231,.94);backdrop-filter:blur(12px);z-index:10}.brand{font-family:Georgia,serif;font-weight:700;font-size:24px;text-decoration:none;color:var(--ink)}.brand span{color:var(--green)}nav{display:flex;gap:26px;align-items:center}nav a,footer a{color:inherit;text-decoration:none;font-size:14px}.hero{min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;max-width:1180px;margin:auto;padding:80px 30px}.eyebrow{letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--green)}h1{font:clamp(46px,6vw,78px)/.98 Georgia,serif;margin:18px 0 24px;letter-spacing:-.04em}h1 em{color:var(--green);font-weight:400}.lead{font-size:19px;line-height:1.6;max-width:620px;color:#43514b;margin-bottom:34px}.primary,.secondary,.add,.ghost,.danger-text,.file-label{border:0;border-radius:6px;padding:13px 18px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:700}.primary{background:var(--ink);color:#fff}.secondary,.ghost,.file-label{background:#fff;color:var(--ink);border:1px solid var(--line)}.danger-text{background:transparent;color:var(--danger)}.trust{font-size:13px;color:var(--muted);margin-top:20px}.hero-card{background:var(--paper);padding:45px;box-shadow:0 25px 70px rgba(18,37,31,.12);transform:rotate(2deg);aspect-ratio:4/3}.mini-head,.mini-total{display:flex;justify-content:space-between}.mini-head b{font:30px Georgia}.mini-head span{color:var(--muted)}.mini-lines{margin:70px 0}.mini-lines i{display:block;height:1px;background:var(--line);margin:22px}.mini-total{border-top:2px solid var(--ink);padding-top:20px}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);background:#e8e4da;border-block:1px solid var(--line)}.editor{background:var(--paper);padding:50px max(4vw,28px)}.section-title,.split-head{display:flex;justify-content:space-between;align-items:end}.section-title small{font-weight:800;color:var(--green)}.section-title h2{margin:6px 0 30px;font:38px Georgia}.section-title span{font-size:12px;color:var(--muted);margin-bottom:34px}.grid{display:grid;gap:18px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:12px;font-weight:700;color:#45524d;margin-bottom:16px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:5px;padding:11px 12px;margin-top:6px;background:#fff;color:var(--ink)}textarea{min-height:72px;resize:vertical}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.split-head h3{margin-bottom:0}.parties>div{border-top:2px solid var(--ink);padding-top:16px}.item-row{display:grid;grid-template-columns:1fr 75px 110px 40px;gap:8px;align-items:end;margin-bottom:8px}.item-row label{margin:0}.item-row button{height:42px;border:0;background:transparent;color:var(--danger);font-size:20px;cursor:pointer}.add{background:var(--mint);color:var(--ink);margin:8px 0 26px}.tax-row{padding:18px;background:#f7f6f1;margin-bottom:18px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.preview-wrap{padding:50px max(3vw,24px);position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.preview-wrap>p{font-size:11px;font-weight:800;letter-spacing:.15em}.invoice{background:#fff;min-height:700px;padding:42px;box-shadow:0 10px 35px rgba(0,0,0,.08);font-size:11px}.invoice-head,.invoice-parties{display:flex;justify-content:space-between}.invoice-head>div:last-child{text-align:right}.invoice-logo{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--ink);color:#fff;margin-right:9px;font-weight:900}.invoice-head h2{font:28px Georgia;margin:0}.invoice-head small{display:block;margin-top:5px}.invoice-parties{gap:50px;margin:45px 0}.invoice-parties>div{flex:1}.invoice small{color:#748079;font-weight:800;letter-spacing:.1em}.invoice p{white-space:pre-line;line-height:1.6}.invoice table{width:100%;border-collapse:collapse}.invoice th{text-align:left;border-bottom:2px solid var(--ink);padding:8px 5px}.invoice td{padding:10px 5px;border-bottom:1px solid #e7e7e7}.invoice th:not(:first-child),.invoice td:not(:first-child){text-align:right}.totals{margin:25px 0 25px auto;width:52%}.totals p{display:flex;justify-content:space-between;margin:5px 0}.totals .grand{border-top:2px solid var(--ink);font-size:15px;padding-top:12px}.invoice-notes{margin-top:40px;border-top:1px solid var(--line);padding-top:15px}.features,.faq{max-width:1100px;margin:auto;padding:100px 28px}.features>h2,.faq>h2{font:46px Georgia;margin:15px 0 50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-grid article{border-top:2px solid var(--ink);padding-top:25px}.feature-grid article>b{color:var(--green)}.feature-grid p,.faq p{color:var(--muted);line-height:1.7}.faq{padding-top:30px;max-width:800px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-weight:800;cursor:pointer}footer{background:var(--ink);color:#fff;padding:50px max(5vw,24px);display:flex;justify-content:space-between;align-items:center}footer .brand{color:#fff}@media(max-width:900px){nav a{display:none}.hero{grid-template-columns:1fr}.hero-card{display:none}.workspace{grid-template-columns:1fr}.preview-wrap{position:relative;top:0;height:auto}.feature-grid{grid-template-columns:1fr}}@media(max-width:600px){.hero{padding-top:55px;min-height:auto}.two,.three,.split-head{grid-template-columns:1fr}.split-head h3:last-child{display:none}.item-row{grid-template-columns:1fr 60px 90px 30px}.editor{padding:34px 18px}.preview-wrap{padding:30px 10px}.invoice{padding:25px 18px;min-height:600px}.invoice-parties{gap:20px}.actions>*{width:100%;text-align:center}footer{display:block}.feature-grid{gap:40px}}@media print{body{background:#fff}.topbar,.hero,.editor,.preview-wrap>p,.features,.faq,footer{display:none!important}.workspace,.preview-wrap{display:block;background:#fff;padding:0;height:auto}.invoice{box-shadow:none;min-height:0;padding:20mm;font-size:10pt}.invoice-head h2{font-size:26pt}}