@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--bg-black: #05040D;--bg-navy: #080A18;--bg-violet: #140B2E;--bg-purple: #221044;--accent-pink: #FF3B8D;--accent-magenta: #FF2D78;--accent-violet: #7B3CFF;--accent-blue: #236BFF;--jx-bg: var(--bg-black);--jx-surface: rgba(20, 11, 46, .4);--jx-card: rgba(255, 255, 255, .03);--jx-border: rgba(255, 255, 255, .08);--jx-text: #ffffff;--jx-muted: rgba(255, 255, 255, .5);--jx-radius: 32px;--jx-blur: 24px;--jx-font: "Outfit", sans-serif;--jx-noise: url(https://grainy-gradients.vercel.app/noise.svg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{font-family:var(--jx-font);background:var(--jx-bg);color:var(--jx-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.nebula-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg-black)}.nebula-bg:before{content:"";position:absolute;width:100%;height:100%}.nebula-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:var(--jx-noise);filter:contrast(150%) brightness(100%);pointer-events:none}button{font-family:var(--jx-font);transition:all .3s cubic-bezier(.22,1,.36,1);cursor:pointer}button:active{transform:scale(.98)}input,select,textarea{font-family:var(--jx-font);background:var(--jx-surface);border:1px solid var(--jx-border);border-radius:var(--jx-radius);color:var(--jx-text);padding:12px 20px;outline:none;transition:all .3s}input:focus{border-color:var(--jx-accent);box-shadow:0 0 0 4px var(--jx-accent-glow)}.glass-card{background:var(--jx-card);border:1px solid var(--jx-border);border-radius:var(--jx-radius);backdrop-filter:blur(var(--jx-blur));-webkit-backdrop-filter:blur(var(--jx-blur))}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.22,1,.36,1) forwards}.skeleton{background:linear-gradient(90deg,var(--jx-card) 25%,var(--jx-surface) 50%,var(--jx-card) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-container{position:relative;height:auto;min-height:100vh;width:100%;overflow:hidden;background:url(/hero_bg.webp) no-repeat center right / cover;background-color:#05040d}.hero-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,#05040D 0%,transparent 15%,transparent 85%,#05040D 100%),linear-gradient(to bottom,transparent 70%,#05040D 100%),linear-gradient(to top,#05040D 0%,transparent 10%);pointer-events:none}.hero-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 60% 30%,rgba(255,255,255,.035),transparent 18%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.025),transparent 20%);opacity:.45;mix-blend-mode:screen;z-index:2}.hero-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 70%,#05040D 100%);pointer-events:none;z-index:1}.glass-section{position:relative;z-index:10;max-width:1400px;margin:-40px auto 0;background:#ffffff08;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:40px;box-shadow:0 40px 100px #000c;padding:6rem 4rem;overflow:hidden}.bento-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bento-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.bento-hero{background:linear-gradient(135deg,#05040dcc,#100e1dcc);border-color:#7b3cff1a}.bento-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(123,60,255,.05) 0%,transparent 50%);pointer-events:none}@media(max-width:425px){h1{font-size:1.8rem!important}h2{font-size:1.6rem!important}h3{font-size:1.3rem!important}body{font-size:.95rem}}@media(max-width:375px){h1{font-size:1.6rem!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}body{font-size:.9rem}}@media(max-width:320px){h1{font-size:1.4rem!important}h2{font-size:1.2rem!important}h3{font-size:1.1rem!important}body{font-size:.85rem}}.mobile-menu-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#05040d!important;z-index:10000!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2.5rem!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden;pointer-events:none}.mobile-menu-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.mobile-link{font-size:1.5rem;font-weight:800;color:#fff!important;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.mobile-link:hover{color:var(--accent-pink)!important;transform:scale(1.05)}@media(max-width:1024px){#integration,#features-list,#use-cases{margin-top:4rem!important}#integration>div{padding:40px 1rem!important;border-radius:24px!important}#features-list{padding:80px 1rem 40px!important}#use-cases{padding-top:100px!important;clip-path:none!important;border-top:1px solid rgba(255,59,141,.2)!important}#use-cases .notch-container{display:none!important}nav .nav-links{display:none!important}nav .mobile-menu-btn{display:flex!important}}@media(max-width:425px){.hero-container h1{font-size:1.9rem!important;line-height:1.2!important}#integration h2{font-size:1.5rem!important}#use-cases h2{font-size:1.6rem!important}#how-it-works h2,#comparison h2{font-size:1.5rem!important}#pricing .pricing-title{font-size:2rem!important}#pricing .glass-card{padding:1.5rem!important;width:100%!important}.integration-card{padding:1.2rem!important;gap:.8rem!important}.integration-card h3{font-size:1.1rem!important}.integration-card p{font-size:.8rem!important}}@media(max-width:375px){.hero-container h1{font-size:1.7rem!important}#pricing .glass-card{padding:1.2rem!important}#pricing .price-amount{font-size:1.8rem!important}#pricing .price-feature{font-size:.75rem!important}#pricing .price-desc{font-size:.75rem!important;min-height:auto!important}.integration-card h3{font-size:1rem!important}.integration-card p{font-size:.75rem!important}}@media(max-width:320px){.hero-container h1{font-size:1.4rem!important;letter-spacing:-.02em!important}.hero-container p{font-size:.85rem!important}#integration h2{font-size:1.1rem!important}#use-cases h2{font-size:1.2rem!important}#how-it-works h2{font-size:1.1rem!important}#pricing .pricing-title{font-size:1.3rem!important}#pricing .glass-card{padding:1rem!important}#pricing .price-amount{font-size:1.5rem!important}#pricing .price-feature{font-size:.7rem!important;gap:6px!important}#pricing .price-feature span{font-size:.7rem!important}#pricing button{padding:12px!important;font-size:.85rem!important}.integration-card{padding:1rem!important}.integration-card h3{font-size:.95rem!important}.integration-card p{font-size:.7rem!important}nav{padding:.6rem!important}nav div{font-size:1.1rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite;display:inline-block}