/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-62 {
    margin: calc(var(--spacing) * 62);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-58 {
    height: calc(var(--spacing) * 58);
  }
  .h-138 {
    height: calc(var(--spacing) * 138);
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ring {
    --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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .filter {
    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,);
  }
  .backdrop-filter {
    -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,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
}
:not(z).phx-grid {
  display: grid;
  gap: 40px;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  :not(z).phx-grid {
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
    gap: 48px;
    margin-top: 24px;
  }
}
:not(z).phx-lead {
  font-size: 16px;
  line-height: 1.62;
  color: var(--on-dark-2);
  max-width: 42ch;
  margin-top: 16px;
}
:not(z).phx-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
:not(z).phx-fiyat {
  gap: 8px;
}
:not(z).phx-fiyat b {
  font-weight: 700;
}
:not(z).phx-fiyat span {
  font-weight: 500;
  color: var(--on-dark-2);
}
:not(z).phx-fiyat svg {
  margin-left: 1px;
  color: var(--blue-500);
}
:not(z).phx-trust {
  list-style: none;
  margin: 32px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #1f1f1f;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:not(z).phx-trust li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--on-dark-2);
}
:not(z).phx-trust svg {
  flex: none;
  margin-top: 1px;
  color: var(--blue-500);
}
:not(z).phx-col {
  display: none;
}
@media (min-width: 720px) {
  :not(z).phx-col {
    display: block;
    position: relative;
    padding: 20px 20px 62px;
    border-radius: var(--r-panel);
    overflow: clip;
    box-shadow: inset 0 0 0 1px #242424;
  }
}
:not(z).hkc {
  display: none;
}
@media (min-width: 1024px) {
  :not(z).phx-grid:has(> .hkc) {
    align-items: end;
  }
  :not(z).phx-grid:has(> .hkc) > .phx-copy:has(.phx-trust) {
    align-self: stretch;
    margin-top: -46px;
    display: flex;
    flex-direction: column;
  }
  :not(z).phx-grid:has(> .hkc) > .phx-copy:has(.phx-trust) > :first-child, :not(z).phx-grid:has(> .hkc) > .phx-copy:has(.phx-trust) > :last-child {
    margin-top: auto;
  }
  :not(z).hkc {
    --hkc-olcek: 0.919;
    --hkc-doga: 629px;
    margin-top: -46px;
    margin-bottom: calc((var(--hkc-olcek) - 1) * var(--hkc-doga));
    transform-origin: top center;
    transform: scale(var(--hkc-olcek));
  }
}
@media (min-width: 720px) {
  :not(z).hkc {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 620px;
    margin-inline: auto;
    padding: 24px 24px 20px;
    border-radius: var(--r-panel);
    border: 1px solid var(--night-line);
    background: var(--night-2);
    overflow: hidden;
  }
}
:not(z).hkc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(88% 58% at var(--hkc-glow-x, 74%) 104%, #16202b 0%, var(--night-2) 60%);
}
:not(z).hkc > * {
  position: relative;
  z-index: 1;
}
:not(z).hkc-stage {
  flex: 0 0 auto;
  position: relative;
  height: 380px;
  border-radius: var(--r-lg);
  border: 1px solid var(--night-line);
  background: var(--night);
  overflow: hidden;
}
:not(z).hkc-scene {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  opacity: 0;
  transform: translateY(16px);
}
:not(z).hkc-scene[data-on="true"] {
  opacity: 1;
  transform: none;
}
:not(z).hkc-art {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).hkc-say {
  position: relative;
  height: 67px;
  margin-top: 20px;
}
:not(z).hkc-c {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
}
:not(z).hkc-c[data-on="true"] {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
:not(z).hkc-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
:not(z).hkc-word {
  font-family: var(--font-sans);
  font-size: 28px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.022em;
  color: #ffffff;
}
:not(z).hkc-badge {
  flex: none;
  font-style: normal;
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding-inline: 10px;
  border-radius: var(--r-pill);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
:not(z).hkc-badge[data-tone="you"] {
  background: #10243c;
  color: #7fb3f0;
}
:not(z).hkc-badge[data-tone="muted"] {
  background: #1e1e1e;
  color: #8a8a8a;
}
:not(z).hkc-meta {
  font-size: 14px;
  line-height: 1.45;
  color: #a6a6a6;
}
:not(z).hkc-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 8px;
  margin-top: 8px;
}
:not(z).hkc-step {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: none;
  font: inherit;
  cursor: pointer;
}
:not(z).hkc-step i {
  flex: 1 1 auto;
  height: 5px;
  border-radius: 3px;
  background: #2e2e2e;
}
:not(z).hkc-step[data-state="done"] i {
  background: #2f4a6b;
}
:not(z).hkc-step[data-state="now"] i {
  height: 9px;
  background: var(--blue-600);
}
@media (hover: hover) {
  :not(z).hkc-step[data-state="next"]:hover i {
    background: #3f3f3f;
  }
}
:not(z).hkc .hkc-rail .hkc-step:focus-visible {
  border-radius: 8px;
}
:not(z).hkc-foot {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid #1f1f1f;
  font-size: 12px;
  line-height: 1.4;
  color: var(--on-dark-2);
}
:not(z).hkc-foot svg {
  flex: none;
  color: var(--blue-500);
}
:not(z).hkc[data-rewind="true"] .hkc-rail {
  opacity: 0;
}
:not(z).hkc[data-rewind="true"] .hkc-step i {
  transition: none;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).hkc {
    animation: hkcIn 700ms var(--ease-out-quint) 200ms both;
  }
  :not(z).hkc-scene {
    transition: opacity 280ms linear, transform 560ms var(--ease-out-quint);
  }
  :not(z).hkc-scene[data-on="true"] {
    transition-delay: 140ms;
  }
  :not(z).hkc-c {
    transition: opacity 320ms linear, transform 520ms var(--ease-out-quint);
  }
  :not(z).hkc-c[data-on="true"] {
    transition-delay: 140ms;
  }
  :not(z).hkc-rail {
    transition: opacity 160ms linear;
  }
  :not(z).hkc[data-rewind="true"] .hkc-rail {
    transition: opacity 240ms linear;
  }
  :not(z).hkc-step i {
    transition: background-color 340ms linear, height 380ms var(--ease-out-quint);
  }
}
@keyframes hkcIn {
  from {
    opacity: 0;
    translate: 0 16px;
  }
}
:not(z).dhs-sur {
  fill: #1a1a1a;
  stroke: #ffffff;
  stroke-width: 1.5;
}
:not(z).dhs-sur-q {
  fill: #1a1a1a;
  stroke: #9e9e9e;
  stroke-width: 1.4;
}
:not(z).dhs-sur-b {
  fill: #161616;
  stroke: #5e5e5e;
  stroke-width: 1.4;
}
:not(z).dhs-sur-f {
  fill: #1f1f1f;
  stroke: #ffffff;
  stroke-width: 1.7;
}
:not(z).dhs-ring {
  fill: #0c0c0c;
  stroke: #ffffff;
  stroke-width: 1.8;
}
:not(z).dhs-ink {
  fill: #d4d4d4;
}
:not(z).dhs-ink2 {
  fill: #8c8c8c;
}
:not(z).dhs-ink3 {
  fill: #6e6e6e;
}
:not(z).dhs-dim {
  fill: #565656;
}
:not(z).dhs-rule {
  fill: #454545;
}
:not(z).dhs-solid {
  fill: #bdbdbd;
}
:not(z).dhs-solid-2 {
  fill: #949494;
}
:not(z).dhs-far {
  fill: #3a3a3a;
}
:not(z).dhs-far2 {
  fill: #2e2e2e;
}
:not(z).dhs-act {
  fill: var(--blue-600);
}
:not(z).dhs-act2 {
  fill: #7db2ee;
}
:not(z).dhs-well {
  fill: #16324f;
  stroke: var(--blue-600);
  stroke-width: 1.8;
}
:not(z).dhs-well-soft {
  fill: #16324f;
}
:not(z).dhs-punch {
  fill: #16324f;
}
:not(z).dhs-sign {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 3.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:not(z).dhs-scan {
  fill: var(--blue-600);
}
:not(z).dhs-ridge {
  stroke: #e2e2e2;
}
:not(z).dhs-paper {
  fill: #ffffff;
}
:not(z).dhs-paper-ink {
  fill: #0f1a26;
}
:not(z).dhs-paper-dim {
  fill: #5f8dc0;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-pick {
    animation: dhsPick 2.6s var(--ease-out-quint) 0.6s both;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-sign {
    animation: dhsSign 2s var(--ease-out-soft) 0.7s both;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-stamp {
    animation: dhsStamp 2.2s var(--ease-inout) 0.6s both;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-print {
    animation: dhsPrint 2.2s linear 0.6s both;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-scan {
    animation: dhsScan 2.6s var(--ease-inout) 0.6s both;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-slide {
    animation: dhsSlide 1.5s var(--ease-out-quint) 0.6s both;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-wait circle {
    animation: dhsWait 1.5s var(--ease-inout) 1.5s 2;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-wait circle:nth-of-type(2) {
    animation-delay: 1.65s;
  }
  :not(z).dhs .hkc-scene[data-on="true"] .dhs-wait circle:nth-of-type(3) {
    animation-delay: 1.8s;
  }
}
:not(z).dhs-pick {
  transform: translateY(86px);
}
:not(z).dhs-sign {
  stroke-dasharray: 300;
  stroke-dashoffset: 0;
}
:not(z).dhs-scan {
  opacity: 0;
}
:not(z).dhs-stamp {
  opacity: 0;
}
@keyframes dhsPick {
  0%, 12% {
    transform: translateY(0);
  }
  32%, 46% {
    transform: translateY(172px);
  }
  66%, 100% {
    transform: translateY(86px);
  }
}
@keyframes dhsSign {
  from {
    stroke-dashoffset: 300;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dhsStamp {
  0% {
    opacity: 0;
    transform: translateY(-46px);
  }
  14%, 22% {
    opacity: 1;
    transform: translateY(-10px);
  }
  38%, 50% {
    opacity: 1;
    transform: translateY(49px);
  }
  76% {
    opacity: 1;
    transform: translateY(-10px);
  }
  92%, 100% {
    opacity: 0;
    transform: translateY(-46px);
  }
}
@keyframes dhsPrint {
  0%, 38% {
    opacity: 0;
  }
  44%, 100% {
    opacity: 1;
  }
}
@keyframes dhsScan {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  72% {
    transform: translateY(190px);
    opacity: 1;
  }
  88%, 100% {
    transform: translateY(190px);
    opacity: 0;
  }
}
@keyframes dhsSlide {
  0% {
    transform: translateX(-40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes dhsWait {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
:not(z).hx-card > .hx-stage {
  display: block;
  height: min(232px, calc(56.25vw - 6px));
}
@media (min-width: 720px) {
  :not(z).hx-card > .hx-stage {
    height: 232px;
  }
}
@media (min-width: 1024px) {
  :not(z).hx-card > .hx-stage {
    height: min(248px, calc(18.75vw + 24px));
  }
}
:not(z).hx-stage > .svx {
  width: 100%;
  height: 100%;
  max-width: none;
}
:not(z).hxq {
  margin-top: auto;
  padding: 12px 20px 16px;
}
@media (min-width: 720px) {
  :not(z).hxq {
    padding: 16px 24px 20px;
  }
}
:not(z).hxq-anchor {
  position: relative;
}
:not(z).hxq-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px 8px 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  color: var(--text-900);
  cursor: pointer;
  transition: border-color 160ms linear, background-color 160ms linear;
}
:not(z).hxq-btn > span {
  flex: 1 1 auto;
  min-width: 0;
}
:not(z).hxq-ic {
  flex: none;
  color: var(--blue-700);
}
:not(z).hxq-caret {
  flex: none;
  color: #8a8a8a;
  transition: transform 220ms var(--ease-out-soft), color 180ms linear;
}
@media (hover: hover) {
  :not(z).hxq-btn:hover {
    border-color: #cfe1fa;
    background: var(--blue-100);
  }
}
:not(z).hxq-btn[aria-expanded="true"] {
  border-color: var(--blue-700);
  background: var(--blue-100);
}
:not(z).hxq-btn[aria-expanded="true"] .hxq-caret {
  transform: rotate(180deg);
  color: var(--blue-700);
}
:not(z).hxq-pop {
  position: absolute;
  left: 0;
  right: 0;
  max-width: 320px;
  bottom: calc(100% + 8px);
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
  box-shadow: var(--shadow-float);
  transform-origin: 20% 100%;
}
:not(z).hxq-note {
  padding: 3px 8px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).hxq-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:not(z).hxq-go {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px;
  border-radius: var(--r-md);
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--text-900);
  text-decoration: none;
  transition: background-color 160ms linear, color 160ms linear;
}
:not(z).hxq-go b {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 500;
}
:not(z).hxq-f {
  display: block;
  width: 22px;
  height: 22px;
  flex: none;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
:not(z).hxq-f svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).hxq-arw {
  flex: none;
  color: var(--blue-600);
  transition: transform 200ms var(--ease-out-soft);
}
@media (hover: hover) {
  :not(z).hxq-go:hover {
    background: var(--blue-100);
    color: var(--blue-900);
  }
  :not(z).hxq-go:hover .hxq-arw {
    transform: translateX(3px);
  }
}
:not(z).hxq-go:focus-visible {
  background: var(--blue-100);
}
@media (prefers-reduced-motion: reduce) {
  :not(z).hxq-btn, :not(z).hxq-caret, :not(z).hxq-go, :not(z).hxq-arw {
    transition: none;
  }
}
:not(z).ys-sec {
  --ys-tur: 10.1s;
  --ys-yarim: calc(var(--ys-tur) / -2);
  --ys-gec: calc(var(--ys-tur) * 0.23);
  --ys-kiyi: 6.7s;
}
:not(z).ys-rulew {
  margin-top: var(--space-head);
}
:not(z).ys-rule {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  padding: 16px 20px;
  border-radius: var(--r-md);
  background: var(--blue-100);
}
:not(z).ys-rule-k {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0;
  color: var(--blue-900);
  transform: translateY(1px);
}
:not(z).ys-rule-k svg {
  flex: none;
}
:not(z).ys-rule-t {
  flex: 1 1 340px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-900);
}
:not(z).ys-grid {
  margin-top: 24px;
  display: grid;
  gap: 20px;
}
:not(z).ys-figw, :not(z).ys-sidew {
  display: grid;
  min-width: 0;
}
@media (min-width: 1024px) {
  :not(z).ys-grid {
    grid-template-columns: 491px minmax(0, 1fr);
    gap: 32px;
    align-items: stretch;
  }
}
:not(z).ys-map {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 640px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
  container-type: inline-size;
}
@media (min-width: 1024px) {
  :not(z).ys-map {
    max-width: none;
  }
}
:not(z).ys-scene {
  position: relative;
  flex: none;
  margin-top: auto;
  width: 100%;
  aspect-ratio: 560 / 400;
}
:not(z).ys-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
:not(z).ys-cap {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 8px 16px 12px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-600);
}
:not(z).ys-svg > rect, :not(z).ys-svg > circle, :not(z).ys-svg > path:not(.ys-flow):not(.ys-cs):not(.ys-csv) {
  vector-effect: non-scaling-stroke;
}
:not(z).ys-sea {
  fill: var(--paper);
}
:not(z).ys-land {
  fill: var(--white);
}
:not(z).ys-map[data-state="main"] .ys-land {
  fill: var(--blue-100);
}
:not(z).ys-coast {
  fill: none;
  stroke: rgba(8, 8, 8, 0.22);
  stroke-width: 1.6;
  stroke-linecap: round;
}
:not(z).ys-map[data-state="main"] .ys-coast {
  stroke: var(--blue-600);
}
:not(z).ys-cs {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 0.07 2;
  stroke-dashoffset: 0.07;
  opacity: 0;
}
:not(z).ys-csv {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 1 2;
  stroke-dashoffset: 1;
  opacity: 0;
}
:not(z).ys-road {
  fill: none;
  stroke: rgba(8, 8, 8, 0.06);
  stroke-width: 5;
  stroke-linecap: round;
}
:not(z).ys-parcel {
  fill: var(--white);
  stroke: rgba(8, 8, 8, 0.24);
  stroke-width: 1.4;
  stroke-dasharray: 4.5 4.5;
}
:not(z).ys-map[data-state="free"] .ys-parcel {
  fill: var(--blue-100);
  stroke: var(--blue-600);
}
:not(z).ys-map[data-state="main"] .ys-parcel {
  stroke: rgba(8, 8, 8, 0.14);
}
:not(z).ys-host {
  fill: var(--white);
  stroke: rgba(8, 8, 8, 0.24);
  stroke-width: 1.4;
  stroke-dasharray: 4.5 4.5;
  opacity: 1;
}
:not(z).ys-map[data-state="free"] .ys-host {
  fill: var(--blue-100);
  stroke: var(--blue-600);
  stroke-width: 1.8;
}
:not(z).ys-map[data-state="main"] .ys-host {
  opacity: 0;
}
:not(z).ys-hostf {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 2.4;
  stroke-dasharray: 6 6;
  stroke-linecap: round;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}
:not(z).ys-co {
  fill: var(--white);
  stroke: rgba(8, 8, 8, 0.24);
  stroke-width: 1.6;
}
:not(z).ys-map[data-state="free"] .ys-co, :not(z).ys-map[data-state="main"] .ys-co {
  stroke: var(--blue-600);
}
:not(z).ys-co-ic {
  color: #8f8f8f;
}
:not(z).ys-map[data-state="free"] .ys-co-ic, :not(z).ys-map[data-state="main"] .ys-co-ic {
  color: var(--blue-700);
}
:not(z).ys-node {
  fill: var(--white);
  stroke: rgba(8, 8, 8, 0.2);
  stroke-width: 1.5;
}
:not(z).ys-node-ic {
  color: #8f8f8f;
}
:not(z).ys-map[data-state="free"] .ys-node[data-role="out"], :not(z).ys-map[data-state="main"] .ys-node[data-role="in"] {
  fill: var(--blue-100);
  stroke: var(--blue-600);
}
:not(z).ys-map[data-state="free"] .ys-node-ic[data-role="out"], :not(z).ys-map[data-state="main"] .ys-node-ic[data-role="in"] {
  color: var(--blue-700);
}
:not(z).ys-path {
  fill: none;
  stroke: rgba(8, 8, 8, 0.2);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-dasharray: 4.5 4.5;
  opacity: 0.55;
}
:not(z).ys-ah {
  fill: rgba(8, 8, 8, 0.24);
  opacity: 0.55;
}
:not(z).ys-map[data-state="free"] .ys-path[data-role="out"], :not(z).ys-map[data-state="main"] .ys-path[data-role="in"] {
  stroke: var(--blue-600);
  stroke-width: 2.4;
  stroke-dasharray: none;
  opacity: 1;
}
:not(z).ys-map[data-state="free"] .ys-ah[data-role="out"], :not(z).ys-map[data-state="main"] .ys-ah[data-role="in"] {
  fill: var(--blue-600);
  opacity: 1;
}
:not(z).ys-flow {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 0.001 1;
  opacity: 0;
}
:not(z).ys-hit {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 1.6;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}
@keyframes ysSend {
  0% {
    stroke-dashoffset: 0;
    opacity: 0;
    animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  3% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  18% {
    stroke-dashoffset: -1;
    opacity: 0;
  }
  100% {
    stroke-dashoffset: -1;
    opacity: 0;
  }
}
@keyframes ysLand {
  0%, 13% {
    transform: scale(0.94);
    opacity: 0;
  }
  19% {
    opacity: 0.85;
  }
  28%, 100% {
    transform: scale(1.34);
    opacity: 0;
  }
}
@keyframes ysKiyi {
  0% {
    stroke-dashoffset: 0.07;
    opacity: 0;
  }
  9% {
    opacity: 0.5;
  }
  66% {
    opacity: 0.5;
  }
  80%, 100% {
    stroke-dashoffset: -1;
    opacity: 0;
  }
}
@keyframes ysCitKapan {
  0% {
    transform: scale(1.18);
    stroke-dashoffset: 0;
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    stroke-dashoffset: -24;
    opacity: 0;
  }
}
@keyframes ysCitKalkar {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  18% {
    opacity: 0.95;
  }
  100% {
    transform: scale(1.24);
    opacity: 0;
  }
}
@keyframes ysSinir {
  0% {
    stroke-dashoffset: 1;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  58% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}
@keyframes ysChipPop {
  0% {
    transform: translate(-50%, -100%) scale(0.9);
    opacity: 0;
  }
  55% {
    transform: translate(-50%, -100%) scale(1.05);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -100%) scale(1);
    opacity: 1;
  }
}
:not(z).ys-pin, :not(z).ys-chip {
  position: absolute;
  pointer-events: none;
  font-family: var(--font-sans);
}
:not(z).ys-pin {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  padding: 0.42em 0.85em;
  border-radius: var(--r-pill);
  border: 1px solid var(--border);
  background: var(--white);
  box-shadow: var(--shadow-card);
  font-size: clamp(9.5px, 2.15cqw, 12px);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--text-600);
}
:not(z).ys-pin svg {
  width: 1.15em;
  height: 1.15em;
  flex: none;
}
:not(z).ys-pin[data-on] {
  border-color: var(--blue-600);
  color: var(--blue-900);
}
:not(z).ys-pin[data-side="out"] {
  transform: translateY(-50%);
}
:not(z).ys-pin[data-side="in"] {
  transform: translateX(-50%);
}
:not(z).ys-chip {
  display: block;
  max-width: 46%;
  padding: clamp(6px, 1.5cqw, 9px) clamp(10px, 2.4cqw, 14px);
  border-radius: var(--r-md);
  border: 1px solid var(--blue-600);
  background: var(--white);
  box-shadow: var(--shadow-card);
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: clamp(11px, 2.5cqw, 14px);
  line-height: 1.2;
  color: var(--text-900);
  transform: translate(-50%, -100%);
}
:not(z).ys-chip[data-neutral] {
  border-color: var(--border);
  font-weight: 600;
  color: var(--text-600);
}
:not(z).ys-side {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 32px;
  min-width: 0;
}
@media (min-width: 720px) and (max-width: 1023.5px) {
  :not(z).ys-side {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    gap: 16px;
  }
}
@media (max-width: 1023.5px) {
  :not(z).ys-grid {
    gap: 24px;
  }
  :not(z).ys-map {
    margin-inline: auto;
    width: 100%;
  }
}
@media (max-width: 719.5px) {
  :not(z).ys-rule {
    padding: 16px 16px 16px;
  }
  :not(z).ys-rule-t {
    font-size: 16px;
  }
  :not(z).ys-cap {
    padding: 8px 12px 8px;
    font-size: 12px;
  }
  :not(z).ys-rule-t {
    flex-basis: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).ys-cs {
    animation: ysKiyi var(--ys-kiyi) linear infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-flow[data-role="out"] {
    animation: ysSend var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-flow[data-role="in"] {
    animation: ysSend var(--ys-tur) infinite;
    animation-delay: var(--ys-yarim);
  }
  :not(z).ys-map[data-state="none"] .ys-hit[data-role="out"] {
    animation: ysLand var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-hit[data-role="in"] {
    animation: ysLand var(--ys-tur) infinite;
    animation-delay: var(--ys-yarim);
  }
  :not(z).ys-map[data-state="none"] .ys-host {
    --ys-a: var(--white);
    --ys-b: #eaf3fe;
    animation: ysDolgu var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-land {
    --ys-a: var(--white);
    --ys-b: #f3f8fe;
    animation: ysDolgu var(--ys-tur) infinite;
    animation-delay: var(--ys-yarim);
  }
  :not(z).ys-map[data-state="none"] .ys-parcel {
    --ys-a: var(--white);
    --ys-b: #eef5fe;
    animation: ysDolgu var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-parcel[data-p="1"] {
    animation-delay: calc(var(--ys-tur) * 0.0089);
  }
  :not(z).ys-map[data-state="none"] .ys-parcel[data-p="2"] {
    animation-delay: calc(var(--ys-tur) * 0.0178);
  }
  :not(z).ys-map[data-state="none"] .ys-parcel[data-p="3"] {
    animation-delay: calc(var(--ys-tur) * 0.0267);
  }
  :not(z).ys-map[data-state="none"] .ys-path[data-role="out"] {
    animation: ysYol var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-path[data-role="in"] {
    animation: ysYol var(--ys-tur) infinite;
    animation-delay: var(--ys-yarim);
  }
  :not(z).ys-map[data-state="none"] .ys-ah[data-role="out"] {
    --ys-a: rgba(8, 8, 8, 0.24);
    --ys-b: var(--blue-600);
    animation: ysDolgu var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-ah[data-role="in"] {
    --ys-a: rgba(8, 8, 8, 0.24);
    --ys-b: var(--blue-600);
    animation: ysDolgu var(--ys-tur) infinite;
    animation-delay: var(--ys-yarim);
  }
  :not(z).ys-map[data-state="free"] .ys-flow[data-role="out"], :not(z).ys-map[data-state="main"] .ys-flow[data-role="in"] {
    animation: ysSend var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="free"] .ys-hit[data-role="out"], :not(z).ys-map[data-state="main"] .ys-hit[data-role="in"] {
    animation: ysLand var(--ys-tur) infinite;
  }
  :not(z).ys-map[data-state="none"] .ys-flow[data-role="out"][data-w="2"], :not(z).ys-map[data-state="none"] .ys-hit[data-role="out"][data-w="2"], :not(z).ys-map[data-state="free"] .ys-flow[data-role="out"][data-w="2"], :not(z).ys-map[data-state="free"] .ys-hit[data-role="out"][data-w="2"], :not(z).ys-map[data-state="main"] .ys-flow[data-role="in"][data-w="2"], :not(z).ys-map[data-state="main"] .ys-hit[data-role="in"][data-w="2"] {
    animation-delay: var(--ys-gec);
  }
  :not(z).ys-map[data-state="none"] .ys-flow[data-role="in"][data-w="2"], :not(z).ys-map[data-state="none"] .ys-hit[data-role="in"][data-w="2"] {
    animation-delay: calc(var(--ys-yarim) + var(--ys-gec));
  }
  :not(z).ys-map[data-state="free"] .ys-hostf {
    animation: ysCitKapan 660ms var(--ease-out-quint) both;
  }
  :not(z).ys-map[data-state="main"] .ys-hostf {
    animation: ysCitKalkar 620ms var(--ease-out-quint) both;
  }
  :not(z).ys-map[data-state="main"] .ys-csv {
    animation: ysSinir 760ms var(--ease-out-quint) both;
  }
  :not(z).ys-chip {
    animation: ysChipPop 320ms var(--ease-out-quint);
  }
  :not(z).ys-land, :not(z).ys-coast, :not(z).ys-parcel, :not(z).ys-host, :not(z).ys-co, :not(z).ys-co-ic, :not(z).ys-node, :not(z).ys-node-ic, :not(z).ys-path, :not(z).ys-ah {
    transition: fill 340ms var(--ease-out-soft), stroke 340ms var(--ease-out-soft), stroke-width 340ms var(--ease-out-soft), color 340ms var(--ease-out-soft), opacity 340ms var(--ease-out-soft);
  }
  :not(z).ys-pin, :not(z).ys-chip {
    transition: border-color 160ms var(--ease-out-soft), color 160ms var(--ease-out-soft);
  }
}
@keyframes ysDolgu {
  0%, 2% {
    fill: var(--ys-a);
  }
  7%, 42% {
    fill: var(--ys-b);
  }
  50%, 100% {
    fill: var(--ys-a);
  }
}
@keyframes ysYol {
  0%, 2% {
    stroke: rgba(8, 8, 8, 0.2);
    opacity: 0.55;
  }
  7%, 42% {
    stroke: var(--blue-600);
    opacity: 1;
  }
  50%, 100% {
    stroke: rgba(8, 8, 8, 0.2);
    opacity: 0.55;
  }
}
:not(z).ys-ask {
  margin-top: 24px;
}
:not(z).ys-foto {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 20px;
}
:not(z).ys-fk-li {
  display: flex;
  min-width: 0;
}
:not(z).ys-fk {
  position: relative;
  isolation: isolate;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 210px;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--night);
  color: var(--white);
  text-decoration: none;
  transition: box-shadow 160ms var(--ease-out-soft);
}
:not(z).ys-fk-img {
  z-index: -2;
  object-fit: cover;
  transition: transform 500ms var(--ease-out-soft);
}
:not(z).ys-fk::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, rgba(8, 8, 8, 0.9) 0%, rgba(8, 8, 8, 0.66) 48%, rgba(8, 8, 8, 0.12) 100%);
}
:not(z).ys-fk[data-pre] {
  box-shadow: inset 0 0 0 2px var(--blue-500);
}
:not(z).ys-fk:focus-visible {
  outline: 2px solid var(--blue-700);
  outline-offset: 3px;
}
:not(z).ys-fk-ust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 0 20px;
}
:not(z).ys-fk-ne {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: var(--r-sm);
  background: rgba(255, 255, 255, 0.18);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
:not(z).ys-fk-ok {
  display: grid;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--white);
  color: var(--night);
}
:not(z).ys-fk-m {
  display: grid;
  gap: 6px;
  padding: 20px;
}
:not(z).ys-fk-ad {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
:not(z).ys-fk-p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  text-wrap: balance;
}
:not(z).ys-fk-git {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}
:not(z).ys-fk-git svg {
  display: inline-block;
  margin-left: 6px;
  vertical-align: -2px;
}
@media (hover: hover) {
  :not(z).ys-fk:hover .ys-fk-img {
    transform: scale(1.04);
  }
}
:not(z).txm {
  margin-top: var(--space-head);
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
  padding: 20px 24px 20px;
}
@media (max-width: 719.5px) {
  :not(z).txm {
    padding: 16px 20px 20px;
  }
}
:not(z).txm-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
}
:not(z).txm-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--blue-700);
  margin: 0;
}
:not(z).txm-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--text-900);
  text-decoration: none;
  padding: 8px 16px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  transition: background-color 160ms var(--ease-out-soft), border-color 160ms var(--ease-out-soft), color 160ms var(--ease-out-soft);
}
:not(z).txm-more svg {
  flex: none;
  color: var(--text-600);
  transition: transform 220ms var(--ease-out-quint), color 200ms var(--ease-out-soft);
}
:not(z).txm-more:hover {
  border-color: var(--blue-500);
  color: var(--blue-700);
  background: var(--blue-100);
}
:not(z).txm-more:hover svg {
  color: var(--blue-700);
  transform: translateX(3px);
}
:not(z).txm-more[data-soon]::after {
  background: transparent;
}
:not(z).txm-ctl {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px 24px;
  align-items: center;
}
@media (min-width: 720px) {
  :not(z).txm-ctl {
    grid-template-columns: auto minmax(0, 190px) minmax(0, 1fr);
    gap: 0 24px;
  }
}
:not(z).txm-slider {
  min-width: 0;
}
:not(z).txm-label {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
  margin: 0;
}
:not(z).txm-inputwrap {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 50px;
  padding: 0 16px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--white);
  transition: border-color 160ms var(--ease-out-soft);
}
:not(z).txm-inputwrap:focus-within {
  border-color: var(--blue-600);
}
:not(z).txm-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  padding: 0;
  background: transparent;
  font-family: var(--font-sans);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  font-size: 20px;
  line-height: 1.2;
  color: var(--text-900);
}
:not(z).txm-cur {
  flex: none;
  font-size: 14px;
  color: var(--text-600);
}
:not(z).txm-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 24px;
  margin: 0;
  background: transparent;
  cursor: pointer;
}
:not(z).txm-range::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: var(--r-pill);
  background: linear-gradient( 90deg, var(--blue-600) 0 var(--p, 0%), var(--border) var(--p, 0%) 100% );
}
:not(z).txm-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  margin-top: -8px;
  border-radius: 50%;
  border: 3px solid var(--white);
  background: var(--blue-600);
  box-shadow: var(--shadow-card);
  transition: transform 160ms var(--ease-out-soft);
}
:not(z).txm-range:active::-webkit-slider-thumb {
  transform: scale(1.08);
}
:not(z).txm-range::-moz-range-track {
  height: 6px;
  border-radius: var(--r-pill);
  background: var(--border);
}
:not(z).txm-range::-moz-range-progress {
  height: 6px;
  border-radius: var(--r-pill);
  background: var(--blue-600);
}
:not(z).txm-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid var(--white);
  background: var(--blue-600);
  box-shadow: var(--shadow-card);
}
:not(z).txm-scale {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-600);
  font-variant-numeric: tabular-nums;
  margin: 4px 0 0;
}
:not(z).txm-strip {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}
:not(z).txm-sh {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0;
}
:not(z).txm-sh-t {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).txm-sh-v {
  font-family: var(--font-sans);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  font-size: 14px;
  color: var(--text-600);
}
:not(z).txm-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 14px;
}
@media (min-width: 720px) {
  :not(z).txm-stats {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
:not(z).txm-stat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
:not(z).txm-stat-k {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).txm-stat-v {
  font-family: var(--font-sans);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.024em;
  font-size: clamp(25px, 3.1vw, 33px);
  line-height: 1.08;
  color: var(--text-900);
}
:not(z).txm-stat-v[data-k="keep"] {
  color: var(--blue-700);
}
:not(z).txm-unit {
  font-weight: 500;
  font-size: 0.5em;
  letter-spacing: 0;
  color: var(--text-600);
}
:not(z).txm-dot {
  width: 10px;
  height: 10px;
  flex: none;
  border-radius: 3px;
}
:not(z).txm-dot[data-k="keep"] {
  background: var(--blue-600);
}
:not(z).txm-dot[data-k="tax"] {
  background: var(--text-900);
}
:not(z).txm-bar {
  display: flex;
  height: 18px;
  margin-top: 16px;
  border-radius: var(--r-pill);
  background: var(--paper);
  overflow: clip;
}
:not(z).txm-seg {
  display: block;
  height: 100%;
  min-width: 0;
}
:not(z).txm-seg[data-k="keep"] {
  background: var(--blue-600);
}
:not(z).txm-seg[data-k="tax"] {
  background: var(--text-900);
}
:not(z).txm-eff {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
  margin: 12px 0 0;
  max-width: 62ch;
}
:not(z).txm-cmp {
  margin-top: var(--space-block);
  padding: 16px 24px 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--paper);
}
@media (max-width: 719.5px) {
  :not(z).txm-cmp {
    padding: 16px 20px 16px;
  }
}
:not(z).txm-cmp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
}
:not(z).txm-cmp-h {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 18px;
  line-height: 1.4;
  color: var(--text-900);
  margin: 0;
}
:not(z).txm-fl {
  display: block;
  width: 24px;
  height: 16px;
  flex: none;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(8, 8, 8, 0.18);
}
:not(z).txm-fl svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).txm-sel {
  display: flex;
  align-items: center;
  gap: 12px;
}
:not(z).txm-sel-l {
  font-size: 14px;
  line-height: 1;
  color: var(--text-600);
}
:not(z).txm-sel-w {
  position: relative;
  display: inline-flex;
  align-items: center;
}
:not(z).txm-sel-i {
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--text-900);
  height: 44px;
  padding: 0 40px 0 48px;
  border: 1.5px solid var(--blue-700);
  border-radius: var(--r-pill);
  background: var(--white);
  box-shadow: var(--shadow-card);
  cursor: pointer;
  transition: box-shadow 160ms var(--ease-out-soft), border-color 160ms var(--ease-out-soft);
}
:not(z).txm-sel-i:hover {
  box-shadow: var(--shadow-float);
}
:not(z).txm-sel-i:focus-visible {
  outline: 2px solid var(--blue-700);
  outline-offset: 2px;
}
:not(z).txm-sel-f {
  position: absolute;
  left: 15px;
  pointer-events: none;
  z-index: 1;
}
:not(z).txm-sel-w > svg {
  position: absolute;
  right: 15px;
  color: var(--text-900);
  pointer-events: none;
}
:not(z).txm-cmp-rows {
  margin-top: 12px;
  display: grid;
  gap: 12px;
}
:not(z).txm-crow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 720px) {
  :not(z).txm-crow {
    grid-template-columns: minmax(0, 150px) minmax(0, 1fr) minmax(0, 280px);
    align-items: center;
    gap: 24px;
  }
}
:not(z).txm-crow-k {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-900);
}
:not(z).txm-mini {
  display: flex;
  height: 12px;
  border-radius: var(--r-pill);
  background: var(--white);
  overflow: clip;
}
:not(z).txm-mini > span {
  display: block;
  height: 100%;
  background: var(--txm-pc, var(--text-900));
}
:not(z).txm-crow[data-self] .txm-mini > span {
  background: var(--blue-600);
}
:not(z).txm-crow-v {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
}
@media (min-width: 720px) {
  :not(z).txm-crow-v {
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    text-align: right;
  }
}
:not(z).txm-crow-v b {
  font-family: var(--font-sans);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  font-size: 20px;
  color: var(--text-900);
}
:not(z).txm-crow-r {
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).txm-cmp-note {
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-600);
  margin: 12px 0 0;
  max-width: 104ch;
}
:not(z).txm-yol {
  display: grid;
  grid-template-columns: 250px minmax(56px, 1fr) minmax(0, 1.6fr);
  align-items: stretch;
  margin: var(--space-head) 0 0;
}
:not(z).txm-yol-sirket {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: center;
  padding: 20px;
  border-radius: var(--r-lg);
  background: #111;
  color: var(--white);
}
:not(z).txm-yol-sirket b {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
:not(z).txm-yol-ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: var(--r-md);
  background: #10294a;
  color: #9cc6f8;
}
:not(z).txm-yol-bag {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).txm-yol-hat {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}
:not(z).txm-yol-hat[data-ton="ic"] {
  stroke: #c4c4c4;
  stroke-dasharray: 5 5;
}
:not(z).txm-yol-akis {
  stroke: #9cc6f8;
  stroke-width: 3;
  stroke-dasharray: 0 1;
}
:not(z).txm-yol-uc {
  display: grid;
  gap: 12px;
}
:not(z).txm-yol-k {
  display: grid;
  gap: 4px;
  padding: 16px 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).txm-yol-k[data-ton="dis"] {
  border-color: var(--blue-600);
  background: var(--blue-100);
}
:not(z).txm-yol-l {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).txm-yol-k[data-ton="dis"] .txm-yol-l {
  color: var(--blue-900);
}
:not(z).txm-yol-k b {
  font-family: var(--font-sans);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--text-900);
}
:not(z).txm-yol-k[data-ton="dis"] b {
  color: var(--blue-600);
}
:not(z).txm-yol-k[data-ton="ic"] b {
  font-size: 24px;
}
:not(z).txm-yol-s {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
@media (max-width: 1023.5px) {
  :not(z).txm-yol {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  :not(z).txm-yol-bag {
    display: none;
  }
  :not(z).txm-yol-sirket {
    align-self: stretch;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).txm-yol-akis {
    stroke-dasharray: 14 140;
    animation: txmAkis 3.7s linear infinite;
  }
  @keyframes txmAkis {
    from {
      stroke-dashoffset: 154;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
}
:not(z).txm-egri {
  margin: var(--space-head) 0 0;
  padding: 24px 24px 24px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
}
@media (max-width: 719.5px) {
  :not(z).txm-egri {
    padding: 16px 16px;
    border-radius: var(--r-lg);
  }
}
:not(z).txm-bant-h {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).txm-bant-h span {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-600);
}
:not(z).vgr-cizim {
  position: relative;
  margin: 8px 0 32px;
}
:not(z).vgr-svg {
  display: block;
  overflow: visible;
  width: 100%;
  height: auto;
}
:not(z).vgr-kil {
  fill: none;
  stroke: #d8d8d8;
  stroke-width: 1;
  stroke-dasharray: 4 5;
}
:not(z).vgr-eksen {
  fill: none;
  stroke: #bdbdbd;
  stroke-width: 1.2;
}
:not(z).vgr-nokta {
  stroke: var(--white);
  stroke-width: 3;
}
:not(z).vgr-uc-hat {
  fill: none;
  stroke: #e2e2e2;
  stroke-width: 1;
}
:not(z).vgr-uc {
  stroke: var(--white);
  stroke-width: 2.5;
}
:not(z).vgr-secili-hat {
  fill: none;
  stroke: var(--text-900);
  stroke-width: 1.2;
  stroke-dasharray: 3 4;
}
:not(z).vgr-x {
  position: absolute;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-600);
  white-space: nowrap;
  transform: translateX(-50%);
}
:not(z).vgr-x[data-bas] {
  transform: none;
}
:not(z).vgr-oran {
  position: absolute;
  font-size: clamp(20px, 2.6vw, 30px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
  transform: translate(-50%, calc(-100% - 10px));
}
:not(z).vgr-oran[data-ton="dusuk"] {
  color: var(--green-600);
}
:not(z).vgr-oran[data-ton="ust"] {
  color: var(--amber-600);
}
:not(z).vgr-balon {
  position: absolute;
  padding: 4px 8px;
  border-radius: var(--r-sm);
  background: var(--vgr-renk);
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  white-space: nowrap;
  transform: translate(-50%, calc(-100% - 14px));
  pointer-events: none;
}
:not(z).vgr-kay {
  position: relative;
  height: 28px;
  margin: 0 calc(20 / 640 * 100%);
}
:not(z).vgr-kay-iz {
  position: absolute;
  top: 11px;
  right: 0;
  left: 0;
  height: 6px;
  border-radius: var(--r-pill);
  background: linear-gradient(90deg, var(--text-900) var(--vgr-t), var(--border) var(--vgr-t));
}
:not(z).vgr-kay-bas {
  position: absolute;
  top: 2px;
  left: var(--vgr-t);
  width: 24px;
  height: 24px;
  border: 3px solid var(--text-900);
  border-radius: 50%;
  background: var(--white);
  transform: translateX(-50%);
  pointer-events: none;
}
:not(z).vgr-kay input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
:not(z).vgr-kay:has(input:focus-visible) .vgr-kay-bas {
  outline: 2px solid var(--blue-700);
  outline-offset: 3px;
}
:not(z).vgr-sonuc {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 0;
}
:not(z).vgr-sonuc > div {
  padding: 12px 16px;
  border-radius: var(--r-lg);
  background: var(--paper);
}
:not(z).vgr-sonuc dt {
  font-size: 12px;
  color: var(--text-600);
}
:not(z).vgr-sonuc dd {
  margin: 4px 0 0;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text-900);
}
@media (max-width: 719.5px) {
  :not(z).vgr-x[data-bas] {
    display: none;
  }
  :not(z).vgr-sonuc {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  :not(z).vgr-sonuc > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: var(--r-md);
  }
  :not(z).vgr-sonuc dd {
    margin: 0;
    font-size: 18px;
  }
}
:not(z).txm-kart {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 16px 0 0;
}
:not(z).txm-yol + .txm-kart, :not(z).txm-kart:first-child {
  margin-top: var(--space-head);
}
@media (min-width: 720px) {
  :not(z).txm-kart {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  :not(z).txm-kart {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :not(z).txm-kart[data-n="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
:not(z).txm-kart-k {
  min-width: 0;
  padding: 20px 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).txm-kart-k dt {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).txm-kart-k dd {
  margin: 8px 0 0;
}
:not(z).txm-kart-k dd b {
  display: block;
  font-family: var(--font-sans);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--text-900);
}
:not(z).txm-kart-k[data-vurgu] dd b {
  color: var(--blue-600);
}
:not(z).txm-kart-k dd span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).txm-foot {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
}
:not(z).txm-foot-t {
  flex: 1 1 46ch;
  min-width: 0;
  max-width: 96ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).txm-foot-t b {
  font-weight: 500;
  color: var(--text-900);
}
:not(z).txm-lbl-w {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
:not(z).txm-birim {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
}
:not(z).txm-birim button {
  height: 30px;
  min-width: 52px;
  padding: 0 12px;
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--text-600);
  cursor: pointer;
}
:not(z).txm-birim button[aria-pressed="true"] {
  background: var(--text-900);
  color: #ffffff;
  font-weight: 600;
}
:not(z).mh-pick {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 20px;
}
:not(z).mh-pick-lb {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--on-dark-2);
}
:not(z).mh-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:not(z).mh-flag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 8px;
  border: 1px solid var(--night-line);
  border-radius: var(--r-pill);
  background: var(--night-2);
  color: var(--on-dark-2);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: color 160ms linear, background-color 160ms linear, border-color 160ms linear;
}
:not(z).mh-flag:hover {
  background: #171717;
  border-color: #3a3a3a;
  color: #ffffff;
}
:not(z).mh-flag[data-on="true"] {
  background: var(--night-3);
  border-color: var(--blue-500);
  color: #ffffff;
}
:not(z).mh-flag-disc {
  position: relative;
  display: block;
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  filter: grayscale(1);
  transition: filter 220ms linear;
}
:not(z).mh-flag-disc svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).mh-flag-disc::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #2f2f2f;
}
:not(z).mh-flag:hover .mh-flag-disc, :not(z).mh-flag[data-on="true"] .mh-flag-disc {
  filter: none;
}
@media (max-width: 719.5px) {
  :not(z).mh-pick {
    gap: 8px 12px;
    margin-bottom: 16px;
  }
  :not(z).mh-flag {
    gap: 8px;
    padding: 4px 12px 4px 8px;
    font-size: 14px;
  }
  :not(z).mh-flag-disc {
    width: 20px;
    height: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).mh-flag, :not(z).mh-flag-disc {
    transition: none;
  }
}
:not(z).aft-leg[data-inc="ornekte"], :not(z).aft-item[data-inc="ornekte"], :not(z).aft-out-list li[data-inc="ornekte"] {
  --aft-c: var(--blue-700);
  --aft-cs: var(--blue-100);
}
:not(z).aft-leg[data-inc="gerekli-ise"], :not(z).aft-item[data-inc="gerekli-ise"], :not(z).aft-out-list li[data-inc="gerekli-ise"] {
  --aft-c: var(--amber-600);
  --aft-cs: var(--amber-100);
}
:not(z).aft-leg[data-inc="istege-bagli"], :not(z).aft-item[data-inc="istege-bagli"], :not(z).aft-out-list li[data-inc="istege-bagli"] {
  --aft-c: var(--text-600);
  --aft-cs: var(--paper);
}
:not(z).aft-fold {
  height: 0;
  overflow: hidden;
}
:not(z).aft-fold-in {
  padding-top: 24px;
}
:not(z).aft-more {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 16px 16px;
  border: 1px solid transparent;
  border-radius: var(--r-lg);
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms linear, border-color 160ms linear;
}
:not(z).aft-more-t {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
:not(z).aft-more-t b {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.012em;
  line-height: 1.3;
}
:not(z).aft-more-t > span {
  font-size: 14px;
  line-height: 1.5;
}
:not(z).aft-more-i {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  transition: transform 260ms var(--ease-out-quint);
}
:not(z).aft-more[aria-expanded="true"] .aft-more-i {
  transform: rotate(180deg);
}
:not(z).aft-more[data-tone="night"] {
  margin-top: 24px;
  background: var(--night-2);
  border-color: var(--night-line);
}
:not(z).aft-more[data-tone="night"] .aft-more-t b {
  color: #ffffff;
}
:not(z).aft-more[data-tone="night"] .aft-more-t > span {
  color: var(--on-dark-3);
}
:not(z).aft-more[data-tone="night"] .aft-more-i {
  background: var(--night-3);
  color: #ffffff;
}
@media (hover: hover) {
  :not(z).aft-more[data-tone="night"]:hover {
    background: #17181b;
    border-color: #3a3d44;
  }
}
:not(z).aft-disc {
  margin-top: var(--space-head);
}
:not(z).aft-more[data-tone="line"] {
  padding: 20px 20px;
  background: var(--white);
  border-color: var(--border);
}
:not(z).aft-more[data-tone="line"] .aft-more-t b {
  color: var(--text-900);
}
:not(z).aft-more[data-tone="line"] .aft-more-t > span {
  color: var(--text-600);
}
:not(z).aft-more[data-tone="line"] .aft-more-i {
  background: var(--paper);
  color: var(--text-900);
}
@media (hover: hover) {
  :not(z).aft-more[data-tone="line"]:hover {
    background: var(--blue-100);
    border-color: var(--blue-700);
  }
  :not(z).aft-more[data-tone="line"]:hover .aft-more-i {
    background: var(--white);
  }
}
:not(z).aft-legend {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  list-style: none;
  padding: 0;
}
:not(z).aft-leg {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--white);
}
:not(z).aft-leg > i {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 50%;
  background: var(--aft-c);
}
:not(z).aft-leg-t {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).aft-leg-t b {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--text-900);
}
:not(z).aft-leg-n {
  flex: none;
  align-self: center;
  padding: 4px 10px;
  border-radius: var(--r-pill);
  background: var(--aft-cs);
  color: var(--aft-c);
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  :not(z).aft-legend {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:not(z).aft-tbl {
  --aft-cols: minmax(0, 1fr);
  margin-top: var(--space-block);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
  overflow: hidden;
}
:not(z).aft-thead, :not(z).aft-thead-c {
  display: none;
}
:not(z).aft-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
:not(z).aft-item + .aft-item {
  border-top: 1px solid var(--border);
}
:not(z).aft-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  grid-template-areas: "main chev" "price chev";
  align-items: start;
  gap: 12px 14px;
  width: 100%;
  padding: 18px 18px;
  border: 0;
  background: transparent;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 170ms var(--ease-out-soft);
}
:not(z).aft-top:hover {
  background: var(--paper);
}
:not(z).aft-main {
  grid-area: main;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}
:not(z).aft-name {
  order: 2;
  flex: 1 0 100%;
}
:not(z).aft-chip {
  flex: none;
  padding: 4px 10px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--paper);
  color: var(--text-600);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  white-space: nowrap;
}
:not(z).aft-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
:not(z).aft-name b {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.012em;
  line-height: 1.3;
  color: var(--text-900);
}
:not(z).aft-name i {
  font-style: normal;
  font-size: 12px;
  line-height: 1.35;
  color: var(--text-600);
}
:not(z).aft-flag {
  flex: none;
  padding: 4px 10px;
  border-radius: var(--r-pill);
  background: var(--aft-cs);
  color: var(--aft-c);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
:not(z).aft-months {
  display: none;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 3px;
}
:not(z).aft-m {
  height: 22px;
  border-radius: 3px;
  background: var(--border);
}
:not(z).aft-m[data-on] {
  background: var(--aft-c);
}
:not(z).aft-mh {
  font-size: 10.5px;
  line-height: 1;
  text-align: center;
  color: var(--text-600);
  font-variant-numeric: tabular-nums;
}
:not(z).aft-price {
  grid-area: price;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
:not(z).aft-price b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--text-900);
  font-variant-numeric: tabular-nums;
}
:not(z).aft-price b em {
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-600);
}
:not(z).aft-price > span {
  font-size: 12px;
  line-height: 1.35;
  color: var(--text-600);
}
:not(z).aft-chev {
  grid-area: chev;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-600);
  transition: transform 240ms var(--ease-out-quint), color 170ms linear;
}
:not(z).aft-top[aria-expanded="true"] .aft-chev {
  transform: rotate(180deg);
  color: var(--text-900);
}
:not(z).aft-wrap {
  overflow: hidden;
}
:not(z).aft-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 18px 18px 22px;
  border-top: 1px solid var(--border);
  background: var(--paper);
}
:not(z).aft-body-l {
  font-size: 14px;
  line-height: 1.62;
  color: var(--text-600);
  max-width: 76ch;
}
:not(z).aft-scope-h {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--text-900);
  margin-bottom: 10px;
}
:not(z).aft-scope ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}
:not(z).aft-scope li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).aft-scope li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--aft-c);
}
:not(z).aft-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 12px 14px;
  border-radius: var(--r-md);
  background: var(--white);
  border: 1px solid var(--border);
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
  max-width: 80ch;
}
:not(z).aft-note svg {
  flex: none;
  margin-top: 1px;
  color: var(--aft-c);
}
@media (min-width: 720px) {
  :not(z).aft-scope ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  :not(z).aft-tbl {
    --aft-cols: minmax(0, 1fr) 268px 152px 24px;
  }
  :not(z).aft-thead {
    display: grid;
    grid-template-columns: var(--aft-cols);
    align-items: end;
    gap: 20px;
    padding: 16px 22px 10px;
    background: var(--paper);
    border-bottom: 1px solid var(--border);
  }
  :not(z).aft-thead-l, :not(z).aft-thead-p {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--text-600);
  }
  :not(z).aft-thead-p {
    text-align: right;
  }
  :not(z).aft-thead-c {
    display: block;
    padding: 10px 22px;
    border-bottom: 1px solid var(--border);
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-600);
  }
  :not(z).aft-top {
    grid-template-columns: var(--aft-cols);
    grid-template-areas: "main months price chev";
    align-items: center;
    gap: 20px;
    padding: 16px 22px;
  }
  :not(z).aft-name {
    order: 0;
    flex: 0 1 auto;
  }
  :not(z).aft-months {
    display: grid;
  }
  :not(z).aft-top .aft-months {
    grid-area: months;
  }
  :not(z).aft-price {
    align-items: flex-end;
    text-align: right;
  }
  :not(z).aft-body {
    padding: 18px 22px 24px;
  }
}
:not(z).aft-sum {
  margin-top: var(--space-head);
  padding: 32px 20px;
  border-radius: var(--r-panel);
  background: var(--night);
}
:not(z).aft-sum-k {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--blue-500);
}
:not(z).aft-sum-t {
  margin-top: 8px;
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.18;
  font-size: clamp(22px, 2.8vw, 31px);
  color: #ffffff;
  max-width: 22ch;
}
:not(z).aft-sum-l {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.62;
  color: var(--on-dark-2);
  max-width: 66ch;
}
:not(z).aft-anchor {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
:not(z).aft-anchor-v {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:not(z).aft-anchor-num {
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  font-size: clamp(42px, 8vw, 60px);
  color: #ffffff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
:not(z).aft-anchor-num em {
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--on-dark-2);
  margin-left: 8px;
}
:not(z).aft-anchor-s {
  font-size: 14px;
  font-weight: 600;
  color: var(--blue-500);
}
:not(z).aft-facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--night-line);
  list-style: none;
}
:not(z).aft-facts li {
  position: relative;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 3px 8px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--on-dark-2);
}
:not(z).aft-facts li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--blue-600);
}
:not(z).aft-facts li[data-tone="out"]::before {
  background: #e8a33d;
}
:not(z).aft-facts li b {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.012em;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}
:not(z).aft-anchor-note {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.62;
  color: var(--on-dark-3);
  max-width: 78ch;
}
@media (min-width: 720px) {
  :not(z).aft-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
  }
}
:not(z).aft-bar {
  display: flex;
  height: 14px;
  border-radius: var(--r-pill);
  background: var(--night-3);
  overflow: hidden;
}
:not(z).aft-seg {
  display: block;
  height: 100%;
}
:not(z).aft-rows {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
:not(z).aft-row {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding-block: 13px;
  border-bottom: 1px solid var(--night-line);
}
:not(z).aft-row:last-child {
  border-bottom: 0;
}
:not(z).aft-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
:not(z).aft-row-k {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
:not(z).aft-row-k b {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: #ffffff;
}
:not(z).aft-row-k > span {
  font-size: 12px;
  color: #8c8c8c;
  font-variant-numeric: tabular-nums;
}
:not(z).aft-row-v {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
:not(z).aft-row-sum {
  padding-top: 17px;
}
:not(z).aft-row-sum .aft-row-k b {
  font-size: 16px;
  font-weight: 700;
}
:not(z).aft-row-sum .aft-row-k > span {
  color: var(--blue-500);
  font-weight: 600;
}
:not(z).aft-row-sum .aft-row-v {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
:not(z).aft-total-n {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--night-line);
  font-size: 12px;
  line-height: 1.6;
  color: #8c8c8c;
  max-width: 82ch;
}
:not(z).aft-out {
  margin-top: 26px;
  padding: 20px 18px;
  border: 1px dashed var(--night-line);
  border-radius: var(--r-lg);
  background: var(--night-2);
}
:not(z).aft-out-h {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #e8a33d;
}
:not(z).aft-out-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
:not(z).aft-out-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding-block: 13px;
  border-bottom: 1px solid var(--night-line);
}
:not(z).aft-out-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
:not(z).aft-out-t {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
:not(z).aft-out-t b {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: #ffffff;
}
:not(z).aft-out-t > span {
  font-size: 12px;
  color: #8c8c8c;
  font-variant-numeric: tabular-nums;
}
:not(z).aft-out-f {
  justify-self: start;
  align-self: center;
  padding: 4px 11px;
  border-radius: var(--r-pill);
  background: var(--night-3);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  color: #b5b5b5;
}
:not(z).aft-out-list li[data-inc="gerekli-ise"] .aft-out-f {
  color: #e8a33d;
}
:not(z).aft-out-note {
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid var(--night-line);
  font-size: 14px;
  line-height: 1.62;
  color: #b5b5b5;
  max-width: 84ch;
}
@media (min-width: 720px) {
  :not(z).aft-out-list li {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  :not(z).aft-out-f {
    justify-self: end;
  }
  :not(z).aft-anchor {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 32px;
  }
  :not(z).aft-anchor-v {
    align-items: flex-end;
    text-align: right;
  }
}
@media (min-width: 1024px) {
  :not(z).aft-sum {
    padding: 40px 32px;
  }
  :not(z).aft-more[data-tone="night"] {
    padding: 16px 20px;
  }
  :not(z).aft-out {
    padding: 24px 26px;
  }
}
:not(z).aft-entry {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "side" "rows" "foot";
  gap: 20px;
  margin-top: var(--space-head);
  padding: 24px 20px;
  border-radius: var(--r-panel);
  background: var(--paper);
}
:not(z).aft-entry-side {
  grid-area: side;
}
:not(z).aft-entry-rows {
  grid-area: rows;
}
:not(z).aft-efoot {
  grid-area: foot;
}
:not(z).aft-entry-k {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--blue-700);
}
:not(z).aft-entry-t {
  margin-top: 8px;
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.2;
  font-size: clamp(20px, 2.5vw, 28px);
  color: var(--text-900);
  max-width: 20ch;
  text-wrap: balance;
}
:not(z).aft-entry-rows {
  display: grid;
  align-content: center;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
:not(z).aft-erow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "who days" "track track";
  align-items: baseline;
  gap: 8px 12px;
}
:not(z).aft-ewho {
  grid-area: who;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1px 8px;
  min-width: 0;
}
:not(z).aft-ewho b {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: var(--text-900);
}
:not(z).aft-ewho > span {
  font-size: 12px;
  color: var(--text-600);
}
:not(z).aft-etrack {
  grid-area: track;
  height: 12px;
  border-radius: var(--r-pill);
  background: var(--border);
  overflow: hidden;
}
:not(z).aft-efill {
  display: block;
  height: 100%;
  border-radius: var(--r-pill);
  background: var(--blue-700);
}
:not(z).aft-edays {
  grid-area: days;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--text-900);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
:not(z).aft-edays span {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-600);
}
:not(z).aft-efoot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 20px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}
:not(z).aft-emore {
  flex: 1 1 240px;
  min-width: 0;
}
:not(z).aft-emore-s {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
  list-style: none;
}
:not(z).aft-emore-s::-webkit-details-marker {
  display: none;
}
:not(z).aft-emore-x {
  position: relative;
  flex: none;
  width: 11px;
  height: 11px;
}
:not(z).aft-emore-x::before, :not(z).aft-emore-x::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto 0;
  height: 1.5px;
  background: var(--text-600);
  transition: transform 220ms var(--ease-out-quint);
}
:not(z).aft-emore-x::after {
  transform: rotate(90deg);
}
:not(z).aft-emore[open] .aft-emore-x::after {
  transform: rotate(0deg);
}
:not(z).aft-emore-b {
  padding: 2px 0 4px;
  max-width: 68ch;
}
:not(z).aft-emore-b p {
  font-size: 14px;
  line-height: 1.62;
  color: var(--text-600);
}
:not(z).aft-emore-b p + p {
  margin-top: 10px;
}
:not(z).aft-emore-b ul {
  margin: 8px 0;
  padding-left: 16px;
  list-style: disc;
}
:not(z).aft-emore-b li {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).aft-emore-b li + li {
  margin-top: 4px;
}
:not(z).aft-etool {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  color: var(--text-900);
  text-decoration: none;
  transition: background 160ms var(--ease-out-quint), border-color 160ms var(--ease-out-quint);
}
:not(z).aft-etool svg {
  flex: none;
  color: var(--blue-700);
}
:not(z).aft-etool-t {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1px 8px;
  min-width: 0;
}
:not(z).aft-etool-t b {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
:not(z).aft-etool-t > span {
  font-size: 12px;
  color: var(--text-600);
}
:not(z).aft-etool[data-soon] {
  cursor: default;
}
@media (hover: hover) {
  :not(z).aft-etool:not([data-soon]):hover {
    background: var(--blue-100);
    border-color: var(--blue-700);
  }
}
@media (min-width: 720px) {
  :not(z).aft-erow {
    grid-template-columns: minmax(0, 190px) minmax(0, 1fr) auto;
    grid-template-areas: "who track days";
    align-items: center;
    gap: 12px;
  }
  :not(z).aft-ewho {
    flex-direction: column;
    gap: 1px;
  }
}
@media (min-width: 1024px) {
  :not(z).aft-entry {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    grid-template-areas: "side rows" "foot foot";
    row-gap: 16px;
    column-gap: 40px;
    padding: 24px 32px;
  }
}
:not(z).aft-foot {
  margin-top: var(--space-head);
  font-size: 14px;
  line-height: 1.65;
  color: var(--text-600);
  max-width: 84ch;
}
:not(z).aft-foot-cta {
  margin-top: 20px;
}
@media (prefers-reduced-motion: reduce) {
  :not(z).aft-top, :not(z).aft-chev, :not(z).aft-more, :not(z).aft-more-i, :not(z).aft-etool, :not(z).aft-emore-x::before, :not(z).aft-emore-x::after {
    transition: none;
  }
}
:not(z).cpr-more-a {
  display: inline;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.7;
  color: var(--blue-700);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid #bcd6f7;
  transition: color 160ms var(--ease-out-soft), border-color 160ms var(--ease-out-soft);
}
:not(z).cpr-more-a svg {
  display: inline-block;
  vertical-align: -2px;
  margin-left: 7px;
  transition: transform 260ms var(--ease-out-quint);
}
@media (hover: hover) {
  :not(z).cpr-more-a:hover {
    color: var(--blue-600);
    border-bottom-color: var(--blue-600);
  }
  :not(z).cpr-more-a:hover svg {
    transform: translateX(3px);
  }
}
:not(z).cpr-more-a:focus-visible {
  outline: 2px solid var(--blue-600);
  outline-offset: 4px;
  border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
  :not(z).cpr-more-a svg {
    transition: none;
  }
  :not(z).cpr-more-a:hover svg {
    transform: none;
  }
}
:not(z).cpr-card {
  display: flex;
  flex-direction: column;
  border-radius: var(--r-panel);
  border: 1px solid var(--night-line);
  background: var(--night);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
  overflow: clip;
}
:not(z).cpr-body {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-height: 0;
  padding: 16px 14px 18px;
  background: var(--night);
}
@media (min-width: 1024px) {
  :not(z).cpr-body {
    padding: 20px 18px 22px;
  }
}
@media (max-width: 719.5px) {
  :not(z).cpr-body {
    padding: 12px 11px 14px;
  }
}
:not(z).cpr-stage {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
:not(z).cpr-slide {
  grid-area: 1 / 1;
  min-width: 0;
}
:not(z).cpr-sizer {
  grid-area: 1 / 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  visibility: hidden;
  pointer-events: none;
}
:not(z).cpr-sizer > * {
  grid-area: 1 / 1;
}
:not(z).cpr-stage[data-empty="true"] {
  min-height: 180px;
}
:not(z).cpr-card .dv-card, :not(z).cpr-card .dv-folder {
  fill: #121212;
}
:not(z).cpr-card .dv-doc {
  fill: #141414;
  stroke: #3e3e3e;
}
:not(z).cpr-card .dv-input, :not(z).cpr-card .dv-row {
  fill: #171717;
}
:not(z).cpr-card .dv-lbl {
  fill: #7c7c7c;
}
:not(z).cpr-card .dv-s {
  fill: #878787;
}
:not(z).cpr-card .dv-ln {
  fill: #3a3a3a;
}
:not(z).cpr-card .dv-track {
  fill: #212121;
}
:not(z).cpr-card .dv-ok, :not(z).cpr-card .dv-pill-ok {
  fill: #22372c;
}
:not(z).cpr-card .dv-pill-ok {
  stroke: #32624a;
}
:not(z).cpr-card .dv-seal {
  fill: #14251d;
}
:not(z).cpr-card .dv-seal-in {
  stroke: #2f6647;
}
:not(z).cpr-card .dv-node {
  fill: #10202f;
  stroke: #2a4463;
}
:not(z).cpr-card .dv-cardface {
  fill: #0f1d2f;
  stroke: #28415e;
}
:not(z).cpr-card .dv-chip {
  fill: #878e97;
}
:not(z).tkr {
  background: var(--white);
  border-bottom: 1px solid var(--border);
}
:not(z).tkr-vp {
  overflow: hidden;
  padding-block: 12px;
  -webkit-mask-image: linear-gradient( 90deg, transparent 0, #000 6%, #000 94%, transparent 100% );
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
:not(z).tkr-track {
  display: flex;
  width: max-content;
  animation: tkr-run 61s linear infinite;
}
@keyframes tkr-run {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
:not(z).tkr:hover .tkr-track {
  animation-play-state: paused;
}
:not(z).tkr-set {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
:not(z).tkr-item {
  display: inline-flex;
  align-items: center;
  padding: 0 24px;
  white-space: nowrap;
}
:not(z).tkr-item .bm-chip-n {
  font-size: 14px;
  color: var(--text-900);
}
:not(z).tkr-item .bm-chip-plate {
  border-color: #dedede;
}
:not(z).tkr-ic {
  color: var(--blue-600);
}
@media (max-width: 719.5px) {
  :not(z).tkr-vp {
    padding-block: 8px;
  }
  :not(z).tkr-item {
    padding: 0 16px;
  }
  :not(z).tkr-item .bm-chip {
    gap: 8px;
  }
  :not(z).tkr-item .bm-chip-n {
    font-size: 14px;
  }
}
@media (max-height: 940px) and (min-width: 1024px) {
  :not(z).tkr-vp {
    padding-block: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).tkr-vp {
    padding-block: 12px;
    -webkit-mask-image: none;
    mask-image: none;
  }
  :not(z).tkr-track {
    animation: none;
    width: 100%;
  }
  :not(z).tkr-set + .tkr-set {
    display: none;
  }
  :not(z).tkr-set {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 12px;
  }
  :not(z).tkr-item[data-echo] {
    display: none;
  }
  :not(z).tkr-item {
    padding: 0 14px;
  }
}
:not(z).askc {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: var(--r-pill);
  border: 1px solid var(--border);
  background: var(--white);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--text-900);
  text-decoration: none;
  transition: border-color 160ms linear, background-color 160ms linear;
}
:not(z).askc svg:first-child {
  color: var(--blue-700);
}
:not(z).askc svg:last-child {
  transition: transform 200ms var(--ease-out-soft);
}
@media (hover: hover) {
  :not(z).askc:hover {
    border-color: var(--blue-700);
    background: var(--blue-100);
  }
  :not(z).askc:hover svg:last-child {
    transform: translateX(3px);
  }
}
:not(z).askc[data-tone="solid"] {
  background: #17181b;
  border-color: var(--night-line);
  color: #ffffff;
}
:not(z).askc[data-tone="solid"] svg:first-child {
  color: #78b0f5;
}
@media (hover: hover) {
  :not(z).askc[data-tone="solid"]:hover {
    background: #1f2126;
    border-color: #3a3d44;
  }
}
@keyframes pf6-sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(263%);
  }
}
:not(z).onv {
  --onv-h: 64px;
  --onv-ink: #ffffff;
  --onv-dim: #b9b9b9;
  --onv-hair: #333333;
  --onv-hover: #191919;
  --onv-on: #080808;
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: 100;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: border-color 160ms linear;
  animation: onvGiris 0.35s linear backwards;
}
@keyframes onvGiris {
  from {
    opacity: 0;
  }
}
@media (min-width: 1024px) {
  :not(z).onv {
    --onv-h: 76px;
  }
}
:not(z).onv[data-solid="true"] {
  --onv-ink: var(--text-900);
  --onv-dim: var(--text-600);
  --onv-hair: var(--border);
  --onv-hover: var(--paper);
  --onv-on: #ffffff;
  background: var(--white);
  border-bottom-color: var(--border);
}
:not(z).onv-bar {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 16px;
  height: var(--onv-h);
}
:not(z).onv-logo {
  display: inline-flex;
  align-items: center;
  flex: none;
  color: var(--onv-ink);
  text-decoration: none;
  transition: color 160ms linear;
}
:not(z).onv-nav {
  display: none;
}
@media (min-width: 1024px) {
  :not(z).onv-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-inline: auto;
  }
}
:not(z).onv-top {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding-inline: 12px;
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--onv-dim);
  cursor: pointer;
  transition: color 160ms linear, background-color 160ms linear;
}
:not(z).onv-top:hover, :not(z).onv-top[data-on="true"] {
  color: var(--onv-ink);
  background: var(--onv-hover);
}
:not(z).onv-top-flag {
  display: inline-flex;
  flex: none;
  width: 17px;
  height: 12px;
  border-radius: 3px;
  overflow: clip;
  box-shadow: 0 0 0 1px var(--onv-hair);
  transition: box-shadow 220ms linear;
}
:not(z).onv-top-flag svg {
  width: 100%;
  height: 100%;
}
:not(z).onv-chev {
  opacity: 0.55;
  transition: transform 240ms var(--ease-out-quint);
}
:not(z).onv-top[data-on="true"] .onv-chev {
  opacity: 1;
  transform: rotate(180deg);
}
:not(z).onv-right {
  display: none;
}
@media (min-width: 1024px) {
  :not(z).onv-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
  }
}
:not(z).onv-lang {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding-inline: 10px;
  border: 1px solid var(--onv-hair);
  border-radius: var(--r-pill);
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 600;
  color: var(--onv-ink);
  text-decoration: none;
  transition: border-color 160ms linear;
}
@media (hover: hover) {
  :not(z).onv-lang:hover {
    border-color: var(--onv-ink);
  }
}
:not(z).onv-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding-inline: 16px;
  border: 1px solid var(--onv-hair);
  border-radius: var(--r-pill);
  font-size: 14px;
  font-weight: 600;
  color: var(--onv-ink);
  white-space: nowrap;
  text-decoration: none;
  transition: color 160ms linear, border-color 160ms linear, background-color 160ms linear;
}
:not(z).onv-ghost:hover {
  background: var(--onv-hover);
}
@media (max-width: 1179.5px) {
  :not(z).onv-ghost:not(.onv-ghost-full) {
    display: none;
  }
}
:not(z).onv-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  padding-inline: 16px;
  border-radius: var(--r-pill);
  background: var(--blue-700);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 160ms linear;
}
:not(z).onv-cta:hover {
  background: var(--blue-800);
}
:not(z).onv-cta svg {
  transition: transform 220ms var(--ease-out-quint);
}
:not(z).onv-cta:hover svg {
  transform: translateX(3px);
}
:not(z).onv-burger {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 40px;
  height: 40px;
  margin-left: auto;
  border: 0;
  background: transparent;
  color: var(--onv-ink);
  cursor: pointer;
  transition: color 160ms linear;
}
:not(z).onv-burger span {
  display: block;
  width: 18px;
  height: 1.6px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 240ms var(--ease-inout), opacity 160ms linear;
}
:not(z).onv[data-sheet="true"] .onv-burger span[data-b="1"] {
  transform: translateY(6.6px) rotate(45deg);
}
:not(z).onv[data-sheet="true"] .onv-burger span[data-b="2"] {
  opacity: 0;
}
:not(z).onv[data-sheet="true"] .onv-burger span[data-b="3"] {
  transform: translateY(-6.6px) rotate(-45deg);
}
@media (min-width: 1024px) {
  :not(z).onv-burger {
    display: none;
  }
}
:not(z).onv-panel {
  position: absolute;
  top: calc(100% + 10px);
  left: var(--gutter-d);
  right: var(--gutter-d);
  z-index: 4;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  box-shadow: var(--shadow-float);
}
:not(z).onv-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}
@media (max-width: 1023.5px) {
  :not(z).onv-panel {
    display: none;
  }
}
:not(z).onv-axis {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 18px;
  background: var(--paper);
  border-bottom: 1px solid var(--border);
  border-radius: calc(var(--r-panel) - 1px) calc(var(--r-panel) - 1px) 0 0;
}
:not(z).onv-axis-tag {
  flex: none;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-600);
}
:not(z).onv-rail {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
}
:not(z).onv-axis-note {
  margin-left: auto;
  font-size: 12px;
  color: var(--text-600);
}
@media (max-width: 1023.5px) {
  :not(z).onv-axis-note {
    display: none;
  }
}
:not(z).onv-ctry {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 34px;
  padding-inline: 12px;
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--text-900);
  cursor: pointer;
  transition: color 160ms linear, background-color 160ms linear;
}
:not(z).onv-ctry[aria-selected="false"]:hover {
  background: var(--paper);
}
:not(z).onv-ctry-pill {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: var(--r-pill);
  background: var(--blue-700);
}
:not(z).onv-ctry-flag, :not(z).onv-ctry-n {
  position: relative;
  z-index: 1;
}
:not(z).onv-ctry-flag {
  display: inline-flex;
  flex: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: clip;
  border: 1px solid var(--border);
  transition: border-color 160ms linear;
}
:not(z).onv-ctry-flag svg {
  width: 100%;
  height: 100%;
}
:not(z).onv-ctry[aria-selected="true"] {
  color: #ffffff;
  font-weight: 600;
}
:not(z).onv-ctry[aria-selected="true"] .onv-ctry-flag {
  border-color: #ffffff;
}
:not(z).onv-ctry[data-here="true"]:not([aria-selected="true"]) {
  color: var(--blue-700);
}
:not(z).onv-ctry[data-here="true"]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  z-index: 2;
  translate: -50% 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--blue-600);
}
:not(z).onv-ctry[data-here="true"][aria-selected="true"]::after {
  background: #ffffff;
}
:not(z).onv-body, :not(z).onv-tail {
  padding: 18px;
}
:not(z).onv-cty {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
@media (max-width: 1023.5px) {
  :not(z).onv-cty {
    grid-template-columns: 260px minmax(0, 1fr);
  }
}
:not(z).onv-brief {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  overflow: clip;
  border-radius: var(--r-lg);
  background: var(--night-2);
  color: #ffffff;
}
:not(z).onv-brief-foto {
  position: absolute;
  inset: 0;
  display: block;
}
:not(z).onv-brief-foto img {
  object-fit: cover;
}
:not(z).onv-brief-perde {
  position: absolute;
  inset: 0;
  background: linear-gradient( to top, rgba(8, 8, 8, 0.94) 0%, rgba(8, 8, 8, 0.8) 34%, rgba(8, 8, 8, 0.12) 68%, rgba(8, 8, 8, 0) 100% );
}
:not(z).onv-brief-uzeri {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-end;
  gap: 3px;
  padding: 15px;
}
:not(z).onv-brief-ad {
  display: flex;
  align-items: center;
  gap: 9px;
}
:not(z).onv-brief-flag {
  display: inline-flex;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  overflow: clip;
  border: 1px solid var(--night-line);
}
:not(z).onv-brief-flag svg {
  width: 100%;
  height: 100%;
}
:not(z).onv-brief-ad b {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.15;
  color: #ffffff;
}
:not(z).onv-brief-uzeri em {
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
  color: #d5d5d5;
}
:not(z).onv-brief-uzeri .onv-brief-go {
  margin-top: 14px;
}
:not(z).onv-brief-go {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding: 9px 13px;
  border-radius: var(--r-md);
  background: #ffffff;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
  text-decoration: none;
  transition: background-color 160ms linear, color 160ms linear;
}
:not(z).onv-brief-go:hover, a:not(z).onv-brief:hover .onv-brief-go {
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).onv-brief-go svg {
  flex: none;
  transition: transform 220ms var(--ease-out-quint);
}
:not(z).onv-brief-go:hover svg, a:not(z).onv-brief:hover .onv-brief-go svg {
  transform: translateX(3px);
}
a:not(z).onv-brief, span:not(z).onv-brief {
  text-decoration: none;
}
a:not(z).onv-brief .onv-brief-uzeri em, span:not(z).onv-brief .onv-brief-uzeri em {
  font-size: 14px;
}
:not(z).onv-brief-ust {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  max-width: calc(100% - 24px);
  padding: 4px 10px;
  border-radius: var(--r-sm);
  background: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-900);
}
:not(z).onv-brief[data-uzun] {
  min-height: 320px;
}
:not(z).onv-brief[data-uzun] .onv-brief-ad b {
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
:not(z).onv-brief-flags {
  display: inline-flex;
  flex: none;
}
:not(z).onv-brief-flags .onv-brief-flag + .onv-brief-flag {
  margin-left: -8px;
}
:not(z).onv-svc {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
:not(z).onv-grid {
  display: grid;
  gap: 8px;
  align-content: start;
}
:not(z).onv-grid[data-cols="1"] {
  grid-template-columns: minmax(0, 1fr);
}
:not(z).onv-grid[data-cols="1"] .onv-card, :not(z).onv-grid[data-tek] .onv-card {
  align-items: center;
  padding-block: 11px;
}
:not(z).onv-grid[data-cols="1"] .onv-card-tx, :not(z).onv-grid[data-tek] .onv-card-tx {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 16px;
}
:not(z).onv-grid[data-cols="1"] .onv-card-tx em, :not(z).onv-grid[data-tek] .onv-card-tx em {
  margin-top: 0;
  margin-left: auto;
  text-align: right;
}
:not(z).onv-grid[data-tek] .onv-card-tx {
  flex-wrap: nowrap;
}
:not(z).onv-grid[data-tek] .onv-card-tx b {
  flex: none;
  white-space: nowrap;
}
:not(z).onv-grid[data-tek] .onv-card-tx em {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
:not(z).onv-grid[data-cols="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:not(z).onv-grid[data-cols="4"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:not(z).onv-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px 13px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--white);
  text-decoration: none;
  transition: border-color 180ms linear, box-shadow 180ms linear, transform 220ms var(--ease-out-soft);
}
:not(z).onv-card:hover {
  border-color: var(--blue-600);
  box-shadow: 0 6px 18px rgba(48, 127, 226, 0.1);
  transform: translateY(-1px);
}
:not(z).onv-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--white);
  color: var(--text-900);
  transition: background-color 180ms linear, border-color 180ms linear, color 180ms linear;
}
:not(z).onv-card:hover .onv-ic {
  background: var(--blue-600);
  border-color: var(--blue-600);
  color: #ffffff;
}
:not(z).onv-card-tx {
  display: block;
  min-width: 0;
}
:not(z).onv-card-tx b {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--text-900);
}
:not(z).onv-card-tx em {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-style: normal;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).onv-card[data-dead] {
  border-style: dashed;
  background: var(--paper);
  cursor: default;
}
:not(z).onv-card[data-dead]:hover {
  border-color: var(--border);
  box-shadow: none;
  transform: none;
}
:not(z).onv-card[data-dead] .onv-ic {
  background: transparent;
  color: #a2a2a2;
}
:not(z).onv-card[data-dead]:hover .onv-ic {
  background: transparent;
  border-color: var(--border);
  color: #a2a2a2;
}
:not(z).onv-card[data-dead] .onv-card-tx b {
  font-weight: 500;
  color: var(--text-600);
}
:not(z).onv-card[data-dead] .onv-card-tx em {
  color: #a2a2a2;
}
:not(z).onv-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 26px -18px -18px;
  padding: 13px 18px;
  background: var(--paper);
  border-radius: 0 0 calc(var(--r-panel) - 1px) calc(var(--r-panel) - 1px);
}
:not(z).onv-foot-q {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-600);
}
:not(z).onv-foot-q svg {
  flex: none;
  color: var(--blue-700);
}
:not(z).onv-foot-a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
:not(z).onv-foot-l {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding-inline: 14px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 150ms linear, color 150ms linear, border-color 150ms linear;
  background: var(--white);
}
:not(z).onv-foot-l:hover {
  border-color: var(--text-900);
}
:not(z).onv-foot-l[data-strong] {
  background: var(--blue-100);
  border-color: transparent;
  color: var(--blue-700);
}
:not(z).onv-foot-l[data-strong]:hover {
  background: var(--blue-700);
  color: #ffffff;
}
:not(z).onv-foot-l svg {
  transition: transform 220ms var(--ease-out-quint);
}
:not(z).onv-foot-l:hover svg {
  transform: translateX(3px);
}
:not(z).onv-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 22px;
  align-items: start;
}
@media (max-width: 1023.5px) {
  :not(z).onv-split {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}
:not(z).onv-split {
  align-items: stretch;
}
:not(z).onv-split > [role="group"] > .onv-grid[data-cols="1"] {
  height: 100%;
  grid-auto-rows: minmax(0, 1fr);
}
:not(z).onv-split > div > .onv-brief {
  min-height: 320px;
}
:not(z).onv-scrim {
  position: fixed;
  inset: var(--onv-h) 0 0;
  z-index: 1;
  background: rgba(8, 8, 8, 0.34);
}
:not(z).onv-sheet {
  position: fixed;
  inset: var(--onv-h) 0 0;
  z-index: 2;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--white);
  border-top: 1px solid var(--border);
}
@media (min-width: 1024px) {
  :not(z).onv-sheet {
    display: none;
  }
}
:not(z).onv-sheet-in {
  padding: 16px var(--gutter-m) 40px;
}
:not(z).onv-axis-m {
  display: block;
  padding: 12px 10px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
}
:not(z).onv-axis-m .onv-axis-tag {
  display: block;
  margin-bottom: 9px;
  padding-inline: 2px;
}
:not(z).onv-rail-m {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}
:not(z).onv-rail-m .onv-ctry {
  height: 40px;
  padding-inline: 6px;
  font-size: 14px;
}
:not(z).onv-seg-panel {
  margin-top: 14px;
}
:not(z).onv-m-country {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  border-radius: var(--r-md);
  background: var(--night-2);
  color: #ffffff;
  text-decoration: none;
}
:not(z).onv-m-country b {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}
:not(z).onv-m-country em {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-style: normal;
  color: #b9b9b9;
}
:not(z).onv-m-country svg {
  flex: none;
  color: #ffffff;
}
:not(z).onv-m-row {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 2px;
  border-bottom: 1px solid var(--border);
  font-size: 14px;
  font-weight: 500;
  color: var(--text-900);
  text-decoration: none;
}
:not(z).onv-m-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 30px;
  height: 30px;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--white);
  color: var(--text-900);
}
:not(z).onv-m-row[data-dead] {
  color: var(--text-600);
  font-weight: 400;
}
:not(z).onv-m-row[data-dead] .onv-m-ic {
  border-style: dashed;
  background: var(--paper);
  color: #a2a2a2;
}
:not(z).onv-m-row[data-dead] em {
  margin-left: auto;
  font-size: 12px;
  font-style: normal;
  color: #a2a2a2;
}
:not(z).onv-m-unsure {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  padding: 13px 15px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
  text-decoration: none;
}
:not(z).onv-m-unsure svg:first-of-type {
  flex: none;
  color: var(--blue-700);
}
:not(z).onv-m-unsure svg:last-of-type {
  flex: none;
  margin-left: auto;
}
:not(z).onv-m-acc {
  margin-top: 22px;
  border-top: 1px solid var(--border);
}
:not(z).onv-m-sec {
  border-bottom: 1px solid var(--border);
}
:not(z).onv-m-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 54px;
  border: 0;
  background: transparent;
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 600;
  color: var(--text-900);
  cursor: pointer;
}
:not(z).onv-m-body {
  padding-bottom: 10px;
}
:not(z).onv-m-body .onv-m-row:last-child {
  border-bottom: 0;
}
:not(z).onv-m-cta {
  display: grid;
  gap: 8px;
  margin-top: 22px;
}
:not(z).onv-cta-full, :not(z).onv-ghost-full {
  width: 100%;
  height: 48px;
}
:not(z).onv-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
:not(z).onv:not([data-solid="true"]) .onv-top:focus-visible, :not(z).onv:not([data-solid="true"]) .onv-ghost:focus-visible, :not(z).onv:not([data-solid="true"]) .onv-burger:focus-visible, :not(z).onv:not([data-solid="true"]) .onv-logo:focus-visible, :not(z).onv:not([data-solid="true"]) .onv-lang:focus-visible, :not(z).onv-brief :focus-visible {
  outline-color: #ffffff;
}
@media (prefers-reduced-motion: reduce) {
  :not(z).onv, :not(z).onv *, :not(z).onv *::before, :not(z).onv *::after {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
  :not(z).onv-card:hover {
    transform: none;
  }
  :not(z).onv-cta:hover svg, :not(z).onv-brief-go:hover svg, :not(z).onv-foot-l:hover svg, a:not(z).onv-brief:hover .onv-brief-go svg {
    transform: none;
  }
}
:not(z).onv-cta-m {
  margin-left: auto;
  height: 38px;
  padding-inline: 15px;
}
:not(z).onv-bar .onv-cta-m + .onv-burger {
  margin-left: 0;
  border: 1px solid var(--onv-hair);
  border-radius: 50%;
}
@media (min-width: 1024px) {
  :not(z).onv-cta-m {
    display: none;
  }
}
:not(z).onv-mt {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border-radius: var(--r-pill);
  background: var(--paper);
}
:not(z).onv-mt-b {
  height: 38px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--r-pill);
  background: transparent;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  color: var(--text-600);
  cursor: pointer;
}
:not(z).onv-mt-b[aria-selected="true"] {
  border-color: var(--border);
  background: var(--white);
  color: var(--text-900);
  font-weight: 600;
}
:not(z).onv-mt-panel {
  margin-top: 14px;
}
:not(z).onv-mt-liste, :not(z).onv-sheet .onv-seg-panel {
  display: grid;
  gap: 8px;
}
:not(z).onv-sheet .onv-m-row {
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--white);
  font-size: 15px;
}
:not(z).onv-sheet .onv-m-row[data-dead] {
  border-style: dashed;
  background: var(--paper);
}
:not(z).onv-sheet .onv-m-ic {
  width: 34px;
  height: 34px;
  border: 0;
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).onv-sheet .onv-m-ic[data-ton="yesil"] {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).onv-sheet .onv-m-ic[data-ton="amber"] {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).onv-sheet .onv-m-row[data-dead] .onv-m-ic {
  border: 0;
  background: var(--white);
}
:not(z).onv-m-ok {
  flex: none;
  margin-left: auto;
  color: var(--text-600);
}
:not(z).onv-sheet .onv-m-unsure {
  margin-top: 8px;
}
:not(z).onv-sheet .onv-m-cta {
  margin-top: 16px;
}
:not(z).onv-bay-grup {
  display: inline-flex;
  flex: none;
  align-items: center;
  align-self: center;
  margin-left: auto;
  padding-left: 10px;
}
:not(z).onv-bay {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  overflow: clip;
  border: 1.5px solid var(--white);
  border-radius: 50%;
  background: var(--paper);
  box-shadow: 0 0 0 1px var(--border);
}
:not(z).onv-bay + .onv-bay {
  margin-left: -7px;
}
:not(z).onv-bay svg {
  width: 100%;
  height: 100%;
}
:not(z).onv-bay-dunya {
  color: var(--text-600);
}
:not(z).onv-bay-dunya svg {
  width: 13px;
  height: 13px;
}
:not(z).onv-brief[data-kisa] {
  min-height: 148px;
  margin-top: 10px;
}
:not(z).onv-brief[data-kisa] .onv-brief-go {
  display: none;
}
:not(z).onv-brief[data-kisa][data-uzun] .onv-brief-ad b {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
:not(z).phg {
  position: relative;
  isolation: isolate;
  --phg-cell: 64px;
  --phg-nav: 64px;
  --phg-soft: calc(var(--phg-nav) + 44px);
  --phg-fade: calc(var(--phg-cell) * 2.5);
  --phg-focus-x: 50%;
  --phg-focus-y: 48%;
  --phg-rx: 82%;
  --phg-ry: 104%;
  --phg-glow-x: 50%;
  --phg-glow-w: min(760px, 132%);
  --phg-glow-y: 152px;
  --phg-glow-dim: 0.72;
  --phg-glow-shift: calc(var(--phg-glow-y) - 50%);
}
@media (min-width: 1024px) {
  :not(z).phg {
    --phg-cell: 96px;
    --phg-nav: 76px;
    --phg-focus-x: 42%;
    --phg-focus-y: 52%;
    --phg-rx: 66%;
    --phg-ry: 100%;
    --phg-glow-x: 42%;
    --phg-glow-w: min(940px, 74%);
    --phg-glow-y: 176px;
  }
}
:not(z).ph-split.phg {
  --phg-focus-x: 34%;
  --phg-focus-y: 44%;
  --phg-rx: 76%;
  --phg-ry: 118%;
  --phg-glow-x: 50%;
  --phg-glow-w: min(980px, 152%);
  --phg-glow-y: 176px;
  --phg-glow-dim: 1;
}
@media (min-width: 1024px) {
  :not(z).ph-split.phg {
    --phg-focus-x: 34%;
    --phg-focus-y: 44%;
    --phg-rx: 76%;
    --phg-ry: 118%;
    --phg-glow-x: 36%;
    --phg-glow-w: min(1180px, 88%);
    --phg-glow-y: 211px;
    --phg-glow-dim: 1;
  }
}
:not(z).phg > .container-o {
  position: relative;
  z-index: 1;
}
:not(z).phg-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: clip;
  -webkit-mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.38) 0%, #000 max(22%, var(--phg-soft)), #000 min(54%, 100% - var(--phg-fade)), rgba(0, 0, 0, 0) max(93%, 100% - var(--phg-cell)) );
  mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.38) 0%, #000 max(22%, var(--phg-soft)), #000 min(54%, 100% - var(--phg-fade)), rgba(0, 0, 0, 0) max(93%, 100% - var(--phg-cell)) );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
