.kimi-overview {
  --kp: 0;
  --moon-x: 56%;
  --moon-y: 50%;
  --paper: #f5f3ee;
  --ink: #1d1b16;
  --muted: #6f6a63;
  --accent: #da7756;
  position: relative !important;
  display: block !important;
  height: 100svh !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: clip !important;
  border: 0 !important;
  background: var(--paper) !important;
}

.kimi-cover-stage {
  position: relative;
  height: 100svh;
  overflow: hidden;
  isolation: isolate;
  color: var(--ink);
  background: var(--paper);
}

html.kimi-transition-lock {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  overscroll-behavior: none;
}

html.kimi-transition-lock body { overflow: hidden !important; }

.kimi-overview.is-transitioning .kimi-cover-stage {
  position: fixed;
  inset: 0;
  z-index: 1000;
}

.kimi-overview.is-transitioning .kimi-moon-hit { cursor: grabbing; }

.kimi-cover-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    radial-gradient(circle at var(--moon-x) var(--moon-y), transparent 0 7%, rgba(245, 243, 238, .12) 21%, var(--paper) 72%),
    linear-gradient(105deg, rgba(218, 119, 86, .035), transparent 42%);
  opacity: clamp(0, calc(1 - var(--kp) * 2.5), 1);
}

.kimi-cosmos {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}

.kimi-cover-top {
  position: absolute;
  inset: 30px clamp(34px, 3.2vw, 62px) auto;
  z-index: 5;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  opacity: clamp(0, calc(1 - var(--kp) * 3), 1);
  pointer-events: none;
}

.kimi-cover-top > span {
  font: italic 34px/1 cursive;
  letter-spacing: -.08em;
  transform: rotate(-7deg);
}

.kimi-cover-top > div { display: flex; gap: clamp(34px, 4vw, 70px); }
.kimi-cover-top b { position: relative; padding: 7px 0 12px; font: 500 13px/1.2 "Noto Serif SC", serif; }
.kimi-cover-top b:first-child::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--accent); }

.kimi-overview-copy {
  position: absolute;
  left: clamp(46px, 5vw, 94px);
  top: 50%;
  z-index: 3;
  width: min(24vw, 390px);
  opacity: clamp(0, calc(1 - var(--kp) * 3.1), 1);
  transform: translate3d(calc(var(--kp) * 14vw), -50%, 0) scaleX(calc(1 - var(--kp) * .16));
  transform-origin: right center;
  filter: blur(calc(var(--kp) * 5px));
  will-change: transform, opacity, filter;
}

.kimi-overview-copy > p:first-child {
  margin: 0 0 20px;
  color: var(--accent);
  font: 600 11px/1.2 "SF Mono", monospace;
  letter-spacing: .14em;
}

.kimi-overview-copy h2 {
  margin: 0;
  font: 520 clamp(72px, 7.5vw, 118px)/.94 "Source Han Serif SC VF", serif;
}

.kimi-overview-copy .kimi-overview-role {
  margin: 20px 0 0;
  color: var(--ink);
  font-size: clamp(18px, 1.6vw, 27px);
}

.kimi-overview-copy > p:not(:first-child) {
  max-width: 330px;
  margin: 22px 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.85;
}

.kimi-overview-facts {
  display: grid;
  border: 0;
}

.kimi-overview-facts span {
  padding: 7px 0;
  border: 0;
  font-weight: 560;
}

.kimi-overview-facts span::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 13px 2px 0;
  border-radius: 50%;
  background: var(--accent);
}

.kimi-overview-copy > a {
  display: inline-flex;
  gap: 35px;
  margin-top: 24px;
  padding: 12px 0;
  border-bottom: 1px solid var(--accent);
  color: var(--accent);
  font-weight: 600;
}

.kimi-input-stream {
  position: absolute;
  left: 24%;
  top: 50%;
  z-index: 4;
  display: grid;
  width: 16%;
  gap: 24px;
  opacity: clamp(0, calc(.76 - var(--kp) * 1.55), .76);
  transform: translate3d(calc(var(--kp) * 6vw), -50%, 0)
    perspective(900px)
    rotateY(calc(7deg + var(--kp) * 24deg))
    rotateZ(calc(.8deg + var(--kp) * 2.2deg))
    scaleX(calc(1 - var(--kp) * .34));
  transform-origin: right center;
  filter: blur(calc(var(--kp) * 4px));
  clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
  isolation: isolate;
}

.kimi-input-stream::before {
  content: "";
  position: absolute;
  inset: -14px -18px;
  z-index: -1;
  background: linear-gradient(90deg, rgba(245, 243, 238, .84), rgba(245, 243, 238, .42) 72%, transparent);
  opacity: clamp(0, calc(1 - var(--kp) * 4), 1);
}

.kimi-input-stream span {
  --lane-y: 0px;
  --lane-x: 14vw;
  --lane-rot: 5deg;
  color: #5e5952;
  font: 10px/1.5 "SF Mono", monospace;
  white-space: nowrap;
  transform: translate3d(calc(var(--kp) * var(--lane-x)), calc(var(--kp) * var(--lane-y)), 0)
    rotateZ(calc(var(--kp) * var(--lane-rot)))
    skewY(calc(var(--kp) * 3deg))
    scaleX(calc(1 - var(--kp) * .58));
  animation: kimi-drift 10s ease-in-out infinite alternate;
}

.kimi-input-stream span:nth-child(1) { --lane-x: 13vw; --lane-y: 52px; --lane-rot: 9deg; }
.kimi-input-stream span:nth-child(2) { --lane-x: 15vw; --lane-y: 18px; --lane-rot: 4deg; animation-delay: -2.5s; }
.kimi-input-stream span:nth-child(3) { --lane-x: 17vw; --lane-y: -18px; --lane-rot: -4deg; animation-delay: -5s; }
.kimi-input-stream span:nth-child(4) { --lane-x: 14vw; --lane-y: -52px; --lane-rot: -9deg; animation-delay: -7.5s; }

.kimi-moon-hit {
  position: absolute;
  left: var(--moon-x);
  top: var(--moon-y);
  z-index: 6;
  width: clamp(92px, 9vw, 146px);
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transform: translate(-50%, -50%);
  touch-action: manipulation;
}

.kimi-moon-hit::after {
  content: none;
}

.kimi-moon-hit:hover::after,
.kimi-moon-hit:focus-visible::after {
  content: none;
}

.kimi-moon-hit:focus-visible {
  outline: none;
}

