/**
 * Fastcom presentation — Editorial Field Architecture (Light)
 *
 * Preline UI Free (MIT + Fair Use): https://preline.co/docs/license.html
 * Blocks used: Classic Website Header; Hero with Client Logo Row;
 * Feature Steps (layer rail + AI classes); Lead Metric with Supporting Stats;
 * Simple Feature Section with Single Image (FASTPDKS, only if a real file exists);
 * Feature Section with Image and Icon Blocks (family stack, not a twin grid);
 * Featured Editorial Post (sectors); Logo Cloud with Heading; Five-Column Footer.
 * Preline Pro blocks are not used. Tailwind CDN is not used. Aceternity is not used.
 *
 * Cruip Simple Light: end-of-page CTA rhythm only (GPL). Template is not republished.
 * OpenWebUI: spacing / type hygiene only.
 *
 * Isolated (not enqueued): assets/fastcom-home-ia.css,
 * assets/fastcom-products.css, assets/fastcom-sectors.css,
 * assets/fastcom-solutions.css.
 * assets/fastcom-renewal.css: leftover reference markup only on /referanslarimiz/.
 */
:root {
  --fc-primary: #1b3041;
  --fc-text: #1f2529;
  --fc-text-muted: #4a5568;
  --fc-muted: #4a5568;
  --fc-bg: #ffffff;
  --fc-bg-subtle: #f7f8fa;
  --fc-surface: #ffffff;
  --fc-border: #e2e8f0;
  --fc-interactive: #0c3381;
  --fc-interactive-hover: #0a2a6b;
  --fc-accent: #19bd78;
  --fc-success: #0f7b4c;
  --fc-warning: #b45309;
  --fc-error: #b42318;
  --fc-space-1: 4px;
  --fc-space-2: 8px;
  --fc-space-3: 12px;
  --fc-space-4: 16px;
  --fc-space-6: 24px;
  --fc-space-8: 32px;
  --fc-space-12: 48px;
  --fc-space-16: 64px;
  --fc-space-24: 96px;
  --fc-radius: 8px;
  --fc-radius-panel: 12px;
  --fc-shadow: 0 1px 2px rgba(27, 48, 65, 0.06);
  color-scheme: light;
}

.fc-pres,
.fc-chrome,
.fc-site-footer,
.fc-solutions,
.fc-sectors,
.fc-products {
  color: var(--fc-text);
  background: var(--fc-bg);
}

.fc-pres {
  overflow-x: clip;
}

.fc-wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding-left: var(--fc-space-6);
  padding-right: var(--fc-space-6);
}

.fc-h1 {
  margin: 0 0 var(--fc-space-6);
  max-width: 22ch;
  font-size: clamp(1.75rem, 2.4vw + 1rem, 2.5rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--fc-primary);
}

.fc-h2 {
  margin: 0 0 var(--fc-space-4);
  font-size: clamp(1.35rem, 1.2vw + 1rem, 1.75rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--fc-primary);
}

.fc-h3 {
  margin: 0 0 var(--fc-space-2);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--fc-primary);
}

.fc-lead {
  margin: 0 0 var(--fc-space-6);
  max-width: 52ch;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--fc-text-muted);
}

.fc-caption {
  margin: var(--fc-space-4) 0 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--fc-text-muted);
}

.fc-label {
  display: block;
  margin: 0 0 var(--fc-space-1);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: var(--fc-text-muted);
  text-transform: none;
}

.fc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.65rem 1.15rem;
  border: 0;
  border-radius: var(--fc-radius);
  background: var(--fc-interactive);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
}

.fc-btn:hover,
.fc-btn:focus {
  background: var(--fc-interactive-hover);
  color: #fff;
}

.fc-text-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--fc-interactive);
  font-weight: 600;
  text-decoration: none;
  text-underline-offset: 0.2em;
  transition: color 150ms ease;
}

