@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#fff;--bg-alt:#f8fafc;--bg-navy:#07163d;--bg-navy-card:#0d2051;--bg-navy-border:#ffffff14;--bg-terminal:#0a0a0f;--border-color:#e2e8f0;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-dark:#0f172a;--btn-color:#0f2257;--whatsapp-color:#22c55e;--telegram-color:#0ea5e9;--sms-color:#f97316;--email-color:#ef4444;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--text-on-navy:#f1f5f9;--text-on-navy-muted:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}.btn-primary,.btn-dark{position:relative;overflow:hidden}.btn-primary:before,.btn-dark:before{content:"";background:linear-gradient(115deg,#0000,#ffffff59,#0000);width:45%;height:100%;transition:left .65s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-75%;transform:skew(-20deg)}.btn-primary:hover:before,.btn-dark:hover:before{left:130%}.btn-primary{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0206174d;color:#fff!important}.btn-primary:hover{filter:brightness(1.4);transform:translateY(-1px);box-shadow:0 6px 18px #02061766}.btn-dark{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important}.btn-dark:hover{filter:brightness(1.4);transform:translateY(-1px)}.btn-gradient{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important}.btn-gradient:hover{filter:brightness(1.4);transform:translateY(-1px);box-shadow:0 6px 20px #02061766}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:hover{background:var(--bg-alt);border-color:#cbd5e1}.btn-outline-light{color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff40;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline-light:hover{background:#ffffff14;border-color:#fff6}.btn-light{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#fff;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:var(--accent-dark)!important}.btn-light:hover{background:#f1f5f9;transform:translateY(-1px)}.btn-navy-solid{color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-navy-solid:hover{background:#ffffff2e;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.82rem}.contact-form-label{color:var(--text-main);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.contact-form-input{width:100%;color:var(--text-main);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .85rem;font-family:inherit;font-size:.92rem;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.contact-form-input::placeholder{color:var(--text-dim)}.contact-form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.card,.navy-card{position:relative;overflow:hidden}.card:after,.navy-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000,#2563eb17,#0000);width:35%;height:100%;transition:left .75s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-60%;transform:skew(-20deg)}.navy-card:after{background:linear-gradient(115deg,#0000,#ffffff0f,#0000)}.card:hover:after,.navy-card:hover:after{left:130%}.card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 30px -14px #0f172a26}.navy-card{background:var(--bg-navy-card);border:1px solid var(--bg-navy-border);border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1)}.navy-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.site-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#ffffffd9}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pill{color:var(--accent-primary);background:#2563eb14;border:1px solid #2563eb33;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.code-terminal{background:var(--bg-terminal);border-radius:var(--radius-lg);border:1px solid #ffffff14;overflow:hidden;box-shadow:0 30px 60px -20px #02061780}.code-terminal-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:.4rem;padding:.85rem 1.1rem;display:flex}.code-terminal-dot{border-radius:50%;width:10px;height:10px}.code-terminal-body{font-family:var(--font-mono);color:#cbd5e1;padding:1.25rem 1.4rem;font-size:.82rem;line-height:1.7;overflow-x:auto}.check-item{color:var(--text-main);align-items:center;gap:.65rem;font-size:.92rem;font-weight:500;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1);transform:translateY(28px)}.reveal-visible{opacity:1;transform:translateY(0)}.reveal.pop{transform:scale(.85)}.reveal.pop.reveal-visible{transform:scale(1)}@keyframes successPop{0%{opacity:0;transform:translateY(10px)scale(.9)}60%{opacity:1;transform:translateY(-2px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.check-draw{stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s ease-out .25s forwards checkDraw}@keyframes ripplePing{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.ripple-ring{animation:1s ease-out .1s backwards ripplePing}.flow-line-fill{background:linear-gradient(90deg, var(--accent-primary), #60a5fa);width:0%;transition:width 1.1s cubic-bezier(.4,0,.2,1) .15s;position:absolute;inset:0}.flow-line-fill-visible{width:100%}.flow-line-fill-visible:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:40%;animation:2.4s ease-in-out 1.3s infinite flowShimmer;position:absolute;top:0;bottom:0}@keyframes flowShimmer{0%{transform:translate(-120%)}to{transform:translate(280%)}}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}.blink-cursor{animation:1s step-start infinite blinkCursor;display:inline-block}@media (prefers-reduced-motion:reduce){.reveal,.animate-in,.float-card,.pulse-dot,.diagram-arrow,.icon-box,.icon-glow,.blink-cursor,.check-draw,.ripple-ring,.flow-line-fill{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.check-draw{stroke-dashoffset:0!important}.ripple-ring{display:none!important}.flow-line-fill{width:100%!important}.flow-line-fill-visible:after,.card:after,.navy-card:after,.btn-primary:before,.btn-dark:before{display:none!important}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-card{animation:3.6s ease-in-out infinite floatCard}.icon-box{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card:hover .icon-box,.navy-card:hover .icon-box{transform:scale(1.1)rotate(-4deg)}.usecase-icon-box{color:var(--text-dim);transition:color .2s,border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.usecase-card:hover .usecase-icon-box{color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)rotate(-4deg)}@keyframes arrowPulse{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.diagram-arrow{animation:1.6s ease-in-out infinite arrowPulse}@keyframes heroGlow{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-2%,2%)scale(1.08)}}.hero-glow{animation:12s ease-in-out infinite heroGlow}@keyframes iconGlowPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.05)}}.icon-glow{animation:2.8s ease-in-out infinite iconGlowPulse}.card:hover .icon-glow,.navy-card:hover .icon-glow{animation-play-state:paused}.hero-grid-bg:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0f172a0d 1px,#0000 1px),linear-gradient(#0f172a0d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.nav-link{position:relative}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}@keyframes pulseDot{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseDot}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}@media (width<=900px){.grid-2{grid-template-columns:1fr!important}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}}.dash-preview-grid{grid-template-columns:185px 1fr}.dash-preview-stats{grid-template-columns:repeat(4,1fr)}.dash-preview-split{grid-template-columns:1fr 1fr}.dash-preview-panel{padding:1rem 1.1rem}@media (width<=600px){.grid-3,.grid-4{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.dash-preview-grid{grid-template-columns:1fr}.dash-preview-stats{grid-template-columns:repeat(2,1fr)}.dash-preview-split{grid-template-columns:1fr}.dash-preview-panel{padding:.85rem}}
