/* Element-level styles (formerly inline style="" attributes).
   Grouped by the component they sit in. This layer sits above the "site" layer,
   so these rules win the same way the inline styles did. */
@layer elements {

/* root */
.root__text {
  background: var(--color-bg);
  color: var(--color-fg);
  font-family: var(--font-body);
  font-size: var(--fs-base);
  line-height: 1.5;
}
.root__fill {
  border-top: 1px solid var(--color-fg-a08);
  padding: 32px 0 40px;
  background: var(--color-bg);
}
.root__fill-2 {
  background: var(--color-bg-alt);
  color: var(--color-bg);
  padding: 140px 0 150px;
}
.root__fill-3 {
  background: var(--color-bg);
  color: var(--color-fg);
  padding: 150px 0 120px;
}
.root__fill-4 {
  background: var(--color-bg);
  color: var(--color-fg);
  padding: 150px 0;
}
.root__fill-5 {
  background: var(--color-bg);
  color: var(--color-fg);
  padding: 140px 0 140px;
}
.root__fill-6 {
  background: var(--color-bg-alt);
  color: var(--color-bg);
  padding: 110px 0 120px;
  overflow: hidden;
}

/* hdr */
.hdr__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: 72px;
}
.hdr__title {
  display: flex;
  align-items: baseline;
  font-size: var(--fs-2xl);
  font-weight: 600;
  letter-spacing: -0.05em;
}
.hdr__row-2 {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* nav */
.nav__title {
  display: flex;
  gap: 32px;
  font-size: var(--fs-base);
  font-weight: 500;
  color: var(--color-fg-a75);
}

/* hdr-hire */
.hdr-hire__text {
  height: 44px;
  padding: 0 20px;
  font-size: var(--fs-base);
}

/* mm-foot */
.mm-foot__text {
  height: 56px;
  justify-content: center;
  font-size: var(--fs-base);
}

/* hero3 */
.hero3__el {
  position: relative;
  padding: 96px 0 120px;
  overflow: hidden;
}
.hero3__stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 30px;
  position: relative;
}
.hero3__row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px 16px;
  flex-wrap: wrap;
}
.hero3__title {
  margin: 0;
  font-size: clamp(48px, 8.6vw, 136px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 500;
  position: relative;
}
.hero3__text {
  margin: 0;
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.5;
  font-weight: 400;
  max-width: 640px;
  color: var(--color-fg-a70);
}
.hero3__text-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  font-size: var(--fs-base);
  color: var(--color-fg-a65);
}
.hero3__row-2 {
  display: inline-flex;
  gap: 2px;
  color: var(--color-fg);
}
.hero3__text-3 {
  color: var(--color-fg);
}
.hero3__dot {
  width: 3px;
  height: 3px;
  border-radius: var(--radius-round);
  background: var(--color-text-muted);
}

/* eyebrow */
.eyebrow__text {
  color: var(--color-text-muted);
}
.eyebrow__text-2 {
  color: var(--color-text-muted);
  margin-bottom: 22px;
}
.eyebrow__text-3 {
  color: var(--color-warm-600);
}
.eyebrow__text-4 {
  color: var(--color-text-faint);
}
.eyebrow__text-5 {
  font-size: var(--fs-xs);
  color: var(--color-warm-600);
}
.eyebrow__text-6 {
  color: var(--color-text-muted);
  margin-bottom: 6px;
}
.eyebrow__text-7 {
  font-size: var(--fs-xs);
  color: var(--color-warm-600);
  margin-bottom: 8px;
}
.eyebrow__space {
  display: block;
  color: var(--color-warm-500);
  margin-bottom: 16px;
}

/* hero-book */
.hero-book__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-fg-a15);
  font-size: var(--fs-xs);
  font-weight: 500;
  color: var(--color-fg-a75);
}
.hero-book__dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-round);
  background: var(--acc);
}

/* hero-ctas */
.hero-ctas__row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.hero-ctas__text {
  height: 60px;
  padding: 0 30px;
  font-size: var(--fs-md);
}