.fc-text-link:hover,
.fc-text-link:focus {
  color: var(--fc-interactive-hover);
  text-decoration: underline;
}

/* Classic Website Header — collapse + 1 CTA on small viewports */
.fc-chrome {
  position: relative;
  z-index: 20;
  background: var(--fc-bg);
  border-bottom: 1px solid var(--fc-border);
}

.fc-chrome__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--fc-space-3);
  min-height: 64px;
  padding-top: var(--fc-space-3);
  padding-bottom: var(--fc-space-3);
}

.fc-chrome__logo {
  display: inline-flex;
  align-items: center;
  margin-right: auto;
  color: var(--fc-primary);
  font-weight: 600;
  text-decoration: none;
}

.fc-chrome__logo img {
  display: block;
  height: 32px;
  width: auto;
}

.fc-chrome__cta {
  flex: 0 0 auto;
}

.fc-chrome__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 var(--fc-space-3);
  border: 1px solid var(--fc-border);
  border-radius: var(--fc-radius);
  background: var(--fc-bg);
  color: var(--fc-primary);
  font-size: 0.875rem;
  font-weight: 600;
}

.fc-chrome__nav {
  display: none;
  flex-direction: column;
  flex-basis: 100%;
  order: 5;
  width: 100%;
  padding: var(--fc-space-2) 0 var(--fc-space-4);
  border-top: 1px solid var(--fc-border);
}

.fc-chrome.is-open .fc-chrome__nav {
  display: flex;
}

.fc-chrome__nav a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--fc-primary);
  font-weight: 500;
  text-decoration: none;
}

.fc-chrome__nav a[aria-current="page"] {
  font-weight: 600;
}

.fc-chrome__nav a:hover,
.fc-chrome__nav a:focus {
  color: var(--fc-interactive);
}

#masthead,
.mobile_header,
header.header,
.stm-header,
.consulting_header {
  display: none !important;
}

footer.footer,
#footer,
.stm_footer {
  display: none;
}

.home .page_title,
.home .entry-header,
.home .breadcrumbs,
body.page-hizmetler .page_title,
body.page-hizmetler .entry-header,
body.page-cozumler .page_title,
body.page-cozumler .entry-header,
body.page-urunlerimiz .page_title,
body.page-urunlerimiz .entry-header,
body.page-sektorler .page_title,
body.page-sektorler .entry-header {
  display: none !important;
}

/* 01 Hero + client marks */
.fc-hero {
  padding: 40px 0;
  background: var(--fc-bg);
}

.fc-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--fc-space-3);
  margin: 0 0 var(--fc-space-4);
}

.fc-hero__actions .fc-btn {
  width: 100%;
}

.fc-hero__actions .fc-text-link {
  width: 100%;
  justify-content: center;
}

.fc-mark-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--fc-space-3) var(--fc-space-6);
  margin: var(--fc-space-6) 0 0;
  padding: var(--fc-space-4) 0 0;
  border-top: 1px solid var(--fc-border);
  list-style: none;
}

.fc-mark-row img {
  display: block;
  height: 20px;
  width: auto;
}

.fc-mark-row span {
  font-size: 0.875rem;
  color: var(--fc-text-muted);
}

/* 02 Architecture — vertical rail on small viewports */
.fc-rail-sec {
  padding: 40px 0;
  background: var(--fc-bg-subtle);
}

.fc-rail {
  display: flex;
  flex-direction: column;
  margin: var(--fc-space-6) 0;
  padding: 0 0 0 var(--fc-space-4);
  list-style: none;
  border-left: 2px solid var(--fc-primary);
}

.fc-rail__item {
  position: relative;
  margin: 0;
  padding: var(--fc-space-3) 0 var(--fc-space-3) var(--fc-space-4);
}

.fc-rail__item::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 1.15em;
  width: 12px;
  height: 2px;
  background: var(--fc-primary);
}

