:root{font-family:Inter,Cairo,Segoe UI,Tahoma,Arial,sans-serif;color:#202337;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand: #6654e8;--accent: #13a58d;--surface: #fff;--surface-alt: #f7f8fc;--surface-subtle: #f1f3f9;--line: #e9ebf2;--text: #202337;--muted: #7c8195;--soft-brand: #f0edff;--shadow: 0 3px 16px #24325205;--danger: #bc4154}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;background:var(--brand);color:#fff;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:600;line-height:1.35;transition:background .15s,transform .15s;white-space:nowrap}button:hover:not(:disabled),.button:hover{filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #978bec;outline-offset:3px}.secondary{color:var(--brand);background:var(--soft-brand);border-color:transparent}.compact{padding:7px 11px;font-size:12px}.text-button{background:transparent;color:var(--brand);border:0;padding:4px 0;white-space:normal;text-align:start}.icon-button{width:34px;height:34px;padding:7px;background:transparent;color:var(--muted);border:1px solid transparent;flex-shrink:0}.icon-button:hover{background:var(--surface-subtle);color:var(--text)}.danger-text{color:var(--danger)}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;line-height:1.5;color:var(--text)}input,select,textarea{width:100%;border:1px solid #e0e3ed;border-radius:8px;background:var(--surface);padding:11px 12px;min-width:0;color:var(--text);font-size:13px;line-height:1.5}input::placeholder,textarea::placeholder{color:#a6aab9}input:disabled,textarea:disabled{background:var(--surface-subtle);color:var(--muted)}input[type=color]{min-height:43px;padding:6px}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--brand);width:16px;height:16px;flex-shrink:0;margin:0}.check{flex-direction:row;align-items:start;gap:10px;font-weight:400}.check input{margin-top:3px}.check small{display:block;margin-top:3px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:end}.full{grid-column:1/-1}.inline-form{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:24px}.inline-form>label{flex:1;min-width:180px}.inline-form>button{height:43px}.form-error{color:var(--danger);font-size:13px;margin:0}.character-count{display:block;text-align:end;font-weight:400;color:var(--muted);font-size:11px}p{color:var(--muted);line-height:1.8;font-size:13px}h1,h2,h3{font-weight:650;color:var(--text)}h1{font-size:27px;letter-spacing:-.9px;line-height:1.3;margin:0}h2{font-size:16px;margin:0 0 16px;letter-spacing:-.3px}h3{font-size:15px;line-height:1.5;margin:0 0 8px}.small,small{font-size:11px;line-height:1.6}.muted{color:var(--muted)}.numeric,code,pre{font-variant-numeric:tabular-nums}.numeric{direction:ltr;unicode-bidi:isolate}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:-.9px;color:var(--text);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--brand);box-shadow:0 4px 10px #6654e824}.brand-mark img{max-width:100%;max-height:100%;object-fit:contain}.preferences{display:flex;gap:10px;align-items:center}.language-button{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:500}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.app-loading>span:not(.brand){color:var(--muted);font-size:13px}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:600;color:#947319;background:#fff8e3;line-height:1.4}.status>span{width:5px;height:5px;background:currentColor;border-radius:100%}.status-connected,.status-active,.status-delivered,.status-read,.status-completed{color:#188769;background:#e8f8f1}.status-starting,.status-pairing,.status-queued,.status-submitted,.status-running,.status-scheduled{color:#6654d9;background:#f0edff}.status-suspended,.status-failed,.status-rejected,.status-uncertain{color:#b64459;background:#fff0f2}.status-disconnected,.status-stopped,.status-cancelled,.status-closed,.status-revoked,.status-draft{color:#7d8194;background:var(--surface-subtle)}.subtle-pill{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;background:var(--surface-alt);border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px;white-space:nowrap}.alert{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:13px 16px;border-radius:8px;margin:16px 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.alert.error{background:#fff0f2;color:#b03e51;border:1px solid #f9d8df}.alert.success{background:#eaf8f0;color:#168664}.alert.warning{background:#fffaeb;color:#947425}.toast{position:fixed;bottom:24px;inset-inline-end:28px;z-index:40;display:flex;align-items:center;gap:10px;max-width:min(530px,calc(100% - 40px));background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 40px #1b245525;padding:14px 18px;font-size:13px}.toast>svg{color:var(--accent);flex-shrink:0}.toast>.icon-button{margin-inline-start:auto}.app-layout{min-height:100vh;display:flex}.sidebar{width:246px;min-width:246px;padding:27px 18px 20px;background:var(--surface);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:30}.sidebar>.brand-link{margin:0 10px 26px}.workspace-card{display:flex;align-items:center;gap:9px;padding:12px 10px;background:var(--surface-alt);border:1px solid var(--line);border-radius:9px;margin-bottom:25px;min-width:0}.workspace-avatar{display:grid;place-items:center;color:var(--brand);width:29px;height:29px;background:var(--soft-brand);border-radius:8px;font-size:13px;font-weight:700;flex-shrink:0}.workspace-card>div{min-width:0;flex:1}.workspace-card strong{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card div span{display:block;color:var(--muted);font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card>svg{color:var(--muted)}.nav-label{font-size:9px;letter-spacing:1.2px;color:#9297aa;padding:0 12px;margin-bottom:10px;display:block}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.nav-item{width:100%;background:transparent;color:#7b8094;padding:11px 13px;justify-content:start;text-align:start;font-size:11px;font-weight:500;border-radius:7px;min-height:41px;gap:12px}.nav-item.active{background:var(--soft-brand);color:var(--brand);font-weight:600}.nav-item>svg{flex-shrink:0;stroke-width:1.65}.nav-count{margin-inline-start:auto;background:var(--brand);color:#fff;border-radius:4px;font-size:9px;padding:2px 5px}.sidebar-bottom{margin-top:auto;padding-top:12px}.support-card{display:flex;gap:9px;align-items:center;background:var(--surface-alt);padding:12px 9px;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.support-card>span{color:var(--brand);background:var(--soft-brand);display:grid;place-items:center;border-radius:7px;width:31px;height:31px;flex-shrink:0}.support-card>div{min-width:0;flex:1}.support-card strong{font-size:10px}.support-card small{display:block;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis}.support-card>svg{color:var(--muted)}.main-shell{min-width:0;flex:1}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);padding:0 35px;gap:18px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:11px;min-width:0;white-space:nowrap}.breadcrumbs>span{color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis}.breadcrumbs strong{font-weight:550}.breadcrumb-divider{color:#c4c8d5!important}.topbar-right{display:flex;gap:20px;align-items:center}.topbar-right .preferences{gap:15px}.user-avatar{display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--surface);outline:1px solid var(--line);background:#f7e4d5;color:#a47955;font-size:12px;font-weight:700;border-radius:100%}.mobile-menu{display:none}.main-content{max-width:1430px;margin:auto;padding:32px 35px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:29px}.page-heading .eyebrow{font-size:9px;color:var(--brand);letter-spacing:1.1px;margin-bottom:8px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;margin:9px 0 0}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions>button:not(.icon-button){font-size:11px;padding:10px 13px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:11px;box-shadow:var(--shadow);padding:23px;margin-bottom:22px}.panel>p{margin:7px 0 19px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.section-head h2{margin:0}.section-head p{font-size:10px;margin:7px 0 0}.section-head>.text-button{font-size:10px;display:flex;align-items:center;gap:6px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stat-card{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:18px 20px;box-shadow:var(--shadow)}.stat-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.stat-card>div>span:first-child{color:var(--muted);font-size:10px}.stat-card>strong{display:block;font-size:29px;line-height:1.25;margin-top:14px;font-weight:650;letter-spacing:-1.5px}.stat-card>small{display:block;color:var(--muted);font-size:9px;margin-top:8px}.stat-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.stat-icon>svg{stroke-width:1.6}.purple{color:#7b68dd;background:#f2efff}.green{color:#19a688;background:#e7f8f1}.blue{color:#4d8ede;background:#edf5ff}.orange{color:#cf9849;background:#fff5e5}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:22px}.overview-grid>.panel{min-height:274px}.usage-number{font-size:30px;font-weight:650;color:var(--text);letter-spacing:-1px;margin:18px 0 15px}.usage-number>span{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-inline-start:7px}progress{display:block;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;background:var(--surface-subtle);accent-color:var(--brand)}progress::-webkit-progress-bar{background:var(--surface-subtle);border-radius:10px}progress::-webkit-progress-value{background:var(--brand);border-radius:10px}.usage-panel>p{font-size:10px;margin:10px 0 20px}.usage-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;margin-bottom:10px}.usage-meta span{color:var(--muted)}.usage-meta strong{font-weight:500}.usage-panel>.text-button{font-size:10px;margin-top:9px;display:flex;align-items:center;gap:6px}.activity-chart{height:172px;padding-top:12px;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,var(--line) 42px,transparent 43px)}.chart-bars{display:flex;gap:5px;height:100%;align-items:end;padding-bottom:24px}.chart-day{flex:1;height:100%;display:flex;position:relative;align-items:end;justify-content:center;min-width:0}.chart-bar{max-width:17px;width:100%;background:var(--brand);border-radius:3px 3px 0 0;opacity:.8}.chart-day:nth-child(3n) .chart-bar{opacity:.5}.chart-day small{position:absolute;bottom:-20px;font-size:8px;color:var(--muted)}.activity-panel .empty-state{padding:26px 5px}.activity-panel .empty-state .empty-icon{width:38px;height:38px}.activity-panel .empty-state h3{font-size:12px;color:var(--muted);font-weight:400;max-width:330px}.onboarding-banner{display:flex;gap:16px;align-items:center;padding:22px 24px;border:1px solid #e6e0fd;background:var(--soft-brand);border-radius:11px;margin-bottom:23px}.onboarding-banner>span{color:var(--brand);background:var(--surface);border-radius:10px;display:grid;place-items:center;min-width:47px;height:47px}.onboarding-banner>div{flex:1}.onboarding-banner h3{font-size:13px;margin:0 0 3px}.onboarding-banner p{font-size:10px;margin:0}.onboarding-banner>button{font-size:11px}.table-wrap{overflow-x:auto;margin:0 -23px}.table-wrap table{width:100%;border-collapse:collapse;text-align:start;font-size:11px;min-width:510px}.table-wrap th{color:var(--muted);font-weight:500;background:var(--surface-alt);padding:11px 23px;text-align:start;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px}.table-wrap td{padding:15px 23px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap td strong{font-weight:550}.table-wrap td small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.message-text{display:block;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.table-actions{display:flex;align-items:center;gap:9px}.table-actions .text-button{font-size:10px}.table-person{display:flex;gap:9px;align-items:center}.table-person>span{display:grid;place-items:center;width:31px;height:31px;background:var(--soft-brand);color:var(--brand);border-radius:100%;flex-shrink:0}.table-person>div{min-width:100px;max-width:260px}.consent-badge{display:inline-flex;border-radius:5px;font-size:9px;padding:4px 7px;white-space:nowrap}.consent-badge.red{color:#b64459;background:#fff0f2}.consent-badge.green{color:#188769;background:#e8f8f1}.consent-badge.orange{color:#947319;background:#fff8e3}.search-field{display:flex;flex-direction:row;align-items:center;gap:8px;max-width:270px;border:1px solid var(--line);border-radius:7px;padding:0 10px;color:var(--muted);margin-bottom:20px;background:var(--surface)}.search-field>input{background:transparent;border:0;padding:9px 0;font-size:11px}.section-head>.search-field{margin:0}.pager{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;margin-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.pager>div{display:flex;gap:4px}.pager .icon-button{border-color:var(--line);width:30px;height:30px}.live-label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.live-label>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 16px;gap:12px}.empty-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);background:var(--surface-alt);color:var(--brand);border-radius:14px}.empty-state h3{font-size:14px;margin:0}.empty-state p{font-size:11px;margin:0;max-width:350px}.skeleton-list{display:grid;gap:12px;padding:10px 0}.skeleton{height:40px;border-radius:6px;background:linear-gradient(90deg,var(--surface-subtle),var(--surface-alt),var(--surface-subtle));background-size:200% 100%;animation:shimmer 1.5s ease infinite}@keyframes shimmer{to{background-position:-200% 0}}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.connection-card{border:1px solid var(--line);border-radius:9px;padding:19px}.connection-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;gap:10px}.connection-avatar{display:grid;place-items:center;width:43px;height:43px;background:#e8f8f1;color:#19a688;border-radius:11px}.connection-card h3{font-size:13px;overflow-wrap:anywhere}.connection-card>p{margin:6px 0;font-size:11px}.connection-card>small{color:var(--muted);font-size:9px}.connection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.connection-actions>.secondary{font-size:10px;padding:8px 10px}.connection-actions>.text-button{font-size:10px}.compose-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:28px}.secure-caption{display:flex;align-items:center;gap:7px;font-size:10px;margin:0;color:var(--muted)}.secure-caption>svg{color:var(--accent);flex-shrink:0}.message-preview{text-align:center;padding:7px 24px 24px}.message-preview>.eyebrow{margin-bottom:18px}.phone-frame{width:234px;height:333px;border:5px solid #323444;border-radius:32px;padding-top:8px;box-shadow:0 10px 30px #19224310;margin:auto;background:var(--surface);overflow:hidden}.phone-top{display:flex;justify-content:center;gap:5px;align-items:center;height:17px;margin-bottom:9px}.phone-speaker{height:3px;width:39px;background:#d8dbe5;border-radius:100px}.phone-top>span:last-child{width:4px;height:4px;border-radius:50%;background:#d8dbe5}.phone-chat-header{display:flex;gap:8px;align-items:center;padding:9px 12px;background:var(--surface);font-size:11px}.phone-chat-header>span{width:29px;height:29px;border-radius:50%;background:#e8f8f1;color:#139377;display:grid;place-items:center}.phone-chat-header>strong{flex:1;text-align:start;font-size:10px;font-weight:500}.phone-chat-header>svg{color:var(--muted)}.phone-chat{height:100%;padding:19px 14px;background:#f0ede7;text-align:start}.chat-bubble{background:#dcf5df;border-radius:9px 9px 0;margin-inline-start:19px;padding:11px 12px;font-size:11px;line-height:1.7;color:#376f46;max-height:190px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble>span{display:flex;justify-content:end;margin-top:9px;color:#689c76}.message-preview>p{font-size:10px;max-width:250px;margin:20px auto}.campaign-create-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.campaign-create-bar>p{font-size:11px}.audience-picker{border:1px solid var(--line);border-radius:8px;padding:15px}.audience-picker .section-head{margin-bottom:15px}.audience-picker strong{font-size:12px}.audience-picker .text-button{font-size:10px}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px;overflow:auto;gap:15px}.check-list small{font-size:10px;color:var(--muted)}.secret-box{border:1px solid #c4eedb;background:#f0fbf5;padding:18px;border-radius:9px;margin:23px 0;color:#168664}.secret-box strong{font-size:11px}.secret-box .section-head{margin-bottom:12px}.secret-box code{display:block;background:var(--surface);padding:12px;font-size:12px;border-radius:6px;overflow-wrap:anywhere;margin-bottom:12px;-webkit-user-select:all;user-select:all}.code-block{background:#22243b;color:#d8dcf2;padding:24px;border-radius:8px;overflow:auto;font-size:11px;line-height:1.9;tab-size:2}.subscription-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.6fr);gap:24px}.plan-summary .feature-icon{margin-bottom:20px}.plan-summary .eyebrow{display:block}.plan-summary h2{font-size:23px;margin-top:10px}.plan-summary dl{border-top:1px solid var(--line);margin:26px 0 18px;padding-top:16px}.plan-summary dl>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:15px}.plan-summary dt{color:var(--muted)}.plan-summary dd{margin:0}.plan-summary>p{font-size:11px}.limit-list{margin-top:25px}.limit-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.limit-list span{color:var(--muted)}.limit-list strong{font-weight:550}.mfa-panel{padding:20px;margin-top:22px;border:1px solid var(--line);border-radius:9px;background:var(--surface-alt);margin-bottom:22px}.mfa-panel>div:first-child{display:flex;gap:10px;align-items:center}.mfa-panel>div>svg{color:var(--brand)}.mfa-panel h3{margin:0;font-size:13px}.mfa-panel p{font-size:11px}.mfa-panel .inline-form{margin-bottom:0}.mfa-qr{background:#fff;border-radius:8px;padding:10px}.application-status{text-align:center;max-width:730px;padding:52px 48px;margin:35px auto 60px;display:flex;flex-direction:column;align-items:center}.application-status-icon{display:grid;place-items:center;width:77px;height:77px;border-radius:20px;color:var(--brand);background:var(--soft-brand);margin-bottom:22px}.application-status h2{font-size:23px;margin:20px 0 8px}.application-status>p{max-width:510px;margin:0 0 26px}.button-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.dashboard-footer{display:flex;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;color:#969aab;line-height:1.6}.dashboard-footer>span:first-child{white-space:nowrap}.dashboard-footer>span:last-child{max-width:550px;text-align:end}.dialog{border:1px solid var(--line);border-radius:15px;width:min(460px,calc(100% - 32px));background:var(--surface);color:var(--text);padding:26px;box-shadow:0 15px 80px #141a4540;max-height:90vh;overflow-y:auto}.dialog-wide{width:min(700px,calc(100% - 32px))}.dialog::backdrop{background:#15183065;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.dialog h2{margin:0;font-size:18px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}.pair-dialog{text-align:center}.pair-dialog>p{font-size:12px}.pair-dialog>img{background:#fff;padding:12px;border:1px solid var(--line);border-radius:9px;width:256px;height:256px;max-width:100%;object-fit:contain;margin-top:8px}.qr-expired{height:256px;width:256px;max-width:100%;margin:10px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--surface-alt);border-radius:9px;border:1px solid var(--line);padding:20px;color:var(--muted)}.policy-text{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.skip-link{position:absolute;top:-100px;inset-inline-start:265px;z-index:99;background:var(--brand);color:#fff;padding:12px;border-radius:6px}.skip-link:focus{top:15px}.public-site{max-width:1440px;margin:auto;background:var(--surface-alt)}.public-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 64px}.public-header>nav{display:flex;gap:28px;font-size:12px;color:var(--muted)}.header-actions{display:flex;gap:20px;align-items:center}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:545px;padding:40px 78px 80px}.hero-copy>.eyebrow{background:var(--soft-brand);padding:8px 12px;border-radius:100px;color:var(--brand);font-size:9px;letter-spacing:1px}.dot{width:5px;height:5px;background:var(--brand);border-radius:50%}.hero h1{font-size:54px;letter-spacing:-2.2px;line-height:1.14;max-width:580px;margin-top:23px}.hero-copy>p{font-size:14px;line-height:1.9;max-width:450px;margin:24px 0}.hero-actions{display:flex;gap:12px;margin:29px 0}.hero-actions button{font-size:12px;padding:13px 20px}.hero-footnote{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--muted)}.hero-footnote>svg{color:var(--accent);flex-shrink:0}.hero-art{position:relative;padding:34px 7px}.orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(6px);opacity:.6}.orb-one{width:260px;height:260px;background:radial-gradient(circle,#d5cdfa 0,transparent 70%);top:-10px;inset-inline-end:-40px}.orb-two{width:250px;height:250px;background:radial-gradient(circle,#cbece5 0,transparent 70%);bottom:-10px;inset-inline-start:-40px}.product-illustration{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:0 20px 50px #6654e81c;transform:rotate(-2deg)}.illustration-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;gap:15px}.illustration-header .brand{font-size:18px}.illustration-badge{display:flex;gap:5px;align-items:center;font-size:9px;color:var(--accent);padding:5px 8px;border:1px solid #cfece4;border-radius:100px}.illustration-badge>span{width:4px;height:4px;border-radius:50%;background:currentColor}.illustration-message{display:flex;align-items:center;gap:12px;padding:17px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-alt)}.illustration-icon{display:grid;place-items:center;width:41px;height:41px;background:var(--soft-brand);color:var(--brand);border-radius:11px;flex-shrink:0}.illustration-message>div{flex:1}.illustration-message strong{font-size:11px}.illustration-message p{font-size:9px;margin:4px 0 0;line-height:1.8}.illustration-message>svg{color:var(--accent);flex-shrink:0}.illustration-flow{display:flex;gap:8px;align-items:center;padding:29px 12px}.illustration-flow>div{display:flex;flex-direction:column;gap:9px;align-items:center;color:var(--brand);flex-shrink:0}.illustration-flow>div>span{color:var(--muted);font-size:9px}.flow-line{height:1px;background:var(--line);flex:1;margin-bottom:20px}.illustration-code{display:flex;align-items:center;gap:10px;background:#25273d;border-radius:8px;color:#cdd3ef;font-size:11px;padding:13px 15px;direction:ltr}.illustration-code>span{background:#35414b;color:#7adeac;font-size:9px;padding:3px 5px;border-radius:4px}.illustration-code>svg{margin-left:auto;color:#929db8}.art-caption{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:8px;padding:12px 17px;font-size:10px;box-shadow:0 9px 25px #2c34501a;width:max-content;margin:-9px 28px 0 auto;transform:rotate(2deg)}.features-section{padding:65px 78px;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.features-section>h2,.plans-section>h2{font-size:29px;letter-spacing:-.8px;margin:14px 0 36px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:start}.feature-grid article{padding:27px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.feature-icon{width:45px;height:45px;display:grid;place-items:center;background:var(--soft-brand);color:var(--brand);border-radius:11px;margin-bottom:24px}.feature-grid h3{font-size:17px;margin-bottom:12px}.feature-grid p{font-size:12px;margin:0}.plans-section{padding:65px 78px;text-align:center}.plans-section>h2{margin-bottom:16px}.plans-section>p{max-width:520px;margin:0 auto 35px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;text-align:start;max-width:960px;margin:auto}.plan-card{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.plan-tag{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:var(--accent);padding:5px 8px;background:#e8f8f1;border-radius:5px}.plan-card h3{font-size:19px;margin:20px 0 15px}.plan-price{display:flex;align-items:baseline;gap:8px;min-height:33px;margin:15px 0 23px;flex-wrap:wrap}.plan-price strong{font-size:21px;letter-spacing:-.4px}.plan-price span{font-size:10px;color:var(--muted)}.plan-card ul{list-style:none;padding:19px 0 22px;margin:0;border-top:1px solid var(--line)}.plan-card li{display:flex;gap:9px;align-items:center;margin-bottom:12px;color:var(--muted);font-size:12px}.plan-card li>svg{color:var(--accent)}.plan-card>button{width:100%}.developer-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:20px 78px 60px;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.developer-section h2{font-size:28px;margin:17px 0}.developer-section p{font-size:13px}.developer-section .button{margin-top:12px}.developer-section pre{font-size:10px;line-height:1.9;background:#25273d;color:#d8ddef;padding:23px;border-radius:9px;overflow:auto;margin:0}.channel-note{font-size:11px;text-align:center;margin:0 35px 45px}.public-footer{border-top:1px solid var(--line);padding:27px 64px 32px;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.public-footer .brand{font-size:17px}.public-footer .brand-mark{width:28px;height:28px}.public-footer>div{display:flex;align-items:center;gap:22px;font-size:11px;color:var(--muted)}.public-footer .text-button{font-size:11px;color:var(--muted)}.public-footer>p{width:100%;font-size:10px;margin:3px 0 0;max-width:900px}.auth-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start;padding:40px 78px 75px;min-height:570px}.auth-story{position:sticky;top:30px;padding-top:34px}.auth-story>.eyebrow{color:var(--brand)}.auth-story h1{font-size:40px;letter-spacing:-1.4px;line-height:1.2;margin:25px 0}.auth-story>p{font-size:13px}.auth-benefits{display:grid;gap:19px;margin:32px 0 50px}.auth-benefits>div{display:flex;align-items:center;gap:10px;font-size:12px}.auth-benefits svg{color:var(--accent)}.auth-story>p.small{font-size:10px}.auth-card{background:var(--surface);padding:32px;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 50px #29335707}.auth-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--soft-brand);color:var(--brand);margin-bottom:23px}.auth-card h2{font-size:24px;margin:0}.auth-card>p{font-size:12px;margin:10px 0 26px}.auth-form{gap:17px}.auth-switch{display:flex;justify-content:space-between;gap:20px;margin-top:22px}.auth-switch .text-button{font-size:11px}.policy-links{display:flex;gap:14px;margin-top:-6px}.policy-links>.text-button{font-size:10px}[data-theme=dark]{--surface: #1e2132;--surface-alt: #171a29;--surface-subtle: #292d42;--line: #2c3046;--text: #ecedf6;--muted: #9a9fb9;--soft-brand: #302947;--shadow: 0 3px 16px #0000000d;background:#171a29;color:var(--text)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#363a51}[data-theme=dark] .nav-item{color:#a0a6c1}[data-theme=dark] .nav-item.active{color:#bbacf5}[data-theme=dark] .status-active,[data-theme=dark] .status-connected,[data-theme=dark] .status-delivered,[data-theme=dark] .status-completed,[data-theme=dark] .consent-badge.green{background:#203d35;color:#7cd5b5}[data-theme=dark] .status-starting,[data-theme=dark] .status-pairing,[data-theme=dark] .status-queued,[data-theme=dark] .status-submitted,[data-theme=dark] .status-running,[data-theme=dark] .status-scheduled,[data-theme=dark] .purple{background:#332b51;color:#bcacf4}[data-theme=dark] .green,[data-theme=dark] .connection-avatar{background:#203d35;color:#7cd5b5}[data-theme=dark] .blue{background:#22374d;color:#80b1ec}[data-theme=dark] .orange{background:#423820;color:#e1bc77}[data-theme=dark] .secondary{color:#c4b7fa}[data-theme=dark] .alert.error,[data-theme=dark] .status-failed,[data-theme=dark] .status-suspended,[data-theme=dark] .consent-badge.red{background:#412c3b;color:#ec9bad;border-color:#553345}[data-theme=dark] .alert.warning,[data-theme=dark] .consent-badge.orange{background:#423820;color:#e1bc77}[data-theme=dark] .alert.success,[data-theme=dark] .secret-box{background:#203d35;color:#7cd5b5;border-color:#315649}[data-theme=dark] .onboarding-banner{border-color:#3e345b}[data-theme=dark] .orb{opacity:.16}[data-theme=dark] .phone-chat{background:#2e3436}[data-theme=dark] .chat-bubble{background:#294736;color:#b4d9bb}[dir=rtl] .eyebrow,[dir=rtl] .nav-label,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .brand{letter-spacing:0}[dir=rtl] .pager svg,[dir=rtl] button>svg:last-child.lucide-arrow-right,[dir=rtl] a>svg.lucide-arrow-right{transform:scaleX(-1)}@media(min-width:1500px){.main-content{padding:37px 44px}.stat-card{padding:23px 24px}.topbar{padding-inline:44px}}@media(max-width:1150px){.sidebar{width:219px;min-width:219px;padding-inline:14px}.main-content{padding:25px 25px 18px}.topbar{padding-inline:25px}.stats-grid{gap:13px}.stat-card{padding:16px}.stat-card>div>span:first-child{font-size:9px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-header{padding:25px 35px}.hero{padding:35px 45px 65px;gap:25px}.hero h1{font-size:46px}.features-section,.plans-section{padding:55px 45px}.developer-section{margin-inline:45px}.auth-section{padding:30px 45px 60px;gap:40px}.topbar-right{gap:12px}.feature-grid{gap:20px}.feature-grid article{padding:22px}}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compose-grid{grid-template-columns:1fr}.message-preview{display:none}.overview-grid>.panel{min-height:0}.activity-panel{min-height:250px!important}.usage-panel .usage-meta{font-size:11px}.public-header>nav{display:none}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:40px}.hero-art{padding:20px 0}.product-illustration{padding:18px}.illustration-header .brand{font-size:15px}.illustration-badge{display:none}.illustration-flow{padding-inline:0}.hero-footnote{font-size:8px}.feature-grid{gap:15px}.feature-grid article{padding:19px}.feature-grid h3{font-size:15px}.developer-section{padding:25px;gap:25px}.auth-section{grid-template-columns:1fr;max-width:720px;margin:auto}.auth-story{display:none}.auth-section .auth-card{min-width:0}.topbar-right .account-state{display:none}.subscription-grid{grid-template-columns:1fr}.onboarding-banner{flex-wrap:wrap}.onboarding-banner>button{margin-inline-start:63px}.connection-grid{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{position:fixed;inset-inline-start:0;top:0;bottom:0;width:246px;min-width:246px;transform:translate(-100%);transition:transform .2s;height:100dvh;box-shadow:0 0 50px #00000020}.sidebar.nav-open{transform:translate(0)}[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.nav-open{transform:translate(0)}.nav-backdrop{position:fixed;inset:0;background:#12192e60;width:100%;height:100%;z-index:29;border-radius:0}.mobile-menu{display:inline-flex}.topbar{height:63px;padding:0 18px}.breadcrumbs{gap:8px;font-size:10px}.breadcrumbs>span:first-of-type{max-width:100px}.topbar-right{gap:8px}.topbar-right .preferences{gap:4px}.language-button{font-size:10px}.topbar .user-avatar{display:none}.main-content{padding:26px 18px 20px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:22px;overflow-wrap:anywhere}.page-heading p{font-size:10px;max-width:380px}.page-heading{align-items:start}.heading-actions{flex-direction:column;align-items:end}.heading-actions>button:not(.icon-button){font-size:10px;padding:9px 11px}.panel{padding:19px}.table-wrap{margin-inline:-19px}.table-wrap td,.table-wrap th{padding-inline:19px}.stat-card>strong{font-size:27px}.stat-card>small{font-size:9px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-card{padding:16px}.connection-card-head{flex-wrap:wrap}.connection-card .status{font-size:9px}.form-grid{gap:16px}.dashboard-footer{flex-direction:column;font-size:9px;gap:10px}.dashboard-footer>span:last-child{text-align:start}.application-status{padding:40px 24px;margin-top:20px}.application-status h2{font-size:21px}.public-header{padding:23px 24px;gap:18px}.public-header .brand{font-size:19px}.header-actions{gap:8px}.public-header .language-button{font-size:10px}.public-header .secondary{font-size:10px;padding:8px 10px}.public-header .preferences{gap:4px}.hero{grid-template-columns:1fr;padding:25px 28px 50px;text-align:center;gap:15px}.hero h1{font-size:44px;max-width:550px;margin:25px auto 20px}.hero-copy>p{margin:0 auto;font-size:13px}.hero-actions,.hero-footnote{justify-content:center}.hero-art{max-width:420px;width:100%;margin:auto;padding:18px 0 10px}.product-illustration{padding:22px;text-align:start}.features-section,.plans-section{padding:45px 27px}.features-section>h2,.plans-section>h2{font-size:25px}.feature-grid{grid-template-columns:1fr;gap:15px;max-width:470px;margin:auto}.feature-grid article{padding:24px}.feature-grid h3{font-size:17px}.feature-icon{margin-bottom:20px}.developer-section{grid-template-columns:1fr;margin:10px 27px 35px;gap:25px;padding:27px}.developer-section h2{font-size:25px}.public-footer{padding:25px 27px}.public-footer>div{flex-wrap:wrap;gap:13px}.public-footer>p{font-size:9px}.auth-section{padding:20px 24px 55px;min-height:0}.auth-card{padding:25px}.auth-card h2{font-size:22px}.toast{bottom:18px;inset-inline-end:18px;font-size:11px}.skip-link{inset-inline-start:18px}.policy-text{font-size:12px}}@media(max-width:460px){.public-header .brand{font-size:17px;gap:7px}.public-header .brand-mark{width:28px;height:28px}.public-header .icon-button{width:27px;height:27px;padding:4px}.public-header .secondary>svg{display:none}.public-header{padding-inline:18px;gap:8px}.hero h1{font-size:38px}.hero{padding-inline:23px}.topbar .breadcrumbs>.breadcrumb-divider,.topbar .breadcrumbs>strong{display:none}.stat-card{padding:15px}.stat-card>div>span:first-child{font-size:9px}.stat-icon{width:27px;height:27px;border-radius:7px}.stat-icon>svg{width:17px}.stats-grid{gap:12px}.connection-grid,.form-grid,.check-list{grid-template-columns:1fr}.full{grid-column:auto}.section-head{align-items:start;gap:14px}.section-head>button{font-size:10px;padding:8px 10px}.page-heading .heading-actions>button:not(.icon-button){display:none}.onboarding-banner{padding:19px;gap:12px}.onboarding-banner>span{width:37px;min-width:37px;height:37px}.onboarding-banner>button{margin-inline-start:49px}.onboarding-banner p{font-size:10px}.onboarding-banner h3{font-size:12px}.plan-grid{grid-template-columns:1fr}.hero-footnote{font-size:8px;gap:5px}.auth-switch{gap:15px}.auth-switch .text-button{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.group-compose{border-top:1px solid var(--line);margin-top:25px;padding-top:24px}:root{--muted: #687086}p{font-size:14px}.nav-item{font-size:12px}label{font-size:13px}input,select,textarea{font-size:14px}.stat-card>div>span:first-child{font-size:11px}.table-wrap table{font-size:12px}.table-wrap th{font-size:11px}.page-heading p,.breadcrumbs{font-size:12px}.section-head p{font-size:11px}.table-wrap td small{font-size:10px}.status{font-size:11px}.empty-state p,.workspace-card strong{font-size:12px}.workspace-card div span{font-size:10px}@media(max-width:720px){.page-heading p,.breadcrumbs{font-size:11px}.status{font-size:10px}}.event-list{margin-top:16px}.secret-box>.text-button{margin-inline-start:15px}.nav-item{color:#636e84}.nav-label{color:#687086}.status-active,.status-connected,.status-delivered,.status-read,.status-completed,.consent-badge.green{color:#0b7155}.status,.consent-badge.orange{color:#79600e}.status-active,.status-connected,.status-delivered,.status-read,.status-completed{color:#0b7155}.status-starting,.status-pairing,.status-queued,.status-submitted,.status-running,.status-scheduled{color:#6654d9}.status-suspended,.status-failed,.status-rejected,.status-uncertain{color:#b64459}.status-disconnected,.status-stopped,.status-cancelled,.status-closed,.status-revoked,.status-draft,.dashboard-footer{color:#687086}.illustration-badge,.art-caption{color:#0b7155}.plan-limit-field{display:grid;gap:.5rem}.plan-limit-field>label:first-child{display:grid;gap:.5rem}.plan-limit-field input:disabled{opacity:.75}