.mavi-page{
background:#f5f7fb;
font-family:Arial,Helvetica,sans-serif;
}

/* HERO */

.mavi-hero{
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
padding:100px 8%;
}

.mavi-hero h1{
font-size:48px;
font-weight:800;
max-width:900px;
margin-bottom:18px;
}

.mavi-hero p{
font-size:20px;
max-width:700px;
margin-bottom:30px;
}

.mavi-btn{
background:#ff7a18;
color:#fff;
padding:16px 40px;
border-radius:40px;
font-weight:700;
text-decoration:none;
display:inline-block;
}

/* CONTAINER */

.mavi-container{
width:90%;
max-width:1100px;
margin:auto;
padding:80px 0;
}

.mavi-intro h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
}

.mavi-intro p{
font-size:18px;
line-height:1.8;
}

/* PROCESS */

.mavi-process{
background:#0b2b52;
color:#fff;
padding:90px 0;
text-align:center;
}

.process-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:18px;
}

.process-step{
background:#ff7a18;
padding:16px 32px;
border-radius:30px;
font-weight:600;
}

/* IMAGE */

.mavi-visual{
max-width:1100px;
margin:70px auto;
padding:20px;
background:#fff;
border-radius:22px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-visual img{
width:100%;
border-radius:16px;
}

/* SEO */

.mavi-seo{
max-width:1100px;
margin:90px auto;
padding:70px;
background:#fff;
border-radius:28px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-seo h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
}

.mavi-seo p{
font-size:18px;
line-height:1.85;
}

/* CITY */

.mavi-city{
text-align:center;
padding:80px 0;
}

.city-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
max-width:1100px;
margin:auto;
}

.city-box{
background:#fff;
padding:24px;
border-radius:16px;
box-shadow:0 10px 28px rgba(0,0,0,.1);
font-weight:600;
}

/* FORM */

.mavi-form{
background:linear-gradient(135deg,#0b2b52,#133d73);
padding:120px 20px;
text-align:center;
}

.form-box{
background:#fff;
max-width:900px;
margin:auto;
padding:70px;
border-radius:28px;
box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.form-box h2{
color:#0b2b52;
font-size:40px;
}

.form-box p{
font-size:18px;
margin-bottom:40px;
}

.form-box form{
display:grid;
gap:18px;
}

.form-box input,
.form-box textarea{
padding:16px;
border-radius:14px;
border:1px solid #ddd;
font-size:16px;
}

.form-box button{
background:#ff7a18;
color:#fff;
border:none;
padding:18px;
font-size:18px;
font-weight:700;
border-radius:40px;
cursor:pointer;
}

#successMessage{
display:none;
margin-top:30px;
font-size:20px;
font-weight:600;
color:#0b2b52;
}

/* WHATSAPP */

.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
width:60px;
height:60px;
background:#25d366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 25px rgba(0,0,0,.25);
z-index:9999;
}

.whatsapp-float img{
width:32px;
}

/* SEKTÖR SEO */

.mavi-sektor-seo{
padding:90px 0;
text-align:center;
}

.sektor-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:22px;
max-width:1100px;
margin:auto;
}

.sektor-box{
background:#fff;
padding:26px;
border-radius:18px;
font-weight:600;
box-shadow:0 12px 30px rgba(0,0,0,.1);
transition:.3s;
}

.sektor-box:hover{
transform:translateY(-6px);
}

/* STATS */

.mavi-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;
max-width:1000px;
margin:90px auto;
text-align:center;
}

.stat-box{
background:#0b2b52;
color:#fff;
padding:40px 20px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,.18);
}

.stat-box strong{
font-size:42px;
display:block;
margin-bottom:8px;
}

.stat-box span{
font-size:16px;
opacity:.9;
}

/* FAQ */

.mavi-faq{
max-width:1000px;
margin:100px auto;
}

.mavi-faq h2{
text-align:center;
font-size:36px;
color:#0b2b52;
margin-bottom:50px;
}

.faq-item{
background:#fff;
padding:30px;
border-radius:18px;
margin-bottom:20px;
box-shadow:0 10px 28px rgba(0,0,0,.1);
}

.faq-item h3{
color:#0b2b52;
margin-bottom:10px;
font-size:20px;
}

.faq-item p{
font-size:17px;
line-height:1.7;
}
/* SNIPPET */

