/* =============================================================
   v10 — Astrolab hero, göksel hizmet zemini, scroll'lu burç çarkı
   ============================================================= */

/* -------------------------------------------------------------
   1. HERO — KOYU GÖKYÜZÜ + DÖNEN KADRAN
   ------------------------------------------------------------- */
.hero2{
  position:relative;overflow:hidden;color:var(--bg);
  background:
    radial-gradient(120% 90% at 82% -10%, #10442d 0%, rgba(16,68,45,0) 55%),
    radial-gradient(90% 70% at 0% 110%, #0a3122 0%, rgba(10,49,34,0) 62%),
    #051d13;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(3rem,6vw,4.5rem) 0 0;
  min-height:min(92vh,920px);
}
.hero2-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero2-orbit{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero2-orbit i{position:absolute;border:1px solid rgba(251,249,244,.05);border-radius:50%}
.hero2-orbit i:nth-child(1){width:78vw;height:78vw;right:-28vw;top:-22vw}
.hero2-orbit i:nth-child(2){width:52vw;height:52vw;right:-12vw;top:-4vw;border-style:dashed;border-color:rgba(251,249,244,.07)}
.hero2-orbit i:nth-child(3){width:34vw;height:34vw;right:2vw;top:14vw;border-color:rgba(226,113,12,.12)}

.hero2-in{
  position:relative;z-index:2;flex:1;
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(2rem,6vw,5rem);align-items:center;
}
.hero2-copy{max-width:660px}

.h2-kick{
  display:flex;align-items:center;gap:.7rem;font-size:.61rem;letter-spacing:.26em;
  text-transform:uppercase;color:rgba(251,249,244,.55);
  margin-bottom:clamp(1.4rem,3vw,2.2rem);
}
.h2-kick .dot{width:5px;height:5px;border-radius:50%;background:var(--orange);flex:0 0 auto}

.h2-stage{position:relative;min-height:clamp(320px,42vh,430px)}
.h2-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .55s var(--e),visibility .55s;
}
.h2-slide.on{opacity:1;visibility:visible;pointer-events:auto}

.h2-title{
  color:var(--bg);font-size:clamp(2.35rem,5vw,4.35rem);line-height:.98;
  letter-spacing:-.045em;font-weight:400;max-width:15ch;
}
.h2-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.09em;margin-right:.26em}
.h2-title .w i{display:inline-block;font-style:normal;transform:translateY(115%);transition:transform .95s var(--e)}
.h2-slide.on .w i{transform:none;transition-delay:var(--d,0ms)}
.hero2.load .h2-slide.on .w i{animation:h2word .95s var(--e) both;animation-delay:var(--d,0ms)}
@keyframes h2word{from{transform:translateY(115%)}to{transform:translateY(0)}}

.h2-sub{
  color:rgba(251,249,244,.6);font-size:clamp(.93rem,1.15vw,1.03rem);line-height:1.72;
  margin:1.4rem 0 2rem;max-width:46ch;
}
.h2-cta{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap}

.hero2 .btn{background:var(--bg);color:#06281a;border-color:var(--bg)}
.hero2 .btn::before{background:var(--orange)}
.hero2 .btn:hover{color:#fff;border-color:var(--orange)}
.h2-link{
  font-size:.8rem;color:rgba(251,249,244,.6);display:inline-flex;align-items:center;gap:.5rem;
  border-bottom:1px solid rgba(251,249,244,.2);padding-bottom:.25rem;transition:.35s var(--e);
}
.h2-link i{font-style:normal;transition:transform .35s var(--e)}
.h2-link:hover{color:var(--bg);border-color:var(--orange)}
.h2-link:hover i{transform:translateX(4px)}

/* Kadran */
.hero2-wheel{justify-self:end;width:min(100%,470px)}
.h2-disc{position:relative;aspect-ratio:1}
.h2-svg{width:100%;height:100%;overflow:visible}
.h2-line{fill:none;stroke:rgba(251,249,244,.14);stroke-width:1}
.h2-dash{stroke:rgba(251,249,244,.16);stroke-dasharray:1 7;stroke-linecap:round}
.h2-inner{stroke:rgba(251,249,244,.09)}
.h2-tick{stroke:rgba(251,249,244,.16);stroke-width:1}
.h2-tick.big{stroke:rgba(251,249,244,.32)}
.h2-spin{transform-origin:260px 260px;animation:h2spin 150s linear infinite}
@keyframes h2spin{to{transform:rotate(360deg)}}
.h2-needle{transform-origin:260px 260px;transition:transform .95s var(--e)}
.h2-needle line{stroke:var(--orange);stroke-width:1.4}
.h2-needle circle{fill:var(--orange)}
.h2-hub{fill:rgba(251,249,244,.45)}
.h2-num{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}
.h2-num b{font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:300;letter-spacing:-.05em;line-height:1;color:var(--bg)}
.h2-num span{display:block;margin-top:.55rem;font-size:.62rem;letter-spacing:.3em;color:rgba(251,249,244,.38)}
.h2-disc-lbl{
  position:absolute;left:50%;bottom:4%;transform:translateX(-50%);
  font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(251,249,244,.3);white-space:nowrap;
}

/* Alt şerit */
.hero2-foot{position:relative;z-index:2;padding:clamp(1.8rem,4vw,2.8rem) 0 clamp(1.4rem,3vw,2rem)}
.h2-bar{height:1px;background:rgba(251,249,244,.1);position:relative;overflow:hidden;margin-bottom:1rem}
.h2-bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--orange);opacity:.75}
.h2-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(251,249,244,.12)}
.h2-tabs button{
  position:relative;text-align:left;background:none;border:0;cursor:pointer;
  padding:1.1rem 1.4rem 1.2rem 0;display:grid;gap:.45rem;
  color:rgba(251,249,244,.42);transition:color .35s var(--e);
}
.h2-tabs button span{font-size:.6rem;letter-spacing:.2em}
.h2-tabs button em{font-style:normal;font-size:.78rem;line-height:1.35;max-width:24ch}
.h2-tabs button::after{
  content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--orange);
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e);
}
.h2-tabs button.on{color:var(--bg)}
.h2-tabs button.on::after{transform:scaleX(1)}

