:root{--bg:#f7f8fb;--bg-2:#fff;--surface:#fff;--surface-2:#f3f5f8;--surface-3:#eceff3;--border:#dde1e7;--border-soft:#e9ebef;--text:#17191d;--muted:#6d7480;--faint:#9ca3ad;--primary:#0891b2;--primary-strong:#0e7490;--primary-soft:#e1f7fb;--violet:#7c3aed;--green:#059669;--yellow:#d97706;--red:#dc2626;--critical:#e11d48;--shadow:0 18px 60px rgba(24,30,42,0.09);--radius:10px;--mono:"DM Mono",ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:light}[data-theme=dark]{--bg:#090b0f;--bg-2:#0c0f14;--surface:#11151b;--surface-2:#161b22;--surface-3:#1c222b;--border:#282f39;--border-soft:#20262e;--text:#f0f2f5;--muted:#939ba8;--faint:#636b77;--primary:#22d3ee;--primary-strong:#67e8f9;--primary-soft:#0e3038;--violet:#a78bfa;--green:#34d399;--yellow:#fbbf24;--red:#fb7185;--critical:#f43f5e;--shadow:0 22px 70px rgba(0,0,0,0.35);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a,button{transition:color .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--primary) 30%,transparent)}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.logo{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.25px}.logo-mark{display:grid;place-items:center;border-radius:7px;color:#061014;background:var(--primary);box-shadow:0 0 25px color-mix(in srgb,var(--primary) 18%,transparent)}.btn{border:1px solid transparent;border-radius:7px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;background:transparent}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#041013;box-shadow:0 5px 20px color-mix(in srgb,var(--primary) 17%,transparent)}[data-theme=light] .btn.primary{color:#fff}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.ghost:hover,.btn.secondary:hover{background:var(--surface-3)}.btn.large{padding:0 19px}.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--border));background:color-mix(in srgb,var(--red) 8%,transparent)}.btn.disabled,.btn:disabled{opacity:.55;pointer-events:none}.theme-switch{display:flex;border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:2px}.theme-switch button{width:27px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent}.landing{background:var(--bg-2);overflow:hidden}.landing-nav{height:68px;display:flex;align-items:center;position:relative;z-index:5}.landing-nav .logo{margin-right:auto}.nav-links{display:flex;gap:29px;color:var(--muted);font-size:13px}.nav-actions{margin-left:auto;display:flex;align-items:center}.hero{text-align:center;padding-top:90px;position:relative}.hero:before{content:"";position:absolute;width:750px;height:400px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary) 13%,transparent),transparent 66%);top:-90px;left:50%;transform:translateX(-50%);pointer-events:none}.eyebrow,.section-kicker{position:relative;display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:11px;line-height:28px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface));padding:0 10px;border-radius:20px}.hero h1{position:relative;font-size:clamp(46px,7vw,78px);line-height:.99;letter-spacing:-.062em;margin:25px auto 23px}.hero h1 span,.hero>p{color:var(--muted)}.hero>p{font-size:17px;max-width:630px;margin:0 auto;line-height:1.7}.hero-actions{gap:10px;margin-top:28px}.hero-actions,.hero-note{display:flex;justify-content:center}.hero-note{align-items:center;gap:7px;margin-top:17px}.hero-note svg{color:var(--green)}.product-shot{width:min(1080px,100%);margin:70px auto 0;height:585px;border-radius:13px 13px 0 0;box-shadow:0 30px 100px rgba(0,0,0,.22);display:grid;grid-template-columns:205px 1fr;text-align:left;overflow:hidden}.product-shot:before{inset:0;border-radius:13px 13px 0 0;box-shadow:inset 0 1px rgba(255,255,255,.05)}.shot-sidebar{padding:19px 12px;border-right:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 90%,var(--bg));display:flex;flex-direction:column}.shot-sidebar .logo{margin:0 6px 28px}.shot-label{font-size:8px;letter-spacing:.12em;color:var(--faint);font-weight:700;margin:13px 9px 5px}.shot-category,.shot-item{font-size:10px;display:flex;align-items:center;gap:7px;height:28px;padding:0 9px;color:var(--muted);border-radius:5px}.shot-item{padding-left:19px}.shot-item.active{color:var(--text)}.dot{width:6px;height:6px;border-radius:50%}.dot.cyan{background:var(--primary)}.dot.violet{background:var(--violet)}.dot.green{background:var(--green)}.shot-main{padding:25px 27px;background:var(--bg)}.shot-top{display:flex;justify-content:space-between;align-items:center}.shot-top small,.stat-row small{font-size:8px;letter-spacing:.1em;color:var(--faint)}.shot-top h3{font-size:20px;margin:5px 0}.live,.live-small{font-size:8px;letter-spacing:.1em;color:var(--green);margin-left:8px}.live i,.live-small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:4px}.kbd,kbd{font:10px var(--mono);color:var(--faint);border:1px solid var(--border);background:var(--surface-2);border-radius:4px;padding:3px 6px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-soft);background:var(--surface);border-radius:7px;margin-top:18px}.stat-row>div{padding:13px 15px;border-right:1px solid var(--border-soft)}.stat-row>div:last-child{border:0}.stat-row strong{display:block;font-size:18px;margin-top:3px}.stat-row em{font-size:9px;color:var(--green);font-style:normal}.event-demo{height:355px;margin-top:15px;border:1px solid var(--border-soft);background:var(--surface);border-radius:7px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}.event-list{border-right:1px solid var(--border-soft)}.event-head{height:34px;font-size:8px;letter-spacing:.1em;color:var(--faint);padding:0 11px;display:flex;justify-content:space-between}.demo-event,.event-head{border-bottom:1px solid var(--border-soft);align-items:center}.demo-event{height:59px;padding:0 10px;display:grid;grid-template-columns:40px 1fr 48px 20px;gap:8px;font-size:9px}.demo-event.selected{background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.demo-event>span small,.demo-event>span strong{display:block}.demo-event>span small{color:var(--faint);margin-top:3px}.demo-event em{font-style:normal}.demo-event em.success{color:var(--green)}.demo-event em.warning{color:var(--yellow)}.demo-event em.error{color:var(--red)}.demo-event time{color:var(--faint)}.method{font:500 10px var(--mono);display:inline-flex;align-items:center;justify-content:center;padding:3px 5px;width:max-content}.method.post{color:var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent)}.method.get{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.method.patch,.method.put{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 10%,transparent)}.method.delete{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.event-detail{padding:17px}.detail-title{display:flex;align-items:center;gap:10px}.detail-title span.success-orb,.event-orb{width:29px;height:29px;border-radius:7px;background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green);display:grid;place-items:center}.detail-title small,.detail-title strong{display:block}.detail-title small{font-size:8px;color:var(--faint);margin-top:3px}.detail-tabs{display:flex;gap:19px;border-bottom:1px solid var(--border-soft);margin-top:19px;font-size:9px;color:var(--text);height:29px}.detail-tabs span{color:var(--faint)}.event-detail pre{font:9px/1.8 var(--mono);color:var(--muted);margin:15px 0;white-space:pre-wrap}.trust{height:98px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.trust div{font:11px var(--mono);word-spacing:10px}.section{padding-top:120px;padding-bottom:20px}.section .section-kicker{border:0;background:transparent;padding:0}.code-section h2,.section>h2{font-size:38px;letter-spacing:-.045em;margin:13px 0 7px}.code-section p,.section-lead{color:var(--muted);font-size:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.step{padding:28px;min-height:220px;border-right:1px solid var(--border);position:relative}.step:last-child{border:0}.step>span{position:absolute;right:18px;top:16px;font:11px var(--mono)}.step>svg{margin-top:40px}.step h3{font-size:15px;margin:20px 0 7px}.feature-grid article p,.step p{color:var(--muted);font-size:13px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.feature-grid article{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:25px}.feature-grid svg{color:var(--primary)}.feature-grid h3{margin:18px 0 6px;font-size:15px}.code-section{display:grid;gap:70px}.code-section ul,.pricing ul{list-style:none;padding:0;margin:25px 0}.code-section li{display:flex;gap:8px;align-items:center;margin:10px 0;color:var(--muted);font-size:13px}.code-section li svg{color:var(--green)}.code-window{background:#0b0d11;border:1px solid #292d35;border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.code-window>div{height:38px;border-bottom:1px solid #252932;display:flex;align-items:center;padding:0 13px;gap:6px;color:#8b93a1}.code-window>div span{width:8px;height:8px;border-radius:50%}.red-dot{background:#ef6262}.yellow-dot{background:#eab44b}.green-dot{background:#52c878}.code-window em{font:9px var(--mono);font-style:normal;margin:auto}.code-window pre{font:11px/1.8 var(--mono);color:#c5cad3;padding:22px;margin:0;white-space:pre-wrap}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px;align-items:center}.pricing article{border:1px solid var(--border);border-radius:10px;padding:28px;background:var(--surface);position:relative}.pricing article.featured{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));padding-top:38px;box-shadow:0 15px 50px color-mix(in srgb,var(--primary) 8%,transparent)}.pricing article.featured>span{position:absolute;top:0;right:20px;background:var(--primary);color:#071116;font-size:8px;font-weight:700;letter-spacing:.1em;padding:5px 8px;border-radius:0 0 5px 5px}.pricing h3{margin:0 0 15px}.pricing strong{font-size:30px;letter-spacing:-.04em}.pricing strong small{font-size:12px;color:var(--faint);font-weight:400}.pricing li,.pricing p{color:var(--muted);font-size:12px}.pricing li{border-top:1px solid var(--border-soft);padding:9px 0}.pricing .btn{width:100%}.final-cta{margin-top:120px;padding:90px 0;text-align:center;background:radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 50%)}.final-cta h2{font-size:40px;letter-spacing:-.05em}.final-cta p{margin:12px 0 25px}.landing footer{height:110px;display:flex;align-items:center;gap:25px;font-size:11px}.landing footer p{margin-right:auto}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:90px 20px;overflow-x:clip}.auth-top{position:absolute;left:28px;right:28px;top:23px;display:flex;justify-content:space-between}.auth-glow{position:absolute;width:min(550px,100vw);height:350px;background:radial-gradient(ellipse,color-mix(in srgb,var(--primary) 9%,transparent),transparent 70%);pointer-events:none}.auth-card{position:relative;width:min(410px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:33px}.auth-heading{text-align:center;margin-bottom:28px}.mini-mark{width:36px;height:36px;display:grid;place-items:center;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));background:var(--primary-soft);border-radius:9px;margin:0 auto 17px}.auth-heading h1{font-size:23px;letter-spacing:-.035em;margin:0}.auth-heading p{color:var(--muted);font-size:13px;margin:8px 0 0}.auth-card form{display:flex;flex-direction:column;gap:16px}.oauth-stack{display:grid;gap:9px}.oauth-button{min-height:44px;width:100%;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);text-decoration:none;font-size:12px;font-weight:650;transition:border-color .15s ease,background .15s ease,transform .15s ease}.oauth-button>:first-child{justify-self:center;width:18px;height:18px}.oauth-button span{grid-column:2;text-align:center}.oauth-button:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));transform:translateY(-1px)}.oauth-button.disabled{opacity:.48;pointer-events:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:19px 0;font-size:8px;font-weight:700;letter-spacing:.12em}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border-soft)}.auth-card>.form-error{margin-bottom:15px}.auth-terms{margin:18px auto 0;max-width:310px;text-align:center;color:var(--faint);font-size:9px;line-height:1.65}.auth-terms a{color:var(--muted)}.auth-card label,.modal label,.settings-panel label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px}.api-create input,.auth-card input,.modal input,.modal select,.modal textarea,.settings-panel input{height:40px;border:1px solid var(--border);background:var(--bg);border-radius:7px;padding:0 11px;outline:0}.api-create input:focus,.auth-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus,.settings-panel input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.password-input{position:relative}.password-input input{width:100%;padding-right:40px}.password-input button{position:absolute;right:3px;top:3px;width:34px;height:34px;border:0;background:transparent;color:var(--faint)}.form-hint{color:var(--faint);font-size:10px;margin-top:-9px}.forgot{font-size:11px;color:var(--primary);text-align:right;margin-top:-9px}.auth-card .submit{margin-top:3px}.error-banner,.form-error{color:var(--red);font-size:12px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--red) 30%,var(--border));background:color-mix(in srgb,var(--red) 7%,var(--surface));border-radius:6px}.auth-switch{text-align:center;color:var(--muted);font-size:12px;border-top:1px solid var(--border-soft);padding-top:20px;margin-top:23px}.auth-switch a{color:var(--primary);font-weight:600}.auth-footer{position:absolute;bottom:20px;font-size:10px}.recovery-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:13px}.recovery-done>svg{color:var(--green);width:30px;height:30px}.recovery-done p{color:var(--muted)}.app-shell{min-height:100vh;background:var(--bg)}.app-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:242px;border-right:1px solid var(--border-soft);background:var(--surface);display:flex;flex-direction:column}.sidebar-head{height:58px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid var(--border-soft)}.workspace{height:56px;margin:9px 8px;padding:7px;border:0;border-radius:7px;background:transparent;display:grid;grid-template-columns:30px 1fr 14px;gap:9px;text-align:left;align-items:center}.workspace:hover{background:var(--surface-2)}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:var(--primary);font-weight:700;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.user-block small,.user-block strong,.workspace small,.workspace strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-block strong,.workspace strong{font-size:11px}.user-block small,.workspace small{font-size:9px;color:var(--faint);margin-top:2px}.workspace>svg{color:var(--faint)}.main-nav{padding:5px 8px 9px;border-bottom:1px solid var(--border-soft)}.sidebar-item{width:100%;height:32px;border:0;background:transparent;border-radius:6px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;padding:0 9px}.sidebar-item span{display:grid}.sidebar-item svg{width:15px;height:15px}.sidebar-item.active,.sidebar-item:hover{color:var(--text);background:var(--surface-2)}.sidebar-item.active{box-shadow:inset 2px 0 var(--primary)}.sidebar-section-title{height:38px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px 4px 16px;position:relative}.sidebar-section-title>span{font-size:8px;font-weight:700;letter-spacing:.12em}.sidebar-section-title>button.quick-create-trigger{border:0;background:transparent;color:var(--faint);width:auto;height:24px;display:grid;place-items:center;border-radius:5px;gap:4px;padding:0 6px}.sidebar-section-title>button.quick-create-trigger>span{font-size:8px;font-weight:600}.sidebar-section-title>button.quick-create-trigger:hover,.sidebar-section-title>button.quick-create-trigger[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.quick-create-scrim{position:fixed;z-index:31;inset:0;width:auto!important;height:auto!important;padding:0!important;border:0;background:transparent!important}.quick-create-menu{position:absolute;z-index:32;top:35px;right:8px;width:205px;padding:5px;border:1px solid var(--border)}.quick-create-menu>button{width:100%;min-height:47px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;text-align:left}.quick-create-menu>button:hover{color:var(--text);background:var(--surface-2)}.quick-create-menu>button>svg{color:var(--primary);flex:none}.quick-create-menu small,.quick-create-menu strong{display:block}.quick-create-menu strong{color:var(--text);font-size:10px}.quick-create-menu small{color:var(--faint);font-size:8px;margin-top:2px}.channel-tree{overflow:auto;flex:1 1;padding:0 8px}.category-group{padding-bottom:2px}.category-row{height:28px;width:100%;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:10px;text-align:left;border-radius:5px;padding:0 7px}.category-row:hover{background:var(--surface-2)}.category-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-row small,.channel-row small{margin-left:auto;color:var(--faint);font-size:8px}.category-row.muted{color:var(--faint);margin-top:4px}.channel-row{height:29px;width:100%;border:0;background:transparent;color:var(--muted);border-radius:5px;padding:0 8px 0 25px;display:flex;align-items:center;gap:8px;font-size:10px;text-align:left}.channel-row.active,.channel-row:hover{background:var(--surface-2);color:var(--text)}.channel-row.active{box-shadow:inset 2px 0 var(--primary)}.channel-row>i{width:6px;height:6px;border-radius:50%;flex:none}.channel-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{padding:7px 8px;border-top:1px solid var(--border-soft)}.user-block{margin-top:7px;border:0;border-top:1px solid var(--border-soft);background:transparent;padding:11px 7px 3px;width:100%;display:grid;grid-template-columns:30px 1fr 15px;align-items:center;text-align:left;gap:8px}.user-block>svg{color:var(--faint)}.app-main{margin-left:242px;min-height:100vh}.topbar{height:58px;position:sticky;z-index:20;top:0;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);padding:0 22px}.command-trigger,.topbar{display:flex;align-items:center}.command-trigger{width:280px;height:32px;border:1px solid var(--border);border-radius:7px;gap:8px;color:var(--faint);font-size:11px;text-align:left}.command-trigger span{flex:1 1}.top-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.mobile-close,.mobile-menu,.top-actions>button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:6px}.top-actions>button:hover{background:var(--surface-2);color:var(--text)}.connection{font-size:9px;color:var(--faint);padding-right:10px}.connection i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--faint);margin-right:5px}.connection.online i{background:var(--green);box-shadow:0 0 8px var(--green)}.page-wrap{width:min(1320px,calc(100% - 44px));margin:0 auto;padding:37px 0 60px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.page-title>div>span{font-size:8px;color:var(--primary);font-weight:700;letter-spacing:.13em}.page-title h1{font-size:25px;letter-spacing:-.04em;margin:4px 0 0}.page-title p{color:var(--muted);font-size:12px;margin:5px 0 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px}.metric-grid,.onboarding{display:grid;margin-bottom:12px}.onboarding{grid-template-columns:1.2fr .8fr;gap:30px;padding:26px;background:radial-gradient(circle at 15% 100%,color-mix(in srgb,var(--primary) 8%,transparent),var(--surface) 55%)}.onboarding>div>span{color:var(--primary);font-size:8px;font-weight:700;letter-spacing:.12em}.onboarding h2{margin:7px 0 5px;font-size:18px}.onboarding p{color:var(--muted);font-size:11px;margin:0 0 17px}.onboarding ol{list-style:none;padding:0;margin:0}.onboarding li{display:flex;gap:10px;align-items:center;min-height:47px;border-bottom:1px solid var(--border-soft);color:var(--faint)}.onboarding li b{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font:9px var(--mono)}.onboarding li.active b{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.onboarding li small,.onboarding li strong{display:block}.onboarding li strong{font-size:10px;color:var(--text)}.onboarding li small{font-size:8px;margin-top:2px}.metric{min-height:125px;border:1px solid var(--border-soft);background:var(--surface);border-radius:9px;padding:15px;display:grid;grid-template-columns:1fr 32px;grid-template-rows:22px 1fr 18px}.metric>span{color:var(--muted);font-size:10px}.metric>strong{font-size:25px;letter-spacing:-.045em;align-self:end}.metric>small{font-size:9px;color:var(--faint)}.metric-icon{grid-column:2;grid-row:1/3;width:30px;height:30px;border-radius:7px;display:grid;place-items:center}.metric-icon svg{width:15px}.metric-icon.cyan{background:var(--primary-soft)}.metric-icon.violet{color:var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent)}.metric-icon.green{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.metric-icon.red{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:9px;overflow:hidden}.overview-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:12px;margin-bottom:12px}.chart-panel,.health-panel{min-height:280px}.panel-head{height:62px;border-bottom:1px solid var(--border-soft);padding:0 16px;display:flex;align-items:center;justify-content:space-between}.panel-head span{font-size:8px;letter-spacing:.12em}.panel-head h2{font-size:13px;margin:3px 0 0}.select-like{height:28px;border:1px solid var(--border);background:var(--surface-2);font-size:9px;color:var(--muted);display:flex;align-items:center;gap:8px}.mini-chart{height:200px;padding:25px 17px 13px;display:flex;align-items:flex-end;gap:5px}.chart-column{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.chart-column i{display:block;width:100%;max-width:15px;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,color-mix(in srgb,var(--primary) 30%,transparent),var(--primary));min-height:4px}.chart-column small{font:7px var(--mono);height:10px;color:var(--faint)}.health-row{height:48px;border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:7px 1fr auto;gap:10px;align-items:center;padding:0 15px}.health-row>i{width:6px;height:6px;border-radius:50%}.health-row small,.health-row strong{display:block;font-size:10px}.health-row small{font-size:8px;color:var(--faint)}.health-row>b{font:10px var(--mono);color:var(--muted)}.recent-panel{min-height:260px}.text-button{border:0;background:transparent;color:var(--primary);font-size:9px;display:flex;align-items:center;gap:5px}.event-table{width:100%;overflow:auto}.event-table-head,.event-table-row{min-width:760px;display:grid;grid-template-columns:64px minmax(200px,1.3fr) 100px minmax(110px,.8fr) 60px 115px;align-items:center;gap:10px;padding:0 15px}.event-table-head{height:33px;color:var(--faint);font-size:8px;letter-spacing:.08em;border-bottom:1px solid var(--border-soft)}.event-table-row{width:100%;min-height:50px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;text-align:left}.event-table-row.selected,.event-table-row:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.event-name small,.event-name strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-name strong{font-size:10px}.event-name small{font-size:8px;color:var(--faint);margin-top:3px}.level{width:max-content;display:inline-flex;align-items:center;gap:4px;border:1px solid;border-radius:10px;padding:2px 6px;font-size:8px}.level-info{color:var(--primary)}.level-success{color:var(--green)}.level-warning{color:var(--yellow)}.level-error{color:var(--red)}.level-critical{color:var(--critical)}.level-debug{color:var(--violet)}.channel-cell{font-size:9px;color:var(--muted);display:flex;gap:6px;align-items:center}.channel-cell i{width:5px;height:5px;border-radius:50%}.status-fail,.status-ok{font:9px var(--mono);font-style:normal}.status-fail{color:var(--red)}.event-table-row time{font-size:8px;color:var(--faint)}.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-inline>svg,.empty-state>span{color:var(--faint)}.empty-state>span{width:42px;height:42px;border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;background:var(--surface-2)}.empty-state h3{font-size:12px;margin:12px 0 4px}.empty-state p{max-width:330px;margin:0}.empty-inline,.empty-state p{font-size:10px;color:var(--faint)}.empty-inline{flex:1 1;min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}.event-toolbar{display:flex;gap:7px;margin-bottom:10px}.event-toolbar>label{height:34px;min-width:280px;max-width:430px;flex:1 1;border:1px solid var(--border);background:var(--surface);border-radius:7px;display:flex;align-items:center;padding:0 9px;color:var(--faint)}.event-toolbar input{flex:1 1;border:0;outline:0;background:transparent;font-size:10px;padding:0 8px}.event-toolbar select{height:34px;border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:0 27px 0 10px;font-size:10px;color:var(--muted)}.event-toolbar .btn{min-height:34px;height:34px}.event-split{display:grid;grid-template-columns:1fr;gap:10px;min-height:600px}.event-split.has-detail{grid-template-columns:minmax(500px,1.1fr) minmax(360px,.9fr)}.event-list-panel{overflow:auto}.list-summary{height:35px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft);font-size:9px;color:var(--faint)}.event-inspector{border:1px solid var(--border-soft);border-radius:9px;overflow:hidden;min-width:0}.inspector-head{height:66px;padding:0 13px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:9px}.inspector-head>button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;border-radius:5px;color:var(--faint)}.inspector-head .detail-title{flex:1 1}.event-orb.info{color:var(--primary);background:var(--primary-soft)}.event-orb.warning{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 10%,transparent)}.event-orb.critical,.event-orb.error{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.inspector-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-soft);border-bottom:1px solid var(--border-soft)}.inspector-overview>div{background:var(--surface);padding:12px}.inspector-overview small,.inspector-overview strong{display:block}.inspector-overview small{font-size:7px;letter-spacing:.1em;color:var(--faint);margin-bottom:7px}.inspector-overview strong{font:9px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-inspector>.detail-tabs{height:38px;margin:0;padding:0 12px;gap:5px}.detail-tabs button{border:0;background:transparent;color:var(--faint);font-size:9px;padding:0 8px;border-bottom:2px solid transparent}.detail-tabs button.active{border-bottom-color:var(--primary)}.json-viewer{min-width:0}.json-tools{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.json-tools button{border:0;background:transparent;color:var(--faint);font-size:8px;border-radius:4px;padding:4px 7px;display:inline-flex;align-items:center;gap:4px}.json-tools button.active{color:var(--text);background:var(--surface-3)}.json-viewer pre{font:10px/1.8 var(--mono);color:var(--muted);padding:17px;margin:0;overflow:auto;max-height:470px;white-space:pre-wrap;overflow-wrap:anywhere}.channel-metrics{height:73px;border:1px solid var(--border-soft);background:var(--surface);border-radius:9px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.channel-metrics>span{padding:13px 17px;border-right:1px solid var(--border-soft)}.channel-metrics>span:last-child{border:0}.channel-metrics small,.channel-metrics strong{display:block}.channel-metrics small{font-size:7px;letter-spacing:.1em;color:var(--faint)}.channel-metrics strong{font-size:13px;margin-top:8px}.page-tabs{height:38px;display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:13px}.page-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;padding:0 13px}.page-tabs button.active{border-bottom-color:var(--primary)}.webhook-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.webhook-card{border:1px solid var(--border-soft);background:var(--surface);border-radius:9px;padding:16px}.webhook-title{display:grid;grid-template-columns:34px 1fr 7px;gap:10px;align-items:center}.webhook-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:var(--primary);background:var(--primary-soft)}.webhook-title small,.webhook-title strong{display:block}.webhook-title strong{font-size:12px}.webhook-title small{font-size:9px;color:var(--faint);margin-top:3px}.webhook-title>i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.webhook-title>i.active{background:var(--green);box-shadow:0 0 8px var(--green)}.webhook-card>label{display:block;font-size:7px;color:var(--faint);letter-spacing:.1em;margin-top:20px}.endpoint{height:37px;border:1px solid var(--border);background:var(--bg);margin-top:6px;display:flex;align-items:center;padding-left:9px}.endpoint code{font:8px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.endpoint button{width:36px;height:35px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--faint)}.webhook-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.webhook-stats span{border-left:1px solid var(--border);padding-left:10px}.webhook-stats b,.webhook-stats small{display:block}.webhook-stats small{font-size:7px;color:var(--faint);letter-spacing:.1em}.webhook-stats b{font-size:10px;margin-top:5px}.card-actions{display:flex;gap:7px;border-top:1px solid var(--border-soft);padding-top:13px;margin-top:14px}.card-actions .btn{min-height:31px;font-size:9px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analytics-grid>.panel{min-height:270px}.full-panel{grid-column:1/-1}.bar-list{padding:17px}.bar-list>div{margin-bottom:16px}.bar-list span{display:flex;justify-content:space-between;align-items:center}.bar-list em{font:9px var(--mono);font-style:normal;color:var(--faint)}.bar-list>div>i{height:5px;background:var(--surface-3);margin-top:7px;overflow:hidden}.bar-list u,.bar-list>div>i{display:block;border-radius:5px}.bar-list u{height:100%;background:var(--primary)}.level-list{padding:12px 16px}.level-list>div{height:33px;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center}.level-list strong{font:9px var(--mono)}.rank-row{height:47px;border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:35px 8px 1fr 100px 100px;align-items:center;gap:8px;padding:0 17px}.rank-row>b{font:9px var(--mono);color:var(--faint)}.rank-row>i{width:7px;height:7px;border-radius:50%}.rank-row>span{font-size:10px}.rank-row>small{font-size:8px;color:var(--faint)}.rank-row>strong{font:9px var(--mono);text-align:right}.api-panel{padding:18px}.api-create{display:flex;justify-content:space-between;align-items:center}.api-create h2,.settings-panel h2{font-size:14px;margin:0}.api-create p,.settings-panel>p{font-size:10px;color:var(--faint);margin:4px 0}.api-create form{display:flex;gap:7px}.api-create input{width:220px}.secret-reveal{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--green) 30%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--surface));border-radius:7px;padding:11px;margin-top:17px;color:var(--green)}.secret-reveal span code,.secret-reveal span strong{display:block}.secret-reveal strong{font-size:10px}.secret-reveal code{font:9px var(--mono);color:var(--muted);margin-top:4px}.key-list{margin-top:20px;border:1px solid var(--border-soft);border-radius:7px;overflow:hidden}.key-head,.key-row{display:grid;grid-template-columns:1fr 1fr 120px 100px 55px;gap:10px;align-items:center;padding:0 12px}.key-head{height:31px;background:var(--surface-2);font-size:7px;letter-spacing:.1em;color:var(--faint)}.key-row{height:47px;border-top:1px solid var(--border-soft);font-size:9px}.key-row code{font:9px var(--mono);color:var(--muted)}.key-row span{color:var(--faint)}.key-row button{border:0;background:transparent;color:var(--red);font-size:8px}.docs-callout{margin-top:12px;padding:17px;display:flex;gap:13px}.docs-callout>svg{color:var(--primary)}.docs-callout h3{font-size:12px;margin:0}.docs-callout p{font-size:9px;color:var(--muted);margin:5px 0}.docs-callout code{font-family:var(--mono);color:var(--primary)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-panel{padding:19px}.settings-panel form{display:flex;flex-direction:column;gap:14px;margin-top:19px}.settings-panel input:disabled{color:var(--faint)}.settings-panel form .btn{align-self:flex-start}.settings-section-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.settings-section-heading>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:8px;background:var(--primary-soft);color:var(--primary)}.password-method>p,.security-settings>p,.settings-section-heading p{margin:4px 0 0;color:var(--faint);font-size:10px}.password-method h3,.security-settings>h3{margin:0 0 9px;font-size:11px}.connected-list{overflow:hidden;border:1px solid var(--border);border-radius:8px}.connected-row{min-height:61px;display:flex;align-items:center;gap:11px;padding:9px 11px;background:var(--bg)}.connected-row+.connected-row{border-top:1px solid var(--border-soft)}.provider-mark{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:7px;background:var(--surface);font-size:15px;font-weight:800}.provider-mark.google{color:#4285f4}.connected-copy{min-width:0;flex:1 1}.connected-copy small,.connected-copy strong{display:block}.connected-copy strong{font-size:10px}.connected-copy small{margin-top:3px;overflow:hidden;color:var(--faint);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.btn.compact{min-height:32px;padding:0 10px;font-size:9px}.password-method{margin-top:22px;padding-top:20px;border-top:1px solid var(--border-soft)}.password-method form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;margin-top:14px}.password-method form .btn{align-self:end}.settings-loading{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:10px}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}.theme-cards button{height:75px;border:1px solid var(--border);background:var(--bg);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.theme-cards button.active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.theme-cards strong{font-size:9px}.toast{height:38px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));background:var(--surface);border-radius:7px;padding:0 13px;gap:8px;color:var(--green);font-size:10px;animation:toast-in .2s ease}.error-banner,.toast{position:fixed;z-index:100;right:18px;top:18px;display:flex;align-items:center}.error-banner{gap:7px}.error-banner button{border:0;background:transparent;color:inherit;display:grid}.modal-backdrop,.palette-backdrop{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.57);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .15s ease}.modal{width:min(470px,100%);background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);overflow:hidden;animation:modal-in .18s ease}.modal>header{display:grid;grid-template-columns:38px 1fr 28px;gap:11px;align-items:center;padding:18px;border-bottom:1px solid var(--border-soft)}.modal-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.modal-icon svg{width:18px}.modal header h2{font-size:14px;margin:0}.modal header p{font-size:9px;color:var(--faint);margin:3px 0}.modal header button{border:0;background:transparent;color:var(--faint);width:28px;height:28px;display:grid;place-items:center}.modal>form{display:flex;flex-direction:column;gap:14px;padding:18px}.modal label small{font-weight:400;color:var(--faint)}.modal textarea{height:70px;padding:9px;resize:vertical}.color-field{display:flex;gap:10px;align-items:center}.color-field input{width:42px;padding:3px}.color-field span{font-size:9px;font-weight:400;color:var(--faint)}.check-label{flex-direction:row!important;align-items:flex-start;border:1px solid var(--border);border-radius:7px;padding:11px}.check-label input{width:15px;height:15px}.check-label span small,.check-label span strong{display:block}.check-label span small{font-size:9px;margin-top:3px}.modal form>footer{border-top:1px solid var(--border-soft);padding-top:14px;display:flex;justify-content:flex-end;gap:7px}.secret-success{padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.secret-success>svg{color:var(--green)}.secret-success h3{margin:11px 0 4px}.secret-success p{font-size:10px;color:var(--faint)}.secret-success code{width:100%;padding:11px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font:9px var(--mono);overflow-wrap:anywhere;margin:8px 0 16px}.palette-backdrop{align-items:flex-start;padding-top:12vh}.palette{width:min(590px,100%);background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);overflow:hidden;animation:modal-in .15s ease}.palette>label{height:52px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--border)}.palette>label svg{color:var(--faint)}.palette>label input{flex:1 1;border:0;background:transparent;outline:0;font-size:12px}.palette>div{padding:9px;max-height:390px;overflow:auto}.palette>div>small{display:block;font-size:7px;color:var(--faint);letter-spacing:.12em;padding:7px 9px}.palette>div>button{height:38px;width:100%;border:0;background:transparent;border-radius:6px;display:flex;align-items:center;gap:10px;text-align:left;padding:0 10px;color:var(--muted);font-size:10px}.palette>div>button:hover{background:var(--surface-2);color:var(--text)}.palette>div>button svg{width:15px}.palette>div>button span{flex:1 1}.palette footer{height:35px;border-top:1px solid var(--border);display:flex;align-items:center;gap:18px;padding:0 14px;color:var(--faint);font-size:8px}.palette footer kbd{margin:0 2px}.palette-empty{text-align:center;color:var(--faint);padding:35px}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:220% 100%;animation:shimmer 1.4s infinite;border-radius:7px}.skeleton.title{width:260px;height:50px;margin-bottom:30px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.skeleton.card{height:125px}.skeleton.chart{height:320px;margin-top:12px}.mobile-close,.mobile-menu{display:none}@keyframes shimmer{to{background-position:-220% 0}}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}}@keyframes fade-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@media (max-width:1000px){.product-shot{grid-template-columns:170px}.overview-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.event-split.has-detail{grid-template-columns:1fr}.event-inspector{position:fixed;z-index:50;right:0;top:58px;bottom:0;width:min(480px,100%);border-radius:0;box-shadow:var(--shadow);overflow:auto}.feature-grid,.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--border)}.webhook-grid{grid-template-columns:1fr}}@media (max-width:760px){.onboarding{grid-template-columns:1fr;padding:20px;gap:18px}.container{width:min(100% - 28px,1180px)}.nav-actions>.btn.ghost,.nav-actions>.theme-switch,.nav-links{display:none}.hero{padding-top:65px}.hero h1{font-size:48px}.hero>p{font-size:14px}.product-shot{height:440px;grid-template-columns:1fr}.shot-sidebar{display:none}.shot-main{padding:17px}.event-demo{grid-template-columns:1fr}.event-detail{display:none}.trust{flex-direction:column;justify-content:center;gap:9px;text-align:center}.trust div{font-size:8px;word-spacing:2px}.section{padding-top:80px}.code-section h2,.final-cta h2,.section>h2{font-size:30px}.code-section,.feature-grid,.pricing{grid-template-columns:1fr}.code-section{gap:30px}.final-cta{margin-top:80px}.landing footer p{display:none}.app-sidebar{transform:translateX(-102%);transition:transform .22s ease}.app-sidebar.open{transform:none}.sidebar-scrim{position:fixed;z-index:29;inset:0;background:rgba(0,0,0,.55)}.mobile-close,.mobile-menu{display:grid}.mobile-close{margin-left:auto}.app-main{margin-left:0}.topbar{padding:0 12px}.command-trigger{width:auto;flex:1 1;margin-left:7px}.command-trigger span{display:none}.page-wrap{width:calc(100% - 24px);padding-top:23px}.page-title{align-items:flex-start;gap:13px}.page-title .btn{font-size:0;padding:0 10px}.page-title .btn svg{margin:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:110px}.event-toolbar{flex-wrap:wrap}.event-toolbar>label{min-width:100%;max-width:none}.event-toolbar select{flex:1 1}.event-toolbar .btn{font-size:0;padding:0 10px}.event-table-head,.event-table-row{grid-template-columns:52px minmax(170px,1fr) 82px 90px;min-width:510px}.event-table-head span:nth-child(4),.event-table-head span:nth-child(5),.event-table-row .channel-cell,.event-table-row em{display:none}.event-inspector{top:0}.channel-metrics{height:auto;grid-template-columns:repeat(2,1fr)}.channel-metrics>span:nth-child(2){border-right:0}.channel-metrics>span:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.analytics-grid,.settings-grid{grid-template-columns:1fr}.api-create{align-items:flex-start;flex-direction:column;gap:14px}.api-create form{width:100%}.api-create input{width:auto;flex:1 1}.key-head,.key-row{grid-template-columns:1fr 1fr 55px}.key-head span:nth-child(3),.key-head span:nth-child(4),.key-row span{display:none}.secret-reveal{grid-template-columns:25px 1fr}.secret-reveal .btn{grid-column:1/-1}.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero h1{font-size:39px}.hero-actions{flex-direction:column}.hero-note span{display:none}.product-shot{margin-top:45px}.steps{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:1px solid var(--border)!important}.feature-grid{grid-template-columns:1fr}.code-window pre{font-size:9px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:12px}.metric>strong{font-size:21px}.overview-grid{display:block}.health-panel{margin-top:10px}.page-title h1{font-size:21px}.connection{display:none}.event-toolbar select{width:calc(50% - 4px)}.webhook-card{padding:13px}.theme-cards{grid-template-columns:1fr}.theme-cards button{height:48px;flex-direction:row}.modal{max-height:calc(100vh - 20px);overflow:auto}.auth-card{padding:25px 20px}.auth-top{left:18px;right:18px}.pricing article.featured{padding-top:38px}}:root,[data-theme=dark]{--bg:#08090a;--bg-2:#0b0c0d;--surface:#0f1011;--surface-2:#161718;--surface-3:#23252a;--border:#2d3035;--border-soft:#23252a;--text:#ffffff;--muted:#d0d6e0;--faint:#8a8f98;--primary:#e4f222;--primary-strong:#efff38;--primary-soft:rgba(228,242,34,0.09);--violet:#8b5cf6;--green:#47c46a;--yellow:#f1bc45;--red:#f07178;--critical:#ff5c6c;--shadow:0 24px 60px rgba(0,0,0,0.46);--radius:12px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;color-scheme:dark}[data-theme=light]{--bg:#f6f6f3;--bg-2:#efefeb;--surface:#ffffff;--surface-2:#f1f2ee;--surface-3:#e4e6df;--border:#c9cbc3;--border-soft:#dedfd9;--text:#111210;--muted:#4e524c;--faint:#777c74;--primary:#cad91c;--primary-strong:#b8c70e;--primary-soft:rgba(185,200,12,0.13);--shadow:0 24px 60px rgba(30,33,27,0.12);color-scheme:light}body,html{background:var(--bg);overflow-x:clip}body{min-width:320px;font-family:var(--sans);font-size:14px;font-feature-settings:"cv01" 1,"ss03" 1,"zero" 1;letter-spacing:-.01em;text-rendering:optimizeLegibility}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition-duration:.14s}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:9px 13px;border-radius:6px;background:var(--primary);color:#08090a;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}::selection{background:rgba(228,242,34,.28);color:var(--text)}.container{width:min(1200px,calc(100% - 48px))}.logo{gap:10px;font-size:15px;font-weight:510}.logo,.logo-mark{color:var(--text)}.logo-mark{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);box-shadow:none}.logo-mark svg{width:15px}.btn{min-height:36px;padding:0 13px;border-radius:6px;font-size:13px;font-weight:510;letter-spacing:-.01em}.btn:hover{transform:none}.btn.primary,[data-theme=light] .btn.primary{border-color:var(--primary);background:var(--primary);color:#08090a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 1px 0 rgba(255,255,255,.12)}.btn.primary:hover{border-color:var(--primary-strong);background:var(--primary-strong)}.btn.secondary{border-color:var(--border);background:transparent;color:var(--muted)}.btn.ghost:hover,.btn.secondary:hover{border-color:var(--faint);background:rgba(255,255,255,.035);color:var(--text)}.btn.ghost{color:var(--muted)}.btn.large{min-height:44px;padding-inline:17px;font-size:14px}.btn.danger{background:rgba(235,87,87,.06);border-color:rgba(235,87,87,.28)}.theme-switch{border-color:var(--border);border-radius:6px;background:rgba(255,255,255,.025)}.theme-switch button{width:26px;height:25px;border-radius:4px;color:var(--faint)}.theme-switch button.active{background:var(--surface-3);color:var(--text)}.landing,.public-page{background:var(--bg);color:var(--text)}.landing-nav{height:72px;padding:0;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg) 88%,transparent)}.landing-nav:before{display:none}.nav-links{gap:4px}.nav-links a{padding:8px 12px;color:var(--faint);font-size:13px}.nav-links a:hover{color:var(--text)}.nav-actions{gap:8px}.nav-actions .btn.ghost{border:0}.landing-nav .nav-actions .btn.primary{border-radius:999px;background:var(--text);border-color:var(--text);color:var(--bg)}.hero{min-height:0;padding:112px 0 0;text-align:left}.hero:before{display:none}.hero-copy{display:grid;grid-template-columns:minmax(0,760px) 1fr;column-gap:72px;align-items:end}.eyebrow{grid-column:1/-1;width:fit-content;margin:0 0 28px;padding:0;border:0;background:none;color:var(--muted);font:400 13px/1 var(--mono);letter-spacing:-.013em;text-transform:none}.eyebrow i{width:7px;height:7px;display:inline-block;margin-right:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 14px rgba(228,242,34,.42)}.hero h1{grid-column:1;max-width:850px;margin:0;font-size:clamp(52px,6.3vw,82px);font-weight:510;line-height:.98;letter-spacing:-.055em;text-wrap:balance}.hero h1 span{color:var(--faint)}.hero-copy>p,.hero>p{grid-column:2;grid-row:2;max-width:360px;margin:0 0 8px;color:var(--muted);font-size:16px;line-height:1.65}.hero-actions{grid-column:1/-1;justify-content:flex-start;margin:36px 0 0}.hero-link{display:inline-flex;align-items:center;gap:7px;padding:0 8px;color:var(--muted);font-size:14px}.hero-link:hover{color:var(--text)}.hero-note{grid-column:1/-1;justify-content:flex-start;margin-top:18px;color:var(--faint);font-size:12px}.hero-note svg{color:var(--primary)}.product-shot{position:relative;width:min(1280px,calc(100vw - 32px));min-height:620px;margin:92px auto 0;border:1px solid var(--border);border-radius:12px 12px 0 0;background:var(--surface);box-shadow:0 -1px 0 rgba(255,255,255,.025),0 40px 100px rgba(0,0,0,.52)}.product-shot:before{content:"";position:absolute;z-index:-1;inset:-96px -32px auto;height:460px;background:linear-gradient(180deg,transparent,rgba(208,214,224,.1) 68%,transparent);pointer-events:none}.shot-sidebar{width:210px;border-color:var(--border-soft);background:#0c0d0e}.shot-main{padding:30px;background:var(--surface)}.event-head,.shot-label,.shot-top small,.stat-row small{color:var(--faint);font-family:var(--mono);font-size:9px;letter-spacing:.06em}.shot-item.active{background:var(--surface-3);box-shadow:inset 2px 0 var(--primary)}.event-demo,.stat-row{border-color:var(--border);border-radius:8px;background:var(--bg)}.demo-event,.detail-tabs,.event-list,.stat-row>div{border-color:var(--border-soft)}.demo-event.selected{background:rgba(228,242,34,.055);box-shadow:inset 2px 0 var(--primary)}.success-orb{background:rgba(71,196,106,.12);color:var(--green)}.trust{min-height:104px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);color:var(--faint)}.trust span{font-size:13px}.trust div{gap:16px;color:var(--muted);font:400 12px var(--mono)}.trust i{width:3px;height:3px;border-radius:50%;background:var(--border)}.section{padding-top:132px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:80px;align-items:end;margin-bottom:56px}.section-kicker{color:var(--faint);font:400 11px var(--mono);letter-spacing:.08em}.final-cta h2,.section h2{max-width:760px;margin:16px 0 0;font-size:clamp(38px,5vw,58px);font-weight:510;line-height:1.03;letter-spacing:-.045em}.section-lead{margin:0;color:var(--muted);font-size:16px;line-height:1.65}.steps{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.step{min-height:240px;padding:28px 32px 30px 0;border:0;border-right:1px solid var(--border-soft);border-radius:0;background:transparent}.step+.step{padding-left:32px}.step:last-child{border-right:0}.step>span{color:var(--faint);font:400 11px var(--mono)}.step>svg{margin-top:54px;color:var(--primary)}.step h3{margin:18px 0 8px;font-size:18px;font-weight:510}.step p{color:var(--faint);font-size:14px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--border)}.feature-grid article{min-height:130px;display:grid;grid-template-columns:34px 24px 1fr 18px;gap:16px;align-items:start;padding:26px 24px 26px 0;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent}.feature-grid article:nth-child(2n){padding-left:24px;border-left:1px solid var(--border-soft)}.feature-grid article>span{color:var(--faint);font:400 10px var(--mono)}.feature-grid article>svg{color:var(--muted)}.feature-grid article>svg:last-child{color:var(--faint)}.feature-grid h3{margin:-2px 0 7px;font-size:16px;font-weight:510}.feature-grid p{margin:0;color:var(--faint);font-size:13px;line-height:1.6}.code-section{grid-template-columns:.8fr 1.2fr;gap:96px;align-items:center}.code-section li,.code-section>div:first-child>p{color:var(--muted)}.code-section li svg{color:var(--primary)}.code-window{border:1px solid var(--border);border-radius:12px;background:#0b0c0d;box-shadow:none}.code-window>div{border-color:var(--border-soft);background:var(--surface)}.code-window pre{color:#d7de93}.pricing{grid-template-columns:1fr;gap:0;border-top:1px solid var(--border)}.pricing article,.pricing article.featured{min-height:0;display:grid;grid-template-columns:150px 160px minmax(210px,1fr) minmax(320px,1.5fr) auto;gap:28px;align-items:center;padding:28px 0;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent;box-shadow:none}.pricing article>span{position:static;grid-column:1;grid-row:2;width:fit-content;color:var(--primary);font:400 9px var(--mono)}.pricing h3{margin:0;font-size:18px;font-weight:510}.pricing strong{margin:0;font-size:28px;font-weight:510}.pricing p{margin:0;color:var(--faint);font-size:13px}.pricing ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:12px}.pricing li:before{content:"—";margin-right:8px;color:var(--faint)}.pricing .btn{white-space:nowrap}.final-cta{margin-top:136px;padding:96px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);text-align:left}.final-cta .container{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}.final-cta h2{grid-column:1;margin:0}.final-cta p{grid-column:1;margin:18px 0 0;color:var(--muted)}.final-cta .btn{grid-column:2;grid-row:1/3}.landing footer{min-height:130px;border-top:0;color:var(--faint)}.public-content{max-width:960px;padding-top:112px;padding-bottom:112px}.public-content>h1{max-width:820px;margin:18px 0 24px;font-size:clamp(48px,7vw,74px);font-weight:510;line-height:1;letter-spacing:-.052em}.public-lead{max-width:700px;margin-bottom:64px;font-size:17px}.public-content section{margin:0;padding:42px 0;border-top:1px solid var(--border-soft)}.public-content section h2{font-size:22px;font-weight:510;letter-spacing:-.022em}.public-content ol,.public-content section p{color:var(--muted);font-size:14px}.public-content code{color:var(--text)}.docs-outline{gap:8px;margin-bottom:64px}.docs-outline a{border-color:var(--border);border-radius:999px;background:rgba(255,255,255,.025)}.docs-table{border-color:var(--border)}.auth-layout{min-height:100svh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,560px);grid-template-rows:72px 1fr 48px;align-items:stretch;padding:0;background:var(--bg)}.auth-top{grid-column:1/-1;position:static;height:72px;padding:0 32px;border-bottom:1px solid var(--border-soft)}.auth-glow{inset:72px 0 0 auto;width:min(560px,46vw);height:auto;border-radius:0;opacity:.8;background:linear-gradient(180deg,rgba(208,214,224,.06),transparent 45%);filter:none}.auth-context{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center;padding:64px max(48px,8vw);border-right:1px solid var(--border-soft)}.auth-context>span{color:var(--faint);font:400 11px var(--mono);letter-spacing:.08em}.auth-context h2{margin:20px 0;font-size:clamp(46px,5.8vw,78px);font-weight:510;line-height:.98;letter-spacing:-.055em}.auth-context p{max-width:440px;color:var(--muted);font-size:16px;line-height:1.65}.auth-context div{display:flex;align-items:center;gap:9px;margin-top:48px;color:var(--faint);font:400 11px var(--mono)}.auth-context i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(71,196,106,.5)}.auth-card{grid-column:2;grid-row:2;width:min(100% - 64px,420px);margin:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-heading{margin-bottom:30px;text-align:left}.auth-heading .mini-mark{width:32px;height:32px;margin:0 0 24px;border-color:var(--border);border-radius:6px;background:var(--surface-2);color:var(--primary)}.auth-heading h1{font-size:30px;font-weight:510;letter-spacing:-.032em}.auth-heading p{color:var(--faint);font-size:14px}.auth-card label{color:var(--muted);font-size:12px;font-weight:400}.auth-card input,.recovery-card input{height:44px;border-color:var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.auth-card input:focus,.recovery-card input:focus{border-color:var(--muted);box-shadow:0 0 0 2px rgba(208,214,224,.08)}.oauth-button{height:43px;border-color:var(--border);border-radius:6px;background:var(--surface);color:var(--muted)}.oauth-button:hover{border-color:var(--faint);background:var(--surface-2);color:var(--text)}.auth-divider{color:var(--faint);font-size:10px}.auth-card .submit{width:100%;margin-top:8px}.auth-switch{border-color:var(--border-soft);color:var(--faint)}.auth-switch a,.forgot{color:var(--muted)}.auth-footer{grid-column:2;grid-row:3;position:static;margin:0;text-align:center;color:var(--faint)}.app-main,.app-shell{background:var(--bg)}.app-sidebar{width:248px;background:#0c0d0e}.app-sidebar,.sidebar-head{border-color:var(--border-soft)}.sidebar-head{height:60px}.workspace{height:52px;margin:10px 8px;border-radius:6px}.avatar{border-color:var(--border);border-radius:6px;background:var(--surface-2);color:var(--text)}.main-nav{border-color:var(--border-soft)}.category-row,.channel-row,.sidebar-item{border-radius:5px;color:var(--faint)}.category-row:hover,.channel-row.active,.channel-row:hover,.sidebar-item.active,.sidebar-item:hover{background:rgba(255,255,255,.045);color:var(--text)}.channel-row.active,.sidebar-item.active{box-shadow:inset 2px 0 var(--primary)}.sidebar-section-title>span{color:var(--faint);font:400 9px var(--mono)}.quick-create-menu{border-color:var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.sidebar-bottom,.user-block{border-color:var(--border-soft)}.app-main{margin-left:248px}.topbar{height:60px;border-color:var(--border-soft);background:rgba(8,9,10,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.command-trigger{height:34px;border-color:var(--border);border-radius:6px;background:var(--surface)}.connection.online{color:var(--green)}.page-wrap{width:min(1340px,calc(100% - 48px));padding-top:42px}.page-title{margin-bottom:30px}.page-title>div>span{color:var(--faint);font:400 9px var(--mono)}.page-title h1{margin-top:7px;font-size:30px;font-weight:510;letter-spacing:-.035em}.page-title p{color:var(--faint);font-size:13px}.metric,.panel,.webhook-card{border-color:var(--border-soft);border-radius:10px;background:var(--surface);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.015)}.metric-grid{gap:8px}.metric{min-height:118px;padding:17px}.metric>span{color:var(--faint);font-size:11px}.metric>strong{font-size:28px;font-weight:510}.metric-icon{border-radius:6px;background:var(--surface-2)!important}.metric-icon.cyan{color:var(--primary)}.overview-grid{gap:8px}.panel-head{border-color:var(--border-soft)}.panel-head span{color:var(--faint);font:400 9px var(--mono)}.panel-head h2{font-size:14px;font-weight:510}.select-like{border-color:var(--border);border-radius:5px;background:transparent}.chart-column i{border-radius:2px 2px 0 0;background:linear-gradient(to top,rgba(228,242,34,.16),var(--primary))}.first-project,.onboarding{background:var(--surface)}.advanced-filters input,.advanced-filters select,.api-create input,.event-actions textarea,.event-toolbar input,.event-toolbar select,.field-label input,.replay-box input,.settings-panel input,.settings-panel select,.settings-panel textarea,.tool-form input,.tool-form select{border-color:var(--border);border-radius:6px;background:var(--surface-2)}.advanced-filters input:focus,.advanced-filters select:focus,.event-toolbar input:focus,.event-toolbar select:focus,.field-label input:focus,.settings-panel input:focus,.settings-panel select:focus,.settings-panel textarea:focus,.tool-form input:focus,.tool-form select:focus{border-color:var(--muted);box-shadow:0 0 0 2px rgba(208,214,224,.08)}.event-table-head,.key-head{color:var(--faint);font-family:var(--mono);letter-spacing:.05em}.event-table-row,.health-row,.key-row,.rank-row,.rule-row{border-color:var(--border-soft)}.event-table-row.selected,.event-table-row:hover{background:rgba(255,255,255,.035)}.event-table-row.selected{box-shadow:inset 2px 0 var(--primary)}.method{border-radius:4px}.status-ok{color:var(--green)}.event-inspector{background:var(--surface)}.detail-tabs,.event-inspector{border-color:var(--border-soft)}.detail-tabs button.active{color:var(--text);box-shadow:inset 0 -1px var(--primary)}.json-tree,.json-viewer,.setup-code,.snippet-panel>pre{background:#0a0b0c}.json-key{color:#8edbf0}.json-string{color:#b5d58f}.json-number{color:#b9a2ff}.json-boolean{color:#f0bd79}.page-tabs{border-color:var(--border-soft)}.page-tabs button.active{color:var(--text);box-shadow:inset 0 -1px var(--primary)}.endpoint{border-color:var(--border);border-radius:6px;background:#0a0b0c}.empty-inline>span,.empty-state>span,.modal-icon,.setup-icon{border-radius:6px;background:var(--surface-2);color:var(--muted)}.empty-state h3{font-weight:510}.empty-inline,.empty-state p,.settings-panel>p{color:var(--faint)}.modal-backdrop,.palette-backdrop{background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal,.palette{border-color:var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.modal footer,.modal header,.palette footer,.palette label{border-color:var(--border-soft)}.modal input,.modal select,.modal textarea{border-color:var(--border);border-radius:6px;background:var(--surface-2)}.palette>div button:hover{background:var(--surface-2)}kbd{color:var(--faint);box-shadow:none}.toast,kbd{border-color:var(--border);background:var(--surface-2)}.toast{border-radius:6px;color:var(--text);box-shadow:var(--shadow)}.error-banner,.form-error,.inline-error{border-color:rgba(235,87,87,.28);border-radius:6px;background:rgba(235,87,87,.07)}.new-events-badge{border-color:var(--primary);color:#08090a;box-shadow:none}.theme-cards button{border-color:var(--border);border-radius:8px;background:transparent}.theme-cards button.active{border-color:var(--muted);background:var(--surface-2);color:var(--text)}.connected-row,.password-method{border-color:var(--border-soft)}.provider-mark{border-radius:6px;background:var(--surface-2)}.usage-bar i{background:var(--primary)}.share-detail>div:first-child,.share-event,.share-top{border-color:var(--border-soft)}.share-event.selected,.share-event:hover{background:rgba(228,242,34,.045)}@media (max-width:1000px){.hero-copy{grid-template-columns:1fr}.hero-copy>p,.hero>p{grid-column:1;grid-row:auto;max-width:620px;margin-top:28px}.section-heading{grid-template-columns:1fr;gap:22px}.section-lead{max-width:620px}.pricing article,.pricing article.featured{grid-template-columns:120px 130px 1fr auto}.pricing ul{grid-column:2/4}.pricing p{display:none}.auth-layout{grid-template-columns:minmax(300px,.8fr) minmax(400px,1fr)}.auth-context{padding-inline:44px}}@media (max-width:760px){.container{width:min(100% - 32px,1200px)}.landing-nav{height:64px}.landing-nav .nav-links,.landing-nav .theme-switch,.nav-actions .btn.ghost,.nav-actions .btn.secondary{display:none}.hero{padding-top:72px}.hero h1{font-size:clamp(43px,13vw,62px);line-height:1}.hero-actions{align-items:flex-start;gap:16px}.hero-note{align-items:flex-start;line-height:1.6}.product-shot{min-height:455px;margin-top:64px}.shot-sidebar{display:none}.shot-main{padding:18px}.stat-row>div{padding:14px}.event-demo{grid-template-columns:1fr}.event-detail{display:none}.trust{min-height:130px;align-items:flex-start;justify-content:center;flex-direction:column;gap:18px}.trust div{flex-wrap:wrap}.section{padding-top:92px}.final-cta h2,.section h2{font-size:38px}.feature-grid,.steps{grid-template-columns:1fr}.step,.step+.step{min-height:190px;padding:24px 0;border-right:0;border-bottom:1px solid var(--border-soft)}.step>svg{margin-top:32px}.feature-grid article,.feature-grid article:nth-child(2n){padding:24px 0;border-left:0}.code-section{grid-template-columns:1fr;gap:42px}.pricing article,.pricing article.featured{grid-template-columns:1fr auto;gap:14px}.pricing strong{text-align:right}.pricing p{display:block}.pricing .btn,.pricing p,.pricing ul{grid-column:1/-1}.pricing .btn{width:fit-content}.pricing article>span{grid-column:1/-1;grid-row:auto}.final-cta .container{grid-template-columns:1fr}.final-cta .btn{grid-column:1;grid-row:auto;width:fit-content}.auth-layout{display:flex;flex-direction:column;min-height:100svh}.auth-top{flex:0 0 64px;height:64px;padding:0 18px}.auth-context{display:none}.auth-card{width:min(100% - 40px,420px);margin:auto;padding:56px 0}.auth-footer{padding:20px 0}}@media (max-width:480px){.nav-actions .btn.primary{min-height:34px;padding-inline:12px}.hero{padding-top:58px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions .btn{width:100%}.product-shot{width:calc(100vw - 16px)}.shot-top{flex-wrap:wrap;gap:10px}.stat-row{grid-template-columns:1fr 1fr}.stat-row>div:last-child{display:none}.feature-grid article{grid-template-columns:28px 22px 1fr}.feature-grid article>svg:last-child{display:none}.pricing ul{grid-template-columns:1fr}.public-content{padding-top:70px}.public-content>h1{font-size:46px}.auth-card{width:min(100% - 32px,420px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.public-page{min-height:100vh;background:var(--bg);color:var(--text)}.public-content{max-width:900px;padding-top:90px;padding-bottom:90px}.public-content>h1{margin:10px 0 18px;font-size:clamp(38px,7vw,68px);letter-spacing:-.055em}.public-lead{max-width:720px;margin:0 0 48px;color:var(--muted);font-size:16px;line-height:1.75}.public-content section{margin:38px 0}.public-content section h2{margin:0 0 12px;font-size:20px}.public-content section p{color:var(--muted);font-size:13px;line-height:1.8}.public-content code{color:var(--primary);font-family:var(--mono)}.docs-code{margin:28px 0 52px!important}.docs-outline{display:flex;flex-wrap:wrap;gap:7px;margin:-22px 0 45px}.docs-outline a{padding:7px 9px;border:1px solid var(--border);border-radius:6px;color:var(--muted);text-decoration:none;font-size:9px}.docs-outline a:hover{color:var(--text);border-color:var(--primary)}.public-content ol{color:var(--muted);font-size:13px;line-height:2}.docs-tabs{display:flex;gap:5px;overflow-x:auto;padding:8px;border:1px solid var(--border);border-bottom:0;border-radius:9px 9px 0 0;background:var(--surface)}.docs-tabs button{padding:7px 10px;border:0;border-radius:5px;background:transparent;color:var(--faint);text-transform:capitalize}.docs-tabs button.active{color:var(--text);background:var(--surface-3)}.docs-code .code-window{border-radius:0 0 9px 9px}.docs-code .code-window button{border:0;background:transparent;color:var(--muted)}.docs-table{display:grid;grid-template-columns:54px 1fr;border:1px solid var(--border);border-radius:8px;overflow:hidden}.docs-table>*{margin:0!important;padding:11px;border-bottom:1px solid var(--border-soft)}.docs-table span{color:var(--primary);font:700 12px var(--mono)}.footer-links,.public-footer div{display:flex;flex-wrap:wrap;gap:14px}.footer-links a,.public-footer a{color:var(--faint);text-decoration:none;font-size:10px}.footer-links a:hover,.public-footer a:hover{color:var(--text)}.settings-panel textarea{min-height:90px;padding:10px;resize:vertical;font:inherit}.settings-panel select,.settings-panel textarea{border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text)}.settings-panel select{height:38px;padding:0 10px}.new-events-badge{position:sticky;top:58px;z-index:6;margin:0 auto 9px;display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:999px;background:var(--primary);color:#041014;box-shadow:0 8px 26px rgba(0,0,0,.25);font-size:9px;font-weight:700}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (pointer:coarse){:where(.btn,.mobile-menu,.mobile-close,.top-actions button){min-height:42px;min-width:42px}}@media (max-width:640px){.public-content{padding-top:54px;padding-bottom:54px}.public-footer{align-items:flex-start}}.share-shell{min-height:100vh;width:min(1240px,calc(100% - 32px));margin:0 auto;padding-bottom:30px}.share-top{height:68px;justify-content:space-between;border-bottom:1px solid var(--border-soft)}.share-top,.share-top>span{display:flex;align-items:center}.share-top>span{gap:6px;color:var(--green);font-size:8px;letter-spacing:.08em}.live-small i,.share-top>span i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.share-heading{min-height:128px;display:flex;align-items:center;justify-content:space-between}.share-heading small{color:var(--primary);font-size:8px;letter-spacing:.12em}.share-heading h1{margin:6px 0;font-size:25px}.share-heading p{color:var(--faint);font-size:9px;margin:0}.share-heading>span{display:flex;gap:5px;color:var(--faint);font-size:8px}.share-events{display:grid;grid-template-columns:1fr;gap:10px;min-height:580px}.share-events.detail{grid-template-columns:minmax(480px,1.1fr) minmax(340px,.9fr)}.share-event{width:100%;min-height:55px;display:grid;grid-template-columns:60px minmax(170px,1fr) 90px 50px 100px;gap:10px;align-items:center;padding:0 14px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text);text-align:left}.share-event.selected,.share-event:hover{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.share-event>span small,.share-event>span strong{display:block}.share-event>span strong{font-size:10px}.share-event time,.share-event>span small{margin-top:3px;color:var(--faint);font-size:8px}.share-detail>div:first-child{padding:16px;border-bottom:1px solid var(--border-soft)}.share-detail>div:first-child small,.share-detail>div:first-child strong{display:block;margin-top:8px}.share-detail>div:first-child strong{font-size:13px}.share-detail>div:first-child small,.share-footer{color:var(--faint);font-size:8px}.share-footer{padding:23px 0;text-align:center}.share-error{margin:15vh auto 0;max-width:460px;padding:40px;text-align:center}.share-error svg{color:var(--red)}.share-error h1{font-size:20px}.share-error p{color:var(--faint);font-size:10px}@media (max-width:800px){.share-events.detail{grid-template-columns:1fr}.share-event{grid-template-columns:52px 1fr 80px}.share-event em,.share-event time{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.first-project{min-height:590px;padding:36px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:48px;align-items:center;background:radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--primary) 9%,transparent),var(--surface) 58%)}.setup-copy{max-width:760px}.setup-copy>small,.usage-primary>small{color:var(--primary);font-size:8px;font-weight:700;letter-spacing:.13em}.setup-copy h1{font-size:28px;letter-spacing:-.04em;margin:7px 0}.setup-copy>p{color:var(--muted);font-size:11px;max-width:560px;margin:0 0 22px}.setup-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:10px}.setup-icon.success{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.advanced-filters label,.event-actions label,.field-label,.tool-form label{display:grid;gap:7px;color:var(--faint);font-size:8px;font-weight:700;letter-spacing:.08em}.advanced-filters input,.advanced-filters select,.event-actions textarea,.field-label input,.replay-box input,.tool-form input,.tool-form select{height:38px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text);padding:0 11px;outline:0;font:10px var(--sans)}.advanced-filters input:focus,.field-label input:focus,.replay-box input:focus,.tool-form input:focus,.tool-form select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 18px}.template-grid button{min-height:83px;border:1px solid var(--border);background:var(--surface-2);color:var(--faint);border-radius:8px;padding:11px;text-align:left;display:grid;grid-template-columns:22px 1fr;align-items:center}.template-grid button small,.template-grid button strong{grid-column:2;display:block}.template-grid button strong{color:var(--text);font-size:10px}.template-grid button small{font-size:8px;line-height:1.4}.template-grid button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.setup-steps{list-style:none;margin:0;padding:0}.setup-steps li{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--border-soft);color:var(--faint)}.setup-steps li b{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font:9px var(--mono)}.setup-steps small,.setup-steps strong{display:block}.setup-steps strong{color:var(--text);font-size:10px}.setup-steps small{margin-top:4px;font-size:8px}.setup-steps li.active b{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.setup-endpoint{margin:16px 0}.snippet-tabs{display:flex;gap:4px;padding:9px 12px;overflow:auto;border-bottom:1px solid var(--border-soft)}.snippet-tabs button{border:0;border-radius:5px;background:transparent;color:var(--faint);padding:6px 9px;font-size:8px;white-space:nowrap}.snippet-tabs button.active{color:var(--text);background:var(--surface-3)}.setup-code{position:relative;background:#080c12;border:1px solid var(--border);border-radius:8px;margin-bottom:17px}.setup-code>button{position:absolute;right:8px;top:8px;border:0;border-radius:5px;padding:6px 8px;color:#94a3b8;background:#151b25;display:flex;gap:5px;font-size:8px}.setup-code pre,.snippet-panel>pre{margin:0;padding:42px 16px 16px;overflow:auto;color:#a5f3fc;font:9px/1.75 var(--mono);white-space:pre-wrap}.inline-error{margin:10px 0;min-height:36px;display:flex;align-items:center;gap:7px;color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 30%,var(--border));border-radius:7px;padding:8px 11px;font-size:9px}.tool-form{padding:17px;margin-bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;overflow:visible}.tool-form .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:7px}.rule-list{min-height:190px}.rule-row{min-height:72px;padding:12px 15px;display:grid;grid-template-columns:34px minmax(190px,1.2fr) minmax(170px,1fr) 38px 30px;align-items:center;gap:11px;border-bottom:1px solid var(--border-soft)}.rule-row small,.rule-row strong{display:block}.rule-row strong{font-size:10px;text-transform:capitalize}.rule-row small{font-size:8px;color:var(--faint);margin-top:4px}.rule-status{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:var(--faint);background:var(--surface-2)}.rule-status.on{color:var(--green);background:color-mix(in srgb,var(--green) 9%,transparent)}.toggle{width:32px;height:18px;border:0;border-radius:20px;padding:2px;background:var(--surface-3)}.toggle i{display:block;width:14px;height:14px;border-radius:50%;background:var(--faint);transition:transform .15s}.toggle.on{background:color-mix(in srgb,var(--green) 30%,var(--surface-3))}.toggle.on i{transform:translateX(14px);background:var(--green)}.icon-danger{border:0;background:transparent;color:var(--faint)}.icon-danger:hover{color:var(--red)}.usage-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:12px}.usage-primary{padding:26px}.usage-primary h2{font-size:28px;margin:15px 0}.usage-primary h2 em{font-size:13px;font-style:normal;font-weight:400;color:var(--faint)}.usage-primary p{color:var(--faint);font-size:9px}.usage-bar{height:8px;overflow:hidden;border-radius:8px;background:var(--surface-3)}.usage-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--violet))}.limit-list{display:grid;grid-template-columns:repeat(2,1fr)}.limit-list div{min-height:100px;padding:18px;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.limit-list small,.limit-list strong{display:block}.limit-list small{font-size:7px;color:var(--faint);letter-spacing:.08em}.limit-list strong{font-size:14px;margin-top:12px}.snippet-panel>pre{min-height:290px;padding-top:20px;background:#080c12}.advanced-filters{display:flex;gap:10px;align-items:end;padding:12px;margin:-2px 0 10px;overflow:visible}.advanced-filters label{flex:1 1}.advanced-filters .check-filter{display:flex;flex-direction:row;align-items:center;min-height:38px;white-space:nowrap}.advanced-filters .check-filter input{width:14px;height:14px}.event-toolbar a{text-decoration:none}.share-created{min-height:52px;display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:7px;background:var(--primary-soft);color:var(--primary)}.share-created span{min-width:135px}.share-created small,.share-created strong{display:block}.share-created strong{color:var(--text);font-size:9px}.share-created small{margin-top:3px;color:var(--faint);font-size:7px}.share-created code{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:8px var(--mono)}.share-created>button:last-child{border:0;background:transparent;color:var(--faint)}.event-actions{padding:13px;border-top:1px solid var(--border-soft)}.event-actions textarea{min-height:65px;height:auto;padding:9px;resize:vertical}.event-actions>div{display:flex;gap:6px;margin-top:9px}.event-actions .replay-box{display:grid;grid-template-columns:1fr auto;padding:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:7px}.replay-box p{grid-column:1/-1;margin:0 0 8px;color:var(--faint);font-size:8px;line-height:1.5}.inspector-head>button.active{color:var(--yellow)}.json-tools label{height:25px;max-width:145px;display:flex;align-items:center;gap:4px;padding:0 7px;border:1px solid var(--border);border-radius:5px;color:var(--faint)}.json-tools input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:8px}.json-tree{min-height:100px;max-height:470px;overflow:auto;padding:13px 8px;font:10px/1.85 var(--mono);color:var(--muted)}.json-branch,.json-line{min-height:20px;white-space:nowrap}.json-branch{width:100%;display:flex;align-items:center;border:0;background:transparent;color:var(--muted);text-align:left;font:inherit}.json-spacer{display:inline-block;width:12px}.json-key{color:#7dd3fc}.json-string{color:#86efac}.json-number{color:#c4b5fd}.json-boolean{color:#fdba74}.json-muted,.json-null{color:var(--faint)}.json-tree .match,.json-viewer mark{background:color-mix(in srgb,var(--yellow) 22%,transparent)}.spin{animation:spin .8s linear infinite}.password-checks{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:-6px;color:var(--faint);font-size:8px}.password-checks span{display:inline-flex;align-items:center;gap:3px}.password-checks span.ok{color:var(--green)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:800px){.first-project{grid-template-columns:1fr;padding:22px;gap:25px}.template-grid{grid-template-columns:repeat(2,1fr)}.tool-form{grid-template-columns:1fr 1fr}.rule-row{grid-template-columns:34px 1fr 38px 28px}.rule-row>span:nth-child(3){display:none}.usage-grid{grid-template-columns:1fr}.advanced-filters{flex-wrap:wrap}.advanced-filters label{min-width:42%}.password-method form{grid-template-columns:1fr}}@media (max-width:480px){.template-grid,.tool-form{grid-template-columns:1fr}.first-project{padding:18px}.setup-copy h1{font-size:23px}.tool-form .wide{grid-column:auto}.rule-row{grid-template-columns:32px 1fr 30px}.rule-row .toggle{display:none}.event-actions>div{flex-wrap:wrap}.connected-row{align-items:flex-start;flex-wrap:wrap}.connected-copy{padding-top:4px}.connected-row .btn{width:calc(100% - 42px);margin-left:42px}}