/* mq-wrap */
.mq-wrap__el {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, var(--color-shade) 10%, var(--color-shade) 90%, transparent);
  mask-image: linear-gradient(90deg, transparent, var(--color-shade) 10%, var(--color-shade) 90%, transparent);
}
.mq-wrap__el-2 {
  overflow: hidden;
}

/* mq */
.mq__el {
  align-items: center;
  animation-duration: 26s;
}
.mq__row {
  display: flex;
  align-items: center;
  gap: 88px;
  padding-right: 88px;
  color: var(--color-text-muted);
}
.mq__title {
  font-size: var(--fs-2xl);
  font-weight: 600;
  letter-spacing: -0.04em;
}
.mq__box {
  height: 26px;
  width: auto;
  display: block;
  opacity: .7;
}
.mq__row-2 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.mq__box-2 {
  height: 34px;
  width: auto;
  display: block;
  opacity: .7;
}
.mq__title-2 {
  font-size: clamp(56px, 8vw, 128px);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.18;
  white-space: nowrap;
}

/* work */
.work__stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
  text-align: center;
  align-items: center;
}
.work__title {
  margin: 0;
  font-size: clamp(44px, 6vw, 96px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
  max-width: 100%;
}
.work__text {
  margin: 0;
  max-width: 600px;
  font-size: var(--fs-md);
  line-height: 1.55;
  color: var(--color-warm-700);
}

/* bt */
.bt__text {
  background: var(--color-surface-2);
  color: var(--color-fg);
}
.bt__text-2 {
  background: transparent;
  color: var(--color-bg);
}

/* bt-art */
.bt-art__el {
  object-position: left top;
}
.bt-art__row {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* pat-i */
.pat-i__tilt {
  left: 8%;
  top: 10%;
  transform: rotate(-12deg);
}
.pat-i__tilt-2 {
  left: 30%;
  top: 6%;
  transform: rotate(8deg);
}
.pat-i__tilt-3 {
  left: 55%;
  top: 12%;
  transform: rotate(0deg);
}
.pat-i__tilt-4 {
  left: 80%;
  top: 8%;
  transform: rotate(-20deg);
}
.pat-i__tilt-5 {
  left: 90%;
  top: 30%;
  transform: rotate(10deg);
}
.pat-i__tilt-6 {
  left: 14%;
  top: 34%;
  transform: rotate(6deg);
}
.pat-i__tilt-7 {
  left: 40%;
  top: 30%;
  transform: rotate(-8deg);
}
.pat-i__tilt-8 {
  left: 66%;
  top: 36%;
  transform: rotate(14deg);
}
.pat-i__tilt-9 {
  left: 6%;
  top: 60%;
  transform: rotate(-6deg);
}
.pat-i__tilt-10 {
  left: 28%;
  top: 56%;
  transform: rotate(12deg);
}
.pat-i__tilt-11 {
  left: 52%;
  top: 58%;
  transform: rotate(-14deg);
}
.pat-i__tilt-12 {
  left: 78%;
  top: 60%;
  transform: rotate(20deg);
}
.pat-i__tilt-13 {
  left: 90%;
  top: 78%;
  transform: rotate(-8deg);
}
.pat-i__tilt-14 {
  left: 62%;
  top: 82%;
  transform: rotate(10deg);
}
.pat-i__tilt-15 {
  left: 18%;
  top: 82%;
  transform: rotate(-10deg);
}
.pat-i__tilt-16 {
  left: 40%;
  top: 84%;
  transform: rotate(16deg);
}

/* fc */
.fc__el {
  position: relative;
}
.fc__el-2 {
  fill: var(--color-bg);
  stroke: var(--color-fg);
}
.fc__el-3 {
  transition: left .2s ease, top .2s ease;
  left: var(--fc-left);
  top: var(--fc-top);
}
.fc__el-4 {
  fill: var(--color-fg);
  stroke: var(--color-bg);
}

/* fc-l */
.fc-l__text {
  background: var(--color-bg);
  color: var(--color-fg);
}
.fc-l__text-2 {
  background: var(--color-fg);
  color: var(--color-bg);
}

/* rc-art */
.rc-art__text {
  background: var(--color-neutral-18);
  color: var(--color-fg);
}
.rc-art__stack {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.rc-art__title {
  font-size: var(--fs-base);
  font-weight: 600;
}
.rc-art__row {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 62%;
}
.rc-art__fill {
  flex: 1;
  height: 34%;
  border-radius: var(--radius-xs);
  background: var(--color-fg-a16);
}
.rc-art__fill-2 {
  flex: 1;
  height: 46%;
  border-radius: var(--radius-xs);
  background: var(--color-text-muted);
}
.rc-art__fill-3 {
  flex: 1;
  height: 40%;
  border-radius: var(--radius-xs);
  background: var(--color-fg-a16);
}
.rc-art__fill-4 {
  flex: 1;
  height: 58%;
  border-radius: var(--radius-xs);
  background: var(--color-text-muted);
}
.rc-art__fill-5 {
  flex: 1;
  height: 52%;
  border-radius: var(--radius-xs);
  background: var(--color-fg-a16);
}
.rc-art__fill-6 {
  flex: 1;
  height: 70%;
  border-radius: var(--radius-xs);
  background: var(--color-text-muted);
}
.rc-art__fill-7 {
  flex: 1;
  height: 64%;
  border-radius: var(--radius-xs);
  background: var(--color-fg-a16);
}
.rc-art__fill-8 {
  flex: 1;
  height: 84%;
  border-radius: var(--radius-xs);
  background: var(--color-text-muted);
}
.rc-art__fill-9 {
  flex: 1;
  height: 100%;
  border-radius: var(--radius-xs);
  background: var(--acc);
}
.rc-art__text-2 {
  background: var(--color-surface);
  color: var(--color-fg);
}
.rc-art__row-2 {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 100%;
}
.rc-art__el {
  stroke: var(--color-fg-a15);
}
.rc-art__el-2 {
  stroke: var(--color-fg);
}
.rc-art__stack-2 {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.rc-art__fill-10 {
  width: 70px;
  height: 8px;
  border-radius: var(--radius-sm);
  background: var(--color-text-faint);
}
.rc-art__fill-11 {
  width: 48px;
  height: 8px;
  border-radius: var(--radius-sm);
  background: var(--color-fg-a20);
}
.rc-art__text-3 {
  background: var(--color-fg);
  color: var(--color-bg);
}
.rc-art__stack-3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border-radius: var(--radius-md);
  background: var(--color-bg);
  margin-top: auto;
}
.rc-art__fill-12 {
  width: 46%;
  height: 6px;
  border-radius: var(--radius-xs);
  background: var(--color-fg-a35);
}
.rc-art__fill-13 {
  width: 70%;
  height: 6px;
  border-radius: var(--radius-xs);
  background: var(--color-fg-a18);
  margin-left: 8%;
}
.rc-art__fill-14 {
  width: 56%;
  height: 6px;
  border-radius: var(--radius-xs);
  background: var(--color-text-muted);
  margin-left: 8%;
}
.rc-art__fill-15 {
  width: 30%;
  height: 6px;
  border-radius: var(--radius-xs);
  background: var(--color-fg-a30);
}
.rc-art__text-4 {
  background: var(--color-surface-2);
  color: var(--color-fg);
}
.rc-art__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  height: 100%;
}
.rc-art__fill-16 {
  border-radius: var(--radius-md);
  background: var(--color-fg);
}
.rc-art__fill-17 {
  border-radius: var(--radius-md);
  background: var(--color-neutral-44);
}
.rc-art__fill-18 {
  border-radius: var(--radius-md);
  background: var(--color-neutral-58);
}
.rc-art__text-5 {
  background: var(--color-bg-alt);
  color: var(--color-bg);
}
.rc-art__stack-4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.rc-art__title-2 {
  font-size: var(--fs-2xl);
  font-weight: 600;
  letter-spacing: -0.04em;
}
.rc-art__row-3 {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  flex: 1;
}
.rc-art__fill-19 {
  flex: 1;
  height: 40%;
  border-radius: var(--radius-xs);
  background: var(--color-bg-a15);
}
.rc-art__fill-20 {
  flex: 1;
  height: 62%;
  border-radius: var(--radius-xs);
  background: var(--color-bg-a15);
}
.rc-art__fill-21 {
  flex: 1;
  height: 50%;
  border-radius: var(--radius-xs);
  background: var(--color-bg-a15);
}
.rc-art__fill-22 {
  flex: 1;
  height: 80%;
  border-radius: var(--radius-xs);
  background: var(--color-bg);
}
.rc-art__fill-23 {
  flex: 1;
  height: 66%;
  border-radius: var(--radius-xs);
  background: var(--color-bg-a15);
}
.rc-art__text-6 {
  background: transparent;
  color: var(--color-bg);
}
.rc-art__stack-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
  text-align: center;
}
.rc-art__title-3 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1;
}
.rc-art__text-7 {
  font-size: var(--fs-sm);
  color: var(--color-warm-600);
}