.kimi-moon-hit:focus-visible ~ .kimi-scroll-cue {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.kimi-output-stream {
  position: absolute;
  right: 1.8%;
  top: 50%;
  z-index: 4;
  width: min(27vw, 455px);
  padding: 18px 20px;
  border-left: 0;
  background: transparent;
  opacity: clamp(0, calc(.9 - var(--kp) * 1.8), .9);
  transform: translate3d(calc(var(--kp) * -6vw), -50%, 0)
    perspective(1100px)
    rotateY(calc(-8deg - var(--kp) * 27deg))
    rotateZ(calc(-1.35deg - var(--kp) * 2.6deg))
    skewY(calc(-.35deg - var(--kp) * 2deg))
    scaleX(calc(1 - var(--kp) * .28));
  transform-origin: left center;
  filter: blur(calc(var(--kp) * 4px));
  backdrop-filter: none;
  clip-path: polygon(
    calc(var(--kp) * 10%) calc(4% + var(--kp) * 34%),
    100% 0,
    100% 100%,
    calc(var(--kp) * 10%) calc(96% - var(--kp) * 34%)
  );
}

.kimi-output-stream small { color: var(--accent); font: 10px/1.5 "SF Mono", monospace; }
.kimi-output-stream > b { display: block; margin: 11px 0 13px; font-size: 17px; }
.kimi-output-stream .kimi-source-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; padding-bottom: 11px; border-bottom: 1px solid rgba(29, 27, 22, .12); }
.kimi-output-stream .kimi-source-row span { overflow: hidden; padding: 5px 3px; background: rgba(245, 243, 238, .54); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.kimi-output-stream .kimi-source-pick { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 10px 0; border-bottom: 1px solid rgba(29, 27, 22, .12); }
.kimi-output-stream .kimi-source-pick strong { grid-column: 1 / -1; font-size: 9px; }
.kimi-output-stream .kimi-source-pick span { padding: 5px 6px; background: rgba(245, 243, 238, .48); font-size: 8px; }
.kimi-output-stream p { margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(29, 27, 22, .1); color: var(--muted); font-size: 9px; line-height: 1.65; }
.kimi-output-stream p strong { display: block; margin-bottom: 4px; color: var(--ink); font-size: 9px; }
.kimi-output-stream p em { display: block; margin-top: 6px; color: var(--ink); font: normal 8px "SF Mono", monospace; }
.kimi-output-stream > * {
  --pull-x: -12vw;
  --bend-y: 0px;
  --base-tilt: 0deg;
  --bend-rot: 0deg;
  --shear: 0deg;
  transform: translate3d(calc(var(--kp) * var(--pull-x)), calc(var(--kp) * var(--bend-y)), 0)
    perspective(900px)
    rotateY(-8deg)
    rotateZ(calc(var(--base-tilt) + var(--kp) * var(--bend-rot)))
    skewY(calc(var(--kp) * var(--shear)))
    scaleX(calc(1 - var(--kp) * .68));
  transform-origin: left center;
  animation: kimi-output-flow 11s ease-in-out infinite alternate;
}
.kimi-output-stream > small { --pull-x: -10vw; --bend-y: 56px; --base-tilt: -4deg; --bend-rot: 8deg; --shear: -7deg; }
.kimi-output-stream > b { --pull-x: -11vw; --bend-y: 34px; --base-tilt: -2.5deg; --bend-rot: 6deg; --shear: -5deg; }
.kimi-output-stream > div:nth-of-type(1) { --pull-x: -13vw; --bend-y: 18px; --base-tilt: -1.2deg; --bend-rot: 4deg; --shear: -3deg; }
.kimi-output-stream > div:nth-of-type(2) { --pull-x: -15vw; --bend-y: -12px; --base-tilt: .8deg; --bend-rot: -4deg; --shear: 3deg; }
.kimi-output-stream > p:nth-of-type(1) { --pull-x: -17vw; --bend-y: -34px; --base-tilt: 1.8deg; --bend-rot: -6deg; --shear: 5deg; }
.kimi-output-stream > p:nth-of-type(2) { --pull-x: -19vw; --bend-y: -58px; --base-tilt: 3deg; --bend-rot: -9deg; --shear: 7deg; }
.kimi-output-stream .kimi-source-row,
.kimi-output-stream .kimi-source-pick,
.kimi-output-stream > p {
  padding-inline: 8px;
  background: rgba(250, 248, 243, .82);
  box-shadow: 0 0 24px rgba(245, 243, 238, .3);
}
.kimi-output-stream .kimi-source-row { clip-path: polygon(0 13%, 100% 0, 100% 88%, 0 100%); }
.kimi-output-stream .kimi-source-pick { clip-path: polygon(0 7%, 100% 0, 100% 94%, 0 100%); }
.kimi-output-stream > p:nth-of-type(1) { clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%); }
.kimi-output-stream > p:nth-of-type(2) { clip-path: polygon(0 0, 100% 13%, 100% 100%, 0 87%); }
.kimi-output-stream > b { animation-delay: -2s; }
.kimi-output-stream > div { animation-delay: -4s; }
.kimi-output-stream > p { animation-delay: -6s; }

.kimi-tunnel-copy {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: clamp(0, min(calc((var(--kp) - .31) * 5), calc((.83 - var(--kp)) * 5)), 1);
}

.kimi-tunnel-copy span {
  position: absolute;
  color: rgba(244, 239, 232, .74);
  font: clamp(9px, 1vw, 14px) "SF Mono", monospace;
  letter-spacing: .06em;
  transform: translate3d(calc((var(--kp) - .47) * var(--tx)), calc((var(--kp) - .47) * var(--ty)), 0) scale(calc(.58 + var(--kp) * 1.05));
  filter: blur(calc(max(0, var(--kp) - .58) * 5px));
}

.kimi-tunnel-copy span:nth-child(1) { left: 13%; top: 29%; --tx: -370px; --ty: -130px; }
.kimi-tunnel-copy span:nth-child(2) { right: 16%; top: 24%; --tx: 390px; --ty: -180px; }
.kimi-tunnel-copy span:nth-child(3) { left: 23%; bottom: 23%; --tx: -430px; --ty: 230px; }
.kimi-tunnel-copy span:nth-child(4) { right: 22%; bottom: 22%; --tx: 420px; --ty: 260px; }
.kimi-tunnel-copy span:nth-child(5) { right: 8%; top: 52%; --tx: 480px; --ty: 30px; }

.kimi-final {
  position: absolute;
  inset: 0;
  z-index: 4;
  overflow: hidden;
  background: var(--paper);
  opacity: clamp(0, calc((var(--kp) - .78) * 8), 1);
  clip-path: circle(var(--reveal, 0px) at var(--moon-x) var(--moon-y));
  pointer-events: none;
  will-change: clip-path, opacity;
}

.kimi-overview.is-final .kimi-final { pointer-events: auto; }

.kimi-final-copy {
  position: absolute;
  left: clamp(46px, 6vw, 112px);
  top: 50%;
  width: 30%;
  opacity: clamp(0, calc((var(--kp) - .86) * 8), 1);
  transform: translate3d(0, calc(-50% + (1 - var(--kp)) * 28px), 0);
}

.kimi-final-copy small { color: var(--accent); font: 10px "SF Mono", monospace; letter-spacing: .12em; }
.kimi-final-copy p { margin: 18px 0 30px; font: 520 clamp(32px, 3.5vw, 58px)/1.35 "Source Han Serif SC VF", serif; }
.kimi-final-copy > a { padding: 10px 0; border-bottom: 1px solid var(--accent); color: var(--accent); }