.fc-rail__label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--fc-primary);
}

/* 03 Trust — lead metric, not cards */
.fc-trust {
  padding: 40px 0;
  background: var(--fc-bg);
}

.fc-trust__lead-value {
  margin: 0;
  font-size: clamp(1.35rem, 1.2vw + 1rem, 1.75rem);
  font-weight: 600;
  line-height: 1.25;
  color: var(--fc-primary);
}

.fc-trust__lead {
  padding-bottom: var(--fc-space-6);
  margin-bottom: var(--fc-space-4);
  border-bottom: 2px solid var(--fc-accent);
}

.fc-trust__support > div {
  padding: var(--fc-space-3) 0;
  border-bottom: 1px solid var(--fc-border);
}

.fc-trust__support > div:last-child {
  border-bottom: 0;
}

.fc-trust .fc-caption {
  margin: var(--fc-space-1) 0 0;
}

/* 04 FASTPDKS — copy only unless a real image exists */
.fc-split {
  padding: 40px 0;
  background: var(--fc-bg-subtle);
}

.fc-split__row {
  display: flex;
  flex-direction: column;
  gap: var(--fc-space-6);
}

.fc-split__media {
  order: -1;
  margin: 0;
}

.fc-split__media img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--fc-border);
  border-radius: var(--fc-radius-panel);
}

.fc-split .fc-btn {
  width: 100%;
}

/* 05 Families — compact stack */
.fc-stack {
  padding: 40px 0;
  background: var(--fc-bg);
}

.fc-stack__item {
  padding: var(--fc-space-4) 0;
  border-top: 1px solid var(--fc-border);
}

.fc-stack__item:last-child {
  border-bottom: 1px solid var(--fc-border);
}

.fc-stack__item p {
  margin: 0 0 var(--fc-space-2);
  line-height: 1.6;
  color: var(--fc-text-muted);
}

/* 06 Sectors — featured editorial */
.fc-editorial {
  padding: 40px 0;
  background: var(--fc-bg-subtle);
}

.fc-editorial__aside {
  margin: var(--fc-space-6) 0 0;
  padding: 0;
  list-style: none;
}

.fc-editorial__aside a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--fc-interactive);
  text-decoration: none;
  border-top: 1px solid var(--fc-border);
}

/* 07 AI — four classified steps */
.fc-steps {
  padding: 40px 0;
  background: var(--fc-bg);
}

.fc-steps__list {
  margin: var(--fc-space-6) 0 0;
  padding: 0;
  list-style: none;
}

.fc-step {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  gap: var(--fc-space-3);
  padding: var(--fc-space-4) 0;
  border-top: 1px solid var(--fc-border);
}

.fc-step p {
  margin: 0;
  line-height: 1.6;
  color: var(--fc-text-muted);
}

.fc-step__marker {
  color: var(--fc-accent);
  font-weight: 600;
}

/* 08 Reference logo cloud */
.fc-cloud {
  padding: 40px 0;
  background: var(--fc-bg-subtle);
}

.fc-cloud__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--fc-space-4) var(--fc-space-6);
  margin: var(--fc-space-4) 0;
}

.fc-cloud__row .fc-ref-slider__item {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  min-width: 0;
  min-height: 0;
}

.fc-cloud__row img {
  max-height: 28px;
  width: auto;
}

/* 09 Cruip Simple Light CTA band */
.fc-band {
  padding: 40px 0;
  background: var(--fc-bg);
  border-top: 1px solid var(--fc-border);
}

.fc-band .fc-btn {
  width: 100%;
}

.fc-band .fc-text-link {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Footer — five columns collapse to one */
.fc-site-footer {
  padding: 40px 0;
  border-top: 1px solid var(--fc-border);
  background: var(--fc-bg);
}

.fc-site-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--fc-space-6);
}

.fc-site-footer__head {
  margin: 0 0 var(--fc-space-2);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--fc-primary);
}

