:root{--blue:#00c8ff;--deepblue:#004dff;--orange:#ff8a00;--gold:#ffd24a;--white:#f9fcff;--muted:#b9c6d8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#02040a;color:var(--white);line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1150px,92%);margin:auto}
.top{background:linear-gradient(90deg,rgba(0,200,255,.2),rgba(255,138,0,.2));padding:8px 0;text-align:center}
header{background:#02040a;border-bottom:1px solid rgba(0,200,255,.35);position:sticky;top:0;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{width:155px;filter:drop-shadow(0 0 15px rgba(0,200,255,.7))}
.btn{display:inline-block;padding:13px 18px;border-radius:999px;font-weight:900;text-transform:uppercase}
.btn-blue{background:linear-gradient(135deg,var(--blue),var(--deepblue));color:#fff}
.btn-orange{background:linear-gradient(135deg,var(--gold),var(--orange));color:#130800}

.hero{
background:url('hero-banner.png') center center no-repeat;
background-size:cover;
min-height:100vh;
display:flex;
align-items:flex-end;
justify-content:center;
padding-bottom:45px;
}

.hero-grid{display:flex;justify-content:center;align-items:flex-end;width:100%}
.hero-logo,.hero h1,.hero p,.hero .card{display:none!important}

section{padding:70px 0}
.section-title{font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin-bottom:15px}
.section-title span{color:var(--gold)}
.grid{display:grid;gap:18px}
.services{grid-template-columns:repeat(2,1fr)}
.why,.reviews,.gallery{grid-template-columns:repeat(3,1fr)}
.card{background:linear-gradient(180deg,#0b1728,#040914);border:1px solid rgba(0,200,255,.35);border-radius:22px;padding:26px;box-shadow:0 18px 45px rgba(0,0,0,.4)}
.card h3{text-transform:uppercase;margin-bottom:8px}
.card p,.card li{color:var(--muted)}
ul{margin-left:18px;margin-top:10px}
.band{background:linear-gradient(135deg,rgba(0,200,255,.08),rgba(255,138,0,.08))}
.area-wrap{display:flex;flex-wrap:wrap;gap:10px}
.area{border:1px solid rgba(0,200,255,.35);border-radius:999px;padding:10px 14px;background:#07111e;font-weight:800}
.box{height:210px;border:1px dashed rgba(0,200,255,.55);border-radius:20px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}
form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
input,select,textarea{padding:14px;border-radius:12px;border:1px solid rgba(0,200,255,.35);background:#030914;color:white;font-size:1rem}
.full,textarea{grid-column:1/-1}
button{border:0;cursor:pointer}
footer{background:#010207;border-top:1px solid rgba(0,200,255,.25);padding:30px 0 80px;color:var(--muted)}
.mobile{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50}
.mobile a{flex:1;text-align:center;padding:15px 8px;font-weight:900}
@media(max-width:800px){
.services,.why,.reviews,.gallery,form{grid-template-columns:1fr}
.nav .btn-orange{display:none}
.mobile{display:flex}
.logo{width:125px}
.hero{background-position:center top;min-height:75vh}
}