*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Inter',sans-serif;
background:#0f172a;
color:#e2e8f0;
line-height:1.6;
overflow-x:hidden;
}

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* HEADER */
header{
background:#0b1120;
padding:20px 0;
position:sticky;
top:0;
z-index:1000;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
height:65px;
}

/* Desktop menu */
.nav-desktop{
display:flex;
gap:25px;
}

.nav-desktop a{
color:#e2e8f0;
text-decoration:none;
font-weight:500;
transition:0.3s;
}

.nav-desktop a:hover{
color:#38bdf8;
}

/* Hamburger */
.hamburger{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
}

.hamburger span{
width:25px;
height:3px;
background:white;
transition:0.3s;
}

/* Mobile menu */
.mobile-menu{
position:fixed;
top:0;
right:-100%;
width:260px;
height:100vh;
background:#0b1120;
display:flex;
flex-direction:column;
padding:120px 30px;
gap:25px;
transition:0.4s ease;
box-shadow:-10px 0 30px rgba(0,0,0,0.6);
z-index:2000;
}

.mobile-menu a{
color:white;
text-decoration:none;
font-size:18px;
}

.mobile-menu.active{
right:0;
}

/* Hamburger animation */
.hamburger.active span:nth-child(1){
transform:rotate(45deg) translate(5px,5px);
}

.hamburger.active span:nth-child(2){
opacity:0;
}

.hamburger.active span:nth-child(3){
transform:rotate(-45deg) translate(6px,-6px);
}

/* HERO */
.hero{
padding:140px 0;
text-align:center;
background:linear-gradient(135deg,#0f172a,#1e293b);
}

.hero h1{
font-family:'Orbitron',sans-serif;
font-size:42px;
margin-bottom:20px;
}

.hero p{
color:#94a3b8;
margin-bottom:30px;
font-size:18px;
}

.btn{
display:inline-block;
padding:14px 30px;
background:#38bdf8;
color:#0f172a;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.btn:hover{
opacity:0.85;
}

/* SECTIONS */
.section{
padding:100px 0;
}

.section-title{
text-align:center;
font-family:'Orbitron',sans-serif;
margin-bottom:60px;
}

/* IMAGE GRID */
.image-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
}

.image-card{
position:relative;
overflow:hidden;
border-radius:16px;
cursor:pointer;
transition:0.3s;
}

.image-card:hover{
transform:translateY(-8px);
}

.image-card img{
width:100%;
height:320px;
object-fit:cover;
display:block;
}

.image-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:20px;
background:linear-gradient(to top, rgba(0,0,0,0.85), transparent);
}

.image-overlay h3{
font-family:'Orbitron',sans-serif;
color:white;
font-size:18px;
}

.short-info{
color:#cbd5e1;
font-size:14px;
margin-top:8px;
}

.image-info{
max-height:0;
overflow:hidden;
transition:max-height 0.5s ease;
background:#111827;
padding:0 20px;
}

.image-info p{
padding:20px 0;
font-size:14px;
color:#cbd5e1;
line-height:1.6;
}

.image-card.active{
box-shadow:0 0 30px rgba(56,189,248,0.4);
}

.image-card.active .image-info{
max-height:220px;
}

/* USP SECTION */
.dark-section{
background:#111827;
}

.usp-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
margin-top:60px;
}

.usp-card{
background:#1e293b;
padding:30px;
border-radius:16px;
text-align:center;
transition:0.3s;
}

.usp-card:hover{
transform:translateY(-6px);
box-shadow:0 0 25px rgba(56,189,248,0.3);
}

/* CTA */
.cta-section{
padding:120px 0;
text-align:center;
background:linear-gradient(135deg,#0f172a,#1e293b);
}

.cta-section h2{
font-family:'Orbitron',sans-serif;
margin-bottom:20px;
}

.cta-section p{
color:#94a3b8;
margin-bottom:30px;
}

/* FOOTER */
footer{
background:#0b1120;
padding:40px 0;
text-align:center;
color:#94a3b8;
margin-top:80px;
}

/* MOBILE */
@media(max-width:768px){

.hero{
padding:90px 0;
}

.hero h1{
font-size:28px;
}

.nav-desktop{
display:none;
}

.hamburger{
display:flex;
}

.image-card img{
height:250px;
}

.section{
padding:70px 0;
}

}
.small-hero{
padding:100px 0;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.service-card{
background:#1e293b;
padding:30px;
border-radius:18px;
display:flex;
flex-direction:column;
justify-content:space-between;
transition:0.3s;
border:1px solid rgba(255,255,255,0.05);
}

.service-card:hover{
transform:translateY(-6px);
box-shadow:0 0 25px rgba(56,189,248,0.3);
}

.service-card h3{
font-family:'Orbitron',sans-serif;
margin-bottom:15px;
}

.service-card p{
color:#cbd5e1;
margin-bottom:25px;
}

.service-footer{
display:flex;
justify-content:space-between;
align-items:center;
}

.service-footer button{
background:#38bdf8;
border:none;
padding:8px 16px;
border-radius:8px;
cursor:pointer;
font-weight:600;
}

.price{
color:#38bdf8;
font-weight:600;
}

.cart-box-modern{
background:#111827;
padding:40px;
border-radius:20px;
margin-top:80px;
text-align:center;
}

.cart-box-modern ul{
list-style:none;
margin:20px 0;
}

/* MOBILE */
@media(max-width:1024px){
.services-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.services-grid{
grid-template-columns:1fr;
}
}