.fc-site-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fc-site-footer a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--fc-text-muted);
  text-decoration: none;
}

.fc-site-footer a:hover {
  color: var(--fc-interactive);
}

.fc-plain-list {
  margin: 0 0 var(--fc-space-6);
  padding: 0;
  list-style: none;
}

.fc-plain-list > li {
  padding: var(--fc-space-3) 0;
  border-top: 1px solid var(--fc-border);
}

.fc-plain-list > li p {
  margin: var(--fc-space-1) 0 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--fc-text-muted);
}

.fc-catalog {
  padding: 32px 0 40px;
  background: var(--fc-bg);
}

.fc-catalog__group {
  margin: 0;
  border-top: 1px solid var(--fc-border);
}

.fc-catalog__group:last-of-type {
  border-bottom: 1px solid var(--fc-border);
}

.fc-catalog__summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: var(--fc-space-3) 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--fc-primary);
  cursor: pointer;
  list-style: none;
}

.fc-catalog__summary::-webkit-details-marker {
  display: none;
}

.fc-catalog__name {
  font-weight: 600;
  color: var(--fc-primary);
}

body.page-hizmetler .fc-page-header-lead,
body.page-cozumler .fc-page-header-lead,
body.page-urunlerimiz .fc-page-header-lead,
body.page-sektorler .fc-page-header-lead,
body.page-referanslarimiz .fc-page-header-lead {
  margin: 0.85rem 0 0;
  max-width: 52ch;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--fc-text-muted);
}

/* 375 — tight single column, chrome is logo + CTA + menu */
@media (max-width: 389px) {
  .fc-wrap {
    padding-left: var(--fc-space-6);
    padding-right: var(--fc-space-6);
  }

  .fc-chrome__logo img {
    height: 28px;
  }

  .fc-hero,
  .fc-rail-sec,
  .fc-trust,
  .fc-split,
  .fc-stack,
  .fc-editorial,
  .fc-steps,
  .fc-cloud,
  .fc-band,
  .fc-site-footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .fc-h1 {
    max-width: 18ch;
  }
}

/* 390 — same stack, slightly more mark-row air */
@media (min-width: 390px) and (max-width: 429px) {
  .fc-chrome__bar {
    gap: var(--fc-space-4);
  }

  .fc-mark-row {
    gap: var(--fc-space-4) var(--fc-space-8);
  }

  .fc-cloud__row {
    gap: var(--fc-space-6) var(--fc-space-8);
  }
}

/* 430 — still stacked; CTA label has room */
@media (min-width: 430px) and (max-width: 699px) {
  .fc-hero {
    padding: 48px 0;
  }

  .fc-chrome__logo img {
    height: 36px;
  }

  .fc-h1 {
    max-width: 24ch;
  }
}

