:root{color-scheme:light;--bg:#fff;--panel:#fff;--line:#e4e8f0;--muted:#68758d;--gold:#4468e7;--mint:#07845e}body{color:#17243e;font-family:Inter,system-ui,sans-serif}.brand{font-size:25px;letter-spacing:-1px;gap:8px;color:#17243e}.brand img{width:38px;height:38px}.pay-word{font-weight:500;color:#4468e7;margin-left:0}.btn{background:#4468e7;color:#fff;border-radius:6px;font-weight:600;box-shadow:0 2px 4px #253a6b12}.btn:hover{box-shadow:0 5px 18px #4468e730;transform:translateY(-2px)}.secondary{background:#fff;color:#3455c5;border-color:#d7dfee}.quiet{color:#44526a}.eyebrow,.tag{color:#4967ca;font-size:11px;font-weight:700;letter-spacing:1.7px}.hero h1{font-size:clamp(43px,4.6vw,65px);letter-spacing:-2.8px;line-height:1.13;font-weight:700}.hero h1 em{color:#4468e7}.clean-hero{min-height:630px;gap:60px}.hero p{font-size:17px;line-height:1.8}.trust-row{display:flex;gap:20px;color:#6a7891;font-size:11px}.hero-product{border:1px solid var(--line);box-shadow:0 22px 70px #21345a0e;border-radius:14px;padding:25px;transform:rotate(-2deg);background:#fff}.product-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.product-top .brand{font-size:18px}.product-top .brand img{width:27px;height:27px}.product-greeting{margin:20px 0;font-weight:600}.product-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-stats span,.product-stats small{display:block;font-size:11px;color:#768298}.product-stats b{font-size:30px;display:block;margin:6px 0}.mini-chart{height:120px;display:flex;align-items:end;gap:13px;margin:25px 0}.mini-chart i{flex:1;background:linear-gradient(0deg,#e6edff,#637fe8);border-radius:4px 4px 0 0;transform-origin:bottom;animation:grow .8s both}.product-row{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:20px 0}.product-row b{font-size:12px}.product-row small{display:block;color:var(--muted);font-size:10px}.product-row strong{margin-left:auto;font-size:13px}.payment-icon,.feature-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#edf2ff;color:#496ad9}.product-foot{background:#f6f9fd;padding:13px;border-radius:7px;font-size:11px;display:flex;align-items:center;gap:8px}.verify-icon{display:inline-grid;place-items:center;background:#e9f8f1;color:#07845e;border-radius:50%;width:28px;height:28px}.rail{background:#f8faff;color:#70809c;font-size:13px;font-weight:650;padding:25px 20px;letter-spacing:.5px}.section h2{color:#17243e;font-size:36px;font-weight:650;letter-spacing:-1.5px}.panel{border-radius:10px;box-shadow:0 2px 5px #1f345304}.panel:hover{border-color:#cbd7f2;transform:translateY(-2px)}.panel h3{font-weight:600}.cta{background:#f4f7ff;border-color:#e5ebfc;border-radius:12px}.pill{background:#eef3ff;border-color:#dce5fe;color:#4967ca;letter-spacing:.5px}.sidebar{background:#f7f9fc}.sidebar button.active{background:#e8eeff;color:#3455c5;font-weight:650}.sidebar button:hover{background:#edf1f7}.main{background:#fcfdff}.stat{box-shadow:0 2px 5px #1f345304}.stat b{font-size:27px;font-weight:650;color:#17243e}.status{background:#e9f8f1;color:#07845e}.pending{background:#fff5df;color:#93681a}.notice{background:#f4f7ff;border-color:#dce5fe;color:#49618b}.stat small{font-size:11px;color:#7186ab}.bar{background:linear-gradient(0deg,#d6e3ff,#5d7cf0)}input,select{background:#fff;color:#1e2e4b;border-color:#d5ddeb;border-radius:6px;min-height:45px}label{color:#3e4e69;font-weight:500;font-size:13px}input::placeholder{color:#a0a9ba}dialog{color:#1e2e4b;background:#fff;box-shadow:0 20px 80px #0002}dialog::backdrop{background:#19263f55}.error{color:#c33748}.close{color:#718098}.checkout h1{font-size:32px}.checkout .amount{color:#1e2e4b}#toast{background:#172b56;color:#fff}.onboarding-shell,.login-shell{min-height:100vh;display:grid;grid-template-columns:38% 62%}.onboarding-aside,.login-aside{background:#f3f6ff;border-right:1px solid #e2e8f6;padding:40px 11%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.onboarding-aside h1,.login-aside h1{font-size:40px;line-height:1.2;letter-spacing:-1.5px;margin:20px 0}.onboarding-aside p,.login-aside p{color:#728099;font-size:14px;max-width:320px}.step-list{list-style:none;padding:0;margin-top:40px}.step-list li{display:flex;gap:15px;align-items:center;padding:18px 0;color:#8794aa}.step-list li>span{border:1px solid #d2daed;background:#fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.step-list li.current{color:#2449bb}.step-list li.current>span{color:#fff;background:#4468e7;border-color:#4468e7}.step-list li.done>span{background:#e4f7ed;color:#07845e}.step-list b{font-size:13px;font-weight:600}.step-list small{display:block;font-size:11px;color:#8a96ac;margin-top:3px}.aside-foot{font-size:11px!important}.onboarding-main{display:flex;flex-direction:column;min-height:100vh;padding:30px 7%}.onboarding-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#77869d}.onboarding-form{width:100%;max-width:480px;margin:70px auto 45px}.onboarding-form h2,.login-form h2{font-size:27px;letter-spacing:-.7px;margin:15px 0 8px}.onboarding-form .sub,.login-form .sub{font-size:13px;margin:0 0 28px}.onboarding-form input,.onboarding-form select{font-size:13px}.textbtn{background:none;color:#4468e7;padding:0;font-size:inherit;font-weight:600}.onboard-actions{display:flex;justify-content:space-between;gap:15px;margin:30px 0 20px}.onboard-actions .btn{width:auto;margin:0;flex:1}.onboarding-bottom{margin-top:auto;text-align:center;color:#98a4b7;font-size:11px;padding:20px}.optional{color:#94a0b3;font-size:11px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.choice-card{border:1px solid #dce3ef;border-radius:8px;padding:15px;display:flex;align-items:start;gap:10px;cursor:pointer;margin:0;background:white}.choice-card:has(input:checked){border-color:#6b87ee;background:#f4f7ff}.choice-card input{width:15px;min-height:0;height:15px;margin:3px 0 0;accent-color:#4468e7}.choice-card b{font-size:11px}.choice-card small{display:block;color:#8894a8;font-size:10px;line-height:1.5;margin-top:4px}.business-summary{display:flex;gap:12px;align-items:center;background:#f6f8fc;padding:15px;border:1px solid #e8edf5;border-radius:8px;margin-bottom:25px}.business-summary small{display:block;color:#8291aa;font-size:11px}.avatar-letter{width:40px;height:40px;background:#e9eeff;color:#4967ca;border-radius:9px;display:grid;place-items:center;font-weight:600}.login-main{padding:30px 8%;display:flex;flex-direction:column}.login-form{width:100%;max-width:420px;margin:auto}.login-feature{font-size:13px;margin:25px 0;color:#55709d}.verification-page{max-width:520px;padding:40px 20px;margin:50px auto}.verification-page .panel{margin-top:30px;padding:35px}.verification-page h1{font-size:30px}.verification-page p{color:#6f7d95;font-size:14px}@media(max-width:1000px){.onboarding-shell,.login-shell{grid-template-columns:34% 66%}.onboarding-aside,.login-aside{padding:30px 9%}.onboarding-aside h1,.login-aside h1{font-size:30px}.onboarding-main{padding:25px 6%}.onboarding-top{align-items:start;gap:10px}.clean-hero{gap:30px}.hero-product{padding:20px}.product-top .status{font-size:9px}}@media(max-width:720px){.onboarding-shell,.login-shell{display:block}.onboarding-aside,.login-aside{min-height:0;padding:25px;border-right:0}.onboarding-aside>div,.login-aside>div,.aside-foot{display:none}.onboarding-main{min-height:calc(100vh - 90px);padding:20px}.onboarding-form{margin:40px auto 20px}.onboarding-top>span{font-size:10px}.login-main{min-height:calc(100vh - 90px);padding:20px}.login-form{margin:50px auto}.choice-grid{grid-template-columns:1fr}.trust-row{display:block}.trust-row span{display:block;margin:8px 0}.hero-product{margin:30px 0 10px;transform:none}.clean-hero{gap:10px}.product-stats b{font-size:26px}.hero h1{letter-spacing:-1.5px}.section h2{font-size:30px}.rail{font-size:9px;padding:20px 10px}nav .btn{padding:10px 13px;font-size:12px}.brand{font-size:21px}.brand img{width:32px;height:32px}.onboarding-form h2{font-size:24px}}
.motion-product{position:relative;isolation:isolate}.payment-flow{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);pointer-events:none;overflow:visible;z-index:-1;fill:#e775ba}.flow-track{fill:none;stroke:#e2e7fa;stroke-width:2}.flow-pulse{fill:none;stroke:#ad70da;stroke-width:3;stroke-dasharray:15 140;animation:payment-flow 10s linear infinite}.feature-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-directory .panel{padding:20px}.feature-directory h3{font-size:15px}.feature-directory p{font-size:12px}.feature-state{display:inline-block;background:#f2f5fd;color:#637da7;font-size:10px;border-radius:5px;padding:5px 8px}.website-list{margin-top:20px}.website-row{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.connection-checklist{padding-left:20px;color:#73809b;font-size:12px;line-height:2.4}.sidebar{overflow:auto}.sidebar .brand{flex-shrink:0}.sidebar button{flex-shrink:0}.sidebar .spacer{min-height:20px}@keyframes payment-flow{to{stroke-dashoffset:-1240}}@media(max-width:1000px){.feature-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.feature-directory{grid-template-columns:1fr}.website-row{flex-wrap:wrap}.payment-flow{inset:-15px;width:calc(100% + 30px);height:calc(100% + 30px)}}

.setup-path{max-width:420px;margin-top:25px}.setup-path svg{width:100%;height:55px;overflow:visible;fill:#4468e7}.setup-path>div{display:flex;justify-content:space-between;color:#7a89a4;font-size:10px;letter-spacing:1px;text-transform:uppercase}.setup-path .flow-track{stroke:#e0e7fa}.setup-path .flow-pulse{stroke:#8c63dc;stroke-dasharray:12 65;animation-duration:12s}.setup-path circle{animation:path-node 3s ease-in-out infinite}.setup-path circle:nth-last-child(2){animation-delay:1s}.setup-path circle:last-child{animation-delay:2s}@keyframes path-node{50%{opacity:.35}}
.record-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}.invoice-item{display:grid;grid-template-columns:minmax(110px,1.7fr) minmax(55px,.6fr) minmax(80px,.8fr) 25px;gap:8px;margin-bottom:10px;align-items:center}.invoice-item input{min-width:0;padding:9px;font-size:12px}.invoice-item .quiet{padding:0}.invoice-total{padding:15px 0;border-bottom:1px solid var(--line);font-size:18px;font-weight:650}.public-payment-page{max-width:1050px;margin:40px auto;padding:25px}.public-payment-page header{display:flex;align-items:center;justify-content:space-between}.public-page-card{display:grid;grid-template-columns:1.4fr 1fr;margin-top:55px;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 15px 45px #1f34530a}.public-page-description{padding:45px}.public-page-description h1{font-size:35px;line-height:1.25;letter-spacing:-1px;overflow-wrap:anywhere}.public-page-description p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.public-page-pay{padding:45px;background:#f6f8fe;display:flex;flex-direction:column;justify-content:center}.public-page-pay .amount{font-size:40px}.tools #record-search{flex:1;max-width:400px}.tools #record-filter{width:auto}.sidebar{scrollbar-width:thin}.sidebar .brand{margin-bottom:15px}.sidebar button{padding-top:8px;padding-bottom:8px;font-size:13px}@media(max-width:720px){.public-page-card{grid-template-columns:1fr}.public-page-description,.public-page-pay{padding:25px}.public-payment-page{margin:15px auto}.invoice-item{gap:5px}.invoice-item input{padding:7px}.record-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{max-height:260px;overflow:auto}.sidebar .brand{position:sticky;top:0;background:#f7f9fc;padding-bottom:10px;z-index:1}.tools #record-filter{width:100%}}
textarea{width:100%;resize:vertical;background:#f7f9fd;border:1px solid var(--line);border-radius:7px;padding:12px;font:12px/1.7 ui-monospace,monospace;color:#33476d}textarea:focus-visible{outline:3px solid #b4c5ff}