/* ============================
 GLOBAL RESET
============================ */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
background:#f6f8fb;
color:#222;
line-height:1.7;
}

/* ============================
 CONTAINER
============================ */

.container{
width:92%;
max-width:1200px;
margin:auto;
padding:70px 0;
}

/* ============================
 HERO
============================ */

.hero{
height:520px;
background:url("../images/beyaz-yaka-hero.jpg") center/cover no-repeat;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.hero .overlay{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:rgba(0,0,0,.6);
}

.hero-content{
position:relative;
color:#fff;
text-align:center;
max-width:850px;
padding:20px;
}

.hero-content h1{
font-size:58px;
font-weight:800;
margin-bottom:18px;
}

.hero-content p{
font-size:22px;
opacity:.95;
}

/* ============================
 INTRO
============================ */

.services-intro{
text-align:center;
}

.services-intro h2{
font-size:42px;
margin-bottom:20px;
color:#0a2a5c;
}

.services-intro p{
font-size:20px;
max-width:900px;
margin:auto;
}

/* ============================
 SERVICE GRID
============================ */

.service-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:35px;
}

.card{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
}

.card:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,.15);
}

.card h3{
font-size:26px;
margin-bottom:15px;
color:#0a2a5c;
}

.card p{
font-size:17px;
}

/* ============================
 PROCESS
============================ */

.process ul{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:18px;
margin-top:40px;
}

.process li{
background:#0a2a5c;
color:#fff;
padding:20px;
border-radius:14px;
font-size:18px;
text-align:center;
}

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

.cta{
background:linear-gradient(135deg,#0a2a5c,#ff7a00);
color:#fff;
padding:90px 20px;
text-align:center;
}

.cta h2{
font-size:46px;
margin-bottom:15px;
}

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

.btn{
display:inline-block;
background:#fff;
color:#0a2a5c;
padding:18px 42px;
border-radius:40px;
font-size:18px;
font-weight:700;
text-decoration:none;
transition:.3s;
}

.btn:hover{
background:#0a2a5c;
color:#fff;
}

/* ============================
 SECTOR GRID
============================ */

.sector-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
margin-top:40px;
}

.sector-card{
background:#fff;
padding:35px;
border-radius:18px;
text-align:center;
font-weight:600;
font-size:20px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
}

/* ============================
 EVALUATION
============================ */

.evaluation-list{
margin-top:35px;
}

.evaluation-list li{
padding:14px 0;
border-bottom:1px solid #ddd;
font-size:18px;
}

/* ============================
 FAST POOL
============================ */

.fast-pool{
background:#eef2f8;
}

.pool-features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
margin-top:40px;
}

.pool-box{
background:#fff;
padding:40px;
border-radius:18px;
box-shadow:0 12px 35px rgba(0,0,0,.07);
}

.pool-box h3{
color:#0a2a5c;
font-size:24px;
margin-bottom:10px;
}

/* ============================
 ADVANTAGES
============================ */

.adv-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
margin-top:40px;
}

.adv-card{
background:#0a2a5c;
color:#fff;
padding:30px;
border-radius:16px;
text-align:center;
font-size:18px;
}

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

.testimonial-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
margin-top:40px;
}

.testimonial-card{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
font-style:italic;
}

.testimonial-card span{
display:block;
margin-top:15px;
font-weight:700;
color:#0a2a5c;
}

/* ============================
 STATS
============================ */

.stats{
background:#0a2a5c;
color:#fff;
padding:90px 0;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:35px;
}

.stat-box{
text-align:center;
}

.stat-box h3{
font-size:48px;
margin-bottom:10px;
color:#ff7a00;
}

.stat-box p{
font-size:18px;
}

/* ============================
 FAQ
============================ */

.faq-item{
background:#fff;
padding:35px;
border-radius:18px;
box-shadow:0 12px 35px rgba(0,0,0,.07);
margin-bottom:25px;
}

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

/* ============================
 TIMELINE
============================ */

.timeline-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
margin-top:40px;
}

.timeline-step{
background:#fff;
padding:40px;
border-radius:18px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
text-align:center;
}

