@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-base:#030303;--bg-surface:#0a0a0c;--bg-surface-hover:#121218;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-secondary:#06b6d4;--color-accent:#10b981;--color-purple-glow:rgba(139,92,246,.12);--color-cyan-glow:rgba(6,182,212,.08);--color-text-main:#fff;--color-text-muted:#94a3b8;--color-text-dark:#64748b;--border-color:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--font-sans:"Plus Jakarta Sans","Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.8s cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-base);color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}*{will-change:auto}body{overflow-x:hidden;line-height:1.6;background-color:var(--bg-base);color:var(--color-text-main)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:120px 0}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:50px 50px;background-position:top;mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 40%,transparent 80%);pointer-events:none;z-index:1}.glow-orb{width:600px;height:600px;background:radial-gradient(circle,var(--color-purple-glow) 0,rgba(3,3,3,0) 70%)}.glow-orb,.glow-orb-cyan{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px);transform:translateZ(0);will-change:transform}.glow-orb-cyan{width:500px;height:500px;background:radial-gradient(circle,var(--color-cyan-glow) 0,rgba(3,3,3,0) 70%)}header{position:fixed;top:0;left:0;width:100%;z-index:100;border-bottom:1px solid var(--border-color);background:rgba(3,3,3,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition-normal);transform:translateZ(0);will-change:background,padding}header.scrolled{background:rgba(3,3,3,.95);padding:6px 0;border-color:hsla(0,0%,100%,.1)}.nav-container{justify-content:space-between;height:72px}.logo,.nav-container{display:flex;align-items:center}.logo{gap:8px;font-weight:800;font-size:22px;letter-spacing:-.04em;color:var(--color-text-main)}.logo span{color:var(--color-primary)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-size:14px;font-weight:500;color:var(--color-text-muted)}.nav-links a:hover{color:var(--color-primary)}.nav-cta{display:flex;align-items:center;gap:16px}.mobile-menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px;z-index:101}.mobile-menu-toggle span{width:24px;height:2px;background:var(--color-text-main);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav{display:none;position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);background:rgba(3,3,3,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav.active{opacity:1;pointer-events:all}.mobile-nav-links{display:flex;flex-direction:column;padding:32px 24px;gap:8px}.mobile-nav-links a{font-size:18px;font-weight:600;color:var(--color-text-main);padding:16px 20px;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.mobile-nav-links a:hover{background:rgba(139,92,246,.1);border-color:var(--color-primary);color:var(--color-primary)}.mobile-nav-cta{display:flex;flex-direction:column;gap:12px;padding:24px;border-top:1px solid var(--border-color);margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,#a78bfa 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(139,92,246,.4)}.btn-secondary{background-color:hsla(0,0%,100%,.05);color:var(--color-text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:hsla(0,0%,100%,.12);border-color:var(--border-hover);transform:translateY(-2px)}.btn-lg{padding:14px 28px;font-size:16px}.hero{position:relative;padding-top:190px;padding-bottom:80px;overflow:hidden;text-align:center;background-image:linear-gradient(180deg,rgba(3,3,3,.2),#030303),url(/hero_bg.png);background-size:cover;background-position:50%}.badge-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.18);color:#a78bfa;font-size:12px;font-weight:600;margin-bottom:24px;text-transform:uppercase;letter-spacing:.06em}.badge-tag,.hero h1{position:relative;z-index:2}.hero h1{font-size:60px;max-width:950px;margin:0 auto 24px;background:linear-gradient(180deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;color:var(--color-text-muted);max-width:650px;margin:0 auto 40px}.hero p,.hero-ctas{position:relative;z-index:2}.hero-ctas{display:flex;justify-content:center;gap:16px;margin-bottom:60px}.simulator-wrapper{position:relative;max-width:900px;margin:0 auto;border-radius:16px;background:#07070a;padding:6px;box-shadow:0 30px 60px rgba(0,0,0,.7);z-index:10;overflow:hidden}.simulator-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,var(--color-primary),transparent 30%,transparent,var(--color-secondary),transparent 80%);animation:spin 6s linear infinite;z-index:1;pointer-events:none}.simulator-inner{position:relative;background:#07070a;border-radius:12px;z-index:2}@keyframes spin{to{transform:rotate(1turn)}}.simulator-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-color)}.window-dots{display:flex;gap:6px}.window-dots span{width:10px;height:10px;border-radius:50%}.window-dots span:first-child{background-color:#ff5f56}.window-dots span:nth-child(2){background-color:#ffbd2e}.window-dots span:nth-child(3){background-color:#27c93f}.window-title{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dark)}.simulator-body{padding:36px;min-height:340px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.uploader-area{border:2px dashed rgba(139,92,246,.2);border-radius:12px;width:100%;padding:44px 20px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:rgba(139,92,246,.01)}.uploader-area:hover{border-color:var(--color-primary);background:rgba(139,92,246,.03)}.uploader-icon{font-size:32px;margin-bottom:16px;color:#a78bfa}.uploader-formats{display:flex;gap:12px;justify-content:center;margin-top:16px}.format-badge{padding:4px 8px;border-radius:4px;background:hsla(0,0%,100%,.03);font-size:10px;color:var(--color-text-muted);border:1px solid var(--border-color)}.format-badge,.sim-scanning{font-family:var(--font-mono)}.sim-scanning{width:100%;text-align:left;font-size:13px;color:#c084fc}.sim-line{margin-bottom:10px;opacity:0;transform:translateY(4px);line-height:1.5}.progress-bar-container{width:100%;height:4px;background:hsla(0,0%,100%,.05);border-radius:10px;margin:20px 0;overflow:hidden}.progress-bar{width:0;height:100%;background:var(--color-primary);transition:width .1s linear}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;perspective:1000px}.bento-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:32px;overflow:hidden;transition:transform .1s ease,border-color var(--transition-normal),box-shadow var(--transition-normal);transform-style:preserve-3d}.bento-card:hover{border-color:var(--border-hover);box-shadow:0 12px 30px rgba(0,0,0,.5)}.bento-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x,0) var(--mouse-y,0),rgba(139,92,246,.05),transparent 45%);z-index:1;pointer-events:none}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:hsla(0,0%,100%,.02);border:1px solid var(--border-color);margin-bottom:24px;color:var(--color-primary);transform:translateZ(20px)}.bento-card h3{font-size:20px;margin-bottom:12px;z-index:2;position:relative;transform:translateZ(15px)}.bento-card p{font-size:14px;color:var(--color-text-muted);z-index:2;position:relative;transform:translateZ(10px)}.col-span-2{grid-column:span 2}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:40px}.integration-card{background:hsla(0,0%,100%,.01);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;transition:var(--transition-fast)}.integration-card:hover{background:hsla(0,0%,100%,.03);border-color:rgba(139,92,246,.3)}.integration-icon{width:32px;height:32px;border-radius:6px;background:#0f0f13;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.05);color:var(--color-primary)}.integration-info h4{font-size:14px;font-weight:600}.integration-info p{font-size:11px;color:var(--color-text-dark)}.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.process-step{position:relative;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:transform var(--transition-normal),border-color var(--transition-normal)}.process-step:hover{transform:translateY(-4px);border-color:var(--border-hover)}.step-num{font-family:var(--font-mono);font-size:12px;color:var(--color-secondary);margin-bottom:16px;font-weight:600}.process-step h3{font-size:18px;margin-bottom:12px}.process-step p{font-size:13px;color:var(--color-text-muted)}.testimonial-container{max-width:800px;margin:0 auto;position:relative;min-height:240px}.testimonial-slide{display:none;text-align:center;animation:fadeIn .5s ease}.testimonial-slide.active{display:block}.quote-icon{font-size:48px;color:rgba(139,92,246,.1);line-height:1;margin-bottom:16px}.testimonial-text{font-size:20px;font-style:italic;color:var(--color-text-main);margin-bottom:24px;line-height:1.5}.testimonial-author{font-weight:600;font-size:14px}.testimonial-author span{color:var(--color-text-dark);font-weight:400}.testimonial-nav{display:flex;justify-content:center;gap:12px;margin-top:32px}.test-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.2);cursor:pointer;transition:var(--transition-fast)}.test-dot.active{background:var(--color-primary);width:20px;border-radius:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;align-items:stretch}.pricing-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:40px;display:flex;flex-direction:column;position:relative;transition:var(--transition-normal)}.pricing-card.popular{border-color:var(--color-primary);background:radial-gradient(circle at top right,rgba(139,92,246,.02) 0,var(--bg-surface) 60%)}.popular-tag{position:absolute;top:20px;right:20px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:100px;letter-spacing:.05em}.pricing-card:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.15)}.pricing-card.popular:hover{border-color:var(--color-primary);box-shadow:0 10px 30px rgba(139,92,246,.15)}.pricing-card h3{font-size:20px;margin-bottom:8px}.pricing-card .price{font-size:40px;font-weight:800;margin-bottom:24px;display:flex;align-items:baseline}.pricing-card .price span{font-size:14px;font-weight:400;color:var(--color-text-muted)}.features-list{list-style:none;margin-bottom:32px;flex-grow:1}.features-list li{font-size:14px;color:var(--color-text-muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}.features-list li svg{color:var(--color-primary);flex-shrink:0}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-color);padding:24px 0}.faq-question{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question:hover{color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(0,1,0,1);color:var(--color-text-muted);font-size:14px}.faq-item.active .faq-answer{max-height:1000px;margin-top:12px;transition:max-height .3s ease-in-out}.faq-toggle{transition:transform var(--transition-normal)}.faq-item.active .faq-toggle{transform:rotate(45deg);color:var(--color-primary)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{font-size:38px;margin-bottom:16px;background:linear-gradient(180deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:16px;color:var(--color-text-muted)}.cta-footer{position:relative;text-align:center;background:radial-gradient(circle at center,rgba(139,92,246,.08) 0,rgba(3,3,3,0) 70%);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.cta-footer h2{font-size:48px;margin-bottom:20px}.cta-footer p{font-size:16px;color:var(--color-text-muted);max-width:500px;margin:0 auto 32px}.newsletter-form{display:flex;max-width:450px;margin:32px auto 0;gap:8px}.newsletter-form input{flex-grow:1;background:hsla(0,0%,100%,.03);border:1px solid var(--border-color);border-radius:100px;padding:12px 24px;color:#fff;font-size:14px;outline:none;transition:var(--transition-fast)}.newsletter-form input:focus{border-color:var(--color-primary);background:hsla(0,0%,100%,.06)}footer{padding:60px 0;font-size:13px;color:var(--color-text-muted)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);grid-gap:40px;gap:40px;margin-bottom:40px}.footer-brand{font-size:18px;color:#fff;margin-bottom:12px}.footer-brand p{max-width:280px;margin-bottom:20px;font-size:13px;color:var(--color-text-muted)}.footer-links-col h4{color:#fff;font-size:14px;margin-bottom:16px}.footer-links-col ul{list-style:none}.footer-links-col ul li{margin-bottom:10px}.footer-links-col ul li a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:24px}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.scroll-reveal.visible{opacity:1;transform:translateY(0);will-change:auto}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pricing-card.popular{grid-column:span 2}}@media (max-width:768px){.nav-cta,.nav-links{display:none}.mobile-menu-toggle{display:flex}.mobile-nav{display:block}.hero h1{font-size:38px}.bento-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.pricing-grid,.process-timeline{grid-template-columns:1fr}.pricing-card.popular{grid-column:span 1}.footer-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column;border-radius:0}.newsletter-form input{border-radius:100px}.section-padding{padding:80px 0}.container{padding:0 16px}}#features{background-image:linear-gradient(180deg,#030303,rgba(3,3,3,.88) 50%,#030303),url(/features_bg.png)}#features,#integrations{background-size:cover;background-position:50%;position:relative}#integrations{background-image:linear-gradient(180deg,#030303,rgba(3,3,3,.85) 50%,#030303),url(/integrations_bg.png)}#process{background-image:linear-gradient(180deg,#030303,rgba(3,3,3,.88) 50%,#030303),url(/process_bg.png)}#pricing,#process{background-size:cover;background-position:50%;position:relative}#pricing{background-image:linear-gradient(180deg,#030303,rgba(3,3,3,.88) 50%,#030303),url(/pricing_bg.png)}