:root{--ink:#24245b;--text:#292d45;--muted:#676b7d;--lime:#c7f5a2;--bg:#f7f8fc;--line:#e2e5ee;--purple:#6664dd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--white)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7e75e9;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2.7rem,5.4vw,5.3rem);font-weight:650;margin-bottom:26px}h2{font-size:clamp(2rem,3.7vw,3.4rem);font-weight:620}h3{font-size:1.35rem;letter-spacing:-.025em}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.top-note{background:var(--ink);color:#fff;text-align:center;padding:9px 15px;font-size:14px}.top-note a{color:var(--lime);margin-left:12px}.header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(14px);z-index:10;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;gap:40px}.logo{display:inline-flex;align-items:center;gap:9px;font-weight:750;font-size:25px;letter-spacing:-1.2px;color:var(--ink);white-space:nowrap}.logo img{width:35px;height:35px}.navlinks{display:flex;align-items:center;gap:29px;margin-left:auto;font-size:14px;font-weight:600}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:white;font-weight:650;font-size:15px;line-height:1.5;transition:transform .2s,background .2s}.button:hover{background:#3b3b78;transform:translateY(-2px)}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.outline{background:transparent;color:var(--ink);border-color:#b8bdcf}.button.small{padding:8px 15px;font-size:14px}.menu-toggle{display:none;margin-left:auto}.hero{padding:90px 0 78px;background:linear-gradient(145deg,#fff 30%,#f0f1fe)}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.eyebrow{display:flex;gap:9px;align-items:center;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;color:var(--purple);margin-bottom:23px}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero p{font-size:19px;color:var(--muted);max-width:460px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.fine{font-size:13px!important;color:var(--muted);margin-top:16px}.underline{color:var(--purple)}.preview{border:1px solid #d5d9e9;background:#fff;border-radius:14px;box-shadow:0 25px 65px #24245b18;overflow:hidden;transform:rotate(-1deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);font-size:13px}.preview-top b{font-size:18px;color:var(--ink)}.preview-body{padding:24px}.preview h3{font-size:19px}.preview .muted{font-size:13px}.pill{display:inline-block;border-radius:6px;background:#eff1fa;padding:4px 9px;font-size:12px;font-weight:600;white-space:nowrap}.pill.green{background:#e7f7dc;color:#3d652a}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stat{background:var(--bg);border:1px solid var(--line);padding:16px;border-radius:8px}.mini-stat strong{display:block;font-size:25px;color:var(--ink);letter-spacing:-1px}.mini-stat span{font-size:12px;color:var(--muted)}.chart{width:100%;height:150px;display:block;margin-top:15px}.chart-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.preview-footer{margin-top:22px;background:#f0f8e9;padding:13px;border-radius:8px;font-size:13px;display:flex;gap:12px;align-items:center}.tick{width:26px;height:26px;border-radius:50%;background:#d3edbd;display:inline-grid;place-items:center;color:#396027}.audience{padding:30px 0;border-bottom:1px solid var(--line)}.audience .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.audience strong{font-size:15px;color:var(--ink)}.section{padding:86px 0}.section.soft{background:var(--bg)}.section-title{max-width:660px;margin-bottom:38px}.section-title p{font-size:18px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:14px;padding:30px;background:#fff}.card p{color:var(--muted);font-size:15px}.card .number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#efedff;color:var(--purple);margin-bottom:28px;font-weight:700}.card a{font-size:14px;font-weight:700;color:var(--ink)}.card a:hover{text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split p{color:var(--muted)}.list{padding:0;list-style:none}.list li{padding:14px 0;border-bottom:1px solid var(--line)}.list li:before{content:"✓";color:var(--purple);margin-right:12px}.statement{background:var(--ink);color:#fff;border-radius:18px;padding:48px}.statement h2,.statement h3{color:white}.statement p{color:#d2d2e8}.statement .eyebrow{color:var(--lime)}.faq{max-width:860px;margin:auto}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:18px;font-weight:600;color:var(--ink)}details p{padding-top:16px;color:var(--muted)}.cta{background:var(--lime);padding:65px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{margin:0;max-width:650px}.footer{padding:55px 0 24px;background:#181936;color:#c1c3d2}.footer .logo{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{color:#fff;font-size:15px;letter-spacing:0}.footer a:not(.logo){display:block;font-size:14px;margin:10px 0}.footer p{font-size:14px;max-width:330px;margin-top:20px}.footer-bottom{border-top:1px solid #373853;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;gap:20px}.pagehero{padding:65px 0;background:#f1f2fc}.pagehero h1{max-width:850px;font-size:clamp(2.6rem,5vw,4.6rem)}.pagehero p{max-width:720px;color:var(--muted);font-size:19px}.prose{max-width:850px}.prose h2{font-size:28px;margin-top:35px}.muted{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo{background:#f4f5fa;min-height:100vh}.demo-top{background:var(--ink);color:#fff;padding:10px 25px;font-size:13px;display:flex;justify-content:space-between;gap:20px}.demo-top a{text-decoration:underline}.workspace{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 40px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:30px 20px}.sidebar .logo{margin-bottom:35px}.company{padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:14px;margin-bottom:25px}.company small{display:block;color:var(--muted)}.side-nav a{display:block;padding:12px 16px;border-radius:8px;margin-bottom:6px;font-size:14px;font-weight:600}.side-nav a.active{background:#eeeefb;color:var(--purple)}.side-nav a:hover{background:var(--bg)}.workspace-main{padding:35px 42px;min-width:0}.workspace-main h1{font-size:30px;margin:0 0 8px;letter-spacing:-1px}.workspace-main h2{font-size:20px;letter-spacing:-.4px}.workspace-main .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stat{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.stat strong{display:block;font-size:27px;color:var(--ink);letter-spacing:-1px}.stat span,.stat small{font-size:13px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin:24px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}th,td{padding:15px 12px;border-bottom:1px solid var(--line)}td:last-child,th:last-child{text-align:right}.filter{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.filter input{max-width:300px}.empty{text-align:center;padding:40px;color:var(--muted)}.chart-large{height:220px}.badge-unpaid{background:#fff0d5;color:#80570d}.badge-paid{background:#e4f4e6;color:#356845}.badge-overdue{background:#ffe5e5;color:#a03e3e}.report-line{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.report-total{font-weight:750;font-size:20px;color:var(--ink)}.icon-btn{border:0;background:#f0f1f6;border-radius:6px;padding:4px 13px;font-size:24px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;max-width:520px;width:calc(100% - 32px);color:var(--text)}dialog::backdrop{background:#17173188}dialog h2{font-size:26px;margin-bottom:0}label{display:block;font-size:14px;font-weight:600;margin:15px 0 6px}input,select{border:1px solid #cbd0e0;padding:11px 13px;border-radius:7px;width:100%;background:#fff;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#form-error{color:#a03333;font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:8px;z-index:50;display:none;max-width:90%}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.notice{padding:18px 22px;background:#eff0fb;border-radius:10px;color:var(--ink);font-size:14px}.bar-track{height:14px;background:#f0f1f8;border-radius:4px;margin-top:8px}.bar-fill{height:100%;background:var(--purple);border-radius:4px}.metric{margin:25px 0}.metric .row{font-size:14px}.contact-box{border-left:4px solid var(--purple);padding:20px 25px;background:var(--bg)}@media(max-width:1050px){.nav{gap:15px}.navlinks{gap:17px}.hero-grid{gap:28px}.workspace-main{padding:25px}.workspace-main .stats{grid-template-columns:repeat(2,1fr)}.hero{padding-top:60px}.cards{gap:15px}.card{padding:24px}}@media(max-width:780px){.wrap{width:calc(100% - 36px)}.nav{height:72px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;padding:20px;background:#fff;box-shadow:0 10px 20px #24245b15;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.hero-grid,.split{grid-template-columns:1fr;gap:40px}.hero{padding:48px 0}.hero p{font-size:17px}.preview{transform:none}.cards{grid-template-columns:1fr}.section{padding:55px 0}.cta .wrap{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.workspace{grid-template-columns:1fr}.sidebar{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .logo{margin-bottom:15px}.company{display:none}.side-nav{display:flex;overflow:auto;gap:6px}.side-nav a{white-space:nowrap;margin:0;padding:9px 14px}.workspace-main{padding:22px 16px}.workspace-main>.row{align-items:flex-start;flex-wrap:wrap}.stat{padding:15px}.stat strong{font-size:23px}.panel{padding:18px}.demo-top{font-size:12px;padding:10px 16px}.statement{padding:30px}.audience .wrap{justify-content:flex-start;gap:16px 24px}.form-grid{grid-template-columns:1fr}.preview-body{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.sidebar,.demo-top,.actions,.filter,.button,.header,.footer{display:none!important}.workspace{display:block}.workspace-main{padding:0}.panel{break-inside:avoid}body{background:white}.demo{background:white}}