/* Tukan Asist tanıtım sitesi. Bu dosya üretilir (scratchpad/site/build.py); elle düzenlemeyin. */
:root {
  --govde: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: light;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: #f6f7fb;
  font-family: var(--govde);
  color: #0f1730;
  -webkit-font-smoothing: antialiased;
}
main {
  display: block;
  overflow-x: clip;
}
a {
  color: #2f5bea;
}
a:hover {
  color: #1d3fb8;
}
h1,
h2,
h3,
h4,
p {
  margin: 0;
  font-family: var(--govde);
}
img {
  height: auto;
}
button {
  font-family: inherit;
}
[hidden] {
  display: none !important;
}

/* Tuvaldeki hover kuralları */
.nl:hover {
  background: #eef2fe !important;
  color: #2f5bea !important;
}
.bp:hover {
  background: #1d3fb8 !important;
  color: #fff !important;
}
.bs:hover {
  border-color: #2f5bea !important;
  color: #2f5bea !important;
}
.cd {
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
.cd:hover {
  border-color: #c3cff8 !important;
  box-shadow: 0 22px 44px -26px rgba(15, 23, 48, 0.38) !important;
}
.tl:hover {
  color: #2f5bea !important;
}
.fl:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
.mi:hover {
  background: #f3f5fb !important;
}
.mi:hover .mt {
  color: #2f5bea !important;
}
.ix:hover {
  background: #fff !important;
  border-color: #c3cff8 !important;
}
details > summary {
  list-style: none;
  cursor: pointer;
}
details > summary::-webkit-details-marker {
  display: none;
}
.pm {
  transition: transform 0.2s ease;
}
details[open] .pm {
  transform: rotate(45deg);
}
details[open] .gs {
  background: #0f1730 !important;
  color: #fff !important;
}
@media (max-width: 1400px) {
  .rail,
  .knot {
    display: none !important;
  }
}

/* Odak her zaman görünür */
:focus-visible {
  outline: 3px solid #2f5bea;
  outline-offset: 2px;
}
.alt :focus-visible {
  outline-color: #8fb0ff;
}
.atla {
  position: absolute;
  left: 16px;
  top: -60px;
  z-index: 200;
  padding: 12px 16px;
  border-radius: 10px;
  background: #0f1730;
  color: #fff;
  font: 700 15px/1 var(--govde);
  text-decoration: none;
}
.atla:focus {
  top: 12px;
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* ---- tuvalden çevrilen sınıflar ---- */
.s1 {
  position: relative;
  z-index: 30;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #e6e9f2;
}
.s2 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 28px;
}
.s3 {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.s4 {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #2f5bea;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font:
    700 15px/1 'Archivo',
    sans-serif;
}
.s5 {
  font:
    700 21px/1 'Archivo',
    sans-serif;
  color: #0f1730;
  letter-spacing: -0.01em;
}
.s6 {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}
.s7 {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.s8 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #2a3352;
  font:
    600 15px/1 'Archivo',
    sans-serif;
  cursor: pointer;
}
.s9 {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  color: #2a3352;
  font:
    600 15px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s10 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.s11 {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 12px;
  background: #2f5bea;
  color: #fff;
  font:
    600 15px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s12 {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid #e1e6f0;
  background: #fff;
  color: #0f1730;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.s13 {
  position: relative;
  z-index: 20;
  max-width: 1240px;
  margin: 14px auto 0;
  padding: 0 24px;
}
.s14 {
  border-radius: 24px;
  background: #fff;
  border: 1px solid #e1e6f0;
  box-shadow: 0 50px 90px -40px rgba(15, 23, 48, 0.5);
  overflow: hidden;
}
.s15 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(300px, 1.15fr);
}
.s16 {
  padding: 28px 20px 24px;
}
.s17 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #5a6383;
}
.s18 {
  display: flex;
  gap: 2px;
}
.s19 {
  width: 2px;
  height: 14px;
  background: #2f5bea;
}
.s20 {
  width: 2px;
  height: 14px;
  background: #1f9d55;
}
.s21 {
  width: 2px;
  height: 14px;
  background: #7c4dff;
}
.s22 {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.s23 {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  text-decoration: none;
  color: #0f1730;
}
.s24 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: #eaf0ff;
  color: #2f5bea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s25 {
  display: block;
  font:
    700 15px/1.25 'Archivo',
    sans-serif;
}
.s26 {
  display: block;
  margin-top: 3px;
  font:
    500 13px/1.45 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s27 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: #e7f6ee;
  color: #1f9d55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s28 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: #f1ecff;
  color: #6d3df0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s29 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: #f1f3f8;
  color: #2a3352;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s30 {
  padding: 28px 20px 24px;
  border-left: 1px solid #eceff6;
}
.s31 {
  padding: 0 12px;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #5a6383;
}
.s32 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: #eef2fe;
  color: #2f5bea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s33 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 11px;
  background: #fff4ea;
  color: #c25a0c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s34 {
  padding: 16px;
}
.s35 {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  border-radius: 18px;
  background: #eef2fe;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s36 {
  padding: 22px 22px 0;
}
.s37 {
  display: flex;
  align-items: center;
  gap: 10px;
  font:
    600 13px/1 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s38 {
  padding: 5px 9px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    700 13px/1 'Archivo',
    sans-serif;
}
.s39 {
  margin-top: 14px;
  font:
    800 clamp(27px, 24.4px + 0.667vw, 34px)/0.95 'Archivo',
    sans-serif;
  font-stretch: 78%;
  letter-spacing: -0.02em;
}
.s40 {
  position: relative;
  margin: 20px 0 20px 22px;
  height: 190px;
}
.s41 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 190px;
  border-radius: 12px 0 0 0;
  overflow: hidden;
  border: 1px solid #d6dff8;
  border-right: 0;
  border-bottom: 0;
  background: #fff;
}
.s42 {
  display: block;
  width: 180%;
  max-width: none;
  margin-left: -34%;
  margin-top: -5%;
}
.s43 {
  position: absolute;
  left: 14px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 10px 20px -10px rgba(15, 23, 48, 0.5);
  font:
    700 12px/1 'Archivo',
    sans-serif;
  color: #157a43;
}
.s44 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1f9d55;
}
.s45 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  background: #fff;
  border-top: 1px solid #d6dff8;
  font:
    700 15px/1 'Archivo',
    sans-serif;
}
.s46 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  padding: 16px 32px;
  background: #f6f7fb;
  border-top: 1px solid #eceff6;
}
.s47 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font:
    500 14px/1.4 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s48 {
  display: flex;
  gap: 4px;
}
.s49 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2f5bea;
}
.s50 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7c4dff;
}
.s51 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.s52 {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  font:
    700 14px/1 'Archivo',
    sans-serif;
  color: #0f1730;
  text-decoration: none;
}
.s53 {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: #2f5bea;
  color: #fff;
  font:
    700 14px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s54 {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 0.95fr);
}
.s55 {
  padding: 28px 20px 22px;
}
.s56 {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  gap: 2px 12px;
}
.s57 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 14px 12px;
  border-radius: 14px;
  text-decoration: none;
  color: #0f1730;
}
.s58 {
  min-width: 0;
}
.s59 {
  padding: 16px;
  border-left: 1px solid #eceff6;
}
.s60 {
  position: relative;
  margin: 20px 0 20px 22px;
  flex: 1;
  min-height: 190px;
}
.s61 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 12px 0 0 0;
  overflow: hidden;
  border: 1px solid #d6dff8;
  border-right: 0;
  border-bottom: 0;
  background: #fff;
}
.s62 {
  position: absolute;
  left: 14px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 10px 20px -10px rgba(15, 23, 48, 0.5);
  font:
    700 12px/1 'Archivo',
    sans-serif;
  color: #5b2fd6;
}
.s63 {
  position: relative;
}
.s64 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 686px);
  display: flex;
  gap: 4px;
  pointer-events: none;
  z-index: 1;
}
.s65 {
  width: 2px;
  background: #2f5bea;
  opacity: 0.55;
}
.s66 {
  width: 2px;
  background: #1f9d55;
  opacity: 0.55;
}
.s67 {
  width: 2px;
  background: #7c4dff;
  opacity: 0.55;
}
.s68 {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #e6e9f2;
}
.s69 {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#eef1f8 1px, transparent 1px);
  background-size: 100% 64px;
  opacity: 0.9;
}
.s70 {
  position: absolute;
  top: 96px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0f1730;
  z-index: 2;
}
.s71 {
  position: relative;
  z-index: 2;
  max-width: 1240px;
  margin: 0 auto;
  padding: 84px 24px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
}
.s72 {
  padding-top: 8px;
  flex: 1 1 500px;
  min-width: 0;
}
.s73 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 30px;
  font:
    600 14px/1.3 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s74 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 10px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    700 15px/1 'Archivo',
    sans-serif;
  font-variant-numeric: tabular-nums;
}
.s75 {
  font:
    800 clamp(50px, 38.9px + 2.857vw, 80px)/0.92 'Archivo',
    sans-serif;
  font-stretch: 78%;
  letter-spacing: -0.025em;
  color: #0f1730;
}
.s76 {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.s77 {
  position: absolute;
  left: 2px;
  right: 10px;
  bottom: -6px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.s78 {
  height: 4px;
  border-radius: 4px;
  background: #2f5bea;
}
.s79 {
  height: 4px;
  border-radius: 4px;
  background: #1f9d55;
  margin-right: 18%;
}
.s80 {
  height: 4px;
  border-radius: 4px;
  background: #7c4dff;
  margin-right: 36%;
}
.s81 {
  display: block;
  margin-top: 26px;
  color: #2f5bea;
}
.s82 {
  max-width: 540px;
  margin: 30px 0 0;
  font:
    500 19px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s83 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}
.s84 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 26px;
  border-radius: 14px;
  background: #2f5bea;
  color: #fff;
  font:
    700 16px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s85 {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 0 24px;
  border-radius: 14px;
  background: #fff;
  border: 1.5px solid #cdd4e6;
  color: #0f1730;
  font:
    700 16px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s86 {
  margin-top: 20px;
  font:
    500 14px/1.5 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s87 {
  position: relative;
  height: 640px;
  flex: 1.2 1 560px;
  min-width: 0;
}
.s88 {
  position: absolute;
  right: -30px;
  top: -34px;
  font:
    800 clamp(125px, 78.6px + 11.905vw, 250px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  letter-spacing: -0.04em;
  color: #edf0f8;
  font-variant-numeric: tabular-nums;
}
.s89 {
  position: absolute;
  left: 120px;
  top: 170px;
  right: -70px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dfe4f0;
  box-shadow: 0 40px 80px -40px rgba(15, 23, 48, 0.45);
  overflow: hidden;
}
.s90 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-bottom: 1px solid #eceff6;
  background: #fafbfd;
}
.s91 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #e3e6ee;
}
.s92 {
  margin-left: 12px;
  font:
    500 12px/1 'Archivo',
    sans-serif;
  color: #7a829c;
}
.s93 {
  display: block;
  width: 100%;
  height: 380px;
  object-fit: cover;
  object-position: 0 0;
}
.s94 {
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 3;
  width: 270px;
  height: 560px;
  padding: 9px;
  border-radius: 44px;
  background: #0f1222;
  box-shadow: 0 50px 70px -40px rgba(15, 23, 48, 0.6);
}
.s95 {
  height: 100%;
  border-radius: 36px;
  overflow: hidden;
  background: #efeae2;
  display: flex;
  flex-direction: column;
}
.s96 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 34px 14px 12px;
  background: #127c5e;
  color: #fff;
}
.s97 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: #127c5e;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s98 {
  font:
    600 13px/1.25 'Archivo',
    sans-serif;
}
.s99 {
  font-weight: 500;
  font-size: 11px;
  opacity: 0.85;
}
.s100 {
  flex: 1;
  padding: 14px 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font:
    500 12.5px/1.45 'Archivo',
    sans-serif;
}
.s101 {
  align-self: center;
  padding: 4px 10px;
  border-radius: 8px;
  background: #fff;
  color: #5a6383;
  font-size: 11px;
}
.s102 {
  align-self: flex-start;
  max-width: 84%;
  padding: 8px 10px;
  border-radius: 4px 12px 12px 12px;
  background: #fff;
  color: #1d2440;
}
.s103 {
  display: block;
  text-align: right;
  font-size: 10px;
  color: #8a91a8;
}
.s104 {
  align-self: flex-end;
  max-width: 86%;
  padding: 8px 10px;
  border-radius: 12px 4px 12px 12px;
  background: #d9fdd3;
  color: #1d2440;
}
.s105 {
  display: block;
  font:
    700 10px/1.4 'Archivo',
    sans-serif;
  color: #127c5e;
}
.s106 {
  display: block;
  text-align: right;
  font-size: 10px;
  color: #6b8a72;
}
.s107 {
  position: absolute;
  left: 200px;
  top: 488px;
  z-index: 4;
  width: 290px;
  padding: 16px 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e1e6f1;
  box-shadow: 0 30px 50px -28px rgba(15, 23, 48, 0.45);
}
.s108 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.s109 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font:
    700 14px/1 'Archivo',
    sans-serif;
  color: #0f1730;
}
.s110 {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: #e7f6ee;
  color: #1f9d55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s111 {
  padding: 4px 8px;
  border-radius: 999px;
  background: #e7f6ee;
  color: #157a43;
  font:
    700 11px/1 'Archivo',
    sans-serif;
}
.s112 {
  margin-top: 10px;
  font:
    500 13px/1.5 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s113 {
  color: #0f1730;
}
.s114 {
  position: absolute;
  right: -40px;
  top: 380px;
  z-index: 4;
  width: 230px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e1e6f1;
  box-shadow: 0 30px 50px -30px rgba(15, 23, 48, 0.4);
}
.s115 {
  display: flex;
  align-items: center;
  gap: 8px;
  font:
    700 13px/1 'Archivo',
    sans-serif;
  color: #5b2fd6;
}
.s116 {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 30px;
  margin: 10px 0 8px;
}
.s117 {
  width: 3px;
  height: 8px;
  border-radius: 3px;
  background: #7c4dff;
}
.s118 {
  width: 3px;
  height: 18px;
  border-radius: 3px;
  background: #7c4dff;
}
.s119 {
  width: 3px;
  height: 26px;
  border-radius: 3px;
  background: #7c4dff;
}
.s120 {
  width: 3px;
  height: 14px;
  border-radius: 3px;
  background: #7c4dff;
}
.s121 {
  width: 3px;
  height: 22px;
  border-radius: 3px;
  background: #7c4dff;
}
.s122 {
  width: 3px;
  height: 10px;
  border-radius: 3px;
  background: #7c4dff;
}
.s123 {
  width: 3px;
  height: 28px;
  border-radius: 3px;
  background: #7c4dff;
}
.s124 {
  width: 3px;
  height: 16px;
  border-radius: 3px;
  background: #7c4dff;
}
.s125 {
  width: 3px;
  height: 8px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s126 {
  width: 3px;
  height: 20px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s127 {
  width: 3px;
  height: 12px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s128 {
  width: 3px;
  height: 6px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s129 {
  width: 3px;
  height: 14px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s130 {
  font:
    500 12.5px/1.45 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s131 {
  position: relative;
  z-index: 2;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
.s132 {
  list-style: none;
  margin: 48px 0 0;
  padding: 22px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px 28px;
  border-top: 1px solid #e6e9f2;
}
.s133 {
  display: flex;
  align-items: center;
  gap: 12px;
  font:
    600 15px/1.35 'Archivo',
    sans-serif;
  color: #1d2440;
}
.s134 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 10px;
  background: #e7f6ee;
  color: #1f9d55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s135 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 10px;
  background: #f1ecff;
  color: #6d3df0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s136 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 10px;
  background: #eaf0ff;
  color: #2f5bea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s137 {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 10px;
  background: #fff1e6;
  color: #c25a0c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s138 {
  position: relative;
  padding: 120px 0 110px;
}
.s139 {
  position: absolute;
  top: 126px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0f1730;
}
.s140 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
.s141 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
  gap: 24px 64px;
  align-items: end;
}
.s142 {
  display: flex;
  align-items: center;
  gap: 12px;
  font:
    600 14px/1.3 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s143 {
  font:
    700 22px/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
  color: #0f1730;
  font-variant-numeric: tabular-nums;
}
.s144 {
  width: 28px;
  height: 1px;
  background: #c3cadc;
}
.s145 {
  margin-top: 20px;
  font:
    800 clamp(45px, 35px + 2.571vw, 72px)/0.95 'Archivo',
    sans-serif;
  font-stretch: 78%;
  letter-spacing: -0.025em;
}
.s146 {
  font:
    500 18px/1.65 'Archivo',
    sans-serif;
  color: #3d4766;
  max-width: 520px;
}
.s147 {
  margin-top: 64px;
  display: grid;
  grid-template-columns: minmax(260px, 320px) 110px minmax(0, 1fr);
  align-items: center;
}
.s148 {
  display: flex;
  flex-direction: column;
  gap: 22px;
  height: 480px;
  justify-content: center;
}
.s149 {
  display: block;
  padding: 18px 20px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dfe4f0;
  text-decoration: none;
  color: #0f1730;
}
.s150 {
  display: flex;
  align-items: center;
  gap: 10px;
  font:
    700 16px/1.2 'Archivo',
    sans-serif;
}
.s151 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #eaf0ff;
  color: #2f5bea;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s152 {
  display: block;
  margin-top: 8px;
  font:
    500 13.5px/1.5 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s153 {
  display: block;
  padding: 18px 20px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dfe4f0;
  text-decoration: none;
  color: #0f1730;
  margin-left: 24px;
}
.s154 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #e7f6ee;
  color: #1f9d55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s155 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #f1ecff;
  color: #6d3df0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s156 {
  display: block;
}
.s157 {
  position: relative;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #dfe4f0;
  box-shadow: 0 40px 80px -46px rgba(15, 23, 48, 0.45);
  overflow: hidden;
}
.s158 {
  display: block;
  width: 100%;
}
.s159 {
  position: absolute;
  left: 49%;
  top: 30%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  box-shadow: 0 8px 18px -8px rgba(15, 23, 48, 0.6);
}
.s160 {
  position: absolute;
  left: 66%;
  top: 52%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  box-shadow: 0 8px 18px -8px rgba(15, 23, 48, 0.6);
}
.s161 {
  position: absolute;
  left: 62%;
  top: 65%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  box-shadow: 0 8px 18px -8px rgba(15, 23, 48, 0.6);
}
.s162 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4f7cff;
}
.s163 {
  position: relative;
  padding: 110px 0;
  background: #fff;
  border-top: 1px solid #e6e9f2;
  border-bottom: 1px solid #e6e9f2;
}
.s164 {
  position: absolute;
  top: 116px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0f1730;
}
.s165 {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}
.s166 {
  font:
    700 22px/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
  color: #0f1730;
}
.s167 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font:
    700 16px/1 'Archivo',
    sans-serif;
  color: #0f1730;
  text-decoration: none;
}
.s168 {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
}
.s169 {
  grid-column: span 7;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #f3f5fb;
  border: 1px solid #e3e7f1;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s170 {
  padding: 26px 28px 0;
}
.s171 {
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #2f5bea;
}
.s172 {
  margin-top: 10px;
  font:
    700 clamp(24px, 21.8px + 0.571vw, 30px)/1.05 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s173 {
  margin-top: 8px;
  max-width: 440px;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s174 {
  margin: 24px 0 0 28px;
  height: 300px;
  overflow: hidden;
  border-radius: 14px 0 0 0;
  border: 1px solid #dfe4f0;
  border-right: 0;
  border-bottom: 0;
}
.s175 {
  display: block;
  width: 150%;
  max-width: none;
  margin-left: -26%;
  margin-top: -3%;
}
.s176 {
  grid-column: span 5;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #eef8f2;
  border: 1px solid #d8eee1;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s177 {
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #157a43;
}
.s178 {
  margin-top: 8px;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #3f5a4a;
}
.s179 {
  margin: 24px 28px 0;
  height: 300px;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  border: 1px solid #d1e6d9;
  border-bottom: 0;
}
.s180 {
  display: block;
  width: 190%;
  max-width: none;
  margin-left: -62%;
  margin-top: -6%;
}
.s181 {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #eef2fe;
  border: 1px solid #dbe3fb;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s182 {
  padding: 24px 26px 0;
}
.s183 {
  margin-top: 10px;
  font:
    700 24px/1.1 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s184 {
  margin: 22px auto 0;
  width: 210px;
  height: 250px;
  overflow: hidden;
  border-radius: 28px 28px 0 0;
  border: 7px solid #0f1222;
  border-bottom: 0;
}
.s185 {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #f4f0ff;
  border: 1px solid #e4dbfd;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s186 {
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5b2fd6;
}
.s187 {
  margin: 22px 26px 26px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.s188 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4dbfd;
}
.s189 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #7c4dff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s190 {
  font:
    600 13px/1.3 'Archivo',
    sans-serif;
}
.s191 {
  font-weight: 500;
  color: #6a6390;
}
.s192 {
  align-self: flex-end;
  max-width: 88%;
  padding: 9px 12px;
  border-radius: 12px 4px 12px 12px;
  background: #7c4dff;
  color: #fff;
  font:
    500 13px/1.45 'Archivo',
    sans-serif;
}
.s193 {
  align-self: flex-start;
  max-width: 88%;
  padding: 9px 12px;
  border-radius: 4px 12px 12px 12px;
  background: #fff;
  color: #1d2440;
  font:
    500 13px/1.45 'Archivo',
    sans-serif;
  border: 1px solid #e4dbfd;
}
.s194 {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #fff6ec;
  border: 1px solid #f6e3cd;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s195 {
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #a24a07;
}
.s196 {
  margin: 22px 0 0 26px;
  height: 250px;
  overflow: hidden;
  border-radius: 14px 0 0 0;
  border: 1px solid #f0dcc4;
  border-right: 0;
  border-bottom: 0;
}
.s197 {
  display: block;
  width: 230%;
  max-width: none;
  margin-left: -38%;
  margin-top: -26%;
}
.s198 {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e3e7f1;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s199 {
  margin: 22px 0 0 26px;
  height: 200px;
  overflow: hidden;
  border-radius: 14px 0 0 0;
  border: 1px solid #e3e7f1;
  border-right: 0;
  border-bottom: 0;
}
.s200 {
  display: block;
  width: 200%;
  max-width: none;
  margin-left: -38%;
  margin-top: -4%;
}
.s201 {
  display: block;
  width: 200%;
  max-width: none;
  margin-left: -38%;
  margin-top: -14%;
}
.s202 {
  margin: 22px 26px 0;
  height: 200px;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  border: 6px solid #0f1222;
  border-bottom: 0;
}
.s203 {
  position: relative;
  padding: 110px 0;
}
.s204 {
  color: #2f5bea;
}
.s205 {
  position: relative;
  margin-top: 64px;
}
.s206 {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.s207 {
  height: 2px;
  background: #2f5bea;
  opacity: 0.5;
}
.s208 {
  height: 2px;
  background: #1f9d55;
  opacity: 0.5;
}
.s209 {
  height: 2px;
  background: #7c4dff;
  opacity: 0.5;
}
.s210 {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 20px;
}
.s211 {
  padding: 0 22px 26px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e3e7f1;
}
.s212 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin-top: -6px;
  border-radius: 50%;
  background: #0f1730;
  color: #fff;
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  transform: translateY(-4px);
}
.s213 {
  margin-top: 14px;
  font:
    700 24px/1.15 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s214 {
  margin-top: 10px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s215 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin-top: -6px;
  border-radius: 50%;
  background: #1f9d55;
  color: #fff;
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  transform: translateY(-4px);
}
.s216 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin-top: -6px;
  border-radius: 50%;
  background: #7c4dff;
  color: #fff;
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  transform: translateY(-4px);
}
.s217 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin-top: -6px;
  border-radius: 50%;
  background: #2f5bea;
  color: #fff;
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  transform: translateY(-4px);
}
.s218 {
  position: absolute;
  top: 116px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #0f1730;
  border: 2px solid #0f1730;
}
.s219 {
  margin-top: 60px;
  border-radius: 22px;
  border: 1px solid #e1e6f0;
  overflow: hidden;
}
.s220 {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  background: #f4f5fb;
}
.s221 {
  padding: 28px 0 0 24px;
  border-right: 1px solid #e1e6f0;
}
.s222 {
  display: block;
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  font-variant-numeric: tabular-nums;
}
.s223 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font:
    600 12px/1 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s224 {
  padding: 22px 24px;
}
.s225 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 20px;
  align-items: center;
  padding: 22px 24px;
  border-radius: 16px;
  background: #e9f7ef;
  border: 1px solid #cdebd9;
}
.s226 {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff;
  color: #157a43;
  font:
    700 11px/1 'Archivo',
    sans-serif;
}
.s227 {
  margin-top: 12px;
  font:
    700 clamp(21px, 19.1px + 0.476vw, 26px)/1.1 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s228 {
  margin-top: 8px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #3f5a4a;
}
.s229 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font:
    500 13px/1.45 'Archivo',
    sans-serif;
}
.s230 {
  align-self: flex-start;
  max-width: 80%;
  padding: 8px 11px;
  border-radius: 4px 12px 12px 12px;
  background: #fff;
  color: #1d2440;
}
.s231 {
  align-self: flex-end;
  max-width: 84%;
  padding: 8px 11px;
  border-radius: 12px 4px 12px 12px;
  background: #d4f5d0;
  color: #1d2440;
}
.s232 {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #157a43;
  color: #fff;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s233 {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  height: 34px;
  background: repeating-linear-gradient(135deg, #f4f5fb 0 8px, #eceff7 8px 16px);
  border-top: 1px solid #e1e6f0;
  border-bottom: 1px solid #e1e6f0;
}
.s234 {
  align-self: center;
  padding-left: 24px;
  font:
    600 12px/1 'Archivo',
    sans-serif;
  color: #6b7390;
}
.s235 {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  background: #fff;
}
.s236 {
  display: block;
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
}
.s237 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font:
    600 12px/1 'Archivo',
    sans-serif;
  color: #a2600c;
}
.s238 {
  padding: 22px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 20px;
}
.s239 {
  padding: 22px 24px;
  border-radius: 16px;
  background: #eef2fe;
  border: 1px solid #d8e1fb;
}
.s240 {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff;
  color: #2f5bea;
  font:
    700 11px/1 'Archivo',
    sans-serif;
}
.s241 {
  margin-top: 8px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s242 {
  padding: 22px 24px;
  border-radius: 16px;
  background: #f3f5fb;
  border: 1px solid #e3e7f1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.s243 {
  font:
    700 13px/1 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s244 {
  padding: 12px 14px;
  border-radius: 12px 4px 12px 12px;
  background: #d9fdd3;
  font:
    500 14px/1.55 'Archivo',
    sans-serif;
  color: #1d2440;
}
.s245 {
  font:
    500 13px/1.4 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s246 {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  background: #fff;
  border-top: 1px solid #eceff6;
}
.s247 {
  padding: 22px 24px;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(300px, 1.3fr);
  gap: 20px;
  align-items: center;
}
.s248 {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef2fe;
  color: #2f5bea;
  font:
    700 11px/1 'Archivo',
    sans-serif;
}
.s249 {
  height: 230px;
  overflow: hidden;
  border-radius: 14px;
  border: 6px solid #0f1222;
}
.s250 {
  display: block;
  width: 150%;
  max-width: none;
  margin-left: -50%;
}
.s251 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 20px;
  align-items: center;
  padding: 22px 24px;
  border-radius: 16px;
  background: #f4f0ff;
  border: 1px solid #e4dbfd;
}
.s252 {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff;
  color: #5b2fd6;
  font:
    700 11px/1 'Archivo',
    sans-serif;
}
.s253 {
  margin-top: 8px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #4a4470;
}
.s254 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.s255 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4dbfd;
}
.s256 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #7c4dff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s257 {
  flex: 1;
  font:
    600 13px/1.35 'Archivo',
    sans-serif;
}
.s258 {
  font-weight: 500;
  color: #5e5880;
}
.s259 {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 24px;
}
.s260 {
  width: 3px;
  height: 10px;
  background: #b9a5ff;
  border-radius: 2px;
}
.s261 {
  width: 3px;
  height: 20px;
  background: #7c4dff;
  border-radius: 2px;
}
.s262 {
  width: 3px;
  height: 14px;
  background: #7c4dff;
  border-radius: 2px;
}
.s263 {
  width: 3px;
  height: 22px;
  background: #7c4dff;
  border-radius: 2px;
}
.s264 {
  width: 3px;
  height: 8px;
  background: #b9a5ff;
  border-radius: 2px;
}
.s265 {
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e4dbfd;
  font:
    500 13px/1.5 'Archivo',
    sans-serif;
  color: #3d3866;
}
.s266 {
  padding: 22px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 20px;
  align-items: center;
}
.s267 {
  padding: 22px 24px;
  border-radius: 16px;
  background: #fff4ea;
  border: 1px solid #f6e0c7;
}
.s268 {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff;
  color: #a24a07;
  font:
    700 11px/1 'Archivo',
    sans-serif;
}
.s269 {
  margin-top: 8px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #5c4a3a;
}
.s270 {
  height: 200px;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #e3e7f1;
}
.s271 {
  display: block;
  width: 180%;
  max-width: none;
  margin-left: -55%;
  margin-top: -46%;
}
.s272 {
  align-self: flex-end;
  max-width: 90%;
  padding: 11px 13px;
  border-radius: 12px 4px 12px 12px;
  background: #d4f5d0;
  font:
    500 14px/1.55 'Archivo',
    sans-serif;
  color: #1d2440;
}
.s273 {
  align-self: flex-end;
  display: flex;
  gap: 3px;
  color: #e9a400;
}
.s274 {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  background: #f4f5fb;
  border-top: 1px solid #e1e6f0;
}
.s275 {
  padding: 28px 0 28px 24px;
  border-right: 1px solid #e1e6f0;
}
.s276 {
  padding: 28px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.s277 {
  max-width: 640px;
  font:
    500 16px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s278 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font:
    700 15px/1 'Archivo',
    sans-serif;
  color: #0f1730;
  text-decoration: none;
}
.s279 {
  list-style: none;
  margin: 56px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 14px;
}
.s280 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
  box-sizing: border-box;
  padding: 22px;
  border-radius: 18px;
  background: #0f1730;
  border: 1px solid #0f1730;
  color: #fff;
  text-decoration: none;
}
.s281 {
  font:
    700 20px/1.15 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s282 {
  font:
    500 13.5px/1.5 'Archivo',
    sans-serif;
  color: #c6cde3;
}
.s283 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
  box-sizing: border-box;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e3e7f1;
  color: #0f1730;
  text-decoration: none;
}
.s284 {
  font:
    500 13.5px/1.5 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s285 {
  max-width: 420px;
  font:
    500 16px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s286 {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 20px;
  align-items: stretch;
}
.s287 {
  display: flex;
  flex-direction: column;
  padding: 30px 28px;
  border-radius: 22px;
  background: #f6f7fb;
  border: 1px solid #e3e7f1;
}
.s288 {
  font:
    700 clamp(21px, 19.1px + 0.476vw, 26px)/1 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s289 {
  margin-top: 8px;
  font:
    500 14.5px/1.5 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s290 {
  margin-top: 24px;
  font:
    800 clamp(32px, 24.6px + 1.905vw, 52px)/1 'Archivo',
    sans-serif;
  font-stretch: 78%;
}
.s291 {
  font:
    500 15px/1 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s292 {
  list-style: none;
  margin: 24px 0 28px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font:
    500 15px/1.45 'Archivo',
    sans-serif;
  color: #1d2440;
}
.s293 {
  display: flex;
  gap: 10px;
}
.s294 {
  flex: none;
  margin-top: 2px;
}
.s295 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 14px;
  background: #fff;
  border: 1.5px solid #cdd4e6;
  color: #0f1730;
  font:
    700 15px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s296 {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 28px;
  border-radius: 22px;
  background: #fff;
  border: 2px solid #2f5bea;
  box-shadow: 0 34px 60px -36px rgba(47, 91, 234, 0.55);
}
.s297 {
  position: absolute;
  top: -14px;
  left: 28px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #2f5bea;
  color: #fff;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s298 {
  margin-top: 24px;
  font:
    800 clamp(32px, 24.6px + 1.905vw, 52px)/1 'Archivo',
    sans-serif;
  font-stretch: 78%;
  color: #2f5bea;
}
.s299 {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 14px;
  background: #2f5bea;
  color: #fff;
  font:
    700 15px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s300 {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 22px;
  border-radius: 16px;
  border: 1px dashed #c3cadc;
}
.s301 {
  font:
    500 15px/1.5 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s302 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font:
    700 15px/1 'Archivo',
    sans-serif;
  color: #2f5bea;
  text-decoration: none;
}
.s303 {
  position: relative;
  padding: 110px 0;
  background: #eef2fe;
}
.s304 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
  gap: 48px 64px;
  align-items: start;
}
.s305 {
  display: flex;
  align-items: center;
  gap: 12px;
  font:
    600 14px/1.3 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s306 {
  width: 28px;
  height: 1px;
  background: #aebbe0;
}
.s307 {
  margin-top: 22px;
  max-width: 480px;
  font:
    500 17px/1.65 'Archivo',
    sans-serif;
  color: #2f3a5c;
}
.s308 {
  margin-top: 34px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #d6dff8;
}
.s309 {
  font:
    700 14px/1 'Archivo',
    sans-serif;
  color: #0f1730;
}
.s310 {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
}
.s311 {
  height: 40px;
  border-radius: 8px;
  background: #7c4dff;
}
.s312 {
  height: 40px;
  border-radius: 8px;
  background: #8a61ff;
}
.s313 {
  height: 40px;
  border-radius: 8px;
  background: #9875ff;
}
.s314 {
  height: 40px;
  border-radius: 8px;
  background: #a689ff;
}
.s315 {
  height: 40px;
  border-radius: 8px;
  background: #b49dff;
}
.s316 {
  height: 40px;
  border-radius: 8px;
  background: #c2b1ff;
}
.s317 {
  height: 40px;
  border-radius: 8px;
  background: #d0c5ff;
}
.s318 {
  height: 40px;
  border-radius: 8px;
  border: 1.5px dashed #a9b3cc;
  box-sizing: border-box;
}
.s319 {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  font:
    600 12px/1 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s320 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 14px;
}
.s321 {
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #d6dff8;
}
.s322 {
  margin-top: 12px;
  font:
    700 19px/1.2 'Archivo',
    sans-serif;
  font-stretch: 88%;
}
.s323 {
  margin-top: 6px;
  font:
    500 14px/1.55 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s324 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: 40px 64px;
  align-items: start;
}
.s325 {
  margin-top: 22px;
  font:
    500 16px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s326 {
  font-weight: 700;
}
.s327 {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.s328 {
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e3e7f1;
}
.s329 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 20px 22px;
  font:
    700 17px/1.35 'Archivo',
    sans-serif;
  color: #0f1730;
}
.s330 {
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eef2fe;
  color: #2f5bea;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    600 22px/1 'Archivo',
    sans-serif;
}
.s331 {
  padding: 0 22px 22px;
  font:
    500 15.5px/1.65 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s332 {
  position: relative;
  padding: 120px 0 130px;
  background: #fff;
}
.s333 {
  position: absolute;
  top: 126px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #2f5bea;
  border: 2px solid #0f1730;
}
.s334 {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
.s335 {
  position: absolute;
  right: 0;
  top: -60px;
  font:
    800 clamp(150px, 94.3px + 14.286vw, 300px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  letter-spacing: -0.05em;
  color: transparent;
  -webkit-text-stroke: 2px #dfe5f5;
}
.s336 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 10px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    700 15px/1 'Archivo',
    sans-serif;
}
.s337 {
  margin-top: 28px;
  max-width: 900px;
  font:
    800 clamp(60px, 46.6px + 3.429vw, 96px)/0.9 'Archivo',
    sans-serif;
  font-stretch: 75%;
  letter-spacing: -0.03em;
}
.s338 {
  margin-top: 28px;
  max-width: 560px;
  font:
    500 18px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s339 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
}
.s340 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 120px;
}
.s341 {
  height: 3px;
  border-radius: 3px;
  background: #2f5bea;
}
.s342 {
  height: 3px;
  border-radius: 3px;
  background: #1f9d55;
}
.s343 {
  height: 3px;
  border-radius: 3px;
  background: #7c4dff;
}
.s344 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 60px;
  padding: 0 30px;
  border-radius: 16px;
  background: #2f5bea;
  color: #fff;
  font:
    700 17px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s345 {
  display: inline-flex;
  align-items: center;
  min-height: 60px;
  padding: 0 26px;
  border-radius: 16px;
  background: #fff;
  border: 1.5px solid #cdd4e6;
  color: #0f1730;
  font:
    700 17px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s346 {
  position: relative;
  z-index: 2;
  background: #0f1222;
  color: #c6cde3;
}
.s347 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 24px 0;
}
.s348 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
  gap: 40px 32px;
}
.s349 {
  grid-column: span 2;
  min-width: 0;
}
.s350 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.s351 {
  font:
    700 21px/1 'Archivo',
    sans-serif;
  color: #fff;
}
.s352 {
  margin-top: 18px;
  max-width: 340px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #aab3cf;
}
.s353 {
  margin-top: 18px;
}
.s354 {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font:
    600 15px/1 'Archivo',
    sans-serif;
  color: #fff;
  text-decoration: none;
}
.s355 {
  margin-top: 14px;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8790ad;
}
.s356 {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.s357 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  border-radius: 12px;
  border: 1px solid #2c3352;
  color: #fff;
}
.s358 {
  font:
    600 13px/1.2 'Archivo',
    sans-serif;
}
.s359 {
  font-weight: 500;
  color: #8790ad;
  font-size: 11px;
}
.s360 {
  font:
    700 13px/1 'Archivo',
    sans-serif;
  color: #fff;
}
.s361 {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font:
    500 14.5px/1 'Archivo',
    sans-serif;
}
.s362 {
  display: flex;
  align-items: center;
  min-height: 36px;
  color: #aab3cf;
  text-decoration: none;
}
.s363 {
  margin-top: 56px;
  padding: 22px 0;
  border-top: 1px solid #232a45;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font:
    500 13.5px/1.4 'Archivo',
    sans-serif;
  color: #8790ad;
}
.s364 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
}
.s365 {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #aab3cf;
  text-decoration: none;
}
.s366 {
  padding: 18px 0 28px;
  border-top: 1px solid #232a45;
  text-align: center;
  font:
    500 13.5px/1 'Archivo',
    sans-serif;
  color: #aab3cf;
}
.s367 {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#eef1f8 1px, transparent 1px);
  background-size: 100% 64px;
}
.s368 {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 24px 72px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
  gap: 48px 64px;
  align-items: end;
}
.s369 {
  font:
    600 13px/1 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s370 {
  color: #5a6383;
  text-decoration: none;
}
.s371 {
  margin-top: 26px;
  font:
    800 clamp(57px, 44px + 3.333vw, 92px)/0.9 'Archivo',
    sans-serif;
  font-stretch: 76%;
  letter-spacing: -0.03em;
}
.s372 {
  margin-top: 28px;
  max-width: 520px;
  font:
    500 19px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s373 {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 20px;
  border: 1px solid #e1e6f0;
  background: #f6f7fb;
  overflow: hidden;
}
.s374 {
  display: grid;
  grid-template-columns: 150px 1fr auto;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 0 22px;
  border-bottom: 1px solid #e1e6f0;
  text-decoration: none;
  color: #0f1730;
}
.s375 {
  font:
    800 24px/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
}
.s376 {
  display: block;
  font:
    700 17px/1.2 'Archivo',
    sans-serif;
}
.s377 {
  display: block;
  margin-top: 3px;
  font:
    500 13.5px/1.4 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s378 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2f5bea;
}
.s379 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1f9d55;
}
.s380 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #7c4dff;
}
.s381 {
  display: grid;
  grid-template-columns: 150px 1fr auto;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 0 22px;
  text-decoration: none;
  color: #0f1730;
}
.s382 {
  position: relative;
  padding: 110px 0 40px;
}
.s383 {
  padding: 30px 0 80px;
}
.s384 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
  gap: 48px 64px;
  align-items: center;
}
.s385 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eaf0ff;
  color: #2f5bea;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s386 {
  margin-top: 16px;
  font:
    800 clamp(34px, 28.8px + 1.333vw, 48px)/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
  letter-spacing: -0.02em;
}
.s387 {
  margin-top: 14px;
  font:
    500 17px/1.65 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s388 {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 10px;
}
.s389 {
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e3e7f1;
  font:
    500 14.5px/1.5 'Archivo',
    sans-serif;
  color: #1d2440;
}
.s390 {
  color: #5a6383;
}
.s391 {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #0f1730;
  color: #dfe5f7;
  font:
    500 13px/1.5 ui-monospace,
    'SFMono-Regular',
    Menlo,
    monospace;
  overflow-x: auto;
}
.s392 {
  color: #8fb0ff;
}
.s393 {
  position: relative;
  height: 520px;
}
.s394 {
  position: absolute;
  left: 60px;
  right: -40px;
  top: 20px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dfe4f0;
  box-shadow: 0 40px 80px -46px rgba(15, 23, 48, 0.45);
  overflow: hidden;
}
.s395 {
  display: block;
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: top;
}
.s396 {
  position: absolute;
  left: 0;
  top: 150px;
  width: 200px;
  height: 360px;
  padding: 7px;
  border-radius: 32px;
  background: #0f1222;
  box-shadow: 0 40px 60px -30px rgba(15, 23, 48, 0.55);
}
.s397 {
  height: 100%;
  border-radius: 26px;
  overflow: hidden;
}
.s398 {
  position: absolute;
  right: -20px;
  bottom: 0;
  list-style: none;
  margin: 0;
  padding: 10px;
  display: flex;
  gap: 6px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e1e6f0;
  box-shadow: 0 20px 40px -24px rgba(15, 23, 48, 0.45);
  font:
    700 12.5px/1 'Archivo',
    sans-serif;
}
.s399 {
  padding: 9px 11px;
  border-radius: 10px;
  background: #2f5bea;
  color: #fff;
}
.s400 {
  padding: 9px 11px;
  border-radius: 10px;
  background: #eef2fe;
  color: #2f5bea;
}
.s401 {
  padding: 80px 0;
  background: #fff;
  border-top: 1px solid #e6e9f2;
  border-bottom: 1px solid #e6e9f2;
}
.s402 {
  border-radius: 24px;
  background: #efeae2;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font:
    500 14px/1.5 'Archivo',
    sans-serif;
}
.s403 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -26px -26px 10px;
  padding: 16px 22px;
  border-radius: 24px 24px 0 0;
  background: #127c5e;
  color: #fff;
}
.s404 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  color: #127c5e;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s405 {
  font:
    600 15px/1.25 'Archivo',
    sans-serif;
}
.s406 {
  font-weight: 500;
  font-size: 12px;
  opacity: 0.85;
}
.s407 {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 78%;
  padding: 10px 12px;
  border-radius: 4px 14px 14px 14px;
  background: #fff;
  color: #1d2440;
}
.s408 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1f9d55;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s409 {
  display: flex;
  align-items: center;
  gap: 2px;
}
.s410 {
  width: 3px;
  height: 8px;
  background: #7fbf98;
  border-radius: 2px;
}
.s411 {
  width: 3px;
  height: 16px;
  background: #7fbf98;
  border-radius: 2px;
}
.s412 {
  width: 3px;
  height: 12px;
  background: #7fbf98;
  border-radius: 2px;
}
.s413 {
  width: 3px;
  height: 20px;
  background: #7fbf98;
  border-radius: 2px;
}
.s414 {
  width: 3px;
  height: 10px;
  background: #7fbf98;
  border-radius: 2px;
}
.s415 {
  width: 3px;
  height: 14px;
  background: #7fbf98;
  border-radius: 2px;
}
.s416 {
  width: 3px;
  height: 6px;
  background: #7fbf98;
  border-radius: 2px;
}
.s417 {
  width: 3px;
  height: 9px;
  background: #7fbf98;
  border-radius: 2px;
}
.s418 {
  font-size: 12px;
  color: #5a6383;
}
.s419 {
  align-self: flex-end;
  max-width: 80%;
  padding: 10px 12px;
  border-radius: 14px 4px 14px 14px;
  background: #d9fdd3;
  color: #1d2440;
}
.s420 {
  display: block;
  font:
    700 11px/1.4 'Archivo',
    sans-serif;
  color: #127c5e;
}
.s421 {
  align-self: flex-start;
  max-width: 70%;
  padding: 10px 12px;
  border-radius: 4px 14px 14px 14px;
  background: #fff;
  color: #1d2440;
}
.s422 {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  color: #157a43;
}
.s423 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e7f6ee;
  color: #157a43;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s424 {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font:
    500 15.5px/1.5 'Archivo',
    sans-serif;
  color: #1d2440;
}
.s425 {
  display: flex;
  gap: 12px;
}
.s426 {
  padding: 80px 0 110px;
}
.s427 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f1ecff;
  color: #5b2fd6;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s428 {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 10px;
}
.s429 {
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e3e7f1;
}
.s430 {
  font:
    700 12px/1 'Archivo',
    sans-serif;
  color: #5b2fd6;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.s431 {
  margin-top: 8px;
  font:
    500 14px/1.5 'Archivo',
    sans-serif;
}
.s432 {
  position: relative;
  padding: 28px;
  border-radius: 24px;
  background: #f4f0ff;
  border: 1px solid #e4dbfd;
}
.s433 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e4dbfd;
}
.s434 {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #7c4dff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    700 16px/1 'Archivo',
    sans-serif;
}
.s435 {
  flex: 1;
}
.s436 {
  display: block;
  margin-top: 4px;
  font:
    500 13px/1.3 'Archivo',
    sans-serif;
  color: #6a6390;
}
.s437 {
  padding: 6px 10px;
  border-radius: 999px;
  background: #f1ecff;
  color: #5b2fd6;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s438 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 70px;
  margin: 18px 0;
}
.s439 {
  width: 4px;
  height: 12px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s440 {
  width: 4px;
  height: 26px;
  border-radius: 3px;
  background: #9b7dff;
}
.s441 {
  width: 4px;
  height: 44px;
  border-radius: 3px;
  background: #7c4dff;
}
.s442 {
  width: 4px;
  height: 30px;
  border-radius: 3px;
  background: #7c4dff;
}
.s443 {
  width: 4px;
  height: 58px;
  border-radius: 3px;
  background: #7c4dff;
}
.s444 {
  width: 4px;
  height: 36px;
  border-radius: 3px;
  background: #7c4dff;
}
.s445 {
  width: 4px;
  height: 20px;
  border-radius: 3px;
  background: #9b7dff;
}
.s446 {
  width: 4px;
  height: 48px;
  border-radius: 3px;
  background: #7c4dff;
}
.s447 {
  width: 4px;
  height: 64px;
  border-radius: 3px;
  background: #7c4dff;
}
.s448 {
  width: 4px;
  height: 40px;
  border-radius: 3px;
  background: #7c4dff;
}
.s449 {
  width: 4px;
  height: 24px;
  border-radius: 3px;
  background: #9b7dff;
}
.s450 {
  width: 4px;
  height: 52px;
  border-radius: 3px;
  background: #7c4dff;
}
.s451 {
  width: 4px;
  height: 30px;
  border-radius: 3px;
  background: #9b7dff;
}
.s452 {
  width: 4px;
  height: 14px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s453 {
  width: 4px;
  height: 34px;
  border-radius: 3px;
  background: #9b7dff;
}
.s454 {
  width: 4px;
  height: 20px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s455 {
  width: 4px;
  height: 10px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s456 {
  width: 4px;
  height: 26px;
  border-radius: 3px;
  background: #b9a5ff;
}
.s457 {
  width: 4px;
  height: 12px;
  border-radius: 3px;
  background: #d0c5ff;
}
.s458 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font:
    500 14px/1.5 'Archivo',
    sans-serif;
}
.s459 {
  align-self: flex-start;
  max-width: 82%;
  padding: 10px 13px;
  border-radius: 4px 14px 14px 14px;
  background: #7c4dff;
  color: #fff;
}
.s460 {
  font-size: 11px;
  display: block;
  opacity: 0.85;
}
.s461 {
  align-self: flex-end;
  max-width: 82%;
  padding: 10px 13px;
  border-radius: 14px 4px 14px 14px;
  background: #fff;
  border: 1px solid #e4dbfd;
}
.s462 {
  font-size: 11px;
  display: block;
  color: #6a6390;
}
.s463 {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px dashed #b9a5ff;
  font:
    500 13.5px/1.5 'Archivo',
    sans-serif;
  color: #3d3866;
}
.s464 {
  font:
    500 18px/1.65 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s465 {
  margin-top: 56px;
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
  gap: 20px;
  align-items: stretch;
}
.s466 {
  position: relative;
  border-radius: 22px;
  background: #f3f5fb;
  border: 1px solid #e3e7f1;
  overflow: hidden;
  padding: 28px 0 0 28px;
}
.s467 {
  display: block;
  width: 118%;
  max-width: none;
  border-radius: 12px 0 0 0;
  border: 1px solid #dfe4f0;
  box-shadow: 0 30px 60px -40px rgba(15, 23, 48, 0.5);
}
.s468 {
  position: absolute;
  right: 24px;
  top: 24px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    700 12px/1 'Archivo',
    sans-serif;
}
.s469 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 8px 8px 12px;
}
.s470 {
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
  letter-spacing: -0.02em;
}
.s471 {
  margin-top: 14px;
  font:
    500 16px/1.65 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s472 {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 20px;
}
.s473 {
  border-radius: 22px;
  background: #f3f5fb;
  border: 1px solid #e3e7f1;
  overflow: hidden;
}
.s474 {
  font:
    700 clamp(21px, 19.1px + 0.476vw, 26px)/1.1 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s475 {
  margin-top: 8px;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s476 {
  margin: 20px 0 0 26px;
  height: 250px;
  overflow: hidden;
  border-radius: 12px 0 0 0;
  border: 1px solid #dfe4f0;
  border-right: 0;
  border-bottom: 0;
}
.s477 {
  display: block;
  width: 170%;
  max-width: none;
  margin-left: -32%;
  margin-top: -6%;
}
.s478 {
  display: block;
  width: 170%;
  max-width: none;
  margin-left: -32%;
  margin-top: -4%;
}
.s479 {
  display: block;
  width: 170%;
  max-width: none;
  margin-left: -32%;
  margin-top: -2%;
}
.s480 {
  margin: 20px 26px 0;
  height: 250px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  border: 6px solid #0f1222;
  border-bottom: 0;
}
.s481 {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: left top;
}
.s482 {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 14px;
}
.s483 {
  padding: 22px;
  border-radius: 18px;
  border: 1px solid #e3e7f1;
  background: #fff;
}
.s484 {
  font:
    700 19px/1.2 'Archivo',
    sans-serif;
  font-stretch: 88%;
}
.s485 {
  margin-top: 56px;
  position: relative;
}
.s486 {
  position: absolute;
  left: 0;
  right: 0;
  top: 27px;
  height: 2px;
  background: #d6dcea;
}
.s487 {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 20px;
}
.s488 {
  display: inline-flex;
  align-items: center;
  height: 56px;
  padding: 0 18px;
  border-radius: 999px;
  background: #0f1730;
  color: #fff;
  font:
    800 22px/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
}
.s489 {
  margin-top: 18px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e3e7f1;
}
.s490 {
  font:
    700 22px/1.15 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s491 {
  margin-top: 8px;
  font:
    500 14.5px/1.55 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s492 {
  margin-top: 14px;
  padding: 11px 13px;
  border-radius: 12px 4px 12px 12px;
  background: #d9fdd3;
  font:
    500 13.5px/1.5 'Archivo',
    sans-serif;
}
.s493 {
  display: inline-flex;
  align-items: center;
  height: 56px;
  padding: 0 18px;
  border-radius: 999px;
  background: #2f5bea;
  color: #fff;
  font:
    800 22px/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
}
.s494 {
  display: inline-flex;
  align-items: center;
  height: 56px;
  padding: 0 18px;
  border-radius: 999px;
  background: #c25a0c;
  color: #fff;
  font:
    800 22px/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
}
.s495 {
  display: inline-flex;
  align-items: center;
  height: 56px;
  padding: 0 18px;
  border-radius: 999px;
  background: #7c4dff;
  color: #fff;
  font:
    800 22px/1 'Archivo',
    sans-serif;
  font-stretch: 80%;
}
.s496 {
  margin-top: 28px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e3e7f1;
  overflow: hidden;
  height: 360px;
}
.s497 {
  display: block;
  width: 100%;
  margin-top: -1%;
}
.s498 {
  position: relative;
  padding: 100px 0;
  background: #eef2fe;
}
.s499 {
  position: absolute;
  top: 106px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0f1730;
}
.s500 {
  list-style: none;
  margin: 48px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 14px;
}
.s501 {
  padding: 110px 0;
  background: #fff;
}
.s502 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
}
.s503 {
  font:
    800 clamp(50px, 38.9px + 2.857vw, 80px)/0.92 'Archivo',
    sans-serif;
  font-stretch: 76%;
  letter-spacing: -0.03em;
}
.s504 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.s505 {
  display: inline-flex;
  align-items: center;
  min-height: 58px;
  padding: 0 28px;
  border-radius: 16px;
  background: #2f5bea;
  color: #fff;
  font:
    700 16px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s506 {
  display: inline-flex;
  align-items: center;
  min-height: 58px;
  padding: 0 24px;
  border-radius: 16px;
  background: #fff;
  border: 1.5px solid #cdd4e6;
  color: #0f1730;
  font:
    700 16px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s507 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 64px 24px 0;
}
.s508 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
}
.s509 {
  max-width: 360px;
}
.s510 {
  margin-top: 16px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #aab3cf;
}
.s511 {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.s512 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
  font:
    500 14.5px/1 'Archivo',
    sans-serif;
}
.s513 {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: #aab3cf;
  text-decoration: none;
}
.s514 {
  margin-top: 40px;
  padding: 22px 0;
  border-top: 1px solid #232a45;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font:
    500 13.5px/1.4 'Archivo',
    sans-serif;
  color: #8790ad;
}
.s515 {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 72px 24px 64px;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
}
.s516 {
  margin-top: 24px;
  font:
    800 clamp(64px, 49.1px + 3.81vw, 104px)/0.88 'Archivo',
    sans-serif;
  font-stretch: 75%;
  letter-spacing: -0.035em;
}
.s517 {
  max-width: 420px;
}
.s518 {
  font:
    500 18px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s519 {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #e7f6ee;
  color: #157a43;
  font:
    700 13px/1 'Archivo',
    sans-serif;
}
.s520 {
  position: relative;
  padding: 72px 0 40px;
}
.s521 {
  position: absolute;
  top: 96px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #0f1730;
}
.s522 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 16px;
  align-items: stretch;
}
.s523 {
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
  border-radius: 22px;
  background: transparent;
  border: 1.5px dashed #b9c3dc;
}
.s524 {
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6383;
}
.s525 {
  margin-top: 10px;
  font:
    700 clamp(22px, 19.8px + 0.571vw, 28px)/1 'Archivo',
    sans-serif;
  font-stretch: 85%;
}
.s526 {
  margin-top: 22px;
  font:
    800 clamp(40px, 31.1px + 2.286vw, 64px)/0.9 'Archivo',
    sans-serif;
  font-stretch: 75%;
}
.s527 {
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e3e7f1;
}
.s528 {
  margin-top: 22px;
  font:
    800 clamp(35px, 27.2px + 2vw, 56px)/0.9 'Archivo',
    sans-serif;
  font-stretch: 75%;
}
.s529 {
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.s530 {
  display: flex;
  justify-content: space-between;
  font:
    600 13.5px/1 'Archivo',
    sans-serif;
}
.s531 {
  margin-top: 8px;
  height: 8px;
  border-radius: 8px;
  background: #eef1f7;
}
.s532 {
  width: 25%;
  height: 8px;
  border-radius: 8px;
  background: #1f9d55;
}
.s533 {
  width: 40%;
  height: 8px;
  border-radius: 8px;
  background: #4f7cff;
}
.s534 {
  display: flex;
  justify-content: space-between;
  font:
    600 13.5px/1 'Archivo',
    sans-serif;
  color: #8a91a8;
}
.s535 {
  list-style: none;
  margin: 22px 0 26px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
  font:
    500 14.5px/1.45 'Archivo',
    sans-serif;
}
.s536 {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
  border-radius: 22px;
  background: #fff;
  border: 2px solid #2f5bea;
  box-shadow: 0 34px 60px -36px rgba(47, 91, 234, 0.55);
}
.s537 {
  position: absolute;
  left: 24px;
  right: 24px;
  top: -2px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.s538 {
  height: 3px;
  background: #2f5bea;
}
.s539 {
  height: 3px;
  background: #1f9d55;
}
.s540 {
  height: 3px;
  background: #7c4dff;
}
.s541 {
  margin-top: 22px;
  font:
    800 clamp(35px, 27.2px + 2vw, 56px)/0.9 'Archivo',
    sans-serif;
  font-stretch: 75%;
  color: #2f5bea;
}
.s542 {
  margin-top: 10px;
  font:
    600 13.5px/1.4 'Archivo',
    sans-serif;
  color: #1f9d55;
}
.s543 {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: #1f9d55;
}
.s544 {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: #4f7cff;
}
.s545 {
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: #7c4dff;
}
.s546 {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.s547 {
  height: 46px;
  border-radius: 10px;
  background: #eef2fe;
  border: 1px solid #d8e1fb;
}
.s548 {
  height: 46px;
  border-radius: 10px;
  border: 1.5px dashed #b9c3dc;
}
.s549 {
  margin-top: 8px;
  font:
    600 12.5px/1.4 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s550 {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 24px;
  align-items: center;
  padding: 28px 30px;
  border-radius: 22px;
  background: #eef2fe;
  border: 1px solid #d8e1fb;
}
.s551 {
  margin-top: 10px;
  font:
    800 clamp(28px, 23.5px + 1.143vw, 40px)/0.95 'Archivo',
    sans-serif;
  font-stretch: 78%;
}
.s552 {
  margin-top: 12px;
  font:
    700 18px/1.3 'Archivo',
    sans-serif;
}
.s553 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  font:
    600 14.5px/1.4 'Archivo',
    sans-serif;
}
.s554 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  background: #fff;
}
.s555 {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #0f1730;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    800 13px/1 'Archivo',
    sans-serif;
}
.s556 {
  position: relative;
  padding: 90px 0 100px;
}
.s557 {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}
.s558 {
  font:
    800 clamp(45px, 35px + 2.571vw, 72px)/0.95 'Archivo',
    sans-serif;
  font-stretch: 78%;
  letter-spacing: -0.025em;
}
.s559 {
  max-width: 380px;
  font:
    500 16px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s560 {
  margin-top: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0 22px 14px;
  font:
    700 15px/1.2 'Archivo',
    sans-serif;
  font-stretch: 88%;
}
.s561 {
  text-align: center;
}
.s562 {
  text-align: center;
  color: #2f5bea;
}
.s563 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.s564 {
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e3e7f1;
  overflow: hidden;
}
.s565 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 18px 22px;
}
.s566 {
  display: flex;
  align-items: center;
  gap: 12px;
  font:
    700 18px/1.2 'Archivo',
    sans-serif;
}
.s567 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #eef2fe;
  color: #2f5bea;
  font:
    800 15px/1 'Archivo',
    sans-serif;
}
.s568 {
  width: 100%;
  border-collapse: collapse;
  font:
    500 15px/1.4 'Archivo',
    sans-serif;
}
.s569 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.s570 {
  border-top: 1px solid #eceff6;
}
.s571 {
  width: 41%;
  text-align: left;
  padding: 15px 22px;
  font-weight: 600;
}
.s572 {
  text-align: center;
  background: #f7f9ff;
}
.s573 {
  text-align: left;
  padding: 15px 22px;
  font-weight: 600;
}
.s574 {
  text-align: center;
  font-weight: 700;
}
.s575 {
  text-align: center;
  font-weight: 700;
  background: #f7f9ff;
}
.s576 {
  text-align: center;
  color: #9aa3bd;
}
.s577 {
  font:
    500 14px/1 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s578 {
  padding: 0 22px 20px;
  font:
    500 15px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s579 {
  padding: 100px 0;
  background: #fff;
  border-top: 1px solid #e6e9f2;
}
.s580 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: 40px 64px;
  align-items: start;
}
.s581 {
  font:
    800 clamp(40px, 31.1px + 2.286vw, 64px)/0.95 'Archivo',
    sans-serif;
  font-stretch: 78%;
  letter-spacing: -0.025em;
}
.s582 {
  border-radius: 16px;
  background: #f6f7fb;
  border: 1px solid #e3e7f1;
}
.s583 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 20px 22px;
  font:
    700 17px/1.35 'Archivo',
    sans-serif;
}
.s584 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  font:
    600 14px/1.3 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s585 {
  margin-top: 24px;
  font:
    800 clamp(60px, 46.6px + 3.429vw, 96px)/0.9 'Archivo',
    sans-serif;
  font-stretch: 75%;
  letter-spacing: -0.03em;
}
.s586 {
  position: relative;
  padding: 72px 0 96px;
}
.s587 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 14px;
}
.s588 {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 72px 24px 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  align-items: center;
}
.s589 {
  flex: 1 1 520px;
  min-width: 0;
}
.s590 {
  color: #7c4dff;
}
.s591 {
  color: #1f9d55;
}
.s592 {
  margin-top: 28px;
  max-width: 540px;
  font:
    500 19px/1.6 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s593 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}
.s594 {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 0 26px;
  border-radius: 14px;
  background: #2f5bea;
  color: #fff;
  font:
    700 16px/1 'Archivo',
    sans-serif;
  text-decoration: none;
}
.s595 {
  flex: 1 1 440px;
  min-width: 0;
  display: flex;
  justify-content: center;
}
.s596 {
  position: relative;
  width: 400px;
  height: 560px;
}
.s597 {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 0;
  bottom: 0;
  padding: 14px;
  border-radius: 200px 200px 28px 28px;
  background: #e8ecf6;
  border: 1px solid #d6dcea;
}
.s598 {
  height: 532px;
  border-radius: 186px 186px 18px 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d6dcea;
}
.s599 {
  display: block;
  width: 100%;
  margin-top: -6px;
}
.s600 {
  position: absolute;
  left: -40px;
  top: 200px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e4dbfd;
  box-shadow: 0 24px 40px -24px rgba(15, 23, 48, 0.5);
}
.s601 {
  display: flex;
  align-items: center;
  gap: 8px;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  color: #5b2fd6;
}
.s602 {
  margin-top: 6px;
  font:
    600 13.5px/1.35 'Archivo',
    sans-serif;
}
.s603 {
  font-weight: 500;
  color: #5a6383;
}
.s604 {
  position: absolute;
  right: -50px;
  top: 360px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #cdebd9;
  box-shadow: 0 24px 40px -24px rgba(15, 23, 48, 0.5);
}
.s605 {
  display: flex;
  align-items: center;
  gap: 8px;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  color: #157a43;
}
.s606 {
  margin-top: 56px;
  border-radius: 22px;
  border: 1px solid #e1e6f0;
  background: #fff;
  overflow: hidden;
}
.s607 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 40px minmax(0, 1fr);
  gap: 0 20px;
  padding: 14px 26px;
  background: #f3f5fb;
  border-bottom: 1px solid #e1e6f0;
  font:
    700 12px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6383;
}
.s608 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 40px minmax(0, 1fr);
  gap: 0 20px;
  align-items: center;
  padding: 26px;
  border-bottom: 1px solid #eceff6;
}
.s609 {
  font:
    800 clamp(25px, 20.9px + 1.048vw, 36px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
}
.s610 {
  font:
    700 21px/1.2 'Archivo',
    sans-serif;
  font-stretch: 88%;
}
.s611 {
  margin-top: 6px;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #4a5373;
}
.s612 {
  padding: 16px 18px;
  border-radius: 14px;
  background: #f4f0ff;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #2d2850;
}
.s613 {
  color: #5b2fd6;
}
.s614 {
  padding: 16px 18px;
  border-radius: 14px;
  background: #eef2fe;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #1d2a52;
}
.s615 {
  padding: 16px 18px;
  border-radius: 14px;
  background: #e9f7ef;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #1e3a2a;
}
.s616 {
  color: #157a43;
}
.s617 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 40px minmax(0, 1fr);
  gap: 0 20px;
  align-items: center;
  padding: 26px;
}
.s618 {
  padding: 16px 18px;
  border-radius: 14px;
  background: #fff4ea;
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #4a3320;
}
.s619 {
  color: #a24a07;
}
.s620 {
  position: absolute;
  top: 116px;
  left: calc(50% - 694px);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1f9d55;
  border: 2px solid #0f1730;
}
.s621 {
  margin-top: 56px;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 1fr);
  gap: 40px;
  align-items: start;
}
.s622 {
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid #e1e6f0;
}
.s623 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 22px;
  background: #127c5e;
  color: #fff;
}
.s624 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  color: #127c5e;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    700 13px/1 'Archivo',
    sans-serif;
}
.s625 {
  font:
    600 16px/1.25 'Archivo',
    sans-serif;
}
.s626 {
  font-weight: 500;
  font-size: 12.5px;
  opacity: 0.85;
}
.s627 {
  padding: 24px 22px;
  background: #efeae2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font:
    500 15px/1.5 'Archivo',
    sans-serif;
  color: #1d2440;
}
.s628 {
  align-self: flex-start;
  max-width: 74%;
  padding: 10px 13px;
  border-radius: 4px 14px 14px 14px;
  background: #fff;
}
.s629 {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #8a91a8;
}
.s630 {
  align-self: flex-end;
  max-width: 78%;
  padding: 10px 13px;
  border-radius: 14px 4px 14px 14px;
  background: #d9fdd3;
}
.s631 {
  display: block;
  font:
    700 11.5px/1.4 'Archivo',
    sans-serif;
  color: #127c5e;
}
.s632 {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #6b8a72;
}
.s633 {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff4ea;
  color: #a24a07;
  font:
    700 12.5px/1 'Archivo',
    sans-serif;
}
.s634 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e2711d;
}
.s635 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.s636 {
  display: flex;
  gap: 14px;
  padding: 20px;
  border-radius: 18px;
  background: #f6f7fb;
  border: 1px solid #e3e7f1;
}
.s637 {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #0f1730;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font:
    800 16px/1 'Archivo',
    sans-serif;
}
.s638 {
  font:
    500 15px/1.55 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s639 {
  padding: 0;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #e3e7f1;
  height: 190px;
}
.s640 {
  display: block;
  width: 200%;
  max-width: none;
  margin-left: -76%;
  margin-top: -9%;
}
.s641 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 48px 64px;
  align-items: start;
}
.s642 {
  margin-top: 22px;
  max-width: 460px;
  font:
    500 17px/1.65 'Archivo',
    sans-serif;
  color: #3d4766;
}
.s643 {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.s644 {
  padding: 9px 13px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e3e7f1;
  font:
    600 13.5px/1 'Archivo',
    sans-serif;
}
.s645 {
  border-radius: 22px;
  background: #fff;
  border: 1px solid #e1e6f0;
  overflow: hidden;
}
.s646 {
  caption-side: top;
  text-align: left;
  padding: 20px 22px 14px;
  font:
    700 13px/1 'Archivo',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6383;
}
.s647 {
  background: #f3f5fb;
  font:
    700 12.5px/1 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s648 {
  text-align: left;
  padding: 12px 22px;
}
.s649 {
  text-align: right;
  padding: 12px 10px;
}
.s650 {
  text-align: right;
  padding: 12px 22px 12px 10px;
}
.s651 {
  text-align: left;
  padding: 16px 22px;
  font-weight: 700;
}
.s652 {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #5a6383;
}
.s653 {
  text-align: right;
  padding: 16px 10px;
}
.s654 {
  text-align: right;
  padding: 16px 22px 16px 10px;
  color: #157a43;
}
.s655 {
  border-top: 1px solid #eceff6;
  background: #f4f0ff;
}
.s656 {
  font:
    800 clamp(35px, 27.2px + 2vw, 56px)/0.95 'Archivo',
    sans-serif;
  font-stretch: 78%;
  letter-spacing: -0.025em;
}
.s657 {
  margin-top: 44px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap: 20px;
}
.s658 {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #f3f5fb;
  border: 1px solid #e3e7f1;
  text-decoration: none;
  color: #0f1730;
  overflow: hidden;
}
.s659 {
  padding: 22px 24px 0;
}
.s660 {
  margin: 18px 24px 0;
  height: 170px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  border: 5px solid #0f1222;
  border-bottom: 0;
}
.s661 {
  margin: 18px 0 0 24px;
  height: 170px;
  overflow: hidden;
  border-radius: 12px 0 0 0;
  border: 1px solid #dfe4f0;
  border-right: 0;
  border-bottom: 0;
}
.s662 {
  display: block;
  width: 220%;
  max-width: none;
  margin-left: -112%;
  margin-top: -34%;
}
.s663 {
  display: block;
  width: 190%;
  max-width: none;
  margin-left: -36%;
  margin-top: -4%;
}
.s664 {
  padding: 100px 0;
}
.s665 {
  display: block;
  width: 100%;
  margin-top: -30px;
  filter: blur(2.5px);
}
.s666 {
  display: block;
  margin-top: 6px;
  font:
    700 15px/1 'Archivo',
    sans-serif;
  font-stretch: 90%;
  letter-spacing: 0.04em;
  color: #5a6383;
}
.s667 {
  display: block;
  width: 200%;
  max-width: none;
  margin-left: -76%;
  margin-top: -9%;
  filter: blur(2.5px);
}
.s668 {
  text-align: right;
  padding: 16px 10px;
  white-space: nowrap;
}
.s669 {
  text-align: right;
  padding: 16px 22px 16px 10px;
  white-space: nowrap;
  color: #157a43;
}
.s670 {
  display: block;
  width: 100%;
  margin-top: -6px;
  filter: blur(2.5px);
}
.s671 {
  text-align: right;
  padding: 16px 22px 16px 10px;
  color: #5a6383;
}
.s672 {
  padding: 14px 22px 18px;
  border-top: 1px solid #eceff6;
  font:
    500 13px/1.5 'Archivo',
    sans-serif;
  color: #5a6383;
}
.s673 {
  display: block;
  width: 200%;
  max-width: none;
  margin-left: -70%;
  margin-top: -6%;
}
.s674 {
  font:
    800 clamp(25px, 20.9px + 1.048vw, 36px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  white-space: nowrap;
}
.s675 {
  font:
    800 clamp(26px, 23.8px + 0.571vw, 32px)/1 'Archivo',
    sans-serif;
  font-stretch: 75%;
  white-space: nowrap;
}
.s676 {
  display: block;
  width: 200%;
  max-width: none;
  margin-left: -76%;
  margin-top: -6%;
}
.s677 {
  align-self: flex-start;
  max-width: 74%;
  padding: 6px;
  border-radius: 4px 14px 14px 14px;
  background: #fff;
}
.s678 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 220px;
  height: 120px;
  border-radius: 10px;
  background: #e3e7f1;
  color: #5a6383;
  font:
    600 13px/1 'Archivo',
    sans-serif;
}
.s679 {
  display: block;
  padding: 4px 7px 2px;
  text-align: right;
  font-size: 11px;
  color: #8a91a8;
}
.s680 {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 72px 24px 56px;
}
.s681 {
  margin-top: 24px;
  font:
    800 clamp(50px, 38.9px + 2.857vw, 80px)/0.92 'Archivo',
    sans-serif;
  font-stretch: 76%;
  letter-spacing: -0.03em;
}
.s682 {
  padding: 56px 0 96px;
}
.s683 {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 96px 24px 110px;
}
.s684 {
  margin-top: 28px;
  font:
    800 clamp(60px, 46.6px + 3.429vw, 96px)/0.9 'Archivo',
    sans-serif;
  font-stretch: 75%;
  letter-spacing: -0.03em;
}
@media (max-width: 760px) {
  .s2 {
    padding: 12px 16px 12px 16px;
  }
  .s13 {
    padding: 0 16px 0 16px;
  }
  .s54 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s71 {
    padding: 46px 16px 0 16px;
  }
  .s131 {
    padding: 0 16px 0 16px;
  }
  .s132 {
    margin: 29px 0 0;
  }
  .s138 {
    padding: 66px 0 61px 0;
  }
  .s140 {
    padding: 0 16px 0 16px;
  }
  .s141 {
    gap: 24px 24px;
  }
  .s147 {
    margin-top: 38px;
    grid-template-columns: minmax(0, 1fr);
  }
  .s163 {
    padding: 61px 0 61px 0;
  }
  .s168 {
    margin-top: 34px;
  }
  .s169 {
    grid-column: 1/-1;
  }
  .s176 {
    grid-column: 1/-1;
  }
  .s181 {
    grid-column: 1/-1;
  }
  .s185 {
    grid-column: 1/-1;
  }
  .s194 {
    grid-column: 1/-1;
  }
  .s198 {
    grid-column: 1/-1;
  }
  .s203 {
    padding: 61px 0 61px 0;
  }
  .s205 {
    margin-top: 38px;
  }
  .s219 {
    margin-top: 36px;
  }
  .s220 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s233 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s235 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s246 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s247 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s274 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s279 {
    margin: 34px 0 0;
  }
  .s286 {
    margin-top: 34px;
  }
  .s303 {
    padding: 61px 0 61px 0;
  }
  .s304 {
    padding: 0 16px 0 16px;
    gap: 48px 24px;
  }
  .s324 {
    padding: 0 16px 0 16px;
    gap: 40px 24px;
  }
  .s327 {
    grid-column: 1/-1;
  }
  .s332 {
    padding: 66px 0 72px 0;
  }
  .s334 {
    padding: 0 16px 0 16px;
  }
  .s347 {
    padding: 44px 16px 0 16px;
  }
  .s349 {
    grid-column: 1/-1;
  }
  .s363 {
    margin-top: 34px;
  }
  .s368 {
    padding: 44px 16px 40px 16px;
    gap: 48px 24px;
  }
  .s382 {
    padding: 61px 0 40px 0;
  }
  .s383 {
    padding: 30px 0 44px 0;
  }
  .s384 {
    padding: 0 16px 0 16px;
    gap: 48px 24px;
  }
  .s401 {
    padding: 44px 0 44px 0;
  }
  .s426 {
    padding: 44px 0 61px 0;
  }
  .s465 {
    margin-top: 34px;
    grid-template-columns: minmax(0, 1fr);
  }
  .s485 {
    margin-top: 34px;
  }
  .s498 {
    padding: 55px 0 55px 0;
  }
  .s500 {
    margin: 29px 0 0;
  }
  .s501 {
    padding: 61px 0 61px 0;
  }
  .s502 {
    padding: 0 16px 0 16px;
  }
  .s507 {
    padding: 35px 16px 0 16px;
  }
  .s515 {
    padding: 40px 16px 35px 16px;
  }
  .s520 {
    padding: 40px 0 40px 0;
  }
  .s556 {
    padding: 50px 0 55px 0;
  }
  .s560 {
    margin-top: 26px;
  }
  .s579 {
    padding: 55px 0 55px 0;
  }
  .s580 {
    padding: 0 16px 0 16px;
    gap: 40px 24px;
  }
  .s586 {
    padding: 40px 0 53px 0;
  }
  .s588 {
    padding: 40px 16px 44px 16px;
  }
  .s606 {
    margin-top: 34px;
  }
  .s607 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s608 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s617 {
    grid-template-columns: minmax(0, 1fr);
  }
  .s621 {
    margin-top: 34px;
    grid-template-columns: minmax(0, 1fr);
  }
  .s641 {
    padding: 0 16px 0 16px;
    gap: 48px 24px;
  }
  .s657 {
    margin-top: 26px;
  }
  .s664 {
    padding: 55px 0 55px 0;
  }
  .s680 {
    padding: 40px 16px 56px 16px;
  }
  .s682 {
    padding: 56px 0 53px 0;
  }
  .s683 {
    padding: 53px 16px 61px 16px;
  }
}

/* ---- elle: menü, telefon görünümü ---- */
/* ---------- Header ve mega menü ---------- */
.mega-li {
  position: relative;
}
.mega-btn svg {
  transition: transform 0.2s ease;
}
.mega-btn[aria-expanded='true'] {
  background: #eef2fe !important;
  color: #2f5bea !important;
  font-weight: 700 !important;
}
.mega-btn[aria-expanded='true'] svg {
  transform: rotate(180deg);
}
.nav-aktif,
.nav-aktif:visited {
  color: #2f5bea !important;
}
.mega-cizgi {
  display: none;
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -13px;
  flex-direction: column;
  gap: 2px;
  pointer-events: none;
}
.mega-cizgi span {
  height: 2px;
  background: #2f5bea;
}
.mega-cizgi span:nth-child(2) {
  background: #1f9d55;
}
.mega-cizgi span:nth-child(3) {
  background: #7c4dff;
}
.mega-btn[aria-expanded='true'] + .mega-cizgi {
  display: flex;
}
.mega {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 40;
  padding-bottom: 24px;
}
.perde {
  position: fixed;
  inset: 0;
  z-index: 25;
  background: rgba(15, 23, 48, 0.18);
}
.menu-btn {
  display: none;
}

/* ---------- Mobil menü (tam ekran) ---------- */
.mm {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-bottom: env(safe-area-inset-bottom);
}
.mm-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 16px;
  border-bottom: 1px solid #e6e9f2;
}
.mm-marka {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #0f1730;
  text-decoration: none;
  font: 700 19px/1 var(--govde);
}
.mm-isaret {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #2f5bea;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 13px/1 var(--govde);
}
.mm-kapat {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid #e1e6f0;
  background: #fff;
  color: #0f1730;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mm-nav {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
}
.mm-grup {
  border-bottom: 1px solid #eceff6;
}
.mm-ac,
.mm-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 56px;
  padding: 0 4px;
  border: 0;
  background: none;
  color: #0f1730;
  font: 700 19px/1.2 var(--govde);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.mm-link {
  border-bottom: 1px solid #eceff6;
}
.mm-ac svg {
  transition: transform 0.2s ease;
  color: #5a6383;
}
.mm-ac[aria-expanded='true'] {
  color: #2f5bea;
}
.mm-ac[aria-expanded='true'] svg {
  transform: rotate(180deg);
  color: #2f5bea;
}
.mm-grup ul {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
}
.mm-grup ul a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 12px;
  color: #2a3352;
  font: 600 16px/1.3 var(--govde);
  text-decoration: none;
}
.mm-grup ul a:hover {
  background: #f3f5fb;
  color: #2f5bea;
}
.mm-grup ul a.mm-tumu {
  color: #2f5bea;
  font-weight: 700;
}
.mm-alt {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 16px 24px;
}
.mm-demo,
.mm-eposta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  border-radius: 14px;
  font: 700 16px/1 var(--govde);
  text-decoration: none;
}
.mm-demo {
  background: #2f5bea;
  color: #fff;
}
.mm-demo:hover {
  background: #1d3fb8;
  color: #fff;
}
.mm-eposta {
  border: 1.5px solid #cdd4e6;
  color: #0f1730;
  background: #fff;
}
html.mm-acik,
html.mm-acik body {
  overflow: hidden;
}

@media (max-width: 1000px) {
  .ust-nav,
  .ust-giris,
  .mega,
  .perde {
    display: none !important;
  }
  .menu-btn {
    display: flex;
  }
  .ust-ic {
    flex-wrap: nowrap !important;
    padding: 10px 16px !important;
  }
  .ust-demo {
    padding: 0 14px !important;
    font-size: 14px !important;
    white-space: nowrap;
  }
  .ust-ic > a:first-child {
    gap: 8px !important;
  }
  .ust-ic > a:first-child > span:first-child {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }
  .ust-ic > a:first-child > span:last-child {
    font-size: 19px !important;
    white-space: nowrap;
  }
}
@media (max-width: 360px) {
  .ust-demo {
    display: none !important;
  }
}

/* ---------- Ana sayfa: sahne ve bölümler ---------- */
@media (max-width: 1000px) {
  .kapi {
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 40px !important;
  }
  .kapi-kartlar {
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px !important;
    margin-bottom: 24px;
  }
  .kapi-kartlar > a {
    margin-left: 0 !important;
  }
  .kapi-svg {
    display: none !important;
  }
  .bento {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .bento-k {
    grid-column: span 1 !important;
  }
}
@media (max-width: 1240px) {
  .sahne-tarayici {
    right: 0 !important;
  }
  .sahne-mini {
    right: 0 !important;
  }
}
@media (max-width: 760px) {
  .hero-btn > a,
  .son-btn > a {
    flex: 1 1 100%;
    justify-content: center;
  }
  .son-btn > span {
    display: none !important;
  }
  .sahne {
    height: 470px !important;
    flex-basis: 100% !important;
    margin-top: 8px;
  }
  .sahne-saat {
    right: -6px !important;
    top: 0 !important;
    font-size: 132px !important;
  }
  .sahne-tarayici {
    display: none !important;
  }
  .sahne-tel {
    left: 14px !important;
    top: 64px !important;
    width: 236px !important;
    height: 400px !important;
  }
  .sahne-tel div > div > div > span:last-child {
    display: none !important;
  }
  .sahne-kart {
    left: auto !important;
    right: 0 !important;
    top: 300px !important;
    width: 230px !important;
  }
  .sahne-mini {
    right: 0 !important;
    top: 0 !important;
    width: 172px !important;
  }
  .sahne-mini p {
    display: none;
  }
  .guven-serit {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 24px !important;
    padding-top: 16px !important;
  }
  .guven-serit li {
    font-size: 13px !important;
    gap: 8px !important;
  }
  .guven-serit li > span {
    width: 30px !important;
    height: 30px !important;
  }

  .kapi {
    margin-top: 32px !important;
  }
  .kapi-kartlar {
    gap: 8px !important;
    margin-bottom: 20px;
  }
  .kapi-kartlar > a {
    padding: 14px 8px !important;
    text-align: center;
  }
  .kapi-kartlar > a > span:first-child {
    flex-direction: column;
    font-size: 13px !important;
    gap: 8px !important;
  }
  .kapi-kartlar > a > span:last-child {
    display: none !important;
  }
  .bento {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .h1-cizgi {
    bottom: -10px !important;
    gap: 2px !important;
  }

  .adimlar {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  .adim-cizgi {
    display: none !important;
  }
  .adim {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    column-gap: 14px;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  .adim > .adim-no {
    grid-row: 1 / span 2;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    transform: none !important;
    font-size: 22px !important;
  }
  .adim > h3 {
    margin-top: 4px !important;
    font-size: 20px !important;
  }
  .adim > p {
    margin-top: 4px !important;
    font-size: 14.5px !important;
  }

  .gun-satir {
    grid-template-columns: 70px minmax(0, 1fr) !important;
  }
  .gun-satir > div:first-child {
    padding: 16px 0 0 12px !important;
  }
  .gun-satir > div:first-child > span:first-child {
    font-size: 24px !important;
  }
  .gun-satir > div:first-child > span + span {
    display: none !important;
  }
  .gun-satir > div:last-child {
    padding: 12px !important;
  }
  .gun-satir > div:last-child > div {
    padding: 14px !important;
  }
  .gun-gorsel {
    display: none !important;
  }
  .gun-satir > div:last-child > div + div,
  .gun-satir > div:last-child > div > div + div {
    display: none !important;
  }
  .kapi > div:last-child > span {
    font-size: 11px !important;
    white-space: nowrap;
    padding: 5px 8px !important;
  }
  .kapi > div:last-child > span:nth-of-type(1) {
    left: 26% !important;
  }
  .gun-satir h3 {
    font-size: 19px !important;
  }

  .sektor-cip {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .sektor-cip a {
    min-height: 56px;
    padding: 0 14px !important;
    justify-content: center;
    gap: 0 !important;
  }
  .sektor-cip a > svg,
  .sektor-cip a > span + span {
    display: none !important;
  }
  .sektor-cip a > span {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  .paketler > .paket-pro {
    order: -1;
  }
  .son-saat {
    font-size: 120px !important;
    top: -20px !important;
  }
}

/* ---------- Ortak telefon ayarları ---------- */
@media (max-width: 760px) {
  .btn-grup > a {
    flex: 1 1 100%;
    justify-content: center;
  }
  .paket-kart > a:last-child {
    margin-top: 22px !important;
  }
  .oto-gorsel {
    height: auto !important;
  }
  .kar-detay summary > span:first-child {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .kar-detay summary > span:first-child > span:not(.gs) {
    flex-basis: 100%;
    padding-left: 46px;
    line-height: 1.4 !important;
  }
}

/* ---------- Özellikler ---------- */
@media (max-width: 760px) {
  .rs-sahne > div:nth-child(1) {
    left: 48px !important;
    right: 0 !important;
    top: 0 !important;
  }
  .rs-sahne > div:nth-child(1) img {
    height: 280px !important;
  }
  .rs-sahne > div:nth-child(2) {
    top: 90px !important;
    width: 160px !important;
    height: 300px !important;
  }
  .rs-sahne > ol {
    right: 0 !important;
    bottom: 0 !important;
    padding: 6px !important;
    gap: 4px !important;
    font-size: 11.5px !important;
  }
  .rs-sahne > ol > li {
    padding: 8px 7px !important;
  }
  .ix-satir {
    grid-template-columns: 96px 1fr auto !important;
    padding: 0 14px !important;
    gap: 10px !important;
  }
  .ix-satir > span:first-child {
    font-size: 18px !important;
  }
  .rs-sahne {
    height: 420px !important;
  }
  .kod {
    word-break: break-all;
  }
}

/* ---------- Sektör sayfaları ---------- */
@media (max-width: 760px) {
  .ayna {
    width: min(400px, 100%) !important;
    height: 480px !important;
  }
  .ayna > div:first-child > div {
    height: 452px !important;
  }
  .ayna-k1 {
    left: -4px !important;
    top: 150px !important;
  }
  .ayna-k2 {
    right: -4px !important;
    top: 330px !important;
  }
  .dert-satir {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 20px 16px !important;
  }
  .dert-satir:first-child {
    display: none !important;
  }
  .dert-satir > svg {
    display: none;
  }
  .dert-satir > span:first-child {
    font-size: 28px !important;
  }
  .hizmet-tablo th,
  .hizmet-tablo td {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .hizmet-tablo th:first-child {
    padding-left: 16px !important;
  }
  .hizmet-tablo td:last-child {
    padding-right: 16px !important;
  }
  .hizmet-tablo {
    font-size: 14px !important;
  }
  .hizmet-tablo td {
    white-space: nowrap;
  }
}

/* ---------- Fiyatlandırma ---------- */
@media (max-width: 760px) {
  .kar-baslik {
    display: none !important;
  }
  .kar-tablo,
  .kar-tablo tbody,
  .kar-tablo tr {
    display: block;
    width: 100%;
  }
  .kar-tablo tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 14px 16px;
    box-sizing: border-box;
  }
  .kar-tablo th[scope='row'] {
    grid-column: 1 / -1;
    width: auto !important;
    padding: 0 0 10px !important;
  }
  .kar-tablo td {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 8px 4px;
    border-radius: 10px;
    font-size: 14px;
  }
  .kar-tablo td::before {
    content: attr(data-label);
    font: 600 11.5px/1.2 var(--govde);
    color: #5a6383;
    text-align: center;
  }
  .kurulum-adim {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ---------- KVKK sayfası ---------- */
.kvkk-metin {
  font: 500 17px/1.7 var(--govde);
  color: #2f3a5c;
  text-align: left;
}
.kvkk-metin p + p,
.kvkk-metin ul + p {
  margin-top: 14px;
}
.kvkk-metin a {
  color: #2f5bea;
  font-weight: 600;
}
.kvkk-metin strong {
  color: #0f1730;
}
.kvkk-metin code {
  font:
    600 0.92em/1 ui-monospace,
    Menlo,
    monospace;
  background: #eef2fe;
  color: #1d2a52;
  padding: 2px 6px;
  border-radius: 6px;
}
.kvkk-metin ul {
  margin: 14px 0 0;
  padding-left: 22px;
}
.kvkk-metin li + li {
  margin-top: 8px;
}
.kvkk-icindekiler {
  margin: 32px 0 8px;
  padding: 22px 24px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e3e7f1;
}
.kvkk-icindekiler > p {
  font: 700 12px/1 var(--govde);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6383;
}
.kvkk-icindekiler ol {
  margin: 12px 0 0;
  padding-left: 22px;
  display: grid;
  gap: 2px;
}
.kvkk-icindekiler a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  text-decoration: none;
}
.kvkk-icindekiler a:hover {
  text-decoration: underline;
}
.kvkk-bolum {
  padding-top: 40px;
  scroll-margin-top: 16px;
}
.kvkk-bolum h2 {
  font: 800 clamp(28px, 3.2vw, 40px)/1 var(--govde);
  font-stretch: 80%;
  letter-spacing: -0.02em;
  color: #0f1730;
  margin-bottom: 14px;
}

/* ---------- Footer ---------- */
@media (max-width: 760px) {
  .alt-izgara {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px 16px !important;
  }
  .alt-marka {
    grid-column: 1 / -1 !important;
  }
  .alt-serit {
    flex-direction: column;
    align-items: flex-start !important;
    margin-top: 32px !important;
  }
}

/* Tukan kredisi: hover'da yalnızca alt çizgi ve kırmızı kalp, yazının rengi değişmez. */
.alt .tukan-credit,
.alt .tukan-credit:hover,
.alt .tukan-credit:focus-visible {
  color: inherit;
  text-decoration: none;
}
.alt .tukan-credit:hover .tukan-credit-text,
.alt .tukan-credit:focus-visible .tukan-credit-text {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.heart-ico {
  display: inline-block;
  margin: 0 1px;
  transition: color 0.2s ease;
}
.alt .tukan-credit:hover .heart-ico,
.alt .tukan-credit:focus-visible .heart-ico {
  color: #e0245e;
}

/* ---------- Çerez bandı (Model A) ---------- */
.tk-cerez {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 28px;
  padding: 16px max(16px, 4vw);
  background: rgba(11, 13, 24, 0.86);
  -webkit-backdrop-filter: saturate(1.1) blur(10px);
  backdrop-filter: saturate(1.1) blur(10px);
  color: #f4f5fa;
  font-family: var(--govde);
  font-size: 14px;
  line-height: 1.55;
  box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12);
}
.tk-cerez.acik {
  display: flex;
}
.tk-cerez p {
  margin: 0;
  max-width: 70ch;
  color: inherit;
}
.tk-cerez a,
.tk-cerez a:visited,
.tk-cerez a:hover,
.tk-cerez a:focus,
.tk-cerez a:active {
  color: #f4f5fa !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  background: transparent !important;
}
.tk-cerez a:hover,
.tk-cerez a:focus {
  text-decoration-thickness: 2px;
}
.tk-cerez-dugmeler {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.tk-cerez-btn {
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  min-height: 44px;
  padding: 8px 22px;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid currentColor;
  background: transparent;
  color: #f4f5fa;
}
.tk-cerez-btn:hover {
  opacity: 0.88;
}
.tk-cerez .tk-cerez-btn,
.tk-cerez .tk-cerez-btn:hover,
.tk-cerez .tk-cerez-btn:focus,
.tk-cerez .tk-cerez-btn:active {
  background: transparent !important;
  color: #f4f5fa !important;
  -webkit-text-fill-color: #f4f5fa;
  border: 1px solid #f4f5fa !important;
}
.tk-cerez .tk-cerez-btn:not(.tk-kabul):hover,
.tk-cerez .tk-cerez-btn:not(.tk-kabul):focus-visible {
  background: color-mix(in srgb, #f4f5fa 14%, transparent) !important;
  opacity: 1;
}
.tk-cerez .tk-cerez-btn.tk-kabul,
.tk-cerez .tk-cerez-btn.tk-kabul:hover,
.tk-cerez .tk-cerez-btn.tk-kabul:focus,
.tk-cerez .tk-cerez-btn.tk-kabul:active {
  background: #4f7cff !important;
  border-color: #4f7cff !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
.tk-cerez-btn:focus-visible {
  outline: 2px solid #f4f5fa;
  outline-offset: 2px;
}
@media (max-width: 600px) {
  .tk-cerez {
    justify-content: flex-start;
  }
  .tk-cerez-dugmeler {
    width: 100%;
  }
  .tk-cerez-btn {
    flex: 1;
  }
}