:root{--primary:#6d4aff;--primary-strong:#5a36f0;--primary-soft:#efeaff;--accent:#ec4899;--gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--ink:#0f1020;--ink-2:#3b3d55;--muted:#6b6f8a;--line:#e7e8f2;--bg:#f6f7fb;--surface:#fff;--success:#0e9f6e;--success-soft:#def7ec;--warning:#b45309;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--info-soft:#e0e7ff;--radius-sm:10px;--radius:14px;--radius-lg:22px;--shadow-sm:0 1px 2px #10112d0f;--shadow:0 8px 24px -8px #10112d24, 0 2px 6px #10112d0d;--shadow-lg:0 30px 60px -20px #321e8c59;--ease:cubic-bezier(.2, .8, .2, 1);--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink)}h1{margin:0;font-size:26px;font-weight:800}h2{margin:0 0 14px;font-size:17px;font-weight:700}h3{margin:18px 0 8px;font-size:15px;font-weight:700}p{line-height:1.6}code{color:#4c1d95;background:#f1f0fb;border-radius:6px;padding:1px 6px;font-size:12px}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #a78bfa}::selection{background:#ddd6fe}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:12px}.nowrap{white-space:nowrap}.numeric{text-align:right;font-variant-numeric:tabular-nums}.gradient-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.1)}66%{transform:translate(-30px,20px)scale(.95)}}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.page-enter{animation:fade-up .45s var(--ease) both}.logo-mark .logo-dot{animation:1.4s infinite typing}.logo-mark .logo-dot:nth-child(4){animation-delay:.15s}.logo-mark .logo-dot:nth-child(5){animation-delay:.3s}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.logo-image{object-fit:cover;background:#fff;border-radius:10px}.logo-mark{filter:drop-shadow(0 6px 14px #7c3aed59);flex-shrink:0}.button{font:600 14px/1.2 var(--font-body);cursor:pointer;color:var(--ink);transition:transform .15s var(--ease), box-shadow .2s var(--ease), background .2s, border-color .2s, color .2s;white-space:nowrap;background:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--primary) 70%, transparent)}.button.primary:hover:not(:disabled){background:var(--primary-strong);box-shadow:0 12px 26px -8px color-mix(in srgb, var(--primary) 80%, transparent)}.button.gradient{background:var(--gradient);color:#fff;box-shadow:0 12px 30px -10px #8b5cf6b3}.button.secondary{border-color:var(--line);background:#fff}.button.secondary:hover:not(:disabled){background:#fbfbff;border-color:#cfd0e3}.button.ghost{color:inherit;background:0 0}.button.ghost:hover:not(:disabled){background:#ffffff14}.button.danger{background:var(--danger);color:#fff}.button.danger-outline{color:var(--danger);background:#fff;border-color:#fecaca}.button.danger-outline:hover:not(:disabled){background:var(--danger-soft)}.button.small{padding:6px 12px;font-size:12px}.button.large{padding:14px 26px;font-size:16px}.button.full{width:100%}.icon-button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:10px;padding:4px 10px;font-size:22px;line-height:1;transition:background .2s}.icon-button:hover{color:var(--ink);background:#f1f1f8}.layout{min-height:100vh;display:flex}.sidebar{color:#d4d4e8;background-color:#0b0b1a;background-image:radial-gradient(circle at 0 0,#7c3aed47,#0000 45%),radial-gradient(circle at 100% 100%,#ec489924,#0000 40%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;width:252px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar .logo{color:#fff;padding:4px 10px 24px}.sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-section{text-transform:uppercase;letter-spacing:.08em;color:#6f6f92;padding:14px 12px 6px;font-size:11px;font-weight:600}.sidebar nav a{color:#b8b8d4;transition:background .2s, color .2s, transform .2s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.sidebar nav a.active{color:#fff;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);box-shadow:0 10px 24px -10px #8b5cf6cc}.sidebar-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 6px 0;display:flex}.avatar{background:var(--gradient);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.user-info{flex:1;min-width:0}.user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-tenant{color:#8b8baa;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar .icon-button{color:#8b8baa;font-size:16px}.sidebar .icon-button:hover{color:#fff;background:#ffffff14}.content{flex:1;min-width:0;padding:32px 36px}.mobile-bar{display:none}@media (width<=900px){.layout{flex-direction:column}.sidebar{z-index:800;transition:transform .3s var(--ease);width:272px;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:none}.mobile-bar{color:#fff;z-index:700;background:#0b0b1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-bar .logo{color:#fff;font-size:16px}.mobile-bar .icon-button{color:#fff}.content{padding:20px 16px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.page-header p{flex:1;min-width:240px;margin:0}.page-subtitle{color:var(--muted);margin:4px 0 0;font-size:14px}.actions{align-items:center;gap:8px;display:flex}.actions.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fade-up .45s var(--ease) both;margin-bottom:18px;padding:22px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.card-grid .card{margin-bottom:0}.card-grid>:nth-child(2){animation-delay:40ms}.card-grid>:nth-child(3){animation-delay:80ms}.card-grid>:nth-child(4){animation-delay:.12s}.agent-card{transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;display:block;position:relative;overflow:hidden}.agent-card:before{content:"";background:var(--gradient);opacity:0;height:4px;transition:opacity .25s;position:absolute;inset:0 0 auto}.agent-card:hover{box-shadow:var(--shadow);border-color:#dcd6ff;transform:translateY(-3px)}.agent-card:hover:before{opacity:1}.agent-card h2{margin:0}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=1000px){.grid-2{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:18px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);animation:fade-up .5s var(--ease) both;box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.stat:after{content:"";background:var(--gradient);opacity:.08;border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:-30px}.stat:nth-child(2){animation-delay:50ms}.stat:nth-child(3){animation-delay:.1s}.stat:nth-child(4){animation-delay:.15s}.stat:nth-child(5){animation-delay:.2s}.stat:nth-child(6){animation-delay:.25s}.stat-label{color:var(--muted);font-size:13px;font-weight:500}.stat-value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.stat-hint{color:var(--muted);font-size:12px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:var(--ink-2);font-size:13px;font-weight:600}.field-hint{color:var(--muted);font-size:12px;line-height:1.5}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #dcdde9;border-radius:12px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:hover,select:hover,textarea:hover{border-color:#c5c6da}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent);outline:none}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--primary);padding:0}input[type=color]{height:42px;padding:4px}input:disabled,textarea:disabled,select:disabled{color:var(--muted);background:#f4f4f9}textarea.code{background:#fbfbfe;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.span-2{grid-column:span 2}@media (width<=800px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}.form-row{grid-template-columns:1fr 2fr;gap:12px;display:grid}.form-actions{justify-content:space-between;gap:8px;margin-top:8px;display:flex}.form-error{color:var(--danger);font-size:13px}.checkboxes{flex-direction:column;gap:10px;margin:4px 0 10px;font-size:14px;display:flex}.checkboxes label,.checkbox-line{cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.inline-field{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.inline-field select{width:auto}.template-options{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.template-option{border:1px solid var(--line);cursor:pointer;transition:border-color .2s, background .2s, transform .2s var(--ease);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.template-option:hover{border-color:#cfc6ff;transform:translateY(-1px)}.template-option.selected{border-color:var(--primary);background:var(--primary-soft)}.template-option>span{flex-direction:column;gap:2px;display:flex}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;font-size:12px;font-weight:600}.table td{vertical-align:top;border-bottom:1px solid #f0f0f6;padding:13px 12px}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:#fafaff}.table tbody tr:last-child td{border-bottom:none}.table th.numeric{text-align:right}.badge{color:#45475f;white-space:nowrap;background:#f1f1f7;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-pending_human,.badge-processing{background:var(--warning-soft);color:var(--warning)}.badge-human,.badge-scheduled{background:var(--info-soft);color:#4338ca}.badge-bot,.badge-active,.badge-ready,.badge-done{background:var(--success-soft);color:var(--success)}.badge-error,.badge-cancelled,.badge-no_show{background:var(--danger-soft);color:var(--danger)}.badge-inactive,.badge-closed{color:var(--muted);background:#f1f1f7}.toasts{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;max-width:420px;box-shadow:var(--shadow-lg);animation:slide-in-right .35s var(--ease) both;background:#11122a;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.toast span:first-child{border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.toast-success span:first-child{background:#10b981}.toast-error{background:#7f1d1d}.toast-error span:first-child{background:#ef4444}.toast-info span:first-child{background:#6366f1}.spinner-wrap{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:36px;font-size:14px;display:flex}.spinner{border:2.5px solid #e4e0ff;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:40px 20px;font-size:14px;display:flex}.empty strong{color:var(--ink);font-family:var(--font-display);font-size:15px}.error-box{background:var(--danger-soft);color:#991b1b;border:1px solid #fecaca;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:14px;display:flex}.notice{background:var(--warning-soft);color:#78350f;border:1px solid #fde68a;border-radius:12px;margin:8px 0;padding:10px 14px;font-size:13px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:900;background:#0b0b1a8c;justify-content:center;align-items:center;padding:16px;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:580px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);animation:pop-in .3s var(--ease) both;background:#fff;border-radius:22px;flex-direction:column;display:flex}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{margin:0}.modal-body{padding:20px 22px;overflow-y:auto}.modal-body p{margin-top:0}.modal-footer{border-top:1px solid var(--line);background:#fbfbfe;border-radius:0 0 22px 22px;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.tabs{background:#ececf6;border-radius:999px;gap:4px;max-width:100%;margin-bottom:20px;padding:4px;display:inline-flex;overflow-x:auto}.tab{font:600 14px var(--font-body);cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 16px;transition:background .2s,color .2s,box-shadow .2s}.tab:hover{color:var(--ink)}.tab.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}.auth-page{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth-aside{color:#fff;background:#0b0b1a;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth-aside .logo{color:#fff}.auth-aside h2{color:#fff;max-width:440px;margin:0 0 14px;font-size:34px;line-height:1.15}.auth-aside p{color:#b8b8d4;max-width:420px;margin:0}.auth-main{justify-content:center;align-items:center;padding:32px 20px;display:flex}.auth-card{width:100%;max-width:400px;animation:fade-up .5s var(--ease) both}.auth-card h1{margin-bottom:6px;font-size:30px}.auth-card .back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:28px;font-size:14px;display:inline-flex}.auth-card .back-link:hover{color:var(--primary)}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-aside{display:none}}.inbox{grid-template-columns:360px 1fr;gap:18px;height:calc(100vh - 64px);display:grid}@media (width<=1100px){.inbox{grid-template-columns:1fr;height:auto}}.inbox-list,.inbox-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow-sm);animation:fade-up .45s var(--ease) both;flex-direction:column;display:flex}.inbox-detail{animation-delay:50ms;overflow:hidden}.inbox-list{padding:14px}.inbox-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--line);font:600 12px var(--font-body);cursor:pointer;color:var(--ink-2);transition:all .2s var(--ease);background:#fff;border-radius:999px;padding:5px 12px}.chip:hover{border-color:#cfc6ff}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search{margin-bottom:12px}.conversation-list{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.conversation-item{transition:background .2s, border-color .2s, transform .2s var(--ease);border:1px solid #0000;border-radius:14px;padding:12px;display:block}.conversation-item:hover{background:#f8f8fd;transform:translate(2px)}.conversation-item.selected{background:var(--primary-soft);border-color:#d7cfff}.conversation-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-meta{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.conversation-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;font-size:13px;overflow:hidden}.inbox-detail .empty{flex:1;justify-content:center}.detail-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.detail-header h1{margin-bottom:4px;font-size:20px}.inbox-detail .notice{margin:12px 20px 0}.detail-body{flex:1;grid-template-columns:1fr 260px;min-height:0;display:grid}@media (width<=1300px){.detail-body{grid-template-columns:1fr}.contact-panel{border-top:1px solid var(--line);border-left:none!important}}.messages{background:linear-gradient(#fbfbff,#f6f6fc);flex-direction:column;gap:10px;min-height:220px;padding:20px;display:flex;overflow-y:auto}.message{max-width:72%;box-shadow:var(--shadow-sm);animation:pop-in .25s var(--ease) both;background:#fff;border-radius:18px;padding:10px 14px}.message-contact{border:1px solid var(--line);background:#fff;border-bottom-left-radius:6px;align-self:flex-start}.message-bot{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom-right-radius:6px;align-self:flex-end}.message-bot .message-meta{color:#ffffffbf}.message-human{color:#fff;background:#0f766e;border-bottom-right-radius:6px;align-self:flex-end}.message-human .message-meta{color:#ffffffbf}.message-system{background:var(--warning-soft);max-width:90%;box-shadow:none;color:#78350f;border:1px dashed #fcd34d;align-self:center;font-size:13px}.message-meta{color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:500}.message-text{white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.5}.contact-panel{border-left:1px solid var(--line);padding:18px;font-size:13px;overflow-y:auto}.contact-panel dl{margin:0}.contact-panel dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:12px;font-size:11px;font-weight:600}.contact-panel dd{word-break:break-word;margin:3px 0 0}.reply-box{border-top:1px solid var(--line);background:#fff;align-items:flex-end;gap:10px;padding:14px 20px;display:flex}.reply-box textarea{resize:vertical;border-radius:16px}.playground{flex-direction:column;display:flex}.playground-messages{border:1px solid var(--line);border-radius:18px;height:480px;margin-bottom:12px}.playground .reply-box{border:none;padding:0}.landing{color:var(--ink);background:#fff;overflow-x:hidden}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.landing-nav{z-index:500;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.landing-nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b1ac7;box-shadow:0 1px #ffffff0f}.landing-nav .container{justify-content:space-between;align-items:center;height:72px;display:flex}.landing-nav .logo{color:#fff}.landing-links{align-items:center;gap:28px;display:flex}.landing-links a{color:#c9c9e3;font-size:14px;font-weight:500;transition:color .2s}.landing-links a:hover{color:#fff}@media (width<=860px){.landing-links .hide-mobile{display:none}}.hero{color:#fff;background:#0b0b1a;padding:150px 0 110px;position:relative;overflow:hidden}.hero-glow{filter:blur(80px);opacity:.55;pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite blob;position:absolute}.hero-glow.one{background:#6366f1;width:520px;height:520px;top:-160px;left:-120px}.hero-glow.two{opacity:.4;background:#ec4899;width:460px;height:460px;animation-delay:-6s;bottom:-200px;right:-80px}.hero-glow.three{opacity:.35;background:#8b5cf6;width:360px;height:360px;animation-delay:-12s;top:30%;left:45%}.hero-grid-bg{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.hero .container{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid;position:relative}@media (width<=980px){.hero .container{grid-template-columns:1fr}.hero{padding:120px 0 80px}}.eyebrow{color:#ddd6fe;animation:fade-up .6s var(--ease) both;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{color:#fff;letter-spacing:-.035em;animation:fade-up .7s 80ms var(--ease) both;margin:20px 0;font-size:clamp(38px,5.6vw,64px);font-weight:800;line-height:1.04}.hero-lead{color:#c1c1dc;max-width:560px;animation:fade-up .7s .16s var(--ease) both;margin:0 0 32px;font-size:19px}.hero-actions{animation:fade-up .7s .24s var(--ease) both;flex-wrap:wrap;gap:12px;display:flex}.hero-actions .button.secondary{color:#fff;background:#ffffff14;border-color:#ffffff2e}.hero-actions .button.secondary:hover{background:#ffffff24}.hero-proof{color:#a9a9c8;animation:fade-up .7s .32s var(--ease) both;flex-wrap:wrap;gap:22px;margin-top:36px;font-size:14px;display:flex}.hero-proof span{align-items:center;gap:8px;display:inline-flex}.hero-proof svg{color:#34d399}.phone{width:100%;max-width:380px;animation:fade-up .9s .2s var(--ease) both, float 7s 1.2s ease-in-out infinite;background:linear-gradient(#1a1a33,#121226);border:1px solid #ffffff1a;border-radius:36px;margin:0 auto;padding:14px;position:relative;box-shadow:0 40px 80px -30px #6366f199,inset 0 1px #ffffff14}.phone-screen{background:#0f0f22;border-radius:26px;overflow:hidden}.phone-header{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:14px 16px;display:flex}.phone-header strong{color:#fff;font-size:14px;display:block}.phone-header small{color:#34d399;font-size:12px}.phone-chat{flex-direction:column;gap:10px;min-height:380px;padding:16px;display:flex}.bubble{opacity:0;max-width:85%;animation:pop-in .45s var(--ease) forwards;border-radius:18px;padding:10px 14px;font-size:13.5px;line-height:1.45}.bubble.in{color:#e7e7f5;background:#ffffff14;border-bottom-left-radius:6px;align-self:flex-start}.bubble.out{background:var(--gradient);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.bubble.slots{background:0 0;flex-wrap:wrap;gap:6px;padding:0;display:flex}.bubble.slots span{color:#ddd6fe;border:1px solid #a78bfa80;border-radius:999px;padding:6px 10px;font-size:12px}.typing-dots{opacity:0;background:#ffffff14;border-radius:18px;align-self:flex-start;gap:4px;padding:12px 14px;animation:.3s forwards fade-in;display:inline-flex}.typing-dots i{background:#c4b5fd;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.channels-strip{background:#0b0b1a;border-top:1px solid #ffffff0f;padding:26px 0;overflow:hidden}.marquee{gap:56px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee span{color:#8f8fb3;font-family:var(--font-display);white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.marquee span:before{content:"";background:var(--gradient);border-radius:50%;width:8px;height:8px}.section{padding:110px 0}.section.alt{background:var(--bg)}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-head .kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.section-head h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.1}.section-head p{color:var(--muted);margin:0;font-size:18px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=980px){.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.feature-grid{grid-template-columns:1fr}}.feature{border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;background:#fff;padding:28px}.feature:hover{box-shadow:var(--shadow);border-color:#dcd6ff;transform:translateY(-6px)}.feature-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);transition:transform .3s var(--ease);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.feature:hover .feature-icon{transform:rotate(-6deg)scale(1.08)}.feature h3{margin:0 0 8px;font-size:18px}.feature p{color:var(--muted);margin:0;font-size:15px}.segments{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1080px){.segments{grid-template-columns:1fr 1fr}}@media (width<=640px){.segments{grid-template-columns:1fr}}.segment{border-radius:var(--radius-lg);color:#fff;min-height:300px;transition:transform .35s var(--ease), box-shadow .35s var(--ease);flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.segment:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.segment:after{content:"";width:220px;height:220px;transition:transform .5s var(--ease);background:#ffffff1f;border-radius:50%;position:absolute;bottom:-80px;right:-80px}.segment:hover:after{transform:scale(1.3)}.segment h3{color:#fff;margin:16px 0 10px;font-size:20px}.segment ul{color:#ffffffe0;z-index:1;flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex;position:relative}.segment li{align-items:flex-start;gap:8px;display:flex}.segment li svg{flex-shrink:0;margin-top:2px}.segment-icon{background:#ffffff2e;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.segment.s1{background:linear-gradient(145deg,#4f46e5,#7c3aed)}.segment.s2{background:linear-gradient(145deg,#0891b2,#2563eb)}.segment.s3{background:linear-gradient(145deg,#059669,#0d9488)}.segment.s4{background:linear-gradient(145deg,#db2777,#9333ea)}.split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=980px){.split{grid-template-columns:1fr;gap:40px}}.split h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.12}.split p.lead{color:var(--muted);margin:0 0 24px;font-size:17px}.check-list{flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.check-list li{align-items:flex-start;gap:12px;font-size:15px;display:flex}.check-list .tick{background:var(--success-soft);width:24px;height:24px;color:var(--success);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.voice-card{color:#fff;box-shadow:var(--shadow-lg);background:#0b0b1a;border-radius:28px;padding:32px;position:relative;overflow:hidden}.voice-card:before{content:"";background:radial-gradient(circle,#8b5cf68c,#0000 60%);width:360px;height:360px;position:absolute;inset:-40% -20% auto auto}.call-status{align-items:center;gap:14px;display:flex;position:relative}.call-avatar{background:var(--gradient);border-radius:50%;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 0 0 8px #8b5cf62e,0 0 0 16px #8b5cf614}.call-status strong{font-size:16px;display:block}.call-status small{color:#34d399}.waveform{align-items:center;gap:4px;height:70px;margin:30px 0;display:flex;position:relative}.waveform i{background:linear-gradient(#a78bfa,#ec4899);border-radius:4px;flex:1;animation:1.2s ease-in-out infinite wave}@keyframes wave{0%,to{height:18%}50%{height:100%}}.transcript{flex-direction:column;gap:10px;font-size:14px;display:flex;position:relative}.transcript p{color:#d7d7ee;background:#ffffff0f;border-radius:14px;margin:0;padding:10px 14px}.transcript p b{color:#c4b5fd}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=860px){.steps{grid-template-columns:1fr}}.step{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;padding:28px;position:relative}.step:before{counter-increment:step;content:counter(step);font-family:var(--font-display);background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:44px;font-weight:800;line-height:1;display:block}.step h3{margin:0 0 8px;font-size:18px}.step p{color:var(--muted);margin:0}.pricing{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=980px){.pricing{grid-template-columns:1fr}}.price-item{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;padding:28px}.price-item h3{margin:0 0 6px;font-size:18px}.price-item p{color:var(--muted);margin:0}.price-item.highlight{color:#fff;box-shadow:var(--shadow-lg);background:#0b0b1a;border-color:#0000}.price-item.highlight h3{color:#fff}.price-item.highlight p{color:#b8b8d4}.faq{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.faq details{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px 22px;transition:box-shadow .25s,border-color .25s}.faq details[open]{box-shadow:var(--shadow);border-color:#dcd6ff}.faq summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;gap:12px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--primary);transition:transform .25s var(--ease);font-size:22px;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:12px 0 0;animation:.3s fade-in}.cta{text-align:center;color:#fff;background:#0b0b1a;border-radius:32px;padding:72px 48px;position:relative;overflow:hidden}.cta .hero-glow.one{top:-220px;left:-100px}.cta .hero-glow.two{bottom:-260px;right:-60px}.cta h2{color:#fff;letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(30px,4vw,46px);font-weight:800;position:relative}.cta p{color:#c1c1dc;max-width:580px;margin:0 auto 30px;font-size:18px;position:relative}.cta .hero-actions{justify-content:center;position:relative}.landing-footer{border-top:1px solid var(--line);color:var(--muted);padding:40px 0;font-size:14px}.landing-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}