@media (min-width: 700px) {
  .fc-wrap {
    padding-left: var(--fc-space-8);
    padding-right: var(--fc-space-8);
  }

  .fc-hero {
    padding: var(--fc-space-16) 0;
  }

  .fc-hero__actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

  .fc-hero__actions .fc-btn,
  .fc-hero__actions .fc-text-link,
  .fc-split .fc-btn,
  .fc-band .fc-btn,
  .fc-band .fc-text-link {
    width: auto;
    justify-content: flex-start;
  }

  .fc-band p:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--fc-space-4) var(--fc-space-6);
  }

  .fc-site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .fc-h1 {
    max-width: 28ch;
  }

  /* 1024: desktop nav + wrap. Duplicate İletişim CTA hidden — nav already has it. */
  .fc-chrome__bar {
    flex-wrap: wrap;
    gap: var(--fc-space-4);
    min-height: 72px;
  }

  .fc-chrome__logo {
    margin-right: 0;
  }

  .fc-chrome__toggle {
    display: none;
  }

  .fc-chrome__nav,
  .fc-chrome.is-open .fc-chrome__nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 auto;
    flex-basis: auto;
    order: 2;
    width: auto;
    padding: 0;
    border-top: 0;
    gap: var(--fc-space-2);
  }

  .fc-chrome__cta {
    display: none;
  }

  .fc-chrome__nav a {
    padding: 0 var(--fc-space-3);
    min-height: 44px;
    white-space: nowrap;
  }

  .fc-hero,
  .fc-rail-sec,
  .fc-trust,
  .fc-split,
  .fc-stack,
  .fc-editorial,
  .fc-steps,
  .fc-cloud,
  .fc-band {
    padding: var(--fc-space-16) 0;
  }

  .fc-trust__grid {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: var(--fc-space-12);
    align-items: end;
  }

  .fc-trust__lead {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: var(--fc-space-8);
    border-bottom: 0;
    border-right: 2px solid var(--fc-accent);
  }

  .fc-trust__support {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fc-space-4) var(--fc-space-12);
  }

  .fc-trust__support > div {
    padding: 0;
    border-bottom: 0;
    min-width: 7rem;
  }

  .fc-rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: var(--fc-space-6);
    padding: var(--fc-space-4) 0 0;
    border-left: 0;
    position: relative;
  }

  .fc-rail::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: var(--fc-border);
  }

  .fc-rail__item {
    padding: var(--fc-space-6) 0 0;
  }

  .fc-rail__item::before {
    left: 0;
    top: 0;
    width: 2px;
    height: 16px;
  }

  .fc-split__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: var(--fc-space-12);
  }

  .fc-split__media {
    order: unset;
  }

  .fc-editorial__grid {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr;
    gap: var(--fc-space-16);
    align-items: start;
  }

  .fc-editorial__aside {
    margin-top: 0;
  }

  .fc-step {
    grid-template-columns: 2rem 1fr;
    padding: var(--fc-space-6) 0;
  }

  .fc-site-footer {
    padding: var(--fc-space-16) 0;
  }

  .fc-site-footer__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .fc-chrome__bar {
    flex-wrap: nowrap;
    gap: var(--fc-space-8);
  }

  .fc-chrome__nav,
  .fc-chrome.is-open .fc-chrome__nav {
    flex-wrap: nowrap;
  }

  .fc-chrome__cta {
    display: inline-flex;
    order: 3;
  }
}

/* Inner pages — editorial stack / 1px panel, no card wall */
.fc-family {
  padding: var(--fc-space-4) 0;
  border-top: 1px solid var(--fc-border);
}

.fc-cta {
  padding: 40px 0;
  background: var(--fc-bg);
  border-top: 1px solid var(--fc-border);
}

.fc-panel {
  padding: var(--fc-space-4);
  border: 1px solid var(--fc-border);
  border-radius: var(--fc-radius-panel);
  background: var(--fc-surface);
  box-shadow: none;
}

.fc-stack__item.fc-panel {
  margin: 0 0 var(--fc-space-4);
  border-top: 1px solid var(--fc-border);
}

.fc-stack__item.fc-panel:last-child {
  border-bottom: 1px solid var(--fc-border);
}

.fc-panel .fc-plain-list {
  margin-bottom: var(--fc-space-4);
}

.fc-panel .fc-split__media,
.fc-feature__row .fc-split__media {
  margin: var(--fc-space-4) 0 0;
}

.fc-panel .fc-split__media img,
.fc-feature__row .fc-split__media img,
.fc-feature__media img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--fc-border);
  border-radius: var(--fc-radius-panel);
  transform: none;
}

.fc-feature__row {
  display: flex;
  flex-direction: column;
  gap: var(--fc-space-6);
  margin: 0 0 var(--fc-space-6);
}

.fc-feature__media {
  margin: 0;
}

@media (min-width: 1024px) {
  .fc-feature__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: var(--fc-space-12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fc-btn,
  .fc-text-link {
    transition: none;
  }
}