/*! Temel katmanlar (properties, theme, base) tailwindcss v4.3.3'ten türetilmiştir | MIT License | https://tailwindcss.com */

@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: Arial, "Helvetica Neue", Helvetica, ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: Arial, "Helvetica Neue", Helvetica, ui-sans-serif, system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-primary: var(--primary);
    --color-border: var(--border);
    --color-navy-deep: var(--navy-deep);
    --color-navy-foreground: var(--navy-foreground);
    --color-brand: var(--brand);
    --color-mega-surface: var(--mega-surface);
    --color-mega-surface-raised: var(--mega-surface-raised);
    --color-mega-border: var(--mega-border);
    --color-mega-heading: var(--mega-heading);
    --color-mega-copy: var(--mega-copy);
    --font-display: Arial, "Helvetica Neue", Helvetica, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer base {

  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b,
  strong {
    font-weight: bolder;
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol,
  ul,
  menu {
    list-style: none;
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }

  img,
  video {
    max-width: 100%;
    height: auto;
  }

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--color-border);
  }

  body {
    background-color: var(--color-background);
    color: var(--color-foreground);
    font-family: var(--font-sans);
    font-feature-settings: "locl" 0;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.55;
  }

  h1,
  h2,
  h3 {
    font-family: var(--font-display);
    letter-spacing: -.02em;
  }
}

@layer components;

