:root{--bg:#f4f7fb;--surface:#fff;--text:#172231;--muted:#6d7d8f;--line:#e1e8f0;--brand:#215fca;--brand2:#174da8;--brandSoft:#edf4ff;--good:#16855f;--goodSoft:#eaf8f2;--hot:#c84d25;--hotSoft:#fff1ea;--warn:#b97a1a;--warnSoft:#fff6e9;--shadow:0 18px 52px rgba(26,49,79,.07)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 6% 3%,#eaf2ff 0,transparent 24%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,select{font:inherit}.demo-topbar{height:72px;padding:0 max(24px,calc((100vw - 1220px)/2));display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#397fea,#1957bd);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(31,95,202,.22)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:10px;color:#7c8b9c;margin-top:1px}.demo-topbar nav{display:flex;gap:20px;color:#66778a;font-size:11px;font-weight:750}.demo-topbar nav a:hover{color:var(--brand)}.demo-shell{max-width:1220px;margin:auto;padding:42px 24px 70px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:24px}.eyebrow,.section-kicker{font-size:10px;font-weight:900;letter-spacing:.15em;color:#6e7f92}.hero h1{font-size:44px;line-height:1.06;letter-spacing:-.045em;margin:10px 0 14px;max-width:830px}.hero p{color:var(--muted);font-size:14px;line-height:1.65;max-width:760px;margin:0}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-proof div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 8px 28px rgba(26,49,79,.035)}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:16px}.hero-proof span{color:#8593a3;font-size:9px;margin-top:4px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.industry-picker{padding:20px;margin-bottom:18px}.section-head,.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.section-head h2,.panel-title h3{margin:4px 0 0;letter-spacing:-.025em}.section-head h2{font-size:18px}.panel-title h3{font-size:14px}.selected-pill,.live-pill{border-radius:999px;background:var(--brandSoft);color:var(--brand);font-size:8px;font-weight:900;letter-spacing:.06em;padding:6px 9px}.selected-pill.neutral{background:#eff2f6;color:#67778a}.live-pill{background:var(--goodSoft);color:var(--good)}.featured-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.industry-card{border:1px solid var(--line);background:#fbfcfe;border-radius:13px;padding:13px;text-align:left;cursor:pointer;min-height:91px;color:var(--text)}.industry-card:hover,.industry-card.active{border-color:#8eb3ea;background:#f2f7ff;box-shadow:0 6px 20px rgba(33,95,202,.06)}.industry-card strong,.industry-card span{display:block}.industry-card strong{font-size:11px}.industry-card span{color:#7d8b9c;font-size:8px;line-height:1.4;margin-top:5px}.more-row{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px;align-items:end;margin-top:12px}.more-row label{font-size:9px;font-weight:800;color:#6f7f92}.more-row select{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px;margin-top:5px;background:#fff;color:var(--text)}.primary-btn,.secondary-btn{border-radius:9px;padding:10px 13px;font-size:10px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.primary-btn{background:var(--brand);border:0;color:#fff}.primary-btn:hover{background:var(--brand2)}.secondary-btn{background:#fff;border:1px solid #d5dee8;color:#445466}.secondary-btn:hover{background:#f8fafc}.experience-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.experience-grid.lower{grid-template-columns:1.15fr .85fr;margin-top:18px}.customer-panel,.phone-panel,.intelligence-panel,.operator-preview{overflow:hidden}.panel-title{padding:17px 18px 13px;border-bottom:1px solid #edf1f5}.form-preview{padding:22px}.form-copy h2{font-size:27px;letter-spacing:-.04em;margin:0 0 7px}.form-copy p{color:#708094;font-size:11px;line-height:1.55;margin:0 0 20px}.mock-form{display:grid;gap:11px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{border:1px solid var(--line);border-radius:10px;background:#fbfcfe;padding:9px 11px}.field span,.field strong{display:block}.field span{color:#8795a5;font-size:8px;font-weight:800}.field strong{font-size:10px;margin-top:3px}.field select{width:100%;border:0;background:transparent;color:var(--text);font-size:10px;font-weight:800;outline:none;margin-top:3px}.demo-note{color:#8d9aaa;font-size:8px;text-align:center}.phone-wrap{padding:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f9fbfd,#f1f5fa);min-height:484px}.phone{width:min(310px,100%);height:442px;border-radius:31px;background:#fff;border:7px solid #182333;box-shadow:0 24px 60px rgba(20,34,50,.20);overflow:hidden;display:flex;flex-direction:column}.phone-top{display:flex;justify-content:space-between;padding:8px 15px 5px;font-size:7px;font-weight:900}.phone-contact{display:flex;gap:9px;align-items:center;padding:8px 12px;border-bottom:1px solid #edf1f5}.contact-avatar{width:30px;height:30px;border-radius:50%;background:var(--brandSoft);color:var(--brand);display:grid;place-items:center;font-weight:900;font-size:10px}.phone-contact strong,.phone-contact small{display:block}.phone-contact strong{font-size:9px}.phone-contact small{color:#8c99a8;font-size:7px;margin-top:2px}.phone-thread{flex:1;padding:13px 10px;overflow:auto;background:#fbfbfc}.bubble{max-width:82%;font-size:8px;line-height:1.45;padding:8px 9px;border-radius:12px;margin:0 0 8px;animation:pop .25s ease-out}.bubble.business{background:#e7e8ea;border-bottom-left-radius:4px}.bubble.customer{background:#2d73dc;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.bubble.system{margin:6px auto;color:#8b98a7;background:transparent;text-align:center;font-size:7px}.phone-input{margin:8px;border:1px solid #dfe5ec;border-radius:999px;padding:7px 9px;color:#a1acb8;font-size:7px;display:flex;justify-content:space-between}.phone-input span{width:16px;height:16px;border-radius:50%;background:#2d73dc;color:#fff;display:grid;place-items:center}@keyframes pop{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.intelligence-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.intelligence-grid>div,.policy-grid>div{background:#fafbfd;border:1px solid #edf1f5;border-radius:12px;padding:13px}.intelligence-grid>div>span,.policy-grid>div>span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#728296;text-transform:uppercase}.intelligence-grid ul{padding-left:17px;margin:9px 0 0}.intelligence-grid li{font-size:9px;color:#5f7083;margin:6px 0;line-height:1.4}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 18px 18px}.policy-grid p{font-size:8px;color:#69798a;line-height:1.55;margin:7px 0 0}.mini-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:16px 18px 10px}.mini-kpis>div{border:1px solid var(--line);border-radius:11px;padding:11px}.mini-kpis span,.mini-kpis strong,.mini-kpis small{display:block}.mini-kpis span{font-size:8px;color:#758497;font-weight:800}.mini-kpis strong{font-size:20px;margin-top:5px}.mini-kpis small{font-size:7px;color:#94a0ad;margin-top:2px}.mini-leads{padding:4px 18px 12px}.mini-lead{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f5}.mini-avatar{width:30px;height:30px;border-radius:9px;background:#edf3fb;color:#476586;display:grid;place-items:center;font-size:8px;font-weight:900}.mini-lead strong,.mini-lead small{display:block}.mini-lead strong{font-size:9px}.mini-lead small{font-size:7px;color:#8693a2;margin-top:2px}.status{font-size:7px;font-weight:900;border-radius:999px;padding:4px 6px}.status.hot{background:var(--hotSoft);color:var(--hot)}.status.booked{background:var(--goodSoft);color:var(--good)}.status.attention{background:var(--warnSoft);color:var(--warn)}.operator-actions{display:flex;gap:8px;padding:0 18px 18px}.how-it-works{margin-top:18px;padding:20px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.flow-grid>div{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.flow-grid>div>span{width:27px;height:27px;border-radius:9px;background:var(--brandSoft);color:var(--brand);display:grid;place-items:center;font-size:9px;font-weight:900;margin-bottom:10px}.flow-grid strong{font-size:10px}.flow-grid p{font-size:8px;color:#7b8999;line-height:1.5;margin:5px 0 0}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-proof{max-width:520px}.featured-grid{grid-template-columns:repeat(3,1fr)}.experience-grid,.experience-grid.lower{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.demo-topbar nav{display:none}.demo-shell{padding:28px 14px 50px}.hero h1{font-size:34px}.hero-proof{grid-template-columns:1fr}.featured-grid{grid-template-columns:1fr 1fr}.more-row,.two-fields,.intelligence-grid,.policy-grid,.flow-grid{grid-template-columns:1fr}.operator-actions{flex-direction:column}.section-head{align-items:flex-start}.form-preview{padding:17px}}

.demo-version{font-size:11px;color:#7f8ea0;border:1px solid #2e3b4b;border-radius:999px;padding:5px 9px}

.personalize-panel{padding:20px;margin-bottom:18px}.personalize-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.personalize-grid label{font-size:9px;font-weight:800;color:#6f7f92}.personalize-grid label.full{grid-column:1/-1}.personalize-grid input,.personalize-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--text);font:inherit}.saved-demos{display:grid;gap:8px;margin-top:14px}.saved-demo{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}.hidden{display:none!important}@media(max-width:650px){.personalize-grid{grid-template-columns:1fr}.personalize-grid label.full{grid-column:auto}.saved-demo{grid-template-columns:1fr}}
