/* Ölçer Web Tasarım — unified brand assets */
.logo,
.premium-footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: auto;
  min-width: 0;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  isolation: auto;
}

.logo::before,
.logo::after,
.premium-footer-logo::before,
.premium-footer-logo::after {
  display: none;
  content: none;
  animation: none;
}

.logo .brand-wordmark,
.premium-footer-logo .brand-wordmark {
  display: block;
  width: 158px;
  max-width: none;
  height: auto;
  object-fit: contain;
  filter: none;
  transform: none;
}

.blog-footer-inner .logo .brand-wordmark,
footer .premium-footer-logo .brand-wordmark {
  width: 178px;
}

.brand-wordmark--standalone {
  display: block;
  width: min(260px, 76vw);
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

@media (max-width: 560px) {
  .logo .brand-wordmark,
  .premium-footer-logo .brand-wordmark {
    width: 142px;
  }

  .blog-footer-inner .logo .brand-wordmark,
  footer .premium-footer-logo .brand-wordmark {
    width: 160px;
  }
}
/* Keep the pointer-following hero ambience covering the section at every edge. */
.hero > .ambient {
  inset: -32px;
}

.hero {
  overflow: clip;
}

@supports not (overflow: clip) {
  .hero {
    overflow: hidden;
  }
}

/* Remove the decorative gradient rules below homepage section headings. */
.sec-head h2::after {
  content: none;
  display: none;
}

/* Give homepage section labels a distinct, non-purple editorial tone. */
body.home-page#top .eyebrow,
body.home-page#top .eyebrow.cy {
  color: #b9c8d8;
  font-family: var(--disp);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-shadow: 0 0 18px rgba(77, 217, 201, 0.18);
}

/* Extend the same editorial tone to homepage proof and supporting labels. */
body.home-page#top .process-note > span,
body.home-page#top .reference-proof span,
body.home-page#top .about-code,
body.home-page#top .about-footer > span,
body.home-page#top .contact-premium .cta-actions small {
  color: #b9c8d8;
  font-family: var(--disp);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-shadow: 0 0 18px rgba(77, 217, 201, 0.16);
}

/* Supporting explanations stay comfortable to read while gaining contrast. */
body.home-page#top .tech-heading > p,
body.home-page#top .plans-premium .plan-note,
body.home-page#top .faq-premium .sec-head p {
  color: #aebdcb;
  font-weight: 500;
}

body.home-page#top .plans-premium .plan-note strong {
  color: #d8e1e9;
  font-weight: 700;
}