.timeline-step span{
display:inline-block;
width:50px;
height:50px;
line-height:50px;
background:#ff7a00;
color:#fff;
border-radius:50%;
font-weight:800;
margin-bottom:15px;
}

/* ============================
 PACKAGES
============================ */

.packages{
background:#eef2f8;
padding:90px 0;
}

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

.package-card{
background:#fff;
padding:45px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.package-card.highlight{
border:3px solid #ff7a00;
transform:scale(1.05);
}

.package-card h3{
font-size:26px;
margin-bottom:20px;
color:#0a2a5c;
}

.package-card ul li{
padding:10px 0;
border-bottom:1px solid #eee;
}

/* ============================
 TEAM
============================ */

.team-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
margin-top:40px;
}

.team-card{
background:#fff;
padding:35px;
border-radius:18px;
text-align:center;
box-shadow:0 12px 35px rgba(0,0,0,.07);
}

.team-photo{
width:120px;
height:120px;
border-radius:50%;
background:#ddd;
margin:0 auto 15px;
}

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

.final-cta,
.mega-cta,
.mid-cta{
background:linear-gradient(135deg,#ff7a00,#0a2a5c);
color:#fff;
padding:100px 20px;
text-align:center;
}

.big-btn{
font-size:20px;
padding:22px 50px;
}

/* ============================
 LONG CONTENT
============================ */

.seo-text,
.seo-long-content,
.seo-deep-text,
.semantic-seo,
.seo-final-layer{
font-size:19px;
line-height:1.9;
}

.seo-text p,
.seo-long-content p,
.seo-deep-text p{
margin-bottom:20px;
}

/* ============================
 CASE STUDIES
============================ */

.case-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
margin-top:40px;
}

.case-box{
background:#fff;
padding:40px;
border-radius:18px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
}

/* ============================
 RESPONSIVE
============================ */

@media(max-width:900px){

.hero-content h1{
font-size:40px;
}

.services-intro h2{
font-size:34px;
}

.cta h2{
font-size:34px;
}

}

@media(max-width:600px){

.hero{
height:420px;
}

.hero-content h1{
font-size:32px;
}

.hero-content p{
font-size:18px;
}

.container{
padding:50px 0;
}

}









/* ============================
 COMPACT SEO CONTENT SECTIONS
============================ */

.container.seo-text,
.container.seo-long-content,
.container.seo-deep-text,
.container.semantic-seo,
.container.seo-final-layer,
.container.trust-content,
.container.performance,
.container.sector-details,
.container.partnership,
.container.efficiency,
.container.quality-assurance,
.container.final-persuasion,
.container.seo-closure,
.container.professional-environment,
.container.why-consulting,
.container.regional-seo,
.container.seo-keywords {

padding:45px 0;   /* Eskisi 70px idi – sıklaştırıldı */
max-width:1050px; /* Daha derli toplu görünüm */
}

/* Başlıklar daha güçlü ama sık */

.container h2{
font-size:34px;
margin-bottom:14px;
line-height:1.3;
color:#0a2a5c;
}

.container h3{
font-size:22px;
margin-top:18px;
margin-bottom:6px;
color:#ff7a00;
}

/* Paragraflar daha sık ama okunur */

.container p{
font-size:17px;
line-height:1.75;
margin-bottom:12px;
color:#333;
}

/* Bölümlere kart hissi */

.container.seo-text,
.container.seo-long-content,
.container.seo-deep-text,
.container.semantic-seo,
.container.seo-final-layer,
.container.trust-content,
.container.performance,
.container.sector-details,
.container.partnership,
.container.efficiency,
.container.quality-assurance,
.container.final-persuasion,
.container.seo-closure,
.container.professional-environment,
.container.why-consulting,
.container.regional-seo,
.container.seo-keywords {

background:#fff;
border-radius:22px;
padding:45px 50px;
margin-bottom:35px;
box-shadow:0 12px 35px rgba(0,0,0,.06);
transition:.3s;
}

/* Hover ile premium etki */

