@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#112132;background:#f7faf9;font-synthesis:none;--navy: #071827;--navy-2: #0b2133;--green: #17bd87;--green-dark: #0a986d;--orange: #ff8a34;--muted: #667788;--line: #e4ecea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}html,body,#root{overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:13px;box-shadow:0 5px 16px #07182721}.brand strong{display:block;font:800 21px/1 Manrope;letter-spacing:-.7px}.brand span{color:#71808f;display:block;font-size:10px;margin-top:5px}.brand--compact img{width:42px;height:42px}.brand--compact div{display:none}.button{border:0;border-radius:10px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:.2s ease;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{color:#fff;background:linear-gradient(135deg,#19c990,#0aaa78);box-shadow:0 10px 25px #17bd8733}.button--primary:hover:not(:disabled){box-shadow:0 13px 30px #17bd874d}.button--ghost{border:1px solid #dfe8e6;background:#fff;color:#142536;box-shadow:0 6px 18px #0b243112}.button--light{background:#fff;color:#0a775a}.button.wide{width:100%}.text-button{background:none;border:0;font-weight:700;color:#294051}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:#fbfdfcde;backdrop-filter:blur(16px);border-bottom:1px solid #e8efed}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{color:#415467;font-size:14px;font-weight:600;transition:.2s}.site-header nav a:hover{color:var(--green-dark)}.header-actions{display:flex;gap:11px;align-items:center}.menu-button,.mobile-menu,.mobile-close{display:none;border:0;background:none;color:#173045}.hero{min-height:680px;padding:82px max(5vw,24px) 92px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 20% 10%,#dbfff2 0,transparent 32%),linear-gradient(180deg,#fbfdfc,#f5faf8)}.hero-glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.45;pointer-events:none}.hero-glow--one{width:300px;height:300px;background:#78eec7;left:-120px;bottom:-100px}.hero-glow--two{width:260px;height:260px;background:#ffc699;right:-100px;top:60px}.hero-copy{position:relative;z-index:2;max-width:590px;min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:8px 12px;border:1px solid #bfe7d9;border-radius:99px;color:#167b5e;background:#effcf7;font-weight:700;font-size:12px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #17bd8720}.hero h1{font:800 clamp(44px,5vw,69px)/1.03 "Manrope";letter-spacing:-3.4px;color:#091a2a;margin:25px 0 22px}.hero h1 em,.section h2 em{color:var(--green);font-style:normal}.hero-copy>p{color:#5d6e7c;font-size:18px;line-height:1.7;max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-trust{display:flex;flex-wrap:wrap;gap:17px;margin-top:25px;color:#61717e;font-size:12px;font-weight:600}.hero-trust span{display:flex;align-items:center;gap:5px}.hero-trust svg{width:15px;color:var(--green)}.hero-product{position:relative;z-index:3}.product-window{background:#fff;border:1px solid #dde9e5;border-radius:18px;box-shadow:0 30px 70px #0f342a26;overflow:hidden;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.window-top{height:38px;background:#f7f9f8;border-bottom:1px solid #e9eeee;display:flex;align-items:center;gap:6px;padding:0 13px}.window-top small{margin:auto;color:#8a969e;font-size:9px;transform:translate(-20px)}.window-dot{width:7px;height:7px;background:#d6dfdc;border-radius:50%}.product-body{height:405px;display:grid;grid-template-columns:48px 195px 1fr}.mini-sidebar{background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:13px;color:#6b8293}.mini-sidebar img{width:28px;height:28px;object-fit:cover;border-radius:7px;margin-bottom:10px}.mini-sidebar svg{width:16px}.mini-sidebar svg.active{color:var(--green)}.chat-list{border-right:1px solid #e8eeee;overflow:hidden}.mini-title{padding:17px 13px 10px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.mini-title span{background:#e7faf3;color:#0b9f70;padding:2px 6px;border-radius:10px;font-size:8px}.mini-search{margin:0 10px 8px;border-radius:6px;background:#f3f6f5;color:#99a4a9;padding:7px;display:flex;align-items:center;gap:5px;font-size:8px}.mini-contact{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;padding:10px;border-left:2px solid transparent}.mini-contact.selected{background:#eefaf6;border-color:var(--green)}.mini-contact>b,.chat-head>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#daf5eb;color:#138965;font-size:8px}.mini-contact div{min-width:0}.mini-contact strong,.mini-contact span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-contact strong{font-size:8px}.mini-contact span,.mini-contact small{font-size:6px;color:#89959d;margin-top:3px}.chat-panel{display:flex;flex-direction:column;padding-bottom:12px;background:linear-gradient(#fff,#fbfdfc)}.chat-head{height:56px;border-bottom:1px solid #edf1ef;padding:11px 14px;display:flex;align-items:center;gap:7px}.chat-head strong,.chat-head span{display:block;font-size:8px}.chat-head span{color:#849299;margin-top:3px}.chat-head i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%}.chat-day{color:#a1abb0;font-size:6px;text-align:center;margin:20px 0 8px}.bubble{max-width:78%;border-radius:9px;padding:9px;font-size:8px;line-height:1.5;margin:5px 13px}.bubble--in{background:#f0f3f3;align-self:flex-start;border-bottom-left-radius:3px}.bubble--out{background:#dff8ef;align-self:flex-end;border-bottom-right-radius:3px}.chat-input{margin:auto 12px 0;height:32px;border:1px solid #e3eae8;border-radius:7px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;color:#a4adb2;font-size:7px}.chat-input svg{color:var(--green)}.float-card{position:absolute;background:#fff;border:1px solid #e2ece8;border-radius:12px;box-shadow:0 18px 40px #0c332622;display:flex;align-items:center;padding:11px;gap:9px}.float-card>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e5faf3;color:#0da976}.float-card svg{width:17px}.float-card b,.float-card small{display:block;white-space:nowrap}.float-card b{font-size:10px}.float-card small{font-size:7px;color:#819099;margin-top:3px}.float-card--top{right:-25px;top:50px}.float-card--top>svg{color:var(--green);margin-left:11px}.float-card--bottom{left:-35px;bottom:45px}.float-card--bottom>span{background:#fff0e5;color:var(--orange)}.social-proof{background:var(--navy);color:#fff;padding:30px max(5vw,24px);text-align:center}.social-proof p{color:#87a0b0;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.social-proof>div{display:flex;justify-content:center;gap:5vw;margin-top:23px}.social-proof span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#cbd7dd}.social-proof svg{color:var(--green);width:19px}.section{padding:105px max(5vw,24px)}.section-heading{max-width:760px;text-align:center;margin:0 auto 50px}.kicker,.page-title>div>span{color:#11a97a;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.section h2{font:800 clamp(33px,3.8vw,49px)/1.14 "Manrope";letter-spacing:-2px;color:#0b1d2d;margin:15px 0}.section-heading p,.steps-copy>p,.security-copy>p{color:#6b7c89;font-size:16px;line-height:1.7}.feature-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #e4ecea;padding:29px;border-radius:16px;transition:.25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #173d3212}.feature-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px}.feature-icon svg{width:21px}.feature-icon--green{background:#e1f8f0;color:#0b9c6d}.feature-icon--orange{background:#fff0e5;color:#ef741d}.feature-icon--blue{background:#e8f2ff;color:#3479cf}.feature-icon--purple{background:#f1ebff;color:#7750c9}.feature-icon--cyan{background:#e3f8f7;color:#168f91}.feature-icon--yellow{background:#fff7dc;color:#bf8a08}.feature-card h3{font:700 18px Manrope;margin:21px 0 10px}.feature-card p{color:#71808c;line-height:1.65;font-size:14px;min-height:68px}.feature-card>span{display:flex;align-items:center;gap:7px;color:#159b70;font-weight:700;font-size:12px;margin-top:18px}.steps-section{background:#f0f7f4;padding:100px max(5vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.steps-visual{position:relative;min-height:535px;display:grid;place-items:center}.phone{width:255px;height:500px;border:8px solid #12293a;border-radius:38px;overflow:hidden;background:#f5f8f7;box-shadow:0 30px 60px #0d322624;position:relative;z-index:3}.phone-speaker{position:absolute;width:74px;height:18px;background:#12293a;border-radius:0 0 12px 12px;top:0;left:82px;z-index:3}.phone-head{background:#0eac7a;color:#fff;padding:29px 15px 14px;display:flex;align-items:center;gap:8px;font-size:12px}.phone-head svg{width:18px}.phone-chat{padding:22px 8px;display:flex;flex-direction:column}.phone .bubble{font-size:10px;box-shadow:0 3px 10px #17382d0b}.bot-thinking,.assigned{font-size:8px;margin:13px auto;display:flex;align-items:center;gap:5px;color:#7b8990}.bot-thinking{background:#edf4f2;padding:7px 10px;border-radius:20px}.bot-thinking svg{color:var(--orange)}.assigned{color:#13805f;margin-top:45px}.orbit{position:absolute;border-radius:50%;border:1px dashed #8bd6be}.orbit--one{width:390px;height:390px}.orbit--two{width:490px;height:490px;opacity:.45}.steps-copy{max-width:540px}.steps-copy h2{font:800 clamp(33px,4vw,48px)/1.15 "Manrope";letter-spacing:-2px;margin:13px 0 30px}.step{display:flex;gap:18px;margin:23px 0}.step>b{flex:0 0 37px;height:37px;display:grid;place-items:center;background:#dcf6ed;color:#0e9d6f;border-radius:50%;font:800 11px Manrope}.step h3{margin:0 0 5px;font:700 16px Manrope}.step p{color:#73828d;margin:0;font-size:13px}.steps-copy>.button{margin-top:12px}.security{background:var(--navy);display:grid;grid-template-columns:1fr 380px;gap:10vw;align-items:center;color:#fff}.security h2{color:#fff;max-width:670px}.security-copy>p{color:#91a5b1;max-width:650px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.check-list span{display:flex;align-items:center;gap:9px;font-size:13px;color:#d0dce1}.check-list svg{color:var(--green);width:18px}.security-card{border:1px solid #274051;background:#0e2638;border-radius:20px;padding:34px;text-align:center;box-shadow:0 25px 60px #0004}.shield{margin:0 auto 20px;width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#1ed399,#0c9d70);box-shadow:0 14px 30px #17bd873d}.shield svg{width:32px;height:32px}.security-card h3{font:700 19px Manrope;margin-bottom:6px}.security-card>p{color:#7f96a5;font-size:12px;margin-bottom:26px}.secure-row{border-top:1px solid #243e4f;padding:14px 0;display:flex;justify-content:space-between;font-size:12px;color:#8fa2ae}.secure-row b{color:#cfe0e7}.secure-row i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.faq{background:#fff}.faq-grid{max-width:970px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.faq-grid article{padding:24px;border:1px solid #e4ecea;border-radius:14px}.faq-grid h3{font:700 16px Manrope;margin:0 0 10px}.faq-grid p{color:#70808c;line-height:1.65;margin:0;font-size:13px}.cta{margin:0 max(5vw,24px) 90px;padding:42px 50px;background:linear-gradient(120deg,#0aa878,#16bf88);border-radius:22px;color:#fff;display:grid;grid-template-columns:72px 1fr auto;gap:25px;align-items:center;overflow:hidden;position:relative}.cta img{width:72px;height:72px;object-fit:cover;border-radius:18px}.cta span{opacity:.8;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.cta h2{margin:6px 0 0;font:700 24px Manrope}.landing>footer{background:#061521;color:#8fa0aa;padding:46px max(5vw,24px);display:grid;grid-template-columns:auto 1fr;gap:18px 40px;align-items:center}.landing>footer .brand strong{color:#fff}.landing>footer p{font-size:12px}.landing>footer>span{grid-column:1/-1;font-size:10px;border-top:1px solid #1d303d;padding-top:20px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#031019b8;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;overflow:auto}.auth-modal{width:min(460px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 30px 90px #0006;position:relative}.modal-close{position:absolute;right:17px;top:17px;background:#f1f5f3;border:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#677781}.modal-close svg{width:18px}.auth-copy{margin:28px 0 22px}.auth-copy>span{color:var(--green-dark);font-size:10px;font-weight:800;letter-spacing:1.4px}.auth-copy h2{font:800 27px Manrope;letter-spacing:-1px;margin:8px 0 6px}.auth-copy p{color:#75838c;font-size:13px;margin:0}.auth-modal form{display:grid;gap:13px}.auth-modal label{color:#304353;font-size:12px;font-weight:700}.auth-modal input{display:block;width:100%;margin-top:6px;border:1px solid #dfe8e5;border-radius:9px;padding:12px 13px;outline:none;transition:.2s}.auth-modal input:focus{border-color:var(--green);box-shadow:0 0 0 3px #17bd8717}.form-error{color:#b74242;background:#fff0f0;border:1px solid #ffd7d7;padding:10px 12px;border-radius:8px;font-size:12px}.auth-switch{text-align:center;color:#7c8991;font-size:12px;margin:20px 0 0}.auth-switch button{border:0;background:none;color:var(--green-dark);font-weight:700;margin-left:5px}.splash{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.splash>svg{color:var(--green)}.app-shell{min-height:100vh;display:flex;background:#f5f8f7}.app-sidebar{width:242px;background:var(--navy);color:#fff;padding:21px 15px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:40}.app-sidebar .brand{margin:0 7px 34px}.app-sidebar .brand img{width:42px;height:42px}.app-sidebar .brand strong{color:#fff}.app-sidebar .brand span{color:#728898}.app-sidebar nav>span{display:block;margin:0 11px 10px;color:#526b7c;font-size:9px;font-weight:800;letter-spacing:1.1px}.app-sidebar nav button,.sidebar-foot>button{width:100%;border:0;background:none;color:#8fa3b1;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;font-size:12px;font-weight:600;text-align:left;margin:3px 0}.app-sidebar nav button:hover,.app-sidebar nav button.active{background:#102b3d;color:#fff}.app-sidebar nav button.active svg{color:var(--green)}.app-sidebar nav button svg,.sidebar-foot>button svg{width:17px}.app-sidebar nav button i{margin-left:auto;background:var(--green);color:#fff;font-style:normal;border-radius:20px;min-width:19px;height:19px;display:grid;place-items:center;font-size:8px}.sidebar-foot{margin-top:auto;border-top:1px solid #1a3343;padding-top:15px}.channel-pill{display:flex;align-items:center;gap:9px;border-radius:9px;background:#0c2333;padding:10px;margin-bottom:8px}.channel-pill>i{width:8px;height:8px;border-radius:50%;background:#637787}.channel-pill.connected>i{background:var(--green);box-shadow:0 0 0 4px #16bd8720}.channel-pill strong,.channel-pill span{display:block}.channel-pill strong{font-size:9px}.channel-pill span{color:#668091;font-size:7px;margin-top:3px}.app-main{flex:1;margin-left:242px;min-width:0}.app-topbar{height:68px;background:#fff;border-bottom:1px solid #e3eae8;display:flex;align-items:center;justify-content:flex-end;padding:0 30px;position:sticky;top:0;z-index:20}.app-topbar>div:first-of-type{margin-right:auto}.app-topbar>div:first-of-type strong,.app-topbar>div:first-of-type span{display:block}.app-topbar>div:first-of-type strong{font-size:12px}.app-topbar>div:first-of-type span{color:#8a969d;font-size:9px;margin-top:2px}.user-menu{display:flex;align-items:center;gap:9px}.user-menu>b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#0b8c65;background:#ddf7ee;font-size:10px}.user-menu strong,.user-menu span{display:block}.user-menu strong{font-size:11px}.user-menu span{color:#849199;font-size:8px;margin-top:2px}.page-content{padding:30px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-title h1{font:800 28px Manrope;letter-spacing:-1px;margin:5px 0 4px;color:#102333}.page-title p{color:#7a8993;margin:0;font-size:12px}.page-title.compact{margin-bottom:18px}.setup-banner{border-radius:13px;padding:18px;background:linear-gradient(110deg,#0b2133,#12364b);color:#fff;display:flex;align-items:center;gap:14px;margin-bottom:20px}.setup-icon{width:42px;height:42px;background:#1c4a5e;border-radius:10px;display:grid;place-items:center;color:var(--green)}.setup-banner strong{font-size:13px}.setup-banner p{color:#8fa8b6;margin:3px 0 0;font-size:10px}.setup-banner .button{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid #e3ebe8;border-radius:12px;padding:19px;display:flex;justify-content:space-between;align-items:center}.metric-card span,.metric-card strong{display:block}.metric-card span{color:#798891;font-size:10px}.metric-card strong{font:800 25px Manrope;margin-top:8px}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center}.metric-icon svg{width:18px}.metric-icon--green{background:#e0f8ef;color:#0a9f6d}.metric-icon--orange{background:#fff0e5;color:#ed7520}.metric-icon--blue{background:#e9f2ff;color:#387bd0}.metric-icon--purple{background:#f1ebff;color:#7452c5}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e3ebe8;border-radius:13px;padding:20px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head h2{font:700 14px Manrope;margin:0 0 3px}.panel-head p{color:#8a969e;font-size:9px;margin:0}.panel-head button{border:0;background:none;color:#12976d;font-size:9px;font-weight:700;display:flex;align-items:center;gap:4px}.conversation-row{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 5px;border:0;border-bottom:1px solid #edf1ef;background:transparent;text-align:left}.conversation-row:hover{background:#f8fbfa}.conversation-row>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#168864;background:#e1f6ef;font-size:9px}.conversation-row div{min-width:0}.conversation-row strong,.conversation-row div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-row strong{font-size:10px}.conversation-row div span{color:#849198;font-size:9px;margin-top:4px}.conversation-row>small{color:#98a2a8;font-size:7px;text-align:right}.conversation-row>small i{display:block;margin:0 0 4px auto;width:17px;height:17px;border-radius:50%;background:var(--green);color:#fff;font-style:normal;display:grid;place-items:center}.connection-status{padding:14px;background:#f5f7f7;border-radius:10px;display:flex;gap:10px;align-items:center}.connection-status>span{color:#88969d}.connection-status.connected>span{color:var(--green)}.connection-status strong{display:block;font-size:10px}.connection-status p{margin:3px 0 0;color:#829098;font-size:8px}.status-lines{margin-top:15px}.status-lines div{display:flex;justify-content:space-between;padding:10px 2px;border-top:1px solid #edf1ef;font-size:9px;color:#7e8d95}.status-lines b{color:#263b4a}.empty-state{padding:45px 15px;text-align:center;color:#849198}.empty-state>span{margin:auto;width:48px;height:48px;border-radius:50%;background:#edf6f3;color:#1a9b73;display:grid;place-items:center}.empty-state h3{font:700 13px Manrope;color:#304453;margin:13px 0 5px}.empty-state p{font-size:10px;margin:0 auto 14px;max-width:320px;line-height:1.5}.page-loader{padding:45px;display:flex;align-items:center;justify-content:center;color:#839199;gap:8px;font-size:11px}.page-loader svg{width:18px;color:var(--green)}.inbox-layout{height:calc(100vh - 142px);min-height:520px;background:#fff;border:1px solid #e2eae7;border-radius:13px;overflow:hidden;display:grid;grid-template-columns:320px 1fr}.inbox-list{border-right:1px solid #e6ecea;overflow-y:auto}.inbox-search{margin:13px;height:38px;background:#f3f6f5;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#8b979e}.inbox-search input{border:0;outline:none;background:transparent;width:100%;font-size:10px}.inbox-search.small{margin:0;width:210px;height:34px}.inbox-list .conversation-row{padding:13px}.conversation-panel{min-width:0;display:flex;flex-direction:column;background:#f8faf9}.conversation-panel>.empty-state{margin:auto}.conversation-head{height:64px;background:#fff;border-bottom:1px solid #e5ece9;display:flex;align-items:center;gap:10px;padding:0 20px}.conversation-head>b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#168864;background:#e1f6ef;font-size:10px}.conversation-head strong,.conversation-head span{display:block}.conversation-head strong{font-size:11px}.conversation-head span{color:#849198;font-size:8px;margin-top:3px}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:24px}.message{max-width:65%;border-radius:10px;padding:10px 12px;margin:5px 0;box-shadow:0 2px 7px #14392e0b}.message p{margin:0;font-size:11px;line-height:1.5}.message span{display:block;color:#819098;font-size:7px;margin-top:5px;text-align:right}.message--in{align-self:flex-start;background:#fff;border-bottom-left-radius:3px}.message--out{align-self:flex-end;background:#dff7ee;border-bottom-right-radius:3px}.message-box{padding:13px;background:#fff;border-top:1px solid #e3eae8;display:flex;gap:9px}.message-box input{flex:1;border:1px solid #dfe7e5;border-radius:8px;padding:0 12px;outline:none;font-size:11px}.message-box .button{padding:10px 13px}.table-panel{min-height:400px}.contact-row{display:grid;grid-template-columns:38px 1fr 100px 130px;gap:11px;align-items:center;padding:13px 5px;border-top:1px solid #edf1ef}.contact-row>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e2f7f0;color:#128862;font-size:9px}.contact-row strong,.contact-row div span{display:block}.contact-row strong{font-size:10px}.contact-row div span,.contact-row small{color:#87949b;font-size:8px;margin-top:3px}.tag{justify-self:start;color:#158b67;background:#e5f7f1;padding:4px 8px;border-radius:20px;font-size:8px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.template-card{border:1px solid #e4ebe9;border-radius:11px;padding:15px}.template-card>div{display:flex;justify-content:space-between}.template-status{color:#8b691f;background:#fff4d8;padding:4px 7px;border-radius:20px;font-size:7px;font-weight:800}.template-status.approved{color:#107858;background:#dff6ed}.template-card small{color:#8b979d;font-size:8px}.template-card h3{font:700 12px Manrope;margin:14px 0 8px;overflow-wrap:anywhere}.template-card p{color:#73828b;font-size:9px;line-height:1.5;height:54px;overflow:hidden}.template-card footer{border-top:1px solid #edf1ef;padding-top:9px;color:#87939a;font-size:7px}.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.automation-card{background:#fff;border:1px solid #e3ebe8;border-radius:13px;padding:21px}.automation-card>span{width:41px;height:41px;display:grid;place-items:center;background:#e3f8f1;color:#10986c;border-radius:10px}.automation-card h3{font:700 13px Manrope;margin:17px 0 6px}.automation-card p{color:#7b8992;font-size:10px;line-height:1.55;min-height:47px}.automation-card>b{color:#159970;font-size:9px}.info-note{display:flex;gap:11px;background:#fff9e9;color:#836d3c;border:1px solid #f2e7c7;padding:13px;border-radius:10px;margin-top:17px;font-size:9px;line-height:1.5}.info-note p{margin:0}.info-note svg{flex:0 0 18px}.connection-card{background:#fff;border:1px solid #e2ebe8;border-radius:15px;padding:38px;text-align:center;max-width:740px;margin:0 auto 18px}.meta-mark{display:flex;justify-content:center;align-items:center;gap:8px}.meta-mark span,.meta-mark svg{width:46px;height:46px;border-radius:13px;display:grid;place-items:center}.meta-mark span{background:#1877f2;color:#fff;font:800 28px Arial}.meta-mark svg{padding:10px;background:#20c485;color:#fff}.connection-card h2{font:800 20px Manrope;margin:20px 0 8px}.connection-card>p{color:#73828c;font-size:11px;line-height:1.6;max-width:500px;margin:0 auto 22px}.safe-hint{display:flex;align-items:center;justify-content:center;gap:6px;color:#829098;font-size:8px;margin-top:15px}.safe-hint svg{width:13px}.connection-card .form-error{margin-top:14px}.config-warning{display:flex;gap:10px;text-align:left;background:#fff7e5;border:1px solid #f2e3bd;padding:12px;border-radius:9px;margin:0 auto 16px;max-width:520px}.config-warning svg{color:#b27a17;flex:0 0 18px}.config-warning strong{font-size:10px}.config-warning p{font-size:8px;color:#8b744a;margin:3px 0 0}.oauth-notice{max-width:520px;margin:0 auto 16px;padding:11px 13px;border-radius:9px;font-size:10px}.oauth-notice--success{color:#0a7353;background:#e2f7ef;border:1px solid #bde8d7}.connected-card{text-align:left}.big-status{display:flex;gap:14px;align-items:center}.big-status>span{width:53px;height:53px;border-radius:50%;background:#def7ed;color:#0b9a6b;display:grid;place-items:center}.big-status small{color:#15a074;font-size:8px;font-weight:800;letter-spacing:1px}.big-status h2{margin:5px 0 2px}.big-status p{color:#788891;font-size:10px;margin:0}.connection-details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:27px;border-top:1px solid #e8eeec;padding-top:18px}.connection-details span,.connection-details b{display:block}.connection-details span{color:#89959c;font-size:8px}.connection-details b{color:#304453;font-size:9px;margin-top:4px;overflow-wrap:anywhere}.setup-panel{max-width:740px;margin:auto}.check-step{display:flex;gap:11px;padding:12px 0;border-top:1px solid #edf1ef}.check-step>b{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e1f7ef;color:#11936a;font-size:8px}.check-step strong{font-size:10px}.check-step p{color:#7c8b93;font-size:9px;margin:3px 0 0;overflow-wrap:anywhere}.env-box{background:#0c1f2e;color:#dce9ed;border-radius:9px;padding:14px;margin-top:12px}.env-box strong{display:block;font-size:9px;margin-bottom:8px}.env-box code{color:#5fd7ad;font-size:8px;white-space:normal;line-height:1.7}.legal-links{display:flex;gap:14px;flex-wrap:wrap}.legal-links a{color:#667b72;font-size:9px;font-weight:700}.legal-links a:hover{color:var(--green)}.landing>footer .legal-links a{color:#bac6cb}.landing>footer .legal-links a:hover{color:#6ce0b8}.settings-panel,.danger-panel{max-width:820px;margin:0 auto 18px}.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.legal-grid>a{display:grid;grid-template-columns:34px 1fr 16px;gap:9px;align-items:center;padding:14px;border:1px solid #e0e9e6;border-radius:10px;color:#31473f;text-decoration:none}.legal-grid>a>svg:first-child{width:28px;height:28px;padding:6px;color:#0e946c;background:#e4f7f0;border-radius:8px}.legal-grid>a>svg:last-child{width:13px;color:#899890}.legal-grid strong,.legal-grid span{display:block}.legal-grid strong{font-size:10px}.legal-grid span{margin-top:4px;color:#7c8c85;font-size:8px;line-height:1.4}.danger-panel{border-color:#f0d4d4}.danger-panel .panel-head h2{color:#a72c2c}.danger-panel>p{color:#7c6666;font-size:10px;line-height:1.55}.danger-panel form{max-width:440px;margin-top:17px}.danger-panel label{display:block;margin-bottom:11px;color:#4d5b55;font-size:9px;font-weight:700}.danger-panel input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #d9e1de;border-radius:8px;outline:none}.danger-panel .button{background:#b42e2e}.danger-panel .button:hover{background:#972323}@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.eyebrow,.hero-actions,.hero-trust{justify-content:center}.hero-product{width:min(700px,92%);margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.steps-section{gap:5vw}.metric-grid,.automation-grid,.template-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.site-header{height:68px}.site-header .brand span,.site-header .brand div{display:none}.site-header .brand img{width:40px;height:40px}.header-actions{display:none}.menu-button{display:grid}.site-header nav.open{display:flex;position:absolute;left:16px;right:16px;top:62px;padding:18px;border-radius:12px;background:#fff;box-shadow:0 15px 40px #112f252b;flex-direction:column;gap:16px}.hero{padding-top:55px;min-height:auto;grid-template-columns:minmax(0,1fr)}.hero h1{letter-spacing:-2px}.hero-copy{width:100%}.hero-copy>p{font-size:15px;max-width:100%}.hero-actions{flex-direction:column}.hero-trust{font-size:10px}.eyebrow{font-size:10px;white-space:normal;text-align:left}.product-body{grid-template-columns:40px 130px 1fr;height:310px}.mini-sidebar{gap:12px}.mini-contact{grid-template-columns:24px 1fr}.mini-contact small,.float-card{display:none}.social-proof>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.social-proof span{font-size:10px}.section{padding:70px 20px}.feature-grid,.faq-grid{grid-template-columns:1fr}.feature-card p{min-height:0}.steps-section{padding:70px 20px;grid-template-columns:1fr}.steps-visual{order:2;overflow:hidden}.security,.check-list{grid-template-columns:1fr}.security-card{max-width:380px;width:100%;margin:auto}.cta{margin:0 20px 60px;padding:28px;grid-template-columns:50px 1fr}.cta img{width:50px;height:50px}.cta .button{grid-column:1/-1}.landing>footer{grid-template-columns:1fr}.landing>footer>span{grid-column:auto}.auth-modal{padding:26px 22px}.app-sidebar{transform:translate(-100%);transition:.25s}.app-sidebar.open{transform:translate(0)}.mobile-close{display:block;position:absolute;right:10px;top:10px;color:#fff}.nav-overlay{position:fixed;inset:0;background:#0310199e;z-index:30}.app-main{margin-left:0}.mobile-menu{display:grid;margin-right:12px}.app-topbar{padding:0 16px;justify-content:flex-start}.app-topbar>div:first-of-type{margin-right:auto}.user-menu>div{display:none}.page-content{padding:20px 14px}.page-title{align-items:flex-start;gap:12px}.page-title>.button,.page-title>a{padding:10px;font-size:0}.page-title>a svg{margin:0}.setup-banner{align-items:flex-start;flex-wrap:wrap}.setup-banner .button{width:100%;margin:0}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr;height:auto;min-height:600px}.inbox-list{max-height:270px;border-right:0;border-bottom:1px solid #e5ece9}.conversation-panel{min-height:420px}.message{max-width:86%}.automation-grid,.template-grid{grid-template-columns:1fr}.contact-row{grid-template-columns:36px 1fr auto}.contact-row>small{display:none}.inbox-search.small{display:none}.connection-card{padding:28px 18px}.connection-details{grid-template-columns:1fr 1fr}.page-title p{max-width:230px}.legal-grid{grid-template-columns:1fr}}@media(max-width:440px){.hero-product{width:100%;min-width:0;margin-left:0}.product-window{width:100%}.product-body{grid-template-columns:36px 105px minmax(0,1fr)}.mini-sidebar{padding-top:8px}.mini-sidebar svg{width:13px}.chat-panel .bubble{margin-left:7px;margin-right:7px}.metric-grid{grid-template-columns:1fr}.social-proof>div{grid-template-columns:1fr}.phone{transform:scale(.9)}}