@media(max-width:960px){
  .hero2{min-height:0;padding-top:clamp(2.4rem,7vw,3.5rem)}
  .hero2-in{grid-template-columns:1fr;gap:0}
  .hero2-wheel{display:none}
  .h2-stage{min-height:clamp(300px,46vh,380px)}
  .h2-tabs{grid-template-columns:repeat(2,1fr)}
  .h2-tabs button{padding-right:1rem}
}
@media(max-width:520px){
  .h2-tabs button em{font-size:.7rem}
  .h2-num{display:none}
}

/* -------------------------------------------------------------
   2. HİZMETLER — GÖKSEL ZEMİN
   ------------------------------------------------------------- */
.svc{
  position:relative;overflow:hidden;color:var(--bg);
  background:
    radial-gradient(85% 55% at 50% 0%, #10402b 0%, rgba(16,64,43,0) 62%),
    radial-gradient(70% 60% at 100% 100%, #0b3322 0%, rgba(11,51,34,0) 60%),
    #061f15;
  padding:clamp(5rem,9vw,8rem) 0;
}
.svc-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.svc-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.svc-orbit{
  position:absolute;left:50%;top:62%;border:1px dashed rgba(251,249,244,.07);
  border-radius:50%;transform:translate(-50%,-50%);
}
.svc-orbit--1{width:120vw;height:120vw;animation:svcOrbit 220s linear infinite}
.svc-orbit--2{width:84vw;height:84vw;border-color:rgba(226,113,12,.1);animation:svcOrbit 160s linear infinite reverse}
.svc-orbit--3{width:52vw;height:52vw;border-style:solid;border-color:rgba(251,249,244,.05);animation:svcOrbit 120s linear infinite}
@keyframes svcOrbit{
  from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

.svc-in{position:relative;z-index:2}
.svc-head{max-width:860px;margin-bottom:clamp(2.8rem,6vw,4.5rem)}
.svc .st-kicker{
  display:block;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--orange);margin-bottom:clamp(1.2rem,2.5vw,1.9rem);
}
.svc .st-line{
  color:var(--bg);font-size:clamp(2.2rem,6vw,4.7rem);line-height:.97;
  letter-spacing:-.05em;font-weight:400;text-wrap:balance;
}
.svc .st-line .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.07em;margin-right:.2em}
.svc .st-line .w i{display:inline-block;font-style:normal;transition:transform 1s var(--e)}
.svc .st-line em{font-style:normal;color:var(--orange)}
#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}

.svc .st-rule{height:1px;background:rgba(251,249,244,.14);margin-top:clamp(1.8rem,4vw,2.8rem);position:relative;overflow:hidden}
.svc .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%}
.svc .st-foot{
  display:flex;gap:2.4rem;margin-top:1.2rem;font-size:.6rem;letter-spacing:.26em;
  text-transform:uppercase;color:rgba(251,249,244,.42);
}

