@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-dark:#f8fafc;--bg-card:#fff;--bg-card-hover:#fff;--bg-sidebar:#fff;--border-color:#e2e8f0;--primary:#2563eb;--primary-glow:#2563eb26;--accent-purple:#7c3aed;--accent-green:#059669;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{border:1px solid var(--border-color);background:#fff;border-radius:16px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000d}.glass-panel:hover{border-color:#cbd5e1;box-shadow:0 12px 32px #2563eb1f}.badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-live{color:#059669;background:#10b9811a;border:1px solid #10b98140}.badge-groq{color:#7c3aed;background:#7c3aed1a;border:1px solid #7c3aed40}.badge-whatsapp{color:#15803d;background:#25d3661a;border:1px solid #25d36640}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #10b981}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#fff;border-radius:10px;outline:none;padding:12px 16px;font-size:.925rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:opacity .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex;box-shadow:0 2px 8px #00000008}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.desktop-nav,.desktop-actions{display:flex}.mobile-hamburger-btn{display:none}@media (width<=900px){.desktop-nav,.desktop-actions{display:none!important}.mobile-hamburger-btn{display:block!important}}@media (width<=768px){html,body{overflow-x:hidden!important}h1{font-size:clamp(2.1rem,7vw,3.2rem)!important;line-height:1.2!important}h2{font-size:clamp(1.75rem,5vw,2.5rem)!important;line-height:1.25!important}p{font-size:1rem!important}.grid-2col,.grid-3col,.grid-4col,.hero-grid,.arch-diagram-grid{grid-template-columns:1fr!important;gap:28px!important}.arch-diagram-grid svg{display:none!important}section{padding-left:20px!important;padding-right:20px!important}.public-page-container{padding:32px 16px!important}.hero-left{text-align:center!important}.hero-cta-buttons{flex-direction:column!important;width:100%!important}.hero-cta-buttons button{justify-content:center!important;width:100%!important}.hero-trust-checks{flex-wrap:wrap!important;justify-content:center!important}.hero-canvas{transform:scale(.95);height:380px!important}.social-metrics-grid{grid-template-columns:1fr!important;gap:16px!important}.social-metrics-grid>div{border-top:1px solid #f1f5f9;padding-top:16px;border-left:none!important;padding-left:0!important}.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.glass-panel{padding:24px!important}}
