/* ===================================================================
   NFShift — Web Sunum Vol.2 (scroll / Apple-tarzı)
   =================================================================== */

:root{
  --bg-deep:#060913;
  --bg-navy:#0a1130;
  --bg-navy-2:#101c44;
  --cyan:#38d9ff;
  --cyan-soft:#7fe6ff;
  --blue:#3b6cff;
  --text-1:#f4f7ff;
  --text-2:#a6b2d6;
  --text-3:#6d7aa3;
  --glow:rgba(56,217,255,.35);
  --grad: linear-gradient(135deg, var(--cyan) 0%, var(--blue) 100%);
  --ease: cubic-bezier(.22,1,.36,1);
  --radius: 20px;
  --scrollY: 0px;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}
html,body{
  background:var(--bg-deep);
  color:var(--text-1);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3{font-family:'Sora',sans-serif;letter-spacing:-0.01em;}

/* ---------- Ambient background (fixed, persists across whole page) ---------- */
.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;background:
  radial-gradient(circle at 20% 20%, var(--bg-navy-2) 0%, transparent 60%),
  radial-gradient(circle at 80% 75%, #132257 0%, transparent 60%),
  radial-gradient(circle at 50% 50%, #0d1638 0%, var(--bg-deep) 75%);
  transform:translateY(calc(var(--scrollY) * -0.06));
}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;will-change:transform;mix-blend-mode:screen;}
.blob-a{width:44vw;height:44vw;left:-10vw;top:-12vw;background:radial-gradient(circle, var(--cyan) 0%, transparent 72%);animation:drift1 22s ease-in-out infinite alternate;}
.blob-b{width:40vw;height:40vw;right:-10vw;bottom:-10vw;background:radial-gradient(circle, var(--blue) 0%, transparent 72%);animation:drift2 26s ease-in-out infinite alternate;}
.blob-c{width:32vw;height:32vw;left:38%;top:55%;background:radial-gradient(circle, var(--cyan-soft) 0%, transparent 72%);opacity:.4;animation:drift3 19s ease-in-out infinite alternate;}
.blob-d{width:30vw;height:30vw;left:60%;top:8%;background:radial-gradient(circle, var(--blue) 0%, transparent 72%);opacity:.38;animation:drift2 24s ease-in-out infinite alternate-reverse;}
@keyframes drift1{from{transform:translate(0,0) scale(1);}to{transform:translate(7vw,9vw) scale(1.2);}}
@keyframes drift2{from{transform:translate(0,0) scale(1);}to{transform:translate(-6vw,-7vw) scale(1.15);}}
@keyframes drift3{from{transform:translate(-3vw,0) scale(1);}to{transform:translate(5vw,-6vw) scale(1.25);}}
.grid-overlay{position:absolute;inset:0;opacity:.09;
  background-image:linear-gradient(var(--cyan) 1px, transparent 1px), linear-gradient(90deg, var(--cyan) 1px, transparent 1px);
  background-size:48px 48px;
}
.grid-overlay::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%, rgba(56,217,255,.10), transparent 60%);}

/* ---------- Fixed chrome: progress bar, topbar, side dots ---------- */
.progress-fixed{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.06);z-index:50;}
.progress-fixed-bar{height:100%;width:0%;background:var(--grad);box-shadow:0 0 12px var(--glow);}

.topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 2.2rem;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent;
}
.topbar.scrolled{background:rgba(6,9,19,.65);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.07);}
.brand{display:flex;align-items:center;gap:.6rem;font-family:'Sora',sans-serif;font-weight:700;letter-spacing:.02em;color:var(--text-1);}
.brand-logo{width:30px;height:30px;border-radius:8px;display:block;}
.topbar-cta{font-family:'Sora',sans-serif;font-size:.85rem;font-weight:600;color:var(--cyan-soft);text-decoration:none;
  border:1px solid rgba(56,217,255,.35);padding:.5rem 1.1rem;border-radius:999px;transition:background .3s,border-color .3s;
}
.topbar-cta:hover{background:rgba(56,217,255,.12);border-color:rgba(56,217,255,.6);}

.dots{position:fixed;right:1.6rem;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:.65rem;}
.dots .dot{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;cursor:pointer;padding:0;transition:background .3s,border-color .3s,transform .3s;}
.dots .dot:hover{border-color:var(--cyan-soft);transform:scale(1.2);}
.dots .dot.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--glow);transform:scale(1.3);}

/* ---------- Scene layout ---------- */
.scene{position:relative;width:100%;}
.pin-scene{height:170vh;}
.pin-scene[data-pin-mode="steps"]{height:260vh;}
.pin{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pin .stage{width:100%;padding-top:4.5rem;max-height:100vh;}

.reveal-scene{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6vh 6vw;}
.stage{max-width:1280px;width:100%;margin:0 auto;text-align:center;padding:0 2vw;}

.split{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4vw;text-align:left;max-width:1280px;}
.split.reverse{flex-direction:row-reverse;}
.col{flex:1;min-width:0;}
.col-text{max-width:40vw;}
.col-media{display:flex;justify-content:center;}

/* ---------- Reveal-on-scroll ---------- */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}

.check-list .reveal:nth-child(2){transition-delay:.08s;}
.check-list .reveal:nth-child(3){transition-delay:.16s;}
.question-list .reveal:nth-child(2){transition-delay:.08s;}
.question-list .reveal:nth-child(3){transition-delay:.16s;}
.card-row .reveal:nth-child(2){transition-delay:.1s;}
.card-row .reveal:nth-child(3){transition-delay:.2s;}
.audience-grid .reveal:nth-child(2){transition-delay:.08s;}
.audience-grid .reveal:nth-child(3){transition-delay:.16s;}
.audience-grid .reveal:nth-child(4){transition-delay:.24s;}
.audience-grid .reveal:nth-child(5){transition-delay:.32s;}
.chip-row .reveal:nth-child(2){transition-delay:.1s;}

/* ---------- Typography ---------- */
.kicker{font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.22em;color:var(--cyan);margin-bottom:1rem;}
h1.display{font-size:clamp(3.2rem,8vw,7rem);font-weight:800;line-height:1.04;
  background:linear-gradient(135deg,#fff 30%, var(--cyan-soft) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.stage h2{font-size:clamp(2.4rem,5.6vw,4.3rem);font-weight:700;line-height:1.14;color:var(--text-1);}
.lede{font-size:clamp(1.25rem,2.1vw,1.75rem);color:var(--text-2);margin-top:1.6rem;line-height:1.6;}
.lede strong{color:#fff;}
.body-lg{font-size:clamp(1.2rem,1.8vw,1.55rem);color:var(--text-2);line-height:1.6;margin:1.3rem 0 1.8rem;max-width:38ch;}
.footnote{font-size:1rem;color:var(--text-3);max-width:56ch;margin:1.8rem auto 0;line-height:1.55;}
.callout{font-size:clamp(1.35rem,2vw,1.75rem);color:var(--text-1);margin:2.2rem auto 0;max-width:56ch;line-height:1.55;}
.callout strong{color:var(--cyan-soft);}

/* ---------- Pill / CTA ---------- */
.pill{margin-top:2.4rem;padding:.9rem 2rem;border-radius:999px;border:1px solid rgba(56,217,255,.4);
  background:rgba(56,217,255,.08);color:var(--cyan-soft);font-weight:600;letter-spacing:.03em;font-size:1.1rem;
  box-shadow:0 0 30px rgba(56,217,255,.15);text-decoration:none;display:inline-block;
}
.pill-link{cursor:pointer;transition:background .3s,box-shadow .3s,transform .3s;}
.pill-link:hover{background:rgba(56,217,255,.18);box-shadow:0 0 44px rgba(56,217,255,.32);transform:translateY(-2px);}

/* ---------- Hero / closing ---------- */
.hero-scene .stage, .closing-scene .stage{display:flex;flex-direction:column;align-items:center;text-align:center;}
.logo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.6rem;}
.logo-mark{position:relative;width:150px;height:150px;border-radius:32px;display:block;
  box-shadow:0 20px 60px rgba(0,0,0,.5), 0 0 60px var(--glow);
}
.radar{position:absolute;top:50%;left:50%;width:0;height:0;z-index:-1;pointer-events:none;}
.radar span{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;
  border:1.5px solid var(--cyan);opacity:0;animation:ping 3.2s var(--ease) infinite;
}
.radar span:nth-child(2){animation-delay:1.05s;}
.radar span:nth-child(3){animation-delay:2.1s;}
@keyframes ping{0%{transform:scale(1);opacity:.6;}75%{opacity:0;}100%{transform:scale(2.3);opacity:0;}}

.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:3.5rem;color:var(--text-3);
  font-size:.85rem;letter-spacing:.05em;
}
.scroll-cue .icon{width:18px;height:18px;color:var(--cyan);animation:bob 1.8s ease-in-out infinite;}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(6px);}}

