*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#222;background:#f5f7fa;font-family:Arial,Helvetica,sans-serif}.container{width:90%;max-width:1200px;margin:auto}.header{z-index:1000;background:#0f172a;width:100%;padding:20px 0;position:fixed;top:0;left:0}.header .container{justify-content:space-between;align-items:center;display:flex}.logo{color:#00c8ff;font-size:1.8rem}.menu{gap:25px;list-style:none;display:flex}.menu a{color:#fff;font-weight:600;text-decoration:none}.menu a:hover{color:#00c8ff}.hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);align-items:center;min-height:100vh;display:flex}.hero-content{align-items:center;display:flex}.hero-text{max-width:700px}.hero h1{margin-bottom:20px;font-size:3rem;line-height:1.2}.hero p{color:#dbeafe;margin-bottom:30px;font-size:1.2rem}.hero-buttons{gap:15px;display:flex}.btn-primary{color:#0f172a;background:#00c8ff;border-radius:8px;padding:14px 28px;font-weight:700;text-decoration:none}.btn-secondary{color:#fff;border:2px solid #00c8ff;border-radius:8px;padding:14px 28px;font-weight:700;text-decoration:none}.btn-primary:hover,.btn-secondary:hover{opacity:.9}@media (width<=768px){.header .container{flex-direction:column;gap:15px}.hero h1{font-size:2.2rem}.hero-buttons{flex-direction:column}}.section{padding:90px 0}.section-tag{color:#00c8ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-weight:700;display:inline-block}.about{background:#fff}.about-content{max-width:900px}.about h2,.services h2{color:#0f172a;margin-bottom:20px;font-size:2.4rem}.about p{color:#475569;margin-bottom:15px;font-size:1.1rem;line-height:1.7}.services{background:#f1f5f9}.services-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px;display:grid}.service-card{background:#fff;border-radius:14px;padding:30px;transition:all .3s;box-shadow:0 10px 25px #0f172a14}.service-card:hover{transform:translateY(-8px)}.service-card h3{color:#0f172a;margin-bottom:15px;font-size:1.3rem}.service-card p{color:#475569;line-height:1.6}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services-grid{grid-template-columns:1fr}.about h2,.services h2{font-size:2rem}}.differentials{background:#fff}.differentials-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px;display:grid}.diff-card{background:#f8fafc;border-top:4px solid #00c8ff;border-radius:14px;padding:30px;transition:all .3s}.diff-card:hover{transform:translateY(-8px)}.diff-card h3{color:#0f172a;margin-bottom:15px}.diff-card p{color:#475569;line-height:1.6}@media (width<=900px){.differentials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.differentials-grid{grid-template-columns:1fr}}.real-cases{color:#fff;background:#0f172a}.real-cases h2{margin-bottom:15px;font-size:2.4rem}.section-description{color:#cbd5e1;max-width:750px;font-size:1.1rem;line-height:1.7}.real-cases-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px;display:grid}.real-case-card{background:#1e293b;border:1px solid #ffffff14;border-radius:16px;padding:30px;transition:all .3s}.real-case-card:hover{border-color:#00c8ff;transform:translateY(-8px)}.case-number{color:#00c8ff;margin-bottom:18px;font-size:1.1rem;font-weight:700;display:inline-block}.real-case-card h3{margin-bottom:15px;font-size:1.3rem}.real-case-card p{color:#cbd5e1;line-height:1.6}@media (width<=900px){.real-cases-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.real-cases-grid{grid-template-columns:1fr}}.gallery{background:#f8fafc}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;display:grid}.gallery-card{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 25px #0f172a14}.gallery-card:hover{transform:translateY(-8px)}.gallery-placeholder{color:#475569;background:#cbd5e1;justify-content:center;align-items:center;height:220px;font-weight:700;display:flex}.gallery-card h3{color:#0f172a;padding:20px}@media (width<=900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.gallery-grid{grid-template-columns:1fr}}.contact{background:#fff}.contact-content{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.contact h2{color:#0f172a;margin-bottom:20px;font-size:2.4rem}.contact p{color:#475569;margin-bottom:15px;line-height:1.7}.contact-info{margin:25px 0}.map-placeholder{color:#475569;background:#e2e8f0;border-radius:16px;justify-content:center;align-items:center;min-height:350px;font-weight:700;display:flex}.final-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b);padding:80px 0}.final-cta-content{max-width:850px}.final-cta h2{margin-bottom:20px;font-size:2.6rem}.final-cta p{color:#cbd5e1;margin-bottom:30px;font-size:1.1rem;line-height:1.7}.footer{color:#cbd5e1;background:#020617;padding:25px 0}.footer-content{justify-content:space-between;gap:20px;font-size:.95rem;display:flex}@media (width<=768px){.contact-content{grid-template-columns:1fr}.final-cta h2{font-size:2rem}.footer-content{text-align:center;flex-direction:column}}