.kimi-final-core {
  position: absolute;
  left: var(--moon-x);
  top: var(--moon-y);
  display: grid;
  place-content: center;
  width: clamp(126px, 12vw, 190px);
  aspect-ratio: 1;
  border: 1px solid rgba(218, 119, 86, .45);
  border-radius: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.kimi-final-core::before,
.kimi-final-core::after {
  content: "";
  position: absolute;
  inset: -18%;
  border: 1px solid rgba(218, 119, 86, .15);
  border-radius: 50%;
}

.kimi-final-core::after { inset: -38%; border-style: dashed; animation: kimi-orbit 24s linear infinite; }
.kimi-final-core i { width: 9px; height: 9px; margin: 0 auto 12px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 8px rgba(218, 119, 86, .1); }
.kimi-final-core b { font: 600 12px "SF Mono", monospace; }
.kimi-final-core span { margin-top: 8px; color: #777168; font-size: 9px; }

.kimi-final nav {
  position: absolute;
  right: 4%;
  top: 50%;
  display: grid;
  width: min(28vw, 450px);
  border-top: 1px solid rgba(29, 27, 22, .18);
  opacity: clamp(0, calc((var(--kp) - .88) * 9), 1);
  transform: translate3d(0, calc(-50% + (1 - var(--kp)) * 28px), 0);
}

.kimi-final nav a { display: grid; grid-template-columns: 38px 1fr; align-items: center; padding: 19px 0; border-bottom: 1px solid rgba(29, 27, 22, .18); }
.kimi-final nav b { color: var(--accent); font: 10px "SF Mono", monospace; }
.kimi-final nav span { font-size: 16px; }
.kimi-final nav small { display: block; margin-top: 4px; color: #777168; font-size: 9px; }

.kimi-scroll-cue {
  position: absolute;
  left: var(--moon-x);
  bottom: 3%;
  z-index: 5;
  display: grid;
  justify-items: center;
  gap: 9px;
  opacity: clamp(0, calc(1 - var(--kp) * 4), 1);
  transform: translateX(-50%);
  font-size: 10px;
}

.kimi-scroll-cue i { position: relative; width: 24px; height: 24px; border: 0; }
.kimi-scroll-cue i::before,
.kimi-scroll-cue i::after { content: ""; position: absolute; left: 50%; width: 11px; height: 11px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateX(-50%) rotate(45deg); animation: kimi-wheel 1.6s ease-in-out infinite; }
.kimi-scroll-cue i::before { top: 0; animation-delay: -.18s; }
.kimi-scroll-cue i::after { top: 7px; }

@keyframes kimi-drift { to { opacity: .54; filter: brightness(1.12); } }
@keyframes kimi-output-flow { to { opacity: .72; filter: brightness(1.1); } }
@keyframes kimi-wheel { 50% { opacity: .25; transform: translate(-50%, 6px) rotate(45deg); } }
@keyframes kimi-orbit { to { transform: rotate(360deg); } }

@media (max-width: 900px) {
  .kimi-overview { --moon-x: 58%; --moon-y: 43%; height: 100svh !important; }
  .kimi-overview-copy { left: 26px; top: auto; bottom: 7%; width: 55%; transform: translate3d(calc(var(--kp) * 18vw), 0, 0); }
  .kimi-overview-copy h2 { font-size: 64px; }
  .kimi-overview-copy .kimi-overview-role { font-size: 16px; }
  .kimi-overview-copy > p:not(:first-child), .kimi-overview-facts, .kimi-input-stream { display: none; }
  .kimi-output-stream { right: 4%; top: 70%; width: 38%; padding: 14px; }
  .kimi-output-stream p { display: none; }
  .kimi-final-copy { left: 28px; top: 72%; width: 44%; }
  .kimi-final-copy p { font-size: 30px; }
  .kimi-final nav { right: 24px; top: 72%; width: 44%; }
  .kimi-scroll-cue { bottom: 2%; }
  .kimi-cover-top { display: none; }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .kimi-overview { --moon-x: 54%; }
  .kimi-overview-copy { left: 38px; width: 25vw; }
  .kimi-overview-copy h2 { font-size: clamp(68px, 8.2vw, 92px); }
  .kimi-input-stream { left: 25%; width: 17%; }
  .kimi-output-stream {
    right: 18px;
    width: clamp(270px, 28vw, 330px);
    padding: 16px 18px;
    background: transparent;
  }
}

@media (max-width: 560px) {
  .kimi-overview { --moon-x: 50%; --moon-y: 58%; height: 100svh !important; }
  .kimi-overview-copy { left: 22px; top: 7%; bottom: auto; width: calc(100% - 44px); }
  .kimi-overview-copy > p:first-child { margin-bottom: 12px; font-size: 9px; }
  .kimi-overview-copy h2 { font-size: 56px; }
  .kimi-overview-copy .kimi-overview-role { margin-top: 12px; }
  .kimi-overview-copy > a { margin-top: 12px; }
  .kimi-output-stream { right: 18px; top: 80%; width: 58%; padding: 12px 14px; }
  .kimi-output-stream div { display: none; }
  .kimi-output-stream > b { margin: 8px 0 0; font-size: 14px; }
  .kimi-output-stream .kimi-source-row, .kimi-output-stream .kimi-source-pick, .kimi-output-stream p { display: none; }
  .kimi-final-copy { left: 22px; top: 8%; width: calc(100% - 44px); transform: none; }
  .kimi-final-copy p { margin: 10px 0 14px; font-size: 25px; }
  .kimi-final nav { left: 22px; right: auto; top: auto; bottom: 3%; width: calc(100% - 44px); transform: none; }
  .kimi-final nav a { padding: 10px 0; }
  .kimi-final nav small { display: none; }
  .kimi-scroll-cue { bottom: 1.5%; }
}

@media (prefers-reduced-motion: reduce) {
  .kimi-overview { height: 100svh !important; }
  .kimi-input-stream span, .kimi-output-stream > *, .kimi-scroll-cue i::before, .kimi-scroll-cue i::after, .kimi-final-core::after { animation: none; }
  .kimi-tunnel-copy { display: none; }
  .kimi-overview-copy, .kimi-input-stream, .kimi-output-stream { filter: none; }
  .kimi-input-stream span, .kimi-output-stream > * { transform: none !important; clip-path: none !important; }
}

/* Kimi deep page: land in the product universe before entering any chapter. */
html.is-kimi-deep .kimi-deep-intro {
  --arrival-x: 56%;
  --arrival-y: 50%;
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  padding: clamp(118px, 15vh, 158px) clamp(34px, 6vw, 96px) clamp(70px, 9vh, 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(245, 243, 238, 1) 0 36%, rgba(245, 243, 238, .86) 50%, rgba(245, 243, 238, .98) 100%),
    radial-gradient(circle at var(--arrival-x) var(--arrival-y), rgba(218, 119, 86, .11), transparent 31%),
    #f5f3ee;
  color: #1d1b16;
}

html.is-kimi-deep .kimi-deep-intro::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: var(--arrival-x);
  top: var(--arrival-y);
  width: clamp(540px, 51vw, 790px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  background: url("assets/kimi-black-hole.webp?v=20260713-1") center / contain no-repeat;
  opacity: .2;
  filter: contrast(1.22) grayscale(.3);
  mix-blend-mode: multiply;
  animation: kimi-arrival-halo 48s linear infinite;
  pointer-events: none;
}

html.is-kimi-deep .kimi-deep-intro::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 38%;
  right: 3%;
  top: var(--arrival-y);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(218, 119, 86, .42) 23%, rgba(29, 27, 22, .14) 52%, transparent);
  box-shadow: 0 -10px 28px rgba(218, 119, 86, .08), 0 10px 28px rgba(29, 27, 22, .06);
  pointer-events: none;
}

html.is-kimi-deep .kimi-deep-intro > * { position: relative; z-index: 2; }
html.is-kimi-deep .kimi-deep-intro > a {
  position: absolute;
  left: clamp(34px, 6vw, 96px);
  top: clamp(78px, 9vh, 98px);
  z-index: 4;
  color: #777168;
  font-size: 10px;
  letter-spacing: .04em;
}
html.is-kimi-deep .kimi-deep-intro > p:first-of-type {
  width: min(41vw, 600px);
  margin: 0 0 24px;
  color: #da7756;
  font-size: 0;
}
html.is-kimi-deep .kimi-deep-intro > p:first-of-type::before {
  content: "KIMI / PRODUCT UNIVERSE";
  font: 600 11px "SF Mono", ui-monospace, monospace;
  letter-spacing: .14em;
}
html.is-kimi-deep .kimi-deep-intro h1 {
  width: min(41vw, 600px);
  max-width: none;
  margin: 0;
  font: 520 clamp(54px, 5.15vw, 82px)/1.08 "Source Han Serif SC VF", "Noto Serif SC", serif;
  letter-spacing: -.055em;
}
html.is-kimi-deep .kimi-deep-intro > p:last-of-type {
  width: min(35vw, 470px);
  max-width: none;
  margin: 34px 0 0;
  padding-left: 16px;
  border-left: 1px solid rgba(218, 119, 86, .55);
  color: #777168;
  font: 480 13px/1.8 "Source Han Serif SC VF", "Noto Serif SC", serif;
}
html.is-kimi-deep .kimi-deep-intro nav {
  position: absolute;
  z-index: 3;
  right: clamp(34px, 5vw, 82px);
  top: 51%;
  width: min(35vw, 520px);
  display: grid;
  gap: 9px;
  counter-reset: kimi-deep-chapter;
  transform: translateY(-50%);
}
html.is-kimi-deep .kimi-deep-intro nav a {
  --chapter-shift: 0px;
  counter-increment: kimi-deep-chapter;
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  min-height: clamp(76px, 9.5vh, 92px);
  padding: 15px 132px 15px 18px;
  border-top: 1px solid rgba(29, 27, 22, .16);
  border-bottom: 1px solid rgba(29, 27, 22, .16);
  background: linear-gradient(90deg, rgba(245, 243, 238, .58), rgba(245, 243, 238, .96) 34%);
  color: #1d1b16;
  font: 520 clamp(19px, 1.7vw, 26px) "Source Han Serif SC VF", "Noto Serif SC", serif;
  clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
  transform: translateX(var(--chapter-shift));
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), color .25s ease, background .25s ease;
}
html.is-kimi-deep .kimi-deep-intro nav a::before {
  content: "0" counter(kimi-deep-chapter);
  color: #da7756;
  font: 500 11px "SF Mono", ui-monospace, monospace;
}
html.is-kimi-deep .kimi-deep-intro nav a::after {
  position: absolute;
  right: 18px;
  top: 50%;
  width: 104px;
  color: #777168;
  font: 500 8px/1.55 "SF Mono", ui-monospace, monospace;
  letter-spacing: .04em;
  transform: translateY(-50%);
}
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1) {
  --chapter-shift: -18px;
  min-height: clamp(94px, 11vh, 112px);
  background: #1d1b16;
  color: #f5f3ee;
  font-size: clamp(25px, 2.25vw, 34px);
}
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1)::after { content: "能力评测\A版本定义  ↗"; color: #bdb7ae; white-space: pre; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(2) { --chapter-shift: 14px; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(2)::after { content: "运营配置\A用户触达"; white-space: pre; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(3) { --chapter-shift: -4px; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(3)::after { content: "日报 / 监控\A知识闭环"; white-space: pre; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(4) { --chapter-shift: 10px; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(4)::after { content: "问题识别\A服务闭环"; white-space: pre; }
html.is-kimi-deep .kimi-deep-intro nav a:hover,
html.is-kimi-deep .kimi-deep-intro nav a:focus-visible {
  transform: translateX(calc(var(--chapter-shift) - 12px));
  color: #da7756;
}
html.is-kimi-deep .kimi-deep-intro nav a:focus-visible { outline: 2px solid rgba(218, 119, 86, .55); outline-offset: 3px; }

html.is-kimi-deep .kimi-arrival-field {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .76;
  pointer-events: none;
}

html.is-kimi-deep .kimi-arrival-core {
  position: absolute;
  z-index: 3;
  left: var(--arrival-x);
  top: var(--arrival-y);
  display: grid;
  justify-items: center;
  width: 150px;
  color: #1d1b16;
  text-align: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
html.is-kimi-deep .kimi-arrival-core i {
  position: relative;
  display: block;
  width: 76px;
  aspect-ratio: 1;
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 32%, #d7d4cc 0 8%, #79766e 9% 16%, transparent 17%),
    radial-gradient(circle at 63% 68%, #272620 0 10%, transparent 11%),
    radial-gradient(circle at 46% 45%, #a7a39a 0, #55524b 37%, #171612 72%);
  box-shadow: 0 0 0 9px rgba(29, 27, 22, .1), 0 0 42px rgba(29, 27, 22, .22);
}
html.is-kimi-deep .kimi-arrival-core i::before,
html.is-kimi-deep .kimi-arrival-core i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
html.is-kimi-deep .kimi-arrival-core i::before {
  background: linear-gradient(90deg, rgba(255,255,255,.34), transparent 42%, rgba(0,0,0,.46));
}
html.is-kimi-deep .kimi-arrival-core i::after {
  background-image: linear-gradient(rgba(245,243,238,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(245,243,238,.18) 1px, transparent 1px);
  background-size: 6px 6px;
  mix-blend-mode: overlay;
  animation: kimi-arrival-moon 18s linear infinite;
}
html.is-kimi-deep .kimi-arrival-core b { font: 600 8px "SF Mono", ui-monospace, monospace; letter-spacing: .09em; }
html.is-kimi-deep .kimi-arrival-core span { margin-top: 7px; color: #777168; font-size: 9px; }

html.is-kimi-deep .is-arrival-ready > p:first-of-type,
html.is-kimi-deep .is-arrival-ready h1,
html.is-kimi-deep .is-arrival-ready > p:last-of-type { animation: kimi-arrival-copy .7s cubic-bezier(.16, 1, .3, 1) both; }
html.is-kimi-deep .is-arrival-ready h1 { animation-delay: .08s; }
html.is-kimi-deep .is-arrival-ready > p:last-of-type { animation-delay: .16s; }
html.is-kimi-deep .is-arrival-ready nav a { animation: kimi-arrival-card .65s cubic-bezier(.16, 1, .3, 1) both; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(1) { animation-delay: .18s; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(2) { animation-delay: .24s; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(3) { animation-delay: .3s; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(4) { animation-delay: .36s; }

@keyframes kimi-arrival-halo { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes kimi-arrival-moon { to { transform: rotate(360deg) scale(1.04); } }
@keyframes kimi-arrival-copy { from { opacity: 0; transform: translateX(-24px); filter: blur(5px); } }
@keyframes kimi-arrival-card { from { opacity: 0; transform: translateX(calc(var(--chapter-shift) + 46px)); } }

/* Search chapter: a fluid two-column stage instead of a fixed desktop canvas. */
html.is-kimi-deep #kimi-search .search-sticky {
  position: relative;
  top: auto;
  min-height: max(100svh, 540px);
  height: auto;
  padding: clamp(82px, 12vh, 112px) clamp(24px, 4.6vw, 74px) clamp(52px, 7vh, 72px);
  display: grid;
  grid-template-columns: minmax(250px, .62fr) minmax(540px, 1.38fr);
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
  overflow: hidden;
}
html.is-kimi-deep #kimi-search .case-meta {
  position: absolute;
  left: clamp(24px, 4.6vw, 74px);
  top: clamp(70px, 9vh, 90px);
}
html.is-kimi-deep #kimi-search .case-copy {
  position: relative;
  inset: auto;
  width: auto;
  max-width: 500px;
  transform: none;
  opacity: 1;
}
html.is-kimi-deep #kimi-search .case-copy h2 {
  margin: 18px 0 20px;
  font-size: clamp(34px, min(3.8vw, 8vh), 58px);
  line-height: 1.28;
  letter-spacing: -.035em;
}
html.is-kimi-deep #kimi-search .case-lead {
  max-width: 420px;
  font-size: clamp(12px, 1.1vw, 15px);
}
html.is-kimi-deep #kimi-search .search-product-viewport {
  position: relative;
  inset: auto;
  z-index: 3;
  width: 100%;
  min-width: 0;
  height: clamp(330px, 60svh, 560px);
  overflow: visible;
  mask-image: none;
}
html.is-kimi-deep #kimi-search .search-product {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
  transform-origin: center;
}
html.is-kimi-deep #kimi-search .mode-switch { left: 31%; right: auto; top: -2%; }
html.is-kimi-deep #kimi-search .mode-switch button { min-width: clamp(92px, 10vw, 132px); }
html.is-kimi-deep #kimi-search .model-node { left: 0; top: 32%; width: 21%; padding: clamp(12px, 1.35vw, 20px); }
html.is-kimi-deep #kimi-search .api-node { left: 28%; top: 12%; width: 32%; min-height: 64%; }
html.is-kimi-deep #kimi-search .context-node { left: 63%; right: auto; top: 20%; width: 16%; height: 61%; }
html.is-kimi-deep #kimi-search .answer-node { left: 82%; top: 20%; width: 18%; height: 61%; }
html.is-kimi-deep #kimi-search .flow-a { left: 19%; top: 52%; width: 11%; }
html.is-kimi-deep #kimi-search .flow-b { left: 59%; top: 49%; width: 6%; }
html.is-kimi-deep #kimi-search .flow-c { left: 78%; top: 49%; width: 6%; }
html.is-kimi-deep #kimi-search .model-node,
html.is-kimi-deep #kimi-search .api-node,
html.is-kimi-deep #kimi-search .context-node,
html.is-kimi-deep #kimi-search .answer-node { box-sizing: border-box; }
html.is-kimi-deep #kimi-search .scroll-cue { right: clamp(24px, 4.6vw, 74px); bottom: 24px; }

@media (max-width: 1080px) {
  html.is-kimi-deep .kimi-deep-intro {
    --arrival-x: 54%;
    padding-inline: 42px;
  }
  html.is-kimi-deep .kimi-deep-intro h1 { width: 40vw; font-size: clamp(48px, 5.2vw, 64px); }
  html.is-kimi-deep .kimi-deep-intro > p:last-of-type { width: 36vw; }
  html.is-kimi-deep .kimi-deep-intro nav { right: 32px; width: min(37vw, 430px); }
  html.is-kimi-deep .kimi-deep-intro nav a { padding-right: 106px; }
  html.is-kimi-deep .kimi-deep-intro nav a::after { right: 12px; width: 84px; }
  html.is-kimi-deep #kimi-search .search-sticky {
    grid-template-columns: minmax(280px, .66fr) minmax(470px, 1.34fr);
    gap: 24px;
  }
  html.is-kimi-deep #kimi-search .case-copy h2 { font-size: clamp(32px, min(3.8vw, 7.8vh), 46px); }
}

@media (max-width: 820px) {
  html.is-kimi-deep .kimi-deep-intro {
    --arrival-x: 73%;
    --arrival-y: 34%;
    min-height: auto;
    padding: 112px 28px 70px;
    display: block;
  }
  html.is-kimi-deep .kimi-deep-intro::before { width: min(68vw, 530px); opacity: .18; }
  html.is-kimi-deep .kimi-deep-intro::after { left: 30%; right: 0; }
  html.is-kimi-deep .kimi-deep-intro > a { left: 28px; top: 82px; }
  html.is-kimi-deep .kimi-deep-intro > p:first-of-type { width: 72%; }
  html.is-kimi-deep .kimi-deep-intro h1 { width: min(72%, 520px); font-size: clamp(50px, 8.4vw, 68px); }
  html.is-kimi-deep .kimi-deep-intro > p:last-of-type { width: min(58%, 430px); }
  html.is-kimi-deep .kimi-arrival-core { left: var(--arrival-x); top: var(--arrival-y); transform: translate(-50%, -50%) scale(.9); }
  html.is-kimi-deep .kimi-deep-intro nav {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    margin-top: 210px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    transform: none;
  }
  html.is-kimi-deep .kimi-deep-intro nav a,
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1) {
    --chapter-shift: 0px;
    min-height: 92px;
    padding-right: 104px;
    font-size: 22px;
    transform: none;
  }
  html.is-kimi-deep .kimi-deep-intro nav a:hover,
  html.is-kimi-deep .kimi-deep-intro nav a:focus-visible { transform: translateX(-8px); }

  html.is-kimi-deep #kimi-search .search-sticky {
    min-height: auto;
    padding: 104px 28px 70px;
    grid-template-columns: minmax(0, 1fr);
    gap: 54px;
    overflow: hidden;
  }
  html.is-kimi-deep #kimi-search .case-meta { left: 28px; top: 76px; }
  html.is-kimi-deep #kimi-search .case-copy { max-width: 620px; }
  html.is-kimi-deep #kimi-search .case-copy h2 { font-size: clamp(38px, 7vw, 54px); }
  html.is-kimi-deep #kimi-search .search-product-viewport { height: clamp(410px, 58vw, 500px); }
}

@media (max-width: 600px) {
  html.is-kimi-deep .kimi-deep-intro {
    --arrival-x: 78%;
    --arrival-y: 40%;
    padding: 108px 20px 60px;
    display: block;
  }
  html.is-kimi-deep .kimi-deep-intro::before {
    width: 360px;
    opacity: .17;
  }
  html.is-kimi-deep .kimi-deep-intro::after { left: 18%; right: 0; }
  html.is-kimi-deep .kimi-deep-intro > a { left: 20px; top: 78px; }
  html.is-kimi-deep .kimi-deep-intro > p:first-of-type { width: 100%; margin-bottom: 18px; }
  html.is-kimi-deep .kimi-deep-intro h1 { width: 100%; max-width: 360px; font-size: clamp(44px, 13.2vw, 58px); }
  html.is-kimi-deep .kimi-deep-intro > p:last-of-type { width: 88%; margin-top: 22px; font-size: 12px; }
  html.is-kimi-deep .kimi-arrival-field { opacity: .58; }
  html.is-kimi-deep .kimi-arrival-core { transform: translate(-50%, -50%) scale(.72); }
  html.is-kimi-deep .kimi-deep-intro nav {
    width: 100%;
    margin-top: 172px;
    display: grid;
    grid-template-columns: 1fr;
  }
  html.is-kimi-deep .kimi-deep-intro nav a,
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1) {
    min-height: 76px;
    padding: 12px 94px 12px 14px;
    font-size: 20px;
  }
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1) { min-height: 92px; font-size: 25px; }
  html.is-kimi-deep .kimi-deep-intro nav a::after { right: 10px; width: 76px; font-size: 7px; }

  html.is-kimi-deep #kimi-search .search-sticky {
    min-height: auto !important;
    padding: 94px 20px 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
    overflow: visible;
  }
  html.is-kimi-deep #kimi-search .case-meta { left: 20px; top: 64px; font-size: 10px; }
  html.is-kimi-deep #kimi-search .case-copy { width: 100%; max-width: none; }
  html.is-kimi-deep #kimi-search .case-copy h2 { margin: 16px 0 18px; font-size: clamp(34px, 10.4vw, 44px); }
  html.is-kimi-deep #kimi-search .case-lead { font-size: 13px; }
  html.is-kimi-deep #kimi-search .judgment-trigger { margin-top: 20px; min-height: 44px; }
  html.is-kimi-deep #kimi-search .judgment-peek { width: 100%; box-sizing: border-box; }
  html.is-kimi-deep #kimi-search .search-product-viewport {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    overflow: visible;
    mask-image: none;
  }
  html.is-kimi-deep #kimi-search .search-product {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  html.is-kimi-deep #kimi-search .mode-switch,
  html.is-kimi-deep #kimi-search .model-node,
  html.is-kimi-deep #kimi-search .api-node,
  html.is-kimi-deep #kimi-search .context-node,
  html.is-kimi-deep #kimi-search .answer-node {
    position: relative;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }
  html.is-kimi-deep #kimi-search .mode-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 4px;
    border-radius: 12px;
    order: 0;
  }
  html.is-kimi-deep #kimi-search .mode-switch button { min-width: 0; min-height: 44px; padding: 10px 8px; }
  html.is-kimi-deep #kimi-search .model-node { order: 1; padding: 18px; }
  html.is-kimi-deep #kimi-search .api-node { order: 2; padding: 14px; }
  html.is-kimi-deep #kimi-search .context-node { order: 3; padding: 16px; }
  html.is-kimi-deep #kimi-search .answer-node { order: 4; padding: 16px; }
  html.is-kimi-deep #kimi-search .flow-line { display: none; }
  html.is-kimi-deep #kimi-search .task-bubble { margin: 14px 0; font-size: 12px; }
  html.is-kimi-deep #kimi-search .request-fields { grid-template-columns: minmax(0, 1fr) 78px; }
  html.is-kimi-deep #kimi-search .source-stack { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html.is-kimi-deep #kimi-search .result-card { min-width: 0; padding: 9px 7px; }
  html.is-kimi-deep #kimi-search .answer-card { margin-top: 12px; }
  html.is-kimi-deep #kimi-search .scroll-cue { display: none; }
  html.is-kimi-deep #kimi-search.search-case.has-judgment-peek .search-product-viewport { top: auto; }
}

