:root{--primary: #6366F1;--primary-dark: #4F46E5;--secondary: #0F172A;--accent: #22C55E;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--radius: 16px;--radius-sm: 8px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;color:var(--gray-900);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);font-weight:600;font-size:15px;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:var(--shadow-xl)}.btn-outline{border:2px solid var(--gray-200);color:var(--gray-700);background:transparent}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-white{background:var(--primary);color:#fff}.btn-white:hover{background:#4f46e5}.section{padding:80px 0}.section-dark{background:linear-gradient(135deg,var(--secondary),var(--primary-dark));color:#fff}.section-gray{background:var(--gray-50)}.text-center{text-align:center}.grid{display:grid;gap:32px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:48px 0}}.nav{position:fixed;top:0;width:100%;background:#ffffffe6;backdrop-filter:blur(12px);z-index:50;border-bottom:1px solid var(--gray-100)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{font-size:14px;transition:color .2s}.nav-links a:not(.btn){color:var(--gray-600)}.nav-links a:not(.btn):hover{color:var(--secondary)}.nav-links .btn-primary:hover{opacity:.9}.brand{display:flex;align-items:center;gap:8px}.brand-name{font-weight:700;color:inherit}@media(max-width:640px){.nav-links a:not(.btn){display:none}}footer{background:var(--gray-900);color:#9ca3af;padding:48px 0}footer .container{display:flex;align-items:center;justify-content:space-between}footer .brand span:first-child{font-size:24px}footer .brand-name{font-weight:700;color:#fff}footer .copy{font-size:14px;text-align:right}footer .copy p:last-child{margin-top:4px}footer a{color:#9ca3af}footer a:hover{color:#fff}@media(max-width:640px){footer .container{flex-direction:column;gap:16px;text-align:center}footer .copy{text-align:center}}.chat-demo-section{background:var(--gray-50);padding:80px 0}.wa-container{max-width:380px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;overflow:hidden;border:1px solid #e0e0e0}.wa-header{background:#075e54;color:#fff;padding:10px 16px;display:flex;align-items:center;gap:12px}.wa-back{font-size:20px;cursor:default;opacity:.9}.wa-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#128c7e;flex-shrink:0}.wa-header-info{flex:1;min-width:0}.wa-header-info .name{font-size:16px;font-weight:500}.wa-header-info .status{font-size:12px;opacity:.8}.wa-header-icons{display:flex;gap:20px;font-size:18px;opacity:.9}.wa-chat{height:440px;overflow-y:auto;padding:16px 10px;display:flex;flex-direction:column;gap:6px;background-color:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4c9b5' fill-opacity='0.25'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");scroll-behavior:smooth}.wa-chat::-webkit-scrollbar{width:4px}.wa-chat::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.wa-msg{max-width:82%;padding:7px 10px;border-radius:8px;font-size:14.2px;line-height:1.45;position:relative;word-wrap:break-word;animation:waFadeIn .25s ease-out;box-shadow:0 1px 1px #00000014}.wa-msg.user{align-self:flex-end;background:#dcf8c6;color:#303030;border-top-right-radius:2px}.wa-msg.user:after{content:"";position:absolute;top:0;right:-6px;border:6px solid transparent;border-top-color:#dcf8c6;border-right:0}.wa-msg.bot{align-self:flex-start;background:#fff;color:#303030;border-top-left-radius:2px}.wa-msg.bot:after{content:"";position:absolute;top:0;left:-6px;border:6px solid transparent;border-top-color:#fff;border-left:0}.wa-msg .wa-time{font-size:10.5px;color:#00000073;margin-top:2px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:3px}.wa-msg.user .wa-time{color:#00000080}.wa-msg .wa-check{font-size:14px;line-height:1}.wa-typing{align-self:flex-start;display:flex;align-items:center;gap:4px;padding:10px 14px;background:#fff;border-radius:2px 8px 8px;box-shadow:0 1px 1px #00000014}.wa-dot{width:7px;height:7px;background:#8696a0;border-radius:50%;animation:waTyping 1.4s infinite}.wa-dot:nth-child(2){animation-delay:.2s}.wa-dot:nth-child(3){animation-delay:.4s}@keyframes waFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes waTyping{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.wa-input-bar{display:flex;align-items:center;padding:8px 12px;background:#f0f0f0;gap:8px;border-top:1px solid #e0e0e0}.wa-emoji-btn,.wa-attach-btn{font-size:22px;cursor:default;opacity:.55;line-height:1;flex-shrink:0}.wa-input-bar input{flex:1;border:none;padding:10px 14px;border-radius:20px;background:#fff;font-size:14px;outline:none;box-shadow:0 1px 2px #0000000d}.wa-input-bar input::placeholder{color:#999}.wa-mic-btn{font-size:20px;opacity:.55;cursor:default;flex-shrink:0}