/* ---------- Lists / chips ---------- */
.check-list{list-style:none;display:flex;flex-direction:column;gap:1.1rem;margin-top:1.4rem;}
.check-list li{display:flex;align-items:center;gap:.8rem;color:var(--text-2);font-size:1.25rem;}
.check-list .icon{color:var(--cyan);flex-shrink:0;background:rgba(56,217,255,.1);border-radius:50%;padding:6px;width:32px;height:32px;}
.check-list.center{align-items:center;max-width:56ch;margin:1.6rem auto 0;}

.question-list{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin:1.7rem 0 2rem;}
.question-list li{font-size:1.65rem;font-weight:600;color:var(--text-1);position:relative;padding-left:1.6rem;}
.question-list li::before{content:'';position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--grad);}

.chip-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem;justify-content:inherit;}
.chip{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:.8rem 1.1rem;font-size:1rem;color:var(--text-2);max-width:340px;text-align:left;
}
.chip .icon{color:var(--cyan);flex-shrink:0;}
.steps-stage .chip-row{justify-content:center;}

/* ---------- Media frame ---------- */
.frame-card{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(56,217,255,.25);
  box-shadow:0 30px 80px rgba(0,0,0,.55), 0 0 60px rgba(56,217,255,.12);
  width:min(46vw,560px);transform:translateY(calc(var(--parallax, 0px)));
}
.frame-card img{display:block;width:100%;height:auto;}

/* ---------- Icons ---------- */
.icon{width:24px;height:24px;color:var(--cyan);flex-shrink:0;}
.icon-lg{width:44px;height:44px;}
.icon-xl{width:84px;height:84px;color:var(--cyan);}

/* ---------- Steps (scroll-scrubbed pinned panels) ---------- */
.steps-stage{max-width:900px;margin:0 auto;padding:0 4vw;}
.steps-stage h2{margin-bottom:1.4rem;}
.step-panels{position:relative;height:340px;max-width:600px;margin:1rem auto 1.6rem;}
.step-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;
  opacity:0;transform:scale(.94) translateY(18px);transition:opacity .55s var(--ease), transform .55s var(--ease);pointer-events:none;
}
.step-panel.active{opacity:1;transform:none;pointer-events:auto;}
.step-index{font-family:'Sora',sans-serif;font-weight:800;font-size:.95rem;color:var(--cyan);letter-spacing:.18em;}
.step-panel h3{font-size:1.9rem;}
.step-panel p{font-size:1.15rem;color:var(--text-2);max-width:38ch;line-height:1.5;}
.step-rail{display:flex;gap:.7rem;justify-content:center;margin-bottom:1.6rem;}
.tick{width:44px;height:4px;border-radius:4px;background:rgba(255,255,255,.12);transition:background .35s;}
.tick.active{background:var(--grad);}

/* ---------- Cards (dürüstlük) ---------- */
.card-row{display:flex;gap:1.8rem;margin-top:2.6rem;flex-wrap:wrap;justify-content:center;max-width:1200px;margin-left:auto;margin-right:auto;}
.info-card{flex:1;min-width:280px;max-width:360px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);
  border-radius:20px;padding:2.4rem 1.7rem;position:relative;
}
.info-card h3{font-size:1.35rem;margin:1rem 0 .6rem;}
.info-card p{font-size:1.05rem;color:var(--text-3);line-height:1.55;}
.badge{position:absolute;top:1rem;right:1rem;font-size:.72rem;font-weight:700;letter-spacing:.05em;
  color:#ff8a8a;border:1px solid rgba(255,110,110,.45);border-radius:999px;padding:.25rem .6rem;
}
.badge::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff6a6a;margin-right:.4rem;animation:blink 1.6s ease-in-out infinite;}
@keyframes blink{50%{opacity:.2;}}

/* ---------- Calm / mahremiyet ---------- */
.calm .shield-glow{color:var(--cyan-soft);margin-bottom:1rem;filter:drop-shadow(0 0 24px rgba(56,217,255,.5));}

/* ---------- Audience grid ---------- */
.audience-grid{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:2.8rem auto 0;}
.audience-item{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:210px;padding:2.2rem 1.2rem;
  border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  transition:transform .3s, background .3s;
}
.audience-item:hover{transform:translateY(-4px);background:rgba(56,217,255,.06);}
.audience-item span{font-size:1.1rem;color:var(--text-2);font-weight:500;}

/* ---------- Dashboard mock ---------- */
.dash-card{width:min(34vw,480px);border-radius:var(--radius);background:linear-gradient(160deg,#0d1738,#0a1130);
  border:1px solid rgba(56,217,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 50px rgba(56,217,255,.1);overflow:hidden;
}
.dash-head{display:flex;align-items:center;gap:.4rem;padding:1.1rem 1.3rem;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06);}
.dash-head .dot{width:10px;height:10px;border-radius:50%;}
.dot.red{background:#ff6a6a;}.dot.yellow{background:#ffd166;}.dot.green{background:#3ddc84;}
.dash-title{margin-left:.6rem;font-size:.92rem;color:var(--text-3);font-weight:600;}
.dash-stats{display:flex;gap:1.4rem;padding:1.6rem 1.3rem .7rem;}
.stat{flex:1;}
.stat-num{font-family:'Sora',sans-serif;font-size:2.5rem;font-weight:700;color:#fff;display:block;}
.stat-label{font-size:.9rem;color:var(--text-3);}
.bar{height:6px;background:rgba(255,255,255,.08);border-radius:4px;margin-top:.6rem;overflow:hidden;}
.bar-fill{height:100%;width:0;background:var(--grad);border-radius:4px;transition:width 1.2s var(--ease) .2s;}
.dash-list{padding:.7rem 1.3rem 1.5rem;display:flex;flex-direction:column;gap:.7rem;}
.dash-list .row{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--text-2);}
.dash-list .row .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}

/* ---------- Video ---------- */
.video-frame{position:relative;width:min(78vw,980px);border-radius:var(--radius);overflow:hidden;
  border:1px solid rgba(56,217,255,.25);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 60px rgba(56,217,255,.12);
  margin:1.6rem auto 0;
}
.video-frame video{display:block;width:100%;height:auto;background:#000;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  background:rgba(6,9,19,.5);border:1px solid rgba(255,255,255,.3);border-radius:50%;
  width:104px;height:104px;display:flex;align-items:center;justify-content:center;cursor:pointer;
  color:#fff;backdrop-filter:blur(4px);transition:background .3s,transform .3s;
}
.play-btn:hover{background:rgba(56,217,255,.25);transform:translate(-50%,-50%) scale(1.08);}
.play-btn.hidden{display:none;}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .split{flex-direction:column;text-align:center;gap:2.5rem;}
  .split.reverse{flex-direction:column;}
  .col-text{max-width:90vw;}
  .col-text .check-list, .col-text .question-list{align-items:center;}
  .col-text .check-list li{text-align:left;}
  .dots{display:none;}
  .frame-card, .dash-card{width:min(80vw,420px);}
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
  .step-panel{transition:opacity .2s;}
  *{animation-duration:.01ms !important;}
}

