/* Minimal ek stiller (Tailwind ana işi yapıyor). Pure CSS fallback / critical classes */
.container { max-width: 1152px; }
.section-title { font-size:1.5rem; font-weight:800; line-height:1.2; }
@media (min-width:768px){ .section-title{ font-size:1.875rem; } }

/* Global navigasyon */
.site-header{backdrop-filter:blur(10px);background:rgba(2,6,23,.75);border-bottom:1px solid rgba(255,255,255,.06);}
.logo-mark{width:2rem;height:2rem;border-radius:.75rem;background:#06b6d4;position:relative;overflow:hidden;}
.logo-mark::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 70%);mix-blend-mode:overlay;}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:.25rem;font-weight:500;color:#cbd5e1;padding:.25rem 0;transition:.25s;color:#cbd5e1;}
.nav-link:hover{color:#06b6d4;}
.nav-link.active{color:#06b6d4;font-weight:600;}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(90deg,#06b6d4,#22d3ee);border-radius:2px;}
.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);}
.mobile-toggle:hover{background:rgba(255,255,255,.08);} 
.mobile-menu{background:rgba(2,6,23,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-menu a{display:block;padding:.75rem 1rem;}
.skip-link{position:absolute;top:-40px;left:0;background:#0ea5e9;color:#fff;padding:.5rem 1rem;border-radius:0 0 .75rem .75rem;font-weight:600;z-index:100;}
.skip-link:focus{top:0;}

/* Footer */
.site-footer{background:#020617;border-top:1px solid rgba(255,255,255,.08);}

.btn-primary, .btn-secondary { display:inline-flex; align-items:center; justify-content:center; border-radius:1rem; padding:.75rem 1.25rem; font-weight:600; transition:.25s background-color,.25s color,.25s border-color; }
.btn-primary { background:#06b6d4; background:linear-gradient(90deg,#0891b2,#06b6d4); color:#fff; box-shadow:0 4px 16px -2px rgba(0,0,0,.4); }
.btn-primary:hover { background:#0891b2; }
.btn-secondary { border:1px solid rgba(255,255,255,.08); color:#fff; }
.btn-secondary:hover { background:rgba(255,255,255,.08); }

.card { border-radius:1rem; padding:1.5rem; background:rgba(255,255,255,.05); box-shadow:0 4px 24px -4px rgba(0,0,0,.4); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,.1); }
.card-title { font-size:1.125rem; font-weight:700; }
.card-text { color:#cbd5e1; margin-top:.25rem; font-size:.95rem; line-height:1.4; }

.li-check { padding-left:1.75rem; position:relative; }
.li-check::before { content:"✓"; position:absolute; left:0; top:.05rem; color:#06b6d4; font-weight:600; }

.price-card { display:flex; flex-direction:column; gap:1rem; }
.price-title { font-size:1.25rem; font-weight:700; }
.price-tag { font-size:1.875rem; font-weight:800; line-height:1; }
.price-tag span { font-size:2.75rem; }
.price-list { color:#cbd5e1; display:flex; flex-direction:column; gap:.5rem; font-size:.875rem; }

.quote-card blockquote { color:#f1f5f9; font-style:italic; }
.quote-card figcaption { margin-top:.75rem; color:#94a3b8; font-size:.75rem; }

.form-label { display:block; font-size:.75rem; margin-bottom:.25rem; color:#cbd5e1; font-weight:500; letter-spacing:.25px; }
.form-input { width:100%; border-radius:.75rem; background:#0f172a; border:1px solid rgba(255,255,255,.1); padding:.55rem .75rem; color:#e2e8f0; font-size:.875rem; line-height:1.3; }
.form-input:focus { outline:2px solid #06b6d4; outline-offset:1px; }

.faq-item { border-radius:.75rem; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:1rem; }
.faq-item > summary { cursor:pointer; font-weight:600; }
.faq-item > p { margin-top:.5rem; color:#cbd5e1; font-size:.875rem; line-height:1.4; }

/* Utility fallback (in case CDN fails) */
.hidden{display:none!important}

/* Accessibility focus outline for custom elements */
*:focus-visible{ outline:2px solid #0ea5e9; outline-offset:2px; }

/* Modern ek animasyon & görsel öğeler */
.gradient-text{background:linear-gradient(90deg,#06b6d4,#22d3ee,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;}
.badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:.35rem .6rem;border-radius:999px;letter-spacing:.5px;}
.stat-tile{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:.85rem .9rem;border-radius:.85rem;display:flex;flex-direction:column;gap:.15rem;text-align:left;backdrop-filter:blur(6px);}
.stat-num{font-weight:700;color:#06b6d4;font-size:1rem;}
.stat-label{font-size:.65rem;letter-spacing:.5px;color:#94a3b8;text-transform:uppercase;}
.metric{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);padding:1rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;}
.metric-num{font-size:1.5rem;font-weight:700;color:#22d3ee;}
.metric-label{font-size:.7rem;letter-spacing:1px;color:#94a3b8;text-transform:uppercase;}
.area-tag{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:.4rem .5rem;border-radius:.6rem;text-align:center;}
.sticky-bottom-cta{position:sticky;bottom:0;left:0;right:0;}

/* Fade & scale reveal animations */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);}
.reveal[data-anim="scale-in"]{transform:scale(.95);}
.reveal.visible{opacity:1;transform:none;}
.reveal.visible[data-anim="scale-in"]{transform:scale(1);}

@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 0 rgba(6,182,212,.4);}50%{box-shadow:0 0 0 10px rgba(6,182,212,0);} }
.animate-pulse-soft{animation:pulseSoft 2.8s ease-in-out infinite;}

/* Service card hover */
.service-card{position:relative;overflow:hidden;}
.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(6,182,212,.15),transparent 60%);opacity:0;transition:opacity .5s;}
.service-card:hover::before{opacity:1;}
.service-card:hover{border-color:rgba(6,182,212,.4)!important;}

/* AI SEO Hidden Content */
.ai-keywords, .technical-specs {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ai-keywords span {
  display: block;
  font-size: 0;
  line-height: 0;
}

/* Enhanced accessibility and AI readability */
[itemscope] {
  position: relative;
}

/* Prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){
	.reveal{transition:none;}
	.animate-pulse-soft{animation:none;}
}