html { scroll-behavior: smooth; }
body { font-family: Arial, Helvetica, sans-serif; color:#18202a; overflow-x:hidden; }
.navbar { background:rgba(10,18,30,.92); backdrop-filter:blur(10px); padding:15px 0; transition:.3s; }
.navbar-brand { font-size:1.6rem; letter-spacing:2px; }
.navbar-brand span,.footer span { color:#00d4ff; }
.nav-link { color:#fff!important; margin-left:18px; font-weight:500; }
.hero { height:100vh; min-height:650px; }
.carousel,.carousel-inner,.carousel-item { height:100%; }
.hero-slide { background-size:cover; background-position:center; position:relative; }
.slide1 { background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=90'); }
.slide2 { background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=90'); }
.slide3 { background-image:url('https://images.unsplash.com/photo-1497366412874-3415097a27e7?auto=format&fit=crop&w=1800&q=90'); }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,10,20,.82),rgba(3,10,20,.25)); }
.hero-content { position:relative; z-index:2; height:100%; display:flex; justify-content:center; flex-direction:column; color:white; max-width:1100px; }
.hero-content h1 { font-size:clamp(2.7rem,6vw,5.5rem); font-weight:300; line-height:1.05; animation:slideUp .9s ease; }
.hero-content strong { color:#00d4ff; }
.hero-content p { max-width:650px; font-size:1.2rem; margin:20px 0 30px; }
.badge { background:#00d4ff; color:#06101b; padding:10px 16px; width:max-content; }
.btn-primary { background:#00a9d6; border-color:#00a9d6; }
.btn-primary:hover { background:#008bb2; border-color:#008bb2; transform:translateY(-2px); }
.section-padding { padding:100px 0; }
.section-label { color:#009dc8; font-weight:700; letter-spacing:2px; font-size:.8rem; }
.service-card { background:#fff; padding:35px; border-radius:18px; height:100%; box-shadow:0 10px 35px rgba(0,0,0,.07); transition:.35s; }
.service-card:hover,.product-card:hover { transform:translateY(-10px); box-shadow:0 20px 45px rgba(0,0,0,.12); }
.icon { font-size:2.5rem; margin-bottom:15px; }
.product-card { border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 8px 25px rgba(0,0,0,.08); transition:.35s; height:100%; }
.product-card img { width:100%; height:230px; object-fit:cover; transition:.5s; }
.product-card:hover img { transform:scale(1.07); }
.contact-section { background:#f4f8fb; }
.contact-box { background:#fff; padding:35px; border-radius:20px; box-shadow:0 15px 50px rgba(0,0,0,.08); }
.form-control { border:1px solid #dce4ea; padding:13px 15px; border-radius:10px; }
.form-control:focus { border-color:#00a9d6; box-shadow:0 0 0 .2rem rgba(0,169,214,.12); }
label { font-weight:600; margin-bottom:7px; }
.footer { background:#07111d; color:#b9c4cf; padding:45px 0; }
.footer h4 { color:#fff; letter-spacing:2px; }
.reveal { opacity:0; transform:translateY(35px); transition:all .8s ease; }
.reveal.show { opacity:1; transform:none; }
.counter { font-size:2.4rem; color:#009dc8; }
.contact-info p { margin:16px 0; }
#formMessage { margin-bottom:15px; }
@keyframes slideUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:none} }
@media(max-width:767px){ .hero{min-height:600px}.hero-content{padding:0 25px}.section-padding{padding:70px 0}.nav-link{margin-left:0}.hero-content h1{font-size:3rem} }