/* show-txt */
.show-txt__title {
  font-size: clamp(36px, 4vw, 56px);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
}
.show-txt__text {
  font-size: var(--fs-base);
  color: var(--color-warm-700);
  max-width: 520px;
}
.show-txt__text-2 {
  height: 50px;
  padding: 0 22px;
  font-size: var(--fs-base);
  margin-top: 6px;
}

/* ln-path */
.ln-path__el {
  fill: var(--color-bg);
}

/* ln-lt */
.ln-lt__el {
  font-weight: 400;
}

/* lnl */
.lnl__el {
  font-weight: 400;
}

/* ln-tip */
.ln-tip__tilt {
  transform: rotate(-45deg);
}

/* tsec */
.tsec__fill {
  background: var(--color-bg);
  color: var(--color-fg);
  padding: 40px 0 150px;
}

/* t-intro */
.t-intro__el {
  font-weight: 400;
}

/* t-avatar-group */
.t-avatar-group__row {
  display: flex;
  gap: 10px;
}

/* services */
.services__stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 64px;
}
.services__title {
  margin: 0;
  font-size: clamp(44px, 6vw, 96px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
}
.services__el {
  font-weight: 400;
}
.services__text {
  margin: 0;
  max-width: 640px;
  font-size: var(--fs-md);
  line-height: 1.55;
  color: var(--color-fg-a65);
}

/* pl-stick */
.pl-stick__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px 32px;
  flex-wrap: wrap;
}
.pl-stick__title {
  margin: 0;
  font-size: clamp(44px, 6vw, 96px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
}
.pl-stick__text {
  margin: 0;
  max-width: 340px;
  font-size: var(--fs-base);
  color: var(--color-fg-a65);
}
.pl-stick__row-2 {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
}

/* pl-frame */
.pl-frame__box {
  width: 100%;
}

/* scn */
.scn__row {
  position: relative;
  display: flex;
  gap: 22px;
  align-items: center;
  margin-top: -60px;
}
.scn__stack {
  position: relative;
  margin-top: -60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
.scn__text {
  position: relative;
  margin-top: -60px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-size: var(--fs-base);
  text-transform: none;
  letter-spacing: 0;
  padding: 26px 30px;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-fg-a10);
}

/* it */
.it__fill {
  --tf: rotate(-6deg);
  background: var(--color-fg);
}
.it__fill-2 {
  --tf: rotate(3deg) translateY(24px);
  background: var(--acc);
}
.it__fill-3 {
  --tf: rotate(-2deg);
  background: var(--color-warm-100);
}
.it__title {
  position: relative;
  padding: 20px 40px;
  border-radius: var(--radius-pill);
  background: var(--acc);
  color: var(--color-bg);
  font-size: var(--fs-xl);
  font-weight: 600;
  outline: 1.5px solid var(--color-fg);
  outline-offset: 12px;
}
.it__layer {
  position: absolute;
  left: -17px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: var(--color-bg);
  border: 1.5px solid var(--color-fg);
}
.it__layer-2 {
  position: absolute;
  right: -17px;
  top: -17px;
  width: 10px;
  height: 10px;
  background: var(--color-bg);
  border: 1.5px solid var(--color-fg);
}
.it__layer-3 {
  position: absolute;
  left: -17px;
  bottom: -17px;
  width: 10px;
  height: 10px;
  background: var(--color-bg);
  border: 1.5px solid var(--color-fg);
}
.it__layer-4 {
  position: absolute;
  right: -17px;
  bottom: -17px;
  width: 10px;
  height: 10px;
  background: var(--color-bg);
  border: 1.5px solid var(--color-fg);
}
.it__layer-5 {
  position: absolute;
  left: -16px;
  top: -48px;
  font: 500 var(--fs-xs) var(--font-body);
  color: var(--color-fg-a70);
  white-space: nowrap;
}
.it__row {
  display: flex;
  gap: 10px;
}
.it__dot {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-round);
  background: var(--color-fg);
}
.it__dot-2 {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-round);
  background: var(--color-warm-500);
}
.it__dot-3 {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-round);
  background: var(--color-neutral-58);
}
.it__text {
  color: var(--color-text-muted);
}
.it__fill-4 {
  background: var(--color-fg);
  color: var(--color-bg);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
}

