.product-home {
  --home-ink: #122044;
  --home-ink-soft: #405476;
  --home-blue: #1f63ed;
  --home-blue-dark: #174fc5;
  --home-blue-pale: #eaf2ff;
  --home-cyan: #3ac9ee;
  --home-cyan-pale: #e8fbff;
  --home-violet: #7868e6;
  --home-violet-dark: #5440b6;
  --home-violet-pale: #f0edff;
  --home-pink: #ee78b7;
  --home-pink-dark: #a73570;
  --home-pink-pale: #fff0f8;
  --home-green: #20a27a;
  --home-canvas: #f7f9fc;
  --home-line: #dce4f0;
  --home-line-strong: #b7c6dd;
  --home-shadow: 0 20px 60px rgba(38, 61, 111, 0.12);
  --home-shadow-soft: 0 10px 30px rgba(38, 61, 111, 0.08);
  position: relative;
  min-width: 0;
  overflow: clip;
  background:
    radial-gradient(circle at 6% 10%, rgba(58, 201, 238, 0.1), transparent 24rem),
    radial-gradient(circle at 94% 32%, rgba(120, 104, 230, 0.09), transparent 27rem),
    linear-gradient(rgba(31, 99, 237, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 99, 237, 0.026) 1px, transparent 1px),
    var(--home-canvas);
  background-size: auto, auto, 80px 80px, 80px 80px, auto;
  color: var(--home-ink);
  isolation: isolate;
}

.product-home :is(h1, h2, h3, p) {
  margin-top: 0;
}

.product-home a:focus-visible,
.product-home summary:focus-visible {
  outline: 3px solid var(--home-blue-dark);
  outline-offset: 3px;
}

.product-home-ambient {
  position: absolute;
  z-index: -1;
  width: 28rem;
  height: 28rem;
  border-radius: 999px;
  opacity: 0.4;
  pointer-events: none;
}

.product-home-ambient--one {
  top: 60rem;
  left: -19rem;
  background: rgba(58, 201, 238, 0.22);
}

.product-home-ambient--two {
  top: 126rem;
  right: -20rem;
  background: rgba(238, 120, 183, 0.18);
}

.product-home-header {
  position: sticky;
  top: 0;
  z-index: 120;
  display: grid;
  min-height: 78px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  border-bottom: 1px solid rgba(183, 198, 221, 0.7);
  background: rgba(255, 255, 255, 0.9);
  padding: 0 max(30px, calc((100% - 1380px) / 2));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(18px) saturate(145%);
}

.product-home-brand {
  display: inline-flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  gap: 11px;
  color: var(--home-ink);
  text-decoration: none;
}