:not(z).phg-grid {
  position: absolute;
  inset: -128px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: var(--phg-cell) var(--phg-cell);
  -webkit-mask-image: radial-gradient( var(--phg-rx) var(--phg-ry) at var(--phg-focus-x) var(--phg-focus-y), #000 0%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0) 88% );
  mask-image: radial-gradient( var(--phg-rx) var(--phg-ry) at var(--phg-focus-x) var(--phg-focus-y), #000 0%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0) 88% );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  animation: phgDrift 60s linear infinite;
}
@keyframes phgDrift {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(var(--phg-cell), var(--phg-cell), 0);
  }
}
:not(z).phg-glow {
  position: absolute;
  left: var(--phg-glow-x);
  top: 0;
  width: var(--phg-glow-w);
  aspect-ratio: 1 / 0.72;
  opacity: calc(0.8 * var(--phg-glow-dim));
  transform: translate(-50%, var(--phg-glow-shift));
  background: radial-gradient( 50% 50% at 50% 50%, rgba(48, 127, 226, 0.16) 0%, rgba(48, 127, 226, 0.06) 46%, rgba(48, 127, 226, 0) 72% );
  animation: phgBreathe 26s var(--ease-inout) infinite;
}
@keyframes phgBreathe {
  0%, 100% {
    opacity: calc(0.66 * var(--phg-glow-dim));
    transform: translate(-50%, var(--phg-glow-shift)) scale(1);
  }
  50% {
    opacity: calc(0.92 * var(--phg-glow-dim));
    transform: translate(-50%, var(--phg-glow-shift)) scale(1.035);
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).phg-grid, :not(z).phg-glow {
    animation: none;
  }
}
:not(z).phg-bg[data-zemin="yildiz"] {
  --phg-fade: 120px;
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-yildiz {
  position: absolute;
  inset: 0;
  opacity: 0.8;
  overflow: hidden;
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-yildiz::before {
  content: "";
  position: absolute;
  inset: 0 -420px 0 0;
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-yildiz-a::before {
  background-image: radial-gradient(circle 1.5px at 12% 24%, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.1px at 47% 9%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.3px at 71% 38%, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1px at 88% 15%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.2px at 31% 63%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 420px 260px;
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-yildiz-b::before {
  background-image: radial-gradient(circle 1px at 22% 46%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.2px at 64% 20%, rgba(160, 197, 245, 0.34) 0%, rgba(160, 197, 245, 0) 100%), radial-gradient(circle 0.9px at 84% 58%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 300px 190px;
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-kayan {
  position: absolute;
  width: var(--phy-kl);
  height: 1.5px;
  border-radius: 1px;
  transform-origin: 100% 50%;
  transform: rotate(var(--phy-ka)) translateX(0);
  background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  will-change: transform, opacity;
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-kayan::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 3px;
  height: 3px;
  margin-top: -1.5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 7px 1px rgba(255, 255, 255, 0.5);
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-kayan-1 {
  --phy-ka: 12deg;
  --phy-kl: clamp(56px, 7vw, 104px);
  --phy-kd: clamp(150px, 18vw, 280px);
  left: -4%;
  top: 34%;
}
:not(z).phg-bg[data-zemin="yildiz"] .phy-kayan-2 {
  --phy-ka: 8deg;
  --phy-kl: clamp(44px, 5.5vw, 84px);
  --phy-kd: clamp(130px, 16vw, 250px);
  left: 78%;
  top: 42%;
}
:not(z).ph-split .phg-bg[data-zemin="yildiz"] .phy-kayan-1 {
  --phy-ka: 21deg;
  --phy-kl: clamp(64px, 8vw, 118px);
  --phy-kd: clamp(210px, 27vw, 400px);
  left: -4%;
  top: 25%;
}
:not(z).ph-split .phg-bg[data-zemin="yildiz"] .phy-kayan-2 {
  --phy-ka: 9deg;
  --phy-kl: clamp(48px, 6vw, 92px);
  --phy-kd: clamp(150px, 19vw, 290px);
  left: -2%;
  top: 44%;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).phg-bg[data-zemin="yildiz"] .phy-yildiz-a::before {
    animation: phyKay 44017ms linear infinite;
  }
  :not(z).phg-bg[data-zemin="yildiz"] .phy-kayan-1 {
    animation: phyKayan1 33013ms linear infinite;
  }
  :not(z).phg-bg[data-zemin="yildiz"] .phy-kayan-2 {
    animation: phyKayan2 118033ms linear infinite;
  }
}
@keyframes phyKay {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-420px, 0, 0);
  }
}
@keyframes phyKayan1 {
  0% {
    opacity: 0;
    transform: rotate(var(--phy-ka)) translateX(0);
  }
  0.36% {
    opacity: 1;
  }
  2.6% {
    opacity: 1;
  }
  3.33% {
    opacity: 0;
    transform: rotate(var(--phy-ka)) translateX(var(--phy-kd));
  }
  100% {
    opacity: 0;
    transform: rotate(var(--phy-ka)) translateX(var(--phy-kd));
  }
}
@keyframes phyKayan2 {
  0% {
    opacity: 0;
    transform: rotate(var(--phy-ka)) translateX(0);
  }
  0.14% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  1.27% {
    opacity: 0;
    transform: rotate(var(--phy-ka)) translateX(var(--phy-kd));
  }
  100% {
    opacity: 0;
    transform: rotate(var(--phy-ka)) translateX(var(--phy-kd));
  }
}
:not(z).hta {
  padding-block: clamp(120px, 16vw, 190px) clamp(72px, 9vw, 120px);
}
:not(z).hta-in {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 62ch;
}
:not(z).hta-kod {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--blue-500);
}
:not(z).hta-in .ph-title {
  margin-top: 12px;
}
:not(z).hta-in .ph-lead {
  margin-top: 12px;
}
:not(z).hta-eylem {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(26px, 3vw, 36px);
}
:not(z).hta-adres {
  margin-top: 26px;
  padding-top: 16px;
  border-top: 1px solid var(--night-line);
  align-self: stretch;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 12px;
  line-height: 1.6;
  color: var(--on-dark-3);
  overflow-wrap: anywhere;
}
:not(z).chn {
  margin-top: var(--space-head);
  --chn-year: 33.333%;
  --chn-tail: 70%;
  --chn-run: 880px;
  --chn-dur: 9s;
  --chn-lite: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 38%,
    rgba(255, 255, 255, 0.32) 50%,
    rgba(255, 255, 255, 0) 62%,
    rgba(255, 255, 255, 0) 100%
  );
  --chn-pulse: linear-gradient(
    90deg,
    rgba(48, 127, 226, 0) 0%,
    rgba(48, 127, 226, 0) 32%,
    rgba(48, 127, 226, 0.85) 50%,
    rgba(48, 127, 226, 0) 68%,
    rgba(48, 127, 226, 0) 100%
  );
  --chn-fade: linear-gradient(90deg, #000 0 var(--chn-tail), transparent 100%);
  --soon-dim: 1;
}
:not(z).chn-head, :not(z).chn-row {
  display: grid;
  grid-template-columns: minmax(200px, 0.88fr) minmax(0, 2.35fr) minmax(130px, auto);
  align-items: center;
  gap: 24px;
}
:not(z).chn-head {
  padding-bottom: 11px;
  border-bottom: 1px solid var(--border);
}
:not(z).chn-axis {
  position: relative;
  display: block;
  height: 15px;
}
:not(z).chn-axis i {
  position: absolute;
  top: 0;
  font-style: normal;
  font-size: 12px;
  line-height: 1.2;
  color: var(--text-600);
  white-space: nowrap;
}
:not(z).chn-ax-a {
  left: 0;
}
:not(z).chn-ax-y {
  left: var(--chn-year);
  transform: translateX(-50%);
  color: var(--text-900);
}
:not(z).chn-ax-b {
  right: 0;
}
:not(z).chn-axis::after {
  content: "";
  position: absolute;
  left: var(--chn-year);
  top: 100%;
  height: 11px;
  width: 1px;
  background: rgba(8, 8, 8, 0.14);
}
:not(z).chn-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}
:not(z).chn-row {
  padding: 20px 12px;
  margin-inline: -14px;
  border-radius: var(--r-md);
  text-decoration: none;
  transition: background-color 160ms var(--ease-out-soft);
}
:not(z).chn-row:hover {
  background: var(--paper);
}
:not(z).chn-lab {
  min-width: 0;
}
:not(z).chn-t {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.018em;
  font-size: 18px;
  line-height: 1.25;
  color: var(--text-900);
  transition: color 160ms linear;
}
:not(z).chn-t svg {
  flex: none;
  color: var(--text-600);
  transition: color 240ms linear;
}
:not(z).chn-t svg.chn-ic {
  color: var(--blue-600);
}
:not(z).chn-arrow {
  opacity: 0;
  transform: translate(-4px, 3px);
  transition: opacity 240ms linear, transform 240ms var(--ease-out-soft);
}
:not(z).chn-row:hover .chn-t, :not(z).chn-row:hover .chn-t svg {
  color: var(--blue-700);
}
:not(z).chn-row:hover .chn-arrow {
  opacity: 1;
  transform: none;
}
:not(z).chn-l {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
  margin-top: 8px;
}
:not(z).chn-track {
  position: relative;
  display: block;
  align-self: stretch;
  min-height: 44px;
}
:not(z).chn-track::before {
  content: "";
  position: absolute;
  left: var(--chn-year);
  top: -21px;
  bottom: -21px;
  width: 1px;
  background: rgba(8, 8, 8, 0.12);
}
:not(z).chn-rows > li:last-child .chn-track::before {
  bottom: 0;
}
:not(z).chn-bar {
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--chn-w);
  height: 11px;
  margin-top: -5.5px;
  border-radius: 2px;
}
:not(z).chn-bar[data-kind="once"] {
  background: var(--text-900);
}
@keyframes chn-run {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: var(--chn-run);
  }
}
@keyframes chn-pass {
  from {
    background-position-x: 0, 0;
  }
  to {
    background-position-x: var(--chn-run), 0;
  }
}
@keyframes chn-trail {
  from {
    background-position-x: 0, 0, 0;
  }
  to {
    background-position-x: 0, var(--chn-run), 0;
  }
}
:not(z).chn-bar[data-kind="nonstop"] {
  background-color: var(--blue-600);
  background-image: var(--chn-lite);
  background-size: var(--chn-run) 100%;
  background-repeat: repeat;
  animation: chn-run var(--chn-dur) linear infinite;
  animation-delay: var(--chn-phase, 0s);
}
:not(z).chn-bar[data-kind="repeat"] {
  --chn-marks: repeating-linear-gradient(
    90deg,
    #000 0 var(--chn-m),
    transparent var(--chn-m) var(--chn-p)
  );
  background-image: var(--chn-lite), linear-gradient(90deg, var(--blue-600) 0 var(--chn-tail), transparent 100%);
  background-size: var(--chn-run) 100%, 100% 100%;
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  -webkit-mask-image: var(--chn-marks);
  mask-image: var(--chn-marks);
  animation: chn-pass var(--chn-dur) linear infinite;
  animation-delay: var(--chn-phase, 0s);
}
:not(z).chn-bar[data-kind="open"] {
  background-image: linear-gradient(90deg, var(--blue-600) 0 var(--chn-open), transparent var(--chn-open)), var(--chn-pulse), linear-gradient(var(--chart-blue), var(--chart-blue));
  background-size: 100% 100%, var(--chn-run) 3px, 100% 3px;
  background-position: 0 0, 0 50%, 0 50%;
  background-repeat: no-repeat, repeat-x, no-repeat;
  animation: chn-trail var(--chn-dur) linear infinite;
  animation-delay: var(--chn-phase, 0s);
}
:not(z).chn-bar[data-kind="open"], :not(z).chn-bar[data-kind="nonstop"] {
  -webkit-mask-image: var(--chn-fade);
  mask-image: var(--chn-fade);
}
:not(z).chn-cad {
  justify-self: end;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-600);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
:not(z).chn-cad[data-once] {
  font-weight: 500;
  color: var(--text-900);
}
:not(z).chn-note {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-600);
  margin-top: var(--space-block);
  max-width: 62ch;
}
@media (max-width: 719.5px) {
  :not(z).chn-head {
    display: block;
    padding-bottom: 10px;
  }
  :not(z).chn-head > span:first-child, :not(z).chn-head > span:last-child {
    display: none;
  }
  :not(z).chn-axis::after {
    height: 10px;
  }
  :not(z).chn-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px 16px;
    padding: 20px 0;
    margin-inline: 0;
    border-radius: 0;
  }
  :not(z).chn-rows > li + li .chn-row {
    border-top: 1px solid var(--border);
  }
  :not(z).chn-row:hover {
    background: transparent;
  }
  :not(z).chn-lab {
    grid-column: 1;
    grid-row: 1;
  }
  :not(z).chn-cad {
    grid-column: 2;
    grid-row: 1;
    padding-top: 3px;
  }
  :not(z).chn-track {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 11px;
    height: 11px;
  }
  :not(z).chn-track::before {
    top: -7px;
    bottom: -7px;
  }
  :not(z).chn-t {
    font-size: 16px;
  }
  :not(z).chn-l {
    font-size: 14px;
  }
  :not(z).chn-cad {
    font-size: 12px;
  }
  :not(z).chn-ax-b {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).chn {
    --chn-lite: none;
    --chn-pulse: none;
  }
  :not(z).chn-bar[data-kind="nonstop"], :not(z).chn-bar[data-kind="repeat"], :not(z).chn-bar[data-kind="open"] {
    animation: none;
  }
}
@media (min-width: 900px) {
  :not(z).chn-head, :not(z).chn-row {
    grid-template-columns: minmax(300px, 1fr) minmax(0, 1.9fr) minmax(130px, auto);
    gap: 32px;
  }
  :not(z).chn-t {
    white-space: nowrap;
  }
}
:not(z).hsc-hero {
  isolation: isolate;
  --hsc-cell: 64px;
  --hsc-nav: 68px;
  --hsc-soft: calc(var(--hsc-nav) + 44px);
  --hsc-fade: calc(var(--hsc-cell) * 2.5);
  --hsc-end: min(480px, 100% - 280px);
  --hsc-focus-x: 50%;
  --hsc-focus-y: 34%;
  --hsc-rx: 86%;
  --hsc-ry: 78%;
  --hsc-glow-x: 50%;
  --hsc-glow-w: min(760px, 138%);
  --hsc-glow-y: 122px;
  --hsc-glow-dim: 0.34;
  --hsc-glow-shift: calc(var(--hsc-glow-y) - 50%);
}
@media (min-width: 1024px) {
  :not(z).hsc-hero {
    --hsc-cell: 96px;
    --hsc-nav: 77px;
    --hsc-end: min(570px, 100% - 280px);
    --hsc-focus-y: 30%;
    --hsc-rx: 72%;
    --hsc-ry: 74%;
    --hsc-glow-w: min(1120px, 82%);
    --hsc-glow-y: 171px;
  }
}
:not(z).hsc-hero > .hero4-top, :not(z).hsc-hero > .hero4-globe {
  position: relative;
  z-index: 1;
}
:not(z).hsc-hero .hero4-h1 .text-accent {
  color: var(--blue-500);
}
:not(z).hsc-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: clip;
  -webkit-mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.38) 0, #000 var(--hsc-soft), #000 calc(var(--hsc-end) - var(--hsc-fade)), rgba(0, 0, 0, 0) min(var(--hsc-end), 100% - var(--hsc-cell)) );
  mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.38) 0, #000 var(--hsc-soft), #000 calc(var(--hsc-end) - var(--hsc-fade)), rgba(0, 0, 0, 0) min(var(--hsc-end), 100% - var(--hsc-cell)) );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
