*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#030712;color:white;line-height:1.6}
.container{width:90%;max-width:1300px;margin:auto}
.section{padding:90px 0}
header{position:sticky;top:0;background:#030712;border-bottom:1px solid #111827;z-index:1000}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.logo-box{display:flex;align-items:center;gap:15px}
.logo-box img{width:75px}
.logo-box h1{color:#3b82f6}
.logo-box p{color:#94a3b8}
nav a{color:white;text-decoration:none;margin-left:20px}
.hero{padding:100px 0;background:linear-gradient(to right,#020617,#0f172a)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.hero h2{font-size:64px;margin:20px 0}
.hero p{font-size:20px;color:#cbd5e1}
.badge{display:inline-block;background:#2563eb;padding:10px 20px;border-radius:30px}
.buttons{margin-top:35px}
.btn{display:inline-block;padding:16px 30px;border-radius:16px;text-decoration:none;font-weight:bold;margin-right:15px}
.primary{background:#2563eb;color:white}
.secondary{border:1px solid #334155;color:white}
.hero-logo img{width:100%;max-width:500px}
h2{text-align:center;font-size:52px;margin-bottom:50px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.card{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1e293b;border-radius:28px;padding:35px;transition:.3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-8px);border-color:#3b82f6;box-shadow:0 0 30px rgba(59,130,246,.2)}
.icon{font-size:48px;margin-bottom:20px}
.card h3{font-size:30px;margin-bottom:15px}
.card p{color:#cbd5e1}
.pricing-title{text-align:center;margin-bottom:50px}
.pricing-title span{display:inline-block;background:#2563eb;padding:10px 20px;border-radius:30px;margin-bottom:20px}
.pricing-title p{color:#94a3b8}
.price{font-size:36px;font-weight:900;margin-top:25px;color:#60a5fa}
.orange{color:#fb923c}
.green{color:#4ade80}
.purple{color:#c084fc}
.red{color:#f87171}
.cyan{color:#22d3ee}
.hot{position:absolute;top:15px;right:15px;background:#f97316;color:black;font-size:12px;font-weight:bold;padding:6px 12px;border-radius:30px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contact-box p{margin-bottom:25px}
.contact a{color:#60a5fa;text-decoration:none}
form{display:flex;flex-direction:column;gap:20px}
input,textarea{padding:16px;background:#111827;border:1px solid #334155;border-radius:16px;color:white}
textarea{min-height:150px}
button{background:#2563eb;color:white;border:none;padding:18px;border-radius:16px;font-size:18px;font-weight:bold;cursor:pointer}
.map-section{padding:90px 0}
.map-wrapper{
width:100%;
height:500px;
border-radius:28px;
overflow:hidden;
border:1px solid #1e293b;
box-shadow:0 0 35px rgba(59,130,246,.15);
}
.map-wrapper iframe{
width:100%;
height:100%;
border:0;
display:block;
}
.floating{position:fixed;right:20px;bottom:20px;width:70px;height:70px;border-radius:50%;background:#2563eb;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;font-size:34px;box-shadow:0 0 30px rgba(37,99,235,.5)}
footer{text-align:center;padding:30px;border-top:1px solid #111827;color:#94a3b8}
@media(max-width:900px){
.hero-grid,.contact-grid{grid-template-columns:1fr;text-align:center}
.hero h2{font-size:42px}
nav{display:none}
.map-wrapper{height:350px}
}