/* ========== Sayfa bileşenleri ========== */
@layer page {
  /* ---------- İkonlar ---------- */

  .icon-xs {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .icon-sm,
  .btn-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }

  .icon-md {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }

  .icon-button {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--background);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .icon-button:hover {
      background-color: var(--accent);
      color: var(--accent-foreground);
    }
  }

  .icon-button:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-outline-style: none;
    outline-style: none;
  }

  .icon-button:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .icon-button svg {
    pointer-events: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }

  /* ---------- Hero ---------- */

  .hero {
    position: relative;
    isolation: isolate;
    display: flex;
    min-height: 100svh;
    flex-direction: column;
    overflow: hidden;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 4);
  }

  @media (width >=40rem) {
    .hero {
      padding-inline: calc(var(--spacing) * 8);
      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (width >=64rem) {
    .hero {
      padding-inline: calc(var(--spacing) * 12);
      padding-block: calc(var(--spacing) * 8);
    }
  }

  .hero-video {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media (prefers-reduced-motion: reduce) {
    .hero-video {
      display: none;
    }
  }

  .hero-poster {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(20 * -1);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cta-bars,
  .hero-veil {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
  }

  .hero-glow-a,
  .hero-glow-b,
  .hero-dust {
    pointer-events: none;
  }

  .hero-grid {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(5 * -1);
  }

  .hero-scanline {
    pointer-events: none;
    position: absolute;
    inset-inline: 0;
    top: 0;
    z-index: 0;
  }

  .hero-container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    padding-inline: 1rem;
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
  }

  @media (width >=640px) {
    .hero-container {
      padding-inline: 1.5rem;
    }
  }

  @media (width >=1024px) {
    .hero-container {
      padding-inline: 2.5rem;
    }
  }

  @media (width >=1536px) {
    .hero-container {
      padding-inline: 4rem;
    }
  }

  .hero-content {
    position: relative;
    z-index: 10;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 6);
  }

  @media (width >=40rem) {
    .hero-content {
      gap: calc(var(--spacing) * 14);
      padding-block: calc(var(--spacing) * 12);
    }
  }

  .hero-title {
    color: var(--color-white);
  }

  .hero-title+p {
    margin-top: calc(var(--spacing) * 7);
  }

  .hero-actions {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3.5);
  }

  @media (width >=40rem) {
    .hero-actions {
      margin-top: calc(var(--spacing) * 11);
      gap: calc(var(--spacing) * 5);
    }
  }

  .hero-button {
    --tw-tracking: .06em;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .hero-stats {
    display: grid;
    max-width: 36rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2.5);
  }

  @media (width >=40rem) {
    .hero-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 3.5);
    }
  }

  .stat-card {
    border-radius: var(--radius);
    padding: calc(var(--spacing) * 2.5);
  }

  @media (width >=40rem) {
    .stat-card {
      padding: calc(var(--spacing) * 4);
    }
  }

  .stat-value {
    font-size: clamp(1.2rem, 1.7vw, 1.55rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    white-space: nowrap;
    color: var(--color-white);
  }

  .stat-label {
    margin-top: calc(var(--spacing) * 1.5);
    font-size: .65rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: .14em;
    letter-spacing: .14em;
    color: oklab(67.6764% -.0860766 -.105286 / .9);
    text-transform: uppercase;
  }

  @media (width >=40rem) {
    .stat-label {
      font-size: .68rem;
    }
  }

  .stat-unit {
    font-size: .72em;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .stat-label-light {
    margin-top: calc(var(--spacing) * 1.5);
    font-size: .65rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: .14em;
    letter-spacing: .14em;
    color: var(--color-white);
    text-transform: uppercase;
  }

  @media (width >=40rem) {
    .stat-label-light {
      font-size: .68rem;
    }
  }

  .stat-text {
    font-size: clamp(.85rem, 1.15vw, 1.1rem);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-white);
  }

  /* ---------- Çözümler ---------- */

  .solutions {
    background-color: var(--color-white);
  }

  .solutions-container {
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    padding-inline: 1rem;
    padding-block: calc(var(--spacing) * 16);
  }

  @media (width >=640px) {
    .solutions-container {
      padding-inline: 1.5rem;
    }
  }

  @media (width >=1024px) {
    .solutions-container {
      padding-inline: 2.5rem;
    }
  }

  @media (width >=1536px) {
    .solutions-container {
      padding-inline: 4rem;
    }
  }

  @media (width >=40rem) {
    .solutions-container {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (width >=64rem) {
    .solutions-container {
      padding-block: calc(var(--spacing) * 24);
    }
  }

  .solutions-intro {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-4xl);
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .section-title {
    margin-top: calc(var(--spacing) * 4);
    font-size: clamp(2.2rem, 3.4vw, 3.6rem);
    --tw-leading: 1.08;
    line-height: 1.08;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    color: #0a0f1e;
  }

  .solutions-intro>p:last-child {
    margin-top: calc(var(--spacing) * 6);
    max-width: 75ch;
    font-size: 1.15rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: #4a5568;
  }

  @media (width >=40rem) {
    .solutions-intro>p:last-child {
      font-size: 1.22rem;
    }
  }

  .solutions-list {
    position: relative;
    margin-top: calc(var(--spacing) * 10);
    display: grid;
    gap: calc(var(--spacing) * 5);
  }

  @media (width >=40rem) {
    .solutions-list {
      margin-top: calc(var(--spacing) * 14);
    }
  }

  @media (width >=48rem) {
    .solutions-list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >=64rem) {
    .solutions-list {
      margin-top: calc(var(--spacing) * 20);
    }
  }

  .solutions-line {
    pointer-events: none;
    position: absolute;
    top: 2.4rem;
    right: 16%;
    left: 16%;
    display: none;
    height: 1px;
    background-image: repeating-linear-gradient(90deg, #38bdf859 0 10px, #0000 10px 20px);
  }

  @media (width >=48rem) {
    .solutions-line {
      display: block;
    }
  }

  .solution-card {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--solution-line);
    background-color: var(--solution-card);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .solution-card {
      border-color: color-mix(in oklab, var(--solution-line) 45%, transparent);
    }
  }

  @media (hover: hover) {
    .solution-card:hover {
      border-color: var(--primary);
      background-color: var(--solution-card-hover);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .solution-card:hover {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
  }

  .card-bar {
    pointer-events: none;
    position: absolute;
    inset-inline: 0;
    top: 0;
    z-index: 10;
    height: calc(var(--spacing) * 1.5);
    background-image: linear-gradient(93deg, #2b3fd0 0%, #2f6fd8 46%, #40c4e8 100%);
  }

  .card-glow {
    pointer-events: none;
    position: absolute;
    inset: -1px;
    z-index: 10;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  @media (hover: hover) {
    .solution-card:hover .card-glow {
      opacity: 1;
    }
  }

  .card-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing) * 6);
  }

  @media (width >=40rem) {
    .card-body {
      padding: calc(var(--spacing) * 8);
    }
  }

  .card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .card-icon {
    display: inline-flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--solution-line);
    background-color: var(--color-white);
    color: var(--primary);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .card-icon {
      border-color: color-mix(in oklab, var(--solution-line) 40%, transparent);
    }
  }

  @media (hover: hover) {
    .solution-card:hover .card-icon {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .solution-card:hover .card-icon {
        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
  }

  .card-title {
    margin-top: calc(var(--spacing) * 6);
    font-size: clamp(1.7rem, 2vw, 2.1rem);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--solution-ink);
  }

  .card-line {
    margin-top: calc(var(--spacing) * 3);
    height: 1px;
    width: calc(var(--spacing) * 24);
    background-color: var(--solution-ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .card-line {
      background-color: color-mix(in oklab, var(--solution-ink) 50%, transparent);
    }
  }

  .card-body>p {
    margin-top: calc(var(--spacing) * 4);
    flex: 1;
    font-size: 1.15rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--solution-copy);
  }

  @media (width >=40rem) {
    .card-body>p {
      font-size: 1.22rem;
    }
  }

  .card-button {
    margin-top: calc(var(--spacing) * 8);
    width: fit-content;
  }

  /* ---------- Sektörler ---------- */

  .filter-pill {
    border-radius: 3.40282e38px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: .95rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .filter-pill.is-active {
    background-color: #0a3fd4;
    color: var(--color-white);
    --tw-shadow: 0 18px 40px -24px var(--tw-shadow-color, #0a3fd499);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .filter-pill:not(.is-active) {
    background-color: var(--color-white);
    color: oklab(17.21% -.000633888 -.0323571 / .7);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: oklab(17.21% -.000633888 -.0323571 / .08);
  }

  @media (hover: hover) {
    .filter-pill:not(.is-active):hover {
      color: #0a3fd4;
      --tw-ring-color: oklab(45.4752% -.0246168 -.230172 / .4);
    }
  }

  @media (width >=40rem) {
    .filter-pill {
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 3);
      font-size: 1rem;
    }
  }

  .bg-aurora {
    pointer-events: none;
    position: absolute;
    inset: 0;
    background: radial-gradient(640px 320px at 10% -5%, rgba(0, 165, 219, 0.12), transparent 68%), radial-gradient(760px 420px at 92% 108%, rgba(10, 63, 212, 0.09), transparent 70%), radial-gradient(520px 260px at 55% 118%, rgba(34, 211, 238, 0.07), transparent 72%);
  }

  .bg-glow {
    pointer-events: none;
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, rgba(30, 123, 255, 0.16) 0%, rgba(30, 123, 255, 0.05) 40%, transparent 70%);
  }

  .industries {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: #f5f7fa;
    padding-block: calc(var(--spacing) * 16);
  }

  @media (width >=40rem) {
    .industries {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (width >=64rem) {
    .industries {
      padding-block: calc(var(--spacing) * 24);
    }
  }

  .industries-container {
    position: relative;
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    padding-inline: 1rem;
  }

  @media (width >=640px) {
    .industries-container {
      padding-inline: 1.5rem;
    }
  }

  @media (width >=1024px) {
    .industries-container {
      padding-inline: 2.5rem;
    }
  }

  @media (width >=1536px) {
    .industries-container {
      padding-inline: 4rem;
    }
  }

  .industries-container>p:first-child {
    text-align: center;
  }

  .industries-title {
    margin-top: calc(var(--spacing) * 3);
    text-align: center;
    font-size: clamp(1.9rem, 3.6vw, 3.25rem);
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: #0a0f1e;
  }

  .filters {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }

  @media (width >=40rem) {
    .filters {
      margin-top: calc(var(--spacing) * 10);
      gap: calc(var(--spacing) * 3);
    }
  }

  .industries-container>p[data-sector] {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 5);
    max-width: 62ch;
    text-align: center;
    font-size: 1.02rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: oklab(17.21% -.000633888 -.0323571 / .6);
  }

  @media (width >=40rem) {
    .industries-container>p[data-sector] {
      margin-top: calc(var(--spacing) * 6);
    }
  }

  .logo-rows {
    position: relative;
    margin-top: calc(var(--spacing) * 10);
  }

  :where(.logo-rows > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  @media (width >=40rem) {
    .logo-rows {
      margin-top: calc(var(--spacing) * 12);
    }

    :where(.logo-rows > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  .logo-marquee {
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
  }

  .logo-track {
    display: flex;
    width: max-content;
    gap: calc(var(--spacing) * 3);
  }

  @media (width >=40rem) {
    .logo-track {
      gap: calc(var(--spacing) * 5);
    }
  }

  .logo-card {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 40);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius);
    background-color: var(--color-white);
    --tw-shadow: 0 14px 34px -26px var(--tw-shadow-color, #0a0f1e47);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: oklab(17.21% -.000633888 -.0323571 / .06);
    transition-property: all;
    --tw-duration: .5s;
    transition-duration: .5s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  @media (hover: hover) {
    .logo-card:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-shadow: 0 30px 60px -30px var(--tw-shadow-color, #0a3fd44d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: oklab(45.4752% -.0246168 -.230172 / .25);
    }
  }

  @media (width >=40rem) {
    .logo-card {
      height: calc(var(--spacing) * 24);
      width: calc(var(--spacing) * 48);
    }
  }

  .logo-card-glow {
    pointer-events: none;
    position: absolute;
    inset: 0;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .5s;
    transition-duration: .5s;
    background: radial-gradient(90px circle at 50% 0%, rgba(30, 123, 255, 0.08), transparent 70%);
  }

  @media (hover: hover) {
    .logo-card:hover .logo-card-glow {
      opacity: 1;
    }
  }

  .logo-card-img {
    position: relative;
    max-height: calc(var(--spacing) * 8);
    width: auto;
    max-width: 60%;
    object-fit: contain;
    opacity: .75;
    mix-blend-mode: multiply;
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  @media (hover: hover) {
    .logo-card:hover .logo-card-img {
      scale: 1.05;
      opacity: 1;
      --tw-grayscale: grayscale(0%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (width >=40rem) {
    .logo-card-img {
      max-height: calc(var(--spacing) * 10);
      max-width: 65%;
    }
  }

  .logo-card-line {
    pointer-events: none;
    position: absolute;
    inset-inline: calc(var(--spacing) * 5);
    bottom: 0;
    height: 1px;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: oklab(45.4752% -.0246168 -.230172 / .6);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  @media (hover: hover) {
    .logo-card:hover .logo-card-line {
      opacity: 1;
    }
  }

  .industries-more,
  .stories-more {
    margin-top: calc(var(--spacing) * 10);
    display: flex;
    justify-content: center;
  }

  @media (width >=40rem) {
    .industries-more,
    .stories-more {
      margin-top: calc(var(--spacing) * 12);
    }
  }

  /* ---------- Kullananlar ne diyor ---------- */

  .story-card {
    position: relative;
    aspect-ratio: 3 / 4;
    width: calc(100vw - 2rem);
    max-width: 21rem;
    flex-shrink: 0;
    scroll-snap-align: start;
    overflow: hidden;
    border-radius: var(--radius);
    background-color: #0b1b33;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .story-card.is-far {
    scale: .9;
    opacity: .3;
    --tw-blur: blur(4px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .story-card.is-near {
    scale: .97;
    opacity: .9;
  }

  /* Alt gölge: sayfadaki diğer kartlar gibi maviden turkuaza renkli degrade (sol mavi, sağ turkuaz).
     Negatif spread, yatay kaymadan büyük tutulur; böylece parıltı kenarlara taşmaz, yalnızca kartın altında kalır. */
  .story-card.is-near {
    box-shadow: -1.25rem 2.25rem 2.5rem -2rem #2b3fd066, 1.25rem 2.25rem 2.5rem -2rem #40c4e866;
  }

  .story-card.is-active {
    opacity: 1;
    box-shadow: -1.25rem 2.5rem 2.5rem -2rem #2b3fd0b3, 1.25rem 2.5rem 2.5rem -2rem #40c4e8b3;
  }

  @media (width >=40rem) {
    .story-card {
      width: min(80vw, 21rem);
    }
  }

  .story-media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background-color: #0b1b33;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .story-media:not(.is-visible) {
    opacity: 0;
  }

  .story-media.is-visible {
    opacity: 1;
  }

  .story-video {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 215%;
    border-style: var(--tw-border-style);
    border-width: 0;
    transform: translate(-50%, -54%) scale(1.65);
  }

  .story-video-tall {
    transform: translate(-50%, -62%) scale(2.1);
  }

  .stories {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: clamp(4rem, 7vw, 7rem);
  }

  .stories-intro {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-4xl);
    flex-direction: column;
    align-items: center;
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
  }

  @media (width >=40rem) {
    .stories-intro {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .stories-slider {
    position: relative;
    margin-top: clamp(2.5rem, 4vw, 4rem);
  }

  .stories-track {
    display: flex;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    --tw-scroll-snap-strictness: mandatory;
    scroll-padding-left: calc(var(--spacing) * 4);
    scrollbar-width: none;
    gap: calc(var(--spacing) * 4);
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-inline: calc(var(--spacing) * 4);
    /* kaydırma alanı taşan içeriği kırpar; alt gölgenin kesilmemesi için alt boşluk */
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 16);
    -ms-overflow-style: none;
  }

  @media (width >=40rem) {
    .stories-track {
      scroll-padding-left: max(1.5rem, 50vw - 45rem);
      gap: calc(var(--spacing) * 6);
      padding-inline: max(1.5rem, 50vw - 45rem);
    }
  }

  .stories-track::-webkit-scrollbar {
    display: none;
  }

  .story-shade {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#0711229e 0%, #0000 32%, #07112240 52%, #071122f0 100%);
  }

  .story-tag {
    position: absolute;
    top: calc(var(--spacing) * 5);
    left: calc(var(--spacing) * 5);
    border-radius: 3.40282e38px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ffffff40;
    background-color: #ffffff1a;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: .6rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: .14em;
    letter-spacing: .14em;
    color: #ffffffe6;
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  @supports (color: color-mix(in lab, red, red)) {
    .story-tag {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .story-brand {
    position: absolute;
    top: calc(var(--spacing) * 5);
    right: calc(var(--spacing) * 5);
    font-size: 1.15rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
  }

  .story-content {
    position: absolute;
    inset-inline: calc(var(--spacing) * 6);
    bottom: calc(var(--spacing) * 6);
  }

  .story-content>p:first-child {
    font-size: clamp(1.05rem, 1.35vw, 1.35rem);
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
  }

  .story-content>p:last-child {
    margin-top: calc(var(--spacing) * 2.5);
    font-size: .8rem;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .story-content>p:last-child {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .story-link {
    pointer-events: none;
    position: absolute;
    bottom: 8.5rem;
    left: 50%;
    z-index: 10;
    display: flex;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: .85rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    white-space: nowrap;
    color: #0b1b33;
    opacity: 0;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .story-card:focus-within .story-link {
    pointer-events: auto;
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 1;
  }

  @media (hover: hover) {
    .story-card:hover .story-link {
      pointer-events: auto;
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 1;
    }

    .story-link:hover {
      background-color: #ffffffe6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .story-link:hover {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
  }

  .slider-prev {
    position: absolute;
    top: 50%;
    left: max(1rem, 50vw - 46.5rem);
    display: none;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: oklab(22.2829% -.0104831 -.0508215 / .15);
    background-color: var(--color-white);
    color: #0b1b33;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .slider-prev:hover {
      border-color: oklab(22.2829% -.0104831 -.0508215 / .4);
    }
  }

  @media (width >=64rem) {
    .slider-prev {
      display: flex;
    }
  }

  .slider-next {
    position: absolute;
    top: 50%;
    right: max(1rem, 50vw - 46.5rem);
    display: none;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: oklab(22.2829% -.0104831 -.0508215 / .15);
    background-color: var(--color-white);
    color: #0b1b33;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .slider-next:hover {
      border-color: oklab(22.2829% -.0104831 -.0508215 / .4);
    }
  }

  @media (width >=64rem) {
    .slider-next {
      display: flex;
    }
  }

  /* ---------- Haberler ---------- */

  .container {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    padding-inline: 1rem;
  }

  @media (width >=640px) {
    .container {
      padding-inline: 1.5rem;
    }
  }

  @media (width >=1024px) {
    .container {
      padding-inline: 2.5rem;
    }
  }

  @media (width >=1536px) {
    .container {
      padding-inline: 4rem;
    }
  }

  .news-tab {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .news-tab:hover {
      background-color: var(--accent);
      color: var(--accent-foreground);
    }
  }

  .news-tab:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
    --tw-outline-style: none;
    outline-style: none;
  }

  .news-tab:disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
  }

  .news-tab svg {
    pointer-events: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }

  .column {
    min-width: 0;
  }

  /* ---------- CTA ---------- */

  .cta-bar {
    position: absolute;
    inset-block: 0;
    display: block;
    background: linear-gradient(180deg, rgba(0, 165, 219, 0) 0%, rgba(0, 165, 219, 0.55) 35%, rgba(118, 186, 224, 0.9) 100%);
  }

  .cta-bar:nth-child(1) {
    left: 62%;
    width: 1.4%;
    opacity: 0.06;
  }

  .cta-bar:nth-child(2) {
    left: 66%;
    width: 0.8%;
    opacity: 0.084;
  }

  .cta-bar:nth-child(3) {
    left: 70%;
    width: 2.2%;
    opacity: 0.096;
  }

  .cta-bar:nth-child(4) {
    left: 74.5%;
    width: 1%;
    opacity: 0.132;
  }

  .cta-bar:nth-child(5) {
    left: 77.5%;
    width: 3%;
    opacity: 0.18;
  }

  .cta-bar:nth-child(6) {
    left: 82%;
    width: 1.2%;
    opacity: 0.24;
  }

  .cta-bar:nth-child(7) {
    left: 85%;
    width: 2.6%;
    opacity: 0.33;
  }

  .cta-bar:nth-child(8) {
    left: 89%;
    width: 1%;
    opacity: 0.42;
  }

  .cta-bar:nth-child(9) {
    left: 91.5%;
    width: 3.2%;
    opacity: 0.51;
  }

  .cta-bar:nth-child(10) {
    left: 96%;
    width: 1.6%;
    opacity: 0.6;
  }

  .cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: #0a1230;
    padding-block: clamp(3rem, 6vw, 6rem);
  }

  .cta-fade {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
    background-image: linear-gradient(90deg, #0a1230 32%, #0a1230d9 50%, #0a12304d 82%, #0000 100%);
  }

  .cta-glow {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
    background-image: radial-gradient(at 0 0, #0a3fd48c, #0000 62%);
  }

  .cta-glow-soft {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
    background-image: radial-gradient(at 0 0, #00a5db38, #0000 45%);
  }

  .cta-text {
    max-width: var(--container-3xl);
  }

  .cta-text>p {
    font-size: clamp(1rem, 1.4vw, 1.3rem);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: .28em;
    letter-spacing: .28em;
  }

  .cta-title {
    margin-top: calc(var(--spacing) * 6);
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    --tw-leading: 1.25;
    line-height: 1.25;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: balance;
    color: var(--color-white);
  }

  .cta-actions {
    margin-top: calc(var(--spacing) * 10);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }

  @media (width >=40rem) {
    .cta-actions {
      flex-direction: row;
      align-items: center;
    }
  }


}

/* ========== Nebim bileşen stilleri ========== */
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --radius: .5rem;
  --background: oklch(100% 0 0);
  --foreground: oklch(21% .045 260);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(21% .045 260);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(21% .045 260);
  --primary: oklch(67.7% .136 231);
  --primary-foreground: oklch(100% 0 0);
  --secondary: oklch(96.8% .008 225);
  --secondary-foreground: oklch(28% .06 240);
  --muted: oklch(96.8% .008 225);
  --muted-foreground: oklch(55% .03 240);
  --accent: oklch(95.5% .025 226);
  --accent-foreground: oklch(28% .06 240);
  --destructive: oklch(57.7% .245 27.325);
  --destructive-foreground: oklch(98.4% .003 247.858);
  --border: oklch(92.5% .014 230);
  --input: oklch(92.5% .014 230);
  --ring: oklch(67.7% .136 231);
  --navy: oklch(27.1% .053 237);
  --navy-deep: oklch(19% .045 240);
  --navy-section: oklch(30.7% .085 253);
  --navy-foreground: oklch(98.5% .005 230);
  --navy-muted: oklch(78% .03 230);
  --brand: oklch(67.7% .136 231);
  --brand-foreground: oklch(100% 0 0);
  --brand-soft: oklch(86% .075 228);
  --surface: oklch(97.2% .01 228);
  --ai-ink: oklch(21% .045 260);
  --ai-bubble-dot: oklch(72% .17 155);
  --ai-panel: oklch(98.5% .006 240);
  --ai-line: oklch(86% .035 240);
  --ai-copy: oklch(48% .035 250);
  --solution-card: #f5f7fa;
  --solution-card-hover: #fafbfd;
  --solution-ink: oklch(30% .085 258);
  --solution-copy: oklch(49% .045 250);
  --solution-line: oklch(62% .09 245);
  --mega-surface: oklch(31% .075 253);
  --mega-surface-raised: oklch(35% .077 251);
  --mega-border: oklch(68% .07 239 / .3);
  --mega-heading: oklch(86% .12 218);
  --mega-copy: oklch(98% .008 230);
  --mega-muted: oklch(81% .035 232);
  --hero-glass: oklch(43% .095 239 / .27);
  --hero-glass-strong: oklch(54% .13 226 / .42);
  --hero-glass-border: oklch(84% .075 224 / .48);
  --hero-glass-highlight: oklch(96% .022 225 / .16);
  --gradient-brand: linear-gradient(120deg,
      #0089b8,
      #00c2f5);
  --gradient-cta: linear-gradient(100deg,
      #05aaed 0%,
      #00a5db 45%,
      #009fe2 100%);
  --gradient-navy: radial-gradient(120% 90% at 50% 120%,
      oklch(50% .12 231 / .55),
      transparent 60%),
    linear-gradient(180deg, oklch(20% .045 240), oklch(26% .05 238));
  --shadow-card: 0 18px 40px -24px oklch(27.1% .053 237 / .35);
  --shadow-brand: 0 14px 32px -14px oklch(67.7% .136 231 / .55);
}

@media (prefers-reduced-motion: reduce) {

  *,
  :before,
  :after {
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}

.page,
.page h1,
.page h2,
.page h3,
.page p,
.page a,
.page li {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.page {
  color: #eef3ff;
  background: #04060f;
}

.hero {
  isolation: isolate;
  background: oklch(24% .072 249);
  position: relative;
  overflow: hidden;
}

.hero-video,
.hero-poster {
  opacity: .96;
  object-position: 68% 64%;
  transform: scale(1.025);
}

.hero-veil {
  background: linear-gradient(90deg, oklch(20% .065 252 / .78) 0%, oklch(24% .085 248 / .48) 38%, #0000 66%), linear-gradient(oklch(18% .05 250 / .34) 0%, #0000 44%, oklch(18% .065 250 / .48) 100%), radial-gradient(80% 100% at 0%, oklch(38% .14 246 / .4), #0000 72%);
}

.stat-card {
  border: 1px solid var(--hero-glass-border);
  background: linear-gradient(135deg, var(--hero-glass-highlight), var(--hero-glass));
  box-shadow: inset 0 1px 0 var(--hero-glass-highlight), 0 16px 34px oklch(14% .055 250 / .22);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  border-left-width: 2px;
  transition: transform .42s cubic-bezier(.16, 1, .3, 1), border-color .18s cubic-bezier(.16, 1, .3, 1), background .18s cubic-bezier(.16, 1, .3, 1);
}

.stat-card:hover {
  border-color: oklch(90% .08 220 / .72);
  transform: translateY(-.25rem);
}

.stat-card-1 {
  border-left-color: oklch(63% .19 256);
}

.stat-card-2 {
  border-left-color: oklch(72% .14 225);
}

.stat-card-3 {
  border-left-color: oklch(68% .16 246);
}

.stat-card-featured {
  background: linear-gradient(135deg, oklch(82% .11 216 / .22), var(--hero-glass-strong));
  border-left-color: oklch(80% .14 205);
}

.hero-grid {
  opacity: .16;
  background-image: linear-gradient(to right, #76bae02e 1px, #0000 1px), linear-gradient(#76bae01f 1px, #0000 1px);
  background-size: 4rem 4rem;
  animation: 18s linear infinite k2-grid-drift;
  -webkit-mask-image: radial-gradient(80% 58% at 50% 100%, #000 18%, #0000 78%);
  mask-image: radial-gradient(80% 58% at 50% 100%, #000 18%, #0000 78%);
}

.hero-scanline {
  opacity: 0;
  background: linear-gradient(#0000, #00c2f51c, #0000);
  height: 18rem;
  animation: 8s linear 1.8s infinite k2-scan;
}

.hero-content {
  opacity: 0;
  will-change: transform, opacity;
  animation: 1.1s cubic-bezier(.16, 1, .3, 1) forwards k2-hero-rise;
}

.hero-content {
  animation-delay: .72s;
}

@keyframes k2-hero-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 3.5rem, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes k2-grid-drift {
  to {
    background-position: 4rem 4rem;
  }
}

@keyframes k2-scan {
  0% {
    opacity: 0;
    transform: translateY(-18rem);
  }

  12%,
  45% {
    opacity: 1;
  }

  60%,
  100% {
    opacity: 0;
    transform: translateY(100svh);
  }
}

.hero-glow-a {
  filter: blur(10px);
  opacity: .5;
  mix-blend-mode: screen;
  background: radial-gradient(72% 72% at 6% 96%, #4f86ff 0%, #2454ee 26%, #10268c9e 55%, #04060f00 82%);
  position: absolute;
  inset: -10% 0% -25% -30%;
}

.hero-glow-b {
  filter: blur(30px);
  opacity: .55;
  mix-blend-mode: screen;
  background: radial-gradient(50% 50% at 88% 6%, #285aff8c 0%, #0c1c6e47 45%, #04060f00 75%);
  position: absolute;
  inset: -30% -30% 20% 20%;
}

.hero-dust {
  opacity: .35;
  background-image: radial-gradient(1.2px 1.2px at 12% 22%, #fffc, #0000 60%), radial-gradient(1px 1px at 32% 68%, #ffffff80, #0000 60%), radial-gradient(1.4px 1.4px at 58% 14%, #fff9, #0000 60%), radial-gradient(1px 1px at 71% 52%, #ffffff73, #0000 60%), radial-gradient(1.2px 1.2px at 84% 78%, #ffffff8c, #0000 60%), radial-gradient(1px 1px at 45% 88%, #fff6, #0000 60%), radial-gradient(1px 1px at 92% 32%, #ffffff80, #0000 60%), radial-gradient(1px 1px at 22% 46%, #ffffff59, #0000 60%);
  position: absolute;
  inset: 0;
}

@media (width <=639px) {
  .hero-content {
    gap: 1.75rem;
  }

  .btn {
    padding: .55rem 1rem;
    font-size: .8125rem;
  }
}

.text-gradient-light {
  color: #0000;
  background-image: linear-gradient(100deg, #fff 0%, #cfe0ff 45%, #fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-gradient {
  color: #0000;
  background-image: linear-gradient(100deg, #0a3fd4 0%, #00a5db 55%, #76bae0 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-text>p:first-child,
.solutions-intro>p:first-child,
.industries-container>p:first-child,
.stories-intro>p,
.news .container>p:first-child,
.cta-text>p {
  color: #00a5db;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}

.btn {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(93deg, #2b3fd0 0%, #2f6fd8 46%, #40c4e8 100%);
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .7rem 1.6rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
  transition: all .25s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff24, 0 12px 28px -14px #0f46be99;
}

.btn-small {
  gap: .4rem;
  padding: .45rem 1rem;
  font-size: .7rem;
}

.btn:after {
  content: "";
  inset-block: 0;
  background: linear-gradient(90deg, #0000, #ffffff4d, #0000);
  width: 42%;
  transition: left .65s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  left: -70%;
  transform: skewX(-18deg);
}

.btn:hover:after {
  left: 130%;
}

.btn:hover {
  background: linear-gradient(93deg, #3a52e2 0%, #3d84e6 46%, #55d2f2 100%);
  transform: translateY(-2px);
  box-shadow: 0 16px 34px -14px #146edca6;
}

.btn-secondary {
  box-shadow: none;
  background: linear-gradient(#0e1c40 0%, #0a1530 100%) padding-box padding-box, linear-gradient(93deg, #4a66e0 0%, #3f7fdd 50%, #4fc0e4 100%) border-box;
  border: 1px solid #0000;
}

.btn-secondary:after {
  opacity: 0;
}

.btn-secondary:hover {
  background: linear-gradient(#14285a 0%, #0e1c44 100%) padding-box padding-box, linear-gradient(93deg, #3a52e2 0%, #3d84e6 46%, #55d2f2 100%) border-box;
  box-shadow: 0 12px 28px -16px #146edc8c;
}

.btn-glass {
  min-height: 3.15rem;
  padding-inline: 2rem;
}

@media (width <=639px) {

  .hero-video,
  .hero-poster {
    object-position: 66% 58%;
    transform: scale(1.08);
  }

  .hero-veil {
    background: linear-gradient(oklch(19% .06 252 / .42), oklch(20% .07 250 / .66)), linear-gradient(90deg, oklch(20% .07 250 / .68), #0000 92%);
  }

  .btn-glass {
    min-height: 2.65rem;
    padding-inline: 1.4rem;
  }
}

.btn-icon {
  transition: transform .25s cubic-bezier(.22, 1, .36, 1);
}

.btn:hover .btn-icon {
  transform: translateX(3px);
}

.solution-card {
  background-image: radial-gradient(420px 220px at 8% -12%, #00a5db1a, #0000 68%), radial-gradient(480px 260px at 96% 116%, #0a3fd414, #0000 70%);
  transition: transform .42s cubic-bezier(.16, 1, .3, 1), background-color .42s cubic-bezier(.16, 1, .3, 1), border-color .42s cubic-bezier(.16, 1, .3, 1), box-shadow .42s cubic-bezier(.16, 1, .3, 1);
}

.card-glow {
  background: radial-gradient(360px circle at 50% -12%, var(--brand), transparent 68%);
}

@supports (color: color-mix(in lab, red, red)) {
  .card-glow {
    background: radial-gradient(360px circle at 50% -12%, color-mix(in oklab, var(--brand) 24%, transparent), transparent 68%);
  }
}

.solution-card:before,
.solution-card:after {
  content: "";
  z-index: 20;
  pointer-events: none;
  background: #00c2f5;
  transition: transform .7s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
}

.solution-card:before {
  transform-origin: 0;
  height: 2px;
  inset: 0 0 auto;
  transform: scaleX(0);
}

.solution-card:after {
  transform-origin: 100%;
  height: 1px;
  inset: auto 0 0;
  transform: scaleX(0);
}

.solution-card:hover {
  box-shadow: 0 2rem 4rem -2rem var(--brand);
  transform: translateY(-.5rem);
}

@supports (color: color-mix(in lab, red, red)) {
  .solution-card:hover {
    box-shadow: 0 2rem 4rem -2rem color-mix(in oklab, var(--brand) 28%, transparent);
  }
}

.solution-card:hover:before,
.solution-card:hover:after {
  transform: scaleX(1);
}

.scene {
  isolation: isolate;
  position: relative;
}

.scene:after {
  content: "";
  z-index: 40;
  pointer-events: none;
  transform-origin: 0;
  background: linear-gradient(90deg, #0000, #00a5dbb3, #0000);
  width: 100%;
  height: 1px;
  transition: transform 1.2s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(0);
}

.scene[data-scene-direction="right"]:after {
  transform-origin: 100%;
}

.scene.scene-in:after {
  transform: scaleX(1);
}

@supports (animation-timeline: view()) {
  .page-content>section:after {
    animation: 1ms linear both k2-section-line;
    animation-timeline: view();
    animation-range: entry 2% cover 22%;
    transform: scaleX(1);
  }
}

@keyframes k2-section-line {
  from {
    clip-path: inset(0 100% 0 0);
  }

  to {
    clip-path: inset(0);
  }
}

.cta-bar {
  transform-origin: bottom;
  animation: 4.8s cubic-bezier(.16, 1, .3, 1) infinite alternate k2-bars-live;
  transform: scaleY(.08);
}

.cta-bar:nth-child(2n) {
  animation-delay: -1.4s;
}

.cta-bar:nth-child(3n) {
  animation-delay: -2.7s;
}

@keyframes k2-bars-live {

  0%,
  12% {
    opacity: .18;
    transform: scaleY(.08);
  }

  58%,
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}

.reveal {
  opacity: 0;
  filter: blur(10px);
  will-change: opacity, transform, filter;
  transition: opacity 1s cubic-bezier(.16, 1, .3, 1), transform 1.1s cubic-bezier(.16, 1, .3, 1), filter 1s cubic-bezier(.16, 1, .3, 1);
  transform: translate3d(0, 46px, 0) scale(.985);
}

.reveal[data-rv-variant="left"] {
  transform: translate3d(-4rem, 1rem, 0);
}

.reveal[data-rv-variant="right"] {
  transform: translate3d(4rem, 1rem, 0);
}

.reveal-in[data-rv-variant="left"],
.reveal-in[data-rv-variant="right"] {
  transform: none;
}

.reveal-in {
  opacity: 1;
  filter: blur();
  will-change: auto;
  transform: none;
}

.reveal-word {
  vertical-align: bottom;
  padding-bottom: .08em;
  display: inline-block;
  overflow: hidden;
}

.reveal-word-inner {
  opacity: 0;
  transition: transform .95s cubic-bezier(.16, 1, .3, 1), opacity .7s cubic-bezier(.16, 1, .3, 1);
  display: inline-block;
  transform: translate3d(0, 110%, 0);
}

.reveal-heading.reveal-in .reveal-word-inner,
.reveal-done .reveal-word-inner {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {

  .reveal,
  .reveal-in,
  .reveal-word-inner {
    opacity: 1;
    filter: none;
    clip-path: none;
    transition: none;
    transform: none;
  }

  .hero-grid,
  .hero-scanline,
  .hero-content,
  .cta-bar {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

@media (width <=767px) {
  .hero-grid {
    opacity: .1;
    animation: none;
  }

  .hero-scanline {
    display: none;
  }

  .reveal[data-rv-variant="left"],
  .reveal[data-rv-variant="right"] {
    transform: translate3d(0, 2rem, 0);
  }
}

@keyframes k2-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.logo-track {
  will-change: transform;
  animation: 38s linear infinite k2-marquee;
}

.logo-track.logo-track-reverse {
  animation-direction: reverse;
}

.logo-marquee:hover .logo-track {
  animation-play-state: paused;
}

/* Oklar kartların ortasına hizalanır (kaydırma alanının üst 0.5rem / alt 4rem boşluğu düşülür) */
.slider-prev,
.slider-next {
  top: calc(50% - 1.75rem);
}

/* Röportaj slider'ı: başta "önceki", sonda "sonraki" butonu pasif görünür */
.slider-prev:disabled,
.slider-next:disabled {
  opacity: .35;
  cursor: default;
  pointer-events: none;
}

/* CMS'ten gelen logolar (181x141, kenarlarında beyaz boşluk olan görseller) kartın tüm yüksekliğini kullanır */
.logo-card-img.is-tile {
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: none;
}

@media (prefers-reduced-motion: reduce) {
  .logo-marquee {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .logo-track {
    animation: none;
  }
}

.hero-text>p:first-child {
  margin-bottom: 1.1rem;
}

.hero-title {
  letter-spacing: -.02em;
  font-size: clamp(2.0rem, 5.2vw, 3.75rem);
  font-weight: 800;
  line-height: 1.06;
}

.hero-accent {
  color: #0000;
  background-image: linear-gradient(100deg, #2f5bff, #22d3ee);
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-title+p {
  color: #eef0ffc7;
  max-width: 46ch;
  font-size: 1.1875rem;
  line-height: 1.6;
}

@media (width <=639px) {
  .hero-text>p:first-child {
    margin-bottom: .75rem;
  }

  .hero-title+p {
    max-width: 40ch;
    font-size: 1.0625rem;
  }

  .hero-title {
    font-size: clamp(1.7rem, 6.6vw, 2.05rem);
    line-height: 1.12;
  }
}

.solution-card {
  box-shadow: 0 30px 60px -20px #28288c4d, 0 8px 20px -8px #28288c2e;
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), box-shadow .4s cubic-bezier(.2, .8, .2, 1), border-color .4s cubic-bezier(.2, .8, .2, 1) !important;
}

.solution-card:hover,
.solution-card:focus-visible {
  transform: translateY(-10px);
  box-shadow: 0 40px 70px -22px #28288c6b, 0 10px 24px -8px #28288c42;
}

.card-bar {
  transition: height .3s cubic-bezier(.2, .8, .2, 1);
  overflow: hidden;
}

.card-bar:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffd9, #0000);
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.solution-card:hover .card-bar {
  height: 10px;
}

.solution-card:hover .card-bar:after {
  animation: 1.1s cubic-bezier(.16, 1, .3, 1) k2-card-sw;
}

@keyframes k2-card-sw {
  to {
    transform: translateX(100%);
  }
}

.card-icon {
  transition: transform .4s cubic-bezier(.2, .8, .2, 1), border-color .3s;
}

.solution-card:hover .card-icon {
  transform: rotate(-7deg) translateY(-4px) scale(1.06);
}

.card-tag {
  color: #525a80;
  white-space: nowrap;
  background: #ffffffb3;
  border: 1px solid #1e2d781f;
  border-radius: 99px;
  padding: 5px 12px;
  font-size: .84rem;
  font-weight: 500;
}

.card-line {
  transition: width .45s cubic-bezier(.2, .8, .2, 1);
  background: linear-gradient(90deg, #1236b8, #00a8d8) !important;
  width: 64px !important;
  height: 2px !important;
}

.solution-card:hover .card-line {
  width: 130px !important;
}

.solution-card:hover .btn svg {
  transform: translateX(7px);
}

.solution-card .btn svg {
  transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}

@media (prefers-reduced-motion: reduce) {

  .solution-card,
  .card-icon,
  .card-line,
  .card-bar {
    transition: none !important;
  }

  .solution-card:hover {
    transform: none;
  }

  .card-bar:after {
    animation: none !important;
  }
}

.filter-pill {
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s cubic-bezier(.2, .8, .2, 1), border-color .3s, color .3s, background-color .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 24px -16px #28288c47;
}

.filter-pill:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #fffc, #0000);
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.filter-pill:hover,
.filter-pill:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 24px 44px -20px #28288c66;
}

.filter-pill:hover:after,
.filter-pill:focus-visible:after {
  animation: .9s cubic-bezier(.16, 1, .3, 1) k2-card-sw;
}

.filter-pill.is-active {
  box-shadow: 0 18px 40px -18px #0a3fd48c;
}

.filter-pill.is-active:hover,
.filter-pill.is-active:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 26px 48px -20px #0a3fd4a6;
}

@media (prefers-reduced-motion: reduce) {

  .filter-pill,
  .filter-pill:after {
    transition: none !important;
    animation: none !important;
  }

  .filter-pill:hover,
  .filter-pill.is-active:hover {
    transform: none;
  }
}

.news {
  --insight-ink: oklch(22% .055 260);
  --insight-copy: oklch(48% .035 260);
  --insight-line: oklch(78% .035 250 / .5);
  --insight-card: oklch(99.5% .004 245);
  --insight-blue: oklch(49% .19 260);
  --insight-cyan: oklch(71% .14 220);
  isolation: isolate;
  background: radial-gradient(46rem 25rem at 10% -5%, oklch(75% .09 225 / .18), #0000 68%), radial-gradient(44rem 28rem at 92% 108%, oklch(62% .12 270 / .13), #0000 70%), oklch(97.5% .012 255);
  padding-block: clamp(3.75rem, 7vw, 7rem);
  position: relative;
  overflow: hidden;
}

.news-title {
  color: var(--insight-ink);
  margin-top: .5rem;
  font-size: clamp(2.25rem, 4.5vw, 4rem);
  font-weight: 500;
  line-height: 1.06;
}

.news-title+p {
  max-width: 55ch;
  color: var(--insight-copy);
  margin-top: 1.25rem;
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  font-weight: 400;
  line-height: 1.58;
}

.news-layout {
  gap: 2.25rem;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  display: grid;
}

.news-menu {
  scrollbar-width: none;
  gap: .5rem;
  padding-bottom: .5rem;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.news-menu::-webkit-scrollbar {
  display: none;
}

.news-menu-line {
  display: none;
}

.news-tab {
  border: 1px solid var(--insight-line) !important;
  height: 3rem !important;
  color: var(--insight-copy) !important;
  background: var(--insight-card) !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  flex: none !important;
  justify-content: flex-start !important;
  padding-inline: 1rem !important;
  font-size: .95rem !important;
  font-weight: 400 !important;
}

.news-tab svg {
  color: var(--insight-copy);
  stroke-width: 1.6px;
}

.news-tab[aria-pressed="true"] {
  color: var(--primary-foreground) !important;
  background: linear-gradient(100deg, var(--insight-blue), var(--insight-cyan)) !important;
  border-color: #0000 !important;
}

.news-tab[aria-pressed="true"] svg {
  color: var(--primary-foreground);
}

.news-toolbar {
  min-height: 3.25rem;
  color: var(--insight-copy);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: .875rem;
  display: grid;
}

.news-toolbar>div {
  grid-column: 2;
  justify-self: end;
  align-items: center;
  gap: .65rem;
  display: flex;
}

.news-toolbar a {
  color: var(--insight-blue);
  align-items: center;
  gap: .35rem;
  margin-right: .5rem;
  font-weight: 600;
  display: inline-flex;
}

.news-toolbar a svg {
  width: 1rem;
}

.news-toolbar button {
  border-color: var(--insight-line);
  background: var(--insight-card);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--insight-ink);
}

.news-rail {
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  gap: 1.5rem;
  margin-inline: -1.5rem;
  padding: 1.25rem 1.5rem 4.25rem;
  scroll-padding-left: 1.5rem;
  display: flex;
  overflow-x: auto;
}

.news-rail::-webkit-scrollbar {
  display: none;
}

.news-card-wrap {
  isolation: isolate;
  scroll-snap-align: start;
  flex: 0 0 clamp(17rem, 27vw, 20rem);
  height: 25rem;
  position: relative;
}

.news-card-wrap:before {
  content: "";
  z-index: -1;
  background: linear-gradient(110deg, var(--insight-blue), var(--insight-cyan));
  filter: blur(2.2rem);
  opacity: .25;
  border-radius: 1.25rem;
  transition: opacity .45s cubic-bezier(.16, 1, .3, 1), transform .45s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  inset: 10% 5% 0;
}

.news-card {
  border: 1px solid var(--insight-line);
  background: var(--insight-card);
  border-radius: 1.1rem;
  flex-direction: column;
  height: 100%;
  transition: transform .4s cubic-bezier(.16, 1, .3, 1), box-shadow .4s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  overflow: hidden;
  box-shadow: 0 1.8rem 3.5rem -2.2rem oklch(40% .13 260 / .45);
}

.news-card-wrap:hover:before,
.news-card-wrap:focus-within:before {
  opacity: .5;
  transform: translateY(.4rem);
}

.news-card-wrap:hover .news-card,
.news-card:focus-visible {
  transform: translateY(-.6rem);
  box-shadow: 0 2.6rem 4.2rem -2.2rem oklch(42% .15 260 / .52);
}

.news-image,
.news-art {
  flex: none;
  height: 10.4rem;
  position: relative;
  overflow: hidden;
}

.news-image {
  background: oklch(95% .02 255);
}

.news-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: transform 1s cubic-bezier(.16, 1, .3, 1);
}

.news-card:hover .news-image img {
  transform: scale(1.06);
}

.news-label {
  z-index: 2;
  background: var(--insight-card);
  color: var(--insight-ink);
  padding: .38rem .65rem;
  font-size: .7rem;
  font-weight: 700;
  position: absolute;
  top: .85rem;
  left: .85rem;
}

.news-art {
  background: radial-gradient(circle at 70% 20%, oklch(78% .14 220 / .65), #0000 34%), linear-gradient(135deg, oklch(48% .2 265), oklch(70% .13 220));
  place-items: center;
  display: grid;
}

.news-art:before {
  content: "";
  background: radial-gradient(circle, oklch(100% 0 0 / .55) 1px, #0000 1.5px) 0 0 / 18px 18px;
  animation: 14s linear infinite k2-insight-drift;
  position: absolute;
  inset: -10%;
  -webkit-mask-image: linear-gradient(120deg, #0000 10%, #000 90%);
  mask-image: linear-gradient(120deg, #0000 10%, #000 90%);
}

.news-play {
  background: var(--insight-card);
  width: 3.8rem;
  height: 3.8rem;
  color: var(--insight-blue);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: relative;
  box-shadow: 0 1rem 2rem oklch(20% .08 260 / .32);
}

.news-play svg {
  fill: currentColor;
  width: 1.35rem;
}

.news-art small {
  color: var(--primary-foreground);
  background: oklch(20% .05 260 / .78);
  border-radius: .35rem;
  padding: .2rem .5rem;
  position: absolute;
  bottom: .8rem;
  right: .8rem;
}

.news-docs {
  width: 5.6rem;
  height: 6.8rem;
  position: relative;
}

.news-docs i {
  background: linear-gradient(155deg, var(--insight-card), oklch(91% .04 255));
  transform-origin: 50% 100%;
  border-radius: .6rem;
  transition: transform .45s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  inset: 0;
  box-shadow: 0 1rem 2rem oklch(20% .08 260 / .3);
}

.news-docs i:first-child {
  transform: rotate(-9deg);
}

.news-docs i:nth-child(2) {
  transform: rotate(-3deg);
}

.news-card:hover .news-docs i:first-child {
  transform: rotate(-22deg) translateX(-1.5rem);
}

.news-card:hover .news-docs i:last-child {
  transform: rotate(13deg) translateX(1.5rem);
}

.news-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 1.25rem 1.35rem 1.4rem;
  display: flex;
}

.news-meta {
  color: var(--insight-cyan);
  font-size: .82rem;
  font-weight: 600;
}

.news-body h3 {
  color: var(--insight-ink);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .42rem;
  font-size: 1.16rem;
  font-weight: 600;
  line-height: 1.28;
  display: -webkit-box;
  overflow: hidden;
}

.news-body p {
  color: var(--insight-copy);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: .55rem;
  font-size: .92rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.news-link {
  color: var(--insight-blue);
  align-items: center;
  gap: .45rem;
  margin-top: auto;
  padding-top: .9rem;
  font-size: .9rem;
  font-weight: 600;
  display: inline-flex;
}

.news-link svg {
  width: 1rem;
  transition: transform .3s cubic-bezier(.16, 1, .3, 1);
}

.news-card:hover .news-link svg {
  transform: translateX(.35rem);
}

.news-card-calendar {
  padding: 1.5rem;
  position: relative;
}

.news-card-calendar .news-body {
  padding: 0;
}

.news-card-calendar .news-meta {
  margin-top: auto;
}

.news-card-calendar .news-link {
  padding-top: 0;
}

.news-calendar {
  background: var(--insight-card);
  width: 6.7rem;
  color: var(--insight-ink);
  border-radius: .85rem;
  margin-bottom: auto;
  transition: transform .4s cubic-bezier(.16, 1, .3, 1);
  overflow: hidden;
  box-shadow: 0 1rem 2rem -.6rem oklch(30% .13 260 / .42);
}

.news-calendar span {
  text-align: center;
  background: linear-gradient(100deg, var(--insight-blue), var(--insight-cyan));
  color: var(--primary-foreground);
  padding: .4rem;
  font-size: .78rem;
  font-weight: 700;
  display: block;
}

.news-calendar strong {
  text-align: center;
  padding: 1.2rem .5rem;
  font-size: 2.25rem;
  display: block;
}

.news-card:hover .news-calendar {
  transform: rotate(-5deg) translateY(-.3rem);
}

.news-badge {
  color: var(--insight-blue);
  background: oklch(88% .08 220 / .5);
  border-radius: 999px;
  padding: .3rem .7rem;
  font-size: .75rem;
  font-weight: 700;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}

.news-card.is-current {
  border-color: var(--insight-cyan);
}

.news-progress {
  background: var(--insight-line);
  height: 2px;
  overflow: hidden;
}

.news-progress span {
  background: linear-gradient(90deg, var(--insight-blue), var(--insight-cyan));
  height: 100%;
  transition: width .35s cubic-bezier(.16, 1, .3, 1);
  display: block;
}

@keyframes k2-insight-drift {
  to {
    transform: translate(18px, 18px);
  }
}

@media (width >=1024px) {
  .news-layout {
    grid-template-columns: 14rem minmax(0, 1fr);
    gap: 3rem;
  }

  .news-menu {
    flex-direction: column;
    gap: 0;
    padding: 0;
    display: flex;
    overflow: visible;
  }

  .news-menu-line {
    inset-block: 0;
    background: var(--insight-line);
    width: 1px;
    display: block;
    position: absolute;
    left: 0;
  }

  .news-tab {
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 4.5rem !important;
    padding-left: 1.5rem !important;
    position: relative !important;
  }

  .news-tab:before {
    content: "";
    left: 0;
    background: linear-gradient(var(--insight-blue), var(--insight-cyan));
    width: 2px;
    box-shadow: 0 0 .8rem var(--insight-cyan);
    opacity: 0;
    transition: opacity .3s cubic-bezier(.16, 1, .3, 1);
    position: absolute;
    inset-block: 0;
  }

  .news-tab[aria-pressed="true"] {
    color: var(--insight-ink) !important;
    background: none !important;
  }

  .news-tab[aria-pressed="true"]:before {
    opacity: 1;
  }

  .news-tab[aria-pressed="true"] svg {
    color: var(--insight-cyan);
  }
}

@media (width <=639px) {
  .news-toolbar a {
    display: none;
  }

  .news-card-wrap {
    flex-basis: 82vw;
  }

  .news-rail {
    gap: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .news-art:before {
    animation: none;
  }

  .news-card,
  .news-card-wrap:before,
  .news-image img,
  .news-docs i,
  .news-calendar,
  .news-link svg {
    transition: none !important;
  }

  .news-card-wrap:hover .news-card,
  .news-card:focus-visible {
    transform: none;
  }
}

.news-docs i {
  border: 1px solid oklch(82% .04 255);
}

.news-docs i:before {
  content: "";
  background: linear-gradient(100deg, var(--insight-blue), var(--insight-cyan));
  border-radius: .2rem;
  height: .5rem;
  position: absolute;
  top: .8rem;
  left: .7rem;
  right: .7rem;
}

.news-docs i:after {
  content: "";
  background: repeating-linear-gradient(oklch(62% .06 255 / .55) 0 2px, #0000 2px .62rem);
  position: absolute;
  inset: 1.75rem .7rem .9rem;
  -webkit-mask: linear-gradient(90deg, #000 0 100%);
  mask: linear-gradient(90deg, #000 0 100%);
}

.news-docs i:nth-child(odd):after {
  right: 1.4rem;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}

@property --tw-tracking {
  syntax: "*";
  inherits: false;
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false;
}

@property --tw-brightness {
  syntax: "*";
  inherits: false;
}

@property --tw-contrast {
  syntax: "*";
  inherits: false;
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}

@property --tw-invert {
  syntax: "*";
  inherits: false;
}

@property --tw-opacity {
  syntax: "*";
  inherits: false;
}

@property --tw-saturate {
  syntax: "*";
  inherits: false;
}

@property --tw-sepia {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}

@property --tw-duration {
  syntax: "*";
  inherits: false;
}

@property --tw-ease {
  syntax: "*";
  inherits: false;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}