.container.seo-text:hover,
.container.seo-long-content:hover,
.container.seo-deep-text:hover,
.container.semantic-seo:hover,
.container.seo-final-layer:hover,
.container.trust-content:hover,
.container.performance:hover,
.container.sector-details:hover,
.container.partnership:hover,
.container.efficiency:hover,
.container.quality-assurance:hover,
.container.final-persuasion:hover,
.container.seo-closure:hover,
.container.professional-environment:hover,
.container.why-consulting:hover,
.container.regional-seo:hover,
.container.seo-keywords:hover{

transform:translateY(-6px);
box-shadow:0 20px 50px rgba(0,0,0,.12);
}

/* Metinler arası görsel boşluk dengesi */

.container p:last-child{
margin-bottom:0;
}

/* ============================
 QUALITY LIST (Standartlar kısmı)
============================ */

.quality-grid{
gap:18px; /* sıklaştırıldı */
}

.quality-box{
padding:22px;
border-radius:14px;
background:#f7f9fc;
border-left:5px solid #ff7a00;
box-shadow:none;
transition:.25s;
}

.quality-box:hover{
background:#fff;
box-shadow:0 10px 28px rgba(0,0,0,.08);
}

/* ============================
 MOBILE COMPACT
============================ */

@media(max-width:768px){

.container.seo-text,
.container.seo-long-content,
.container.seo-deep-text,
.container.semantic-seo,
.container.seo-final-layer,
.container.trust-content,
.container.performance,
.container.sector-details,
.container.partnership,
.container.efficiency,
.container.quality-assurance,
.container.final-persuasion,
.container.seo-closure,
.container.professional-environment,
.container.why-consulting,
.container.regional-seo,
.container.seo-keywords{

padding:30px 22px;
margin-bottom:22px;
}

.container h2{
font-size:26px;
}

.container p{
font-size:16px;
}

}
/* ============================
 STATS SECTION COLOR UPGRADE
============================ */

.stats{
background:linear-gradient(135deg,#0a2a5c,#123b7a); /* koyu ama modern */
padding:80px 0;
}

/* Sayıların daha parlak görünmesi */

.stat-box h3{
color:#ff8c1a;   /* turuncu biraz daha canlı */
text-shadow:0 2px 8px rgba(0,0,0,.3);
}

/* Alt yazılar beyaz ve net */

.stat-box p{
color:#f1f5ff;
opacity:.95;
font-weight:500;
}

/* Daha sık ve premium duruş */

.stats-grid{
gap:25px;
}

/* Mobilde sıklaştır */

@media(max-width:768px){
.stats{
padding:60px 0;
}

.stat-box h3{
font-size:36px;
}
}

/* ===== HEADER NORMAL HEIGHT FIX ===== */

header{
padding:10px 0 !important;
height:auto !important;
}

.topbar{
padding:10px 0 !important;
}

.header-flex{
align-items:center !important;
min-height:auto !important;
}

/* Logo küçült */

.logo-area img{
max-height:45px !important;
}

/* Menü sıkılaştır */

.main-menu a{
padding:6px 10px !important;
font-size:15px !important;
}

/* Hero ile header arası boşluk sıfır */

header + .hero{
margin-top:0 !important;
}
/* === FIXED HEADER BODY GAP FIX === */

/* Body'den header boşluğunu kaldır */
body{
padding-top:0 !important;
}

/* Eğer wrapper varsa */
.main-wrapper,
.site-wrapper,
.page-wrapper{
padding-top:0 !important;
margin-top:0 !important;
}

/* Header fixed ise normale çek */
header{
position:relative !important;
top:auto !important;
}

/* Hero'yu yukarı al */
.hero{
margin-top:0 !important;
}
/* ===== MENU HEIGHT FIX ===== */

header{
padding:6px 0;
}

.header-flex{
padding:0;
min-height:auto;
}

.topbar{
padding:0;
}

/* Logo küçülür */

.logo-area img{
height:42px;
max-height:42px;
}

/* Menü linkleri sıklaşır */

.main-menu a{
padding:6px 10px;
line-height:1.2;
font-size:15px;
}

/* Header iç container boşluğu kalkar */

header .container{
padding-top:10px;
padding-bottom:10px;
}