:not(z).hsc-bg-grid {
  position: absolute;
  inset: -128px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: var(--hsc-cell) var(--hsc-cell);
  -webkit-mask-image: radial-gradient( var(--hsc-rx) var(--hsc-ry) at var(--hsc-focus-x) var(--hsc-focus-y), #000 0%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0) 88% );
  mask-image: radial-gradient( var(--hsc-rx) var(--hsc-ry) at var(--hsc-focus-x) var(--hsc-focus-y), #000 0%, rgba(0, 0, 0, 0.5) 54%, rgba(0, 0, 0, 0) 88% );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  animation: hscDrift 60s linear infinite;
}
@keyframes hscDrift {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(var(--hsc-cell), var(--hsc-cell), 0);
  }
}
:not(z).hsc-bg-glow {
  position: absolute;
  left: var(--hsc-glow-x);
  top: 0;
  width: var(--hsc-glow-w);
  aspect-ratio: 1 / 0.72;
  opacity: calc(0.8 * var(--hsc-glow-dim));
  transform: translate(-50%, var(--hsc-glow-shift));
  background: radial-gradient( 50% 50% at 50% 50%, rgba(48, 127, 226, 0.16) 0%, rgba(48, 127, 226, 0.06) 46%, rgba(48, 127, 226, 0) 72% );
  animation: hscBreathe 26s var(--ease-inout) infinite;
}
@keyframes hscBreathe {
  0%, 100% {
    opacity: calc(0.66 * var(--hsc-glow-dim));
    transform: translate(-50%, var(--hsc-glow-shift)) scale(1);
  }
  50% {
    opacity: calc(0.92 * var(--hsc-glow-dim));
    transform: translate(-50%, var(--hsc-glow-shift)) scale(1.035);
  }
}
:not(z).hsc-bg[data-zemin="yildiz"] .hsc-bg-grid {
  display: none;
}
:not(z).hsc-bg:not([data-zemin="yildiz"]) .hsc-gok {
  display: none;
}
:not(z).hsc-gok {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
:not(z).hsc-yildiz {
  position: absolute;
  inset: 0;
  opacity: 0.8;
}
:not(z).hsc-yildiz-a {
  background-image: radial-gradient(circle 1.5px at 12% 24%, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.1px at 47% 9%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.3px at 71% 38%, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1px at 88% 15%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.2px at 31% 63%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 420px 260px;
}
:not(z).hsc-yildiz-b {
  background-image: radial-gradient(circle 1px at 22% 46%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.2px at 64% 20%, rgba(160, 197, 245, 0.34) 0%, rgba(160, 197, 245, 0) 100%), radial-gradient(circle 0.9px at 84% 58%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 300px 190px;
}
:not(z).hsc-kayan {
  position: absolute;
  width: var(--hsc-kl);
  height: 1.5px;
  border-radius: 1px;
  transform-origin: 100% 50%;
  transform: rotate(var(--hsc-ka)) translateX(0);
  background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  will-change: transform, opacity;
}
:not(z).hsc-kayan::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 3px;
  height: 3px;
  margin-top: -1.5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 7px 1px rgba(255, 255, 255, 0.5);
}
:not(z).hsc-kayan-1 {
  --hsc-ka: 21deg;
  --hsc-kl: clamp(64px, 8vw, 118px);
  --hsc-kd: clamp(210px, 27vw, 400px);
  left: -3%;
  top: 108px;
}
:not(z).hsc-kayan-2 {
  --hsc-ka: 156deg;
  --hsc-kl: clamp(78px, 9vw, 140px);
  --hsc-kd: clamp(240px, 31vw, 460px);
  left: 96%;
  top: 168px;
}
@media (min-width: 1024px) {
  :not(z).hsc-kayan-1 {
    top: 150px;
  }
  :not(z).hsc-kayan-2 {
    top: 232px;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).hsc-yildiz-a {
    animation: hscKay 47051ms linear infinite;
  }
  :not(z).hsc-kayan-1 {
    animation: hscKayan1 30509ms linear -25509ms infinite;
  }
  :not(z).hsc-kayan-2 {
    animation: hscKayan2 112067ms linear -95067ms infinite;
  }
}
@keyframes hscKay {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -420px 0;
  }
}
@keyframes hscKayan1 {
  0% {
    opacity: 0;
    transform: rotate(var(--hsc-ka)) translateX(0);
  }
  0.36% {
    opacity: 1;
  }
  2.5% {
    opacity: 1;
  }
  3.6% {
    opacity: 0;
    transform: rotate(var(--hsc-ka)) translateX(var(--hsc-kd));
  }
  100% {
    opacity: 0;
    transform: rotate(var(--hsc-ka)) translateX(var(--hsc-kd));
  }
}
@keyframes hscKayan2 {
  0% {
    opacity: 0;
    transform: rotate(var(--hsc-ka)) translateX(0);
  }
  0.14% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  1.35% {
    opacity: 0;
    transform: rotate(var(--hsc-ka)) translateX(var(--hsc-kd));
  }
  100% {
    opacity: 0;
    transform: rotate(var(--hsc-ka)) translateX(var(--hsc-kd));
  }
}
:not(z).hsc-ln {
  fill: none;
  stroke-linecap: round;
  transition: stroke 460ms var(--ease-out-soft);
  stroke: var(--hsc-line);
  stroke-width: 2.2;
}
@media (prefers-reduced-motion: reduce) {
  :not(z).hsc-bg-grid, :not(z).hsc-bg-glow {
    animation: none;
  }
  :not(z).hsc-ln {
    transition: none;
  }
}
:not(z).ccx {
  --soon-dim: 1;
}
:not(z).ccx[data-rule] {
  margin-top: 72px;
  padding-top: 40px;
  border-top: 1px solid var(--border);
}
:not(z).ccx-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 24px;
}
:not(z).ccx-h {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--text-900);
}
:not(z).ccx-cmp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-600);
  text-decoration: none;
  transition: color 160ms linear;
}
:not(z).ccx-cmp svg {
  flex: none;
  transition: transform 240ms var(--ease-out-soft);
}
:not(z).ccx-cmp:hover {
  color: var(--blue-700);
}
:not(z).ccx-cmp:hover svg {
  transform: translateX(3px);
}
:not(z).ccx-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 720px) {
  :not(z).ccx-row {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
  }
}
:not(z).ccx-card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "flag name go" "flag note go";
  align-items: center;
  align-content: center;
  column-gap: 16px;
  row-gap: 3px;
  min-width: 0;
  min-height: 148px;
  padding: 24px;
  overflow: hidden;
  background: var(--night);
  border-radius: var(--r-lg);
  text-decoration: none;
  transition: box-shadow 160ms var(--ease-out-soft), transform 240ms var(--ease-out-soft);
}
:not(z).ccx-card:hover {
  box-shadow: var(--shadow-card);
  transform: translateY(-2px);
}
:not(z).ccx-card:focus-visible {
  outline: 2px solid var(--blue-600);
  outline-offset: 2px;
}
:not(z).ccx-foto {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
}
:not(z).ccx-foto img {
  object-fit: cover;
  transition: transform 700ms var(--ease-out-soft);
}
:not(z).ccx-card:hover .ccx-foto img {
  transform: scale(1.04);
}
:not(z).ccx-perde {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient( 90deg, rgba(8, 8, 8, 0.9) 0%, rgba(8, 8, 8, 0.74) 52%, rgba(8, 8, 8, 0.28) 100% );
}
:not(z).ccx-flag {
  grid-area: flag;
  display: block;
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: var(--r-pill);
  overflow: clip;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24), 0 6px 16px rgba(0, 0, 0, 0.3);
}
:not(z).ccx-flag svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).ccx-name {
  grid-area: name;
  align-self: end;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #ffffff;
}
:not(z).ccx-note {
  grid-area: note;
  align-self: start;
  font-size: 14px;
  line-height: 1.45;
  color: #d5d5d5;
}
:not(z).ccx-go {
  grid-area: go;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--r-pill);
  background: #ffffff;
  color: var(--text-900);
  transition: background-color 160ms linear, color 160ms linear, transform 240ms var(--ease-out-soft);
}
:not(z).ccx-card:hover .ccx-go {
  background: var(--blue-100);
  color: var(--blue-700);
  transform: translateX(2px);
}
@media (max-width: 719.5px) {
  :not(z).ccx-card {
    column-gap: 12px;
    min-height: 120px;
    padding: 16px 16px;
  }
  :not(z).ccx-flag {
    width: 48px;
    height: 48px;
  }
  :not(z).ccx-name {
    font-size: 18px;
  }
  :not(z).ccx-go {
    width: 32px;
    height: 32px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).ccx-card, :not(z).ccx-go, :not(z).ccx-foto img, :not(z).ccx-cmp, :not(z).ccx-cmp svg {
    transition-duration: 0.01ms;
  }
  :not(z).ccx-card:hover, :not(z).ccx-card:hover .ccx-foto img {
    transform: none;
  }
}
:not(z).cin {
  background: var(--white);
  padding-block: 52px;
}
@media (min-width: 1024px) {
  :not(z).cin {
    padding-block: 76px;
  }
}
:not(z).cin-eyeb {
  margin: 0 0 18px;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.09em;
  color: var(--blue-900);
}
:not(z).cin-fig {
  margin: 0;
}
:not(z).cin-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--r-panel);
  background: var(--night);
  isolation: isolate;
  box-shadow: 0 1px 2px rgba(8, 8, 8, 0.06), 0 26px 60px -30px rgba(8, 8, 8, 0.4);
}
:not(z).cin-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
:not(z).cin-img {
  object-fit: cover;
  object-position: 50% 45%;
}
:not(z).cin-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient( 104deg, rgba(8, 8, 8, 0.94) 0%, rgba(8, 8, 8, 0.9) 46%, rgba(8, 8, 8, 0.8) 100% );
}
:not(z).cin-in {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  padding: 40px;
}
@media (min-width: 1024px) {
  :not(z).cin-in {
    grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
    gap: 44px;
  }
}
@media (max-width: 1023.5px) {
  :not(z).cin-in {
    padding: 28px 22px;
  }
}
@media (max-width: 719.5px) {
  :not(z).cin-in {
    padding: 24px 18px;
  }
}
:not(z).cin-lead {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
:not(z).cin-lead-ic {
  display: block;
  color: var(--blue-500);
}
:not(z).cin-lead-t {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 18px 0 0;
  max-width: 20ch;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: clamp(23px, 2.9vw, 32px);
  line-height: 1.14;
  letter-spacing: -0.024em;
  color: #ffffff;
}
:not(z).cin-lead-l {
  margin: 12px 0 22px;
  max-width: 44ch;
  font-size: 16px;
  line-height: 1.6;
  color: var(--on-dark-2);
}
:not(z).cin-sign {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
:not(z).cin-struct {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: var(--r-pill);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: var(--on-dark);
}
:not(z).cin-rest {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:not(z).cin-r {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-content: start;
  gap: 6px 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  min-width: 0;
}
:not(z).cin-r-ic {
  grid-row: 1 / span 2;
  display: block;
  color: var(--blue-500);
}
:not(z).cin-r-t {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-width: 0;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: #ffffff;
}
:not(z).cin-r-l {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--on-dark-2);
}
:not(z).cin-flag {
  flex: none;
  padding: 3px 9px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: var(--r-pill);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--on-dark);
}
:not(z).cin-cap {
  margin: 14px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-600);
}
@media (prefers-reduced-motion: reduce) {
  :not(z).cin * {
    animation: none !important;
    transition: none !important;
  }
}
:not(z).cpy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: var(--space-head) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  :not(z).cpy {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }
}
:not(z).cpy-li {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}
@media (min-width: 1024px) {
  :not(z).cpy-li {
    flex-direction: row;
    align-items: stretch;
  }
}
:not(z).cpy-f {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
:not(z).cpy-k {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: 20px 20px 24px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).cpy-k[data-ton="sifir"] {
  border-color: var(--blue-600);
  background: var(--blue-100);
}
:not(z).cpy-k[data-ton="beyan"] {
  border-color: #f0d9b0;
  background: var(--amber-100);
}
:not(z).cpy-bas {
  display: flex;
  align-items: center;
  gap: 12px;
}
:not(z).cpy-ic {
  display: grid;
  place-items: center;
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: var(--r-md);
  background: var(--paper);
  color: var(--text-900);
}
:not(z).cpy-k[data-ton="sifir"] .cpy-ic {
  background: var(--white);
  color: var(--blue-700);
}
:not(z).cpy-k[data-ton="beyan"] .cpy-ic {
  background: var(--white);
  color: var(--amber-600);
}
:not(z).cpy-kim {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-600);
}
:not(z).cpy-yer {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).cpy-vergi {
  margin-top: 20px;
  font-family: var(--font-sans);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.035em;
  color: var(--text-900);
}
:not(z).cpy-k[data-ton="sifir"] .cpy-vergi {
  color: var(--blue-600);
}
:not(z).cpy-k[data-ton="beyan"] .cpy-vergi {
  color: var(--amber-600);
}
:not(z).cpy-not {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).cpy-ok {
  display: grid;
  place-items: center;
  flex: none;
  align-self: center;
  width: 36px;
  height: 36px;
  margin: 4px 0;
  border-radius: 50%;
  background: var(--text-900);
  color: var(--white);
  transform: rotate(90deg);
}
@media (min-width: 1024px) {
  :not(z).cpy-ok {
    margin: 0 -8px;
    position: relative;
    z-index: 1;
    transform: none;
  }
}
:not(z).cpy-yada {
  width: auto;
  height: auto;
  padding: 8px 8px;
  border-radius: var(--r-sm);
  background: var(--white);
  border: 1px solid var(--border);
  color: var(--text-900);
  font-size: 12px;
  font-weight: 700;
  transform: none;
}
:not(z).cpy-ornek {
  margin-top: 16px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).cpy-ornek-h {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).cpy-ornek-bar {
  display: flex;
  gap: 2px;
  height: 52px;
  overflow: hidden;
  border-radius: var(--r-md);
}
:not(z).cpy-ornek-bar > span {
  display: grid;
  place-items: center;
  flex-basis: 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--white);
}
:not(z).cpy-ornek [data-ton="vergi"] {
  --ton: var(--amber-600);
}
:not(z).cpy-ornek [data-ton="istisna"] {
  --ton: var(--green-600);
}
:not(z).cpy-ornek [data-ton="beyan"] {
  --ton: #6b6b6b;
}
:not(z).cpy-ornek-bar > span {
  background: var(--ton);
}
:not(z).cpy-ornek-l {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
:not(z).cpy-ornek-l li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-600);
}
:not(z).cpy-ornek-l i {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: var(--ton);
}
:not(z).cpy-ornek-l b {
  color: var(--text-900);
}
:not(z).cpy-ornek-n {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).ayr {
  margin-top: 20px;
}
:not(z).ayr > summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
  cursor: pointer;
  list-style: none;
}
:not(z).ayr > summary::-webkit-details-marker {
  display: none;
}
:not(z).ayr > summary:hover {
  background: var(--paper);
}
:not(z).ayr > summary:focus-visible {
  outline: 2px solid var(--blue-700);
  outline-offset: 2px;
}
:not(z).ayr > summary svg {
  transition: transform 0.2s var(--ease-out-quint);
}
:not(z).ayr[open] > summary svg {
  transform: rotate(180deg);
}
:not(z).ayr-ic {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 78ch;
  padding: 16px 2px 4px;
}
:not(z).cpy-uyari {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:not(z).cpy-u {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
}
:not(z).cpy-u > svg {
  margin-top: 2px;
  color: var(--amber-600);
}
:not(z).cpy-u b {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).cpy-u p {
  margin: 3px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).cpy-kaynak {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
:not(z).cpy-kaynak a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-600);
  text-decoration: underline;
  text-decoration-color: var(--border);
  text-underline-offset: 4px;
}
:not(z).cpy-kaynak a:hover {
  color: var(--text-900);
  text-decoration-color: currentColor;
}
:not(z).cod {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: var(--space-head) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 720px) {
  :not(z).cod {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  :not(z).cod {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
:not(z).cod > li {
  display: flex;
  min-width: 0;
}
:not(z).cod-f {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
:not(z).cod-k {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).cod-k[data-durum="var"] {
  border-color: var(--green-600);
  background: var(--green-100);
}
:not(z).cod-k[data-durum="yok"] .cod-logo {
  opacity: 0.55;
  filter: grayscale(0.6);
}
:not(z).cod-logo {
  display: flex;
  align-items: center;
  height: 34px;
  color: var(--text-900);
}
:not(z).cod-ad {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
:not(z).cod-durum {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  padding: 4px 8px;
  border-radius: var(--r-sm);
  font-size: 12px;
  font-weight: 700;
}
:not(z).cod-k[data-durum="var"] .cod-durum {
  background: var(--white);
  color: var(--green-600);
}
:not(z).cod-k[data-durum="yok"] .cod-durum {
  background: #fdecec;
  color: #b42318;
}
:not(z).cod-k[data-durum="sartli"] .cod-durum {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).cod-k[data-durum="belirsiz"] .cod-durum {
  background: var(--blue-100);
  color: var(--blue-900);
}
:not(z).cod-not {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).cos-sahne {
  margin-top: var(--space-head);
  padding: 28px 32px;
  border-radius: var(--r-panel);
  background: var(--paper);
}
@media (max-width: 719.5px) {
  :not(z).cos-sahne {
    padding: 16px 12px;
  }
}
:not(z).cos-cizim {
  position: relative;
  width: 100%;
}
:not(z).cos-d {
  display: none;
}
@media (max-width: 719.5px) {
  :not(z).cos-g {
    display: none;
  }
  :not(z).cos-d {
    display: block;
  }
}
:not(z).cos-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
:not(z).cos-yol {
  fill: none;
  stroke: #c9c9c9;
  stroke-width: 1.5;
}
:not(z).cos-para-yuz {
  fill: var(--blue-600);
  stroke: var(--blue-700);
  stroke-width: 1.5;
}
:not(z).cos-para-halka {
  fill: none;
  stroke: #9cc6f8;
  stroke-width: 1.2;
}
:not(z).cos-para-sim {
  fill: var(--white);
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
}
@media (prefers-reduced-motion: reduce) {
  :not(z).cos-para {
    display: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).cos-hes {
    animation: cosVaris var(--cos-ara) linear var(--cos-yol) infinite;
  }
  :not(z).cos-gelen {
    animation: cosGelen var(--cos-ara) ease-out var(--cos-yol) infinite;
  }
  @keyframes cosVaris {
    0% {
      border-color: var(--blue-600);
      box-shadow: 0 0 0 4px var(--blue-100), var(--shadow-card);
    }
    45%, 100% {
      border-color: var(--border);
      box-shadow: 0 0 0 0 var(--blue-100), var(--shadow-card);
    }
  }
  @keyframes cosGelen {
    0% {
      transform: translateX(5px);
    }
    35%, 100% {
      transform: none;
    }
  }
}
:not(z).cos-ikon {
  position: absolute;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--white);
  transform: translate(-50%, -50%);
}
:not(z).cos-d .cos-ikon {
  width: 46px;
  height: 46px;
}
:not(z).cos-hes {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px 14px 14px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
  white-space: nowrap;
  transform: translate(-50%, 0);
  box-shadow: var(--shadow-card);
}
:not(z).cos-hes b {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).cos-bayrak {
  display: block;
  overflow: hidden;
  flex: none;
  width: 36px;
  height: 24px;
  border-radius: 5px;
  box-shadow: 0 0 0 1px var(--border);
}
:not(z).cos-bayrak svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).cos-gelen {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
  color: var(--green-600);
}
:not(z).cos-kutular {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 720px) {
  :not(z).cos-kutular {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  :not(z).cos-kutular {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:not(z).cos-kutular > li {
  display: flex;
  min-width: 0;
}
:not(z).cos-f {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
:not(z).cos-k {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).cos-k-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 34px;
}
:not(z).cos-k-logo {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--text-900);
}
:not(z).cos-k-logo .bm-chip-n {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text-900);
}
:not(z).cos-k-ad {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
:not(z).cos-etiket {
  flex: none;
  padding: 4px 8px;
  border-radius: var(--r-sm);
  background: var(--blue-100);
  font-size: 12px;
  font-weight: 700;
  color: var(--blue-900);
  white-space: nowrap;
}
:not(z).cos-etiket[data-grup="pazaryeri"] {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).cos-etiket[data-grup="hesap"] {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).cos-etiket[data-grup="kripto"] {
  background: #fdf3d6;
  color: #7a5600;
}
:not(z).cos-not {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).cod-dip {
  margin: 16px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).cse {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: var(--space-head);
}
@media (min-width: 1024px) {
  :not(z).cse {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: stretch;
  }
}
:not(z).cse-f {
  display: flex;
  min-width: 0;
}
:not(z).cse-tutar {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  padding: 32px;
  border-radius: var(--r-panel);
  background: #111;
  color: var(--white);
}
:not(z).cse-tutar-e {
  font-size: 14px;
  font-weight: 600;
  color: var(--on-dark-2);
}
:not(z).cse-tutar b {
  margin-top: 8px;
  font-family: var(--font-sans);
  font-size: clamp(44px, 6vw, 64px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #9cc6f8;
}
:not(z).cse-tutar p {
  max-width: 34ch;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--on-dark-2);
}
:not(z).cse-olgu {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 24px 0 0;
}
:not(z).cse-olgu > div {
  padding: 12px;
  border: 1px solid #2e2e2e;
  border-radius: var(--r-md);
  background: #222;
}
:not(z).cse-olgu dt {
  font-size: 12px;
  line-height: 1.3;
  color: var(--on-dark-2);
}
:not(z).cse-olgu dd {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--white);
  white-space: nowrap;
}
@media (max-width: 719.5px) {
  :not(z).cse-olgu {
    grid-template-columns: minmax(0, 1fr);
  }
  :not(z).cse-olgu > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  :not(z).cse-olgu dd {
    margin: 0;
  }
  :not(z).cse-tutar {
    padding: 24px;
    border-radius: var(--r-lg);
  }
}
:not(z).cse-yol {
  position: relative;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:not(z).cse-yol::before {
  content: "";
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 39px;
  width: 2px;
  background: linear-gradient(var(--border), var(--blue-600));
}
:not(z).cse-yol > li {
  position: relative;
  display: flex;
  min-width: 0;
}
:not(z).cse-yol .cse-f {
  flex: 1 1 auto;
}
:not(z).cse-a {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 16px 20px 16px 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).cse-a[data-son] {
  border-color: var(--blue-600);
  background: var(--blue-100);
}
:not(z).cse-ic {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--paper);
  color: var(--text-900);
}
:not(z).cse-a[data-son] .cse-ic {
  background: var(--blue-600);
  color: var(--white);
}
:not(z).cse-a b {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).cse-a p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).ctk {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: var(--space-head) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 720px) {
  :not(z).ctk {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  :not(z).ctk {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
:not(z).ctk > li {
  display: flex;
  min-width: 0;
}
:not(z).ctk-f {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
:not(z).ctk-k {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).ctk-sure {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--blue-600);
}
:not(z).ctk-sure svg {
  flex: none;
}
:not(z).ctk-ne {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).ctk-kural {
  margin: 8px 0 12px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).ctk-kural:last-child {
  margin-bottom: 0;
}
:not(z).ctk-ceza {
  margin: auto 0 0;
  padding: 8px 12px;
  border-radius: var(--r-md);
  background: var(--amber-100);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--amber-600);
}
:not(z).advx[data-renk] .advx-card[data-ton="amber"] .advx-ic {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).advx[data-renk] .advx-card[data-ton="yesil"] .advx-ic {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).advx[data-renk] .advx-fig .gv2-g {
  --ton: #3dbb7c;
  --ton-bg: #0e2a1c;
  --ton-ink: #8ee0b4;
}
:not(z).advx[data-renk] .advx-fig .gv2-a {
  --ton: #e0a43c;
  --ton-bg: #2a1f0c;
  --ton-ink: #f1c56f;
}
:not(z).advx[data-renk] .advx-fig :is(.gv2-box, .gv2-box-b):is(.gv2-g, .gv2-a) {
  fill: var(--ton-bg);
  stroke: var(--ton);
}
:not(z).advx[data-renk] .advx-fig :is(.gv2-line, .gv2-line-b):is(.gv2-g, .gv2-a) {
  stroke: var(--ton);
}
:not(z).advx[data-renk] .advx-fig .gv2-ah:is(.gv2-g, .gv2-a) {
  fill: var(--ton);
}
:not(z).advx[data-renk] .advx-fig .gv2-ic-b:is(.gv2-g, .gv2-a) {
  color: var(--ton);
}
:not(z).advx[data-renk] .advx-fig .gv2-svg text:is(.gv2-g, .gv2-a) {
  fill: var(--ton-ink);
}
:not(z).advx[data-renk] .advx-fig .gv2-cip {
  fill: #d9a441;
  stroke: #f0c46a;
}
:not(z).advx[data-renk] .advx-fig .gv2-cip-l {
  stroke: #8a5d12;
}
:not(z).cor-list > li[data-ton="yesil"] .cor-ic {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).cor-list > li[data-ton="amber"] .cor-ic {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).txm[data-renk] .txm-stat-v[data-k="keep"] {
  color: var(--green-600);
}
:not(z).txm[data-renk] .txm-stat-v:not([data-k]) {
  color: var(--amber-600);
}
:not(z).txm[data-renk] :is(.txm-dot, .txm-seg)[data-k="keep"] {
  background: var(--green-600);
}
:not(z).txm[data-renk] :is(.txm-dot, .txm-seg)[data-k="tax"] {
  background: var(--amber-600);
}
:not(z).fs .fs-wire.fs-wire-para {
  stroke: var(--green-600);
}
:not(z).fs .fs-head.fs-head-para, :not(z).fs .fs-packet.fs-packet-para {
  fill: var(--green-600);
}
:not(z).stp[data-dark] .stp-stage .fs-wire.fs-wire-para {
  stroke: #3dbb7c;
}
:not(z).stp[data-dark] .stp-stage .fs-head.fs-head-para, :not(z).stp[data-dark] .stp-stage .fs-packet.fs-packet-para {
  fill: #3dbb7c;
}
:not(z).cpr-card .dv-node.dv-bekle {
  fill: #2a1f0c;
  stroke: #6b4a14;
}
:not(z).cpr-card .dv-bekle-t {
  fill: #f1c56f;
}
:not(z).cpr-card .dv-chip.dv-cip {
  fill: #d9a441;
}
:not(z).svb-ic[data-ton="yesil"] {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).svb-ic[data-ton="amber"] {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).svm-kp-ic[data-ton="yesil"], :not(z).svm-fy-ic[data-ton="yesil"] {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).svm-kp-ic[data-ton="amber"], :not(z).svm-fy-ic[data-ton="amber"] {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).kmt-rows li[data-ton="amber"] {
  --kmt-c: #e0a43c;
  --kmt-c2: #f1c56f;
}
:not(z).svm-kp-a-it:is(:hover, [open]) .svm-kp-ic[data-ton="yesil"] {
  background: var(--green-100);
  color: var(--green-700);
}
:not(z).svm-kp-a-it:is(:hover, [open]) .svm-kp-ic[data-ton="amber"] {
  background: var(--amber-100);
  color: var(--amber-700);
}
:not(z).svm-fy-svg .svx-ic-b[data-ton="yesil"] {
  stroke: #3dbb7c;
}
:not(z).svm-fy-svg .svx-ic-b[data-ton="amber"] {
  stroke: #e0a43c;
}
:not(z).sssa {
  display: grid;
  gap: 24px;
  margin-top: var(--space-head);
}
:not(z).sssa-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:not(z).sssa-item {
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  background: var(--white);
  transition: background-color var(--dur-1) linear, border-color var(--dur-1) linear;
}
:not(z).sssa-item[data-open] {
  border-color: #cfe0f8;
  background: var(--blue-100);
}
@media (hover: hover) {
  :not(z).sssa-item:not([data-open]):hover {
    border-color: var(--line-strong);
  }
}
:not(z).sssa-h {
  margin: 0;
  font: inherit;
}
:not(z).sssa-q {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 16px 20px;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
  color: var(--text);
  cursor: pointer;
}
:not(z).sssa-q:focus-visible {
  outline: 2px solid var(--blue-600);
  outline-offset: -2px;
  border-radius: var(--r-lg);
}
:not(z).sssa-qt {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
:not(z).sssa-x {
  color: var(--blue-600);
  transition: transform var(--dur-2) var(--ease-out-soft);
}
:not(z).sssa-item[data-open] .sssa-x {
  transform: rotate(45deg);
}
:not(z).sssa-mark {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--r-sm);
  transition: background-color var(--dur-1) linear;
}
:not(z).sssa-mark[data-ton="amber"] {
  background: var(--amber-100);
  color: var(--amber-700);
}
:not(z).sssa-mark[data-ton="yesil"] {
  background: var(--green-100);
  color: var(--green-700);
}
:not(z).sssa-mark[data-ton="mavi"] {
  background: var(--blue-100);
  color: var(--blue-ink);
}
:not(z).sssa-item[data-open] .sssa-mark {
  background: var(--white);
}
:not(z).sssa-a {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--dur-2) var(--ease-out-soft);
}
:not(z).sssa-item[data-open] .sssa-a {
  grid-template-rows: 1fr;
}
:not(z).sssa-ain {
  min-height: 0;
  overflow: hidden;
  padding: 0 56px 0 72px;
}
:not(z).sssa-item[data-open] .sssa-ain {
  padding-bottom: 20px;
}
:not(z).sssa-ain p {
  max-width: 72ch;
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: var(--text-2);
}
:not(z).sssa-go {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
}
:not(z).sssa-ask {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border-radius: var(--r-lg);
  background: var(--night);
}
:not(z).sssa-ask-ic {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #1c1c1c;
  color: var(--blue-on-dark);
}
:not(z).sssa-ask-t b {
  display: block;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
}
:not(z).sssa-ask-t span {
  display: block;
  margin-top: 4px;
  font-size: 15px;
  color: var(--on-dark-2);
}
@media (max-width: 719.5px) {
  :not(z).sssa-q {
    grid-template-columns: 32px minmax(0, 1fr) 18px;
    gap: 12px;
    padding: 14px 16px;
  }
  :not(z).sssa-mark {
    width: 32px;
    height: 32px;
  }
  :not(z).sssa-qt {
    font-size: 16px;
  }
  :not(z).sssa-ain {
    padding: 0 16px;
  }
  :not(z).sssa-item[data-open] .sssa-ain {
    padding-bottom: 16px;
  }
  :not(z).sssa-ask {
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 20px;
  }
  :not(z).sssa-ask-btn {
    grid-column: 1 / -1;
    justify-self: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).sssa-a, :not(z).sssa-x, :not(z).sssa-item, :not(z).sssa-mark {
    transition: none;
  }
}
:not(z).skf-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: var(--space-head);
}
@media (max-width: 1023.5px) {
  :not(z).skf-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 719.5px) {
  :not(z).skf-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  :not(z).skf {
    min-height: 196px;
    padding: 16px;
  }
}
:not(z).skf {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "ic ." ". ." "b go";
  column-gap: 16px;
  height: 100%;
  min-height: 232px;
  padding: 20px;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--night);
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: box-shadow 160ms var(--ease-out-quint), transform 240ms var(--ease-out-quint);
}
:not(z).skf-foto {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
}
:not(z).skf-foto img {
  object-fit: cover;
  transition: transform 700ms var(--ease-out-soft);
}
:not(z).skf-perde {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient( to top, rgba(8, 8, 8, 0.92) 0%, rgba(8, 8, 8, 0.78) 45%, rgba(8, 8, 8, 0.2) 100% );
}
:not(z).skf-ic {
  grid-area: ic;
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: var(--r-md);
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(6px);
  color: #ffffff;
  transition: background-color 180ms linear, color 180ms linear;
}
:not(z).skf-b {
  grid-area: b;
  align-self: end;
  min-width: 0;
}
:not(z).skf-t {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #ffffff;
}
:not(z).skf-l {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #d5d5d5;
}
:not(z).skf > svg {
  grid-area: go;
  align-self: end;
  flex: none;
  margin-bottom: 3px;
  color: #ffffff;
  transition: transform 200ms var(--ease-out-soft), color 160ms linear;
}
@media (hover: hover) {
  :not(z).skf:hover {
    box-shadow: var(--shadow-card);
    transform: translateY(-2px);
  }
  :not(z).skf:hover .skf-foto img {
    transform: scale(1.04);
  }
  :not(z).skf:hover .skf-ic {
    background: var(--blue-700);
    color: var(--white);
  }
  :not(z).skf:hover > svg {
    transform: translateX(3px);
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).skf, :not(z).skf-ic, :not(z).skf-foto img, :not(z).skf > svg {
    transition: none;
  }
}
:not(z).hx-card > .hx-stage {
  margin: 10px 10px 0;
  border: 1px solid #242424;
  border-radius: calc(var(--r-panel) - 10px);
  background: #161616;
}
:not(z).advx .advx-card > .advx-fig {
  margin: 10px 10px 0;
  border: 1px solid #242424;
  border-radius: calc(var(--r-panel) - 10px);
  background-color: #161616;
}
@media (hover: hover) {
  :not(z).advx .advx-card:hover > .advx-fig {
    background-color: #1b1b1b;
  }
}
:not(z).cfit-dest[data-foto] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--night);
}
:not(z).cfit-foto {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
}
:not(z).cfit-foto img {
  object-fit: cover;
}
:not(z).cfit-perde {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient( to bottom, rgba(8, 8, 8, 0.8) 0%, rgba(8, 8, 8, 0.62) 55%, rgba(8, 8, 8, 0.82) 100% );
}
:not(z).cfit-dest[data-foto] .cfit-dest-h {
  color: #e6e6e6;
}
:not(z).cfit-dest[data-foto] :is(.cfit-dest-c, .cfit-dest-m) {
  color: #ffffff;
}
:not(z).cfit-dest[data-foto] .cfit-flag {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
}
:not(z).srp-grid {
  display: grid;
  gap: 40px;
  margin-top: var(--space-head);
}
:not(z).srp-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  min-width: 0;
}
:not(z).srp-foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
@media (min-width: 1024px) {
  :not(z).srp-grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    column-gap: 64px;
    align-items: stretch;
  }
  :not(z).srp-left {
    grid-area: 1 / 1;
  }
  :not(z).srp-grid > .cpr-card {
    grid-area: 1 / 2;
    min-height: 440px;
  }
}
:not(z).srp-stack {
  display: grid;
}
:not(z).srp-panel {
  grid-area: 1 / 1;
  align-self: end;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity var(--dur-2) var(--ease-out-soft), transform var(--dur-2) var(--ease-out-soft), visibility 0s linear var(--dur-2);
}
:not(z).srp-panel[data-on] {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: opacity var(--dur-2) var(--ease-out-soft) 80ms, transform var(--dur-2) var(--ease-out-soft) 80ms, visibility 0s;
}
:not(z).srp-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 16px;
  border-radius: var(--r-md);
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).srp-ic[data-ton="yesil"] {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).srp-ic[data-ton="amber"] {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).srp-h {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--text);
}
:not(z).srp-l {
  max-width: 44ch;
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-2);
}
:not(z).srp-m {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
:not(z).srp-who {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: var(--r-pill);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
:not(z).srp-who[data-ton="amber"] {
  background: var(--amber-100);
  color: var(--amber-700);
}
:not(z).srp-who[data-ton="mavi"] {
  background: var(--blue-100);
  color: var(--blue-ink);
}
:not(z).srp-who[data-ton="yesil"] {
  background: var(--green-100);
  color: var(--green-700);
}
:not(z).srp-time {
  font-size: 14px;
  color: var(--text-2);
}
:not(z).srp-bars {
  display: grid;
  gap: 8px;
}
:not(z).srp-bar {
  display: grid;
  gap: 8px;
  justify-items: start;
  padding: 8px 0 0;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
:not(z).srp-bar:focus-visible {
  outline: 2px solid var(--blue-600);
  outline-offset: 4px;
  border-radius: var(--r-xs);
}
:not(z).srp-bar-t {
  position: relative;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: var(--r-pill);
  background: var(--line);
  overflow: hidden;
}
:not(z).srp-bar-t i {
  position: absolute;
  inset: 0;
  background: var(--blue-600);
  transform-origin: left center;
  transition: transform var(--dur-2) var(--ease-out-soft);
}
:not(z).srp-bar-n {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: var(--text-3);
  font-variant-numeric: tabular-nums;
  transition: color var(--dur-1) linear;
}
:not(z).srp-bar[data-state="done"] .srp-bar-n {
  color: var(--text-2);
}
:not(z).srp-bar[data-state="on"] .srp-bar-n {
  color: var(--blue-ink);
}
@media (hover: hover) {
  :not(z).srp-bar:hover .srp-bar-n {
    color: var(--text);
  }
}
:not(z).srp-note {
  font-size: 12px;
  line-height: 1.55;
  color: var(--text-2);
  max-width: 60ch;
}
:not(z).srp-more {
  order: -1;
}
@media (max-width: 719.5px) {
  :not(z).srp-h {
    font-size: 22px;
  }
  :not(z).srp-bars {
    gap: 6px;
  }
  :not(z).srp-bar-n {
    font-size: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).srp-panel, :not(z).srp-panel[data-on] {
    transform: none;
    transition: none;
  }
}
:not(z).srp-foot .pr5-ctry {
  order: -1;
  margin-top: 0;
}
@media (min-width: 1024px) {
  :not(z).srp-h {
    font-size: 32px;
  }
  :not(z).srp-l {
    font-size: 18px;
  }
}
:not(z).srp-ayr summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-600);
  cursor: pointer;
  list-style: none;
}
:not(z).srp-ayr summary::-webkit-details-marker {
  display: none;
}
:not(z).srp-ayr[open] summary svg {
  transform: rotate(180deg);
}
:not(z).srp-ayr .srp-note {
  margin-top: 8px;
  font-size: 14px;
}
:not(z):root {
  --fs-h1: 64px;
  --fs-h2: 48px;
  --fs-h3: 32px;
  --fs-h4: 20px;
  --fs-h5: 16px;
  --fs-lead: 18px;
  --fs-body: 16px;
  --fs-body-s: 14px;
  --fs-caption: 12px;
  --fs-btn: 16px;
  --fs-btn-s: 14px;
  --fs-num-l: 48px;
  --fs-num-m: 32px;
  --fs-num-s: 24px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --ls-h1: -0.03em;
  --ls-h2: -0.025em;
  --ls-tight: -0.02em;
  --ls-snug: -0.015em;
  --ls-text: -0.01em;
  --ls-small: -0.005em;
  --ls-label: 0;
}
:not(z)[data-ds="v2"] {
  letter-spacing: var(--ls-text);
}
@media (max-width: 1439.5px) {
  :not(z):root {
    --fs-h1: 56px;
  }
}
@media (max-width: 1023.5px) {
  :not(z):root {
    --fs-h1: 48px;
    --fs-h2: 40px;
    --fs-h3: 28px;
    --fs-num-l: 40px;
    --fs-num-m: 28px;
    --fs-num-s: 20px;
  }
}
@media (max-width: 719.5px) {
  :not(z):root {
    --fs-h1: 40px;
    --fs-h2: 32px;
    --fs-h3: 24px;
    --fs-h4: 18px;
    --fs-lead: 16px;
  }
}
:not(z)[data-ds="v2"] :is(.ph-h1, .kcta-t) {
  font-size: var(--fs-h1);
  font-weight: var(--fw-bold);
  line-height: 1.04;
  letter-spacing: var(--ls-h1);
}
:not(z)[data-ds="v2"] .h2 {
  font-size: var(--fs-h2);
  font-weight: var(--fw-bold);
  line-height: 1.06;
  letter-spacing: var(--ls-h2);
}
:not(z)[data-ds="v2"] :is(.cfit-verdict, .cfit-verdict > b) {
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
  line-height: 1.2;
  letter-spacing: var(--ls-tight);
}
:not(z)[data-ds="v2"] :is(.sss-panel-q, .ccx-h, .ccx-name, .ndx-t, .advx-t) {
  font-size: var(--fs-h4);
  font-weight: var(--fw-semibold);
  line-height: 1.3;
  letter-spacing: var(--ls-snug);
}
:not(z)[data-ds="v2"] :is( .ip-tier-n, .ctk-ne, .sss-q > span, .cor-txt > b, .cpy-yer, .cpr-head-t, .sss-cta-t, .txm-bant-h, .cpy-ornek-h ) {
  font-size: var(--fs-h5);
  font-weight: var(--fw-semibold);
  line-height: 1.4;
  letter-spacing: var(--ls-text);
}
:not(z)[data-ds="v2"] .ip-total {
  font-size: var(--fs-num-l);
  font-weight: var(--fw-semibold);
  line-height: 1;
  letter-spacing: var(--ls-tight);
}
:not(z)[data-ds="v2"] :is(.cpy-vergi, .vgr-oran, .ctk-sure) {
  font-size: var(--fs-num-m);
  font-weight: var(--fw-semibold);
  line-height: 1.05;
  letter-spacing: var(--ls-tight);
}
:not(z)[data-ds="v2"] :is(.cfit-dest-c, .vgr-sonuc dd, .ip-tier-p) {
  font-size: var(--fs-num-s);
  font-weight: var(--fw-semibold);
  line-height: 1.15;
  letter-spacing: var(--ls-snug);
}
:not(z)[data-ds="v2"] :is(.sec-lead, .cpr-lead, .phx-lead) {
  font-size: var(--fs-lead);
  font-weight: var(--fw-regular);
  line-height: 1.55;
  letter-spacing: var(--ls-text);
}
:not(z)[data-ds="v2"] :is(.sss-a, .cfit-why, .ndx-label, .sss-cta-l) {
  font-size: var(--fs-body);
  line-height: 1.6;
  letter-spacing: var(--ls-text);
}
:not(z)[data-ds="v2"] :is( .advx-p, .cpy-not, .cfit-sart, .ndx-olabel, .cor-txt, .cos-not, .cpy-ornek-l > li, .ctk-kural, .cpy-u p, .ft2-brand > p, .ft2-col > a, .ft2-col > [data-soon], .ph-crumb a, .ph-crumb-son, .cpy-ornek-n, .ndx-hint, .ndx-note > span, .ccx-cmp, .txm-foot-t, .ip-out-u, .ip-out-k, .ip-assure > li, .cpr-m, .cfit-dest-h, .ccx-note, .ft2-meta, .hkc-meta, .phx-trust li, .cpr-note, .cpr-head-s, .ip-hint, .ip-note ) {
  font-size: var(--fs-body-s);
  line-height: 1.55;
  letter-spacing: var(--ls-small);
}
:not(z)[data-ds="v2"] :is(.cpy-u b, .ft2-h, .omap-label > b) {
  font-size: var(--fs-body-s);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-small);
}
:not(z)[data-ds="v2"] :is(.cpy-kaynak a, .ip-line > span, .ip-line-a, .cfit-dest-m, .txm-foot-t > b, .cpr-m > b) {
  font-size: var(--fs-body-s);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-small);
}
:not(z)[data-ds="v2"] :is( .vgr-sonuc dt, .ip-tier-i, .ip-hint, .ip-meta > span, .sss-panel-say, .ft2-legal, .omap-label ) {
  font-size: var(--fs-caption);
  line-height: 1.5;
  letter-spacing: 0;
}
:not(z)[data-ds="v2"] :is( .cos-etiket, .cpy-kim, .cpy-ok, .ndx-side, .cfit-sart > b, .kcta-rozet, .cpr-head-tag, .ctk-ceza, .ip-label, .ndx-count, .sss-panel-topic, .ip-toggle-t > b, .vgr-x ) {
  font-size: var(--fs-caption);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-label);
}
:not(z)[data-ds="v2"] .btn {
  font-size: var(--fs-btn);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-text);
}
:not(z)[data-ds="v2"] :is(.cfit-chip, .ip-chip, .askc, .cpr-more-a, .ip-toggle-t, .ayr > summary) {
  font-size: var(--fs-btn-s);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-small);
}
:not(z):root {
  --bg: #ffffff;
  --bg-soft: #f5f5f5;
  --bg-dark: #080808;
  --bg-dark-2: #111111;
  --text: #080808;
  --text-2: #5c5c5c;
  --text-3: #767676;
  --on-dark: #ffffff;
  --on-dark-2: rgba(255, 255, 255, 0.62);
  --on-dark-3: rgba(255, 255, 255, 0.5);
  --line: #e6e6e6;
  --line-strong: #cccccc;
  --line-dark: #262626;
  --line-dark-strong: rgba(255, 255, 255, 0.2);
  --blue: #307fe2;
  --blue-hover: #2468c4;
  --blue-ink: #1b56a8;
  --blue-on-dark: #5c9eeb;
  --green-700: #16704a;
  --amber-700: #8a5200;
}
:not(z)[data-ds-renk] :is( .phx-lead, .phx-trust li, .hkc-meta, .hkc-foot > span, .cpr-head-s, .ph-crumb > a, .sec-lead-dark, .ip-assure > li, .ip-chip, .sss-a, .sss-cta-l ) {
  color: var(--on-dark-2);
}
:not(z)[data-ds-renk] :is( .ph-crumb-son, .ip-hint, .ip-label, .ip-out-k, .ip-out-u, .ip-tier-i, .ip-meta > span, .ip-note, .ip-toggle-t > b, .sss-panel-say, .ft2-legal, footer .container-o > p ) {
  color: var(--on-dark-3);
}
:not(z)[data-ds-renk] :is(.btn-ghost, .btn-hero-ghost, .ip-toggle-t, .kcta-rozet) {
  color: var(--on-dark);
}
:not(z)[data-ds-renk] :is(.btn-ghost, .btn-hero-ghost) {
  border-color: var(--line-dark-strong);
}
:not(z)[data-ds-renk] .hkc-badge {
  color: var(--on-dark-3);
}
:not(z)[data-ds-renk] :is(.cpr-more-a, .ndx-count, .ndx-side) {
  color: var(--blue-ink);
}
:not(z)[data-ds-renk] :is(.cfit-sart > b, .ctk-ceza) {
  color: var(--amber-700);
}
:not(z)[data-ds-renk] .cos-gelen {
  color: var(--green-700);
}
:not(z)[data-ds-renk] .cos-etiket[data-grup="pazaryeri"], :not(z)[data-ds-renk] .cos-etiket[data-grup="kripto"] {
  color: var(--amber-700);
}
:not(z)[data-ds-renk] .cos-etiket[data-grup="kripto"] {
  background: var(--amber-100);
}
:not(z)[data-ds-renk] .cos-etiket[data-grup="hesap"] {
  color: var(--green-700);
}
:not(z)[data-ds-renk] .btn-line:hover {
  border-color: var(--line-strong);
}
:not(z)[data-ds-renk] .cpy-ornek [data-ton="vergi"] {
  --ton: var(--amber-700);
}
:not(z)[data-ds-renk] .cpy-ornek [data-ton="istisna"] {
  --ton: var(--green-700);
}
:not(z)[data-ds-renk] .sec-night .ip-toggle-t {
  color: var(--on-dark);
}
:not(z)[data-ds-renk] .sec-night .ip-toggle-t b {
  color: var(--on-dark-3);
}
:not(z)[data-ds-renk] :is(.phx-trust, .hkc-foot) {
  border-color: var(--line-dark);
}
:not(z)[data-ds-renk] .omap {
  border-color: var(--line-strong);
}
:not(z)[data-ds-renk] .sec-night .ip-out {
  border-color: var(--line-dark-strong);
}
:not(z)[data-ds-renk] .cpy-ornek [data-ton="beyan"] {
  --ton: var(--text-2);
}
:not(z)[data-ds-renk] :is( .link-arrow, .txm-kicker, .tl-ix-go, .sx-out, .kyn-door-go, .kyn-cat, .blg-row-cat, .blg-cat, .aft-entry-k, .ct-tok ) {
  color: var(--blue-ink);
}
:not(z)[data-ds-renk] :is(.kyn-switch-c > i, .krm-note > a), :not(z)[data-ds-renk] .uk3-seg-b[aria-selected="true"] {
  color: var(--blue-ink);
}
:not(z)[data-ds-renk] .kyn-switch-c[data-here="true"] > i, :not(z)[data-ds-renk] .sec-night .link-arrow {
  color: var(--blue-on-dark);
}
:not(z)[data-ds-renk] :is(.pt-form-badge, .krm-seed, .bh-seed, .bn-node-warn) {
  color: var(--amber-700);
}
:not(z)[data-ds-renk] :is(.bh-kind, .bn-node-ok, .bn-fix b, .cod-k[data-durum="var"] .cod-durum) {
  color: var(--green-700);
}
:not(z)[data-ds-renk] :is(.pt-label > i, .krm-tok-x) {
  color: var(--text-3);
}
:not(z)[data-ds-renk] .pt-terms-row dd[data-empty] {
  color: var(--text-2);
}
:not(z)[data-ds-renk] :is(.fy2-tot-note, .fy2-note, .fy2-line-l > i, .fy2-days) {
  color: var(--on-dark-3);
}
:not(z)[data-ds-renk] .stp[data-dark] .stp-list .stp-n {
  color: var(--on-dark-3);
}
:not(z)[data-ds-renk] .sxc-cta {
  background: var(--blue);
}
@media (hover: hover) {
  :not(z)[data-ds-renk] .sxc-cta:hover {
    background: var(--blue-hover);
  }
}
:not(z):root {
  --sp-inline: 8px;
  --sp-item: 12px;
  --sp-card: 16px;
  --sp-block: 24px;
  --sp-head: 48px;
  --sp-sec: 112px;
  --pad-s: 16px;
  --pad-m: 24px;
  --pad-l: 32px;
}
@media (max-width: 1023.5px) {
  :not(z):root {
    --sp-sec: 80px;
  }
}
@media (max-width: 719.5px) {
  :not(z):root {
    --sp-head: 32px;
    --sp-sec: 64px;
    --pad-m: 20px;
    --pad-l: 24px;
  }
}
:not(z)[data-ds-bosluk] .sec-pad {
  padding-block: var(--sp-sec);
}
:not(z)[data-ds-bosluk] .sec-head {
  gap: var(--sp-item);
}
:not(z)[data-ds-bosluk] {
  --space-head: var(--sp-head);
}
:not(z)[data-ds-bosluk] :is(.hkc-foot, .askc, .bm-chip, .ph-crumb, .ip-chips, .ip-assure, .ft2-meta, .ip-tiers, .cos-k-ust, .ip-tier) {
  gap: var(--sp-inline);
}
:not(z)[data-ds-bosluk] :is( .phx-trust, .phx-cta, .cor-list, .cpy-u, .cpy-uyari, .ayr-ic, .ip-switches, .ip-toggle, .ip-field, .cpr-row, .cpr-head, .ndx-meter, .ndx-note, .sss-q, .ft2-col, .vgr-sonuc ) {
  gap: var(--sp-item);
}
:not(z)[data-ds-bosluk] :is(.advx, .cos-kutular, .ndx-top, .ccx-row, .ip-line, .ndx-ours) {
  gap: var(--sp-card);
}
:not(z)[data-ds-bosluk] :is(.ip, .ndx, .sss-cta, .cor) {
  gap: var(--sp-block);
}
:not(z)[data-ds-bosluk] :is(.cfit-sart, .cor-list > li) {
  padding: var(--pad-s);
}
:not(z)[data-ds-bosluk] :is(.cos-k, .cpy-ornek, .ctk-k, .cpy-k, .sss-cta, .hkc) {
  padding: var(--pad-m);
}
:not(z)[data-ds-bosluk] :is(.ip-form, .ip-out, .ndx-card, .txm-egri, .sss-panel) {
  padding: var(--pad-l);
}
:not(z):root {
  --r-xs: 4px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 2px 4px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(0, 0, 0, 0.1);
  --ring: 0 0 0 1px rgba(8, 8, 8, 0.12);
  --ring-dark: 0 0 0 1px rgba(255, 255, 255, 0.18);
  --dur-1: 160ms;
  --dur-2: 240ms;
  --dur-3: 480ms;
  --btn-h: 52px;
  --btn-h-s: 40px;
}
:not(z)[data-ds-bilesen] .cos-bayrak {
  border-radius: var(--r-xs);
}
:not(z)[data-ds-bilesen] :is(.krm-item-plate, .bn-node) {
  border-radius: var(--r-lg);
}
:not(z)[data-ds-bilesen] :is(.cos-bayrak, .ccx-flag) {
  box-shadow: var(--ring);
}
:not(z)[data-ds-bilesen] .kcta-bayrak {
  box-shadow: var(--ring-dark), var(--shadow-float);
}
:not(z)[data-ds-bilesen] :is(.cos-hes, .omap-zoom) {
  box-shadow: var(--shadow-card);
}
:not(z)[data-ds-bilesen] :is(.omap-label, .cpr-card) {
  box-shadow: var(--shadow-float);
}
:not(z)[data-ds-bilesen] .ndx-tick {
  border-width: 2px;
}
:not(z)[data-ds-bilesen] .vgr-kay-bas {
  border-width: 2px;
}
:not(z)[data-ds-bilesen] .btn {
  height: var(--btn-h);
  padding-inline: 24px;
}
:not(z)[data-ds-bilesen] :is(.btn-primary, .btn-hero-primary) {
  padding-inline: 24px 20px;
}
:not(z)[data-ds-bilesen] :is(.btn-sm, .cfit-chip, .ip-chip, .askc) {
  height: var(--btn-h-s);
  min-height: 0;
  padding-block: 0;
  padding-inline: 16px;
}
:not(z)[data-ds-bilesen] .askc {
  height: auto;
  min-height: var(--btn-h-s);
  padding-block: 8px;
  line-height: 1.25;
  text-wrap: balance;
}
:not(z)[data-ds-bilesen] svg.lucide:is([width="13"], [width="14"], [width="15"]):not([aria-hidden="true"] svg) {
  width: 16px;
  height: 16px;
}
:not(z)[data-ds-bilesen] svg.lucide:is([width="17"], [width="18"], [width="19"]):not([aria-hidden="true"] svg) {
  width: 20px;
  height: 20px;
}
:not(z)[data-ds-bilesen] svg.lucide:is([width="22"], [width="23"]):not([aria-hidden="true"] svg) {
  width: 24px;
  height: 24px;
}
:not(z)[data-ds-bilesen] svg.lucide:not([aria-hidden="true"] svg):not([width="10"], [width="11"], [width="12"]):not( [stroke-width="2.8"], [stroke-width="3"], [stroke-width="3.2"], [stroke-width="3.4"], [stroke-width="3.6"] ) {
  stroke-width: 2;
}
:not(z)[data-ds-bilesen] :is( a, .btn, .ip-chip, .cfit-chip, .sss-q, .ndx-tick, .ndx-label, .ip-track, .ip-tier, .ccx-card, .ccx-go, .ccx-cmp, .advx-card, .askc, .cpr-t, .cpr-more-a ) {
  transition-duration: var(--dur-1);
  transition-timing-function: var(--ease-out-soft);
}
:not(z)[data-ds-bilesen] :is(.cpr-row, .cpr-dot, .advx-fig) {
  transition-duration: var(--dur-2);
}
:not(z)[data-ds-bilesen] :is(a, button, summary, input, [tabindex]):focus-visible {
  outline: 2px solid var(--blue-700);
  outline-offset: 2px;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :not(z).akt:hover .akt-durak {
    animation-play-state: paused;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).akt-durak {
    animation-name: var(--akt-ad, aktKenar);
    animation-duration: var(--akt-tur, 18.1s);
    animation-delay: calc( var(--akt-gecikme, 0s) + var(--akt-i, 0) * var(--akt-yol, 2.35s) / var(--akt-son, 2) );
    animation-timing-function: var( --akt-esneme, var(--ease-inout, cubic-bezier(0.65, 0, 0.35, 1)) );
    animation-iteration-count: infinite;
  }
  :not(z).akt-durak:where(path, rect, circle, ellipse, line, polyline, polygon, g, use) {
    transform-box: view-box;
  }
  @keyframes aktKenar {
    0%, 25%, 100% {
      border-color: var(--akt-kenar-0, currentColor);
    }
    5%, 15% {
      border-color: var(--akt-kenar-1, currentColor);
    }
  }
  @keyframes aktZemin {
    0%, 25%, 100% {
      background-color: var(--akt-zemin-0, transparent);
    }
    5%, 15% {
      background-color: var(--akt-zemin-1, transparent);
    }
  }
  @keyframes aktHat {
    0%, 25%, 100% {
      stroke: var(--akt-hat-0, currentColor);
    }
    5%, 15% {
      stroke: var(--akt-hat-1, currentColor);
    }
  }
  @keyframes aktKalinlik {
    0%, 25%, 100% {
      stroke-width: var(--akt-kalinlik-0, 1.6);
    }
    5%, 15% {
      stroke-width: var(--akt-kalinlik-1, 1.6);
    }
  }
  @keyframes aktDolgu {
    0%, 25%, 100% {
      fill: var(--akt-dolgu-0, currentColor);
    }
    5%, 15% {
      fill: var(--akt-dolgu-1, currentColor);
    }
  }
  @keyframes aktTon {
    0%, 25%, 100% {
      color: var(--akt-ton-0, currentColor);
    }
    5%, 15% {
      color: var(--akt-ton-1, currentColor);
    }
  }
  @keyframes aktGolge {
    0%, 25%, 100% {
      box-shadow: var(--akt-golge-0, 0 0 0 0 rgba(0, 0, 0, 0));
    }
    5%, 15% {
      box-shadow: var(--akt-golge-1, 0 0 0 0 rgba(0, 0, 0, 0));
    }
  }
  @keyframes aktItki {
    0%, 25%, 100% {
      transform: translate(0, 0);
    }
    5%, 15% {
      transform: translate(var(--akt-itki-x, 0px), var(--akt-itki-y, 0px));
    }
  }
}
:not(z).uk3-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 32px;
}
:not(z).uk3-segwrap {
  flex: none;
}
:not(z).uk3-seg {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--paper);
}
:not(z).uk3-seg-b {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding-inline: 16px;
  border: 0;
  border-radius: var(--r-pill);
  background: none;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: var(--text-600);
  cursor: pointer;
  transition: background 160ms var(--ease-out-quint), color 160ms linear;
}
:not(z).uk3-seg-b svg {
  flex: none;
  opacity: 0.55;
  transition: opacity 160ms linear;
}
@media (hover: hover) {
  :not(z).uk3-seg-b:hover {
    color: var(--text-900);
  }
  :not(z).uk3-seg-b:hover svg {
    opacity: 1;
  }
}
:not(z).uk3-seg-b[aria-selected="true"] {
  background: var(--white);
  color: var(--blue-700);
  box-shadow: 0 1px 2px rgba(8, 8, 8, 0.07);
}
:not(z).uk3-seg-b[aria-selected="true"] svg {
  opacity: 1;
}
:not(z).uk3-views {
  margin-top: var(--space-head);
  scroll-margin-top: 96px;
}
:not(z).uk3-view[hidden] {
  display: none;
}
:not(z).uk3-wrap {
  margin-top: 0;
}
:not(z).uk3-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 0;
}
:not(z).uk3-arc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: var(--uk3-band);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%), linear-gradient(180deg, #000 70%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%), linear-gradient(180deg, #000 70%, transparent 100%);
  mask-composite: intersect;
}
:not(z).uk3-arc path {
  fill: none;
  stroke: var(--blue-600);
  stroke-opacity: 0.6;
  stroke-width: 1.5;
  stroke-linecap: round;
}
:not(z).uk3-arc .uk3-run {
  stroke: var(--blue-600);
  stroke-dasharray: 120 1000;
  stroke-opacity: 0;
}
:not(z).uk3-arc .uk3-run-h {
  stroke-width: 7;
}
:not(z).uk3-arc .uk3-run-c {
  stroke-width: 2.5;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).uk3-arc .uk3-run {
    animation: uk3-run 12.83s ease-in-out infinite;
  }
  :not(z).uk3-arc .uk3-run-h {
    stroke-opacity: 0.16;
  }
  :not(z).uk3-arc .uk3-run-c {
    stroke-opacity: 0.42;
  }
}
@keyframes uk3-run {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: -880;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
:not(z).uk3-lane {
  display: contents;
}
:not(z).uk3-pick {
  grid-row: 1;
}
:not(z).uk3-panel {
  grid-row: 2;
}
:not(z).uk3-pick {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 0 0 12px;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: center;
  cursor: pointer;
}
:not(z).uk3-pick::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--blue-600);
  transform: scaleX(0);
  transition: transform 240ms var(--ease-out-quint);
}
:not(z).uk3-pick[data-on="true"]::after {
  transform: scaleX(1);
}
:not(z).uk3-discwrap {
  position: relative;
  display: block;
  height: var(--uk3-band);
}
:not(z).uk3-disc {
  display: block;
  position: absolute;
  left: 50%;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 5px var(--white), var(--shadow-card);
  transition: box-shadow 160ms var(--ease-out-quint);
}
:not(z).uk3-disc svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).uk3-disc::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(8, 8, 8, 0.12);
}
:not(z).uk3-name {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--text-900);
  transition: color 160ms linear;
}
:not(z).uk3-name svg {
  flex: none;
  color: var(--blue-700);
  opacity: 0.45;
  transition: opacity 160ms linear, transform 260ms var(--ease-out-quint);
}
:not(z).uk3-feats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  max-width: min(34ch, 100%);
  margin: 8px auto 0;
  text-align: left;
}
:not(z).uk3-feat {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).uk3-feat svg {
  flex: none;
  margin-top: 2px;
  color: var(--blue-600);
}
@media (hover: hover) {
  :not(z).uk3-pick:hover .uk3-name {
    color: var(--blue-700);
  }
  :not(z).uk3-pick:hover .uk3-name svg {
    opacity: 1;
  }
  :not(z).uk3-pick:hover .uk3-disc {
    box-shadow: 0 0 0 5px var(--white), 0 0 0 7px var(--blue-600), var(--shadow-float);
  }
}
:not(z).uk3-pick:focus-visible .uk3-disc {
  box-shadow: 0 0 0 5px var(--white), 0 0 0 7px var(--blue-600), var(--shadow-float);
}
:not(z).uk3-pick[data-on="true"] .uk3-name {
  color: var(--blue-700);
}
:not(z).uk3-pick[data-on="true"] .uk3-name svg {
  opacity: 1;
  transform: rotate(180deg);
}
:not(z).uk3-pick[data-on="true"] .uk3-disc {
  box-shadow: 0 0 0 5px var(--white), 0 0 0 7px var(--blue-600), var(--shadow-card);
}
:not(z).uk3-panel {
  overflow: hidden;
}
:not(z).uk3-panel-in {
  margin-top: 20px;
  padding: 22px 24px 20px;
  border-radius: var(--r-lg);
  background: var(--paper);
}
:not(z).uk3-phead {
  display: flex;
  align-items: center;
  gap: 11px;
}
:not(z).uk3-phead b {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--text-900);
}
:not(z).uk3-phead .btn {
  margin-left: auto;
}
:not(z).uk3-pflag {
  display: block;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(8, 8, 8, 0.12);
}
:not(z).uk3-pflag svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).uk3-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.35fr);
  gap: 22px;
  align-items: start;
  margin-top: 18px;
}
:not(z).uk3-brief {
  display: grid;
  gap: 16px;
}
:not(z).uk3-bit {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}
:not(z).uk3-bic {
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: var(--r-md);
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).uk3-blabel {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-600);
}
:not(z).uk3-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
:not(z).uk3-chips li {
  padding: 4px 8px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  font-size: 14px;
  line-height: 1.35;
  color: var(--text-900);
}
:not(z).uk3-money {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--white);
  overflow: hidden;
}
:not(z).uk3-mg {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  align-content: start;
  padding: 15px 17px 16px;
}
:not(z).uk3-mg + .uk3-mg {
  border-left: 1px solid var(--border);
}
:not(z).uk3-mgt {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-900);
}
:not(z).uk3-mgt svg {
  flex: none;
  color: var(--blue-600);
}
:not(z).uk3-mgh {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).uk3-list {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
:not(z).uk3-ch {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  line-height: 1.35;
}
:not(z).uk3-ch > .bm-g {
  justify-self: center;
  vertical-align: baseline;
}
:not(z).uk3-ch > svg.bm-g {
  color: var(--text-600);
}
:not(z).uk3-ch-n {
  min-width: 0;
  color: var(--text-900);
}
:not(z).uk3-ch-s {
  flex: none;
  justify-self: end;
}
:not(z).uk3-ch[data-v="yes"] .uk3-ch-s {
  color: var(--green-600);
}
:not(z).uk3-ch[data-v="no"] .uk3-ch-s {
  color: var(--red-600);
}
:not(z).uk3-ch[data-v="no"] .uk3-ch-n {
  color: var(--text-600);
}
:not(z).uk3-empty {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).uk3-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
  margin-top: 20px;
}
:not(z).uk3-note {
  max-width: 58ch;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).uk3-exit {
  flex: none;
  white-space: nowrap;
}
:not(z).uk3-tblwrap {
  position: relative;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
  -webkit-overflow-scrolling: touch;
}
:not(z).uk3-tbl {
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
}
:not(z).uk3-tbl th, :not(z).uk3-tbl td {
  padding: 12px 16px;
  vertical-align: top;
  font-weight: 400;
}
:not(z).uk3-tbl tbody tr th, :not(z).uk3-tbl tbody tr td, :not(z).uk3-tbl tfoot tr th, :not(z).uk3-tbl tfoot tr td {
  border-top: 1px solid var(--border);
}
:not(z).uk3-tbl th + th, :not(z).uk3-tbl td + td {
  border-left: 1px solid var(--border);
}
:not(z).uk3-tbl thead th {
  background: var(--paper);
}
:not(z).uk3-tflag {
  display: block;
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(8, 8, 8, 0.12);
}
:not(z).uk3-tflag svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).uk3-rowh, :not(z).uk3-tbl-corner {
  position: sticky;
  left: 0;
  z-index: 1;
  width: 210px;
  min-width: 210px;
  background: var(--white);
  box-shadow: 1px 0 0 var(--border);
}
:not(z).uk3-tbl thead .uk3-tbl-corner {
  z-index: 2;
  background: var(--paper);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-600);
}
:not(z).uk3-rowh-t {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text-900);
}
:not(z).uk3-rowh-t svg {
  flex: none;
  color: var(--blue-600);
}
:not(z).uk3-rowh-h {
  display: block;
  margin-top: 4px;
  padding-left: 24px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).uk3-td {
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-900);
}
:not(z).uk3-td .uk3-chips, :not(z).uk3-td .uk3-list {
  margin-top: 0;
}
:not(z).uk3-td .uk3-list {
  max-width: 230px;
}
:not(z).uk3-td .uk3-empty {
  margin-top: 0;
}
:not(z).uk3-td-v {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--text-900);
}
:not(z).uk3-td-v em {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  color: var(--text-600);
}
:not(z).uk3-td-s {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}
:not(z).uk3-td-s svg {
  flex: none;
  margin-top: 1px;
}
:not(z).uk3-td-s[data-v="yes"] svg {
  color: var(--green-600);
}
:not(z).uk3-td-s[data-v="no"] {
  color: var(--text-600);
}
:not(z).uk3-td-s[data-v="no"] svg {
  color: var(--red-600);
}
:not(z).uk3-tbl tfoot .uk3-tcta {
  width: 100%;
}
:not(z).ctry-nohead.sec-pad {
  padding-block-start: clamp(32px, 4vw, 48px);
}
:not(z).ctry-wrap {
  margin-top: var(--space-head);
}
:not(z).uk3-tbl .ctry-th {
  padding: 0;
  vertical-align: bottom;
}
:not(z).ctry-head {
  position: relative;
  display: block;
  width: 100%;
  height: 158px;
  padding: 0;
  border: 0;
  background: var(--night);
  font: inherit;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}