/* ===================================================================
   Vol.3 — birleşik sunum eklentileri
   =================================================================== */
:root{ --green:#34d399; --amber:#fbbf24; }

/* --- 4'lü kart satırı (sorun bölümü) --- */
.card-row.quad{gap:1.3rem;max-width:1240px;}
.card-row.quad .info-card{min-width:210px;max-width:275px;padding:2rem 1.4rem;}
.card-row.quad .info-card h3{font-size:1.15rem;margin:.9rem 0 .5rem;}
.card-row.quad .info-card p{font-size:.98rem;}
.info-card.warn .icon{color:var(--amber);}
.card-row .reveal:nth-child(4){transition-delay:.3s;}

/* --- İki kapı: NFC / BLE --- */
.method-row{display:flex;gap:1.8rem;flex-wrap:wrap;justify-content:center;max-width:1080px;margin:2.6rem auto 0;}
.method-card{flex:1;min-width:300px;max-width:490px;text-align:left;padding:2.1rem;border-radius:20px;
  background:rgba(255,255,255,.035);border:1px solid rgba(56,217,255,.28);
}
.method-card.ble{border-color:rgba(52,211,153,.34);}
.method-card p{color:var(--text-2);font-size:1.05rem;line-height:1.6;}
.method-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;}
.method-head .icon{width:54px;height:54px;padding:13px;border-radius:16px;background:rgba(56,217,255,.1);}
.method-card.ble .method-head .icon{color:var(--green);background:rgba(52,211,153,.1);}
.method-title{font-family:'Sora',sans-serif;font-weight:700;font-size:1.35rem;color:var(--cyan);line-height:1.2;}
.method-card.ble .method-title{color:var(--green);}
.method-sub{font-size:.9rem;color:var(--text-3);margin-top:.2rem;}
.method-row .reveal:nth-child(2){transition-delay:.12s;}
.callout strong.g{color:var(--green);}

/* --- Puantaj kartı --- */
.sheet-card{width:min(38vw,520px);border-radius:var(--radius);text-align:left;overflow:hidden;
  background:linear-gradient(160deg,#0d1738,#0a1130);border:1px solid rgba(56,217,255,.2);
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 50px rgba(56,217,255,.1);
}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.2rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.07);
}
.sheet-title{font-family:'Sora',sans-serif;font-weight:700;font-size:1.05rem;color:#fff;}
.sheet-sub{font-size:.82rem;color:var(--text-3);margin-top:.2rem;}
.sheet-btn{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:.82rem;font-weight:700;
  color:var(--green);border:1px solid rgba(52,211,153,.4);background:rgba(52,211,153,.1);border-radius:10px;padding:.5rem .75rem;
}
.sheet-btn .icon{width:16px;height:16px;color:var(--green);}
.sheet-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  padding:.75rem 1.4rem;font-size:.97rem;color:var(--text-2);border-bottom:1px solid rgba(255,255,255,.04);
}
.sheet-row .d{color:var(--text-3);font-size:.85rem;margin-left:auto;margin-right:.8rem;}
.sheet-row .h{color:var(--cyan-soft);font-weight:700;font-variant-numeric:tabular-nums;}
.sheet-foot{padding:1rem 1.4rem 1.2rem;font-size:.86rem;color:var(--text-3);line-height:1.5;}

/* --- Neden NFShift --- */
.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:1080px;margin:2.6rem auto 0;text-align:left;}
.why-item{display:flex;gap:1.1rem;padding:1.7rem;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);}
.why-item > .icon{width:48px;height:48px;padding:12px;border-radius:14px;background:rgba(56,217,255,.1);flex-shrink:0;}
.why-item h3{font-size:1.2rem;margin-bottom:.4rem;}
.why-item p{font-size:1rem;color:var(--text-3);line-height:1.55;}
.why-grid .reveal:nth-child(2){transition-delay:.08s;}
.why-grid .reveal:nth-child(3){transition-delay:.16s;}
.why-grid .reveal:nth-child(4){transition-delay:.24s;}
.chip-row.center-chips{justify-content:center;margin-top:1.6rem;}
.chip-row .reveal:nth-child(3){transition-delay:.2s;}

/* --- Kapanış rozetleri --- */
.final-row{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center;margin-top:2.4rem;}
.final-item{display:flex;align-items:center;gap:.85rem;text-align:left;padding:1rem 1.3rem;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);min-width:250px;
}
.final-item .icon{width:38px;height:38px;padding:9px;border-radius:12px;background:rgba(56,217,255,.1);flex-shrink:0;}
.final-item strong{display:block;font-family:'Sora',sans-serif;font-size:1.02rem;color:var(--text-1);}
.final-item span{font-size:.88rem;color:var(--text-3);}
.final-row .reveal:nth-child(2){transition-delay:.1s;}
.final-row .reveal:nth-child(3){transition-delay:.2s;}
.closing-scene .pill{margin-top:2rem;}

/* --- Küçük ekran --- */
@media (max-width:900px){
  .sheet-card{width:min(88vw,460px);}
  .why-grid{grid-template-columns:1fr;}
  .method-card{min-width:0;}
  .card-row.quad .info-card{max-width:none;width:100%;}
  .final-item{min-width:0;width:100%;}
}

/* --- Düzeltmeler --- */
/* overflow-x:hidden html/body üzerinde position:sticky'i bozuyor; clip aynı işi görür ve bozmaz */
html,body{overflow-x:clip;}
/* Ambient arka plan: parallax kaydırmasında altta boşluk kalmasın diye taşırıldı ve sınırlandı */
.ambient{inset:-25vh 0;transform:translateY(max(-160px, calc(var(--scrollY) * -0.06)));}
/* Video ve kapanış: alçak ekranlarda taşmayı önle */
#scene-video .video-frame{width:min(74vw, 980px, calc((100vh - 320px) * 1.5));}
@media (max-height:780px){
  .hero-scene .logo-mark{width:118px;height:118px;}
  .closing-scene .logo-mark{width:108px;height:108px;}
  .closing-scene .final-row{margin-top:1.5rem;}
  .closing-scene .pill{margin-top:1.4rem;}
  .closing-scene .footnote{margin-top:1.2rem;}
}
/* Mobil: içerik ekrandan uzunsa üstten hizala, sabit başlığın altında kalmasın */
@media (max-width:900px){
  .reveal-scene{align-items:flex-start;min-height:auto;padding:calc(5.4rem + 3vh) 6vw 9vh;}
  .stage h2{font-size:clamp(2rem,7.4vw,3rem);}
  h1.display{font-size:clamp(2.8rem,12vw,5rem);}
  .callout{font-size:1.15rem;}
  .check-list li{font-size:1.08rem;}
  .question-list li{font-size:1.28rem;}
  .chip{max-width:none;}
  .logo-mark{width:112px;height:112px;}
  .video-frame{width:88vw;}
  #scene-video .video-frame{width:88vw;}
}
@media (max-width:900px){
  .question-list li{padding-left:0;}
  .question-list li::before{display:none;}
}
/* Video 16:9; poster farklı orandayken oynatınca çerçeve zıplamasın */
.video-frame video{aspect-ratio:16/9;object-fit:cover;}

