/* KurumsalSiten v2 — tasarım düzeltmeleri. site.min.css'ten SONRA yüklenir. */

/* 1) Tipografi: Inter dosyası hiç yüklenmiyordu; her cihazın kaliteli yerel fontu */
:root{--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
body{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}

/* 2) Belirme animasyonu: blur yok, daha kısa mesafe ve süre (boş/silik alan kalmasın) */
[data-reveal]{transform:translateY(14px);filter:none;transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:var(--reveal-delay,0ms);will-change:auto;}
[data-reveal="left"]{transform:translateX(-16px);}
[data-reveal="right"]{transform:translateX(16px);}
[data-reveal="scale"]{transform:scale(.98);}
[data-reveal].is-visible{opacity:1;transform:none;filter:none;}
/* İlk ekran (hero) animasyonsuz ve anında net görünür */
.hero [data-reveal]{opacity:1;transform:none;filter:none;transition:none;}

/* 3) Hero başlık vurgusu: yazıyla çakışan turuncu bloklar yerine temiz renk + alt çizgi */
.hero h1 .accent-underline{background:none;color:var(--accent);text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.14em;text-decoration-color:rgba(232,85,31,.55);white-space:nowrap;}

/* 4) Tablet/mobil hero: görsel tam genişlik, sağda boşluk kalmasın */
@media (max-width:992px){
  .hero-grid{gap:2.25rem;}
  .hero-visual{max-width:none;width:100%;aspect-ratio:16/9;}
  .hero-cta{margin-bottom:2rem;}
}
@media (max-width:560px){
  .hero-visual{aspect-ratio:4/3;}
  .hero-trust-item{padding:.9rem 1rem;}
}

/* 5) Çerez bandı: daha küçük, içeriği kapatmasın */
.cookie-banner{max-width:400px;padding:1rem 1.1rem;}
.cookie-banner h3{font-size:.95rem;margin-bottom:.25rem;}
.cookie-banner p{font-size:.8rem;margin-bottom:.75rem;}
.cookie-actions{gap:.5rem;}
.cookie-actions .btn{padding:.45rem .85rem;font-size:.8rem;min-height:0;}
@media (max-width:560px){
  .cookie-banner{left:10px;right:10px;bottom:10px;max-width:none;padding:.85rem .9rem;}
  .cookie-actions{flex-wrap:nowrap;}
  .cookie-actions .btn{flex:1;justify-content:center;padding:.5rem .4rem;}
}

/* 6) Neden biz listesi (satır içi stiller yerine) */
.why-list{list-style:none;padding:0;margin:0;}
.why-list li{padding:1.1rem 0;border-bottom:1px solid var(--c-border);display:flex;gap:1rem;}
.why-list li:last-child{border-bottom:0;}
.why-list strong{display:block;margin-bottom:.2rem;}

/* 7) Güven bölümleri: rakamlar, referans logoları, yorumlar (yalnızca veri varsa görünür) */
.stats-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:3rem;}
.stats-band .stat{background:var(--c-white);padding:1.6rem 1.4rem;}
.stats-band .stat b{display:block;font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:750;letter-spacing:-.02em;color:var(--c-text);line-height:1.1;}
.stats-band .stat span{font-size:.85rem;color:var(--c-text-soft);}
.client-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.2rem 3rem;margin-bottom:3rem;}
.client-logos img{height:34px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:opacity .2s,filter .2s;}
.client-logos img:hover{filter:none;opacity:1;}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;}
.testimonial{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem;margin:0;}
.testimonial blockquote{margin:0;font-size:1rem;line-height:1.6;color:var(--c-text);}
.testimonial figcaption{font-size:.85rem;color:var(--c-text-soft);}
.testimonial figcaption b{display:block;color:var(--c-text);font-size:.92rem;}

/* 8) Mobil üst bar: 3 satır yerine tek satır (alt sabit "Teklif Al" butonu zaten var) */
@media (max-width:560px){
  .topbar-link[href^="mailto:"]{display:none;}
  .topbar-cta{display:none;}
  .topbar .container{justify-content:center;}
}

