:root{--bg-color: #0f0f0f;--card-bg: #1a1a1a;--card-hover-bg: #252525;--text-color: #f8f9fa;--accent-color: #00d4ff;--accent-hover: #4fc3f7;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #4fc3f7 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-light: 0 4px 6px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .15);--shadow-heavy: 0 20px 40px rgba(0, 0, 0, .25);--shadow-accent: 0 10px 30px rgba(0, 212, 255, .2);--heading-font: "Poppins", sans-serif;--body-font: "Lato", sans-serif;--container-width: 1100px;--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--webdev-accent-color: #a78bfa;--webdev-accent-hover: #c4b5fd;--webdev-gradient-primary: linear-gradient(135deg, #667eea 0%, #a78bfa 100%);--webdev-shadow-accent: 0 10px 30px rgba(167, 139, 250, .2);--webdev-glow: 0 0 20px rgba(167, 139, 250, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body-font);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;font-size:16px;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:600;line-height:1.3}h1{font-size:3rem}h2{font-size:2.2rem;margin-bottom:20px}h3{font-size:1.5rem}h4{font-size:1.2rem}p{margin-bottom:15px;color:#f8f9fad9}a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.block-spacer{height:120px;background:transparent}.btn{display:inline-block;padding:14px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius);font-family:var(--heading-font);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-accent)}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00d4ff4d;color:#fff}.btn-secondary{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color)}.btn-secondary:hover{background:var(--accent-color);color:#fff}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px;flex-wrap:wrap}.form-container{max-width:700px;margin:0 auto}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:var(--text-color);font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 18px;background:#252525cc;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);color:var(--text-color);font-family:var(--body-font);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--shadow-accent)}.form-group textarea{min-height:150px;resize:vertical}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.checkbox-group label{display:flex;align-items:center;gap:10px;font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.form-note{text-align:center;margin-bottom:30px;color:#f8f9fab3}.quote-disclaimer{background:#ffffff0d;padding:20px;border-radius:var(--border-radius);margin:25px 0;border-left:3px solid var(--accent-color)}@media(max-width:1200px){.container{padding:0 30px}}@media(max-width:800px){h1{font-size:2.2rem}h2{font-size:1.8rem}.block-spacer{height:80px}}@media(max-width:768px){.block-spacer{height:60px}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;text-align:center}}@media(max-width:480px){h1{font-size:1.8rem}h2{font-size:1.5rem}.block-spacer{height:40px}.checkbox-group{grid-template-columns:1fr}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 0;background:transparent;backdrop-filter:none;border-bottom:none;transition:var(--transition)}.header.scrolled{padding:8px 0;background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo img{height:45px;width:auto;transition:var(--transition)}.logo-text{font-family:var(--heading-font);font-size:1.3rem;font-weight:600;color:var(--text-color)}.nav ul{display:flex;list-style:none;gap:30px}.nav a{color:var(--text-color);font-weight:500;padding:8px 0;position:relative}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:var(--transition)}.nav a:hover:after,.nav a.active:after{width:100%}.nav a.active{color:var(--accent-color)}.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px;cursor:pointer;color:var(--text-color);transition:var(--transition)}.menu-toggle:hover{border-color:var(--accent-color);color:var(--accent-color)}.footer{background:#1a1a1af2;padding:40px 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer p{color:#f8f9fab3;margin:0 0 .75rem}.footer-secondary-link{color:#f8f9fa8c;font-size:.9rem;text-decoration:none;transition:var(--transition)}.footer-secondary-link:hover{color:var(--accent-color)}.hero{min-height:100vh;display:flex;align-items:center;text-align:left;padding:0;position:relative}.hero .container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 60px}.hero h1{font-size:4rem;font-weight:400;line-height:1.2;margin-bottom:2rem;color:var(--text-color);max-width:600px;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.hero p{font-size:1.1rem;line-height:1.6;max-width:500px;margin:0 0 2.5rem;color:#f8f9facc}.hero .btn{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);padding:12px 24px;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-accent)}.hero .btn:hover{background:var(--accent-color);color:var(--bg-color);transform:translateY(-2px)}.content-block{background:#1a1a1ab3;backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:20px;box-shadow:0 25px 50px #0003,0 0 0 1px #ffffff1a,inset 0 1px #ffffff26;margin:60px;padding:40px;min-height:400px;position:relative;overflow:hidden;transition:var(--transition)}.content-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.content-block:hover:before{opacity:1}.content-block:hover{transform:translateY(-5px);box-shadow:0 30px 60px #0000004d,0 0 0 1px #00d4ff66,0 0 40px #00d4ff33,inset 0 1px #fff3;background:#1a1a1ad9;border-color:#fff6}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:#25252599;padding:30px;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transition:var(--transition);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--transition)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:var(--shadow-heavy),var(--shadow-accent);background:#252525cc}.service-card h4{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.service-card p{color:#f8f9facc;line-height:1.7}.service-features{list-style:none;padding:0;margin:20px 0 0}.service-features li{padding:8px 0 8px 25px;position:relative;color:#f8f9fae6}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.stat-item h3{font-size:2.5rem;color:var(--accent-color);margin-bottom:10px}.stat-item p{color:#f8f9fab3;font-size:.95rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.step-item{background:#25252580;padding:30px;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.step-item:hover{border-color:var(--accent-color);transform:translateY(-3px)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-color);color:#000;border-radius:50%;font-weight:700;margin-right:12px}.step-item h4{display:inline;color:var(--text-color)}.step-item p{margin-top:15px;color:#f8f9facc}.tech-carousel-wrapper{width:100%;overflow:hidden;position:relative;padding:20px 0}.tech-carousel-wrapper:before,.tech-carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.tech-carousel-wrapper:before{left:0;background:linear-gradient(to right,rgba(26,26,26,.9),transparent)}.tech-carousel-wrapper:after{right:0;background:linear-gradient(to left,rgba(26,26,26,.9),transparent)}.tech-carousel-track{display:flex;gap:40px;animation:scroll-logos 30s linear infinite;width:max-content}.tech-carousel-track:hover{animation-play-state:running}@keyframes scroll-logos{0%{transform:translate(0)}to{transform:translate(-50%)}}.platform-logo-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:120px;padding:20px;background:#25252599;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.platform-logo-item img{height:60px;width:60px;object-fit:contain;filter:brightness(.9);transition:var(--transition)}.platform-logo-item span{color:var(--text-color);font-weight:500;font-size:.9rem;white-space:nowrap}.platform-logo-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow-medium),var(--shadow-accent);background:#252525cc}.platform-logo-item:hover img{filter:brightness(1.2);transform:scale(1.1)}.platform-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:20px 0}.platform-logos span{display:flex;align-items:center;justify-content:center;padding:20px 30px;background:#25252599;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);color:var(--text-color);font-weight:500;transition:var(--transition);min-width:150px}.platform-logos span img{height:35px;width:auto;margin-right:12px;filter:brightness(.9);transition:var(--transition)}.platform-logos span:hover{border-color:var(--accent-color);box-shadow:var(--shadow-medium),var(--shadow-accent)}.platform-logos span:hover img{filter:brightness(1.1)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px;margin-top:50px}.portfolio-item{background:#1a1a1a99;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;transition:var(--transition);position:relative;overflow:hidden;display:flex;gap:25px;align-items:flex-start}.portfolio-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:var(--transition)}.portfolio-item:hover:before{transform:scaleX(1)}.portfolio-item:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 20px 40px #0000004d,var(--shadow-accent);background:#1a1a1acc}.portfolio-logo{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.portfolio-logo img{max-width:60px;max-height:60px;object-fit:contain;transition:var(--transition)}.portfolio-item:hover .portfolio-logo{background:#ffffff1a;border-color:var(--accent-color)}.portfolio-item:hover .portfolio-logo img{filter:brightness(1.2);transform:scale(1.05)}.portfolio-content{flex:1}.portfolio-content h3{color:var(--accent-color);margin-bottom:8px;font-size:1.4rem}.portfolio-url{color:#f8f9fab3;font-size:.9rem;font-style:italic;margin-bottom:15px}.portfolio-description{color:#f8f9fae6;line-height:1.6;margin-bottom:20px}.portfolio-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{background:#00d4ff1a;color:var(--accent-color);padding:6px 12px;border-radius:15px;font-size:.8rem;border:1px solid rgba(0,212,255,.2);transition:var(--transition)}.portfolio-item:hover .feature-tag{background:#00d4ff26;border-color:#00d4ff4d}.portfolio-link{display:inline-flex;align-items:center;color:var(--accent-color);text-decoration:none;font-weight:600;transition:var(--transition);border:1px solid var(--accent-color);padding:8px 16px;border-radius:6px;background:transparent}.portfolio-link:hover{background:var(--accent-color);color:#fff;transform:translate(3px)}.services-showcase{position:relative}.services-showcase h3{color:var(--text-color);margin-bottom:30px;text-align:center}.service-slider{position:relative;min-height:350px;overflow:visible}.service-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(20px);transition:all .6s ease-in-out;background:#25252580;padding:30px;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1);pointer-events:none}.service-slide.active{opacity:1;transform:translateY(0);pointer-events:auto}.service-slide h4{color:var(--accent-color);margin-bottom:15px}.service-slide ul{list-style:none;padding:0;margin-top:20px}.service-slide ul li{padding:8px 0 8px 20px;position:relative;color:#ccc}.service-slide ul li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:700}.service-indicators{display:flex;justify-content:center;gap:10px;margin-top:30px}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:var(--transition);border:none}.indicator.active{background:var(--accent-color);transform:scale(1.2)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#1a1a1acc;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:10;color:var(--text-color);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.slider-arrow:hover{background:#252525e6;border-color:var(--accent-color);color:var(--accent-color)}.slider-arrow-left{left:-20px}.slider-arrow-right{right:-20px}.usp-section h2,.how-it-works h2,.stats h2{text-align:center;margin-bottom:40px}.expertise-services-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.expertise-content h2{color:var(--accent-color);margin-bottom:20px}.expertise-content p{margin-bottom:15px;line-height:1.7}@media(max-width:1200px){.content-block{margin:60px 40px}}@media(max-width:800px){.header .container{padding:0 20px}.nav{position:fixed;top:70px;left:0;right:0;background:#0f0f0ffa;backdrop-filter:blur(20px);padding:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);border-bottom:1px solid rgba(255,255,255,.1)}.nav.active{transform:translateY(0);opacity:1;visibility:visible}.nav ul{flex-direction:column;gap:0}.nav li{border-bottom:1px solid rgba(255,255,255,.1)}.nav a{display:block;padding:15px 0}.menu-toggle{display:block}.slider-arrow{display:flex;width:40px;height:40px}.slider-arrow-left{left:-10px}.slider-arrow-right{right:-10px}}@media(max-width:768px){.content-block{margin:40px 20px;padding:25px;min-height:300px;border-radius:16px}.expertise-services-layout{grid-template-columns:1fr;gap:40px}.services-showcase{position:static}.service-slider{min-height:400px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-item{flex-direction:column;text-align:center;padding:25px}.portfolio-logo{align-self:center;margin-bottom:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.steps-grid{grid-template-columns:1fr}}@media(max-width:480px){.content-block{margin:20px 10px;padding:18px;min-height:250px;border-radius:12px}.hero{padding:100px 15px 40px;min-height:50vh}.hero p{font-size:1rem}.services-grid{grid-template-columns:1fr}.portfolio-item{padding:20px;gap:15px}.portfolio-logo{width:60px;height:60px;margin-bottom:15px}.portfolio-logo img{max-width:40px;max-height:40px}.portfolio-content h3{font-size:1.2rem}.feature-tag{font-size:.75rem;padding:4px 8px}.stats-grid{grid-template-columns:1fr}.platform-logos{gap:15px}.platform-logos span{padding:15px 20px;min-width:130px}.tech-carousel-wrapper:before,.tech-carousel-wrapper:after{width:40px}.tech-carousel-track{gap:20px}.platform-logo-item{min-width:90px;padding:15px}.platform-logo-item img{height:45px;width:45px}.platform-logo-item span{font-size:.8rem}}
