/* ==========================================================================
   ACADINGO · tanıtım sayfası sahnesi (index.html #acadingo, js/acadingo-tanitim.js), 07.11.2026
   "Bir günün beş durağı": sahne sabitlenir, kaydırdıkça gökyüzü sabahtan geceye döner,
   Acadia 07:40 kahvaltıdan 21:40 yurt odasına yürür. Hareket azaltılınca beş durak alt alta.
   ========================================================================== */
.acg{--ink:#1A2A5C;--kagit:#F5EFE2;--kart:#FBF8F1;background:var(--kagit);color:var(--ink);position:relative;font-family:'Instrument Sans',system-ui,sans-serif}
.acg-intro{max-width:1100px;margin:0 auto;padding:96px 28px 36px;display:grid;gap:14px;text-align:center;justify-items:center}
.acg-eyb{display:inline-flex;gap:10px;align-items:center;font:500 13px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#4A5470}
.acg-eyb svg{width:22px;height:22px}
.acg-h{margin:0;font:800 clamp(38px,6vw,76px)/.98 'Bricolage Grotesque',sans-serif;letter-spacing:-.035em;max-width:16ch}
.acg-h u{text-decoration:none;color:#C93B2B;background:linear-gradient(transparent 78%,#FFD86B 78%,#FFD86B 92%,transparent 92%)}
.acg-lead{margin:0;max-width:640px;font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:#3F4A68}
.acg-not{font:600 26px/1 Caveat,cursive;color:#C93B2B;transform:rotate(-2deg)}

.acg,.acg *,.acg *::before,.acg *::after{box-sizing:border-box}
/* iz ve sahne */
.acg-track{position:relative;height:calc(5 * 88vh + 40vh)}
.acg-stage{position:sticky;top:0;height:100vh;min-height:560px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;transition:background-color .8s ease}
.acg[data-a="0"] .acg-stage{background:#FCE9C8}
.acg[data-a="1"] .acg-stage{background:#D9ECF6}
.acg[data-a="2"] .acg-stage{background:#E6F2E2}
.acg[data-a="3"] .acg-stage{background:#F8D3B4}
.acg[data-a="4"] .acg-stage{background:#1C274E;color:#ECE6D8}
.acg-gok{position:absolute;inset:0;pointer-events:none}
.acg-gunes{position:absolute;width:86px;height:86px;border-radius:50%;background:#FFD86B;border:4px solid var(--ink);left:calc(8% + var(--p,0) * 78%);top:calc(30% - sin(var(--p,0) * 3.1416) * 18%);transition:background .8s,box-shadow .8s;box-shadow:0 0 0 14px rgba(255,216,107,.25)}
.acg[data-a="3"] .acg-gunes{background:#F28C4B;box-shadow:0 0 0 18px rgba(242,140,75,.25)}
.acg[data-a="4"] .acg-gunes{background:#F5EFE2;box-shadow:0 0 30px 6px rgba(245,239,226,.35)}
.acg[data-a="4"] .acg-gunes::after{content:"";position:absolute;right:-6px;top:-10px;width:62%;height:62%;border-radius:50%;background:#1C274E}
.acg-yildiz{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.acg[data-a="4"] .acg-yildiz{opacity:1}
.acg-yildiz i{position:absolute;width:4px;height:4px;border-radius:50%;background:#FFE9A8;animation:acgParla 3s ease-in-out infinite}
@keyframes acgParla{50%{opacity:.2}}
.acg-saat{position:relative;z-index:2;display:flex;justify-content:center;gap:clamp(6px,1.4vw,14px);padding:22px 16px 0;margin:0;list-style:none}
.acg-saat button{display:grid;gap:2px;justify-items:center;padding:8px 12px;min-height:44px;border:2.5px solid var(--ink);border-radius:12px;background:var(--kart);color:var(--ink);font:500 12px 'JetBrains Mono',monospace;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}
.acg-saat button b{font:700 15px 'Bricolage Grotesque',sans-serif}
.acg-saat li.on button{transform:translateY(-4px);box-shadow:3px 4px 0 var(--ink);background:var(--c)}
.acg-saat li.gecti button{background:color-mix(in srgb,var(--c) 30%,var(--kart))}
.acg-orta{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,4vw,56px);align-items:center;align-content:center;max-width:1180px;width:100%;margin:0 auto;padding:0 28px}
/* yol + Acadia */
.acg-yol{position:relative;width:100%;aspect-ratio:600/330}
.acg-yol svg{width:100%;height:100%;overflow:visible}
.acg-yol .zemin{fill:none;stroke:var(--ink);stroke-width:22;stroke-linecap:round}
.acg-yol .serit{fill:none;stroke:#E7DCC3;stroke-width:15;stroke-linecap:round}
.acg-yol .iz{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0))}
.acg-yol .durak circle{stroke:var(--ink);stroke-width:3;transition:r .3s,opacity .3s;opacity:.4}
.acg-yol .durak text{font:800 13px 'Bricolage Grotesque',sans-serif;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--kagit);stroke-width:5px;stroke-linejoin:round}
.acg-yol .durak.gecti circle,.acg-yol .durak.on circle{opacity:1}
.acg-yol .durak.on circle{r:17px}
.acg-yol .acadia-y{transition:transform .12s linear}
.acg-yol .acadia-y .gov{animation:acgSek .9s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
@keyframes acgSek{50%{transform:translateY(-5px) rotate(-4deg)}}
.acg[data-a="4"] .acg-yol .serit{stroke:#3A4670}
.acg[data-a="4"] .acg-yol .zemin,.acg[data-a="4"] .acg-yol .iz{stroke:#0B1230}
.acg[data-a="4"] .acg-yol .durak text{fill:#ECE6D8;stroke:#1C274E}
/* durak kartları */
.acg-kartlar{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:330px}
.acg-kart{grid-area:1/1;align-self:center;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;padding:24px 26px;background:var(--kart);color:var(--ink);border:3px solid var(--ink);border-top:14px solid var(--c);border-radius:18px;box-shadow:7px 7px 0 var(--ink);opacity:0;transform:translateY(26px) rotate(1.5deg);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}
.acg-kart.on{opacity:1;transform:rotate(-1deg);pointer-events:auto}
.acg-kart.gecti{transform:translateY(-26px) rotate(-3deg)}
.acg-kart svg.sahne{grid-row:span 3;width:150px;height:auto}
.acg-kart .mono{font:500 13px 'JetBrains Mono',monospace;color:#5B6584}
.acg-kart h3{margin:0;font:800 clamp(30px,3.4vw,44px)/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.acg-kart p{margin:0;font-size:17px;line-height:1.45;color:#3F4A68}
.acg-kart .el{grid-column:1/-1;font:600 24px/1.1 Caveat,cursive;color:var(--c);filter:brightness(.8)}
.acg-alt{position:relative;z-index:2;display:flex;justify-content:center;padding:0 16px 26px}
.acg-cubuk{width:min(520px,80%);height:8px;border:2px solid var(--ink);border-radius:6px;background:var(--kart);overflow:hidden}
.acg-cubuk i{display:block;height:100%;width:calc(var(--p,0) * 100%);background:var(--ink)}
.acg[data-a="4"] .acg-cubuk{border-color:#ECE6D8}
.acg[data-a="4"] .acg-cubuk i{background:#FFD86B}
/* son: buton */
.acg-son{max-width:1100px;margin:0 auto;padding:56px 28px 104px;display:grid;justify-items:center;gap:16px;text-align:center}
.acg-son h3{margin:0;font:800 clamp(30px,4vw,48px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.acg-btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:14px 28px;border-radius:14px;border:3px solid var(--ink);background:#C93B2B;color:#fff;font:700 19px 'Instrument Sans',sans-serif;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.acg-btn:hover,.acg-btn:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);color:#fff}
.acg-btn svg{width:26px;height:26px}
.acg-son small{font-size:14px;color:#5B6584}
.acg-renkler{display:flex;gap:8px}
.acg-renkler i{width:34px;height:10px;border-radius:5px;border:2px solid var(--ink)}
@media (max-width:860px){
  .acg-orta{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 18px}
  .acg-gunes{top:calc(16% - sin(var(--p,0) * 3.1416) * 8%)}
  .acg-yol{max-width:460px;margin:0 auto;width:100%}
  .acg-kartlar{min-height:250px}
  .acg-kart{grid-template-columns:1fr;padding:18px 18px 20px;gap:4px}
  .acg-kart svg.sahne{grid-row:auto;width:96px;position:absolute;right:14px;top:12px}
  .acg-kart h3{padding-right:96px}
  .acg-saat{gap:4px;padding-top:14px}
  .acg-saat button{padding:6px 6px;font-size:10.5px}
  .acg-saat button b{font-size:12.5px}
  .acg-gunes{width:56px;height:56px}
}
@media (max-width:420px){.acg-saat button span{display:none}.acg-kart p{font-size:15.5px}}
/* hareket azaltılmış: sabitleme yok, beş durak alt alta */
@media (prefers-reduced-motion:reduce){
  .acg-track{height:auto}
  .acg-stage{position:relative;height:auto;min-height:0;background:#F5EFE2!important;color:var(--ink)!important}
  .acg-gok,.acg-yol,.acg-alt,.acg-saat{display:none}
  .acg-orta{grid-template-columns:minmax(0,1fr);padding:20px 28px}
  .acg-kartlar{gap:18px}
  .acg-kart{grid-area:auto;opacity:1;transform:none;pointer-events:auto;transition:none}
  .acg-yol .acadia-y .gov,.acg-yildiz i{animation:none}
}