/* ===================================================================
   Vol.3 — GÖRSEL ÖNCELİKLİ SÜRÜM: çizimler, animasyonlar
   =================================================================== */

/* --- Çizim kabı --- */
.art-wrap{margin:2.2rem auto 0;width:100%;max-width:1040px;}
.art-wrap.narrow{max-width:720px;}
.art{width:100%;height:auto;display:block;overflow:visible;}
.art-label{font-family:'Sora',sans-serif;font-weight:700;font-size:22px;fill:#a6b2d6;letter-spacing:.02em;}
.art-label.sm{font-size:17px;letter-spacing:.12em;}
.art-label.cy{fill:#7fe6ff;}
.art-label.g{fill:#6ee7b7;}
.art-label.am{fill:#fbbf24;font-weight:800;}
.pin-num{font-family:'Sora',sans-serif;font-weight:800;font-size:23px;fill:#eaf4ff;}
.pin-num.g{fill:#eafff5;}

/* --- Ortak animasyonlar --- */
.wave-group [class^="w"]{opacity:.25;animation:wavepulse 2.2s ease-in-out infinite;}
.wave-group .w2{animation-delay:.22s;}
.wave-group .w3{animation-delay:.44s;}
@keyframes wavepulse{0%,100%{opacity:.2}50%{opacity:1}}

.dash-flow{animation:flowdash 1.1s linear infinite;}
@keyframes flowdash{to{stroke-dashoffset:-60}}

.tick-path{stroke-dasharray:150;stroke-dashoffset:150;}
.reveal.in .tick-path,.step-panel.active .tick-path{animation:drawtick .85s var(--ease) .25s forwards;}
@keyframes drawtick{to{stroke-dashoffset:0}}

.ring-group circle{transform-box:fill-box;transform-origin:center;opacity:0;animation:ringpulse 2.8s ease-out infinite;}
.ring-group .r2{animation-delay:.55s;}
.ring-group .r3{animation-delay:1.1s;}
@keyframes ringpulse{0%{opacity:.95;transform:scale(.45)}65%{opacity:.3}100%{opacity:0;transform:scale(1.12)}}

.phone-tap{animation:tapmove 2.8s ease-in-out infinite;}
@keyframes tapmove{0%,100%{transform:translateX(0)}50%{transform:translateX(-22px)}}
.phone-mini{animation:tapmove 3.2s ease-in-out infinite;}

.mpin{transform-box:fill-box;transform-origin:center bottom;animation:pinbob 3s ease-in-out infinite;}
.mpin.p2{animation-delay:.4s;}
.mpin.p3{animation-delay:.8s;}
@keyframes pinbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.shield-shape{filter:drop-shadow(0 0 26px rgba(56,217,255,.28));}
.old-way{opacity:.75;}

/* --- Tam kanvas fotoğraf bölümü --- */
.photo-scene .stage{max-width:1180px;}
.photo-hero{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(56,217,255,.22);
  box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 70px rgba(56,217,255,.12);
  transform:translateY(calc(var(--parallax, 0px)));
}
.photo-hero img{display:block;width:100%;height:auto;}
.photo-overlay{position:absolute;inset:auto 0 0 0;padding:2.4rem 2.6rem;text-align:left;
  background:linear-gradient(to top, rgba(5,8,20,.94) 12%, rgba(5,8,20,.72) 48%, transparent 100%);
}
.photo-overlay h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-bottom:1rem;}
.photo-chips{display:flex;gap:.7rem;flex-wrap:wrap;}
.photo-chips span{display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;color:var(--text-1);
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.45rem .95rem;backdrop-filter:blur(6px);
}
.photo-chips .icon{width:17px;height:17px;color:var(--green);}

/* --- İki kapı --- */
.duo{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem;}
.duo-card{flex:1;min-width:320px;max-width:520px;padding:1.4rem 1.4rem 1.2rem;border-radius:22px;
  background:rgba(255,255,255,.035);border:1px solid rgba(56,217,255,.26);
}
.duo-card.ble{border-color:rgba(52,211,153,.3);}
.art-duo{max-height:250px;}
.duo-cap{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:.6rem;}
.duo-cap .icon{width:26px;height:26px;color:var(--cyan);}
.duo-card.ble .duo-cap .icon{color:var(--green);}
.duo-cap b{font-family:'Sora',sans-serif;font-size:1.35rem;color:var(--text-1);}
.duo-cap span{font-size:1rem;color:var(--text-3);}
.duo .reveal:nth-child(2){transition-delay:.12s;}

/* --- Patron: harita + panel --- */
.board{display:flex;gap:1.6rem;align-items:stretch;justify-content:center;flex-wrap:wrap;margin-top:2.2rem;}
.board-map{flex:1.15;min-width:320px;max-width:560px;border-radius:22px;padding:.6rem;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
}
.board .dash-card{flex:1;min-width:300px;max-width:460px;width:auto;}
.board .dash-list .row b{color:var(--cyan-soft);font-weight:700;margin-left:auto;}
.board .dash-list .row{justify-content:flex-start;}
.board .reveal:nth-child(2){transition-delay:.12s;}

/* --- İşçi adımları: büyük çizim --- */
.step-panels.tall{height:430px;max-width:820px;}
.art-step{max-height:300px;}
.step-cap{display:flex;align-items:center;gap:.9rem;margin-top:.4rem;}
.step-cap .step-index{font-size:1rem;color:var(--cyan);letter-spacing:.16em;}
.step-cap h3{font-size:1.9rem;}
.steps-stage h2{margin-bottom:.6rem;}

/* --- Küçük etiket satırı --- */
.mini-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem;}
.mini{font-size:1rem;color:var(--text-2);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.55rem 1.2rem;
}
.mini-row .reveal:nth-child(2){transition-delay:.1s;}
.mini-row .reveal:nth-child(3){transition-delay:.2s;}

/* --- Kurulum 4 adım --- */
.setup-row{display:flex;gap:1.3rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem;}
.setup-item{flex:1;min-width:200px;max-width:250px;padding:1.2rem 1rem 1rem;border-radius:20px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);
}
.setup-item b{display:block;margin-top:.5rem;font-family:'Sora',sans-serif;font-size:1.1rem;color:var(--text-1);}
.art-setup{max-height:150px;}
.setup-row .reveal:nth-child(2){transition-delay:.1s;}
.setup-row .reveal:nth-child(3){transition-delay:.2s;}
.setup-row .reveal:nth-child(4){transition-delay:.3s;}

/* --- Görsel öncelikli tipografi ayarı --- */
.stage h2{margin-bottom:.2rem;}
.audience-item span{font-size:1.2rem;}
.why-item p{font-size:1.02rem;}
.why-item h3{font-size:1.18rem;}

@media (max-width:900px){
  .art-wrap{margin-top:1.6rem;}
  .duo-card,.board-map,.board .dash-card,.setup-item{min-width:0;width:100%;max-width:none;}
  .photo-overlay{padding:1.4rem 1.3rem;}
  .photo-chips span{font-size:.86rem;padding:.35rem .7rem;}
  .step-panels.tall{height:400px;}
  .step-cap h3{font-size:1.4rem;}
  .setup-row{gap:.9rem;}
  .setup-item{flex:1 1 44%;}
}
.art-shield{max-height:340px;}
.photo-overlay{background:linear-gradient(to top, rgba(5,8,20,.97) 16%, rgba(5,8,20,.78) 52%, transparent 100%);}

/* --- Mobil: çizimler daha geniş ve okunur --- */
@media (max-width:900px){
  .reveal-scene{padding:calc(4.6rem + 2vh) 5vw 6vh;}
  .art-wrap{width:calc(100% + 8vw);margin-left:-4vw;margin-right:-4vw;}
  .art-label{font-size:34px;}
  .art-label.sm{font-size:29px;}
  .pin-num{font-size:30px;}
  .photo-overlay{padding:1.1rem 1.1rem 1.2rem;}
  .photo-overlay h2{font-size:1.5rem;margin-bottom:.6rem;}
  .photo-chips{gap:.4rem;}
  .photo-chips span{font-size:.8rem;padding:.3rem .6rem;}
  .duo-card{padding:1rem;}
  .duo-cap b{font-size:1.15rem;}
  .duo-cap span{font-size:.9rem;}
  .mini{font-size:.92rem;padding:.45rem .9rem;}
  .setup-item b{font-size:1rem;}
}

/* ===================================================================
   Vol.4 — PREMİUM KATMAN: büyük tipografi, parlak çizimler, cam kartlar
   =================================================================== */

/* --- Başlıklar: büyük + degrade + ışıma --- */
.stage h2{
  font-size:clamp(2.9rem,6.6vw,5.2rem);
  font-weight:800;letter-spacing:-0.015em;line-height:1.08;
  background:linear-gradient(115deg,#ffffff 28%,#9beaff 62%,#5b8cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 34px rgba(56,217,255,.22));
  margin-bottom:.5rem;
}
h1.display{filter:drop-shadow(0 10px 40px rgba(56,217,255,.28));}
.lede{font-size:clamp(1.5rem,2.4vw,2.1rem);}
.pill{font-size:1.25rem;padding:1rem 2.4rem;}

/* --- Ambient: daha canlı, mor derinlik --- */
.blob{opacity:.72;}
.blob-d{background:radial-gradient(circle,#7c5cff 0%,transparent 72%);opacity:.36;}
.grid-overlay{opacity:.12;}
.dots .dot{width:11px;height:11px;}

/* --- Çizim sahnesi: arkasında renkli hâle + parlaklık --- */
.art-wrap{max-width:1120px;margin-top:2.6rem;position:relative;}
.art-wrap::before{content:'';position:absolute;inset:-16% -8%;z-index:-1;pointer-events:none;filter:blur(8px);
  background:radial-gradient(55% 55% at 50% 50%, rgba(56,217,255,.17), rgba(59,108,255,.09) 55%, transparent 78%);
}
.art-label{font-size:31px;fill:#cdd9f6;font-weight:800;}
.art-label.sm{font-size:25px;}
.art-label.cy{fill:#8febff;}
.art-label.g{fill:#8df2c8;}
.pin-num{font-size:26px;}

/* --- SVG ışımaları --- */
.phone-tap,.phone-mini{filter:drop-shadow(0 0 20px rgba(56,217,255,.55));}
.duo-card.ble .phone-mini{filter:drop-shadow(0 0 20px rgba(52,211,153,.5));}
.wave-group{filter:drop-shadow(0 0 12px rgba(56,217,255,.65));}
.ring-group{filter:drop-shadow(0 0 14px rgba(52,211,153,.55));}
.mpin{filter:drop-shadow(0 8px 20px rgba(56,217,255,.5));}
.tick-path{filter:drop-shadow(0 0 9px rgba(52,211,153,.75));}
.old-way path[stroke="#f87171"]{filter:drop-shadow(0 0 12px rgba(248,113,113,.55));}

/* --- Cam kartlar: degrade zemin, parlak kenar, hover kalkışı --- */
.duo-card,.setup-item,.audience-item,.why-item,.board-map{
  background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 62%);
  border:1px solid rgba(127,230,255,.24);
  box-shadow:0 26px 64px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.duo-card:hover,.setup-item:hover,.audience-item:hover,.why-item:hover{
  transform:translateY(-6px);border-color:rgba(127,230,255,.55);
  box-shadow:0 36px 84px rgba(0,0,0,.55), 0 0 46px rgba(56,217,255,.2), inset 0 1px 0 rgba(255,255,255,.12);
}
.duo-card.ble{border-color:rgba(110,231,183,.3);}
.duo-card.ble:hover{border-color:rgba(110,231,183,.6);box-shadow:0 36px 84px rgba(0,0,0,.55), 0 0 46px rgba(52,211,153,.2), inset 0 1px 0 rgba(255,255,255,.12);}
.dash-card{border-color:rgba(56,217,255,.34);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 55px rgba(56,217,255,.16);}
.video-frame{border-color:rgba(56,217,255,.4);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 80px rgba(56,217,255,.2);}
.photo-hero{border-color:rgba(56,217,255,.35);box-shadow:0 40px 110px rgba(0,0,0,.62),0 0 90px rgba(56,217,255,.18);}

/* --- Metin ölçüleri: her şey bir beden büyük --- */
.duo-cap{gap:.85rem;margin-top:.9rem;}
.duo-cap .icon{width:34px;height:34px;}
.duo-cap b{font-size:1.65rem;}
.duo-cap span{font-size:1.15rem;color:var(--text-2);}
.mini{font-size:1.2rem;padding:.75rem 1.6rem;color:var(--text-1);
  background:rgba(56,217,255,.09);border-color:rgba(56,217,255,.32);
}
.mini-row{gap:1rem;margin-top:2.2rem;}
.setup-item b{font-size:1.35rem;margin-top:.8rem;}
.audience-item span{font-size:1.42rem;color:var(--text-1);font-weight:600;}
.audience-item .icon-lg{width:58px;height:58px;}
.audience-item{gap:1.3rem;padding:2.5rem 1.4rem;}
.why-item h3{font-size:1.52rem;margin-bottom:.5rem;}
.why-item p{font-size:1.16rem;color:var(--text-2);}
.why-item > .icon{width:60px;height:60px;padding:15px;}
.why-item{padding:2rem;gap:1.3rem;}
.step-cap h3{font-size:2.5rem;}
.step-cap .step-index{font-size:1.25rem;}
.step-cap{gap:1.1rem;margin-top:.7rem;}
.photo-chips span{font-size:1.18rem;padding:.6rem 1.25rem;}
.photo-chips .icon{width:21px;height:21px;}
.photo-chips{gap:.9rem;}
.dash-title{font-size:1.08rem;}
.stat-num{font-size:3.2rem;}
.stat-label{font-size:1.05rem;}
.dash-list .row{font-size:1.14rem;gap:.75rem;}
.dash-list{gap:.85rem;}
.board-map{padding:.9rem;}
.brand{font-size:1.08rem;}
.topbar-cta{font-size:.95rem;}
.scroll-cue{font-size:1rem;}

/* --- Çizimler daha büyük --- */
.art-duo{max-height:280px;}
.art-step{max-height:330px;}
.step-panels.tall{height:min(480px, calc(100vh - 330px));max-width:880px;}
.art-setup{max-height:165px;}
.art-shield{max-height:380px;}

/* --- Alçak ekran emniyeti --- */
@media (max-height:800px){
  .stage h2{font-size:clamp(2.4rem,5.4vw,3.6rem);}
  .step-cap h3{font-size:1.9rem;}
  .art-step{max-height:270px;}
  .art-shield{max-height:300px;}
}

/* --- Mobil: premium oranlar telefonda taşmasın --- */
@media (max-width:900px){
  .stage h2{font-size:clamp(2.2rem,9vw,3.1rem);}
  .lede{font-size:1.3rem;}
  .step-cap h3{font-size:1.65rem;}
  .step-cap .step-index{font-size:1rem;}
  .duo-cap b{font-size:1.35rem;}
  .duo-cap span{font-size:1rem;}
  .mini{font-size:1.02rem;padding:.55rem 1.1rem;}
  .audience-item span{font-size:1.2rem;}
  .audience-item .icon-lg{width:46px;height:46px;}
  .why-item h3{font-size:1.28rem;}
  .why-item p{font-size:1.04rem;}
  .why-item > .icon{width:48px;height:48px;padding:12px;}
  .stat-num{font-size:2.5rem;}
  .dash-list .row{font-size:1rem;}
  .photo-chips span{font-size:.95rem;padding:.4rem .8rem;}
  .setup-item b{font-size:1.12rem;}
  .art-wrap::before{inset:-10% -4%;}
}

/* ===================================================================
   Vol.5 — MİLYON DOLARLIK KATMAN: aurora, yörünge, telefonlar, bento
   =================================================================== */

/* --- Aurora süpürmesi --- */
.aurora{position:absolute;inset:-32%;mix-blend-mode:screen;filter:blur(34px);pointer-events:none;
  background:conic-gradient(from 0deg at 50% 50%,
    transparent 0deg, rgba(56,217,255,.11) 42deg, transparent 96deg,
    rgba(124,92,255,.10) 165deg, transparent 225deg,
    rgba(59,108,255,.11) 300deg, transparent 360deg);
  animation:auroraspin 48s linear infinite;
}
@keyframes auroraspin{to{transform:rotate(360deg)}}

/* --- Kicker: editoryal numara etiketi --- */
.kicker{font-size:1.05rem;letter-spacing:.26em;color:#67e2ff;margin-bottom:1.1rem;
  text-shadow:0 0 20px rgba(56,217,255,.45);
}
.lead-line{font-size:clamp(1.15rem,1.7vw,1.5rem);color:var(--text-2);margin-top:.9rem;line-height:1.5;}

/* --- Hero yörünge rozetleri --- */
.hero-scene .stage{position:relative;}
.orbit{position:absolute;inset:-4% -14%;pointer-events:none;z-index:-1;}
.ochip{position:absolute;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;color:#c3ecff;
  background:rgba(56,217,255,.09);border:1px solid rgba(56,217,255,.38);border-radius:999px;
  padding:.55rem 1.15rem;backdrop-filter:blur(5px);white-space:nowrap;
  box-shadow:0 0 26px rgba(56,217,255,.2), inset 0 1px 0 rgba(255,255,255,.1);
  animation:chipfloat 5.8s ease-in-out infinite;
}
.o1{top:11%;left:5%;}
.o2{top:9%;right:7%;animation-delay:.7s;}
.o3{top:44%;left:0%;animation-delay:1.4s;}
.o4{top:42%;right:1%;animation-delay:2.1s;}
.o5{bottom:16%;left:9%;animation-delay:2.8s;}
.o6{bottom:14%;right:10%;animation-delay:3.5s;}
@keyframes chipfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* --- Telefon maketleri --- */
.phones{display:flex;gap:3rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:2.6rem;}
.phone-shell{position:relative;width:min(300px,42vw);
  transform:translateY(var(--parallax,0));
}
.phone-svg{width:100%;height:auto;display:block;overflow:visible;
  filter:drop-shadow(0 42px 70px rgba(0,0,0,.65)) drop-shadow(0 0 55px rgba(56,217,255,.25));
  animation:floaty 6.5s ease-in-out infinite;
}
.phone-shell.delay .phone-svg{animation-duration:7.5s;animation-delay:-3s;}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.phone-tag{display:block;text-align:center;margin-top:1.3rem;font-family:'Sora',sans-serif;font-weight:700;
  font-size:1.25rem;color:var(--text-1);
}
.phone-shell.delay{margin-top:3.4rem;}

/* telefon içi yazı stilleri */
.ph-brand{font:700 15px 'Inter',sans-serif;fill:#8ea0cf;}
.ph-live{font:700 12.5px 'Inter',sans-serif;fill:#6ee7b7;}
.ph-h{font:800 26px 'Sora',sans-serif;fill:#ffffff;}
.ph-btn{font:800 21px 'Sora',sans-serif;fill:#9beaff;letter-spacing:.14em;}
.ph-row{font:600 14.5px 'Inter',sans-serif;fill:#dde6fb;}
.ph-time{font:700 14px 'Inter',sans-serif;fill:#7fe6ff;}
.ph-red{font:700 13.5px 'Inter',sans-serif;fill:#f89b9b;}
.ph-cap{font:600 12.5px 'Inter',sans-serif;fill:#7c8ab5;}
.ph-chipnum{font:800 25px 'Sora',sans-serif;fill:#9beaff;}
.ph-chipnum.g{fill:#8df2c8;}
.ph-chipnum.a{fill:#ffd889;}
.ph-chiplab{font:600 11.5px 'Inter',sans-serif;fill:#a6b2d6;}
.ph-tab{font:700 14px 'Inter',sans-serif;fill:#8ea0cf;}
.ph-tab.on{fill:#062033;}

/* --- Rakam bandı --- */
.stats-band{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;margin-top:2.8rem;}
.sb-item{flex:1;min-width:225px;max-width:270px;padding:2.1rem 1.4rem 1.9rem;border-radius:24px;text-align:center;
  background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 62%);
  border:1px solid rgba(127,230,255,.26);
  box-shadow:0 26px 64px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09);
}
.sb-line{display:flex;align-items:baseline;justify-content:center;gap:.3rem;}
.sb-num{font-family:'Sora',sans-serif;font-weight:800;font-size:4.8rem;line-height:1;
  background:linear-gradient(120deg,#ffffff 25%,#8febff 70%,#5b8cff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 26px rgba(56,217,255,.3));
}
.sb-unit{font-family:'Sora',sans-serif;font-weight:800;font-size:2rem;color:#7fe6ff;}
.sb-cap{display:block;margin-top:.7rem;font-size:1.12rem;color:var(--text-2);}
.stats-band .reveal:nth-child(2){transition-delay:.08s;}
.stats-band .reveal:nth-child(3){transition-delay:.16s;}
.stats-band .reveal:nth-child(4){transition-delay:.24s;}

/* --- Bento ızgarası --- */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1080px;margin:2.4rem auto 0;}
.tile{padding:1.6rem 1.3rem 1.5rem;border-radius:24px;text-align:center;
  background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 62%);
  border:1px solid rgba(127,230,255,.24);
  box-shadow:0 24px 58px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.09);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
}
.tile:hover{transform:translateY(-6px);border-color:rgba(127,230,255,.55);
  box-shadow:0 34px 78px rgba(0,0,0,.55), 0 0 44px rgba(56,217,255,.2), inset 0 1px 0 rgba(255,255,255,.12);
}
.tile-art{height:100px;width:auto;max-width:100%;display:block;margin:0 auto;overflow:visible;}
.tile b{display:block;font-family:'Sora',sans-serif;font-weight:800;font-size:1.3rem;color:#fff;margin:.8rem 0 .3rem;}
.tile span{font-size:1.05rem;color:var(--text-3);line-height:1.45;}
.bento .reveal:nth-child(2){transition-delay:.07s;}
.bento .reveal:nth-child(3){transition-delay:.14s;}
.bento .reveal:nth-child(4){transition-delay:.21s;}
.bento .reveal:nth-child(5){transition-delay:.28s;}
.bento .reveal:nth-child(6){transition-delay:.35s;}
.q1{animation:qblink 1.5s ease-in-out infinite;}
.q2{animation:qblink 1.5s ease-in-out .25s infinite;}
.q3{animation:qblink 1.5s ease-in-out .5s infinite;}
@keyframes qblink{0%,100%{opacity:.2}50%{opacity:1}}

/* --- Uyarlamalar --- */
@media (max-width:1100px){.orbit{display:none;}}
@media (max-width:900px){
  .bento{grid-template-columns:repeat(2,1fr);gap:1rem;}
  .tile b{font-size:1.08rem;}
  .tile span{font-size:.92rem;}
  .tile-art{height:78px;}
  .phones{gap:1.6rem;}
  .phone-shell{width:min(260px,74vw);}
  .phone-shell.delay{margin-top:0;}
  .sb-item{min-width:150px;flex:1 1 42%;padding:1.5rem 1rem 1.3rem;}
  .sb-num{font-size:3.4rem;}
  .sb-unit{font-size:1.5rem;}
  .sb-cap{font-size:.95rem;}
  .lead-line{font-size:1.05rem;}
  .phone-tag{font-size:1.05rem;}
}
@media (max-width:560px){.bento{grid-template-columns:1fr;}}
@media (max-height:800px){.phone-shell{width:min(250px,38vw);}}
/* yörünge düzeltme: kenarlarda kesilme ve nokta çakışması yok */
.orbit{inset:0;}
.o1{top:12%;left:7%;}
.o2{top:10%;right:9%;}
.o3{top:47%;left:2.5%;}
.o4{top:45%;right:5%;}
.o5{bottom:15%;left:11%;}
.o6{bottom:13%;right:12%;}
/* uygulama bölümü tek ekrana sığsın */
#scene-app .stage h2{font-size:clamp(2.6rem,5.4vw,4.2rem);}
#scene-app .lead-line{margin-top:.6rem;}
.phones{margin-top:2rem;gap:2.4rem;}
.phone-shell{width:min(258px,34vw);}
.phone-shell.delay{margin-top:2.4rem;}
.phone-tag{margin-top:1rem;font-size:1.15rem;}
@media (max-height:820px){
  .phone-shell{width:min(212px,30vw);}
  .phone-shell.delay{margin-top:1.6rem;}
  #scene-app .stage h2{font-size:clamp(2.2rem,4.6vw,3.2rem);}
}
.phone-shell{width:min(246px,32vw);}
.phone-shell.delay{margin-top:2.1rem;}

/* ===================================================================
   Vol.6 — SAMİ BEY REVİZELERİ
   =================================================================== */

/* 2) Adım sloganları: alt açıklama satırı */
.step-cap{flex-wrap:wrap;justify-content:center;row-gap:.2rem;}
.step-sub{flex-basis:100%;text-align:center;font-size:1.18rem;color:var(--text-2);}

/* 4) Kurulum kartlarına açıklama */
.setup-sub{display:block;margin-top:.45rem;font-size:1.02rem;color:var(--text-3);line-height:1.4;}

/* 5) Sektör grupları: üst başlık + küçük kartlar */
.sector-group{margin-top:2.1rem;}
.sector-group:first-of-type{margin-top:2.4rem;}
.sector-title{font-family:'Sora',sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:.2em;
  text-transform:uppercase;color:#8febff;margin-bottom:1.2rem;
  text-shadow:0 0 16px rgba(56,217,255,.35);
}
.audience-grid.small{gap:1.1rem;margin-top:0;}
.audience-grid.small .audience-item{width:158px;padding:1.4rem .8rem 1.2rem;gap:.8rem;border-radius:20px;}
.audience-grid.small .icon-lg{width:42px;height:42px;}
.audience-grid.small span{font-size:1.12rem;}

/* 1) Mobil: fotoğraf kartı tertipli — yazı fotoğrafın altında ayrı bantta */
@media (max-width:900px){
  .photo-hero{display:flex;flex-direction:column;}
  .photo-overlay{position:static;background:rgba(9,15,38,.96);
    border-top:1px solid rgba(56,217,255,.22);padding:1.3rem 1.2rem 1.4rem;
  }
  .photo-overlay h2{font-size:1.65rem;margin-bottom:.8rem;filter:none;}
  .photo-chips{gap:.55rem;}
  .photo-chips span{font-size:.98rem;padding:.45rem .85rem;}

  /* 2) Mobil: adımlar sabitleme yok — üç sahne alt alta, net akış */
  .pin-scene[data-pin-mode="steps"]{height:auto !important;min-height:0;}
  .pin-scene[data-pin-mode="steps"] .pin{position:static;height:auto;padding:4.6rem 5vw 3rem;}
  .pin-scene[data-pin-mode="steps"] .stage{max-height:none;}
  .step-panels{position:relative;height:auto !important;max-width:none;}
  .step-panel{position:static;opacity:1 !important;transform:none !important;margin:2.6rem 0 0;}
  .step-panel:first-child{margin-top:1.2rem;}
  .step-rail{display:none;}
  .step-cap h3{font-size:1.55rem;}
  .step-sub{font-size:1rem;}
  .setup-sub{font-size:.92rem;}
  .sector-title{font-size:.98rem;letter-spacing:.16em;}
  .audience-grid.small{gap:.7rem;}
  .audience-grid.small .audience-item{width:calc(33.4% - .5rem);min-width:96px;padding:1rem .4rem .9rem;}
  .audience-grid.small .icon-lg{width:34px;height:34px;}
  .audience-grid.small span{font-size:.95rem;}
}
/* Mobil: kapak da düz akış — sabitleme yalnız masaüstünde */
@media (max-width:900px){
  .hero-scene{height:auto !important;min-height:0;}
  .hero-scene .pin{position:static;height:auto;padding:6.5rem 6vw 4.5rem;}
  .hero-scene .stage{max-height:none;}
}

/* ===================================================================
   Vol.7 — DERİNLEŞTİRME: temiz foto, kanıt rozetleri, süre pilleri
   =================================================================== */
/* 1) Çözüm: başlık dışarıda, foto temiz, rozetler altta */
.photo-hero.clean{margin-top:2rem;}
.photo-chips.under{position:static;justify-content:center;margin-top:1.6rem;gap:1rem;}
.photo-chips.under span{font-size:1.2rem;padding:.65rem 1.3rem;
  background:rgba(56,217,255,.09);border-color:rgba(56,217,255,.32);
}
#scene-nedir .photo-hero img{max-height:56vh;object-fit:cover;width:100%;}

/* 6) Üç katmanlı kanıt: renkli rozetler — BLE bariz */
.proof-badges{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.3rem;}
.pb{display:inline-flex;align-items:center;gap:.45rem;font-family:'Sora',sans-serif;font-weight:700;
  font-size:1rem;padding:.5rem .95rem;border-radius:999px;white-space:nowrap;
}
.pb .icon{width:19px;height:19px;}
.pb-nfc{color:#9beaff;background:rgba(56,217,255,.12);border:1px solid rgba(56,217,255,.45);box-shadow:0 0 18px rgba(56,217,255,.18);}
.pb-ble{color:#8df2c8;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.5);box-shadow:0 0 18px rgba(52,211,153,.18);}
.pb-gps{color:#ffd889;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.45);box-shadow:0 0 18px rgba(251,191,36,.15);}

/* 4) Kurulum süre pilleri */
.setup-time{display:inline-block;font-family:'Sora',sans-serif;font-weight:700;font-size:.95rem;
  color:#9beaff;background:rgba(56,217,255,.1);border:1px solid rgba(56,217,255,.4);
  border-radius:999px;padding:.3rem .9rem;margin-top:.6rem;
}
.setup-time.go{color:#8df2c8;background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.5);}

@media (max-width:900px){
  .photo-chips.under span{font-size:.98rem;padding:.45rem .85rem;}
  .photo-chips.under{gap:.55rem;}
  #scene-nedir .photo-hero img{max-height:none;}
  .pb{font-size:.9rem;padding:.4rem .75rem;}
  .setup-time{font-size:.85rem;}
  .audience-grid.small .audience-item{width:calc(33.4% - .5rem);}
}
/* scene-patron mobil: harita + panel kesin dikey (flex-basis:0 tuzağı kapatıldı) */
@media (max-width:900px){
  .board{flex-direction:column;align-items:stretch;gap:1.2rem;}
  .board-map,.board .dash-card{flex:none;width:100%;max-width:none;min-width:0;}
}
/* Mobil emniyet: kapak ve adım sahnelerine JS solması asla dokunamaz */
@media (max-width:900px){
  .hero-scene .stage,.pin-scene .stage{opacity:1 !important;transform:none !important;filter:none !important;}
}

/* ===================================================================
   Vol.8 — SATIŞ KAPANIŞI: sorular, fiyat, pilot, aksiyon finali
   =================================================================== */
/* Yazılar ortanın hafif altına — nefes alan yerleşim */
.reveal-scene .stage{margin-top:4vh;}
.hero-scene .stage{margin-top:5vh;}
.kicker{margin-bottom:1.4rem;}

/* Sorular: 2x2 itiraz kartları */
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;max-width:1140px;margin:2.4rem auto 0;text-align:left;}
.faq-card{padding:1.8rem 1.8rem 1.6rem;border-radius:24px;
  background:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 62%);
  border:1px solid rgba(127,230,255,.24);
  box-shadow:0 24px 58px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.09);
}
.faq-card h3{font-family:'Sora',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;
  margin-bottom:.75rem;display:flex;align-items:center;gap:.7rem;
}
.faq-card h3::before{content:"?";flex:none;width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;
  color:#9beaff;background:rgba(56,217,255,.12);border:1.5px solid rgba(56,217,255,.45);
}
.faq-card p{font-size:1.08rem;color:var(--text-2);line-height:1.62;}
.faq-grid .reveal:nth-child(2){transition-delay:.08s;}
.faq-grid .reveal:nth-child(3){transition-delay:.16s;}
.faq-grid .reveal:nth-child(4){transition-delay:.24s;}

/* Fiyat + Pilot üçlü kartlar */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1040px;margin:2.4rem auto 0;}
.trio .tile b{margin-top:1rem;}
.tico{width:52px;height:52px;color:var(--cyan);display:block;margin:0 auto;
  padding:12px;border-radius:16px;background:rgba(56,217,255,.1);border:1px solid rgba(56,217,255,.3);
}
.trio .reveal:nth-child(2){transition-delay:.08s;}
.trio .reveal:nth-child(3){transition-delay:.16s;}
.cta-space{margin-top:2.4rem;}

/* Aksiyon düğmeleri */
.cta-row{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem;}
.btn{display:inline-block;font-family:'Sora',sans-serif;font-weight:800;font-size:1.3rem;
  padding:1.1rem 2.8rem;border-radius:999px;text-decoration:none;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn-primary{color:#ffffff;text-shadow:0 1px 10px rgba(4,18,43,.45);background:linear-gradient(120deg,#38d9ff,#3b6cff);
  box-shadow:0 16px 44px rgba(56,217,255,.38), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(56,217,255,.5), inset 0 1px 0 rgba(255,255,255,.4);}
.btn-wa{color:#8df2c8;background:rgba(52,211,153,.1);border:2px solid rgba(52,211,153,.55);
  box-shadow:0 0 30px rgba(52,211,153,.18);
}
.btn-wa:hover{transform:translateY(-3px);background:rgba(52,211,153,.16);box-shadow:0 0 40px rgba(52,211,153,.3);}
.btn-sm{font-size:1.08rem;padding:.8rem 2rem;margin-top:1rem;}
.contact-line{margin-top:1.8rem;font-size:1.1rem;color:var(--text-3);}

@media (max-width:900px){
  .reveal-scene .stage{margin-top:0;}
  .reveal-scene{padding-top:5.8rem;}
  .faq-grid{grid-template-columns:1fr;gap:1rem;}
  .faq-card{padding:1.3rem 1.2rem 1.2rem;}
  .faq-card h3{font-size:1.18rem;}
  .faq-card p{font-size:.98rem;}
  .trio{grid-template-columns:1fr;gap:1rem;}
  .btn{font-size:1.12rem;padding:.95rem 2.2rem;}
  .cta-row{gap:.8rem;}
  .contact-line{font-size:.98rem;}
  .art-wrap{margin-top:2.2rem;}
}
/* İtiraz kartı: "Yakında" rozetli ek paragraf */
.faq-card .soon{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(127,230,255,.28);}
.soon-badge{display:inline-block;margin-right:.55rem;vertical-align:middle;
  font-family:'Sora',sans-serif;font-weight:700;font-size:.86rem;letter-spacing:.06em;
  color:#8df2c8;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.5);
  border-radius:999px;padding:.22rem .7rem;
}

/* ===================================================================
   Vol.9 — Mobil: yörünge rozetleri kaybolmasın, başlık altında sıralansın
   =================================================================== */
@media (max-width:1100px){
  .orbit{display:flex !important;position:static;inset:auto;flex-wrap:wrap;
    justify-content:center;gap:.55rem;margin:1.8rem auto 0;max-width:520px;z-index:auto;
  }
  .ochip{position:static;top:auto;right:auto;bottom:auto;left:auto;
    animation:none;font-size:.92rem;padding:.45rem .95rem;
  }
}
@media (max-width:900px){
  .hero-scene .pin{flex-direction:column;justify-content:center;}
  .ochip{font-size:.86rem;padding:.4rem .85rem;}
  .orbit{gap:.45rem;margin-top:1.5rem;max-width:340px;}
}
/* rozetler başlığın ALTINA (logo üstü değil) */
@media (max-width:1100px){
  .hero-scene .stage{display:flex;flex-direction:column;align-items:center;}
  .hero-scene .logo-wrap{order:1;}
  .hero-scene h1.display{order:2;}
  .hero-scene .lede{order:3;}
  .orbit{order:4;}
  .hero-scene .scroll-cue{order:5;}
}