/* ======================= Apple tarzı kaydırma sahneleri ======================= */
[hidden] { display:none !important; }
.landing section { padding-block: clamp(72px, 11vw, 150px); }
.landing .h-lg { font-size: clamp(2.2rem, 5.2vw, 4.2rem); line-height:1.05; letter-spacing:-.035em; }
.landing .section-head p, .landing .lead { font-size: clamp(1rem, 1.5vw, 1.2rem); }

/* kaydırmayla ilerleyen büyük bloklar: --p (0→1) JS'ten gelir */
.sc { --p: 1; transform: translateY(calc((1 - var(--p)) * 90px)) scale(calc(.88 + var(--p) * .12)); opacity: calc(.15 + var(--p) * .85); transform-origin: 50% 80%; will-change: transform, opacity; }

/* hero: kaydırdıkça sahne büyür, yazı geride kalır */
.hero { --hp: 0; }
.hero .container > div:first-child { transform: translateY(calc(var(--hp) * -40px)); opacity: calc(1 - var(--hp) * .9); }
.hero-stage .mphone { scale: calc(1 + var(--hp) * .12); }
.hero-stage .kodi { translate: calc(var(--hp) * -50px) calc(var(--hp) * -30px); }

/* YAPAY ZEKA bölümü: yapışkan sahne */
.aisec { padding: 0 !important; background: linear-gradient(180deg,#fff 0%, #f4f2ff 100%); }
.ai-pin { position: relative; transition: opacity .6s; } .ai-pin.fade { opacity: 0; }
.ai-stick { display:grid; grid-template-columns: 1fr 1.1fr; gap: clamp(28px,5vw,80px); align-items:center; width:min(1200px, 100% - 48px); margin-inline:auto; padding-block: clamp(80px, 11vw, 150px); }
.ai-copy .h-lg { margin: 14px 0 18px; }
.ai-points { list-style:none; margin:24px 0 0; padding:0; display:grid; gap:12px; }
.ai-points li { position:relative; padding-left: 30px; color: var(--ink-2); font-weight:500; }
.ai-points li::before { content:''; position:absolute; left:0; top:.35em; width:16px; height:16px; border-radius:50%; background: linear-gradient(135deg,#6d3fe0,#22a6f2); }
.ai-demo { position:relative; display:grid; gap:16px; align-content:center; min-height: 460px; }
.aid-prompt { background:#fff; border:1px solid var(--line); border-radius: 22px; padding: 20px 24px; box-shadow: 0 30px 60px -36px rgba(60,50,180,.45); }
.aid-label { font:700 .68rem var(--font); letter-spacing:.14em; text-transform:uppercase; color: var(--c2); }
.aid-prompt p { margin: 8px 0 0; font: 500 clamp(1rem,1.6vw,1.2rem)/1.55 var(--font); color: var(--ink); min-height: 4.7em; }
.aid-prompt b { font-weight:500; }
.aid-caret { display:inline-block; width:2px; height:1.1em; background: var(--c2); margin-left:2px; vertical-align:-.15em; animation: blink 1s steps(2) infinite; }
@keyframes blink { 50% { opacity:0; } }
.aid-think { display:flex; align-items:center; gap:8px; color: var(--ink-2); font-weight:600; opacity:0; transform: translateY(10px); transition: .5s; height: 22px; }
.aid-think.on { opacity:1; transform:none; }
.aid-think i { width:9px; height:9px; border-radius:50%; background:#6d3fe0; animation: dots2 1s ease-in-out infinite; } .aid-think i:nth-child(2){ animation-delay:.15s; background:#3b5bdb } .aid-think i:nth-child(3){ animation-delay:.3s; background:#22a6f2 } .aid-think span { margin-left:6px; }
@keyframes dots2 { 0%,100% { transform:translateY(0); opacity:.5 } 50% { transform:translateY(-7px); opacity:1 } }
.aid-cards { display:grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.aid-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:16px 18px; box-shadow: 0 20px 40px -30px rgba(60,50,180,.5); opacity:0; transform: translateY(46px) scale(.9); filter: blur(6px); transition: opacity .7s, transform .8s cubic-bezier(.2,.9,.3,1.1), filter .7s; }
.aid-card.on { opacity:1; transform:none; filter:none; }
.aid-card b { display:block; font: 700 .95rem var(--font); margin-bottom:8px; color: var(--ink); }
.aid-card ul { list-style:none; margin:0; padding:0; display:grid; gap:5px; font-size:.84rem; color: var(--ink-2); }
.aid-card li { display:flex; justify-content:space-between; gap:8px; } .aid-card em { font-style:normal; font-weight:700; color: var(--c2); }
.aid-done { display:flex; flex-wrap:wrap; gap:10px; opacity:0; transform: translateY(16px); transition: .6s; }
.aid-done.on { opacity:1; transform:none; }
.aid-done span { display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border-radius:99px; background:#fff; border:1px solid var(--line); font:600 .82rem var(--font); color: var(--ink); }
.aid-done i { width:10px; height:10px; border-radius:50%; }
@media (max-width: 900px) {

  .ai-stick { grid-template-columns: 1fr; align-content:start; gap: 14px; padding-block: 72px; }
  .ai-copy .lead, .ai-points { display:none; } .ai-copy .h-lg { font-size: 1.9rem; margin: 8px 0 0; }
  .ai-demo { min-height:0; gap: 10px; } .aid-cards { grid-template-columns: 1fr 1fr; gap: 8px; } .aid-card { padding: 12px 13px; } .aid-card li:nth-child(3) { display:none; }
  .aid-prompt { padding: 14px 16px; } .aid-prompt p { min-height: 6.4em; font-size: .95rem; }
}
.landing .section-head { margin-bottom: clamp(36px, 6vw, 80px); }

/* mobil uyum */
@media (max-width: 1000px) {
  .hero .container { padding-top: 8px; gap: 24px; } .hero-meta { gap: 26px; }
  .hero-stage { margin-top: 12px; } .landing .hero { padding: 36px 0 70px; }
}
@media (max-width: 600px) {
  .landing .h-xl { font-size: clamp(2.2rem, 10vw, 3rem); } .hero-cta .btn { width: 100%; justify-content: center; }
  .site-header .btn-sm { padding: 8px 12px; font-size: .8rem; }
}

/* giriş efektleri: daha belirgin, sinematik */
.fx .a { transition-duration: 1.1s; }
.fx .a[data-a="up"] { transform: translateY(70px) scale(.97); filter: blur(8px); }
.fx .a.in { filter: none; }
.fx .a { transition-property: opacity, transform, filter; }
.landing section:not(.hero):not(.aisec) { position: relative; }
.landing section:not(.hero):not(.aisec)::before { content:''; position:absolute; left:50%; top:0; width:1px; height:56px; background: linear-gradient(#6d3fe0, transparent); opacity:.35; }