@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@700;800;900&display=swap";
:root{--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-100:#dbeafe;--blue-50:#eff6ff;--indigo-600:#4f46e5;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--primary:#2563eb;--primary-light:#3b82f6;--primary-glow:#2563eb59;--accent:#06b6d4;--gradient:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--gradient-hero:linear-gradient(135deg, #1e40af 0%, #2563eb 40%, #0891b2 100%);--bg:#fafbff;--bg-alt:#f1f5ff;--card:#fff;--card-hover:#f8faff;--sidebar-bg:#0f172a;--border:#e2e8f8;--border-strong:#cbd5e1;--text-1:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--nav-height:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a14, 0 1px 4px #0f172a0a;--shadow-lg:0 12px 40px #0f172a1a, 0 4px 12px #0f172a0f;--shadow-xl:0 24px 64px #2563eb1f, 0 8px 24px #0f172a14;--shadow-glow:0 0 40px #2563eb33;--glass-border:var(--border);--text-muted:var(--text-3);--text-main:var(--text-1);--text-subtle:var(--text-4);--card-bg:#fff;--card-bg-solid:#fff;--bg-main:#fff;--input-bg:#fff;--input-border:var(--border);--input-focus:var(--primary);--divider:var(--border)}.stat-card-dark{border-color:var(--border)!important;background:#fff!important}.log-table-row{border-bottom-color:var(--border)!important}select option{color:var(--text-1);background:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-weight:800;line-height:1.15}.container{max-width:1160px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(.5deg)}66%{transform:translateY(-5px)rotate(-.5deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 14px #2563eb00}to{box-shadow:0 0 #2563eb00}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}.anim-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) both fadeUp}.anim-fade-up-2{animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeUp}.anim-fade-up-3{animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeUp}.anim-fade-up-4{animation:.6s cubic-bezier(.16,1,.3,1) .3s both fadeUp}.anim-scale-in{animation:.5s cubic-bezier(.16,1,.3,1) both scaleIn}.float-anim{animation:6s ease-in-out infinite float}.shimmer-text{background:linear-gradient(90deg,#2563eb 0%,#06b6d4 30%,#4f46e5 60%,#2563eb 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:#fff;transition:opacity .15s;position:absolute;inset:0}.btn:hover:after{opacity:.08}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 14px #2563eb66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb8c}.btn-secondary{color:var(--text-1);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-2);background:0 0;border:none}.btn-ghost:hover{color:var(--primary);background:var(--blue-50)}.glass-card{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;padding:32px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-3px)}.feature-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;padding:28px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#2563eb08,#0000);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-100);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.landing-nav{height:var(--nav-height);z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);background:#fafbffd9;align-items:center;width:100%;transition:all .3s;display:flex;position:fixed;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.landing-logo{color:var(--text-1);align-items:center;gap:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.landing-logo img{object-fit:contain;width:34px;height:34px}.landing-nav-links{align-items:center;gap:4px;display:flex}.landing-nav-actions{align-items:center;gap:10px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-2);padding:8px 14px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--primary);background:var(--blue-50)}.nav-badge{color:#fff;letter-spacing:.05em;vertical-align:middle;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:99px;margin-left:4px;padding:2px 7px;font-size:.6rem;font-weight:800}.hero-section{padding-top:calc(var(--nav-height) + 80px);text-align:center;padding-bottom:80px;position:relative}.hero-eyebrow{border:1px solid var(--blue-100);background:var(--blue-50);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dot-pulse}.hero-headline{letter-spacing:-.03em;color:var(--text-1);margin-bottom:24px;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:900;line-height:1.08}.hero-sub{color:var(--text-3);max-width:560px;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:16px;display:flex}.hero-trust{color:var(--text-4);margin-bottom:64px;font-size:.78rem}.hero-mockup-wrap{max-width:960px;margin:0 auto;position:relative}.hero-mockup-glow{pointer-events:none;filter:blur(30px);background:radial-gradient(at 50% 40%,#2563eb24,#0000 65%);position:absolute;inset:-60px}.hero-mockup-frame{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);animation:8s ease-in-out infinite float;position:relative;overflow:hidden}.section{padding:96px 0}.section-alt{background:var(--bg-alt)}.section-header{text-align:center;margin-bottom:64px}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:99px;margin-bottom:14px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.section-title{color:var(--text-1);margin-bottom:16px;font-size:clamp(1.9rem,4vw,3rem)}.section-subtitle{color:var(--text-3);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.icon-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.4rem;display:flex}.icon-badge-blue{background:var(--blue-50);border:1px solid var(--blue-100)}.icon-badge-cyan{background:#06b6d414;border:1px solid #06b6d433}.icon-badge-green{background:#10b98114;border:1px solid #10b98133}.icon-badge-purple{background:#4f46e514;border:1px solid #4f46e533}.icon-badge-orange{background:#f9731614;border:1px solid #f9731633}.step-circle{background:var(--gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px 12px #2563eb59}.cta-banner-section{padding:96px 0}.cta-banner-inner{border-radius:var(--radius-xl);background:var(--gradient-hero);text-align:center;color:#fff;background-size:200% 200%;padding:80px 48px;animation:8s infinite gradient-shift;position:relative;overflow:hidden}.cta-banner-inner:before{content:"";background: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='%23ffffff' fill-opacity='0.04'%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");position:absolute;inset:0}.cta-banner-title{color:#fff;z-index:1;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);position:relative}.cta-banner-sub{color:#fffc;z-index:1;max-width:520px;margin:0 auto 40px;font-size:1.1rem;position:relative}.cta-banner-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.btn-white{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 4px 14px #00000026}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn-outline-white{color:#fff;background:0 0;border:1.5px solid #ffffff80}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff}.faq-section{padding:96px 0}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}details[open].faq-item{border-color:var(--blue-100);box-shadow:0 0 0 3px #2563eb0f}.faq-question{cursor:pointer;color:var(--text-1);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:.95rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-chevron{color:var(--primary);flex-shrink:0;font-size:1.2rem;font-weight:700;transition:transform .2s}details[open] .faq-chevron{transform:rotate(45deg)}.faq-answer{color:var(--text-3);padding:0 24px 20px;font-size:.93rem;line-height:1.7}.landing-footer{border-top:1px solid var(--border);background:#fff;padding:64px 0 36px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-tagline{color:var(--text-3);max-width:240px;margin-top:12px;font-size:.88rem;line-height:1.65}.footer-col-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:.78rem;font-weight:700}.footer-link{color:var(--text-3);margin-bottom:10px;font-size:.88rem;text-decoration:none;transition:color .2s;display:block}.footer-link:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-4);justify-content:space-between;align-items:center;padding-top:24px;font-size:.8rem;display:flex}.footer-socials{gap:10px;margin-top:20px;display:flex}.footer-social-link{border-radius:var(--radius-sm);border:1px solid var(--border);width:34px;height:34px;color:var(--text-3);justify-content:center;align-items:center;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.footer-social-link:hover{border-color:var(--primary);color:var(--primary);background:var(--blue-50)}.code-block{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#0f172a;border:1px solid #ffffff0f;padding:28px 32px;overflow-x:auto}.code-block pre{margin:0}.code-block code{color:#94a3b8;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.8}.code-keyword{color:#7dd3fc}.code-string{color:#86efac}.code-comment{color:#475569;font-style:italic}.code-attr{color:#fca5a5}.input-field{border-radius:var(--radius-md);border:1.5px solid var(--border);width:100%;color:var(--text-1);background:#fff;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.93rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.input-field::placeholder{color:var(--text-4)}@media (max-width:768px){.landing-nav-links{display:none}.footer-grid{grid-template-columns:1fr 1fr}.hero-headline{font-size:2.4rem}.hero-dashboard-grid{grid-template-columns:1fr!important}.hero-dashboard-grid>div:first-child{border-bottom:1px solid var(--border);border-right:none!important}.how-steps-grid{grid-template-columns:1fr!important}.how-steps-connector{display:none}.landing-demo-grid{grid-template-columns:1fr!important;gap:36px!important}.landing-demo-widget{justify-self:center;width:100%;max-width:420px}.cta-banner-inner{padding:48px 24px}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.container{padding:0 16px}}.progress-container{border:1px solid var(--border)!important;background:#fff!important;flex-direction:column!important;gap:12px!important;padding:20px 24px!important;display:flex!important}.progress-header{align-items:center;gap:10px;font-size:.92rem;display:flex}.eta-text{color:var(--primary);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:99px;margin-left:auto;padding:4px 12px;font-size:.8rem;font-weight:600}.progress-bar-bg{background:var(--bg-alt);border-radius:99px;width:100%;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-bar-fill{background:var(--gradient);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px #2563eb4d}.progress-stats{color:var(--text-3);justify-content:space-between;font-size:.8rem;font-weight:500;display:flex}