:root{--navy:#17324D;--blue:#356AE6;--yellow:#FFC857;--pale:#EAF2FF;--off:#F8FAFC;--green:#239B6B;--red:#D65353;--muted:#64748B;--line:#DDE5ED;--shadow:0 14px 35px rgba(23,50,77,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--navy);font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif;line-height:1.16}h1{font-size:clamp(2rem,5vw,4.4rem);margin:.25em 0}h2{font-size:clamp(1.5rem,3vw,2.4rem)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy)}.brand img{height:42px;max-width:220px;object-fit:contain}.brand img:not([hidden])+span{position:absolute;clip:rect(0,0,0,0)}.nav{display:flex;align-items:center;gap:24px}.nav form{margin:0}.nav-toggle{display:none;background:none;border:0;font-size:26px;color:var(--navy)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:white!important;border:2px solid var(--blue);border-radius:12px;padding:11px 18px;font:600 15px Inter;cursor:pointer;text-decoration:none!important}.button:hover{filter:brightness(.96)}.button.secondary{background:white;color:var(--navy)!important;border-color:#B8C7D6}.button.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--navy)!important}.button.small{padding:8px 14px}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.linkbutton{border:0;background:none;padding:0;color:var(--blue);font:inherit;cursor:pointer}.danger,.error-text{color:var(--red)}main{min-height:60vh}.hero{max-width:1200px;margin:auto;padding:90px 5vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:radial-gradient(circle at 10% 20%,var(--pale),transparent 44%)}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:1.15rem;max-width:570px}.hero-art img{width:100%;max-height:480px;object-fit:contain}.asset-note{display:none}.asset-missing{min-height:340px;background:var(--pale);border:2px dashed #9BB4D2;border-radius:24px;align-items:center;justify-content:center;padding:30px}.asset-missing .asset-note{display:block}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--blue);font-size:.78rem}.actions{display:flex;gap:12px;flex-wrap:wrap}.section{max-width:1200px;margin:0 auto;padding:80px 5vw}.section.pale{max-width:none;background:var(--pale)}.section.pale>*{max-width:1080px;margin-left:auto;margin-right:auto}.section-head{text-align:center;max-width:700px;margin:0 auto 40px}.grid3,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.price-card,.panel,.form-card,.screen{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 7px 22px rgba(23,50,77,.05)}.card>b{display:flex;background:var(--yellow);width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.checks{list-style:none;padding:0}.checks li{margin:12px 0}.checks li:before{content:'✓';color:var(--green);font-weight:800;margin-right:10px}.screen{box-shadow:var(--shadow)}.screen-top{font-weight:800;border-bottom:1px solid var(--line);padding-bottom:14px}.screen-top span{float:right;background:var(--blue);color:white;padding:4px 10px;border-radius:8px}.fake-row{display:grid;grid-template-columns:18px 1fr 1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.dot{width:10px;height:10px;border-radius:50%;margin-top:7px}.dot.green{background:var(--green)}.dot.yellow{background:var(--yellow)}.dot.red{background:var(--red)}.price-card{position:relative}.price-card.featured{border:2px solid var(--blue);transform:translateY(-8px)}.tag{position:absolute;right:16px;top:-14px;background:var(--yellow);padding:4px 10px;border-radius:99px;font-weight:700;font-size:.75rem}.price{font:800 2rem Manrope}.price small{font:500 .85rem Inter}.price-card ul{padding-left:20px;min-height:145px}.center{text-align:center}.faq{max-width:800px}.faq details{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}.faq summary{font-weight:700;cursor:pointer}.cta{text-align:center;background:var(--navy);color:white;padding:70px 20px}.pagehead{text-align:center;background:var(--pale);padding:70px 20px}.pagehead h1{font-size:clamp(2.2rem,4vw,3.4rem)}.narrow,.legal{max-width:760px}.legal{margin:50px auto;padding:20px}.callout{background:var(--pale);border-left:5px solid var(--blue);padding:20px;border-radius:10px;margin:30px 0}.callout.warning{border-color:var(--yellow)}footer{background:white;border-top:1px solid var(--line);padding:40px 5vw;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start}footer div:nth-child(2){display:flex;gap:18px}footer>p{text-align:right}.appnav{display:flex;gap:25px;padding:12px 5vw;background:var(--navy);overflow:auto}.appnav a{color:white;white-space:nowrap}.pro{background:var(--yellow);color:var(--navy);font-size:.65rem;padding:2px 5px;border-radius:5px}.workspace{max-width:1200px;margin:auto;padding:45px 5vw 80px}.workspace.narrow{max-width:850px}.workspace-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.workspace-head h1{font-size:2.4rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 30px}.stat{background:white;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:14px;padding:20px}.stat.success{border-top-color:var(--green)}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font:800 1.8rem Manrope;margin:6px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.78rem;text-transform:uppercase;color:var(--muted)}.status{display:inline-block;padding:4px 10px;border-radius:99px;background:#E2E8F0;font-size:.78rem;font-weight:700}.status.paid{color:#146C4A;background:#DDF7EB}.status.overdue,.status.send_failed{color:#9B2E2E;background:#FBE3E3}.status.open,.status.sent{color:#76520C;background:#FFF1C7}.status.draft{color:#516174}.empty{text-align:center;padding:55px 20px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.field,input,select,textarea{width:100%;border:1px solid #B8C7D6;border-radius:9px;padding:11px;background:white;font:inherit;color:var(--navy)}.filters .field{width:auto;min-width:160px}.form-card{max-width:500px;margin:auto}.form-card.wide{max-width:none}.form-card label{font-weight:600}.form-card p{margin:0 0 15px}.form-card .helptext,.form-card ul{font-size:.8rem;color:var(--muted)}.auth{padding:70px 20px;background:linear-gradient(135deg,var(--pale),var(--off));min-height:650px}.inline-form{display:grid;grid-template-columns:2fr .7fr .7fr 1fr .8fr auto;align-items:end;gap:10px}.inline-form p{margin:0}.inline-form label{font-size:.78rem;font-weight:700}.invoice-total{margin:20px 0 0 auto;max-width:300px}.invoice-total span{display:flex;justify-content:space-between;padding:6px}.invoice-total .grand{font-size:1.2rem;border-top:2px solid var(--navy)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.notice{max-width:1100px;margin:15px auto;padding:12px 18px;border-radius:10px;background:var(--pale)}.notice.success{background:#DDF7EB;color:#146C4A}.notice.error{background:#FBE3E3;color:#9B2E2E}
@media(max-width:850px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero,.split{grid-template-columns:1fr}.hero{padding-top:55px}.grid3,.pricing,.stats{grid-template-columns:1fr}.price-card.featured{transform:none}.inline-form{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer div:nth-child(2){flex-wrap:wrap}footer>p{text-align:left}.workspace-head{align-items:flex-start;flex-direction:column}.brand img{max-width:170px}}@media(max-width:520px){.inline-form{grid-template-columns:1fr}.hero{padding:45px 22px}.section,.workspace{padding:50px 20px}.actions .button{width:100%}.fake-row{grid-template-columns:15px 1fr auto}.fake-row strong{display:none}.appnav{gap:18px}.topbar{padding:0 18px}}