@font-face {
  font-family: Pretendard;
  src: url("./fonts/Pretendard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url("./fonts/Pretendard-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url("./fonts/Pretendard-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

.aiers-page {
  --aiers-cyan: #c96442;
  --aiers-cyan-mobile: #c96442;
  --aiers-accent: #c96442;
  --aiers-accent-dark: #c96442;
  --aiers-line: #e6dfd8;
  --aiers-ink: #121212;
  --aiers-text: #333;
  --aiers-cream: #f5f4ed;
  width: 100%;
  min-width: 320px;
  overflow-x: clip;
  color: var(--aiers-ink);
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  word-break: keep-all;
}

.aiers-page * {
  box-sizing: border-box;
}

.aiers-page img {
  display: block;
  max-width: none;
}

.aiers-page p,
.aiers-page h1 {
  margin: 0;
}

.aiers-page .aiers-main {
  background: #eaf5ff;
}

.aiers-page .aiers-hero {
  position: relative;
  height: 600px;
  min-height: 600px;
  overflow: hidden;
  background: linear-gradient(180deg, #eaf5ff 18.333%, #bef5ff 100%);
}

.aiers-page .aiers-hero__desktop {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 600px;
  transform: translateX(-50%);
  overflow: hidden;
}

.aiers-page .aiers-hero__mobile {
  display: none;
}

.aiers-page .aiers-hero__noise {
  position: absolute;
  left: 391px;
  top: -688px;
  width: 1138px;
  height: 1980px;
  opacity: 0.08;
  mix-blend-mode: overlay;
  transform: rotate(-90deg);
  transform-origin: center;
  object-fit: cover;
}

.aiers-page .aiers-hero__code-bg {
  position: absolute;
  left: 1566px;
  top: -376px;
  width: 1872px;
  height: 1248px;
  opacity: 0.1;
  mix-blend-mode: multiply;
  transform: translateX(-50%);
  object-fit: cover;
}

.aiers-page .aiers-hero__copy {
  position: absolute;
  left: 320px;
  top: 70px;
  width: 555px;
}

.aiers-page .aiers-hero__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 5px 12px 7px;
  border: 1px solid #c96442;
  border-radius: 6px;
  background: var(--aiers-cyan);
  color: var(--aiers-cream);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.aiers-page .aiers-hero__eyebrow {
  margin-top: 16px;
  color: var(--aiers-cyan);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-hero h1 {
  margin-top: 16px;
  color: var(--aiers-ink);
  font-size: 60px;
  font-weight: 700;
  line-height: 1.25;
}

.aiers-page .aiers-hero h1 span {
  color: var(--aiers-cyan);
}

.aiers-page .aiers-hero__desc {
  margin-top: 32px;
  color: var(--aiers-text);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-hero__system-art {
  position: absolute;
  display: block;
  pointer-events: auto;
}

.aiers-page .aiers-hero__system-art--desktop {
  left: 902px;
  top: 83px;
  width: 817px;
  height: 506px;
}

.aiers-page .aiers-hero__system-art--mobile {
  display: none;
}

.aiers-page .aiers-hero__system-canvas {
  position: relative;
  width: 817px;
  height: 506px;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.aiers-page .aiers-hero__system-canvas::before {
  position: absolute;
  left: 28px;
  top: 84px;
  width: 760px;
  height: 366px;
  border-radius: 42% 48% 38% 44%;
  background:
    radial-gradient(circle at 86% 5%, rgba(198, 246, 255, 0.95) 0 13%, transparent 14%),
    radial-gradient(circle at 8% 84%, rgba(196, 248, 255, 0.9) 0 13%, transparent 14%),
    linear-gradient(135deg, rgba(218, 248, 255, 0.94), rgba(182, 241, 250, 0.82));
  filter: blur(1px);
  content: "";
}

.aiers-page .aiers-hero__system-canvas::after {
  position: absolute;
  right: 12px;
  top: 84px;
  width: 150px;
  height: 330px;
  opacity: 0.38;
  background:
    linear-gradient(90deg, transparent 49%, rgba(115, 221, 236, 0.42) 50% 51%, transparent 52%) 0 0 / 42px 42px,
    linear-gradient(transparent 49%, rgba(115, 221, 236, 0.34) 50% 51%, transparent 52%) 0 0 / 42px 42px;
  transform: skewY(-10deg);
  content: "";
}

.aiers-page .aiers-hero__system-window-back,
.aiers-page .aiers-hero__system-window {
  position: absolute;
  width: 604px;
  height: 354px;
  border-radius: 18px;
}

.aiers-page .aiers-hero__system-window-back {
  left: 131px;
  top: 63px;
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 24px 40px rgba(83, 139, 166, 0.16);
}

.aiers-page .aiers-hero__system-window {
  left: 116px;
  top: 46px;
  z-index: 2;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 36px rgba(64, 111, 142, 0.12);
}

.aiers-page .aiers-hero__system-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 49px;
  padding: 0 18px;
  background: #191744;
  color: #fff;
}

.aiers-page .aiers-hero__system-bar strong {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.2px;
}

.aiers-page .aiers-hero__system-lights {
  display: flex;
  gap: 10px;
}

.aiers-page .aiers-hero__system-lights i {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #35c85a;
}

.aiers-page .aiers-hero__system-lights i:nth-child(2) {
  background: #ffca16;
}

.aiers-page .aiers-hero__system-lights i:nth-child(3) {
  background: #ff565b;
}

.aiers-page .aiers-hero__system-board {
  height: 305px;
  padding: 22px 23px 20px;
  background: #fff;
}

.aiers-page .aiers-hero__system-tools {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  height: 105px;
}

.aiers-page .aiers-hero__system-tool {
  position: relative;
  border-radius: 13px;
  background: #f0f7fc;
  animation: aiers-system-tool-drift 5.8s ease-in-out infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-tool:nth-child(2) {
  background: #edfafa;
  animation-delay: -1.9s;
}

.aiers-page .aiers-hero__system-tool:nth-child(3) {
  animation-delay: -3.8s;
}

.aiers-page .aiers-hero__system-tool--check::before,
.aiers-page .aiers-hero__system-tool--check::after,
.aiers-page .aiers-hero__system-tool--clock::before,
.aiers-page .aiers-hero__system-tool--clock::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
}

.aiers-page .aiers-hero__system-gear {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 51px;
  height: 51px;
  fill: #aedcff;
  transform: translate(-50%, -50%);
  transform-origin: center;
  animation: aiers-system-gear-turn 5.2s linear infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-art:hover .aiers-hero__system-gear {
  animation-duration: 2.8s;
}

.aiers-page .aiers-hero__system-tool--check::before,
.aiers-page .aiers-hero__system-tool--clock::before {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background: #7edfd3;
  transform: translate(-50%, -50%);
  animation: aiers-system-check-pulse 3.8s ease-in-out infinite;
}

.aiers-page .aiers-hero__system-tool--check::after {
  width: 17px;
  height: 9px;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  transform: translate(-50%, -65%) rotate(-45deg);
}

.aiers-page .aiers-hero__system-tool--clock::before {
  background: #a3c9f7;
  animation: none;
}

.aiers-page .aiers-hero__system-tool--clock::after {
  width: 12px;
  height: 17px;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  transform: translate(-18%, -60%);
}

.aiers-page .aiers-hero__system-detail {
  display: grid;
  grid-template-columns: 1.04fr 0.96fr;
  gap: 15px;
  height: 139px;
  margin-top: 17px;
}

.aiers-page .aiers-hero__system-tasks,
.aiers-page .aiers-hero__system-chart {
  border-radius: 13px;
  background: #f6f7fc;
}

.aiers-page .aiers-hero__system-tasks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
  padding: 0 21px;
}

.aiers-page .aiers-hero__system-tasks p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #191744;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.aiers-page .aiers-hero__system-tasks em {
  min-width: 51px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #34c98e;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

.aiers-page .aiers-hero__system-tasks em.is-progress {
  background: #ffd24b;
}

.aiers-page .aiers-hero__system-chart {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 12px;
  padding: 23px 25px 0;
}

.aiers-page .aiers-hero__system-chart i {
  flex: 1;
  max-width: 39px;
  height: 46px;
  border-radius: 7px 7px 0 0;
  background: #a8d0fb;
  transform-origin: bottom;
  animation: aiers-system-bar-breathe 4.8s ease-in-out infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-chart i:nth-child(2) { height: 68px; animation-delay: -3.8s; }
.aiers-page .aiers-hero__system-chart i:nth-child(3) { height: 108px; animation-delay: -2.9s; }
.aiers-page .aiers-hero__system-chart i:nth-child(4) { height: 48px; animation-delay: -2s; }
.aiers-page .aiers-hero__system-chart i:nth-child(5) { height: 77px; animation-delay: -1.1s; }

.aiers-page .aiers-hero__system-bubble {
  position: absolute;
  z-index: 4;
  width: 137px;
  height: 80px;
  padding: 13px 14px;
  border-radius: 7px;
  background: #8792f4;
  box-shadow: 0 8px 16px rgba(62, 74, 155, 0.27);
}

.aiers-page .aiers-hero__system-bubble--send {
  left: 14px;
  top: 112px;
  animation: aiers-system-float 5.4s ease-in-out infinite;
}

.aiers-page .aiers-hero__system-bubble--file {
  left: 665px;
  top: 273px;
  background: #6f7def;
  animation: aiers-system-float 6.2s ease-in-out -2.1s infinite reverse;
}

.aiers-page .aiers-hero__system-bubble i {
  position: relative;
  display: block;
  width: 27px;
  height: 24px;
  margin-bottom: 9px;
}

.aiers-page .aiers-hero__system-bubble--send i {
  background: #fff;
  clip-path: polygon(0 38%,100% 0,60% 100%,42% 59%);
}

.aiers-page .aiers-hero__system-bubble--file i {
  width: 20px;
  height: 25px;
  border-radius: 2px;
  background: #fff;
}

.aiers-page .aiers-hero__system-bubble--file i::after {
  position: absolute;
  left: 5px;
  top: 8px;
  width: 10px;
  height: 2px;
  background: #6f7def;
  box-shadow: 0 5px 0 #6f7def;
  content: "";
}

.aiers-page .aiers-hero__system-bubble span {
  display: block;
  height: 7px;
  border-radius: 999px;
  background: #fff;
}

.aiers-page .aiers-hero__system-bubble span + span {
  width: 70%;
  margin-top: 8px;
}

.aiers-page .aiers-hero__system-spark {
  position: absolute;
  z-index: 3;
  width: 34px;
  height: 34px;
  background: #fff;
  clip-path: polygon(50% 0, 57% 42%, 100% 50%, 57% 58%, 50% 100%, 43% 58%, 0 50%, 43% 42%);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.72));
  transform-origin: center;
  animation: aiers-system-spark-twinkle 3.6s ease-in-out infinite;
}

.aiers-page .aiers-hero__system-spark::after {
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  filter: blur(3px);
  content: "";
}

.aiers-page .aiers-hero__system-spark--one {
  left: 733px;
  top: 60px;
}

.aiers-page .aiers-hero__system-spark--two {
  left: 49px;
  top: 404px;
  width: 27px;
  height: 27px;
  animation-delay: -1.7s;
}

.aiers-page .aiers-hero__system-art--mobile .aiers-hero__system-canvas {
  transform: scale(0.4345165);
  transform-origin: top left;
}

@keyframes aiers-system-gear-turn {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes aiers-system-tool-drift {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-3px);
  }
}

@keyframes aiers-system-check-pulse {
  0%,
  72%,
  100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0 rgba(126, 223, 211, 0);
  }

  82% {
    transform: translate(-50%, -50%) scale(1.07);
    box-shadow: 0 0 0 8px rgba(126, 223, 211, 0.12);
  }
}

@keyframes aiers-system-bar-breathe {
  0%,
  60%,
  100% {
    transform: scaleY(1);
  }

  72% {
    transform: scaleY(1.06);
  }
}

@keyframes aiers-system-float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-7px);
  }
}

@keyframes aiers-system-spark-twinkle {
  0%,
  100% {
    opacity: 0.74;
    transform: scale(0.82) rotate(-4deg);
  }

  48% {
    opacity: 1;
    transform: scale(1.08) rotate(3deg);
  }
}

.aiers-page .aiers-hero__art-img {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  animation: aiers-hero-bob 6s ease-in-out infinite;
  will-change: translate;
}

.aiers-page .aiers-hero__art-img--code-shadow {
  left: 921px;
  top: 30px;
  width: 296px;
  height: 253.714px;
  filter: blur(20px);
  opacity: 0.2;
  --aiers-hero-float-y: 14px;
  animation-duration: 5.6s;
  animation-delay: -0.4s;
}

.aiers-page .aiers-hero__art-img--code {
  left: 914px;
  top: 30.14px;
  width: 296px;
  height: 253.714px;
  --aiers-hero-float-y: 14px;
  animation-duration: 5.6s;
  animation-delay: -0.4s;
}

.aiers-page .aiers-hero__art-img--phone-shadow {
  left: 1001.5px;
  top: 49.75px;
  width: 450px;
  height: 476px;
  filter: blur(20px);
  opacity: 0.3;
  transform: rotate(3.63deg);
  --aiers-hero-float-y: 18px;
  --aiers-hero-rot: 3.63deg;
  animation-duration: 6.6s;
  animation-delay: -1.7s;
}

.aiers-page .aiers-hero__art-img--phone {
  left: 1001.5px;
  top: 49.75px;
  width: 450px;
  height: 476px;
  transform: rotate(3.63deg);
  --aiers-hero-float-y: 18px;
  --aiers-hero-rot: 3.63deg;
  animation-duration: 6.6s;
  animation-delay: -1.7s;
}

.aiers-page .aiers-hero__art-img--cursor-shadow {
  left: 1233.39px;
  top: 290px;
  width: 182px;
  height: 185px;
  filter: blur(20px);
  opacity: 0.4;
  transform: rotate(4.11deg);
  --aiers-hero-float-y: 12px;
  --aiers-hero-rot: 4.11deg;
  animation-duration: 5.2s;
  animation-delay: -2.6s;
}

.aiers-page .aiers-hero__art-img--cursor {
  left: 1233.39px;
  top: 290px;
  width: 182px;
  height: 185px;
  transform: rotate(4.11deg);
  --aiers-hero-float-y: 12px;
  --aiers-hero-rot: 4.11deg;
  animation-duration: 5.2s;
  animation-delay: -2.6s;
}

/* translate longhand only → composes with each element's own transform (rotate / centering) */
@keyframes aiers-hero-bob {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 calc(var(--aiers-hero-float-y, 12px) * -1);
  }

  72% {
    translate: 0 calc(var(--aiers-hero-float-y, 12px) * 0.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aiers-page .aiers-hero__system-gear,
  .aiers-page .aiers-hero__system-tool,
  .aiers-page .aiers-hero__system-tool--check::before,
  .aiers-page .aiers-hero__system-chart i,
  .aiers-page .aiers-hero__system-bubble,
  .aiers-page .aiers-hero__system-spark,
  .aiers-page .aiers-hero__art-img,
  .aiers-page [class*="aiers-hero__mobile-code"],
  .aiers-page [class*="aiers-hero__mobile-phone"],
  .aiers-page [class*="aiers-hero__mobile-cursor"] {
    animation: none;
  }

}

@media (min-width: 768px) and (max-width: 1299px) {
  .aiers-page .aiers-hero {
    height: calc(46.875vw - 15px);
    min-height: calc(46.875vw - 15px);
  }

  .aiers-page .aiers-hero__desktop {
    transform: translateX(-50%) scale(calc((100vw - 32px) / 1280px));
    transform-origin: top center;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-hero {
    height: 510px;
    min-height: 510px;
  }

  .aiers-page .aiers-hero__desktop {
    display: none;
  }

  .aiers-page .aiers-hero__mobile {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 375px;
    height: 510px;
    transform: translateX(-50%);
    overflow: hidden;
  }

  .aiers-page .aiers-hero__mobile::before {
    content: none;
  }

  .aiers-page .aiers-hero__mobile-copy {
    position: absolute;
    left: 24px;
    top: 27px;
    width: 300px;
    z-index: 2;
  }

  .aiers-page .aiers-hero__mobile-badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 3px 8px 5px;
    border: 0.5px solid #e6dfd8;
    border-radius: 4px;
    background: var(--aiers-cyan);
    color: var(--aiers-cream);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
  }

  .aiers-page .aiers-hero__mobile-eyebrow {
    margin-top: 4px;
    color: var(--aiers-cyan-mobile);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
  }

  .aiers-page .aiers-hero__mobile-title {
    margin-top: 8px;
    color: var(--aiers-ink);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
  }

  .aiers-page .aiers-hero__mobile-title span {
    color: var(--aiers-cyan-mobile);
  }

  .aiers-page .aiers-hero__mobile-desc {
    margin-top: 12px;
    color: var(--aiers-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.24px;
    white-space: nowrap;
  }

  .aiers-page .aiers-hero__system-art--mobile {
    left: 10px;
    top: 270px;
    display: block;
    width: 355px;
    height: 223px;
  }

  .aiers-page .aiers-hero__mobile-code-shadow {
    position: absolute;
    left: 114.26px;
    top: 230px;
    width: 137.762px;
    height: 118.082px;
    filter: blur(9.308px);
    opacity: 0.2;
    --aiers-hero-float-y: 10px;
    animation: aiers-hero-bob 5.6s ease-in-out infinite;
    animation-delay: -0.4s;
    will-change: translate;
  }

  .aiers-page .aiers-hero__mobile-code {
    position: absolute;
    left: 111px;
    top: 230.06px;
    width: 137.762px;
    height: 118.082px;
    --aiers-hero-float-y: 10px;
    animation: aiers-hero-bob 5.6s ease-in-out infinite;
    animation-delay: -0.4s;
    will-change: translate;
  }

  .aiers-page .aiers-hero__mobile-phone-shadow {
    position: absolute;
    left: 151.77px;
    top: 246px;
    width: 209.441px;
    height: 221.462px;
    filter: blur(9.307px);
    opacity: 0.3;
    transform: rotate(3.63deg);
    --aiers-hero-float-y: 14px;
    animation: aiers-hero-bob 6.6s ease-in-out infinite;
    animation-delay: -1.7s;
    will-change: translate;
  }

  .aiers-page .aiers-hero__mobile-phone {
    position: absolute;
    left: 151.77px;
    top: 246.07px;
    width: 209.441px;
    height: 221.462px;
    transform: rotate(3.63deg);
    --aiers-hero-float-y: 14px;
    animation: aiers-hero-bob 6.6s ease-in-out infinite;
    animation-delay: -1.7s;
    will-change: translate;
  }

  .aiers-page .aiers-hero__mobile-cursor-shadow {
    position: absolute;
    left: 259.65px;
    top: 360px;
    width: 84.586px;
    height: 86.11px;
    filter: blur(9.302px);
    opacity: 0.4;
    transform: rotate(4.11deg);
    --aiers-hero-float-y: 9px;
    animation: aiers-hero-bob 5.2s ease-in-out infinite;
    animation-delay: -2.6s;
    will-change: translate;
  }

  .aiers-page .aiers-hero__mobile-cursor {
    position: absolute;
    left: 259.77px;
    top: 360px;
    width: 84.586px;
    height: 86.11px;
    transform: rotate(4.11deg);
    --aiers-hero-float-y: 9px;
    animation: aiers-hero-bob 5.2s ease-in-out infinite;
    animation-delay: -2.6s;
    will-change: translate;
  }
}

.aiers-page .aiers-team {
  padding: 48px 0;
  background: #fbf1ec;
}

.aiers-page .aiers-team > .aiers-wrap {
  width: min(1120px, calc(100% - 40px));
}

.aiers-page .aiers-team__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.aiers-page .aiers-team__badge {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  background: #c96442;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.aiers-page .aiers-team__title {
  margin-top: 4px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  color: #141413;
}

.aiers-page .aiers-team__title span {
  color: #c96442;
}

.aiers-page .aiers-team__desc {
  color: #5e5d59;
  font-size: 14px;
  line-height: 1.5;
}

.aiers-page .aiers-team__cta {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(280px, 100%);
  min-height: 48px;
  margin-top: 6px;
  padding: 0 16px;
  border-radius: 10px;
  background: #c96442;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
}

.aiers-page .aiers-team__cta:hover {
  background: #e08d6d;
  text-decoration: none;
}

@media (max-width: 860px) {
  .aiers-page .aiers-team {
    padding: 36px 0;
  }

  .aiers-page .aiers-team__title {
    font-size: 17px;
  }

  .aiers-page .aiers-team__desc {
    font-size: 13px;
  }

  .aiers-page .aiers-team__cta {
    width: min(280px, 100%);
  }
}

.aiers-page .aiers-hero h1 span.aiers-hero__code-suffix,
.aiers-page .aiers-hero__mobile-title span.aiers-hero__code-suffix {
  color: #121212;
}

/* 2026-07 Claude Code visual: built with HTML/CSS for crisp rendering */
.aiers-page .aiers-solo__window--front {
  background: #f7f6f2;
}

.aiers-page .aiers-solo__window--front::before {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 78% 18%, rgba(201, 100, 66, 0.1), transparent 32%);
  content: "";
  pointer-events: none;
}

.aiers-page .aiers-solo__app-sidebar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
  width: 132px;
  height: 100%;
  padding: 22px 12px 16px;
  border-right: 1px solid #e8e4de;
  background: rgba(241, 239, 234, 0.92);
  color: #625f59;
  font-family: Pretendard, sans-serif;
}

.aiers-page .aiers-solo__app-brand {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 4px 19px;
  color: #272623;
  font-size: 12px;
  line-height: 1;
}

.aiers-page .aiers-solo__app-logo {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: #d97757;
}

.aiers-page .aiers-solo__app-logo::before,
.aiers-page .aiers-solo__app-logo::after,
.aiers-page .aiers-solo__app-logo > i {
  position: absolute;
  left: 9px;
  top: 4px;
  width: 2px;
  height: 12px;
  border-radius: 4px;
  background: #fff7ef;
  content: "";
}

.aiers-page .aiers-solo__app-logo::after {
  transform: rotate(90deg);
}

.aiers-page .aiers-solo__app-logo > i:first-child { transform: rotate(45deg); }
.aiers-page .aiers-solo__app-logo > i:last-child { transform: rotate(-45deg); }

.aiers-page .aiers-solo__app-sidebar button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  margin: 0 0 20px;
  padding: 0 10px;
  gap: 7px;
  border: 1px solid #dfdad3;
  border-radius: 8px;
  background: #fff;
  color: #44413c;
  font-family: inherit;
  font-size: 9px;
  font-weight: 600;
  text-align: left;
}

.aiers-page .aiers-solo__app-sidebar button span {
  color: #c96442;
  font-size: 14px;
}

.aiers-page .aiers-solo__app-sidebar > em {
  display: block;
  margin: 0 7px 8px;
  color: #9a958d;
  font-size: 7px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.aiers-page .aiers-solo__app-sidebar > p {
  display: flex;
  align-items: center;
  height: 26px;
  margin: 2px 0;
  padding: 0 8px;
  gap: 7px;
  border-radius: 7px;
  color: #77726b;
  font-size: 8px;
  line-height: 1;
}

.aiers-page .aiers-solo__app-sidebar > p i {
  width: 10px;
  color: #aaa49c;
  font-size: 9px;
  font-style: normal;
  text-align: center;
}

.aiers-page .aiers-solo__app-sidebar > p.is-active {
  background: #e9e5de;
  color: #2e2c29;
  font-weight: 600;
}

.aiers-page .aiers-solo__app-sidebar > p.is-active i { color: #c96442; }

.aiers-page .aiers-solo__app-sidebar > small {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-size: 7px;
}

.aiers-page .aiers-solo__app-sidebar > small::before {
  position: absolute;
  z-index: -1;
  inset: -5px;
  width: 20px;
  border-radius: 50%;
  background: #3f2418;
  content: "";
}

.aiers-page .aiers-solo__app-sidebar > small b {
  margin-left: 5px;
  color: #77726b;
  font-size: 8px;
}

.aiers-page .aiers-solo__app-workspace {
  position: absolute;
  left: 132px;
  top: 0;
  width: 466px;
  height: 340px;
  color: #302e2a;
}

.aiers-page .aiers-solo__app-workspace > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 42px;
  padding: 0 18px;
  border-bottom: 1px solid #ebe7e1;
  background: rgba(255, 255, 255, 0.78);
  font-size: 10px;
}

.aiers-page .aiers-solo__app-workspace > header > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #77726b;
  font-size: 7px;
  font-weight: 600;
}

.aiers-page .aiers-solo__app-workspace > header > span i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #54a96b;
  box-shadow: 0 0 0 3px rgba(84, 169, 107, 0.12);
}

