:root{--ink:#202127;--muted:#696b75;--line:#e3e1dc;--paper:#fcfbf8;--surface:#fff;--soft:#f3f1ec;--primary:#4e49c7;--primary-dark:#3d38a7;--coral:#ef5b4d;--success:#2f7d58;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-shell,.settings-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fcfbf8eb;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(24px,5vw,72px);display:flex}.topbar.contained{padding-inline:0}.brand{letter-spacing:-.02em;font-weight:760}.text-link{color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:650}.text-link:hover{color:var(--ink)}.muted{color:var(--muted)}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.hero{max-width:1040px;margin:0 auto;padding:112px 32px 88px}.hero h1{letter-spacing:-.055em;max-width:800px;margin:0;font-size:clamp(44px,6vw,72px);font-weight:760;line-height:1.04}.hero-copy{max-width:680px;color:var(--muted);margin:28px 0 0;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:720;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.6;transform:none}.button.primary{color:#fff;background:var(--primary)}.button.primary:hover{background:var(--primary-dark)}.button.secondary{border-color:var(--line);background:var(--surface)}.button.secondary:hover{background:var(--soft);border-color:#c9c6bf}.button.full{width:100%}.feature-strip{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1040px;margin:0 auto;padding:0 32px 80px;display:grid}.feature-strip article{padding:30px 30px 0 0}.feature-strip svg{width:20px;color:var(--primary)}.feature-strip h2{margin:18px 0 8px;font-size:17px}.feature-strip p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.auth-shell{background:var(--soft);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:28px;width:min(100%,430px);padding:38px;display:grid;box-shadow:0 20px 55px #28261e14}.auth-panel h1{letter-spacing:-.035em;margin:0 0 10px;font-size:29px;line-height:1.18}.auth-panel p{color:var(--muted);margin:0;line-height:1.6}.form-error{font-size:13px;color:#b12f2a!important}.form-success{color:var(--success);align-items:center;gap:7px;font-size:13px;display:flex}.settings-shell{width:min(1160px,100% - 48px);margin:0 auto}.settings-heading{border-bottom:1px solid var(--line);padding:58px 0 34px}.settings-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:34px}.settings-heading p:last-child{color:var(--muted);margin:0}.settings-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:52px;padding:38px 0 72px;display:grid}.settings-form{flex-direction:column;gap:20px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:16px;min-height:32px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title span{min-width:28px;color:var(--muted);background:var(--soft);text-align:center;border-radius:999px;padding:3px 8px;font-size:12px}.field-grid{gap:14px;display:grid}.field-grid.two{grid-template-columns:1fr 1fr}.settings-form label{color:#3b3c43;gap:8px;font-size:13px;font-weight:680;display:grid}.settings-form input,.settings-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d4d1cb;border-radius:7px;outline:none;padding:10px 11px;font-weight:480}.settings-form input:focus,.settings-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4e49c71a}.settings-form small{color:var(--muted);font-weight:450;line-height:1.45}.settings-form .check-label{align-items:center;gap:9px;display:flex}.settings-form .check-label input{width:16px;height:16px}.project-list{flex-direction:column;gap:0;display:flex}.project-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:20px 0;display:flex}.project-row h3,.project-row p{margin:0}.project-row p{max-width:460px;color:var(--muted);overflow-wrap:anywhere;margin:7px 0;font-size:13px}.project-row small{color:var(--muted)}.project-name{align-items:center;gap:9px;display:flex}.status{background:var(--soft);color:var(--muted);border-radius:999px;padding:3px 7px;font-size:11px}.status.enabled{color:var(--success);background:#eaf4ee}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:var(--soft)}.empty-state{min-height:200px;color:var(--muted);border-bottom:1px solid var(--line);align-content:center;place-items:center;gap:8px;display:grid}.empty-state p{margin:0}.demo-app{background:#f7f8fa;grid-template-columns:220px 1fr;min-height:100vh;display:grid}.demo-nav{background:#fff;border-right:1px solid #e3e6ec;flex-direction:column;height:100vh;padding:25px 16px;display:flex;position:sticky;top:0}.demo-nav strong{align-items:center;gap:8px;padding:0 8px 22px;display:flex}.demo-nav nav{gap:5px;display:grid}.demo-nav nav a{color:#5e6470;border-radius:7px;align-items:center;gap:10px;padding:10px 11px;font-size:14px;display:flex}.demo-nav nav a.active{color:#3f49a7;background:#eef1ff}.demo-nav nav svg{width:17px}.demo-nav>a{color:#737783;margin-top:auto;padding:8px;font-size:12px}.demo-content{width:min(1020px,100% - 54px);margin:0 auto;padding:38px 0 60px}.demo-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.demo-header p,.demo-header h1,.demo-header span{margin:0}.demo-header p{color:#8a8d95;font-size:12px}.demo-header h1{margin:12px 0 6px;font-size:28px}.demo-header span{color:#737783;font-size:14px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 18px;display:grid}.metric-grid article,.chart-card,.demo-table{background:#fff;border:1px solid #e1e4ea;border-radius:8px}.metric-grid article{padding:18px}.metric-grid p,.metric-grid strong,.metric-grid small{margin:0;display:block}.metric-grid p{color:#777b84;font-size:12px}.metric-grid strong{margin:12px 0 9px;font-size:23px}.metric-grid small{color:#2e9b62}.chart-card{padding:22px}.chart-title{justify-content:space-between;align-items:flex-start;display:flex}.chart-title h2,.chart-title p{margin:0}.chart-title h2{font-size:17px}.chart-title p{color:#8a8d95;margin-top:5px;font-size:12px}.chart-title button{background:#fff;border:1px solid #dfe2e8;border-radius:6px;padding:7px 11px}.bar-chart{background:repeating-linear-gradient(#0000 0 54px,#eef0f4 55px);border-bottom:1px solid #dfe2e8;align-items:flex-end;gap:14px;height:220px;padding:30px 18px 0;display:flex}.bar-chart span{opacity:.72;background:#7b80d9;border-radius:3px 3px 0 0;flex:1;min-height:12%}.chart-axis{color:#8a8d95;justify-content:space-between;padding:9px 18px 0;font-size:11px;display:flex}.table-heading{justify-content:space-between;align-items:center;margin:24px 0 10px;display:flex}.table-heading h2{margin:0;font-size:18px}.table-heading button{color:#fff;background:#4e57c8;border:0;border-radius:6px;align-items:center;gap:7px;padding:9px 14px;font-weight:700;display:flex;position:relative;top:5px}.table-row{border-bottom:1px solid #eceef2;grid-template-columns:1fr 1fr 1fr 1fr;padding:14px 18px;font-size:13px;display:grid}.table-row:last-child{border-bottom:0}.table-row.header{color:#737783;background:#fafbfc;font-size:12px;font-weight:700}@media (max-width:840px){.feature-strip,.settings-grid,.field-grid.two,.demo-app{grid-template-columns:1fr}.demo-nav{display:none}.metric-grid{grid-template-columns:1fr 1fr}}