:not(z).ctry-photo {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  filter: grayscale(0.4) brightness(0.72);
  transition: transform 700ms var(--ease-out-quint), filter 300ms linear;
}
:not(z).ctry-head[data-on="true"] .ctry-photo {
  filter: grayscale(0) brightness(0.86);
  transform: scale(1.07);
}
@media (hover: hover) {
  :not(z).ctry-head:hover .ctry-photo {
    filter: grayscale(0) brightness(0.86);
    transform: scale(1.07);
  }
}
:not(z).ctry-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(8, 8, 8, 0.9) 0%, rgba(8, 8, 8, 0.12) 62%);
}
:not(z).ctry-head-body {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  display: block;
  padding: 12px 16px;
}
:not(z).ctry-flag {
  margin-bottom: 8px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}
:not(z).ctry-name {
  display: block;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #ffffff;
}
:not(z).ctry-sub {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--on-dark-2);
}
:not(z).ctry-head[data-on="true"]::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 3px;
  background: var(--blue-600);
}
:not(z).ctry-head:focus-visible {
  outline: 2px solid var(--blue-600);
  outline-offset: -3px;
}
:not(z).uk3-tbl .uk3-td[data-on="true"] {
  background: var(--blue-100);
}
:not(z).uk3-tbl .ctry-grouph {
  padding: 8px 16px;
  background: var(--paper);
}
:not(z).ctry-grouph span {
  position: sticky;
  left: 16px;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--text-600);
}
:not(z).ctry-fact {
  display: block;
}
:not(z).ctry-fact b {
  font-weight: 600;
  color: var(--text-900);
}
:not(z).ctry-fact em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-600);
}
@media (max-width: 1023.5px) {
  :not(z).uk3-grid {
    column-gap: 16px;
  }
  :not(z).uk3-name {
    font-size: 18px;
  }
  :not(z).uk3-feat {
    font-size: 14px;
  }
  :not(z).uk3-panel-in {
    padding: 20px 20px 18px;
  }
  :not(z).uk3-mg {
    padding: 14px;
  }
  :not(z).uk3-body {
    display: block;
  }
  :not(z).uk3-brief {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    gap: 14px 18px;
  }
  :not(z).uk3-money {
    margin-top: 16px;
  }
  :not(z).uk3-rowh, :not(z).uk3-tbl-corner {
    width: 176px;
    min-width: 176px;
  }
  :not(z).uk3-tbl th, :not(z).uk3-tbl td {
    padding: 12px 12px;
  }
  :not(z).ctry-head {
    height: 138px;
  }
  :not(z).uk3-tbl .ctry-grouph {
    padding: 8px 12px;
  }
  :not(z).ctry-grouph span {
    left: 14px;
  }
}
@media (max-width: 719.5px) {
  :not(z).uk3-arc {
    display: none;
  }
  :not(z).uk3-grid {
    display: block;
    border-top: 1px solid var(--border);
  }
  :not(z).uk3-lane {
    display: block;
    border-bottom: 1px solid var(--border);
  }
  :not(z).uk3-pick {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "disc name" "disc feats";
    align-items: center;
    column-gap: 12px;
    padding: 16px 0 16px;
    text-align: left;
  }
  :not(z).uk3-pick::after {
    display: none;
  }
  :not(z).uk3-discwrap {
    grid-area: disc;
    height: auto;
  }
  :not(z).uk3-disc {
    position: static;
    width: 40px;
    height: 40px;
    margin: 0;
    box-shadow: none;
  }
  :not(z).uk3-pick[data-on="true"] .uk3-disc, :not(z).uk3-pick:focus-visible .uk3-disc {
    box-shadow: 0 0 0 2px var(--blue-600);
  }
  :not(z).uk3-name {
    grid-area: name;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
  }
  :not(z).uk3-feats {
    grid-area: feats;
    width: auto;
    max-width: none;
    margin: 4px 0 0;
  }
  :not(z).uk3-panel-in {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 16px 16px 18px;
  }
  :not(z).uk3-phead {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
  }
  :not(z).uk3-phead .btn {
    grid-column: 1 / -1;
    justify-content: center;
    margin: 2px 0 0;
  }
  :not(z).uk3-body {
    margin-top: 16px;
  }
  :not(z).uk3-brief {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  :not(z).uk3-money {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
  :not(z).uk3-mg {
    display: block;
    grid-row: auto;
    padding: 13px 14px 14px;
  }
  :not(z).uk3-mg + .uk3-mg {
    border-left: 0;
    border-top: 1px solid var(--border);
  }
  :not(z).uk3-list {
    gap: 8px;
  }
  :not(z).uk3-foot {
    margin-top: 20px;
  }
  :not(z).uk3-segwrap {
    width: 100%;
  }
  :not(z).uk3-seg {
    display: flex;
    width: 100%;
  }
  :not(z).uk3-seg-b {
    flex: 1;
    justify-content: center;
    padding-inline: 8px;
  }
  :not(z).uk3-rowh, :not(z).uk3-tbl-corner {
    width: 148px;
    min-width: 148px;
  }
  :not(z).uk3-rowh-t {
    font-size: 14px;
  }
  :not(z).uk3-tbl th, :not(z).uk3-tbl td {
    padding: 12px 12px;
  }
  :not(z).uk3-tblwrap {
    container-type: inline-size;
    scroll-snap-type: x mandatory;
  }
  :not(z).uk3-tbl {
    table-layout: fixed;
    min-width: 0;
    width: calc(148px + 3 * (100cqw - 148px));
  }
  :not(z).uk3-tbl thead th:not(.uk3-tbl-corner) {
    width: calc(100cqw - 148px);
    scroll-snap-align: end;
  }
  :not(z).ctry-head {
    height: 116px;
  }
  :not(z).ctry-head-body {
    padding: 12px 12px;
  }
  :not(z).ctry-flag {
    margin-bottom: 6px;
  }
  :not(z).ctry-name {
    font-size: 18px;
  }
  :not(z).ctry-sub {
    font-size: 12px;
  }
  :not(z).uk3-tbl .ctry-grouph {
    padding: 8px 12px;
  }
  :not(z).ctry-grouph span {
    left: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).uk3-disc, :not(z).uk3-name, :not(z).uk3-name svg, :not(z).uk3-pick::after, :not(z).uk3-seg-b, :not(z).uk3-seg-b svg, :not(z).ctry-photo {
    transition: none;
  }
}
:not(z).aut-copy {
  min-width: 0;
}
:not(z).aut-title {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(23px, 2.3vw, 29px);
  line-height: 1.2;
  color: var(--text-900);
}
:not(z).aut-line {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).aut-creds {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:not(z).aut-creds li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.35;
  color: var(--text-900);
}
:not(z).aut-ic {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--r-sm);
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).aut-stage {
  position: relative;
  overflow: hidden;
  min-width: 0;
  width: 100%;
  container-type: size;
  aspect-ratio: 16 / 9;
  max-height: 250px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--paper);
}
@media (min-width: 720px) {
  :not(z).aut-stage {
    align-self: stretch;
    aspect-ratio: auto;
    max-height: none;
    min-height: 196px;
  }
}
:not(z).aut-tag {
  position: absolute;
  left: 14px;
  top: 12px;
  z-index: 3;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--text-600);
}
:not(z).aut-globe {
  --g: min(150cqh, 118cqw);
  position: absolute;
  left: 50%;
  top: max(5cqh, 100cqh - var(--g) * 0.7633);
  width: var(--g);
  height: var(--g);
  transform: translateX(-50%);
}
:not(z).aut-orb {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).aut-disc {
  fill: var(--blue-100);
}
:not(z).aut-grid {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.4;
  stroke-linecap: round;
}
:not(z).aut-rim {
  fill: none;
  stroke: var(--blue-500);
  stroke-width: 1.2;
}
:not(z).aut-at {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
}
:not(z).aut-mark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px 4px 4px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  box-shadow: var(--shadow-card);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--text-900);
  white-space: nowrap;
}
:not(z).aut-pin {
  position: relative;
  display: inline-flex;
  flex: none;
}
:not(z).aut-flag {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
}
:not(z).aut-flag svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 719.5px) {
  :not(z).aut-stage {
    min-height: 188px;
    max-height: 214px;
  }
  :not(z).aut-mark {
    gap: 8px;
    padding: 4px 8px 4px 4px;
    font-size: 12px;
  }
  :not(z).aut-flag {
    width: 19px;
    height: 19px;
  }
  :not(z).aut-creds {
    gap: 8px;
  }
  :not(z).aut-ic {
    width: 26px;
    height: 26px;
  }
}
:not(z).aut-creds li {
  align-items: flex-start;
}
:not(z).aut-cred-m {
  display: grid;
  gap: 2px;
  min-width: 0;
}
:not(z).aut-cred-m b {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.35;
  color: var(--text-900);
}
:not(z).aut-cred-m em {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).aut-line-2 {
  margin-top: 8px;
}
:not(z).aut-tag-alt {
  position: absolute;
  left: 14px;
  top: 30px;
  z-index: 3;
  font-size: 12px;
  line-height: 1.3;
  color: var(--text-600);
}
:not(z).aut-kara {
  fill: var(--blue-500);
  fill-opacity: 0.32;
}
:not(z).aut-at {
  width: 0;
  height: 0;
  transform: none;
}
:not(z).aut-nokta {
  position: absolute;
  left: -6px;
  top: -6px;
  width: 12px;
  height: 12px;
  border: 2.5px solid #ffffff;
  border-radius: 50%;
  background: var(--blue-700);
  box-shadow: 0 1px 4px rgba(8, 8, 8, 0.25);
}
:not(z).aut-etk {
  position: absolute;
}
:not(z).aut-etk[data-yer="ust"] {
  left: 0;
  bottom: 11px;
  transform: translateX(-50%);
}
:not(z).aut-etk[data-yer="alt"] {
  left: 0;
  top: 11px;
  transform: translateX(-50%);
}
:not(z).aut-etk[data-yer="sol"] {
  right: 11px;
  top: 0;
  transform: translateY(-50%);
}
:not(z).aut-disc {
  fill: #8fbdf3;
}
:not(z).aut-kara {
  fill: #ffffff;
  fill-opacity: 1;
}
:not(z).aut-grid {
  stroke: rgba(255, 255, 255, 0.45);
  stroke-width: 1;
}
:not(z).aut-rim {
  stroke: var(--blue-700);
}
:not(z).aut-creds li {
  align-items: center;
}
:not(z).ft2-kat {
  position: relative;
  isolation: isolate;
  overflow: clip;
}
:not(z).ft2-ust {
  position: relative;
  z-index: 2;
  padding-block: clamp(72px, 8.4vw, 128px) clamp(26px, 3vw, 44px);
}
:not(z).ft2-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
:not(z).kcta-gok {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
:not(z).kcta-yildiz {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0.8;
  transition: opacity 520ms var(--ease-out-soft);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 84%, rgba(0, 0, 0, 0.3) 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 84%, rgba(0, 0, 0, 0.3) 100%);
}
:not(z).kcta-yildiz::before {
  content: "";
  position: absolute;
  inset: 0 -420px 0 0;
}
:not(z).kcta-yildiz-b::before {
  right: -300px;
}
:not(z).kcta-yildiz-a::before {
  background-image: radial-gradient(circle 1.5px at 12% 24%, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.1px at 47% 9%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.3px at 71% 38%, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1px at 88% 15%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.2px at 31% 63%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 420px 260px;
}
:not(z).kcta-yildiz-b::before {
  background-image: radial-gradient(circle 1px at 22% 46%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(circle 1.2px at 64% 20%, rgba(160, 197, 245, 0.34) 0%, rgba(160, 197, 245, 0) 100%), radial-gradient(circle 0.9px at 84% 58%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 300px 190px;
}
:not(z).kcta-kayan {
  position: absolute;
  width: var(--kcta-kl);
  height: 1.5px;
  border-radius: 1px;
  transform-origin: 100% 50%;
  transform: rotate(var(--kcta-ka)) translateX(0);
  background: linear-gradient(to left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  will-change: transform, opacity;
}
:not(z).kcta-kayan::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 3px;
  height: 3px;
  margin-top: -1.5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 7px 1px rgba(255, 255, 255, 0.5);
}
:not(z).kcta-kayan-1 {
  --kcta-ka: 21deg;
  --kcta-kl: clamp(64px, 8vw, 118px);
  --kcta-kd: clamp(210px, 27vw, 400px);
  left: 2%;
  top: 8%;
}
@media (max-width: 719.5px) {
  :not(z).kcta-kayan-1 {
    top: 26%;
  }
}
:not(z).kcta-kayan-2 {
  --kcta-ka: 156deg;
  --kcta-kl: clamp(78px, 9vw, 140px);
  --kcta-kd: clamp(240px, 31vw, 460px);
  left: 86%;
  top: 16%;
}
:not(z).kcta-rozet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  border-radius: var(--r-pill);
  background: rgba(48, 127, 226, 0.14);
  box-shadow: inset 0 0 0 1px rgba(48, 127, 226, 0.28);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--on-dark);
}
:not(z).kcta-nokta {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue-700);
}
:not(z).kcta-t {
  margin-top: clamp(18px, 2vw, 26px);
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.04;
  font-size: clamp(32px, 4.6vw, 60px);
  color: #ffffff;
  max-width: 24ch;
  text-wrap: balance;
}
:not(z).kcta-eylem {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: clamp(24px, 2.6vw, 34px);
}
:not(z).kcta-sahne {
  --kcta-h: max(200px, 23vw);
  --kcta-r3: max(345px, 82vw);
  --kcta-g: clamp(46px, 5vw, 74px);
  --kcta-r2: calc(var(--kcta-r3) - var(--kcta-g));
  --kcta-r1: calc(var(--kcta-r3) - var(--kcta-g) * 2);
  --kcta-disk: clamp(28px, 2.6vw, 38px);
  --kcta-ucak: clamp(17px, 1.5vw, 22px);
  position: relative;
  z-index: 1;
  height: var(--kcta-h);
  overflow: clip;
}
:not(z).kcta-mrk {
  position: absolute;
  left: 50%;
  top: calc(var(--kcta-h) * 0.2 + var(--kcta-r3));
  width: 0;
  height: 0;
}
:not(z).kcta-yay {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--kcta-r) * 2);
  height: calc(var(--kcta-r) * 2);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: border-color 520ms var(--ease-out-soft);
}
:not(z).kcta-yay-1 {
  --kcta-r: var(--kcta-r1);
  border: 1px solid rgba(133, 178, 240, 0.34);
}
:not(z).kcta-yay-2 {
  --kcta-r: var(--kcta-r2);
  border: 1.5px dashed rgba(48, 127, 226, 0.32);
}
:not(z).kcta-yay-3 {
  --kcta-r: var(--kcta-r3);
  border: 1px solid rgba(255, 255, 255, 0.09);
}
:not(z).kcta-tas {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform, opacity;
}
:not(z).kcta-tas[data-yay="1"] {
  --kcta-r: var(--kcta-r1);
  --kcta-w: 25deg;
  --kcta-t: 34483ms;
}
:not(z).kcta-tas[data-yay="3"] {
  --kcta-r: var(--kcta-r3);
  --kcta-w: 45deg;
  --kcta-t: 96769ms;
}
:not(z).kcta-tas--disk {
  z-index: 2;
  width: var(--kcta-disk);
  height: var(--kcta-disk);
  transform: rotate(var(--kcta-a)) translateY(calc(-1 * var(--kcta-r))) rotate(calc(-1 * var(--kcta-a))) translate(-50%, -50%);
}
:not(z).kcta-tas--ucak {
  z-index: 1;
  width: var(--kcta-ucak);
  height: var(--kcta-ucak);
  color: var(--on-dark-2);
  transform: rotate(var(--kcta-a)) translateY(calc(-1 * var(--kcta-r))) translate(-50%, -50%);
  transition: color 520ms var(--ease-out-soft);
}
:not(z).kcta-tas--ucak > svg {
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  transition: transform 300ms var(--ease-out-quint);
}
:not(z).kcta-bayrak {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--night-2);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18), 0 8px 20px rgba(0, 0, 0, 0.55);
  transition: transform 340ms var(--ease-out-quint), box-shadow 340ms var(--ease-out-soft);
}
:not(z).kcta-bayrak svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).kcta-yildiz-a::before {
    animation: kcta-kay-a 40361ms linear infinite;
  }
  :not(z).kcta-yildiz-b::before {
    animation: kcta-kay-b 74959ms linear infinite;
  }
  :not(z).kcta-kayan-1 {
    animation: kcta-kayan-a 24251ms linear -20251ms infinite;
  }
  :not(z).kcta-kayan-2 {
    animation: kcta-kayan-b 131129ms linear -117129ms infinite;
  }
  :not(z).kcta-tas--disk {
    animation: kcta-tur-disk var(--kcta-t) linear calc(var(--kcta-faz) * var(--kcta-t)) infinite;
  }
  :not(z).kcta-tas--ucak {
    animation: kcta-tur-ucak var(--kcta-t) linear calc(var(--kcta-faz) * var(--kcta-t)) infinite;
  }
}
@media (hover: hover) {
  :not(z).ft2:hover .kcta-yay-1 {
    border-color: rgba(133, 178, 240, 0.58);
  }
  :not(z).ft2:hover .kcta-yay-2 {
    border-color: rgba(48, 127, 226, 0.5);
  }
  :not(z).ft2:hover .kcta-yay-3 {
    border-color: rgba(255, 255, 255, 0.16);
  }
  :not(z).ft2:hover .kcta-yildiz {
    opacity: 1;
  }
  :not(z).ft2:hover .kcta-bayrak {
    transform: scale(1.1);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4), 0 10px 24px rgba(0, 0, 0, 0.6);
  }
  :not(z).ft2:hover .kcta-tas--ucak {
    color: #ffffff;
  }
  :not(z).ft2:hover .kcta-tas--ucak > svg {
    transform: rotate(45deg) scale(1.14);
  }
}
@keyframes kcta-kay-a {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-420px, 0, 0);
  }
}
@keyframes kcta-kay-b {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-300px, 0, 0);
  }
}
@keyframes kcta-tur-disk {
  0% {
    opacity: 0;
    transform: rotate(calc(-1 * var(--kcta-w))) translateY(calc(-1 * var(--kcta-r))) rotate(var(--kcta-w)) translate(-50%, -50%);
  }
  14% {
    opacity: 1;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(var(--kcta-w)) translateY(calc(-1 * var(--kcta-r))) rotate(calc(-1 * var(--kcta-w))) translate(-50%, -50%);
  }
}
@keyframes kcta-tur-ucak {
  0% {
    opacity: 0;
    transform: rotate(calc(-1 * var(--kcta-w))) translateY(calc(-1 * var(--kcta-r))) translate(-50%, -50%);
  }
  14% {
    opacity: 1;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(var(--kcta-w)) translateY(calc(-1 * var(--kcta-r))) translate(-50%, -50%);
  }
}
@keyframes kcta-kayan-a {
  0% {
    opacity: 0;
    transform: rotate(var(--kcta-ka)) translateX(0);
  }
  0.4% {
    opacity: 1;
  }
  2.8% {
    opacity: 1;
  }
  4% {
    opacity: 0;
    transform: rotate(var(--kcta-ka)) translateX(var(--kcta-kd));
  }
  100% {
    opacity: 0;
    transform: rotate(var(--kcta-ka)) translateX(var(--kcta-kd));
  }
}
@keyframes kcta-kayan-b {
  0% {
    opacity: 0;
    transform: rotate(var(--kcta-ka)) translateX(0);
  }
  0.12% {
    opacity: 1;
  }
  0.85% {
    opacity: 1;
  }
  1.15% {
    opacity: 0;
    transform: rotate(var(--kcta-ka)) translateX(var(--kcta-kd));
  }
  100% {
    opacity: 0;
    transform: rotate(var(--kcta-ka)) translateX(var(--kcta-kd));
  }
}
:not(z).kcta-l {
  font-size: clamp(15px, 1.2vw, 17.5px);
  line-height: 1.62;
  color: var(--on-dark-2);
  max-width: 56ch;
  margin-top: 18px;
}
:not(z).ft2-alt {
  --soon-dim: 0.7;
  position: relative;
  border-top: 1px solid var(--night-line);
}
:not(z).ft2-alt .ft2-grid {
  padding-top: clamp(56px, 6vw, 88px);
}
:not(z).ft2-alt .ft2-brand, :not(z).ft2-alt .ft2-h {
  color: #ffffff;
}
:not(z).ft2-alt .ft2-brand p, :not(z).ft2-alt .ft2-meta, :not(z).ft2-alt .ft2-meta a, :not(z).ft2-alt .ft2-col a, :not(z).ft2-alt .ft2-col [data-soon] {
  color: var(--on-dark-2);
}
:not(z).ft2-alt .ft2-meta svg, :not(z).ft2-alt .ft2-meta a:hover, :not(z).ft2-alt .ft2-col a:hover {
  color: var(--blue-500);
}
:not(z).ft2-alt .ft2-base {
  color: var(--on-dark-2);
  border-top-color: var(--night-line);
}
:not(z).ufk {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
:not(z).ufk > li {
  display: flex;
  min-width: 0;
}
@media (min-width: 1024px) {
  :not(z).ufk {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:not(z).ufk-k {
  position: relative;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  height: 220px;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--night);
  color: var(--white);
  text-decoration: none;
}
@media (min-width: 1024px) {
  :not(z).ufk-k {
    height: 380px;
  }
}
:not(z).ufk-img {
  object-fit: cover;
  transition: transform 500ms var(--ease-out-soft);
}
:not(z).ufk-k::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(8, 8, 8, 0.9) 0%, rgba(8, 8, 8, 0.62) 38%, rgba(8, 8, 8, 0) 72%);
}
:not(z).ufk-ok {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--white);
  color: var(--night);
}
:not(z).ufk-m {
  position: absolute;
  inset: auto 0 0 0;
  z-index: 1;
  display: grid;
  gap: 8px;
  padding: 20px;
}
:not(z).ufk-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}
:not(z).ufk-bayrak {
  display: block;
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
}
:not(z).ufk-bayrak svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).ufk-ust b {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
:not(z).ufk-cip {
  margin-left: auto;
  padding: 4px 10px;
  border-radius: var(--r-sm);
  background: rgba(255, 255, 255, 0.18);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
}
:not(z).ufk-cipler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
}
:not(z).ufk-cipler .ufk-cip {
  margin-left: 0;
}
:not(z).ufk-p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  text-wrap: balance;
}
@media (hover: hover) {
  a:not(z).ufk-k:hover .ufk-img {
    transform: scale(1.04);
  }
}
:not(z).uk3-mkart {
  display: none;
}
@media (max-width: 719px) {
  html:not(z)[data-mobil="yeni"] .uk3-mkart {
    display: block;
    margin-top: var(--space-head);
  }
  html:not(z)[data-mobil="yeni"] .uk3-segwrap, html:not(z)[data-mobil="yeni"] #uk3-view-ulke {
    display: none;
  }
  html:not(z)[data-mobil="yeni"] .uk3-mkart-git {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  :not(z).ufk.yk-iki {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:not(z).sec-head + .ufk {
  margin-top: var(--space-head);
}
:not(z):root {
  --white: #ffffff;
  --paper: #f5f5f5;
  --text-900: #080808;
  --text-600: #5c5c5c;
  --blue-900: #1b56a8;
  --blue-800: #2468c4;
  --blue-700: #307fe2;
  --blue-600: #307fe2;
  --blue-500: #5c9eeb;
  --blue-100: #e8f1fd;
  --border: #e6e6e6;
  --green-600: #1e8a54;
  --green-100: #e6f6ec;
  --amber-600: #b26a00;
  --amber-100: #fcf1de;
  --chart-blue: #cadff9;
  --night: #080808;
  --night-2: #111111;
  --night-3: #191919;
  --night-line: #262626;
  --night-text: rgba(255, 255, 255, 0.72);
  --r-pill: 999px;
  --r-panel: 28px;
  --r-lg: 18px;
  --r-md: 12px;
  --r-sm: 8px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 2px 4px rgba(0, 0, 0, 0.06), 0 16px 40px rgba(0, 0, 0, 0.10);
  --container: 1200px;
  --gutter-d: 32px;
  --gutter-m: 20px;
  --sec-pad-d: 112px;
  --sec-pad-m: 72px;
  --space-head: 48px;
  --space-block: 24px;
  --space-col: 40px;
  --panel-inset: max(24px, calc((100vw - 1440px) / 2));
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --font-mono: var(--font-sans);
}
html:not(z) {
  scroll-behavior: auto;
}
body:not(z) {
  background: var(--white);
  color: var(--text-900);
  font-family: var(--font-sans), system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
:not(z)::selection {
  background: var(--blue-100);
  color: var(--text-900);
}
:not(z):focus-visible {
  outline: 2px solid var(--blue-700);
  outline-offset: 2px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  *:not(z),
  *:not(z)::before,
  *:not(z)::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
:not(z).tag {
  font-family: var(--font-sans);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
}
:not(z).data {
  font-family: var(--font-sans);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
:not(z).text-accent {
  color: var(--blue-700);
}
:not(z).container-o {
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter-d);
}
:not(z).sec-pad {
  padding-block: var(--sec-pad-d);
}
@media (max-width: 1023.5px) {
  :not(z).container-o {
    padding-inline: var(--gutter-m);
  }
  :not(z).sec-pad {
    padding-block: var(--sec-pad-m);
  }
}
:not(z).nav {
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(230, 230, 230, 0);
  transition: background-color 200ms linear, border-color 200ms linear,
    backdrop-filter 200ms linear;
}
:not(z).nav[data-scrolled="true"] {
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: saturate(1.6) blur(14px);
  border-bottom-color: var(--border);
}
:not(z).mq {
  overflow: clip;
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );
}
:not(z).sec-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 74ch;
}
:not(z).h2 {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.06;
  font-size: clamp(30px, 3.5vw, 46px);
  max-width: 24ch;
  text-wrap: balance;
}
:not(z).sec-lead {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-600);
  max-width: 52ch;
}
:not(z).sec-lead-dark {
  color: var(--on-dark-2);
}
:not(z).rm {
  margin-top: 48px;
  border-top: 1px solid var(--border);
}
:not(z).stp {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center;
  margin-top: var(--space-head);
}
@media (min-width: 1024px) {
  :not(z).stp {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
    gap: 48px;
  }
}
:not(z).stp-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
:not(z).stp-item {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px 16px 20px;
  border: 0;
  border-radius: var(--r-lg);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms linear;
}
:not(z).stp-item:hover {
  background: var(--paper);
}
:not(z).stp-item[data-on="true"] {
  background: var(--paper);
}
:not(z).stp[data-dark] .stp-list {
  gap: 8px;
}
:not(z).stp[data-dark] .stp-item {
  border: 1px solid var(--night-line);
  border-radius: var(--r-lg);
  background: var(--night-2);
  transition: background-color 160ms linear,
    border-color 160ms linear;
}
:not(z).stp[data-dark] .stp-item:hover {
  border-color: #3d3d3d;
  background: #1b1b1b;
}
:not(z).stp[data-dark] .stp-item[data-on="true"] {
  border-color: var(--blue-500);
  background: var(--blue-900);
}
:not(z).stp[data-dark] .stp-item[data-on="true"] .stp-n {
  color: #ffffff;
}
:not(z).stp-n {
  font-family: var(--font-sans);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
  padding-top: 3px;
  transition: color 160ms linear;
}
:not(z).stp[data-dark] .stp-n {
  color: var(--on-dark-3);
}
:not(z).stp-item[data-on="true"] .stp-n {
  color: var(--blue-700);
}
:not(z).stp[data-dark] .stp-item[data-on="true"] .stp-n {
  color: var(--blue-500);
}
:not(z).stp-text {
  display: block;
  min-width: 0;
}
:not(z).stp-title {
  display: block;
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.015em;
  font-size: 20px;
  line-height: 1.25;
  color: var(--text-900);
}
:not(z).stp[data-dark] .stp-title {
  color: #ffffff;
}
:not(z).stp-line {
  display: block;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
  margin-top: 8px;
}
:not(z).stp[data-dark] .stp-line {
  color: var(--on-dark-2);
}
:not(z).stp-bar {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 10px;
  height: 2px;
  border-radius: 2px;
  background: var(--blue-600);
  transform-origin: left;
}
:not(z).stp[data-mirror] .stp-list {
  order: 2;
}
:not(z).stp[data-mirror] .stp-stage {
  order: 1;
}
:not(z).stp-stage {
  position: relative;
  border-radius: var(--r-panel);
  background: var(--paper);
  border: 1px solid var(--border);
  padding: 16px;
  overflow: clip;
}
:not(z).stp[data-dark] .stp-stage {
  background: var(--night-2);
  border-color: var(--night-line);
}
:not(z).stp-scene {
  display: block;
}
:not(z).fs {
  display: block;
  width: 100%;
  height: auto;
}
:not(z).fs-box {
  fill: var(--white);
  stroke: var(--border);
  stroke-width: 1;
}
:not(z).stp[data-dark] .fs-box {
  fill: rgba(255, 255, 255, 0.05);
  stroke: var(--night-line);
}
:not(z).fs-box-accent {
  fill: var(--blue-100);
  stroke: #cfe1fa;
}
:not(z).stp[data-dark] .fs-box-accent {
  fill: rgba(45, 127, 230, 0.16);
  stroke: rgba(74, 144, 238, 0.4);
}
:not(z).fs-chip {
  fill: rgba(255, 255, 255, 0.08);
}
:not(z).stp:not([data-dark]) .fs-chip {
  fill: var(--paper);
}
:not(z).fs-chip-ic {
  color: var(--blue-500);
}
:not(z).stp:not([data-dark]) .fs-chip-ic {
  color: var(--blue-700);
}
:not(z).fs-dot {
  fill: rgba(255, 255, 255, 0.06);
}
:not(z).stp:not([data-dark]) .fs-dot {
  fill: #e9e9ea;
}
:not(z).fs-head {
  fill: var(--blue-600);
}
:not(z).fs-head-muted {
  fill: rgba(255, 255, 255, 0.4);
}
:not(z).stp:not([data-dark]) .fs-head-muted {
  fill: var(--text-600);
}
:not(z).fs-wire-muted {
  stroke: rgba(255, 255, 255, 0.32);
  stroke-dasharray: 5 6;
}
:not(z).stp:not([data-dark]) .fs-wire-muted {
  stroke: #c9c9cb;
}
:not(z).fs-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  fill: var(--text-900);
}
:not(z).stp[data-dark] .fs-t {
  fill: #ffffff;
}
:not(z).fs-s {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12px;
  fill: var(--text-600);
}
:not(z).stp[data-dark] .fs-s {
  fill: rgba(255, 255, 255, 0.55);
}
:not(z).fs-wire {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 1.6;
  stroke-linecap: round;
}
:not(z).fs-packet {
  fill: var(--blue-600);
}
:not(z).fs-tag {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  fill: var(--text-600);
}
:not(z).stp[data-dark] .fs-tag {
  fill: rgba(255, 255, 255, 0.62);
}
:not(z).sv {
  display: block;
  width: 100%;
  height: auto;
}
:not(z).sv-dark {
  display: block;
  width: 100%;
  height: auto;
}
:not(z).dv-card {
  fill: rgba(255, 255, 255, 0.04);
  stroke: var(--night-line);
  stroke-width: 1;
}
:not(z).dv-doc {
  fill: rgba(255, 255, 255, 0.05);
  stroke: rgba(255, 255, 255, 0.22);
  stroke-width: 1.4;
}
:not(z).dv-h {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  fill: #ffffff;
}
:not(z).dv-lbl {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 12px;
  fill: rgba(255, 255, 255, 0.45);
}
:not(z).dv-input {
  fill: rgba(255, 255, 255, 0.05);
  stroke: var(--night-line);
  stroke-width: 1;
}
:not(z).dv-fill-sq {
  fill: var(--blue-500);
}
:not(z).dv-ln {
  fill: rgba(255, 255, 255, 0.16);
}
:not(z).dv-caret {
  fill: #ffffff;
}
:not(z).dv-ok {
  fill: rgba(95, 215, 155, 0.18);
}
:not(z).dv-ok-ic {
  color: #5fd79b;
}
:not(z).dv-track {
  fill: rgba(255, 255, 255, 0.1);
}
:not(z).dv-progress {
  fill: var(--blue-600);
}
:not(z).dv-name {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  fill: #ffffff;
}
:not(z).dv-scan {
  fill: var(--blue-500);
}
:not(z).dv-pill-ok {
  fill: rgba(95, 215, 155, 0.16);
  stroke: rgba(95, 215, 155, 0.4);
  stroke-width: 1;
}
:not(z).dv-pill-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  fill: #7fe3b4;
}
:not(z).dv-wire {
  fill: none;
  stroke: var(--blue-500);
  stroke-width: 1.6;
}
:not(z).dv-arrow {
  fill: var(--blue-500);
}
:not(z).dv-node {
  fill: rgba(48, 127, 226, 0.14);
  stroke: rgba(92, 158, 235, 0.4);
  stroke-width: 1;
}
:not(z).dv-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  fill: #ffffff;
}
:not(z).dv-s {
  font-family: var(--font-sans);
  font-size: 12px;
  fill: rgba(255, 255, 255, 0.5);
}
:not(z).dv-seal {
  fill: rgba(95, 215, 155, 0.14);
  stroke: #5fd79b;
  stroke-width: 2;
}
:not(z).dv-seal-in {
  fill: none;
  stroke: rgba(95, 215, 155, 0.45);
  stroke-width: 1;
  stroke-dasharray: 4 5;
}
:not(z).dv-seal-ic {
  color: #5fd79b;
}
:not(z).dv-cardface {
  fill: rgba(48, 127, 226, 0.18);
  stroke: rgba(92, 158, 235, 0.38);
  stroke-width: 1;
}
:not(z).dv-chip {
  fill: rgba(255, 255, 255, 0.5);
}
:not(z).dv-iban {
  font-family: var(--font-sans);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
  font-size: 20px;
  fill: #ffffff;
}
:not(z).dv-row {
  fill: rgba(255, 255, 255, 0.05);
  stroke: var(--night-line);
  stroke-width: 1;
}
:not(z).dv-folder {
  fill: rgba(255, 255, 255, 0.05);
  stroke: var(--night-line);
  stroke-width: 1;
}
:not(z).bn {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: var(--space-head);
}
@media (min-width: 720px) {
  :not(z).bn {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  :not(z).bn-tile {
    grid-column: span 2;
  }
  :not(z).bn-tile-tall {
    grid-column: span 2;
    grid-row: span 2;
  }
  :not(z).bn-tile-wide {
    grid-column: span 4;
  }
}
:not(z).bn-tile {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
}
:not(z).bn-tile-dark {
  background: var(--night);
  border-color: var(--night-line);
}
:not(z).bn-tile-dark .bn-title {
  color: #ffffff;
}
:not(z).bn-tile-dark .bn-line {
  color: var(--on-dark-2);
}
:not(z).bn-tile-dark .bn-ic {
  background: rgba(48, 127, 226, 0.2);
  color: #9cc6f5;
}
:not(z).bn-tile-dark .bn-foot {
  color: var(--on-dark-3);
}
:not(z).bn-tile-dark .bn-chat {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--night-line);
}
:not(z).bn-tile-dark .bn-who {
  border-bottom-color: var(--night-line);
}
:not(z).bn-tile-dark .bn-who b {
  color: #ffffff;
}
:not(z).bn-tile-dark .bn-who i {
  color: #5fd79b;
}
:not(z).bn-tile-dark .bn-who i::before {
  background: #5fd79b;
}
:not(z).bn-tile-dark .sc-msg {
  background: rgba(255, 255, 255, 0.07);
  color: var(--on-dark);
}
:not(z).bn-tile-dark .sc-msg[data-me] {
  background: var(--blue-700);
  color: #ffffff;
}
:not(z).bn-tile-dark .bn-typing {
  background: rgba(255, 255, 255, 0.07);
  border-color: var(--night-line);
}
:not(z).bn-tile-dark .bn-typing span {
  background: rgba(255, 255, 255, 0.6);
}
:not(z).bn-tile-wide {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
  padding: 24px;
}
@media (min-width: 720px) {
  :not(z).bn-tile-wide {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 32px;
  }
}
:not(z).bn-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: var(--r-md);
  background: var(--blue-100);
  color: var(--blue-700);
  margin-bottom: 16px;
}
:not(z).bn-title {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 20px;
  line-height: 1.25;
  color: var(--text-900);
}
:not(z).bn-tile-wide .bn-title {
  font-size: clamp(24px, 2.4vw, 30px);
}
:not(z).bn-line {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
  margin-top: 8px;
}
:not(z).bn-chat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 20px;
  padding: 16px;
  border-radius: var(--r-lg);
  background: var(--paper);
}
:not(z).bn-tile-tall .bn-chat {
  flex: 1;
}
:not(z).bn-who {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--border);
}
:not(z).bn-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--r-pill);
  background: var(--blue-600);
  color: #ffffff;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 12px;
}
:not(z).bn-who b {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  color: var(--text-900);
}
:not(z).bn-who i {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  font-style: normal;
  font-size: 12px;
  color: var(--green-600);
}
:not(z).bn-who i::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--r-pill);
  background: var(--green-600);
}
:not(z).bn-typing {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  align-self: flex-start;
  padding: 10px 12px;
  border-radius: var(--r-md);
  background: #ffffff;
  border: 1px solid var(--border);
}
:not(z).bn-typing span {
  width: 5px;
  height: 5px;
  border-radius: var(--r-pill);
  background: #b9bec4;
}
:not(z).bn-tile .sc-msg {
  font-size: 12px;
  padding: 8px 12px;
}
:not(z).bn-foot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 12px;
  color: var(--text-600);
}
:not(z).bn-repair {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 20px;
}
:not(z).bn-fixlist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding: 12px;
  border-radius: var(--r-lg);
  background: var(--paper);
}
:not(z).bn-fix {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  color: var(--text-900);
}
:not(z).bn-fix i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: var(--r-pill);
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).bn-fix b {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  color: var(--green-600);
}
:not(z).bn-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
  padding: 12px 8px;
  border-radius: var(--r-md);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  text-align: center;
}
:not(z).bn-node-warn {
  background: var(--amber-100);
  color: var(--amber-600);
}
:not(z).bn-node-ok {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).bn-arrow {
  position: relative;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-700);
}
:not(z).bn-arrow > span {
  position: absolute;
  inset-inline: 0;
  top: 50%;
  height: 1.5px;
  background: var(--blue-600);
  transform-origin: left;
}
:not(z).bn-arrow svg {
  position: relative;
  background: var(--white);
  padding-left: 3px;
}
:not(z).bn-stream {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
:not(z).bn-typing[data-me] {
  align-self: flex-end;
}
:not(z).bn-tile-dark .bn-typing[data-me] {
  background: rgba(48, 127, 226, 0.35);
}
:not(z).lt {
  margin-top: auto;
  padding-top: 20px;
}
:not(z).lt-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: 12px;
  color: var(--on-dark-3);
}
:not(z).lt-head b {
  font-family: var(--font-sans);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: 16px;
  color: #ffffff;
}
:not(z).lt-bar {
  display: block;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.1);
  overflow: clip;
  margin-top: 8px;
}
:not(z).lt-bar > span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: var(--blue-500);
  transform-origin: left;
}
:not(z).lt-rows {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 12px;
}
:not(z).lt-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 8px 8px;
  border-radius: var(--r-sm);
  font-size: 14px;
  color: var(--on-dark-3);
  transition: background-color 240ms linear, color 240ms linear;
}
:not(z).lt-row[data-done] {
  color: var(--on-dark-2);
}
:not(z).lt-row[data-on] {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
:not(z).lt-dot {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: var(--r-pill);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  color: #5fd79b;
  transition: background-color 300ms linear, border-color 300ms linear;
}
:not(z).lt-row[data-done] .lt-dot {
  background: rgba(95, 215, 155, 0.18);
  border-color: rgba(95, 215, 155, 0.5);
}
:not(z).lt-row[data-on] .lt-dot {
  border-color: var(--blue-500);
  background: rgba(48, 127, 226, 0.25);
}
:not(z).lt-pulse {
  position: absolute;
  inset: -1.5px;
  border-radius: var(--r-pill);
  border: 1.5px solid var(--blue-500);
}
:not(z).lt-label {
  font-family: var(--font-sans);
  font-weight: 500;
}
:not(z).lt-meta {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.38);
  white-space: nowrap;
}
:not(z).lt-row[data-on] .lt-meta {
  color: var(--blue-500);
}
:not(z).lt-row[data-done] .lt-meta {
  color: #5fd79b;
}
:not(z).omap {
  position: relative;
  border-radius: var(--r-lg);
  overflow: clip;
  border: 1px solid #d7dbe0;
  background: #dfe4ea;
  aspect-ratio: 520 / 330;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
:not(z).omap-svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).om-land {
  fill: #dfe4ea;
}
:not(z).om-water {
  fill: #9fc4e4;
}
:not(z).om-park {
  fill: #bcd3ab;
}
:not(z).om-road {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-linecap: round;
}
:not(z).om-road-main {
  stroke-width: 12;
}
:not(z).om-road-live {
  stroke: var(--blue-600);
  stroke-width: 3;
  stroke-dasharray: 10 8;
}
:not(z).om-block rect {
  fill: #c7cdd5;
}
:not(z).omap-pin {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -100%);
  color: var(--blue-700);
  background: #ffffff;
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  padding: 3px;
  z-index: 3;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.25));
}
:not(z).omap-ring {
  position: absolute;
  top: 46%;
  left: 50%;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  border-radius: var(--r-pill);
  border: 2px solid var(--blue-600);
  z-index: 2;
}
:not(z).omap-label {
  position: absolute;
  left: 14px;
  bottom: 14px;
  max-width: calc(100% - 28px);
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  border-radius: var(--r-md);
  background: rgba(255, 255, 255, 0.96);
  font-size: 12px;
  line-height: 1.35;
  color: var(--text-600);
  box-shadow: var(--shadow-float);
  z-index: 3;
}
:not(z).omap-label b {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  color: var(--text-900);
}
:not(z).omap-zoom {
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  flex-direction: column;
  border-radius: var(--r-sm);
  overflow: clip;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow-card);
  z-index: 3;
}
:not(z).omap-zoom span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--text-600);
}
:not(z).omap-zoom span + span {
  border-top: 1px solid var(--border);
}
:not(z).sc {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 268px;
  justify-content: center;
}
:not(z).sc-msg {
  align-self: flex-start;
  max-width: 82%;
  padding: 10px 14px;
  border-radius: 14px 14px 14px 4px;
  background: var(--paper);
  font-size: 14px;
  line-height: 1.45;
  color: var(--text-900);
}
:not(z).stp[data-dark] .sc-msg {
  background: rgba(255, 255, 255, 0.08);
  color: var(--on-dark);
}
:not(z).sc-msg[data-me] {
  align-self: flex-end;
  border-radius: 14px 14px 4px 14px;
  background: var(--blue-100);
  color: var(--blue-800);
}
:not(z).stp[data-dark] .sc-msg[data-me] {
  background: rgba(45, 127, 230, 0.24);
  color: #cfe1fa;
}
:not(z).link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  color: var(--blue-700);
  text-decoration: none;
}
:not(z).link-arrow svg {
  transition: transform 200ms var(--ease-out-quint);
}
:not(z).link-arrow:hover svg {
  transform: translateX(3px);
}
:not(z).sec-night {
  background: var(--night);
}
:not(z).gece-kart {
  padding: 20px;
  border-radius: var(--r-panel);
}
:not(z).sec-head + .gece-kart {
  margin-top: var(--space-head);
}
:not(z).gece-kart > .ip {
  margin-top: 0;
}
:not(z).sec-night.gece-alan {
  background: transparent;
}
:not(z).sec-head + .gece-alan {
  margin-top: var(--space-head);
}
:not(z).gece-alan > .ip {
  margin-top: 0;
}
:not(z).sec-night.gece-alan .ip-form {
  gap: 28px;
  padding: 28px;
  border: 0;
  border-radius: var(--r-panel);
  background: var(--night);
}
:not(z).sec-night.gece-alan .ip-form .dfy-iki {
  gap: 28px;
}
:not(z).sec-night.gece-alan .ip-out {
  border: 0;
  background: var(--night);
}
@media (min-width: 900px) {
  :not(z).gece-kart {
    padding: 36px;
  }
}
:not(z).sec-night .ip-form {
  background: var(--night-2);
  border-color: var(--night-line);
}
:not(z).sec-night .ip-label,
:not(z).sec-night .ip-hint,
:not(z).sec-night .ip-inc,
:not(z).sec-night .ip-tier-i {
  color: var(--on-dark-3);
}
:not(z).sec-night .ip-tier {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--night-line);
}
:not(z).sec-night .ip-tier:hover {
  border-color: rgba(255, 255, 255, 0.3);
}
:not(z).sec-night .ip-tier-n,
:not(z).sec-night .ip-tier-p {
  color: #ffffff;
}
:not(z).sec-night .ip-tier[data-on="true"] {
  background: #ffffff;
  border-color: #ffffff;
}
:not(z).sec-night .ip-tier[data-on="true"] .ip-tier-n,
:not(z).sec-night .ip-tier[data-on="true"] .ip-tier-p {
  color: var(--night);
}
:not(z).sec-night .ip-tier[data-on="true"] .ip-tier-i {
  color: var(--text-600);
}
:not(z).sec-night .ip-pop {
  background: #ffffff;
  color: var(--night);
}
:not(z).sec-night .ip-tier[data-on="true"] .ip-pop {
  background: var(--night);
  color: #ffffff;
}
:not(z).sec-night .ip-chip {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--night-line);
  color: var(--on-dark-2);
}
:not(z).sec-night .ip-chip:hover {
  border-color: rgba(255, 255, 255, 0.32);
  color: #ffffff;
}
:not(z).sec-night .ip-chip[data-on="true"] {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--night);
}
:not(z).sec-night .ip-step {
  border-color: var(--night-line);
}
:not(z).sec-night .ip-step button,
:not(z).sec-night .ip-step > span {
  color: #ffffff;
}
:not(z).sec-night .ip-step button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
:not(z).sec-night .ip-track {
  background: rgba(255, 255, 255, 0.16);
}
:not(z).sec-night .ip-toggle-t {
  color: var(--on-dark);
}
:not(z).sec-night .ip-toggle-t b {
  color: var(--on-dark-3);
}
:not(z).sec-night .ip-out {
  background: var(--night-2);
  border-color: rgba(255, 255, 255, 0.16);
}
:not(z).sec-night .rt-foot {
  color: var(--on-dark-3);
}
:not(z).ip {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  margin-top: var(--space-head);
}
@media (min-width: 1024px) {
  :not(z).ip {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 24px;
    align-items: start;
  }
}
:not(z).ip-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
}
:not(z).ip-field {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:not(z).ip-field-row {
  gap: 24px;
}
@media (min-width: 720px) {
  :not(z).ip-field-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
  }
}
:not(z).ip-label {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  color: var(--text-600);
}
:not(z).ip-tiers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 720px) {
  :not(z).ip-tiers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:not(z).ip-tier {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms linear, background-color 160ms linear,
    transform 160ms var(--ease-out-soft);
}
:not(z).ip-tier:hover {
  border-color: var(--blue-600);
  transform: translateY(-2px);
}
:not(z).ip-tier[data-on="true"] {
  border-color: var(--blue-600);
  background: var(--blue-100);
}
:not(z).ip-pop {
  align-self: flex-start;
  margin-bottom: 6px;
  padding: 4px 9px;
  border-radius: var(--r-pill);
  background: var(--text-900);
  color: #ffffff;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
@media (min-width: 720px) {
  :not(z).ip-tiers:has(.ip-pop) .ip-tier:not(:has(.ip-pop))::before {
    content: "\00a0";
    align-self: flex-start;
    margin-bottom: 6px;
    padding: 4px 9px;
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: 11px;
    line-height: 1.2;
    visibility: hidden;
  }
}
:not(z).ip-tier-n {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  color: var(--text-900);
}
:not(z).ip-tier-i {
  font-size: 12px;
  line-height: 1.35;
  color: var(--text-600);
}
:not(z).ip-tier-p {
  font-family: var(--font-sans);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: 18px;
  letter-spacing: -0.02em;
  color: var(--text-900);
  margin-top: 8px;
}
:not(z).ip-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:not(z).ip-chip {
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  color: var(--text-600);
  cursor: pointer;
  transition: border-color 160ms linear, background-color 160ms linear, color 160ms linear;
}
:not(z).ip-chip:hover {
  border-color: var(--blue-600);
  color: var(--text-900);
}
:not(z).ip-chip[data-on="true"] {
  background: var(--text-900);
  border-color: var(--text-900);
  color: #ffffff;
  font-weight: 600;
}
:not(z).ip-hint {
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).ip-mini {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:not(z).ip-inc {
  font-size: 12px;
  color: var(--text-600);
}
:not(z).ip-step {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  width: fit-content;
}
:not(z).ip-step button {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  color: var(--text-900);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 160ms linear, opacity 160ms linear;
}
:not(z).ip-step button:hover:not(:disabled) {
  background: var(--paper);
}
:not(z).ip-step button:disabled {
  opacity: 0.3;
  cursor: default;
}
:not(z).ip-step > span {
  min-width: 26px;
  text-align: center;
  font-family: var(--font-sans);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  font-size: 16px;
  color: var(--text-900);
}
:not(z).ip-switches {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:not(z).ip-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
:not(z).ip-toggle:disabled {
  cursor: default;
}
:not(z).ip-track {
  position: relative;
  flex: none;
  width: 40px;
  height: 23px;
  border-radius: var(--r-pill);
  background: #d8dade;
  transition: background-color 200ms var(--ease-out-soft);
}
:not(z).ip-track > span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 17px;
  height: 17px;
  border-radius: var(--r-pill);
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 220ms var(--ease-out-quint);
}
:not(z).ip-toggle[data-on="true"] .ip-track {
  background: var(--blue-600);
}
:not(z).ip-toggle[data-on="true"] .ip-track > span {
  transform: translateX(17px);
}
:not(z).ip-toggle-t {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  color: var(--text-900);
}
:not(z).ip-toggle-t b {
  font-weight: 400;
  font-size: 12px;
  color: var(--text-600);
}
:not(z).ip-out {
  padding: 32px;
  border-radius: var(--r-panel);
  background: var(--night);
  border: 1px solid var(--night-line);
}
@media (min-width: 1024px) {
  :not(z).ip-out {
    position: sticky;
    top: 100px;
  }
}
:not(z).ip-out-k {
  display: block;
  font-size: 14px;
  color: var(--on-dark-3);
}
:not(z).ip-total {
  display: block;
  font-family: var(--font-sans);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.035em;
  font-size: clamp(40px, 5vw, 54px);
  line-height: 1.05;
  color: #ffffff;
  margin-top: 4px;
}
:not(z).ip-out-u {
  display: block;
  font-size: 14px;
  color: var(--on-dark-3);
  margin-top: 8px;
}
:not(z).ip-lines {
  margin: 20px 0;
  border-top: 1px solid var(--night-line);
  overflow: clip;
}
:not(z).ip-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 14px;
  color: var(--on-dark-2);
}
:not(z).ip-line[data-base] {
  color: #ffffff;
  font-weight: 500;
}
:not(z).ip-line-a {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
:not(z).ip-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-bottom: 20px;
}
:not(z).ip-meta span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 12px;
  color: var(--on-dark-3);
}
:not(z).ip-meta b {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
}
:not(z).ip-assure {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:not(z).ip-assure li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--on-dark-2);
}
:not(z).ip-assure svg {
  color: #5fd79b;
}
:not(z).ip-note {
  font-size: 12px;
  line-height: 1.5;
  color: var(--on-dark-3);
  margin-top: 12px;
}
:not(z).sm {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: var(--space-head);
}
@media (min-width: 720px) {
  :not(z).sm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:not(z).ct {
  list-style: none;
  margin: var(--space-head) 0 0;
  padding: 0;
  border-top: 1px solid var(--border);
}
:not(z).fit {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: var(--space-head);
}
@media (min-width: 720px) {
  :not(z).fit {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:not(z).fit-card {
  display: flex;
  flex-direction: column;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
}
:not(z).fit-h {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  color: var(--text-600);
}
:not(z).fit-h[data-good] {
  color: var(--green-600);
}
:not(z).fit-card ul {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:not(z).fit-card li {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 16px;
  color: var(--text-900);
}
:not(z).fit-card li[data-off] {
  color: var(--text-600);
}
:not(z).fit-card svg {
  flex: none;
  color: var(--green-600);
}
:not(z).fit-card li[data-off] svg {
  color: #b8bcc1;
}
:not(z).fit-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  padding-top: 22px;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  color: var(--blue-700);
  text-decoration: none;
}
:not(z).rt {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: var(--space-head);
}
@media (min-width: 1024px) {
  :not(z).rt {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:not(z).rt-foot {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
  margin-top: 20px;
  max-width: 62ch;
}
:not(z).cp-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 0;
  margin: 0;
}
@media (min-width: 1024px) {
  :not(z).cp-facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }
}
:not(z).cp-facts > div {
  padding-left: 26px;
  border-left: 1px solid var(--border);
}
:not(z).cp-facts > div:nth-child(odd) {
  padding-left: 0;
  border-left: 0;
}
@media (min-width: 1024px) {
  :not(z).cp-facts > div:nth-child(odd) {
    padding-left: 26px;
    border-left: 1px solid var(--border);
  }
  :not(z).cp-facts > div:first-child {
    padding-left: 0;
    border-left: 0;
  }
}
:not(z).cp-facts dt {
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).cp-facts dd {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.024em;
  font-size: clamp(20px, 2.1vw, 26px);
  line-height: 1.25;
  color: var(--text-900);
  margin: 9px 0 0;
  text-wrap: balance;
}
:not(z).tx-stance {
  margin-top: var(--space-head);
  padding: 30px 28px;
  border-radius: var(--r-panel);
  background: var(--paper);
}
:not(z).cfit {
  margin-top: var(--space-head);
}
:not(z).cfit-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:not(z).cfit-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--text-900);
  padding: 12px 16px 12px 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  cursor: pointer;
  transition: background-color 160ms var(--ease-out-soft),
    border-color 160ms var(--ease-out-soft),
    color 160ms var(--ease-out-soft);
}
:not(z).cfit-chip-i {
  flex: none;
  color: var(--text-600);
  transition: color 200ms var(--ease-out-soft);
}
:not(z).cfit-chip[data-on] .cfit-chip-i {
  color: #ffffff;
}
:not(z).cfit-chip:hover {
  border-color: var(--blue-500);
  color: var(--blue-700);
}
:not(z).cfit-chip:hover .cfit-chip-i {
  color: var(--blue-700);
}
:not(z).cfit-chip[data-on] {
  background: var(--text-900);
  border-color: var(--text-900);
  color: #ffffff;
}
:not(z).cfit-panel {
  margin-top: var(--space-block);
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
  overflow: clip;
}
:not(z).cfit-body {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
  :not(z).cfit-body {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
    align-items: stretch;
  }
}
:not(z).cfit-main {
  padding: 32px 32px;
}
:not(z).cfit-verdict {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.024em;
  font-size: clamp(21px, 2.5vw, 30px);
  line-height: 1.28;
  color: var(--text-600);
  margin: 0;
  max-width: 22ch;
  text-wrap: balance;
}
:not(z).cfit-verdict b {
  font-weight: 600;
  color: var(--amber-600);
}
:not(z).cfit-verdict b[data-ok] {
  color: var(--blue-700);
}
:not(z).cfit-why {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-600);
  margin: 16px 0 0;
  max-width: 54ch;
}
:not(z).cfit-sart {
  display: grid;
  gap: 4px;
  max-width: 54ch;
  margin: 12px 0 0;
  padding: 12px 16px;
  border-radius: var(--r-lg);
  background: var(--amber-100);
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-900);
}
:not(z).cfit-sart b {
  font-size: 12px;
  font-weight: 700;
  color: var(--amber-600);
}
:not(z).cfit-dest {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 32px 32px 32px;
  background: var(--amber-100);
  border-top: 1px solid var(--border);
}
@media (min-width: 1024px) {
  :not(z).cfit-dest {
    justify-content: center;
    border-top: 0;
    border-left: 1px solid var(--border);
  }
}
:not(z).cfit-dest[data-ok] {
  background: var(--blue-100);
}
:not(z).cfit-dest-h {
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).cfit-dest-c {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.026em;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.1;
  color: var(--text-900);
}
:not(z).cfit-flag {
  display: inline-flex;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: var(--r-pill);
  overflow: clip;
}
:not(z).cfit-flag svg {
  width: 100%;
  height: 100%;
}
:not(z).cfit-dest-m {
  font-family: var(--font-sans);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text-900);
}
:not(z).cfit-dest-m-alone {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
  max-width: 34ch;
}
:not(z).cfit-dest .btn {
  margin-top: 8px;
}
:not(z).sp-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 1024px) {
  :not(z).sp-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 56px;
    align-items: start;
  }
}
:not(z).sp-h-gap {
  margin-top: var(--space-head);
}
:not(z).sp-h {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 20px;
  color: var(--text-900);
}
:not(z).sp-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:not(z).sp-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: var(--text-900);
}
:not(z).sp-list li[data-off] {
  color: var(--text-600);
}
:not(z).sp-list i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: none;
  border-radius: var(--r-pill);
  background: var(--paper);
  color: var(--text-600);
}
:not(z).sp-list i[data-yes] {
  background: var(--green-100);
  color: var(--green-600);
}
:not(z).sp-sib {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
:not(z).sp-sib :is(a, [data-soon]) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 11px 16px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  color: var(--text-900);
  text-decoration: none;
  transition: border-color 150ms linear, background-color 150ms linear;
}
:not(z).sp-sib a:hover {
  border-color: var(--blue-600);
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).sp-quote {
  padding: 30px;
  border-radius: var(--r-panel);
  background: var(--night);
  border: 1px solid var(--night-line);
}
@media (min-width: 1024px) {
  :not(z).sp-quote {
    position: sticky;
    top: 100px;
  }
}
:not(z).sp-quote-k {
  display: block;
  font-size: 14px;
  color: var(--on-dark-3);
}
:not(z).sp-quote-n {
  display: block;
  font-family: var(--font-sans);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.035em;
  font-size: clamp(38px, 4.6vw, 50px);
  line-height: 1.05;
  color: #ffffff;
  margin-top: 4px;
}
:not(z).sp-quote-u {
  display: block;
  font-size: 14px;
  color: var(--on-dark-3);
  margin-top: 6px;
}
:not(z).sp-lines {
  margin: 24px 0;
  border-top: 1px solid var(--night-line);
}
:not(z).sp-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 14px;
  color: var(--on-dark-2);
}
:not(z).sp-line b {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.38);
  margin-top: 2px;
}
:not(z).sp-line-a {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
:not(z).sp-line-total {
  border-bottom: 0;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
:not(z).sp-note {
  font-size: 12px;
  line-height: 1.5;
  color: var(--on-dark-3);
  margin-top: 14px;
}
:not(z).ft {
  max-width: 720px;
  margin-inline: auto;
  padding: 32px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
  box-shadow: var(--shadow-card);
}
@media (min-width: 720px) {
  :not(z).ft {
    padding: 40px;
  }
}
:not(z).ph {
  background: var(--night);
  padding: 132px 0 64px;
}
@media (min-width: 1024px) {
  :not(z).ph {
    padding: 156px 0 80px;
  }
}
:not(z).ph-foto {
  background-color: var(--night);
  background-image: linear-gradient(to right, rgba(8, 8, 8, 0.9) 0%, rgba(8, 8, 8, 0.8) 45%, rgba(8, 8, 8, 0.55) 100%),
    var(--ph-foto);
  background-size: cover;
  background-position: center;
}
@media (max-width: 767.5px) {
  :not(z).ph-foto {
    background-image: linear-gradient(rgba(8, 8, 8, 0.82), rgba(8, 8, 8, 0.82)), var(--ph-foto-k, var(--ph-foto));
  }
}
:not(z).ph-crumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--on-dark-3);
}
:not(z).ph-crumb a {
  color: var(--on-dark-2);
  text-decoration: none;
  transition: color 160ms linear;
}
:not(z).ph-crumb a:hover {
  color: #ffffff;
}
:not(z).ph-crumb > a,
:not(z).ph-crumb > svg {
  flex: none;
  white-space: nowrap;
}
:not(z).ph-crumb-son {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
:not(z).ph-bayrak {
  display: inline-block;
  flex: none;
  width: 21px;
  height: 14px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22);
}
:not(z).ph-bayrak svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).ph-title {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.05;
  font-size: clamp(34px, 4.4vw, 58px);
  color: #ffffff;
  max-width: 20ch;
  margin-top: 16px;
  text-wrap: balance;
}
:not(z).ph-title span {
  color: var(--blue-500);
}
:not(z).ph-lead {
  font-size: 18px;
  line-height: 1.6;
  color: var(--on-dark-2);
  max-width: 56ch;
  margin-top: 16px;
}
:not(z).glb-flags[data-labelled] {
  gap: 10px;
}
:not(z).glb-flags[data-labelled] .glb-flag {
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 8px 18px 8px 8px;
  border-radius: var(--r-pill);
  transform: none;
}
:not(z).glb-flags[data-labelled] .glb-flag[data-on="true"] {
  transform: none;
}
:not(z).glb-flag-disc {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: var(--r-pill);
  overflow: clip;
  flex: none;
}
:not(z).glb-flags[data-labelled] .glb-flag-disc {
  width: 34px;
  height: 34px;
}
:not(z).glb-flag-name {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--on-dark-2);
  white-space: nowrap;
  transition: color 180ms linear;
}
:not(z).glb-flag[data-on="true"] .glb-flag-name {
  color: #ffffff;
  font-weight: 600;
}
:not(z).sec-head-dark .h2 {
  color: #ffffff;
}
:not(z).hero4 {
  position: relative;
  background: var(--night);
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding-top: clamp(112px, calc(6svh + 72px), 140px);
  overflow: clip;
}
@media (min-width: 1024px) {
  :not(z).hero4 {
    padding-top: clamp(150px, calc(9svh + 80px), 184px);
  }
}
:not(z).hero4-top {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
:not(z).hero4-globe {
  flex: 1 1 auto;
  min-height: min-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
:not(z).hero4-h1 {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.04;
  font-size: clamp(38px, 5.2vw, 72px);
  max-width: 21ch;
  text-wrap: balance;
}
:not(z).hero4-sub {
  font-size: clamp(15.5px, 1.25vw, 17.5px);
  line-height: 1.6;
  color: var(--on-dark-2);
  max-width: 54ch;
  margin-top: 16px;
  text-wrap: balance;
}
:not(z).hero4-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
:not(z).btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 52px;
  padding-inline: 24px;
  border: 1px solid transparent;
  border-radius: var(--r-pill);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 160ms var(--ease-out-soft),
    border-color 160ms var(--ease-out-soft), color 160ms var(--ease-out-soft),
    transform 160ms var(--ease-out-soft);
}
:not(z).btn:active {
  transform: translateY(1px);
}
:not(z).btn-primary {
  background: #ffffff;
  color: var(--night);
  padding-inline: 24px 20px;
}
:not(z).btn-primary svg {
  transition: transform 220ms var(--ease-out-quint);
}
:not(z).btn-primary:hover {
  background: var(--blue-600);
  color: #ffffff;
}
:not(z).btn-primary:hover svg {
  transform: translateX(3px);
}
:not(z).btn-ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--on-dark);
  font-weight: 500;
}
:not(z).btn-ghost:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}
:not(z).btn-solid {
  background: var(--blue-700);
  color: #ffffff;
}
:not(z).btn-solid:hover {
  background: var(--blue-800);
  color: #ffffff;
}
:not(z).btn-line {
  background: transparent;
  border-color: var(--border);
  color: var(--text-900);
  font-weight: 500;
}
:not(z).btn-line:hover {
  background: var(--paper);
  border-color: #d4d7db;
}
:not(z).btn-sm {
  height: 42px;
  padding-inline: 20px;
  font-size: 14px;
}
:not(z).btn-full {
  width: 100%;
}
:not(z).glb-flags {
  display: flex;
  justify-content: center;
  gap: 14px;
  padding-inline: var(--gutter-m);
}
:not(z).glb-flag {
  position: relative;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
  transition: box-shadow 200ms var(--ease-out-soft), transform 240ms var(--ease-out-quint),
    filter 200ms linear;
  filter: grayscale(0.55) brightness(0.78);
}
:not(z).glb-flag svg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--r-pill);
}
:not(z).glb-flag:hover {
  filter: none;
}
:not(z).glb-flag[data-on="true"] {
  filter: none;
  transform: scale(1.1);
  box-shadow: 0 0 0 2px #ffffff, 0 8px 26px rgba(0, 0, 0, 0.6);
}
:not(z).sec-night {
  background: var(--night);
}
:not(z).glb-unsure {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: var(--on-dark-3);
  text-decoration: none;
  transition: color 150ms linear;
}
:not(z).glb-unsure span {
  margin-left: 5px;
}
:not(z).glb-unsure:hover {
  color: var(--blue-500);
}
:not(z).pl {
  position: relative;
  margin-top: var(--space-head);
  border-radius: var(--r-panel);
  background: var(--night);
  overflow: clip;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
:not(z).lc {
  margin-top: var(--space-head);
  --lc-split: 24%;
}
:not(z).ft {
  background: var(--white);
  padding-top: var(--sec-pad-d);
}
@media (max-width: 1023.5px) {
  :not(z).ft {
    padding-top: var(--sec-pad-m);
  }
}
:not(z).glb-pick {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
}
:not(z).hero4-h1 {
  font-size: clamp(34px, min(5.2vw, 7.4svh), 72px);
}
:not(z).hero4-sub {
  margin-top: clamp(12px, 1.8svh, 18px);
}
:not(z).hero4-cta {
  margin-top: clamp(20px, 3svh, 30px);
}
:not(z).nv2-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  padding: 13px 14px;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--white);
  text-decoration: none;
  transition: border-color 180ms linear, box-shadow 180ms linear,
    transform 220ms var(--ease-out-soft);
}
:not(z).nv2-card:hover {
  border-color: var(--blue-600);
  box-shadow: 0 6px 18px rgba(48, 127, 226, 0.1);
  transform: translateY(-1px);
}
:not(z).blg-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: var(--space-head);
}
@media (min-width: 1024px) {
  :not(z).blg-grid {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
    gap: var(--space-col);
  }
}
:not(z).blg-lead-wrap {
  height: 100%;
}
:not(z).blg-lead {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 24px 24px;
  border: 1px solid #cfe1fa;
  border-radius: var(--r-panel);
  background: radial-gradient(
      118% 88% at 100% 0%,
      var(--blue-100) 0%,
      rgba(232, 241, 253, 0) 58%
    ),
    var(--white);
  text-decoration: none;
  transition: border-color 160ms linear, transform 240ms var(--ease-out-soft),
    box-shadow 160ms var(--ease-out-soft);
}
:not(z).blg-lead:hover {
  border-color: var(--blue-600);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(48, 127, 226, 0.14);
}
@media (min-width: 1024px) {
  :not(z).blg-lead {
    padding: 32px 32px 24px;
  }
}
:not(z).blg-lead-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 14px;
  line-height: 1.3;
  color: var(--text-600);
}
:not(z).blg-cat {
  padding: 8px 12px;
  border-radius: var(--r-pill);
  background: var(--blue-100);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  color: var(--blue-700);
  white-space: nowrap;
}
:not(z).blg-sep {
  width: 3px;
  height: 3px;
  border-radius: var(--r-pill);
  background: #c9ccd0;
}
:not(z).blg-flag {
  margin-left: auto;
  font-size: 12px;
  color: var(--text-600);
  white-space: nowrap;
}
:not(z).blg-rule {
  display: block;
  height: 1px;
  margin-top: 22px;
  background: linear-gradient(
    90deg,
    var(--blue-600) 0%,
    rgba(48, 127, 226, 0.2) 32%,
    rgba(230, 230, 230, 0) 100%
  );
}
:not(z).blg-lead-t {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.022em;
  font-size: clamp(23px, 2.3vw, 31px);
  line-height: 1.2;
  color: var(--text-900);
  margin-top: 20px;
  max-width: 17ch;
  transition: color 160ms linear;
}
:not(z).blg-lead:hover .blg-lead-t {
  color: var(--blue-700);
}
:not(z).blg-lead-s {
  font-size: 16px;
  line-height: 1.62;
  color: var(--text-600);
  margin-top: 12px;
  max-width: 46ch;
}
:not(z).blg-lead-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 24px;
}
:not(z).blg-date {
  font-family: var(--font-sans);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  line-height: 1.3;
  color: var(--text-600);
}
:not(z).blg-go {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  color: var(--blue-700);
}
:not(z).blg-go svg {
  transition: transform 200ms var(--ease-out-quint);
}
:not(z).blg-lead:hover .blg-go svg {
  transform: translate(2px, -2px);
}
:not(z).blg-side {
  display: flex;
  flex-direction: column;
}
:not(z).blg-doors {
  display: grid;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
:not(z).blg-door {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 16px;
  padding: 16px 12px;
  margin-inline: -12px;
  border-radius: var(--r-md);
  text-decoration: none;
  transition: background-color 180ms linear;
}
:not(z).blg-door + .blg-door,
:not(z).blg-doors li + li .blg-door {
  box-shadow: 0 -1px 0 var(--border);
}
:not(z).blg-door:hover {
  background: var(--paper);
}
:not(z).blg-door-t {
  grid-column: 1;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  color: var(--text-900);
}
:not(z).blg-door-s {
  grid-column: 1;
  font-style: normal;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
}
:not(z).blg-door > svg {
  grid-column: 2;
  grid-row: 1 / span 2;
  flex: none;
  color: var(--blue-700);
}
:not(z).blg-rail {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
:not(z).blg-rail li {
  list-style: none;
}
:not(z).blg-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "date go"
    "body body";
  gap: 8px 16px;
  align-items: start;
  padding: 16px 12px;
  margin-inline: -12px;
  border-radius: var(--r-md);
  text-decoration: none;
  transition: background-color 160ms linear;
}
:not(z).blg-row:hover {
  background: var(--paper);
}
@media (min-width: 1024px) {
  :not(z).blg-rail::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 10px;
    bottom: 10px;
    left: 96px;
    width: 1px;
    background: var(--border);
  }
  :not(z).blg-row {
    grid-template-columns: 84px minmax(0, 1fr) auto;
    grid-template-areas: "date body go";
    gap: 0 24px;
    padding: 16px 12px;
  }
  :not(z).blg-row::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 104px;
    width: 8px;
    height: 8px;
    border-radius: var(--r-pill);
    background: var(--white);
    box-shadow: inset 0 0 0 1.5px #c9ccd0;
    transition: box-shadow 160ms linear;
  }
  :not(z).blg-row:hover::before {
    box-shadow: inset 0 0 0 4px var(--blue-600);
  }
}
:not(z).blg-row-date {
  grid-area: date;
  font-family: var(--font-sans);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  line-height: 1.3;
  color: var(--text-600);
  white-space: nowrap;
}
@media (min-width: 1024px) {
  :not(z).blg-row-date {
    padding-top: 2px;
  }
}
:not(z).blg-row-body {
  grid-area: body;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
:not(z).blg-row-cat {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: var(--blue-700);
}
:not(z).blg-row-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.35;
  color: var(--text-900);
  transition: color 160ms linear;
}
:not(z).blg-row:hover .blg-row-t {
  color: var(--blue-700);
}
:not(z).blg-row-s {
  font-style: normal;
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
:not(z).blg-row-go {
  grid-area: go;
  align-self: center;
  color: var(--text-600);
  transition: transform 200ms var(--ease-out-quint), color 150ms linear;
}
:not(z).blg-row:hover .blg-row-go {
  color: var(--blue-700);
  transform: translateX(3px);
}
:not(z).blg-more {
  margin-top: auto;
  padding-top: 20px;
}
:not(z).blg-more .link-arrow {
  margin-top: 0;
}
:not(z).pr2-dv-val {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  fill: #ffffff;
}
:not(z).pr2-dv-wait-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  fill: #9cc6f5;
}
:not(z).fy2-needs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-top: var(--space-head);
}
:not(z).fy2-needs-q {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  color: var(--on-dark-3);
}
:not(z).fy2-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
:not(z).fy2-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding-inline: 16px;
  border: 1px solid var(--night-line);
  border-radius: var(--r-pill);
  background: rgba(255, 255, 255, 0.03);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: var(--on-dark-2);
  cursor: pointer;
  transition: background-color 160ms var(--ease-out-soft),
    border-color 160ms var(--ease-out-soft), color 160ms var(--ease-out-soft);
}
:not(z).fy2-chip svg {
  flex: none;
  opacity: 0.75;
}
:not(z).fy2-chip:hover {
  border-color: rgba(255, 255, 255, 0.32);
  color: #ffffff;
}
:not(z).fy2-chip[data-on="true"] {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--night);
  font-weight: 600;
}
:not(z).fy2-chip[data-on="true"] svg {
  opacity: 1;
}
:not(z).fy2-cols {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 32px;
  border-top: 1px solid var(--night-line);
  border-bottom: 1px solid var(--night-line);
}
:not(z).fy2-col {
  display: flex;
  flex-direction: column;
  padding: 32px 0 32px;
  border-top: 1px solid var(--night-line);
}
:not(z).fy2-col:first-child {
  border-top: 0;
}
@media (min-width: 1024px) {
  :not(z).fy2-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 40px;
  }
  :not(z).fy2-col {
    padding: 40px 32px 40px;
    border-top: 0;
    border-left: 1px solid var(--night-line);
  }
  :not(z).fy2-col:first-child {
    border-left: 0;
    padding-left: 0;
  }
  :not(z).fy2-col:last-child {
    padding-right: 0;
  }
}
:not(z).fy2-col-h {
  display: flex;
  align-items: center;
  gap: 8px;
}
:not(z).fy2-flag {
  display: block;
  flex: none;
  width: 26px;
  height: 18px;
  border-radius: 3px;
  overflow: hidden;
}
:not(z).fy2-flag svg {
  display: block;
  width: 100%;
  height: 100%;
}
:not(z).fy2-name {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.012em;
  color: #ffffff;
}
:not(z).fy2-days {
  margin-left: auto;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  color: var(--on-dark-3);
}
:not(z).fy2-rule {
  position: relative;
  flex: none;
  height: 1px;
  margin-top: 16px;
  background: var(--night-line);
}
:not(z).fy2-rule::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--blue-600);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 460ms var(--ease-out-soft);
}
:not(z).fy2-col:hover .fy2-rule::after,
:not(z).fy2-col:focus-within .fy2-rule::after {
  transform: scaleX(1);
}
:not(z).fy2-tot {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 20px;
}
:not(z).fy2-tot .data {
  font-size: clamp(38px, 4.6vw, 56px) !important;
  font-weight: 700;
  letter-spacing: -0.038em;
}
:not(z).fy2-delta {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.005em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--blue-600);
}
:not(z).fy2-tot-note {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--on-dark-3);
}
:not(z).fy2-lines {
  margin-top: 20px;
  padding: 0;
  list-style: none;
}
:not(z).fy2-line {
  overflow: hidden;
}
:not(z).fy2-line-in {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-top: 1px solid var(--night-line);
}
:not(z).fy2-line-l {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.45;
  color: var(--on-dark-2);
}
:not(z).fy2-line-l i {
  display: block;
  max-width: 36ch;
  margin-top: 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--on-dark-3);
}
:not(z).fy2-line-v {
  flex: none;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  color: #ffffff;
}
:not(z).fy2-line-v[data-na="true"] {
  font-weight: 500;
  font-size: 14px;
  color: var(--on-dark-3);
}
:not(z).fy2-acts {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding-top: 24px;
}
@media (min-width: 720px) and (max-width: 1023.5px) {
  :not(z).fy2-acts {
    grid-template-columns: auto auto;
    justify-content: start;
  }
  :not(z).fy2-acts .btn-full {
    width: auto;
  }
}
:not(z).fy2 .btn-line {
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--on-dark);
}
:not(z).fy2 .btn-line:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.42);
}
:not(z).fy2 .btn-solid svg {
  transition: transform 220ms var(--ease-out-quint);
}
:not(z).fy2 .btn-solid:hover svg {
  transform: translateX(3px);
}
:not(z).fy2-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 32px;
  margin-top: 32px;
}
:not(z).fy2-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 66ch;
  font-size: 12px;
  line-height: 1.6;
  color: var(--on-dark-3);
}
:not(z).fy2-note svg {
  flex: none;
  margin-top: 1px;
  color: rgba(255, 255, 255, 0.32);
}
:not(z).fy2-more {
  flex: none;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  :not(z).fy2-rule::after {
    transition: none;
  }
}
:not(z).ft {
  padding-top: 32px;
}
@media (min-width: 720px) {
  :not(z).ft {
    padding-top: 40px;
  }
}
:not(z).ft2 {
  position: relative;
  background: var(--night);
  padding-top: 0;
}
@keyframes ft2Drift {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(64px, 64px, 0);
  }
}
@keyframes ft2Breathe {
  0%,
  100% {
    opacity: 0.72;
    transform: translateX(-50%) scale(1);
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) scale(1.05);
  }
}
:not(z).ft2-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
  padding-top: var(--sec-pad-d);
}
@media (max-width: 1023.5px) {
  :not(z).ft2-grid {
    padding-top: var(--sec-pad-m);
  }
}
@media (min-width: 1024px) {
  :not(z).ft2-grid {
    grid-template-columns: minmax(0, 286px) minmax(0, 1fr);
    gap: 0 var(--space-col);
    align-items: start;
  }
}
:not(z).ft2-brand {
  min-width: 0;
  color: var(--text-900);
}
:not(z).ft2-brand p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
  margin-top: 16px;
  max-width: 34ch;
}
:not(z).ft2-meta {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-600);
  margin-top: 8px;
}
:not(z).ft2-meta svg {
  flex: none;
  margin-top: 3px;
  color: var(--blue-700);
}
:not(z).ft2-meta a {
  color: var(--text-600);
  text-decoration: none;
  transition: color 160ms linear;
}
:not(z).ft2-meta a:hover {
  color: var(--blue-700);
}
:not(z).ft2-nav {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 24px;
}
@media (min-width: 720px) {
  :not(z).ft2-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 32px;
  }
}
:not(z).ft2-col {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
:not(z).ft2-h {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-900);
  margin-bottom: 3px;
}
:not(z).ft2-col a,
:not(z).ft2-col > [data-soon] {
  max-width: 100%;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text-600);
  text-decoration: none;
  transition: color 160ms linear;
}
:not(z).ft2-col a:hover {
  color: var(--blue-700);
}
:not(z).ft2-base {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 32px;
  margin-top: 64px;
  padding-block: 24px 32px;
  border-top: 1px solid var(--border);
  font-size: 12px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).ft2-legal {
  max-width: 68ch;
}
@media (max-width: 719.5px) {
  :not(z).ft2-base {
    margin-top: 48px;
  }
}
:not(z).sss {
  margin-top: var(--space-head);
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  column-gap: var(--space-col);
  row-gap: 0;
}
:not(z).sss > * {
  grid-column: 1;
}
@media (max-width: 1023.5px) {
  :not(z).sss {
    display: block;
  }
}
:not(z).gv2-svg {
  display: block;
  width: 100%;
  max-width: 330px;
  height: auto;
}
:not(z).gv2-svg text {
  font-family: var(--font-sans);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: -0.005em;
  fill: var(--text-600);
}
:not(z).gv2-svg .gv2-t9 {
  font-weight: 600;
  fill: var(--text-900);
}
:not(z).gv2-svg .gv2-tb {
  fill: var(--blue-700);
}
:not(z).gv2-box {
  fill: var(--white);
  stroke: var(--border);
  stroke-width: 1.4;
}
:not(z).gv2-box-b {
  fill: var(--blue-100);
  stroke: var(--blue-600);
  stroke-width: 1.4;
}
:not(z).gv2-chip-w {
  fill: var(--white);
  stroke: var(--blue-600);
  stroke-width: 1.4;
}
:not(z).gv2-chip-b {
  fill: var(--blue-100);
  stroke: var(--blue-600);
  stroke-width: 1.2;
}
:not(z).gv2-bar {
  fill: var(--border);
}
:not(z).gv2-bar-b {
  fill: var(--blue-600);
}
:not(z).gv2-fill-b {
  fill: var(--blue-600);
}
:not(z).gv2-fill-paper {
  fill: var(--paper);
}
:not(z).gv2-track {
  fill: var(--white);
  stroke: var(--border);
  stroke-width: 1.4;
}
:not(z).gv2-knob {
  fill: var(--white);
  stroke: var(--blue-600);
  stroke-width: 2;
}
:not(z).gv2-halo {
  fill: var(--blue-100);
  opacity: 0.55;
}
:not(z).gv2-halo-soft {
  fill: var(--blue-100);
  opacity: 0.38;
}
:not(z).gv2-line {
  fill: none;
  stroke: rgba(8, 8, 8, 0.2);
  stroke-width: 1.4;
  stroke-linecap: round;
}
:not(z).gv2-seg {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 5;
  stroke-linecap: round;
}
:not(z).gv2-dot {
  fill: var(--white);
  stroke: rgba(8, 8, 8, 0.24);
  stroke-width: 1.6;
}
:not(z).gv2-line-b {
  fill: none;
  stroke: var(--blue-600);
  stroke-width: 1.8;
  stroke-linecap: round;
}
:not(z).gv2-dash {
  stroke-dasharray: 4.5 4.5;
}
:not(z).gv2-faint {
  opacity: 0.55;
}
:not(z).gv2-ah {
  fill: rgba(8, 8, 8, 0.24);
}
:not(z).gv2-ah-b {
  fill: var(--blue-600);
}
:not(z).gv2-ic-b {
  color: var(--blue-700);
}
:not(z).gv2-ic-m {
  color: #9a9a9a;
}
:not(z).gv2-kara {
  fill: var(--white);
  stroke: #cfcfcf;
  stroke-width: 1;
  stroke-linejoin: round;
}
:not(z).gv2-kara-silik {
  fill: var(--paper);
  stroke: #dcdcdc;
  stroke-width: 1;
}
:not(z).gv2-kktc {
  fill: var(--blue-600);
  stroke: var(--blue-700);
  stroke-width: 0.8;
}
@keyframes gv2-flow {
  from {
    stroke-dashoffset: 22;
  }
  to {
    stroke-dashoffset: 0;
  }
}
:not(z).gv2-scope {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: var(--space-head);
}
@media (min-width: 1024px) {
  :not(z).gv2-scope {
    grid-template-columns: 1.22fr 1fr;
    gap: 18px;
  }
}
:not(z).gv2-scope-cell {
  min-width: 0;
}
:not(z).gv2-pkg,
:not(z).gv2-exc {
  height: 100%;
  padding: 24px;
  border-radius: var(--r-panel);
  border: 1px solid var(--border);
}
@media (min-width: 720px) {
  :not(z).gv2-pkg,
  :not(z).gv2-exc {
    padding: 26px;
  }
}
:not(z).gv2-pkg {
  background: var(--white);
}
:not(z).gv2-exc {
  background: var(--paper);
}
:not(z).gv2-pkg-h,
:not(z).gv2-exc-h {
  display: flex;
  align-items: center;
  gap: 12px;
}
:not(z).gv2-pkg-ic,
:not(z).gv2-exc-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: var(--r-md);
}
:not(z).gv2-pkg-ic {
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).gv2-exc-ic {
  background: var(--white);
  border: 1px dashed rgba(8, 8, 8, 0.18);
  color: var(--text-600);
}
:not(z).gv2-pkg-t,
:not(z).gv2-exc-t {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.015em;
  font-size: 16px;
  color: var(--text-900);
}
:not(z).gv2-pkg-n,
:not(z).gv2-exc-n {
  margin-left: auto;
  flex: none;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: var(--r-pill);
}
:not(z).gv2-pkg-n {
  color: var(--blue-700);
  background: var(--blue-100);
}
:not(z).gv2-exc-n {
  color: var(--text-600);
  background: var(--white);
  border: 1px solid var(--border);
}
:not(z).gv2-pkg-body {
  margin-top: 20px;
  display: grid;
  gap: 14px;
}
:not(z).gv2-pkg-rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  min-width: 0;
}
:not(z).gv2-pkg-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 13px 16px;
  border-radius: var(--r-md);
  background: var(--paper);
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-900);
}
:not(z).gv2-pkg-row i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: none;
  font-style: normal;
  border-radius: var(--r-sm);
  background: var(--white);
  border: 1px solid #cfe1fa;
  color: var(--blue-700);
}
:not(z).gv2-pkg-join {
  display: flex;
}
:not(z).gv2-pkg-node {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  align-self: flex-start;
  padding: 10px 16px;
  border-radius: var(--r-md);
  border: 1.5px solid var(--blue-600);
  background: var(--white);
}
:not(z).gv2-pkg-node b {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14px;
  color: var(--blue-700);
}
:not(z).gv2-pkg-node span {
  font-size: 14px;
  color: var(--text-600);
}
@media (min-width: 1024px) {
  :not(z).gv2-pkg-body {
    grid-template-columns: minmax(0, 1fr) 118px;
    gap: 0;
  }
  :not(z).gv2-pkg-join {
    position: relative;
    display: block;
  }
  :not(z).gv2-pkg-join::before {
    content: "";
    position: absolute;
    left: 24px;
    top: 26px;
    bottom: 26px;
    width: 1.5px;
    border-radius: 2px;
    background: var(--blue-500);
  }
  :not(z).gv2-pkg-row::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    width: 24px;
    height: 1.5px;
    background: var(--blue-500);
    opacity: 0.6;
  }
  :not(z).gv2-pkg-node {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 78px;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 11px 6px;
    text-align: center;
  }
  :not(z).gv2-pkg-node::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 16px;
    height: 1.5px;
    background: var(--blue-600);
  }
}
:not(z).gv2-exc-rows {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
:not(z).gv2-exc-rows li {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 13px 16px;
  border-radius: var(--r-md);
  background: var(--white);
  border: 1px dashed rgba(8, 8, 8, 0.16);
  font-size: 14px;
  line-height: 1.4;
  color: var(--text-600);
}
:not(z).gv2-exc-rows i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: none;
  font-style: normal;
  border-radius: var(--r-sm);
  border: 1px dashed rgba(8, 8, 8, 0.22);
  color: var(--text-600);
}
:not(z).gv2-exc-f {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
@keyframes pf2-live {
  0% {
    box-shadow: 0 0 0 0 rgba(48, 127, 226, 0.34);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(48, 127, 226, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(48, 127, 226, 0);
  }
}
@keyframes pf2-type {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 1;
  }
  7% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  84% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  91% {
    clip-path: inset(0 0 0 0);
    opacity: 0;
  }
  91.5% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
}
@keyframes pf2-run {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  12%,
  88% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
:not(z).pf2-move {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 24px;
  padding: 32px;
  border: 1px solid var(--text-900);
  border-radius: var(--r-panel);
  background: var(--text-900);
}
@media (min-width: 1024px) {
  :not(z).pf2-move {
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 24px;
    padding: 32px 32px;
  }
}
:not(z).pf2-move-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--r-md);
  background: rgba(48, 127, 226, 0.2);
  color: #ffffff;
}
:not(z).pf2-move h3 {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 20px;
  color: #ffffff;
}
:not(z).pf2-move p {
  max-width: 60ch;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--on-dark-2);
}
:not(z):root {
  --red-600: #c33b3b;
  --red-100: #fdeaea;
  --green-300: #63d69d;
  --red-300: #ff9a9a;
}
:not(z).blg-lead-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  margin-bottom: 20px;
  border-radius: var(--r-lg);
  overflow: clip;
  background: var(--paper);
}
@media (min-width: 1024px) {
  :not(z).blg-lead-media {
    aspect-ratio: 16 / 8;
    margin-bottom: 24px;
  }
}
:not(z).blg-lead-img {
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  filter: saturate(0.96);
  transition: transform 700ms var(--ease-out-quint), filter 240ms linear;
}
:not(z).blg-lead:hover .blg-lead-img {
  transform: scale(1.07);
  filter: saturate(1.04);
}
:not(z).hero4 {
  padding-top: clamp(150px, calc(6svh + 105px), 180px);
}
@media (min-width: 1024px) {
  :not(z).hero4 {
    padding-top: clamp(240px, calc(10svh + 170px), 292px);
  }
}
:not(z).hero4 {
  padding-top: calc(68px + var(--sec-pad-m));
}
@media (min-width: 1024px) {
  :not(z).hero4 {
    padding-top: calc(77px + var(--sec-pad-d));
  }
}
@keyframes glb-route-travel {
  to {
    stroke-dashoffset: -60;
  }
}
@keyframes glb-route-travel {
  to {
    stroke-dashoffset: -48;
  }
}
:not(z).hero4 {
  --hero-s: 12px;
  --hero-m: 20px;
  --hero-l: 30px;
}
:not(z).hero4-sub {
  margin-top: var(--hero-m);
}
:not(z).hero4-cta {
  margin-top: var(--hero-m);
}
:not(z).glb-unsure {
  margin-top: var(--hero-s);
}
:not(z).glb-flags[data-labelled] {
  gap: 22px;
}
:not(z).glb-flags[data-labelled] .glb-flag-name {
  margin-top: 7px;
}
@keyframes glb-route-travel {
  to {
    stroke-dashoffset: -54;
  }
}
:not(z).glb-flag-name {
  line-height: 1.4;
  line-height: 1;
  text-box: trim-both cap alphabetic;
}
@supports not (text-box: trim-both cap alphabetic) {
  :not(z).glb-flag-name {
    transform: translateY(-0.23em);
  }
}
:not(z).glb-flag-name {
  transform: translateY(-0.23em);
}
:not(z).glb-flags[data-labelled] .glb-flag {
  gap: 14px;
  padding: 8px 14px 8px 8px;
}
@keyframes pf2-type {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
:not(z).bn-tile-dark {
  color: var(--on-dark);
}
:not(z).bn-tile-dark .bn-title {
  color: #ffffff;
}
:not(z).bn-tile-dark .bn-line,
:not(z).bn-tile-dark .bn-foot {
  color: var(--on-dark-2);
}
:not(z).bn-tile-dark .bn-ic {
  background: rgba(48, 127, 226, 0.18);
  border-color: rgba(48, 127, 226, 0.3);
  color: #8cc0ff;
}
:not(z).bn-tile-dark .bn-chat {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
:not(z).bn-tile-dark .bn-who,
:not(z).bn-tile-dark .bn-who b {
  color: #ffffff;
}
:not(z).bn-tile-dark .bn-who i,
:not(z).bn-tile-dark .bn-who span {
  color: var(--on-dark-3);
}
:not(z).bn-tile-dark .bn-avatar {
  background: rgba(48, 127, 226, 0.24);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
:not(z).bn-tile-dark .sc-msg {
  background: rgba(255, 255, 255, 0.085);
  color: var(--on-dark);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
:not(z).bn-tile-dark .sc-msg[data-me] {
  background: #307fe2;
  color: #ffffff;
  border-color: transparent;
}
:not(z).bn-tile-dark .bn-typing {
  background: rgba(255, 255, 255, 0.085);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
:not(z).bn-tile-dark .bn-typing span,
:not(z).bn-tile-dark .bn-typing i {
  background: rgba(255, 255, 255, 0.6);
}
:not(z).bn-tile-dark .bn-typing[data-me] {
  background: #307fe2;
}
:not(z).bn-tile-dark .bn-typing[data-me] span,
:not(z).bn-tile-dark .bn-typing[data-me] i {
  background: rgba(255, 255, 255, 0.85);
}
:not(z).bn-tile-dark .lt {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
:not(z).bn-tile-dark .lt-head,
:not(z).bn-tile-dark .lt-head b {
  color: #ffffff;
}
:not(z).bn-tile-dark .lt-label {
  color: var(--on-dark);
}
:not(z).bn-tile-dark .lt-meta {
  color: var(--on-dark-3);
}
:not(z).bn-tile-dark .lt-bar {
  background: rgba(255, 255, 255, 0.12);
}
:not(z).bn-tile-dark .lt-bar > span {
  background: #307fe2;
}
:not(z).bn-tile-dark .lt-dot {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
  color: var(--on-dark-2);
}
:not(z).bn-tile-dark .lt-row {
  opacity: 0.55;
  transition: opacity 240ms var(--ease-out-soft);
}
:not(z).bn-tile-dark .lt-row[data-on],
:not(z).bn-tile-dark .lt-row[data-done] {
  opacity: 1;
}
:not(z).bn-tile-dark .lt-row[data-on] .lt-dot {
  border-color: #307fe2;
  background: rgba(48, 127, 226, 0.28);
  color: #ffffff;
}
:not(z).bn-tile-dark .lt-row[data-done] .lt-dot {
  border-color: rgba(90, 200, 150, 0.55);
  background: rgba(90, 200, 150, 0.22);
  color: #9fe3c2;
}
:not(z).bn-tile-dark .lt-row[data-on] .lt-meta {
  color: #8cc0ff;
}
:not(z).bn-tile-dark .lt-row[data-done] .lt-meta {
  color: #9fe3c2;
}
:not(z).bn-tile-dark .lt-pulse {
  background: #307fe2;
}
h1:not(z),
h2:not(z),
h3:not(z),
h4:not(z),
:not(z).h1,
:not(z).h2,
:not(z).h3,
:not(z).hero4-h1,
:not(z).sec-head h2,
:not(z).bn-title {
  text-wrap: balance;
}
p:not(z),
:not(z).sec-lead,
:not(z).hero4-sub,
:not(z).bn-line {
  text-wrap: balance;
}
li:not(z) {
  text-wrap: wrap;
}
:not(z).pr5-ctry {
  position: relative;
  margin-top: 12px;
  min-height: 38px;
}
:not(z).pr5-ctry-btn {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  color: var(--text-900);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 160ms var(--ease-out-soft);
}
:not(z).pr5-ctry-btn svg {
  flex: none;
  color: var(--blue-600);
}
:not(z).pr5-ctry-caret {
  transition: transform 220ms var(--ease-out-soft);
}
:not(z).pr5-ctry[data-on="true"] .pr5-ctry-btn {
  border-color: var(--blue-600);
}
:not(z).pr5-ctry[data-on="true"] .pr5-ctry-caret {
  transform: rotate(180deg);
}
@media (hover: hover) {
  :not(z).pr5-ctry-btn:hover {
    border-color: var(--blue-600);
  }
}
:not(z).pr5-ctry-btn:focus-visible {
  outline: 2px solid var(--blue-600);
  outline-offset: 3px;
}
:not(z).pr5-ctry-menu {
  position: absolute;
  z-index: 4;
  top: calc(100% + 6px);
  left: 0;
  display: flex;
  gap: 4px;
  padding: 5px;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  box-shadow: 0 14px 34px rgba(8, 8, 8, 0.14);
}
:not(z).pr5-ctry-opt {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 7px 14px;
  border: 1px solid transparent;
  border-radius: var(--r-pill);
  background: none;
  color: var(--text-600);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 200ms var(--ease-out-soft),
    color 200ms var(--ease-out-soft);
}
@media (hover: hover) {
  :not(z).pr5-ctry-opt:hover {
    background: var(--paper);
    color: var(--text-900);
  }
}
:not(z).pr5-ctry-opt[aria-pressed="true"] {
  background: var(--blue-600);
  color: #ffffff;
}
:not(z).pr5-ctry-opt:focus-visible {
  outline: 2px solid var(--blue-600);
  outline-offset: 2px;
}
:not(z).pr5-ctry {
  width: max-content;
  max-width: 100%;
}
:not(z).pr5-ctry[data-on="true"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 10px;
}
:not(z).pr5-ctry-lbl {
  color: var(--text-600);
}
:not(z).blg-row-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
:not(z).blg-row-tag {
  padding: 2px 7px;
  border-radius: var(--r-pill);
  background: var(--blue-100);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 11px;
  line-height: 1.5;
  color: var(--blue-700);
  white-space: nowrap;
}
:not(z).blg-row-dl {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: var(--text-600);
  white-space: nowrap;
}
:not(z).blg-row--file {
  background: rgba(48, 127, 226, 0.05);
}
:not(z).blg-row--file:hover {
  background: rgba(48, 127, 226, 0.09);
}
@media (min-width: 1024px) {
  :not(z).blg-row--file::before {
    box-shadow: inset 0 0 0 4px var(--blue-600);
  }
}
:not(z).blg-row--file .blg-row-go {
  color: var(--blue-700);
}
:not(z).blg-row--file:hover .blg-row-go {
  transform: translateY(2px);
}
:not(z).blg-row-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
:not(z).blg-row-tag {
  padding: 2px 8px;
  border-radius: var(--r-pill);
  background: var(--blue-100);
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  color: var(--blue-700);
  white-space: nowrap;
}
:not(z).blg-row-dl {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: var(--text-600);
  white-space: nowrap;
}
:not(z).blg-row.blg-row--file {
  background: rgba(48, 127, 226, 0.05);
}
:not(z).blg-row.blg-row--file:hover {
  background: rgba(48, 127, 226, 0.09);
}
@media (min-width: 1024px) {
  :not(z).blg-row.blg-row--file::before {
    box-shadow: inset 0 0 0 4px var(--blue-600);
  }
}
:not(z).blg-row.blg-row--file .blg-row-go {
  color: var(--blue-700);
}
:not(z).blg-row.blg-row--file:hover .blg-row-go {
  transform: translateY(2px);
}
:not(z).lt {
  --lt-pad: 16px;
  --lt-gap: 12px;
  --lt-row-inset: 6px;
  --lt-row-pad-y: 8px;
  --lt-row-gap: 4px;
  display: flex;
  flex-direction: column;
  gap: var(--lt-gap);
  margin-top: auto;
  padding: var(--lt-pad);
  border-radius: var(--r-lg);
}
:not(z).bn-tile .bn-line:has(+ .lt) {
  margin-bottom: 20px;
}
:not(z).lt-bar {
  margin-top: 0;
}
:not(z).lt-rows {
  margin-top: 0;
  gap: var(--lt-row-gap);
  margin-inline: calc(var(--lt-row-inset) - var(--lt-pad));
}
:not(z).lt-row {
  gap: 12px;
  padding: var(--lt-row-pad-y) calc(var(--lt-pad) - var(--lt-row-inset));
  border-radius: var(--r-sm);
}
:not(z).bn-tile-dark .lt-row {
  opacity: 0.72;
}
:not(z).lt {
  --lt-pad: 16px;
  --lt-gap: 12px;
  --lt-row-inset: 6px;
  display: flex;
  flex-direction: column;
  gap: var(--lt-gap);
  margin-top: auto;
  padding: var(--lt-pad);
  border-radius: var(--r-lg);
}
:not(z).bn-tile .bn-line:has(+ .lt) {
  margin-bottom: 20px;
}
:not(z).bn-tile .lt + .bn-foot {
  margin-top: 0;
}
:not(z).lt-bar,
:not(z).lt-rows {
  margin-top: 0;
}
:not(z).lt-rows {
  gap: 4px;
  margin-inline: calc(var(--lt-row-inset) - var(--lt-pad));
}
:not(z).lt-row {
  gap: 12px;
  padding: 8px calc(var(--lt-pad) - var(--lt-row-inset));
  border-radius: var(--r-sm);
}
:not(z).bn-tile-dark .bn-line,
:not(z).bn-tile-dark .bn-foot {
  color: var(--on-dark-2);
}
:not(z).bn-tile-dark .lt {
  background: #131313;
  border-color: #212121;
}
:not(z).bn-tile-dark .lt-bar {
  background: #2f2f2f;
}
:not(z).bn-tile-dark .lt-dot {
  border-color: #555555;
  background: #212121;
  color: #c8c8c8;
}
:not(z).bn-tile-dark .lt-row[data-on] {
  background: #212121;
}
:not(z).bn-tile-dark .lt-row {
  opacity: 1;
}
:not(z).bn-tile-dark .lt-row .lt-label {
  color: var(--on-dark-3);
  transition: color 240ms linear;
}
:not(z).bn-tile-dark .lt-row .lt-meta {
  color: var(--on-dark-3);
  transition: color 240ms linear;
}
:not(z).bn-tile-dark .lt-row[data-on] .lt-label,
:not(z).bn-tile-dark .lt-row[data-done] .lt-label {
  color: #ffffff;
}
:not(z).pf2-move {
  background: var(--paper);
  border: 1px solid var(--border);
}
:not(z).pf2-move h3 {
  color: var(--text-900);
}
:not(z).pf2-move p {
  color: var(--text-600);
}
:not(z).pf2-move-ic {
  background: rgba(48, 127, 226, 0.1);
  border: 1px solid rgba(48, 127, 226, 0.18);
  color: var(--blue-600);
}
:not(z).pf2-move .btn-primary,
:not(z).pf2-move .btn-solid {
  background: var(--blue-600);
  color: #ffffff;
  border-color: transparent;
}
:not(z).pf2-move .btn-primary:hover,
:not(z).pf2-move .btn-solid:hover {
  background: var(--blue-700, #256bc4);
}
:not(z).sss {
  row-gap: 8px;
}
:not(z).ph-split {
  padding: 118px 0 80px;
}
@media (min-width: 1024px) {
  :not(z).ph-split {
    padding: 146px 0 96px;
  }
}
:not(z).ph-grid {
  display: grid;
  gap: 40px;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  :not(z).ph-grid {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
    gap: 56px;
    margin-top: 26px;
  }
}
:not(z).ph-h1 {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.05;
  font-size: clamp(34px, 4.4vw, 58px);
  color: #ffffff;
  max-width: 15ch;
  text-wrap: balance;
}
:not(z).ph-sub {
  font-size: 18px;
  line-height: 1.62;
  color: #a6a6a6;
  max-width: 46ch;
  margin-top: 18px;
}
:not(z).ph-trust {
  list-style: none;
  margin: 32px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid #1f1f1f;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
:not(z).ph-trust li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.45;
  color: #a6a6a6;
}
:not(z).ph-trust svg {
  flex: none;
  margin-top: 1px;
  color: var(--blue-500);
}
:not(z).ph-art {
  display: none;
}
@media (min-width: 720px) {
  :not(z).ph-art {
    display: block;
  }
}
:not(z).phs {
  display: block;
  width: 100%;
  height: auto;
}
:not(z).phs-frame {
  fill: none;
  stroke: #242424;
}
:not(z).phs-card {
  fill: #131313;
  stroke: #262626;
}
:not(z).phs-chip {
  fill: #101010;
  stroke: #212121;
}
:not(z).phs-badge {
  fill: #10243c;
}
:not(z).phs-ic {
  color: var(--blue-500);
}
:not(z).phs-rule {
  stroke: #1f1f1f;
  stroke-width: 1;
}
:not(z).phs-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.015em;
  fill: #ffffff;
}
:not(z).phs-s {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  fill: #8f8f8f;
}
:not(z).phs-k {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 12px;
  fill: #7d7d7d;
}
:not(z).phs-c {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  fill: #d4d4d4;
}
:not(z).phs-wire {
  fill: none;
  stroke: #2d2d2d;
  stroke-width: 1.6;
}
:not(z).phs-head {
  fill: #2d2d2d;
}
:not(z).phs-pk {
  fill: var(--blue-700);
}
:not(z).phs-sky-a {
  fill: #131313;
}
:not(z).phs-sky-b {
  fill: #1a2534;
}
:not(z).phs-sky-c {
  fill: #24405f;
}
:not(z).phs-eye {
  fill: none;
  stroke: #24405f;
  stroke-width: 3.5;
}
:not(z).phs-hz {
  fill: #232323;
}
:not(z).phs-lite {
  fill: #1b3f6b;
  animation: phsLite 3.4s var(--ease-inout) infinite alternate;
}
@keyframes phsLite {
  from {
    fill: #1b3f6b;
  }
  to {
    fill: #5c9eeb;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).phs-lite {
    animation: none;
    fill: #3f74b4;
  }
  :not(z).phs-pk {
    display: none;
  }
}
:not(z).ph-split {
  padding: 118px 0 80px;
}
@media (min-width: 1024px) {
  :not(z).ph-split {
    padding: 146px 0 96px;
  }
}
:not(z).ph-grid {
  display: grid;
  gap: 40px;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  :not(z).ph-grid {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
    gap: 56px;
    margin-top: 26px;
  }
}
:not(z).ph-h1 {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.05;
  font-size: clamp(34px, 4.4vw, 58px);
  color: #ffffff;
  max-width: 15ch;
  text-wrap: balance;
}
:not(z).ph-sub {
  font-size: 18px;
  line-height: 1.62;
  color: #a6a6a6;
  max-width: 46ch;
  margin-top: 18px;
}
:not(z).ph-trust {
  list-style: none;
  margin: 32px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid #1f1f1f;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
:not(z).ph-trust li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.45;
  color: #a6a6a6;
}
:not(z).ph-trust svg {
  flex: none;
  margin-top: 1px;
  color: var(--blue-500);
}
:not(z).ph-art {
  display: none;
}
@media (min-width: 720px) {
  :not(z).ph-art {
    display: block;
  }
}
:not(z).phs {
  display: block;
  width: 100%;
  height: auto;
}
:not(z).phs-frame {
  fill: none;
  stroke: #242424;
}
:not(z).phs-card {
  fill: #131313;
  stroke: #262626;
}
:not(z).phs-chip {
  fill: #101010;
  stroke: #212121;
}
:not(z).phs-badge {
  fill: #10243c;
}
:not(z).phs-ic {
  color: var(--blue-500);
}
:not(z).phs-rule {
  stroke: #1f1f1f;
  stroke-width: 1;
}
:not(z).phs-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.015em;
  fill: #ffffff;
}
:not(z).phs-s {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 14px;
  fill: #8f8f8f;
}
:not(z).phs-k {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 12px;
  fill: #7d7d7d;
}
:not(z).phs-c {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  fill: #d4d4d4;
}
:not(z).phs-wire {
  fill: none;
  stroke: #2d2d2d;
  stroke-width: 1.6;
}
:not(z).phs-head {
  fill: #2d2d2d;
}
:not(z).phs-pk {
  fill: var(--blue-700);
}
:not(z).phs-sky-a {
  fill: #131313;
}
:not(z).phs-sky-b {
  fill: #1a2534;
}
:not(z).phs-sky-c {
  fill: #24405f;
}
:not(z).phs-eye {
  fill: none;
  stroke: #24405f;
  stroke-width: 3.5;
}
:not(z).phs-hz {
  fill: #232323;
}
:not(z).phs-lite {
  fill: #1b3f6b;
  animation: phsLite 3.4s var(--ease-inout) infinite alternate;
}
@keyframes phsLite {
  from {
    fill: #1b3f6b;
  }
  to {
    fill: #5c9eeb;
  }
}
@media (prefers-reduced-motion: reduce) {
  :not(z).phs-lite {
    animation: none;
    fill: #3f74b4;
  }
  :not(z).phs-pk {
    display: none;
  }
}
:not(z).ndx {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: var(--space-head);
  align-items: start;
}
@media (min-width: 1024px) {
  :not(z).ndx {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: 24px;
  }
}
:not(z).ndx-card {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
}
@media (min-width: 1024px) {
  :not(z).ndx-card {
    padding: 32px;
  }
}
:not(z).ndx-card-ours {
  border-color: transparent;
  background: var(--paper);
}
:not(z).ndx-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
:not(z).ndx-card-yours .ndx-top {
  grid-template-columns: minmax(0, 1fr) auto;
}
:not(z).ndx-side {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--blue-700);
}
:not(z).ndx-side::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--r-pill);
  background: var(--blue-600);
}
:not(z).ndx-side-ours {
  color: var(--text-600);
}
:not(z).ndx-side-ours::before {
  background: var(--text-600);
}
:not(z).ndx-t {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 20px;
  line-height: 1.3;
  color: var(--text-900);
  margin: 8px 0 0;
}
:not(z).ndx-hint {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
  margin: 8px 0 0;
  max-width: 44ch;
}
:not(z).ndx-sheet {
  width: 84px;
  height: auto;
}
@media (max-width: 719.5px) {
  :not(z).ndx-sheet {
    width: 66px;
  }
}
:not(z).ndx-sheet-body {
  fill: var(--white);
  stroke: var(--border);
  stroke-width: 1.5;
}
:not(z).ndx-sheet-fold {
  fill: var(--paper);
  stroke: var(--border);
  stroke-width: 1.5;
  stroke-linejoin: round;
}
:not(z).ndx-sheet rect {
  fill: var(--border);
  transition: fill 320ms var(--ease-out-soft);
}
:not(z).ndx-sheet rect[data-on] {
  fill: var(--blue-600);
}
:not(z).ndx-meter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
:not(z).ndx-bar {
  height: 3px;
  border-radius: var(--r-pill);
  background: var(--border);
  overflow: clip;
}
:not(z).ndx-bar span {
  display: block;
  height: 100%;
  background: var(--blue-600);
  transform-origin: left;
  transition: transform 420ms var(--ease-out-soft);
}
:not(z).ndx-count {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  color: var(--blue-700);
  white-space: nowrap;
}
:not(z).ndx-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
}
:not(z).ndx-row {
  border-top: 1px solid var(--border);
}
:not(z).ndx-row:first-child {
  border-top: 0;
}
:not(z).ndx-row-top {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
:not(z).ndx-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: 12px;
  padding: 0;
  border: 1.5px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--white);
  color: transparent;
  cursor: pointer;
  transition: background-color 160ms var(--ease-out-soft),
    border-color 160ms var(--ease-out-soft),
    color 160ms var(--ease-out-soft);
}
:not(z).ndx-tick:hover {
  border-color: var(--blue-500);
}
:not(z).ndx-tick[aria-pressed="true"] {
  background: var(--blue-600);
  border-color: var(--blue-600);
  color: #ffffff;
}
:not(z).ndx-open {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
:not(z).ndx-open-flat {
  cursor: default;
}
:not(z).ndx-label {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-900);
  transition: color 160ms var(--ease-out-soft);
}
:not(z).ndx-open:hover .ndx-label {
  color: var(--blue-800);
}
:not(z).ndx-open-flat:hover .ndx-label {
  color: var(--text-900);
}
:not(z).ndx-chev {
  flex: none;
  color: var(--text-600);
  transition: transform 240ms var(--ease-out-soft);
}
:not(z).ndx-open[aria-expanded="true"] .ndx-chev {
  transform: rotate(180deg);
  color: var(--blue-700);
}
:not(z).ndx-row[data-done] .ndx-label {
  color: var(--text-600);
  text-decoration: line-through;
  text-decoration-color: var(--border);
}
:not(z).ndx-detail {
  margin: -2px 0 13px;
  padding-left: 34px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
  max-width: 52ch;
}
:not(z).ndx-ours {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
:not(z).ndx-orow {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
:not(z).ndx-orow:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 30px;
  bottom: -18px;
  width: 1px;
  background: var(--border);
}
:not(z).ndx-n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-600);
}
:not(z).ndx-olabel {
  padding-top: 3px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-900);
}
:not(z).ndx-note {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  margin-top: var(--space-block);
  max-width: 78ch;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).ndx-note svg {
  margin-top: 2px;
  color: var(--text-600);
}
:not(z).ndx {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin-top: var(--space-head);
  align-items: start;
}
@media (min-width: 1024px) {
  :not(z).ndx {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
    gap: 24px;
  }
}
:not(z).ndx-card {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
}
@media (min-width: 1024px) {
  :not(z).ndx-card {
    padding: 32px;
  }
}
:not(z).ndx-card-ours {
  border-color: transparent;
  background: var(--paper);
}
:not(z).ndx-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
:not(z).ndx-card-yours .ndx-top {
  grid-template-columns: minmax(0, 1fr) auto;
}
:not(z).ndx-side {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--blue-700);
}
:not(z).ndx-side::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--r-pill);
  background: var(--blue-600);
}
:not(z).ndx-side-ours {
  color: var(--text-600);
}
:not(z).ndx-side-ours::before {
  background: var(--text-600);
}
:not(z).ndx-t {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 20px;
  line-height: 1.3;
  color: var(--text-900);
  margin: 8px 0 0;
}
:not(z).ndx-hint {
  font-size: 14px;
  line-height: 1.55;
  color: var(--text-600);
  margin: 8px 0 0;
  max-width: 44ch;
}
:not(z).ndx-sheet {
  width: 84px;
  height: auto;
}
@media (max-width: 719.5px) {
  :not(z).ndx-sheet {
    width: 66px;
  }
}
:not(z).ndx-sheet-body {
  fill: var(--white);
  stroke: var(--border);
  stroke-width: 1.5;
}
:not(z).ndx-sheet-fold {
  fill: var(--paper);
  stroke: var(--border);
  stroke-width: 1.5;
  stroke-linejoin: round;
}
:not(z).ndx-sheet rect {
  fill: var(--border);
  transform-box: fill-box;
  transform-origin: 0% 50%;
  transition: fill 320ms var(--ease-out-soft);
}
:not(z).ndx-sheet rect[data-on] {
  fill: var(--blue-600);
}
:not(z).ndx-meter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
:not(z).ndx-bar {
  height: 3px;
  border-radius: var(--r-pill);
  background: var(--border);
  overflow: clip;
}
:not(z).ndx-bar span {
  display: block;
  height: 100%;
  background: var(--blue-600);
  transform-origin: left;
  transition: transform 420ms var(--ease-out-soft);
}
:not(z).ndx-count {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  color: var(--blue-700);
  white-space: nowrap;
}
:not(z).ndx-list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: grid;
}
:not(z).ndx-row {
  border-top: 1px solid var(--border);
}
:not(z).ndx-row:first-child {
  border-top: 0;
}
:not(z).ndx-row-top {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
:not(z).ndx-tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: 12px;
  padding: 0;
  border: 1.5px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--white);
  color: transparent;
  cursor: pointer;
  transition: background-color 160ms var(--ease-out-soft),
    border-color 160ms var(--ease-out-soft),
    color 160ms var(--ease-out-soft);
}
:not(z).ndx-tick:hover {
  border-color: var(--blue-500);
}
:not(z).ndx-tick[aria-pressed="true"] {
  background: var(--blue-600);
  border-color: var(--blue-600);
  color: #ffffff;
}
:not(z).ndx-open {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
:not(z).ndx-open-flat {
  cursor: default;
}
:not(z).ndx-label {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-900);
  transition: color 160ms var(--ease-out-soft);
}
:not(z).ndx-open:hover .ndx-label {
  color: var(--blue-800);
}
:not(z).ndx-open-flat:hover .ndx-label {
  color: var(--text-900);
}
:not(z).ndx-chev {
  flex: none;
  color: var(--text-600);
  transition: transform 240ms var(--ease-out-soft);
}
:not(z).ndx-open[aria-expanded="true"] .ndx-chev {
  transform: rotate(180deg);
  color: var(--blue-700);
}
:not(z).ndx-row[data-done] .ndx-label {
  color: var(--text-600);
  text-decoration: line-through;
  text-decoration-color: var(--border);
}
:not(z).ndx-detail {
  margin: -2px 0 13px;
  padding-left: 34px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
  max-width: 52ch;
}
:not(z).ndx-ours {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
:not(z).ndx-orow {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
:not(z).ndx-orow:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 30px;
  bottom: -18px;
  width: 1px;
  background: var(--border);
}
:not(z).ndx-n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--white);
  font-size: 11px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--text-600);
}
:not(z).ndx-olabel {
  padding-top: 3px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-900);
}
:not(z).ndx-note {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  margin-top: var(--space-block);
  max-width: 78ch;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).ndx-note svg {
  margin-top: 2px;
  color: var(--text-600);
}
:not(z).stp[data-dark] .stp-list .stp-item:hover {
  background: #121212;
}
:not(z).stp[data-dark] .stp-list .stp-item[data-on="true"] {
  background: #171717;
}
:not(z).stp[data-dark] .stp-list .stp-n {
  color: var(--on-dark-3);
}
:not(z).stp[data-dark] .stp-list .stp-line {
  color: var(--on-dark-2);
}
:not(z).stp[data-dark] .stp-stage .fs-dot {
  fill: #1f1f1f;
}
:not(z).stp[data-dark] .stp-stage .fs-box {
  fill: #1d1d1d;
}
:not(z).stp[data-dark] .stp-stage .fs-box-accent {
  fill: #152333;
  stroke: #284469;
}
:not(z).stp[data-dark] .stp-stage .fs-chip {
  fill: #2f2f2f;
}
:not(z).stp[data-dark] .stp-stage .fs-box-accent ~ .fs-chip {
  fill: #283543;
}
:not(z).stp[data-dark] .stp-stage .fs-wire-muted {
  stroke: #5d5d5d;
}
:not(z).stp[data-dark] .stp-stage .fs-head-muted {
  fill: #707070;
}
:not(z).stp[data-dark] .stp-stage .fs-s {
  fill: #999999;
}
:not(z).stp[data-dark] .stp-stage .fs-tag {
  fill: #a5a5a5;
}
:not(z).hx-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: var(--space-head);
}
:not(z).hx-cell {
  min-width: 0;
}
@media (min-width: 720px) {
  :not(z).hx-grid {
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
  }
  :not(z).hx-cell {
    grid-column: span 12;
  }
  :not(z).hx-c7,
  :not(z).hx-c5,
  :not(z).hx-c4 {
    grid-column: span 6;
  }
}
@media (min-width: 1024px) {
  :not(z).hx-c7 {
    grid-column: span 7;
  }
  :not(z).hx-c5 {
    grid-column: span 5;
  }
  :not(z).hx-c4 {
    grid-column: span 4;
  }
}
:not(z).hx-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
  transition: border-color 160ms linear, box-shadow 160ms var(--ease-out-soft),
    transform 240ms var(--ease-out-soft);
}
@media (hover: hover) {
  :not(z).hx-card:hover {
    border-color: #cfe1fa;
    box-shadow: var(--shadow-card);
    transform: translateY(-3px);
  }
}
:not(z).hx-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: var(--night);
}
@media (min-width: 720px) {
  :not(z).hx-stage {
    padding: 24px;
  }
}
:not(z).hx-body {
  padding: 20px 20px 0;
}
@media (min-width: 720px) {
  :not(z).hx-body {
    padding: 20px 24px 0;
  }
}
:not(z).hx-t {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.018em;
  line-height: 1.25;
  color: var(--text-900);
}
:not(z).hx-l {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).svx {
  display: block;
  width: 100%;
  max-width: 460px;
  height: auto;
}
:not(z).svx text {
  font-family: var(--font-sans);
  font-size: 11px;
  fill: #8b8e95;
}
:not(z).svx .svx-t {
  fill: #8b8e95;
}
:not(z).svx .svx-tb {
  fill: #9cc6f5;
}
:not(z).svx .svx-tok {
  fill: #6fd39f;
}
:not(z).svx-box {
  fill: #141518;
  stroke: #26282d;
  stroke-width: 1.5;
}
:not(z).svx-box-2 {
  fill: #1b1d21;
  stroke: #2b2e34;
  stroke-width: 1.4;
}
:not(z).svx-box-b {
  fill: #12243a;
  stroke: #2b4f7d;
  stroke-width: 1.5;
}
:not(z).svx-bar {
  fill: #33363c;
}
:not(z).svx-bar-mid {
  fill: #3c4048;
}
:not(z).svx-bar-b {
  fill: #307fe2;
}
:not(z).svx-line {
  fill: none;
  stroke: #2b2e34;
  stroke-width: 1.5;
}
:not(z).svx-line-b {
  fill: none;
  stroke: #307fe2;
  stroke-width: 2;
}
:not(z).svx-ah-b {
  fill: #307fe2;
}
:not(z).svx-dot {
  fill: #5c9eeb;
}
:not(z).svx-chip-b {
  fill: #16304f;
  stroke: #2f5c92;
  stroke-width: 1.2;
}
:not(z).svx-chip-ok {
  fill: #123024;
  stroke: #1f5c3f;
  stroke-width: 1.2;
}
:not(z).svx-halo {
  fill: #12233a;
}
:not(z).svx-seal {
  fill: none;
  stroke: #307fe2;
  stroke-width: 2.4;
}
:not(z).svx-ring {
  fill: none;
  stroke: #307fe2;
  stroke-width: 2;
}
:not(z).svx-ic-b {
  fill: none;
  stroke: #78b0f5;
}
:not(z).svx-ic-ok {
  fill: none;
  stroke: #6fd39f;
}
:not(z).svx-ic-dim {
  fill: none;
  stroke: #6b6e75;
}
:not(z).svx-flow {
  stroke-dasharray: 5 6;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).svx-flow {
    animation: gv2-flow 1000ms linear infinite;
  }
}
:not(z).advx {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: var(--space-head);
}
:not(z).advx-cell {
  min-width: 0;
}
@media (min-width: 720px) {
  :not(z).advx {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
    grid-auto-rows: 1fr;
  }
  :not(z).advx-cell {
    grid-column: span 12;
  }
  :not(z).advx-c4,
  :not(z).advx-c5,
  :not(z).advx-c7 {
    grid-column: span 6;
  }
}
@media (min-width: 1024px) {
  :not(z).advx-c4 {
    grid-column: span 4;
  }
  :not(z).advx-c5 {
    grid-column: span 5;
  }
  :not(z).advx-c7 {
    grid-column: span 7;
  }
  :not(z).advx-c12 {
    grid-column: span 12;
  }
}
:not(z).advx-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
  transition: border-color 160ms linear, box-shadow 160ms var(--ease-out-soft),
    transform 240ms var(--ease-out-soft);
}
@media (hover: hover) {
  :not(z).advx-card:hover {
    border-color: #cfe1fa;
    box-shadow: var(--shadow-card);
    transform: translateY(-3px);
  }
}
:not(z).advx-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
}
@media (min-width: 720px) {
  :not(z).advx-body {
    padding: 20px;
  }
}
:not(z).advx-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
:not(z).advx-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: var(--r-md);
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).advx-chip {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: var(--text-900);
  background: var(--amber-100);
  border-radius: var(--r-pill);
  padding: 8px 12px;
}
:not(z).advx-t {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: -0.018em;
  font-size: 18px;
  line-height: 1.25;
  color: var(--text-900);
}
:not(z).advx-p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).advx-fig {
  margin: 0;
  padding: 18px;
  background: var(--night-2);
  display: block;
  transition: background-color 240ms var(--ease-out-soft);
}
@media (min-width: 720px) {
  :not(z).advx-fig {
    padding: 22px;
  }
}
:not(z).advx-card .advx-fig {
  order: -1;
  margin-top: 0;
  flex: none;
}
:not(z).advx-card > .advx-fig {
  height: min(197.5px, calc(47.5vw - 1px));
}
@media (min-width: 720px) {
  :not(z).advx-card > .advx-fig {
    height: 205.5px;
    height: min(205.5px, calc(23.75vw + 9px));
  }
}
@media (min-width: 1024px) {
  :not(z).advx-card > .advx-fig {
    height: 234px;
  }
}
:not(z).advx-fig > .gv2-svg {
  width: 100%;
  height: 100%;
  max-width: none;
}
:not(z).advx-fig .gv2-svg text {
  fill: #9a9a9a;
}
:not(z).advx-fig .gv2-svg .gv2-t9 {
  fill: #ffffff;
}
:not(z).advx-fig .gv2-svg .gv2-tb {
  fill: #9cc6f5;
}
:not(z).advx-fig .gv2-box {
  fill: var(--night-3);
  stroke: #666666;
}
:not(z).advx-fig .gv2-box-b {
  fill: #12243a;
  stroke: var(--blue-500);
}
:not(z).advx-fig .gv2-chip-b {
  fill: #12243a;
  stroke: var(--blue-500);
}
:not(z).advx-fig .gv2-bar {
  fill: #666666;
}
:not(z).advx-fig .gv2-fill-paper {
  fill: var(--night-line);
}
:not(z).advx-fig .gv2-track {
  fill: var(--night-3);
  stroke: #666666;
}
:not(z).advx-fig .gv2-knob {
  fill: var(--night-2);
  stroke: var(--blue-600);
}
:not(z).advx-fig .gv2-dot {
  fill: var(--night-2);
  stroke: #7a7a7a;
}
:not(z).advx-fig .gv2-line {
  stroke: #7a7a7a;
}
:not(z).advx-fig .gv2-ah {
  fill: #7a7a7a;
}
:not(z).advx-fig .gv2-ic-b {
  color: var(--blue-500);
}
:not(z).advx-fig .gv2-halo {
  fill: #16324f;
  opacity: 1;
}
:not(z).advx-fig .gv2-halo-soft {
  fill: #12243a;
  opacity: 1;
}
:not(z).advx-fig .gv2-svg .bm-plate {
  stroke: none;
}
:not(z).advx-fig .gv2-kara {
  fill: var(--night-3);
  stroke: #666666;
}
:not(z).advx-fig .gv2-kara-silik {
  fill: var(--night-2);
  stroke: #3a3a3a;
}
:not(z).advx-fig .gv2-kktc {
  fill: var(--blue-500);
  stroke: #9cc6f5;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).advx-fig .gv2-flow {
    stroke-dasharray: 5 6;
    animation: gv2-flow 4.1s linear infinite;
  }
  :not(z).advx-fig .gv2-fill-b,
  :not(z).advx-fig .gv2-chip-b {
    animation: advxPulse 5.9s ease-in-out infinite;
  }
  :not(z).advx-fig .gv2-halo {
    animation: advxBreathe 7.1s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
  }
  :not(z).advx-fig .gv2-knob {
    animation: advxNudge 10.7s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
  }
}
@media (hover: hover) {
  :not(z).advx-card:hover .advx-fig {
    background: #161616;
  }
  :not(z).advx-fig .gv2-line-b {
    transition: stroke-width 220ms var(--ease-out-soft);
  }
  :not(z).advx-card:hover .advx-fig .gv2-line-b {
    stroke-width: 2.4;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :not(z).advx-card:hover .advx-fig .gv2-flow {
    animation-duration: 1.73s;
  }
}
@keyframes advxPulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.76;
  }
}
@keyframes advxBreathe {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.06);
    opacity: 0.72;
  }
}
@keyframes advxNudge {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
}
:not(z).cor {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  margin-top: var(--space-head);
}
@media (min-width: 1024px) {
  :not(z).cor[data-map] {
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    gap: 32px;
    align-items: stretch;
  }
}
:not(z).cor-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:not(z).cor-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 16px;
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  background: var(--white);
}
:not(z).cor-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: var(--r-md);
  background: var(--blue-100);
  color: var(--blue-700);
}
:not(z).cor-txt {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-600);
}
:not(z).cor-txt b {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.012em;
  color: var(--text-900);
}
:not(z).cor-map {
  min-width: 0;
}
@media (min-width: 1024px) {
  :not(z).cor[data-map] .cor-map {
    position: relative;
  }
  :not(z).cor[data-map] .cor-map > .omap {
    position: absolute;
    inset: 0;
    aspect-ratio: auto;
  }
}
:not(z)[data-soon] {
  cursor: default;
  text-decoration: none;
  opacity: var(--soon-dim, 0.52);
  pointer-events: none;
}
:not(z).bm-plate {
  fill: #ffffff;
}
:not(z).gv2-svg .bm-plate {
  stroke: #e2e2e2;
  stroke-width: 1;
}
:not(z).bm-mono {
  font-family: var(--font-sans);
  font-weight: 700;
  fill: #5c5c5c;
}
:not(z).bm-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
:not(z).bm-chip-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: var(--r-sm);
  background: #ffffff;
  border: 1px solid var(--border);
}
:not(z).bm-chip-plate b {
  font-family: var(--font-sans);
  font-weight: 700;
  line-height: 1;
}
:not(z).bm-chip-n {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 14px;
  color: var(--text-900);
  white-space: nowrap;
}
:not(z).bm-maske {
  display: block;
  flex: none;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
:not(z).bm-g {
  flex: none;
  display: inline-block;
  vertical-align: -0.18em;
}
:not(z).bm-g-mono {
  font-family: var(--font-sans);
  font-weight: 700;
  color: var(--text-600);
}
:not(z)[data-v="no"] > .bm-g,
:not(z)[data-v="none"] > .bm-g {
  filter: grayscale(1);
  opacity: 0.45;
}
@keyframes fuIlk {
  from {
    opacity: 0;
    transform: translateY(var(--fu-y, 24px));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes swIlk {
  from {
    opacity: 0;
    transform: translateY(110%);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
:not(z).fu-ilk {
  animation-name: fuIlk;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: both;
}
:not(z).sw-ilk {
  animation: swIlk 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  :not(z).fu-ilk,
  :not(z).sw-ilk {
    animation: none;
  }
}
@media (max-width: 767px) {
  :not(z).fu-ilk,
  :not(z).sw-ilk {
    animation: none !important;
  }
}
:not(z).hzf {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin: var(--space-head) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 720px) {
  :not(z).hzf {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:not(z).hzf > li {
  display: grid;
}
:not(z).hzf-k {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: var(--r-panel);
  background: var(--white);
}
:not(z).hzf-ad {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-900);
}
:not(z).hzf-tutar {
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--green-600);
}
:not(z).hzf-s {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).yasal {
  display: grid;
  gap: 36px;
  max-width: 72ch;
}
:not(z).yasal h2 {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--text-900);
}
:not(z).yasal p,
:not(z).yasal li {
  font-size: 16px;
  line-height: 1.65;
  color: var(--text-600);
}
:not(z).yasal p {
  margin: 0 0 10px;
}
:not(z).yasal ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
}
:not(z)[data-ekran-disi],
:not(z)[data-ekran-disi]::before,
:not(z)[data-ekran-disi]::after,
:not(z)[data-ekran-disi] *,
:not(z)[data-ekran-disi] *::before,
:not(z)[data-ekran-disi] *::after {
  animation-play-state: paused !important;
}
@keyframes ltNabiz {
  from {
    transform: scale(1);
    opacity: 0.7;
  }
  to {
    transform: scale(1.9);
    opacity: 0;
  }
}
@keyframes omapHalka {
  from {
    transform: scale(0.35);
    opacity: 0.55;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes cubukDol {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes svxKay {
  0% {
    transform: translateX(0);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  59.26%,
  100% {
    transform: translateX(var(--dx));
  }
}
@keyframes svxSol {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  19.753% {
    opacity: 1;
  }
  39.506% {
    opacity: 1;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  59.26%,
  100% {
    opacity: 0;
  }
}
:not(z).lt-pulse,
:not(z).omap-ring {
  opacity: 0;
}
:not(z).stp-bar {
  transform: scaleX(0.06);
}
:not(z).stp-bar[data-kos] {
  animation: cubukDol var(--sure, 4s) linear both;
}
:not(z).srp-dol {
  animation: cubukDol var(--sure, 3.6s) linear both;
}
@media (prefers-reduced-motion: no-preference) {
  :not(z).lt-pulse {
    animation: ltNabiz 1.4s cubic-bezier(0, 0, 0.58, 1) infinite;
  }
  :not(z).omap-ring {
    animation: omapHalka 2.1s cubic-bezier(0, 0, 0.58, 1) infinite;
  }
  :not(z).svx-dot {
    animation: svxKay 2.7s var(--gecik, 0s) infinite backwards,
      svxSol 2.7s var(--gecik, 0s) infinite backwards;
  }
}
:not(z).icerige-gec {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1000;
  padding: 12px 18px;
  border-radius: 12px;
  background: var(--blue-700);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  transform: translateY(-200%);
}
:not(z).icerige-gec:focus-visible {
  transform: none;
}
:not(z).bn-fix {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
}
:not(z).bn-fix i {
  margin-top: 2px;
}
:not(z).bn-fix-m {
  display: grid;
  gap: 2px;
}
:not(z).bn-fix-m strong {
  font-weight: 600;
  line-height: 1.35;
}
:not(z).bn-fix-m em {
  font-style: normal;
  line-height: 1.5;
  color: var(--text-600);
}
:not(z).bn-node-ok {
  background: var(--blue-100, #e8f1fd);
  color: var(--blue-700);
}
:not(z).bn-panel {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--night-line);
  border-radius: var(--r-lg);
  background: var(--night-2);
}
:not(z).bn-panel-t {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}
:not(z).bn-panel ul {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
:not(z).bn-panel li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  font-size: 14px;
  line-height: 1.45;
  color: #d6d6d6;
}
:not(z).bn-panel li svg {
  margin-top: 3px;
  color: var(--blue-500);
}
:not(z).bn-panel li {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  white-space: nowrap;
}
:not(z).bn-panel-ic {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--r-sm);
  background: #1a2433;
  color: var(--blue-500);
}
:not(z).bn-panel li .bn-panel-ic svg {
  margin-top: 0;
}
:not(z).sec-lead {
  max-width: 72ch;
}
:not(z).bn-tile .bn-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
:not(z).bn-tile .bn-panel ul {
  flex: 1 1 auto;
  align-content: space-evenly;
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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: 0px;
}
@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;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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;
    }
  }
}
