:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--border-subtle:#e2e8f0;--border-focus:#0284c7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 4px 16px -2px #0f172a0f, 0 2px 4px -1px #0f172a08;--shadow-card-hover:0 12px 28px -4px #0f172a1f, 0 4px 8px -2px #0f172a0a}[data-theme=dark]{--bg-main:#0b0f19;--bg-card:#151d2a;--bg-input:#1e293b;--border-subtle:#ffffff1a;--border-focus:#38bdf8;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-card:0 4px 16px -2px #0006;--shadow-card-hover:0 12px 28px -4px #0009}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,Plus Jakarta Sans,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-main);min-height:100vh;line-height:1.5}.container-clean{max-width:1280px;margin:0 auto;padding:0 24px}.card-tint-blue{background-color:#f0f9ff;border:1.5px solid #bae6fd}[data-theme=dark] .card-tint-blue{background-color:#0c4a6e40;border-color:#38bdf84d}.card-tint-rose{background-color:#fff1f2;border:1.5px solid #fecdd3}[data-theme=dark] .card-tint-rose{background-color:#88133740;border-color:#fb71854d}.card-tint-emerald{background-color:#f0fdf4;border:1.5px solid #bbf7d0}[data-theme=dark] .card-tint-emerald{background-color:#064e3b40;border-color:#34d3994d}.card-tint-purple{background-color:#fdf4ff;border:1.5px solid #f5d0fe}[data-theme=dark] .card-tint-purple{background-color:#581c8740;border-color:#d8b4fe4d}.badge-clean{letter-spacing:.5px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-blue{color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc}[data-theme=dark] .badge-blue{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}.badge-rose{color:#be123c;background:#ffe4e6;border:1px solid #fda4af}[data-theme=dark] .badge-rose{color:#fb7185;background:#fb718526;border-color:#fb71854d}.badge-emerald{color:#15803d;background:#dcfce7;border:1px solid #86efac}[data-theme=dark] .badge-emerald{color:#34d399;background:#34d39926;border-color:#34d3994d}.badge-purple{color:#6b21a8;background:#f3e8ff;border:1px solid #d8b4fe}[data-theme=dark] .badge-purple{color:#c084fc;background:#c084fc26;border-color:#c084fc4d}.live-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #10b981}.theme-pill-clean{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}[data-theme=dark] .theme-pill-clean{background:#1e293b;border-color:#334155}.theme-pill-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.theme-pill-btn.active{color:#0284c7;background:#fff;font-weight:700;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .theme-pill-btn.active{color:#38bdf8;background:#0f172a}.code-box-clean{color:#38bdf8;background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px;font-family:Fira Code,monospace;font-size:.8rem;overflow-x:auto}.wa-mockup{background:#efeae2;border:1px solid #cbd5e1;border-radius:20px;flex-direction:column;height:500px;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000014}[data-theme=dark] .wa-mockup{background:#0b141a;border-color:#1e293b}.wa-header{color:#fff;background:#075e54;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}[data-theme=dark] .wa-header{background:#202c33}.wa-body{background:#e5ddd5;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}[data-theme=dark] .wa-body{background:#0b141a}.wa-bubble-in{color:#0f172a;background:#fff;border-radius:2px 12px 12px;align-self:flex-start;max-width:82%;padding:10px 14px;font-size:.88rem;box-shadow:0 1px 2px #00000014}[data-theme=dark] .wa-bubble-in{color:#e9edef;background:#202c33}.wa-bubble-out{color:#0f172a;background:#dcf8c6;border-radius:12px 2px 12px 12px;align-self:flex-end;max-width:82%;padding:10px 14px;font-size:.88rem;box-shadow:0 1px 2px #00000014}[data-theme=dark] .wa-bubble-out{color:#e9edef;background:#005c4b}.wa-wave-container{align-items:center;gap:3px;height:28px;display:flex}.wa-wave-bar{background:#0284c7;border-radius:2px;width:4px}.wa-wave-playing .wa-wave-bar{animation:1.2s ease-in-out infinite alternate waveAnim}.wa-wave-playing .wa-wave-bar:nth-child(2n){animation-delay:.2s}.wa-wave-playing .wa-wave-bar:nth-child(3n){animation-delay:.4s}@keyframes waveAnim{0%{height:6px}to{height:26px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155}