*{margin:0;padding:0;box-sizing:border-box}:root{--navy-950: #020617;--navy-900: #0f172a;--navy-800: #1e293b;--navy-700: #334155;--navy-600: #475569;--navy-500: #64748b;--navy-400: #94a3b8;--navy-300: #cbd5e1;--navy-200: #e2e8f0;--navy-100: #f1f5f9;--navy-50: #f8fafc;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-400: #60a5fa;--blue-100: #dbeafe;--emerald-600: #059669;--emerald-500: #10b981;--emerald-400: #34d399;--emerald-100: #d1fae5;--amber-500: #f59e0b;--amber-400: #fbbf24;--amber-100: #fef3c7;--red-500: #ef4444;--red-100: #fee2e2;--font-display: "Instrument Serif", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .12);--shadow-xl: 0 24px 60px rgba(15, 23, 42, .16);--shadow-glow: 0 0 60px rgba(37, 99, 235, .15)}body{font-family:var(--font-body);background-color:var(--navy-50);color:var(--navy-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--blue-600);text-decoration:none;transition:color .2s}a:hover{color:var(--blue-500)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.938rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:.938rem;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.btn-primary{background:linear-gradient(135deg,var(--blue-600),#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2563eb66}.btn-secondary{background:#fff;color:var(--navy-800);border:1.5px solid var(--navy-200)}.btn-secondary:hover{border-color:var(--navy-300);background:var(--navy-50)}.btn-success{background:linear-gradient(135deg,var(--emerald-600),#047857);color:#fff;box-shadow:0 4px 14px #05966959}.btn-success:hover{transform:translateY(-1px);box-shadow:0 8px 24px #05966966}.btn-lg{padding:1rem 2.25rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.input{width:100%;padding:.688rem .875rem;border:1.5px solid var(--navy-200);border-radius:var(--radius);font-size:.938rem;color:var(--navy-900);background:#fff;transition:all .2s}.input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61f}.input::placeholder{color:var(--navy-400)}.label{display:block;margin-bottom:.375rem;font-weight:600;font-size:.813rem;color:var(--navy-700);letter-spacing:-.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2563eb33}50%{box-shadow:0 0 40px #2563eb66}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%,2%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-2%,2%)}60%{transform:translate(2%,-2%)}70%{transform:translate(-1%,-1%)}80%{transform:translate(1%,1%)}90%{transform:translate(-2%,-2%)}}.home{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.header{background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--navy-200);padding:.875rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.625rem;text-decoration:none}.logo:hover{text-decoration:none}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--blue-600),#1d4ed8);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:#fff}.logo-icon-light{background:#ffffff26}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-main{font-weight:700;font-size:.875rem;color:var(--navy-900);letter-spacing:-.02em}.logo-accent{font-weight:600;font-size:.75rem;color:var(--blue-600);letter-spacing:-.01em}.nav{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--navy-600);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--navy-900);text-decoration:none}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--navy-700);border-radius:2px}.hero{position:relative;padding:6rem 0 4rem;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#f8fafc,#eff6ff 40%,#dbeafe)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:60px 60px;z-index:1}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:1}.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);top:-100px;right:-100px}.hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.08),transparent 70%);bottom:-50px;left:-100px}.hero-container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{animation:fadeInUp .8s ease-out}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--navy-200);border-radius:var(--radius-full);font-size:.813rem;font-weight:600;color:var(--navy-700);margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.eyebrow-dot{width:8px;height:8px;background:var(--emerald-500);border-radius:50%;animation:pulse-glow 2s infinite;box-shadow:0 0 8px #10b98180}.hero-title{font-family:var(--font-display);font-size:3.75rem;font-weight:400;line-height:1.1;color:var(--navy-900);letter-spacing:-.02em;margin-bottom:1.5rem}.hero-title-accent{background:linear-gradient(135deg,var(--blue-600),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.hero-subtitle{font-size:1.125rem;color:var(--navy-600);line-height:1.7;max-width:480px;margin-bottom:2rem}.hero-subtitle strong{color:var(--navy-800);font-weight:700}.hero-actions{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.hero-cta{animation:pulse-glow 3s infinite}.hero-badges{display:flex;gap:.625rem;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fff;border:1px solid var(--navy-200);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--navy-600)}.hero-badge svg{color:var(--emerald-500)}.hero-visual{position:relative;animation:fadeInUp .8s ease-out .2s both}.hero-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--navy-200)}.hero-card-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--navy-50);border-bottom:1px solid var(--navy-200)}.hero-card-dots{display:flex;gap:6px}.hero-card-dots span{width:10px;height:10px;border-radius:50%;background:var(--navy-200)}.hero-card-dots span:first-child{background:#ff5f57}.hero-card-dots span:nth-child(2){background:#ffbd2e}.hero-card-dots span:last-child{background:#28ca41}.hero-card-title{font-size:.75rem;font-weight:600;color:var(--navy-500)}.hero-card-body{padding:1.5rem}.mock-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.mock-company{font-weight:700;font-size:1rem;color:var(--navy-900)}.mock-invoice-label{font-family:var(--font-display);font-size:1.5rem;color:var(--blue-600);font-style:italic}.mock-meta{display:flex;gap:1.5rem;font-size:.75rem;color:var(--navy-500);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--navy-100)}.mock-table{display:flex;flex-direction:column;gap:0}.mock-row{display:flex;justify-content:space-between;padding:.625rem 0;font-size:.813rem;color:var(--navy-700);border-bottom:1px solid var(--navy-100)}.mock-row-header{font-size:.688rem;font-weight:700;text-transform:uppercase;color:var(--navy-400);letter-spacing:.05em}.mock-divider{height:2px;background:var(--navy-900);margin:.5rem 0}.mock-row-total{font-weight:700;font-size:.938rem;color:var(--navy-900);border:none}.mock-badge{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--blue-600),#1d4ed8);color:#fff;border-radius:var(--radius-sm);font-size:.688rem;font-weight:700;letter-spacing:.02em}.hero-floating{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:.75rem;font-weight:700;color:var(--navy-800);border:1px solid var(--navy-100)}.hero-floating-1{top:20%;left:-30px;animation:float 4s ease-in-out infinite}.hero-floating-1 svg{color:var(--emerald-500)}.hero-floating-2{bottom:15%;right:-20px;animation:float 4s ease-in-out infinite 1s}.hero-floating-2 svg{color:var(--blue-600)}.proof-bar{padding:2rem 0;background:#fff;border-top:1px solid var(--navy-100);border-bottom:1px solid var(--navy-100)}.proof-items{display:flex;align-items:center;justify-content:center;gap:3rem}.proof-item{display:flex;flex-direction:column;align-items:center;text-align:center}.proof-number{font-family:var(--font-display);font-size:1.75rem;color:var(--navy-900);font-style:italic}.proof-label{font-size:.75rem;font-weight:600;color:var(--navy-500);text-transform:uppercase;letter-spacing:.05em}.proof-divider{width:1px;height:40px;background:var(--navy-200)}.features{padding:6rem 0}.section-header{text-align:center;margin-bottom:3.5rem}.section-eyebrow{display:inline-block;padding:.375rem 1rem;background:var(--blue-100);color:var(--blue-600);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:2.75rem;font-weight:400;color:var(--navy-900);line-height:1.15;letter-spacing:-.02em}.section-title em{color:var(--blue-600)}.section-desc{font-size:1.0625rem;color:var(--navy-500);max-width:560px;margin:1rem auto 0;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--navy-200);transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:var(--navy-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card-accent{background:linear-gradient(135deg,var(--blue-100),#eff6ff);border-color:var(--blue-400);box-shadow:0 4px 20px #2563eb1a}.feature-card-accent .feature-icon{background:var(--blue-600);color:#fff}.feature-card-accent h3{color:var(--navy-900)}.feature-card-accent p{color:var(--navy-600)}.feature-icon{width:48px;height:48px;background:var(--blue-100);color:var(--blue-600);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-icon-green{background:var(--emerald-100);color:var(--emerald-600)}.feature-icon-amber{background:var(--amber-100);color:var(--amber-500)}.feature-card h3{font-size:1.0625rem;font-weight:700;color:var(--navy-900);margin-bottom:.5rem;letter-spacing:-.01em}.feature-card p{font-size:.875rem;color:var(--navy-500);line-height:1.6}.how-it-works{padding:6rem 0;background:#fff}.steps-grid{display:flex;align-items:center;gap:1.5rem;max-width:900px;margin:0 auto}.step-card{flex:1;background:var(--navy-50);border:1px solid var(--navy-200);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:all .3s}.step-card:hover{border-color:var(--blue-500);box-shadow:var(--shadow-glow)}.step-number{font-family:var(--font-display);font-size:2.5rem;color:var(--blue-600);font-style:italic;margin-bottom:1rem}.step-content h3{font-size:1rem;font-weight:700;color:var(--navy-900);margin-bottom:.5rem}.step-content p{font-size:.813rem;color:var(--navy-500);line-height:1.6}.step-connector{color:var(--navy-300);flex-shrink:0}.steps-cta{text-align:center;margin-top:3rem}.obligation{padding:6rem 0}.obligation-card{display:grid;grid-template-columns:1.2fr .8fr;background:linear-gradient(135deg,var(--navy-900) 0%,#1e1b4b 100%);border-radius:var(--radius-xl);overflow:hidden;padding:3.5rem;gap:3rem;align-items:center;position:relative}.obligation-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(37,99,235,.15),transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.1),transparent 50%)}.obligation-content{position:relative;z-index:1}.obligation-eyebrow{display:inline-block;padding:.375rem 1rem;background:#ffffff1a;border-radius:var(--radius-full);font-size:.813rem;font-weight:600;color:#fffc;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.obligation-content h2{font-family:var(--font-display);font-size:2.25rem;color:#fff;line-height:1.2;margin-bottom:1rem}.obligation-content h2 em{color:var(--amber-400)}.obligation-content>p{color:var(--navy-300);font-size:.938rem;line-height:1.7;margin-bottom:2rem}.obligation-timeline{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.timeline-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#ffffff0f;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08)}.timeline-date{font-weight:700;font-size:.813rem;color:var(--amber-400);white-space:nowrap;min-width:80px}.timeline-text{font-size:.813rem;color:var(--navy-300);line-height:1.5}.obligation-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.obligation-stat{text-align:center;padding:3rem;background:#ffffff0f;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.stat-value{font-family:var(--font-display);font-size:3.5rem;font-style:italic;color:var(--amber-400);line-height:1.1;margin-bottom:.75rem}.stat-label{font-size:.813rem;font-weight:600;color:var(--navy-400);text-transform:uppercase;letter-spacing:.05em}.faq{padding:6rem 0;background:#fff}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.faq-item{border:1px solid var(--navy-200);border-radius:var(--radius);overflow:hidden;transition:all .2s}.faq-item.faq-open{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f614}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.25rem;background:none;border:none;font-size:.938rem;font-weight:600;color:var(--navy-900);text-align:left;cursor:pointer;transition:background .2s}.faq-question:hover{background:var(--navy-50)}.faq-question svg{color:var(--navy-400);flex-shrink:0}.faq-answer{padding:0 1.25rem 1.125rem;animation:fadeIn .2s ease-out}.faq-answer p{font-size:.875rem;color:var(--navy-600);line-height:1.7}.final-cta{padding:6rem 0}.cta-card{position:relative;text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--blue-600),#1d4ed8);border-radius:var(--radius-xl);overflow:hidden}.cta-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 30% 50%,rgba(255,255,255,.08),transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05),transparent 40%)}.cta-card h2{position:relative;font-family:var(--font-display);font-size:2.5rem;color:#fff;line-height:1.2;margin-bottom:.75rem}.cta-card p{position:relative;font-size:1.0625rem;color:#ffffffbf;margin-bottom:2rem}.cta-btn{position:relative;background:#fff;color:var(--blue-600);font-weight:700;box-shadow:0 4px 20px #00000026}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.footer{margin-top:auto;background:var(--navy-900);color:#fff;padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding-bottom:2rem}.footer-desc{font-size:.813rem;color:var(--navy-400);margin-top:1rem;line-height:1.6;max-width:300px}.footer-links-group{display:flex;flex-direction:column;gap:.5rem}.footer-links-group h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--navy-400);margin-bottom:.5rem}.footer-links-group a{font-size:.875rem;color:var(--navy-300);text-decoration:none;transition:color .2s}.footer-links-group a:hover{color:#fff;text-decoration:none}.footer-bottom{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer-bottom p{font-size:.75rem;color:var(--navy-500)}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.75rem}.hero-visual{max-width:480px;margin:0 auto}.hero-floating{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.obligation-card{grid-template-columns:1fr;padding:2.5rem}.obligation-visual{display:none}.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1.5rem;border-bottom:1px solid var(--navy-200);box-shadow:var(--shadow-lg);gap:1rem}.nav.nav-open,.mobile-menu-btn{display:flex}.hero{padding:3rem 0 2rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column}.hero-badges{gap:.5rem}.features-grid{grid-template-columns:1fr}.proof-items{flex-wrap:wrap;gap:1.5rem}.proof-divider{display:none}.section-title{font-size:2rem}.steps-grid{flex-direction:column}.step-connector{transform:rotate(90deg)}.obligation-card{padding:2rem}.obligation-content h2{font-size:1.75rem}.cta-card{padding:3rem 1.5rem}.cta-card h2{font-size:1.75rem}.footer-content{grid-template-columns:1fr;gap:2rem}}.generator{min-height:100vh;background:var(--navy-100)}.gen-header{background:#fff;border-bottom:1px solid var(--navy-200);padding:.75rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb}.gen-header-content{display:flex;align-items:center;justify-content:space-between}.gen-header-left{display:flex;align-items:center;gap:.875rem}.gen-back{display:inline-flex;align-items:center;gap:.375rem;font-size:.813rem;font-weight:600;color:var(--navy-500);transition:color .2s}.gen-back:hover{color:var(--navy-800)}.gen-header-sep{width:1px;height:20px;background:var(--navy-200)}.gen-header .logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.gen-header .logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--blue-600),#1d4ed8);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff}.gen-header .logo-main{font-weight:700;color:var(--navy-900);letter-spacing:-.02em}.gen-header-actions{display:flex;gap:.625rem}.btn-downloaded{background:linear-gradient(135deg,var(--emerald-500),var(--emerald-600));color:#fff;box-shadow:0 4px 14px #10b9814d;pointer-events:none}.gen-main{padding:1.75rem 0}.gen-layout{display:grid;grid-template-columns:1fr 380px;gap:1.75rem;align-items:start}.gen-form{display:flex;flex-direction:column;gap:1.25rem}.form-section{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--navy-200);transition:box-shadow .2s}.form-section:hover{box-shadow:var(--shadow)}.form-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--navy-100)}.form-section-icon{width:38px;height:38px;border-radius:var(--radius);background:var(--navy-50);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.emitter-actions{display:flex;align-items:center;gap:.375rem;margin-left:auto}.emitter-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.688rem;font-weight:600;border-radius:var(--radius-sm);border:1.5px solid var(--navy-200);background:#fff;color:var(--navy-500);cursor:pointer;transition:all .2s;white-space:nowrap}.emitter-btn:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-100)}.emitter-btn-saved{border-color:var(--emerald-500);color:var(--emerald-600);background:var(--emerald-100);pointer-events:none}.emitter-btn-clear{padding:.375rem}.emitter-btn-clear:hover{border-color:var(--red-500);color:var(--red-500);background:var(--red-100)}.form-section-header h2{font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--navy-900);letter-spacing:-.02em;margin:0}.form-section-desc{font-size:.75rem;color:var(--navy-500);margin:.125rem 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.invoice-lines{display:flex;flex-direction:column;gap:.625rem}.invoice-line{display:grid;grid-template-columns:1fr 72px 110px 90px 110px 36px;gap:.625rem;align-items:end;padding:.875rem;background:var(--navy-50);border-radius:var(--radius);border:1px solid transparent;transition:border-color .2s}.invoice-line:hover{border-color:var(--navy-200)}.line-total-value{padding:.688rem .75rem;background:#fff;border:1.5px solid var(--navy-200);border-radius:var(--radius);font-weight:600;font-size:.875rem;text-align:right;color:var(--navy-900)}.line-remove{padding:.625rem;background:none;border:1.5px solid var(--navy-200);border-radius:var(--radius);color:var(--navy-400);transition:all .2s;display:flex;align-items:center;justify-content:center}.line-remove:hover:not(:disabled){border-color:var(--red-500);color:var(--red-500);background:var(--red-100)}.line-remove:disabled{opacity:.25;cursor:not-allowed}.add-line-btn{width:100%;margin-top:.625rem;border-style:dashed;color:var(--navy-500)}.add-line-btn:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-100)}.form-section>textarea.input{resize:vertical;min-height:72px}.gen-preview{position:relative}.preview-sticky{position:sticky;top:80px}.preview-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.688rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-400);margin-bottom:.625rem}.preview-card{background:#fff;padding:1.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.813rem;border:1px solid var(--navy-200);line-height:1.5}.preview-header{display:flex;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.preview-company{font-family:var(--font-body);font-size:.938rem;font-weight:700;color:var(--navy-900);margin-bottom:.25rem}.preview-header p{color:var(--navy-500);font-size:.75rem;margin:.125rem 0}.preview-invoice-info{text-align:right;flex-shrink:0}.preview-invoice-info h2{font-family:var(--font-display);color:var(--blue-600);font-size:1.375rem;margin-bottom:.375rem;letter-spacing:-.02em}.preview-invoice-info p{font-size:.75rem;margin:.125rem 0;color:var(--navy-600)}.preview-client{background:var(--navy-50);padding:.875rem;border-radius:var(--radius);margin-bottom:1.25rem}.preview-client h4{font-size:.625rem;color:var(--navy-400);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.375rem}.preview-client p{margin:.125rem 0;font-size:.75rem;color:var(--navy-700)}.preview-table{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.preview-table th{text-align:left;padding:.5rem .375rem;border-bottom:2px solid var(--navy-200);font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:var(--navy-400);font-weight:700}.preview-table td{padding:.5rem .375rem;border-bottom:1px solid var(--navy-100);color:var(--navy-700);font-size:.75rem}.preview-table tbody tr:last-child td{border-bottom:none}.preview-totals{margin-left:auto;width:200px;margin-top:.5rem}.preview-total-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.75rem;color:var(--navy-600);border-bottom:1px solid var(--navy-100)}.preview-total-row.total-final{font-weight:700;font-size:.938rem;color:var(--navy-900);border-bottom:none;border-top:2px solid var(--navy-800);margin-top:.375rem;padding-top:.625rem}.preview-terms,.preview-notes{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--navy-100);font-size:.75rem;color:var(--navy-500)}.preview-badge{margin-top:1.25rem;padding:.5rem .75rem;background:linear-gradient(135deg,var(--blue-600),#1d4ed8);color:#fff;border-radius:var(--radius-sm);font-size:.688rem;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:.375rem;letter-spacing:.02em}.logo-upload-area{margin-top:.25rem}.logo-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1rem;border:2px dashed var(--navy-200);border-radius:var(--radius);cursor:pointer;transition:all .2s;color:var(--navy-400);font-size:.813rem;font-weight:600}.logo-upload-btn:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-100)}.logo-upload-hint{font-size:.688rem;font-weight:400;color:var(--navy-400)}.logo-preview-container{display:inline-flex;align-items:flex-start;gap:.5rem;position:relative}.logo-preview-img{max-height:56px;max-width:160px;border-radius:var(--radius-sm);border:1px solid var(--navy-200);object-fit:contain}.logo-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--red-500);color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.preview-logo{max-height:32px;max-width:80px;object-fit:contain;margin-bottom:.375rem}.history-section .form-section-header{-webkit-user-select:none;user-select:none}.history-list{display:flex;flex-direction:column;gap:.375rem;max-height:300px;overflow-y:auto}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--navy-50);border-radius:var(--radius-sm);font-size:.813rem;gap:.75rem}.history-item-info{display:flex;align-items:center;gap:.625rem;min-width:0}.history-item-number{font-weight:700;color:var(--navy-900);white-space:nowrap}.history-item-client{color:var(--navy-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.history-item-total{font-weight:700;color:var(--blue-600);white-space:nowrap}.history-item-date{color:var(--navy-400);font-size:.75rem;white-space:nowrap}.history-item-delete{background:none;border:none;color:var(--navy-300);padding:.25rem;cursor:pointer;transition:color .2s;display:flex}.history-item-delete:hover{color:var(--red-500)}.validation-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--red-100);border:1px solid var(--red-500);border-radius:var(--radius);color:var(--red-500);font-size:.813rem;font-weight:600;margin-bottom:1rem;animation:fadeInUp .3s ease}.input-error{border-color:var(--red-500)!important;box-shadow:0 0 0 3px #ef44441a!important}.field-error{display:block;font-size:.688rem;color:var(--red-500);font-weight:600;margin-top:.25rem}@media(max-width:1024px){.gen-layout{grid-template-columns:1fr}.gen-preview{order:-1}.preview-sticky{position:static}.hidden-mobile{display:none}.invoice-line{grid-template-columns:1fr 1fr}.line-description{grid-column:1 / -1}}@media(max-width:640px){.gen-header-content{flex-wrap:wrap;gap:.5rem}.gen-header-actions{width:100%}.gen-header-actions .btn{flex:1;font-size:.813rem;padding:.625rem .75rem}.gen-main{padding:1rem 0}.form-section{padding:1.125rem;border-radius:var(--radius)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}.invoice-line{grid-template-columns:1fr;padding:.75rem}.line-description{grid-column:1}.preview-card{padding:1.25rem}.preview-header{flex-direction:column}.preview-invoice-info{text-align:left}.preview-totals{width:100%}}.legal{min-height:100vh;background:var(--navy-100)}.legal-main{padding:2.5rem 1.5rem;max-width:780px}.legal-main h1{font-family:var(--font-display);font-size:2.25rem;color:var(--navy-900);margin-bottom:.25rem;letter-spacing:-.02em}.legal-updated{font-size:.813rem;color:var(--navy-400);margin-bottom:2rem}.legal-section{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--navy-200);box-shadow:var(--shadow-sm);margin-bottom:1rem}.legal-section h2{font-family:var(--font-body);font-size:1.0625rem;font-weight:700;margin-bottom:.75rem;color:var(--navy-900);letter-spacing:-.01em}.legal-section p{color:var(--navy-600);font-size:.875rem;line-height:1.7;margin-bottom:.625rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{padding-left:1.25rem;margin:.5rem 0 .625rem}.legal-section ul li{color:var(--navy-600);font-size:.875rem;line-height:1.7;margin-bottom:.375rem}.legal-section a{color:var(--blue-600);text-decoration:underline;text-underline-offset:2px}.legal-section a:hover{color:var(--blue-500)}@media(max-width:640px){.legal-main{padding:1.5rem 1rem}.legal-main h1{font-size:1.75rem}.legal-section{padding:1.125rem}}.blog{min-height:100vh;background:var(--navy-100)}.blog-main{padding:2rem 1.5rem;max-width:900px}.blog-hero{text-align:center;margin-bottom:2.5rem}.blog-label{display:inline-block;padding:.25rem .75rem;background:var(--blue-100);color:var(--blue-600);font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.blog-hero h1{font-family:var(--font-display);font-size:2.5rem;color:var(--navy-900);letter-spacing:-.03em;margin-bottom:.5rem}.blog-hero p{color:var(--navy-500);font-size:1.0625rem}.blog-grid{display:grid;grid-template-columns:1fr;gap:1rem}.blog-card{display:flex;flex-direction:column;background:#fff;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--navy-200);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card:hover{border-color:var(--blue-400);box-shadow:var(--shadow-lg);transform:translateY(-2px);text-decoration:none}.blog-card-category{display:inline-block;width:fit-content;padding:.2rem .5rem;background:var(--emerald-100);color:var(--emerald-600);font-size:.688rem;font-weight:700;border-radius:var(--radius-sm);margin-bottom:.75rem}.blog-card h2{font-family:var(--font-body);font-size:1.125rem;font-weight:700;color:var(--navy-900);letter-spacing:-.01em;margin-bottom:.5rem;line-height:1.4}.blog-card p{color:var(--navy-500);font-size:.875rem;line-height:1.6;flex:1}.blog-card-footer{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--navy-100)}.blog-card-meta{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--navy-400)}.blog-card-link{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--blue-600);margin-left:auto}.article{max-width:720px;margin:0 auto}.article-header{margin-bottom:2rem}.article-header h1{font-family:var(--font-display);font-size:2.25rem;color:var(--navy-900);letter-spacing:-.03em;line-height:1.2;margin:.75rem 0}.article-meta{display:flex;align-items:center;gap:1rem;color:var(--navy-400);font-size:.813rem}.article-meta span{display:flex;align-items:center;gap:.25rem}.article-body{background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--navy-200);box-shadow:var(--shadow-sm)}.article-body h2{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--navy-900);margin:1.75rem 0 .75rem;letter-spacing:-.01em}.article-body h2:first-child{margin-top:0}.article-body p{color:var(--navy-600);font-size:.938rem;line-height:1.8;margin-bottom:.75rem}.article-body li{color:var(--navy-600);font-size:.938rem;line-height:1.8;margin-bottom:.375rem;margin-left:1.25rem}.article-body a{color:var(--blue-600);text-decoration:underline;text-underline-offset:2px}.article-body strong{color:var(--navy-800)}.article-cta{text-align:center;background:linear-gradient(135deg,var(--navy-900),var(--navy-800));padding:2.5rem 2rem;border-radius:var(--radius-lg);margin-top:2rem}.article-cta h3{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-bottom:.5rem}.article-cta p{color:var(--navy-300);font-size:.938rem;margin-bottom:1.25rem}.article-related{margin-top:3rem}.article-related h3{font-family:var(--font-body);font-size:1.125rem;font-weight:700;color:var(--navy-900);margin-bottom:1rem}@media(max-width:640px){.blog-hero h1{font-size:1.75rem}.article-header h1{font-size:1.625rem}.article-body{padding:1.25rem}.article-cta{padding:1.5rem}}