body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
background:#f4f6f9;
color:#222;
line-height:1.6;
}

/* HEADER */

header{
background:#0a2540;
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 40px;
flex-wrap:wrap;
}

.logo{
font-size:24px;
font-weight:bold;
color:#ffd60a;
}

.phone{
background:#ffd60a;
color:black;
padding:12px 22px;
border-radius:8px;
text-decoration:none;
font-weight:bold;
transition:0.2s;
}

.phone:hover{
transform:scale(1.05);
}

/* HERO */

.hero{
background:#003566;
color:white;
text-align:center;
padding:90px 20px;
}

.hero h1{
font-size:40px;
margin-bottom:10px;
}

.btn{
background:#ffd60a;
color:black;
padding:16px 36px;
border-radius:8px;
font-size:20px;
text-decoration:none;
display:inline-block;
margin-top:25px;
font-weight:bold;
transition:0.2s;
}

.btn:hover{
transform:scale(1.05);
}

/* SECTIONS */

.section{
max-width:1200px;
margin:auto;
padding:60px 20px;
}

.section h2{
margin-bottom:30px;
}

/* SERVICES */

.services{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
}

.card{
background:white;
padding:25px;
border-radius:12px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:0.2s;
}

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

/* REVIEWS */

.reviews{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
}

.review{
background:white;
padding:22px;
border-radius:12px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* CTA */

.cta{
background:#0a2540;
color:white;
text-align:center;
padding:80px 20px;
}

/* FOOTER */

footer{
background:#001d3d;
color:white;
text-align:center;
padding:30px;
font-size:14px;
}

/* WHATSAPP */

.whatsapp{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
color:white;
padding:14px 20px;
border-radius:50px;
text-decoration:none;
font-weight:bold;
box-shadow:0 10px 20px rgba(0,0,0,0.25);
}

/* TELEFON STICKY PE MOBIL */

.callbar{
display:none;
}

/* MOBILE */

@media (max-width:768px){

header{
flex-direction:column;
gap:10px;
text-align:center;
padding:15px;
}

.hero{
padding:60px 20px;
}

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

.btn{
font-size:18px;
padding:14px 28px;
}

.section{
padding:40px 15px;
}

.services,
.reviews{
grid-template-columns:1fr;
}

iframe{
height:300px;
}

.whatsapp{
bottom:80px;
right:15px;
}

.callbar{
display:block;
position:fixed;
bottom:0;
left:0;
width:100%;
background:#ffd60a;
text-align:center;
padding:15px;
font-size:20px;
font-weight:bold;
text-decoration:none;
color:black;
z-index:999;
}

}