:root {
  --theme-color-primary: #00b4b6;
  --theme-color-secondary: #3e4652;
  --theme-color-accent: #f59e0b;
  --theme-font-heading: "Inter", sans-serif;
  --theme-font-body: "Inter", sans-serif;
  --theme-body-bg: #ffffff;
  --theme-content-bg: #ffffff;
  --theme-text: #0f172a;
  --theme-muted-text: #64748b;
  --theme-base-font-size: 16px;
  --theme-line-height: 1.6;
  --theme-container-width: 80rem;
  --theme-section-space: 4rem;
  --theme-link: #00b4b6;
  --theme-link-hover: #1d4ed8;
  --theme-radius: 0.75rem;
  --theme-radius-button: 0.5rem;
  --theme-surface-dark: var(--theme-text);
  --theme-surface-muted: color-mix(in srgb, var(--theme-text) 4%, var(--theme-content-bg));
  --tone-heading: var(--theme-text);
  --tone-text: var(--theme-text);
  --tone-muted: var(--theme-muted-text);
  --tone-btn-bg: var(--theme-color-primary);
  --tone-btn-fg: #fff;
  --tone-outline: var(--theme-color-primary);
  --tone-accent: var(--theme-color-primary);
  --tone-bg: var(--theme-content-bg);
  --tone-surface: var(--theme-content-bg);
}

body {
  background-color: var(--theme-body-bg);
  color: var(--theme-text);
  font-size: var(--theme-base-font-size);
  line-height: var(--theme-line-height);
}

a {
  color: var(--theme-link);
}

a:hover {
  color: var(--theme-link-hover);
}

a.theme-cta,
a.theme-cta-primary,
a.theme-cta-on-dark-white,
a.theme-cta-outline,
a.theme-cta-outline-light,
a.theme-cta-ghost,
a.theme-cta-on-emerald {
  text-decoration: none;
}

a.theme-cta {
  background-color: var(--theme-link);
  color: #fff !important;
}
a.theme-cta:hover {
  background-color: var(--theme-link-hover);
  color: #fff !important;
}

a.theme-cta-primary {
  background-color: var(--theme-color-primary);
  color: #fff !important;
}
a.theme-cta-primary:hover {
  filter: brightness(0.94);
  color: #fff !important;
}

a.theme-cta-outline {
  background: transparent;
  border: 2px solid var(--theme-link);
  color: var(--theme-link) !important;
}
a.theme-cta-outline:hover {
  background: color-mix(in srgb, var(--theme-link) 10%, transparent);
  border-color: var(--theme-link-hover);
  color: var(--theme-link-hover) !important;
}

a.theme-cta-outline-light {
  border: 2px solid rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.08);
  color: #fff !important;
}
a.theme-cta-outline-light:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #fff;
  color: #fff !important;
}

a.theme-cta-on-dark-white {
  background: #fff;
  color: var(--theme-text) !important;
}
a.theme-cta-on-dark-white:hover {
  background: color-mix(in srgb, #fff 92%, var(--theme-link) 8%);
  color: var(--theme-text) !important;
}

a.theme-cta-ghost {
  background: transparent;
  border: 2px solid color-mix(in srgb, var(--theme-text) 18%, transparent);
  color: var(--theme-text) !important;
}
a.theme-cta-ghost:hover {
  background: color-mix(in srgb, var(--theme-text) 6%, transparent);
  color: var(--theme-text) !important;
}

a.theme-cta-on-emerald {
  color: #fff !important;
}
a.theme-cta-on-emerald:hover {
  color: #fff !important;
}

.text-muted-theme {
  color: var(--theme-muted-text);
}

.max-w-7xl,
.max-w-6xl,
.max-w-5xl,
.max-w-screen-2xl {
  max-width: none;
}

.max-w-7xl,
.max-w-6xl,
.max-w-5xl,
.max-w-screen-2xl {
  width: 100%;
  max-width: var(--theme-container-width, 80rem) !important;
}

.theme-section {
  padding-top: var(--theme-section-space, 4rem);
  padding-bottom: var(--theme-section-space, 4rem);
}

/* Ortak section katmani: x-tenant.section, x-tenant.section-headline, x-tenant.button */
.rounded-theme {
  border-radius: var(--theme-radius);
}

.theme-tone-light,
.theme-tone-muted,
.theme-tone-dark,
.theme-tone-brand {
  color: var(--tone-text);
}
.theme-tone-light {
  --tone-bg: var(--theme-content-bg);
  background-color: var(--tone-bg);
}
.theme-tone-muted {
  --tone-bg: var(--theme-surface-muted);
  background-color: var(--tone-bg);
}
.theme-tone-dark,
.theme-tone-brand {
  --tone-heading: #fff;
  --tone-text: rgba(255, 255, 255, 0.9);
  --tone-muted: rgba(255, 255, 255, 0.72);
  --tone-outline: #fff;
  --tone-surface: rgba(255, 255, 255, 0.08);
}
.theme-tone-dark {
  --tone-bg: var(--theme-surface-dark);
  background-color: var(--tone-bg);
}
.theme-tone-brand {
  --tone-bg: var(--theme-color-primary);
  background-color: var(--tone-bg);
  --tone-accent: #fff;
  --tone-btn-bg: #fff;
  --tone-btn-fg: var(--theme-color-primary);
}

.theme-heading {
  color: var(--tone-heading);
}
.theme-muted {
  color: var(--tone-muted);
}
.theme-accent {
  color: var(--tone-accent);
}
.theme-badge {
  background-color: var(--tone-btn-bg);
  color: var(--tone-btn-fg);
}
.theme-rule {
  border-color: color-mix(in srgb, var(--tone-text) 18%, transparent);
}
.theme-border {
  border-color: color-mix(in srgb, var(--tone-text) 10%, transparent);
}
.theme-card {
  border: 1px solid color-mix(in srgb, var(--tone-text) 14%, transparent);
  background-color: color-mix(in srgb, var(--tone-text) 3%, transparent);
  border-radius: var(--theme-radius);
}

.theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: 2px solid transparent;
  border-radius: var(--theme-radius-button);
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  transition: filter 0.15s ease, background-color 0.15s ease;
}
.theme-btn-primary,
.theme-btn-primary:hover {
  background-color: var(--tone-btn-bg);
  color: var(--tone-btn-fg) !important;
}
.theme-btn-primary:hover {
  filter: brightness(0.94);
}
.theme-btn-outline,
.theme-btn-outline:hover {
  background: transparent;
  border-color: var(--tone-outline);
  color: var(--tone-outline) !important;
}
.theme-btn-outline:hover {
  background: color-mix(in srgb, var(--tone-outline) 10%, transparent);
}
.theme-btn-link,
.theme-btn-link:hover {
  padding-left: 0;
  padding-right: 0;
  color: var(--tone-outline) !important;
}
.theme-btn-link:hover {
  text-decoration: underline;
}