.aiers-page .aiers-solo__app-request {
  position: absolute;
  right: 18px;
  top: 55px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.aiers-page .aiers-solo__app-request > span {
  display: grid;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  background: #3f2418;
  color: #fff;
  font-size: 6px;
  font-weight: 700;
}

.aiers-page .aiers-solo__app-request p {
  margin: 0;
  padding: 8px 11px;
  border-radius: 10px 2px 10px 10px;
  background: #ece8e1;
  color: #4b4842;
  font-size: 8px;
  line-height: 1.45;
}

.aiers-page .aiers-solo__app-response {
  position: absolute;
  left: 18px;
  top: 105px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.aiers-page .aiers-solo__app-response .aiers-solo__app-logo {
  width: 22px;
  height: 22px;
}

.aiers-page .aiers-solo__app-response .aiers-solo__app-logo::before,
.aiers-page .aiers-solo__app-response .aiers-solo__app-logo::after,
.aiers-page .aiers-solo__app-response .aiers-solo__app-logo > i { left: 10px; top: 5px; }

.aiers-page .aiers-solo__app-response b {
  display: block;
  margin-bottom: 3px;
  font-size: 8px;
}

.aiers-page .aiers-solo__app-response p {
  margin: 0;
  color: #88827a;
  font-size: 7px;
}

.aiers-page .aiers-solo__code-panel {
  position: absolute;
  left: 18px;
  top: 148px;
  box-sizing: border-box;
  width: 268px;
  height: 170px;
  overflow: hidden;
  border: 1px solid #383734;
  border-radius: 10px;
  background: #1f1f1d;
  box-shadow: 0 10px 24px rgba(42, 35, 29, 0.15);
  color: #d8d5ce;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.aiers-page .aiers-solo__code-head {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 29px;
  padding: 0 10px;
  border-bottom: 1px solid #373632;
  background: #292825;
}

.aiers-page .aiers-solo__code-head > span { display: flex; gap: 3px; }
.aiers-page .aiers-solo__code-head > span i { width: 5px; height: 5px; border-radius: 50%; background: #6a6761; }
.aiers-page .aiers-solo__code-head > span i:first-child { background: #d87558; }
.aiers-page .aiers-solo__code-head > b { margin-left: 10px; color: #aaa69f; font-size: 6px; font-weight: 500; }
.aiers-page .aiers-solo__code-head > em { margin-left: auto; color: #75bd83; font-size: 6px; font-style: normal; }

.aiers-page .aiers-solo__code-panel > p {
  margin: 0;
  padding: 9px 13px 0;
  color: #b9b5ae;
  font-size: 7px;
  line-height: 1.2;
}

.aiers-page .aiers-solo__code-panel > p span {
  display: inline-block;
  width: 12px;
  color: #cf795c;
  font-weight: 700;
}

.aiers-page .aiers-solo__code-panel > p:nth-of-type(2) span,
.aiers-page .aiers-solo__code-panel > p:nth-of-type(3) span { color: #77bf86; }

.aiers-page .aiers-solo__code-panel > strong {
  position: absolute;
  left: 13px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #f1eee8;
  font-size: 7px;
}

.aiers-page .aiers-solo__code-panel > strong i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #70bb7f;
  box-shadow: 0 0 0 3px rgba(112, 187, 127, 0.13);
}

.aiers-page .aiers-solo__app-preview {
  position: absolute;
  right: 18px;
  top: 148px;
  box-sizing: border-box;
  width: 145px;
  height: 170px;
  overflow: hidden;
  border: 1px solid #e1ddd6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(42, 35, 29, 0.1);
}

.aiers-page .aiers-solo__app-preview > header {
  display: flex;
  align-items: center;
  height: 25px;
  padding: 0 9px;
  gap: 3px;
  border-bottom: 1px solid #eeeae5;
  color: #706b64;
  font-size: 5px;
}

.aiers-page .aiers-solo__app-preview > header b { margin-right: auto; }
.aiers-page .aiers-solo__app-preview > header i { width: 3px; height: 3px; border-radius: 50%; background: #d7d2cb; }
.aiers-page .aiers-solo__app-preview > strong { display: block; margin: 14px 12px 5px; color: #383631; font-size: 8px; }
.aiers-page .aiers-solo__app-preview > span { display: block; width: 72px; height: 4px; margin: 4px 12px; border-radius: 4px; background: #ede9e3; }
.aiers-page .aiers-solo__app-preview > span + span { width: 48px; }
.aiers-page .aiers-solo__app-preview > div { display: flex; align-items: flex-end; height: 49px; margin: 10px 12px 0; gap: 5px; padding: 0 7px 6px; border-radius: 6px; background: #faf7f3; }
.aiers-page .aiers-solo__app-preview > div i { flex: 1; height: 20px; border-radius: 2px 2px 0 0; background: #e5b19e; }
.aiers-page .aiers-solo__app-preview > div i:nth-child(2) { height: 31px; }
.aiers-page .aiers-solo__app-preview > div i:nth-child(3) { height: 25px; }
.aiers-page .aiers-solo__app-preview > div i:nth-child(4) { height: 39px; background: #c96442; }
.aiers-page .aiers-solo__app-preview > em { position: absolute; right: 9px; bottom: 9px; padding: 3px 6px; border-radius: 99px; background: #eaf5ec; color: #4f9660; font-size: 5px; font-style: normal; font-weight: 700; }

.aiers-page .aiers-solo__app-preview,
.aiers-page .aiers-solo__code-panel {
  animation: aiers-solo-panel-float 4.2s ease-in-out infinite;
}

.aiers-page .aiers-solo__app-preview { animation-delay: -2.1s; }

@keyframes aiers-solo-panel-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

@media (prefers-reduced-motion: reduce) {
  .aiers-page .aiers-solo__app-preview,
  .aiers-page .aiers-solo__code-panel { animation: none; }
}

/* 2026-07 Figma refresh: aiers-solo (2793:46947 / 2793:44315) */
.aiers-page .aiers-solo {
  height: 908px;
  padding-top: 120px;
  background: #fafaf7;
  color: #141413;
}

.aiers-page .aiers-solo::before {
  opacity: 0.16;
  background: url("./figma/solo/solo-bg.webp") center / cover no-repeat;
}

.aiers-page .aiers-solo__scene {
  width: 990px;
}

.aiers-page .aiers-solo__scene h2 {
  font-size: 40px;
  line-height: 1.25;
}

.aiers-page .aiers-solo__windows {
  width: 662px;
  height: 422px;
  margin: 56px auto 0;
  background: url("./figma/solo/window-desktop.webp") center / contain no-repeat;
}

.aiers-page .aiers-solo__windows > * {
  display: none;
}

.aiers-page .aiers-solo__icons {
  position: absolute;
  left: 50%;
  top: 436px;
  display: flex;
  gap: 40px;
  width: 988.077px;
  height: 88.51px;
  margin: 0;
  background: none;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.22));
  transform: translateX(-50%);
}

.aiers-page .aiers-solo__icons span {
  display: block;
}

.aiers-page .aiers-solo__scene > p {
  position: absolute;
  left: 50%;
  top: 580px;
  width: 760px;
  margin: 0;
  color: #141413;
  font-size: 25px;
  line-height: 1.5;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo {
    height: 623px;
    min-height: 623px;
    padding: 60px 0 0;
    background: #fafaf7;
  }

  .aiers-page .aiers-solo__scene {
    width: 375px;
  }

  .aiers-page .aiers-solo__scene h2 {
    font-size: 24px;
    line-height: 1.25;
  }

  .aiers-page .aiers-solo__windows {
    width: 338px;
    height: 216px;
    margin-top: 32px;
    background-image: url("./figma/solo/window-mobile.webp");
  }

  .aiers-page .aiers-solo__icons {
    top: 265px;
    gap: 16px;
    width: 540.932px;
    height: 53.616px;
    margin: 0;
    background: none;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.22));
  }

  .aiers-page .aiers-solo__scene > p {
    top: 364px;
    width: 343px;
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
  }
}

/* Final cascade guard for the lossless Figma SVG icon row. */
.aiers-page .aiers-solo__icons {
  top: 436px;
  display: flex;
  gap: 40px;
  width: 988.077px;
  height: 88.51px;
  background: none;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.22));
}

.aiers-page .aiers-solo__icons span {
  display: block;
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo__icons {
    top: 265px;
    gap: 16px;
    width: 540.932px;
    height: 53.616px;
    background: none;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.22));
  }
}

/* Keep the CSS-built Claude Code UI above legacy solo-window declarations. */
.aiers-page .aiers-solo__window--front {
  background: #f7f6f2;
}

.aiers-page .aiers-solo__app-sidebar {
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 132px;
  height: 100%;
  padding: 22px 12px 16px;
  color: #625f59;
}

.aiers-page .aiers-solo__app-brand b {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
  color: #272623;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.aiers-page .aiers-solo__app-sidebar > em {
  display: block;
  margin: 0 7px 8px;
  color: #9a958d;
  font-size: 7px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.aiers-page .aiers-solo__app-sidebar .aiers-solo__app-logo > i {
  position: absolute;
  left: 9px;
  top: 4px;
  display: block;
  width: 2px;
  height: 12px;
  margin: 0;
  border-radius: 4px;
  background: #fff7ef;
}

.aiers-page .aiers-solo__app-sidebar .aiers-solo__app-logo > i:first-child { transform: rotate(45deg); }
.aiers-page .aiers-solo__app-sidebar .aiers-solo__app-logo > i:last-child { transform: rotate(-45deg); }

.aiers-page .aiers-solo__app-sidebar > p i {
  display: inline-block;
  width: 10px;
  height: auto;
  margin: 0;
  border-radius: 0;
  background: none;
}

.aiers-page .aiers-solo__app-sidebar > small b {
  display: inline;
  width: auto;
  height: auto;
  margin: 0 0 0 5px;
  padding: 0;
  background: none;
  color: #77726b;
  font-size: 8px;
  line-height: 1;
}

/* aiers-solo visual verification correction */
.aiers-page .aiers-solo::before {
  opacity: 0;
}

.aiers-page .aiers-solo__windows {
  position: absolute;
  left: 50%;
  top: 130px;
  margin: 0;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo__scene h2 {
    font-size: 25px;
  }

  .aiers-page .aiers-solo__windows {
    top: 92px;
    margin: 0;
  }
}

/* Figma vector icon row: keep artwork sharp at every device pixel ratio. */
.aiers-page .aiers-solo__icons {
  top: 436px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  width: 988.077px;
  height: 88.51px;
  background: none;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.22));
}

.aiers-page .aiers-solo__icons span {
  position: relative;
  display: block;
  flex: 0 0 88.51px;
  width: 88.51px;
  height: 88.51px;
  overflow: visible;
  border-radius: 19.241px;
  box-shadow:
    inset -0.691px -0.691px 0.691px rgba(0, 0, 0, 0.05),
    inset 0.691px 0.691px 0.691px rgba(255, 255, 255, 0.2);
  color: transparent;
  font-size: 0;
}

.aiers-page .aiers-solo__icons span:nth-child(1) { background: #fadb7e; }
.aiers-page .aiers-solo__icons span:nth-child(2),
.aiers-page .aiers-solo__icons span:nth-child(3) { background: none; box-shadow: none; }
.aiers-page .aiers-solo__icons span:nth-child(4) { background: linear-gradient(#cde7ff, #c1e1ff); }
.aiers-page .aiers-solo__icons span:nth-child(5) { background: linear-gradient(#6683e7, #4968d7); }
.aiers-page .aiers-solo__icons span:nth-child(6) { background: linear-gradient(#e2bdff, #dbb0fd); }
.aiers-page .aiers-solo__icons span:nth-child(7) { background: linear-gradient(#ffe8a5, #ffe494); }
.aiers-page .aiers-solo__icons span:nth-child(8) { background: linear-gradient(#8fdea5, #89e2b7); }

.aiers-page .aiers-solo__icons img {
  position: absolute;
  display: block;
  max-width: none;
}

.aiers-page .aiers-solo__icons span:nth-child(1) img { left: 2.8px; top: 12px; width: 82.819px; height: 82.813px; }
.aiers-page .aiers-solo__icons span:nth-child(2) img,
.aiers-page .aiers-solo__icons span:nth-child(3) img { inset: 0; width: 88.51px; height: 88.51px; }
.aiers-page .aiers-solo__icons span:nth-child(4) img { left: 9.79px; top: 14.6px; width: 68.929px; height: 68.929px; }
.aiers-page .aiers-solo__icons span:nth-child(5) img { left: -4.78px; top: 17.29px; width: 97.942px; height: 71.757px; }
.aiers-page .aiers-solo__icons span:nth-child(6) img { left: 10.9px; top: 9.88px; width: 66.703px; height: 66.703px; filter: drop-shadow(0 3.848px 5.131px rgba(53, 0, 203, 0.6)); }
.aiers-page .aiers-solo__icons span:nth-child(7) img { left: 13.86px; top: 5px; width: 60.674px; height: 83.73px; }
.aiers-page .aiers-solo__icons span:nth-child(8) img { left: 10.9px; top: 10.9px; width: 66.703px; height: 66.703px; filter: drop-shadow(0 3.848px 3.848px rgba(4, 79, 70, 0.45)); transform: scaleY(-1); }

@media (max-width: 767px) {
  .aiers-page .aiers-solo__icons {
    top: 265px;
    gap: 16px;
    width: 540.932px;
    height: 53.616px;
    background: none;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.22));
  }

  .aiers-page .aiers-solo__icons span {
    flex-basis: 53.616px;
    width: 53.616px;
    height: 53.616px;
    border-radius: 11.656px;
  }

  .aiers-page .aiers-solo__icons span:nth-child(1) img { left: 1.7px; top: 7.27px; width: 50.174px; height: 50.171px; }
  .aiers-page .aiers-solo__icons span:nth-child(2) img,
  .aiers-page .aiers-solo__icons span:nth-child(3) img { width: 53.616px; height: 53.616px; }
  .aiers-page .aiers-solo__icons span:nth-child(4) img { left: 5.93px; top: 8.84px; width: 41.751px; height: 41.751px; }
  .aiers-page .aiers-solo__icons span:nth-child(5) img { left: -2.9px; top: 10.47px; width: 59.33px; height: 43.467px; }
  .aiers-page .aiers-solo__icons span:nth-child(6) img { left: 6.6px; top: 5.98px; width: 40.407px; height: 40.407px; }
  .aiers-page .aiers-solo__icons span:nth-child(7) img { left: 8.4px; top: 3.03px; width: 36.757px; height: 50.722px; }
  .aiers-page .aiers-solo__icons span:nth-child(8) img { left: 6.6px; top: 6.6px; width: 40.407px; height: 40.407px; }
}

.aiers-page .aiers-info {
  position: relative;
  padding: 40px 0 60px;
  background: #fff;
}

.aiers-page .aiers-info__wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-info h2 {
  margin: 0 0 16px;
  color: #121212;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-info__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 20px 24px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #fafafa;
}

.aiers-page .aiers-info__row {
  display: flex;
  align-items: center;
  min-height: 48px;
  border-bottom: 1px dashed #e6e6e6;
}

.aiers-page .aiers-info__row:first-child {
  min-height: 36px;
  align-items: flex-start;
}

.aiers-page .aiers-info__row:last-child {
  min-height: 36px;
  border-bottom: 0;
  align-items: flex-end;
}

.aiers-page .aiers-info dt,
.aiers-page .aiers-info dd {
  margin: 0;
}

.aiers-page .aiers-info dt {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 155px;
  color: #121212;
  font-size: 20px;
  font-weight: 500;
  line-height: 19.5px;
}

.aiers-page .aiers-info dt img {
  width: 24px;
  height: 24px;
}

.aiers-page .aiers-info dd {
  color: #121212;
  font-size: 20px;
  font-weight: 600;
  line-height: 19.5px;
}

.aiers-page .aiers-info dd em {
  color: #c96442;
  font-style: normal;
  font-weight: 700;
}

.aiers-page .aiers-info__list dd.aiers-info__schedule {
  display: flex;
  min-width: 0;
  white-space: normal;
}

.aiers-page .aiers-info__schedule-option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.aiers-page .aiers-info__schedule-text {
  min-width: 0;
}

.aiers-page .aiers-info__schedule-option i {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(201, 100, 66, 0.1);
  color: var(--aiers-accent);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.aiers-page .aiers-info s {
  text-decoration-thickness: 1px;
}

.aiers-page .aiers-info__mobile-value {
  display: none;
}

.aiers-page .aiers-info__action {
  display: grid;
  grid-template-columns: 1fr 628px;
  gap: 24px;
  margin-top: 32px;
}

.aiers-page .aiers-info__count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  padding: 19px 24px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #fafafa;
  color: #121212;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-info__count p {
  margin: 0;
}

.aiers-page .aiers-info__count span,
.aiers-page .aiers-info__count strong {
  color: #c96442;
}

.aiers-page .aiers-info__count strong {
  font-size: 20px;
  font-weight: 700;
}

.aiers-page .aiers-info__count-mobile {
  display: none;
}

.aiers-page .aiers-info__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  border-radius: 8px;
  background: #c96442;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-info {
    padding: 40px 16px;
  }

  .aiers-page .aiers-info__wrap {
    width: 100%;
  }

  .aiers-page .aiers-info h2 {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 25.5px;
  }

  .aiers-page .aiers-info__list {
    padding: 16px;
    border-radius: 4px;
  }

  .aiers-page .aiers-info__row {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    column-gap: 8px;
    justify-content: initial;
    min-height: 36px;
    border-bottom-style: dashed;
  }

  .aiers-page .aiers-info__row:first-child,
  .aiers-page .aiers-info__row:last-child {
    align-items: center;
    min-height: 28px;
  }

  .aiers-page .aiers-info dt {
    gap: 8px;
    width: auto;
    font-size: 12px;
    line-height: 19.5px;
  }

  .aiers-page .aiers-info dt img {
    width: 20px;
    height: 20px;
  }

  .aiers-page .aiers-info dd {
    font-size: 12px;
    line-height: 19.5px;
    text-align: right;
    justify-self: end;
    min-width: 0;
    white-space: nowrap;
  }

  .aiers-page .aiers-info__schedule-option {
    justify-content: flex-end;
    gap: 6px;
  }

  .aiers-page .aiers-info__schedule-option i {
    padding: 3px 6px;
    font-size: 10px;
  }

  .aiers-page .aiers-info__desktop-value {
    display: none;
  }

  .aiers-page .aiers-info__mobile-value {
    display: block;
  }

  .aiers-page .aiers-info__action {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
  }

  .aiers-page .aiers-info__count {
    min-height: 45px;
    padding: 11px 16px;
    border-radius: 4px;
    font-size: 14px;
  }

  .aiers-page .aiers-info__count strong {
    font-size: 14px;
  }

  .aiers-page .aiers-info__count-desktop {
    display: none;
  }

  .aiers-page .aiers-info__count-mobile {
    display: block;
  }

  .aiers-page .aiers-info__cta {
    min-height: 47px;
    border-radius: 4px;
    font-size: 18px;
  }
}

.aiers-page .aiers-wrap {
  margin: 0 auto;
}

.aiers-page .aiers-mobile-break {
  display: none;
}

.aiers-page .aiers-cheapest {
  padding: 120px 0;
  background: #fafafa;
  color: #121212;
}

.aiers-page .aiers-cheapest > .aiers-wrap {
  width: 100%;
  max-width: 1312px;
  padding: 0 16px;
}

.aiers-page .aiers-cheapest__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.aiers-page .aiers-cheapest__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 451px;
  min-height: 150px;
  margin-bottom: 24px;
}

.aiers-page .aiers-cheapest__copy h2,
.aiers-page .aiers-cheapest__copy p,
.aiers-page .aiers-cheapest__bars p,
.aiers-page .aiers-cheapest__bars strong,
.aiers-page .aiers-cheapest__offer h3,
.aiers-page .aiers-cheapest__offer p {
  margin: 0;
}

.aiers-page .aiers-cheapest__copy h2 {
  color: #121212;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}

.aiers-page .aiers-cheapest__copy h2 span {
  color: var(--aiers-accent);
}

.aiers-page .aiers-cheapest__copy p {
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-cheapest__chart {
  position: relative;
  width: 1280px;
  max-width: 100%;
  height: 433px;
}

.aiers-page .aiers-cheapest__trend {
  position: absolute;
  display: none;
  pointer-events: none;
}

.aiers-page .aiers-cheapest__trend--desktop {
  z-index: 1;
  display: block;
  left: 176px;
  top: 224.59px;
  width: 959.019px;
  height: 11.547px;
  max-width: none;
  opacity: 0.7;
  filter: brightness(0);
  transform: rotate(-13.89deg);
  transform-origin: left center;
}

.aiers-page .aiers-cheapest__trend--mobile {
  display: none;
}

.aiers-page .aiers-cheapest__baseline {
  position: absolute;
  pointer-events: none;
}

.aiers-page .aiers-cheapest__baseline--desktop {
  left: 0;
  top: 356px;
  width: 1280px;
  max-width: 100%;
  height: 1px;
}

.aiers-page .aiers-cheapest__baseline--mobile {
  display: none;
}

.aiers-page .aiers-cheapest__discount {
  position: absolute;
  left: 109px;
  top: 100px;
  z-index: 2;
  display: block;
  width: 133px;
  height: 140.36px;
}

.aiers-page .aiers-cheapest__discount span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 104px;
  height: 56px;
  padding: 10px 20px;
  border-radius: 100px;
  background: var(--aiers-accent);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}

.aiers-page .aiers-cheapest__discount i {
  position: absolute;
  left: 57px;
  top: 24px;
  z-index: 1;
  display: block;
  width: 20px;
  height: 116.36px;
}

.aiers-page .aiers-cheapest__discount i::before {
  position: absolute;
  left: 9px;
  top: 0;
  width: 2px;
  height: 114px;
  background: var(--aiers-accent);
  content: "";
}

.aiers-page .aiers-cheapest__discount i::after {
  position: absolute;
  left: 0;
  top: 96.36px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--aiers-accent);
  content: "";
}

.aiers-page .aiers-cheapest__bars {
  position: absolute;
  left: 64px;
  top: 66px;
  display: flex;
  align-items: flex-end;
  gap: 80px;
}

.aiers-page .aiers-cheapest__bars article {
  display: flex;
  width: 228px;
  flex-direction: column;
  align-items: center;
  gap: 17px;
  text-align: center;
}

.aiers-page .aiers-cheapest__bars i {
  width: 120px;
  border-radius: 8px 8px 0 0;
  background: #e6e6e6;
}

.aiers-page .aiers-cheapest__bars article:nth-child(1) i {
  height: 89px;
  background: var(--aiers-accent);
}

.aiers-page .aiers-cheapest__bars article:nth-child(2) i {
  height: 136px;
}

.aiers-page .aiers-cheapest__bars article:nth-child(3) i {
  height: 218px;
}

.aiers-page .aiers-cheapest__bars article:nth-child(4) i {
  height: 290px;
}

.aiers-page .aiers-cheapest__bars p,
.aiers-page .aiers-cheapest__bars strong {
  font-size: 20px;
  line-height: 1.5;
}

.aiers-page .aiers-cheapest__bars p,
.aiers-page .aiers-cheapest__bars strong {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
}

.aiers-page .aiers-cheapest__bars .is-now p {
  color: #121212;
  font-weight: 700;
}

.aiers-page .aiers-cheapest__bars .is-now strong {
  color: var(--aiers-accent);
  font-weight: 700;
}

.aiers-page .aiers-cheapest__offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  width: 100%;
  min-height: 181px;
  padding: 20px;
  border: 1px solid var(--aiers-line);
  border-radius: 8px;
  background: #fff;
  color: #000;
}

.aiers-page .aiers-cheapest__offer h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-cheapest__offer p {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.aiers-page .aiers-cheapest__offer-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-self: end;
}

.aiers-page .aiers-cheapest__offer s {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.aiers-page .aiers-cheapest__offer strong {
  color: #000;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-cheapest__offer-cta {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  padding: 20px 12px;
  border-radius: 8px;
  background: var(--aiers-accent);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-mobile-break {
    display: block;
  }

  .aiers-page .aiers-cheapest {
    padding: 80px 0 40px;
  }

  .aiers-page .aiers-cheapest > .aiers-wrap {
    width: calc(100% - 32px);
    max-width: 520px;
    padding: 0;
  }

  .aiers-page .aiers-cheapest__inner {
    gap: 24px;
  }

  .aiers-page .aiers-cheapest__copy {
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    min-height: 0;
    gap: 12px;
    margin-bottom: 0;
  }

  .aiers-page .aiers-cheapest__copy h2 {
    font-size: 24px;
    line-height: 1.25;
    white-space: normal;
  }

  .aiers-page .aiers-cheapest__copy p {
    font-size: 14px;
  }

  .aiers-page .aiers-cheapest__chart {
    width: 100%;
    max-width: none;
    height: 201px;
    margin-top: 8px;
    overflow: visible;
  }

  .aiers-page .aiers-cheapest__trend--desktop,
  .aiers-page .aiers-cheapest__baseline--desktop {
    display: none;
  }

  .aiers-page .aiers-cheapest__trend--mobile {
    z-index: 1;
    display: block;
    left: 12.54%;
    top: 82.67px;
    width: 80.43%;
    height: 8.66px;
    max-width: none;
    opacity: 0.7;
    filter: brightness(0);
    transform: rotate(-18.43deg);
    transform-origin: left center;
  }

  .aiers-page .aiers-cheapest__baseline--mobile {
    display: block;
    left: 0;
    top: 141px;
    width: 100%;
    max-width: none;
    height: 1px;
  }

  .aiers-page .aiers-cheapest__discount {
    left: 0;
    top: 6px;
    width: 88px;
    height: 88px;
  }

  .aiers-page .aiers-cheapest__discount span {
    width: 100%;
    min-width: 100%;
    height: 36px;
    padding: 6px 13px;
    font-size: 16px;
  }

  .aiers-page .aiers-cheapest__discount i {
    left: 37px;
    top: 24px;
    width: 14px;
    height: 64px;
  }

  .aiers-page .aiers-cheapest__discount i::before {
    left: 6px;
    height: 62px;
  }

  .aiers-page .aiers-cheapest__discount i::after {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .aiers-page .aiers-cheapest__bars {
    left: 0;
    top: 32px;
    width: 100%;
    gap: 0;
  }

  .aiers-page .aiers-cheapest__bars article {
    width: 25%;
    gap: 6px;
  }

  .aiers-page .aiers-cheapest__bars i {
    width: 45px;
    border-radius: 2px 2px 0 0;
  }

  .aiers-page .aiers-cheapest__bars article:nth-child(1) i {
    height: 33px;
  }

  .aiers-page .aiers-cheapest__bars article:nth-child(2) i {
    height: 51px;
  }

  .aiers-page .aiers-cheapest__bars article:nth-child(3) i {
    height: 82px;
  }

  .aiers-page .aiers-cheapest__bars article:nth-child(4) i {
    height: 109px;
  }

  .aiers-page .aiers-cheapest__bars p,
  .aiers-page .aiers-cheapest__bars strong {
    font-size: 12px;
  }

  .aiers-page .aiers-cheapest__offer {
    position: relative;
    display: block;
    height: 245px;
    padding: 16px;
    overflow: hidden;
  }

  .aiers-page .aiers-cheapest__offer h3 {
    font-size: 20px;
    white-space: nowrap;
  }

  .aiers-page .aiers-cheapest__offer p {
    margin-top: 2px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    font-weight: 700;
  }

  .aiers-page .aiers-cheapest__offer-price {
    position: absolute;
    right: 18px;
    bottom: 90px;
  }

  .aiers-page .aiers-cheapest__offer s {
    font-size: 14px;
  }

  .aiers-page .aiers-cheapest__offer strong {
    font-size: 28px;
  }

  .aiers-page .aiers-cheapest__offer-cta {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    min-height: 47px;
    padding: 16px 12px;
    font-size: 18px;
  }
}

.aiers-page .aiers-price {
  position: relative;
  padding: 80px 0 120px;
  background: #fff;
}

.aiers-page .aiers-price__wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-price__head {
  width: 451px;
}

.aiers-page .aiers-price__head h2 {
  margin: 0;
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-price__head h2 span {
  color: #c96442;
}

.aiers-page .aiers-price__head p {
  margin-top: 16px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-price__mo-break,
.aiers-page .aiers-price__mobile-break {
  display: none;
}

.aiers-page .aiers-price__chart {
  position: relative;
  height: 433px;
  margin-top: 64px;
}

.aiers-page .aiers-price__chart::after {
  position: absolute;
  left: 0;
  bottom: 76px;
  width: 100%;
  height: 1px;
  background: #e8e6dc;
  content: "";
}

.aiers-page .aiers-price__trend {
  position: absolute;
  left: 176px;
  top: 126px;
  width: 930px;
  border-top: 1.5px dashed #333;
  transform: rotate(-13.89deg);
  transform-origin: left center;
}

.aiers-page .aiers-price__trend-arrow {
  position: absolute;
  left: 1100px;
  top: 48px;
  width: 0;
  height: 0;
  border-left: 9px solid #333;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transform: rotate(-13.89deg);
}

.aiers-page .aiers-price__discount {
  position: absolute;
  left: 109px;
  top: 34px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 134px;
  min-height: 56px;
  padding: 10px 20px;
  border-radius: 100px;
  background: #c96442;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.48px;
}

.aiers-page .aiers-price__discount-line {
  position: absolute;
  left: 177px;
  top: 92px;
  width: 2px;
  height: 114px;
  background: #c96442;
}

.aiers-page .aiers-price__discount-dot {
  position: absolute;
  left: 166px;
  top: 200px;
  z-index: 2;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #c96442;
}

.aiers-page .aiers-price__bars {
  position: absolute;
  left: 64px;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(4, 228px);
  gap: 80px;
  align-items: end;
}

.aiers-page .aiers-price__bars article {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 228px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-price__bars article i {
  display: block;
  width: 120px;
  height: 89px;
  border-radius: 12px 12px 0 0;
  background: #eaf5ff;
}

.aiers-page .aiers-price__bars article:nth-child(2) i {
  height: 136px;
}

.aiers-page .aiers-price__bars article:nth-child(3) i {
  height: 218px;
}

.aiers-page .aiers-price__bars article:nth-child(4) i {
  height: 290px;
}

.aiers-page .aiers-price__bars article p {
  margin: 17px 0 0;
}

.aiers-page .aiers-price__bars article strong {
  color: inherit;
  font-weight: inherit;
}

.aiers-page .aiers-price__bars article.is-now {
  color: #121212;
  font-weight: 700;
}

.aiers-page .aiers-price__bars article.is-now i {
  background: #c96442;
}

.aiers-page .aiers-price__bars article.is-now strong {
  color: #c96442;
}

.aiers-page .aiers-price__offer {
  width: 100%;
  margin-top: 40px;
  padding: 20px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #fafafa;
}

.aiers-page .aiers-price__offer-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 81px;
  padding: 0 17px;
}

.aiers-page .aiers-price__offer h3 {
  margin: 0;
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.56px;
}

.aiers-page .aiers-price__offer p {
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.aiers-page .aiers-price__offer-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 9px;
}

.aiers-page .aiers-price__offer-price s {
  color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.aiers-page .aiers-price__offer-price strong {
  color: #000;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-price__offer a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  margin-top: 24px;
  border-radius: 8px;
  background: #c96442;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-price {
    padding: 40px 16px;
  }

  .aiers-page .aiers-price__wrap {
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-price__head {
    width: 100%;
  }

  .aiers-page .aiers-price__head h2 {
    font-size: 24px;
    line-height: 1.25;
  }

  .aiers-page .aiers-price__head p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-price__mo-break,
  .aiers-page .aiers-price__mobile-break {
    display: block;
  }

  .aiers-page .aiers-price__desktop-break {
    display: none;
  }

  .aiers-page .aiers-price__chart {
    height: 201.462px;
    margin-top: 32px;
  }

  .aiers-page .aiers-price__chart::after {
    bottom: 60.5px;
  }

  .aiers-page .aiers-price__trend {
    left: 43px;
    top: 62px;
    width: 261px;
    transform: rotate(-18.43deg);
  }

  .aiers-page .aiers-price__trend-arrow {
    left: 299px;
    top: 15px;
    border-left-width: 8px;
    transform: rotate(-18.43deg);
  }

  .aiers-page .aiers-price__discount {
    left: 0;
    top: 6px;
    min-width: 88px;
    min-height: 36px;
    padding: 6px 13px;
    font-size: 16px;
    letter-spacing: -0.32px;
  }

  .aiers-page .aiers-price__discount-line {
    left: 44px;
    top: 43px;
    height: 62px;
  }

  .aiers-page .aiers-price__discount-dot {
    left: 37.76px;
    top: 99px;
    width: 13.251px;
    height: 13.251px;
  }

  .aiers-page .aiers-price__bars {
    left: 0;
    bottom: 0;
    grid-template-columns: repeat(4, 85.75px);
    gap: 0;
  }

  .aiers-page .aiers-price__bars article {
    width: 85.75px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.24px;
  }

  .aiers-page .aiers-price__bars article i {
    width: 45.132px;
    height: 33.473px;
    border-radius: 4px 4px 0 0;
  }

  .aiers-page .aiers-price__bars article:nth-child(2) i {
    height: 51.149px;
  }

  .aiers-page .aiers-price__bars article:nth-child(3) i {
    height: 81.989px;
  }

  .aiers-page .aiers-price__bars article:nth-child(4) i {
    height: 109.068px;
  }

  .aiers-page .aiers-price__bars article p {
    margin-top: 6.394px;
  }

  .aiers-page .aiers-price__offer {
    margin-top: 24px;
    padding: 16px;
  }

  .aiers-page .aiers-price__offer-top {
    position: relative;
    display: block;
    min-height: 128px;
    padding: 0;
  }

  .aiers-page .aiers-price__offer h3 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    white-space: nowrap;
  }

  .aiers-page .aiers-price__offer p {
    margin-top: 2px;
    font-size: 14px;
  }

  .aiers-page .aiers-price__offer-price {
    position: absolute;
    right: 2px;
    bottom: 0;
    padding-top: 0;
  }

  .aiers-page .aiers-price__offer-price s {
    font-size: 13px;
  }

  .aiers-page .aiers-price__offer-price strong {
    font-size: 24px;
  }

  .aiers-page .aiers-price__offer a {
    min-height: 47px;
    margin-top: 10px;
    border-radius: 4px;
    font-size: 18px;
  }
}

.aiers-page .aiers-refund {
  position: relative;
  height: 259px;
  overflow: hidden;
  background: linear-gradient(110deg, #c96442 0%, #c96442 100%);
}

.aiers-page .aiers-refund__copy {
  position: absolute;
  left: 50%;
  top: 44px;
  z-index: 2;
  width: 324px;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
}

.aiers-page .aiers-refund__copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.125px;
}

.aiers-page .aiers-refund__copy h2 {
  margin: 12px 0 0;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.575px;
}

.aiers-page .aiers-refund__copy span {
  display: block;
  margin-top: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-refund__mark {
  position: absolute;
  pointer-events: none;
}

.aiers-page .aiers-refund__mark--left-desktop {
  left: 609px;
  top: 59px;
  width: 149px;
  height: 149px;
}

.aiers-page .aiers-refund__mark--bottom-desktop {
  left: 1121.53px;
  top: 208px;
  width: 79.239px;
  height: 79.239px;
}

.aiers-page .aiers-refund__mark--top-desktop {
  left: 1145px;
  top: -30.59px;
  width: 126.366px;
  height: 126.366px;
}

.aiers-page .aiers-refund__mark--left-mobile,
.aiers-page .aiers-refund__mark--top-mobile {
  display: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-refund {
    height: 269px;
  }

  .aiers-page .aiers-refund__copy {
    top: 44px;
    width: 324px;
  }

  .aiers-page .aiers-refund__copy h2 {
    font-size: 32px;
  }

  .aiers-page .aiers-refund__mark--left-desktop,
  .aiers-page .aiers-refund__mark--bottom-desktop,
  .aiers-page .aiers-refund__mark--top-desktop {
    display: none;
  }

  .aiers-page .aiers-refund__mark--left-mobile,
  .aiers-page .aiers-refund__mark--top-mobile {
    display: block;
  }

  .aiers-page .aiers-refund__mark--left-mobile {
    left: -39.11px;
    top: 153px;
    width: 137.171px;
    height: 137.171px;
  }

  .aiers-page .aiers-refund__mark--top-mobile {
    left: 256px;
    top: -40px;
    width: 109.282px;
    height: 109.282px;
  }
}

.aiers-page .aiers-refund {
  height: 292px;
  padding: 44px 20px;
  background: linear-gradient(112deg, #c96442 0%, #c96442 100%);
  color: #fff;
  text-align: center;
}

.aiers-page .aiers-refund__mark {
  display: block;
  max-width: none;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  user-select: none;
}

.aiers-page .aiers-refund__mark--left-mobile,
.aiers-page .aiers-refund__mark--top-mobile {
  display: none;
}

.aiers-page .aiers-refund__mark--left-desktop {
  left: calc(50% - 351px);
  top: 59px;
  width: 148.943px;
  height: 148.943px;
  transform: rotate(-15deg);
}

.aiers-page .aiers-refund__mark--bottom-desktop {
  left: calc(50% + 161.53px);
  top: 208px;
  width: 79.239px;
  height: 79.239px;
  transform: rotate(-15deg);
}

.aiers-page .aiers-refund__mark--top-desktop {
  left: calc(50% + 185px);
  top: -30.59px;
  width: 126.366px;
  height: 126.366px;
  transform: rotate(30deg);
}

.aiers-page .aiers-refund__inner {
  position: relative;
  z-index: 1;
  display: flex;
  width: 324px;
  max-width: 100%;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.aiers-page .aiers-refund p,
.aiers-page .aiers-refund h2,
.aiers-page .aiers-refund span {
  margin: 0;
}

.aiers-page .aiers-refund p {
  width: 240px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.125px;
}

.aiers-page .aiers-refund h2 {
  width: 240px;
  margin-top: 12px;
  background: linear-gradient(109.368deg, #fff 12.051%, #f4fdff 106.04%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.575px;
}

.aiers-page .aiers-refund span {
  display: block;
  width: 324px;
  max-width: 100%;
  margin-top: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .aiers-page .aiers-refund {
    height: 280px;
    padding: 44px 0 0;
  }

  .aiers-page .aiers-refund__mark--left-desktop,
  .aiers-page .aiers-refund__mark--bottom-desktop,
  .aiers-page .aiers-refund__mark--top-desktop {
    display: none;
  }

  .aiers-page .aiers-refund__mark--left-mobile,
  .aiers-page .aiers-refund__mark--top-mobile {
    display: block;
  }

  .aiers-page .aiers-refund__mark--left-mobile {
    left: -45px;
    top: 143px;
    width: 112.019px;
    height: 112.019px;
    transform: rotate(-23.89deg);
  }

  .aiers-page .aiers-refund__mark--top-mobile {
    left: calc(50% + 75.5px);
    top: -40px;
    width: 84.905px;
    height: 84.905px;
    transform: rotate(-156.11deg) scaleY(-1);
  }
}

.aiers-page .aiers-tabs {
  position: sticky;
  top: 64px;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 60px;
  border-bottom: 1px solid #ebe8dc;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(6px);
}

.aiers-page #about,
.aiers-page #curriculum,
.aiers-page #instructor,
.aiers-page #faq {
  scroll-margin-top: 136px;
}

.aiers-page .aiers-tabs a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 60px;
  padding: 0 8px;
  color: #5e5d59;
  font-size: 16px;
  font-weight: 700;
  line-height: 20.8px;
  letter-spacing: -0.234px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.aiers-page .aiers-tabs a.is-active {
  color: #c96442;
}

.aiers-page .aiers-tabs a.is-active::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #c96442;
  content: "";
}

@media (max-width: 767px) {
  .aiers-page .aiers-tabs {
    top: 56px;
    height: 52px;
  }

  .aiers-page .aiers-tabs a {
    height: 52px;
    padding: 0 4px;
    font-size: 14px;
  }

  .aiers-page #about,
  .aiers-page #curriculum,
  .aiers-page #instructor,
  .aiers-page #faq {
    scroll-margin-top: 120px;
  }
}

.aiers-page .aiers-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.aiers-page .aiers-solo {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 908px;
  overflow: hidden;
  padding-top: 120px;
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.92), transparent 28%),
    #c9f4fb;
  color: #1f2937;
  text-align: center;
}

.aiers-page .aiers-solo::before {
  position: absolute;
  inset: 0;
  opacity: 0.38;
  background-image: radial-gradient(rgba(255, 255, 255, 0.62) 0.7px, transparent 0.8px);
  background-size: 4px 4px;
  content: "";
}

.aiers-page .aiers-solo__scene {
  position: relative;
  z-index: 1;
  width: 990px;
}

.aiers-page .aiers-solo__scene h2 {
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
}

.aiers-page .aiers-solo__title-mobile {
  display: none;
}

.aiers-page .aiers-solo__title-accent {
  color: var(--aiers-accent);
}

.aiers-page .aiers-solo__windows {
  position: relative;
  width: 520px;
  height: 300px;
  margin: 74px auto 0;
}

.aiers-page .aiers-solo__window {
  position: absolute;
  border-radius: 8px;
  background: #151619;
  box-shadow: 0 14px 28px rgba(21, 22, 25, 0.24);
}

.aiers-page .aiers-solo__window span {
  position: absolute;
  top: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.aiers-page .aiers-solo__window span:nth-child(1) { left: 14px; background: #ff3b30; }
.aiers-page .aiers-solo__window span:nth-child(2) { left: 30px; background: #ffd60a; }
.aiers-page .aiers-solo__window span:nth-child(3) { left: 46px; background: #34c759; }

.aiers-page .aiers-solo__window--back {
  z-index: 1;
  left: 25px;
  top: 0;
  width: 300px;
  height: 192px;
}

.aiers-page .aiers-solo__window--front {
  z-index: 2;
  left: 78px;
  top: 30px;
  width: 412px;
  height: 268px;
  padding: 96px 44px 0;
  text-align: left;
}

.aiers-page .aiers-solo__window--front strong {
  color: #18e13f;
  font-family: "Courier New", monospace;
  font-size: 31px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.aiers-page .aiers-solo__window--front p {
  margin-top: 24px;
  color: #18e13f;
  font-family: "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}

.aiers-page .aiers-solo__cursor {
  position: absolute;
  z-index: 4;
  right: 18px;
  top: 170px;
  width: 36px;
  height: 48px;
  background: #fff;
  clip-path: polygon(0 0, 78% 56%, 54% 61%, 74% 100%, 57% 100%, 38% 64%, 20% 82%);
  filter: drop-shadow(2px 3px 0 #222);
}

.aiers-page .aiers-solo__icons {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: -38px;
}

.aiers-page .aiers-solo__icons span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 18px;
  background: linear-gradient(145deg, #fff9b9, #e7cf5c);
  color: #4161d8;
  font-size: 31px;
  font-weight: 700;
  box-shadow: 0 18px 26px rgba(50, 100, 120, 0.18);
}

.aiers-page .aiers-solo__icons span:nth-child(2) { background: linear-gradient(145deg, #ffb36a, #ff7b32); color: #fff; }
.aiers-page .aiers-solo__icons span:nth-child(3) { background: linear-gradient(145deg, #ff7d98, #db365b); color: #fff; }
.aiers-page .aiers-solo__icons span:nth-child(4) { background: linear-gradient(145deg, #d9efff, #8ec6ff); }
.aiers-page .aiers-solo__icons span:nth-child(5) { background: linear-gradient(145deg, #8da5ff, #4865d8); color: #fff; }
.aiers-page .aiers-solo__icons span:nth-child(6) { background: linear-gradient(145deg, #e9b5ff, #9e47d9); color: #fff; }
.aiers-page .aiers-solo__icons span:nth-child(7) { background: linear-gradient(145deg, #ffe48f, #e5bd44); color: #5d362c; }
.aiers-page .aiers-solo__icons span:nth-child(8) { background: linear-gradient(145deg, #b5f3de, #7cddc8); color: #5a76d8; }

.aiers-page .aiers-solo__scene > p {
  position: relative;
  z-index: 3;
  margin: 31px 0 0;
  color: #1f2937;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.5;
}

.aiers-page .aiers-solo__scene > p strong {
  font-weight: 700;
}

.aiers-page .aiers-solo__body-mobile {
  display: none;
}

.aiers-page .aiers-strip {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 295px;
  overflow: hidden;
  background: #041127;
  color: #fff;
  text-align: center;
}

.aiers-page .aiers-strip::before {
  position: absolute;
  left: 50%;
  top: calc(50% + 1.5px);
  width: 1960px;
  height: 386px;
  background: url("./figma/strip/bg-desktop.webp") center/100% 100% no-repeat;
  mix-blend-mode: overlay;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.aiers-page .aiers-strip__browser {
  display: none;
}

.aiers-page .aiers-strip__browser span {
  position: absolute;
  top: 9px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1f4d84;
}

.aiers-page .aiers-strip__browser span:nth-child(1) {
  left: 11px;
}

.aiers-page .aiers-strip__browser span:nth-child(2) {
  left: 23px;
  background: #285a8a;
}

.aiers-page .aiers-strip__browser span:nth-child(3) {
  left: 35px;
  background: #3d6900;
}

.aiers-page .aiers-strip__copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}

.aiers-page .aiers-strip__copy p {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.aiers-page .aiers-strip__mobile-break {
  display: none;
}

.aiers-page .aiers-strip__copy h2 {
  margin: 0;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.32px;
}

.aiers-page .aiers-strip__copy span {
  color: #c96442;
}

.aiers-page .aiers-before-after {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 1093px;
  overflow: visible;
  padding: 120px 0;
  background: #fff;
}

.aiers-page .aiers-before-after__wrap {
  display: grid;
  grid-template-columns: repeat(2, 630px);
  gap: 20px;
  width: 1280px;
}

.aiers-page .aiers-ba-card {
  height: 853px;
  padding: 23px;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #f3f3f3;
  overflow: hidden;
}

.aiers-page .aiers-ba-card--after {
  padding: 24px;
  border: 2px solid #c96442;
  background: rgba(201, 100, 66, 0.05);
}

.aiers-page .aiers-ba-card__head {
  display: flex;
  align-items: center;
  height: 75px;
  padding: 0 24px;
  border-radius: 12px;
  color: #999;
  background: #666;
}

.aiers-page .aiers-ba-card--after .aiers-ba-card__head {
  color: #fff;
  background: #c96442;
}

.aiers-page .aiers-ba-card__head strong,
.aiers-page .aiers-ba-card__head em {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.28px;
}

.aiers-page .aiers-ba-card--before .aiers-ba-card__head em {
  font-weight: 500;
}

.aiers-page .aiers-ba-card__head span {
  width: 2px;
  height: 28px;
  margin: 0 16px;
  background: currentColor;
}

.aiers-page .aiers-ba-card__visual {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 348px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 12px;
}

.aiers-page .aiers-ba-card__visual--before {
  background: #111217;
}

.aiers-page .aiers-ba-card__visual--after {
  border: 1px solid #e6e6e6;
  background: #f4f4f4;
}

.aiers-page .aiers-ba-card__visual-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aiers-page .aiers-ba-card__visual-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.24);
  transform-origin: center;
}

.aiers-page .aiers-ba-card__visual-img--mobile {
  display: none;
}

.aiers-page .aiers-ba-card h3 {
  margin: 24px 0;
  color: #1f2937;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.24px;
  text-align: center;
}

.aiers-page .aiers-ba-card--after h3 {
  color: #c96442;
}

.aiers-page .aiers-ba-card ul {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.aiers-page .aiers-ba-card li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 12px 16px 12px 64px;
  border-radius: 8px;
  background: #fff;
  color: #1f2937;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.18px;
}

.aiers-page .aiers-ba-card li::before {
  position: absolute;
  left: 16px;
  width: 40px;
  height: 40px;
  background: url("./figma/before-after/check-before.svg") center/contain no-repeat;
  content: "";
}

.aiers-page .aiers-ba-card--after li::before {
  background-image: url("./figma/before-after/check-after.svg");
}

.aiers-page .aiers-news {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 960px;
  overflow: hidden;
  padding-top: 124px;
  background:
    radial-gradient(circle at 50% 72%, rgba(44, 214, 235, 0.44), transparent 35%),
    linear-gradient(180deg, #eaf8ff 0%, #dff7ff 46%, #baf5ff 100%);
  color: #1f2937;
  text-align: center;
}

.aiers-page .aiers-news .aiers-showcase__wrap {
  display: none !important;
}

.aiers-page .aiers-news::before {
  position: absolute;
  inset: 0;
  opacity: 0.42;
  background-image:
    linear-gradient(90deg, transparent 0 92px, rgba(255, 255, 255, 0.56) 93px, transparent 94px),
    linear-gradient(transparent 0 92px, rgba(255, 255, 255, 0.42) 93px, transparent 94px);
  background-size: 156px 156px;
  content: "";
}

.aiers-page .aiers-news__inner {
  position: relative;
  z-index: 1;
  width: 1100px;
}

.aiers-page .aiers-news__inner > h2 {
  margin: 0;
  color: #1d2736;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
}

.aiers-page .aiers-news__papers {
  position: relative;
  width: 1000px;
  height: 472px;
  margin: 70px auto 0;
}

.aiers-page .aiers-news-paper {
  position: absolute;
  width: 528px;
  height: 174px;
  padding: 30px 34px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 24px rgba(54, 100, 120, 0.12);
  color: #111;
  font-family: Georgia, "Times New Roman", serif;
}

.aiers-page .aiers-news-paper--one {
  left: 0;
  top: 0;
}

.aiers-page .aiers-news-paper--two {
  right: 0;
  top: 150px;
}

.aiers-page .aiers-news-paper--three {
  left: 68px;
  bottom: 0;
}

.aiers-page .aiers-news-paper div {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #111;
  font-size: 14px;
}

.aiers-page .aiers-news-paper p {
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 3px double #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.38;
}

.aiers-page .aiers-news-paper mark {
  padding: 0 6px;
  background: #f7e7bf;
}

.aiers-page .aiers-news__inner > p {
  margin: 68px 0 0;
  color: #1d2736;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.3;
}

.aiers-page .aiers-news__inner > p strong {
  font-weight: 700;
}

.aiers-page .aiers-news__copy-lead {
  font-weight: 500;
}

.aiers-page .aiers-news__copy-mobile {
  display: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo {
    height: auto;
    min-height: 623px;
    padding-top: 64px;
    padding-bottom: 64px;
    margin-top: 0.5px;
    margin-bottom: -0.5px;
    background: #cef7ff;
  }

  .aiers-page .aiers-solo__scene {
    width: 375px;
  }

  .aiers-page .aiers-solo__scene h2 {
    font-size: 25px;
    line-height: 1.36;
  }

  .aiers-page .aiers-solo__title-desktop {
    display: none;
  }

  .aiers-page .aiers-solo__title-mobile {
    display: inline;
  }

  .aiers-page .aiers-solo__windows {
    width: 265px;
    height: 178px;
    margin-top: 34px;
  }

  .aiers-page .aiers-solo__window--back {
    left: 4px;
    width: 180px;
    height: 116px;
  }

  .aiers-page .aiers-solo__window--front {
    width: 250px;
    height: 162px;
    top: 18px;
    left: 20px;
    padding: 58px 21px 0;
  }

  .aiers-page .aiers-solo__window--front strong {
    font-size: 20px;
  }

  .aiers-page .aiers-solo__window--front p {
    margin-top: 16px;
    font-size: 6px;
  }

  .aiers-page .aiers-solo__cursor {
    right: -15px;
    top: 112px;
    width: 29px;
    height: 39px;
  }

  .aiers-page .aiers-solo__icons {
    justify-content: flex-start;
    gap: 12px;
    width: max-content;
    margin-top: -18px;
    margin-left: -84px;
  }

  .aiers-page .aiers-solo__icons span {
    width: 58px;
    height: 58px;
    border-radius: 13px;
    font-size: 20px;
  }

  .aiers-page .aiers-solo__scene > p {
    width: 352px;
    margin: 32px auto 0;
    font-size: 19px;
    line-height: 1.5;
  }

  .aiers-page .aiers-solo__body-desktop {
    display: none;
  }

  .aiers-page .aiers-solo__body-mobile {
    display: inline;
  }

  .aiers-page .aiers-strip {
    height: 226px;
    padding: 0 24px;
    margin-top: 0.5px;
    margin-bottom: -0.5px;
  }

  .aiers-page .aiers-strip::before {
    top: 50%;
    width: 1442.54px;
    height: 284px;
    background-image: url("./figma/strip/bg-mobile.webp");
  }

  .aiers-page .aiers-strip__copy p {
    font-size: 18px;
    line-height: 1.5;
  }

  .aiers-page .aiers-strip__mobile-break {
    display: block;
  }

  .aiers-page .aiers-strip__copy h2 {
    font-size: 20px;
    line-height: 1.35;
    letter-spacing: -0.22px;
    white-space: nowrap;
  }

  .aiers-page .aiers-before-after {
    min-height: 1266px;
    padding: 60px 16px;
    align-items: flex-start;
    margin-top: 0.5px;
    margin-bottom: -0.5px;
  }

  .aiers-page .aiers-before-after__wrap {
    grid-template-columns: 343px;
    gap: 20px;
    width: 343px;
  }

  .aiers-page .aiers-ba-card {
    height: 563px;
    padding: 20px 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-ba-card--after {
    padding: 20px 16px;
    border-width: 1px;
  }

  .aiers-page .aiers-ba-card__head {
    height: 56px;
    padding: 0 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-ba-card__head strong,
  .aiers-page .aiers-ba-card__head em {
    font-size: 20px;
    letter-spacing: -0.2px;
  }

  .aiers-page .aiers-ba-card__head span {
    height: 20px;
    margin: 0 8px;
  }

  .aiers-page .aiers-ba-card__visual {
    height: 200px;
    margin-top: 10px;
    border-radius: 8px;
  }

  .aiers-page .aiers-ba-card__visual-img--desktop {
    display: none;
  }

  .aiers-page .aiers-ba-card__visual-img--mobile {
    display: block;
  }

  .aiers-page .aiers-ba-card h3 {
    margin: 20px 0;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -0.18px;
  }

  .aiers-page .aiers-ba-card ul {
    gap: 10px;
  }

  .aiers-page .aiers-ba-card li {
    height: 40px;
    min-height: 40px;
    padding: 8px 10px 8px 43px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: -0.13px;
  }

  .aiers-page .aiers-ba-card li::before {
    left: 10px;
    width: 25px;
    height: 25px;
  }

  .aiers-page .aiers-news {
    height: auto;
    padding: 66px 20px 60px;
    margin-top: 0.5px;
    margin-bottom: -0.5px;
  }

  .aiers-page .aiers-news__inner {
    width: 335px;
  }

  .aiers-page .aiers-news__inner > h2 {
    font-size: 25px;
    line-height: 1.38;
  }

  .aiers-page .aiers-news__papers {
    width: 333px;
    height: 353px;
    margin-top: 30px;
  }

  .aiers-page .aiers-news-paper {
    width: 333px;
    height: 109px;
    padding: 17px 22px;
    box-shadow: 0 10px 18px rgba(54, 100, 120, 0.12);
  }

  .aiers-page .aiers-news-paper--one {
    left: 0;
    top: 0;
  }

  .aiers-page .aiers-news-paper--two {
    left: 0;
    top: 121px;
    right: auto;
    transform: rotate(2.5deg);
  }

  .aiers-page .aiers-news-paper--three {
    left: 0;
    top: 244px;
    bottom: auto;
  }

  .aiers-page .aiers-news-paper div {
    padding-bottom: 6px;
    font-size: 10px;
  }

  .aiers-page .aiers-news-paper p {
    margin-top: 6px;
    padding-top: 6px;
    font-size: 15px;
    line-height: 1.35;
  }

  .aiers-page .aiers-news__inner > p {
    margin-top: 48px;
    font-size: 22px;
    line-height: 1.45;
  }

  .aiers-page .aiers-news__copy-desktop {
    display: none;
  }

  .aiers-page .aiers-news__copy-mobile {
    display: inline;
  }
}

.aiers-page .aiers-hard {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background:
    radial-gradient(70% 38% at 50% 106%, rgba(30, 63, 65, 0.95), transparent 72%),
    linear-gradient(180deg, #141414 0%, #151616 52%, #15393a 100%);
}

.aiers-page .aiers-hard::before {
  position: absolute;
  inset: 0;
  opacity: 0.14;
  background-image:
    linear-gradient(0deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 24px 24px;
  content: "";
  pointer-events: none;
}

.aiers-page .aiers-hard__wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-hard__intro {
  width: 100%;
}

.aiers-page .aiers-hard__intro h2 {
  margin: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-hard__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-hard__intro p {
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-hard__cards {
  display: grid;
  grid-template-columns: repeat(3, 413px);
  gap: 20px;
  width: 100%;
}

.aiers-page .aiers-hard-card {
  position: relative;
  height: 320px;
  overflow: hidden;
  border: 1px solid #c96442;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: inset 0 -38px 58px rgba(255, 255, 255, 0.035);
}

.aiers-page .aiers-hard-card::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 70% 72%, rgba(201, 100, 66, 0.1), transparent 34%);
  content: "";
}

.aiers-page .aiers-hard-card div {
  position: absolute;
  left: 29px;
  top: 39px;
  width: 345px;
}

.aiers-page .aiers-hard-card h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 24.8px;
  letter-spacing: -0.217px;
}

.aiers-page .aiers-hard-card p {
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 500;
  line-height: 24.8px;
  letter-spacing: -0.217px;
}

.aiers-page .aiers-hard-card img {
  position: absolute;
  right: 15px;
  bottom: 20px;
  width: 125px;
  height: 109px;
  object-fit: cover;
}

.aiers-page .aiers-hard-card:nth-child(3) img {
  right: 23px;
  bottom: 11px;
  width: 101px;
  height: 117px;
}

.aiers-page .aiers-hard__message {
  margin: 0;
  background: linear-gradient(93.59deg, #fff 0.44%, #c96442 152.79%);
  background-clip: text;
  color: transparent;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .aiers-page .aiers-hard {
    padding: 60px 16px;
    background:
      radial-gradient(120% 20% at 50% 100%, rgba(32, 55, 56, 0.95), transparent 72%),
      linear-gradient(180deg, #141414 0%, #151616 55%, #203738 100%);
  }

  .aiers-page .aiers-hard__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-hard__intro h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .aiers-page .aiers-hard__intro p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-hard__cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .aiers-page .aiers-hard-card {
    height: 266px;
    border-radius: 12px;
  }

  .aiers-page .aiers-hard-card div {
    left: 24px;
    right: 24px;
    top: 32px;
    width: auto;
  }

  .aiers-page .aiers-hard-card h3 {
    font-size: 20px;
    line-height: 20.597px;
    letter-spacing: -0.18px;
  }

  .aiers-page .aiers-hard-card p {
    margin-top: 13.288px;
    font-size: 14px;
    line-height: 20.597px;
    letter-spacing: -0.18px;
  }

  .aiers-page .aiers-hard-card img {
    right: 37px;
    bottom: 45px;
    width: 116px;
    height: 102px;
  }

  .aiers-page .aiers-hard-card:nth-child(2) img {
    right: 38px;
    bottom: 50px;
    width: 107px;
    height: 94px;
  }

  .aiers-page .aiers-hard-card:nth-child(3) img {
    right: 43px;
    bottom: 45px;
    width: 91px;
    height: 105px;
  }

  .aiers-page .aiers-hard__message {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.2px;
    white-space: normal;
  }
}

.aiers-page .aiers-mentor {
  position: relative;
  padding: 140px 0 80px;
  overflow: visible;
  background: #f2fafb;
}

.aiers-page .aiers-mentor__top {
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translateX(-50%);
  pointer-events: none;
}

.aiers-page .aiers-mentor__top--desktop {
  width: 882px;
  height: 60px;
}

.aiers-page .aiers-mentor__top--mobile {
  display: none;
}

.aiers-page .aiers-mentor__wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-mentor__intro h2 {
  margin: 0;
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-mentor__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-mentor__intro p {
  margin-top: 18px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-mentor__panel {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.aiers-page .aiers-mentor__compare,
.aiers-page .aiers-mentor__profile,
.aiers-page .aiers-mentor__stats article {
  border: 1px solid #e6dfd8;
  background: #fff;
}

.aiers-page .aiers-mentor__compare {
  position: relative;
  display: flex;
  align-items: center;
  height: 180px;
  padding: 36px 170px;
  border-radius: 16px;
}

.aiers-page .aiers-mentor__alone,
.aiers-page .aiers-mentor__together {
  display: flex;
  align-items: center;
  gap: 40px;
}

.aiers-page .aiers-mentor__alone {
  margin-left: 0;
}

.aiers-page .aiers-mentor__together {
  margin-left: auto;
}

.aiers-page .aiers-mentor__compare strong {
  display: block;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.aiers-page .aiers-mentor__alone strong {
  color: #999;
}

.aiers-page .aiers-mentor__together strong {
  color: #c96442;
}

.aiers-page .aiers-mentor__compare div div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 88px;
}

.aiers-page .aiers-mentor__compare img {
  width: 60px;
  height: 60px;
}

.aiers-page .aiers-mentor__compare span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  min-height: 35px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #999;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.aiers-page .aiers-mentor__together span {
  background: #c96442;
}

.aiers-page .aiers-mentor__line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 121px;
  transform: translate(-50%, -50%);
}

.aiers-page .aiers-mentor__line--mobile {
  display: none;
}

.aiers-page .aiers-mentor__profile {
  display: flex;
  align-items: center;
  gap: 28px;
  height: 180px;
  padding: 24px 29px;
  border-radius: 16px;
}

.aiers-page .aiers-mentor__photo {
  position: relative;
  flex: 0 0 130px;
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(180deg, #c96442 0%, #9f432d 100%);
}

.aiers-page .aiers-mentor__photo img {
  position: absolute;
  left: -22px;
  top: -1px;
  width: 173px;
  height: 160px;
  object-fit: cover;
  object-position: bottom;
}

.aiers-page .aiers-mentor__photo .aiers-mentor__photo-blur {
  opacity: 0.15;
  filter: blur(10px);
}

.aiers-page .aiers-mentor__bio {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 709px;
}

.aiers-page .aiers-mentor__bio h3 {
  margin: 0;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.aiers-page .aiers-mentor__bio p {
  margin-top: 12px;
  color: #666;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.aiers-page .aiers-mentor__bio > span {
  align-self: flex-start;
  padding: 7px 12px;
  border: 1px solid #e6dfd8;
  border-radius: 999px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.4px;
  letter-spacing: -0.18px;
}

.aiers-page .aiers-mentor__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.aiers-page .aiers-mentor__stats article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 180px;
  border-radius: 16px;
  text-align: center;
}

.aiers-page .aiers-mentor__stats strong {
  color: #c96442;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-mentor__stats p {
  margin-top: 12px;
  color: #666;
  font-size: 18px;
  font-weight: 500;
  line-height: 18.4px;
  letter-spacing: -0.18px;
}

.aiers-page .aiers-mentor__next {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  text-align: center;
}

.aiers-page .aiers-mentor__next p {
  margin: 0;
  background: linear-gradient(90deg, #c96442 6.992%, #ed956d 100%);
  background-clip: text;
  color: transparent;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-mentor__down {
  width: 102.548px;
  height: 68.041px;
}

.aiers-page .aiers-mentor__down--mobile {
  display: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-mentor {
    padding: 80px 16px 40px;
  }

  .aiers-page .aiers-mentor__top--desktop {
    display: none;
  }

  .aiers-page .aiers-mentor__top--mobile {
    display: block;
    width: 375px;
    height: 36px;
  }

  .aiers-page .aiers-mentor__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-mentor__intro h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .aiers-page .aiers-mentor__intro p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-mentor__panel {
    gap: 10px;
  }

  .aiers-page .aiers-mentor__compare {
    justify-content: center;
    height: 209px;
    padding: 37px 35px;
    border-radius: 8px;
  }

  .aiers-page .aiers-mentor__alone,
  .aiers-page .aiers-mentor__together {
    flex-direction: column-reverse;
    align-items: center;
    gap: 12px;
    margin: 0;
  }

  .aiers-page .aiers-mentor__alone {
    margin-right: 87px;
  }

  .aiers-page .aiers-mentor__compare strong {
    font-size: 32px;
  }

  .aiers-page .aiers-mentor__compare div div {
    gap: 6px;
    width: 73px;
  }

  .aiers-page .aiers-mentor__compare img {
    width: 50px;
    height: 50px;
  }

  .aiers-page .aiers-mentor__compare span {
    width: 73px;
    min-height: 29px;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
  }

  .aiers-page .aiers-mentor__line--desktop {
    display: none;
  }

  .aiers-page .aiers-mentor__line--mobile {
    display: block;
    top: 50%;
    width: 60px;
  }

  .aiers-page .aiers-mentor__profile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    min-height: 197px;
    padding: 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-mentor__bio {
    display: contents;
  }

  .aiers-page .aiers-mentor__bio > div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 16px;
    width: 100%;
  }

  .aiers-page .aiers-mentor__photo {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    border-radius: 9.846px;
  }

  .aiers-page .aiers-mentor__photo img {
    left: -13.54px;
    top: -0.62px;
    width: 106.462px;
    height: 98.462px;
  }

  .aiers-page .aiers-mentor__photo-blur {
    filter: blur(6.154px);
  }

  .aiers-page .aiers-mentor__bio h3 {
    width: 200px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
  }

  .aiers-page .aiers-mentor__bio h3 span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
  }

  .aiers-page .aiers-mentor__bio p {
    flex: 0 0 100%;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.4;
  }

  .aiers-page .aiers-mentor__bio > span {
    padding: 7px 12px;
    font-size: 12px;
  }

  .aiers-page .aiers-mentor__stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .aiers-page .aiers-mentor__stats article {
    align-items: flex-start;
    height: 92px;
    padding: 18px 24px;
    border-radius: 8px;
    text-align: left;
  }

  .aiers-page .aiers-mentor__stats article:nth-child(2) {
    grid-column: 1 / -1;
    order: 3;
  }

  .aiers-page .aiers-mentor__stats strong {
    order: 2;
    font-size: 22px;
    line-height: 1.5;
  }

  .aiers-page .aiers-mentor__stats p {
    order: 1;
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 18.4px;
    letter-spacing: -0.42px;
    white-space: nowrap;
  }

  .aiers-page .aiers-mentor__next {
    gap: 24px;
  }

  .aiers-page .aiers-mentor__next p {
    width: 232px;
    font-size: 20px;
    line-height: 1.5;
  }

  .aiers-page .aiers-mentor__down--desktop {
    display: none;
  }

  .aiers-page .aiers-mentor__down--mobile {
    display: block;
    width: 80px;
    height: 53.081px;
  }
}

.aiers-page .aiers-showcase {
  padding: 120px 0;
  background: #fff;
}

.aiers-page .aiers-showcase__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-showcase__intro h2 {
  margin: 0;
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-showcase__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-showcase__intro p {
  margin-top: 18px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-showcase__stage {
  width: 100%;
}

.aiers-page .aiers-showcase__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px 20px;
}

.aiers-page .aiers-showcase-card {
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-showcase-card__media {
  position: relative;
  margin: 0;
  aspect-ratio: 630 / 354;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  background: #242423;
}

.aiers-page .aiers-showcase-card__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.04);
}

.aiers-page .aiers-showcase-card__play {
  display: none;
}

.aiers-page .aiers-showcase-card__play::before {
  content: "";
  align-self: center;
  justify-self: center;
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #c96442;
}

.aiers-page .aiers-showcase-card__body {
  min-height: 171px;
  padding: 18px 24px 24px;
}

.aiers-page .aiers-showcase-card__body h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #121212;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.aiers-page .aiers-showcase-card__body h3 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
}

.aiers-page .aiers-showcase-card__body p {
  margin: 14px 0 0;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

.aiers-page .aiers-showcase-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.aiers-page .aiers-showcase-card__tags span {
  display: inline-flex;
  align-items: center;
  min-height: 33px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

/* ── 결과물 목업 마퀴 (S04 레퍼런스 포팅) ── */
.aiers-page .aiers-showcase__stage .marquee {
  display: none;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.aiers-page .aiers-showcase__stage .marquee + .marquee {
  margin-top: 16px;
}
.aiers-page .aiers-showcase__stage .track {
  display: flex;
  width: max-content;
  animation: aiers-scroll-l 38s linear infinite;
}
.aiers-page .aiers-showcase__stage .track.rev {
  animation-name: aiers-scroll-r;
}
@keyframes aiers-scroll-l { from { transform: translateX(0); } to { transform: translateX(-33.3333%); } }
@keyframes aiers-scroll-r { from { transform: translateX(-33.3333%); } to { transform: translateX(0); } }

.aiers-page .aiers-showcase__stage .phone {
  flex: none;
  width: 168px;
  height: 320px;
  margin-right: 14px;
  border-radius: 26px;
  padding: 7px;
  background: #0c0c0e;
  box-shadow: 0 18px 34px -16px rgba(11, 42, 34, 0.45), inset 0 0 0 1.5px #2a2c30;
  position: relative;
}
.aiers-page .aiers-showcase__stage .phone .notch {
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 16px;
  background: #0c0c0e;
  border-radius: 0 0 12px 12px;
  z-index: 3;
}
.aiers-page .aiers-showcase__stage .scr {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.aiers-page .aiers-showcase__stage .scr .top { padding: 22px 14px 10px; }
.aiers-page .aiers-showcase__stage .scr .kf { font-size: 10px; font-weight: 700; opacity: 0.7; letter-spacing: 0.02em; }
.aiers-page .aiers-showcase__stage .scr .tt { font-size: 15px; font-weight: 900; line-height: 1.2; margin-top: 4px; letter-spacing: -0.02em; }
.aiers-page .aiers-showcase__stage .scr .bd { flex: 1; padding: 10px 12px 14px; display: flex; flex-direction: column; gap: 7px; }
.aiers-page .aiers-showcase__stage .row3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.aiers-page .aiers-showcase__stage .row3 > i { display: block; aspect-ratio: 1; border-radius: 9px; }
.aiers-page .aiers-showcase__stage .bar { height: 9px; border-radius: 6px; }
.aiers-page .aiers-showcase__stage .cardimg { flex: 1; border-radius: 12px; }

/* phone theme variants (안 닮아 보이게) */
.aiers-page .aiers-showcase__stage .t-fit   .scr { background: #0f1a16; color: #dfeee7; } .aiers-page .aiers-showcase__stage .t-fit   .tt { color: #a3e635; }
.aiers-page .aiers-showcase__stage .t-tarot .scr { background: #1a1730; color: #efe9ff; } .aiers-page .aiers-showcase__stage .t-tarot .tt { color: #c9b6ff; }
.aiers-page .aiers-showcase__stage .t-lunch .scr { background: #fff3e0; color: #7a4a17; } .aiers-page .aiers-showcase__stage .t-lunch .tt { color: #e07b1a; }
.aiers-page .aiers-showcase__stage .t-cafe  .scr { background: #faf8f3; color: #3a342b; } .aiers-page .aiers-showcase__stage .t-cafe  .tt { color: #111; }
.aiers-page .aiers-showcase__stage .t-saju  .scr { background: #120f0a; color: #f0e3c8; } .aiers-page .aiers-showcase__stage .t-saju  .tt { color: #d4af37; }
.aiers-page .aiers-showcase__stage .t-cody  .scr { background: #eef4ff; color: #23324d; } .aiers-page .aiers-showcase__stage .t-cody  .tt { color: #2563eb; }
.aiers-page .aiers-showcase__stage .t-diet  .scr { background: #eafaf0; color: #155c3b; } .aiers-page .aiers-showcase__stage .t-diet  .tt { color: #0e9f6e; }
.aiers-page .aiers-showcase__stage .t-book  .scr { background: #0b2330; color: #d6eef7; } .aiers-page .aiers-showcase__stage .t-book  .tt { color: #38bdf8; }
.aiers-page .aiers-showcase__stage .t-class .scr { background: #fdf0f4; color: #7a274a; } .aiers-page .aiers-showcase__stage .t-class .tt { color: #db2777; }
.aiers-page .aiers-showcase__stage .t-meet  .scr { background: #13202b; color: #dbe7ef; } .aiers-page .aiers-showcase__stage .t-meet  .tt { color: #94a3b8; }

@media (prefers-reduced-motion: reduce) {
  .aiers-page .aiers-showcase__stage .track { animation: none; }
}

@media (max-width: 767px) {
  .aiers-page .aiers-showcase {
    padding: 60px 16px;
  }

  .aiers-page .aiers-showcase__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-showcase__intro h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .aiers-page .aiers-showcase__intro p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-showcase__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .aiers-page .aiers-showcase-card {
    border-radius: 8px;
  }

  .aiers-page .aiers-showcase-card__media {
    aspect-ratio: 343 / 193;
    border-radius: 8px 8px 0 0;
  }

  .aiers-page .aiers-showcase-card__play {
    width: 32.667px;
    height: 30.947px;
  }

  .aiers-page .aiers-showcase-card__play::before {
    margin-left: 2px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 8px;
  }

  .aiers-page .aiers-showcase-card__body {
    min-height: 161px;
    padding: 14px 15px 16px;
  }

  .aiers-page .aiers-showcase-card__body h3 {
    gap: 4px;
    font-size: 14px;
  }

  .aiers-page .aiers-showcase-card__body h3 span {
    width: 15px;
    height: 15px;
    font-size: 10px;
  }

  .aiers-page .aiers-showcase-card__body p {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.6;
  }

  .aiers-page .aiers-showcase-card__tags {
    gap: 8px 4px;
    margin-top: 16px;
  }

  .aiers-page .aiers-showcase-card__tags span {
    min-height: 27px;
    padding: 4px 8px;
    font-size: 12px;
  }

  .aiers-page .aiers-showcase__stage .phone {
    width: 150px;
    height: 286px;
    border-radius: 24px;
  }
}

.aiers-page .aiers-mid-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 302px;
  overflow: hidden;
  background: linear-gradient(180deg, #c96442 0%, #ed956d 100%);
}

.aiers-page .aiers-mid-cta__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 324px;
  text-align: center;
}

.aiers-page .aiers-mid-cta__copy p,
.aiers-page .aiers-mid-cta__copy h2 {
  margin: 0;
}

.aiers-page .aiers-mid-cta__copy p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.125px;
}

.aiers-page .aiers-mid-cta__copy h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.575px;
}

.aiers-page .aiers-mid-cta__copy h2 span {
  color: #ffffff;
}

.aiers-page .aiers-mid-cta__copy a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  max-width: 100%;
  min-height: 58px;
  padding: 17px 20px;
  border: 1px solid #c96442;
  border-radius: 8px;
  background: #fff;
  color: #c96442;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.225px;
  text-decoration: none;
}

.aiers-page .aiers-mid-cta__icon {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.52);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

.aiers-page .aiers-mid-cta__icon img {
  width: 66%;
  height: 66%;
  object-fit: contain;
}

.aiers-page .aiers-mid-cta__icon--alarm {
  left: calc(50% + 188px);
  top: -18px;
  width: 60px;
  height: 60px;
  border-radius: 13.242px;
  opacity: 0.4;
  transform: rotate(-20.66deg);
}

.aiers-page .aiers-mid-cta__icon--alien {
  left: calc(50% - 272px);
  top: -21px;
  width: 60px;
  height: 60px;
  border-radius: 13.242px;
  opacity: 0.4;
  transform: rotate(15deg);
}

.aiers-page .aiers-mid-cta__icon--pot {
  left: calc(50% + 267px);
  top: 85px;
  width: 76.847px;
  height: 76.847px;
  border-radius: 16.96px;
  opacity: 0.6;
  transform: rotate(30deg);
}

.aiers-page .aiers-mid-cta__icon--moped {
  left: calc(50% - 311px);
  top: 77px;
  width: 76.85px;
  height: 76.85px;
  border-radius: 16.961px;
  opacity: 0.6;
  transform: rotate(-15deg);
}

.aiers-page .aiers-mid-cta__icon--android {
  left: calc(50% + 188px);
  top: 209px;
  width: 100px;
  height: 100px;
  border-radius: 22.07px;
  opacity: 0.8;
  transform: rotate(-15deg);
}

.aiers-page .aiers-mid-cta__icon--baby {
  left: calc(50% - 310px);
  top: 200px;
  width: 100px;
  height: 100px;
  border-radius: 22.07px;
  opacity: 0.8;
  transform: rotate(15deg);
}

@media (max-width: 767px) {
  .aiers-page .aiers-mid-cta {
    height: 302px;
  }

  .aiers-page .aiers-mid-cta__copy {
    gap: 24px;
    width: 324px;
  }

  .aiers-page .aiers-mid-cta__copy h2 {
    font-size: 32px;
  }

  .aiers-page .aiers-mid-cta__copy a {
    border-color: #eaf5ff;
    border-radius: 4px;
  }

  .aiers-page .aiers-mid-cta__icon--alien,
  .aiers-page .aiers-mid-cta__icon--pot,
  .aiers-page .aiers-mid-cta__icon--baby {
    display: none;
  }

  .aiers-page .aiers-mid-cta__icon--alarm {
    left: auto;
    right: -22px;
    top: 150px;
    width: 77.092px;
    height: 77.092px;
    border-radius: 17.015px;
  }

  .aiers-page .aiers-mid-cta__icon--moped {
    left: 256px;
    top: -40px;
    width: 76.85px;
    height: 76.85px;
  }

  .aiers-page .aiers-mid-cta__icon--android {
    left: -39px;
    top: 153px;
    width: 100px;
    height: 100px;
    opacity: 0.4;
    transform: rotate(15deg);
  }
}

.aiers-page .aiers-level {
  padding: 120px 0;
  overflow: hidden;
  background: #fff;
}

.aiers-page .aiers-level__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-level__intro {
  text-align: center;
}

.aiers-page .aiers-level__intro h2 {
  margin: 0;
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-level__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-level__intro p {
  margin-top: 18px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-level__graph {
  position: relative;
  width: 1280px;
  height: 487px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(201, 100, 66, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(201, 100, 66, 0.08) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%);
}

.aiers-page .aiers-level__fill {
  position: absolute;
  right: 58px;
  bottom: 82px;
  width: 880px;
  height: 260px;
  opacity: 0.75;
  background: linear-gradient(180deg, rgba(201, 100, 66, 0.24), rgba(201, 100, 66, 0));
  clip-path: polygon(0 84%, 28% 70%, 56% 49%, 100% 0, 100% 100%, 0 100%);
}

.aiers-page .aiers-level__curve {
  position: absolute;
  left: 100px;
  bottom: 118px;
  width: 1080px;
  height: 330px;
  border-bottom: 2px solid #77e8ef;
  transform: skewY(-12deg);
  transform-origin: left bottom;
}

.aiers-page .aiers-level__curve::after {
  position: absolute;
  right: -3px;
  top: 320px;
  width: 0;
  height: 0;
  border-left: 9px solid #c96442;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  transform: rotate(-12deg);
}

.aiers-page .aiers-level__point {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #c96442;
  font-weight: 700;
  text-align: center;
}

.aiers-page .aiers-level__point span {
  font-size: 24px;
  line-height: 1.5;
  white-space: nowrap;
}

.aiers-page .aiers-level__point i {
  display: block;
  border-radius: 50%;
  background: #c96442;
  box-shadow: 0 0 20px rgba(201, 100, 66, 0.7);
}

.aiers-page .aiers-level__point--1 {
  left: 112px;
  top: 349px;
  color: rgba(201, 100, 66, 0.5);
}

.aiers-page .aiers-level__point--1 i {
  width: 18px;
  height: 18px;
}

.aiers-page .aiers-level__point--2 {
  left: 444px;
  top: 281px;
  color: rgba(201, 100, 66, 0.7);
}

.aiers-page .aiers-level__point--2 i {
  width: 20px;
  height: 20px;
}

.aiers-page .aiers-level__point--3 {
  left: 769px;
  top: 170px;
  color: rgba(201, 100, 66, 0.8);
}

.aiers-page .aiers-level__point--3 i {
  width: 26px;
  height: 26px;
}

.aiers-page .aiers-level__point--4 {
  left: 1078px;
  top: 0;
}

.aiers-page .aiers-level__point--4 span {
  font-size: 32px;
  font-weight: 700;
}

.aiers-page .aiers-level__point--4 i {
  width: 48px;
  height: 48px;
}

.aiers-page .aiers-level__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  position: relative;
}

.aiers-page .aiers-level__cards article {
  position: relative;
  min-height: 246.8px;
  padding: 24px;
  border: 1px solid #e6dfd8;
  border-radius: 16px;
  background: #f7fbfc;
}

.aiers-page .aiers-level__cards article:not(:last-child)::after {
  position: absolute;
  right: -26px;
  top: 154px;
  width: 0;
  height: 0;
  border-left: 12px solid #c96442;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  content: "";
  opacity: 0.8;
}

.aiers-page .aiers-level__cards span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c96442;
  border-radius: 4px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-level__cards h3 {
  margin: 16px 0 0;
  color: #141413;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.aiers-page .aiers-level__cards p {
  margin: 8px 0 0;
  color: rgba(20, 20, 19, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-level__cards div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 16px;
}

.aiers-page .aiers-level__cards em {
  display: inline-flex;
  align-items: center;
  min-height: 24.8px;
  padding: 3px 9px 4.8px;
  border-radius: 6px;
  background: rgba(201, 100, 66, 0.08);
  color: #c96442;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.36px;
}

@media (max-width: 767px) {
  .aiers-page .aiers-level {
    padding: 80px 0;
  }

  .aiers-page .aiers-level__wrap {
    gap: 12px;
    width: 100%;
  }

  .aiers-page .aiers-level__intro {
    width: 100%;
    margin: 0 auto;
  }

  .aiers-page .aiers-level__intro h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .aiers-page .aiers-level__intro p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-level__graph-scroll {
    width: 100%;
    margin-top: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .aiers-page .aiers-level__graph-scroll::-webkit-scrollbar {
    display: none;
  }

  .aiers-page .aiers-level__graph {
    width: 1108px;
    height: 329px;
    margin-left: 16px;
    background-size: 22px 22px;
    mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
  }

  .aiers-page .aiers-level__fill {
    right: 112px;
    bottom: 20px;
    width: 950px;
    height: 230px;
  }

  .aiers-page .aiers-level__curve {
    left: 0;
    bottom: 18px;
    width: 1108px;
    height: 194px;
    transform: skewY(-9deg);
  }

  .aiers-page .aiers-level__point span {
    font-size: 18px;
  }

  .aiers-page .aiers-level__point--1 {
    left: 125px;
    top: 252px;
  }

  .aiers-page .aiers-level__point--1 i,
  .aiers-page .aiers-level__point--2 i {
    width: 20px;
    height: 20px;
  }

  .aiers-page .aiers-level__point--2 {
    left: 395px;
    top: 219px;
  }

  .aiers-page .aiers-level__point--3 {
    left: 676px;
    top: 169px;
  }

  .aiers-page .aiers-level__point--3 i {
    width: 22px;
    height: 22px;
  }

  .aiers-page .aiers-level__point--4 {
    left: 955px;
    top: 83px;
  }

  .aiers-page .aiers-level__point--4 span {
    font-size: 22px;
  }

  .aiers-page .aiers-level__point--4 i {
    width: 28px;
    height: 28px;
  }

  .aiers-page .aiers-level__cards {
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 0 16px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .aiers-page .aiers-level__cards::-webkit-scrollbar {
    display: none;
  }

  .aiers-page .aiers-level__cards article {
    flex: 0 0 268px;
    min-height: 216px;
    padding: 20px;
    border-radius: 8px;
  }

  .aiers-page .aiers-level__cards article::after {
    display: none;
  }

  .aiers-page .aiers-level__cards span {
    min-height: 26px;
    font-size: 12px;
  }

  .aiers-page .aiers-level__cards h3 {
    margin-top: 14.786px;
    font-size: 18px;
    line-height: 27.724px;
  }

  .aiers-page .aiers-level__cards p {
    margin-top: 7.393px;
    font-size: 14px;
  }

  .aiers-page .aiers-level__cards div {
    margin-top: 14px;
  }

  .aiers-page .aiers-level__cards em {
    min-height: 23px;
    padding: 4px 8px;
    color: #c96442;
    font-size: 11px;
    line-height: 15.526px;
    letter-spacing: -0.33px;
  }
}

.aiers-page .aiers-output {
  padding: 120px 0;
  background: #f7fbfc;
}

.aiers-page .aiers-output__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-output__main {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.aiers-page .aiers-output__intro {
  width: 708px;
}

.aiers-page .aiers-output__intro h2,
.aiers-page .aiers-output__intro p,
.aiers-page .aiers-output-card h3,
.aiers-page .aiers-output-card p,
.aiers-page .aiers-output__bonus h3,
.aiers-page .aiers-output__bonus p {
  margin: 0;
}

.aiers-page .aiers-output__intro h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-output__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-output__intro p {
  margin-top: 18px;
  color: #5e5d59;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-output__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.aiers-page .aiers-output-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 416px;
  padding: 20px 22px 28px;
  overflow: hidden;
  border: 2px solid #c96442;
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-output-card__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c96442;
  border-radius: 4px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.aiers-page .aiers-output-card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin-top: 12px;
}

.aiers-page .aiers-output-card__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 82px;
}

.aiers-page .aiers-output-card h3 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-output-card p {
  color: #5e5d59;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.aiers-page .aiers-output-media {
  position: relative;
  width: 100%;
  height: 329px;
  overflow: hidden;
  border-radius: 8px;
}

.aiers-page .aiers-output-media__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aiers-page .aiers-output-media--demo,
.aiers-page .aiers-output-media--idea {
  background: #203839;
}

.aiers-page .aiers-output-demo {
  position: absolute;
  left: 50%;
  top: 0;
  width: 84px;
  height: 207px;
  padding: 19px 9px 0;
  background: #0a0c0c;
  transform: translateX(-50%);
}

.aiers-page .aiers-output-demo strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.08;
}

.aiers-page .aiers-output-demo span {
  display: block;
  width: 58px;
  height: 12px;
  margin-top: 15px;
  border-radius: 999px;
  background: #fff;
}

.aiers-page .aiers-output-demo i {
  display: block;
  width: 67px;
  height: 2px;
  margin-top: 9px;
  background: rgba(255, 255, 255, 0.75);
}

.aiers-page .aiers-output-demo small {
  display: block;
  margin-top: 14px;
  color: #fff;
  font-size: 7px;
  line-height: 1.4;
}

.aiers-page .aiers-output-demo div {
  display: flex;
  gap: 3px;
  margin-top: 8px;
}

.aiers-page .aiers-output-demo em {
  display: block;
  width: 20px;
  height: 31px;
  border-radius: 2px;
  background: linear-gradient(145deg, #f7f7f7 0%, #cfcfcf 40%, #1d1d1d 100%);
}

.aiers-page .aiers-output-browser {
  position: absolute;
  left: 50%;
  top: 0;
  width: 116px;
  height: 207px;
  padding: 12px 9px;
  background: #fff;
  transform: translateX(-50%);
}

.aiers-page .aiers-output-browser > span {
  display: block;
  width: 48px;
  height: 8px;
  border-radius: 999px;
  background: #c96442;
}

.aiers-page .aiers-output-browser__bar {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.aiers-page .aiers-output-browser__bar i {
  display: block;
  width: 43px;
  height: 9px;
  border-radius: 2px;
  background: #eef4f4;
}

.aiers-page .aiers-output-browser__body {
  margin-top: 12px;
  padding: 8px;
  border: 1px solid #dbe5e7;
  border-radius: 4px;
}

.aiers-page .aiers-output-browser__body p {
  width: 100%;
  height: 6px;
  margin: 0 0 7px;
  border-radius: 2px;
  background: #e8eff1;
}

.aiers-page .aiers-output-browser__body p:nth-of-type(2),
.aiers-page .aiers-output-browser__body p:nth-of-type(4) {
  width: 65%;
}

.aiers-page .aiers-output-browser__body button {
  display: block;
  width: 39px;
  height: 14px;
  margin: 4px 0 10px auto;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: #c96442;
  color: #fff;
  font-family: inherit;
  font-size: 6px;
  font-weight: 700;
  line-height: 14px;
}

.aiers-page .aiers-output-media--url {
  background: #e6dfd8;
}

.aiers-page .aiers-output-phone {
  position: absolute;
  left: 50%;
  top: 28px;
  width: 228.583px;
  height: 422px;
  overflow: hidden;
  border: 3.517px solid #222;
  border-radius: 11.722px;
  background: #abc1d1;
  transform: translateX(-50%);
}

.aiers-page .aiers-output-phone__top {
  position: absolute;
  left: 13.5px;
  right: 12px;
  top: 13px;
  display: grid;
  grid-template-columns: 16px 1fr 16px 16px;
  gap: 8px;
  align-items: center;
}

.aiers-page .aiers-output-phone__top span {
  display: block;
}

.aiers-page .aiers-output-phone__top img {
  width: 16px;
  height: 16px;
}

.aiers-page .aiers-output-phone__top img:first-child {
  transform: rotate(180deg);
}

.aiers-page .aiers-output-phone__bubble {
  position: absolute;
  right: 11px;
  top: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fee500;
  color: #121212;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.36px;
}

.aiers-page .aiers-output-phone__card {
  position: absolute;
  right: 11px;
  top: 75px;
  width: 109px;
  height: 97.092px;
  overflow: hidden;
  border-radius: 4.495px;
  background: #fff;
}

.aiers-page .aiers-output-phone__card div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56.79px;
  background: #1c1b2f url("./figma/before-after/after-visual-demo-poster.webp") center / cover no-repeat;
  color: #fff;
  font-size: 10.992px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.33px;
}

.aiers-page .aiers-output-phone__card strong,
.aiers-page .aiers-output-phone__card p,
.aiers-page .aiers-output-phone__card small {
  display: block;
  margin-left: 6.74px;
  max-width: 86.53px;
  line-height: 1.2;
  letter-spacing: -0.2px;
}

.aiers-page .aiers-output-phone__card strong {
  margin-top: 7.26px;
  color: #000;
  font-size: 6.742px;
  font-weight: 500;
}

.aiers-page .aiers-output-phone__card p {
  margin-top: 2.25px;
  color: #666;
  font-size: 6.742px;
}

.aiers-page .aiers-output-phone__card small {
  margin-top: 2.25px;
  color: #666;
  font-size: 5.619px;
}

.aiers-page .aiers-output__bonus {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.aiers-page .aiers-output__bonus h3 {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #141413;
  font-size: 20px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: -0.18px;
}

.aiers-page .aiers-output__bonus h3 span {
  color: #c96442;
  font-weight: 700;
  line-height: 18.4px;
  letter-spacing: 0.92px;
  text-transform: uppercase;
}

.aiers-page .aiers-output__bonus-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.aiers-page .aiers-output__bonus-grid article {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 73px;
  padding: 14px 16px;
  overflow: hidden;
  border: 1.5px solid rgba(201, 100, 66, 0.2);
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-output__bonus-grid img {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
}

.aiers-page .aiers-output__bonus-grid strong {
  display: block;
  color: #141413;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-output__bonus-grid p {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .aiers-page .aiers-output {
    padding: 60px 16px;
  }

  .aiers-page .aiers-output__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-output__main {
    gap: 32px;
  }

  .aiers-page .aiers-output__intro {
    width: 100%;
  }

  .aiers-page .aiers-output__intro h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .aiers-page .aiers-output__intro p {
    margin-top: 12px;
    color: #666;
    font-size: 14px;
  }

  .aiers-page .aiers-output__cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .aiers-page .aiers-output-card {
    min-height: 338px;
    padding: 16px 20px 24px;
    border-width: 1.673px;
    border-radius: 12px;
  }

  .aiers-page .aiers-output-card__num {
    min-height: 27px;
    padding: 3px 10px;
    border-width: 0.837px;
    border-radius: 3.346px;
    background: rgba(201, 100, 66, 0.1);
    font-size: 14px;
  }

  .aiers-page .aiers-output-card__body {
    gap: 12px;
    margin-top: 12px;
  }

  .aiers-page .aiers-output-card__copy {
    min-height: 73px;
  }

  .aiers-page .aiers-output-card h3 {
    font-size: 18px;
  }

  .aiers-page .aiers-output-card p {
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .aiers-page .aiers-output-media {
    height: 174px;
    border-radius: 6px;
  }

  .aiers-page .aiers-output-demo {
    width: 72px;
    height: 174px;
    padding: 16px 8px 0;
  }

  .aiers-page .aiers-output-demo strong {
    font-size: 13px;
  }

  .aiers-page .aiers-output-demo span {
    width: 50px;
    height: 10px;
    margin-top: 12px;
  }

  .aiers-page .aiers-output-browser {
    width: 98px;
    height: 174px;
    padding: 10px 8px;
  }

  .aiers-page .aiers-output-phone {
    top: 17px;
    width: 208.878px;
    height: 385.621px;
    border-width: 3.214px;
    border-radius: 10.712px;
  }

  .aiers-page .aiers-output-phone__top {
    left: 12.2px;
    right: 11px;
    top: 11.9px;
    grid-template-columns: 14.621px 1fr 14.621px 14.621px;
    gap: 7.31px;
  }

  .aiers-page .aiers-output-phone__top img {
    width: 14.621px;
    height: 14.621px;
  }

  .aiers-page .aiers-output-phone__bubble {
    right: 10.3px;
    top: 37.47px;
    min-height: 27.621px;
    padding: 7.31px 10.966px;
    font-size: 10.966px;
    letter-spacing: -0.329px;
  }

  .aiers-page .aiers-output-phone__card {
    right: 10.3px;
    top: 68.53px;
    width: 99.603px;
    height: 88.722px;
    border-radius: 4.107px;
  }

  .aiers-page .aiers-output-phone__card div {
    height: 51.894px;
    font-size: 10.044px;
  }

  .aiers-page .aiers-output-phone__card strong,
  .aiers-page .aiers-output-phone__card p,
  .aiers-page .aiers-output-phone__card small {
    margin-left: 6.16px;
    max-width: 79.07px;
  }

  .aiers-page .aiers-output-phone__card strong {
    margin-top: 6.64px;
    font-size: 6.161px;
  }

  .aiers-page .aiers-output-phone__card p {
    margin-top: 2.05px;
    font-size: 6.161px;
  }

  .aiers-page .aiers-output-phone__card small {
    margin-top: 2.05px;
    font-size: 5.134px;
  }

  .aiers-page .aiers-output__bonus {
    gap: 32px;
  }

  .aiers-page .aiers-output__bonus h3 {
    font-size: 20px;
  }

  .aiers-page .aiers-output__bonus-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 9px;
  }

  .aiers-page .aiers-output__bonus-grid article {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    min-height: 137px;
    padding: 20px 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-output__bonus-grid strong {
    font-size: 16px;
    letter-spacing: -0.32px;
    word-break: keep-all;
  }

  .aiers-page .aiers-output__bonus-grid p {
    font-size: 14px;
  }
}

.aiers-page .aiers-proof {
  padding: 120px 0;
  background: #fff;
}

.aiers-page .aiers-proof__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-proof__intro h2,
.aiers-page .aiers-proof__intro p,
.aiers-page .aiers-proof-card h3,
.aiers-page .aiers-proof-card p {
  margin: 0;
}

.aiers-page .aiers-proof__intro h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-proof__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-proof__intro p {
  margin-top: 11px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-proof__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 20px;
}

.aiers-page .aiers-proof-card {
  height: 460px;
  overflow: hidden;
  border: 1px solid #e6dfd8;
  border-radius: 24px;
  background: #fafafa;
}

.aiers-page .aiers-proof-card__thumb {
  position: relative;
  height: 354px;
  margin: -1px -1px 0;
  overflow: hidden;
  background: #262624;
}

.aiers-page .aiers-proof-card__thumb img,
.aiers-page .aiers-proof-card__thumb video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aiers-page .aiers-proof-card__thumb span {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 56.842px;
  padding-left: 3.158px;
  border-radius: 29.211px;
  background: rgba(255, 255, 255, 0.95);
  color: #c96442;
  font-size: 17.368px;
  font-weight: 400;
  line-height: 27.789px;
  letter-spacing: -0.284px;
  transform: translate(-50%, -50%);
}

.aiers-page .aiers-proof-card__copy {
  padding: 24.8px 24px 0;
}

.aiers-page .aiers-proof-card h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #141413;
  font-size: 20px;
  font-weight: 700;
  line-height: 17.5px;
  letter-spacing: -0.18px;
  white-space: nowrap;
}

.aiers-page .aiers-proof-card h3 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 1px solid #141413;
  border-radius: 50%;
  color: #141413;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.aiers-page .aiers-proof-card p {
  margin-top: 16px;
  color: #666;
  font-size: 18px;
  font-weight: 500;
  line-height: 15.4px;
  letter-spacing: -0.18px;
}

@media (max-width: 767px) {
  .aiers-page .aiers-proof {
    padding: 60px 16px;
  }

  .aiers-page .aiers-proof__wrap {
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-proof__intro h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .aiers-page .aiers-proof__intro p {
    margin-top: 12px;
    font-size: 14px;
  }

  .aiers-page .aiers-proof__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .aiers-page .aiers-proof-card {
    height: 262px;
    border-radius: 12px;
  }

  .aiers-page .aiers-proof-card:not(:first-child) {
    border-radius: 16px;
  }

  .aiers-page .aiers-proof-card__thumb {
    height: 193px;
    margin: -0.778px -0.5px 0;
  }

  .aiers-page .aiers-proof-card__thumb span {
    width: 32.667px;
    height: 30.947px;
    padding-left: 1.719px;
    border-radius: 15.904px;
    font-size: 9.456px;
    line-height: 15.13px;
    letter-spacing: -0.155px;
  }

  .aiers-page .aiers-proof-card__copy {
    padding: 17px 13px 0;
  }

  .aiers-page .aiers-proof-card h3 {
    gap: 3.267px;
    font-size: 14px;
    line-height: 9.528px;
    letter-spacing: -0.098px;
  }

  .aiers-page .aiers-proof-card h3 span {
    width: 15px;
    height: 15px;
    font-size: 10px;
  }

  .aiers-page .aiers-proof-card p {
    margin-top: 8px;
    font-size: 12px;
    line-height: 8.384px;
    letter-spacing: -0.098px;
  }
}

.aiers-page .aiers-method {
  padding: 120px 0;
  background: #f7fbfc;
}

.aiers-page .aiers-method__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-method__intro h2,
.aiers-page .aiers-method__intro p,
.aiers-page .aiers-method-part__head h3,
.aiers-page .aiers-method-item p {
  margin: 0;
}

.aiers-page .aiers-method__intro h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-method__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-method__intro p {
  margin-top: 18px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-method__parts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  align-items: flex-start;
}

.aiers-page .aiers-method-part {
  overflow: hidden;
  border-radius: 16px;
}

.aiers-page .aiers-method-part__head {
  padding: 20px 24px;
  background: #c96442;
  color: #fff;
}

.aiers-page .aiers-method-part__head div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.aiers-page .aiers-method-part__head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 35px;
  padding: 4px 12px;
  border-radius: 4px;
  background: #fff;
  color: #c96442;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}

.aiers-page .aiers-method-part__head strong {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}

.aiers-page .aiers-method-part__head h3 {
  margin-top: 16px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.375;
}

.aiers-page .aiers-method-part__body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 20px 24px 32px;
  border-right: 1px solid #e6dfd8;
  border-bottom: 1px solid #e6dfd8;
  border-left: 1px solid #e6dfd8;
  border-radius: 0 0 16px 16px;
  background: #fff;
}

.aiers-page .aiers-method-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aiers-page .aiers-method-item + .aiers-method-item {
  padding-top: 18px;
  border-top: 1px dashed #cfdfe2;
}

.aiers-page .aiers-method-item__row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 80px;
  align-items: flex-start;
}

.aiers-page .aiers-method-item time {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 19.5px;
}

.aiers-page .aiers-method-item__row div {
  min-width: 0;
}

.aiers-page .aiers-method-item__row span {
  display: block;
  color: #c96442;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.aiers-page .aiers-method-item__row strong {
  display: block;
  margin-top: 4px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 19.5px;
}

.aiers-page .aiers-method-item__row p {
  margin-top: 12px;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.aiers-page .aiers-method-result {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 49px;
  padding: 10px 12px;
  border-radius: 4px;
  background: #f5fafa;
  color: #121212;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.18px;
}

.aiers-page .aiers-method-result span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 4px;
  background: #c96442;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.aiers-page .aiers-method-item--simple .aiers-method-item__row {
  min-height: 48px;
}

.aiers-page .aiers-method-item--mobile-only {
  display: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-method {
    padding: 80px 16px;
  }

  .aiers-page .aiers-method__wrap {
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-method__intro h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: 0;
  }

  .aiers-page .aiers-method__intro p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.28px;
  }

  .aiers-page .aiers-method__parts {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .aiers-page .aiers-method-part {
    border-radius: 8px;
  }

  .aiers-page .aiers-method-part__head {
    padding: 16px;
  }

  .aiers-page .aiers-method-part__head div {
    gap: 8px;
  }

  .aiers-page .aiers-method-part__head span {
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid #c96442;
    font-size: 12px;
    font-weight: 600;
  }

  .aiers-page .aiers-method-part__head strong {
    font-size: 14px;
    line-height: 19.5px;
  }

  .aiers-page .aiers-method-part__head h3 {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5;
  }

  .aiers-page .aiers-method-part__body {
    gap: 8px;
    padding: 16px;
    border-color: #c96442;
    border-radius: 0 0 8px 8px;
  }

  .aiers-page .aiers-method-item {
    gap: 14px;
  }

  .aiers-page .aiers-method-item + .aiers-method-item {
    padding-top: 8px;
  }

  .aiers-page .aiers-method-item__row {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 24px;
  }

  .aiers-page .aiers-method-item time {
    font-size: 14px;
    line-height: 19.5px;
  }

  .aiers-page .aiers-method-item__row span {
    font-size: 12px;
  }

  .aiers-page .aiers-method-item__row strong {
    margin-top: 0;
    font-size: 14px;
    line-height: 19.5px;
  }

  .aiers-page .aiers-method-item__row p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4;
  }

  .aiers-page .aiers-method-result {
    min-height: 37px;
    padding: 6px 12px;
    font-size: 13px;
    white-space: nowrap;
  }

  .aiers-page .aiers-method-result span {
    min-height: 24px;
    padding: 4px 8px;
    font-size: 12px;
  }

  .aiers-page .aiers-method-item--simple .aiers-method-item__row {
    min-height: 38px;
  }

  .aiers-page .aiers-method-item--mobile-only {
    display: flex;
  }
}

.aiers-page .aiers-empathy {
  padding: 120px 0;
  background: linear-gradient(180deg, #eaf5ff 10.205%, #bef5ff 115.33%);
}

.aiers-page .aiers-empathy__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-empathy h2,
.aiers-page .aiers-empathy h3,
.aiers-page .aiers-empathy p {
  margin: 0;
}

.aiers-page .aiers-empathy h2 {
  padding-bottom: 4px;
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.4px;
  text-align: center;
}

.aiers-page .aiers-empathy h2 span {
  color: #c96442;
}

.aiers-page .aiers-empathy__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

.aiers-page .aiers-empathy-card {
  position: relative;
  height: 380px;
  overflow: hidden;
  border: 2px solid #e6dfd8;
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-empathy-card__copy {
  position: absolute;
  left: 36px;
  top: 30px;
  z-index: 2;
}

.aiers-page .aiers-empathy-card h3 {
  color: #c96442;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.5px;
  letter-spacing: -0.32px;
}

.aiers-page .aiers-empathy-card p {
  margin-top: 16px;
  color: #333;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.aiers-page .aiers-empathy-card > span {
  position: absolute;
  left: 235px;
  top: 229.6px;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: rgba(201, 100, 66, 0.12);
  filter: blur(18px);
}

.aiers-page .aiers-empathy-card img {
  position: absolute;
  z-index: 1;
  object-fit: cover;
  pointer-events: none;
}

.aiers-page .aiers-empathy-card--founder img {
  left: 180px;
  top: 142.6px;
  width: 256px;
  height: 320px;
}

.aiers-page .aiers-empathy-card--worker img {
  left: 145px;
  top: 151.6px;
  width: 316px;
  height: 352px;
}

.aiers-page .aiers-empathy-card--pm img {
  left: 160px;
  top: 148.6px;
  width: 307px;
  height: 338px;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .aiers-page .aiers-empathy__wrap {
    width: min(640px, calc(100% - 40px));
  }

  .aiers-page .aiers-empathy__cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .aiers-page .aiers-empathy-card {
    width: 100%;
    max-width: 520px;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-empathy {
    padding: 80px 16px;
  }

  .aiers-page .aiers-empathy__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-empathy h2 {
    font-size: 24px;
    letter-spacing: 0;
  }

  .aiers-page .aiers-empathy__cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .aiers-page .aiers-empathy-card {
    width: 100%;
    max-width: 520px;
    height: 275px;
    border-radius: 12px;
  }

  .aiers-page .aiers-empathy-card__copy {
    left: 30.04px;
    top: 25.04px;
  }

  .aiers-page .aiers-empathy-card h3 {
    font-size: 14px;
    line-height: 21.281px;
    letter-spacing: -0.28px;
  }

  .aiers-page .aiers-empathy-card p {
    margin-top: 13.353px;
    font-size: 18px;
    line-height: 1.4;
  }

  .aiers-page .aiers-empathy-card > span {
    left: auto;
    right: 50px;
    top: 180px;
    width: 73px;
    height: 73px;
  }

  .aiers-page .aiers-empathy-card--founder img {
    left: auto;
    right: -16px;
    top: 124px;
    width: 160px;
    height: 200px;
  }

  .aiers-page .aiers-empathy-card--worker img {
    left: auto;
    right: -31px;
    top: 129px;
    width: 203px;
    height: 226px;
  }

  .aiers-page .aiers-empathy-card--pm img {
    left: auto;
    right: -43px;
    top: 111px;
    width: 223px;
    height: 245px;
  }
}

.aiers-page .aiers-journey {
  position: relative;
  padding: 120px 0;
  overflow: hidden;
  background: #c96442;
}

.aiers-page .aiers-journey::before {
  position: absolute;
  inset: -200px;
  background-image: url("./figma/solo/noise.webp");
  background-position: center;
  background-size: 900px auto;
  content: "";
  opacity: 0.1;
  mix-blend-mode: overlay;
}

.aiers-page .aiers-journey__wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-journey h2,
.aiers-page .aiers-journey h3,
.aiers-page .aiers-journey p {
  margin: 0;
}

.aiers-page .aiers-journey h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
  text-align: center;
}

.aiers-page .aiers-journey h2 span {
  color: #ffffff;
}

.aiers-page .aiers-journey__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  width: 100%;
}

.aiers-page .aiers-journey-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 382px;
  padding: 24px;
  border: 1px solid #e6dfd8;
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-journey-card:not(:last-child)::after {
  position: absolute;
  right: -30px;
  top: 249px;
  width: 0;
  height: 0;
  border-left: 21px solid rgba(255, 255, 255, 0.75);
  border-top: 49px solid transparent;
  border-bottom: 49px solid transparent;
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.45));
  content: "";
}

.aiers-page .aiers-journey-card.is-active {
  border: 2px solid #e6dfd8;
}

.aiers-page .aiers-journey-card__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.aiers-page .aiers-journey-card__head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 32px;
  padding: 4px 12px;
  border: 1px solid #c96442;
  border-radius: 4px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.aiers-page .aiers-journey-card.is-active .aiers-journey-card__head > span {
  background: #c96442;
  color: #fff;
}

.aiers-page .aiers-journey-card h3 {
  color: #333;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
}

.aiers-page .aiers-journey-card p {
  margin-top: -8px;
  color: #c96442;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.aiers-page .aiers-journey-card ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.aiers-page .aiers-journey-card li {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 15px 24px;
  border: 1px solid #e6dfd8;
  border-radius: 8px;
  background: #f7fbfc;
  color: #121212;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.32px;
  white-space: nowrap;
}

.aiers-page .aiers-journey-card.is-active li {
  border-color: #c96442;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-weight: 700;
}

.aiers-page .aiers-journey__mobile-text {
  display: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-journey {
    padding: 80px 16px 87.5px;
  }

  .aiers-page .aiers-journey__wrap {
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-journey h2 {
    font-size: 24px;
    letter-spacing: -0.24px;
  }

  .aiers-page .aiers-journey__cards {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .aiers-page .aiers-journey-card {
    gap: 20px;
    min-height: 337.5px;
    padding: 24px 20px;
    border-radius: 8px;
  }

  .aiers-page .aiers-journey-card:not(:last-child)::after {
    right: auto;
    left: 50%;
    top: calc(100% + 12px);
    border-left: 48.5px solid transparent;
    border-right: 48.5px solid transparent;
    border-top: 21px solid rgba(255, 255, 255, 0.75);
    border-bottom: 0;
    transform: translateX(-50%);
  }

  .aiers-page .aiers-journey-card__head {
    gap: 13.72px;
  }

  .aiers-page .aiers-journey-card__head > span {
    min-height: 27.86px;
    padding: 3.43px 10.29px;
    border-width: 0.858px;
    font-size: 14px;
  }

  .aiers-page .aiers-journey-card h3 {
    font-size: 28px;
  }

  .aiers-page .aiers-journey-card p {
    margin-top: -6.86px;
    font-size: 16px;
  }

  .aiers-page .aiers-journey-card li {
    min-height: 48.02px;
    padding: 12.72px 20.44px;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .aiers-page .aiers-journey__desktop-text {
    display: none;
  }

  .aiers-page .aiers-journey__mobile-text {
    display: inline;
  }
}

.aiers-page .aiers-promise {
  padding: 120px 0;
  background: #fff;
}

.aiers-page .aiers-promise__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-promise h2,
.aiers-page .aiers-promise h3,
.aiers-page .aiers-promise p,
.aiers-page .aiers-promise figure {
  margin: 0;
}

.aiers-page .aiers-promise h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
  text-align: center;
}

.aiers-page .aiers-promise h2 span {
  color: #c96442;
}

.aiers-page .aiers-promise__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
}

.aiers-page .aiers-promise article {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.aiers-page .aiers-promise figure {
  width: 100%;
  height: 240px;
  overflow: hidden;
  border-radius: 16px;
  background: #eaf5ff;
}

.aiers-page .aiers-promise figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aiers-page .aiers-promise__slack img {
  width: 358px;
  height: 248px;
  margin: 20px auto 0;
}

.aiers-page .aiers-promise h3 {
  color: #121212;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-promise h3 span {
  color: #c96442;
}

.aiers-page .aiers-promise p {
  margin-top: -12.25px;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .aiers-page .aiers-promise {
    padding: 80px 16px;
  }

  .aiers-page .aiers-promise__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-promise h2 {
    font-size: 24px;
    letter-spacing: -0.24px;
  }

  .aiers-page .aiers-promise__items {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .aiers-page .aiers-promise article {
    gap: 20.045px;
  }

  .aiers-page .aiers-promise figure {
    height: 200.455px;
    border-radius: 8px;
  }

  .aiers-page .aiers-promise__slack img {
    width: 307px;
    height: 213px;
    margin-top: 20.372px;
  }

  .aiers-page .aiers-promise h3 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.32px;
  }

  .aiers-page .aiers-promise p {
    margin-top: -10.231px;
    font-size: 14px;
    line-height: 1.45;
  }
}

.aiers-page .aiers-process {
  padding: 120px 0;
  background: #f7fbfc;
}

.aiers-page .aiers-process__wrap {
  display: flex;
  flex-direction: column;
  gap: 64px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-process h2,
.aiers-page .aiers-process h3,
.aiers-page .aiers-process p,
.aiers-page .aiers-process figure {
  margin: 0;
}

.aiers-page .aiers-process h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-process h2 span {
  color: #c96442;
}

.aiers-page .aiers-process__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.aiers-page .aiers-process-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 480px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #e6dfd8;
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-process-card__copy {
  min-height: 137px;
}

.aiers-page .aiers-process-card__copy span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 35px;
  padding: 4px 12px;
  border: 1px solid #c96442;
  border-radius: 8px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-process-card h3 {
  margin-top: 18px;
  color: #121212;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.44px;
}

.aiers-page .aiers-process-card p {
  margin-top: 8px;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.36px;
}

.aiers-page .aiers-process-card figure {
  width: 100%;
  height: 279px;
  overflow: hidden;
  border-radius: 4px;
  background: #eaf5ff;
}

.aiers-page .aiers-process-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aiers-page .aiers-process-card__mock {
  display: flex;
  align-items: center;
  justify-content: center;
}

.aiers-page .aiers-process-card__mock .aiers-showcase__stage {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aiers-page .aiers-process-card__mock .phone {
  transform: scale(0.85);
}

.aiers-page .aiers-process-card__refund {
  display: flex;
  align-items: center;
  justify-content: center;
}

.aiers-page .aiers-process-card__refund img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 767px) {
  .aiers-page .aiers-process {
    padding: 60px 16px;
  }

  .aiers-page .aiers-process__wrap {
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-process h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.24px;
  }

  .aiers-page .aiers-process__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .aiers-page .aiers-process-card {
    gap: 12px;
    height: 299px;
    padding: 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-process-card--tall-mobile {
    height: 320px;
  }

  .aiers-page .aiers-process-card__copy {
    min-height: 92px;
  }

  .aiers-page .aiers-process-card--tall-mobile .aiers-process-card__copy {
    min-height: 113px;
  }

  .aiers-page .aiers-process-card__copy span {
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
  }

  .aiers-page .aiers-process-card h3 {
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.32px;
  }

  .aiers-page .aiers-process-card p {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .aiers-page .aiers-process-card figure {
    height: 164px;
  }

  .aiers-page .aiers-process-card--tall-mobile {
    height: auto;
  }

  /* figure가 폰을 딱 감싸도록: scale 0.62 → 시각 198px, 레이아웃 overhang(61px)을 음수 마진으로 접음 */
  .aiers-page .aiers-process-card__mock {
    height: auto;
  }

  .aiers-page .aiers-process-card__mock .phone {
    transform: scale(0.62);
    transform-origin: center;
    margin: -61px 0;
  }

  .aiers-page .aiers-process-card__refund img {
    width: 100%;
    height: 100%;
  }
}

.aiers-page .aiers-instructor-section {
  padding: 80px 0 120px;
  background: #eaf5ff;
}

.aiers-page .aiers-instructor-section__wrap {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-instructor-section h2,
.aiers-page .aiers-instructor-section h3,
.aiers-page .aiers-instructor-section p,
.aiers-page .aiers-instructor-section blockquote {
  margin: 0;
}

.aiers-page .aiers-instructor-section > .aiers-instructor-section__wrap > h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-instructor-section h2 span {
  color: #c96442;
}

.aiers-page .aiers-instructor-card {
  position: relative;
  display: grid;
  grid-template-columns: 585px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 20px;
  align-items: center;
  padding: 24px 28px 31px;
  overflow: visible;
  border: 1px solid #e6dfd8;
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-instructor-card__photo {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  width: 700px;
  max-width: none;
  height: 430px;
  margin: 20px 0 0 -28px;
  overflow: visible;
  align-self: start;
  border-radius: 0;
  background: transparent;
}

.aiers-page .aiers-instructor-card__photo::before {
  position: absolute;
  inset: 0;
  background: url("./figma/proof/vibecoding-tutor.jpeg") center 24% / cover no-repeat;
  content: "";
  filter: blur(13px);
  opacity: 0.14;
  transform: none;
}

.aiers-page .aiers-instructor-card__photo img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  transform: translateX(-117px) scale(1.18);
  transform-origin: left bottom;
}

.aiers-page .aiers-instructor-card__body {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.aiers-page .aiers-instructor-card__head {
  padding-bottom: 0;
  border-bottom: 0;
}

.aiers-page .aiers-instructor-card__avatar {
  display: none;
}

.aiers-page .aiers-instructor-card h3 {
  color: #121212;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.aiers-page .aiers-instructor-card__head p {
  margin-top: 8px;
  color: #666;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-card__summary--mobile {
  display: none;
}

.aiers-page .aiers-instructor-card__career-title {
  display: block;
  margin-top: 8px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.aiers-page .aiers-instructor-card__chips span {
  display: inline-flex;
  align-items: center;
  height: 33px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.4px;
  letter-spacing: -0.18px;
  white-space: nowrap;
}

.aiers-page .aiers-instructor-card__detail {
  width: min(806px, 100%);
  margin-top: 0;
  padding-top: 20px;
  border-top: 1px solid #5e5d59;
  color: #121212;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-card__detail a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.aiers-page .aiers-instructor-card blockquote {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 16px;
  min-height: 92px;
  padding: 16px;
  border-radius: 8px;
  background: #c96442;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.2px;
}

.aiers-page .aiers-instructor-card__quote-em {
  color: inherit;
}

.aiers-page .aiers-instructor-card__quote-mobile-break {
  display: none;
}

.aiers-page .aiers-instructor-proof {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.aiers-page .aiers-instructor-proof__head {
  margin-bottom: 60px;
}

.aiers-page .aiers-instructor-proof__head h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-instructor-proof__head p {
  margin-top: 18px;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.aiers-page .aiers-instructor-metrics article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 188px;
  padding: 20px 24px;
  border: 1px solid #e6dfd8;
  border-radius: 16px;
  background: #fff;
  text-align: center;
}

.aiers-page .aiers-instructor-metrics p {
  color: #c96442;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-metrics strong {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-metrics article > span {
  margin-top: 8px;
  color: #121212;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-stars {
  color: #c96442;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2px;
  white-space: nowrap;
}

.aiers-page .aiers-stars span {
  color: #121212;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
}

.aiers-page .aiers-instructor-reviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.aiers-page .aiers-instructor-reviews article {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 226.385px;
  padding: 20px 24px;
  border: 1px solid #e6dfd8;
  border-radius: 16px;
  background: #fff;
}

.aiers-page .aiers-instructor-reviews .aiers-stars {
  font-size: 32px;
}

.aiers-page .aiers-instructor-reviews p {
  min-height: 90px;
  color: #121212;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.aiers-page .aiers-instructor-reviews span {
  display: block;
  padding-top: 8px;
  border-top: 1px solid #e6dfd8;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-guarantee {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 320px;
  margin-top: 16px;
  padding: 24px;
  border: 2px solid #c96442;
  border-radius: 16px;
  background: rgba(201, 100, 66, 0.1);
  text-align: center;
}

.aiers-page .aiers-instructor-guarantee span {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #c96442;
}

.aiers-page .aiers-instructor-guarantee span::after {
  position: absolute;
  left: 15px;
  top: 13px;
  width: 16px;
  height: 9px;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  content: "";
  transform: rotate(-45deg);
}

.aiers-page .aiers-instructor-guarantee h3 {
  margin-top: 8px;
  color: #121212;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-guarantee p {
  margin-top: 12px;
  color: rgba(18, 18, 18, 0.8);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .aiers-page .aiers-instructor-section {
    padding: 80px 16px;
  }

  .aiers-page .aiers-instructor-section__wrap {
    gap: 20px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-instructor-section > .aiers-instructor-section__wrap > h2,
  .aiers-page .aiers-instructor-proof__head h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.24px;
  }

  .aiers-page .aiers-instructor-card {
    position: static;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 18px 14px;
    border-color: #e6dfd8;
    border-radius: 8px;
    background: #fafafa;
  }

  .aiers-page .aiers-instructor-card__photo {
    display: none;
  }

  .aiers-page .aiers-instructor-card__body {
    position: static;
    width: 100%;
    max-width: none;
  }

  .aiers-page .aiers-instructor-card__head {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    width: 100%;
    min-height: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
  }

  .aiers-page .aiers-instructor-card__head > div {
    min-width: 0;
    flex: 1 1 auto;
  }

  .aiers-page .aiers-instructor-card__avatar {
    display: block;
    width: 96px;
    height: 96px;
    flex: 0 0 96px;
    overflow: hidden;
    border-radius: 9.846px;
    background: linear-gradient(180deg, #effbfc 0%, #d8f3f5 100%);
    object-fit: cover;
    object-position: center top;
  }

  .aiers-page .aiers-instructor-card h3 {
    font-size: 18px;
    line-height: 1.5;
  }

  .aiers-page .aiers-instructor-card__head p {
    margin-top: 2px;
    color: #222;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.12px;
  }

  .aiers-page .aiers-instructor-card__summary--desktop {
    display: none;
  }

  .aiers-page .aiers-instructor-card__summary--mobile {
    display: block;
  }

  .aiers-page .aiers-instructor-card__career-title {
    display: block;
    margin-top: 16px;
    color: #121212;
    font-size: 0;
    line-height: 0;
  }

  .aiers-page .aiers-instructor-card__career-title::after {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    content: "AI Agent를 직접 만들고 실제 개발과 업무에 사용하며,\A다른 사람들이 자신의 업무에 맞게 활용할 수 있도록 교육하고 있습니다.";
    white-space: pre-line;
  }

  .aiers-page .aiers-instructor-card__chips {
    gap: 8px;
    flex-wrap: wrap;
    margin: 16px 0 0;
  }

  .aiers-page .aiers-instructor-card__chips span {
    height: 33px;
    padding: 7px 12px;
    background: rgba(201, 100, 66, 0.08);
    font-size: 12px;
  }

  .aiers-page .aiers-instructor-card__chips span:nth-child(2) {
    font-size: 12px;
  }

  .aiers-page .aiers-instructor-card__chips span:nth-child(2)::before {
    content: none;
  }

  .aiers-page .aiers-instructor-card__chips span:nth-child(3) {
    font-size: 12px;
  }

  .aiers-page .aiers-instructor-card__chips span:nth-child(3)::before {
    content: none;
  }

  .aiers-page .aiers-instructor-card__detail {
    display: none;
  }

  .aiers-page .aiers-instructor-card blockquote {
    position: static;
    inset: auto;
    width: 100%;
    min-height: 0;
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.28px;
    text-align: center;
  }

  .aiers-page .aiers-instructor-card__quote-em {
    color: #ffffff;
  }

  .aiers-page .aiers-instructor-card__quote-break {
    display: block;
  }

  .aiers-page .aiers-instructor-card__quote-mobile-break {
    display: block;
  }

  .aiers-page .aiers-instructor-proof {
    gap: 32px;
  }

  .aiers-page .aiers-instructor-proof__head {
    margin-bottom: 0;
  }

  .aiers-page .aiers-instructor-proof__head p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-instructor-metrics {
    gap: 12px;
  }

  .aiers-page .aiers-instructor-metrics article {
    height: 140px;
    padding: 12px 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-instructor-metrics p {
    font-size: 14px;
  }

  .aiers-page .aiers-instructor-metrics strong {
    font-size: 32px;
  }

  .aiers-page .aiers-instructor-metrics article > span {
    margin-top: 0;
    font-size: 12px;
  }

  .aiers-page .aiers-stars {
    font-size: 18px;
    letter-spacing: 1px;
  }

  .aiers-page .aiers-stars span {
    display: block;
    margin-top: 4px;
    font-size: 12px;
  }

  .aiers-page .aiers-instructor-reviews {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .aiers-page .aiers-instructor-reviews article {
    gap: 6px;
    height: 146.376px;
    padding: 12px 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-instructor-reviews .aiers-stars {
    font-size: 18px;
  }

  .aiers-page .aiers-instructor-reviews p {
    min-height: 63px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-instructor-reviews span {
    padding-top: 6px;
    font-size: 12px;
  }

  .aiers-page .aiers-instructor-guarantee {
    height: 152px;
    margin-top: 0;
    padding: 16px;
    border-width: 1px;
    border-radius: 8px;
  }

  .aiers-page .aiers-instructor-guarantee span {
    width: 24px;
    height: 24px;
  }

  .aiers-page .aiers-instructor-guarantee span::after {
    left: 8px;
    top: 7px;
    width: 8px;
    height: 5px;
    border-width: 2px;
  }

  .aiers-page .aiers-instructor-guarantee h3 {
    margin-top: 4px;
    font-size: 24px;
    line-height: 1.25;
  }

  .aiers-page .aiers-instructor-guarantee p {
    width: 311px;
    margin-top: 8px;
    font-size: 16px;
  }
}

.aiers-page .aiers-apply {
  padding: 120px 0;
  background: #f7fbfc;
}

.aiers-page .aiers-apply__wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-apply h2,
.aiers-page .aiers-apply p {
  margin: 0;
}

.aiers-page .aiers-apply h2 {
  color: #141413;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.aiers-page .aiers-apply h2 span {
  color: #c96442;
}

.aiers-page .aiers-apply__mobile-break,
.aiers-page .aiers-apply__mobile-text {
  display: none;
}

.aiers-page .aiers-apply__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.aiers-page .aiers-apply__price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.aiers-page .aiers-apply__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #c96442;
  color: #faf9f5;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}

.aiers-page .aiers-apply__price div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.aiers-page .aiers-apply__price strong {
  color: #c96442;
  font-size: 42px;
  font-weight: 700;
  line-height: 19.5px;
}

.aiers-page .aiers-apply__price s {
  color: #999;
  font-size: 22px;
  font-weight: 500;
  line-height: 19.5px;
  text-decoration-thickness: 1px;
}

.aiers-page .aiers-apply__price p {
  color: #141413;
  font-size: 28px;
  font-weight: 500;
  line-height: 19.5px;
}

.aiers-page .aiers-apply__status {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 16px;
}

.aiers-page .aiers-apply__status article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 140px;
  padding: 20px 24px;
  border: 1px solid #c96442;
  border-radius: 16px;
  background: rgba(201, 100, 66, 0.1);
  text-align: center;
}

.aiers-page .aiers-apply__status-icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}

.aiers-page .aiers-apply__status-icon--seat::before {
  position: absolute;
  left: 4px;
  top: 5px;
  width: 12px;
  height: 12px;
  border: 2px solid #c96442;
  border-radius: 2px;
  content: "";
}

.aiers-page .aiers-apply__status-icon--seat::after {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 9px;
  height: 2px;
  background: #c96442;
  content: "";
  transform: rotate(-45deg);
  transform-origin: center;
}

.aiers-page .aiers-apply__status-icon--clock {
  border: 2px solid #c96442;
  border-radius: 50%;
}

.aiers-page .aiers-apply__status-icon--clock::before,
.aiers-page .aiers-apply__status-icon--clock::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  background: #c96442;
  content: "";
  transform-origin: bottom center;
}

.aiers-page .aiers-apply__status-icon--clock::before {
  height: 6px;
  transform: translate(-50%, -100%) rotate(0deg);
}

.aiers-page .aiers-apply__status-icon--clock::after {
  height: 5px;
  transform: translate(-50%, -100%) rotate(125deg);
}

.aiers-page .aiers-apply__status p {
  color: #c96442;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.aiers-page .aiers-apply__status strong {
  color: #141413;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-apply__benefits {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 20px 24px;
  border: 1px solid #e6dfd8;
  border-radius: 16px;
  background: #fff;
  list-style: none;
}

.aiers-page .aiers-apply__benefits li {
  position: relative;
  min-height: 39px;
  padding: 3.5px 0 12px 59px;
  border-bottom: 1px dotted #e6e6e6;
  color: #141413;
  font-size: 20px;
  font-weight: 400;
  line-height: 19.5px;
}

.aiers-page .aiers-apply__benefits li:last-child {
  border-bottom: 0;
}

.aiers-page .aiers-apply__benefits li::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 27px;
  height: 27px;
  color: #c96442;
  content: "✓";
  font-size: 22px;
  line-height: 27px;
  text-align: center;
}

.aiers-page .aiers-apply__count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 20px 24px;
  border: 1px solid #c96442;
  border-radius: 8px;
  background: rgba(201, 100, 66, 0.1);
  color: #141413;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-apply__count span,
.aiers-page .aiers-apply__count strong {
  color: #c96442;
}

.aiers-page .aiers-apply__actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.aiers-page .aiers-apply__actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 16px 32px;
  border: 1px solid #e6dfd8;
  border-radius: 8px;
  background: #fff;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}

.aiers-page .aiers-apply__actions a:first-child {
  background: #c96442;
  color: #fff;
}

.aiers-page .aiers-apply__actions a:only-child {
  grid-column: 1 / -1;
}

.aiers-page .aiers-apply__action--notify {
  order: 1;
}

.aiers-page .aiers-apply__action--order {
  order: 2;
}

@media (max-width: 767px) {
  .aiers-page .aiers-apply {
    padding: 60px 16px 80px;
  }

  .aiers-page .aiers-apply__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-apply h2 {
    font-size: 24px;
  }

  .aiers-page .aiers-apply__mobile-break,
  .aiers-page .aiers-apply__mobile-text {
    display: inline;
  }

  .aiers-page .aiers-apply__desktop-text {
    display: none;
  }

  .aiers-page .aiers-apply__content {
    gap: 24px;
  }

  .aiers-page .aiers-apply__price {
    gap: 4px;
  }

  .aiers-page .aiers-apply__badge {
    min-height: 26px;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
  }

  .aiers-page .aiers-apply__price div {
    gap: 7px;
    margin-top: 4px;
  }

  .aiers-page .aiers-apply__price strong {
    font-size: 22px;
  }

  .aiers-page .aiers-apply__price s {
    font-size: 12px;
  }

  .aiers-page .aiers-apply__price p {
    color: #666;
    font-size: 14px;
  }

  .aiers-page .aiers-apply__status {
    gap: 12px;
    margin-top: 0;
  }

  .aiers-page .aiers-apply__status article {
    gap: 4px;
    height: 94px;
    padding: 12px 16px;
    border-radius: 8px;
  }

  .aiers-page .aiers-apply__status-icon {
    width: 20px;
    height: 20px;
  }

  .aiers-page .aiers-apply__status p,
  .aiers-page .aiers-apply__status strong {
    font-size: 14px;
  }

  .aiers-page .aiers-apply__benefits {
    gap: 4px;
    padding: 16px;
    border-color: #e6dfd8;
    border-radius: 8px;
  }

  .aiers-page .aiers-apply__benefits li {
    min-height: 25px;
    padding: 0 0 4px 26px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-apply__benefits li::before {
    top: 0;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
  }

  .aiers-page .aiers-apply__count {
    height: 45px;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
  }

  .aiers-page .aiers-apply__actions {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .aiers-page .aiers-apply__actions a {
    height: 48px;
    padding: 10px 8px;
    border-radius: 4px;
    font-size: 18px;
  }
}

.aiers-page .aiers-program-guide {
  padding: 120px 0;
  background: #fff;
}

.aiers-page .aiers-program-guide__wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-program-guide h2,
.aiers-page .aiers-program-guide h3,
.aiers-page .aiers-program-guide h4,
.aiers-page .aiers-program-guide p,
.aiers-page .aiers-program-guide ul {
  margin: 0;
}

.aiers-page .aiers-program-guide h2 {
  color: #121212;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.aiers-page .aiers-program-guide h2 span {
  color: #c96442;
}

.aiers-page .aiers-program-guide__mobile-break {
  display: none;
}

.aiers-page .aiers-program-guide__panel {
  margin-top: 60px;
  padding: 40px 50px 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fafafa;
}

.aiers-page .aiers-program-guide__group h3 {
  color: #121212;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-program-guide__items {
  display: grid;
  gap: 50px;
  margin-top: 20px;
}

.aiers-page .aiers-program-guide__items--required {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aiers-page .aiers-program-guide__items--optional {
  grid-template-columns: repeat(2, minmax(0, 360px));
}

.aiers-page .aiers-program-guide article {
  min-width: 0;
}

.aiers-page .aiers-program-guide h4 {
  color: #121212;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-program-guide article p {
  margin-top: 4px;
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.aiers-page .aiers-program-guide article ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 12px;
  padding: 0 0 0 18px;
  color: #5f5f5f;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}

.aiers-page .aiers-program-guide article li {
  padding-left: 2px;
}

.aiers-page .aiers-program-guide hr {
  height: 1px;
  margin: 34px 0;
  border: 0;
  background: #ddd;
}

.aiers-page .aiers-program-guide p.aiers-program-guide__note {
  margin-top: 48px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 768px) and (max-width: 1279px) {
  .aiers-page .aiers-program-guide {
    padding: 96px 0;
  }

  .aiers-page .aiers-program-guide__wrap {
    width: min(960px, calc(100% - 48px));
  }

  .aiers-page .aiers-program-guide__panel {
    padding: 36px 32px 22px;
  }

  .aiers-page .aiers-program-guide__items,
  .aiers-page .aiers-program-guide__items--required,
  .aiers-page .aiers-program-guide__items--optional {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-program-guide {
    padding: 80px 16px;
  }

  .aiers-page .aiers-program-guide__wrap {
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-program-guide h2 {
    font-size: 24px;
    line-height: 1.28;
  }

  .aiers-page .aiers-program-guide__mobile-break {
    display: block;
  }

  .aiers-page .aiers-program-guide__panel {
    margin-top: 32px;
    padding: 36px 20px 18px;
  }

  .aiers-page .aiers-program-guide__group h3 {
    font-size: 20px;
  }

  .aiers-page .aiers-program-guide__items,
  .aiers-page .aiers-program-guide__items--required,
  .aiers-page .aiers-program-guide__items--optional {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 20px;
  }

  .aiers-page .aiers-program-guide article {
    padding: 0 0 24px;
    border-bottom: 1px solid #e6e6e6;
  }

  .aiers-page .aiers-program-guide article + article {
    padding-top: 24px;
  }

  .aiers-page .aiers-program-guide__group article:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .aiers-page .aiers-program-guide h4 {
    font-size: 18px;
  }

  .aiers-page .aiers-program-guide article p {
    margin-top: 4px;
    font-size: 15px;
  }

  .aiers-page .aiers-program-guide article ul {
    gap: 4px;
    margin-top: 12px;
    padding-left: 17px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-program-guide hr {
    margin: 32px 0;
  }

  .aiers-page .aiers-program-guide p.aiers-program-guide__note {
    margin-top: 42px;
    font-size: 12px;
  }
}

.aiers-page .aiers-faq {
  padding: 144px 0 180px;
  background: #fff;
}

.aiers-page .aiers-faq__wrap {
  display: flex;
  flex-direction: column;
  gap: 64px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-faq h2 {
  margin: 0;
  color: #000;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}

.aiers-page .aiers-faq__list {
  display: flex;
  flex-direction: column;
}

.aiers-page .aiers-faq details {
  border-top: 1px solid #e5e5e5;
}

.aiers-page .aiers-faq details[open] {
  background: #f7fbfc;
}

.aiers-page .aiers-faq summary {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 67px;
  padding: 20px 64px 20px 24px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  cursor: pointer;
  list-style: none;
}

.aiers-page .aiers-faq summary::-webkit-details-marker {
  display: none;
}

.aiers-page .aiers-faq summary span {
  color: #c96442;
}

.aiers-page .aiers-faq summary::after {
  position: absolute;
  right: 24px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 1.6px solid #737373;
  border-bottom: 1.6px solid #737373;
  content: "";
  transform: translateY(-65%) rotate(45deg);
}

.aiers-page .aiers-faq details[open] summary {
  min-height: 61px;
  padding-bottom: 14px;
}

.aiers-page .aiers-faq details[open] summary::after {
  transform: translateY(-15%) rotate(-135deg);
}

.aiers-page .aiers-faq details p {
  margin: 0;
  padding: 0 24px 20px 56px;
  color: #737373;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .aiers-page .aiers-faq {
    padding: 88px 16px 104px;
  }

  .aiers-page .aiers-faq__wrap {
    gap: 40px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-faq h2 {
    font-size: 24px;
  }

  .aiers-page .aiers-faq summary {
    gap: 12px;
    min-height: 45px;
    padding: 12px 36px 12px 16px;
    font-size: 14px;
  }

  .aiers-page .aiers-faq summary::after {
    right: 17px;
    width: 7px;
    height: 7px;
  }

  .aiers-page .aiers-faq details[open] summary {
    min-height: 45px;
    padding-bottom: 12px;
  }

  .aiers-page .aiers-faq details p {
    padding: 0 32px 12px 46px;
    color: #666;
    font-size: 12px;
  }
}

.aiers-page .aiers-related {
  padding: 120px 0;
  overflow: hidden;
  background: #faf9f5;
}

.aiers-page .aiers-related__inner {
  width: min(1296px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-related__group + .aiers-related__group {
  margin-top: 80px;
}

.aiers-page .aiers-related h2 {
  color: #141413;
  font-size: 24px;
  line-height: 2;
  font-weight: 700;
  letter-spacing: 0;
}

.aiers-page .aiers-related h2 span {
  color: #141413;
}

.aiers-page .aiers-related h2 em {
  color: #ff5b00;
  font-style: normal;
}

.aiers-page .aiers-related__viewport {
  width: 100%;
  margin-top: 32px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.aiers-page .aiers-related__viewport::-webkit-scrollbar {
  display: none;
}

.aiers-page .aiers-related__track {
  display: flex;
  gap: 24px;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
}

.aiers-page .aiers-related-card {
  display: grid;
  flex: 0 0 280px;
  width: 280px;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  color: #141413;
  text-decoration: none;
  cursor: pointer;
}

.aiers-page .aiers-related-card--current {
  grid-template-rows: 158px 120px 66px;
  height: 344px;
}

.aiers-page .aiers-related-card--notify {
  grid-template-rows: 158px 140px 66px;
  height: 364px;
}

.aiers-page .aiers-related-card__media {
  position: relative;
  overflow: hidden;
}

.aiers-page .aiers-related-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #ddd;
}

.aiers-page .aiers-related-card__media > span {
  position: absolute;
  left: 14px;
  top: 14px;
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ff5b00;
  color: #fff;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
}

.aiers-page .aiers-related-card__media > span img {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}

.aiers-page .aiers-related-card__body {
  min-height: 0;
  padding: 16px 18px 0;
}

.aiers-page .aiers-related-card__instructor {
  overflow: hidden;
  color: #6e6e73;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.aiers-page .aiers-related-card h3 {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 2px;
  color: #141413;
  font-size: 16px;
  line-height: 1.36;
  font-weight: 700;
  letter-spacing: 0;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.aiers-page .aiers-related-card__summary {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 4px;
  color: #6e6e73;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.aiers-page .aiers-related-card__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 4px 16px 0;
}

.aiers-page .aiers-related-card__price s {
  color: #9a9a9a;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}

.aiers-page .aiers-related-card__price b {
  color: #ff5b00;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700 !important;
}

.aiers-page .aiers-related-card__button {
  display: inline-flex;
  width: calc(100% - 32px);
  height: 45px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 6px 16px 18px;
  border-radius: 6px;
  background: #ff5b00;
  color: #fff;
  font: 700 13px/17px Pretendard, sans-serif !important;
}

.aiers-page .aiers-related-card__button img {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  font-weight: 400;
}

@media (max-width: 860px) {
  .aiers-page .aiers-section.aiers-related {
    padding: 60px 0 60px;
  }

  .aiers-page .aiers-related__inner {
    width: 100%;
  }

  .aiers-page .aiers-related__group + .aiers-related__group {
    margin-top: 40px;
  }

  .aiers-page .aiers-related h2 {
    width: calc(100% - 32px);
    margin: 0 16px;
    font-size: 24px;
    line-height: 33px;
  }

  .aiers-page .aiers-related h2 span,
  .aiers-page .aiers-related h2 em {
    display: block;
  }

  .aiers-page .aiers-related__viewport {
    width: 100%;
    margin-top: 20px;
    padding-left: 16px;
  }

  .aiers-page .aiers-related__track {
    gap: 10px;
    min-width: 0;
    padding-right: 16px;
  }

  .aiers-page .aiers-related-card,
  .aiers-page .aiers-related-card--current,
  .aiers-page .aiers-related-card--notify {
    grid-template-rows: 128px 111px 61px;
    flex-basis: 227px;
    width: 227px;
    height: 300px;
  }

  .aiers-page .aiers-related-card__body {
    padding: 14px 14px 0;
  }

  .aiers-page .aiers-related-card__instructor {
    font-size: 11px;
    line-height: 13px;
  }

  .aiers-page .aiers-related-card h3 {
    margin-top: 4px;
    font-size: 14px;
    line-height: 19px;
  }

  .aiers-page .aiers-related-card__summary {
    margin-top: 6px;
    font-size: 12px;
    line-height: 16.5px;
  }

  .aiers-page .aiers-related-card__price {
    padding: 5px 14px 0;
  }

  .aiers-page .aiers-related-card__price b {
    font-size: 20px;
    line-height: 20px;
  }

  .aiers-page .aiers-related-card__media > span {
    left: 12px;
    top: 12px;
    min-height: 30px;
    padding: 8px 12px;
    font-size: 12px;
  }

  .aiers-page .aiers-related-card__button {
    width: calc(100% - 28px);
    height: 38px;
    margin: 9px 14px 14px;
    font: 700 12px/14px Pretendard, sans-serif !important;
  }

  .aiers-page .aiers-related-card__button img {
    width: 12px;
    height: 12px;
    flex-basis: 12px;
  }
}

.aiers-page .aiers-final {
  position: relative;
  overflow: hidden;
  min-height: 610px;
  background: #141413;
  color: #fff;
}

.aiers-page .aiers-final::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1920px;
  height: 298px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center top, rgba(41, 41, 41, 0.92) 0%, rgba(26, 26, 26, 0.2) 37%, rgba(26, 26, 26, 0) 72%);
  content: "";
}

.aiers-page .aiers-final__inner {
  position: relative;
  z-index: 1;
  display: flex;
  width: 632px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding-top: 119px;
  flex-direction: column;
  align-items: center;
}

.aiers-page .aiers-final__headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.aiers-page .aiers-final__headline p,
.aiers-page .aiers-final__headline h2,
.aiers-page .aiers-final__unit p {
  margin: 0;
}

.aiers-page .aiers-final__headline p {
  color: #c96442;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}

.aiers-page .aiers-final__headline h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
}

.aiers-page .aiers-final__timer {
  display: flex;
  margin-top: 51px;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
}

.aiers-page .aiers-final__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
}

.aiers-page .aiers-final__digits {
  display: flex;
  gap: 4px;
}

.aiers-page .aiers-final__digits span {
  display: flex;
  width: 63px;
  height: 87px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(180deg, #444 0%, #000 100%);
  color: #c96442;
  font-family: Inter, Pretendard, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
}

.aiers-page .aiers-final__unit p {
  width: 66px;
  color: rgba(255, 255, 255, 0.5);
  font-family: Inter, Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
}

.aiers-page .aiers-final__colon {
  display: block;
  margin-top: 30px;
  color: rgba(255, 255, 255, 0.18);
  font-family: Inter, Pretendard, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.aiers-page .aiers-final__cta {
  display: flex;
  width: 320px;
  max-width: 100%;
  height: 58px;
  margin-top: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #c96442;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-final {
    min-height: 567px;
  }

  .aiers-page .aiers-final::after {
    width: 374px;
    height: 290px;
    background: radial-gradient(ellipse at center top, rgba(41, 41, 41, 0.92) 0%, rgba(26, 26, 26, 0.24) 36%, rgba(26, 26, 26, 0) 70%);
  }

  .aiers-page .aiers-final__inner {
    width: 320px;
    max-width: calc(100% - 56px);
    padding-top: 70px;
  }

  .aiers-page .aiers-final__headline p {
    font-size: 20px;
    line-height: 24px;
  }

  .aiers-page .aiers-final__headline h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .aiers-page .aiers-final__timer {
    display: grid;
    width: 240px;
    margin-top: 40px;
    grid-template-columns: 104.93px 30.14px 104.93px;
    row-gap: 17px;
    column-gap: 0;
  }

  .aiers-page .aiers-final__unit {
    gap: 16px;
  }

  .aiers-page .aiers-final__unit--days {
    grid-column: 1;
    grid-row: 1;
  }

  .aiers-page .aiers-final__unit--hours {
    grid-column: 3;
    grid-row: 1;
  }

  .aiers-page .aiers-final__unit--min {
    grid-column: 1;
    grid-row: 2;
  }

  .aiers-page .aiers-final__unit--sec {
    grid-column: 3;
    grid-row: 2;
  }

  .aiers-page .aiers-final__digits {
    gap: 3.23px;
  }

  .aiers-page .aiers-final__digits span {
    width: 50.85px;
    height: 70.31px;
    border-radius: 8px;
    font-size: 45px;
  }

  .aiers-page .aiers-final__digits span[data-mobile] {
    font-size: 0;
  }

  .aiers-page .aiers-final__digits span[data-mobile]::after {
    color: #c96442;
    font-family: Inter, Pretendard, sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1;
    content: attr(data-mobile);
  }

  .aiers-page .aiers-final__unit p {
    width: 53px;
    font-size: 13.78px;
  }

  .aiers-page .aiers-final__colon {
    margin-top: 24px;
    font-size: 22px;
    text-align: center;
  }

  .aiers-page .aiers-final__colon:nth-of-type(1) {
    grid-column: 2;
    grid-row: 1;
  }

  .aiers-page .aiers-final__colon:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
  }

  .aiers-page .aiers-final__colon:nth-of-type(3) {
    display: none;
  }

  .aiers-page .aiers-final__cta {
    height: 52px;
    margin-top: 40px;
  }
}

.aiers-page .aiers-solo__track {
  --aiers-solo-gap-half: 10px;
}

@keyframes aiers-solo-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - var(--aiers-solo-gap-half)));
  }
}

.aiers-page .aiers-hard {
  background:
    radial-gradient(58% 22% at 50% 84%, rgba(201, 100, 66, 0.16), rgba(201, 100, 66, 0) 76%),
    linear-gradient(180deg, #0e0e0e 0%, #0e0e0e 70%, #1e3f41 100%);
}

.aiers-page .aiers-hard__message {
  background: linear-gradient(93.59deg, #fff 0.44%, #c96442 152.79%);
  background-clip: text;
}

.aiers-page .aiers-mentor__compare {
  height: 132px;
  padding: 28px 112px;
}

.aiers-page .aiers-mentor__compare::before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 2px;
  background: linear-gradient(90deg, rgba(153, 153, 153, 0.2) 0%, #c96442 100%);
  content: "";
  transform: translate(-50%, -50%);
}

.aiers-page .aiers-mentor__compare::after {
  position: absolute;
  left: calc(50% + 75px);
  top: 50%;
  width: 12px;
  height: 12px;
  border-top: 2px solid #c96442;
  border-right: 2px solid #c96442;
  content: "";
  transform: translate(-100%, -50%) rotate(45deg);
}

.aiers-page .aiers-mentor__line {
  display: none;
}

.aiers-page .aiers-mentor__compare strong {
  font-size: 44px;
}

.aiers-page .aiers-mentor__profile {
  height: 120px;
  padding: 20px 24px;
  gap: 22px;
}

.aiers-page .aiers-mentor__photo {
  flex-basis: 80px;
  width: 80px;
  height: 80px;
  border-radius: 12px;
}

.aiers-page .aiers-mentor__photo img {
  left: -13px;
  top: -2px;
  width: 106px;
  height: 98px;
  object-fit: cover;
  object-position: bottom;
}

.aiers-page .aiers-mentor__bio {
  width: auto;
  gap: 12px;
}

.aiers-page .aiers-mentor__bio h3 {
  font-size: 18px;
}

.aiers-page .aiers-mentor__bio p {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.45;
}

.aiers-page .aiers-mentor__stats article {
  height: 132px;
}

.aiers-page .aiers-level-path {
  padding: 120px 0;
  overflow: hidden;
  background: #fff;
  color: #121212;
}

.aiers-page .aiers-level-path .aiers-wrap {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-level-path__title {
  margin: 0;
  color: #121212;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-level-path__title span {
  color: #c96442;
}

.aiers-page .aiers-level-path__title--mobile {
  display: none;
}

.aiers-page .aiers-level-path__lead {
  width: min(880px, 100%);
  margin: 18px auto 0;
  color: #666;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-level-path__viewport {
  width: min(1108px, 100%);
  margin: 64px auto 0;
  overflow: visible;
}

.aiers-page .aiers-level-path__track {
  display: flex;
  width: 1108px;
  max-width: 100%;
  margin: 0 auto;
  flex-direction: column;
  gap: 24px;
}

.aiers-page .aiers-level-path__graph {
  position: relative;
  width: 100%;
  height: 329px;
  overflow: hidden;
}

.aiers-page .aiers-level-path__graph-svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.aiers-page .aiers-level-path__line {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.aiers-page .aiers-level-path__label {
  fill: #c96442;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  text-anchor: middle;
  dominant-baseline: text-after-edge;
}

.aiers-page .aiers-level-path__label.is-lv1 {
  font-size: 16px;
}

.aiers-page .aiers-level-path__label.is-lv2,
.aiers-page .aiers-level-path__label.is-lv3 {
  font-size: 18px;
}

.aiers-page .aiers-level-path__label.is-lv4 {
  font-size: 22px;
  font-weight: 700;
}

.aiers-page .aiers-level-path__label,
.aiers-page .aiers-level-path__dot,
.aiers-page .aiers-level-path__halo,
.aiers-page .aiers-level-path__ripple {
  opacity: 1;
  transform-box: fill-box;
  transform-origin: center;
}

.aiers-page .aiers-level-path__dot {
  fill: #c96442;
  filter: drop-shadow(0 0 8px rgba(201, 100, 66, 0.45));
}

.aiers-page .aiers-level-path__dot.is-lv1 {
  opacity: 0.9;
}

.aiers-page .aiers-level-path__dot.is-lv2 {
  opacity: 0.95;
}

.aiers-page .aiers-level-path__dot.is-lv4 {
  animation: aiers-vibe-level-dot-breathe 1.8s ease-in-out infinite;
}

.aiers-page .aiers-level-path__halo {
  fill: rgba(201, 100, 66, 0.18);
  stroke: rgba(201, 100, 66, 0.58);
  stroke-width: 1.5;
  animation: aiers-vibe-level-halo-breathe 1.8s ease-in-out infinite;
}

.aiers-page .aiers-level-path__ripple {
  fill: rgba(201, 100, 66, 0.1);
  stroke: rgba(201, 100, 66, 0.75);
  stroke-width: 3;
  filter: drop-shadow(0 0 10px rgba(201, 100, 66, 0.42));
  animation: aiers-vibe-level-ripple 2s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}

.aiers-page .aiers-level-path__ripple--delay {
  animation-delay: 1s;
}

@keyframes aiers-vibe-level-ripple {
  0% {
    opacity: 0.8;
    transform: scale(0.82);
    stroke-width: 4;
  }

  58% {
    opacity: 0.3;
  }

  100% {
    opacity: 0;
    transform: scale(2.65);
    stroke-width: 0.75;
  }
}

@keyframes aiers-vibe-level-dot-breathe {
  0%,
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 8px rgba(201, 100, 66, 0.45));
  }

  50% {
    transform: scale(1.08);
    filter: drop-shadow(0 0 18px rgba(201, 100, 66, 0.62));
  }
}

@keyframes aiers-vibe-level-halo-breathe {
  0%,
  100% {
    opacity: 0.75;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

.aiers-page .aiers-level-path__cards {
  display: flex;
  width: 100%;
  gap: 12px;
}

.aiers-page .aiers-level-card {
  position: relative;
  flex: 0 0 268px;
  width: 268px;
  min-height: 162px;
  padding: 20px;
  border: 1px solid #d8edf0;
  border-radius: 8px;
  background: #f8fdfe;
}

.aiers-page .aiers-level-card__badge {
  display: inline-flex;
  min-height: 18px;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  border: 1px solid #c96442;
  border-radius: 5px;
  background: #fff;
  color: #c96442;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-level-card h3 {
  margin: 14px 0 8px;
  color: #121212;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-level-card p {
  margin: 0;
  color: rgba(18, 18, 18, 0.7);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.aiers-page .aiers-level-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.aiers-page .aiers-level-card__tags span {
  display: inline-flex;
  min-height: 18px;
  align-items: center;
  padding: 3px 6px;
  border-radius: 4px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.aiers-page .aiers-curriculum {
  padding: 120px 0;
  overflow: hidden;
  background: #fff;
  color: #121212;
}

.aiers-page .aiers-curriculum__wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-curriculum-part {
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
}

.aiers-page .aiers-curriculum-part__head {
  min-height: 119px;
  padding: 20px 24px;
  background: #c96442;
  color: #fff;
}

.aiers-page .aiers-curriculum-part__head div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.aiers-page .aiers-curriculum-part__head span {
  display: inline-flex;
  align-items: center;
  min-height: 35px;
  padding: 4px 12px;
  border-radius: 4px;
  background: #fff;
  color: #c96442;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-curriculum-part__head time {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-curriculum-part__head h2 {
  margin: 16px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}

.aiers-page .aiers-curriculum-part__body {
  padding: 0 24px 32px;
  border: 1px solid #eef1f2;
  border-top: 0;
  border-radius: 0 0 12px 12px;
}

.aiers-page .aiers-curriculum-item {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 40px;
  padding: 20px 0 18px;
  border-bottom: 1px dashed #c8c8c8;
}

.aiers-page .aiers-curriculum-item:last-child {
  border-bottom: 0;
}

.aiers-page .aiers-curriculum-item > time {
  color: #121212;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.aiers-page .aiers-curriculum-item__main {
  min-width: 0;
}

.aiers-page .aiers-curriculum-item__main em {
  display: block;
  margin: 0;
  color: #c96442;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-curriculum-item__main h3 {
  margin: 0;
  color: #121212;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.aiers-page .aiers-curriculum-item__main p {
  margin: 12px 0 0;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

.aiers-page .aiers-curriculum-result {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 49px;
  margin-top: 20px;
  padding: 10px 12px;
  border-radius: 4px;
  background: #f2fbfc;
}

.aiers-page .aiers-curriculum-result span {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 4px;
  background: #c96442;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.aiers-page .aiers-curriculum-result strong {
  min-width: 0;
  color: #121212;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-curriculum-item--plain {
  padding-bottom: 20px;
}

.aiers-page .aiers-curriculum-item--plain .aiers-curriculum-item__main em {
  margin-bottom: 0;
}

.aiers-page .aiers-method-item__row div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 10px;
  align-items: baseline;
}

.aiers-page .aiers-method-item__row span {
  line-height: 19.5px;
  white-space: nowrap;
}

.aiers-page .aiers-method-item__row strong {
  margin-top: 0;
  line-height: 19.5px;
}

.aiers-page .aiers-method-item__row p {
  grid-column: 1 / -1;
  margin-top: 12px;
}

.aiers-page .aiers-method-item--simple .aiers-method-item__row div {
  align-items: center;
}

.aiers-page .aiers-support {
  padding: 120px 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 112, 118, 0.22) 100%),
    #c96442;
  color: #fff;
}

.aiers-page .aiers-support__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}

.aiers-page .aiers-support h2 {
  width: 100%;
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-support h2 span {
  color: #d9ff3f;
}

.aiers-page .aiers-support__cards {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  width: 100%;
}

.aiers-page .aiers-support-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border: 1px solid #d8edf0;
  border-radius: 24px;
  background: #fff;
  color: #121212;
}

.aiers-page .aiers-support-card.is-active {
  border: 2px solid #d8edf0;
}

.aiers-page .aiers-support-card__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.aiers-page .aiers-support-card__badge {
  display: inline-flex;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border: 1px solid #c96442;
  border-radius: 8px;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.aiers-page .aiers-support-card.is-active .aiers-support-card__badge {
  background: #c96442;
  color: #fff;
}

.aiers-page .aiers-support-card h3 {
  margin: 0;
  color: #333;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
}

.aiers-page .aiers-support-card p {
  margin: 8px 0 0;
  color: #c96442;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.aiers-page .aiers-support-card ul {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.aiers-page .aiers-support-card li {
  display: flex;
  min-height: 56px;
  align-items: center;
  padding: 14px 24px;
  border: 1px solid #d8edf0;
  border-radius: 12px;
  background: #f8fdfe;
  color: #121212;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.32px;
}

.aiers-page .aiers-support-card.is-active li {
  border-color: #c96442;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
  font-weight: 700;
}

.aiers-page .aiers-support__arrow {
  position: absolute;
  z-index: 2;
  width: 21px;
  height: 97px;
  pointer-events: none;
}

.aiers-page .aiers-support__arrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 97px;
  height: 21px;
  background: url("./figma/support/phase-arrow-desktop.svg") center / 100% 100% no-repeat;
  content: "";
  transform: translate(-50%, -50%) rotate(-90deg);
}

.aiers-page .aiers-support__arrow--first {
  left: calc(33.333333% - 17.167px);
  top: 153px;
}

.aiers-page .aiers-support__arrow--second {
  left: calc(66.666667% - 3.833px);
  top: 153px;
}

.aiers-page .aiers-instructor-card__photo::before {
  background-image: url("./figma/proof/vibecoding-tutor.jpeg");
  background-size: contain;
}

.aiers-page .aiers-instructor-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}

@media (max-width: 860px) {
  .aiers-page .aiers-level-path {
    padding: 80px 0;
  }

  .aiers-page .aiers-level-path .aiers-wrap {
    width: 100%;
    max-width: none;
  }

  .aiers-page .aiers-level-path__title {
    display: block;
    width: 100%;
    padding: 0 16px;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.24px;
  }

  .aiers-page .aiers-level-path__title--desktop {
    display: none;
  }

  .aiers-page .aiers-level-path__title--mobile {
    display: block;
  }

  .aiers-page .aiers-level-path__lead {
    padding: 0 16px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .aiers-page .aiers-level-path__viewport {
    width: 100%;
    margin-top: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 15px;
    scrollbar-width: none;
  }

  .aiers-page .aiers-level-path__viewport::-webkit-scrollbar {
    display: none;
  }

  .aiers-page .aiers-level-path__track {
    width: 1108px;
    max-width: none;
    margin: 0;
    gap: 24px;
  }

  .aiers-page .aiers-level-path__graph {
    width: 1108px;
    height: 329px;
  }

  .aiers-page .aiers-level-path__cards {
    width: 1108px;
    gap: 12px;
  }

  .aiers-page .aiers-level-card {
    min-height: 216px;
    border-radius: 16px;
  }

  .aiers-page .aiers-curriculum {
    padding: 60px 16px;
  }

  .aiers-page .aiers-curriculum__wrap {
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
    max-width: 343px;
  }

  .aiers-page .aiers-curriculum-part {
    border-radius: 4px;
  }

  .aiers-page .aiers-curriculum-part__head {
    min-height: 86px;
    padding: 16px;
  }

  .aiers-page .aiers-curriculum-part__head div {
    gap: 8px;
  }

  .aiers-page .aiers-curriculum-part__head span {
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 12px;
  }

  .aiers-page .aiers-curriculum-part__head time {
    font-size: 12px;
  }

  .aiers-page .aiers-curriculum-part__head h2 {
    margin-top: 8px;
    font-size: 16px;
  }

  .aiers-page .aiers-curriculum-part__body {
    padding: 0 16px 24px;
    border-radius: 0 0 4px 4px;
  }

  .aiers-page .aiers-curriculum-item {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 18px;
    padding: 16px 0 8px;
  }

  .aiers-page .aiers-curriculum-item > time {
    font-size: 12px;
  }

  .aiers-page .aiers-curriculum-item__main em {
    font-size: 12px;
  }

  .aiers-page .aiers-curriculum-item__main h3 {
    font-size: 14px;
  }

  .aiers-page .aiers-curriculum-item__main p {
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.55;
  }

  .aiers-page .aiers-curriculum-result {
    min-height: 37px;
    margin-top: 14px;
    gap: 8px;
    padding: 6px 12px;
  }

  .aiers-page .aiers-curriculum-result span {
    min-width: 48px;
    min-height: 24px;
    padding: 4px 8px;
    font-size: 10px;
  }

  .aiers-page .aiers-curriculum-result strong {
    font-size: 11px;
  }

  .aiers-page .aiers-support {
    padding: 80px 16px;
  }

  .aiers-page .aiers-support__inner {
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }

  .aiers-page .aiers-support h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -0.24px;
  }

  .aiers-page .aiers-support__cards {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .aiers-page .aiers-support-card {
    gap: 20px;
    padding: 24px 20px;
    border-radius: 16px;
  }

  .aiers-page .aiers-support-card__header {
    gap: 13.72px;
  }

  .aiers-page .aiers-support-card__badge {
    height: 29px;
    padding: 3.43px 10.29px;
    border-radius: 6px;
    font-size: 14px;
  }

  .aiers-page .aiers-support-card h3 {
    font-size: 28px;
  }

  .aiers-page .aiers-support-card p {
    margin-top: 6.86px;
    font-size: 16px;
  }

  .aiers-page .aiers-support-card li {
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: -0.28px;
  }

  .aiers-page .aiers-support__arrow {
    position: relative;
    left: auto;
    top: auto;
    align-self: center;
    flex: 0 0 auto;
    width: 97px;
    height: 21px;
    margin: 14px 0 3px;
    transform: none;
  }

  .aiers-page .aiers-support__arrow::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("./figma/support/phase-arrow-mobile.svg");
    transform: none;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo__track {
    --aiers-solo-loop-distance: 1578px;
    padding-left: calc((100vw - 247px) / 2);
    animation-duration: 42s;
  }

  .aiers-page .aiers-hard {
    background:
      radial-gradient(100% 18% at 50% 84%, rgba(201, 100, 66, 0.16), transparent 76%),
      linear-gradient(180deg, #0e0e0e 0%, #0e0e0e 76%, #203738 100%);
  }

  .aiers-page .aiers-mentor__compare {
    height: 209px;
    padding: 37px 35px;
  }

  .aiers-page .aiers-mentor__compare::before {
    width: 64px;
    transform: translate(-50%, -50%);
  }

  .aiers-page .aiers-mentor__compare::after {
    left: calc(50% + 32px);
    width: 9px;
    height: 9px;
  }

  .aiers-page .aiers-mentor__profile {
    min-height: 197px;
    height: auto;
  }

  .aiers-page .aiers-method-item__row div {
    column-gap: 8px;
  }

  .aiers-page .aiers-method-item__row p {
    margin-top: 4px;
  }
}

.aiers-page .aiers-solo__track {
  --aiers-solo-loop-distance: 1602px;
}

@keyframes aiers-solo-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-1 * var(--aiers-solo-loop-distance)));
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo {
    overflow: hidden;
  }

  .aiers-page .aiers-solo__cards {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
  }

  .aiers-page .aiers-solo__track {
    --aiers-solo-loop-distance: 1578px;
    padding-left: calc((100vw - 247px) / 2);
    animation-duration: 42s;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-hero__mobile-code-shadow {
    top: 254px;
  }

  .aiers-page .aiers-hero__mobile-code {
    top: 254.06px;
  }

  .aiers-page .aiers-hero__mobile-phone-shadow {
    top: 270px;
  }

  .aiers-page .aiers-hero__mobile-phone {
    top: 270.07px;
  }

  .aiers-page .aiers-hero__mobile-cursor-shadow,
  .aiers-page .aiers-hero__mobile-cursor {
    top: 384px;
  }

  .aiers-page .aiers-mentor__top {
    left: 50vw;
    top: -1px;
    transform: translateX(-50%);
  }

  .aiers-page .aiers-mentor__top--mobile {
    width: 100vw;
    max-width: none;
    height: 37px;
    object-fit: fill;
  }

  .aiers-page .aiers-mentor__photo img {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }

  .aiers-page .aiers-mentor__photo-blur {
    transform: scale(1.08);
  }
}

.aiers-page .aiers-hard__mobile-break,
.aiers-page .aiers-mentor__mobile-break {
  display: none;
}

.aiers-page .aiers-mentor__profile {
  height: 180px;
  padding: 24px 29px;
  gap: 28px;
  align-items: center;
}

.aiers-page .aiers-mentor__photo {
  flex: 0 0 130px;
  width: 130px;
  height: 130px;
  border-radius: 16px;
}

.aiers-page .aiers-mentor__photo img {
  max-width: none;
}

.aiers-page .aiers-mentor__photo-blur {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  opacity: 0.15;
  filter: blur(10.119px);
  transform: none;
}

.aiers-page .aiers-mentor__photo .aiers-mentor__photo-main {
  left: -17.23%;
  top: -2.31%;
  width: 134.66%;
  height: 188.01%;
  object-fit: fill;
  object-position: initial;
}

.aiers-page .aiers-mentor__bio {
  width: 709px;
  gap: 18px;
}

.aiers-page .aiers-mentor__bio h3 {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.aiers-page .aiers-mentor__name,
.aiers-page .aiers-mentor__desktop-separator,
.aiers-page .aiers-mentor__role {
  display: inline;
}

.aiers-page .aiers-mentor__bio p {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .aiers-page .aiers-hard {
    background:
      radial-gradient(100% 18% at 50% 84%, rgba(201, 100, 66, 0.16), transparent 76%),
      linear-gradient(180deg, #0e0e0e 0%, #0e0e0e 76%, #203738 100%);
  }

  .aiers-page .aiers-hard-card img {
    right: auto;
    bottom: auto;
    max-width: none;
    object-fit: cover;
  }

  .aiers-page .aiers-hard-card:first-child img {
    right: 14px;
    top: 150px;
    width: 116px;
    height: 102px;
  }

  .aiers-page .aiers-hard-card:nth-child(2) img {
    right: 14px;
    top: 154px;
    width: 107px;
    height: 94px;
  }

  .aiers-page .aiers-hard-card:nth-child(3) img {
    right: 0;
    top: 138px;
    width: 134px;
    height: 134px;
  }

  .aiers-page .aiers-hard__message {
    width: 100%;
    white-space: nowrap;
  }

  .aiers-page .aiers-hard__mobile-break {
    display: inline;
  }

  .aiers-page .aiers-mentor__profile {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-areas:
      "photo title"
      "body body"
      "chip chip";
    gap: 12px 16px;
    align-items: start;
    height: auto;
    min-height: 0;
    padding: 16px;
    border-radius: 8px;
    overflow: hidden;
  }

  .aiers-page .aiers-mentor__photo {
    grid-area: photo;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    border-radius: 9.846px;
  }

  .aiers-page .aiers-mentor__photo .aiers-mentor__photo-blur {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: blur(6.227px);
    transform: none;
  }

  .aiers-page .aiers-mentor__photo .aiers-mentor__photo-main {
    left: -17.23%;
    top: -2.31%;
    width: 134.66%;
    height: 188.01%;
    object-fit: fill;
  }

  .aiers-page .aiers-mentor__bio,
  .aiers-page .aiers-mentor__bio > div {
    display: contents;
  }

  .aiers-page .aiers-mentor__bio h3 {
    grid-area: title;
    display: flex;
    width: 113px;
    margin: 0;
    flex-direction: column;
    align-self: start;
  }

  .aiers-page .aiers-mentor__bio h3 .aiers-mentor__name {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
  }

  .aiers-page .aiers-mentor__bio h3 .aiers-mentor__desktop-separator {
    display: none;
  }

  .aiers-page .aiers-mentor__bio h3 .aiers-mentor__role {
    display: block;
    color: #121212;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
  }

  .aiers-page .aiers-mentor__bio p {
    grid-area: body;
    width: 100%;
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.4;
  }

  .aiers-page .aiers-mentor__mobile-break {
    display: inline;
  }

  .aiers-page .aiers-mentor__bio > span {
    grid-area: chip;
    justify-self: start;
    align-self: start;
    height: 33px;
    padding: 7px 12px;
    font-size: 12px;
    line-height: 18.4px;
    letter-spacing: -0.18px;
  }
}

.aiers-page .aiers-mentor {
  padding: 140px 0 33px;
  background: #f2fafb;
}

.aiers-page .aiers-mentor__wrap {
  gap: 80px;
}

.aiers-page .aiers-mentor__intro h2 {
  font-weight: 700;
}

.aiers-page .aiers-mentor__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-mentor__compare {
  height: 180px;
}

.aiers-page .aiers-mentor__profile {
  height: 180px;
  padding: 24px 29px;
  gap: 28px;
}

.aiers-page .aiers-mentor__photo {
  background: linear-gradient(180deg, #c96442 0%, #9f432d 100%);
}

.aiers-page .aiers-mentor__photo .aiers-mentor__photo-main {
  left: 50%;
  top: 4px;
  width: 112px;
  height: 130px;
  object-fit: contain;
  object-position: center bottom;
  transform: translateX(-50%);
}

.aiers-page .aiers-mentor__bio p a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.aiers-page .aiers-mentor__bio > span {
  border: 0;
  background: rgba(201, 100, 66, 0.1);
  color: #c96442;
}

.aiers-page .aiers-mentor__stats strong,
.aiers-page .aiers-mentor__next p {
  color: #c96442;
  background: none;
  -webkit-text-fill-color: currentColor;
}

@media (max-width: 767px) {
  .aiers-page .aiers-mentor {
    padding: 80px 16px 52px;
  }

  .aiers-page .aiers-mentor__wrap {
    gap: 34px;
  }

  .aiers-page .aiers-mentor__intro h2 {
    font-weight: 700;
  }

  .aiers-page .aiers-mentor__compare {
    height: 209px;
  }

  .aiers-page .aiers-mentor__profile {
    grid-template-columns: 80px 1fr;
    min-height: 0;
  }

  .aiers-page .aiers-mentor__photo .aiers-mentor__photo-main {
    left: 50%;
    top: 3px;
    width: 69px;
    height: 80px;
    object-fit: contain;
    transform: translateX(-50%);
  }

  .aiers-page .aiers-mentor__bio h3 {
    width: auto;
  }

  .aiers-page .aiers-mentor__bio p {
    line-height: 1.45;
  }

  .aiers-page .aiers-mentor__stats article:nth-child(2) {
    grid-column: 1 / -1;
    order: 3;
  }

  .aiers-page .aiers-mentor__stats article:nth-child(3) {
    order: 2;
  }

  .aiers-page .aiers-mentor__stats article {
    height: 92px;
  }

  .aiers-page .aiers-mentor__next {
    gap: 20px;
  }
}

/* ── 하단 고정 CTA (claude 코드 이식 · accent=#c96442 teal) ── */
.aiers-page .aiers-desktop-fixed-cta {
  display: none;
}

.aiers-page .aiers-mobile-fixed-cta {
  display: none;
}

@media (max-width: 860px) {
  .aiers-page .aiers-desktop-fixed-cta {
      display: none;
    }

  .aiers-page .aiers-mobile-fixed-cta {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 60;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      width: 100vw;
      min-height: 140px;
      padding: 0 16px calc(14px + env(safe-area-inset-bottom));
      border-top: 1px solid #e6dfd8;
      background: rgba(255, 255, 255, .96);
      color: #141413;
      box-shadow: 0 -8px 24px rgba(0, 0, 0, .12);
      backdrop-filter: blur(14px);
    }

  .aiers-page .aiers-mobile-fixed-cta__timer {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      width: calc(100% + 32px);
      height: 36px;
      margin: 0 -16px;
      overflow: hidden;
      border-bottom: 1px solid rgba(201, 100, 66, .2);
      background: rgba(201, 100, 66, .1);
      color: #141413;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 700;
      white-space: nowrap;
    }

  .aiers-page .aiers-mobile-fixed-cta__timer strong {
      color: var(--aiers-accent);
      font: inherit;
      text-align: right;
    }

  .aiers-page .aiers-mobile-fixed-cta__seats {
      margin: 0;
      color: #5e5d59;
      font-size: 13px;
      line-height: 1.4;
      font-weight: 600;
    }

  .aiers-page .aiers-mobile-fixed-cta__seats span {
      color: var(--aiers-accent);
      font-weight: 700;
    }

  .aiers-page .aiers-mobile-fixed-cta__button {
      display: grid;
      place-items: center;
      width: calc(100% - 32px);
      max-width: 520px;
      height: 48px;
      padding: 10px 8px;
      border-radius: 8px;
      background: var(--aiers-accent);
      color: #fff !important;
      font-size: 18px;
      line-height: 1.5;
      font-weight: 700;
      white-space: nowrap;
    }
}

@media (min-width: 861px) {
  .aiers-page .aiers-desktop-fixed-cta {
      position: fixed;
      left: 50%;
      bottom: 24px;
      z-index: 60;
      display: block;
      width: 712px;
      height: 88px;
      padding: 0;
      background: transparent;
      color: #fff;
      transform: translateX(-50%);
      pointer-events: none;
    }

  .aiers-page .aiers-desktop-fixed-cta__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      width: 100%;
      height: 100%;
      padding: 0 24px;
      border-radius: 12px;
      background: rgba(0, 0, 0, .8);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
      pointer-events: auto;
    }

  .aiers-page .aiers-desktop-fixed-cta__copy {
      display: flex;
      flex: 1 1 auto;
      min-width: 0;
      flex-direction: column;
      gap: 4px;
    }

  .aiers-page .aiers-desktop-fixed-cta__seats {
      margin: 0;
      color: #fff;
      font-size: 18px;
      line-height: 1.35;
      font-weight: 700;
      white-space: nowrap;
    }

  .aiers-page .aiers-desktop-fixed-cta__seats span {
      color: var(--aiers-accent);
    }

  .aiers-page .aiers-desktop-fixed-cta__timer {
      margin: 0;
      color: #fff;
      font-size: 18px;
      line-height: 1.35;
      font-weight: 700;
      white-space: nowrap;
    }

  .aiers-page .aiers-desktop-fixed-cta__timer strong {
      color: var(--aiers-accent);
      font: inherit;
    }

  .aiers-page .aiers-desktop-fixed-cta__actions {
      display: flex;
      align-items: center;
      gap: 16px;
      flex: 0 0 328px;
      height: 56px;
    }

  .aiers-page .aiers-desktop-fixed-cta__share {
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      flex: 0 0 52px;
      padding: 0;
      border: 0;
      border-radius: 8px;
      background: #404040;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
    }

  .aiers-page .aiers-desktop-fixed-cta__share svg {
      width: 30px;
      height: 30px;
      stroke: currentColor;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
    }

  .aiers-page .aiers-desktop-fixed-cta__button {
      display: grid;
      place-items: center;
      flex: 0 0 260px;
      width: 260px;
      height: 56px;
      padding: 0 20px;
      border-radius: 8px;
      background: var(--aiers-accent);
      color: #fff !important;
      font-size: 18px;
      line-height: 1.5;
      font-weight: 700;
      white-space: nowrap;
    }

  .aiers-page .aiers-desktop-fixed-cta__toast {
      position: absolute;
      left: 50%;
      bottom: calc(100% + 12px);
      z-index: 1;
      margin: 0;
      padding: 10px 14px;
      border-radius: 8px;
      background: rgba(20, 20, 19, .92);
      color: #fff;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 700;
      white-space: nowrap;
      opacity: 0;
      transform: translate(-50%, 8px);
      transition: opacity 180ms ease, transform 180ms ease;
      pointer-events: none;
    }

  .aiers-page .aiers-desktop-fixed-cta__toast.is-visible {
      opacity: 1;
      transform: translate(-50%, 0);
    }
}

@media (min-width: 861px) {
  .aiers-page .aiers-desktop-fixed-cta {
      width: 712px;
      height: 88px;
    }

  .aiers-page .aiers-desktop-fixed-cta__inner {
      padding: 0 24px;
      border-radius: 12px;
      background: rgba(0, 0, 0, .8);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
    }

  .aiers-page .aiers-desktop-fixed-cta__copy {
      display: flex;
      flex: 1 1 auto;
      min-width: 0;
      flex-direction: column;
      gap: 4px;
    }

  .aiers-page .aiers-desktop-fixed-cta__seats,
    .aiers-page .aiers-desktop-fixed-cta__timer {
      margin: 0;
      color: #fff;
      font-size: 18px;
      line-height: 1.35;
      font-weight: 700;
      white-space: nowrap;
    }

  .aiers-page .aiers-desktop-fixed-cta__seats span,
    .aiers-page .aiers-desktop-fixed-cta__timer strong {
      color: var(--aiers-accent);
    }

  .aiers-page .aiers-desktop-fixed-cta__actions {
      display: flex;
      align-items: center;
      gap: 16px;
      flex: 0 0 328px;
      height: 56px;
    }

  .aiers-page .aiers-desktop-fixed-cta__share {
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      flex: 0 0 52px;
      padding: 0;
      border-radius: 8px;
      background: #404040;
      color: #fff;
      text-decoration: none;
    }

  .aiers-page .aiers-desktop-fixed-cta__share svg {
      width: 30px;
      height: 30px;
      stroke: currentColor;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
    }

  .aiers-page .aiers-desktop-fixed-cta__button {
      flex: 0 0 260px;
      width: 260px;
      height: 56px;
    }
}

@media (max-width: 860px) {
  .aiers-page {
    padding-bottom: 152px;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-mentor__profile {
    height: auto !important;
    min-height: 0 !important;
    row-gap: 6px !important;
    column-gap: 10px !important;
    overflow: visible;
  }
}

/* Scroll reveal */
.aiers-page [data-aiers-reveal] {
  --aiers-reveal-x: 0px;
  --aiers-reveal-y: 24px;
  --aiers-reveal-scale: 1;
  --aiers-reveal-delay: calc(var(--aiers-reveal-index, 0) * 70ms);
}

.aiers-page [data-aiers-reveal="fade-left"] {
  --aiers-reveal-x: -24px;
  --aiers-reveal-y: 0px;
}

.aiers-page [data-aiers-reveal="fade-right"] {
  --aiers-reveal-x: 24px;
  --aiers-reveal-y: 0px;
}

.aiers-page [data-aiers-reveal="scale-in"] {
  --aiers-reveal-y: 18px;
  --aiers-reveal-scale: 0.98;
}

.aiers-page.is-aiers-motion-ready [data-aiers-reveal] {
  opacity: 0;
  transform: translate3d(var(--aiers-reveal-x), var(--aiers-reveal-y), 0) scale(var(--aiers-reveal-scale));
  transition:
    opacity 560ms ease var(--aiers-reveal-delay),
    transform 680ms cubic-bezier(0.22, 0.61, 0.36, 1) var(--aiers-reveal-delay);
  will-change: opacity, transform;
}

.aiers-page.is-aiers-motion-ready [data-aiers-reveal].is-aiers-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .aiers-page.is-aiers-motion-ready [data-aiers-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
}

/* fixed CTA 버튼 밑줄 제거 (vibe엔 전역 a 리셋 없음) */
.aiers-page .aiers-desktop-fixed-cta__button,
.aiers-page .aiers-mobile-fixed-cta__button {
  text-decoration: none;
}

/* 2026-07 Figma refresh: hero (2793:46715 / 2793:44092) */
.aiers-page .aiers-hero {
  background: #f5f4ed;
}

.aiers-page .aiers-hero__badge,
.aiers-page .aiers-hero__mobile-badge {
  border-color: #c96442;
  background: #c96442;
}

.aiers-page .aiers-hero__eyebrow,
.aiers-page .aiers-hero h1 span,
.aiers-page .aiers-hero__mobile-eyebrow,
.aiers-page .aiers-hero__mobile-title span {
  color: #c96442;
}

.aiers-page .aiers-hero__desc,
.aiers-page .aiers-hero__mobile-desc {
  color: #5e5d59;
}

.aiers-page .aiers-hero__system-art--desktop {
  left: 902px;
  top: 0;
  width: 817px;
  height: 506px;
}

.aiers-page .aiers-hero__system-art .aiers-hero__system-canvas {
  display: block;
  width: 817px;
  height: 506px;
  transform: none;
}

.aiers-page .aiers-hero__system-canvas::before,
.aiers-page .aiers-hero__system-canvas::after {
  display: none;
}

.aiers-page .aiers-hero__system-window-back {
  left: 150.86px;
  top: 147.66px;
  width: 569.32px;
  height: 350.17px;
  border-radius: 19.27px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 38px rgba(72, 59, 49, 0.16);
}

.aiers-page .aiers-hero__system-window {
  left: 116.44px;
  top: 127px;
  width: 590.17px;
  height: 354.1px;
  border-radius: 19.27px;
  background: #fff;
  box-shadow: none;
}

.aiers-page .aiers-hero__system-bar {
  height: 49.18px;
  padding: 0 17.7px;
  background: #26221f;
}

.aiers-page .aiers-hero__system-bar strong {
  font-size: 17.705px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.708px;
}

.aiers-page .aiers-hero__system-lights {
  gap: 7.87px;
  margin-right: 6.3px;
}

.aiers-page .aiers-hero__system-lights i {
  width: 16.24px;
  height: 16.24px;
  background: #28c85b;
}

.aiers-page .aiers-hero__system-lights i:nth-child(2) { background: #ffc91a; }
.aiers-page .aiers-hero__system-lights i:nth-child(3) { background: #ff5962; }

.aiers-page .aiers-hero__system-board {
  position: relative;
  height: 304.92px;
  padding: 0;
  background: #fff;
}

.aiers-page .aiers-hero__system-tools {
  position: absolute;
  left: 23.61px;
  top: 22.62px;
  display: grid;
  grid-template-columns: 170.165px 171.148px 170.165px;
  gap: 15.735px;
  width: auto;
  height: 106.23px;
}

.aiers-page .aiers-hero__system-tool {
  border-radius: 11.803px;
  background: #f3eee8;
  animation: none;
}

.aiers-page .aiers-hero__system-tool:nth-child(2) { background: #f5f0e9; }
.aiers-page .aiers-hero__system-tool:nth-child(3) { background: #eee8e1; }

.aiers-page .aiers-hero__system-gear {
  width: 59.017px;
  height: 59.017px;
  fill: #efdfc8;
  animation: none;
}

.aiers-page .aiers-hero__system-tool--check::before,
.aiers-page .aiers-hero__system-tool--clock::before {
  width: 59.017px;
  height: 59.017px;
  background: #ead38b;
  animation: none;
}

.aiers-page .aiers-hero__system-tool--check::after {
  width: 18px;
  height: 10px;
  border-width: 0 0 4px 4px;
}

.aiers-page .aiers-hero__system-tool--clock::before { background: #dac1b6; }

.aiers-page .aiers-hero__system-tool--clock::after {
  width: 14px;
  height: 18px;
  border-width: 0 0 4px 4px;
  transform: translate(-13%, -62%);
}

.aiers-page .aiers-hero__system-detail {
  position: absolute;
  left: 23.61px;
  top: 146.56px;
  display: grid;
  grid-template-columns: 257.706px 257.706px;
  gap: 27.54px;
  width: auto;
  height: 138.689px;
  margin: 0;
}

.aiers-page .aiers-hero__system-tasks,
.aiers-page .aiers-hero__system-chart {
  border-radius: 11.803px;
  background: #f9f1eb;
}

.aiers-page .aiers-hero__system-tasks {
  gap: 13.1px;
  padding: 0 8.85px 0 20.65px;
}

.aiers-page .aiers-hero__system-tasks p {
  color: #3f2418;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: -0.42px;
}

.aiers-page .aiers-hero__system-tasks em {
  min-width: 51.148px;
  padding: 5.902px 8px;
  background: #c96b4a;
  font-size: 10.134px;
  line-height: 1.32;
  letter-spacing: -0.405px;
}

.aiers-page .aiers-hero__system-tasks em.is-progress { background: #ebcb8f; }

.aiers-page .aiers-hero__system-chart {
  display: flex;
  align-items: end;
  justify-content: flex-start;
  gap: 9.837px;
  padding: 0 0 0 33.443px;
}

.aiers-page .aiers-hero__system-chart i {
  flex: 0 0 43.279px;
  width: 43.279px;
  max-width: none;
  height: 42.295px;
  border-radius: 5.902px 5.902px 0 0;
  background: #c96b4a;
  animation: none;
}

.aiers-page .aiers-hero__system-chart i:nth-child(2) { height: 62.951px; }
.aiers-page .aiers-hero__system-chart i:nth-child(3) { height: 105.246px; }
.aiers-page .aiers-hero__system-chart i:nth-child(4) { height: 42.295px; }

.aiers-page .aiers-hero__system-bubble {
  width: 136.722px;
  height: 81.64px;
  padding: 13px 10.6px 11px;
  border-radius: 7.074px;
  background: #c96442;
  box-shadow: 0 8px 14px rgba(63, 36, 24, 0.2);
}

.aiers-page .aiers-hero__system-bubble--send {
  left: 14px;
  top: 193px;
  animation: none;
}

.aiers-page .aiers-hero__system-bubble--file {
  left: 666.28px;
  top: 354.21px;
  background: #c96442;
  animation: none;
}

.aiers-page .aiers-hero__system-bubble i { margin-bottom: 6px; }
.aiers-page .aiers-hero__system-bubble--send i { width: 28px; height: 25px; }
.aiers-page .aiers-hero__system-bubble--file i { width: 27.54px; height: 27.54px; }
.aiers-page .aiers-hero__system-bubble--file i::after { background: #c96442; box-shadow: 0 5px 0 #c96442; }
.aiers-page .aiers-hero__system-bubble span { height: 7.958px; }
.aiers-page .aiers-hero__system-bubble span + span { width: 78.47%; margin-top: 6.79px; }

.aiers-page .aiers-hero__system-spark { width: 28.373px; height: 29.508px; animation: none; }
.aiers-page .aiers-hero__system-spark--one { left: 776px; top: 133px; }
.aiers-page .aiers-hero__system-spark--two { left: 67px; top: 452px; }

.aiers-page .aiers-hero__code-mark {
  position: absolute;
  z-index: 1;
  color: #e7dfd6;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 700;
  line-height: 1;
}

.aiers-page .aiers-hero__code-mark--left { left: 92px; top: 52px; font-size: 25px; transform: rotate(-10.58deg); }
.aiers-page .aiers-hero__code-mark--right { left: 319px; top: 84px; font-size: 20px; transform: rotate(11.99deg); }

.aiers-page .aiers-hero__claude-mark {
  position: absolute;
  left: 173px;
  top: 75px;
  z-index: 1;
  width: 103.54px;
  height: 52.32px;
}

.aiers-page .aiers-hero__claude-mark::before {
  position: absolute;
  left: 13.02px;
  top: 0;
  width: 77.51px;
  height: 44.77px;
  background: #d87758;
  content: "";
}

.aiers-page .aiers-hero__claude-mark::after {
  position: absolute;
  left: 0;
  top: 18.34px;
  width: 13.01px;
  height: 13.49px;
  background: #d87758;
  box-shadow: 90.52px 0 0 #d87758;
  content: "";
}

.aiers-page .aiers-hero__claude-mark i {
  position: absolute;
  left: 28.29px;
  top: 15.47px;
  z-index: 1;
  width: 6.79px;
  height: 8.09px;
  background: #1a1a1a;
}

.aiers-page .aiers-hero__claude-mark i + i { left: 67.89px; }

.aiers-page .aiers-hero__claude-mark i::before,
.aiers-page .aiers-hero__claude-mark i::after {
  position: absolute;
  top: 29.3px;
  width: 7.355px;
  height: 7.552px;
  background: #d87758;
  content: "";
}

.aiers-page .aiers-hero__claude-mark i:first-child::before { left: -9.62px; }
.aiers-page .aiers-hero__claude-mark i:first-child::after { left: 3.39px; }
.aiers-page .aiers-hero__claude-mark i:last-child::before { left: -3.4px; }
.aiers-page .aiers-hero__claude-mark i:last-child::after { left: 9.62px; }

.aiers-page .aiers-hero__loader {
  position: absolute;
  left: 200px;
  top: 44px;
  z-index: 2;
  width: 18px;
  height: 18px;
  animation: aiers-hero-loader-spin 1.15s steps(8, end) infinite;
}

.aiers-page .aiers-hero__loader i {
  position: absolute;
  left: 8px;
  top: 0;
  width: 2px;
  height: 6px;
  border-radius: 10px;
  background: #141413;
  transform-origin: 1px 9px;
}

.aiers-page .aiers-hero__loader i:nth-child(1) { transform: rotate(0deg); opacity: 1; }
.aiers-page .aiers-hero__loader i:nth-child(2) { transform: rotate(45deg); opacity: 0.88; }
.aiers-page .aiers-hero__loader i:nth-child(3) { transform: rotate(90deg); opacity: 0.76; }
.aiers-page .aiers-hero__loader i:nth-child(4) { transform: rotate(135deg); opacity: 0.64; }
.aiers-page .aiers-hero__loader i:nth-child(5) { transform: rotate(180deg); opacity: 0.52; }
.aiers-page .aiers-hero__loader i:nth-child(6) { transform: rotate(225deg); opacity: 0.4; }
.aiers-page .aiers-hero__loader i:nth-child(7) { transform: rotate(270deg); opacity: 0.28; }
.aiers-page .aiers-hero__loader i:nth-child(8) { transform: rotate(315deg); opacity: 0.16; }

.aiers-page .aiers-hero__claude-mark {
  animation: aiers-hero-claude-hop 2.8s cubic-bezier(0.33, 1, 0.68, 1) infinite;
  transform-origin: 50% 100%;
  will-change: transform;
}

.aiers-page .aiers-hero__system-window {
  animation: aiers-hero-window-float 5.8s ease-in-out infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-window-back {
  animation: aiers-hero-shadow-float 5.8s ease-in-out infinite;
  will-change: transform, opacity;
}

.aiers-page .aiers-hero__system-bubble--send {
  animation: aiers-hero-card-float-left 3.9s ease-in-out infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-bubble--file {
  animation: aiers-hero-card-float-right 4.6s ease-in-out -1.4s infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-chart i {
  transform-origin: bottom;
  animation: aiers-hero-chart-pulse 3.4s ease-in-out infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-chart i:nth-child(2) { animation-delay: -2.55s; }
.aiers-page .aiers-hero__system-chart i:nth-child(3) { animation-delay: -1.7s; }
.aiers-page .aiers-hero__system-chart i:nth-child(4) { animation-delay: -0.85s; }

.aiers-page .aiers-hero__system-spark {
  animation: aiers-hero-spark-twinkle 2.7s ease-in-out infinite;
  will-change: transform, opacity;
}

.aiers-page .aiers-hero__system-spark--two { animation-delay: -1.35s; }

.aiers-page .aiers-hero__code-mark--left {
  animation: aiers-hero-code-drift-left 4.8s ease-in-out infinite;
}

.aiers-page .aiers-hero__code-mark--right {
  animation: aiers-hero-code-drift-right 5.2s ease-in-out -1.8s infinite;
}

.aiers-page .aiers-hero__system-tool {
  animation: aiers-hero-tool-float 4.2s ease-in-out infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-tool:nth-child(2) { animation-delay: -1.4s; }
.aiers-page .aiers-hero__system-tool:nth-child(3) { animation-delay: -2.8s; }

.aiers-page .aiers-hero__system-gear {
  animation: aiers-hero-gear-turn 7s linear infinite;
  will-change: transform;
}

.aiers-page .aiers-hero__system-tool--check::before {
  animation: aiers-hero-check-ring 3.6s ease-in-out infinite;
}

.aiers-page .aiers-hero__system-tool--check::after {
  animation: aiers-hero-check-pop 3.6s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
  transform-origin: 50% 50%;
}

.aiers-page .aiers-hero__system-tool--clock::before {
  animation: aiers-hero-clock-ring 4.4s ease-in-out infinite;
}

.aiers-page .aiers-hero__system-tool--clock::after {
  animation: aiers-hero-clock-tick 4.4s ease-in-out infinite;
  transform-origin: 0 100%;
}

@keyframes aiers-hero-loader-spin {
  to { transform: rotate(360deg); }
}

@keyframes aiers-hero-claude-hop {
  0%, 22%, 100% { transform: translateY(0) scale(1, 1); }
  7% { transform: translateY(2px) scale(1.04, 0.94); }
  13% { transform: translateY(-9px) scale(0.97, 1.05); }
  18% { transform: translateY(0) scale(1.03, 0.96); }
}

@keyframes aiers-hero-window-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes aiers-hero-shadow-float {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.82; }
  50% { transform: translateY(2px) scale(0.992); opacity: 0.72; }
}

@keyframes aiers-hero-card-float-left {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0); }
  50% { transform: translate3d(-2px, -6px, 0) rotate(-1deg); }
}

@keyframes aiers-hero-card-float-right {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0); }
  50% { transform: translate3d(3px, -5px, 0) rotate(0.8deg); }
}

@keyframes aiers-hero-chart-pulse {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(0.88); }
}

@keyframes aiers-hero-spark-twinkle {
  0%, 100% { transform: rotate(0) scale(0.82); opacity: 0.55; }
  50% { transform: rotate(45deg) scale(1.08); opacity: 1; }
}

@keyframes aiers-hero-code-drift-left {
  0%, 100% { transform: translateY(0) rotate(-10.58deg); }
  50% { transform: translateY(-4px) rotate(-7.5deg); }
}

@keyframes aiers-hero-code-drift-right {
  0%, 100% { transform: translateY(0) rotate(11.99deg); }
  50% { transform: translateY(3px) rotate(8.5deg); }
}

@keyframes aiers-hero-tool-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes aiers-hero-gear-turn {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes aiers-hero-check-ring {
  0%, 18%, 100% { transform: translate(-50%, -50%) scale(1); }
  8% { transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes aiers-hero-check-pop {
  0%, 3% { opacity: 0; transform: translate(-50%, -65%) rotate(-45deg) scale(0.45); }
  10%, 100% { opacity: 1; transform: translate(-50%, -65%) rotate(-45deg) scale(1); }
}

@keyframes aiers-hero-clock-ring {
  0%, 12%, 100% { transform: translate(-50%, -50%) scale(1); }
  6% { transform: translate(-50%, -50%) scale(1.055); }
}

@keyframes aiers-hero-clock-tick {
  0%, 100% { transform: translate(-13%, -62%) rotate(0); }
  50% { transform: translate(-13%, -62%) rotate(12deg); }
}

@media (max-width: 767px) {
  .aiers-page .aiers-hero,
  .aiers-page .aiers-hero__mobile {
    height: 500px;
    min-height: 500px;
  }

  .aiers-page .aiers-hero__system-art--mobile {
    left: 10px;
    top: 254px;
    width: 355px;
    height: 227px;
  }

  .aiers-page .aiers-hero__system-art--mobile .aiers-hero__system-canvas {
    display: block;
    transform: scale(0.4345165);
    transform-origin: top left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aiers-page .aiers-hero__loader,
  .aiers-page .aiers-hero__claude-mark,
  .aiers-page .aiers-hero__system-window,
  .aiers-page .aiers-hero__system-window-back,
  .aiers-page .aiers-hero__system-bubble,
  .aiers-page .aiers-hero__system-tool,
  .aiers-page .aiers-hero__system-gear,
  .aiers-page .aiers-hero__system-tool--check::before,
  .aiers-page .aiers-hero__system-tool--check::after,
  .aiers-page .aiers-hero__system-tool--clock::before,
  .aiers-page .aiers-hero__system-tool--clock::after,
  .aiers-page .aiers-hero__system-chart i,
  .aiers-page .aiers-hero__system-spark,
  .aiers-page .aiers-hero__code-mark {
    animation: none;
  }
}

/* 2026-07 Figma refresh: section color system */
.aiers-page .aiers-main {
  background: #faf9f5;
}

.aiers-page .aiers-cheapest,
.aiers-page .aiers-before-after,
.aiers-page .aiers-showcase,
.aiers-page .aiers-level,
.aiers-page .aiers-proof,
.aiers-page .aiers-promise,
.aiers-page .aiers-program-guide,
.aiers-page .aiers-faq {
  background: #fff;
}

.aiers-page .aiers-news,
.aiers-page .aiers-mentor,
.aiers-page .aiers-output,
.aiers-page .aiers-method,
.aiers-page .aiers-empathy,
.aiers-page .aiers-process,
.aiers-page .aiers-instructor-section,
.aiers-page .aiers-apply,
.aiers-page .aiers-related {
  background: #faf9f5;
}

.aiers-page .aiers-refund,
.aiers-page .aiers-mid-cta {
  background: linear-gradient(110deg, #c96442 0%, #ed956d 100%);
}

.aiers-page .aiers-strip {
  background: #3f2418;
}

.aiers-page .aiers-strip::before {
  background: url("./figma/solo/noise.webp") center / 900px auto repeat;
  mix-blend-mode: soft-light;
  opacity: 0.08;
}

.aiers-page .aiers-hard {
  background:
    radial-gradient(70% 38% at 50% 106%, rgba(63, 36, 24, 0.96), transparent 72%),
    linear-gradient(180deg, #141413 0%, #171412 58%, #3f2418 100%);
}

.aiers-page .aiers-journey {
  background: #c96442;
}

.aiers-page .aiers-mentor__intro h2 span {
  color: #c96442;
}

.aiers-page .aiers-mentor__photo {
  background: linear-gradient(180deg, #c96442 0%, #9f432d 100%);
}

.aiers-page .aiers-level-card {
  border-color: #e6dfd8;
  background: #faf9f5;
}

.aiers-page .aiers-support {
  background: #c96442;
}

.aiers-page .aiers-support h2 span {
  color: #fff;
}

.aiers-page .aiers-support-card,
.aiers-page .aiers-support-card li {
  border-color: #e6dfd8;
}

.aiers-page .aiers-support-card li {
  background: #faf9f5;
}

.aiers-page .aiers-support-card.is-active {
  border-color: #c96442;
}

/* 2026-07 Figma refresh: aiers-solo final overrides */
.aiers-page .aiers-solo {
  height: 908px;
  padding-top: 120px;
  background: #fafaf7;
  color: #141413;
}

.aiers-page .aiers-solo::before {
  opacity: 0;
  background: url("./figma/solo/solo-bg.webp") center / cover no-repeat;
}

.aiers-page .aiers-solo__scene {
  width: 990px;
}

.aiers-page .aiers-solo__scene h2 {
  font-size: 40px;
  line-height: 1.25;
}

.aiers-page .aiers-solo__windows {
  position: absolute;
  left: 50%;
  top: 130px;
  width: 662px;
  height: 422px;
  margin: 0;
  background: none;
  transform: translateX(-50%);
}

.aiers-page .aiers-solo__window--back {
  display: none;
}

.aiers-page .aiers-solo__window--front {
  display: block;
  left: 32px;
  top: 26px;
  width: 598px;
  height: 358px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #eeeae4;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(63, 36, 24, 0.12);
  text-align: left;
}

.aiers-page .aiers-solo__window--front > span,
.aiers-page .aiers-solo__window--front > strong,
.aiers-page .aiers-solo__window--front > p {
  display: none;
}

.aiers-page .aiers-solo__app-sidebar {
  position: absolute;
  left: 24px;
  top: 28px;
  width: 142px;
  color: #b6b1aa;
  font-family: Pretendard, sans-serif;
}

.aiers-page .aiers-solo__app-sidebar b,
.aiers-page .aiers-solo__app-sidebar em {
  display: block;
  font-size: 7px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.aiers-page .aiers-solo__app-sidebar b:first-child {
  padding-left: 8px;
  border-radius: 3px;
  background: #f7f5f2;
  color: #c96442;
}

.aiers-page .aiers-solo__app-sidebar b:nth-child(2) { color: #5e5d59; }
.aiers-page .aiers-solo__app-sidebar em { margin-top: 7px; color: #c8c3bd; }

.aiers-page .aiers-solo__app-sidebar i {
  display: block;
  width: 132px;
  height: 4px;
  margin-top: 6px;
  border-radius: 99px;
  background: #eeeae5;
}

.aiers-page .aiers-solo__app-sidebar i:nth-of-type(2) { width: 118px; }
.aiers-page .aiers-solo__app-sidebar i:nth-of-type(3) { width: 126px; }
.aiers-page .aiers-solo__app-sidebar i:nth-of-type(4) { width: 105px; }
.aiers-page .aiers-solo__app-sidebar i:nth-of-type(5) { width: 121px; }
.aiers-page .aiers-solo__app-sidebar i:nth-of-type(6) { width: 88px; }

.aiers-page .aiers-solo__app-loader {
  position: absolute;
  left: 361px;
  top: 66px;
  width: 30px;
  height: 30px;
  border: 4px dotted #8b8882;
  border-radius: 50%;
}

.aiers-page .aiers-solo__app-claude {
  position: absolute;
  left: 337px;
  top: 111px;
  width: 80px;
  height: 41px;
}

.aiers-page .aiers-solo__app-claude::before {
  position: absolute;
  left: 10px;
  width: 60px;
  height: 35px;
  background: #d87758;
  content: "";
}

.aiers-page .aiers-solo__app-claude::after {
  position: absolute;
  left: 0;
  top: 14px;
  width: 10px;
  height: 11px;
  background: #d87758;
  box-shadow: 70px 0 0 #d87758;
  content: "";
}

.aiers-page .aiers-solo__app-claude > i {
  position: absolute;
  left: 22px;
  top: 12px;
  z-index: 1;
  width: 5px;
  height: 6px;
  background: #1a1a1a;
  box-shadow: -7px 23px 0 1px #d87758, 3px 23px 0 1px #d87758;
}

.aiers-page .aiers-solo__app-claude > i + i {
  left: 52px;
  box-shadow: -3px 23px 0 1px #d87758, 7px 23px 0 1px #d87758;
}

.aiers-page .aiers-solo__app-lines {
  position: absolute;
  left: 198px;
  top: 192px;
  width: 368px;
}

.aiers-page .aiers-solo__app-lines i {
  display: block;
  height: 9px;
  margin-bottom: 7px;
  border-radius: 999px;
  background: #f0ede8;
}

.aiers-page .aiers-solo__app-lines i:nth-child(3) { width: 84%; }
.aiers-page .aiers-solo__app-lines i:nth-child(4) { width: 76%; }
.aiers-page .aiers-solo__app-lines i:nth-child(5) { width: 67%; }
.aiers-page .aiers-solo__app-lines i:nth-child(6) { width: 100%; }

.aiers-page .aiers-solo__cursor {
  display: block;
  right: 72px;
  top: 217px;
  width: 44px;
  height: 58px;
  background: #050505;
  filter: drop-shadow(0 0 1px #fff) drop-shadow(2px 3px 0 rgba(255, 255, 255, 0.92));
}

.aiers-page .aiers-solo__icons {
  position: absolute;
  left: 50%;
  top: 436px;
  display: flex;
  gap: 40px;
  width: 988.077px;
  height: 88.51px;
  margin: 0;
  background: none;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.22));
  transform: translateX(-50%);
}

.aiers-page .aiers-solo__icons span {
  display: block;
}

.aiers-page .aiers-solo__scene > p {
  position: absolute;
  left: 50%;
  top: 580px;
  width: 760px;
  margin: 0;
  color: #141413;
  font-size: 25px;
  line-height: 1.5;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo {
    height: 623px;
    min-height: 623px;
    padding: 60px 0 0;
    background: #fafaf7;
  }

  .aiers-page .aiers-solo__scene {
    width: 375px;
  }

  .aiers-page .aiers-solo__scene h2 {
    font-size: 25px;
    line-height: 1.25;
  }

  .aiers-page .aiers-solo__windows {
    top: 92px;
    width: 338px;
    height: 216px;
    margin: 0;
    background: none;
  }

  .aiers-page .aiers-solo__window--front {
    left: 16px;
    top: 13px;
    transform: scale(0.510574);
    transform-origin: top left;
  }

  .aiers-page .aiers-solo__cursor {
    right: 37px;
    top: 111px;
    width: 22px;
    height: 30px;
  }

  .aiers-page .aiers-solo__icons {
    top: 265px;
    gap: 16px;
    width: 540.932px;
    height: 53.616px;
    margin: 0;
    background: none;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.22));
  }

  .aiers-page .aiers-solo__scene > p {
    top: 364px;
    width: 343px;
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
  }
}

/* Keep the longer Claude Code hook clear of the solo visual. */
.aiers-page .aiers-solo__windows { top: 276px; }
.aiers-page .aiers-solo__icons { top: 582px; }
.aiers-page .aiers-solo__scene > p { top: 726px; }

@media (min-width: 768px) {
  .aiers-page .aiers-solo { height: 940px; min-height: 940px; }
  .aiers-page .aiers-solo__windows { top: 198px !important; }
  .aiers-page .aiers-solo__icons { top: 510px !important; }
  .aiers-page .aiers-solo__scene > p { top: 670px !important; }
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo { height: 640px; min-height: 640px; }
  .aiers-page .aiers-solo__windows { top: 122px; }
  .aiers-page .aiers-solo__icons { top: 295px; }
  .aiers-page .aiers-solo__scene > p { top: 425px !important; }
}

/* Claude chat → Claude Code transition */
.aiers-page .aiers-solo {
  box-sizing: border-box;
  height: auto;
  min-height: 1040px;
  padding: 88px 20px 96px;
  background: radial-gradient(circle at 50% 48%, rgba(217, 119, 87, 0.1), transparent 34%), #fafaf7;
}

.aiers-page .aiers-solo__scene {
  width: min(1040px, 100%);
}

.aiers-page .aiers-solo__scene h2 {
  margin: 24px 0 0;
  color: #191815;
  font-size: 40px;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: -1.6px;
}

.aiers-page .aiers-solo__scene h2 strong {
  padding: 0 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: linear-gradient(to top, rgba(217, 119, 87, 0.26) 0 34%, transparent 34%);
  color: #b8492b;
  font-weight: 750;
}

.aiers-page .aiers-solo__scene h2 em {
  color: #c96040;
  font-style: normal;
}

.aiers-page .aiers-solo__transition {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 110px minmax(0, 1fr);
  align-items: center;
  width: min(920px, 100%);
  margin: 52px auto 0;
}

.aiers-page .aiers-solo__mode {
  position: relative;
  box-sizing: border-box;
  min-height: 318px;
  padding: 28px 28px 62px;
  overflow: hidden;
  border: 1px solid #e4dfd8;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 22px 50px rgba(43, 37, 31, 0.1);
  text-align: left;
}

.aiers-page .aiers-solo__mode--chat {
  background: #faf9f5;
}

.aiers-page .aiers-solo__mode--code {
  border-color: rgba(201, 96, 64, 0.38);
  background: #262624;
  box-shadow: 0 24px 58px rgba(53, 38, 30, 0.2);
  color: #f7f3ed;
}

/* Claude 심볼(별표) — CSS 4-bar 조합 */
.aiers-page .aiers-solo__mark {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  width: 18px;
  height: 18px;
  color: #d97757;
}

.aiers-page .aiers-solo__mark::before,
.aiers-page .aiers-solo__mark::after,
.aiers-page .aiers-solo__mark > i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.2px;
  height: 18px;
  margin: -9px 0 0 -1.1px;
  border-radius: 2px;
  background: currentColor;
  content: "";
}

.aiers-page .aiers-solo__mark::after { transform: rotate(90deg); }

.aiers-page .aiers-solo__mark > i {
  height: 13px;
  margin-top: -6.5px;
}

.aiers-page .aiers-solo__mark > i:first-child { transform: rotate(45deg); }
.aiers-page .aiers-solo__mark > i:last-child { transform: rotate(-45deg); }

.aiers-page .aiers-solo__mode-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.aiers-page .aiers-solo__mode-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #d97757;
}

.aiers-page .aiers-solo__mode-icon .aiers-solo__mark {
  width: 19px;
  height: 19px;
  color: #faf9f5;
}

.aiers-page .aiers-solo__mode--code .aiers-solo__mode-icon {
  border: 1px solid #3e3d38;
  background: #1c1c1a;
}

.aiers-page .aiers-solo__mode--code .aiers-solo__mode-icon .aiers-solo__mark {
  color: #d97757;
}

.aiers-page .aiers-solo__mode-head strong,
.aiers-page .aiers-solo__mode-head small {
  display: block;
}

.aiers-page .aiers-solo__mode-head strong {
  font-size: 17px;
  line-height: 1.2;
}

.aiers-page .aiers-solo__mode-head small {
  margin-top: 4px;
  color: #8b867e;
  font-size: 12px;
}

.aiers-page .aiers-solo__mode--code .aiers-solo__mode-head small {
  color: #aaa49b;
}

.aiers-page .aiers-solo__chat {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

/* 사용자 질문: claude.ai 스타일 우측 정렬 말풍선 */
.aiers-page .aiers-solo__chat-ask {
  justify-self: end;
  width: fit-content;
  max-width: 88%;
  margin: 0;
  padding: 11px 15px;
  border: 1px solid #e8e4dc;
  border-radius: 16px 16px 4px 16px;
  background: #f0eee6;
  color: #3d3a34;
  font-size: 13px;
  line-height: 1.5;
}

/* Claude 답변: 말풍선 없이 심볼 + 본문 */
.aiers-page .aiers-solo__chat-reply {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 40px;
}

.aiers-page .aiers-solo__chat-reply .aiers-solo__mark {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.aiers-page .aiers-solo__chat-reply p {
  margin: 0;
  color: #3d3a34;
  font-size: 13px;
  line-height: 1.5;
}

.aiers-page .aiers-solo__typing {
  position: absolute;
  left: 26px;
  top: 6px;
  display: flex;
  gap: 4px;
}

.aiers-page .aiers-solo__typing b {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c4beb3;
}

.aiers-page .aiers-solo__terminal {
  margin-top: 26px;
  padding: 16px;
  border: 1px solid #3e3d38;
  border-radius: 14px;
  background: #1c1c1a;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Claude Code 입력 프롬프트 박스 */
.aiers-page .aiers-solo__terminal-prompt {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
  padding: 9px 11px;
  overflow: hidden;
  border: 1px solid #4a4842;
  border-radius: 9px;
  background: #232320;
  color: #ece7df;
  font-size: 11px;
  line-height: 1.3;
  white-space: nowrap;
}

.aiers-page .aiers-solo__terminal-prompt > span {
  color: #d97757;
  font-weight: 700;
}

.aiers-page .aiers-solo__terminal-prompt > b {
  display: inline-block;
  overflow: hidden;
  border-right: 6px solid #d97757;
  font-weight: 400;
  white-space: nowrap;
  vertical-align: bottom;
}

.aiers-page .aiers-solo__terminal p {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 9px;
  color: #ddd8d0;
  font-size: 11px;
  line-height: 1.4;
}

.aiers-page .aiers-solo__terminal p span {
  color: #d97757;
  font-size: 9px;
}

.aiers-page .aiers-solo__terminal p em {
  margin-left: auto;
  color: #8d887f;
  font-size: 9.5px;
  font-style: normal;
}

.aiers-page .aiers-solo__terminal strong {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
  padding-top: 12px;
  border-top: 1px solid #2f2e2a;
  color: #f2eee7;
  font-size: 11px;
  font-weight: 500;
}

.aiers-page .aiers-solo__terminal strong .aiers-solo__mark {
  width: 13px;
  height: 13px;
}

.aiers-page .aiers-solo__terminal strong .aiers-solo__mark::before,
.aiers-page .aiers-solo__terminal strong .aiers-solo__mark::after,
.aiers-page .aiers-solo__terminal strong .aiers-solo__mark > i {
  width: 1.8px;
  height: 13px;
  margin: -6.5px 0 0 -0.9px;
}

.aiers-page .aiers-solo__terminal strong .aiers-solo__mark > i {
  height: 9.5px;
  margin-top: -4.75px;
}

.aiers-page .aiers-solo__mode-label {
  position: absolute;
  left: 28px;
  bottom: 24px;
  color: #8b867e;
  font-size: 13px;
  font-weight: 700;
}

.aiers-page .aiers-solo__mode--code .aiers-solo__mode-label {
  color: #efb39f;
}

.aiers-page .aiers-solo__transition-arrow {
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #a75b43;
}

.aiers-page .aiers-solo__transition-arrow span {
  font-size: 12px;
  font-weight: 700;
}

.aiers-page .aiers-solo__transition-arrow i {
  font-size: 42px;
  font-style: normal;
  line-height: 1;
}

/* ── 라이브 데모 루프 (8s): 채팅 → 실행 → 결과물 ────────────── */
.aiers-page .aiers-solo__chat-ask {
  animation: aiers-solo-ask 8s ease-out infinite;
}

.aiers-page .aiers-solo__chat-reply .aiers-solo__mark {
  animation: aiers-solo-reply-mark 8s ease-out infinite;
}

.aiers-page .aiers-solo__typing {
  animation: aiers-solo-typing 8s linear infinite;
}

.aiers-page .aiers-solo__typing b {
  animation: aiers-solo-dot 0.85s ease-in-out infinite;
}

.aiers-page .aiers-solo__typing b:nth-child(2) { animation-delay: 0.12s; }
.aiers-page .aiers-solo__typing b:nth-child(3) { animation-delay: 0.24s; }

.aiers-page .aiers-solo__chat-reply p {
  animation: aiers-solo-reply 8s ease-out infinite;
}

.aiers-page .aiers-solo__transition-arrow i {
  animation: aiers-solo-arrow 8s ease-in-out infinite;
}

.aiers-page .aiers-solo__terminal-prompt > b {
  animation: aiers-solo-type 8s steps(20) infinite, aiers-solo-caret 0.7s steps(2) infinite;
}

.aiers-page .aiers-solo__terminal p:nth-of-type(1) {
  animation: aiers-solo-line 8s ease-out infinite;
}

.aiers-page .aiers-solo__terminal p:nth-of-type(2) {
  animation: aiers-solo-line 8s ease-out infinite;
  animation-delay: 0.4s;
}

.aiers-page .aiers-solo__terminal strong {
  animation: aiers-solo-live 8s ease-out infinite;
}

.aiers-page .aiers-solo__mark--spin {
  animation: aiers-solo-spin 1.6s linear infinite;
}

@keyframes aiers-solo-ask {
  0%, 2% { opacity: 0; transform: translateY(10px); }
  8%, 95% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(-4px); }
}

@keyframes aiers-solo-reply-mark {
  0%, 10% { opacity: 0; transform: scale(0.6); }
  14%, 95% { opacity: 1; transform: none; }
  100% { opacity: 0; }
}

@keyframes aiers-solo-typing {
  0%, 11% { opacity: 0; }
  13%, 21% { opacity: 1; }
  23%, 100% { opacity: 0; }
}

@keyframes aiers-solo-dot {
  0%, 100% { opacity: 0.35; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-3px); }
}

@keyframes aiers-solo-reply {
  0%, 23% { opacity: 0; transform: translateY(5px); }
  28%, 95% { opacity: 1; transform: none; }
  100% { opacity: 0; }
}

@keyframes aiers-solo-arrow {
  0%, 29% { opacity: 0.35; transform: translateX(-6px); }
  37% { opacity: 1; transform: translateX(6px); }
  44%, 100% { opacity: 0.55; transform: none; }
}

@keyframes aiers-solo-arrow-mo {
  0%, 29% { opacity: 0.35; transform: rotate(90deg) translateX(-6px); }
  37% { opacity: 1; transform: rotate(90deg) translateX(6px); }
  44%, 100% { opacity: 0.55; transform: rotate(90deg); }
}

@keyframes aiers-solo-type {
  0%, 30% { max-width: 0; }
  42%, 95% { max-width: 260px; }
  100% { max-width: 0; }
}

@keyframes aiers-solo-caret {
  0%, 100% { border-right-color: #d97757; }
  50% { border-right-color: transparent; }
}

@keyframes aiers-solo-line {
  0%, 45% { opacity: 0; transform: translateY(6px); }
  50%, 95% { opacity: 1; transform: none; }
  100% { opacity: 0; }
}

@keyframes aiers-solo-live {
  0%, 60% { opacity: 0; }
  65%, 95% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes aiers-solo-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .aiers-page .aiers-solo__chat-ask,
  .aiers-page .aiers-solo__chat-reply .aiers-solo__mark,
  .aiers-page .aiers-solo__chat-reply p,
  .aiers-page .aiers-solo__transition-arrow i,
  .aiers-page .aiers-solo__terminal-prompt > b,
  .aiers-page .aiers-solo__terminal p:nth-of-type(1),
  .aiers-page .aiers-solo__terminal p:nth-of-type(2),
  .aiers-page .aiers-solo__terminal strong,
  .aiers-page .aiers-solo__mark--spin {
    animation: none;
  }

  .aiers-page .aiers-solo__typing {
    display: none;
  }
}

.aiers-page .aiers-solo__scene > p {
  position: static;
  width: auto;
  margin: 54px 0 0;
  color: #191815;
  font-size: 25px;
  line-height: 1.5;
  transform: none;
}

.aiers-page .aiers-solo__scene > p strong {
  color: #c96040;
}

@media (min-width: 768px) {
  .aiers-page .aiers-solo {
    height: auto;
    min-height: 0;
    padding: 150px 0 120px;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo {
    box-sizing: border-box;
    height: auto !important;
    min-height: 0 !important;
    padding: 54px 16px 56px;
  }

  .aiers-page .aiers-solo__scene {
    width: 100%;
  }

  /* 강조 문장이 한 줄로 떨어지도록 뷰포트 기준 축소 */
  .aiers-page .aiers-solo__scene h2 {
    margin-top: 20px;
    font-size: clamp(15px, 4.75vw, 25px);
    line-height: 1.46;
    letter-spacing: -0.8px;
  }

  .aiers-page .aiers-solo__transition {
    grid-template-columns: 1fr;
    gap: 18px;
    width: min(343px, 100%);
    margin-top: 34px;
  }

  .aiers-page .aiers-solo__mode {
    min-height: 214px;
    padding: 20px 20px 46px;
    border-radius: 26px;
  }

  .aiers-page .aiers-solo__mode-icon {
    width: 29px;
    height: 29px;
    border-radius: 9px;
  }

  .aiers-page .aiers-solo__mode-icon .aiers-solo__mark {
    width: 16px;
    height: 16px;
  }

  .aiers-page .aiers-solo__mode-head strong {
    font-size: 15px;
  }

  .aiers-page .aiers-solo__mode-head small {
    font-size: 11px;
  }

  .aiers-page .aiers-solo__chat {
    gap: 10px;
    margin-top: 20px;
  }

  .aiers-page .aiers-solo__chat-ask {
    padding: 9px 12px;
    font-size: 11.5px;
  }

  .aiers-page .aiers-solo__chat-reply {
    min-height: 34px;
    gap: 8px;
  }

  .aiers-page .aiers-solo__chat-reply .aiers-solo__mark {
    width: 14px;
    height: 14px;
  }

  .aiers-page .aiers-solo__chat-reply p {
    font-size: 11.5px;
  }

  .aiers-page .aiers-solo__typing {
    left: 22px;
    top: 4px;
  }

  .aiers-page .aiers-solo__terminal {
    margin-top: 18px;
    padding: 13px;
  }

  .aiers-page .aiers-solo__terminal-prompt {
    margin-bottom: 11px;
    padding: 7px 9px;
    font-size: 9.5px;
  }

  .aiers-page .aiers-solo__terminal-prompt > b {
    border-right-width: 5px;
  }

  .aiers-page .aiers-solo__terminal p {
    margin-bottom: 7px;
    font-size: 9.5px;
  }

  .aiers-page .aiers-solo__terminal p span {
    font-size: 8px;
  }

  .aiers-page .aiers-solo__terminal p em {
    font-size: 8.5px;
  }

  .aiers-page .aiers-solo__terminal strong {
    margin-top: 11px;
    padding-top: 9px;
    font-size: 9.5px;
  }

  .aiers-page .aiers-solo__mode-label {
    left: 20px;
    bottom: 16px;
    font-size: 11px;
  }

  .aiers-page .aiers-solo__transition-arrow {
    gap: 2px;
  }

  .aiers-page .aiers-solo__transition-arrow i {
    font-size: 30px;
    transform: rotate(90deg);
    animation-name: aiers-solo-arrow-mo;
  }

  .aiers-page .aiers-solo__scene > p {
    position: static;
    width: min(343px, 100%);
    margin: 32px auto 0;
    font-size: 17px;
    line-height: 1.55;
    text-align: center;
    transform: none;
  }
}

/* ══ Before 카드: Claude 채팅 정적 클론 (실제 캡처 느낌) ═══════════ */
.aiers-page .aiers-ba-card__visual--before {
  align-items: stretch;
  justify-content: stretch;
  border: 1px solid #e4dfd6;
  background: #faf9f5;
}

.aiers-page .aiers-chatshot {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #3d3a34;
  font-size: 12px;
  text-align: left;
}

.aiers-page .aiers-chatshot__mark {
  position: relative;
  flex: 0 0 auto;
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #d97757;
}

.aiers-page .aiers-chatshot__mark::before,
.aiers-page .aiers-chatshot__mark::after,
.aiers-page .aiers-chatshot__mark > i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 15px;
  margin: -7.5px 0 0 -1px;
  border-radius: 2px;
  background: currentColor;
  content: "";
}

.aiers-page .aiers-chatshot__mark::after { transform: rotate(90deg); }

.aiers-page .aiers-chatshot__mark > i {
  height: 11px;
  margin-top: -5.5px;
}

.aiers-page .aiers-chatshot__mark > i:first-child { transform: rotate(45deg); }
.aiers-page .aiers-chatshot__mark > i:last-child { transform: rotate(-45deg); }

.aiers-page .aiers-chatshot__side {
  box-sizing: border-box;
  padding: 16px 12px;
  border-right: 1px solid #eae5db;
  background: #f5f4ed;
}

.aiers-page .aiers-chatshot__mark--brand {
  width: 17px;
  height: 17px;
  margin-left: 4px;
}

.aiers-page .aiers-chatshot__new {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 16px 0 0;
  padding: 7px 10px;
  border: 1px solid #e6e1d7;
  border-radius: 8px;
  background: #fff;
  color: #6b665e;
  font-size: 11px;
  font-weight: 600;
}

.aiers-page .aiers-chatshot__new::before {
  color: #d97757;
  font-size: 13px;
  font-weight: 700;
  content: "+";
}

.aiers-page .aiers-chatshot__side em {
  display: block;
  margin: 18px 0 8px 4px;
  color: #a09a90;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.aiers-page .aiers-chatshot__side b {
  display: block;
  padding: 6px 8px;
  overflow: hidden;
  border-radius: 6px;
  color: #78736b;
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.aiers-page .aiers-chatshot__side b.is-active {
  background: #ebe8df;
  color: #3d3a34;
  font-weight: 600;
}

.aiers-page .aiers-chatshot__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #faf9f5;
}

.aiers-page .aiers-chatshot__bar {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: 34px;
  padding: 0 16px;
  border-bottom: 1px solid #efece4;
}

.aiers-page .aiers-chatshot__bar span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6b665e;
  font-size: 11px;
  font-weight: 600;
}

.aiers-page .aiers-chatshot__bar span::after {
  color: #a09a90;
  font-size: 8px;
  content: "▾";
}

.aiers-page .aiers-chatshot__thread {
  flex: 1 1 auto;
  min-height: 0;
  padding: 16px;
  overflow: hidden;
}

.aiers-page .aiers-chatshot__ask {
  width: fit-content;
  max-width: 82%;
  margin: 0 0 16px auto;
  padding: 9px 13px;
  border: 1px solid #e8e4dc;
  border-radius: 14px 14px 4px 14px;
  font-size: 12px;
  line-height: 1.5;
  background: #f0eee6;
}

.aiers-page .aiers-chatshot__reply {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.aiers-page .aiers-chatshot__reply-body {
  min-width: 0;
}

.aiers-page .aiers-chatshot__reply-body p {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.aiers-page .aiers-chatshot__artifact {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 11px 0;
  padding: 10px 12px;
  border: 1px solid #e6e1d7;
  border-radius: 10px;
  background: #fff;
}

.aiers-page .aiers-chatshot__artifact-icon {
  position: relative;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: #f0eee6;
}

.aiers-page .aiers-chatshot__artifact-icon::before,
.aiers-page .aiers-chatshot__artifact-icon::after {
  position: absolute;
  left: 7px;
  border-radius: 1px;
  background: #b8a99a;
  content: "";
}

.aiers-page .aiers-chatshot__artifact-icon::before {
  top: 8px;
  width: 12px;
  height: 2px;
}

.aiers-page .aiers-chatshot__artifact-icon::after {
  top: 13px;
  width: 8px;
  height: 2px;
  box-shadow: 0 5px 0 #b8a99a;
}

.aiers-page .aiers-chatshot__artifact strong {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
}

.aiers-page .aiers-chatshot__artifact small {
  display: block;
  margin-top: 2px;
  color: #918b81;
  font-size: 10px;
}

.aiers-page .aiers-chatshot__note {
  color: #8b857b;
}

.aiers-page .aiers-chatshot__composer {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
  margin: 0 16px 14px;
  padding: 10px 12px;
  border: 1px solid #e2ddd3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(60, 50, 40, 0.05);
}

.aiers-page .aiers-chatshot__composer span {
  flex: 1 1 auto;
  color: #a8a29a;
  font-size: 11.5px;
}

.aiers-page .aiers-chatshot__composer i {
  position: relative;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: #d97757;
}

.aiers-page .aiers-chatshot__composer i::before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  margin: -2px 0 0 -3px;
  border-top: 1.6px solid #fff;
  border-right: 1.6px solid #fff;
  transform: rotate(-45deg);
  content: "";
}

/* ══ 08b. 업무 활용 예시 ═══════════════════════════════════════ */
.aiers-page .aiers-usecase {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 120px 0;
  background: #faf8f4;
}

.aiers-page .aiers-usecase__inner {
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}

.aiers-page .aiers-usecase__eyebrow {
  margin: 0;
  color: #c96442;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.aiers-page .aiers-usecase__inner h2 {
  margin: 14px 0 0;
  color: #191815;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -1.2px;
}

.aiers-page .aiers-usecase__inner h2 span {
  color: #c96442;
}

.aiers-page .aiers-usecase__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 56px;
}

.aiers-page .aiers-usecase-card {
  box-sizing: border-box;
  padding: 28px 26px 26px;
  border: 1px solid #ece7dd;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(60, 46, 36, 0.05);
  text-align: left;
}

.aiers-page .aiers-usecase-card__tag {
  display: inline-block;
  padding: 5px 11px;
  border-radius: 99px;
  background: #f6e6df;
  color: #b8492b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.1px;
}

.aiers-page .aiers-usecase-card h3 {
  margin: 16px 0 0;
  color: #191815;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.4px;
}

.aiers-page .aiers-usecase-card p {
  margin: 10px 0 0;
  color: #6b665e;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: -0.2px;
}

.aiers-page .aiers-usecase-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.aiers-page .aiers-usecase-card li {
  padding: 5px 10px;
  border: 1px solid #eae5db;
  border-radius: 7px;
  background: #faf9f5;
  color: #8b857b;
  font-size: 12.5px;
  font-weight: 500;
}

.aiers-page .aiers-usecase__mo-br {
  display: none;
}

.aiers-page .aiers-usecase__closing {
  margin: 56px 0 0;
  color: #4a453e;
  font-size: 24px;
  line-height: 1.55;
  letter-spacing: -0.5px;
}

.aiers-page .aiers-usecase__closing strong {
  display: inline;
  padding: 2px 4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: linear-gradient(to top, rgba(217, 119, 87, 0.24) 0 34%, transparent 34%);
  color: #191815;
  font-size: 28px;
  font-weight: 750;
}

@media (max-width: 767px) {
  .aiers-page .aiers-chatshot {
    grid-template-columns: minmax(0, 1fr);
    font-size: 11px;
  }

  .aiers-page .aiers-chatshot__side { display: none; }
  .aiers-page .aiers-chatshot__more { display: none; }

  .aiers-page .aiers-chatshot__bar { height: 28px; padding: 0 12px; }
  .aiers-page .aiers-chatshot__bar span { font-size: 10px; }

  .aiers-page .aiers-chatshot__thread { padding: 11px; }

  .aiers-page .aiers-chatshot__ask {
    margin-bottom: 10px;
    padding: 7px 10px;
    font-size: 11px;
  }

  .aiers-page .aiers-chatshot__reply { gap: 7px; }
  .aiers-page .aiers-chatshot__mark { width: 13px; height: 13px; }
  .aiers-page .aiers-chatshot__mark::before,
  .aiers-page .aiers-chatshot__mark::after,
  .aiers-page .aiers-chatshot__mark > i { height: 13px; margin-top: -6.5px; }
  .aiers-page .aiers-chatshot__mark > i { height: 9px; margin-top: -4.5px; }

  .aiers-page .aiers-chatshot__reply-body p { font-size: 11px; line-height: 1.5; }

  .aiers-page .aiers-chatshot__artifact {
    gap: 8px;
    margin: 8px 0 0;
    padding: 8px 10px;
    border-radius: 8px;
  }

  .aiers-page .aiers-chatshot__artifact-icon { width: 22px; height: 22px; border-radius: 6px; }
  .aiers-page .aiers-chatshot__artifact-icon::before { top: 7px; left: 6px; width: 10px; }
  .aiers-page .aiers-chatshot__artifact-icon::after { top: 11px; left: 6px; width: 7px; box-shadow: 0 4px 0 #b8a99a; }
  .aiers-page .aiers-chatshot__artifact strong { font-size: 10.5px; }
  .aiers-page .aiers-chatshot__artifact small { font-size: 9px; }

  .aiers-page .aiers-chatshot__note { display: none; }

  .aiers-page .aiers-chatshot__composer {
    margin: 0 11px 10px;
    padding: 7px 10px;
    border-radius: 10px;
  }

  .aiers-page .aiers-chatshot__composer span { font-size: 10.5px; }
  .aiers-page .aiers-chatshot__composer i { width: 17px; height: 17px; }

  .aiers-page .aiers-usecase {
    padding: 60px 0;
  }

  .aiers-page .aiers-usecase__inner {
    width: 100%;
    padding: 0 16px;
  }

  .aiers-page .aiers-usecase__eyebrow {
    font-size: 14px;
  }

  .aiers-page .aiers-usecase__inner h2 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: -0.7px;
  }

  .aiers-page .aiers-usecase__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 32px;
  }

  .aiers-page .aiers-usecase-card {
    padding: 22px 20px;
    border-radius: 14px;
  }

  .aiers-page .aiers-usecase-card__tag {
    padding: 4px 9px;
    font-size: 11px;
  }

  .aiers-page .aiers-usecase-card h3 {
    margin-top: 12px;
    font-size: 18px;
  }

  .aiers-page .aiers-usecase-card p {
    margin-top: 8px;
    font-size: 13.5px;
    line-height: 1.55;
  }

  .aiers-page .aiers-usecase-card ul {
    margin-top: 14px;
    gap: 5px;
  }

  .aiers-page .aiers-usecase-card li {
    padding: 4px 8px;
    font-size: 11.5px;
  }

  .aiers-page .aiers-usecase__closing {
    margin-top: 34px;
    font-size: clamp(13px, 3.7vw, 15px);
    line-height: 1.7;
  }

  .aiers-page .aiers-usecase__closing strong {
    font-size: clamp(14px, 4.15vw, 17px);
    letter-spacing: -0.4px;
  }

  .aiers-page .aiers-usecase__mo-br {
    display: inline;
  }
}

/* ══ 06 solo · 질문 → 말풍선 흩뿌리기 → 결론 ══════════════════ */
.aiers-page .aiers-solo__lead {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* claude-code-visual.css가 뒤에서 .aiers-solo__scene h2에 width/font-size를
   걸어두어 선택자를 한 단계 올려야 이긴다 */
.aiers-page .aiers-solo .aiers-solo__lead h2 {
  width: auto;
  max-width: 100%;
  margin: 0;
  color: #191815;
  font-size: 40px;
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: -1.6px;
}

.aiers-page .aiers-solo__q-br,
.aiers-page .aiers-solo__sub-br {
  display: none;
}

.aiers-page .aiers-solo__sub {
  width: min(620px, 100%);
  margin: 16px auto 0;
  color: #57534b;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.4px;
}

/* 말풍선 구름 — 데스크탑은 절대배치로 흩뿌리고, 모바일은 좌우 지그재그 */
.aiers-page .aiers-solo__cloud {
  position: relative;
  width: min(880px, 100%);
  height: 268px;
  margin: 46px auto 0;
}

.aiers-page .aiers-solo__bub {
  position: absolute;
  margin: 0;
  padding: 15px 22px;
  border-radius: 20px 20px 20px 6px;
  background: #ebe7e0;
  color: #4a4640;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.5px;
  white-space: nowrap;
}

.aiers-page .aiers-solo__bub--ghost {
  background: #f0ece5;
  color: #b8b2a8;
}

/* 같은 색만 늘어놓으면 지루해서 말풍선마다 색을 변주한다.
   명도는 비슷하게 두고 색상만 돌려 특정 말풍선이 혼자 튀지 않게 한다 */
.aiers-page .aiers-solo__bub--a {
  left: 2%;
  top: 6px;
  background: #ece4d5;
  transform: rotate(-2.5deg);
}

.aiers-page .aiers-solo__bub--b {
  right: 0;
  top: 62px;
  border-radius: 20px 20px 6px 20px;
  background: #f2ded4;
  color: #6b4638;
  transform: rotate(2deg);
}

.aiers-page .aiers-solo__bub--c {
  left: 12%;
  top: 132px;
  background: #e2e7db;
  color: #455143;
  transform: rotate(1.5deg);
}

.aiers-page .aiers-solo__bub--d {
  right: 6%;
  top: 200px;
  border-radius: 20px 20px 6px 20px;
  background: #dee5ec;
  color: #43505c;
  transform: rotate(-1.5deg);
}

.aiers-page .aiers-solo__bub--g1 { left: 34%; top: 30px; transform: rotate(3deg); }
.aiers-page .aiers-solo__bub--g2 { left: 4%; top: 196px; transform: rotate(-3deg); }

.aiers-page .aiers-solo__answer {
  margin: 44px 0 0;
  color: #191815;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1.3px;
}

.aiers-page .aiers-solo__answer strong {
  padding: 0 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: linear-gradient(to top, rgba(217, 119, 87, 0.26) 0 34%, transparent 34%);
  color: #b8492b;
  font-weight: 750;
}

.aiers-page .aiers-solo__reason {
  width: min(760px, 100%);
  margin: 22px auto 0;
  color: #57534b;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: -0.5px;
}

.aiers-page .aiers-solo__reason em {
  color: #b8492b;
  font-style: normal;
  font-weight: 700;
}

.aiers-page .aiers-solo__reason-mobile {
  display: none;
}

.aiers-page .aiers-solo__scene > p em {
  color: #c96040;
  font-style: normal;
  font-weight: 600;
}

@media (max-width: 767px) {
  .aiers-page .aiers-solo .aiers-solo__lead h2 {
    font-size: clamp(20px, 6.2vw, 26px);
    line-height: 1.4;
    letter-spacing: -0.9px;
  }

  .aiers-page .aiers-solo__q-br,
  .aiers-page .aiers-solo__sub-br {
    display: inline;
  }

  .aiers-page .aiers-solo__sub {
    width: min(343px, 100%);
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
  }

  .aiers-page .aiers-solo__cloud {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    width: min(343px, 100%);
    height: auto;
    margin-top: 32px;
  }

  .aiers-page .aiers-solo__bub {
    position: static;
    max-width: 100%;
    padding: 11px 16px;
    border-radius: 15px 15px 15px 5px;
    font-size: 14px;
    white-space: normal;
    text-align: left;
    transform: none;
  }

  .aiers-page .aiers-solo__bub--b,
  .aiers-page .aiers-solo__bub--d {
    align-self: flex-end;
    border-radius: 15px 15px 5px 15px;
  }

  /* 겹침 사고가 나서 모바일에선 흐린 말풍선을 뺀다 */
  .aiers-page .aiers-solo__bub--ghost {
    display: none;
  }

  .aiers-page .aiers-solo__answer {
    margin-top: 32px;
    font-size: clamp(19px, 5.7vw, 24px);
    line-height: 1.4;
    letter-spacing: -0.8px;
  }

  .aiers-page .aiers-solo__reason {
    width: min(343px, 100%);
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.6;
  }

  .aiers-page .aiers-solo__reason-desktop {
    display: none;
  }

  .aiers-page .aiers-solo__reason-mobile {
    display: inline;
  }
}

/* ══ 08 before/after · 섹션 제목 (기존 sr-only 제목을 화면에 노출) ══ */
.aiers-page .aiers-before-after__title {
  grid-column: 1 / -1;
  margin: 0 0 10px;
  color: #191815;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -1.2px;
  text-align: center;
}

.aiers-page .aiers-ba-title-break {
  display: none;
}

@media (max-width: 767px) {
  .aiers-page .aiers-before-after__title {
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.7px;
  }

  .aiers-page .aiers-ba-title-break {
    display: inline;
  }
}

/* ══ 08b usecase · 카드 상단 데모 영상 ═══════════════════════════ */
/* 데모 페이지 배경이 카드 배경과 비슷해 경계가 사라진다.
   브라우저 바를 얹어 "배포된 웹서비스"로 읽히게 하고 상단 경계를 만든다 */
.aiers-page .aiers-usecase-card__media {
  display: block;
  overflow: hidden;
  margin: -28px -26px 18px;
  border-bottom: 1px solid #ece7dd;
  border-radius: 18px 18px 0 0;
  background: #2a2622;
}

.aiers-page .aiers-usecase-card__bar {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 13px;
  background: #2a2622;
}

.aiers-page .aiers-usecase-card__bar i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.aiers-page .aiers-usecase-card__bar i:first-child {
  background: #d9694a;
}

.aiers-page .aiers-usecase-card__media video {
  display: block;
  width: 100%;
  aspect-ratio: 1000 / 624;
  object-fit: cover;
  background: #f6f2ec;
}

@media (max-width: 767px) {
  .aiers-page .aiers-usecase-card__media {
    margin: -22px -20px 14px;
    border-radius: 14px 14px 0 0;
  }

  .aiers-page .aiers-usecase-card__bar {
    height: 22px;
    padding: 0 11px;
    gap: 4px;
  }

  .aiers-page .aiers-usecase-card__bar i {
    width: 6px;
    height: 6px;
  }
}

/* ══ 06 solo · 마감 문장 ═════════════════════════════════════════ */
/* 크기는 .aiers-solo__scene > p(25px)를 그대로 쓴다.
   결론("아니요. / 비개발자에게 더 유용합니다." 34px)보다 커지면 위계가 뒤집힌다 */
.aiers-page .aiers-solo__knot-br {
  display: none;
}

@media (max-width: 767px) {
    .aiers-page .aiers-solo__knot-br {
    display: inline;
  }
}

/* ══ 임태하 강사 프로필 교체 ═════════════════════════════════════ */
.aiers-page .aiers-mentor__photo {
  background: #eaf4f8;
}

.aiers-page .aiers-mentor__photo img,
.aiers-page .aiers-mentor__photo .aiers-mentor__photo-main {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  transform: scale(1.28);
  transform-origin: center 22%;
}

.aiers-page .aiers-instructor-card__photo {
  width: 430px;
  height: 430px;
  margin: 20px 0 0 48px;
  overflow: hidden;
  border-radius: 16px;
  background: #eaf4f8;
}

.aiers-page .aiers-instructor-card__photo::before {
  background-image: url("./figma/proof/vibecoding-tutor.jpeg");
  background-size: cover;
  background-position: center 24%;
  filter: blur(14px);
  opacity: 0.12;
}

.aiers-page .aiers-instructor-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 24%;
  transform: none;
}

.aiers-page .aiers-instructor-card__career-title {
  font-size: 18px;
  line-height: 1.5;
}

.aiers-page .aiers-instructor-card__detail {
  font-size: 17px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .aiers-page .aiers-mentor__photo img,
  .aiers-page .aiers-mentor__photo .aiers-mentor__photo-main {
    object-position: center 22%;
    transform: scale(1.28);
    transform-origin: center 22%;
  }

  .aiers-page .aiers-instructor-card__avatar {
    object-position: center 24%;
  }

  .aiers-page .aiers-instructor-card__career-title {
    font-size: 16px;
    line-height: 1.45;
  }

  .aiers-page .aiers-instructor-card__career-title::after {
    content: none;
  }

  .aiers-page .aiers-instructor-card__detail {
    display: block;
    padding-top: 16px;
    font-size: 14px;
    line-height: 1.55;
  }

}

@media (min-width: 768px) and (max-width: 1024px) {
  .aiers-page .aiers-instructor-card {
    grid-template-columns: 280px minmax(0, 1fr);
    column-gap: 20px;
    padding: 20px;
  }

  .aiers-page .aiers-instructor-card__photo {
    width: 280px;
    height: 280px;
    margin: 20px 0 0;
  }

  .aiers-page .aiers-instructor-card__head p {
    font-size: 16px;
    line-height: 1.5;
  }

  .aiers-page .aiers-instructor-card__career-title {
    font-size: 16px;
  }

  .aiers-page .aiers-instructor-card__detail {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .aiers-page .aiers-mentor__stats {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .aiers-page .aiers-mentor__stats article,
  .aiers-page .aiers-mentor__stats article:nth-child(2),
  .aiers-page .aiers-mentor__stats article:nth-child(3) {
    grid-column: auto;
    order: initial;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 82px;
    padding: 14px 16px;
    text-align: center;
  }

  .aiers-page .aiers-mentor__stats strong {
    order: initial;
    font-size: 21px;
    line-height: 1.3;
    white-space: nowrap;
  }

  .aiers-page .aiers-mentor__stats p {
    order: initial;
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }
}