*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0f172a;--secondary:#1e293b;--accent:#3b82f6;--accent-light:#60a5fa;--success:#10b981;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--gradient:linear-gradient(135deg,#667eea,#764ba2);--card-bg:rgba(30,41,59,.8);--border:rgba(148,163,184,.1)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{position:fixed;top:0;width:100%;background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000;transition:all .3s ease}.header.scrolled{background:rgba(15,23,42,.98)}.nav{justify-content:space-between;padding:1rem 0}.logo,.nav{display:flex;align-items:center}.logo{gap:.5rem;font-size:1.5rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:none;gap:2rem}.nav-links button{background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:color .3s ease}.nav-links button:hover{color:var(--accent-light)}.cta-button{background:var(--gradient);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.3)}.hero{min-height:100vh;display:flex;align-items:center;text-align:center;position:relative;padding-top:80px;overflow:hidden}.hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2}.highlight{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.btn-secondary{background:transparent;color:var(--text-primary);padding:.75rem 1.5rem;border:2px solid var(--accent);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--accent);transform:translateY(-2px)}.cloud-logos{display:flex;justify-content:center;align-items:center;gap:3rem;margin-top:3rem;flex-wrap:wrap}.cloud-logo{text-align:center;opacity:.6;transition:opacity .3s ease;font-size:2rem}.cloud-logo:hover{opacity:1}.aws-logo{color:#f90}.azure-logo{color:#0078d4}.gcp-logo{color:#4285f4}.floating-icon{position:absolute;animation:float 6s ease-in-out infinite}.floating-icon:first-child{top:20%;left:10%;animation-delay:0s}.floating-icon:nth-child(2){top:60%;left:80%;animation-delay:2s}.floating-icon:nth-child(3){top:80%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(10deg)}66%{transform:translateY(10px) rotate(-5deg)}}.services{padding:6rem 0;background:rgba(30,41,59,.5)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.service-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gradient);transform:scaleX(0);transition:transform .3s ease}.service-card:hover{transform:translateY(-5px);border-color:var(--accent)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:60px;height:60px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:1.5rem}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);margin-bottom:1.5rem}.service-features{list-style:none}.service-features li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.why-choose{padding:6rem 0;background:var(--primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-item{text-align:center;padding:2rem}.feature-icon{width:80px;height:80px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;font-size:2rem}.feature-item h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-item p{color:var(--text-secondary)}.cta-section{padding:6rem 0;background:var(--gradient);text-align:center}.cta-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.1rem;margin-bottom:2rem;color:hsla(0,0%,100%,.9);max-width:600px;margin-left:auto;margin-right:auto}.cta-section .cta-button{background:#fff;color:var(--primary);font-size:1.1rem;padding:1rem 2rem}.cta-section .cta-button:hover{background:var(--text-primary)}.footer{background:var(--secondary);padding:3rem 0 1rem;border-top:1px solid var(--border)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.footer-section a,.footer-section p{color:var(--text-secondary);text-decoration:none;display:block;padding:.25rem 0;transition:color .3s ease}.footer-section a:hover{color:var(--accent-light)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-secondary)}@media (min-width:768px){.nav-links{display:flex}.hero-buttons{flex-direction:row}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.container{padding:0 1rem}.hero-buttons{flex-direction:column;align-items:center}.cloud-logos{gap:1.5rem}.services-grid{grid-template-columns:1fr}}