/* drw */
.drw__space {
  position: relative;
  margin-top: -60px;
  max-width: 70%;
  height: auto;
}

/* pl-end */
.pl-end__title {
  margin: 0;
  font-size: clamp(34px, 4.4vw, 64px);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
}
.pl-end__text {
  margin: 0;
  font-size: var(--fs-base);
  color: var(--color-text-subtle);
}
.pl-end__row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.pl-end__text-2 {
  height: 56px;
  padding: 0 26px;
  font-size: var(--fs-base);
}

/* ai-grid */
.ai-grid__stack {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.ai-grid__stack-2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ai-grid__title {
  margin: 0;
  font-size: clamp(44px, 6vw, 96px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
}
.ai-grid__el {
  font-weight: 400;
}
.ai-grid__text {
  margin: 0;
  font-size: var(--fs-md);
  line-height: 1.55;
  color: var(--color-fg-a65);
  max-width: 460px;
}
.ai-grid__el-2 {
  border-bottom: 1px solid var(--color-fg-a12);
}

/* aiw-top */
.aiw-top__el {
  font-weight: 600;
}
.aiw-top__text {
  margin-left: auto;
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
}

/* aio */
.aio__box {
  height: 30%;
}
.aio__box-2 {
  height: 14%;
  width: 60%;
}
.aio__space {
  height: 22%;
  margin-top: auto;
  border-radius: 99px;
}
.aio__dot {
  height: 44%;
  border-radius: var(--radius-round);
  width: 44%;
  align-self: center;
}
.aio__box-3 {
  height: 12%;
}
.aio__box-4 {
  height: 18%;
}
.aio__space-2 {
  height: 18%;
  margin-top: auto;
  border-radius: 99px;
}

/* about */
.about__space {
  margin-bottom: 64px;
}
.about__title {
  margin: 0;
  font-size: clamp(44px, 6vw, 96px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
}
.about__el {
  font-weight: 400;
}

/* about-grid */
.about-grid__el {
  position: relative;
}
.about-grid__stack {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 12px;
  align-self: stretch;
}
.about-grid__text {
  margin: 0;
  font-size: var(--fs-lg);
  line-height: 1.6;
  color: var(--color-fg-a70);
  max-width: 620px;
}

/* hi-merve */
.hi-merve__title {
  position: absolute;
  left: -18px;
  bottom: 40px;
  background: var(--color-fg);
  color: var(--color-bg);
  padding: 14px 20px;
  border-radius: 22px 22px 22px 4px;
  font-size: var(--fs-lg);
  font-weight: 600;
  letter-spacing: -0.03em;
  transform: rotate(-4deg);
  box-shadow: 0 18px 40px var(--color-bg-a18);
}

/* faq-side */
.faq-side__title {
  margin: 0;
  font-size: clamp(44px, 6vw, 96px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
}
.faq-side__stack {
  margin-top: 40px;
  padding: 26px;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-fg-a08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 380px;
}
.faq-side__title-2 {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
}
.faq-side__text {
  margin: 0;
  font-size: var(--fs-base);
  color: var(--color-text-faint);
  line-height: 1.5;
}
.faq-side__text-2 {
  align-self: flex-start;
  height: 50px;
  padding: 0 22px;
  font-size: var(--fs-base);
}

/* faq-grid */
.faq-grid__el {
  border-top: 1px solid var(--color-fg-a12);
}
.faq-grid__el-2 {
  border-bottom: 1px solid var(--color-fg-a12);
}

/* faq-q */
.faq-q__title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 28px 0;
  font-size: var(--fs-xl);
  font-weight: 500;
  letter-spacing: -0.03em;
}

/* faq-ic */
.faq-ic__el {
  flex: none;
}

/* faq-a */
.faq-a__text {
  margin: 0;
  padding: 0 0 28px;
  font-size: var(--fs-md);
  line-height: 1.6;
  color: var(--color-fg-a65);
  max-width: 620px;
}

/* sep */
.sep__fill {
  background: var(--color-bg-a25);
}

/* ct-grid */
.ct-grid__space {
  margin-top: 72px;
}
.ct-grid__stack {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
  padding: 8px 0;
}
.ct-grid__stack-2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ct-grid__title {
  margin: 0;
  font-size: clamp(32px, 3.4vw, 50px);
  line-height: 1.02;
  letter-spacing: -0.045em;
  font-weight: 600;
}
.ct-grid__text {
  margin: 0;
  font-size: var(--fs-md);
  line-height: 1.55;
  color: var(--color-warm-700);
}
.ct-grid__stack-3 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ct-grid__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.ct-grid__title-2 {
  justify-content: space-between;
  height: 72px;
  padding: 0 30px;
  font-size: var(--fs-xl);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.ct-grid__text-2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-sm);
  color: var(--color-warm-600);
  margin-top: 6px;
}

/* fig */
.fig__text {
  position: absolute;
  left: 20px;
  top: 18px;
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
}

/* avs-wrap */
.avs-wrap__row {
  display: flex;
  align-items: center;
}

/* av */
.av__text {
  background: var(--color-fg);
  color: var(--color-bg);
}

/* frm */
.frm__box {
  left: var(--frm-left);
  top: var(--frm-top);
  width: var(--frm-width);
  height: var(--frm-height);
}
.frm__title {
  font-size: clamp(18px, 2vw, 30px);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.05;
  overflow: hidden;
}

/* h */
.h__el {
  left: -6px;
  top: -6px;
}
.h__el-2 {
  right: -6px;
  top: -6px;
}
.h__el-3 {
  left: -6px;
  bottom: -6px;
}
.h__el-4 {
  right: -6px;
  bottom: -6px;
}

/* pulse-d */
.pulse-d__dot {
  width: 7px;
  height: 7px;
  border-radius: var(--radius-round);
  background: var(--color-bg);
}

/* foot */
.foot__fill {
  background: var(--color-bg);
  color: var(--color-fg-a70);
  padding: 90px 0 0;
  overflow: hidden;
  border-top: 1px solid var(--color-fg-a08);
}
.foot__text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 26px 0;
  font-size: var(--fs-sm);
  color: var(--color-text-faint);
}
.foot__text-2 {
  font-size: var(--fs-xs);
}
.foot__el {
  display: inline;
}
.foot__space {
  fill: var(--color-fg);
  display: inline-block;
  vertical-align: -2px;
  margin: 0 2px;
}
.foot__text-3 {
  overflow: hidden;
  line-height: .78;
}

/* foot-grid */
.foot-grid__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  padding-bottom: 64px;
  border-bottom: 1px solid var(--color-fg-a10);
}
.foot-grid__stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.foot-grid__title {
  margin: 0;
  font-size: var(--fs-2xl);
  line-height: 1.15;
  letter-spacing: -0.035em;
  font-weight: 600;
  max-width: 460px;
  color: var(--color-fg);
}
.foot-grid__text {
  height: 52px;
  padding: 0 24px;
  font-size: var(--fs-base);
}
.foot-grid__text-2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: var(--fs-base);
}

