:root{--primary: #2563eb;--accent: #10b981;--text: #111827;--muted: #6b7280;--bg: #f8fafc;--card: #ffffff;--border: #e5e7eb;--danger: #dc2626;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--radius: 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}.container{width:min(1120px,92vw);margin:0 auto}.btn{border:none;cursor:pointer;border-radius:12px;padding:10px 16px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 20px #2563eb38}.btn-primary:hover{filter:brightness(1.03)}.btn-ghost{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-accent{background:var(--accent);color:#06281f}.btn-danger{background:#fee2e2;color:#991b1b}.input,.textarea,.select{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px;background:#fff;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb2e}.textarea{min-height:110px;resize:vertical}.label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.field{margin-bottom:14px}.help{font-size:12px;color:var(--muted);margin-top:6px}.card{background:var(--card);border:1px solid rgba(229,231,235,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.page-loading{min-height:60vh;display:grid;place-items:center;color:var(--muted)}.spinner{width:42px;height:42px;border-radius:999px;border:3px solid rgba(37,99,235,.18);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcdb;border-bottom:1px solid rgba(229,231,235,.85)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#60a5fa);box-shadow:0 10px 22px #2563eb47}.brand--logo-only{gap:0}.public-brand-logo--nav{max-height:42px;max-width:min(200px,42vw);width:auto;height:auto;object-fit:contain;display:block}.public-auth-brand{margin-bottom:6px}.public-auth-brand--logo-only{text-align:center;margin-bottom:14px}.public-brand-logo--auth{max-height:72px;max-width:min(280px,100%);width:auto;height:auto;object-fit:contain;margin-left:auto;margin-right:auto;display:block}.public-auth-brand-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.nav-actions{display:flex;gap:10px;align-items:center}.hero{padding:72px 0 56px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr}}.hero h1{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.03em;margin:0 0 14px}.hero p.lead{margin:0 0 22px;color:var(--muted);font-size:17px;line-height:1.55}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-card{padding:18px}.hero-preview{border-radius:18px;padding:18px;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.14),transparent 45%),radial-gradient(circle at 80% 30%,rgba(16,185,129,.16),transparent 48%),#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.mini-widget{margin-top:12px;border-radius:16px;border:1px solid rgba(229,231,235,.95);overflow:hidden;background:#fff}.hero-card-animated{animation:heroCardFloat 5.8s ease-in-out infinite}.mini-widget-top{padding:12px 14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:700;font-size:13px}.mini-widget-body{padding:12px;display:grid;gap:8px}.pill{padding:10px 12px;border-radius:14px;font-size:12px}.pill-user{justify-self:end;background:#eff6ff;border:1px solid rgba(37,99,235,.14)}.pill-bot{justify-self:start;background:#f3f4f6;border:1px solid rgba(17,24,39,.06)}.mini-widget-animated .pill{opacity:0;transform:translateY(8px);animation:miniPillIn 5.4s ease-in-out infinite}.mini-widget-animated .pill:nth-child(1){animation-delay:.2s}.mini-widget-animated .pill:nth-child(2){animation-delay:.7s}.mini-widget-animated .pill:nth-child(3){animation-delay:1.25s}.mini-widget-animated .pill:nth-child(4){animation-delay:1.8s}.mini-widget-animated .pill:nth-child(5){animation-delay:2.35s}.pill-typing{min-width:68px;display:inline-flex;align-items:center;gap:4px}.pill-typing span{width:6px;height:6px;border-radius:999px;background:#11182766;animation:typingDot 1.1s ease-in-out infinite}.pill-typing span:nth-child(2){animation-delay:.15s}.pill-typing span:nth-child(3){animation-delay:.3s}@keyframes heroCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes miniPillIn{0%,16%{opacity:0;transform:translateY(8px)}24%,74%{opacity:1;transform:translateY(0)}to{opacity:.92;transform:translateY(0)}}@keyframes typingDot{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:.95}}.section{padding:56px 0}.section h2{margin:0 0 10px;font-size:28px;letter-spacing:-.02em}.section>.container>p.section-sub{margin:0 0 26px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 980px){.feature-grid{grid-template-columns:1fr}}.feature{padding:18px}.feature h3{margin:10px 0 8px;font-size:16px}.feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.icon-bubble{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#2563eb1a;color:var(--primary);font-weight:900}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 980px){.steps{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.steps{grid-template-columns:1fr}}.step{padding:16px}.step strong{display:inline-flex;width:28px;height:28px;border-radius:9px;align-items:center;justify-content:center;background:#10b98124;color:#065f46;font-size:13px;margin-bottom:10px}.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 980px){.pricing{grid-template-columns:1fr}}.price-card{padding:18px}.price-card.featured{border-color:#2563eb59;box-shadow:0 18px 44px #2563eb24}.faq{display:grid;gap:10px}.faq details{padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#fff}.faq summary{cursor:pointer;font-weight:650}.footer{padding:34px 0 44px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.12),transparent 42%),radial-gradient(circle at 80% 40%,rgba(16,185,129,.12),transparent 46%),var(--bg)}.auth-card{width:min(460px,100%);padding:22px}.auth-password-wrap{position:relative}.auth-password-input{padding-right:42px}.auth-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:16px;padding:4px;line-height:1}.auth-link-btn{border:none;background:transparent;color:var(--primary);font-weight:700;cursor:pointer;padding:0;margin:2px 0 12px}.otp-card,.forgot-card{margin-top:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#ffffffa8}.otp-input{text-align:center;letter-spacing:8px;font-weight:800;font-size:20px}.shell{display:grid;grid-template-columns:268px 1fr;min-height:100vh}@media (max-width: 980px){.shell{grid-template-columns:1fr}}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#fff,#fbfbff);padding:18px 14px;position:sticky;top:0;height:100vh}@media (max-width: 980px){.sidebar{position:fixed;z-index:50;width:min(86vw,300px);transform:translate(-105%);transition:transform .18s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 16px;font-weight:900}.sidebar-brand--logo-only{justify-content:flex-start}.sidebar-brand-logo-full{max-width:100%;width:auto;height:auto;max-height:56px;object-fit:contain;display:block}.nav-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;color:var(--text);font-weight:600;font-size:14px}.nav-link-label{flex:1;min-width:0}.nav-badge-requests{flex-shrink:0;margin-left:auto;min-width:22px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2;text-align:center;letter-spacing:.02em;color:#052e1f;background:linear-gradient(180deg,#6ee7b7,#34d399 38%,#10b981);box-shadow:0 1px #ffffff73 inset,0 4px 10px #10b98147}.back-link-compact{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;margin:0 0 2px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:.01em;color:var(--muted);background:#ffffffbf;border:1px solid rgba(229,231,235,.95);box-shadow:0 1px 2px #0f172a0a;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.back-link-compact:hover{color:var(--primary);border-color:#2563eb47;background:#fff;box-shadow:0 4px 14px #2563eb1a}.back-link-compact:active{transform:translateY(.5px)}.back-link-compact-icon{font-size:13px;font-weight:700;line-height:1;opacity:.75}.back-link-compact:hover .back-link-compact-icon{opacity:1}.nav-link:hover{background:#2563eb14}.nav-link.active{background:#2563eb1f;color:#1e3a8a}.shell-main{min-width:0}.topbar{position:sticky;top:0;z-index:30;background:#f8fafceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.85);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{margin:0;font-size:18px;letter-spacing:-.02em}.content{padding:18px}.mobile-toggle{display:none}@media (max-width: 980px){.mobile-toggle{display:inline-flex}}.sidebar-backdrop{display:none}@media (max-width: 980px){.sidebar-backdrop{display:block}}.dropdown{position:relative}.dropdown-panel{position:absolute;right:0;top:calc(100% + 10px);width:220px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px}.dropdown-item{width:100%;text-align:left;border:none;background:transparent;padding:10px;border-radius:10px;cursor:pointer;font-weight:650}.dropdown-item:hover{background:#2563eb14}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{padding:14px}.stat .k{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.stat .v{margin-top:8px;font-size:26px;font-weight:800;letter-spacing:-.03em}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--border);background:#fff}table.simple{width:100%;border-collapse:collapse;font-size:14px}table.simple th,table.simple td{padding:12px;border-bottom:1px solid rgba(229,231,235,.85);text-align:left;vertical-align:top}table.simple th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:750;border:1px solid var(--border);background:#fff}.badge.ok{border-color:#10b98159;background:#10b9811f;color:#065f46}.badge.bad{border-color:#dc262647;background:#fee2e2a6;color:#991b1b}.empty{padding:26px;text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:18px;z-index:200}.modal{width:min(520px,100%);padding:16px}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:300;display:grid;gap:10px}.toast{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);min-width:240px}.toast-error{border-color:#dc262659}.wizard-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.wizard-step{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:750;font-size:12px;color:var(--muted)}.wizard-step.active{border-color:#2563eb59;color:#1e3a8a;background:#2563eb14}.preview-chat{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}.preview-chat-top{padding:12px 14px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-chat-body{padding:12px;display:grid;gap:10px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row>*{flex:1;min-width:220px}.agent-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px}@media (max-width: 980px){.agent-split{grid-template-columns:1fr}}.dashboard-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}@media (max-width: 980px){.dashboard-split{grid-template-columns:1fr}}.styling-color-field{align-items:center;gap:12px}.styling-color-label{min-width:170px;margin-bottom:0;flex-shrink:0}.styling-color-controls{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.styling-color-picker{width:48px;height:42px;padding:2px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:#fff;flex-shrink:0}.styling-color-picker::-webkit-color-swatch-wrapper{padding:2px}.styling-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.styling-color-hex{flex:1;max-width:220px;min-width:120px;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,Menlo,monospace;font-size:13px}@media (max-width: 640px){.styling-color-field{flex-direction:column;align-items:stretch}.styling-color-label{min-width:0}.styling-color-hex{max-width:none}}.conversation-takeover{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(145deg,#fff,#f8fafc 55%,#f1f5f9);padding:18px 20px;box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.conversation-takeover--active{border-color:#10b9816b;background:linear-gradient(145deg,#ecfdf5,#fff 45%,#f0fdf4);box-shadow:0 12px 36px #10b98124,0 2px 8px #0f172a0a}.conversation-takeover-main{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.conversation-takeover-copy strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.conversation-takeover-copy span{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:var(--muted);font-weight:500;max-width:520px}.conversation-takeover-switch{position:relative;display:inline-block;width:52px;height:30px;flex-shrink:0;cursor:pointer}.conversation-takeover-switch input{opacity:0;width:0;height:0;position:absolute}.conversation-takeover-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:999px;transition:background .22s ease,box-shadow .22s ease;box-shadow:inset 0 1px 3px #0f172a1f}.conversation-takeover-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .22s ease;box-shadow:0 2px 8px #0f172a2e}.conversation-takeover-switch input:focus-visible+.conversation-takeover-slider{outline:2px solid var(--primary);outline-offset:3px}.conversation-takeover-switch input:checked+.conversation-takeover-slider{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:inset 0 1px 2px #ffffff59}.conversation-takeover-switch input:checked+.conversation-takeover-slider:before{transform:translate(22px)}.conversation-takeover-hint{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(229,231,235,.85);font-size:13px;line-height:1.5;color:var(--muted)}.conversation-takeover--active .conversation-takeover-hint{border-top-color:#10b98138;color:#047857;font-weight:600}.conversation-compose{border-radius:var(--radius);border:1px solid rgba(37,99,235,.14);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.conversation-compose-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:linear-gradient(180deg,#2563eb12,#2563eb05);border-bottom:1px solid rgba(229,231,235,.95);font-size:13px;color:var(--muted);line-height:1.45}.conversation-compose-kbd-hint{display:inline;font-weight:500;opacity:.88}.conversation-compose-badge{flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:8px;background:#2563eb1f;color:#1d4ed8}.conversation-compose-body{display:flex;gap:14px;align-items:flex-end;padding:16px 18px 18px}.conversation-compose-field{flex:1;min-width:0}.conversation-compose-field .textarea{min-height:104px;margin:0;border-radius:14px;padding:14px 16px;line-height:1.5;resize:vertical;border-color:#e5e7ebf2;transition:border-color .15s ease,box-shadow .15s ease}.conversation-compose-field .textarea:hover{border-color:#2563eb38}.conversation-compose-send{flex-shrink:0;min-width:138px;padding:12px 18px;border-radius:14px;font-weight:700}@media (max-width: 640px){.conversation-compose-body{flex-direction:column;align-items:stretch}.conversation-compose-send{width:100%;min-width:0}}.conversation-compose-toolbar{margin-bottom:8px}.conversation-compose-attach{padding:8px 14px;font-size:13px;border-radius:10px;font-weight:650}.conversation-compose-pending{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.conversation-compose-pending-item{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.conversation-compose-pending-item img{width:100%;height:100%;object-fit:cover;display:block}.conversation-compose-pending-rm{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:999px;background:#0f172ab8;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:0}