@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap";@font-face{font-family:Nostalgic Letter;src:url(/fonts/Nostalgic%20Letter.otf) format("opentype");font-weight:400;font-style:normal}:root{--bg-color: #020205;--bg-gradient: radial-gradient(circle at 20% 30%, #050a1f 0%, #020205 70%);--card-bg: hsla(240, 15%, 8%, .5);--card-border: hsla(0, 0%, 100%, .08);--text-primary: hsl(0, 0%, 98%);--text-secondary: hsl(240, 5%, 75%);--accent-color: hsl(217, 100%, 60%);--accent-glow: hsla(217, 100%, 60%, .15);--font-main: "Helvetica", "Arial", sans-serif;--font-name: "Nostalgic Letter", cursive;--transition: .5s cubic-bezier(.16, 1, .3, 1);--transition-premium: .8s cubic-bezier(.16, 1, .3, 1);--glass: blur(24px);--marquee-duration: 40s}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-main);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;letter-spacing:-.01em}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 0% 50%,hsla(217,100%,50%,.08) 0%,transparent 60%),radial-gradient(circle at 100% 0%,hsla(240,100%,50%,.04) 0%,transparent 40%);filter:blur(60px)}.blob{position:absolute;width:900px;height:900px;background:var(--accent-glow);filter:blur(180px);border-radius:50%;z-index:-1;will-change:transform,opacity;transform:translateZ(0)}.glass{background:var(--card-bg);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--card-border);transition:var(--transition-premium);will-change:transform,opacity;transform:translateZ(0)}a{text-decoration:none;color:inherit;transition:var(--transition)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:0;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);pointer-events:none}.marquee-content{display:flex;flex-shrink:0;gap:5rem;animation:marquee var(--marquee-duration, 40s) linear infinite;will-change:transform;transform:translateZ(0)}.name-font{font-family:var(--font-name);text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:400!important;line-height:.8!important;display:inline-block;transform:scaleX(1.2);transform-origin:left}.hero-title{position:relative;font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:2rem}.glow-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px var(--accent-glow))}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section,footer{padding:8rem 0;scroll-margin-top:6rem}@media(min-width:769px){.nav-container{padding:.6rem 2.5rem;width:auto;min-width:600px;max-width:1200px}}@media(max-width:768px){body{letter-spacing:.01em}h1{font-size:2.8rem!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}section,footer{padding:4rem 0!important}.container{padding:0 1.5rem!important}.nav-container{padding:.8rem 1.5rem!important;width:calc(100% - 2rem)!important;border-radius:20px!important;top:1rem!important}.hero-grid{grid-template-columns:1fr!important;gap:3rem!important;text-align:center}.hero-title{font-size:3.5rem!important;margin-bottom:1rem!important}.name-font{transform:none!important;display:inline!important;line-height:1!important}.hero-badges{justify-content:center!important}.hero-image img{max-width:300px!important;margin:0 auto}.mobile-scroll-container,.features-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;padding:1rem 1.5rem 2rem!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem!important;margin:0 -1.5rem!important;scrollbar-width:thin!important;scrollbar-color:var(--accent-color) transparent!important;width:calc(100% + 3rem)!important}.mobile-scroll-container::-webkit-scrollbar,.features-grid::-webkit-scrollbar{display:block!important;height:4px!important}.mobile-scroll-container::-webkit-scrollbar-thumb,.features-grid::-webkit-scrollbar-thumb{background:var(--accent-color)!important;border-radius:10px}.mobile-scroll-container::-webkit-scrollbar-track,.features-grid::-webkit-scrollbar-track{background:#ffffff0d}.mobile-scroll-container>*,.features-grid>*{flex:0 0 280px!important;scroll-snap-align:start;max-width:280px!important;min-width:280px!important}.stats-divider{display:none!important}section#portfolio+section{padding-top:2rem!important}.marquee-container{margin:2rem 0!important}.marquee-content{gap:2rem!important}footer h1{font-size:4.5rem!important}}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0066ff4d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#06f9}@media(max-width:768px){.hero-img{max-width:280px!important}.vision-img-container{width:140px!important;height:140px!important}}@media(min-width:769px){.features-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;gap:2.5rem!important}}@media(max-width:768px){:root{--glass: blur(8px)}.blob{display:none!important}.glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#111117e6!important}section{content-visibility:auto;contain-intrinsic-size:500px}}.long-form-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}@media(max-width:768px){.long-form-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.long-form-grid>*{max-width:100%!important;min-width:unset!important}}
