:root{
  --soft-strong:#e3e7ef;
  --bg: var(--soft);
  --text:#0e1b2b;           /* koyu lacivert */
  --muted:#66758a;
  --accent:#b32aa9;         /* fuşya/eflatun */
  --accent2:#6a38f0;        /* mor */
  --soft:#f6f8fc;
  --border:#e9edf3;
  --radius:18px;
  --shadow:0 10px 30px rgba(15,27,43,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,#d9dde4 0%, #ffffff 70%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{max-width:1140px;margin:0 auto;padding:0 18px}

/* NAV */
.navbar{position:sticky;top:0;z-index:40;background:var(--soft);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 6px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.5px}
.navlinks{display:flex;gap:14px;align-items:center}
.navlinks a{padding:10px 12px;border-radius:12px;font-weight:700;color:var(--muted)}
.navlinks a:hover{background:var(--soft);color:var(--text)}
.navlinks .cta{border:1px solid var(--border)}
.hamb{display:none;background:none;border:none;font-size:20px}

/* HERO */
.hero{padding:64px 0 42px}
.badge{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--border);font-weight:700;color:var(--accent)}
.hero h1{font-family:Poppins,Inter,sans-serif;font-size:44px;line-height:1.1;margin:10px 0 14px}
.grad{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:18px;max-width:760px}
.actions{display:flex;gap:12px;margin-top:14px}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid var(--border);font-weight:800}
.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none}
.btn.ghost{background:#fff}
.btn.pill{border-radius:999px}

/* SECTIONS */
.section{padding:56px 0}
.section.alt{background:#e2e5ea}
.section.alt:nth-of-type(even){background:#ffffff}
.section.alt:nth-of-type(even){background:#ffffff}
.title{font-family:Poppins,Inter,sans-serif;font-size:32px;margin:0 0 8px}
.subtitle{color:var(--muted);margin:0 0 22px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

/* SERVICES */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:18px;transition:.25s transform, .25s box-shadow}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,27,43,.12)}
.svc-emoji{font-size:34px;line-height:1;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:10px;transition:.25s transform}
.svc-card:hover .svc-emoji{transform:rotate(-8deg) scale(1.08)}
.svc-card h3{margin:6px 0 6px;font-size:20px}
.svc-desc{color:var(--muted)}
.svc-features{margin:12px 0 16px;padding:0 0 0 0;list-style:none;color:#516078}
.svc-features li{margin:6px 0}

/* color accents per card */
.svc-card[data-color="info"] .svc-emoji{background:#e9f3ff}
.svc-card[data-color="warning"] .svc-emoji{background:#fff7e6}
.svc-card[data-color="purple"] .svc-emoji{background:#f3e9ff}
.svc-card[data-color="accent"] .svc-emoji{background:#ffe9f7}
.svc-card[data-color="success"] .svc-emoji{background:#e9fff1}
.svc-card[data-color="teal"] .svc-emoji{background:#e8fffd}

/* TIMELINE */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;margin:14px 0 0}
.timeline li{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px 28px;14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}
.timeline li span{width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;display:grid;place-items:center;font-weight:800}

/* PRICING */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.price-card{position:relative;transition:.25s transform, .25s box-shadow;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.price{font-size:26px;margin:8px 0 12px}.price b{font-size:28px}
.price-card.featured{border:2px solid var(--accent)}
.ribbon{position:absolute;right:14px;top:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;padding:6px 10px;border-radius:999px}

/* TRUST */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kpi{text-align:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.kpi b{font-size:22px;display:block}.kpi span{color:var(--muted)}

/* FAQ */
.faq{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:800}.faq div{color:var(--muted);padding-top:8px}

/* CONTACT */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:block;font-weight:700;margin-bottom:10px}
.form input,.form textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;outline:none}
.form textarea{min-height:120px;resize:vertical}

/* FOOTER */
.footer{padding:26px 0;border-top:1px solid var(--border);color:var(--muted)}
.footer p{text-align:center;margin:0}


/* === HERO Typography & Centering (requested) === */
.hero { text-align:center; }
.hero .badge { margin: 0 auto 10px; }
.hero-title {
  font-family: Poppins, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(34px, 6.2vw, 62px);
  line-height: 1.08;
  letter-spacing: -0.5px;
  margin: 0 0 6px;
}
.hero-subtitle {
  font-family: Poppins, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(24px, 4.2vw, 38px);
  line-height: 1.12;
  letter-spacing: -0.2px;
  margin: 0 0 10px;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.hero .lead {
  max-width: 860px;
  margin: 0 auto 12px;
  text-align: center;
  font-size: clamp(16px, 2.2vw, 20px);
}
.actions { justify-content: center; }
/* REVEAL ANIMATIONS */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out, transform .5s ease-out;will-change:opacity,transform}
.in .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out, transform .5s ease-out;will-change:opacity,transform}
/* Global scroll reveal applied via JS by toggling .in on section when entering viewport */


/* === Center alignment adjustments === */
.hero, .title, .subtitle { text-align: center; }
.why-grid .card, .svc-card, .price-card, .kpi, .faq, .form, .contact .card { text-align: center; }
.svc-features { text-align: left; margin-left: auto; margin-right: auto; max-width: 420px; }

/* === Colorful hover effects per service color === */
.svc-card{ transition: .25s transform, .25s box-shadow, .25s border-color, .25s background-color; }
.svc-card:hover{ transform: translateY(-8px); }

/* Info (blue-ish) */
.svc-card[data-color="info"]:hover { border-color: #3a86ff22; box-shadow: 0 18px 44px rgba(58,134,255,.20); background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%); }
.svc-card[data-color="info"] .svc-emoji{ background:#e0edff; }

/* Warning (amber) */
.svc-card[data-color="warning"]:hover { border-color: #ffb70333; box-shadow: 0 18px 44px rgba(255,183,3,.22); background: linear-gradient(180deg, #ffffff 0%, #fff6e5 100%); }
.svc-card[data-color="warning"] .svc-emoji{ background:#ffefd2; }

/* Purple */
.svc-card[data-color="purple"]:hover { border-color: #7c3aed33; box-shadow: 0 18px 44px rgba(124,58,237,.22); background: linear-gradient(180deg, #ffffff 0%, #f5eaff 100%); }
.svc-card[data-color="purple"] .svc-emoji{ background:#eedcff; }

/* Accent (pink) */
.svc-card[data-color="accent"]:hover { border-color: #d946ef33; box-shadow: 0 18px 44px rgba(217,70,239,.22); background: linear-gradient(180deg, #ffffff 0%, #ffe9f8 100%); }
.svc-card[data-color="accent"] .svc-emoji{ background:#ffe1f5; }

/* Success (green) */
.svc-card[data-color="success"]:hover { border-color: #10b98133; box-shadow: 0 18px 44px rgba(16,185,129,.22); background: linear-gradient(180deg, #ffffff 0%, #eafff6 100%); }
.svc-card[data-color="success"] .svc-emoji{ background:#d8fff0; }

/* Teal */
.svc-card[data-color="teal"]:hover { border-color: #06b6d433; box-shadow: 0 18px 44px rgba(6,182,212,.22); background: linear-gradient(180deg, #ffffff 0%, #e9fbff 100%); }
.svc-card[data-color="teal"] .svc-emoji{ background:#dff9ff; }

/* Pricing hover pop */
.price-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(15,27,43,.14); }
/* RESPONSIVE */
@media (max-width: 980px){
  .why-grid{grid-template-columns:1fr 1fr}
  .svc-grid{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr}
  .pricing{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .navlinks{display:none;position:absolute;right:10px;top:58px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px}
  .navlinks a{display:block;padding:10px 12px}
  .hamb{display:block}
  .why-grid,.svc-grid,.timeline{grid-template-columns:1fr}
}

.center-links { display: flex; justify-content: center; flex-wrap: wrap; }
.center-links a { text-align: center; }


/* globally center link groups */
.center-links { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.svc-card .btn, .price-card .btn, .contact .btn { margin-left:auto; margin-right:auto; }


/* === Clickable elements lively hover === */
a, .btn, .brand, .navlinks a, .cta { transition: .2s transform, .2s box-shadow, .2s color, .2s background-color, .2s border-color; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15,27,43,.12); }
.btn:active { transform: translateY(0); box-shadow: 0 4px 12px rgba(15,27,43,.10); }
.navlinks a:hover { color: var(--text); border-color: transparent; box-shadow: inset 0 -2px 0 0 var(--accent2); }
.brand:hover { transform: translateY(-1px); }
.svc-card a.btn:hover { transform: translateY(-2px) scale(1.02); }
.price-card a.btn:hover { transform: translateY(-2px) scale(1.02); }
.footer a:hover { color: var(--accent2); }


/* HERO styles */
.hero-title.big{font-family:Poppins,Inter,sans-serif;font-weight:800;font-size:clamp(38px,7.4vw,68px);line-height:1.05;margin:8px 0 4px;text-align:center;color:#1a2436}
.hero-subtitle.grad{font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:clamp(30px,6vw,48px);line-height:1.1;text-align:center;background:linear-gradient(135deg,#2166ff,#5b3bf0);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 8px}
.hero-lead{color:#55637a;font-size:clamp(16px,2.2vw,19px);text-align:center;margin:0 auto 14px;max-width:820px}
.hero-badges{display:flex;gap:10px;align-items:center;justify-content:center;color:#6b7a92;font-weight:700}
.hero-badges .btn.tiny{padding:8px 12px;border-radius:999px;border:1px solid var(--border);font-weight:800}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:18px auto 0}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px;text-align:center}
.stat-card .ico{font-size:20px;margin-bottom:6px}
.stat-card b{font-size:22px;display:block;color:#1b2a44}
.stat-card span{color:#6a7a90}
.hero-texture{position:relative;border-radius:18px;padding:46px 0 24px;background:radial-gradient(600px 320px at 30% 0%, rgba(0,0,0,.04), transparent 60%),radial-gradient(420px 240px at 70% 10%, rgba(0,0,0,.035), transparent 60%)}

/* FOOTER styles */
.footer-navy{background:linear-gradient(180deg,#0c1626 0%, #0a1322 100%);color:#dbe4f3}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.6fr;gap:24px;padding:42px 0}
.foot-col h4{margin:0 0 10px;font-family:Poppins,Inter,sans-serif;font-weight:800;color:#ffffff}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin:8px 0}
.foot-col a{color:#c9d5ea}
.foot-col a:hover{color:#ffffff}
.brand-col .foot-brand{font-weight:900;font-size:22px;color:#ffffff;margin-bottom:6px}
.foot-desc,.foot-small{color:#a8b5cc}
.foot-contact{list-style:none;margin:10px 0 0;padding:0;color:#c0cce2}
.foot-news{display:flex;gap:8px;margin:10px 0 12px}
.foot-news input{flex:1;border:1px solid rgba(255,255,255,.2);background:#0f1a2b;color:#e8f0ff;border-radius:12px;padding:10px 12px}
.foot-news input::placeholder{color:#9fb0cc}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#fff;color:#000;margin-right:8px;font-weight:900}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.15)}
.foot-bottom-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}

/* Responsive */
@media (max-width: 980px){
  .hero-stats{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .hero-stats{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .hero-badges{flex-wrap:wrap}
}

/* footer fine-tune */
.footer-navy{font-size: 0.96rem}
.footer-navy .foot-col h4{font-weight:700;font-size:0.98rem}
.footer-navy .foot-desc,.footer-navy .foot-small,.footer-navy .foot-contact{font-weight:400}
.foot-bottom-inner{padding:16px 0 18px}
.footer{padding-bottom: 10px}

/* mobile menu overlay (top-right slide) */
@media (max-width: 640px){
  .navlinks{
    display:none;
    position:fixed;
    top:64px;
    right:12px;
    left:auto;
    width:280px;
    max-height:70vh;
    overflow:auto;
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    box-shadow:0 18px 40px rgba(15,27,43,.14);
    padding:10px;
    transform: translateY(-10px) scale(.98);
    opacity:0;
    transition: .22s transform, .22s opacity;
    z-index: 80;
  }
  .navlinks a{display:block;padding:12px 12px}
  .navlinks.open{display:block; transform:none; opacity:1;}
}

.footer-navy .foot-grid{padding-bottom: 56px}
.footer-navy .foot-bottom-inner{padding-bottom:22px}


/* scroll reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out, transform .5s ease-out;will-change:opacity,transform}
.reveal.in{opacity:1;transform:none}


/* Custom backgrounds per section */
.section.nedenbiz { background: #d9dde4; } /* koyu gri */
.section.hizmetler { background: #ffffff; }
.section.surec { background: #e2e5ea; } /* açık gri */
.section.fiyatlar { background: #ffffff; }
.section.guven { background: #dfe3e8; } /* hafif gri */
.section.sss { background: #ffffff; }
.section.iletisim { background: #e2e5ea; } /* açık gri */


/* === SILVER/WHITE SECTION BACKGROUNDS WITH SOFT TRANSITIONS === */
.section{position:relative;z-index:0}
.section.silver{background:#F1F3F6}
.section.white{background:#ffffff}
.section.silver::before,
.section.silver::after,
.section.white::before,
.section.white::after{
  content:"";position:absolute;left:0;right:0;height:28px;pointer-events:none;z-index:-1;
}
.section.silver::before{top:-28px;background:linear-gradient(180deg,#ffffff 0%, #F1F3F6 100%)}
.section.white::before{top:-28px;background:linear-gradient(180deg,#F1F3F6 0%, #ffffff 100%)}
.section.silver::after{bottom:-28px;background:linear-gradient(180deg,#F1F3F6 0%, #ffffff 100%)}
.section.white::after{bottom:-28px;background:linear-gradient(180deg,#ffffff 0%, #F1F3F6 100%)}
@media (max-width:640px){
  .section.silver::before,.section.white::before,
  .section.silver::after,.section.white::after{height:22px;top:-22px;bottom:-22px}
}

/* full-width section backgrounds & transparent containers */
.container{background: transparent !important;}
.section{position:relative}
.section > .container{position:relative;z-index:1}

/* taller hero so 'Neden Biz' doesn't show in first view */
.hero{min-height:78vh;padding-top:72px;padding-bottom:34px}
.hero-title.big{font-size:clamp(40px,7.8vw,70px)}
.hero-subtitle.grad{font-size:clamp(32px,6.4vw,50px)}
@media (max-width: 640px){
  .hero{min-height:72vh;padding-top:64px}
}

/* Scroll reveal effect */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease-out, transform .5s ease-out;will-change:opacity,transform}
.reveal.active{opacity:1;transform:none}

/* Alternating backgrounds */
.section-grey { background-color: #f2f2f2 !important; } /* light grey */
.section-white { background-color: #ffffff !important; }

.pre-footer-space{padding-bottom:72px}

.no-gradient-tail::after{display:none !important}

/* === Custom updates 2025-08-11 === */
.timeline li{padding:24px;min-height:88px;font-size:18px}
.timeline li span{width:44px;height:44px;font-size:18px}

/* Bigger pricing cards */
.price-card{padding:26px;border-radius:22px}
.price{font-size:28px}.price b{font-size:30px}

/* Testimonials layout */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
.testimonial-card .stars{font-size:18px;letter-spacing:2px;color:#ffb400;margin:6px 0 8px}

/* FAQ bigger area */
.sss .faq{font-size:16px}
.sss details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;margin:10px 0}

/* Hero full-screen on mobile & badges below fold */
@media (max-width: 768px){
  .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:40px}
  .hero-badges{margin-top:50vh}
  .hero-stats{margin-top:40vh}
  /* Section snapping effect for immersive view */
  html, body{scroll-snap-type:y mandatory}
  .section, header.hero{scroll-snap-align:start;min-height:100vh}
  /* Ensure sections look big */
  .section .title{font-size:26px}
  .price-card ul{font-size:15px}
  .testimonials{grid-template-columns:1fr}
}



/* === Mobile polish (<=640px) === */
@media (max-width: 640px){
  html, body { overflow-x: hidden; }
  .navbar { position: sticky; top: 0; z-index: 999; background: #fff; }
  .nav-inner { padding: 10px 0; }
  .brand span { font-size: 14px; }
  .hero { padding-top: 24px; padding-bottom: 32px; }
  .hero-title { font-size: 28px; line-height: 1.15; text-align:center; }
  .hero-subtitle { font-size: 18px; text-align:center; }
  .lead, .hero-lead { font-size: 14px; text-align:center; }
  .actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
  .why-grid, .svc-grid, .timeline, .pricing, .contact { grid-template-columns: 1fr !important; }
  .card, .price-card, .svc-card { width: 100%; }
  .navlinks { right: 12px; left: 12px; top: 60px; }
  .navlinks a { padding: 12px 14px; }
  .section { padding: 40px 0; }
  .title { font-size: 22px; text-align:center; }
  .subtitle { font-size: 14px; text-align:center; }
  .svc-card .btn, .price-card .btn, .contact .btn { width: 100%; }
  .hero-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
}

/* Prevent long words from breaking layout */
.section, .card, p, li { word-break: break-word; }



/* === Mobile hero centering & spacing === */
@media (max-width: 640px){
  .hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 60px);
    padding-top: 0;
    padding-bottom: 0;
  }
  .hero > * {
    text-align: center;
  }
}

/* Footer text alignment & padding fix */
@media (max-width: 640px){
  footer {
    padding: 16px;
    text-align: center;
  }
  footer p, footer a, footer li {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
  }
  footer p, footer li {
    font-size: clamp(12px, 4vw, 14px);
  }
}

/* Anchor offset fix for in-page links (Süreç vb.) */
[id]::before {
  content: "";
  display: block;
  height: 70px; /* height of navbar + small gap */
  margin-top: -70px;
  visibility: hidden;
}



/* Anchor offset so sections open near top (esp. mobile) */
section, header { scroll-margin-top: 84px; }
@media (max-width: 640px){
  section, header { scroll-margin-top: 68px; }
}



/* Mobile hero vertical alignment */
@media (max-width: 640px){
  .hero { 
    min-height: calc(100vh - 64px); 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-start; 
    align-items: center;
    padding-top: 12px;
    padding-bottom: 24px;
  }
  .hero-title { font-size: clamp(22px, 5.5vw, 30px); margin: 6px 0; text-align:center; }
  .hero-subtitle { font-size: clamp(16px, 4.5vw, 20px); margin: 0 0 6px; text-align:center; }
  .hero-lead, .lead { font-size: clamp(13px, 3.8vw, 16px); text-align:center; }
}



/* Footer mobile spacing & alignment */
@media (max-width: 640px){
  .footer .container { padding-left: 16px; padding-right: 16px; }
  .foot-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
  .foot-col, .foot-bottom-inner { text-align: left; }
  .foot-col ul, .foot-contact { padding-left: 16px; }
  .footer, .foot-col, .foot-small { font-size: clamp(12px, 3.5vw, 15px); line-height: 1.45; }
}



/* General text wrap/scaling safeguards */
@media (max-width: 640px){
  h1,h2,h3 { word-break: keep-all; }
  p, li, a, span { word-wrap: break-word; overflow-wrap: anywhere; }
}



/* Mobile hero much higher alignment */
@media (max-width: 640px){
  .hero {
    min-height: auto;
    padding-top: 8px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .hero-title { font-size: clamp(22px, 5vw, 28px); margin-top: 4px; }
  .hero-subtitle { font-size: clamp(16px, 4.5vw, 20px); margin-top: 2px; }
}



/* Footer mobile column layout and brighter text */
@media (max-width: 640px){
  .foot-contact li { display: block; margin-bottom: 4px; }
  .footer, .foot-col, .foot-col a, .foot-contact li { color: #fff; }
}



/* Section anchor adjust for titles to be nearer top */
section, header { scroll-margin-top: 60px; }
@media (max-width: 640px){
  section, header { scroll-margin-top: 52px; }
}



/* Mobile hero layout fix: move text up, keep stats tight, more gap before Neden Biz */
@media (max-width: 640px){
  .hero {
    padding-top: 4px;
    padding-bottom: 8px;
    min-height: auto;
  }
  .hero-badges { margin-top: 4px; margin-bottom: 6px; }
  .hero-title { margin-top: 2px; margin-bottom: 4px; }
  .hero-subtitle { margin-bottom: 6px; }
  .hero-stats { margin-top: 8px; margin-bottom: 14px; }
  #neden-biz { margin-top: 26px !important; }
}



/* === Mobile hero top alignment & section separation === */
@media (max-width: 640px){
  .hero { 
    padding-top: 4px;      /* move content as high as possible */
    padding-bottom: 18px;
  }
  .hero-badges { margin-top: 6px; margin-bottom: 8px; }
  .hero-title { margin-top: 2px; margin-bottom: 6px; }
  .hero-subtitle { margin-top: 0; margin-bottom: 4px; }
  .hero-lead, .lead { margin-top: 0; margin-bottom: 8px; }

  /* stats immediately under hero text */
  .hero-stats { margin-top: 6px; }

  /* clear separation before the next section ("Neden Biz") */
  #neden-biz { padding-top: 28px; }           /* inside section */
  .hero { margin-bottom: 20px; }              /* gap after hero block */
}



@media (max-width: 640px){
  header#top, .hero.container { margin-top: 0; }
}



/* Footer refinements */
@media (max-width: 640px){
  /* Brand/contact column stays vertical; brighter white already applied */
  .foot-contact li { display:block; margin: 4px 0; }
  
  /* Hide 'Hızlı Linkler' heading (2nd column) and make its list 3x2 grid */
  .foot-grid .foot-col:nth-of-type(2) h4 { display:none; }
  .foot-grid .foot-col:nth-of-type(2) ul { 
    display:grid; grid-template-columns: repeat(3, 1fr); gap: 8px 10px; 
    padding-left: 0; list-style: none; margin: 0;
  }
  .foot-grid .foot-col:nth-of-type(2) ul li a { 
    display:block; text-align:center; font-weight:700; font-size: clamp(13px, 3.8vw, 16px);
    background: rgba(255,255,255,.08); padding:10px 6px; border-radius:12px;
  }

  /* 'Hizmetlerimiz' column list strictly vertical and readable */
  .foot-grid .foot-col:nth-of-type(3) ul { padding-left: 16px; }
  .foot-grid .foot-col:nth-of-type(3) ul li { display:list-item; margin: 4px 0; }

  
}



/* Disable scroll-margin-top since JS handles precise offset */
section, header { scroll-margin-top: 0px; }



/* Footer back-to-top button replacing white boxes */
.back-to-top-footer{
  display:inline-block; background:#fff; color:#0e1b2b;
  font-size:22px; line-height:1; text-align:center;
  padding:10px 14px; border-radius:12px;
  box-shadow: 0 4px 14px rgba(15,27,43,.18);
}
.back-to-top-footer:hover{ background:#f6f8fc; }



/* Desktop hizmetlerimiz 3 columns */
@media (min-width: 981px){
  .svc-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
/* Erişilebilir ama görünmez metin için */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Logo taşıyıcı */
.site-logo{
  display:flex;align-items:center;gap:.5rem;
  text-decoration:none; /* alt çizgi vs. olmasın */
  line-height:1;
}

/* Görseli sabitle */
.site-logo img{
  display:block;width:40px;height:40px;object-fit:contain;
}

/* Eski “CBY” yazısı CSS ile ekleniyorsa sıfırla */
.site-logo, .site-logo::before, .site-logo::after{
  content: none !important;
  font-size: 0 !important;
}