/* Homepage tile ribbon. Scoped to the landing hero so other routes stay unchanged. */

html.is-landing.home-modern,
html.is-landing.home-modern body {
  background:
    radial-gradient(980px 520px at 100% -8%, rgba(47, 91, 255, 0.16), transparent 58%),
    radial-gradient(720px 420px at 0% 18%, rgba(15, 143, 134, 0.08), transparent 52%),
    #f3f6fd;
}

html.is-landing.home-modern section._section_1500s_1,
html.is-landing.home-modern section._section_1tjb1_1:not(._axis_1tjb1_9),
html.is-landing.home-modern section._section_q1qa8_1,
html.is-landing.home-modern section._alt_q1qa8_7,
html.is-landing.home-modern section._section_1we2j_1,
html.is-landing.home-modern :is(#ai-zone, #hero._section_1tjb1_1:not(._axis_1tjb1_9)) {
  background: #f4f6fb;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on {
  --ribbon-progress: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 200vh;
  overflow: visible;
  background: #f4f6fb;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._inner_13al4_7 {
  --hero-pad: max(40px, calc((100% - 1680px) / 2));
  position: sticky;
  top: var(--site-chrome-height, 65px);
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  height: calc(100svh - var(--site-chrome-height, 65px));
  min-height: 0;
  margin: 0;
  padding: 4px 0 0;
  overflow: hidden;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._visual_13al4_91 {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 280px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  animation: none;
  pointer-events: none;
  overflow: hidden;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._visual_13al4_91::before,
html.is-landing section._hero_13al4_1.ainex-ribbon-on ._visual_13al4_91::after,
html.is-landing section._hero_13al4_1.ainex-ribbon-on .lp-stage,
html.is-landing section._hero_13al4_1.ainex-ribbon-on ._circle_13al4_100,
html.is-landing section._hero_13al4_1.ainex-ribbon-on ._card_13al4_108 {
  display: none;
  content: none;
  animation: none;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on .tile-ribbon-stage {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 0;
  overflow: hidden;
  pointer-events: none;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on .tile-ribbon-stage canvas {
  display: block;
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  transform: scale(0.74);
  transform-origin: center center;
  pointer-events: none;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on[data-ribbon-phase="dashboard"] .tile-ribbon-stage {
  right: 0;
  left: 0;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on[data-ribbon-phase="dashboard"] .tile-ribbon-stage canvas {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 {
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
  column-gap: 48px;
  row-gap: 16px;
  align-self: flex-start;
  width: min(760px, calc(100% - (var(--hero-pad) * 2)));
  max-width: none;
  margin: 10px var(--hero-pad) 0;
  padding: 22px 28px 24px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 22px 50px rgba(28, 48, 110, 0.08);
  pointer-events: none;
  animation: none;
  opacity: clamp(0, calc(1 - var(--ribbon-progress) * 2.6), 1);
  transform: translateY(calc(var(--ribbon-progress) * -24px));
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16::before {
  flex: 1 0 100%;
  margin-bottom: 0;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._headline_13al4_24 {
  flex: 0 1 auto;
  max-width: 12em;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._sub_13al4_38 {
  flex: 0 1 320px;
  max-width: 18em;
  margin: 0 0 8px;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._ctas_13al4_53 {
  flex: 1 0 100%;
  margin-top: 0;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 a,
html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 button {
  pointer-events: auto;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on[data-ribbon-phase="dashboard"] ._copy_13al4_16 {
  position: absolute;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transform: none;
  pointer-events: none;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on[data-ribbon-phase="dashboard"] ._visual_13al4_91 {
  position: absolute;
  inset: 0;
  height: auto;
  margin: 0;
  padding: 0;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._headline_13al4_24 {
  font-size: clamp(36px, 4.2vw, 64px);
}

html.is-landing section._hero_13al4_1.ainex-ribbon-on ._line_13al4_33,
html.is-landing.home-classic ._line_13al4_33 {
  white-space: normal;
}

html.is-landing .ainex-ribbon-pause {
  position: absolute;
  z-index: 5;
  right: 24px;
  bottom: 18px;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid rgba(18, 20, 26, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #12141a;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  cursor: pointer;
  pointer-events: auto;
}

html.is-landing .ainex-ribbon-pause:hover,
html.is-landing .ainex-ribbon-pause:focus-visible {
  border-color: #2f5bff;
  color: #2f5bff;
}

html.is-landing .ainex-ribbon-pause:focus-visible {
  outline: 3px solid #2f5bff;
  outline-offset: 3px;
}

html.is-landing .ribbon-fallback-art {
  position: absolute;
  inset: 8% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-8deg);
  pointer-events: none;
}

html.is-landing .ribbon-fallback-art i {
  flex: 0 0 3.8%;
  height: 46%;
  max-height: 180px;
  border-radius: 9px;
  background: linear-gradient(105deg, #d5e2ff, #2f5bff 44%, #1b3ec4);
  transform: skewY(18deg);
  box-shadow: inset 2px 1px 2px #ffeff4aa, 3px 8px 8px #2f1e3338;
}

html.is-landing .ribbon-fallback-art i:nth-child(3n) {
  background: linear-gradient(105deg, #e7eeff, #6d94ff 44%, #2f5bff);
  transform: translateY(-25px) skewY(-15deg);
}

html.is-landing .ribbon-fallback-art i:nth-child(4n) {
  background: linear-gradient(105deg, #c9d8ff, #4d78ff 44%, #1e45c8);
  transform: translateY(18px) skewY(25deg);
}

html.is-landing .tile-ribbon-stage[data-ribbon-ready="true"] .ribbon-fallback-art {
  display: none;
}

@media (width <= 1023px) {
  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._inner_13al4_7 {
    --hero-pad: 20px;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: auto;
    max-width: none;
    margin: 12px 16px 0;
    padding: 18px 18px 16px;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16::before,
  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._ctas_13al4_53 {
    flex: 0 0 auto;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._headline_13al4_24 {
    max-width: none;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._sub_13al4_38 {
    flex-basis: auto;
    max-width: none;
    margin-top: 4px;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._visual_13al4_91 {
    min-height: clamp(220px, 36vh, 420px);
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._headline_13al4_24 {
    font-size: clamp(32px, 8vw, 44px);
  }

  html.is-landing .ainex-ribbon-pause {
    right: 16px;
    bottom: 14px;
    min-height: 44px;
  }
}

@media (width <= 800px) and (height <= 650px) {
  html.is-landing section._hero_13al4_1.ainex-ribbon-on,
  html.is-landing section._hero_13al4_1.ainex-ribbon-on.ainex-ribbon-fallback {
    height: auto;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._inner_13al4_7 {
    position: relative;
    top: auto;
    height: auto;
    min-height: 640px;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._visual_13al4_91 {
    min-height: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.is-landing section._hero_13al4_1.ainex-ribbon-on,
  html.is-landing section._hero_13al4_1.ainex-ribbon-on.ainex-ribbon-fallback {
    height: auto;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._inner_13al4_7 {
    position: relative;
    top: auto;
    height: auto;
    min-height: calc(100svh - var(--site-chrome-height, 65px));
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 {
    opacity: 1;
    transform: none;
    pointer-events: none;
  }

  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 a,
  html.is-landing section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 button {
    pointer-events: auto;
  }

  html.is-landing .ainex-ribbon-pause {
    display: none;
  }
}

html.is-landing section._hero_13al4_1.ainex-ribbon-fallback {
  height: auto;
}

html.is-landing section._hero_13al4_1.ainex-ribbon-fallback ._inner_13al4_7 {
  position: relative;
  top: auto;
  height: auto;
  min-height: calc(100svh - var(--site-chrome-height, 65px));
}

html.is-landing section._hero_13al4_1.ainex-ribbon-fallback ._copy_13al4_16 {
  opacity: 1;
  transform: none;
}

/* Homepage style switch. Classic is the previous hero. Modern is the ribbon. */
.ainex-home-switch {
  display: none;
}

html.is-landing .ainex-home-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  padding: 8px 16px;
  border-top: 1px solid rgba(18, 20, 26, 0.06);
  background: rgba(255, 255, 255, 0.92);
}

html.is-landing .ainex-home-switch button {
  min-height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #667085;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.02em;
  cursor: pointer;
}

html.is-landing .ainex-home-switch button[aria-pressed="true"] {
  background: #12141a;
  color: #fff;
}

html.is-landing .ainex-home-switch button:focus-visible {
  outline: 3px solid #2f5bff;
  outline-offset: 2px;
}

@media (width <= 1023px) {
  html.is-landing header._header_f3irz_60 {
    height: auto;
  }
}

/* Keep the header and the classic headline inside the page. */
@media (width >= 1024px) and (width <= 1400px) {
  html ._bar_f3irz_65,
  html.is-landing[lang="en"] ._bar_f3irz_65 {
    box-sizing: border-box;
    justify-content: flex-start;
    gap: 8px;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  html ._wordmark_f3irz_78,
  html.is-landing[lang="en"] ._wordmark_f3irz_78 {
    flex: none;
    font-size: 22px;
  }

  html ._gnb_f3irz_99 {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    gap: 0 6px;
  }

  html ._gnbItem_f3irz_108 {
    font-size: 13px;
  }

  html.is-landing[lang="en"] ._bar_f3irz_65 {
    flex-wrap: wrap;
    height: auto;
    min-height: 72px;
    padding-top: 10px;
    padding-bottom: 6px;
  }

  html.is-landing[lang="en"] ._gnb_f3irz_99 {
    flex: 1 1 100%;
    order: 3;
    width: auto;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start;
    gap: 0 14px;
  }

  html.is-landing[lang="en"] ._gnbItem_f3irz_108 {
    flex: 0 0 auto;
    width: auto;
    overflow: visible;
    white-space: nowrap;
    font-size: 13px;
  }

  html ._tools_f3irz_138,
  html.is-landing[lang="en"] ._tools_f3irz_138 {
    flex: none;
    gap: 4px;
    margin-left: auto;
  }

  html ._classroom_f3irz_149,
  html.is-landing[lang="en"] ._classroom_f3irz_149 {
    padding: 0 12px;
  }
}

@media (width >= 1401px) {
  html.is-landing[lang="en"] ._bar_f3irz_65 {
    gap: 12px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (width <= 1023px) {
  html ._bar_f3irz_65 {
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    gap: 6px;
  }

  html ._tools_f3irz_138 {
    gap: 4px;
    min-width: 0;
  }
}

/* Sections after the ribbon settle in slowly, one part after another. Modern only. */
@media (prefers-reduced-motion: no-preference) {
  html.is-landing.home-modern .ainex-piece {
    opacity: 0;
    transform: translateY(64px) scale(0.96);
    filter: blur(12px);
  }

  html.is-landing.home-modern .ainex-rise.is-in .ainex-piece {
    animation: ainex-piece 1.45s cubic-bezier(0.16, 0.84, 0.2, 1) both;
    animation-delay: calc(var(--piece, 0) * 160ms);
  }
}

@keyframes ainex-piece {
  0% {
    opacity: 0;
    transform: translateY(64px) scale(0.96);
    filter: blur(12px);
  }

  40% {
    opacity: 1;
  }

  70% {
    filter: blur(0);
  }

  100% {
    opacity: 1;
    transform: none;
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.is-landing.home-modern .ainex-rise,
  html.is-landing.home-modern .ainex-piece {
    opacity: 1;
    transform: none;
    filter: none;
    animation: none;
    transition: none;
  }
}

/* Full menu: numbered cards and a footer bar. Desktop only. */
@media (width >= 1024px) {
  html ._panel_1fuzk_18 {
    background-color: #e8eef8;
    background-image:
      radial-gradient(720px 280px at 8% 0%, rgba(47, 91, 255, 0.16), transparent 70%),
      linear-gradient(180deg, #eef3fb 0%, #e8eef8 100%);
  }

  html ._scroll_1fuzk_28 {
    padding: 26px 32px 28px;
  }

  html ._columns_1fuzk_35 {
    gap: 12px;
    max-width: 1180px;
  }

  html ._column_1fuzk_35 {
    position: relative;
    overflow: hidden;
    padding: 14px 14px 10px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 18px;
    background:
      linear-gradient(180deg, #fff 0%, #f8faff 100%);
    box-shadow: 0 10px 24px rgba(24, 48, 110, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  }

  html ._column_1fuzk_35:hover {
    border-color: #c9d6ff;
    box-shadow: 0 16px 32px rgba(47, 91, 255, 0.14);
    transform: translateY(-3px);
  }

  html ._column_1fuzk_35::before {
    content: counter(menu-col, decimal-leading-zero);
    width: 38px;
    height: 26px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #e7edff;
    color: #2f5bff;
    font-size: 12px;
    letter-spacing: 0.04em;
    display: grid;
    place-items: center;
  }

  html ._column_1fuzk_35:hover::before {
    background: #2f5bff;
    color: #fff;
  }

  html ._columnTitle_1fuzk_43 {
    padding: 0 0 8px;
    font-size: 15.5px;
  }

  html ._links_1fuzk_60 a,
  html ._links_1fuzk_60 span[aria-disabled],
  html ._searchLink_1fuzk_70 {
    min-height: 32px;
    padding: 4px 8px;
    border-radius: 8px;
  }

  html ._links_1fuzk_60 a:hover,
  html ._links_1fuzk_60 a:focus-visible,
  html ._searchLink_1fuzk_70:hover,
  html ._searchLink_1fuzk_70:focus-visible {
    background: #eef2ff;
    color: #1d3fbe;
  }

  html ._memberRow_1fuzk_98 {
    max-width: 1180px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(24, 48, 110, 0.06);
  }

  html ._memberRow_1fuzk_98 > a[href="/login"],
  html ._memberRow_1fuzk_98 > a[href="/mypage"] {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 800;
  }

  html ._memberRow_1fuzk_98 > a[href="/login"] {
    background: #2f5bff;
  }

  html ._memberRow_1fuzk_98 > a[href="/mypage"] {
    background: #12141a;
  }

  html ._memberRow_1fuzk_98 > a[href="/login"]:hover,
  html ._memberRow_1fuzk_98 > a[href="/login"]:focus-visible,
  html ._memberRow_1fuzk_98 > a[href="/mypage"]:hover,
  html ._memberRow_1fuzk_98 > a[href="/mypage"]:focus-visible {
    background: #1d3fbe;
    color: #fff;
  }
}

@media (width >= 1024px) and (prefers-reduced-motion: reduce) {
  html ._column_1fuzk_35,
  html ._column_1fuzk_35:hover {
    transition: none;
    transform: none;
  }
}

html ._footer_1irvd_1::after {
  bottom: 0.42em;
  line-height: 1;
}

html:not(.is-auth) ._page_w9l96_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

html:not(.is-auth) ._page_w9l96_1 > ._main_w9l96_6 {
  flex: 1 0 auto;
}

/* Homepage edition. Classic is a full-bleed night stage. Modern is a color studio.
   Landing only. */

html.is-landing.home-classic section._hero_13al4_1 {
  overflow: hidden;
  background:
    radial-gradient(720px 420px at 18% 40%, rgba(47, 91, 255, 0.14), transparent 62%),
    #f4f7ff;
}

html.is-landing.home-classic ._inner_13al4_7 {
  align-items: center;
  max-width: 1180px;
  min-height: 0;
}

html.is-landing.home-classic ._headline_13al4_24 {
  font-size: clamp(44px, 4.8vw, 76px);
}

html.is-landing.home-classic ._visual_13al4_91 {
  height: 420px;
  min-height: 0;
  margin: 8px 0 8px 16px;
  border-radius: 28px;
  box-shadow: 0 22px 48px rgba(12, 22, 48, 0.22);
}

html.is-landing.home-classic .lp-stage {
  inset: 52px 10% 124px;
}

html.is-landing.home-classic .lp-plate:nth-child(1) { --s: 156px; }
html.is-landing.home-classic .lp-plate:nth-child(2) { --s: 122px; }
html.is-landing.home-classic .lp-plate:nth-child(3) { --s: 90px; }
html.is-landing.home-classic .lp-plate:nth-child(4) { --s: 58px; }

html.is-landing.home-classic ._visual_13al4_91::before {
  max-width: calc(100% - 56px);
  overflow-wrap: anywhere;
}

html.is-landing.home-classic ._card_13al4_108 {
  box-sizing: border-box;
  width: min(300px, 100%);
  max-width: 100%;
}

html.is-landing.home-classic ._cardTitle_13al4_119 {
  font-size: clamp(22px, 2vw, 30px);
  overflow-wrap: anywhere;
}

html.is-landing.home-classic ._primary_13al4_60 {
  width: auto;
  border-radius: 14px;
}

html.is-landing section._section_1ab33_1 {
  display: block;
  box-sizing: border-box;
  padding: 28px 28px 36px;
}

html.is-landing ._heading_1ab33_7 {
  max-width: 1240px;
  margin-bottom: 18px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

html.is-landing ._grid_1ab33_16 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  max-width: 1240px;
}

html.is-landing ._card_1ab33_24 {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  min-height: 196px;
  justify-content: flex-end;
  gap: 10px;
  overflow: hidden;
  padding: 20px 16px 18px;
  border-radius: 24px;
  text-decoration: none;
}

html.is-landing ._card_1ab33_24::before {
  content: "";
  position: absolute;
  right: -36px;
  bottom: -48px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--tone, #2f5bff);
  opacity: 0.2;
  pointer-events: none;
}

html.is-landing ._card_1ab33_24::after {
  content: "→";
  position: absolute;
  z-index: 1;
  top: 18px;
  right: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

html.is-landing ._number_1ab33_42 {
  position: relative;
  z-index: 1;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 1;
}

html.is-landing ._title_1ab33_50 {
  position: relative;
  z-index: 1;
  max-width: 100%;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

html.is-landing ._card_1ab33_24:nth-child(1) { --tone: #2f5bff; }
html.is-landing ._card_1ab33_24:nth-child(2) { --tone: #0f8f86; }
html.is-landing ._card_1ab33_24:nth-child(3) { --tone: #5b4dff; }
html.is-landing ._card_1ab33_24:nth-child(4) { --tone: #c45a12; }
html.is-landing ._card_1ab33_24:nth-child(5) { --tone: #1d7ed8; }
html.is-landing ._card_1ab33_24:nth-child(6) { --tone: #2436c7; }

html.is-landing.home-classic section._section_1ab33_1 {
  background: #f4f7ff;
}

html.is-landing.home-classic ._heading_1ab33_7 {
  color: #12141a;
}

html.is-landing.home-classic ._card_1ab33_24 {
  border: 1px solid #e4eaf6;
  background:
    linear-gradient(165deg, color-mix(in srgb, var(--tone) 14%, white), #fff 64%);
  color: #12141a;
  box-shadow: 0 12px 28px rgba(24, 48, 110, 0.06);
}

html.is-landing.home-classic ._number_1ab33_42,
html.is-landing.home-classic ._card_1ab33_24::after {
  color: var(--tone);
}

html.is-landing.home-classic ._title_1ab33_50 {
  color: #12141a;
}

html.is-landing.home-classic ._card_1ab33_24:hover,
html.is-landing.home-classic ._card_1ab33_24:focus-visible {
  border-color: color-mix(in srgb, var(--tone) 42%, white);
  background: #fff;
  transform: translateY(-4px);
  box-shadow: 0 18px 36px color-mix(in srgb, var(--tone) 16%, transparent);
}

html.is-landing.home-modern section._section_1ab33_1 {
  background: transparent;
  padding-top: 8px;
}

html.is-landing.home-modern ._heading_1ab33_7 {
  color: #667085;
}

html.is-landing.home-modern ._card_1ab33_24 {
  border: 1px solid rgba(255, 255, 255, 0.9);
  background:
    linear-gradient(165deg, color-mix(in srgb, var(--tone) 16%, white), #fff 58%);
  box-shadow: 0 16px 36px rgba(24, 48, 110, 0.07);
}

html.is-landing.home-modern ._number_1ab33_42,
html.is-landing.home-modern ._card_1ab33_24::after {
  color: var(--tone);
}

html.is-landing.home-modern ._title_1ab33_50 {
  color: #12141a;
}

html.is-landing.home-modern ._card_1ab33_24:hover,
html.is-landing.home-modern ._card_1ab33_24:focus-visible {
  border-color: color-mix(in srgb, var(--tone) 45%, white);
  transform: translateY(-5px);
  box-shadow: 0 20px 40px color-mix(in srgb, var(--tone) 22%, transparent);
}

html.is-landing ._card_1ab33_24[aria-disabled="true"] {
  cursor: default;
}

html.is-landing ._card_1ab33_24[aria-disabled="true"]::after {
  content: none;
}

html.is-landing section._section_1500s_1 {
  padding-top: 8px;
  padding-bottom: 48px;
}

html.is-landing.home-classic section._section_1500s_1 {
  background: linear-gradient(180deg, #f4f7ff 0%, #fff 100%);
}

html.is-landing.home-classic section._section_1ab33_1 {
  padding-bottom: 12px;
}

html.is-landing.home-classic ._bar_1500s_17 {
  background: #fff;
  box-shadow: 0 14px 36px rgba(47, 91, 255, 0.1);
}

html.is-landing.home-modern section._hero_13al4_1.ainex-ribbon-on ._copy_13al4_16 {
  border: 1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9)) padding-box,
    linear-gradient(120deg, #2f5bff, #b7c8ff 42%, #0f8f86) border-box;
  box-shadow: 0 24px 60px rgba(47, 91, 255, 0.14);
}

html.is-landing.home-modern section._section_q1qa8_1,
html.is-landing.home-modern section._alt_q1qa8_7,
html.is-landing.home-modern section._section_1we2j_1,
html.is-landing.home-modern :is(#ai-zone, #hero._section_1tjb1_1:not(._axis_1tjb1_9)) {
  background: transparent;
}

html.is-landing.home-modern #ai-zone ._row_1tjb1_177:nth-child(1) { --tone: #2f5bff; }
html.is-landing.home-modern #ai-zone ._row_1tjb1_177:nth-child(2) { --tone: #0f8f86; }
html.is-landing.home-modern #ai-zone ._row_1tjb1_177:nth-child(3) { --tone: #5b4dff; }
html.is-landing.home-modern #ai-zone ._row_1tjb1_177:nth-child(4) { --tone: #c45a12; }

html.is-landing.home-modern #ai-zone ._num_1tjb1_198 {
  color: var(--tone, #2f5bff);
}

html.is-landing ._bar_1500s_17 {
  box-shadow: 0 16px 40px rgba(47, 91, 255, 0.12);
}

@media (width >= 1024px) {
  html.is-landing.home-classic section._hero_13al4_1 {
    background:
      radial-gradient(640px 380px at 16% 42%, rgba(47, 91, 255, 0.12), transparent 64%),
      #f4f7ff;
  }

  html.is-landing.home-classic ._inner_13al4_7 {
    max-width: 1180px;
    width: 100%;
    min-height: 0;
    margin-inline: auto;
    padding: 36px 8px 16px;
    gap: 36px;
    align-items: center;
    grid-template-columns: minmax(0, 1.2fr) 400px;
  }

  html.is-landing.home-classic ._copy_13al4_16 {
    justify-content: center;
    padding: 24px 12px 24px 8px;
  }

  html.is-landing.home-classic ._visual_13al4_91 {
    width: 400px;
    height: 440px;
    min-height: 0;
    margin: 0;
    padding: 22px;
    border-radius: 28px;
    box-shadow: 0 24px 50px rgba(12, 22, 48, 0.22);
  }

  html.is-landing.home-classic ._visual_13al4_91::before {
    top: 22px;
    left: 22px;
    max-width: calc(100% - 44px);
  }
}

@media (width <= 1100px) {
  html.is-landing ._grid_1ab33_16 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width <= 720px) {
  html.is-landing section._section_1ab33_1 {
    padding: 22px 16px 28px;
  }

  html.is-landing ._grid_1ab33_16 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.is-landing ._card_1ab33_24 {
    min-height: 156px;
  }

  html.is-landing ._number_1ab33_42 {
    font-size: 32px;
  }

  html.is-landing.home-classic ._inner_13al4_7 {
    min-height: 0;
  }

  html.is-landing.home-classic ._headline_13al4_24 {
    font-size: clamp(34px, 10vw, 48px);
  }

  html.is-landing.home-classic ._visual_13al4_91 {
    width: auto;
    height: 340px;
    min-height: 0;
    margin: 8px 16px 24px;
  }

  html.is-landing.home-classic .lp-stage {
    transform: none;
  }

  html.is-landing.home-classic ._primary_13al4_60 {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.is-landing.home-classic ._card_1ab33_24,
  html.is-landing.home-modern ._card_1ab33_24,
  html.is-landing.home-classic ._card_1ab33_24:hover,
  html.is-landing.home-modern ._card_1ab33_24:hover {
    transition: none;
    transform: none;
  }
}