.svc-list{border-top:1px solid rgba(251,249,244,.13);position:relative}
.svc-row{
  display:grid;grid-template-columns:52px minmax(0,1fr) 40px;
  gap:clamp(1rem,3vw,2.4rem);align-items:center;
  padding:1.45rem 0;border-bottom:1px solid rgba(251,249,244,.1);
  position:relative;transition:padding .5s var(--e);
}
.svc-row::before{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--orange);
  transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e);
}
.svc-row:hover::before{transform:scaleX(1)}
.svc-no{font-size:.64rem;letter-spacing:.18em;color:var(--orange)}
.svc-body{display:grid;gap:.32rem;min-width:0}
.svc-body b{
  font-size:clamp(1.08rem,1.65vw,1.35rem);font-weight:400;color:var(--bg);
  letter-spacing:-.02em;transition:color .4s var(--e);
}
.svc-body i{font-style:normal;font-size:.84rem;line-height:1.6;color:rgba(251,249,244,.47);max-width:72ch}
.svc-go{
  width:36px;height:36px;border:1px solid rgba(251,249,244,.16);border-radius:50%;
  display:grid;place-items:center;color:rgba(251,249,244,.6);transition:.45s var(--e);
}
.svc-row:hover{padding-left:.7rem}
.svc-row:hover .svc-body b{color:var(--orange)}
.svc-row:hover .svc-go{background:var(--orange);border-color:var(--orange);color:#fff;transform:rotate(-45deg)}

.svc-list.ready .svc-row{opacity:0}
.svc-list.ready .svc-row.in{animation:svcIn .85s var(--e) both}
@keyframes svcIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

.svc-foot{
  display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;
  margin-top:2.4rem;font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(251,249,244,.42);
}
.svc .btn{background:transparent;border-color:rgba(251,249,244,.28);color:var(--bg)}
.svc .btn::before{background:var(--orange)}
.svc .btn:hover{color:#fff;border-color:var(--orange)}

@media(max-width:820px){
  .svc-row{grid-template-columns:34px minmax(0,1fr);gap:.5rem 1rem;padding:1.2rem 0}
  .svc-go{display:none}
  .svc-body i{font-size:.8rem}
  .svc-foot{flex-direction:column;align-items:flex-start;gap:1.2rem}
}

/* -------------------------------------------------------------
   3. BURÇ ÇARKI — SCROLL İLE DÖNEN
   ------------------------------------------------------------- */
/* -------------------------------------------------------------
   3. BURÇ ÇARKI — SCROLL İLE DÖNEN (SADE, MİNİMAL & İKONLU)
   ------------------------------------------------------------- */
.zod{position:relative;height:520vh;background:var(--bg)}
.zod-pin{
  position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;
}
.zod-in{
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(2rem,6vw,6rem);align-items:center;
}
.zod-visual{position:relative;display:grid;place-items:center;user-select:none}
.zod-ring{
  position:relative;width:min(100%,460px);aspect-ratio:1;
  transform:rotate(var(--rot,0deg));will-change:transform;
}
.zod-line{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}
.zod-line--in{inset:13%;border-style:dashed;border-color:rgba(184,93,25,.18)}
.zod-lbl{position:absolute;inset:0;transform:rotate(var(--a));pointer-events:none}
.zod-lbl i{
  position:absolute;left:50%;top:-10px;
  transform:translateX(-50%) rotate(calc(-1 * var(--a) - var(--rot,0deg)));
  display:inline-flex;align-items:center;gap:6px;
  font-style:normal;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap;transition:color .35s var(--e),font-weight .35s;
  pointer-events:auto;cursor:pointer;
}
.zod-lbl i img.zod-ico{
  width:18px;height:18px;object-fit:contain;vertical-align:middle;
  opacity:.7;transition:opacity .35s,transform .35s var(--e);
}
.zod-lbl.on i{color:var(--orange-dk);font-weight:600}
.zod-lbl.on i img.zod-ico{opacity:1;transform:scale(1.2)}
.zod-hub{display:none}
.zod-count{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  text-align:center;font-size:.58rem;letter-spacing:.24em;color:var(--muted);
  pointer-events:none;
}
.zod-count b{
  display:block;font-size:1.7rem;line-height:1;letter-spacing:-.04em;
  color:var(--ink);font-weight:400;margin-bottom:.35rem;
}

.zod-copy{max-width:540px}
.zod-stage{position:relative;min-height:clamp(240px,34vh,300px);margin-top:1.1rem}
.zod-pane{
  position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .5s var(--e),transform .65s var(--e),visibility .5s;
}
.zod-pane.on{opacity:1;visibility:visible;transform:none}
.zod-title-row{display:flex;align-items:center;gap:.75rem}
.zod-pane-ico{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.zod-pane h3{font-size:clamp(1.9rem,3.6vw,3rem);letter-spacing:-.045em;margin:0}
.zod-date{
  display:block;margin:.45rem 0 1rem;font-size:.66rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--orange-dk);
}
.zod-pane p{font-size:.96rem;line-height:1.75;color:var(--muted);max-width:46ch}
.zod-more{
  display:inline-flex;align-items:center;gap:.5rem;margin-top:1.3rem;font-size:.76rem;
  letter-spacing:.06em;border-bottom:1px solid var(--line);padding-bottom:.25rem;transition:.35s var(--e);
}
.zod-more i{font-style:normal;transition:transform .35s var(--e)}
.zod-more:hover{color:var(--orange-dk);border-color:var(--orange)}
.zod-more:hover i{transform:translateX(4px)}

.zod-bar{height:1px;background:var(--line);margin-top:1.8rem;position:relative;overflow:hidden}
.zod-bar i{position:absolute;inset:0;background:var(--orange-dk);transform:scaleX(0);transform-origin:left}
.zod-hint{display:block;margin-top:.85rem;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}

@media(max-width:1024px){
  .zod{height:auto}
  .zod-pin{position:static;height:auto;padding:4.5rem 0}
  .zod-in{grid-template-columns:minmax(0,1fr);gap:1.6rem}
  .zod-visual{display:none}
  .zod-copy{max-width:none;width:100%;min-width:0}
  .zod-stage{
    position:static;min-height:0;display:flex;gap:1rem;overflow-x:auto;
    scroll-snap-type:x mandatory;scroll-padding-left:5vw;margin:1rem -5vw 0;padding:0 5vw 1.2rem;
    scrollbar-width:none;max-width:100vw;min-width:0;
  }
  .zod-stage::-webkit-scrollbar{display:none}
  .zod-pane{
    position:static;opacity:1;visibility:visible;transform:none;
    flex:0 0 clamp(260px,80vw,320px);scroll-snap-align:start;
    background:var(--white);border:1px solid rgba(6,40,26,.1);border-radius:14px;padding:1.3rem;
  }
  .zod-bar{display:none}
  .zod-hint{display:none}
}