.product-home-brand > span:first-child {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  flex: 0 0 42px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 13px;
  background: linear-gradient(145deg, #3f7cff, var(--home-blue) 52%, var(--home-violet));
  box-shadow: 0 10px 22px rgba(31, 99, 237, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.52);
  color: #fff;
  font-size: 17px;
  font-weight: 800;
}

.product-home-brand > span:last-child {
  display: grid;
  gap: 2px;
}

.product-home-brand strong {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.product-home-brand small {
  color: var(--home-ink-soft);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.product-home-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.product-home-nav a {
  min-height: 44px;
  border-radius: 12px;
  padding: 12px 14px;
  color: var(--home-ink-soft);
  font-size: 14px;
  font-weight: 680;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.product-home-nav a:hover {
  background: var(--home-blue-pale);
  color: var(--home-blue-dark);
}

.product-home-actions,
.product-home-hero-actions,
.product-home-final > div:last-child > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-home-sign-in,
.product-home-primary,
.product-home-secondary,
.product-home-exam-action {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 14px;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.product-home-sign-in,
.product-home-secondary {
  border: 1px solid var(--home-line-strong);
  background: rgba(255, 255, 255, 0.9);
  color: var(--home-ink);
  box-shadow: 0 4px 14px rgba(38, 61, 111, 0.05);
}

.product-home-sign-in:hover,
.product-home-secondary:hover {
  border-color: var(--home-blue);
  background: #fff;
  color: var(--home-blue-dark);
}

.product-home-primary {
  border: 1px solid rgba(23, 79, 197, 0.55);
  background: linear-gradient(135deg, var(--home-blue), #316ff2 56%, var(--home-violet));
  box-shadow: 0 12px 25px rgba(31, 99, 237, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #fff;
}

.product-home-primary:hover {
  box-shadow: 0 16px 32px rgba(31, 99, 237, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  color: #fff;
  transform: translateY(-2px);
}

.product-home-mobile-menu {
  display: none;
}

.product-home-announcement {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-bottom: 1px solid var(--home-line);
  background: linear-gradient(90deg, var(--home-blue-pale), var(--home-cyan-pale));
  padding: 9px 24px;
  color: var(--home-ink-soft);
  font-size: 13px;
}

.product-home-announcement strong {
  color: var(--home-blue-dark);
}

.product-home-hero {
  display: grid;
  width: min(100%, 1480px);
  min-height: 760px;
  grid-template-columns: minmax(0, 0.86fr) minmax(560px, 1.14fr);
  align-items: center;
  gap: 58px;
  margin: 0 auto;
  padding: 76px 50px 62px;
}

.product-home-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 640px;
}

.product-home-kicker,
.product-home-section-heading > span,
.product-home-section-heading--row > div > span,
.product-home-loop-intro > span,
.product-home-family > div:first-child > span,
.product-home-final > div:last-child > span {
  display: block;
  margin-bottom: 14px;
  color: var(--home-blue-dark);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: 0.13em;
}

.product-home-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(31, 99, 237, 0.16);
  border-radius: 999px;
  background: rgba(234, 242, 255, 0.75);
  padding: 8px 12px;
}

.product-home-kicker i {
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--home-cyan);
  box-shadow: 0 0 0 3px rgba(58, 201, 238, 0.18);
}

.product-home-hero h1 {
  max-width: 670px;
  margin-bottom: 24px;
  color: var(--home-ink);
  font-size: 66px;
  font-weight: 790;
  line-height: 1.08;
  letter-spacing: -0.06em;
}

.product-home-hero h1 span {
  display: block;
  background: linear-gradient(92deg, var(--home-blue) 6%, var(--home-violet) 57%, var(--home-pink-dark));
  background-clip: text;
  color: transparent;
  padding-bottom: 0.08em;
}

.product-home-hero-copy > p {
  max-width: 590px;
  margin-bottom: 28px;
  color: var(--home-ink-soft);
  font-size: 19px;
  line-height: 1.65;
}

.product-home-hero-actions {
  flex-wrap: wrap;
}

.product-home-hero-actions :is(.product-home-primary, .product-home-secondary) {
  min-height: 54px;
  padding-inline: 21px;
}

.product-home-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.product-home-proof li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--home-ink-soft);
  font-size: 13px;
  font-weight: 680;
}

.product-home-proof svg {
  flex: 0 0 auto;
  color: var(--home-green);
}

.product-home-world {
  position: relative;
  min-width: 0;
  min-height: 620px;
  perspective: 1100px;
  perspective-origin: 50% 43%;
}

.product-home-world-inner {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: 1px solid rgba(155, 188, 255, 0.8);
  border-radius: 38px;
  background:
    radial-gradient(circle at 25% 28%, rgba(58, 201, 238, 0.2), transparent 34%),
    radial-gradient(circle at 82% 70%, rgba(238, 120, 183, 0.17), transparent 33%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), #edf3ff 68%, #f5efff);
  box-shadow: 0 30px 90px rgba(38, 61, 111, 0.16), inset 0 1px 0 #fff;
  contain: layout paint style;
  isolation: isolate;
  pointer-events: none;
  transform: rotateY(-2deg) rotateX(1deg);
  transform-style: preserve-3d;
  animation: product-home-world-in 900ms cubic-bezier(0.2, 0.75, 0.2, 1) both;
}

.product-home-world-glow {
  position: absolute;
  z-index: -1;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  opacity: 0.6;
}

.product-home-world-glow--cyan {
  top: -72px;
  right: 12%;
  background: rgba(58, 201, 238, 0.35);
}

.product-home-world-glow--pink {
  right: -60px;
  bottom: -60px;
  background: rgba(238, 120, 183, 0.3);
}

.product-home-world-grid {
  position: absolute;
  right: -10%;
  bottom: -16%;
  left: -10%;
  height: 69%;
  background:
    linear-gradient(rgba(31, 99, 237, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 99, 237, 0.1) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(transparent 4%, #000 35%, #000 82%, transparent);
  transform: rotateX(68deg) translateZ(-120px);
  transform-origin: center bottom;
}

.product-home-orbit-system,
.product-home-orbit,
.product-home-core,
.product-home-cube,
.product-home-book-stack,
.product-home-score-podium,
.product-home-floating-card {
  position: absolute;
  transform-style: preserve-3d;
}

.product-home-orbit-system {
  top: 19%;
  left: 29%;
  width: 310px;
  height: 310px;
  transform: translateZ(64px);
}

.product-home-orbit {
  inset: 0;
  border: 2px solid rgba(31, 99, 237, 0.38);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
}

.product-home-orbit i {
  position: absolute;
  top: 14%;
  left: 10%;
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--home-cyan);
  box-shadow: 0 5px 14px rgba(31, 99, 237, 0.25);
}

.product-home-orbit--one {
  transform: rotateX(68deg) rotateZ(-10deg);
}

.product-home-orbit--two {
  border-color: rgba(120, 104, 230, 0.4);
  transform: rotateY(66deg) rotateZ(28deg);
}

.product-home-orbit--two i {
  top: auto;
  right: 8%;
  bottom: 20%;
  left: auto;
  background: var(--home-violet);
}

.product-home-orbit--three {
  inset: 30px;
  border-color: rgba(238, 120, 183, 0.38);
  transform: rotateX(52deg) rotateY(26deg) rotateZ(18deg);
}

.product-home-orbit--three i {
  top: 53%;
  left: -3%;
  width: 12px;
  height: 12px;
  background: var(--home-pink);
}

.product-home-core {
  top: 91px;
  left: 91px;
  display: grid;
  width: 128px;
  height: 128px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.26) 15%, transparent 17%),
    radial-gradient(circle at 32% 28%, #5b91ff, var(--home-blue) 48%, #163b9d 100%);
  box-shadow: 0 28px 50px rgba(31, 99, 237, 0.28), inset -16px -18px 30px rgba(12, 47, 132, 0.28), inset 10px 12px 22px rgba(255, 255, 255, 0.25);
  color: #fff;
  font-size: 40px;
  font-weight: 850;
  transform: translateZ(48px);
}

.product-home-core b {
  text-shadow: 0 4px 13px rgba(12, 47, 132, 0.35);
}

.product-home-core i {
  position: absolute;
  right: 20px;
  bottom: 23px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--home-cyan);
  box-shadow: 0 0 0 6px rgba(58, 201, 238, 0.18);
}

.product-home-core i:last-child {
  top: 23px;
  right: auto;
  bottom: auto;
  left: 26px;
  width: 7px;
  height: 7px;
  background: #fff;
  box-shadow: none;
}

.product-home-cube {
  top: 78px;
  right: 54px;
  width: 78px;
  height: 78px;
  color: #fff;
  transform: rotateX(-16deg) rotateY(-30deg) translateZ(70px);
}

.product-home-cube i {
  position: absolute;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.52);
  font-size: 19px;
  font-style: normal;
  font-weight: 850;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25);
}

