/* eBattery · enhance2.css — ikinci efekt katmanı: enerji ağı, 3D eğim, başlık maskesi, ışıklı kenarlar */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}

/* her zaman: geri dön butonu ilerleme halkası, tıklama dalgası, ikon hover */
.back-top{overflow:visible}
.back-top::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;
  background:conic-gradient(#2f6bff calc(var(--p,0)*1%),transparent 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.fx-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.2;pointer-events:none;transform:scale(0);z-index:0}
.feature-card .app-icon,.icon-tile .app-icon,.link-card .app-icon{transition:transform .5s var(--spring)}
.feature-card:hover .app-icon,.icon-tile:hover .app-icon,.link-card:hover .app-icon{transform:translateY(-4px) rotate(-7deg) scale(1.1)}
.journal-card .cover-art>img{transition:transform .9s var(--ease)}
.journal-card:hover .cover-art>img{transform:scale(1.09)}
.fx-glare{position:relative}
.fx-glare::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--go,0);transition:opacity .35s;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),#ffffff66,transparent 55%)}
.fx-aura{position:absolute;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .6s;
  background:radial-gradient(circle,#2f6bff26,#8359e914 45%,transparent 70%)}
.fx-aura.on{opacity:1}
html[data-theme=dark] .fx-aura{background:radial-gradient(circle,#6f9bff30,#b29cff18 45%,transparent 70%)}
.fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 75% 85% at 72% 42%,#000 18%,transparent 78%);mask-image:radial-gradient(ellipse 75% 85% at 72% 42%,#000 18%,transparent 78%)}
.page-hero .fx-canvas{-webkit-mask-image:radial-gradient(ellipse 60% 90% at 88% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 60% 90% at 88% 30%,#000 10%,transparent 75%)}

@media (prefers-reduced-motion:no-preference){
  @keyframes fx-ang{to{--ang:360deg}}
  @keyframes fx-ripple{to{transform:scale(1);opacity:0}}
  @keyframes fx-aurora{from{background-position:0% 30%}to{background-position:100% 70%}}

  /* başlıklar: kelime kelime maskeden yükselir */
  .fx-split .w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .16em;margin:0 -.05em -.16em}
  .fx-split .wi{display:inline-block;transform:translateY(115%) rotate(4deg);transform-origin:left bottom;transition:transform 1.05s var(--ease);transition-delay:calc(var(--i,0)*55ms)}
  .fx-split.split-in .wi{transform:none}

  /* beliren ışıklı halka: lansman etiketi */
  .launch-pill{position:relative}
  .launch-pill::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;
    background:conic-gradient(from var(--ang),transparent 0 62%,#2f6bff,#9676e9 85%,transparent);animation:fx-ang 4.5s linear infinite;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
  .ai-orb{animation:float-badge 7s infinite ease-in-out}

  /* CTA paneli: yavaş akan aurora */
  .cta-panel{background-size:190% 190%;animation:fx-aurora 18s ease-in-out infinite alternate}
}
@media (hover:none),(pointer:coarse){.fx-aura{display:none}.fx-glare::after{display:none}}

/* mobilde şarj ağı kartlarının taşmasını önler */
@media (max-width:650px){.network-grid{grid-template-columns:minmax(0,1fr)}.network-card{min-width:0}}