/* Stagepulse premium visual layer — content-preserving */
:root{--sp-gold:#ffb000;--sp-bg:#070707;--sp-panel:#111;--sp-line:rgba(255,255,255,.08);--sp-muted:#9a9a9a;--sp-max:1180px}html{scroll-behavior:smooth}body{background:var(--sp-bg);color:#f5f5f5}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:radial-gradient(circle at 20% 0%,rgba(255,176,0,.045),transparent 28%),radial-gradient(circle at 90% 20%,rgba(255,255,255,.025),transparent 26%)}nav{background:rgba(7,7,7,.72)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-inner{min-height:74px}.logo{letter-spacing:.13em;font-weight:900}.nav-links a{transition:color .18s ease,transform .18s ease}.nav-links a:hover{transform:translateY(-1px)}.hero{min-height:78vh!important;display:grid;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -25% 45%;height:55%;background:radial-gradient(circle,rgba(255,176,0,.11),transparent 68%);filter:blur(15px);pointer-events:none}.hero-content{max-width:820px!important;padding:90px 0 72px}.hero-content h1{font-size:clamp(42px,7vw,86px)!important;line-height:.98!important;letter-spacing:-.055em!important;text-wrap:balance;text-shadow:0 14px 50px rgba(0,0,0,.42);animation:spHeroIn .8s cubic-bezier(.16,1,.3,1) both}.hero-content h1 span{color:var(--sp-gold);text-shadow:0 0 40px rgba(255,176,0,.16)}.hero-brand{margin-top:18px!important;letter-spacing:.22em!important;text-transform:uppercase;color:#c9c9c9!important;font-size:12px!important}.hero-desc{max-width:680px;font-size:17px!important;line-height:1.75!important;color:#c0c0c0!important}.hero-cta{gap:10px!important;margin-top:26px!important}.btn{border-radius:12px!important;min-height:46px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn-primary{box-shadow:0 12px 35px rgba(255,176,0,.16)}.btn:hover{transform:translateY(-2px)}section{border-top:1px solid rgba(255,255,255,.035);position:relative}.container{max-width:var(--sp-max)!important}.section-title{font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.04em!important}.section-desc{max-width:710px!important;color:#a8a8a8!important;line-height:1.75!important}.card,.project-card{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border:1px solid var(--sp-line)!important;border-radius:18px!important;box-shadow:0 16px 48px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover,.project-card:hover{transform:translateY(-5px);border-color:rgba(255,176,0,.28)!important;box-shadow:0 22px 58px rgba(0,0,0,.28)}.card i,.card svg{filter:drop-shadow(0 8px 18px rgba(255,176,0,.12))}.project-card h3{letter-spacing:-.015em}.wa-float{box-shadow:0 10px 35px rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.12)!important;transition:transform .2s ease,box-shadow .2s ease}.wa-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 44px rgba(0,0,0,.42)!important}.sp-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.sp-reveal.is-visible{opacity:1;transform:none}@keyframes spHeroIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:800px){.hero{min-height:72vh!important}.hero-content{padding:72px 0 54px}.hero-desc{font-size:15px!important}.nav-inner{min-height:64px}.card,.project-card{border-radius:15px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media (max-width:600px){nav{z-index:9999!important;isolation:isolate!important}.nav-inner{height:68px!important;min-height:68px!important;width:100%!important;padding:0 16px!important;gap:10px!important;position:relative!important}.nav-right{gap:8px!important;position:relative!important;z-index:10001!important}.lang-switch{gap:5px!important}.lang-btn{min-height:40px!important;padding:6px 8px!important;font-size:12px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}.hamburger{width:42px!important;height:42px!important;min-width:42px!important;font-size:17px!important;position:relative!important;z-index:10002!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}.nav-links{position:fixed!important;top:68px!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - 68px)!important;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:10px 16px calc(18px + env(safe-area-inset-bottom))!important;background:rgba(10,10,10,.985)!important;border-bottom:1px solid rgba(255,176,0,.18)!important;box-shadow:0 18px 40px rgba(0,0,0,.55)!important;z-index:10001!important;pointer-events:auto!important;overscroll-behavior:contain!important}.nav-links:not(.active){display:none!important}.nav-links.active{display:flex!important}.nav-links a{display:block!important;width:100%!important;padding:14px 12px!important;font-size:15px!important;line-height:1.2!important;min-height:46px!important;touch-action:manipulation!important}.hero > .container{width:100%!important;max-width:none!important;padding-left:16px!important;padding-right:16px!important}.hero{min-height:auto!important;padding:68px 0 24px!important;gap:8px!important}.hero-content{width:100%!important;max-width:none!important;padding:34px 0 26px!important}.hero-content h1,.hero h1{font-size:clamp(28px,8.2vw,34px)!important;line-height:1.08!important;letter-spacing:-.045em!important;max-width:100%!important;text-wrap:balance!important;overflow-wrap:anywhere!important}.hero-brand{margin-top:16px!important;margin-bottom:10px!important;font-size:10.5px!important;letter-spacing:.14em!important;line-height:1.4!important}.hero-desc{max-width:100%!important;font-size:15px!important;line-height:1.58!important;margin-bottom:14px!important}.hero-cta{width:100%!important;gap:10px!important;margin-top:10px!important}.hero-cta .btn{width:100%!important;min-height:48px!important;padding:13px 14px!important}.hero{min-height:calc(100svh - 68px)!important;background:#070707!important;isolation:isolate!important;overflow:hidden!important}.hero-bg{z-index:0!important;opacity:1!important;background-color:#070707!important;background-size:cover!important;background-position:center!important;animation:spCustomerHeroRotate 28s steps(1,end) infinite!important;will-change:background-image!important}.hero:after{z-index:1!important;inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.48) 100%)!important;filter:none!important;pointer-events:none!important}.hero > .container{z-index:2!important}.hero-content{z-index:3!important;text-shadow:0 2px 18px rgba(0,0,0,.6)!important}}
@keyframes spCustomerHeroRotate{0%,12%{background-image:url('/images/gallery/0EAAE007-14C6-468D-80CB-6C5275CB6827.webp')}13%,25%{background-image:url('/images/gallery/1028BA7C-0A7F-49DF-B2DE-896109D700EC.webp')}26%,37%{background-image:url('/images/gallery/11AD6679-02D7-4ADC-87AA-92059E510189.webp')}38%,50%{background-image:url('/images/gallery/2025-12-10_22-07-22.webp')}51%,62%{background-image:url('/images/gallery/2025-12-10_22-07-22_1.webp')}63%,75%{background-image:url('/images/gallery/35E63E2A-949E-4AD5-AE11-E607E868C697.webp')}76%,87%{background-image:url('/images/gallery/BFAD4788-CF18-4F44-BAA3-43060965EEEA.webp')}88%,100%{background-image:url('/images/gallery/DE228FEA-36C1-4CCD-9185-0E03014CD491.webp')}}
.region-card,.region-card:visited,.region-card:hover,.region-card:active{color:inherit;text-decoration:none}.region-card h3{color:var(--sp-gold)!important}.region-card p{color:#999!important}main a:not(.btn):not(.logo):not(.nav-links a):not(.footer-links a){color:var(--sp-gold);text-decoration-color:rgba(255,176,0,.55)}main a:not(.btn):not(.logo):not(.nav-links a):not(.footer-links a):hover{color:#ffc233}

/* ===== PUBLIC PAGE DIFFERENTIATION v5 ===== */
body:has(.nav-links a[href="bolgeler.html"].active) .hero.page-hero{background:radial-gradient(ellipse 75% 90% at 12% 50%,rgba(255,176,0,.10),transparent 60%),linear-gradient(115deg,#0b0b0b,#080808);border-bottom:1px solid rgba(255,176,0,.12)}
body:has(.nav-links a[href="bolgeler.html"].active) .region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card{position:relative;min-height:190px!important;padding:30px 28px!important;overflow:hidden;background:linear-gradient(135deg,#141414 0%,#0c0c0c 72%)!important;border:1px solid rgba(255,255,255,.10)!important;border-left:4px solid #ffb000!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card:nth-child(2){border-left-color:#b58cff!important}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card:nth-child(3){border-left-color:#45d6bd!important}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card:nth-child(4){border-left-color:#ff7373!important}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card:nth-child(5){border-left-color:#69df91!important}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card:nth-child(6){border-left-color:#f5c451!important}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card:before{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;border-radius:50%;background:currentColor;opacity:.035;pointer-events:none}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card h3{font-size:26px!important;letter-spacing:-.03em;color:#f5f5f5!important;margin-bottom:10px!important}
body:has(.nav-links a[href="bolgeler.html"].active) .region-card p{font-size:15px!important;line-height:1.7!important;color:#aaa!important;max-width:560px}
body:has(.nav-links a[href="bolgeler.html"].active) section:not(.hero){padding-top:86px;padding-bottom:86px}

body:has(.nav-links a[href="hizmetler.html"].active) .card{border-radius:20px!important;min-height:210px;padding:28px!important}
body:has(.nav-links a[href="hizmetler.html"].active) .card:nth-child(3n+1){border-top:3px solid #ffb000!important}
body:has(.nav-links a[href="hizmetler.html"].active) .card:nth-child(3n+2){border-top:3px solid #b58cff!important}
body:has(.nav-links a[href="hizmetler.html"].active) .card:nth-child(3n){border-top:3px solid #45d6bd!important}

body:has(.nav-links a[href="muhendislik.html"].active) .card{border-radius:22px!important;min-height:220px;padding:30px!important;background:linear-gradient(160deg,#151515,#0b0b0b)!important}
body:has(.nav-links a[href="muhendislik.html"].active) .card:nth-child(odd){transform:translateY(0);border-left:3px solid #ffb000!important}
body:has(.nav-links a[href="muhendislik.html"].active) .card:nth-child(even){border-left:3px solid #b58cff!important}

body:has(.nav-links a[href="galeri.html"].active) #gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body:has(.nav-links a[href="galeri.html"].active) #gallery img{height:240px;border-radius:16px!important;filter:saturate(.92);border-color:rgba(255,255,255,.10)}
body:has(.nav-links a[href="galeri.html"].active) #gallery img:nth-child(3n+2){transform:translateY(18px)}

body:has(.nav-links a[href="dokumanlar.html"].active) .doc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body:has(.nav-links a[href="dokumanlar.html"].active) .doc-card{min-height:210px!important;border-radius:20px!important;padding:30px!important;justify-content:center!important;background:linear-gradient(150deg,#171717,#0b0b0b)!important}
body:has(.nav-links a[href="dokumanlar.html"].active) .doc-card:nth-child(3n+1){border-bottom:3px solid #ffb000!important}
body:has(.nav-links a[href="dokumanlar.html"].active) .doc-card:nth-child(3n+2){border-bottom:3px solid #45d6bd!important}
body:has(.nav-links a[href="dokumanlar.html"].active) .doc-card:nth-child(3n){border-bottom:3px solid #b58cff!important}

body:has(.nav-links a[href="referanslar.html"].active) .project-card{padding:28px!important;border-radius:20px!important;border-left:3px solid #ffb000!important}
body:has(.nav-links a[href="referanslar.html"].active) .project-card:nth-child(2n){border-left-color:#b58cff!important}
body:has(.nav-links a[href="referanslar.html"].active) .project-card:nth-child(3n){border-left-color:#45d6bd!important}

body:has(.nav-links a[href="teklif.html"].active) #offerForm{max-width:720px!important;background:linear-gradient(145deg,#121212,#0b0b0b);padding:30px;border:1px solid rgba(255,176,0,.16);border-radius:22px;box-shadow:0 20px 70px rgba(0,0,0,.30)}
body:has(.nav-links a[href="teklif.html"].active) #offerForm input:not([type="checkbox"]),body:has(.nav-links a[href="teklif.html"].active) #offerForm textarea,body:has(.nav-links a[href="teklif.html"].active) #offerForm select{background:#080808!important;border-color:rgba(255,255,255,.11)!important;border-radius:10px!important}

@media(max-width:800px){body:has(.nav-links a[href="bolgeler.html"].active) .region-grid{grid-template-columns:1fr}.region-card{min-height:170px!important}body:has(.nav-links a[href="galeri.html"].active) #gallery{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.nav-links a[href="galeri.html"].active) #gallery img{height:170px}body:has(.nav-links a[href="dokumanlar.html"].active) .doc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body:has(.nav-links a[href="galeri.html"].active) #gallery{grid-template-columns:1fr 1fr;gap:10px}body:has(.nav-links a[href="galeri.html"].active) #gallery img{height:150px}body:has(.nav-links a[href="dokumanlar.html"].active) .doc-grid{grid-template-columns:1fr}.region-card{padding:24px 20px!important}.region-card h3{font-size:22px!important}}


/* ========== MOBİL / TABLET PREMIUM TİPOGRAFİ DENGESİ ========== */
@media (max-width:900px){
  .section-title{font-size:clamp(22px,5vw,28px)!important;line-height:1.2!important;letter-spacing:-.025em!important}
  .section-desc{font-size:14px!important;line-height:1.6!important}
  body.page-region .region-grid .region-card h3{font-size:19px!important;line-height:1.3!important}
  body.page-region .region-grid .region-card p{font-size:13.5px!important;line-height:1.55!important}
  body.page-region .hero-content h1,
  body.page-region .region-hero h1{font-size:clamp(26px,7vw,34px)!important;line-height:1.15!important}
  body.page-region .hero-desc{font-size:14px!important;line-height:1.55!important}
}

@media (max-width:600px){
  .section-title{font-size:clamp(20px,5.6vw,24px)!important}
  .section-desc{font-size:13.5px!important;line-height:1.55!important}
  body.page-region .region-grid .region-card h3{font-size:18px!important}
  body.page-region .region-grid .region-card p{font-size:13px!important}
  body.page-region .hero-content h1,
  body.page-region .region-hero h1{font-size:clamp(24px,7.6vw,30px)!important}
}


/* ========== TÜM MOBİL/TABLET SAYFALARDA HERO TİPOGRAFİ ========== */
@media (max-width:900px){
  .hero-content h1,.hero h1{
    font-size:clamp(28px,6vw,38px)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere!important;
    max-width:100%!important;
  }
  .hero-desc{font-size:14px!important;line-height:1.55!important;max-width:100%!important}
  .hero-brand{font-size:11px!important;letter-spacing:.12em!important}
}
@media (max-width:600px){
  .hero-content h1,.hero h1{
    font-size:clamp(24px,6.8vw,30px)!important;
    line-height:1.12!important;
  }
  .hero-desc{font-size:13.5px!important;line-height:1.55!important}
  .hero-brand{font-size:10px!important;letter-spacing:.1em!important}
}