/* =============================================================
   v9 — Ritim kırma: büyük cümle bloğu, zaman çizelgesi,
   tek parça kapanış (randevu + SSS).
   ============================================================= */

/* ---------- BÜYÜK CÜMLE (koyu blok) ---------- */
.statement{
  background:var(--dark-bg);color:var(--bg);overflow:hidden;
  padding:clamp(4.5rem,9vw,7.5rem) 0;
}
.st-kicker{
  display:block;font-size:.63rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--orange);margin-bottom:clamp(1.4rem,3vw,2.2rem);
}
.st-line{
  color:var(--bg);font-size:clamp(2.3rem,7vw,5.3rem);line-height:.96;
  letter-spacing:-.05em;font-weight:400;text-wrap:balance;
}
.st-line .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.07em;margin-right:.2em}
.st-line .w i{display:inline-block;font-style:normal;transition:transform 1s var(--e)}
.statement.st-ready .w i{transform:translateY(112%)}
.statement.on .w i{transform:none}
.statement.on .w:nth-child(2) i{transition-delay:.07s}
.statement.on .w:nth-child(3) i{transition-delay:.14s}
.statement.on .w:nth-child(4) i{transition-delay:.21s}
.st-line em{font-style:normal;color:var(--orange)}
.st-rule{
  height:1px;background:rgba(251,249,244,.14);margin-top:clamp(2rem,4vw,3rem);
  position:relative;overflow:hidden;
}
.st-rule i{
  position:absolute;inset:0 auto 0 0;width:0;background:var(--orange);
  transition:width 1.2s var(--e) .4s;
}
.statement.on .st-rule i{width:100%}
.st-foot{
  display:flex;gap:2.4rem;margin-top:1.3rem;font-size:.6rem;letter-spacing:.26em;
  text-transform:uppercase;color:rgba(251,249,244,.42);
}
@media(max-width:600px){.st-foot{gap:1.3rem;letter-spacing:.2em}}

/* ---------- ZAMAN ÇİZELGESİ ---------- */
.tl{position:relative;border-top:1px solid var(--line)}
.tl-rail{
  position:absolute;left:5px;top:0;bottom:0;width:1px;
  background:var(--line);overflow:hidden;
}
.tl-rail i{
  display:block;position:absolute;inset:0 0 auto 0;height:100%;
  background:var(--orange-dk);transform:scaleY(0);transform-origin:top;
  transition:transform .15s linear;
}
.tl-item{
  position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);
  gap:clamp(1.4rem,4vw,3rem);padding:1.9rem 0 1.9rem 2.2rem;
  border-bottom:1px solid var(--line);
}
.tl-dot{
  position:absolute;left:1px;top:2.55rem;width:9px;height:9px;border-radius:50%;
  background:var(--bg);border:1px solid var(--orange-dk);
  transition:background .4s var(--e),transform .4s var(--e);
}
.tl-item:hover .tl-dot{background:var(--orange-dk);transform:scale(1.25)}
.tl-meta{
  font-size:.7rem;letter-spacing:.14em;color:var(--muted);
  padding-top:.4rem;text-transform:uppercase;white-space:nowrap;
}
.tl-group{
  position:relative;z-index:2;background:var(--bg);
  padding:1.9rem 0 .7rem 2.2rem;
}
.tl-group span{
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);
  font-weight:500;
}
.tl-group:first-of-type{padding-top:.4rem}
.tl-body .cat{
  font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-dk);
}
.tl-body h3{font-size:1.16rem;margin:.4rem 0 .5rem;letter-spacing:-.025em}
.tl-body h3 a{transition:color .3s}
.tl-body h3 a:hover{color:var(--orange-dk)}
.tl-body p{font-size:.89rem;color:var(--muted);max-width:64ch;line-height:1.6}
@media(max-width:700px){
  .tl-rail{left:2px}
  .tl-item{grid-template-columns:1fr;gap:.35rem;padding:1.6rem 0 1.6rem 1.6rem}
  .tl-dot{left:-2px;top:2.05rem}
  .tl-meta{padding-top:0}
  .tl-group{padding-left:1.6rem}
}

/* ---------- KAPANIŞ: RANDEVU + SSS ---------- */
.close{
  background:var(--ink);color:rgba(251,249,244,.66);
  padding:clamp(4.5rem,8vw,6.5rem) 0;
}
.close-in{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(3rem,6vw,6rem);align-items:start;
}
.close .eyebrow{color:var(--orange)}
.close h2{color:var(--bg);font-size:clamp(1.8rem,3.4vw,2.9rem)}
.close-l p{color:rgba(251,249,244,.55);margin:1.2rem 0 2rem;max-width:38ch;font-size:.95rem}
.close .btn{border-color:rgba(251,249,244,.28);color:var(--bg)}
.close .btn::before{background:var(--orange)}
.close .btn:hover{color:#fff;border-color:var(--orange)}
.close .qa{border-top:1px solid rgba(251,249,244,.14)}
.close .qa:last-child{border-bottom:1px solid rgba(251,249,244,.14)}
.close .qa button{
  color:rgba(251,249,244,.9);font-size:.95rem;font-weight:400;padding:1.15rem 0;
}
.close .qa button:hover{color:#fff;padding-left:.45rem}
.close .qa .a p{color:rgba(251,249,244,.5);font-size:.88rem;padding-bottom:1.2rem}
@media(max-width:880px){
  .close-in{grid-template-columns:1fr;gap:3rem}
}