:root{--ink:#162e2b;--muted:#5e6d64;--paper:#f7f9f6;--white:#fff;--line:#e1e8e2;--green:#165c48;--green-hover:#104b39;--mint:#e6f1e9;--lime:#d8ed9b;--orange:#eea460;--red:#a63737;--red-bg:#fff0ec;--radius:15px;--shadow:0 14px 45px -25px #163f2a45;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}svg{flex-shrink:0}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #8ab69a;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.035em}h1{font-size:38px;font-weight:650}h2{font-size:28px;font-weight:650}h3{font-size:18px;font-weight:650}p{margin-bottom:16px}small,.small{font-size:12px}.muted{color:var(--muted)}.strong{font-weight:600}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:8px;margin-bottom:16px}.eyebrow:before{content:"";width:7px;height:7px;background:#5f966d;border-radius:50%}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.04em;font-size:23px;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--green);color:white;display:grid;place-items:center}.brand-mark{overflow:hidden}.brand-mark img{width:100%;height:100%;display:block}.brand-word{height:1.15em;width:auto;display:block}.pill,.status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:11px;line-height:1.4;font-weight:650;border-radius:6px;white-space:nowrap;background:#f0f3ef;color:#64716a}.pill{border:1px solid var(--line);border-radius:30px;padding:5px 11px}.pill.green,.status.success{background:var(--mint);color:var(--green)}.pill.demo,.status.demo,.status.warning{background:#fff2d9;color:#8b6224}.status.error{background:var(--red-bg);color:var(--red)}.status.processing{background:#ecf0fc;color:#4a61a0}.status:before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;min-height:43px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:white;font-weight:600;font-size:13px;line-height:1.4;transition:background .15s,box-shadow .15s}.button:hover{background:var(--green-hover);text-decoration:none;box-shadow:0 3px 8px #16453418}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#f1f5f0}.button.subtle{background:transparent;color:var(--muted);border-color:transparent}.button.subtle:hover{background:#edf2ed;color:var(--ink)}.button.danger{background:white;color:var(--red);border-color:#efd4d0}.button.small{padding:7px 11px;min-height:32px;font-size:12px}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.lime:hover{background:#c9e484}.button svg,.icon-button svg{width:16px;height:16px}.icon-button{display:inline-grid;place-items:center;background:white;border:1px solid var(--line);border-radius:7px;min-width:34px;height:34px;color:var(--muted)}.icon-button:hover{background:var(--paper);color:var(--ink)}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-pad{padding:25px}.panel-heading{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2,.panel-heading h3{margin-bottom:3px}.panel-heading p{margin:0;color:var(--muted);font-size:12px}.panel-footer{padding:17px 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.divider{height:1px;background:var(--line);margin:23px 0}.icon-tile{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green)}.icon-tile svg{width:21px;height:21px}.alert{padding:14px 16px;border-radius:9px;border:1px solid #dae6dd;background:#eef5ef;font-size:13px;margin-bottom:20px}.alert.error{color:var(--red);background:var(--red-bg);border-color:#f3d5ce}.alert.warning{background:#fff8e9;color:#7b5b23;border-color:#eadcba}.alert p:last-child{margin-bottom:0}.notice-inline{color:var(--muted);font-size:12px}.empty{padding:45px 25px;text-align:center;color:var(--muted)}.empty .icon-tile{margin:0 auto 15px}.empty h3{color:var(--ink);margin-bottom:7px}.empty p{max-width:420px;margin:0 auto 20px}.loading{padding:60px 25px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{position:fixed;left:16px;top:-100px;padding:10px 15px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:12px}.toast-region{position:fixed;bottom:25px;right:25px;display:grid;gap:8px;z-index:99;max-width:400px}.toast{padding:14px 18px;background:var(--ink);color:white;border-radius:10px;box-shadow:0 6px 30px #132b3b28;font-size:13px}.toast.error{background:#852f2f}
/* Public pages */
.site-container{max-width:1170px;padding:0 28px;margin:0 auto}.site-header{border-bottom:1px solid var(--line);background:rgba(247,249,246,.96)}.site-header .site-container{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:20px}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{font-size:13px;font-weight:550;color:var(--muted)}.site-actions{display:flex;align-items:center;gap:20px}.hero{padding:85px 0 65px;display:grid;grid-template-columns:1fr .95fr;gap:62px;align-items:center}.hero h1{font-size:62px;line-height:1.06;letter-spacing:-.055em;margin-bottom:25px}.hero h1 span{color:var(--green)}.hero-copy{font-size:17px;color:var(--muted);max-width:490px;line-height:1.75;margin-bottom:28px}.hero .button{min-height:49px;padding:13px 21px}.hero-fine{font-size:12px;color:var(--muted);margin-top:16px;display:flex;gap:16px;flex-wrap:wrap}.hero-fine span{display:flex;align-items:center;gap:5px}.hero-fine svg{width:14px;height:14px;color:var(--green)}.hero-art{position:relative;padding:24px 0 28px}.hero-art:before{content:"";position:absolute;inset:5px -25px 5px;background:radial-gradient(ellipse at 40% 50%,#dbeacf 0,#eaf1df 40%,transparent 70%);z-index:-1}.sample-window{border:1px solid #d4dfd5;background:white;border-radius:15px;box-shadow:0 24px 60px -30px #143a2f50;overflow:hidden;transform:rotate(-1deg)}.window-top{padding:14px 18px;background:#fafcf9;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px}.window-dot{height:6px;width:6px;border-radius:50%;background:#dce4dc}.window-title{font-size:10px;color:#5e7063;margin:auto}.sample-body{padding:24px}.sample-doc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.sample-doc-head h3{margin:0;font-size:16px}.sample-meta{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:11px;margin-bottom:22px;color:var(--muted)}.sample-meta strong{display:block;color:var(--ink);font-weight:550;font-size:12px;margin-top:3px}.sample-line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.sample-total{font-weight:650;font-size:15px;padding-top:15px}.sample-bottom{padding:15px 21px;border-top:1px solid var(--line);background:#f5f9f2;font-size:11px;display:flex;gap:7px;align-items:center;color:var(--green)}.sample-bottom svg{width:16px;height:16px}.flow-bubble{position:absolute;right:-20px;bottom:5px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);background:white;padding:15px 19px;display:flex;align-items:center;gap:12px}.flow-bubble strong{font-size:12px;display:block}.flow-bubble small{color:var(--muted);font-size:10px}.flow-bubble .icon-tile{height:34px;width:34px}.sample-caption{position:absolute;top:1px;right:10px;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.trust-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;justify-content:center;gap:32px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.trust-line strong{font-size:18px;color:#52655a;letter-spacing:-.03em}.trust-line .separator{height:20px;border-left:1px solid var(--line)}.site-section{padding:84px 0}.section-title{max-width:640px;margin-bottom:35px}.section-title.center{margin:0 auto 40px;text-align:center}.section-title h2{font-size:38px;line-height:1.15;margin-bottom:16px}.section-title p{font-size:15px;color:var(--muted)}.section-title.center .eyebrow{justify-content:center}.feature-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white}.feature-card .icon-tile{margin-bottom:24px}.feature-card h3{margin-bottom:12px}.feature-card p{font-size:13px;color:var(--muted);margin:0}.step-number{font-size:11px;font-weight:700;color:var(--green);margin-bottom:22px;display:block}.soft-band{background:#edf3eb;border-top:1px solid #e1e9dd;border-bottom:1px solid #e1e9dd}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.workflow h3{font-size:21px}.workflow p{color:var(--muted);font-size:13px;max-width:295px}.workflow .step-number{display:inline-grid;place-items:center;border:1px solid #d4dfcf;width:34px;height:34px;border-radius:50%;background:#f6f9f2;margin-bottom:23px}.pricing-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:29px;position:relative;display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.pricing-tag{position:absolute;right:22px;top:22px;font-size:10px;font-weight:650;padding:4px 8px;background:var(--mint);border-radius:5px;color:var(--green)}.pricing-card h3{margin:0 0 9px;font-size:19px}.pricing-card .price{font-size:42px;letter-spacing:-.06em;font-weight:650;margin-top:17px;margin-bottom:4px}.price span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.pricing-card .quota{color:var(--muted);font-size:12px}.check-list{padding:0;list-style:none;margin:24px 0}.check-list li{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:12px}.check-list li:before{content:"✓";color:var(--green);font-weight:700}.pricing-card .button{margin-top:auto;width:100%}.pricing-note{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:21px 25px;margin-top:22px;background:#f0f4ec;font-size:13px}.pricing-note p{margin:0;color:var(--muted);font-size:12px}.pricing-note strong{font-weight:650}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"+";font-size:21px;font-weight:400;color:var(--green)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:14px 25px 0 0;color:var(--muted);font-size:13px}.cta-panel{background:var(--green);color:white;border-radius:20px;padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:70px}.cta-panel h2{font-size:32px;max-width:550px;margin-bottom:13px}.cta-panel p{color:#bcd4c4;margin:0;font-size:14px}.site-footer{border-top:1px solid var(--line);padding:30px 0}.site-footer .site-container{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-links{display:flex;gap:24px;font-size:12px}.site-footer .brand{font-size:17px}.site-footer .brand-mark{height:27px;width:27px;border-radius:8px}.site-footer p{font-size:10px;color:var(--muted);margin:8px 0 0}.footer-label{font-size:10px;color:var(--muted)}
/* Authentication */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-aside{background:#eaf1e5;position:relative;padding:45px 55px;display:flex;flex-direction:column;overflow:hidden}.auth-aside:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid #d7e3d0;bottom:-400px;left:-40px;box-shadow:0 0 0 70px #e4eddc,0 0 0 140px #e7efdf;pointer-events:none}.auth-aside-copy{margin:auto 0;max-width:430px;position:relative;z-index:1;padding:65px 0}.auth-aside h2{font-size:43px;letter-spacing:-.05em;line-height:1.15;margin:0 0 22px}.auth-aside p{color:#63725d;font-size:15px}.auth-aside .check-list{margin-top:35px}.auth-aside .check-list li{font-size:13px}.auth-aside-footer{font-size:11px;color:var(--muted);position:relative;z-index:1}.auth-main{display:flex;align-items:center;justify-content:center;padding:55px 35px;background:white}.auth-card{width:100%;max-width:385px}.auth-card h1{font-size:30px;margin-bottom:10px}.auth-intro{color:var(--muted);font-size:13px;margin-bottom:29px}.auth-card .button[type=submit]{width:100%;margin-top:6px}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin-top:25px}.auth-logo-mobile{display:none;margin-bottom:30px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field label,.field-label{font-size:12px;font-weight:600;color:#334c40}.field input,.field select,.field textarea{background:white;border:1px solid #d7e0d8;border-radius:7px;width:100%;padding:11px 12px;line-height:1.5;color:var(--ink);outline-offset:1px}.field input::placeholder,.field textarea::placeholder{color:#9ca69f}.field textarea{min-height:120px;resize:vertical}.field small{color:var(--muted);font-size:11px;line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-row .field{min-width:0}.label-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.label-row a{font-size:11px}.checkbox-label{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);line-height:1.5}.checkbox-label input{margin-top:3px;accent-color:var(--green);height:14px;width:14px;flex-shrink:0}.password-note{font-size:10px;color:var(--muted)}.auth-legal{font-size:10px;color:#637267;text-align:center;margin-top:27px}.auth-legal a{color:inherit}.code-input{letter-spacing:.25em;font-size:22px;text-align:center}.code-box{background:var(--paper);padding:16px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:13px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.recovery-codes code{font-size:13px;letter-spacing:.04em}.qr-image{display:block;max-width:200px;margin:15px auto}
/* Application shell */
.app-body{background:#f7f9f6}.app-sidebar{width:235px;background:white;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:30}.app-sidebar>.brand{margin:29px 25px 34px;font-size:23px}.workspace-chip{margin:0 17px 25px;padding:12px 11px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px}.workspace-avatar{width:29px;height:29px;background:#edf1e7;color:#60724d;font-size:11px;font-weight:700;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.workspace-chip strong{display:block;line-height:1.3;font-size:11px}.workspace-chip small{font-size:10px;color:var(--muted)}.nav-label{font-size:9px;letter-spacing:.12em;color:#637565;padding:0 28px;margin:15px 0 9px;font-weight:650}.app-nav{padding:0 14px}.app-nav a{display:flex;align-items:center;gap:11px;color:#6a796f;padding:10px 14px;margin:3px 0;border-radius:7px;font-size:12px;font-weight:500;position:relative}.app-nav a svg{width:17px;height:17px;stroke-width:1.65}.app-nav a:hover{text-decoration:none;background:#f5f8f2;color:var(--green)}.app-nav a.active{color:var(--green);background:#edf4e9;font-weight:650}.nav-spacer{flex:1;min-height:25px}.sidebar-support{margin:14px 20px 21px;padding:16px;background:#f5f8f1;border:1px solid #e7ede1;border-radius:10px}.sidebar-support strong{font-size:11px}.sidebar-support p{font-size:10px;color:var(--muted);margin:5px 0 9px}.sidebar-support a{font-size:10px;font-weight:650}.profile{border-top:1px solid var(--line);padding:18px 20px;display:flex;gap:10px;align-items:center}.avatar{width:32px;height:32px;background:#e8eee4;border-radius:50%;color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:650;flex-shrink:0}.profile-copy{min-width:0;flex:1}.profile-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .icon-button{border:none;width:26px;min-width:26px}.app-wrap{margin-left:235px}.app-topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(255,255,255,.65);gap:18px}.breadcrumb{color:var(--muted);display:flex;gap:11px;align-items:center;font-size:11px}.breadcrumb span:last-child{color:var(--ink);font-weight:550}.topbar-actions{display:flex;align-items:center;gap:15px;font-size:11px}.topbar-actions a{color:var(--muted)}.app-main{padding:35px 38px 45px;max-width:1530px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.page-heading h1{font-size:28px;margin:0 0 8px}.page-heading p{font-size:12px;color:var(--muted);margin:0;max-width:680px}.app-banner{margin-bottom:23px;font-size:11px;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:8px;background:#fff7e8;border:1px solid #f0e4cd;color:#856529}.app-banner svg{width:15px;height:15px}.app-banner a{margin-left:auto;font-weight:600;color:#856529;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px 21px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.stat-top svg{width:16px;height:16px;color:#889c89}.stat-value{font-size:31px;font-weight:600;letter-spacing:-.05em;margin:9px 0 6px;line-height:1.3}.stat-bottom{font-size:10px;color:var(--muted)}.stat-bottom.success{color:var(--green)}.usage-bar{height:5px;border-radius:5px;background:#edf1e9;overflow:hidden;margin-top:12px}.usage-bar span{height:100%;background:#709258;display:block;border-radius:5px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px}.dashboard-layout .panel-heading{padding:21px 23px}.dashboard-layout .panel-heading h2{font-size:15px}.dashboard-layout .panel-heading a{font-size:11px;font-weight:550}.connection-row{display:flex;align-items:center;gap:12px}.stripe-icon{background:#f1edff;color:#6755d7;border-radius:9px;width:38px;height:38px;display:grid;place-items:center;font-weight:800;font-size:24px;letter-spacing:-.08em}.connection-row strong{font-size:12px;display:block}.connection-row small{font-size:10px;color:var(--muted)}.connection-row .status{margin-left:auto}.connect-promo{background:#edf3e7;border:1px solid #dce6d1;border-radius:12px;padding:23px;margin-top:22px}.connect-promo h3{font-size:15px;margin:13px 0 9px}.connect-promo p{font-size:11px;color:#5e7054;margin-bottom:18px}.connect-promo .button{font-size:11px;min-height:36px;padding:9px 13px}.activity-list{list-style:none;margin:0;padding:5px 0}.activity-list li{padding:14px 0;display:flex;gap:12px;border-bottom:1px solid #eff2ed}.activity-list li:last-child{border:0}.activity-icon{width:25px;height:25px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:12px;height:12px}.activity-list strong{font-size:11px;display:block;font-weight:550}.activity-list small{font-size:10px;color:var(--muted)}.onboarding{display:flex;gap:16px;padding:21px 24px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:23px}.onboarding>div:nth-child(2){flex:1}.onboarding h3{font-size:14px;margin-bottom:6px}.onboarding p{font-size:11px;color:var(--muted);margin:0}.onboarding .button{align-self:center;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{padding:12px 23px;background:#fafbf9;color:#617267;font-size:9px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:17px 23px;border-bottom:1px solid #eef1eb;font-size:11px}tr:last-child td{border-bottom:0}td strong{font-size:11px;font-weight:600;display:block}td small{font-size:10px;color:var(--muted)}.table-actions{display:flex;gap:6px;justify-content:flex-end}.table-actions .button{min-height:29px;padding:5px 8px;font-size:10px}.invoice-symbol{height:30px;width:27px;background:#f0f4eb;border-radius:6px;color:#7c8c70;display:grid;place-items:center;float:left;margin-right:12px}.invoice-symbol svg{height:15px;width:15px}.toolbar{display:flex;justify-content:space-between;gap:15px;padding:18px 23px;border-bottom:1px solid var(--line);align-items:center}.toolbar input,.toolbar select{border:1px solid var(--line);background:white;border-radius:7px;padding:9px 11px;min-height:36px;font-size:11px;max-width:100%}.toolbar .search-field{width:270px}.toolbar select{color:var(--muted)}.toolbar-count{font-size:11px;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.settings-info{padding:24px;background:#eef3e9;border:1px solid #dfe7d7;border-radius:12px;align-self:start}.settings-info h3{font-size:14px}.settings-info p,.settings-info li{font-size:11px;color:#5c6f52;line-height:1.7}.settings-info ul{padding-left:17px}.settings-form .panel-pad{padding:26px}.settings-form .field input,.settings-form .field select{font-size:12px}.settings-form h3{font-size:16px}.settings-form .field-label{font-size:12px}.setting-check{padding:18px;border:1px solid var(--line);border-radius:9px;margin-bottom:15px;display:flex;align-items:center;gap:12px}.setting-check h4{font-size:12px;margin:0 0 5px}.setting-check p{font-size:11px;margin:0;color:var(--muted)}.setting-check .status{margin-left:auto}.template-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}.template-editor textarea{min-height:260px;font-size:12px;line-height:1.8}.template-vars{display:flex;flex-wrap:wrap;gap:5px;margin:-5px 0 18px}.template-vars button{background:#f0f4ec;border:1px solid #e2e9dd;border-radius:5px;padding:4px 6px;font-size:9px;color:#687b5d;font-family:ui-monospace,monospace}.preview-panel{align-self:start}.preview-toolbar{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fbfcfa}.preview-toolbar strong{font-size:11px}.preview-toolbar small{font-size:10px;color:var(--muted)}.email-preview{display:block;border:0;width:100%;min-height:560px;background:#f6f8f5}.preview-caption{padding:13px 18px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.connection-hero{padding:32px;display:flex;gap:22px;align-items:flex-start}.connection-hero .stripe-icon{width:54px;height:54px;font-size:33px}.connection-hero h2{font-size:22px;margin-bottom:12px}.connection-hero p{font-size:12px;color:var(--muted);max-width:560px}.connection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:25px 30px;background:#fafbf8;border-top:1px solid var(--line)}.connection-steps strong{font-size:11px;display:block;margin:10px 0 5px}.connection-steps p{font-size:10px;color:var(--muted);margin:0}.connection-steps .step-number{margin:0;font-size:10px}.billing-current{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.billing-current h2{font-size:20px;margin-bottom:8px}.billing-current p{font-size:11px;color:var(--muted);margin:0}.billing-quota{min-width:190px;font-size:11px}.billing-quota .label-row{gap:25px}.billing-plans{margin-top:24px}.billing-plans .pricing-card{padding:23px}.billing-plans .price{font-size:34px}.billing-plans .check-list{margin:16px 0}.billing-plans .check-list li{font-size:11px}.billing-plans .pricing-tag{top:18px;right:14px;font-size:9px}.billing-extras{margin-top:23px}.billing-extras .panel-pad{display:flex;justify-content:space-between;align-items:center;gap:20px}.billing-extras h3{font-size:14px;margin-bottom:7px}.billing-extras p{font-size:11px;margin:0;color:var(--muted)}.security-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:23px}.security-grid .panel{align-self:start}.security-grid .field{max-width:400px}.security-status{display:flex;gap:16px;align-items:center;margin-bottom:22px}.security-status h3{margin:0 0 5px}.security-status p{margin:0;color:var(--muted);font-size:12px}.security-status .status{margin-left:auto}.recovery-title{margin-top:20px}.admin-grid{grid-template-columns:repeat(5,1fr)}.admin-grid .stat-card{padding:18px}.admin-grid .stat-value{font-size:26px}.legal-page{max-width:760px;margin:65px auto;padding:0 28px 50px}.legal-page h1{font-size:36px}.legal-page h2{font-size:20px;margin-top:35px}.legal-page p,.legal-page li{color:var(--muted);font-size:14px}.legal-page .alert{font-size:13px}.mobile-menu{display:none}.backdrop{display:none}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.form-actions p{margin:0;font-size:11px;color:var(--muted)}.error-detail{font-size:10px;color:var(--red);max-width:240px;white-space:normal;line-height:1.45;margin-top:4px}.form-status{font-size:12px;min-height:0;color:var(--green)}.form-status:not(:empty){margin:12px 0}.form-status.error{color:var(--red)}
@media(min-width:1550px){.hero{gap:90px}.app-main{padding-top:42px}}
@media(max-width:1200px){.hero{gap:35px}.hero h1{font-size:52px}.app-sidebar{width:215px}.app-wrap{margin-left:215px}.app-main{padding:28px}.app-topbar{padding:0 28px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 260px}.stat-card{padding:17px}.stat-value{font-size:29px}td,th{padding-left:16px;padding-right:16px}.settings-layout{grid-template-columns:1fr 250px}.auth-aside{padding:40px}.auth-aside h2{font-size:37px}}
@media(max-width:1000px){.site-nav{gap:20px}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:43px}.hero-copy{font-size:15px}.sample-body{padding:19px}.flow-bubble{right:-5px}.dashboard-layout{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-side .connect-promo{margin:0}.settings-layout{grid-template-columns:1fr}.settings-info{max-width:none}.template-layout{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(3,1fr)}.auth-layout{grid-template-columns:.8fr 1fr}.auth-aside{padding:30px}.auth-aside h2{font-size:32px}.faq-grid{gap:35px}.pricing-card{padding:23px}.billing-plans{grid-template-columns:1fr}.billing-plans .pricing-card .check-list{display:none}.billing-plans .pricing-card .button{margin-top:15px}.billing-plans .pricing-card .price{margin-top:8px}.connection-steps{gap:16px}}
@media(max-width:800px){.site-nav{display:none}.hero{grid-template-columns:1fr;max-width:600px;margin:auto;padding:55px 0 40px;gap:25px}.hero h1{font-size:53px;max-width:520px}.hero-art{max-width:470px;width:100%;margin:auto}.hero-copy{max-width:500px}.hero-fine{gap:12px}.trust-line{gap:20px}.site-section{padding:60px 0}.grid-3{grid-template-columns:1fr}.workflow{gap:24px}.section-title h2{font-size:32px}.feature-card{padding:25px}.pricing-card .check-list{margin:15px 0 20px}.pricing-card .price{margin-top:8px}.faq-grid{grid-template-columns:1fr;gap:15px}.cta-panel{padding:35px;flex-direction:column;align-items:flex-start}.site-footer .site-container{align-items:flex-start}.site-actions{gap:13px}.auth-layout{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh;padding:45px 25px}.auth-logo-mobile{display:inline-flex}.app-sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 50px #12332220}.app-sidebar.open{transform:translateX(0)}.app-wrap{margin-left:0}.mobile-menu{display:inline-grid;place-items:center;background:none;border:none;padding:5px;color:var(--ink)}.mobile-menu svg{width:21px;height:21px}.backdrop.active{display:block;position:fixed;inset:0;background:#132a1b40;z-index:20}.app-topbar{height:65px;padding:0 22px}.breadcrumb{margin-right:auto}.app-main{padding:25px 22px}.stats-grid{gap:12px}.stat-card{padding:15px}.stat-top{font-size:10px}.stat-value{font-size:27px}.topbar-actions{gap:10px}.billing-plans{grid-template-columns:repeat(3,1fr)}.billing-plans .pricing-card{padding:18px}.billing-plans .pricing-tag{position:static;align-self:start;margin-bottom:8px}.billing-plans .price{font-size:30px}.pricing-note{align-items:flex-start}.app-sidebar>.brand{margin-top:23px}.app-banner{font-size:10px}.app-banner a{display:none}}
@media(max-width:580px){.site-container{padding:0 21px}.site-header .site-container{min-height:74px}.site-header .brand{font-size:21px}.site-header .brand-mark{width:31px;height:31px}.site-actions>a:first-child{display:none}.site-actions .button{padding:9px 12px;min-height:38px;font-size:11px}.hero h1{font-size:43px}.hero{padding-top:43px}.hero-copy{font-size:14px}.hero .button{font-size:12px;padding:12px 15px}.hero-fine{font-size:10px}.flow-bubble{right:-8px;padding:12px 14px}.trust-line{font-size:10px;gap:15px}.trust-line strong{font-size:16px}.trust-line .separator{display:none}.workflow{grid-template-columns:1fr;gap:24px}.workflow .step-number{margin-bottom:13px}.workflow p{max-width:none}.section-title h2{font-size:29px}.section-title p{font-size:13px}.cta-panel{padding:28px}.cta-panel h2{font-size:27px}.cta-panel p{font-size:12px}.site-footer .site-container{flex-direction:column}.footer-links{gap:20px}.pricing-note{flex-direction:column;gap:12px}.app-main{padding:23px 16px}.app-topbar{padding:0 16px}.topbar-actions>a{display:none}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.page-heading{gap:12px;flex-wrap:wrap}.page-heading .button{font-size:11px;min-height:36px;padding:9px 12px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:17px}.stat-value{font-size:29px}.dashboard-side{grid-template-columns:1fr}.panel-heading,.panel-pad,.settings-form .panel-pad{padding:20px}.panel-footer{padding:15px 20px}.onboarding{padding:18px;gap:12px;flex-wrap:wrap}.onboarding>.icon-tile{display:none}.onboarding p{max-width:260px}.onboarding .button{margin-top:4px}.field-row,.grid-2{grid-template-columns:1fr;gap:0}.field{margin-bottom:16px}.field-row .field{margin-bottom:16px}.toolbar{padding:15px;flex-wrap:wrap}.toolbar .search-field{width:100%}.toolbar select{flex:1}.toolbar-count{font-size:10px}.template-editor textarea{min-height:220px}.connection-hero{padding:23px;gap:15px;flex-wrap:wrap}.connection-hero h2{font-size:20px}.connection-steps{grid-template-columns:1fr;gap:20px;padding:22px}.connection-steps strong{margin-top:5px}.billing-current{padding:23px;align-items:flex-start;flex-direction:column}.billing-quota{width:100%}.billing-plans{grid-template-columns:1fr}.billing-plans .pricing-card{padding:24px}.billing-plans .pricing-tag{position:absolute;top:22px}.billing-extras .panel-pad{align-items:flex-start;flex-direction:column}.form-actions{align-items:flex-start;flex-direction:column}.form-actions .button{align-self:stretch}.security-status{gap:12px;flex-wrap:wrap}.security-status .status{margin-left:0}.security-grid .panel-pad{padding:22px}.admin-grid{grid-template-columns:1fr 1fr}.admin-grid .stat-card:last-child{grid-column:span 2}.toast-region{bottom:16px;right:16px;left:16px;max-width:none}.legal-page{margin-top:40px}.legal-page h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

.sample-invoice-title{font-size:18px;font-weight:650;letter-spacing:-.025em;margin-bottom:16px;line-height:1.25}

.onboarding h2{font-size:14px;margin-bottom:6px}

.section-heading{font-size:18px}.connect-promo .section-heading{font-size:15px;margin:13px 0 9px}.settings-info .section-heading{font-size:14px}.settings-form .section-heading{font-size:16px}.billing-extras .section-heading{font-size:14px;margin-bottom:7px}.security-status .section-heading{margin:0 0 5px}.onboarding .section-heading{font-size:14px;margin-bottom:6px}

.app-sidebar{overflow-y:auto;scrollbar-width:thin}.app-sidebar>*{flex-shrink:0}
@media(max-width:580px){.breadcrumb{min-width:0;flex:1;gap:7px}.breadcrumb span:first-child,.breadcrumb span:nth-child(2),.topbar-actions>.avatar{display:none}.breadcrumb span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{flex-shrink:0}}
@media(max-width:580px){.hero-art:before{left:-10px;right:-10px}}
p a:not(.button),.checkbox-label a,.auth-switch a{text-decoration:underline;text-underline-offset:3px}

/* Public pricing and usage details */
.pricing-volume{margin-top:8px}.pricing-card .quota{font-size:13px;color:var(--ink)}.unit-price{font-size:12px;color:var(--muted);margin-top:4px}.pricing-explanation{font-size:13px;line-height:1.75;color:var(--muted);max-width:760px;margin:24px auto 0;text-align:center}.billing-usage-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 25px;border-top:1px solid var(--line)}.billing-usage-details dt{font-size:12px;color:var(--muted)}.billing-usage-details dd{margin:5px 0 0;font-size:19px;font-weight:600}.billing-consent{margin-top:22px;padding:20px 25px}.billing-consent p{font-size:13px;color:var(--muted)}.billing-consent .button{margin-top:16px}.cta-panel h2:last-child{margin-bottom:0}@media(max-width:600px){.billing-usage-details{grid-template-columns:1fr;gap:14px}.pricing-explanation{text-align:left}}