.product-home-cube-front {
  inset: 0;
  border-radius: 13px 5px 8px 6px;
  background: linear-gradient(145deg, #957df8, var(--home-violet-dark));
  transform: translateZ(39px);
}

.product-home-cube-side {
  top: 0;
  left: 0;
  width: 78px;
  height: 78px;
  border-radius: 5px;
  background: #4632a5;
  transform: rotateY(90deg) translateZ(-39px);
}

.product-home-cube-top {
  top: 0;
  left: 0;
  width: 78px;
  height: 78px;
  border-radius: 7px;
  background: #b4a7ff;
  transform: rotateX(90deg) translateZ(39px);
}

.product-home-book-stack {
  bottom: 73px;
  left: 49px;
  width: 120px;
  height: 80px;
  transform: rotateX(57deg) rotateZ(-17deg) translateZ(40px);
}

.product-home-book-stack i {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(31, 99, 237, 0.17);
  border-radius: 13px;
  background: linear-gradient(135deg, #fff, #d9e6ff);
  box-shadow: 0 10px 20px rgba(38, 61, 111, 0.1);
}

.product-home-book-stack i:nth-child(1) { transform: translate3d(-13px, 17px, -24px); }
.product-home-book-stack i:nth-child(2) { background: linear-gradient(135deg, var(--home-cyan-pale), #b4effa); transform: translate3d(-7px, 9px, -12px); }
.product-home-book-stack i:nth-child(3) { background: linear-gradient(135deg, #fff, var(--home-violet-pale)); }

.product-home-book-stack b {
  position: absolute;
  top: 27px;
  left: 35px;
  color: var(--home-violet-dark);
  font-size: 19px;
  letter-spacing: 0.08em;
  transform: translateZ(10px);
}

.product-home-score-podium {
  right: 58px;
  bottom: 77px;
  display: flex;
  width: 112px;
  height: 105px;
  align-items: end;
  gap: 8px;
  border-bottom: 1px solid rgba(31, 99, 237, 0.25);
  transform: rotateY(-18deg) translateZ(50px);
}

.product-home-score-podium i {
  position: relative;
  width: 22px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 7px 7px 3px 3px;
  background: linear-gradient(180deg, var(--home-cyan), var(--home-blue));
  box-shadow: 7px 8px 0 rgba(31, 99, 237, 0.12), 0 9px 20px rgba(31, 99, 237, 0.15);
  transform: translateZ(22px);
}

.product-home-score-podium i:nth-child(2) { background: linear-gradient(180deg, #8b79f3, var(--home-violet-dark)); }
.product-home-score-podium i:nth-child(3) { background: linear-gradient(180deg, #f39ac8, var(--home-pink-dark)); }
.product-home-score-podium i:nth-child(4) { background: linear-gradient(180deg, #5ddbb7, var(--home-green)); }

.product-home-floating-card {
  z-index: 4;
  border: 1px solid rgba(183, 198, 221, 0.7);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.88);
  padding: 13px 15px;
  box-shadow: 0 18px 42px rgba(38, 61, 111, 0.13), inset 0 1px 0 #fff;
  backdrop-filter: blur(10px);
  animation: product-home-card-in 720ms 180ms cubic-bezier(0.2, 0.75, 0.2, 1) both;
}

.product-home-floating-card > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--home-blue-dark);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.product-home-floating-card > strong {
  display: block;
  margin-top: 7px;
  color: var(--home-ink);
  font-size: 14px;
}

.product-home-floating-card small {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  color: var(--home-ink-soft);
  font-size: 10px;
}

.product-home-floating-card small i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--home-cyan);
}

.product-home-floating-card--focus {
  top: 39px;
  left: 30px;
  width: 186px;
  transform: rotateY(7deg) translateZ(95px);
}

.product-home-floating-card--mastery {
  top: 237px;
  right: 24px;
  width: 157px;
  transform: rotateY(-9deg) translateZ(110px);
}

.product-home-floating-card--mastery > strong {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: 25px;
}

.product-home-floating-card--mastery strong b {
  color: #116b50;
  font-size: 10px;
}

.product-home-floating-card--mastery > i {
  display: block;
  height: 6px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--home-line);
}

.product-home-floating-card--mastery > i em {
  display: block;
  width: 72%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--home-blue), var(--home-cyan));
}

.product-home-floating-card--family {
  bottom: 27px;
  left: 32%;
  width: 170px;
  transform: rotateX(-4deg) translateZ(100px);
}

.product-home-floating-card--family small i {
  width: 7px;
  height: 7px;
  background: var(--home-green);
  box-shadow: 0 0 0 3px rgba(32, 162, 122, 0.16);
}

.product-home-world-coordinate {
  position: absolute;
  color: rgba(31, 99, 237, 0.42);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.product-home-world-coordinate--one { top: 24px; right: 26px; }
.product-home-world-coordinate--two { right: 34px; bottom: 29px; }
.product-home-world-coordinate--three { bottom: 31px; left: 28px; }

.product-home-signal-strip {
  display: grid;
  width: min(calc(100% - 64px), 1280px);
  grid-template-columns: repeat(4, 1fr);
  margin: -14px auto 0;
  overflow: hidden;
  border: 1px solid rgba(183, 198, 221, 0.78);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: var(--home-shadow-soft), inset 0 1px 0 #fff;
  backdrop-filter: blur(12px);
}

.product-home-signal-strip > span {
  display: grid;
  min-height: 92px;
  align-content: center;
  gap: 4px;
  padding: 18px 28px;
}

.product-home-signal-strip > span + span {
  border-left: 1px solid var(--home-line);
}

.product-home-signal-strip strong {
  color: var(--home-ink);
  font-size: 25px;
  letter-spacing: -0.04em;
}

.product-home-signal-strip small {
  color: var(--home-ink-soft);
  font-size: 12px;
  font-weight: 650;
}

.product-home-section {
  width: min(calc(100% - 64px), 1280px);
  margin: 0 auto;
  padding: 112px 0;
}

.product-home-section-heading {
  max-width: 790px;
  margin-bottom: 47px;
}

.product-home-section-heading h2,
.product-home-loop h2,
.product-home-family h2,
.product-home-final h2 {
  margin-bottom: 18px;
  color: var(--home-ink);
  font-size: 42px;
  font-weight: 780;
  line-height: 1.12;
  letter-spacing: -0.045em;
}

.product-home-section-heading p,
.product-home-loop-intro > p,
.product-home-family > div:first-child > p,
.product-home-final > div:last-child > p {
  max-width: 700px;
  margin-bottom: 0;
  color: var(--home-ink-soft);
  font-size: 17px;
  line-height: 1.7;
}

.product-home-heading-line {
  display: block;
}

.product-home-advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
}

.product-home-advantage-grid > article {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.92);
  padding: 22px;
  box-shadow: 0 9px 24px rgba(38, 61, 111, 0.055), inset 0 1px 0 #fff;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.product-home-advantage-grid > article:hover {
  border-color: var(--home-line-strong);
  box-shadow: var(--home-shadow);
  transform: translateY(-5px);
}

.product-home-advantage-grid article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--home-blue-dark);
}

.product-home-advantage-grid article > header > span {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.product-home-advantage-grid article > h3 {
  margin-bottom: 10px;
  color: var(--home-ink);
  font-size: 12px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.product-home-advantage-grid article > p {
  margin-bottom: 0;
  color: var(--home-ink-soft);
  font-size: 14px;
  line-height: 1.65;
}

.product-home-shape {
  position: relative;
  display: block;
  width: 142px;
  height: 142px;
  margin: 17px auto 20px;
  perspective: 500px;
  transform-style: preserve-3d;
}

.product-home-shape :is(i, b) {
  position: absolute;
  display: block;
  transform-style: preserve-3d;
}

.product-home-shape--book i {
  inset: 31px 14px 30px 15px;
  border: 1px solid rgba(31, 99, 237, 0.18);
  border-radius: 14px;
  background: linear-gradient(145deg, #fff, var(--home-blue-pale));
  box-shadow: 8px 11px 24px rgba(31, 99, 237, 0.13);
  transform: rotateX(58deg) rotateZ(-16deg);
}

.product-home-shape--book i:nth-child(1) { transform: translate3d(-12px, 18px, -20px) rotateX(58deg) rotateZ(-16deg); }
.product-home-shape--book i:nth-child(2) { background: var(--home-cyan-pale); transform: translate3d(-6px, 9px, -10px) rotateX(58deg) rotateZ(-16deg); }
.product-home-shape--book i:nth-child(3) { background: linear-gradient(145deg, #fff, var(--home-violet-pale)); }

.product-home-shape--book b {
  top: 60px;
  left: 55px;
  width: 35px;
  height: 4px;
  border-radius: 9px;
  background: var(--home-violet);
  box-shadow: 0 9px 0 rgba(120, 104, 230, 0.35), 0 18px 0 rgba(120, 104, 230, 0.18);
  transform: rotateZ(-16deg) translateZ(30px);
}

.product-home-shape--signal i {
  bottom: 25px;
  width: 25px;
  border-radius: 7px 7px 3px 3px;
  background: linear-gradient(180deg, var(--home-cyan), var(--home-blue));
  box-shadow: 8px 9px 0 rgba(31, 99, 237, 0.12), 0 13px 25px rgba(31, 99, 237, 0.14);
  transform: rotateY(-15deg) translateZ(15px);
}

.product-home-shape--signal i:nth-child(1) { left: 17px; height: 40px; }
.product-home-shape--signal i:nth-child(2) { left: 51px; height: 67px; background: linear-gradient(180deg, #947ff3, var(--home-violet-dark)); }
.product-home-shape--signal i:nth-child(3) { left: 85px; height: 93px; background: linear-gradient(180deg, #f6a0cd, var(--home-pink-dark)); }
.product-home-shape--signal b { right: 14px; bottom: 22px; width: 7px; height: 7px; border-radius: 50%; background: var(--home-green); }

.product-home-shape--orbit i {
  inset: 14px;
  border: 2px solid rgba(31, 99, 237, 0.3);
  border-radius: 50%;
}

.product-home-shape--orbit i:nth-child(1) { transform: rotateX(67deg); }
.product-home-shape--orbit i:nth-child(2) { border-color: rgba(120, 104, 230, 0.38); transform: rotateY(66deg); }
.product-home-shape--orbit i:nth-child(3) { inset: 31px; border-color: rgba(238, 120, 183, 0.45); transform: rotateX(52deg) rotateY(25deg); }

.product-home-shape--orbit b,
.product-home-shape--network b {
  inset: 48px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 27%, #fff, var(--home-cyan) 13%, var(--home-blue) 52%, var(--home-blue-dark));
  box-shadow: 0 14px 25px rgba(31, 99, 237, 0.22);
}

.product-home-shape--network::before,
.product-home-shape--network::after {
  position: absolute;
  top: 69px;
  left: 21px;
  width: 100px;
  height: 2px;
  background: linear-gradient(90deg, var(--home-cyan), var(--home-violet), var(--home-pink));
  content: "";
  transform: rotate(28deg);
}

.product-home-shape--network::after { transform: rotate(-31deg); }

.product-home-shape--network i {
  width: 27px;
  height: 27px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: var(--home-blue);
  box-shadow: 0 9px 20px rgba(31, 99, 237, 0.18);
}

.product-home-shape--network i:nth-child(1) { top: 17px; left: 57px; background: var(--home-violet); }
.product-home-shape--network i:nth-child(2) { right: 14px; bottom: 23px; background: var(--home-pink); }
.product-home-shape--network i:nth-child(3) { bottom: 18px; left: 15px; background: var(--home-cyan); }
.product-home-shape--network b { inset: 54px; z-index: 1; }

.product-home-loop {
  position: relative;
  display: grid;
  width: min(calc(100% - 64px), 1340px);
  grid-template-columns: minmax(0, 0.78fr) minmax(520px, 1.22fr);
  align-items: center;
  gap: 74px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 42px;
  background:
    radial-gradient(circle at 15% 25%, rgba(58, 201, 238, 0.17), transparent 31%),
    radial-gradient(circle at 87% 83%, rgba(238, 120, 183, 0.15), transparent 31%),
    linear-gradient(140deg, #111e42, #172b59 58%, #1b2456);
  padding: 84px 76px;
  box-shadow: 0 35px 85px rgba(18, 32, 68, 0.18);
  color: #fff;
}

.product-home-loop-glow {
  position: absolute;
  top: -100px;
  left: 42%;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background: rgba(120, 104, 230, 0.18);
  pointer-events: none;
}

.product-home-loop-intro {
  position: relative;
  z-index: 1;
}

.product-home-loop-intro > span {
  color: #82e8ff;
}

.product-home-loop h2 {
  color: #fff;
}

.product-home-loop-intro > p {
  color: #c4d1eb;
}

.product-home-loop-intro > a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  gap: 8px;
  margin-top: 26px;
  color: #fff;
  font-size: 14px;
  font-weight: 760;
  text-underline-offset: 4px;
}

.product-home-loop-orbit {
  position: relative;
  display: grid;
  width: 210px;
  height: 118px;
  place-items: center;
  margin-top: 38px;
  perspective: 650px;
  transform-style: preserve-3d;
}

.product-home-loop-orbit::before,
.product-home-loop-orbit::after {
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(130, 232, 255, 0.36);
  border-radius: 50%;
  content: "";
  transform: rotateX(61deg) rotateZ(-8deg);
}

.product-home-loop-orbit::after {
  inset: 24px;
  border-color: rgba(238, 120, 183, 0.48);
  transform: rotateX(65deg) rotateZ(18deg);
}

.product-home-loop-orbit b {
  display: grid;
  z-index: 1;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--home-cyan), var(--home-blue));
  box-shadow: 0 15px 28px rgba(0, 0, 0, 0.25);
  font-size: 19px;
}

.product-home-loop-orbit i {
  position: absolute;
  z-index: 2;
  width: 13px;
  height: 13px;
  border: 3px solid #17264f;
  border-radius: 50%;
  background: var(--home-cyan);
}

.product-home-loop-orbit i:nth-child(1) { top: 47px; left: 4px; }
.product-home-loop-orbit i:nth-child(2) { top: 8px; right: 52px; background: var(--home-violet); }
.product-home-loop-orbit i:nth-child(3) { right: 4px; bottom: 29px; background: var(--home-pink); }

.product-home-loop ol {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-home-loop li {
  display: grid;
  min-height: 150px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 19px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.075);
  padding: 21px 23px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
}

.product-home-loop li > span {
  display: grid;
  width: 45px;
  height: 45px;
  place-items: center;
  border: 1px solid rgba(130, 232, 255, 0.34);
  border-radius: 14px;
  background: rgba(58, 201, 238, 0.1);
  color: #82e8ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  font-weight: 850;
}

.product-home-loop li small {
  display: block;
  margin-bottom: 6px;
  color: #aab9db;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.13em;
}

.product-home-loop li h3 {
  margin-bottom: 6px;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

.product-home-loop li p {
  margin-bottom: 0;
  color: #c4d1eb;
  font-size: 13px;
  line-height: 1.55;
}

.product-home-loop li > svg {
  color: #82e8ff;
}

.product-home-family {
  display: grid;
  width: min(calc(100% - 64px), 1280px);
  min-height: 620px;
  grid-template-columns: minmax(0, 0.92fr) minmax(500px, 1.08fr);
  align-items: center;
  gap: 70px;
  margin: 112px auto 0;
  overflow: hidden;
  border: 1px solid rgba(155, 188, 255, 0.65);
  border-radius: 40px;
  background:
    radial-gradient(circle at 86% 20%, rgba(58, 201, 238, 0.2), transparent 32%),
    linear-gradient(140deg, #fff, var(--home-blue-pale) 63%, var(--home-violet-pale));
  padding: 72px;
  box-shadow: var(--home-shadow-soft), inset 0 1px 0 #fff;
}

.product-home-family > div:first-child > ul {
  display: grid;
  gap: 13px;
  margin: 29px 0 0;
  padding: 0;
  list-style: none;
}

.product-home-family > div:first-child li {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--home-ink);
  font-size: 14px;
  font-weight: 690;
}

.product-home-family > div:first-child li svg {
  color: var(--home-blue);
}

.product-home-family-stage {
  position: relative;
  min-height: 440px;
  perspective: 1050px;
  transform-style: preserve-3d;
}

.product-home-family-halo {
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(31, 99, 237, 0.2);
  border-radius: 50%;
  transform: rotateX(69deg) translateZ(-50px);
}

.product-home-family-halo::before,
.product-home-family-halo::after {
  position: absolute;
  inset: 38px;
  border: 1px solid rgba(120, 104, 230, 0.23);
  border-radius: inherit;
  content: "";
}

.product-home-family-halo::after {
  inset: 76px;
  border-color: rgba(238, 120, 183, 0.3);
}

.product-home-family-preview {
  position: absolute;
  top: 48px;
  right: 16px;
  left: 3px;
  min-height: 340px;
  overflow: hidden;
  border: 1px solid rgba(183, 198, 221, 0.86);
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 30px 70px rgba(38, 61, 111, 0.16), inset 0 1px 0 #fff;
  transform: rotateY(-7deg) rotateX(3deg) translateZ(35px);
  transform-style: preserve-3d;
}

.product-home-family-preview > header {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid var(--home-line);
  padding: 15px 20px;
}

.product-home-family-preview > header > span:first-child {
  display: grid;
  gap: 4px;
}

.product-home-family-preview > header strong {
  color: var(--home-ink);
  font-size: 15px;
}

.product-home-family-preview > header small {
  color: var(--home-ink-soft);
  font-size: 10px;
}

.product-home-family-preview > header > span:last-child {
  border-radius: 999px;
  background: #e5f8f1;
  padding: 7px 10px;
  color: #116b50;
  font-size: 10px;
  font-weight: 800;
}

.product-home-family-score {
  display: grid;
  min-height: 112px;
  grid-template-columns: auto 1fr;
  align-content: center;
  align-items: baseline;
  column-gap: 12px;
  border-bottom: 1px solid var(--home-line);
  padding: 20px;
}

.product-home-family-score strong {
  grid-row: 1 / span 2;
  background: linear-gradient(110deg, var(--home-blue), var(--home-violet));
  background-clip: text;
  color: transparent;
  font-size: 45px;
  letter-spacing: -0.05em;
}

.product-home-family-score span {
  color: var(--home-ink);
  font-size: 13px;
  font-weight: 740;
}

.product-home-family-score small {
  color: #116b50;
  font-size: 10px;
  font-weight: 750;
}

.product-home-family-skills {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.product-home-family-skills > span {
  display: grid;
  grid-template-columns: 86px 1fr 35px;
  align-items: center;
  gap: 9px;
  color: var(--home-ink-soft);
  font-size: 10px;
}

.product-home-family-skills b {
  color: var(--home-ink);
  font-weight: 680;
}

.product-home-family-skills i {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--home-line);
}

.product-home-family-skills em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--home-blue), var(--home-cyan));
}

.product-home-family-skills strong {
  color: var(--home-blue-dark);
  text-align: right;
}

.product-home-family-float {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  min-height: 37px;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(183, 198, 221, 0.76);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  padding: 8px 11px;
  box-shadow: 0 12px 27px rgba(38, 61, 111, 0.13);
  color: var(--home-blue-dark);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.07em;
}

.product-home-family-float--one { top: 24px; left: -13px; transform: translateZ(95px); }
.product-home-family-float--two { right: -7px; bottom: 22px; color: var(--home-violet-dark); transform: translateZ(105px); }

.product-home-section-heading--row {
  display: flex;
  max-width: none;
  align-items: end;
  justify-content: space-between;
  gap: 36px;
}

.product-home-section-heading--row > div {
  max-width: 760px;
}

.product-home-exam-action {
  flex: 0 0 auto;
  border: 1px solid var(--home-line-strong);
  background: #fff;
  color: var(--home-ink);
  box-shadow: var(--home-shadow-soft);
}

.product-home-exam-action:hover {
  border-color: var(--home-blue);
  color: var(--home-blue-dark);
  transform: translateY(-2px);
}

.product-home-exam-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.product-home-exam-card {
  --exam-tone: var(--home-blue);
  --exam-pale: var(--home-blue-pale);
  position: relative;
  display: flex;
  min-height: 320px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 27px;
  background: linear-gradient(145deg, #fff, var(--exam-pale));
  padding: 23px;
  box-shadow: 0 9px 26px rgba(38, 61, 111, 0.06), inset 0 1px 0 #fff;
}

.product-home-exam-card--violet { --exam-tone: var(--home-violet); --exam-pale: var(--home-violet-pale); }
.product-home-exam-card--cyan { --exam-tone: #169fc4; --exam-pale: var(--home-cyan-pale); }
.product-home-exam-card--pink { --exam-tone: var(--home-pink-dark); --exam-pale: var(--home-pink-pale); }

.product-home-exam-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--exam-tone);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 850;
}

.product-home-exam-card > header > i {
  position: relative;
  width: 92px;
  height: 92px;
  margin: -9px -4px 19px 0;
  border: 2px solid color-mix(in srgb, var(--exam-tone) 32%, transparent);
  border-radius: 50%;
  transform: rotateX(62deg) rotateZ(-17deg);
  transform-style: preserve-3d;
}

.product-home-exam-card > header > i::before,
.product-home-exam-card > header > i::after {
  position: absolute;
  inset: 19px;
  border: 2px solid color-mix(in srgb, var(--exam-tone) 38%, transparent);
  border-radius: inherit;
  content: "";
}

.product-home-exam-card > header > i::after {
  inset: 35px;
  border: 0;
  background: var(--exam-tone);
  box-shadow: 0 7px 14px color-mix(in srgb, var(--exam-tone) 22%, transparent);
}

.product-home-exam-card > header b {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--exam-tone);
}

.product-home-exam-card > header b:first-child { top: 17px; left: 7px; }
.product-home-exam-card > header b:last-child { right: 6px; bottom: 15px; }

.product-home-exam-card > strong {
  max-width: 190px;
  margin-bottom: 12px;
  color: var(--home-ink);
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.product-home-exam-card > p {
  margin-bottom: 22px;
  color: var(--home-ink-soft);
  font-size: 13px;
  line-height: 1.6;
}

.product-home-exam-card > a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  color: var(--home-ink);
  font-size: 13px;
  font-weight: 760;
  text-underline-offset: 4px;
}

.product-home-final {
  position: relative;
  display: grid;
  width: min(calc(100% - 64px), 1280px);
  min-height: 500px;
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: 74px;
  margin: 0 auto 112px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 42px;
  background:
    radial-gradient(circle at 18% 24%, rgba(58, 201, 238, 0.26), transparent 28%),
    radial-gradient(circle at 86% 87%, rgba(238, 120, 183, 0.18), transparent 30%),
    linear-gradient(135deg, #153786, #1f63ed 58%, #5c4ec0);
  padding: 70px 82px;
  box-shadow: 0 34px 88px rgba(23, 79, 197, 0.24);
  color: #fff;
}

.product-home-final > div:last-child {
  position: relative;
  z-index: 2;
}

.product-home-final > div:last-child > span {
  color: #a2eeff;
}

.product-home-final h2 {
  color: #fff;
}

.product-home-final > div:last-child > p {
  color: #dce7ff;
}

.product-home-final .product-home-secondary {
  border-color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  box-shadow: none;
}

.product-home-final .product-home-secondary:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.17);
  color: #fff;
}

.product-home-final .product-home-primary {
  border-color: rgba(255, 255, 255, 0.32);
  background: #fff;
  color: var(--home-blue-dark);
  box-shadow: 0 15px 35px rgba(7, 24, 71, 0.22);
}

.product-home-final-art {
  position: relative;
  width: 310px;
  height: 310px;
  perspective: 850px;
  transform-style: preserve-3d;
}

.product-home-final-art::before,
.product-home-final-art::after {
  position: absolute;
  inset: 10px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  content: "";
  transform: rotateX(67deg) rotateZ(-9deg);
}

.product-home-final-art::after {
  inset: 44px;
  border-color: rgba(162, 238, 255, 0.45);
  transform: rotateY(65deg) rotateZ(23deg);
}

.product-home-final-art > b {
  position: absolute;
  top: 87px;
  left: 87px;
  display: grid;
  z-index: 2;
  width: 136px;
  height: 136px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.54);
  border-radius: 50%;
  background: radial-gradient(circle at 32% 27%, #fff, var(--home-cyan) 12%, var(--home-blue) 48%, #142b73);
  box-shadow: 0 28px 50px rgba(7, 24, 71, 0.32), inset -15px -18px 28px rgba(10, 35, 100, 0.3);
  color: #fff;
  font-size: 43px;
  transform: translateZ(48px);
}

.product-home-final-art > i {
  position: absolute;
  z-index: 3;
  width: 18px;
  height: 18px;
  border: 4px solid rgba(255, 255, 255, 0.88);
  border-radius: 50%;
  background: var(--home-cyan);
  box-shadow: 0 8px 18px rgba(7, 24, 71, 0.25);
}

.product-home-final-art > i:nth-child(1) { top: 49px; left: 32px; }
.product-home-final-art > i:nth-child(2) { top: 22px; right: 68px; background: var(--home-pink); }
.product-home-final-art > i:nth-child(3) { right: 13px; bottom: 84px; background: var(--home-violet); }

.product-home-final-art > span {
  position: absolute;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 12px 14px 0 rgba(7, 24, 71, 0.1);
  transform: rotateX(55deg) rotateZ(-17deg) translateZ(30px);
}

.product-home-final-art > span:nth-last-child(2) { right: 1px; bottom: 14px; }
.product-home-final-art > span:last-child { bottom: 7px; left: 37px; width: 72px; background: rgba(58, 201, 238, 0.13); }

@keyframes product-home-world-in {
  from { opacity: 0; transform: translateY(24px) rotateY(-2deg) rotateX(1deg) scale(0.98); }
  to { opacity: 1; transform: translateY(0) rotateY(-2deg) rotateX(1deg) scale(1); }
}

@keyframes product-home-card-in {
  from { opacity: 0; translate: 0 14px; }
  to { opacity: 1; translate: 0 0; }
}

@media (max-width: 1260px) {
  .product-home-header { gap: 15px; padding-inline: 28px; }
  .product-home-nav a { padding-inline: 10px; }
  .product-home-hero { grid-template-columns: minmax(0, 0.95fr) minmax(470px, 1.05fr); gap: 35px; padding-inline: 34px; }
  .product-home-hero h1 { font-size: 54px; }
  .product-home-orbit-system { left: 25%; }
  .product-home-advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-home-advantage-grid > article { min-height: 350px; }
  .product-home-loop { gap: 45px; padding-inline: 55px; }
  .product-home-family { gap: 42px; padding-inline: 52px; }
  .product-home-exam-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-home-exam-card { min-height: 280px; }
}

@media (max-width: 1020px) {
  .product-home-header { grid-template-columns: auto 1fr auto; }
  .product-home-nav,
  .product-home-actions { display: none; }
  .product-home-mobile-menu { display: block; justify-self: end; }
  .product-home-mobile-menu summary { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid var(--home-line-strong); border-radius: 13px; background: #fff; color: var(--home-ink); cursor: pointer; list-style: none; }
  .product-home-mobile-menu summary::-webkit-details-marker { display: none; }
  .product-home-mobile-menu:not([open]) > nav { display: none; }
  .product-home-mobile-menu[open] > nav { position: absolute; top: 68px; right: 22px; display: grid; width: min(320px, calc(100vw - 44px)); overflow: hidden; border: 1px solid var(--home-line); border-radius: 19px; background: #fff; padding: 8px; box-shadow: var(--home-shadow); }
  .product-home-mobile-menu nav a { min-height: 48px; border-radius: 11px; padding: 14px; color: var(--home-ink); font-size: 14px; font-weight: 700; text-decoration: none; }
  .product-home-mobile-menu nav a:hover { background: var(--home-blue-pale); color: var(--home-blue-dark); }
  .product-home-hero { min-height: auto; grid-template-columns: 1fr; gap: 48px; padding-block: 64px; }
  .product-home-hero-copy { max-width: 760px; }
  .product-home-hero h1 { max-width: 760px; font-size: 58px; }
  .product-home-world { min-height: 580px; }
  .product-home-orbit-system { left: calc(50% - 155px); }
  .product-home-loop { grid-template-columns: 1fr; }
  .product-home-loop-orbit { position: absolute; right: 0; bottom: -2px; margin: 0; opacity: 0.75; }
  .product-home-family { grid-template-columns: 1fr; }
  .product-home-family-stage { min-height: 430px; }
  .product-home-final { grid-template-columns: 280px 1fr; gap: 35px; padding-inline: 55px; }
  .product-home-final-art { width: 270px; height: 270px; transform: scale(0.86); transform-origin: center; }
}

@media (max-width: 760px) {
  .product-home-header { min-height: 68px; padding-inline: 18px; }
  .product-home-brand > span:first-child { width: 39px; height: 39px; flex-basis: 39px; border-radius: 12px; }
  .product-home-brand small { display: none; }
  .product-home-announcement { align-items: flex-start; padding-inline: 18px; text-align: left; }
  .product-home-hero { gap: 38px; padding: 46px 20px 42px; }
  .product-home-hero h1 { margin-bottom: 20px; font-size: 38px; line-height: 1.08; }
  .product-home-hero-copy > p { font-size: 17px; line-height: 1.58; }
  .product-home-hero-actions { align-items: stretch; }
  .product-home-hero-actions :is(.product-home-primary, .product-home-secondary) { min-width: min(100%, 220px); }
  .product-home-proof { display: grid; gap: 10px; }
  .product-home-world { min-height: 420px; perspective: 760px; }
  .product-home-world-inner { border-radius: 24px; transform: none; }
  .product-home-world-grid { height: 65%; background-size: 34px 34px; }
  .product-home-orbit-system { top: 15%; left: calc(50% - 120px); width: 240px; height: 240px; }
  .product-home-orbit--three { inset: 24px; }
  .product-home-core { top: 72px; left: 72px; width: 96px; height: 96px; font-size: 31px; }
  .product-home-cube { top: 51px; right: 21px; transform: scale(0.74) rotateX(-16deg) rotateY(-30deg) translateZ(60px); }
  .product-home-book-stack { bottom: 46px; left: 17px; transform: scale(0.76) rotateX(57deg) rotateZ(-17deg) translateZ(30px); }
  .product-home-score-podium { right: 27px; bottom: 55px; transform: scale(0.78) rotateY(-18deg) translateZ(40px); transform-origin: bottom right; }
  .product-home-floating-card--focus { top: 20px; left: 15px; width: 157px; }
  .product-home-floating-card--mastery { top: 210px; right: 12px; width: 136px; }
  .product-home-floating-card--family { bottom: 12px; left: 28%; width: 150px; }
  .product-home-signal-strip { width: calc(100% - 40px); grid-template-columns: repeat(2, 1fr); margin-top: 4px; border-radius: 18px; }
  .product-home-signal-strip > span { min-height: 82px; padding: 15px 18px; }
  .product-home-signal-strip > span + span { border-left: 0; }
  .product-home-signal-strip > span:nth-child(even) { border-left: 1px solid var(--home-line); }
  .product-home-signal-strip > span:nth-child(n + 3) { border-top: 1px solid var(--home-line); }
  .product-home-section { width: calc(100% - 40px); padding: 84px 0; }
  .product-home-section-heading { margin-bottom: 34px; }
  .product-home-section-heading h2,
  .product-home-loop h2,
  .product-home-family h2,
  .product-home-final h2 { font-size: 29px; }
  .product-home-section-heading p,
  .product-home-loop-intro > p,
  .product-home-family > div:first-child > p,
  .product-home-final > div:last-child > p { font-size: 16px; }
  .product-home-advantage-grid { grid-template-columns: 1fr; }
  .product-home-advantage-grid > article { min-height: 330px; }
  .product-home-loop { width: calc(100% - 40px); gap: 42px; border-radius: 28px; padding: 58px 22px 26px; }
  .product-home-loop-orbit { position: relative; right: auto; bottom: auto; margin-top: 28px; }
  .product-home-loop li { min-height: 0; grid-template-columns: auto minmax(0, 1fr); padding: 18px 16px; }
  .product-home-loop li > svg { display: none; }
  .product-home-family { width: calc(100% - 40px); min-height: auto; gap: 35px; margin-top: 84px; border-radius: 28px; padding: 54px 22px 28px; }
  .product-home-family-stage { min-height: 390px; }
  .product-home-family-preview { top: 42px; right: 2px; left: 2px; transform: rotateY(-3deg) rotateX(2deg) translateZ(20px); }
  .product-home-family-float--one { left: -6px; }
  .product-home-family-float--two { right: -6px; }
  .product-home-family-skills > span { grid-template-columns: 75px 1fr 32px; }
  .product-home-section-heading--row { display: block; }
  .product-home-exam-action { margin-top: 22px; }
  .product-home-exam-grid { grid-template-columns: 1fr; }
  .product-home-exam-card { min-height: 270px; }
  .product-home-final { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 20px; margin-bottom: 84px; border-radius: 28px; padding: 36px 22px 54px; }
  .product-home-final-art { width: 270px; height: 240px; margin: 0 auto; transform: scale(0.82); transform-origin: center; }
  .product-home-final > div:last-child > div { flex-wrap: wrap; }
}

@media (max-width: 390px) {
  .product-home-hero { padding-inline: 14px; }
  .product-home-kicker { font-size: 10px; letter-spacing: 0.09em; }
  .product-home-hero h1 { font-size: 30px; letter-spacing: -0.05em; }
  .product-home-hero-actions { display: grid; }
  .product-home-hero-actions :is(.product-home-primary, .product-home-secondary) { width: 100%; min-width: 0; }
  .product-home-world { min-height: 370px; }
  .product-home-world-inner { border-radius: 21px; }
  .product-home-cube,
  .product-home-book-stack { display: none; }
  .product-home-orbit-system { top: 13%; left: calc(50% - 105px); width: 210px; height: 210px; }
  .product-home-core { top: 64px; left: 64px; width: 82px; height: 82px; font-size: 27px; }
  .product-home-score-podium { right: 17px; bottom: 45px; transform: scale(0.62) rotateY(-18deg) translateZ(30px); }
  .product-home-floating-card { padding: 10px 11px; }
  .product-home-floating-card--focus { top: 15px; left: 9px; width: 144px; }
  .product-home-floating-card--mastery { top: 182px; right: 7px; width: 125px; }
  .product-home-floating-card--family { bottom: 9px; left: 14px; width: 142px; }
  .product-home-signal-strip,
  .product-home-section,
  .product-home-loop,
  .product-home-family,
  .product-home-final { width: calc(100% - 28px); }
  .product-home-section-heading h2,
  .product-home-loop h2,
  .product-home-family h2,
  .product-home-final h2 { font-size: 24px; }
  .product-home-family { padding-inline: 16px; }
  .product-home-family-stage { min-height: 360px; }
  .product-home-family-preview { min-height: 320px; }
  .product-home-family-score strong { font-size: 38px; }
  .product-home-family-skills { padding-inline: 14px; }
  .product-home-family-skills > span { grid-template-columns: 68px 1fr 30px; gap: 6px; }
  .product-home-final-art { margin-left: -4px; transform: scale(0.72); transform-origin: left center; }
  .product-home-final > div:last-child > div { display: grid; }
  .product-home-final > div:last-child > div a { width: 100%; }
}

:where(html[lang^="zh"], html[lang="ja"], html[lang="ko"]) .product-home :is(h1, h2, h3) {
  letter-spacing: 0;
}

html[lang^="zh"] .product-home-hero h1 {
  font-size: 44px;
  line-height: 1.08;
}

:where(html[lang="ja"], html[lang="ko"]) .product-home-hero h1 {
  font-size: 38px;
  line-height: 1.1;
}

@media (max-width: 760px) {
  html[lang^="zh"] .product-home-hero h1,
  html[lang="ja"] .product-home-hero h1,
  html[lang="ko"] .product-home-hero h1 {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  html[lang^="zh"] .product-home-hero h1,
  html[lang="ja"] .product-home-hero h1,
  html[lang="ko"] .product-home-hero h1 {
    font-size: 24px;
  }
}

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

@media (forced-colors: active) {
  .product-home-ambient,
  .product-home-world-inner > :not(.product-home-floating-card),
  .product-home-shape,
  .product-home-loop-orbit,
  .product-home-family-halo,
  .product-home-final-art {
    display: none;
  }

  .product-home-world-inner,
  .product-home-loop,
  .product-home-family,
  .product-home-final {
    border: 2px solid CanvasText;
    background: Canvas;
    color: CanvasText;
  }
}