:root{--color-bg-primary: #000000;--color-bg-card: #0a0a0a;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-accent-blue: #3b82f6;--color-accent-cyan: #06b6d4;--color-accent-purple: #8b5cf6;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}a{color:var(--color-accent-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-accent-cyan)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}@media(max-width:1024px){:root{--font-size-4xl: 3rem;--font-size-3xl: 2.5rem;--font-size-2xl: 1.75rem}}@media(max-width:768px){:root{--font-size-4xl: 2.5rem;--font-size-3xl: 2rem;--font-size-2xl: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 4rem}.container{padding:0 var(--spacing-sm)}}.navbar{position:fixed;top:0;left:0;right:0;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-container{max-width:none;margin:0;padding:1.5rem 2rem 1.5rem 5rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo span{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;list-style:none;gap:2.5rem;margin:0;padding:0}.navbar-menu li a{color:var(--color-text-primary);font-size:1rem;font-weight:500;cursor:pointer;position:relative;transition:color .3s ease}.navbar-menu li a:hover{color:var(--color-accent-cyan)}.navbar-menu li a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-accent-blue),var(--color-accent-cyan));transition:width .3s ease}.navbar-menu li a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001}.hamburger span{width:25px;height:3px;background-color:var(--color-text-primary);transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{overflow:hidden;background-color:#000000fa}.mobile-menu ul{list-style:none;padding:1rem 2rem 2rem;margin:0}.mobile-menu li{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu li a{color:var(--color-text-primary);font-size:1.1rem;font-weight:500;cursor:pointer;display:block;transition:color .3s ease}.mobile-menu li a:hover{color:var(--color-accent-cyan)}@media(max-width:768px){.navbar-menu{display:none}.hamburger{display:flex}.navbar-container{padding:1rem}}.hero-cards-container{position:relative;width:320px;height:440px;perspective:1000px;margin:2rem auto 0}.hero-card{width:100%;height:400px;border-radius:20px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a;transform-style:preserve-3d}.hero-card-gloss{position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 40%,transparent 100%);border-radius:20px 20px 0 0;pointer-events:none;z-index:2}.hero-card-content{display:flex;flex-direction:column;align-items:center;padding:1.8rem 1.5rem 1rem;position:relative;z-index:1}.hero-card-icon{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.hero-card-shine{width:80%;height:2px;border-radius:1px;margin-bottom:1rem;position:relative;overflow:visible}.hero-card-shine:after{content:"";position:absolute;top:-3px;left:0;right:0;height:8px;background:inherit;filter:blur(6px);opacity:.6}.hero-card-lines{list-style:none;padding:0;margin:0;width:100%;text-align:center}.hero-card-lines li{font-size:.9rem;color:#ffffffb3;line-height:1.8;letter-spacing:.01em}.hero-card-title{font-size:1.1rem;font-weight:600;margin:0 0 .8rem;letter-spacing:.02em;text-align:center}.hero-cards-dots{display:flex;gap:8px;justify-content:center;margin-top:1rem}.hero-cards-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;padding:0}.hero-cards-dot.active{width:24px;border-radius:4px}@media(max-width:768px){.hero-cards-container{width:260px;height:380px}.hero-card{height:340px}.hero-card-icon{font-size:3.5rem}}@media(max-width:480px){.hero-cards-container{width:220px;height:340px}.hero-card{height:300px}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-primary);position:relative;overflow:hidden;padding:6rem 0 2rem}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.hero-content{text-align:center;z-index:1;padding:0 var(--spacing-md)}.hero-title{font-size:6rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary);letter-spacing:-.02em}.hero-title .hero-char{display:inline-block}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}@media(max-width:768px){.hero-title{font-size:3.5rem}.hero-subtitle{font-size:var(--font-size-lg)}.hero:before{width:400px;height:400px}}@media(max-width:480px){.hero-title{font-size:2.75rem}.hero-subtitle{font-size:var(--font-size-md)}}.services-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg);perspective:1200px}.service-card{background:linear-gradient(145deg,#ffffff12,#ffffff05,#0000000d);background-color:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:var(--spacing-md);text-align:center;cursor:pointer;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s ease;box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:skew(-15deg);transition:left .6s ease;pointer-events:none;z-index:1}.service-card:hover:before{left:125%}.service-card:hover{border-color:var(--color-accent-blue);box-shadow:0 8px 16px #0006,0 20px 50px #3b82f626,inset 0 1px #ffffff1a}.service-card-inner{transform:translateZ(40px)}.service-icon{font-size:3rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.service-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.service-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media(max-width:768px){.services-grid{grid-template-columns:1fr}.services-title{font-size:var(--font-size-2xl)}.service-card{padding:var(--spacing-sm)}}.vision{background-color:var(--color-bg-primary)}.vision-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.vision-image{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #3b82f633}.vision-image img{width:100%;height:auto;display:block;object-fit:cover}.vision-text h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vision-text p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-sm)}@media(max-width:768px){.vision-content{grid-template-columns:1fr;gap:var(--spacing-md)}.vision-text h2{font-size:var(--font-size-2xl)}.vision-text p{font-size:var(--font-size-md)}}} .technologies-title{text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.tech-card{background-color:var(--color-bg-card);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease;aspect-ratio:1;min-height:140px}.tech-card:hover{background-color:#ffffff0d;border-color:currentColor}.tech-icon{font-size:3.5rem;transition:transform .2s ease;line-height:1}.tech-card:hover .tech-icon{transform:scale(1.1)}.tech-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0;font-weight:600;margin-top:.25rem}@media(max-width:768px){.technologies-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.tech-card{padding:1rem .75rem;min-height:110px}.tech-icon{font-size:2.75rem}.technologies-title{font-size:var(--font-size-2xl)}}@media(max-width:480px){.technologies-grid{grid-template-columns:repeat(2,1fr)}.tech-icon{font-size:2.25rem}}.footer{background-color:var(--color-bg-primary);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-lg) 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-social{display:flex;gap:var(--spacing-md)}.social-icon{font-size:2rem;cursor:pointer;transition:all .3s ease}.social-icon:hover{filter:drop-shadow(0 0 10px currentColor)}.footer-copyright{text-align:center}.footer-copyright p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@media(max-width:768px){.footer{padding:var(--spacing-md) 0}.footer-social{gap:var(--spacing-sm)}.social-icon{font-size:1.5rem}}