@media (max-height: 650px) and (min-width: 821px) {
  html.is-kimi-deep #kimi-search .search-sticky {
    min-height: 100svh;
    padding-top: 62px;
    padding-bottom: 20px;
  }
  html.is-kimi-deep #kimi-search .case-meta { top: 42px; }
  html.is-kimi-deep #kimi-search .chapter-no { font-size: 9px; }
  html.is-kimi-deep #kimi-search .case-copy h2 { margin-block: 10px 12px; font-size: clamp(30px, min(3.4vw, 7.2vh), 40px); line-height: 1.22; }
  html.is-kimi-deep #kimi-search .case-lead { font-size: 12px; line-height: 1.6; }
  html.is-kimi-deep #kimi-search .judgment-trigger { margin-top: 14px; padding-block: 8px; }
  html.is-kimi-deep #kimi-search .search-product-viewport { height: 290px; }
  html.is-kimi-deep #kimi-search .model-node { top: 25%; }
  html.is-kimi-deep #kimi-search .api-node { top: 5%; min-height: 78%; }
  html.is-kimi-deep #kimi-search .context-node,
  html.is-kimi-deep #kimi-search .answer-node { top: 12%; height: 80%; }
  html.is-kimi-deep #kimi-search .flow-a,
  html.is-kimi-deep #kimi-search .flow-b,
  html.is-kimi-deep #kimi-search .flow-c { top: 48%; }
  html.is-kimi-deep #kimi-search .source-stack { gap: 4px; margin-top: 8px; }
  html.is-kimi-deep #kimi-search .result-card { padding: 6px; }
  html.is-kimi-deep #kimi-search .answer-card { margin-top: 10px; padding: 9px; }
  html.is-kimi-deep #kimi-search .citation-list { margin-top: 8px; padding-top: 7px; }
  html.is-kimi-deep #kimi-search .context-node .result-card:nth-child(3),
  html.is-kimi-deep #kimi-search .citation-list,
  html.is-kimi-deep #kimi-search .scroll-cue { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.is-kimi-deep .kimi-deep-intro::before,
  html.is-kimi-deep .kimi-arrival-core i::after,
  html.is-kimi-deep .is-arrival-ready > p:first-of-type,
  html.is-kimi-deep .is-arrival-ready h1,
  html.is-kimi-deep .is-arrival-ready > p:last-of-type,
  html.is-kimi-deep .is-arrival-ready nav a { animation: none; }
  html.is-kimi-deep .kimi-arrival-field { transition: none !important; }
  html.is-kimi-deep .kimi-deep-intro nav a { transition: none; }
  html.is-kimi-deep #kimi-search .api-node,
  html.is-kimi-deep #kimi-search .context-node,
  html.is-kimi-deep #kimi-search .answer-node { transition: none; }
}

