@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-deep:#12151e;--bg-canvas:#141722;--bg-surface:#161a26;--bg-surface-elevated:#1a1e2c;--bg-surface-hover:#1c2130;--border-subtle:#ffffff0a;--border-highlight:#ffffff14;--border-active:#6366f159;--accent-primary:#6366f1;--accent-secondary:#22d3ee;--accent-tertiary:#a855f7;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--neu-flat:6px 6px 14px #0000008c, -5px -5px 12px #ffffff08;--neu-raised:8px 8px 18px #0009, -6px -6px 16px #ffffff0a;--neu-card:10px 10px 24px #000000a6, -8px -8px 20px #ffffff0b;--neu-hover:14px 14px 30px #000000bf, -10px -10px 24px #ffffff0f;--neu-inset:inset 3px 3px 7px #000000a6, inset -3px -3px 7px #ffffff09;--neu-inset-deep:inset 4px 4px 10px #000000bf, inset -4px -4px 10px #ffffff08;--neu-pressed:inset 4px 4px 8px #000c, inset -3px -3px 6px #ffffff06;--gradient-linear:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-linear-reverse:linear-gradient(135deg, var(--accent-secondary), var(--accent-tertiary));--gradient-text:linear-gradient(135deg, #fff 30%, #94a3b8 100%);--gradient-accent-text:linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-primary) 50%, var(--accent-tertiary) 100%);--gradient-mesh:radial-gradient(circle at 20% 15%, #6366f10a 0%, transparent 40%), radial-gradient(circle at 80% 85%, #22d3ee09 0%, transparent 40%);--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-deep);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html:not(.lenis){scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{background:var(--bg-deep);background-image:var(--gradient-mesh);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.5rem}}.glass,.neu-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--neu-card);border-radius:24px;transition:all .35s cubic-bezier(.16,1,.3,1)}.glass:hover,.neu-card:hover{background:var(--bg-surface-elevated);border-color:var(--border-highlight);box-shadow:var(--neu-hover);transform:translateY(-4px)}.neu-inset{background:var(--bg-deep);box-shadow:var(--neu-inset);border:1px solid #0000004d;border-radius:16px}.logo{font-family:var(--font-display);letter-spacing:-1.5px;font-weight:800}.text-gradient{background:var(--gradient-accent-text);background-image:var(--gradient-accent-text);-webkit-text-fill-color:transparent;color:var(--accent-secondary);-webkit-background-clip:text;background-clip:text;display:inline-block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700}.interactive{cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.interactive:active{transform:scale(.96)}@media (pointer:fine){*,:before,:after{cursor:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.animate-blink{animation:.9s step-end infinite blink}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #ff4b2b}50%{opacity:.7;transform:scale(1.2);box-shadow:0 0 20px #ff4b2b,0 0 30px #ff4b2b}}@keyframes statusPulse{0%{transform:scale(.95);box-shadow:0 0 #22d3eeb3}70%{transform:scale(1);box-shadow:0 0 0 8px #22d3ee00}to{transform:scale(.95);box-shadow:0 0 #22d3ee00}}@keyframes floatGently{0%,to{transform:translate(0,0)}50%{transform:translateY(-8px)}}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cardBorderGlow{0%,to{border-color:#6366f159;box-shadow:10px 10px 24px #000000a6,-8px -8px 20px #ffffff0a,0 0 20px #6366f126}50%{border-color:#22d3ee73;box-shadow:12px 12px 28px #000000b3,-9px -9px 22px #ffffff0e,0 0 28px #22d3ee38}}@keyframes ambientPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.pulse-status{will-change:transform, box-shadow;animation:2s cubic-bezier(.4,0,.6,1) infinite statusPulse}.float-slow{will-change:transform;animation:5s ease-in-out infinite floatGently}.glow-card{will-change:border-color, box-shadow;animation:4s ease-in-out infinite cardBorderGlow}.shimmer-badge{position:relative;overflow:hidden}.shimmer-badge:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);animation:3s infinite shimmerSlide;position:absolute;inset:0;transform:translate(-100%)}.ambient-glow{will-change:transform, opacity;animation:5s ease-in-out infinite ambientPulse}section{padding:120px 0;position:relative}@media (width<=768px){section{padding:80px 0}}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:after{content:"";background:#ffffff0d;width:2px;position:absolute;top:0;bottom:0;left:32px}.timeline-item{margin-bottom:48px;padding-left:80px;position:relative}.timeline:after{content:"";background:var(--bg-deep);width:3px;box-shadow:var(--neu-inset);border-radius:4px;position:absolute;top:0;bottom:0;left:32px}.timeline-dot{background:var(--bg-surface);border:2px solid var(--accent-secondary);z-index:2;width:20px;height:20px;box-shadow:4px 4px 10px #00000080, -3px -3px 8px #ffffff0a, 0 0 12px var(--accent-secondary);border-radius:50%;position:absolute;top:8px;left:23px}.btn{--border-color:linear-gradient(-45deg, #ffae00, #7e03aa, #00fffb);--border-width:.125em;--curve-size:.5em;--blur:30px;--bg:#080312;--color:#afffff;color:var(--color);cursor:pointer;isolation:isolate;font-size:15px;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;clip-path:polygon( 0% var(--curve-size), var(--curve-size) 0,  100% 0, 100% calc(100% - var(--curve-size)),  calc(100% - var(--curve-size)) 100%,  0 100%);border:0;justify-content:center;align-items:center;gap:10px;padding:.75em 1.75em;font-weight:700;text-decoration:none;transition:color .25s;display:inline-flex;position:relative;box-shadow:10px 10px 20px #0009}.btn:after,.btn:before{content:"";position:absolute;inset:0}.btn:before{background:var(--border-color);z-index:-2;background-size:300% 300%;animation:5s infinite move-bg7234}@keyframes move-bg7234{0%{background-position:31% 0}50%{background-position:70% 100%}to{background-position:31% 0}}.btn:after{background:var(--bg);z-index:-1;clip-path:polygon( var(--border-width) calc(var(--curve-size) + var(--border-width) * .5), calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),  calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),  calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),  var(--border-width) calc(100% - var(--border-width)));transition:clip-path .5s}.btn:where(:hover,:focus):after{clip-path:polygon( calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)), calc(100% - var(--border-width)) var(--border-width),  calc(100% - var(--border-width)) var(--border-width), calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),  calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),  calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)));transition:all .2s}.btn:where(:hover,:focus){color:#fff}.neu-icon-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:14px;justify-content:center;align-items:center;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:5px 5px 12px #00000080,-4px -4px 10px #ffffff09}.neu-icon-btn:hover{color:var(--accent-secondary);border-color:var(--border-highlight);transform:translateY(-2px);box-shadow:7px 7px 16px #000000a6,-5px -5px 12px #ffffff0d,0 0 14px #22d3ee26}.neu-icon-btn:active{box-shadow:var(--neu-pressed);transform:translateY(1px)}.tab-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:100px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:5px 5px 12px #00000080,-4px -4px 10px #ffffff08}.tab-btn:hover{color:#fff;border-color:var(--border-highlight);box-shadow:7px 7px 16px #0009,-5px -5px 12px #ffffff0b}.tab-btn.active{background:var(--bg-deep);color:var(--accent-secondary);box-shadow:var(--neu-inset), 0 0 16px #22d3ee26;border-color:#22d3ee4d}.tab-btn:active{box-shadow:var(--neu-pressed)}.progress-bar-track{background:var(--bg-deep);width:100%;height:10px;box-shadow:var(--neu-inset);border:1px solid #0006;border-radius:10px;padding:2px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));border-radius:8px;height:100%;transition:width 1s ease-out;box-shadow:0 0 10px #22d3ee66}.form-group{margin-bottom:24px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input,.form-textarea{background:var(--bg-deep);width:100%;box-shadow:var(--neu-inset);color:#fff;font-family:var(--font-body);border:1px solid #0006;border-radius:16px;padding:15px 20px;font-size:.95rem;transition:all .3s}.form-input:focus,.form-textarea:focus{box-shadow:var(--neu-inset), 0 0 16px #6366f140;background:#0f121a;border-color:#6366f180;outline:none}.loading-screen{background:var(--bg-deep);z-index:10000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s;display:flex;position:fixed;inset:0}.loader{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.loading-text{color:#fff;margin-left:10px;font-size:14pt;font-weight:600}.dot{margin-left:3px;animation:1.5s infinite blink}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}.loading-bar-background{--height:12px;box-sizing:border-box;width:220px;height:var(--height);background:var(--bg-deep);box-shadow:var(--neu-inset);border:1px solid #0006;border-radius:100px;align-items:center;padding:2px;display:flex}.loading-bar{--height:6px;width:0%;height:var(--height);background:linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);box-shadow:0 0 14px var(--accent-secondary);border-radius:100px;flex-direction:column;justify-content:center;animation:2.5s ease-out infinite loading;display:flex;position:relative;overflow:hidden}.white-bars-container{align-items:center;gap:18px;display:flex;position:absolute}.white-bar{opacity:.3;background:linear-gradient(-45deg,#fff 0%,#fff0 70%);width:10px;height:45px;rotate:45deg}@keyframes loading{0%{width:0}80%{width:100%}to{width:100%}}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-container{pointer-events:none;background:#03040b33;border-top:1px solid #ffffff05;border-bottom:1px solid #ffffff05;flex-direction:column;gap:1.25rem;width:100%;padding:40px 0;display:flex;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:15%;position:absolute;top:0;bottom:0}.marquee-container:before{background:linear-gradient(to right, var(--bg-deep) 0%, transparent 100%);left:0}.marquee-container:after{background:linear-gradient(to left, var(--bg-deep) 0%, transparent 100%);right:0}.marquee-row{gap:1.5rem;width:max-content;display:flex}.marquee-row-left{animation:40s linear infinite marqueeLeft}.marquee-row-right{animation:40s linear infinite marqueeRight}.marquee-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border-radius:100px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:4px 4px 10px #00000073,-3px -3px 8px #ffffff06}.hero-grid{grid-template-columns:1fr;align-items:center;gap:5rem;width:100%;display:grid}@media (width>=992px){.hero-grid{grid-template-columns:1.2fr .8fr}}.project-demo-pill{z-index:4;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#0e121cd9;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 20px #00000080,0 0 12px #22d3ee33}.project-demo-pill:hover{border-color:var(--accent-secondary);background:#161c2df2;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 24px #0009,0 0 20px #22d3ee73}