/* ═══════════════════════════════════════════════════════════════
   ENHANCE.CSS · 2026 Premium Katman — "Enerji Aurası" kimliği
   styles.css'in ÜZERİNE yüklenir; mevcut düzeni bozmadan yükseltir.
═══════════════════════════════════════════════════════════════ */

:root{
  /* enerji üçlüsü: petrol / mor / amber */
  --teal:#0C9D8B;
  --teal-lt:#16C2A8;
  --violet:#6E45D6;
  --violet-lt:#9173EE;
  --amber:#E9A23B;
  --amber-lt:#F4C56B;

  --ink:#111A2B;
  --ink2:#243049;
  --body:#46506A;
  --muted:#7C879E;

  --aura: conic-gradient(from 210deg at 50% 50%,
            #16C2A8 0deg, #0C9D8B 70deg, #6E45D6 165deg,
            #9173EE 230deg, #E9A23B 305deg, #16C2A8 360deg);
  --aura-soft: linear-gradient(120deg,#0C9D8B 0%,#6E45D6 55%,#E9A23B 110%);

  --shadow-xs:0 1px 2px rgba(17,26,43,.05);
  --shadow-sm:0 4px 14px -6px rgba(17,26,43,.14);
  --shadow-md:0 18px 44px -22px rgba(17,26,43,.30);
  --shadow-lg:0 40px 90px -42px rgba(17,26,43,.42);
  --ring:0 0 0 1px rgba(17,26,43,.06);

  --display:'Fraunces','Cormorant Garamond',serif;
}

/* ── Display tipografisi: Fraunces (2026 karakteri) ── */
h1,h2,h3,.nav-logo,.stat-num,.or-num,.ac-rating-text strong{
  font-family:var(--display);
  letter-spacing:-.012em;
  font-optical-sizing:auto;
}
h1{font-weight:600;line-height:1.04}
h2{font-weight:600}
em{font-style:italic;font-feature-settings:"swsh" 1}

/* gradient vurgulu em başlıkları */
h1 em,h2 em{
  background:var(--aura-soft);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  font-style:italic;
}

body{color:var(--ink2);letter-spacing:.001em}

/* daha okunabilir gövde rengi */
p,.hero-sub,.lead,.faq-a,.t-text{color:var(--body)}

/* ════════ NAV ════════ */
#nav{
  background:rgba(250,249,246,.72);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  border-bottom:1px solid rgba(17,26,43,.05);
}
#nav.scrolled{
  background:rgba(250,249,246,.9);
  box-shadow:0 10px 30px -20px rgba(17,26,43,.4);
}
.nav-logo-dot{
  width:11px;height:11px;
  background:var(--aura);
  box-shadow:0 0 0 3px rgba(22,194,168,.16),0 0 14px rgba(110,69,214,.45);
  animation:auraSpin 9s linear infinite;
}
@keyframes auraSpin{to{transform:rotate(360deg)}}
.nav-cta{
  background:var(--ink)!important;
  box-shadow:0 8px 20px -10px rgba(17,26,43,.6);
}
.nav-cta:hover{
  background:var(--aura-soft)!important;
  transform:translateY(-1px);
}

/* ════════ EYEBROW · imza rozet ════════ */
.eyebrow,.hero-eyebrow{
  font-family:'DM Sans',sans-serif;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  font-size:.7rem;color:var(--teal);
}
.hero-eyebrow{
  background:rgba(255,255,255,.6);
  border:1px solid rgba(12,157,139,.25);
  box-shadow:var(--shadow-xs);
  backdrop-filter:blur(8px);
}
.hero-eyebrow-dot{background:var(--aura);box-shadow:0 0 10px rgba(22,194,168,.7)}
.eyebrow-line{background:var(--aura-soft)}

