.hero{color:#fff;background:#0a0e28;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-slider{z-index:0;position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity 1.6s,transform 6s;position:absolute;inset:0;transform:scale(1.08)}.hero-slide.active{opacity:1;transform:scale(1)}.hero-bg{background-position:50%;background-size:cover;transition:transform .4s;position:absolute;inset:0}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:1;background:linear-gradient(90deg,#0a0e28f2 0%,#0a0e28d9 45%,#0a0e288c 75%,#0a0e2840 100%);position:absolute;inset:0}.hero-particles{opacity:.12;z-index:1;background-image:radial-gradient(2px 2px at 30% 40%,#fff9,#0000),radial-gradient(2px 2px at 70% 60%,#ffffff80,#0000);animation:120s linear infinite stars;position:absolute;inset:0}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-120px)}}.hero-sparks{opacity:.18;z-index:1;background-image:radial-gradient(circle,#ff8c00cc 2px,#0000 4px);background-size:280px 280px;animation:10s linear infinite sparksMove;position:absolute;inset:0}@keyframes sparksMove{0%{transform:translateY(0)}to{transform:translateY(-300px)}}.hero-glow{mix-blend-mode:screen;z-index:1;background:radial-gradient(circle at 70% 40%,#ff500040,#0000 40%),radial-gradient(circle at 20% 70%,#ff280033,#0000 45%);animation:10s linear infinite glowMove;position:absolute;inset:0}@keyframes glowMove{0%{transform:translate(0)}50%{transform:translate(-40px)}to{transform:translate(0)}}.hero-geometry{z-index:2;animation:8s ease-in-out infinite geometryMove;position:absolute;bottom:0;left:0}.hero-geometry svg{width:420px}.hero-geometry polygon:first-child{fill:#c40c0c}.hero-geometry polygon:last-child{fill:#0a1a3a}@keyframes geometryMove{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.hero-content{z-index:3;max-width:720px;padding-left:6%;position:relative}.hero-content h1{margin-bottom:24px;font-size:52px;line-height:1.1}.hero-content p{color:#d1d8e0;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-content{animation:.8s fadeText}@keyframes fadeText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cursor{animation:1s infinite blink}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.hero-actions{gap:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#c40c0c;border:none;border-radius:8px;padding:14px 28px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary:hover{background:#a00a0a;transform:translateY(-2px);box-shadow:0 8px 20px #c40c0c66}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:200%;transition:all .9s cubic-bezier(.19,1,.22,1);position:absolute;top:-50%;left:-100%;transform:rotate(35deg)}.btn-primary:hover:after{left:150%}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:8px;padding:14px 28px;font-weight:600}.btn-secondary:hover{background:#ffffff57}@media (max-width:1024px){.hero-content h1{font-size:38px}}@media (max-width:768px){.hero{align-items:flex-start;padding-top:150px}.hero-overlay{background:linear-gradient(#0a0e28f2 0%,#0a0e28d9 50%,#0a0e28b3 100%)}.hero-content{padding:40px 6%}.hero-content h1{font-size:30px}.hero-geometry{bottom:-40px;left:-40px}.hero-geometry svg{opacity:.65;width:220px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-actions a{cursor:pointer;text-decoration:none}.hero-glow{opacity:.35;transform:none!important}.hero-bg{transform:none!important}}
.how-it-works{background:#0a0e28;padding:160px 6% 140px;position:relative;overflow:hidden}.how-it-works:after{content:"";filter:blur(12px);opacity:.8;pointer-events:none;z-index:0;background-image:url(/images/geometric/geometric1.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;width:110%;height:300px;position:absolute;bottom:-40px;left:-40px}.how-container{z-index:2;position:relative}.industrial-particles{opacity:.2;background-image:radial-gradient(circle,#fbff0099 2px,#0000 3px);background-size:220px 220px;animation:25s linear infinite particlesMove;position:absolute;inset:0}@keyframes particlesMove{0%{transform:translateY(0)}to{transform:translateY(-500px)}}.how-header{text-align:center;margin-bottom:90px}.how-header h2{color:#fff;margin-bottom:12px;font-size:42px}.how-header p{color:#b7c0d9;max-width:650px;margin:auto}.steps{grid-template-columns:repeat(4,1fr);gap:40px;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg,#0000,#c40c0c,#0000);height:2px;position:absolute;top:45px;left:0;right:0;overflow:hidden}.steps:after{content:"";background:linear-gradient(90deg,#0000,red,#0000);width:40%;height:2px;animation:3s linear infinite flow;position:absolute;top:45px;left:-20%}@keyframes flow{0%{left:-20%}to{left:120%}}.step{opacity:0;text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:34px 24px;transition:all .6s;transform:translateY(60px)}.step.visible{opacity:1;transform:translateY(0)}.step:hover{border-color:#c40c0c;transform:translateY(-10px);box-shadow:0 20px 40px #c40c0c40}.step-circle{background:linear-gradient(145deg,#c40c0c,#7a0707);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:auto auto 16px;font-size:28px;animation:3s ease-in-out infinite iconPulse;display:flex;box-shadow:0 0 20px #c40c0cb3}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.step-number{color:#ff4a4a;margin-bottom:8px;font-weight:700;display:block}.step h3{color:#fff;margin-bottom:10px}.step p{color:#cfd6e4;font-size:14px;line-height:1.6}@media (max-width:1000px){.steps{grid-template-columns:repeat(2,1fr)}.steps:before,.steps:after{display:none}}@media (max-width:600px){.steps{grid-template-columns:1fr;gap:28px}.how-header h2{font-size:30px}}
.services-section{color:#fff;background:radial-gradient(circle at 20% 30%,#c40c0c40,#0000 40%),radial-gradient(circle at 80% 60%,#0032ff2e,#0000 45%),linear-gradient(#13172c 0%,#050816 100%);padding:120px 0;position:relative;overflow:hidden}.services-section:before{content:"";opacity:.12;pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.container{z-index:2;max-width:1200px;margin:0 auto;padding:0 5%;position:relative}.services-header{text-align:center;max-width:800px;margin:0 auto 80px}.top-badge{color:#ff3a3a;letter-spacing:2px;text-transform:uppercase;background:#c40c0c26;border:1px solid #c40c0c4d;border-radius:100px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.services-header h2{color:#fff;margin-bottom:20px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.2}.services-header h2 span{color:#c40c0c}.header-desc{color:#cfd6e4;font-size:18px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;height:100%;padding:40px;transition:all .45s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.card-number{color:#ffffff08;font-size:40px;font-weight:900;transition:all .4s;position:absolute;top:20px;right:30px}.icon-box{color:#c40c0c;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:25px;font-size:28px;transition:all .4s;display:flex}.service-card h3{color:#fff;margin-bottom:12px;font-size:21px;font-weight:700}.service-card p{color:#cfd6e4;margin-bottom:25px;font-size:15px;line-height:1.6}.card-footer{margin-top:auto}.learn-more{color:#ff3a3a;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.service-card:hover{background:#ffffff14;border-color:#c40c0c66;transform:translateY(-10px);box-shadow:0 20px 50px #00000080,0 0 30px #c40c0c1a}.service-card:hover .icon-box{color:#ff3a3a;transform:scale(1.2)rotate(5deg)}.service-card:hover .card-number{color:#c40c0c26}.service-card:hover .learn-more{letter-spacing:.5px}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}.services-header h2{font-size:28px}}
.projects-section{background:#0a0e28;padding:100px 0;position:relative;overflow:hidden}.projects-section:before{content:"";z-index:0;background:radial-gradient(circle,#c40c0c26 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-10%;right:-5%}.container{max-width:1400px;margin:0 auto;padding:0 5%}.projects-header{text-align:center;z-index:1;margin-bottom:60px;position:relative}.projects-header .subtitle{color:#c40c0c;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.projects-header h2{color:#fff;font-size:clamp(32px,5vw,48px);font-weight:800}.projects-header h2 span{color:#c40c0c;background:linear-gradient(90deg,#fff,#c40c0c);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header-line{background:#c40c0c;border-radius:2px;width:60px;height:4px;margin:20px auto 0}.carousel-wrapper{position:relative}.projects-carousel{scroll-behavior:smooth;scrollbar-width:none;cursor:grab;gap:25px;padding:20px 0 40px;display:flex;overflow-x:auto}.projects-carousel::-webkit-scrollbar{display:none}.projects-carousel.dragging{cursor:grabbing}.project-card{background:#111;border-radius:24px;min-width:350px;height:480px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.card-image-wrapper{width:100%;height:100%;transition:transform .6s}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.card-overlay{background:linear-gradient(#0000 30%,#000000e6 90%);position:absolute;inset:0}.card-content{z-index:2;width:100%;padding:30px;position:absolute;bottom:0;left:0}.category-tag{color:#fff;text-transform:uppercase;background:#c40c0ce6;border-radius:50px;margin-bottom:12px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.main-info strong{color:#fff;margin-bottom:5px;font-size:24px;display:block}.main-info p{color:#ccc;font-size:15px}.card-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:30px;right:30px;transform:translateY(-10px)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006}.project-card:hover img{transform:scale(1.1)}.project-card:hover .card-action{opacity:1;transform:translateY(0)}.nav-btn{color:#fff;cursor:pointer;z-index:10;background:#c40c0c;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 20px #c40c0c4d}.nav-btn:hover{color:#c40c0c;background:#fff}.nav-btn.prev{left:-30px}.nav-btn.next{right:-30px}@media (max-width:1024px){.nav-btn{display:none}.project-card{min-width:300px;height:420px}}