/* Arrival v2: the tunnel resolves into an expanded product system, not another cover. */
html.is-kimi-deep .kimi-deep-intro {
  --arrival-x: 56%;
  --arrival-y: 50%;
  min-height: 100svh;
  padding: clamp(116px, 14vh, 152px) clamp(38px, 6vw, 96px) clamp(64px, 8vh, 88px);
  background:
    radial-gradient(circle at var(--arrival-x) var(--arrival-y), rgba(255, 253, 248, .98) 0 12%, rgba(245, 243, 238, .72) 29%, rgba(245, 243, 238, 0) 54%),
    linear-gradient(112deg, rgba(218, 119, 86, .045), transparent 32% 70%, rgba(29, 27, 22, .025)),
    #f5f3ee;
}

html.is-kimi-deep .kimi-deep-intro::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  transform: none;
  background:
    repeating-linear-gradient(90deg, rgba(29, 27, 22, .035) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(0deg, rgba(29, 27, 22, .026) 0 1px, transparent 1px 42px);
  opacity: .32;
  filter: none;
  mix-blend-mode: multiply;
  mask-image: radial-gradient(circle at var(--arrival-x) var(--arrival-y), transparent 0 15%, rgba(0,0,0,.18) 26%, #000 58%, transparent 91%);
  animation: none;
}

html.is-kimi-deep .kimi-deep-intro::after {
  left: calc(var(--arrival-x) - 10%);
  right: 2%;
  top: var(--arrival-y);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(218, 119, 86, .34) 14%, rgba(29, 27, 22, .11) 43%, transparent 92%);
  box-shadow: 0 -18px 48px rgba(218, 119, 86, .06), 0 18px 48px rgba(29, 27, 22, .035);
}

