@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{--ink:#172033;--muted:#65708a;--line:#e7eaf0;--surface:#fff;--canvas:#f8f8f6;--purple:#5949d6;--purple-dark:#4032af;--lavender:#efedff;--mint:#dff5ed;--warm:#f5f0e6;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.container{width:min(1140px,100% - 48px);margin:0 auto}.logo{color:var(--ink);align-items:center;display:inline-flex}.logo-image{object-fit:contain;width:170px;height:170px;margin:-65px 0 -67px;display:block}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:600;transition:transform .2s,background .2s,border .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--purple);color:#fff;box-shadow:0 7px 18px #5949d628}.button-primary:hover{background:var(--purple-dark)}.button-quiet{color:var(--ink);background:#fff;border-color:#dadde5}.button-light{color:var(--purple-dark);background:#fff}.button-small{padding:9px 12px;font-size:14px}.button-large{padding:14px 18px;font-size:16px}.button-full{width:100%}.text-link{color:var(--purple);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.arrow-link{margin-top:20px}.eyebrow,.section-kicker{color:var(--purple);letter-spacing:1.1px;text-transform:uppercase;font-size:12px;font-weight:700}.section-kicker{margin:0 0 12px}.landing{background:#fbfbfa;overflow:hidden}.landing-header{z-index:4;justify-content:space-between;align-items:center;height:82px;display:flex;position:relative}.landing-nav{align-items:center;gap:30px;margin-left:85px;display:flex}.landing-nav a{color:#4f5870;font-size:14px}.landing-nav a:hover{color:var(--purple)}.nav-actions{align-items:center;gap:18px;display:flex}.locale{color:#616a80;border-left:1px solid var(--line);padding-left:17px;font-family:DM Mono;font-size:12px}.nav-mobile-actions,.menu-button{display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:620px;padding:68px 0 82px;display:grid}.hero-copy{max-width:590px}.hero-copy .eyebrow{align-items:center;gap:7px;margin:0 0 17px;display:flex}.hero h1{letter-spacing:-4.1px;margin:0;font-size:clamp(48px,5.5vw,76px);font-weight:600;line-height:.98}.hero h1 em{color:var(--purple);font-family:Newsreader,serif;font-weight:500}.hero-subtitle{color:var(--muted);max-width:530px;margin:25px 0 30px;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:12px;display:flex}.trust-line{color:#6e788d;align-items:center;gap:7px;margin:19px 0 0;font-size:13px;display:flex}.trust-line svg{color:#31a47a}.invoice-stage{place-items:center;min-height:465px;display:grid;position:relative}.stage-glow{filter:blur(2px);background:radial-gradient(circle,#e5e1ff 0%,#f4f2ff 42%,#0000 70%);border-radius:50%;width:420px;height:380px;position:absolute}.invoice-paper{z-index:1;background:#fff;border:1px solid #e2e3ed;border-radius:12px;width:min(100%,405px);min-height:442px;padding:30px;position:relative;transform:rotate(2deg);box-shadow:0 28px 70px #57507725,0 5px 16px #1d25330b}.paper-head,.paper-details,.paper-total,.paper-lines>div{justify-content:space-between;display:flex}.paper-logo img,.paper-footer-brand img{object-fit:contain;width:18px;height:18px}.paper-lines span{gap:3px;display:grid}.paper-lines small{color:#8b91a1;font-size:10px;font-weight:400}.paper-summary{border-top:1px solid var(--line);color:#7d8595;gap:4px;padding:11px 0;font-size:10px;display:grid}.paper-summary span{justify-content:space-between;display:flex}.paper-summary b{color:#576074}.paper-footer-brand{color:#929aab;justify-content:center;align-items:center;gap:5px;padding:12px 0 4px;font-size:9px;display:flex}.paper-head{border-bottom:1px solid var(--line);align-items:center;padding-bottom:25px}.paper-head>strong{letter-spacing:1px;color:#7a8192;font-family:DM Mono;font-size:11px}.paper-logo{color:var(--purple);align-items:center;gap:5px;font-size:15px;font-weight:700;display:flex}.paper-details{padding:21px 0;font-size:12px;line-height:1.65}.paper-details div{flex-direction:column;display:flex}.paper-details div:last-child{text-align:right}.paper-details span,.paper-client>span{color:#8b91a1}.paper-client{border-top:1px solid var(--line);flex-direction:column;gap:3px;padding:15px 0;font-size:12px;display:flex}.paper-client>span:first-child{letter-spacing:1px;font-family:DM Mono;font-size:9px}.paper-client b{font-size:13px}.paper-lines{border-top:1px solid var(--line);padding:10px 0}.paper-lines>div{padding:9px 0;font-size:12px}.paper-lines span{color:#525c70}.paper-total{border-top:1px solid var(--line);align-items:end;padding:17px 0}.paper-total span{color:#626b7c;font-size:12px}.paper-total strong{color:var(--purple-dark);font-size:18px}.paper-status{border-top:1px solid var(--line);color:#4d8e78;align-items:center;gap:6px;padding-top:14px;font-size:11px;display:flex}.status-dot{background:#44b38a;border-radius:50%;width:6px;height:6px}.floating-chip{z-index:2;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:10px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 24px #3c356829}.chip-one{color:#368d71;bottom:59px;left:-18px}.chip-two{color:var(--purple);top:71px;right:-9px}.social{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:27px 0;display:flex}.social>p{color:#737c8f;font-size:14px}.social-numbers{gap:48px;display:flex}.social-numbers>div{flex-direction:column;display:flex}.social-numbers strong{letter-spacing:-.8px;font-size:22px}.social-numbers span{color:#848b9a;margin-top:3px;font-size:12px}.steps-section{background:var(--warm);margin-top:108px;padding:100px 0}.steps-section h2,.features h2,.product-section h2,.security h2,.final-cta h2{letter-spacing:-2.1px;max-width:620px;margin:0;font-size:42px;line-height:1.12}.steps{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:49px;display:grid}.step{padding:5px 24px 0 0;position:relative}.step>span{color:#aaa28f;font-family:DM Mono;font-size:11px}.step-icon{color:var(--purple);margin:26px 0 19px}.step h3{margin:0 0 9px;font-size:18px}.step p,.feature-card p,.product-grid>div>p,.security p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.features{grid-template-columns:.75fr 1.25fr;gap:70px;padding:119px 0;display:grid}.feature-cards{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:25px 20px}.feature-icon{border-radius:10px;place-items:center;width:37px;height:37px;margin-bottom:35px;display:grid}.icon-0{color:#6454df;background:#ebe8ff}.icon-1{color:#c27a4e;background:#fff1e8}.icon-2{color:#298869;background:#e1f5eb}.feature-card h3{margin:0 0 10px;font-size:15px}.feature-card p{font-size:13px}.product-section{color:#fff;background:#182338;padding:105px 0}.product-section .section-kicker{color:#a99fff}.product-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;display:grid}.product-grid>div>p{color:#b5bdcb;max-width:480px;margin-top:20px}.check-list{color:#e4e8f0;gap:13px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.check-list li{align-items:center;gap:9px;display:flex}.check-list svg{color:#a9f0d2;width:17px}.dashboard-preview{color:var(--ink);background:#fdfdfc;border-radius:13px;padding:25px;box-shadow:0 24px 60px #06091045}.dash-top{justify-content:space-between;align-items:start;display:flex}.dash-top>div{gap:3px;display:grid}.muted{color:#788398;font-size:11px}.dash-top strong{letter-spacing:-1px;font-size:25px}.dash-top small{color:#8891a0;font-size:10px}.dash-top small span{color:#2d9672}.dash-top button{background:var(--purple);color:#fff;border:0;border-radius:7px;align-items:center;gap:4px;padding:8px 9px;font-size:11px;display:flex}.dash-bars{border-bottom:1px solid #e8eaf0;align-items:end;gap:14px;height:138px;margin:26px 3px 22px;padding-bottom:1px;display:flex}.dash-bars i{background:linear-gradient(#a9a0ff,#6254d9);border-radius:5px 5px 1px 1px;flex:1;display:block}.dash-list{border-top:1px solid #ebedf2;gap:10px;padding-top:12px;display:grid}.dash-list>div{grid-template-columns:27px 1fr auto auto;align-items:center;gap:9px;font-size:11px;display:grid}.dash-list b{font-size:11px}.dash-list em{color:#b17242;background:#fff0e6;border-radius:10px;padding:4px 6px;font-size:9px;font-style:normal}.dash-list em.paid{color:#358468;background:#e5f7ef}.avatar{border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:700;display:grid}.a1{color:#ad6c39;background:#fff0df}.a2{color:#4879a8;background:#e4f0ff}.security{grid-template-columns:90px 1fr auto;align-items:center;gap:34px;padding:105px 0;display:grid}.security h2{margin-bottom:14px;font-size:35px}.security-mark{background:var(--mint);color:#278263;border-radius:50%;place-items:center;width:75px;height:75px;display:grid}.final-cta{background:var(--purple);color:#fff;text-align:center;padding:100px 0}.final-cta .section-kicker{color:#c9c4ff}.final-cta h2{margin:0 auto 28px}.landing-footer{justify-content:space-between;align-items:center;min-height:130px;display:flex}.landing-footer p{color:#7a8394;font-size:13px}.landing-footer>div{color:#687286;gap:19px;font-size:13px;display:flex}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-panel{flex-direction:column;justify-content:center;max-width:520px;padding:50px max(40px,8vw);display:flex}.auth-copy{margin:65px 0 34px}.auth-copy h1{letter-spacing:-1.7px;margin:0 0 14px;font-size:38px;line-height:1.12}.auth-copy p:not(.section-kicker){color:var(--muted);line-height:1.6}.auth-panel form{gap:17px;display:grid}.auth-panel label,.settings-form label,.editor-card label{color:#465065;gap:7px;font-size:13px;font-weight:600;display:grid}.auth-panel input,.settings-form input,.settings-form select,.settings-form textarea,.editor-card input,.editor-card select,.editor-card textarea,.toolbar input{color:var(--ink);background:#fff;border:1px solid #dce0e8;border-radius:8px;outline:none;padding:11px 12px;font-weight:400}.auth-panel input:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.editor-card input:focus,.editor-card select:focus,.editor-card textarea:focus,.toolbar input:focus{border-color:#8e84ed;box-shadow:0 0 0 3px #edeaff}.auth-aside{background:#eeebff;place-items:center;padding:40px;display:grid}.auth-aside .invoice-stage{width:520px;max-width:100%}.hidden{display:none!important}.auth-switch{text-align:center;color:#6f788a;margin-top:22px;font-size:13px}.auth-switch a{color:var(--purple);font-weight:600}.form-error{color:#bb3d42;margin:0;font-size:13px}.form-success{color:#23795e;margin:0;font-size:13px}.center-page{background:var(--canvas);align-content:center;place-items:center;gap:45px;min-height:100vh;display:grid}.message-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;max-width:440px;padding:43px;box-shadow:0 12px 35px #1e25320d}.message-card h1{letter-spacing:-1px;margin:17px 0 11px;font-size:28px}.message-card p{color:var(--muted);margin:0 0 25px;line-height:1.6}.message-icon{color:#248064;background:#e2f5ed;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;display:grid}.app-layout{background:#f7f8fa;min-height:100vh;display:flex}.sidebar{z-index:10;background:#fff;border-right:1px solid #e6e9ef;flex-direction:column;flex:none;width:238px;padding:25px 14px;display:flex;position:fixed;top:0;bottom:0}.sidebar .logo{margin-bottom:37px;padding:0 10px}.sidebar nav{gap:5px;display:grid}.sidebar nav a,.sidebar-bottom>a{color:#626d80;border-radius:8px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;display:flex}.sidebar nav a.active,.sidebar nav a:hover,.sidebar-bottom>a:hover{color:var(--purple);background:#f0efff}.sidebar-bottom{gap:10px;margin-top:auto;display:grid}.account-chip{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:9px;padding:18px 8px 0;display:flex}.account-chip>span{width:31px;height:31px;color:var(--purple);background:#edeafe;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.account-chip div{gap:2px;display:grid}.account-chip b{font-size:12px}.account-chip small{color:#8a93a4;font-size:10px}.app-main{flex:1;min-width:0;margin-left:238px}.app-header{background:#fff;border-bottom:1px solid #e6e9ef;align-items:center;min-height:68px;padding:0 42px;display:flex}.header-spacer{flex:1}.app-menu{background:0 0;border:0}.app-content{width:min(1160px,100% - 80px);margin:0 auto;padding:46px 0 70px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px;display:flex}.page-heading h1{letter-spacing:-1.4px;margin:0 0 6px;font-size:30px}.page-heading p:not(.section-kicker){color:var(--muted);margin:0;font-size:14px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric-card,.app-card{background:#fff;border:1px solid #e6e9ef;border-radius:12px}.metric-card{flex-direction:column;min-height:148px;padding:19px;display:flex;position:relative}.metric-icon{color:var(--purple);background:#f0efff;border-radius:8px;align-self:flex-end;place-items:center;width:31px;height:31px;display:grid}.metric-card>span{color:#737d90;margin-top:-28px;font-size:12px}.metric-card strong{letter-spacing:-1px;margin-top:16px;font-size:23px}.metric-card small{color:#8b94a3;margin-top:7px;font-size:11px}.app-card{margin-bottom:18px;padding:23px}.card-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.card-head h2{margin:0 0 4px;font-size:16px}.card-head p{color:#8790a0;margin:0;font-size:12px}.select-button{color:#677286;background:#fff;border:1px solid #e0e4eb;border-radius:7px;align-items:center;gap:3px;padding:7px 9px;font-size:12px;display:inline-flex}.chart-card{min-height:270px}.empty-chart{color:#8b94a5;background:linear-gradient(#fbfbff,#fff);border-radius:8px;place-items:center;height:177px;margin-top:20px;font-size:12px;display:grid;position:relative;overflow:hidden}.chart-wave{opacity:.6;background:linear-gradient(170deg,#0000 44%,#e9e7ff 45% 56%,#0000 57%);width:110%;height:75px;position:absolute;bottom:28px;left:-5%;transform:skewY(-4deg)}.empty-chart span{z-index:1;background:#fff;border:1px solid #eeeff4;border-radius:20px;padding:6px 10px}.table-empty{text-align:center;color:#8b94a3;align-content:center;place-items:center;gap:8px;min-height:145px;font-size:13px;display:grid}.table-empty p{margin:0}.onboarding-callout{background:#f6f5ff;border:1px solid #dcd8ff;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:17px;margin-bottom:20px;padding:26px;display:grid}.onboarding-callout>span{height:42px;color:var(--purple);background:#e8e5ff;border-radius:10px;place-items:center;display:grid}.onboarding-callout h2{margin:0 0 4px;font-size:16px}.onboarding-callout p{color:#687285;margin:0;font-size:13px}.resource-card{padding:0;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px;display:flex}.toolbar input{width:250px;padding:8px 10px;font-size:12px}.loading-line{color:#7e8798;padding:24px;font-size:13px}.empty-icon{color:var(--purple);background:#efedff;border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.table-empty h3{color:var(--ink);margin:5px 0 0;font-size:15px}.resource-rows>div{border-bottom:1px solid var(--line);color:#687285;grid-template-columns:2fr 1fr 100px;align-items:center;padding:15px 18px;font-size:13px;display:grid}.row-title{color:var(--ink);font-weight:600}.row-status{color:#378366;background:#e7f7ef;border-radius:20px;width:max-content;padding:4px 7px;font-size:11px}.back-link{color:#6e7890;margin-bottom:11px;font-size:13px;display:inline-block}.editor-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.editor-card,.summary-card{background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:23px}.form-row,.form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.line-items{margin:30px 0}.line-head,.line-item{grid-template-columns:minmax(0,1fr) 80px 130px 120px;align-items:center;gap:10px;display:grid}.line-head{color:#8b94a3;padding:0 3px 7px;font-size:11px}.line-item{border-top:1px solid #edf0f4;padding:8px 0}.line-item input{min-width:0;padding:9px;font-size:13px}.line-item b{text-align:right;font-size:13px}.add-line{color:var(--purple);background:0 0;border:0;align-items:center;gap:6px;margin:13px 0 0;padding:4px 0;font-size:13px;font-weight:600;display:flex}.editor-card textarea,.settings-form textarea{resize:vertical;min-height:100px}.summary-card{gap:13px;display:grid;position:sticky;top:20px}.summary-card>p:first-child{color:#8992a2;letter-spacing:1px;margin:0 0 4px;font-size:10px;font-weight:700}.summary-card>div{color:#697386;justify-content:space-between;font-size:13px;display:flex}.summary-card hr{border:0;border-top:1px solid var(--line);width:100%}.summary-card .grand-total{color:var(--ink);align-items:end}.grand-total strong{font-size:18px}.summary-note{color:#8c95a4;font-size:11px;line-height:1.5}.settings-form{gap:20px;display:grid}.form-grid{grid-template-columns:repeat(3,1fr)}.settings-form textarea{width:100%}.access-card{text-align:center;padding:55px}.access-card svg{color:var(--purple)}.access-card h2{margin:16px 0 7px;font-size:19px}.access-card p{color:var(--muted);margin:0;font-size:13px}.event-list{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:19px;display:grid}.event-list>div{border:1px solid #edf0f4;border-radius:8px;justify-content:space-between;padding:12px;display:flex}.event-list code{color:#65708a;font-size:12px}.event-list strong{font-size:13px}.detail-actions{flex-wrap:wrap;gap:9px;display:flex}.detail-message{margin:-16px 0 17px}.invoice-detail-card{max-width:760px;padding:0;overflow:hidden}.detail-top{background:#f8f8ff;justify-content:space-between;padding:27px;display:flex}.detail-top>div{gap:7px;display:grid}.detail-top>div:last-child{text-align:right}.detail-top span{color:#828b9c;letter-spacing:.8px;font-size:10px;font-weight:700}.detail-top strong{letter-spacing:-.7px;font-size:21px}.detail-items{padding:10px 26px}.detail-items>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;display:flex}.detail-items span{gap:4px;display:grid}.detail-items small{color:#919aaa}.detail-total{justify-content:space-between;align-items:center;padding:24px 26px;font-size:15px;display:flex}.detail-total strong{color:var(--purple-dark);font-size:22px}.public-invoice-page{background:#f2f2ef;min-height:100vh}.public-bar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:65px;padding:0 max(25px,6vw);display:flex}.public-bar>span{color:#758094;font-size:12px}.public-paper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(700px,100% - 40px);margin:45px auto;padding:50px;box-shadow:0 15px 38px #1f273014}.public-head,.public-bill,.public-items>div,.public-total{justify-content:space-between;display:flex}.public-head{padding-bottom:38px}.public-head p,.public-bill p{letter-spacing:1px;color:#8c94a2;margin:0 0 8px;font-family:DM Mono;font-size:10px}.public-head h2{margin:0;font-size:19px}.public-head h1{text-align:right;margin:0 0 6px;font-size:22px}.public-head>div:last-child{text-align:right}.public-status{color:#26795f;background:#e5f6ed;border-radius:9px;padding:4px 7px;font-size:10px}.public-bill{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.public-bill h3{margin:0;font-size:15px}.public-bill strong{color:var(--purple-dark);font-size:20px}.public-bill>div:last-child{text-align:right}.public-items{padding:16px 0}.public-items>div{padding:10px 0;font-size:13px}.public-items span{gap:3px;display:grid}.public-items small{color:#9097a4}.public-total{border-top:1px solid var(--line);align-items:end;padding-top:19px}.public-total strong{font-size:21px}.legal-page{padding:43px 0}.legal-page article{max-width:680px;margin:90px auto}.legal-page h1{letter-spacing:-2px;margin:0 0 22px;font-size:43px}.legal-page article p:not(.section-kicker){color:var(--muted);line-height:1.8}@media (width<=900px){.landing-nav{margin-left:20px}.hero{gap:25px}.features{gap:35px}.feature-cards{grid-template-columns:1fr}.product-grid{gap:40px}.metric-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.summary-card{position:static}.form-grid{grid-template-columns:repeat(2,1fr)}.auth-panel{padding:40px}.auth-aside{padding:20px}.sidebar{width:210px}.app-main{margin-left:210px}.app-content{width:min(100% - 44px,1160px)}}@media (width<=700px){.container{width:min(100% - 32px,1140px)}.landing-header{height:70px}.landing-nav,.nav-actions{display:none}.menu-button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid}.landing-nav.is-open{border:1px solid var(--line);background:#fff;border-radius:10px;gap:15px;margin:0;padding:17px;display:grid;position:absolute;top:62px;left:16px;right:16px;box-shadow:0 15px 30px #22273a14}.nav-mobile-actions{gap:9px;display:grid}.hero{grid-template-columns:1fr;min-height:auto;padding:50px 0 60px}.hero h1{font-size:54px}.hero-subtitle{font-size:16px}.invoice-stage{min-height:415px}.invoice-paper{width:340px;padding:25px;transform:rotate(0)}.chip-one{left:0}.chip-two{right:0}.social{gap:8px;display:grid}.social>p{margin:0}.social-numbers{gap:25px}.steps-section{margin-top:60px;padding:70px 0}.steps-section h2,.features h2,.product-section h2,.security h2,.final-cta h2{letter-spacing:-1.5px;font-size:33px}.steps{grid-template-columns:1fr;gap:30px}.step{padding-right:0}.features{grid-template-columns:1fr;gap:33px;padding:70px 0}.feature-cards{grid-template-columns:1fr}.feature-icon{margin-bottom:20px}.product-section{padding:70px 0}.product-grid{grid-template-columns:1fr}.security{grid-template-columns:1fr;gap:18px;padding:65px 0}.security-mark{width:56px;height:56px}.security .button{width:max-content}.final-cta{padding:70px 0}.landing-footer{flex-wrap:wrap;gap:15px;padding:30px 0}.landing-footer p{order:3;width:100%}.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-panel{min-height:100vh;padding:32px 24px}.auth-copy{margin:55px 0 30px}.app-layout{display:block}.sidebar{width:260px;transition:transform .2s;transform:translate(-100%);box-shadow:12px 0 30px #1720331c}.sidebar.open{transform:translate(0)}.app-main{margin-left:0}.app-header{padding:0 18px}.app-menu{display:grid}.app-content{width:calc(100% - 32px);padding-top:31px}.page-heading{align-items:start}.page-heading h1{font-size:26px}.page-heading>.button{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:126px;padding:14px}.metric-card strong{font-size:18px}.onboarding-callout{grid-template-columns:1fr}.onboarding-callout .button{width:max-content}.toolbar{gap:8px}.toolbar input{width:100%}.resource-rows>div{grid-template-columns:1fr auto;gap:5px}.resource-rows>div>span:nth-child(2){display:none}.line-head,.line-item{grid-template-columns:1fr 58px 82px}.line-head span:last-child,.line-item b{display:none}.form-row,.form-grid,.event-list{grid-template-columns:1fr}.public-paper{margin:20px auto;padding:25px}.public-head,.public-bill{gap:17px}.public-head h1{font-size:16px}.public-bar>span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.offline-banner{z-index:30;color:#80500c;text-align:center;background:#fff0d8;padding:9px 16px;font-size:13px;position:sticky;top:0}.faq{padding:36px 0 105px}.faq h2{letter-spacing:-1.5px;margin:0 0 30px;font-size:35px}.faq-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.faq details{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px}.faq summary{cursor:pointer;color:var(--ink);font-size:14px;font-weight:600}.faq details p{color:var(--muted);margin:13px 0 0;font-size:13px;line-height:1.6}.legal-page h2{margin:30px 0 8px;font-size:20px}.legal-updated{font-size:12px;color:#8992a1!important;margin-top:35px!important}.quick-page{background:#f5f5f2;min-height:100vh}.quick-header{justify-content:space-between;align-items:center;min-height:72px;display:flex}.quick-header>div{color:#778195;align-items:center;gap:17px;font-size:12px;display:flex}.quick-hero{padding:56px 0 36px}.quick-hero h1{letter-spacing:-2px;margin:0 0 13px;font-size:45px}.quick-hero p:not(.section-kicker){max-width:590px;color:var(--muted);margin:0;line-height:1.65}.quick-workspace{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:22px;padding-bottom:28px;display:grid}.quick-form,.quick-paper{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.quick-form{gap:16px;display:grid}.quick-form label{color:#465065;gap:7px;font-size:13px;font-weight:600;display:grid}.quick-form input,.quick-form textarea{border:1px solid #dce0e8;border-radius:8px;outline:none;padding:10px 11px}.quick-form textarea{resize:vertical;min-height:92px}.quick-card-head{justify-content:space-between;align-items:start;display:flex}.quick-card-head h2{margin:0 0 4px;font-size:18px}.quick-card-head p{color:#8590a1;margin:0;font-size:12px}.text-button{color:var(--purple);background:0 0;border:0;font-size:12px;font-weight:600}.quick-lines{margin:6px 0}.quick-line{border-top:1px solid #edf0f4;grid-template-columns:minmax(0,1fr) 60px 104px 19px;align-items:center;gap:8px;padding:7px 0;display:grid}.quick-line input{min-width:0;padding:8px}.remove-line{color:#aa4d54;background:0 0;border:0;font-size:20px}.quick-paper{box-shadow:0 15px 45px #19233a10}.quick-paper-head,.quick-client,.quick-preview-lines>div,.quick-total{justify-content:space-between;display:flex}.quick-paper-head{border-bottom:1px solid var(--line);padding-bottom:23px}.quick-paper-head span,.quick-client>span{color:#8992a1;letter-spacing:.7px;font-family:DM Mono;font-size:10px}.quick-paper-head h2,.quick-paper-head h3,.quick-client h3{margin:7px 0 0;font-size:17px}.quick-paper-head>div:last-child{text-align:right}.quick-paper-head small{color:#87909f;font-size:11px}.quick-client{padding:19px 0}.quick-preview-lines{border-top:1px solid var(--line)}.quick-preview-lines>div{border-bottom:1px solid #eff1f4;padding:13px 0;font-size:13px}.quick-preview-lines span{gap:3px;display:grid}.quick-preview-lines small{color:#8992a1}.quick-total{align-items:end;padding:19px 0}.quick-total strong{color:var(--purple-dark);font-size:22px}.quick-notes{color:#687386;border-top:1px solid var(--line);padding-top:16px;font-size:12px;line-height:1.6}.quick-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.quick-upgrade{background:#ebe8ff;border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;gap:16px;margin-bottom:65px;padding:22px;display:grid}.quick-upgrade>span{color:#fff;background:var(--purple);border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.quick-upgrade h2{margin:0 0 5px;font-size:16px}.quick-upgrade p{color:#626d80;margin:0;font-size:13px}@media (width<=700px){.faq{padding-bottom:68px}.faq-grid,.quick-workspace{grid-template-columns:1fr}.quick-header{align-items:start;padding-top:20px}.quick-header>div{justify-items:end;gap:5px;display:grid}.quick-hero{padding-top:35px}.quick-hero h1{font-size:35px}.quick-upgrade{grid-template-columns:1fr}.quick-upgrade .button{width:max-content}.quick-line{grid-template-columns:minmax(0,1fr) 48px 78px 18px}}@media print{body{background:#fff}.quick-toolbar,.quick-header,.quick-hero,.quick-upgrade{display:none!important}.quick-workspace{width:100%;padding:0;display:block}.quick-paper{box-shadow:none;border:0;width:100%}.quick-page{background:#fff}}.quick-form fieldset{border:0;border-top:1px solid var(--line);gap:13px;margin:0;padding:19px 0 0;display:grid}.quick-form legend{color:#38445b;padding:0;font-size:14px;font-weight:700}.quick-form select{background:#fff;border:1px solid #dce0e8;border-radius:8px;outline:none;padding:10px 11px}.upload-logo{cursor:pointer;border:1px dashed #b9b2ed;border-radius:8px;align-items:center;gap:8px;width:max-content;padding:9px 11px;color:var(--purple)!important;display:flex!important}.upload-logo input{display:none}.upload-logo img{object-fit:contain;width:34px;height:34px}.quick-line-head,.quick-line-editor{grid-template-columns:minmax(0,1fr) 52px 92px;align-items:center;gap:7px;display:grid}.quick-line-head.discount-on,.quick-line-editor.discount-on,.quick-line-head.tax-on,.quick-line-editor.tax-on{grid-template-columns:minmax(0,1fr) 52px 92px 62px}.quick-line-head.discount-on.tax-on,.quick-line-editor.discount-on.tax-on{grid-template-columns:minmax(0,1fr) 48px 80px 57px 57px}.quick-line-head{color:#7d8797;padding:7px 2px;font-size:10px}.quick-line-editor{border-top:1px solid #edf0f4;padding:8px 0}.quick-line-editor input{min-width:0}.quick-line-editor>div{gap:5px;display:grid}.quick-line-editor .line-description{padding:6px 8px;font-size:11px}.quick-options{border-top:1px solid var(--line);flex-wrap:wrap;gap:15px;padding-top:17px;display:flex}.toggle{cursor:pointer;align-items:center;color:#596579!important;gap:7px!important;font-size:12px!important;display:flex!important}.toggle input{opacity:0;position:absolute}.toggle span{background:#c6ccd6;border-radius:20px;width:28px;height:16px;transition:all .2s;position:relative}.toggle span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+span{background:var(--purple)}.toggle input:checked+span:after{transform:translate(12px)}.invoice-brand{align-items:start;gap:11px;display:flex}.invoice-brand>img{object-fit:contain;width:39px;height:39px}.quick-paper small{color:#87909f;font-size:11px;line-height:1.55}.quick-client{display:block}.preview-line-head{color:#87909f;letter-spacing:.7px;font-family:DM Mono;font-size:10px!important}.quick-preview-lines b{color:#2b3446}.quick-summary{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.quick-summary>div{color:#667287;justify-content:space-between;font-size:12px;display:flex}.quick-summary .quick-total{color:var(--ink);border-top:1px solid var(--line);margin-top:5px;padding:14px 0 0}.quick-signature{justify-items:end;gap:5px;margin-top:25px;font-size:12px;display:grid}.quick-signature span,.quick-signature small{color:#748094}.quick-signature b{color:var(--ink);margin-top:22px}.template-emerald .quick-total strong,.template-emerald .add-line,.template-emerald .text-button{color:#178365}.template-emerald .button-primary{background:#178365}.template-slate .quick-total strong,.template-slate .add-line,.template-slate .text-button{color:#334155}.template-slate .button-primary{background:#334155}.quick-workspace>*,.quick-form fieldset,.quick-form label,.quick-form .form-row>label{min-width:0}.quick-form fieldset{width:100%;min-inline-size:0}.quick-form input,.quick-form textarea,.quick-form select{width:100%;max-width:100%}.quick-form,.quick-paper,.quick-paper-head>div{min-width:0}.quick-paper-head small,.quick-client small,.quick-preview-lines span{overflow-wrap:anywhere}@media (width<=700px){.quick-line-head{display:none}.quick-line-editor,.quick-line-editor.discount-on,.quick-line-editor.tax-on,.quick-line-editor.discount-on.tax-on{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0}.quick-line-editor>div{grid-column:1/-1}.quick-line-editor .remove-line{grid-column:2;justify-self:end}.quick-form,.quick-paper{padding:18px}}.template-help{color:#7b8596;margin:-8px 0 0;font-size:11px;line-height:1.5}.template-modern .quick-paper{border-top:5px solid #5949d6}.template-modern .quick-total strong{color:#4032af}.invoice-footer-brand{border-top:1px solid var(--line);color:#8a93a4;justify-content:center;align-items:center;gap:6px;margin-top:24px;padding-top:13px;font-size:10px;display:flex}.invoice-footer-brand img{object-fit:contain;width:16px;height:16px}.invoice-footer-brand b{color:#626bd5}.template-classic .invoice-footer-brand b{color:#7a5526}.template-minimal .invoice-footer-brand b{color:#172033}.template-ledger .invoice-footer-brand b{color:#1f765d}.template-classic .quick-paper{border:1px solid #b69a69;border-radius:0;font-family:Newsreader,serif;box-shadow:4px 4px #e7dcc9}.template-classic .quick-paper-head{border-bottom:2px solid #b69a69}.template-classic .quick-paper-head h2,.template-classic .quick-paper-head h3,.template-classic .quick-client h3,.template-classic .quick-preview-lines b{font-family:Newsreader,serif;font-size:20px}.template-classic .quick-paper-head span,.template-classic .quick-client>div>span{color:#8a6a37}.template-classic .quick-preview-lines>div{border-bottom:1px dotted #b69a69}.template-classic .quick-summary .quick-total{border-top:2px solid #b69a69}.template-classic .quick-total strong{color:#7a5526}.template-classic .quick-signature{justify-items:start}.template-classic .button-primary{background:#7a5526}.template-minimal .quick-paper{box-shadow:none;border:0;border-radius:0;padding:38px}.template-minimal .quick-paper-head{border-bottom:0;padding-bottom:42px}.template-minimal .quick-client{border-top:1px solid #172033;padding:17px 0 32px}.template-minimal .quick-preview-lines{border-top:0}.template-minimal .quick-preview-lines>div{padding:18px 0}.template-minimal .quick-summary{border-top:2px solid #172033}.template-minimal .quick-total strong{color:#172033}.template-minimal .quick-notes{border-top:0;padding-top:26px}.template-minimal .button-primary{background:#172033}.template-studio .quick-paper{border:0;border-radius:16px;padding:0 28px 28px;overflow:hidden;box-shadow:0 18px 55px #17203324}.template-studio .quick-paper-head{color:#fff;background:#182338;border:0;margin:0 -28px;padding:30px 28px 27px}.template-studio .quick-paper-head span,.template-studio .quick-paper-head small{color:#c4cde1}.template-studio .quick-paper-head h2,.template-studio .quick-paper-head h3{color:#fff}.template-studio .quick-client{background:#f0efff;margin:0 -28px;padding:22px 28px}.template-studio .quick-preview-lines{margin-top:18px}.template-studio .quick-preview-lines>div:first-child{color:#fff;background:#5949d6;border-radius:7px;padding:9px 11px}.template-studio .quick-preview-lines>div:first-child span{color:#fff}.template-studio .quick-total strong{color:#5949d6}.template-studio .quick-signature{border-left:3px solid #5949d6;justify-items:start;padding-left:12px}.template-studio .button-primary{background:#5949d6}.template-ledger .quick-paper{box-shadow:none;background:repeating-linear-gradient(0deg,#fff 0 34px,#f4faf7 35px);border:1px solid #bdd5cc;border-radius:4px}.template-ledger .quick-paper-head{border-bottom:3px solid #1f765d}.template-ledger .quick-paper-head span,.template-ledger .quick-client>div>span{color:#1f765d}.template-ledger .quick-client{border-left:4px solid #1f765d;padding-left:13px}.template-ledger .quick-preview-lines>div:nth-child(2n){background:#ecf7f1;margin:0 -8px;padding-left:8px;padding-right:8px}.template-ledger .quick-summary{border-top:3px double #1f765d}.template-ledger .quick-total strong{color:#1f765d}.template-ledger .quick-signature{border-top:1px dashed #1f765d;padding-top:16px}.template-ledger .button-primary{background:#1f765d}.landing-nav .nav-mobile-actions .button-primary{color:#fff;background:var(--purple)}.landing-nav .nav-mobile-actions .button-primary:hover{color:#fff;background:var(--purple-dark)}.document-receipt .quick-paper-head>div:last-child>span,.document-receipt .quick-client>div>span{font-size:0}.document-receipt .quick-paper-head>div:last-child>span:after{content:"KWITANSI";font-size:10px}.document-receipt .quick-client>div>span:after{content:"DITERIMA DARI";font-size:10px}.document-receipt .quick-total>span:before{content:"Total diterima"}.document-receipt .quick-total>span{font-size:0}.document-receipt .quick-total>span:before{font-size:13px}.document-receipt .quick-notes:before{content:"Keterangan pembayaran";color:#576074;margin-bottom:6px;font-weight:700;display:block}
