:root{--amber:#F5A623;--amber-hover:#E09610;--amber-light:#FEF3C7;--sidebar-bg:#141420;--bg:#F3F4F8;--card-bg:#FFFFFF;--text-dark:#0F172A;--text-medium:#475569;--text-light:#94A3B8;--border:#E2E8F0;--green:#22C55E;--green-bg:#DCFCE7;--purple-bg:#EDE9FE;--blue-bg:#DBEAFE;--amber-icon:#F59E0B;--teal-icon:#14B8A6;--teal-bg:#CCFBF1;--radius-sm:8px;--font:var(--font-jakarta,"Plus Jakarta Sans"),"Plus Jakarta Sans",-apple-system,sans-serif;--accent-2:#F4775C;--accent-2-soft:color-mix(in srgb,var(--accent-2) 14%,#fff);--page-bg:#F6F4EF;--glow-1:rgba(245,166,35,0.20);--glow-2:rgba(244,119,92,0.16);--ink-soft:rgba(15,23,42,0.05);--sh-card:0 1px 2px rgba(15,23,42,0.04),0 10px 30px -14px rgba(15,23,42,0.18);--sh-card-hover:0 2px 4px rgba(15,23,42,0.05),0 22px 48px -20px rgba(15,23,42,0.28);--sh-chat:0 1px 2px rgba(15,23,42,0.05),0 40px 90px -30px rgba(15,23,42,0.32),0 14px 30px -16px rgba(245,166,35,0.16);--sh-float:0 8px 24px -12px rgba(15,23,42,0.22)}.demo-body[data-depth="1"]{--sh-card:0 1px 2px rgba(15,23,42,0.04),0 4px 14px -10px rgba(15,23,42,0.14);--sh-card-hover:0 1px 3px rgba(15,23,42,0.05),0 12px 28px -16px rgba(15,23,42,0.20);--sh-chat:0 1px 2px rgba(15,23,42,0.04),0 18px 50px -24px rgba(15,23,42,0.22);--sh-float:0 4px 14px -10px rgba(15,23,42,0.16)}.demo-body[data-depth="3"]{--sh-card:0 1px 2px rgba(15,23,42,0.05),0 18px 44px -18px rgba(15,23,42,0.28);--sh-card-hover:0 3px 6px rgba(15,23,42,0.07),0 34px 70px -24px rgba(15,23,42,0.40);--sh-chat:0 2px 4px rgba(15,23,42,0.06),0 60px 120px -34px rgba(15,23,42,0.45),0 20px 44px -18px rgba(245,166,35,0.24);--sh-float:0 14px 38px -14px rgba(15,23,42,0.30)}.demo-body[data-dir=calido]{--page-bg:#F7F4EE;--glow-1:rgba(245,166,35,0.22);--glow-2:rgba(244,119,92,0.16);--accent-2:#F4775C;--accent-2-soft:color-mix(in srgb,#F4775C 14%,#fff)}.demo-body[data-dir=glass]{--page-bg:#EBEDF3;--glow-1:rgba(245,166,35,0.20);--glow-2:rgba(99,102,241,0.16);--accent-2:#6366F1;--accent-2-soft:color-mix(in srgb,#6366F1 14%,#fff)}.demo-body[data-dir=fresco]{--page-bg:#EEF4F3;--glow-1:rgba(245,166,35,0.16);--glow-2:rgba(20,184,166,0.18);--accent-2:#14B8A6;--accent-2-soft:color-mix(in srgb,#14B8A6 14%,#fff)}.demo-body{background:var(--page-bg);min-height:100vh;font-family:var(--font-jakarta),"Plus Jakarta Sans",-apple-system,sans-serif;color:var(--text-dark);line-height:1.5;font-feature-settings:normal;position:relative;overflow-x:hidden}.demo-body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(720px 520px at 8% -6%,var(--glow-1),transparent 60%),radial-gradient(680px 520px at 102% 4%,var(--glow-2),transparent 58%),radial-gradient(900px 700px at 60% 118%,var(--glow-1),transparent 62%);opacity:1;transition:opacity .4s ease}.demo-body[data-bg=plano]:before{opacity:0}.demo-body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light;transition:opacity .4s ease}.demo-body[data-bg=grano]:after{opacity:.5}.demo-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.72);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid rgba(226,232,240,.7)}.demo-nav-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:14px 32px}.demo-logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--text-dark);padding:4px 8px;margin:-4px -8px;border-radius:10px;transition:background .15s,transform .15s}.demo-logo:hover{background:rgba(15,23,42,.04)}.demo-logo:active{transform:scale(.98)}.demo-nav-links{display:flex;align-items:center;gap:4px;margin-left:12px}.demo-nav-links a{font-size:13px;font-weight:600;color:var(--text-medium);text-decoration:none;padding:7px 12px;border-radius:8px;transition:color .15s,background .15s}.demo-nav-links a:hover{color:var(--text-dark);background:rgba(15,23,42,.04)}.demo-nav-cta{margin-left:auto;display:flex;align-items:center;gap:8px}.demo-nav-cta .ghost{font-size:13px;font-weight:600;color:var(--text-dark);text-decoration:none;padding:8px 14px;border-radius:8px}.demo-nav-cta .ghost:hover{background:rgba(15,23,42,.04)}.demo-hero{max-width:1240px;margin:0 auto;padding:72px 32px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,468px);gap:60px;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:1.6px;color:#0F766E;text-transform:uppercase;padding:7px 14px 7px 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(20,184,166,.28);box-shadow:var(--sh-float);backdrop-filter:blur(8px);margin-bottom:22px}.hero-eyebrow .live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,197,94,.18);animation:livePulse 1.8s ease-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 0 4px rgba(34,197,94,.18)}50%{box-shadow:0 0 0 9px rgba(34,197,94,.04)}}.demo-hero h1{font-size:60px;font-weight:800;line-height:1;letter-spacing:-1.8px;color:var(--text-dark);text-wrap:balance}.demo-hero h1 .accent{position:relative;z-index:0;color:var(--text-dark);white-space:nowrap;padding:0 .04em;background:none}.demo-hero h1 .accent:before{content:"";position:absolute;z-index:-1;left:-.06em;right:-.06em;bottom:.07em;height:.4em;background:linear-gradient(100deg,color-mix(in srgb,var(--amber) 80%,#fff) 0,var(--amber) 55%,color-mix(in srgb,var(--amber) 70%,#fff) 100%);opacity:.42;border-radius:999px;transform:rotate(-1.4deg) scaleX(0);transform-origin:0 60%;animation:markerIn .8s cubic-bezier(.2,.85,.25,1) .55s forwards}@keyframes markerIn{to{transform:rotate(-1.4deg) scaleX(1)}}.demo-hero .lede{font-size:17.5px;line-height:1.6;color:var(--text-medium);margin-top:22px;max-width:540px;text-wrap:pretty}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn-amber-lg{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;background:linear-gradient(180deg,#FBB43A,var(--amber));color:var(--sidebar-bg);font-weight:700;font-size:14.5px;border:none;border-radius:12px;cursor:pointer;font-family:var(--font);transition:transform .15s,box-shadow .2s,filter .15s;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px -8px rgba(245,166,35,.6)}.btn-amber-lg:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 34px -10px rgba(245,166,35,.7)}.btn-amber-lg:active{transform:translateY(0)}.btn-amber-lg svg{width:16px;height:16px}.btn-ghost-lg{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;color:var(--text-dark);font-weight:600;font-size:14.5px;border:1px solid var(--border);background:rgba(255,255,255,.75);border-radius:12px;cursor:pointer;font-family:var(--font);text-decoration:none;transition:all .15s;backdrop-filter:blur(8px);box-shadow:var(--sh-float)}.btn-ghost-lg:hover{border-color:var(--text-medium);transform:translateY(-2px)}.btn-ghost-lg svg{width:16px;height:16px}.hero-features{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:580px}.hero-feature{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid rgba(226,232,240,.8);box-shadow:var(--sh-float);backdrop-filter:blur(6px);transition:transform .18s,box-shadow .18s,border-color .18s}.hero-feature:hover{transform:translateY(-2px);box-shadow:var(--sh-card-hover);border-color:#D8DEE8}.hero-feature .hf-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--amber-light);color:#B45309}.hero-feature.t .hf-ico{background:var(--teal-bg);color:#0F766E}.hero-feature.p .hf-ico{background:var(--accent-2-soft);color:color-mix(in srgb,var(--accent-2) 78%,#000)}.hero-feature.b .hf-ico{background:var(--blue-bg);color:#1D4ED8}.hero-feature .hf-ico svg{width:17px;height:17px}.hero-feature .hf-title{font-size:14px;font-weight:700;color:var(--text-dark)}.hero-feature .hf-desc{font-size:12.5px;color:var(--text-medium);margin-top:3px;line-height:1.45}.chat-wrap{position:relative}.chat-wrap:before{content:"";position:absolute;z-index:0;pointer-events:none;inset:-10% -8% -14% -8%;background:radial-gradient(60% 50% at 30% 0,var(--glow-1),transparent 70%),radial-gradient(60% 60% at 90% 100%,var(--glow-2),transparent 72%);filter:blur(28px);opacity:.9}.demo-body[data-dir=glass] .chat-wrap:before{opacity:1}.team-chat{position:relative;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.88));border-radius:22px;border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh-chat),0 0 0 1px rgba(15,23,42,.04);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);display:flex;flex-direction:column;overflow:hidden;height:624px}.demo-body[data-chat=compacto] .team-chat{height:540px}.demo-body[data-chat=grande] .team-chat{height:700px}.team-chat-head{background:radial-gradient(140% 120% at 0 0,rgba(245,166,35,.16),transparent 55%),linear-gradient(180deg,#1B1B2B,var(--sidebar-bg));color:#fff;padding:16px 18px;gap:13px;border-bottom:1px solid rgba(255,255,255,.06)}.team-chat-head,.team-chat-head .agent-av{position:relative;display:flex;align-items:center;flex-shrink:0}.team-chat-head .agent-av{width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,#FBBF4A,var(--amber) 55%,#FB923C);justify-content:center;color:var(--sidebar-bg);font-weight:800;font-size:15px;box-shadow:0 6px 16px -6px rgba(245,166,35,.7),inset 0 1px 0 rgba(255,255,255,.4)}.team-chat-head .agent-av .online{position:absolute;bottom:-2px;right:-2px;width:13px;height:13px;border-radius:50%;background:var(--green);border:2.5px solid var(--sidebar-bg);box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:avPulse 2s infinite}@keyframes avPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.team-chat-head .agent-meta{flex:1;min-width:0}.team-chat-head .agent-meta .name{font-size:16px;font-weight:700;line-height:1.1;display:flex;align-items:center;gap:8px}.team-chat-head .agent-meta .ivy-pill{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--amber);background:rgba(245,166,35,.16);border:1px solid rgba(245,166,35,.4);padding:2px 7px;border-radius:6px}.team-chat-head .agent-meta .role{font-size:12px;color:rgba(255,255,255,.62);margin-top:3px;display:flex;align-items:center;gap:6px}.team-chat-head .agent-meta .role .gd{width:6px;height:6px;border-radius:50%;background:var(--green)}.chat-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(248,250,252,.6));border-bottom:1px solid var(--border);font-size:11.5px;color:var(--text-light);flex-shrink:0}.chat-statusbar .cs-live{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--text-medium)}.chat-statusbar .cs-resp{color:var(--text-light);font-weight:500;margin-right:auto}.chat-statusbar .cs-resp b{color:var(--text-medium);font-weight:800}.chat-statusbar .cs-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.15);animation:livePulse 1.8s infinite}.chat-statusbar .cs-lock{display:inline-flex;align-items:center;gap:6px;font-weight:500}.chat-statusbar .cs-lock svg{width:12px;height:12px}.team-chat-stream{flex:1;overflow-y:auto;padding:22px 20px 10px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;background:radial-gradient(1100px 240px at -10% -5%,rgba(245,166,35,.045),transparent 60%),radial-gradient(900px 220px at 110% 100%,var(--glow-2),transparent 64%),linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.85))}.team-chat-stream::-webkit-scrollbar{width:6px}.team-chat-stream::-webkit-scrollbar-thumb{background:#E2E8F0;border-radius:3px}.tm{display:flex;gap:10px;max-width:90%;animation:msgIn .34s cubic-bezier(.2,.8,.2,1)}@keyframes msgIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.tm.user{flex-direction:row-reverse}.tm .av,.tm.user{align-self:flex-end}.tm .av{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex-shrink:0}.tm.agent .av{background:linear-gradient(140deg,#FBBF4A,var(--amber),#FB923C);color:var(--sidebar-bg);box-shadow:0 4px 10px -4px rgba(245,166,35,.6)}.tm.user .av{background:#fff;color:var(--text-medium);border:1px solid var(--border)}.tm .body{display:flex;flex-direction:column;gap:6px;min-width:0}.tm.user .body{align-items:flex-end}.tm .bubble{padding:11px 15px;border-radius:16px;font-size:13.5px;line-height:1.55;color:var(--text-dark)}.tm .bubble strong{font-weight:700}.tm .bubble em{font-style:italic;color:var(--text-medium)}.tm.agent .bubble{background:#fff;border:1px solid var(--border);border-bottom-left-radius:5px;box-shadow:var(--sh-float)}.tm.user .bubble{background:linear-gradient(180deg,#21212F,var(--sidebar-bg));color:#fff;border-bottom-right-radius:5px;box-shadow:0 8px 20px -10px rgba(15,23,42,.5)}.tm .meta{font-size:10px;color:var(--text-light);font-weight:500;padding:0 2px}.product-card{width:100%;background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--sh-float);transition:transform .16s,box-shadow .16s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--sh-card)}.product-card .pc-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-card .pc-ico svg{width:18px;height:18px}.product-card .pc-ico.amber{background:var(--amber-light);color:#B45309}.product-card .pc-ico.teal{background:var(--teal-bg);color:#0F766E}.product-card .pc-ico.purple{background:var(--accent-2-soft);color:color-mix(in srgb,var(--accent-2) 78%,#000)}.product-card .pc-info{flex:1;min-width:0}.product-card .pc-title{font-size:13px;font-weight:700;color:var(--text-dark)}.product-card .pc-desc{font-size:12px;color:var(--text-medium);margin-top:2px;line-height:1.45}.product-card .pc-meta{display:flex;gap:8px;margin-top:8px}.product-card .pc-tag{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;background:var(--bg);color:var(--text-medium);letter-spacing:.3px}.quick-replies{display:flex;flex-wrap:wrap;gap:7px;padding:6px 18px 14px;flex-shrink:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.7))}.qr-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--text-dark);background:#fff;border:1px solid var(--border);cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:var(--sh-float);animation:chipIn .4s cubic-bezier(.2,.8,.2,1) both}@keyframes chipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.qr-chip:hover{border-color:var(--amber);background:#FFFBEB;color:var(--amber-hover);transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(245,166,35,.45)}.qr-chip .arr{color:var(--text-light);transition:transform .15s;display:inline-flex}.qr-chip:hover .arr{transform:translateX(2px);color:var(--amber)}.qr-chip .arr svg{width:12px;height:12px}.tm.typing-msg .bubble{padding:13px 15px;display:flex;align-items:center}.tdots{display:flex;gap:4px}.tdots .d{width:6px;height:6px;border-radius:50%;background:var(--text-light);animation:tdot 1.2s infinite}.tdots .d:nth-child(2){animation-delay:.15s}.tdots .d:nth-child(3){animation-delay:.3s}@keyframes tdot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.team-chat-composer{border-top:1px solid var(--border);padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.85));flex-shrink:0}.team-chat-composer .row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:5px 5px 5px 16px;transition:border-color .15s,box-shadow .15s}.team-chat-composer .row:focus-within{border-color:var(--amber);box-shadow:0 0 0 4px rgba(245,166,35,.12)}.team-chat-composer input{flex:1;border:none;background:transparent;outline:none;font-family:var(--font);font-size:13.5px;color:var(--text-dark);padding:8px 0}.team-chat-composer input::placeholder{color:var(--text-light)}.team-chat-composer .send{width:38px;height:38px;border-radius:11px;border:none;background:linear-gradient(180deg,#FBB43A,var(--amber));color:var(--sidebar-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,filter .15s;box-shadow:0 6px 14px -6px rgba(245,166,35,.6)}.team-chat-composer .send:hover{filter:brightness(1.04);transform:translateY(-1px)}.team-chat-composer .send svg{width:16px;height:16px}.team-chat-composer .foot{display:flex;align-items:center;justify-content:space-between;padding:9px 4px 2px;font-size:10px;color:var(--text-light)}.team-chat-composer .foot .lock{display:inline-flex;align-items:center;gap:4px}.team-chat-composer .foot .lock svg{width:11px;height:11px}.team-chat-composer .foot .powered{display:inline-flex;align-items:center;gap:4px}.team-chat-composer .foot .powered b{color:var(--text-medium);font-weight:700}.trust-strip{max-width:1240px;margin:26px auto 0;padding:0 32px 8px;display:flex;align-items:center;gap:16px}.trust-strip .av-stack{display:flex}.trust-strip .av-stack .av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:2.5px solid var(--page-bg);margin-left:-9px;box-shadow:var(--sh-float)}.trust-strip .av-stack .av:first-child{margin-left:0;background:#14B8A6}.trust-strip .av-stack .av:nth-child(2){background:var(--accent-2)}.trust-strip .av-stack .av:nth-child(3){background:#F59E0B}.trust-strip .av-stack .av:nth-child(4){background:#3B82F6}.trust-strip .copy{font-size:13px;color:var(--text-medium)}.trust-strip .copy b{color:var(--text-dark);font-weight:700}.trust-strip .stars{display:inline-flex;gap:1px;margin-left:4px;color:#F59E0B;vertical-align:middle}.trust-strip .stars svg{width:13px;height:13px}.demo-section{max-width:1240px;margin:0 auto;padding:76px 32px}.demo-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.demo-section-head .hd-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--amber-icon);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.demo-section-head .hd-eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:var(--amber)}.demo-section-head h2{font-size:38px;font-weight:800;color:var(--text-dark);letter-spacing:-1px;line-height:1.08;margin-top:12px;max-width:660px;text-wrap:balance}.demo-section-head .sub{font-size:14.5px;color:var(--text-medium);max-width:360px;line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-tile{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.9));border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:24px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:var(--sh-card);backdrop-filter:blur(6px)}.product-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tile-accent,var(--amber)),transparent);opacity:0;transition:opacity .2s}.product-tile:hover{transform:translateY(-4px);box-shadow:var(--sh-card-hover);border-color:#D8DEE8}.product-tile:hover:before{opacity:1}.product-tile.amber{--tile-accent:var(--amber)}.product-tile.teal{--tile-accent:#14B8A6}.product-tile.purple{--tile-accent:var(--accent-2)}.product-tile .pt-num{position:absolute;top:24px;right:24px;font-family:ui-monospace,monospace;font-size:11px;color:var(--text-light);letter-spacing:1px}.product-tile .pt-ico{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:var(--sh-float)}.product-tile .pt-ico svg{width:23px;height:23px}.product-tile.amber .pt-ico{background:var(--amber-light);color:#B45309}.product-tile.teal .pt-ico{background:var(--teal-bg);color:#0F766E}.product-tile.purple .pt-ico{background:var(--accent-2-soft);color:color-mix(in srgb,var(--accent-2) 78%,#000)}.product-tile h3{font-size:19px;font-weight:800;color:var(--text-dark);letter-spacing:-.3px}.product-tile .pt-desc{font-size:13.5px;color:var(--text-medium);margin-top:9px;line-height:1.6}.product-tile .pt-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px}.product-tile .pt-list li{font-size:12.5px;color:var(--text-medium);display:flex;align-items:flex-start;gap:9px;line-height:1.4}.product-tile .pt-list li:before{content:"";flex-shrink:0;width:16px;height:16px;border-radius:50%;margin-top:1px;background:var(--green-bg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.5l2 2 4-5' stroke='%2315803D' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:12px 12px}.product-tile .pt-foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--text-dark);cursor:pointer;text-decoration:none}.product-tile .pt-foot:hover{color:var(--amber)}.product-tile .pt-foot svg{width:13px;height:13px;transition:transform .15s}.product-tile .pt-foot:hover svg{transform:translateX(3px)}.final-cta{max-width:1240px;margin:0 auto 64px;padding:0 32px}.final-cta-card{background:radial-gradient(120% 140% at 100% 0,rgba(245,166,35,.18),transparent 55%),linear-gradient(135deg,#1C1C2C,var(--sidebar-bg));border-radius:24px;padding:46px 48px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden;box-shadow:var(--sh-chat);border:1px solid rgba(255,255,255,.06)}.final-cta-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--amber),var(--accent-2))}.final-cta-card:after{content:"";position:absolute;right:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,.2),transparent 65%);pointer-events:none}.final-cta-card .ftext{flex:1;position:relative;z-index:1}.final-cta-card h3{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.15}.final-cta-card p{font-size:14.5px;color:rgba(255,255,255,.72);margin-top:10px;max-width:520px;line-height:1.55}.final-cta-card .factions{display:flex;gap:12px;position:relative;z-index:1}.final-cta-card .btn-outline-w{padding:13px 22px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s;white-space:nowrap;text-decoration:none}.final-cta-card .btn-outline-w:hover{border-color:#fff;background:rgba(255,255,255,.1)}.demo-footer{border-top:1px solid var(--border);background:rgba(255,255,255,.6);backdrop-filter:blur(8px)}.demo-footer-inner{max-width:1240px;margin:0 auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-light)}.demo-footer a{color:var(--text-medium);text-decoration:none;margin-left:16px}.demo-footer a:hover{color:var(--text-dark)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.demo-hero h1 .accent:before{animation:none;transform:rotate(-1.4deg) scaleX(1)}.chat-statusbar .cs-live i,.hero-eyebrow .live-dot,.team-chat-head .agent-av .online{animation:none!important}}@media (max-width:1024px) and (min-width:769px){.demo-hero{grid-template-columns:1fr;gap:44px;padding:44px 24px 24px}.demo-hero h1{font-size:44px}.chat-wrap{max-width:480px}.team-chat{height:580px}.products-grid{grid-template-columns:1fr}.demo-section-head,.final-cta-card{flex-direction:column;align-items:flex-start}.final-cta-card{padding:34px}.demo-nav-links{display:none}}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:revert}body,html{overflow-x:hidden}.demo-body{background:var(--bg)}.demo-hero{display:block;padding:0;max-width:100%;margin:0}.mnav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:12px 16px}.mnav .logo{display:inline-flex;align-items:baseline;gap:4px;text-decoration:none;color:var(--text-dark)}.mnav .logo .lt{font-size:17px;font-weight:800;letter-spacing:1.8px}.mnav .logo .ls{font-size:8.5px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-medium)}.mnav .live{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--teal-icon);text-transform:uppercase;padding:4px 8px;border-radius:20px;background:var(--teal-bg)}.mnav .live .dt{width:6px;height:6px;border-radius:50%;background:var(--green);animation:livePulseM 1.8s ease-out infinite}}@media (max-width:768px){@keyframes livePulseM{0%,to{box-shadow:0 0 0 3px rgba(34,197,94,.18)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.05)}}.mnav .menu-btn{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer}.mnav .menu-btn svg{width:16px;height:16px}.mdrawer{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.55);display:none;animation:drawerFadeIn .15s ease-out}.mdrawer.open{display:block}.mdrawer .panel{position:absolute;top:0;right:0;bottom:0;width:78%;max-width:320px;background:#fff;padding:22px 22px 32px;display:flex;flex-direction:column;animation:drawerSlide .22s ease-out}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlide{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.mdrawer .close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#fff;align-self:flex-end;display:flex;align-items:center;justify-content:center;color:var(--text-medium);cursor:pointer}.mdrawer .close svg{width:14px;height:14px}.mdrawer nav{margin-top:14px;display:flex;flex-direction:column;gap:2px}.mdrawer nav a{padding:14px 12px;border-radius:10px;font-size:16px;font-weight:600;color:var(--text-dark);text-decoration:none}.mdrawer nav a:hover{background:var(--bg)}.mdrawer .drawer-cta{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:8px}.mhero{padding:24px 18px 12px}.mhero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--amber-icon);text-transform:uppercase;margin-bottom:12px}.mhero h1{font-size:30px;font-weight:800;line-height:1.08;letter-spacing:-.7px;color:var(--text-dark);text-wrap:balance}.mhero h1 .accent{background:linear-gradient(180deg,transparent 65%,rgba(245,166,35,.35) 0);padding:0 2px}.mhero .lede{font-size:15px;line-height:1.5;color:var(--text-medium);margin-top:12px;text-wrap:pretty}.mhero .actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}.mhero .btn-amber-lg,.mhero .btn-ghost-lg{justify-content:center;padding:14px 18px;font-size:15px;width:100%}.mhero .pills{display:flex;gap:8px;overflow-x:auto;margin:18px -18px 0;padding:4px 18px 18px;scrollbar-width:none}.mhero .pills::-webkit-scrollbar{display:none}.mhero .pill{display:inline-flex;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text-dark);white-space:nowrap}.mhero .pill,.mhero .pill .pi{flex-shrink:0;align-items:center}.mhero .pill .pi{width:22px;height:22px;border-radius:50%;display:flex;justify-content:center}.mhero .pill .pi svg{width:12px;height:12px}.mhero .pill.amber .pi{background:var(--amber-light);color:#B45309}.mhero .pill.teal .pi{background:var(--teal-bg);color:#0F766E}.mhero .pill.purple .pi{background:var(--accent-2-soft);color:color-mix(in srgb,var(--accent-2) 78%,#000)}.mhero .pill.blue .pi{background:var(--blue-bg);color:#1D4ED8}.mchat-wrap{padding:8px 12px 24px}.team-chat{height:78vh;min-height:540px;max-height:720px;max-width:100%;border-radius:18px;width:100%}.team-chat .team-chat-head{padding:14px}.team-chat .team-chat-head .agent-av{width:38px;height:38px;font-size:13px}.team-chat .team-chat-head .agent-meta .name{font-size:14px}.team-chat .team-chat-head .agent-meta .role{font-size:11px}.team-chat .chat-statusbar{padding:8px 14px;font-size:10.5px;gap:8px}.team-chat .chat-statusbar .cs-resp{display:none}.team-chat .team-chat-stream{padding:16px 14px 6px;gap:12px}.team-chat .tm{max-width:92%}.team-chat .tm .bubble{font-size:14px;padding:10px 13px}.team-chat .tm .av{width:28px;height:28px}.team-chat .quick-replies{flex-wrap:nowrap;overflow-x:auto;padding:6px 14px 12px;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}.team-chat .quick-replies::-webkit-scrollbar{display:none}.team-chat .qr-chip{flex-shrink:0;scroll-snap-align:start;font-size:13px;padding:9px 14px}.team-chat .team-chat-composer{padding:10px 12px env(safe-area-inset-bottom,10px)}.team-chat .team-chat-composer .row{padding:4px 4px 4px 12px}.team-chat .team-chat-composer input{font-size:14px;padding:10px 0}.team-chat .team-chat-composer .send{width:36px;height:36px}.team-chat .team-chat-composer .foot .powered{display:none}.team-chat .product-card{padding:12px}.team-chat .product-card .pc-title{font-size:13.5px}.team-chat .product-card .pc-desc{font-size:12px}.msection{padding:40px 18px;max-width:100%}.msection .eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--amber-icon);text-transform:uppercase}.msection h2{font-size:26px;font-weight:800;color:var(--text-dark);letter-spacing:-.5px;line-height:1.15;margin-top:8px;text-wrap:balance}.msection .sub{font-size:14px;color:var(--text-medium);line-height:1.55;margin-top:10px}.mproducts{display:flex;flex-direction:column;gap:12px;margin-top:22px}.mproducts .product-tile{padding:20px;border-radius:14px}.mproducts .product-tile h3{font-size:17px}.mproducts .product-tile .pt-desc{font-size:13px}.mproducts .product-tile .pt-list li{font-size:12.5px}.mtrust{padding:0 18px 20px;display:flex;align-items:center;gap:12px;margin:0;max-width:100%}.mtrust .av-stack{display:flex;flex-shrink:0}.mtrust .av-stack .av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;border:2px solid #fff;margin-left:-8px}.mtrust .av-stack .av:first-child{margin-left:0;background:#14B8A6}.mtrust .av-stack .av:nth-child(2){background:var(--accent-2)}.mtrust .av-stack .av:nth-child(3){background:#F59E0B}.mtrust .av-stack .av:nth-child(4){background:#3B82F6}.mtrust .copy{font-size:12px;color:var(--text-medium);line-height:1.4}.mtrust .copy b{color:var(--text-dark);font-weight:700}.mtrust .stars{display:inline-flex;gap:1px;color:#F59E0B;vertical-align:middle}.mtrust .stars svg{width:11px;height:11px}.mfinal{padding:0 18px 28px}.mfinal-card{background:var(--sidebar-bg);color:#fff;border-radius:18px;padding:26px 22px 24px;border-left:4px solid var(--amber);position:relative;overflow:hidden}.mfinal-card:after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,.2),transparent 65%);pointer-events:none}.mfinal-card h3{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.15;position:relative;z-index:1;text-wrap:balance}.mfinal-card p{font-size:13.5px;color:rgba(255,255,255,.72);margin-top:8px;position:relative;z-index:1}.mfinal-card .factions{display:flex;flex-direction:column;gap:8px;margin-top:18px;position:relative;z-index:1}.mfinal-card .factions a{width:100%;justify-content:center;padding:13px 18px;font-size:14px}.mfinal-card .btn-outline-w{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:700;border-radius:var(--radius-sm);text-decoration:none;display:inline-flex;align-items:center}.mfoot{border-top:1px solid var(--border);background:#fff;padding:22px 18px 26px;font-size:12px;color:var(--text-light);text-align:center}.mfoot .links{display:flex;gap:14px;justify-content:center;margin-top:10px}.mfoot .links a{color:var(--text-medium);text-decoration:none;font-weight:500}.msticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;background:var(--sidebar-bg);color:#fff;border-radius:14px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px rgba(15,23,42,.25);transform:translateY(140%);transition:transform .28s cubic-bezier(.2,.8,.2,1);text-decoration:none}.msticky.show{transform:translateY(0)}.msticky .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--amber),#FB923C);display:flex;align-items:center;justify-content:center;color:var(--sidebar-bg);font-weight:800;font-size:12px;flex-shrink:0;position:relative}.msticky .av .gd{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid var(--sidebar-bg)}.msticky .lbl{flex:1;font-size:12.5px;line-height:1.25}.msticky .lbl b{display:block;font-weight:700;font-size:13px}.msticky .lbl span{color:rgba(255,255,255,.65);font-size:11px}.msticky .go{display:inline-flex;align-items:center;gap:4px;background:var(--amber);color:var(--sidebar-bg);padding:8px 12px;border-radius:10px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.msticky .go svg{width:13px;height:13px}.dashboard{grid-template-columns:1fr}.dashboard__side{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}}@media (max-width:560px){.container{padding:0 18px}.header__inner{gap:12px}.header__cta .btn--ghost{display:none}.header__cta .btn{padding:10px 16px;font-size:13px}}