html.is-kimi-deep .kimi-deep-intro > p:first-of-type,
html.is-kimi-deep .kimi-deep-intro > p:last-of-type {
  width: min(36vw, 560px);
}

html.is-kimi-deep .kimi-deep-intro h1 {
  width: min(43vw, 620px);
  font-size: clamp(50px, 4.35vw, 70px);
  line-height: 1.07;
}

html.is-kimi-deep .kimi-deep-intro h1 .kimi-title-line { display: block; }

html.is-kimi-deep .kimi-deep-intro > p:last-of-type {
  width: min(31vw, 450px);
  margin-top: 30px;
}

html.is-kimi-deep .kimi-arrival-field {
  z-index: 1;
  opacity: .92;
}

html.is-kimi-deep .kimi-arrival-universe {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

html.is-kimi-deep .kimi-arrival-status,
html.is-kimi-deep .kimi-arrival-legend {
  position: absolute;
  display: flex;
  color: #777168;
  font: 500 7px/1.5 "SF Mono", ui-monospace, monospace;
  letter-spacing: .11em;
}

html.is-kimi-deep .kimi-arrival-status {
  left: calc(var(--arrival-x) - 18%);
  top: calc(var(--arrival-y) + 14%);
  align-items: center;
  gap: 14px;
}

html.is-kimi-deep .kimi-arrival-status::before {
  content: "";
  width: 38px;
  height: 1px;
  background: rgba(218, 119, 86, .65);
}

html.is-kimi-deep .kimi-arrival-status b { color: #1d1b16; font-weight: 600; }

html.is-kimi-deep .kimi-arrival-legend {
  right: 4.5%;
  bottom: 6%;
  gap: 28px;
}

html.is-kimi-deep .kimi-arrival-legend span::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 7px 1px 0;
  border: 1px solid currentColor;
}

html.is-kimi-deep .kimi-arrival-core {
  --arrival-core-optical: 19px;
  z-index: 6;
  width: 132px;
  color: #1d1b16;
  transform: translate(-50%, calc(-50% + var(--arrival-core-optical)));
}

html.is-kimi-deep .kimi-arrival-core i {
  width: clamp(78px, 6.1vw, 94px);
  margin-bottom: 14px;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.96) 0 6%, rgba(210,205,194,.92) 7% 14%, transparent 15%),
    radial-gradient(circle at 66% 68%, rgba(61,58,51,.85) 0 9%, transparent 10%),
    radial-gradient(circle at 42% 46%, #eee9df 0, #aaa59b 34%, #57544c 66%, #24231f 100%);
  box-shadow:
    0 0 0 1px rgba(29, 27, 22, .15),
    0 0 0 10px rgba(245, 243, 238, .62),
    0 0 44px rgba(218, 119, 86, .24),
    0 0 92px rgba(255, 253, 248, .92);
}