/* section embedded css */
/* section: logo-strip-01 */
.ls01 {
        --ls-h: var(--ls-h-m, 64px);
        display: flex;
        flex-direction: column;
        width: 100%;
        background: var(--ls-bg, var(--theme-content-bg, #ffffff));
        color: var(--ls-fg, var(--theme-muted-text, #64748b));
        overflow: hidden;
    }

    .ls01--border {
        border-top: 1px solid rgba(127, 127, 127, .18);
        border-bottom: 1px solid rgba(127, 127, 127, .18);
    }

    .ls01__label {
        flex: none;
        padding: .625rem 1rem 0;
        font-family: var(--font-heading, inherit);
        font-size: .6875rem;
        font-weight: 600;
        letter-spacing: .08em;
        line-height: 1.3;
        text-transform: uppercase;
        text-align: center;
        color: var(--ls-fg, var(--theme-muted-text, #64748b));
    }

    .ls01__viewport {
        position: relative;
        flex: 1 1 auto;
        min-width: 0;
        height: var(--ls-h);
        display: flex;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .ls01__viewport::-webkit-scrollbar {
        display: none;
    }

    .ls01--fade .ls01__viewport {
        -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
        mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    }

    .ls01__track {
        display: flex;
        align-items: center;
        height: 100%;
        width: max-content;
    }

    .ls01__set {
        display: flex;
        align-items: center;
        flex: none;
        gap: calc(var(--ls-h) * var(--ls-gap, .9));
        height: 100%;
        margin: 0;
        padding: 0 calc(var(--ls-h) * var(--ls-gap, .9)) 0 0;
        list-style: none;
    }

    .ls01__item {
        display: flex;
        align-items: center;
        flex: none;
        height: 100%;
    }

    .ls01__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: inherit;
        text-decoration: none;
        opacity: .85;
        transition: opacity .25s ease, filter .25s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .ls01__link:hover,
    .ls01__link:focus-visible {
        opacity: 1;
    }

    .ls01__link:focus-visible {
        outline: 2px solid var(--color-primary, currentColor);
        outline-offset: 2px;
        border-radius: 4px;
    }

    .ls01--gray .ls01__link {
        filter: grayscale(1);
        opacity: .6;
    }

    .ls01--gray .ls01__link:hover,
    .ls01--gray .ls01__link:focus-visible {
        filter: none;
        opacity: 1;
    }

    .ls01__logo {
        display: block;
        height: calc(var(--ls-h) * var(--ls-logo, .5));
        width: auto;
        max-width: calc(var(--ls-h) * 3.2);
        object-fit: contain;
        user-select: none;
        -webkit-user-drag: none;
        pointer-events: none;
    }

    .ls01__name {
        font-family: var(--font-heading, inherit);
        font-weight: 700;
        font-size: max(.875rem, calc(var(--ls-h) * var(--ls-logo, .5) * .55));
        letter-spacing: -.01em;
        line-height: 1;
        white-space: nowrap;
    }

    /* JS aktifken: dogal kaydirma yerine transform ile akis */
    .ls01--js .ls01__viewport {
        overflow: hidden;
    }

    .ls01--js .ls01__track {
        will-change: transform;
        backface-visibility: hidden;
    }

    .ls01--js.ls01--drag .ls01__viewport {
        touch-action: pan-y;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
    }

    .ls01--dragging .ls01__viewport {
        cursor: grabbing;
    }

    .ls01--dragging .ls01__link {
        pointer-events: none;
    }

    @media (min-width: 768px) {
        .ls01 {
            --ls-h: var(--ls-h-d, 96px);
            flex-direction: row;
            align-items: center;
        }

        .ls01__label {
            align-self: center;
            max-width: 14rem;
            padding: .25rem 1.5rem;
            border-right: 1px solid rgba(127, 127, 127, .25);
            text-align: left;
            font-size: .75rem;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .ls01__link {
            transition: none;
        }
    }