:root{--bg:#f4f6f8;--panel:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--brand:#0f172a;--green:#087a55;--greenSoft:#eaf8f1;--amber:#8a5a00;--amberSoft:#fff7df;--red:#b42318;--redSoft:#fff0ee;--shadow:0 18px 50px #10182814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.brand{align-items:center;gap:11px;display:flex}.brandMark{background:var(--brand);color:#fff;letter-spacing:-.04em;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand b{display:block}.brand span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.eyebrow,.sectionKicker{letter-spacing:.13em;color:var(--muted);font-size:10px;font-weight:900}.button{border:0;border-radius:11px;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;display:inline-flex}.button.primary{background:var(--brand);color:#fff}.button.ghost{background:#f2f4f7}.button.wide{width:100%}.landing{width:min(1200px,100% - 40px);margin:auto}.landingNav{justify-content:space-between;align-items:center;height:82px;display:flex}.landingHero{grid-template-columns:1.35fr .65fr;align-items:center;gap:70px;min-height:650px;display:grid}.landingHero h1,.dashboardHero h1{letter-spacing:-.06em;margin:13px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.95}.landingHero p,.dashboardHero p{color:var(--muted);max-width:760px;font-size:18px;line-height:1.6}.landingActions{gap:9px;margin-top:25px;display:flex}.landingCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;gap:8px;padding:28px;display:grid}.landingCard span{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:900}.landingCard strong{font-size:22px}.landingCard .arrow{color:#98a2b3;padding:6px 0;font-size:22px}.landingCard small{background:var(--greenSoft);color:var(--green);border-radius:10px;margin-top:10px;padding:10px;font-weight:800}.featureRow{grid-template-columns:repeat(4,1fr);gap:12px;padding:30px 0 70px;display:grid}.featureRow article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px}.featureRow article>span{color:#98a2b3;font-size:9px;font-weight:900}.featureRow h3{margin:9px 0 6px}.featureRow p{color:var(--muted);font-size:12px;line-height:1.55}.authPage{place-items:center;min-height:100vh;padding:30px;display:grid}.authCard{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:30px}.brand.center{justify-content:center}.authCard h1{letter-spacing:-.04em;text-align:center;margin:25px 0 8px;font-size:30px}.authCard>p{text-align:center;color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.5}.authCard label,.settingsCard label{color:#475467;gap:7px;margin:13px 0;font-size:11px;font-weight:800;display:grid}.authCard input,.settingsCard input,.settingsCard textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d0d5dd;border-radius:10px;outline:none;padding:11px 12px}.authCard input:focus,.settingsCard input:focus,.settingsCard textarea:focus{border-color:#98a2b3;box-shadow:0 0 0 3px #98a2b324}.textButton{color:#475467;background:0 0;border:0;width:100%;padding:14px 0 0;font-size:11px}.formMessage{color:#475467;background:#f8fafc;border-radius:10px;margin-top:12px;padding:10px;font-size:11px}.authCard.onboarding h1,.authCard.onboarding>p{text-align:left}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:40;background:#fffffff5;justify-content:space-between;align-items:center;height:74px;padding:0 30px;display:flex;position:sticky;top:0}.topActions{align-items:center;gap:9px;display:flex}.livePill{background:var(--greenSoft);color:var(--green);border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:900;display:inline-flex}.livePill i{background:currentColor;border-radius:50%;width:7px;height:7px}.dashboardShell{width:min(1520px,100% - 48px);margin:auto;padding:32px 0 64px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dashboardHero{padding:8px 3px 25px}.dashboardHero h1{max-width:850px;font-size:clamp(38px,4.2vw,62px)}.dashboardHero p{margin:0;font-size:16px}.heroSummary{gap:9px;display:flex}.heroSummary>div{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:135px;padding:14px}.heroSummary span{color:var(--muted);margin-bottom:5px;font-size:9px;display:block}.heroSummary strong{font-size:12px}.heroSummary .dark{color:#fff;background:#101828;border-color:#101828}.heroSummary .dark span{color:#98a2b3}.kpiStrip{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px 18px}.kpi span{color:var(--muted);font-size:10px;display:block}.kpi strong{letter-spacing:-.04em;margin-top:6px;font-size:28px;display:block}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px}.liveGrid{grid-template-columns:290px minmax(400px,510px) minmax(300px,1fr);align-items:stretch;gap:22px;display:grid}.leadList,.leadDetail{padding:20px}.panelHeading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px;display:flex}.panelHeading h2{letter-spacing:-.025em;margin:5px 0 0;font-size:19px}.panelHeading>b{background:#f2f4f7;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.panelHeading>span{color:var(--muted);font-size:10px}.leadListBody{gap:7px;max-height:675px;display:grid;overflow:auto}.leadListItem{text-align:left;width:100%;color:var(--ink);background:#f8fafc;border:1px solid #0000;border-radius:12px;grid-template-columns:38px 1fr;gap:9px;padding:10px;display:grid}.leadListItem.selected{background:#fff;border-color:#cdd3dc;box-shadow:0 5px 16px #1018280f}.leadInitials{background:#eef1f5;border-radius:10px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.leadListItem strong{font-size:11px;display:block}.leadListItem span{color:var(--muted);margin-top:2px;font-size:9px;display:block}.leadListItem small{color:var(--green);margin-top:5px;font-size:8px;font-weight:900;display:block}.emptyState{color:var(--muted);background:#f8fafc;border-radius:12px;padding:16px;font-size:11px;line-height:1.5}.phoneStage{flex-direction:column;align-items:center;display:flex}.phoneLabel{letter-spacing:.12em;color:var(--muted);margin-bottom:8px;font-size:9px;font-weight:900}.phone{background:#fff;border:9px solid #111827;border-radius:43px;flex-direction:column;width:min(100%,440px);height:720px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #1018282b}.notch{z-index:2;background:#111827;border-radius:0 0 17px 17px;width:120px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phoneStatus{justify-content:space-between;align-items:center;height:42px;padding:10px 18px 0;font-size:10px;font-weight:850;display:flex}.contactHeader{border-bottom:1px solid #eaecf0;align-items:center;gap:10px;height:72px;padding:8px 16px;display:flex}.avatar{color:#fff;background:#111827;border-radius:50%;place-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:grid}.contactHeader strong{font-size:12px;display:block}.contactHeader span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.messages{background:#f7f8fa;flex:1;padding:15px 12px;overflow:auto}.emptyPhone{text-align:center;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.emptyPhone>div{font-size:33px}.emptyPhone strong{color:var(--ink);margin:10px 0 5px}.emptyPhone span{font-size:10px}.messageRow{margin:8px 0;display:flex}.messageRow.customer{justify-content:flex-end}.messageRow.agent{justify-content:flex-start}.bubble{border-radius:16px;max-width:290px;padding:10px 12px;font-size:12px;line-height:1.42}.agent .bubble{background:#fff;border:1px solid #e4e7ec;border-bottom-left-radius:5px}.customer .bubble{color:#fff;background:#111827;border-bottom-right-radius:5px}.messageTime{color:#98a2b3;margin-top:3px;font-size:8px}.customer .messageTime{text-align:right}.composer{border-top:1px solid #eaecf0;grid-template-columns:1fr 38px;gap:7px;height:58px;padding:8px 10px;display:grid}.composer input{border:1px solid #d0d5dd;border-radius:999px;padding:0 13px}.composer button{color:#fff;background:#111827;border:0;border-radius:50%}.disabledComposer{opacity:.55}.badge{border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900}.badge.live{background:var(--greenSoft);color:var(--green)}.badge.human{background:var(--amberSoft);color:var(--amber)}.badge.danger{background:var(--redSoft);color:var(--red)}.leadIdentity{border:1px solid var(--line);border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.leadIdentity strong{font-size:12px;display:block}.leadIdentity span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.detailGrid{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.detailField{background:#f8fafc;border-radius:11px;min-height:63px;padding:10px}.detailField.full{grid-column:1/-1}.detailField span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:8px;display:block}.detailField strong{margin-top:6px;font-size:11px;line-height:1.35;display:block}.mutedField{opacity:.48}.staffAlert{border:1px solid var(--line);background:#f8fafc;border-radius:12px;gap:10px;padding:12px;display:flex}.staffAlert.triggered{background:var(--greenSoft);border-color:#b7e5ce}.staffAlert.human{background:var(--amberSoft);border-color:#f3d77c}.staffAlert.danger{background:var(--redSoft);border-color:#fecdca}.staffAlert strong{font-size:10px;display:block}.staffAlert small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4;display:block}.comparison{grid-template-columns:1fr 50px 1fr;align-items:center;gap:10px;margin-top:22px;padding:19px;display:grid}.compareFlow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.compareFlow b{border-radius:9px;padding:8px 10px;font-size:10px}.compareFlow i{color:#98a2b3;font-style:normal}.compareFlow.bad b{background:var(--redSoft);color:var(--red)}.compareFlow.good b{background:var(--greenSoft);color:var(--green)}.vs{text-align:center;color:#98a2b3;font-size:9px}.pipelinePanel{margin-top:22px;padding:20px}.pipeline{grid-template-columns:repeat(5,minmax(175px,1fr));gap:9px;display:grid;overflow-x:auto}.pipelineCol{background:#f8fafc;border:1px solid #eaecf0;border-radius:13px;min-width:175px;overflow:hidden}.pipelineCol.appointment_booked{background:#f5fbf8}.pipelineCol.human_follow_up{background:#fffaf0}.pipelineTitle{color:#475467;border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:10px;font-size:9px;font-weight:900;display:flex}.pipelineTitle b{background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.pipelineBody{align-content:start;gap:6px;min-height:110px;padding:7px;display:grid}.pipelineCard{text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:9px;padding:8px}.pipelineCard strong{font-size:10px;display:block}.pipelineCard span,.pipelineCard small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.settingsShell{width:min(1100px,100% - 40px);margin:auto;padding:40px 0 80px}.settingsTop{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.settingsTop h1{letter-spacing:-.05em;margin:8px 0 0;font-size:42px}.settingsGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settingsCard{padding:22px}.settingsCard h2{margin:0 0 14px;font-size:18px}.settingsHelp{color:var(--muted);font-size:11px;line-height:1.5}.connectionState{background:#f8fafc;border-radius:11px;align-items:center;gap:10px;margin:12px 0;padding:12px;display:flex}.connectionState.connected{background:var(--greenSoft)}.connectionState>span{font-weight:900}.connectionState strong{font-size:11px;display:block}.connectionState small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.phoneNumberBox{letter-spacing:-.03em;background:#f8fafc;border-radius:12px;margin:8px 0 12px;padding:15px;font-size:20px;font-weight:900}.settingsCard code{color:#e5e7eb;background:#101828;border-radius:10px;padding:11px;font-size:9px;display:block;overflow:auto}.saveBar{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:12px;padding:12px;display:flex;position:sticky;bottom:14px}.saveBar span{color:var(--muted);font-size:10px}@media (max-width:1100px){.liveGrid{grid-template-columns:280px 1fr}.leadDetail{grid-column:1/-1}.hero{flex-direction:column;align-items:flex-start}.heroSummary{width:100%;overflow:auto}.landingHero{grid-template-columns:1fr}.featureRow{grid-template-columns:1fr 1fr}}@media (max-width:760px){.topbar{padding:0 14px}.topActions .livePill{display:none}.dashboardShell,.landing,.settingsShell{width:calc(100% - 22px)}.liveGrid{grid-template-columns:1fr}.phone{height:690px}.kpiStrip{grid-template-columns:1fr 1fr}.heroSummary{grid-template-columns:1fr 1fr;display:grid}.heroSummary .dark{grid-column:1/-1}.comparison{grid-template-columns:1fr}.vs{padding:5px}.settingsGrid{grid-template-columns:1fr}.settingsTop{align-items:flex-start;gap:12px}.featureRow{grid-template-columns:1fr}.landingHero{padding:40px 0}.landingHero h1{font-size:48px}}