/* rv-wm */
.rv-wm__title {
  font-size: 17.4vw;
  font-weight: 600;
  letter-spacing: -0.07em;
  text-align: center;
  white-space: nowrap;
}

/* pj-img */
.pj-img__fill {
  background: var(--pj-img-background);
}

/* cs */
.cs__row {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px clamp(20px, 4vw, 56px);
  background: var(--color-warm-50-a85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--color-bg-a08);
}
.cs__el {
  padding-top: 56px;
}
.cs__title {
  margin: 18px 0 24px;
  font-size: clamp(64px, 10vw, 168px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
}
.cs__title-2 {
  margin: 0;
  max-width: 900px;
  font-size: clamp(24px, 2.6vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: var(--color-warm-900);
}
.cs__row-2 {
  margin-top: 56px;
  border-radius: var(--radius-xl);
  aspect-ratio: 16/8;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: var(--cs-background);
  color: var(--cs-color);
}
.cs__layer {
  position: absolute;
  right: -8%;
  bottom: -30%;
  width: 46%;
  aspect-ratio: 1;
  border-radius: var(--radius-round);
  background: var(--cs-background);
}
.cs__text {
  position: relative;
  font-size: var(--fs-sm);
  opacity: .6;
}

/* cs-close */
.cs-close__row {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-round);
  background: var(--color-bg);
  color: var(--color-fg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* cs-meta */
.cs-meta__space {
  margin-top: 56px;
  padding: 28px 0;
  border-top: 1px solid var(--color-bg-a15);
  border-bottom: 1px solid var(--color-bg-a15);
}
.cs-meta__title {
  font-size: var(--fs-md);
  font-weight: 600;
}

/* cs-body */
.cs-body__space {
  margin-top: 100px;
}
.cs-body__text {
  margin: 0;
  font-size: var(--fs-xl);
  line-height: 1.5;
  color: var(--color-warm-900);
}
.cs-body__space-2 {
  margin-top: 80px;
}
.cs-body__stack {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-bg-a15);
}
.cs-body__text-2 {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 16px;
  padding: 22px 0;
  border-bottom: 1px solid var(--color-bg-a15);
  font-size: var(--fs-md);
  line-height: 1.5;
}
.cs-body__dot {
  width: 9px;
  height: 9px;
  margin-top: 9px;
  border-radius: var(--radius-round);
  background: var(--color-bg);
}
.cs-body__el {
  font-weight: 600;
}
.cs-body__text-3 {
  color: var(--color-warm-700);
}
.cs-body__title {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.15;
  letter-spacing: -0.035em;
  font-weight: 600;
}

/* cs-stats */
.cs-stats__space {
  margin-top: 100px;
}
.cs-stats__stack {
  background: var(--color-bg);
  color: var(--color-fg);
  border-radius: var(--radius-lg);
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-height: 190px;
  justify-content: space-between;
}
.cs-stats__title {
  font-size: 64px;
  font-weight: 600;
  letter-spacing: -0.042em;
  line-height: .85;
}
.cs-stats__text {
  font-size: var(--fs-base);
  color: var(--color-fg-a65);
}

/* cs-shots */
.cs-shots__space {
  margin-top: 100px;
}
.cs-shots__row {
  aspect-ratio: 3/4;
  border-radius: var(--radius-lg);
  background: var(--color-warm-100);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-shots__text {
  font-size: var(--fs-xs);
  color: var(--color-warm-600);
}
.cs-shots__row-2 {
  aspect-ratio: 3/4;
  border-radius: var(--radius-lg);
  background: var(--color-warm-100);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

/* cs-next */
.cs-next__space {
  margin-top: 100px;
  width: 100%;
  display: block;
  border-top: 1px solid var(--color-bg-a15);
  padding: 64px clamp(20px, 4vw, 56px) 80px;
}
.cs-next__title {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: clamp(56px, 8vw, 128px);
  line-height: .98;
  letter-spacing: -0.042em;
  font-weight: 600;
}
}