@import url('/assets/fonts.css');
:root{--purple:#6955e8;--purple-dark:#5340c8;--lavender:#f0edff;--ink:#252436;--muted:#7c7b8e;--line:#eae9f0;--paper:#fafafd;--green:#268c69;--amber:#ac7219;--radius:16px;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ab9cff;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #b8abfa;border-color:var(--purple)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.035em}p{color:var(--muted)}svg.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button .icon,a .icon{pointer-events:none}.wrap{max-width:1220px;margin:auto;padding-left:32px;padding-right:32px}.brand{display:inline-flex;align-items:center;font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:1}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--purple);width:35px;height:35px;border-radius:11px;margin-right:9px;color:#fff;transform:rotate(-4deg)}.brand-mark .icon{width:24px;height:24px}.brand-dot{color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--purple);color:#fff;border:1px solid transparent;border-radius:9px;font-weight:600;font-size:13px;padding:11px 18px;white-space:nowrap;transition:background .2s,transform .2s}.btn:hover{background:var(--purple-dark);transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--ink);border-color:#dedce8;box-shadow:0 2px 3px #27223504}.btn.secondary:hover{background:var(--paper)}.btn.light{background:#fff;color:var(--purple)}.btn.danger{background:#c64b55}.btn.small{padding:9px 14px}.btn.large{padding:15px 22px;font-size:14px}.btn.full{width:100%}.btn .icon{width:17px;height:17px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.text-link:hover{color:var(--purple)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--purple)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36ad82;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 8px;font-size:10px;line-height:1.4;font-weight:600;color:#757185;background:#f3f2f7;white-space:nowrap}.tag.green{background:#eaf7f1;color:#21805b}.tag.purple{background:#efeaff;color:#6d53cf}.tag.amber{background:#fff4df;color:#a16b1b}.tag.red{background:#ffedf0;color:#b94b5a}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:8px;color:var(--muted);border-radius:8px}.icon-button:hover{background:var(--lavender);color:var(--purple)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0;background:#edeaf8;color:#7765b4}.avatar.peach{background:#f8e5da;color:#b37c5e}.avatar.mint{background:#dff1ec;color:#5b9b89}.avatar.lilac{background:#ede7fa;color:#947bbf}.skip-link{position:fixed;top:-100px;left:16px;z-index:9999;background:white;padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}.notice{padding:13px 16px;border-radius:10px;background:#f1edff;color:#6d55bd;line-height:1.6;margin:15px 0;font-size:13px}.notice.error{background:#fff0f1;color:#b8404e}.notice.success{background:#eaf7f1;color:#217956}.muted{color:var(--muted)}.loading-state,.empty-state{text-align:center;padding:65px 25px}.empty-state>.icon{width:40px;height:40px;color:#a99bde;margin-bottom:18px}.empty-state h3{font-size:20px;margin-bottom:10px}.empty-state p{max-width:380px;margin:0 auto 22px}.spinner{display:inline-block;width:26px;height:26px;border:2px solid #e6e0f8;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}.loading-state p{margin-top:12px}@keyframes spin{to{transform:rotate(360deg)}}
/* Public website */
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between}.site-header nav{display:flex;gap:30px;font-size:13px;color:#777482}.site-header nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:25px}.hero{padding-top:75px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:25px;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero .eyebrow{background:#f4f1ff;border:1px solid #eae4fd;border-radius:50px;padding:7px 12px;font-size:9px;letter-spacing:1.3px}.hero h1{font-size:clamp(44px,4.6vw,64px);font-weight:700;line-height:1.1;margin:24px 0;letter-spacing:-3px}.hero h1 span{color:var(--purple)}.hero-copy>p{font-size:16px;max-width:440px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-notes{display:flex;gap:18px;margin-top:20px;font-size:11px;color:#96919f}.hero-notes span{display:flex;align-items:center;gap:6px}.hero-notes .icon{color:#9b90b5;width:13px;height:13px}.hero-visual{position:relative;min-height:430px;display:flex;align-items:center;margin-right:-55px;padding:0 15px}.hero-visual:before{content:'';position:absolute;inset:-40px -50px;background:radial-gradient(ellipse at 60% 50%,#eee7ff 0,#f9f6ff 40%,#fff0 70%)}.visual-orbit{position:absolute;border:1px dashed #dcd1f2;border-radius:50%;width:490px;height:390px;transform:rotate(-25deg);left:80px;top:10px}.orbit-two{transform:rotate(40deg);width:440px;height:430px;left:100px;top:0}.product-window{position:relative;background:#fff;border:1px solid #e7e2f1;border-radius:12px;box-shadow:0 30px 75px #57408e17,0 6px 20px #57408e08;width:600px;transform:perspective(1500px) rotateY(-7deg) rotateX(2deg);overflow:hidden}.window-top{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.mini-brand{font-size:15px;font-weight:750;color:#7865b6}.window-dots{font-size:7px;color:#d8d2e5;letter-spacing:3px}.mini-app{display:grid;grid-template-columns:40px 180px 1fr;min-height:320px}.mini-rail{background:#fbf9ff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:23px;padding-top:22px;color:#aca4bd}.mini-rail .icon{width:16px;height:16px}.mini-rail .selected{color:var(--purple)}.mini-list{border-right:1px solid var(--line);padding-top:18px}.mini-list h4{font-size:14px;padding:0 13px 19px;letter-spacing:-.3px}.count{padding:1px 5px;background:#f0ecfc;border-radius:4px;color:#917bcb;font-size:9px;margin-left:5px}.mini-item{display:flex;align-items:center;gap:8px;padding:14px 10px;border-top:1px solid #f6f3fa}.mini-item.active{background:#f6f2ff;border-left:2px solid var(--purple)}.mini-item .avatar{width:28px;height:28px;font-size:8px}.mini-item strong{display:block;font-size:9px;font-weight:650}.mini-item small{display:block;font-size:7px;color:#9a94a5;margin-top:3px}.mini-item i{background:#9b85df;width:4px;height:4px;border-radius:50%;margin-left:auto}.mini-thread{padding:14px;min-width:0}.thread-title{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #f1eef5}.thread-title strong{font-size:10px;display:block}.thread-title small{font-size:7px;color:#9b93a7;display:block;margin-top:3px}.thread-title .avatar{width:28px;height:28px;font-size:8px}.thread-title .status-dot{width:4px;height:4px}.conversation-day{text-align:center;font-size:8px;letter-spacing:1px;color:#b4acbf;margin:15px 0}.bubble{padding:12px 16px;border-radius:12px;font-size:13px;line-height:1.7;max-width:85%;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.customer{background:#f5f4f8;color:#665d76;border-bottom-left-radius:3px}.bubble.ai{background:#f0eafa;color:#66517e;border-bottom-right-radius:3px;margin-left:auto}.mini-thread .bubble{font-size:9px;padding:10px 12px;margin-bottom:12px}.mini-ai-label{font-size:8px;color:#a490c0;text-align:right;padding-bottom:4px}.source-caption{font-size:7px;color:#a294b9;text-align:right;margin-top:-6px;margin-bottom:18px}.source-caption .icon{width:9px;height:9px}.mini-compose{padding:10px;border:1px solid #ece7f3;border-radius:6px;font-size:7px;color:#b1a8c0;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.mini-compose .icon{width:12px;height:12px}.float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:white;border:1px solid #ece6f4;box-shadow:0 10px 30px #66538c0c;border-radius:12px;padding:13px 17px;font-size:10px;color:#8e7ca6;transform:rotate(-3deg)}.chip-one{top:0;left:80px}.chip-one .icon{color:#b49bcc;width:17px;height:17px}.chip-two{bottom:-2px;right:60px;transform:rotate(3deg)}.chip-two strong{display:block;font-size:11px;color:#655a79;font-weight:650}.chip-two small{font-size:9px;color:#a399b1}.success-icon{display:flex;background:#ebf6ed;color:#6aa579;border-radius:50%;padding:8px}.visual-caption{position:absolute;bottom:-36px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.4px;color:#b1a6bf}.channel-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeebf2;border-bottom:1px solid #eeebf2;padding-top:25px;padding-bottom:25px;gap:20px}.channel-strip>span{font-size:11px;line-height:1.7;color:#aaa1b3}.channel-strip>span strong{font-weight:500;color:#7c7388}.channel-pill{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550;color:#a59caf}.channel-pill.live{color:#71657f}.channel-pill .icon{width:19px;height:19px}.channel-pill .tag{font-size:8px;padding:3px 5px}.soon{font-size:8px;color:#b7afbe;background:#f6f4f8;border-radius:4px;padding:2px 5px}.section{padding-top:100px;padding-bottom:30px}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2{font-size:39px;font-weight:650;letter-spacing:-1.5px;margin:14px 0}.section-heading p{font-size:14px}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.feature{border:1px solid var(--line);border-radius:16px;padding:28px;background:linear-gradient(130deg,#fff,#fcfbff);overflow:hidden}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f2edfc;border-radius:12px;color:#9474bf;margin-bottom:22px}.feature h3{font-size:20px;letter-spacing:-.5px;margin-bottom:12px;font-weight:600}.feature p{font-size:12px;line-height:1.8}.feature-inbox{display:flex;align-items:center;gap:10px;padding:16px 12px;background:white;border:1px solid #eee8f4;border-radius:10px;margin-top:25px;box-shadow:0 5px 12px #5a327609}.feature-inbox strong{font-size:10px;display:block;font-weight:600}.feature-inbox small{font-size:9px;color:#b3a9bc}.feature-inbox .tag{margin-left:auto;font-size:7px}.feature-inbox .avatar{width:29px;height:29px;font-size:9px}.handoff-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:#b1a3be;margin-top:13px}.handoff-row .tag{font-size:8px}.handoff-note{font-size:8px}.knowledge-preview{margin-top:25px}.knowledge-preview div{display:flex;align-items:center;gap:7px;font-size:10px;padding:10px 0;border-bottom:1px solid var(--line);color:#807589}.knowledge-preview .icon{width:12px;height:12px;color:#8cb09c}.knowledge-preview span{font-size:8px;color:#a298ad;margin-left:auto}.tone-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.tone-preview span{font-size:9px;border:1px solid #e9e3f0;border-radius:6px;padding:7px 9px;color:#a194ae}.tone-preview .active{background:#f0e9fb;border-color:#e0d3f4;color:#8868ae}.how-section{margin-top:80px;background:#faf8ff;padding:80px 0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.step-number{font-size:13px;letter-spacing:1px;color:#a291bf;display:block;border-top:1px solid #e4dcef;padding-top:20px;margin-bottom:20px}.steps-grid h3{font-size:21px;letter-spacing:-.7px;font-weight:600;margin-bottom:12px}.steps-grid p{font-size:13px;line-height:1.8}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pricing-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}.pricing-card.featured{border:1.5px solid #a18be5;box-shadow:0 14px 35px #6752940b}.popular{position:absolute;top:-11px;left:25px;border-radius:5px;background:var(--purple);padding:4px 10px;font-size:8px;letter-spacing:1px;color:#fff}.pricing-card h3{font-size:20px;font-weight:600}.pricing-card>p{font-size:12px;margin-top:10px}.price{font-size:36px;font-weight:650;letter-spacing:-1px;margin-top:25px;line-height:1.3}.price>span{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:4px}.usd{display:block;color:#a49bac;font-size:11px;margin:5px 0 25px}.pricing-card .btn{width:100%}.pricing-card ul{padding:23px 0 0;border-top:1px solid var(--line);margin:24px 0 0;list-style:none}.pricing-card li{display:flex;align-items:center;gap:10px;font-size:12px;color:#7b7287;margin-bottom:12px}.pricing-card li .icon{color:#a38eba;width:15px;height:15px}.pricing-note{text-align:center;margin-top:25px;font-size:11px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-section h2{font-size:36px;letter-spacing:-1.5px;font-weight:650;margin:15px 0 25px}.faq-section .text-link{color:var(--purple)}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:14px;font-weight:550;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:'+';color:#a092b4}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.9;margin-top:14px}.cta-section{background:var(--purple);border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:45px 50px;margin-top:80px;margin-bottom:70px;color:white;gap:30px}.cta-section .eyebrow{color:#cdc3ff;font-size:8px}.cta-section h2{font-weight:550;font-size:32px;letter-spacing:-1px;margin-top:15px}.cta-section .btn{font-size:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:35px;padding-bottom:30px}.site-footer .brand{font-size:25px}.site-footer .brand-mark{width:29px;height:29px;border-radius:9px}.site-footer p{font-size:10px;margin-top:12px}.site-footer nav{display:flex;gap:25px;font-size:11px;color:#918698}.site-footer>small{width:100%;border-top:1px solid var(--line);padding-top:20px;color:#b1a8b8;font-size:10px}
/* Authentication */
.auth-page{display:grid;grid-template-columns:44% 56%;min-height:100vh}.auth-aside{background:#f4f0fd;padding:45px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.auth-aside>div{margin:70px 0}.auth-aside h1{font-size:54px;letter-spacing:-2.5px;line-height:1.12;margin:22px 0}.auth-aside h1 span{color:var(--purple)}.auth-aside p{max-width:330px;font-size:14px;line-height:1.9}.auth-aside>small{color:#a391bc;font-size:11px}.auth-illustration{position:relative;padding-top:55px;max-width:320px}.auth-illustration .bubble{margin-bottom:18px;box-shadow:0 5px 20px #69558208}.auth-illustration .bubble.ai{background:white}.auth-illustration .bubble.customer{background:#e9e0fc;margin-left:35px}.big-spark{position:absolute;font-size:70px;color:#ac97e1;right:-40px;top:-10px;transform:rotate(12deg)}.auth-main{padding:40px 65px;display:flex;flex-direction:column;justify-content:space-between}.back-link{font-size:12px;color:#8e839c}.auth-card{width:100%;max-width:390px;margin:55px auto}.auth-card h2{font-size:30px;font-weight:650;margin:15px 0}.auth-card>p{font-size:13px}.auth-card .eyebrow{font-size:8px}.google-btn{margin-top:30px;width:100%;gap:12px}.google-letter{font-size:19px;font-weight:750;color:#527ac1}.divider{position:relative;text-align:center;margin:23px 0;font-size:10px;color:#aca2b6}.divider:before{content:'';height:1px;background:var(--line);position:absolute;top:50%;left:0;right:0}.divider span{background:#fff;position:relative;padding:0 12px}label{display:block;font-size:12px;font-weight:550;margin-bottom:18px;color:#645b70}input,textarea,select{width:100%;padding:11px 13px;border:1px solid #e3dfeb;border-radius:8px;background:#fff;color:var(--ink);margin-top:7px;line-height:1.5}input::placeholder,textarea::placeholder{color:#b3a9bc;font-weight:400}textarea{resize:vertical;min-height:110px}input[type=checkbox]{width:16px;height:16px;margin:2px 0;accent-color:var(--purple)}input[type=color]{padding:4px;width:65px;height:42px}.checkbox-label{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:11px;line-height:1.7}.checkbox-label a{color:var(--purple)}.cf-turnstile{margin:10px 0 18px}.auth-links{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;color:#947da9}.auth-switch{text-align:center;margin-top:35px!important;font-size:12px!important}.auth-switch a{color:var(--purple);font-weight:600}.auth-fine{display:block;font-size:9px;text-align:center;margin-top:25px;color:#afa5b8}.auth-fine a{text-decoration:underline}.auth-help{text-align:center;color:#a69aac;font-size:10px}
/* Workspace */
.dashboard{background:var(--paper);font-size:13px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;border-right:1px solid var(--line);background:#fff;padding:29px 18px 12px;display:flex;flex-direction:column;z-index:30;overflow-y:auto}.sidebar>.brand{font-size:29px;padding-left:11px}.sidebar .brand-mark{width:32px;height:32px}.workspace-switch{display:flex;align-items:center;gap:9px;background:#fbfaff;border:1px solid #efecf5;border-radius:9px;margin:30px 0 20px;padding:11px}.workspace-avatar{width:30px;height:30px;background:#e8e2f8;color:#8d72b7;border:1px solid #ddd4ef;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}.workspace-switch>div{min-width:0;flex:1}.workspace-switch small{font-size:7px;letter-spacing:1.2px;color:#aaa0b8}.workspace-switch select{font-size:11px;font-weight:600;border:0;margin:0;padding:0 15px 0 0;background:transparent;line-height:1.5;text-overflow:ellipsis}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav>a{display:flex;align-items:center;gap:11px;border-radius:7px;padding:9px 12px;font-size:12px;color:#8c839a}.sidebar nav>a .icon{width:17px;height:17px}.sidebar nav>a:hover{background:#f9f6ff;color:var(--purple)}.sidebar nav>a.active{color:var(--purple);background:#f0ecff;font-weight:600}.nav-section{font-size:8px;letter-spacing:1px;color:#b2a8bf;margin:21px 12px 8px}.nav-count{margin-left:auto;background:var(--purple);color:white;min-width:17px;height:17px;border-radius:5px;text-align:center;font-size:9px;padding:1px 4px}.sidebar-bottom{margin-top:auto;padding-top:27px}.trial-box{background:linear-gradient(120deg,#f7f3ff,#f3effe);border:1px solid #ede6fb;border-radius:10px;padding:14px}.trial-box .tag{background:none;padding:0;font-size:9px}.trial-box strong{display:block;margin:10px 0 7px;font-size:12px;font-weight:550;color:#74618e}.trial-box>a{font-size:10px;font-weight:600;color:#9274b7;display:flex;align-items:center;justify-content:space-between}.trial-box .icon{width:14px;height:14px}.help-link{display:flex;align-items:center;gap:10px;padding:18px 12px 15px;font-size:11px;color:#9c90ac}.help-link .icon{width:16px;height:16px}.profile-button{display:flex;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);padding:15px 5px 3px;background:white;width:100%;text-align:left}.profile-button strong{display:block;font-size:11px;font-weight:600}.profile-button small{display:block;font-size:9px;color:#b0a6bd;margin-top:3px}.profile-button>.icon{margin-left:auto;width:15px;color:#b4a9c1}.profile-button .avatar{width:31px;height:31px}.dashboard-shell{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}.dashboard-header{height:74px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;gap:20px}.breadcrumb{color:#a69aaf;font-size:11px;display:flex;gap:14px}.breadcrumb strong{color:#7c6c8a;font-weight:500}.breadcrumb>span{color:#d3cadc}.dashboard-header-right{display:flex;align-items:center;gap:20px}.dashboard-header-right .text-link{font-size:10px;color:#9b8ba9;font-weight:450}.dashboard-header-right .icon{width:14px;height:14px}.header-divider{height:18px;width:1px;background:#eee8f3}.dashboard-header-right .tag{font-size:9px;font-weight:400}.mobile-toggle{display:none}.dashboard #main{padding:34px 36px;max-width:1600px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:27px;font-weight:650;letter-spacing:-1px;margin-bottom:8px}.page-heading p{font-size:12px;color:#a094ad}.page-heading .btn{font-size:11px;padding:10px 15px}.page-heading .btn .icon{width:15px;height:15px}.heading-eyebrow{display:block;font-size:9px;color:#a08ead;margin-bottom:8px}.welcome-banner{position:relative;background:linear-gradient(110deg,#f0eafd,#f7f2ff 70%,#eee6fc);border:1px solid #e9e0f5;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 30px;overflow:hidden;margin-bottom:27px}.welcome-banner h2{font-size:21px;font-weight:600;letter-spacing:-.7px;margin:9px 0;color:#5f4779}.welcome-banner p{font-size:11px;color:#a28bb5;max-width:440px}.welcome-banner .eyebrow{font-size:8px;color:#ae90c5}.welcome-banner .btn{font-size:11px;margin-top:17px;padding:9px 13px;background:#8060bb}.welcome-art{position:relative;min-width:220px;height:125px;color:#b596d3;display:flex;align-items:center;justify-content:center}.welcome-art>.icon{width:74px;height:74px;stroke-width:.9;padding:13px;border-radius:20px;transform:rotate(-12deg);background:#fcfaff;box-shadow:0 8px 20px #a886c91a}.welcome-art:before,.welcome-art:after{content:'✦';font-size:26px;position:absolute;right:28px;top:5px;color:#bda4d9}.welcome-art:after{font-size:14px;left:35px;top:80px}.welcome-art span{position:absolute;bottom:-2px;right:0;border:1px solid #e1d4f0;border-radius:8px;padding:7px 11px;background:#faf7ff;font-size:9px;box-shadow:0 4px 12px #baa0cf11;transform:rotate(-4deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:28px}.stat-card{background:white;border:1px solid var(--line);border-radius:11px;padding:19px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9e92ad;font-size:10px}.stat-top .icon{width:16px;height:16px;color:#baaac9}.stat-value{font-size:29px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin:12px 0 7px;color:#665573}.stat-caption{font-size:9px;color:#b0a4bb}.stat-caption .green{color:#6eaa8b}.overview-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:23px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:23px}.panel-header{padding:19px 22px;border-bottom:1px solid #f1edf6;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.panel-header p{font-size:10px;margin-top:4px}.panel-header>a,.panel-header>button{font-size:10px;color:#a48cba}.panel-body{padding:22px}.recent-row{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #f7f4fa}.recent-row:last-child{border-bottom:0}.recent-row:hover{background:#fcfaff}.recent-row .avatar{width:32px;height:32px;font-size:10px}.recent-info{min-width:0;flex:1}.recent-info strong{font-size:11px;font-weight:600;color:#7d6c8d;display:block}.recent-info p{font-size:10px;color:#aea0ba;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:350px}.recent-row time{font-size:9px;color:#b9adc4;text-align:right;display:block}.recent-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.recent-meta .tag{font-size:8px}.checklist-row{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid #f5f1f8}.check-circle{width:25px;height:25px;border:1px solid #e6dfed;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#b4a6c0}.check-circle.done{background:#ebf6f0;border-color:#ebf6f0;color:#74a78e}.check-circle .icon{width:13px;height:13px}.checklist-row>div{flex:1}.checklist-row strong{font-size:11px;color:#907a9f;font-weight:500;display:block}.checklist-row small{font-size:9px;color:#b8a8c3;display:block;margin-top:3px}.checklist-row>.icon{width:13px;color:#c8b7d4}.usage-panel{padding:20px 22px}.usage-panel h3{font-size:13px;font-weight:550;color:#856f96;margin-bottom:7px}.usage-panel p{font-size:10px;color:#b7a6c1}.progress{height:5px;background:#f1eafa;border-radius:5px;overflow:hidden;margin:17px 0 9px}.progress>span{display:block;height:100%;background:#b09ad4;border-radius:5px}.usage-caption{display:flex;justify-content:space-between;font-size:9px;color:#aa95b7}.channel-summary{display:flex;gap:13px;align-items:center}.channel-icon{width:40px;height:40px;border-radius:12px;background:#f1ecfb;color:#9d83bc;display:flex;align-items:center;justify-content:center}.channel-summary strong{font-size:11px;color:#8b729b;font-weight:550}.channel-summary p{font-size:9px;margin-top:4px;color:#b6a5c1}.channel-summary>.tag{margin-left:auto;font-size:8px}.app-footer{margin:0 36px;padding:20px 0;border-top:1px solid var(--line);font-size:9px;color:#bcaec7;display:flex;justify-content:space-between}.app-footer a{color:#a78bbb}.toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:20px}.search-field{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:8px;padding-left:12px;max-width:340px;flex:1;color:#b5a8be}.search-field input{margin:0;border:0;background:transparent;font-size:11px}.search-field .icon{width:15px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:0;background:transparent;padding:8px 13px;color:#a092ad;border-radius:7px;font-size:11px}.tabs button.active{background:#eee8fb;color:#8869b2}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:500;color:#ad9bb9;background:#fcfaff;padding:13px 20px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:16px 20px;border-bottom:1px solid #f4f0f8;color:#8c749f}td strong{color:#755e89;font-weight:550}tr:last-child td{border-bottom:0}td small{font-size:9px;color:#b49fc3;display:block;margin-top:3px}td .btn{font-size:9px;padding:6px 10px}.table-name{display:flex;align-items:center;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{margin:0}.form-grid .span-2{grid-column:1/-1}.form-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:25px}.form-hint{display:block;font-size:10px;color:#aa97b8;font-weight:400;margin-top:6px}.settings-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.settings-grid h3{font-size:15px;margin-bottom:10px}.settings-grid p{font-size:12px}.settings-grid .panel-body>p{margin-bottom:20px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a995b8;margin-bottom:18px}.code-box{display:block;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #e9e0f2;border-radius:8px;background:#f9f5fd;padding:16px;color:#9673af;font-family:Consolas,monospace;font-size:11px;line-height:1.9;margin:18px 0}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.channel-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px}.channel-card h3{font-size:17px;margin-top:20px}.channel-card p{font-size:12px;margin:10px 0 20px}.channel-card-top{display:flex;justify-content:space-between;align-items:center}.channel-card .channel-icon{width:45px;height:45px}.channel-card .btn{font-size:11px}.chart-bars{height:190px;display:flex;align-items:flex-end;gap:5px;padding-top:20px;border-bottom:1px solid #e5dcee}.chart-bar{flex:1;min-width:3px;position:relative;height:100%;display:flex;align-items:flex-end}.chart-bar span{display:block;width:100%;border-radius:4px 4px 0 0;background:#bda9e5;min-height:2px}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#b5a2c4;margin-top:10px}.danger-zone{border-color:#f1d6db}.danger-zone h2{color:#b2747b}.danger-zone p{font-size:12px}.billing-banner{padding:23px;background:#f2ebff;border-radius:13px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.billing-banner h2{font-size:20px;color:#8865a7;margin-bottom:8px}.billing-banner p{font-size:11px}.dashboard .pricing-card{padding:22px}.dashboard .price{font-size:29px}.dashboard .pricing-card>p{font-size:10px}.dashboard .pricing-card li{font-size:10px}.dashboard .pricing-card .btn{font-size:10px;padding:10px}.dashboard .pricing-card .btn+.btn{margin-top:9px}.dashboard .pricing-card .usd{font-size:10px}.dashboard .pricing-card li .icon{width:13px}.pagination{display:flex;gap:12px;justify-content:flex-end;padding:15px}.inline-actions{display:flex;align-items:center;gap:7px}.inline-actions select{margin:0;width:auto;padding:5px 10px;font-size:10px}.inline-actions .btn{padding:7px 10px;font-size:10px}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#40344f;color:white;padding:13px 22px;border-radius:10px;font-size:12px;box-shadow:0 10px 30px #291b3b25;z-index:150;max-width:90vw}#toast.error{background:#a64e62}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;width:600px;max-width:calc(100vw - 32px);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #3c214c20}dialog::backdrop{background:#29173955;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:13px;top:10px;font-size:25px}dialog h2{font-size:24px;margin:5px 25px 12px 0}dialog p{font-size:12px;margin-bottom:24px}dialog .tabs{margin:20px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.status-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-check{padding:13px;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;align-items:center;font-size:11px}.status-check .icon{width:15px;color:#5a9c7d}.status-check.bad{color:#bd7a54;background:#fff9ec}.health-warning{color:#b36e33}
/* Inbox */
.inbox-layout{display:grid;grid-template-columns:300px 1fr;min-height:600px;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.inbox-list{border-right:1px solid var(--line);max-height:720px;overflow-y:auto}.inbox-list-top{padding:16px;border-bottom:1px solid var(--line)}.inbox-list-top .search-field{margin-bottom:12px}.inbox-list-top .tabs{gap:2px}.inbox-list-top .tabs button{font-size:9px;padding:5px 8px}.inbox-list .recent-row{width:100%;border:0;border-bottom:1px solid #f2edf7;background:white;text-align:left;padding:17px 15px;align-items:flex-start}.inbox-list .recent-row.selected{background:#f7f2ff;border-left:3px solid #a887d3;padding-left:12px}.inbox-list .recent-info p{max-width:175px}.inbox-list .recent-row .tag{font-size:7px;margin-top:5px}.inbox-list .recent-row time{font-size:8px;white-space:nowrap}.inbox-thread{min-width:0;display:flex;flex-direction:column;max-height:720px}.inbox-thread-header{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 22px;flex-wrap:wrap}.inbox-person{display:flex;align-items:center;gap:10px}.inbox-person strong{display:block;font-size:13px}.inbox-person small{font-size:10px;color:#b29dc1;display:block;margin-top:4px}.thread-controls{display:flex;gap:6px;flex-wrap:wrap}.thread-controls .btn{font-size:9px;padding:7px 9px}.messages{padding:22px;overflow-y:auto;flex:1;min-height:250px;background:#fefcff}.message-wrap{margin-bottom:21px;max-width:83%}.message-wrap.outbound{margin-left:auto}.message-wrap.internal{max-width:100%;background:#fff9e8;border:1px solid #f2e5b8;padding:11px;border-radius:8px}.message-wrap .bubble{font-size:12px;max-width:100%}.message-wrap .message-meta{font-size:8px;color:#bda8ca;margin-top:5px;display:flex;gap:8px}.message-wrap.outbound .message-meta{justify-content:flex-end}.message-wrap .message-sender{font-size:9px;color:#b197c4;margin-bottom:5px}.message-wrap.outbound .message-sender{text-align:right}.message-source{font-size:8px;color:#b79ec9;text-align:right;margin-top:5px}.composer{padding:15px 22px;border-top:1px solid var(--line)}.composer textarea{min-height:75px;max-height:160px;font-size:12px;margin-top:0}.composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.composer-footer .checkbox-label{font-size:10px;margin:0}.composer-footer .btn{font-size:11px}.contact-strip{display:flex;gap:15px;padding:10px 22px;background:#fcf9ff;border-bottom:1px solid #f2eaf8;align-items:center;font-size:10px;color:#b298c3;flex-wrap:wrap}.contact-strip .btn{font-size:9px;padding:4px 8px;margin-left:auto}
/* Legal and guide */
.legal-main{max-width:850px;padding:65px 30px 90px;margin:auto}.legal-main h1{font-size:40px;margin-bottom:15px}.legal-main h2{font-size:20px;margin:32px 0 12px}.legal-main p,.legal-main li{font-size:14px;line-height:1.9;color:#84728f}.legal-main a{color:var(--purple);text-decoration:underline}.legal-main .updated{font-size:11px;margin-bottom:30px}
@media(min-width:1500px){.dashboard #main{padding:42px 50px}.dashboard-header{padding:0 50px}.sidebar{width:250px}.dashboard-shell{margin-left:250px}.welcome-banner{padding:30px 35px}.welcome-banner h2{font-size:24px}.stats-grid{gap:22px}.stat-card{padding:22px}.overview-grid{gap:28px}}
@media(max-width:1150px){.hero{grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:49px}.hero-copy>p{font-size:14px;max-width:370px}.hero-actions{flex-wrap:wrap}.hero-visual{margin-right:-110px}.feature-grid{grid-template-columns:1fr 1fr}.feature-wide{grid-column:1/-1}.feature-inbox{max-width:500px}.channel-strip{flex-wrap:wrap;justify-content:center;gap:25px}.channel-strip>span{width:100%;text-align:center}.cta-section{margin-left:32px;margin-right:32px}.dashboard #main{padding:27px 24px}.sidebar{width:210px;padding-left:14px;padding-right:14px}.dashboard-shell{margin-left:210px}.dashboard-header{padding:0 24px}.stats-grid{gap:12px}.stat-card{padding:16px}.overview-grid{grid-template-columns:1.4fr 1fr;gap:17px}.welcome-art{min-width:150px}.inbox-layout{grid-template-columns:250px 1fr}.inbox-thread-header{padding:15px}.inbox-list .recent-info p{max-width:140px}.settings-grid{grid-template-columns:1fr}.dashboard .pricing-grid{gap:12px}.dashboard .pricing-card{padding:17px}.dashboard .pricing-card li{font-size:9px}.auth-aside{padding:40px}.auth-main{padding:35px}.auth-aside h1{font-size:45px}}
@media(max-width:850px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:40px}.hero h1{font-size:56px}.hero-copy>p{max-width:550px}.hero-visual{margin:0;max-width:620px}.product-window{width:100%;transform:none}.hero{padding-bottom:65px}.hero-visual{min-height:440px}.chip-two{bottom:0}.chip-one{top:0}.visual-caption{bottom:-25px}.feature-grid{grid-template-columns:1fr 1fr}.steps-grid{gap:30px}.pricing-grid{gap:12px}.pricing-card{padding:20px}.price{font-size:29px}.pricing-card li{font-size:10px}.faq-section{gap:30px}.cta-section{padding:35px}.cta-section h2{font-size:26px}.cta-section .btn{font-size:11px;padding:12px 15px}.dashboard #main{padding:22px 18px}.sidebar{width:190px;padding:25px 10px 12px}.sidebar nav>a{font-size:11px;padding:8px 9px}.dashboard-shell{margin-left:190px}.overview-grid{grid-template-columns:1fr}.welcome-art{display:none}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-header{height:65px;padding:0 20px}.dashboard-header-right .text-link{display:none}.header-divider{display:none}.dashboard .pricing-grid{grid-template-columns:1fr}.dashboard .pricing-card{padding:25px}.dashboard .pricing-card li{font-size:12px}.channel-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr;min-height:400px}.inbox-list{max-height:300px;border-right:0;border-bottom:1px solid var(--line)}.inbox-list:has(+.inbox-thread .messages){max-height:210px}.inbox-list .recent-info p{max-width:300px}.inbox-thread{max-height:650px;min-height:380px}.status-checks{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:38% 62%}.auth-aside{padding:30px 24px}.auth-aside h1{font-size:34px;letter-spacing:-1.5px}.auth-aside .eyebrow{font-size:8px}.auth-aside p{font-size:12px}.auth-illustration .bubble{font-size:10px}.big-spark{right:0;font-size:45px}.auth-main{padding:30px}.auth-card h2{font-size:27px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:80px}.site-header .brand{font-size:27px}.header-actions{gap:16px}.header-actions>.text-link{font-size:11px}.header-actions .btn{font-size:11px;padding:8px 12px}.hero{padding-top:35px;padding-bottom:60px}.hero h1{font-size:45px;letter-spacing:-2px;margin:20px 0}.hero .eyebrow{font-size:8px}.hero-copy>p{font-size:14px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;padding:12px 15px}.hero-notes{font-size:9px;gap:14px}.hero-visual{min-height:370px;margin:0 -8px}.mini-app{grid-template-columns:28px 105px 1fr;min-height:280px}.mini-list h4{font-size:11px;padding:0 9px 15px}.mini-item{gap:5px;padding:12px 6px}.mini-item .avatar{display:none}.mini-item strong{font-size:8px}.mini-item small{font-size:6px}.mini-thread{padding:10px}.mini-thread .bubble{font-size:8px}.mini-thread .avatar{width:24px;height:24px;font-size:7px}.mini-thread .thread-title strong{font-size:8px}.mini-thread .source-caption{font-size:6px}.mini-compose{font-size:6px;padding:6px}.chip-one{top:-3px;left:18px;font-size:8px;padding:10px}.chip-two{right:18px;bottom:-10px;padding:9px}.chip-two strong{font-size:9px}.chip-two small{font-size:8px}.chip-two .icon{width:14px;height:14px}.visual-orbit{left:0;width:320px;height:330px;top:10px}.visual-caption{font-size:6px;bottom:-35px}.channel-strip{gap:15px}.channel-pill{font-size:10px;gap:6px}.channel-pill .icon{width:16px}.channel-pill .soon{font-size:7px}.section{padding-top:65px;padding-bottom:10px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:29px;letter-spacing:-1px}.section-heading p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature{padding:25px}.feature-wide{grid-column:auto}.feature h3{font-size:21px}.feature-inbox{padding:13px 10px}.feature-inbox strong{font-size:9px}.feature-inbox .tag{font-size:6px}.how-section{margin-top:60px;padding:55px 0}.steps-grid{grid-template-columns:1fr;gap:25px}.step-number{margin-bottom:12px}.steps-grid h3{font-size:22px}.steps-grid p{font-size:13px}.pricing-grid{grid-template-columns:1fr;gap:25px}.pricing-card{padding:28px}.price{font-size:39px}.pricing-card li{font-size:12px}.pricing-card>p{font-size:13px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2{font-size:30px}.faq-section summary{font-size:13px}.cta-section{margin:55px 20px 45px;display:block;padding:30px 25px}.cta-section h2{font-size:26px;line-height:1.35}.cta-section .eyebrow{font-size:7px}.cta-section .btn{margin-top:25px}.site-footer{gap:25px}.site-footer nav{gap:17px}.auth-page{display:block}.auth-aside{min-height:0;padding:24px;background:#faf7ff}.auth-aside>div,.auth-aside>small{display:none}.auth-main{padding:25px}.auth-card{margin:40px auto}.auth-card h2{font-size:29px}.auth-main .back-link{font-size:11px}.auth-help{margin:20px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px;box-shadow:10px 0 40px #49344e10}.sidebar.open{transform:translateX(0)}.dashboard-shell{margin-left:0}.mobile-toggle{display:flex}.dashboard-header{gap:10px;padding:0 16px;position:sticky;top:0;z-index:20}.breadcrumb{font-size:10px;gap:8px}.dashboard-header-right{margin-left:auto}.dashboard-header-right .tag{font-size:8px}.dashboard #main{padding:25px 17px}.page-heading{gap:10px;align-items:flex-start}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.page-heading .btn{font-size:9px;padding:8px 10px}.page-heading .btn .icon{width:12px;height:12px}.welcome-banner{padding:22px}.welcome-banner h2{font-size:20px;line-height:1.3}.welcome-banner p{font-size:11px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-top{font-size:9px}.stat-value{font-size:28px}.stat-caption{font-size:8px}.panel-header{padding:17px}.panel-header h2{font-size:13px}.recent-row{padding:15px 17px;gap:9px}.recent-info p{max-width:180px;font-size:9px}.recent-info strong{font-size:10px}.recent-meta .tag{font-size:7px}.recent-row time{font-size:8px}.recent-row .avatar{width:29px;height:29px;font-size:9px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.panel-body{padding:18px}.form-footer .btn{font-size:11px}.app-footer{margin:0 18px;font-size:8px;gap:10px}.toolbar{flex-wrap:wrap}.search-field{max-width:none;min-width:180px}.tabs button{font-size:10px;padding:7px 10px}.inbox-list .recent-row .recent-info p{max-width:200px}.thread-controls .btn{font-size:8px}.inbox-thread-header{gap:15px}.messages{padding:17px}.message-wrap{max-width:91%}.message-wrap .bubble{font-size:11px}.composer{padding:14px}.composer textarea{font-size:11px}.composer-footer .btn{font-size:10px}.contact-strip{padding:10px 15px}.billing-banner{display:block;padding:20px}.billing-banner .tag{margin-top:15px}.billing-banner h2{font-size:20px}#toast{left:50%;width:max-content;max-width:90vw;font-size:11px}.status-checks{grid-template-columns:1fr}.legal-main{padding-top:40px}.legal-main h1{font-size:32px}dialog{padding:25px 20px}dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}