/* ==========================================================================
   Şirket Kuruluşu — devlet masrafları bandı (İTO 2026 tarifesine bağlantı)
   ========================================================================== */

.skmasraf { background: var(--white); padding: 56px 0; }

/* Bandın kenarında dolaşan mor ışık. Fiyat kartındaki kazanç kutusuyla
   (.fplan3__save) aynı teknik: dönen koni gradyan, maske ile yalnız
   çerçeveye indiriliyor. Açıyı @property ile kayıtlı değişken taşıyor —
   kayıtlı olmasa tarayıcı açıyı yumuşak değil sıçrayarak değiştirirdi. */
@property --skm-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.skmasraf__band {
  position: relative;
  isolation: isolate;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
  max-width: 940px; margin: 0 auto; padding: 30px 32px;
  /* Sabit iz: ışık uzaktayken de çerçeve kaybolmasın. */
  border: 1.5px solid rgba(108, 99, 255, .11);
  border-radius: var(--r-sm);
  background: var(--bg-tint);
}

.skmasraf__band::before {
  content: '';
  position: absolute;
  inset: -1.5px;
  border-radius: inherit;
  padding: 1.5px;
  background: conic-gradient(from var(--skm-angle),
    transparent 0deg 248deg,
    rgba(154, 147, 255, .30) 286deg,
    rgba(108, 99, 255, .55) 322deg,
    rgba(154, 147, 255, .26) 352deg,
    transparent 360deg);
  /* İç dikdörtgeni oyup yalnız çerçeveyi bırakan maske. */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite: exclude;
  filter: drop-shadow(0 0 6px rgba(108, 99, 255, .30));
  animation: skm-rotate 3.2s linear infinite;
  pointer-events: none;
  z-index: 1;
}

@keyframes skm-rotate {
  to { --skm-angle: 360deg; }
}

/* "Hareketi azalt" açıksa ışık dönmüyor, sabit mor çerçeve kalıyor. */
@media (prefers-reduced-motion: reduce) {
  .skmasraf__band::before { animation: none; }
}

/* Butonsuz bant (şirket türü sayfaları): içerik tek sütun, ortalı. */
.skmasraf__band--merkez { justify-content: center; text-align: center; }
/* Ortalı bantta metin iki satıra sığsın: 560px'te üç satıra taşıyordu.
   660px'ten itibaren iki satır oluyor; yazı tipi geç yüklenince kayma
   olmasın diye pay bırakılarak 740px seçildi. */
.skmasraf__band--merkez .skmasraf__lede {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.skmasraf__eyebrow {
  font-size: 12px; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--indigo);
}

.skmasraf__title {
  font-weight: 800; font-size: 24px; line-height: 1.2;
  letter-spacing: -0.01em; color: var(--ink); margin: 8px 0 0;
}

.skmasraf__lede {
  margin: 10px 0 0; font-size: 15px; line-height: 1.6; color: var(--muted);
  max-width: 560px; text-wrap: pretty;
}

/* Metin içi PDF bağlantısı. Çevresi soluk gri metin olduğu için alt çizgi
   bırakıldı — rengin tek başına yeterli olmadığı durumlarda (renk körlüğü,
   düşük kontrastlı ekran) bağlantı yine ayırt edilebilsin. */
.skmasraf__link {
  color: var(--indigo);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(108, 99, 255, .4);
  transition: text-decoration-color .2s ease;
}

.skmasraf__link:hover { text-decoration-color: var(--indigo); }

@media (max-width: 860px) {
  .skmasraf { padding: 40px 0; }
  .skmasraf__band { flex-direction: column; align-items: flex-start; padding: 24px 20px; gap: 20px; }
}