/* Saydam Grup site v5: modern katman (site.css'in üstüne yüklenir). Önce mobil, taşma yok. */
html,body{overflow-x:clip;max-width:100%}
:root{--r:20px;--shadow:0 18px 50px rgba(7,31,60,.10)}
body{font-size:17px;letter-spacing:.005em}
h1,h2,h3{text-wrap:balance}

/* üst menü: cam efekti */
.top{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(7,31,60,.08)}
.btn{border-radius:999px;transition:transform .18s,box-shadow .18s,background .18s}
.btn-cta{box-shadow:0 10px 26px color-mix(in srgb,var(--cta) 45%,transparent)}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px color-mix(in srgb,var(--cta) 50%,transparent)}
.btn-ghost{backdrop-filter:blur(8px);background:rgba(255,255,255,.06)}
.nav a{border-radius:999px}.nav .btn{border-radius:999px}

/* hero: gradyan ağ + yüzen ışık topları */
.hero{background:
  radial-gradient(60% 70% at 88% -10%,color-mix(in srgb,var(--brand) 70%,transparent),transparent 60%),
  radial-gradient(45% 55% at 0% 100%,rgba(242,107,33,.22),transparent 60%),
  linear-gradient(155deg,#030f20 0%,var(--ink) 50%,var(--ink2) 100%)}
.hero::after{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(120,190,255,.25),transparent 65%);filter:blur(20px);animation:floaty 14s ease-in-out infinite;pointer-events:none}
@keyframes floaty{50%{transform:translate(-40px,50px) scale(1.08)}}
.hero-grid{padding-block:44px 84px}
@media(min-width:960px){.hero-grid{padding-block:92px 120px}}
.hero h1{font-size:clamp(34px,5.2vw,56px);line-height:1.04;letter-spacing:-.025em}
.hero .lead{font-size:clamp(17px,2.4vw,20px)}
.badge{border-radius:999px;padding:8px 16px;backdrop-filter:blur(8px);background:rgba(242,107,33,.14)}
.proof li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;backdrop-filter:blur(10px)}
.hero-form{border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.4)}

/* istatistik şeridi */
.statsbar .stats{border-radius:24px;box-shadow:var(--shadow)}
.statsbar .stats b{font-size:clamp(28px,5vw,40px)}

/* bölümler */
.sec{padding-block:clamp(56px,9vw,104px)}
.sec.alt{background:linear-gradient(180deg,var(--paper),#fff)}
.h2{font-size:clamp(28px,5vw,44px);letter-spacing:-.02em}
.eyebrow{letter-spacing:.14em}
.card,.tile{border-radius:var(--r);border:1px solid rgba(7,31,60,.07);box-shadow:0 2px 0 rgba(7,31,60,.02),var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover,.tile:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(7,31,60,.16);border-color:color-mix(in srgb,var(--brand) 40%,transparent)}
.card.svc .ico,.tile .ico{border-radius:16px}
.sec.dark,.proofsec{background:radial-gradient(60% 60% at 100% 0%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 60%),linear-gradient(160deg,#030f20,var(--ink) 55%,var(--ink2))}
.proofsec .tile{backdrop-filter:blur(10px);border-radius:var(--r)}
.doc,.compare,.hero-card{border-radius:var(--r)}
img,.gallery img{border-radius:14px}
details{border-radius:14px}

/* mobil: alt çubuk (ara / WhatsApp / keşif) cam görünümlü, içerik altında kalmaz */
@media(max-width:899px){
  body{padding-bottom:78px}
  .dock{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(255,255,255,.9);border-top:1px solid rgba(7,31,60,.1);padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .dock a{border-radius:999px}
}
@media(max-width:480px){
  .hero-actions .btn{flex:1 1 100%}
  .proof{grid-template-columns:1fr}
  .wrap{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
  .cmp-stage{aspect-ratio:4/3}
}
table{max-width:100%}
.js .rv.l,.js .rv.r{transform:translateY(28px)}
.js .rv.in.l,.js .rv.in.r{transform:none}
@media(prefers-reduced-motion:reduce){.hero::after{animation:none}}