html.is-kimi-deep .kimi-arrival-core i::before {
  background: linear-gradient(88deg, rgba(255,255,255,.5), transparent 44%, rgba(0,0,0,.2));
}

html.is-kimi-deep .kimi-arrival-core b { font-size: 7px; letter-spacing: .14em; }
html.is-kimi-deep .kimi-arrival-core span { margin-top: 5px; color: #918b82; font-size: 8px; }

html.is-kimi-deep .kimi-deep-intro nav {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: auto;
  margin: 0;
  display: block;
  transform: none;
  pointer-events: none;
}

html.is-kimi-deep .kimi-deep-intro nav a {
  --node-rotate: 0deg;
  --chapter-shift: 0px;
  position: absolute;
  display: block;
  min-height: 0;
  padding: 13px 104px 58px 43px;
  border: 0;
  border-top: 1px solid rgba(29, 27, 22, .18);
  background: linear-gradient(90deg, rgba(245, 243, 238, .88), rgba(245, 243, 238, .38) 68%, transparent);
  color: #1d1b16;
  font: 520 clamp(18px, 1.55vw, 25px)/1.2 "Source Han Serif SC VF", "Noto Serif SC", serif;
  clip-path: none;
  transform: rotate(var(--node-rotate));
  transform-origin: left top;
  pointer-events: auto;
  transition: color .24s ease, border-color .24s ease, transform .45s cubic-bezier(.16, 1, .3, 1);
}

html.is-kimi-deep .kimi-deep-intro nav a::before {
  position: absolute;
  left: 0;
  top: 17px;
}

html.is-kimi-deep .kimi-deep-intro nav a::after {
  right: 6px;
  top: 16px;
  width: 88px;
  font-size: 7px;
  line-height: 1.45;
  transform: none;
}

html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1) {
  left: 64%;
  top: 15%;
  width: 30%;
  min-height: 0;
  padding-bottom: 66px;
  background: linear-gradient(90deg, rgba(245, 243, 238, .92), rgba(245, 243, 238, .5) 74%, transparent);
  color: #1d1b16;
  font-size: clamp(24px, 2vw, 31px);
  --node-rotate: -.8deg;
}