/* ════════ HERO ════════ */
.hero-wrap{
  background:
    radial-gradient(1200px 520px at 78% -8%, rgba(110,69,214,.10), transparent 60%),
    radial-gradient(900px 480px at 8% 12%, rgba(12,157,139,.12), transparent 62%),
    linear-gradient(180deg,#FBFAF7 0%, #F4F1EA 100%);
}
#hero h1{font-size:clamp(2.5rem,5.4vw,4.3rem)}
.hero-sub{font-size:1.06rem;line-height:1.7;max-width:34rem}

/* aura orb yükseltmesi */
.orb-bg{
  background:var(--aura);
  filter:blur(46px) saturate(140%);
  opacity:.55;
  animation:auraSpin 22s linear infinite, breathe 7s ease-in-out infinite;
}
@keyframes breathe{50%{transform:scale(1.06)}}
.orb-ring{border-color:rgba(110,69,214,.22)}
.orb-center{
  background:radial-gradient(circle at 35% 30%,#fff,#EAF6F4 60%,#D9ECF0);
  box-shadow:0 0 0 10px rgba(255,255,255,.5),0 30px 70px -28px rgba(110,69,214,.55),
             inset 0 2px 10px rgba(255,255,255,.9);
  color:var(--violet);
}
.float-card{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(14px);
  border:1px solid rgba(17,26,43,.07);
  box-shadow:var(--shadow-md);
  border-radius:16px;font-weight:600;
}

/* ════════ BUTONLAR ════════ */
.btn-primary,.btn-cta{
  background:var(--aura-soft);
  background-size:160% 160%;
  border:none;color:#fff;
  box-shadow:0 16px 34px -14px rgba(110,69,214,.6);
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background-position .5s;
  position:relative;overflow:hidden;
}
.btn-primary:hover,.btn-cta:hover{
  transform:translateY(-2px);
  background-position:100% 0;
  box-shadow:0 24px 50px -16px rgba(110,69,214,.7);
}
.btn-secondary{
  border:1px solid rgba(17,26,43,.16);
  background:rgba(255,255,255,.6);
  backdrop-filter:blur(8px);
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
.btn-secondary:hover{
  border-color:var(--teal);
  transform:translateY(-2px);
  box-shadow:var(--shadow-sm);
}

/* ════════ STAT STRIP ════════ */
.stats-strip{
  background:linear-gradient(120deg,#101A2B 0%,#172238 55%,#1C1740 100%);
  position:relative;overflow:hidden;
}
.stats-strip::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(600px 200px at 85% 120%, rgba(110,69,214,.4), transparent 60%),
            radial-gradient(500px 180px at 10% -20%, rgba(12,157,139,.4), transparent 60%);
  pointer-events:none;
}
.stat-num{
  background:linear-gradient(120deg,#16C2A8,#9173EE 60%,#F4C56B);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.stat-num span{-webkit-text-fill-color:var(--amber-lt)}
.stat-label{color:rgba(255,255,255,.62)}

/* ════════ KARTLAR (hizmet / how / testimonial) ════════ */
.service-card,.t-card,.how-step,.faq-item,.cred-card,.related-card,.value-card,.audience-card{
  border:1px solid rgba(17,26,43,.07)!important;
  box-shadow:var(--shadow-sm);
  border-radius:20px;
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;
  position:relative;
}
.service-card{overflow:hidden}
.service-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:var(--aura);opacity:0;transition:opacity .35s;
  mix-blend-mode:soft-light;pointer-events:none;
}
.service-card:hover,.t-card:hover,.cred-card:hover,.related-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
  border-color:rgba(12,157,139,.35)!important;
}
.service-card:hover::after{opacity:.5}

.svc-icon,.step-emoji,.hi-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 10px 22px -12px rgba(17,26,43,.35);
}
.ic-teal{background:linear-gradient(135deg,#E3F6F2,#CFEFE9)}
.ic-violet{background:linear-gradient(135deg,#EDE7FB,#DDD1F6)}
.ic-sand{background:linear-gradient(135deg,#FBF0DA,#F3E2C0)}
.svc-tag{background:rgba(12,157,139,.1);color:var(--teal);font-weight:600}

/* how timeline çizgisi auralı */
.how-timeline::before,.how-step .step-circle{
  background:var(--aura-soft)!important;
}
.step-circle{box-shadow:0 10px 24px -10px rgba(110,69,214,.6);color:#fff}

/* ════════ TESTIMONIAL ════════ */
.t-stars,.or-stars,.ac-stars{color:var(--amber);letter-spacing:.06em}
.or-num{
  background:var(--aura-soft);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.t-av{background:var(--aura-soft);color:#fff}

/* ════════ CTA BAND ════════ */
.page-cta-band{
  background:linear-gradient(125deg,#101A2B 0%,#1A2440 50%,#241A47 100%);
  position:relative;overflow:hidden;
}
.page-cta-band::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(700px 300px at 80% 130%, rgba(110,69,214,.45), transparent 60%),
            radial-gradient(600px 260px at 12% -20%, rgba(12,157,139,.45), transparent 60%),
            radial-gradient(400px 220px at 50% 50%, rgba(233,162,59,.18), transparent 70%);
  pointer-events:none;
}
.page-cta-band .cs-inner{position:relative;z-index:1}
.btn-cta-ghost{
  border:1px solid rgba(255,255,255,.3);
  backdrop-filter:blur(6px);transition:background .2s,transform .2s;
}
.btn-cta-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

/* ════════ PAGE HERO (iç sayfalar) ════════ */
.page-hero{
  background:
    radial-gradient(900px 380px at 88% -20%, rgba(110,69,214,.12), transparent 60%),
    radial-gradient(700px 320px at 5% 0%, rgba(12,157,139,.13), transparent 62%),
    linear-gradient(180deg,#FBFAF7,#F4F1EA);
}
.page-hero h1{font-size:clamp(2.2rem,4.6vw,3.4rem)}
.breadcrumb a{color:var(--teal)}
.breadcrumb .current{color:var(--muted)}

/* ════════ FAQ ════════ */
.faq-item{background:#fff;padding:1.4rem 1.6rem}
.faq-q{font-family:var(--display);font-weight:600;color:var(--ink);font-size:1.08rem}
.faq-q::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--aura-soft);margin-right:.6rem;vertical-align:middle;
}

/* ════════ FOOTER ════════ */
footer{background:linear-gradient(180deg,#0E1726,#0B1220)}
footer,footer p,footer a,.footer-col li a{color:rgba(255,255,255,.62)}
footer .nav-logo{color:#fff}
.footer-col h4{color:#fff;letter-spacing:.04em}
.footer-col li a:hover{color:var(--teal-lt)}
.social{
  border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.8);
  transition:background .2s,transform .2s,border-color .2s;
}
.social:hover{background:var(--aura-soft);border-color:transparent;transform:translateY(-2px);color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08)}

/* ════════ FORM (iletişim) ════════ */
input,select,textarea{
  border:1px solid rgba(17,26,43,.14)!important;
  border-radius:12px!important;transition:border-color .2s,box-shadow .2s;
}
input:focus,select:focus,textarea:focus{
  outline:none;border-color:var(--teal)!important;
  box-shadow:0 0 0 4px rgba(12,157,139,.14)!important;
}

/* ════════ SCROLL PROGRESS (enhance.js) ════════ */
#scrollbar{
  position:fixed;top:0;left:0;height:3px;width:0;z-index:2000;
  background:var(--aura-soft);box-shadow:0 0 12px rgba(110,69,214,.6);
  transition:width .08s linear;
}

/* ════════ SEÇİM + ODAK ERİŞİLEBİLİRLİĞİ ════════ */
::selection{background:rgba(110,69,214,.18)}
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--violet);outline-offset:3px;border-radius:6px;
}

/* ════════ HAREKET AZALTMA ════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  #canvas{display:none}
}

/* küçük rötuşlar */
.badge-teal{background:rgba(12,157,139,.12)!important;color:var(--teal)!important}
.about-card,.ac-card{box-shadow:var(--shadow-lg);border:1px solid rgba(17,26,43,.06)}