.mavi-snippet{
max-width:1000px;
margin:120px auto;
padding:70px;
background:#fff;
border-radius:28px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-snippet h2{
font-size:34px;
color:#0b2b52;
margin-bottom:18px;
}

.mavi-snippet p{
font-size:18px;
line-height:1.85;
margin-bottom:22px;
}

/* INTERNAL LINKS */

.mavi-internal-links{
text-align:center;
padding:90px 0;
}

.mavi-internal-links h2{
font-size:34px;
color:#0b2b52;
margin-bottom:35px;
}

.mavi-internal-links ul{
list-style:none;
padding:0;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:22px;
}

.mavi-internal-links a{
background:#ff7a18;
color:#fff;
padding:14px 30px;
border-radius:40px;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.mavi-internal-links a:hover{
background:#ff8f3a;
transform:translateY(-4px);
}

/* =========================
 FIELD WORK
========================= */

.mavi-field-work{
max-width:1100px;
margin:120px auto;
padding:70px;
background:#fff;
border-radius:28px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-field-work h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
}

.mavi-field-work p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 WORKFORCE
========================= */

.mavi-workforce{
max-width:1100px;
margin:120px auto;
padding:70px;
background:linear-gradient(135deg,#f7f9ff,#ffffff);
border-radius:28px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-workforce h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
}

.mavi-workforce p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 DIFFERENCE GRID
========================= */

.mavi-difference{
padding:120px 0;
background:#0b2b52;
color:#fff;
text-align:center;
}

.difference-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:26px;
max-width:1100px;
margin:auto;
}

.difference-box{
background:#ff7a18;
padding:40px 28px;
border-radius:22px;
box-shadow:0 12px 30px rgba(0,0,0,.2);
transition:.3s;
}

.difference-box:hover{
transform:translateY(-8px);
}

.difference-box strong{
font-size:22px;
display:block;
margin-bottom:12px;
}

.difference-box p{
font-size:16px;
line-height:1.6;
}


/* =========================
 CORPORATE TRUST
========================= */

.mavi-corporate{
max-width:1100px;
margin:130px auto;
padding:80px;
background:#fff;
border-radius:30px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
text-align:center;
}

.mavi-corporate h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
}

.mavi-corporate p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 CTA
========================= */

.mavi-cta{
background:linear-gradient(135deg,#ff7a18,#ff9b42);
color:#fff;
padding:120px 20px;
text-align:center;
}

.mavi-cta h2{
font-size:42px;
margin-bottom:18px;
}

.mavi-cta p{
font-size:20px;
margin-bottom:35px;
}


/* =========================
 PROJECTS
========================= */

.mavi-projects{
max-width:1100px;
margin:130px auto;
padding:80px;
background:#fff;
border-radius:30px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-projects h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
}

.mavi-projects p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 PERFORMANCE
========================= */

.mavi-performance{
max-width:1100px;
margin:130px auto;
padding:80px;
background:#f7f9ff;
border-radius:30px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-performance h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
}

.mavi-performance p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 MISTAKES
========================= */

.mavi-mistakes{
max-width:1000px;
margin:130px auto;
padding:80px;
background:#fff;
border-radius:28px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-mistakes h2{
font-size:36px;
color:#0b2b52;
margin-bottom:28px;
}

.mistake-list{
list-style:none;
padding:0;
margin-bottom:25px;
}

.mistake-list li{
font-size:18px;
padding:12px 0;
border-bottom:1px solid #eee;
font-weight:500;
}

.mavi-mistakes p{
font-size:18px;
line-height:1.85;
}


/* =========================
 CONSULTING
========================= */

.mavi-consulting{
max-width:1100px;
margin:130px auto;
padding:80px;
background:#fff;
border-radius:30px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-consulting h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
}

.mavi-consulting p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 FINAL SEO SECTION
========================= */

.mavi-seo-final{
max-width:1100px;
margin:140px auto;
padding:90px;
background:linear-gradient(135deg,#0b2b52,#133d73);
color:#fff;
border-radius:34px;
box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.mavi-seo-final h2{
font-size:40px;
margin-bottom:24px;
}

.mavi-seo-final p{
font-size:19px;
line-height:1.9;
margin-bottom:20px;
}


/* =========================
 MOBILE OPTIMIZATION
========================= */

@media(max-width:768px){

.mavi-field-work,
.mavi-workforce,
.mavi-projects,
.mavi-performance,
.mavi-mistakes,
.mavi-consulting,
.mavi-corporate,
.mavi-seo-final{
padding:45px 25px;
}

.mavi-cta h2{
font-size:32px;
}

.mavi-cta p{
font-size:17px;
}

}

/* =========================
 PARTNERSHIPS
========================= */

.mavi-partnerships{
max-width:1100px;
margin:140px auto;
padding:80px;
background:#fff;
border-radius:30px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-partnerships h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
}

.mavi-partnerships p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 COVERAGE
========================= */

.mavi-coverage{
max-width:1100px;
margin:140px auto;
padding:80px;
background:linear-gradient(135deg,#f7f9ff,#ffffff);
border-radius:30px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
}

.mavi-coverage h2{
font-size:38px;
color:#0b2b52;
margin-bottom:22px;
}

.mavi-coverage p{
font-size:18px;
line-height:1.85;
margin-bottom:22px;
}

.coverage-list{
list-style:none;
padding:0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
}

.coverage-list li{
background:#fff;
padding:18px 22px;
border-radius:16px;
box-shadow:0 10px 28px rgba(0,0,0,.08);
font-weight:600;
color:#0b2b52;
}


/* =========================
 TESTIMONIALS
========================= */

.mavi-testimonials{
max-width:1100px;
margin:150px auto;
padding:90px;
background:#0b2b52;
color:#fff;
border-radius:34px;
box-shadow:0 20px 60px rgba(0,0,0,.25);
text-align:center;
}

.mavi-testimonials h2{
font-size:40px;
margin-bottom:45px;
}

.testimonial-box{
background:rgba(255,255,255,.12);
padding:35px;
border-radius:22px;
margin-bottom:22px;
backdrop-filter:blur(6px);
}

.testimonial-box p{
font-size:18px;
line-height:1.75;
margin-bottom:12px;
}

.testimonial-box strong{
font-size:16px;
opacity:.9;
}


/* =========================
 AUTHORITY SECTION
========================= */

.mavi-authority{
max-width:1100px;
margin:150px auto;
padding:85px;
background:#fff;
border-radius:32px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
text-align:center;
}

.mavi-authority h2{
font-size:38px;
color:#0b2b52;
margin-bottom:24px;
}

.mavi-authority p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
}


/* =========================
 MOBILE OPTIMIZATION (NEW SECTIONS)
========================= */

@media(max-width:768px){

.mavi-partnerships,
.mavi-coverage,
.mavi-testimonials,
.mavi-authority{
padding:45px 25px;
margin:90px auto;
}

.mavi-partnerships h2,
.mavi-coverage h2,
.mavi-testimonials h2,
.mavi-authority h2{
font-size:30px;
}

.testimonial-box{
padding:25px;
}

}
/* =========================
 REAL OPERATIONS / FIELD TEXT
========================= */

.mavi-real-operations{
max-width:1100px;
margin:120px auto;
padding:70px;
background:#ffffff;
border-radius:28px;
box-shadow:0 15px 45px rgba(0,0,0,.12);
}

.mavi-real-operations h2{
font-size:36px;
color:#0b2b52;
margin-bottom:20px;
}

.mavi-real-operations p{
font-size:18px;
line-height:1.85;
margin-bottom:18px;
color:#333;
}


/* =========================
 AREAS LIST
========================= */

.mavi-areas{
max-width:1100px;
margin:120px auto;
padding:70px;
background:#f7f9ff;
border-radius:28px;
box-shadow:0 15px 45px rgba(0,0,0,.12);
}

.mavi-areas h2{
font-size:36px;
color:#0b2b52;
margin-bottom:35px;
text-align:center;
}

.area-list{
list-style:none;
padding:0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:22px;
}

.area-list li{
background:#fff;
padding:22px;
border-radius:18px;
font-weight:600;
color:#0b2b52;
box-shadow:0 8px 22px rgba(0,0,0,.1);
transition:.3s;
}

.area-list li:hover{
transform:translateY(-6px);
}


/* =========================
 BENEFITS
========================= */

.mavi-benefits{
padding:120px 0;
background:#0b2b52;
color:#fff;
text-align:center;
}

.benefit-grid{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:26px;
}

.benefit-box{
background:#ff7a18;
padding:32px 24px;
border-radius:22px;
font-weight:700;
box-shadow:0 12px 30px rgba(0,0,0,.2);
transition:.3s;
}

.benefit-box:hover{
transform:translateY(-8px);
}


/* =========================
 TRUST SECTION
========================= */

.mavi-trust{
max-width:1100px;
margin:130px auto;
padding:80px;
background:#ffffff;
border-radius:30px;
box-shadow:0 18px 55px rgba(0,0,0,.12);
text-align:center;
}

.mavi-trust h2{
font-size:38px;
color:#0b2b52;
margin-bottom:24px;
}

.mavi-trust p{
font-size:18px;
line-height:1.85;
color:#333;
margin-bottom:18px;
}


/* =========================
 MOBILE FIX
========================= */

@media(max-width:768px){

.mavi-real-operations,
.mavi-areas,
.mavi-trust{
padding:45px 25px;
}

.mavi-real-operations h2,
.mavi-areas h2,
.mavi-trust h2{
font-size:30px;
}

}