:root{--page:#f8f8fb;--white:#fff;--ink:#20243c;--muted:#697089;--violet:#6651d8;--violet-hover:#5340c2;--border:#e7e8f0;--shadow:0 20px 55px rgba(36,36,78,.07);--ring:0 0 0 3px rgba(102,81,216,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Kaku Gothic ProN",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--ring)}.container{width:min(1200px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;left:1rem;top:-100px;background:#fff;padding:8px 16px;z-index:99}.skip-link:focus{top:8px}.site-header{height:76px;border-bottom:1px solid #f0f0f6;background:#ffffffee;position:relative;z-index:2}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:830;font-size:20px;letter-spacing:-.7px;white-space:nowrap}.brand-mark{color:var(--violet);width:34px;height:34px;display:block}.brand-mark svg{width:100%;height:100%}.brand-accent{color:var(--violet)}.nav-links{display:flex;gap:36px;margin-left:auto;margin-right:28px;color:#676c80;font-size:14px}.nav-links a:hover{color:var(--violet)}.language-picker{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:11px;padding:5px 10px;background:#fff;color:#575d76}.language-picker select{border:0;background:transparent;color:inherit;max-width:112px;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;min-height:510px;align-items:center;padding-top:56px;padding-bottom:72px}.hero-copy{padding:10px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;color:var(--violet);border:1px solid #e8e4ff;background:#f7f5ff;border-radius:99px;font-size:12px;font-weight:750}.eyebrow-dot{width:7px;height:7px;background:#7867ec;border-radius:50%}.hero h1{font-size:clamp(38px,4.4vw,61px);line-height:1.16;letter-spacing:-1.9px;margin:24px 0 20px;font-weight:850}.hero h1 em{font-style:normal;color:var(--violet)}.hero-copy>p{font-size:16px;color:var(--muted);line-height:1.9;max-width:500px}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;border:1px solid transparent;font-weight:690;transition:.2s transform,.2s background;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--violet);color:white;box-shadow:0 5px 16px #6651d829}.button-primary:hover{background:var(--violet-hover)}.button-ghost{background:#f7f6fc;color:#555a70}.button-outline{border-color:#e1e2ee;color:#4b5068;background:#fff}.button-subtle{color:#666b80;background:transparent}.button.small{padding:9px 11px;font-size:12px;border-radius:9px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#8a8ea0;font-size:12px}.hero-points>span{display:flex;gap:6px;align-items:center}.hero-points i{font-style:normal;color:#5ab390}.hero-graphic{height:390px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-graphic:before{content:"";position:absolute;inset:35px 0;background:radial-gradient(ellipse,#eae4ff 0%,#f4f1ff 50%,transparent 75%);z-index:-1}.floating-orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-one{width:84px;height:84px;background:#d9d1ff;top:4%;right:13%}.orb-two{width:42px;height:42px;background:#ffd5c2;bottom:6%;left:5%}.graphic-sheet{width:315px;min-height:324px;background:#fff;transform:rotate(-5deg);border-radius:13px;padding:26px;box-shadow:0 26px 65px #36325d25;position:relative}.graphic-top{display:flex;justify-content:space-between;align-items:center}.graphic-label{font-weight:850;font-size:15px}.graphic-label small{display:block;font-size:9px;color:#a0a4b6;font-weight:500;margin-top:6px}.graphic-check{background:#ddf9ed;color:#219b72;border-radius:99px;width:38px;height:38px;display:grid;place-items:center;font-size:21px}.ghost-row{height:9px;border-radius:99px;background:#eaebf4;margin-top:12px}.ghost-row.long{width:60%;margin-top:28px}.ghost-row.short{width:38%}.graphic-rule{border-top:1px solid #edf0f4;margin:25px 0 16px}.graphic-line{display:flex;justify-content:space-between;gap:8px;color:#777b91;font-size:11px;margin-bottom:16px}.graphic-line strong{color:#2f334c}.graphic-total{display:flex;justify-content:space-between;align-items:center;font-weight:750;color:#777b91;font-size:11px}.graphic-total strong{font-size:22px;color:var(--violet)}.graphic-pill{position:absolute;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 15px 35px #413c6a20;font-weight:750;font-size:12px}.pill-one{top:21%;left:1%;color:#745ac3}.pill-two{bottom:17%;right:1%;color:#299d80}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:80px}.feature{display:flex;align-items:center;gap:15px;border:1px solid #eeedf5;border-radius:16px;padding:19px 23px;box-shadow:0 7px 25px #252e5906}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font-weight:800;font-size:22px;flex-shrink:0}.feature-icon.purple{background:#efebff;color:#7155d7}.feature-icon.orange{background:#fff0e6;color:#d88b43}.feature-icon.green{background:#e6f7ef;color:#35a87d}.feature strong{font-size:14px}.feature p{margin:2px 0 0;color:#9296a7;font-size:12px}.workspace-section{background:var(--page);padding:78px 0 110px;border-top:1px solid #f2f0f6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-kicker{font-size:11px;font-weight:800;color:#8873e8;letter-spacing:1.5px}.section-heading h2,.privacy-section h2{font-size:33px;letter-spacing:-.8px;margin:7px 0}.section-heading p,.privacy-section p{color:#81859a;margin:0}.workspace-tools{display:flex;gap:10px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:24px;align-items:start}.editor-panel{padding:28px 28px 20px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.panel-title h3{font-size:16px;margin:0}.panel-icon{display:inline-grid;place-items:center;width:31px;height:31px;background:#f0edff;color:var(--violet);border-radius:9px;font-size:11px;font-weight:850}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field-wide{grid-column:1/-1}.field>span{font-weight:700;font-size:12px;color:#525870}.field input,.field textarea,.field select,.item-field{width:100%;min-width:0;padding:11px 12px;border:1px solid #e4e7ef;border-radius:10px;background:#fcfcfe;color:#292f48;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus,.item-field:focus{border-color:var(--violet);outline:none;box-shadow:var(--ring)}.field textarea{resize:vertical}.editor-divider{border-top:1px solid #ececf4;margin:28px 0}.line-items-header,.item-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 97px 32px;gap:8px;align-items:center}.line-items-header{font-size:11px;color:#8b8fa0;margin-bottom:9px}.line-items{display:grid;gap:9px}.item-field{font-size:12px;padding:10px 8px}.remove-item{border:0;background:#fff2f2;color:#bf5364;border-radius:9px;font-size:17px;height:36px;width:32px}.remove-item:hover{background:#ffe3e3}.add-item{border:1px dashed #b7abea;border-radius:11px;color:var(--violet);background:#faf9ff;width:100%;padding:10px 12px;margin-top:12px;font-weight:700}.add-item>span:first-child{font-size:20px;vertical-align:-1px;margin-right:5px}.save-hint{font-size:11px;color:#9a9eaa;display:flex;gap:7px}.save-hint>span:first-child{color:#40b18a}.preview-column{position:sticky;top:20px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 14px;color:#6b718a;font-weight:750;font-size:13px}.preview-toolbar>span{display:inline-flex;gap:7px;align-items:center}.preview-buttons{display:flex;gap:7px}.live-dot{width:7px;height:7px;background:#5cc59f;border-radius:50%;box-shadow:0 0 0 4px #e4faf1}.invoice-sheet{min-height:630px;background:#fff;border-radius:16px;border:1px solid #e4e5ee;box-shadow:0 18px 42px #20243a10;padding:36px 36px 26px}.invoice-top{display:flex;align-items:start;justify-content:space-between}.invoice-logo{background:#eeeaff;color:#624dcf;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:850}.invoice-logo span{color:#c3b8ff}.invoice-title{font-size:32px;font-weight:850;color:#262842;letter-spacing:1px}.invoice-number{text-align:right;color:#a1a5b5;font-size:11px;letter-spacing:.3px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:46px 0 31px}.invoice-parties>div,.invoice-dates>div{min-width:0}.invoice-kicker{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:750;color:#9fa3b2;display:block;margin-bottom:8px}.invoice-parties strong{display:block;font-size:13px;overflow-wrap:anywhere}.invoice-parties p{font-size:11px;color:#868a9b;white-space:pre-line;overflow-wrap:anywhere}.invoice-dates{display:flex;gap:36px;margin-bottom:31px}.invoice-dates>div{display:grid;gap:3px}.invoice-dates span{font-size:11px;color:#9da1af}.invoice-dates strong{font-size:12px}.invoice-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;table-layout:fixed}.invoice-table th{padding:11px 5px;background:#f6f4ff;color:#7f77b3;font-size:10px;font-weight:800}.invoice-table th:nth-child(1){width:42%}.invoice-table th:nth-child(2){width:15%}.invoice-table th:nth-child(3){width:21%}.invoice-table th:nth-child(4){width:22%}.invoice-table td{padding:13px 5px;border-bottom:1px solid #eff0f6;overflow-wrap:anywhere}.invoice-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.invoice-totals{width:min(310px,100%);margin:26px 0 38px auto}.invoice-totals>div{display:flex;justify-content:space-between;gap:15px;margin:10px 0;font-size:11px;color:#777d92}.invoice-totals strong{color:#333953}.invoice-totals .grand-total{border-top:1px solid #e7e8ef;padding-top:17px;margin-top:15px;color:#292d43;font-weight:850;font-size:14px}.invoice-totals .grand-total strong{color:var(--violet);font-size:22px}.invoice-notes{min-height:45px}.invoice-notes p{font-size:11px;color:#777e92;white-space:pre-line;overflow-wrap:anywhere}.invoice-foot{border-top:1px solid #eff0f4;padding-top:16px;display:flex;justify-content:space-between;gap:8px;color:#aaadba;font-size:9px}.preview-footnote{text-align:center;color:#9b9ead;font-size:11px}.privacy-section{padding:83px 0;display:flex;align-items:center;gap:30px}.privacy-icon{background:#f0edff;color:var(--violet);width:80px;height:80px;flex-shrink:0;border-radius:24px;font-size:34px;display:grid;place-items:center}.privacy-section>div:nth-child(2){flex:1}.privacy-section p{max-width:620px;font-size:13px;line-height:1.9}.site-footer{background:#24243a;color:#fff}.footer-inner{min-height:75px;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:12px}.footer-inner span:nth-child(2){color:#b6b5c6}.toast{position:fixed;bottom:24px;right:24px;background:#292b46;color:white;border-radius:12px;padding:12px 19px;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.hero{grid-template-columns:1fr 0.85fr;gap:8px}.graphic-sheet{width:280px}.workspace-grid{grid-template-columns:1fr}.preview-column{position:static}.invoice-sheet{max-width:740px;margin:auto}.privacy-section{flex-wrap:wrap}}@media(max-width:720px){.container{width:min(100% - 28px,640px)}.site-header{height:64px}.header-inner{gap:8px}.brand{font-size:17px}.brand-mark{width:28px;height:28px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:20px}.hero h1{font-size:39px}.hero-graphic{height:310px}.graphic-sheet{width:260px;min-height:278px;padding:20px}.graphic-pill{font-size:10px}.feature-strip{grid-template-columns:1fr;margin-bottom:48px;gap:10px}.feature{padding:13px 17px}.workspace-section{padding:50px 0}.section-heading{align-items:start;flex-direction:column}.workspace-tools{width:100%}.editor-panel{padding:20px 14px}.field-grid{gap:13px 9px}.line-items-header,.item-row{grid-template-columns:minmax(0,1fr) 49px 70px 30px;gap:4px}.item-field{padding:9px 5px}.preview-toolbar{flex-wrap:wrap}.invoice-sheet{padding:24px 15px;min-height:530px}.invoice-parties{gap:12px}.invoice-title{font-size:27px}.privacy-section{padding:55px 0}.footer-inner{flex-wrap:wrap;padding:20px 0}}@media print{@page{size:A4;margin:13mm}body{background:white!important}.site-header,.hero,.feature-strip,.section-heading,.editor-panel,.preview-toolbar,.preview-footnote,.privacy-section,.site-footer,.toast{display:none!important}.workspace-section{background:white;padding:0;border:0}.container{width:100%;max-width:none}.workspace-grid{display:block}.preview-column{position:static}.invoice-sheet{border:0;border-radius:0;box-shadow:none;padding:0;min-height:auto;max-width:none}.invoice-table tr{break-inside:avoid}.invoice-totals{break-inside:avoid}.invoice-foot{margin-top:26px}}