:root{--navy:#151a35;--ink:#24263d;--muted:#777d93;--violet:#6350d9;--purple:#765cf2;--lav:#f0edff;--bg:#f8f9fc;--line:#e9eaf1;--green:#18a978;--shadow:0 18px 60px rgba(26,27,65,.07);--radius:22px;--font:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope',var(--font);letter-spacing:-.045em;line-height:1.18}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{outline:0}::selection{background:#e1d9ff}svg{flex-shrink:0}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.icon.sm{width:16px;height:16px}.icon.lg{width:24px;height:24px}.icon.xl{width:30px;height:30px}.wrap{max-width:1180px;margin:0 auto;padding:0 30px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;border-radius:12px;font-weight:750;line-height:1.1;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--violet);color:white;box-shadow:0 7px 20px rgba(99,80,217,.17)}.btn.primary:hover{background:#5240c9}.btn.dark{background:var(--navy);color:white}.btn.white{background:white;color:var(--navy);border:1px solid var(--line)}.btn.light{background:#f4f2ff;color:var(--violet)}.btn.ghost{background:transparent;color:var(--ink)}.btn.tiny{padding:9px 12px;border-radius:9px;font-size:12px}.btn.big{padding:16px 23px;border-radius:13px}.btn.full{width:100%}.muted{color:var(--muted)}.tiny-text{font-size:12px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #e9e7fa;padding:7px 11px;border-radius:30px;color:#5e51b7;font-size:12px;font-weight:750;background:#f3f1ff}.dot{width:7px;height:7px;background:var(--green);display:inline-block;border-radius:100%}.site-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:10px;font-family:'Manrope',var(--font);font-weight:850;font-size:22px;letter-spacing:-.06em;color:var(--navy)}.logo-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--violet);border-radius:12px;color:white;box-shadow:0 8px 17px rgba(99,80,217,.17)}.logo-mark svg{width:26px;height:26px}.nav-links{display:flex;align-items:center;gap:35px;font-weight:650;font-size:13px;color:#5d6278}.nav-links a:hover{color:var(--violet)}.nav-actions{display:flex;align-items:center;gap:12px}.mobile-toggle{display:none}.hero{padding:67px 0 102px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:650px;height:650px;border-radius:50%;right:-210px;top:10px;background:radial-gradient(circle,#e4defe 0,rgba(228,222,254,0) 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:51% 49%;gap:10px;align-items:center;position:relative}.hero h1{font-size:clamp(48px,5.7vw,75px);letter-spacing:-.067em;margin:22px 0;color:var(--navy);font-weight:850}.hero h1 .accent{color:var(--violet)}.hero-text{font-size:17px;line-height:1.8;max-width:505px;color:#71768b}.hero-ctas{display:flex;gap:13px;margin-top:29px}.hero-notes{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;font-size:12px;color:#777d92;font-weight:600}.hero-notes span{display:flex;align-items:center;gap:5px}.hero-notes svg{color:#199e70}.hero-art{position:relative;padding:20px 6px 14px 36px;min-height:540px;display:flex;justify-content:center;align-items:center}.hero-art:before{content:'';width:390px;height:390px;position:absolute;border:1px solid #e2ddfc;border-radius:50%;transform:translate(30px,10px)}.hero-art:after{content:'';width:480px;height:480px;position:absolute;border:1px dashed #e8e3ff;border-radius:50%;transform:translate(30px,10px)}.chat-mock{position:relative;z-index:1;background:#fff;border:1px solid #e9e9f0;box-shadow:0 35px 80px rgba(44,36,120,.14);border-radius:24px;width:390px;overflow:hidden;transform:rotate(-3deg)}.mock-head{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.avatar{width:39px;height:39px;border-radius:13px;background:#fce5d6;color:#a95d2f;display:grid;place-items:center;font-weight:850;letter-spacing:-.04em}.mock-info{flex:1}.mock-info strong{display:block;font-size:13px}.mock-info small{display:block;color:#8b90a2;font-size:10px}.mock-body{padding:22px 17px 16px;background:linear-gradient(180deg,#fff,#fcfbff);min-height:334px;display:flex;flex-direction:column;gap:14px}.bubble{padding:11px 13px;border-radius:14px;font-size:12px;line-height:1.6;max-width:85%}.bubble.them{background:#f1efff;color:#3c335f;align-self:flex-end;border-bottom-right-radius:4px}.bubble.us{background:#f4f5f8;align-self:flex-start;border-bottom-left-radius:4px}.product-mini{display:flex;gap:10px;padding:8px;background:white;border:1px solid #ececf1;border-radius:12px;margin-top:6px}.product-pic{width:60px;height:63px;border-radius:8px;background:linear-gradient(145deg,#eee2d6,#cfbdaf);display:flex;align-items:center;justify-content:center;color:#95755f}.product-pic svg{width:29px;height:29px}.product-mini strong{display:block;font-size:11px}.product-mini span{display:block;color:var(--violet);font-size:12px;font-weight:750}.product-mini small{font-size:10px;color:#8990a0}.mock-foot{padding:12px 15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#9da0b0;font-size:11px}.mock-input{background:#f5f6fa;border-radius:30px;padding:10px 12px;flex:1;margin-right:10px}.float-card{position:absolute;z-index:2;background:#fff;border:1px solid #ededf2;padding:12px 15px;display:flex;gap:11px;align-items:center;border-radius:14px;box-shadow:0 15px 40px rgba(39,28,99,.11);font-size:12px}.float-card strong{display:block;font-size:12px}.float-card small{color:var(--muted);display:block;font-size:11px}.float-card.one{left:1px;top:112px;transform:rotate(-5deg)}.float-card.two{right:-9px;bottom:78px;transform:rotate(4deg)}.float-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e2faed;color:#178b61}.float-icon.purple{background:#eeebff;color:#775ee0}.section{padding:105px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 46px}.section-head h2{font-size:clamp(34px,4vw,48px);margin:15px 0;color:var(--navy)}.section-head p{color:var(--muted);font-size:16px}.kicker{font-weight:850;color:var(--violet);font-size:12px;letter-spacing:.11em;text-transform:uppercase}.white-section{background:white}.steps-grid,.features-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);border-radius:22px;padding:29px;background:#fff;min-height:241px;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{height:50px;width:50px;border-radius:15px;display:grid;place-items:center;background:#eeeaff;color:var(--violet);margin-bottom:22px}.feature-card h3{font-size:18px;color:var(--navy);margin-bottom:11px}.feature-card p{font-size:13px;line-height:1.75;color:var(--muted)}.step-num{font-size:12px;color:#9c93d9;font-weight:850;margin-bottom:15px}.feature-card.step{background:#fafaff}.benefit-banner{margin:0 auto;background:#1e203e;max-width:1180px;border-radius:29px;display:flex;justify-content:space-between;align-items:center;padding:43px 52px;gap:25px;overflow:hidden;position:relative}.benefit-banner:before{content:'';position:absolute;width:300px;height:300px;background:#494391;border-radius:50%;filter:blur(90px);right:20%;top:-100px;opacity:.65}.benefit-banner h2{color:white;font-size:34px;position:relative}.benefit-banner p{color:#b9bed1;margin-top:11px;position:relative}.pricing-card{background:#fff;border:1px solid var(--line);padding:29px;border-radius:22px;position:relative}.pricing-card.featured{border:2px solid var(--violet);box-shadow:0 13px 35px rgba(99,80,217,.1)}.pricing-card .tag{position:absolute;right:20px;top:-14px;background:var(--violet);padding:5px 13px;border-radius:30px;color:white;font-size:10px;font-weight:800}.pricing-card h3{font-size:18px}.price{font:850 39px 'Manrope',sans-serif;letter-spacing:-.06em;color:var(--navy);margin:18px 0 7px}.price small{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}.pricing-card .features{display:flex;flex-direction:column;gap:13px;padding:23px 0 29px;margin-top:18px;border-top:1px solid var(--line);font-size:13px}.pricing-card .features div{display:flex;gap:9px;align-items:center}.pricing-card .features .icon{color:var(--green)}.site-footer{padding:38px 0;border-top:1px solid var(--line);background:#fff}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:25px;color:var(--muted);font-size:12px}.footer-copy{font-size:12px;color:var(--muted)}
/* Workspace */
.workspace{display:flex;min-height:100vh;background:#fafbfe}.sidebar{width:247px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 17px 20px;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar .logo{margin:2px 10px 41px}.sidebar-label{padding:12px 15px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a7aabb;font-weight:800}.side-link{border:0;background:transparent;color:#858ba0;display:flex;gap:14px;align-items:center;width:100%;padding:12px 15px;border-radius:11px;text-align:left;font-size:13px;font-weight:700;margin:2px 0}.side-link:hover,.side-link.active{background:#f0edff;color:#6651d7}.side-link svg{width:19px;height:19px}.sidebar-bottom{margin-top:auto}.owner-mini{padding:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;margin-top:12px}.owner-circle{height:36px;width:36px;border-radius:12px;display:grid;place-items:center;color:#4c3ba9;background:#e9e4ff;font-weight:800}.owner-mini strong{font-size:12px;display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-mini small{display:block;color:var(--muted);font-size:10px}.main-area{flex:1;min-width:0}.dashboard-header{border-bottom:1px solid var(--line);background:white;padding:17px 35px;display:flex;justify-content:space-between;align-items:center;gap:15px}.dashboard-header strong{font-size:14px;color:var(--navy)}.dashboard-header .right{display:flex;align-items:center;gap:13px}.trial-pill,.status-pill{background:#edfbf5;color:#16885f;border-radius:40px;font-size:11px;font-weight:850;display:inline-flex;align-items:center;gap:6px;padding:7px 10px}.trial-pill{background:#f3f1ff;color:#6e59d2}.dash-content{max-width:1350px;padding:34px 36px 70px;margin:auto}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:17px;margin-bottom:28px}.dash-title h1{font-size:29px;color:var(--navy);margin-bottom:8px}.dash-title p{color:var(--muted);font-size:13px}.dash-buttons{display:flex;gap:9px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:21px}.metric-card{padding:23px;background:white;border:1px solid var(--line);border-radius:16px;min-height:143px}.metric-label{display:flex;justify-content:space-between;align-items:center;gap:4px;color:var(--muted);font-size:12px;font-weight:700}.metric-label .icon{color:#8e91aa}.metric-value{font:800 30px 'Manrope',sans-serif;letter-spacing:-.06em;margin-top:18px;color:var(--navy)}.metric-trend{font-size:11px;color:#35a779;font-weight:800;margin-top:2px}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:19px}.panel{background:white;border:1px solid var(--line);border-radius:19px;padding:24px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:21px}.panel-head h3{font-size:16px;color:var(--navy)}.panel-head p{font-size:12px;color:var(--muted);margin-top:5px}.panel-head a,.panel-head button{color:var(--violet);font-weight:800;font-size:12px;background:none;border:0}.conversation-row{padding:16px 0;display:flex;gap:12px;align-items:center;border-top:1px solid #f0f1f5}.conversation-row:first-of-type{border-top:0}.round-icon{height:41px;width:41px;display:grid;place-items:center;border-radius:12px;background:#f0edff;color:#765bdf;flex-shrink:0}.conversation-row .body{flex:1;min-width:0}.conversation-row strong{font-size:12px;color:var(--navy);display:block}.conversation-row small{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);margin-top:2px}.conversation-row time{font-size:10px;color:#a1a4b2;white-space:nowrap}.setup-preview{border-radius:16px;background:linear-gradient(150deg,#f5f2ff,#faf9ff);padding:23px;position:relative;overflow:hidden}.setup-preview:after{content:'✦';font-size:90px;position:absolute;color:#e0dafd;right:8px;top:-28px}.setup-preview h3{font-size:21px;max-width:210px;color:#2d2758}.setup-preview p{font-size:12px;max-width:245px;color:#8479ba;margin:12px 0 20px}.completion{margin-top:23px}.completion-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.progress-track{height:7px;background:#eeebf8;border-radius:8px;margin-top:10px;overflow:hidden}.progress-fill{background:var(--violet);height:100%;border-radius:8px}.agent-link{border:1px dashed #d7d1fb;background:#fbfaff;padding:14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.agent-link code{font-size:11px;color:#6053a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{text-align:center;padding:39px 20px;color:var(--muted)}.empty-icon{width:62px;height:62px;background:#f2f0ff;color:var(--violet);display:grid;place-items:center;border-radius:18px;margin:0 auto 15px}.empty h3{color:var(--navy);margin-bottom:6px}.empty p{font-size:12px;margin-bottom:16px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.field{margin-bottom:17px}.field label{display:block;font-size:12px;color:#41455b;font-weight:800;margin-bottom:8px}.field label .req{color:#d76075}.field input,.field textarea,.field select{border:1px solid #e5e6ee;border-radius:11px;background:#fff;width:100%;padding:12px 13px;color:#23263e;font-size:13px;transition:border .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a79aef;box-shadow:0 0 0 3px #eeeaff}.field textarea{resize:vertical;min-height:95px}.field small{display:block;color:#9b9eae;font-size:10px;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-swatches{display:flex;gap:12px;margin:10px 0 0;flex-wrap:wrap}.swatch{width:33px;height:33px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #e9e9ef;transition:box-shadow .15s}.swatch.selected{box-shadow:0 0 0 2px var(--violet)}.product-line{border:1px solid var(--line);border-radius:12px;display:flex;gap:11px;align-items:center;padding:12px;margin:11px 0}.product-line>div{flex:1;min-width:0}.product-line strong{font-size:12px;display:block}.product-line small{font-size:11px;color:var(--muted)}.btn-icon{display:grid;place-items:center;height:34px;width:34px;border-radius:9px;border:1px solid var(--line);background:white;color:#8d90a1}.btn-icon:hover{color:#d04967}.notice{padding:13px 15px;border-radius:12px;background:#fff8e7;color:#8c6324;font-size:12px;line-height:1.6;margin-bottom:18px}.notice.purple{background:#f3f0ff;color:#6555a5}.stats-graph{height:190px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #e9eaf0;padding:0 8px 0 4px;margin-top:12px}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.bar{width:100%;max-width:45px;background:#d7d0ff;border-radius:8px 8px 0 0}.bar.active{background:var(--violet)}.inbox-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:19px;overflow:hidden;background:white;min-height:510px}.inbox-left{border-right:1px solid var(--line)}.inbox-list-item{width:100%;padding:16px;border:0;background:white;display:flex;align-items:center;gap:10px;text-align:left;border-bottom:1px solid #f3f3f7}.inbox-list-item.selected{background:#f4f2ff}.chat-window{display:flex;flex-direction:column;min-height:510px}.chat-window .chat-messages{flex:1;padding:22px;display:flex;flex-direction:column;gap:12px;background:#fcfcff}.chat-top{padding:15px 22px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.chat-bottom{display:flex;gap:9px;padding:13px 17px;border-top:1px solid var(--line)}.chat-bottom input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:11px;min-width:0}.chat-msg{padding:11px 14px;font-size:12px;max-width:78%;border-radius:14px}.chat-msg.customer{background:#f1efff;align-self:flex-start;border-bottom-left-radius:4px}.chat-msg.ai{background:#f0f2f6;align-self:flex-end;border-bottom-right-radius:4px}.chat-msg .meta{font-size:9px;color:#989aaf;margin-top:5px}.list-card{border:1px solid var(--line);border-radius:15px;padding:17px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.list-card strong{font-size:13px;display:block}.list-card small{font-size:11px;color:var(--muted)}
/* Onboarding */
.onboard{min-height:100vh;background:#fafbff;display:grid;grid-template-columns:39% 61%}.onboard-side{background:#1e203e;padding:42px 50px;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.onboard-side .logo{color:white}.onboard-side .logo-mark{background:#7864ec}.onboard-side:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #595176;border-radius:100%;left:-180px;bottom:-215px;box-shadow:0 0 0 75px rgba(106,85,204,.12),0 0 0 170px rgba(106,85,204,.07)}.onboard-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 25px}.onboard-form{width:min(100%,545px)}.onboard-form h1{font-size:37px;color:var(--navy);margin:22px 0 9px}.onboard-form>p{color:var(--muted);font-size:14px;margin-bottom:28px}.step-indicators{display:flex;gap:7px}.step-indicators div{height:5px;flex:1;border-radius:10px;background:#e7e8f1}.step-indicators .complete{background:var(--violet)}.onboard-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.onboard-message{margin:auto 0;position:relative;z-index:1}.onboard-message h2{font-size:48px;margin-bottom:21px}.onboard-message p{max-width:340px;color:#b8bad1;font-size:15px;line-height:1.75}.onboard-bottom{font-size:12px;color:#9ca0ba;z-index:1}
/* Public chat */
.public-chat-shell{min-height:100vh;background:linear-gradient(145deg,#ecebf8,#f9fafc 60%,#f2f3fa);display:flex;align-items:center;justify-content:center;padding:22px}.public-chat{width:min(100%,550px);height:min(820px,calc(100vh - 44px));min-height:510px;background:white;border:1px solid #e9e9f0;border-radius:25px;display:flex;flex-direction:column;box-shadow:0 30px 100px rgba(33,36,78,.12);overflow:hidden}.public-chat-header{padding:20px 22px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.public-chat-header .avatar{height:45px;width:45px}.public-chat-header strong{font-size:14px;display:block}.public-chat-header small{font-size:11px;color:var(--muted)}.public-chat-header .right{margin-left:auto}.public-chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:27px 23px}.public-chat-body .welcome{text-align:center;margin:8px 0 14px}.public-chat-body .welcome h2{font-size:21px;color:var(--navy);margin:11px 0 7px}.public-chat-body .welcome p{font-size:12px;color:var(--muted);line-height:1.65}.chat-timestamp{text-align:center;color:#adb0bd;font-size:10px;margin:2px}.public-bubble{font-size:13px;line-height:1.6;border-radius:17px;padding:13px 15px;max-width:88%;white-space:pre-wrap;overflow-wrap:anywhere}.public-bubble.agent{align-self:flex-start;background:#f1f1f7;border-bottom-left-radius:5px}.public-bubble.visitor{align-self:flex-end;background:var(--public-accent,#6551df);color:white;border-bottom-right-radius:5px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;max-width:100%;margin-top:2px}.suggestions button{background:white;border:1px solid #e2dff1;border-radius:50px;color:#6551b5;font-weight:700;font-size:11px;padding:8px 11px}.public-chat-input{border-top:1px solid var(--line);padding:12px 16px;display:flex;gap:9px;align-items:center}.public-chat-input input{min-width:0;flex:1;border:0;background:#f5f6f9;border-radius:13px;padding:13px 14px;font-size:13px}.public-chat-input .send{height:42px;width:43px;background:var(--public-accent,#6551df);border-radius:12px;display:grid;place-items:center;color:white;border:0}.powered{font-size:10px;color:#9da0ac;text-align:center;padding:0 0 10px}.powered a{font-weight:850;color:#6a55d6}.demo-flag{font-size:10px;background:#fff6e1;color:#906923;padding:5px 9px;border-radius:30px;font-weight:750}
/* Dialogs & responsiveness */
.modal-backdrop{position:fixed;inset:0;background:rgba(21,24,51,.48);z-index:30;display:flex;align-items:center;justify-content:center;padding:15px;backdrop-filter:blur(3px)}.modal{width:min(100%,460px);border-radius:21px;background:white;padding:26px;box-shadow:0 20px 75px rgba(10,10,45,.17)}.modal h2{font-size:22px;margin-bottom:8px;color:var(--navy)}.modal p{font-size:13px;color:var(--muted);margin-bottom:21px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.mobile-top{display:none}.mobile-side-close{display:none}#toast{position:fixed;z-index:99;right:20px;bottom:20px;background:#201d42;color:#fff;border-radius:12px;padding:12px 16px;max-width:340px;box-shadow:0 12px 30px #1f1a4435;font-weight:650;font-size:12px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s}#toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.hero h1{font-size:57px}.float-card.two{right:-18px}.dashboard-header{padding:16px 22px}.dash-content{padding:27px 22px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{padding-left:0}.onboard-side{padding:36px 30px}.sidebar{width:221px}}
@media(max-width:770px){.wrap{padding:0 19px}.site-nav{height:73px}.nav-links{display:none}.site-nav .nav-actions .btn.ghost{display:none}.site-nav .nav-actions .btn{font-size:12px;padding:11px 14px}.logo{font-size:20px}.hero{padding:43px 0 60px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(43px,9vw,60px);max-width:600px}.hero-text{font-size:15px}.hero-art{min-height:490px;padding:0 15px}.chat-mock{width:min(90%,375px)}.float-card.one{left:0}.float-card.two{right:0}.section{padding:72px 0}.section-head h2{font-size:34px}.steps-grid,.features-grid,.pricing-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.benefit-banner{margin:0 19px;padding:29px;flex-direction:column;text-align:center}.benefit-banner h2{font-size:27px}.footer-row{flex-direction:column;align-items:flex-start}.workspace{display:block}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:25;transform:translateX(-110%);transition:transform .2s;box-shadow:10px 0 50px #18203d17}.sidebar.open{transform:translateX(0)}.mobile-side-close{display:flex;position:absolute;right:17px;top:29px;border:0;background:none}.mobile-top{display:flex;align-items:center;gap:14px;padding:13px 17px;background:white;border-bottom:1px solid var(--line)}.mobile-top button{border:0;background:#f3f2fc;height:37px;width:37px;border-radius:10px}.mobile-top .logo{font-size:18px}.mobile-top .logo-mark{height:32px;width:32px}.dashboard-header{display:none}.dash-content{padding:23px 16px}.dash-title{align-items:flex-start;flex-direction:column}.dash-grid,.two-col{grid-template-columns:1fr}.onboard{grid-template-columns:1fr}.onboard-side{display:none}.onboard-main{min-height:100vh}.inbox-layout{grid-template-columns:1fr}.inbox-left{display:none}.public-chat-shell{padding:0}.public-chat{width:100%;height:100dvh;min-height:100dvh;border-radius:0;border:0}.public-chat-body{padding:22px 17px}.modal{padding:21px}}
@media(max-width:480px){.hero h1{font-size:44px}.hero-ctas{flex-direction:column;align-items:flex-start}.hero-ctas .btn{width:100%}.hero-art{min-height:450px}.float-card.one{top:55px;left:-2px}.float-card.two{bottom:28px}.mock-body{min-height:316px}.metrics-grid{gap:10px}.metric-card{padding:17px;min-height:125px}.metric-value{font-size:25px}.dash-title h1{font-size:26px}.dash-buttons{width:100%}.dash-buttons .btn{flex:1;padding:10px}.form-row{grid-template-columns:1fr}.panel{padding:17px}.onboard-form h1{font-size:30px}.onboard-main{padding:25px 18px}.footer-links{flex-wrap:wrap}.public-chat-body .welcome{margin-top:0}}