body{margin:0;background:#000;color:#fff;font-family:Arial,sans-serif}
.hero{text-align:center;padding-top:10px}
.logo{width:min(1000px,95%)}
.tagline{font-size:1.2rem}
h2{text-align:center;color:#d4af37}

.menu-container{position:fixed;top:20px;right:20px;z-index:1000}
.menu-btn{background:rgba(0,0,0,.7);border:1px solid #d4af37;border-radius:8px;padding:8px;cursor:pointer}
.menu-btn span{display:block;width:22px;height:2px;background:#d4af37;margin:5px 0}
.menu-dropdown{display:none;position:absolute;right:0;top:42px;background:#111;border:1px solid #d4af37;border-radius:8px;min-width:160px}
.menu-dropdown.show{display:block}
.menu-dropdown a{display:block;color:#fff;text-decoration:none;padding:12px}
.menu-dropdown a:hover{background:#222;color:#d4af37}

.service-grid{display:grid;grid-template-columns:repeat(4,minmax(214px,1fr));gap:90px;max-width:1800px;margin:auto;padding:35px 70px}
.flip-card{perspective:1000px;height:272px}
.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}
.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;overflow:hidden}
.flip-card-front img{width:100%;height:100%;object-fit:cover}
.flip-card-back{background:linear-gradient(135deg,#111,#1c1c1c);border:2px solid #d4af37;transform:rotateY(180deg);padding:20px;box-sizing:border-box}
.flip-card-back h3{color:#d4af37;font-size:1rem}
.flip-card-back li{margin:8px 0;font-size:.9rem}
.particles{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(212,175,55,.15),transparent 20%),radial-gradient(circle at 80% 40%,rgba(212,175,55,.12),transparent 20%);pointer-events:none;z-index:-1}


body{overflow-x:hidden;}

@media(max-width:768px){
.menu-container{
top:10px;
right:10px;
}

.menu-dropdown{
right:0;
min-width:140px;
}

.logo{
width:95%;
max-width:95%;
}

.tagline{
font-size:1rem;
padding:0 10px;
}

.service-grid{
grid-template-columns:1fr;
gap:25px;
padding:20px;
max-width:100%;
}

.flip-card{
height:300px;
}
}