html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1)::after { color: #777168; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(2) { left: 68%; top: 38%; width: 30%; --node-rotate: .5deg; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(3) { left: 63%; top: 63%; width: 27%; --node-rotate: -.45deg; }
html.is-kimi-deep .kimi-deep-intro nav a:nth-child(4) { left: 73%; top: 78%; width: 25%; --node-rotate: .7deg; }

html.is-kimi-deep .kimi-deep-intro nav a:hover,
html.is-kimi-deep .kimi-deep-intro nav a:focus-visible {
  color: #da7756;
  border-top-color: rgba(218, 119, 86, .7);
  transform: translate3d(-10px, -2px, 0) rotate(var(--node-rotate));
}

html.is-kimi-deep .kimi-chapter-signal {
  position: absolute;
  left: 43px;
  right: 8px;
  bottom: 10px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  align-items: center;
  gap: 5px;
  color: #777168;
  font: 500 6px/1 "SF Mono", ui-monospace, monospace;
  letter-spacing: .04em;
}

html.is-kimi-deep .kimi-chapter-signal::before {
  content: "";
  position: absolute;
  left: -43px;
  right: 0;
  top: 50%;
  z-index: -1;
  height: 1px;
  background: linear-gradient(90deg, rgba(218, 119, 86, .38), rgba(29, 27, 22, .08), transparent);
}

html.is-kimi-deep .kimi-chapter-signal i,
html.is-kimi-deep .kimi-chapter-signal em {
  position: relative;
  padding: 6px 5px;
  overflow: hidden;
  border: 1px solid rgba(29, 27, 22, .1);
  background: rgba(250, 248, 243, .74);
  font-style: normal;
  text-align: center;
  white-space: nowrap;
}

html.is-kimi-deep .signal-search i:nth-child(2),
html.is-kimi-deep .signal-ops i:nth-child(3),
html.is-kimi-deep .signal-daily i:nth-child(1),
html.is-kimi-deep .signal-copilot i:nth-child(2) {
  border-color: rgba(218, 119, 86, .34);
  color: #da7756;
}

html.is-kimi-deep .signal-daily i::after,
html.is-kimi-deep .signal-ops i::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 2px;
  height: 1px;
  background: linear-gradient(90deg, #da7756 var(--signal, 62%), rgba(29,27,22,.1) 0);
}

html.is-kimi-deep .signal-ops i:nth-child(2) { --signal: 78%; }
html.is-kimi-deep .signal-ops i:nth-child(3) { --signal: 91%; }
html.is-kimi-deep .signal-daily i:nth-child(2) { --signal: 72%; }
html.is-kimi-deep .signal-daily i:nth-child(3) { --signal: 88%; }

html.is-kimi-deep .is-arrival-ready .kimi-arrival-core { animation: kimi-universe-core-in .9s cubic-bezier(.16, 1, .3, 1) both; }
html.is-kimi-deep .is-arrival-ready .kimi-arrival-status { animation: kimi-universe-status-in .7s .28s cubic-bezier(.16, 1, .3, 1) both; }
html.is-kimi-deep .is-arrival-ready nav a { animation: kimi-universe-node-in .8s cubic-bezier(.16, 1, .3, 1) both; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(1) { animation-delay: .2s; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(2) { animation-delay: .3s; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(3) { animation-delay: .4s; }
html.is-kimi-deep .is-arrival-ready nav a:nth-child(4) { animation-delay: .5s; }

html.is-kimi-deep .is-from-tunnel .kimi-arrival-field { animation: kimi-universe-field-in 1.05s cubic-bezier(.16, 1, .3, 1) both; }
html.is-kimi-deep .kimi-deep-intro.is-from-tunnel h1,
html.is-kimi-deep .kimi-deep-intro.is-from-tunnel > p { animation-delay: .16s; }

@keyframes kimi-universe-field-in {
  from { opacity: 0; filter: blur(10px) brightness(1.4); }
  to { opacity: .92; filter: none; }
}

@keyframes kimi-universe-core-in {
  from { opacity: 0; transform: translate(-50%, calc(-50% + var(--arrival-core-optical))) scale(.42) rotate(-18deg); filter: blur(7px); }
  to { opacity: 1; transform: translate(-50%, calc(-50% + var(--arrival-core-optical))) scale(1) rotate(0); filter: none; }
}

@keyframes kimi-universe-status-in {
  from { opacity: 0; transform: translateX(-28px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes kimi-universe-node-in {
  from { opacity: 0; transform: translate3d(-54px, 18px, 0) rotate(var(--node-rotate)); filter: blur(4px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) rotate(var(--node-rotate)); filter: none; }
}

/* Keep the handoff frame bright and spatial before the deep page loads. */
.kimi-final {
  background:
    radial-gradient(circle at var(--moon-x) var(--moon-y), #fffdf8 0 9%, rgba(255,253,248,.96) 18%, rgba(245,243,238,.96) 45%),
    #f5f3ee;
}

.kimi-final::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, rgba(29,27,22,.03) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(29,27,22,.025) 0 1px, transparent 1px 34px);
  mask-image: radial-gradient(circle at var(--moon-x) var(--moon-y), transparent 0 15%, #000 43%, transparent 88%);
  opacity: calc((var(--kp) - .8) * 2.8);
}

.kimi-final-core { border-color: transparent; }
.kimi-final-core::before,
.kimi-final-core::after { border-color: rgba(218, 119, 86, .1); }

@media (min-width: 901px) and (max-width: 1180px) {
  html.is-kimi-deep .kimi-deep-intro {
    --arrival-x: 54%;
    --arrival-y: 50%;
  }
}

@media (max-width: 900px) {
  html.is-kimi-deep .kimi-deep-intro {
    --arrival-x: 58%;
    --arrival-y: 43%;
    min-height: 100svh;
    padding: 104px 28px 42px;
    justify-content: flex-start;
    align-content: normal;
  }

  html.is-kimi-deep .kimi-deep-intro > p:first-of-type,
  html.is-kimi-deep .kimi-deep-intro h1 { width: min(62vw, 500px); }
  html.is-kimi-deep .kimi-deep-intro > p:last-of-type { width: min(52vw, 420px); }
  html.is-kimi-deep .kimi-deep-intro h1 { font-size: clamp(44px, 7.5vw, 64px); }
  html.is-kimi-deep .kimi-arrival-core { --arrival-core-optical: 7px; }
  html.is-kimi-deep .kimi-arrival-core b,
  html.is-kimi-deep .kimi-arrival-core span { display: none; }
  html.is-kimi-deep .kimi-arrival-status { left: 42%; top: 50%; }
  html.is-kimi-deep .kimi-arrival-legend { display: none; }

  html.is-kimi-deep .kimi-deep-intro nav {
    left: 28px;
    right: 28px;
    top: 55%;
    bottom: 5%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
  }

  html.is-kimi-deep .kimi-deep-intro nav a,
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1),
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(2),
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(3),
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(4) {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    min-height: 122px;
    padding: 14px 82px 58px 36px;
    font-size: clamp(18px, 3vw, 25px);
    transform: none;
  }

  html.is-kimi-deep .kimi-deep-intro nav a::before { top: 18px; }
  html.is-kimi-deep .kimi-deep-intro nav a::after { right: 4px; width: 72px; }
  html.is-kimi-deep .kimi-chapter-signal { left: 36px; }
}

@media (max-width: 560px) {
  html.is-kimi-deep .kimi-deep-intro {
    --arrival-x: 50%;
    --arrival-y: 58%;
    min-height: 100svh;
    padding: 96px 20px 28px;
    align-content: normal;
  }

  html.is-kimi-deep .kimi-deep-intro > a { left: 20px; top: 68px; }
  html.is-kimi-deep .kimi-deep-intro > p:first-of-type { width: 100%; margin-bottom: 12px; }
  html.is-kimi-deep .kimi-deep-intro h1 { width: 100%; max-width: 350px; font-size: clamp(33px, 9vw, 37px); line-height: 1.08; }
  html.is-kimi-deep .kimi-deep-intro > p:last-of-type { width: 74%; margin-top: 16px; padding-left: 10px; font-size: 10px; line-height: 1.55; }
  html.is-kimi-deep .kimi-arrival-core { --arrival-core-optical: 7px; top: var(--arrival-y); }
  html.is-kimi-deep .kimi-arrival-core b,
  html.is-kimi-deep .kimi-arrival-core span { display: none; }
  html.is-kimi-deep .kimi-arrival-status { left: 20px; right: 20px; top: 64%; justify-content: center; gap: 9px; transform: none; white-space: nowrap; }

  html.is-kimi-deep .kimi-deep-intro nav {
    left: 20px;
    right: 20px;
    top: 68%;
    bottom: 3%;
    gap: 8px 10px;
  }

  html.is-kimi-deep .kimi-deep-intro nav a,
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(1),
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(2),
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(3),
  html.is-kimi-deep .kimi-deep-intro nav a:nth-child(4) {
    min-height: 112px;
    padding: 11px 8px 50px 28px;
    font-size: 15px;
  }

  html.is-kimi-deep .kimi-deep-intro nav a::before { left: 0; top: 13px; font-size: 8px; }
  html.is-kimi-deep .kimi-deep-intro nav a::after { display: none; }
  html.is-kimi-deep .kimi-chapter-signal { left: 28px; right: 0; bottom: 7px; grid-template-columns: repeat(3, 1fr); gap: 3px; }
  html.is-kimi-deep .kimi-chapter-signal em { display: none; }
  html.is-kimi-deep .kimi-chapter-signal i { padding: 5px 2px; font-size: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  html.is-kimi-deep .is-arrival-ready .kimi-arrival-core,
  html.is-kimi-deep .is-arrival-ready .kimi-arrival-status,
  html.is-kimi-deep .is-arrival-ready nav a,
  html.is-kimi-deep .is-from-tunnel .kimi-arrival-field,
  html.is-kimi-deep .kimi-arrival-core i::after { animation: none !important; }
  html.is-kimi-deep .kimi-deep-intro nav a { transition: none !important; }
}

/* Reuse the bright-side frame as the Kimi case hero, with real chapters directly below. */
html.is-kimi-deep .kimi-deep-overview {
  --kp: 1;
  --moon-x: 56%;
  --moon-y: 50%;
  --reveal: 200vmax;
  position: relative;
  display: block;
  min-height: 100svh;
  opacity: 1;
  clip-path: none;
  pointer-events: auto;
}

@media (min-width: 901px) and (max-width: 1180px) {
  html.is-kimi-deep .kimi-deep-overview { --moon-x: 54%; }
}

@media (max-width: 900px) {
  html.is-kimi-deep .kimi-deep-overview { --moon-x: 58%; --moon-y: 43%; }
}

@media (max-width: 560px) {
  html.is-kimi-deep .kimi-deep-overview { --moon-x: 50%; --moon-y: 58%; }
}

/* Mid-size windows need a full-width product diagram instead of a squeezed split view. */
@media (min-width: 821px) and (max-width: 1280px) {
  html.is-kimi-deep #kimi-search .search-sticky {
    min-height: auto;
    padding: 104px clamp(32px, 5vw, 60px) 72px;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 38px;
    overflow: hidden;
  }

  html.is-kimi-deep #kimi-search .case-meta {
    left: clamp(32px, 5vw, 60px);
    top: 72px;
  }

  html.is-kimi-deep #kimi-search .case-copy {
    width: min(100%, 760px);
    max-width: none;
  }

  html.is-kimi-deep #kimi-search .case-copy h2 {
    max-width: 720px;
    font-size: clamp(38px, 5.2vw, 54px);
    line-height: 1.2;
  }

  html.is-kimi-deep #kimi-search .search-product-viewport {
    width: 100%;
    height: clamp(420px, 48vw, 540px);
  }
}