/* 9) Hero v3: iki yol kartı, fark şeridi, gerçek proje vitrini */
.hero-v3 .hero-grid{grid-template-columns:1.05fr .95fr;gap:3.5rem;}
.hero-v3 .subhead{margin-bottom:1.8rem;max-width:580px;}
.hero-paths{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.6rem;}
.hero-path{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.15rem;border:1px solid var(--c-border-dark);border-radius:var(--radius-lg);background:var(--c-dark-soft);color:var(--c-text-invert);text-decoration:none;transition:border-color .2s,transform .2s;}
.hero-path:hover{border-color:var(--accent);transform:translateY(-2px);}
.hero-path-tag{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600;}
.hero-path b{font-size:1.05rem;}
.hero-path span:not(.hero-path-tag):not(.hero-path-go){font-size:.85rem;color:var(--c-text-invert-soft);line-height:1.45;}
.hero-path-go{margin-top:auto;padding-top:.4rem;font-size:.85rem;font-weight:600;color:var(--c-text-invert);}
.hero-path:first-child{background:var(--accent);border-color:var(--accent);}
.hero-path:first-child .hero-path-tag{color:rgba(255,255,255,.85);}
.hero-path:first-child span:not(.hero-path-tag):not(.hero-path-go){color:rgba(255,255,255,.88);}
.hero-diff{list-style:none;margin:0;padding:1.1rem 0 0;border-top:1px solid var(--c-border-dark);display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.hero-diff li{display:flex;flex-direction:column;gap:.15rem;}
.hero-diff b{font-size:1.25rem;letter-spacing:-.01em;color:var(--c-text-invert);}
.hero-diff span{font-size:.76rem;line-height:1.35;color:var(--c-text-invert-soft);}

.hero-showcase{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.9rem;}
.hero-shot{position:relative;display:block;border-radius:10px;overflow:hidden;border:1px solid var(--c-border-dark);background:var(--c-dark-soft);box-shadow:var(--shadow-2);transition:transform .25s var(--ease),border-color .25s;}
.hero-shot:hover{transform:translateY(-3px);border-color:rgba(232,85,31,.6);}
.hero-shot-bar{display:flex;gap:4px;padding:6px 8px;background:#1b1f25;}
.hero-shot-bar i{width:6px;height:6px;border-radius:50%;background:#3a3f47;}
.hero-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;}
.hero-shot-label{position:absolute;left:8px;bottom:8px;font-size:.7rem;font-weight:600;color:#fff;background:rgba(11,13,16,.78);padding:.25rem .5rem;border-radius:4px;}
.hero-shot-1{grid-column:1 / -1;}
.hero-showcase-all{position:absolute;right:0;top:-2rem;font-size:.82rem;color:var(--c-text-invert-soft);text-decoration:none;}
.hero-showcase-all:hover{color:var(--accent);}

@media (max-width:992px){
  .hero-v3 .hero-grid{grid-template-columns:1fr;gap:3rem;}
  .hero-showcase-all{position:static;grid-column:1 / -1;text-align:right;}
}
@media (max-width:560px){
  .hero-paths{grid-template-columns:1fr;}
  .hero-diff{grid-template-columns:1fr 1fr;}
  .hero-shot-2,.hero-shot-3{display:none;}
}

/* 10) Hero: animasyonlu süreç tanıtımı (ks-promo) */
.ks-promo{position:relative;--dur:4.6s;}
.ks-promo-frame{position:relative;border:1px solid var(--c-border-dark);border-radius:14px;background:#11141a;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.03) inset;overflow:hidden;cursor:zoom-in;outline:none;}
.ks-promo-frame:focus-visible{box-shadow:0 0 0 3px rgba(232,85,31,.6);}
.ks-promo-top{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:#181c23;border-bottom:1px solid var(--c-border-dark);}
.ks-dots{display:flex;gap:5px;}
.ks-dots i{width:9px;height:9px;border-radius:50%;background:#3a3f47;}
.ks-dots i:nth-child(1){background:#ff5f57}.ks-dots i:nth-child(2){background:#febc2e}.ks-dots i:nth-child(3){background:#28c840}
.ks-promo-url{flex:1;font-size:.72rem;color:#8c929b;background:#0f1216;border-radius:6px;padding:.3rem .6rem;text-align:center;}
.ks-promo-expand{font-size:.7rem;color:#8c929b;white-space:nowrap;}
.ks-promo-frame:hover .ks-promo-expand{color:var(--accent);}
.ks-promo-close{display:none;background:none;border:0;color:#c9cdd3;font-size:1rem;cursor:pointer;padding:.1rem .3rem;}

.ks-promo-stage{position:relative;container-type:size;aspect-ratio:16/10.5;background:radial-gradient(420px 260px at 80% 10%,rgba(232,85,31,.14),transparent 70%),#0f1216;overflow:hidden;}
.ks-scene{position:absolute;inset:0;padding:7% 7%;font-size:3.05cqw;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s;}
.ks-scene.is-active{opacity:1;visibility:visible;transition:opacity .45s ease;}
.ks-scene *{animation-play-state:paused;}
.ks-scene.is-active *{animation-play-state:running;}

.ks-promo-caption{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;border-top:1px solid var(--c-border-dark);background:#14181e;min-height:4.4rem;}
.ks-promo-caption b{font-size:.95rem;color:#fff;}
.ks-promo-caption span{font-size:.8rem;color:var(--c-text-invert-soft);line-height:1.4;}

.ks-promo-steps{list-style:none;margin:.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;}
.ks-promo-steps button{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;background:none;border:0;padding:.45rem 0 .55rem;color:var(--c-text-invert-soft);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;text-align:left;}
.ks-promo-steps button span{font-size:.65rem;color:#5d636c;font-weight:600;}
.ks-promo-steps button i{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--c-border-dark);overflow:hidden;}
.ks-promo-steps button i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;}
.ks-promo-steps button.is-done i::after{transform:scaleX(1);}
.ks-promo-steps button.is-active{color:#fff;}
.ks-promo-steps button.is-active span{color:var(--accent);}
.ks-promo-steps button.is-active i::after{animation:ksBar var(--dur) linear forwards;}
.ks-promo.is-paused .ks-promo-steps button.is-active i::after{animation-play-state:paused;}
@keyframes ksBar{to{transform:scaleX(1);}}

/* ortak giriş animasyonları */
@keyframes ksUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@keyframes ksPop{0%{opacity:0;transform:scale(.6);}70%{transform:scale(1.06);}100%{opacity:1;transform:none;}}
@keyframes ksLeft{from{opacity:0;transform:translateX(-24px);}to{opacity:1;transform:none;}}

/* 1 Keşif */
.sc-chat{display:flex;flex-direction:column;gap:.55em;max-width:72%;}
.sc-chat .b{margin:0;padding:.55em .8em;border-radius:0.75em;font-size:.8em;line-height:1.35;opacity:0;animation:ksUp .5s var(--ease) forwards;}
.sc-chat .b-in{background:#232832;color:#e6e8eb;border-bottom-left-radius:0.188em;}
.sc-chat .b-out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:0.188em;animation-delay:.7s;}
.sc-check{list-style:none;margin:1em 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.4em .9em;max-width:72%;}
.sc-check li{position:relative;padding-left:1.35em;font-size:.76em;color:#c9cdd3;opacity:0;animation:ksUp .4s var(--ease) forwards;}
.sc-check li::before{content:"✓";position:absolute;left:0;top:-.1em;width:1.6em;height:1.6em;border-radius:50%;background:rgba(46,204,113,.18);color:#2ecc71;font-size:.62em;display:grid;place-items:center;}
.sc-check li:nth-child(1){animation-delay:1.3s}.sc-check li:nth-child(2){animation-delay:1.55s}.sc-check li:nth-child(3){animation-delay:1.8s}.sc-check li:nth-child(4){animation-delay:2.05s}
.sc-doc{position:absolute;right:7%;bottom:9%;width:34%;padding:1em .9em;border-radius:0.625em;background:#f5f5f2;color:#1c1e22;box-shadow:0 0.875em 2.5em rgba(0,0,0,.4);display:flex;flex-direction:column;gap:.25em;opacity:0;animation:ksPop .6s var(--ease) 2.5s forwards;}
.sc-doc::before{content:"";height:0.312em;width:60%;border-radius:0.188em;background:var(--accent);margin-bottom:.35em;}
.sc-doc b{font-size:.82em;}.sc-doc span{font-size:.7em;color:#5a5e66;}

/* 2 Kimlik */
.sc-kimlik{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr auto;gap:1em;align-items:center;}
.sc-logo{grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;height:100%;border:1px dashed #2c323b;border-radius:0.75em;}
.sc-logo .mk{position:relative;width:4.0em;height:4.0em;}
.sc-logo .mk i{position:absolute;inset:0;}
.sc-logo .c1{border-radius:50%;background:var(--accent);opacity:0;animation:ksPop .6s var(--ease) .2s forwards;}
.sc-logo .c2{inset:1.125em!important;border-radius:0.25em;background:#0f1216;transform:rotate(45deg);opacity:0;animation:ksSpin .7s var(--ease) .7s forwards;}
@keyframes ksSpin{from{opacity:0;transform:rotate(-90deg) scale(.4);}to{opacity:1;transform:rotate(45deg);}}
.sc-logo .wm{font-size:1.35em;font-weight:750;letter-spacing:-.02em;color:#fff;opacity:0;animation:ksUp .5s var(--ease) 1.2s forwards;}
.sc-palette{display:flex;gap:.45em;}
.sc-palette i{width:2.125em;height:2.125em;border-radius:0.5em;background:var(--c);border:1px solid #2c323b;opacity:0;animation:ksPop .45s var(--ease) forwards;}
.sc-palette i:nth-child(1){animation-delay:1.7s}.sc-palette i:nth-child(2){animation-delay:1.85s}.sc-palette i:nth-child(3){animation-delay:2s}.sc-palette i:nth-child(4){animation-delay:2.15s}
.sc-type{display:flex;align-items:center;gap:.7em;opacity:0;animation:ksUp .5s var(--ease) 2.5s forwards;}
.sc-type b{font-size:2.2em;line-height:1;color:#fff;font-weight:750;}
.sc-type span{font-size:.72em;color:#8c929b;}

/* 3 Tasarım */
.sc-wire{position:relative;height:100%;border-radius:0.625em;background:#f5f5f2;padding:5%;display:flex;flex-direction:column;gap:6%;overflow:hidden;}
.sc-wire > div{opacity:0;animation:ksLeft .5s var(--ease) forwards;}
.w-nav{display:flex;align-items:center;gap:0.375em;animation-delay:.2s!important;}
.w-nav i{width:1.375em;height:0.5em;border-radius:0.188em;background:#1c1e22;margin-right:auto;}
.w-nav span{width:1.625em;height:0.312em;border-radius:0.188em;background:#c4c4bf;}
.w-hero{flex:1;border-radius:0.5em;background:#0b0d10;padding:6%;display:flex;flex-direction:column;justify-content:center;gap:0.438em;animation-delay:.6s!important;}
.w-hero .l1{width:62%;height:0.562em;border-radius:0.188em;background:#fff;}
.w-hero .l2{width:44%;height:0.375em;border-radius:0.188em;background:#5a5e66;}
.w-hero .btn{width:3.75em;height:0.875em;border-radius:0.25em;background:var(--accent);margin-top:0.25em;}
.w-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0.375em;height:22%;animation-delay:1s!important;}
.w-cards i{border-radius:0.375em;background:#e2e2de;}
.sc-panel{position:absolute;right:4%;bottom:7%;width:42%;padding:.7em .8em;border-radius:0.625em;background:#1b2028;border:1px solid #2c323b;color:#fff;box-shadow:0 0.875em 2.5em rgba(0,0,0,.45);display:flex;flex-direction:column;gap:.2em;opacity:0;animation:ksPop .55s var(--ease) 1.8s forwards;}
.sc-panel b{font-size:.78em;}.sc-panel span{font-size:.66em;color:#a2a6ad;}
.sc-cursor{position:absolute;left:30%;top:40%;width:0.875em;height:0.875em;border-radius:50%;background:rgba(232,85,31,.9);box-shadow:0 0 0 0.375em rgba(232,85,31,.25);opacity:0;animation:ksCursor 2.4s var(--ease) 1.2s forwards;}
@keyframes ksCursor{0%{opacity:0;transform:none;}15%{opacity:1;}60%{transform:translate(160%,180%);}100%{opacity:1;transform:translate(330%,330%);}}

/* 4 Yayın */
.sc-yayin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1em;}
.sc-url{display:flex;align-items:center;gap:.5em;width:78%;padding:.6em .9em;border-radius:62.438em;background:#f5f5f2;color:#1c1e22;font-size:.9em;font-weight:600;box-shadow:0 0.625em 1.875em rgba(0,0,0,.35);}
.sc-url .lock{font-size:.75em;opacity:0;animation:ksPop .4s var(--ease) 1.5s forwards;}
.sc-url .typed{display:inline-block;overflow:hidden;white-space:nowrap;width:0;border-right:2px solid var(--accent);animation:ksType 1.2s steps(16) .3s forwards,ksCaret .7s step-end 6;}
@keyframes ksType{to{width:16ch;}}
@keyframes ksCaret{50%{border-color:transparent;}}
.sc-devices{display:flex;align-items:flex-end;gap:.8em;width:78%;}
.dv-desk{flex:1;aspect-ratio:16/9;border-radius:0.5em;background:#f5f5f2;border:0.312em solid #232832;padding:6%;display:flex;flex-direction:column;gap:6%;opacity:0;animation:ksUp .5s var(--ease) 1.6s forwards;}
.dv-phone{width:22%;aspect-ratio:9/17;border-radius:0.625em;background:#f5f5f2;border:0.25em solid #232832;padding:8%;display:flex;flex-direction:column;gap:8%;opacity:0;animation:ksUp .5s var(--ease) 1.9s forwards;}
.dv-desk i,.dv-phone i{display:block;border-radius:0.188em;background:#e2e2de;}
.dv-desk i:nth-child(1),.dv-phone i:nth-child(1){height:40%;background:#0b0d10;}
.dv-desk i:nth-child(2),.dv-phone i:nth-child(2){height:12%;width:60%;background:var(--accent);}
.dv-desk i:nth-child(3){height:22%;}
.sc-live{padding:.35em .8em;border-radius:62.438em;background:rgba(46,204,113,.15);color:#2ecc71;font-size:.78em;font-weight:700;opacity:0;animation:ksPop .5s var(--ease) 2.4s forwards;}

/* 5 Büyüme */
.sc-buyume{display:grid;grid-template-columns:1.25fr 1fr;gap:1em;align-items:center;}
.sc-chart{width:100%;height:auto;}
.sc-chart .grid{stroke:#232832;stroke-width:1;fill:none;}
.sc-chart .line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ksDraw 2s var(--ease) .2s forwards;filter:drop-shadow(0 0.375em 0.75em rgba(232,85,31,.35));}
@keyframes ksDraw{to{stroke-dashoffset:0;}}
.sc-notes{display:flex;flex-direction:column;gap:.5em;}
.sc-notes p{margin:0;padding:.55em .7em;border-radius:0.625em;background:#1b2028;border:1px solid #2c323b;display:flex;flex-direction:column;gap:.1em;opacity:0;animation:ksLeft .45s var(--ease) forwards;}
.sc-notes p:nth-child(1){animation-delay:1s}.sc-notes p:nth-child(2){animation-delay:1.6s}.sc-notes p:nth-child(3){animation-delay:2.2s}
.sc-notes b{font-size:.74em;color:#fff;}.sc-notes span{font-size:.66em;color:#a2a6ad;}
.sc-notes p:nth-child(2) b{color:#2ecc71;}

/* Büyütülmüş (tıklanınca açılan) görünüm */
.ks-promo-backdrop{position:fixed;inset:0;z-index:199;background:rgba(5,6,8,.82);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s;}
.ks-promo-backdrop.is-on{opacity:1;}
.ks-promo.is-expanded{position:fixed;z-index:200;left:50%;top:50%;width:min(980px,calc(100vw - 32px));transform:translate(-50%,-50%);}
.ks-promo.is-expanded .ks-promo-frame{cursor:default;}
.ks-promo.is-expanded .ks-promo-expand{display:none;}
.ks-promo.is-expanded .ks-promo-close{display:block;}
.ks-promo.is-expanded .ks-promo-caption b{font-size:1.1rem;}
.ks-promo.is-expanded .ks-promo-caption span{font-size:.92rem;}
.ks-promo-placeholder{display:block;}

@media (max-width:560px){
  .ks-promo-stage{aspect-ratio:4/3.3;}
  .ks-scene{font-size:3.7cqw;padding:6% 5%;}
  .ks-promo-caption{min-height:0;}
  .ks-promo-steps button{font-size:.66rem;}
  .ks-promo-expand{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .ks-scene *{animation:none!important;opacity:1!important;transform:none!important;}
  .sc-url .typed{width:16ch;}
  .sc-chart .line{stroke-dashoffset:0;}
}