:root {
  --brand-blue: #1677f2;
  --brand-blue-dark: #0d4fb8;
  --ink: #061b3a;
  --text: #2b4568;
  --muted: #617797;
  --line: #d7e5f6;
  --soft-blue: #eef6ff;
  --pale-blue: #eaf4ff;
  --mint: #22b89a;
  --amber: #d99632;
  --white: #ffffff;
  --header-height: 76px;
  --shadow-blue: 0 18px 38px rgba(22, 119, 242, 0.18);
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: var(--white);
  font-family:
    "Inter", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
  line-height: 1.7;
}

body:not([data-page="platform"]) {
  padding-top: var(--header-height);
}

body.menu-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  width: 100%;
  height: var(--header-height);
  margin: 0;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid rgba(36, 126, 255, 0.82);
  border-radius: 0;
  background: linear-gradient(90deg, #03164a 0%, #061e58 38%, #04194b 100%);
  box-shadow:
    inset 0 1px 0 rgba(163, 220, 255, 0.28),
    inset 0 -1px 0 rgba(0, 116, 255, 0.68),
    0 12px 28px rgba(6, 51, 132, 0.2);
}

.site-header::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(53, 194, 255, 0.9) 9%, #157cff 50%, rgba(53, 194, 255, 0.9) 91%, transparent);
  pointer-events: none;
}

.header-inner {
  width: min(1360px, calc(100% - 48px));
  height: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
  position: relative;
  z-index: 1;
}

.brand {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 0;
  width: max-content;
  transform: translateX(clamp(80px, 7.5vw, 108px));
}

.brand-logo {
  width: 132px;
  height: auto;
  display: block;
  filter: none;
}

.desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0;
  color: rgba(240, 248, 255, 0.86);
  font-size: 16px;
  font-weight: 700;
}

.desktop-nav a {
  position: relative;
  padding: 25px 17px 23px;
  border-radius: 0;
  white-space: nowrap;
  transition:
    color 180ms ease,
    background 180ms ease;
}

.desktop-nav a::after {
  position: absolute;
  right: 17px;
  bottom: 0;
  left: 17px;
  height: 3px;
  content: "";
  border-radius: 3px 3px 0 0;
  background: #36b7ff;
  box-shadow: 0 -3px 14px rgba(55, 183, 255, 0.72);
  opacity: 0;
  transform: scaleX(0.5);
  transition:
    opacity 180ms ease,
    transform 180ms ease;
}

.desktop-nav a:hover,
.desktop-nav a.active {
  color: #ffffff;
  background: rgba(32, 117, 255, 0.2);
}

.desktop-nav a:hover::after,
.desktop-nav a.active::after {
  opacity: 1;
  transform: scaleX(1);
}

.header-actions {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  transform: translateX(calc(-1 * clamp(80px, 7.5vw, 108px)));
}

.header-phone-link {
  display: grid;
  gap: 1px;
  padding: 2px 4px;
  color: #a8cffb;
  font-size: 12px;
  line-height: 1.25;
  text-align: right;
  white-space: nowrap;
  transition: color 180ms ease;
}

.header-phone-link strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
}

.header-phone-link:hover,
.header-phone-link:focus-visible {
  color: #dff4ff;
  outline: none;
}

.header-cta {
  min-width: 104px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 800;
  transition:
    transform 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease;
}

.header-cta {
  border: 1px solid rgba(114, 195, 255, 0.46);
  color: var(--white);
  background: #176cf1;
  box-shadow:
    inset 0 1px 0 rgba(202, 235, 255, 0.24),
    0 8px 18px rgba(5, 47, 134, 0.35);
}

.header-cta:hover,
.primary-button:hover {
  background: #2587ff;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(6, 59, 164, 0.44);
}

.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border: 1px solid rgba(153, 208, 255, 0.58);
  border-radius: 8px;
  background: rgba(20, 82, 174, 0.38);
  color: var(--white);
}

.menu-toggle span {
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 999px;
}

.mobile-nav {
  display: none;
}

.contact-widget {
  position: fixed;
  right: 24px;
  bottom: 120px;
  z-index: 40;
  transition: right 220ms ease;
}

.contact-widget.contact-widget-baidu {
  top: 60%;
  right: 0;
  bottom: auto;
  z-index: 90;
}

.baidu-consult-entry {
  display: block;
  width: 56px;
  height: 125px;
}

.baidu-consult-badge {
  display: block;
  width: 56px;
  height: 125px;
  overflow: hidden;
  border-radius: 8px 0 0 8px;
  box-shadow: none;
  transition: transform 180ms ease;
}

.baidu-consult-badge img {
  display: block;
  width: 56px;
  height: 125px;
}

.baidu-consult-entry:hover .baidu-consult-badge,
.baidu-consult-entry:focus-visible .baidu-consult-badge {
  transform: translateX(-1px);
}

.baidu-consult-entry:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .contact-widget.contact-widget-baidu {
    top: auto;
    right: 0;
    bottom: 24px;
  }

  .baidu-consult-entry,
  .baidu-consult-badge,
  .baidu-consult-badge img {
    width: 48px;
    height: 107px;
  }
}

.contact-widget-trigger {
  min-width: 150px;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 18px;
  border: 1px solid rgba(170, 221, 255, 0.5);
  border-radius: 8px;
  color: var(--white);
  background: #1774f4;
  box-shadow:
    inset 0 1px 0 rgba(210, 241, 255, 0.3),
    0 14px 30px rgba(10, 79, 192, 0.34);
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  transition:
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.contact-widget-trigger:hover,
.contact-widget-trigger:focus-visible,
.contact-widget-trigger[aria-expanded="true"] {
  background: #2587ff;
  box-shadow:
    inset 0 1px 0 rgba(223, 247, 255, 0.36),
    0 18px 36px rgba(6, 79, 189, 0.42);
  outline: none;
  transform: translateY(-1px);
}

.contact-widget-bubble {
  width: 28px;
  height: 22px;
  display: block;
  position: relative;
  border: 2px solid currentColor;
  border-radius: 9px;
}

.contact-widget-bubble::before {
  position: absolute;
  right: 4px;
  bottom: -6px;
  width: 7px;
  height: 7px;
  content: "";
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: skewY(36deg);
}

.contact-widget-bubble::after {
  position: absolute;
  top: 8px;
  left: 5px;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 50%;
  background: currentColor;
  box-shadow: 6px 0 0 currentColor, 12px 0 0 currentColor;
}

.contact-widget-panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 12px);
  width: 206px;
  padding: 18px;
  border: 1px solid rgba(184, 214, 245, 0.9);
  border-radius: 8px;
  color: #143662;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 20px 46px rgba(3, 32, 85, 0.22);
}

.contact-widget-panel[hidden] {
  display: none;
}

.contact-widget-wechat {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dbeafa;
}

.contact-widget-wechat p {
  margin: 0;
  color: #173f78;
  font-size: 18px;
  font-weight: 900;
}

.contact-widget-wechat img {
  width: 142px;
  height: 142px;
  display: block;
  border: 1px solid #d7e7f8;
  border-radius: 4px;
  image-rendering: auto;
}

.contact-widget-wechat > span {
  color: #7288a5;
  font-size: 13px;
  font-weight: 700;
}

.contact-widget-phone {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-top: 15px;
  color: #163d72;
}

.contact-widget-phone > span:last-child {
  display: grid;
  gap: 2px;
}

.contact-widget-phone strong {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}

.contact-widget-phone small {
  color: #1774f4;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
}

.contact-widget-phone-icon {
  width: 22px;
  height: 22px;
  display: block;
  position: relative;
  flex: 0 0 auto;
  border: 2px solid #1774f4;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 4px 4px 9px 4px;
  transform: rotate(-38deg);
}

.contact-widget-phone-icon::after {
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 7px;
  height: 7px;
  content: "";
  border-right: 3px solid #1774f4;
  border-bottom: 3px solid #1774f4;
  border-radius: 0 0 3px;
}

.contact-widget-phone:hover strong,
.contact-widget-phone:focus-visible strong {
  color: #1774f4;
}

.contact-widget-phone:focus-visible {
  outline: none;
}

@media (min-width: 861px) {
  .contact-widget {
    right: -96px;
  }

  .contact-widget:hover,
  .contact-widget.is-open {
    right: 0;
  }
}

.home-carousel * {
  box-sizing: border-box;
}

.home-carousel {
  position: relative;
  height: clamp(520px, 41.667vw, 800px);
  overflow: hidden;
  background: #eaf4ff;
}

.home-carousel-track,
.home-carousel-slide {
  position: absolute;
  inset: 0;
}

.home-carousel-slide {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 520ms ease,
    visibility 520ms ease;
}

.home-carousel-slide.is-active {
  opacity: 1;
  visibility: visible;
}

.home-carousel-slide img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  user-select: none;
}

.carousel-copy {
  position: absolute;
  top: 30.2%;
  left: clamp(96px, 11.02vw, 214px);
  z-index: 1;
  width: min(710px, 45vw);
  color: var(--ink);
}

.home-slide-2 .carousel-copy {
  top: 31.6%;
  width: min(760px, 44vw);
}

.home-slide-3 .carousel-copy {
  top: 29.9%;
  width: min(650px, 40vw);
}

.carousel-copy h1 {
  margin: 0;
  color: #0d3470;
  font-size: 52px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: 0;
}

.carousel-copy h1 span {
  color: inherit;
}

.carousel-nowrap {
  font: inherit;
  white-space: nowrap;
}

.carousel-copy p {
  margin: clamp(18px, 1.55vw, 30px) 0 0;
  color: #243c60;
  font-size: clamp(18px, 1.25vw, 24px);
  line-height: 1.5;
  font-weight: 500;
}

.home-slide-1 .carousel-copy p {
  font-size: clamp(16px, 1.08vw, 21px);
}

.home-slide-2 .carousel-copy p {
  margin-top: clamp(14px, 1.15vw, 22px);
}

.home-slide-3 .carousel-copy p {
  margin-top: clamp(10px, 1vw, 18px);
}

.carousel-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  margin-top: clamp(58px, 4.35vw, 84px);
}

.carousel-tag {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 15px;
  border: 1px solid rgba(171, 205, 247, 0.72);
  border-radius: 8px;
  color: #102646;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: 0 10px 24px rgba(22, 119, 242, 0.08);
  font-size: clamp(14px, 0.95vw, 17px);
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.carousel-tag::before {
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  border: 2px solid #1174ff;
  border-radius: 5px;
  background: rgba(18, 111, 255, 0.08);
}

.carousel-tags-compact {
  gap: 8px 12px;
  margin-top: clamp(26px, 1.7vw, 32px);
}

.home-slide-2 .carousel-tags-compact {
  width: min(700px, 37vw);
  max-width: 100%;
}

.carousel-tags-compact .carousel-tag {
  min-height: 46px;
  padding: 9px 18px;
  color: #0869eb;
}

.home-slide-2 .carousel-tags-compact .carousel-tag {
  min-height: 40px;
  padding: 7px 12px;
  font-size: clamp(13px, 0.84vw, 16px);
}

.carousel-tags-check {
  gap: 14px 17px;
  margin-top: clamp(18px, 1.05vw, 20px);
}

.home-slide-3 .carousel-tags-check {
  width: min(540px, 31vw);
  max-width: 100%;
}

.carousel-tags-check .carousel-tag {
  min-width: clamp(104px, 6.3vw, 122px);
  min-height: 46px;
  padding: 9px 14px;
}

.home-slide-3 .carousel-tags-check .carousel-tag {
  min-width: clamp(112px, 6.2vw, 122px);
  min-height: 44px;
  padding: 8px 12px;
  font-size: clamp(13px, 0.84vw, 16px);
}

.carousel-tags-compact .carousel-tag::before {
  display: none;
}

.home-slide-1 .carousel-tag::before,
.carousel-tags-check .carousel-tag::before {
  width: 15px;
  height: 9px;
  border: 0;
  border-left: 3px solid #126fff;
  border-bottom: 3px solid #126fff;
  border-radius: 0;
  background: transparent;
  transform: rotate(-45deg) translateY(-2px);
}

.carousel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: clamp(34px, 2.4vw, 46px);
}

.home-slide-2 .carousel-actions {
  margin-top: clamp(34px, 2.2vw, 42px);
}

.home-slide-3 .carousel-actions {
  margin-top: clamp(36px, 2.8vw, 46px);
}

.carousel-primary,
.carousel-secondary {
  min-width: 158px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 900;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.home-slide-2 .carousel-primary {
  min-width: 172px;
}

.home-slide-3 .carousel-primary,
.home-slide-3 .carousel-secondary {
  min-height: 46px;
}

.carousel-primary {
  color: var(--white);
  background: linear-gradient(135deg, #1680ff 0%, #005de7 100%);
  box-shadow: 0 14px 30px rgba(22, 119, 242, 0.26);
}

.carousel-secondary {
  color: #0b67df;
  border: 1px solid rgba(22, 119, 242, 0.55);
  background: rgba(255, 255, 255, 0.54);
}

.carousel-primary:hover,
.carousel-secondary:hover {
  transform: translateY(-1px);
}

.carousel-primary:hover {
  box-shadow: 0 18px 36px rgba(22, 119, 242, 0.32);
}

.carousel-secondary:hover {
  border-color: #126fff;
  background: rgba(255, 255, 255, 0.82);
}

.carousel-control {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(22, 119, 242, 0.18);
  border-radius: 50%;
  color: var(--brand-blue);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 12px 30px rgba(22, 119, 242, 0.12);
  cursor: pointer;
  transform: translateY(-50%);
  transition:
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.carousel-control:hover {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 36px rgba(22, 119, 242, 0.18);
  transform: translateY(-50%) scale(1.04);
}

.carousel-control span {
  display: block;
  margin-top: -2px;
  font-size: 34px;
  line-height: 1;
}

.carousel-prev {
  left: 32px;
}

.carousel-next {
  right: 32px;
}

.carousel-dots {
  position: absolute;
  left: 50%;
  bottom: 26px;
  z-index: 2;
  display: flex;
  gap: 10px;
  padding: 7px 10px;
  border: 1px solid rgba(22, 119, 242, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}

.carousel-dots button {
  width: 28px;
  height: 4px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(22, 119, 242, 0.28);
  cursor: pointer;
  transition:
    width 180ms ease,
    background 180ms ease;
}

.carousel-dots button.is-active {
  width: 42px;
  background: var(--brand-blue);
}

.home-image-modules {
  background: #eef7ff;
}

.home-image-module {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.home-image-module img {
  width: 100%;
  height: auto;
  display: block;
}

.home-ai-module {
  container-type: inline-size;
  color: #071a38;
}

.home-core-module,
.home-steps-module {
  container-type: inline-size;
  color: #071a38;
}

.home-ai-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.home-core-layer,
.home-steps-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.home-module-bg {
  pointer-events: none;
  user-select: none;
}

.home-ai-layer p,
.home-ai-title,
.home-core-layer p,
.home-core-title,
.home-core-item h3,
.home-steps-title,
.home-step-copy h3,
.home-step-copy p {
  margin: 0;
  letter-spacing: 0;
}

.home-section-title {
  color: #0d3470;
  font-weight: 900;
  letter-spacing: 0;
}

.home-section-title::before,
.home-section-title::after {
  position: absolute;
  left: 50%;
  content: "";
  pointer-events: none;
}

.home-section-title::before {
  top: calc(100% + 0.46em);
  width: 2.2em;
  height: 0.06em;
  background:
    linear-gradient(
      90deg,
      transparent 0 3%,
      rgba(22, 119, 242, 0.16) 3% 9%,
      #1677f2 23% 44%,
      transparent 44% 56%,
      #1677f2 56% 77%,
      rgba(22, 119, 242, 0.16) 91% 97%,
      transparent 97% 100%
    );
  box-shadow: 0 0 0.22em rgba(22, 119, 242, 0.24);
  transform: translateX(-50%);
}

.home-section-title::after {
  top: calc(100% + 0.34em);
  width: 0.19em;
  height: 0.19em;
  background: #1677f2;
  box-shadow: 0 0 0.16em rgba(22, 119, 242, 0.4);
  transform: translateX(-50%) rotate(45deg);
}

.home-ai-title {
  position: absolute;
  top: 26.15%;
  left: 10.85%;
  font-size: 2.68cqw;
  line-height: 1.32;
}

.home-ai-title span {
  color: inherit;
}

.home-ai-slogan span {
  color: #237dff;
}

.home-ai-desc {
  position: absolute;
  top: 49.2%;
  left: 10.9%;
  color: #172b4d;
  font-size: 22px;
  font-size: 1.12cqw;
  line-height: 1.85;
  font-weight: 700;
}

.home-ai-number {
  position: absolute;
  color: #ffffff;
  font-size: 28px;
  font-size: 1.42cqw;
  line-height: 1;
  font-weight: 900;
  transform: translate(-50%, -50%);
}

.home-ai-number-1 {
  top: 24.2%;
  left: 41.3%;
}

.home-ai-number-2 {
  top: 24.2%;
  left: 76.7%;
}

.home-ai-number-3 {
  top: 51.45%;
  left: 41.3%;
}

.home-ai-number-4 {
  top: 51.45%;
  left: 76.7%;
}

.home-ai-card-text {
  position: absolute;
  color: #102646;
  font-size: 21px;
  font-size: 1.08cqw;
  line-height: 1.9;
  font-weight: 800;
  white-space: nowrap;
}

.home-ai-card-text-1 {
  top: 22.8%;
  left: 43.8%;
}

.home-ai-card-text-2 {
  top: 22.8%;
  left: 79%;
}

.home-ai-card-text-3 {
  top: 52.6%;
  left: 43.8%;
}

.home-ai-card-text-4 {
  top: 51.3%;
  left: 79%;
}

.home-ai-slogan {
  position: absolute;
  top: 80.55%;
  left: 33.2%;
  color: #071a38;
  font-size: 29px;
  font-size: 1.5cqw;
  line-height: 1.25;
  font-weight: 800;
  white-space: nowrap;
}

.home-core-title {
  position: absolute;
  top: 13.4%;
  left: 50%;
  font-size: 2.68cqw;
  line-height: 1.18;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-core-desc {
  position: absolute;
  top: 26%;
  left: 50%;
  width: 48%;
  color: #526784;
  font-size: 20px;
  font-size: 1.04cqw;
  line-height: 1.45;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-core-item {
  position: absolute;
  width: 19%;
  white-space: nowrap;
}

.home-core-item h3 {
  color: #061b3a;
  font-size: 28px;
  font-size: 1.45cqw;
  line-height: 1.35;
  font-weight: 900;
}

.home-core-item p {
  margin-top: 10px;
  color: #526784;
  font-size: 18px;
  font-size: 0.95cqw;
  line-height: 1.68;
  font-weight: 600;
}

.home-core-item-1,
.home-core-item-2,
.home-core-item-3 {
  left: 24.15%;
}

.home-core-item-4,
.home-core-item-5,
.home-core-item-6 {
  left: 73.85%;
}

.home-core-item-1,
.home-core-item-4 {
  top: 33%;
}

.home-core-item-2,
.home-core-item-5 {
  top: 52.8%;
}

.home-core-item-3,
.home-core-item-6 {
  top: 73.4%;
}

.home-steps-title {
  position: absolute;
  top: 13.55%;
  left: 50%;
  font-size: 2.68cqw;
  line-height: 1.18;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-steps-title::before,
.home-steps-title::after {
  display: none;
}

.home-step-number {
  position: absolute;
  color: #126fff;
  font-size: 24px;
  font-size: 1.24cqw;
  line-height: 1;
  font-weight: 900;
  transform: translate(-50%, -50%);
}

.home-step-number-1 {
  top: 35.25%;
  left: 19.7%;
}

.home-step-number-2 {
  top: 35.25%;
  left: 34.6%;
}

.home-step-number-3 {
  top: 35.25%;
  left: 49.75%;
}

.home-step-number-4 {
  top: 35.25%;
  left: 65.3%;
}

.home-step-number-5 {
  top: 35.25%;
  left: 79.9%;
}

.home-step-copy {
  position: absolute;
  width: 12%;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-step-copy h3 {
  color: #0872ff;
  font-size: 25px;
  font-size: 1.3cqw;
  line-height: 1.35;
  font-weight: 900;
}

.home-step-copy p {
  margin-top: 18px;
  color: #102646;
  font-size: 18px;
  font-size: 0.93cqw;
  line-height: 1.7;
  font-weight: 700;
}

.home-step-copy-1 {
  top: 56.3%;
  left: 19.7%;
}

.home-step-copy-2 {
  top: 56.3%;
  left: 34.6%;
}

.home-step-copy-3 {
  top: 56.3%;
  left: 49.75%;
}

.home-step-copy-4 {
  top: 56.3%;
  left: 65.3%;
}

.home-step-copy-5 {
  top: 56.3%;
  left: 79.9%;
}

.home-cases-section {
  position: relative;
  overflow: hidden;
  padding: 44px 0 64px;
  background:
    linear-gradient(180deg, #f5f9ff 0%, #eef6ff 100%),
    #eef6ff;
}

.home-cases-section::before,
.home-cases-section::after {
  position: absolute;
  top: 52px;
  width: 360px;
  height: 120px;
  content: "";
  opacity: 0.5;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(22, 119, 242, 0.16) 0 1px, transparent 1px 100%),
    linear-gradient(135deg, transparent 0 42%, rgba(22, 119, 242, 0.14) 42% 43%, transparent 43% 100%);
  background-size:
    92px 100%,
    100% 100%;
}

.home-cases-section::before {
  left: 0;
}

.home-cases-section::after {
  right: 0;
  transform: scaleX(-1);
}

.home-cases-header {
  position: relative;
  z-index: 1;
  width: min(860px, calc(100% - 48px));
  margin: 0 auto;
  text-align: center;
}

.home-cases-title {
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: 52px;
  line-height: 1.18;
}

.home-cases-subtitle {
  min-height: 28px;
  margin: 38px 0 0;
  color: #364e70;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 700;
}

.home-case-tabs {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 26px;
}

.home-case-tab {
  min-width: 186px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 26px;
  border: 1px solid #d4e1f2;
  border-radius: 999px;
  color: #1a2c4b;
  background: rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  transition:
    color 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.home-case-tab:hover {
  border-color: rgba(22, 119, 242, 0.4);
  transform: translateY(-1px);
}

.home-case-tab.is-active {
  color: var(--white);
  border-color: rgba(22, 119, 242, 0.08);
  background: linear-gradient(135deg, #4a86ff 0%, #0d6fff 100%);
  box-shadow: 0 12px 28px rgba(22, 119, 242, 0.24);
}

.home-case-tab-icon {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 auto;
  color: currentColor;
}

.home-case-tab-icon::before,
.home-case-tab-icon::after {
  position: absolute;
  content: "";
}

.home-case-tab-icon-travel::before {
  inset: 2px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.home-case-tab-icon-travel::after {
  left: 8px;
  top: 4px;
  width: 7px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-35deg);
}

.home-case-tab-icon-knowledge::before {
  left: 2px;
  right: 2px;
  top: 5px;
  height: 11px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.home-case-tab-icon-knowledge::after {
  left: 6px;
  right: 6px;
  top: 2px;
  height: 5px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}

.home-case-tab-icon-service::before {
  inset: 2px;
  border: 2px solid currentColor;
  border-radius: 6px;
}

.home-case-tab-icon-service::after {
  left: 8px;
  bottom: 0;
  width: 5px;
  height: 5px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}

.home-cases-stage {
  position: relative;
  z-index: 1;
  width: min(1740px, calc(100% - 48px));
  margin: 22px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 38px;
}

.home-case-panels {
  width: min(1530px, 100%);
  min-width: 0;
}

.home-case-panel {
  margin: 0;
}

.home-case-panel[hidden] {
  display: none;
}

.home-case-panel img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

.home-case-arrow {
  width: 58px;
  height: 58px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #1677f2;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(33, 91, 154, 0.12);
  cursor: pointer;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.home-case-arrow:hover {
  background: var(--white);
  box-shadow: 0 16px 34px rgba(33, 91, 154, 0.18);
  transform: translateY(-1px);
}

.home-case-arrow span {
  display: block;
  margin-top: -4px;
  font-size: 48px;
  line-height: 1;
  font-weight: 300;
}

.home-why-section {
  background: #eef7ff;
}

.home-why-module {
  position: relative;
  margin: 0;
  overflow: hidden;
  container-type: inline-size;
  color: #071a38;
}

.home-why-bg {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
  user-select: none;
}

.home-why-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.home-why-layer h2,
.home-why-layer h3,
.home-why-layer p {
  margin: 0;
  letter-spacing: 0;
}

.home-why-title {
  position: absolute;
  top: 7.8%;
  left: 50%;
  font-size: 2.68cqw;
  line-height: 1.18;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-why-subtitle {
  position: absolute;
  top: 22.7%;
  left: 50%;
  color: #173263;
  font-size: 19px;
  font-size: 0.98cqw;
  line-height: 1.35;
  font-weight: 700;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-why-orb-copy {
  position: absolute;
  top: 39.8%;
  left: 50%;
  width: 12%;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-why-orb-copy h3 {
  color: #0758d9;
  font-size: 30px;
  font-size: 1.56cqw;
  line-height: 1.15;
  font-weight: 900;
}

.home-why-orb-copy p {
  margin-top: 10px;
  margin-top: 0.52cqw;
  color: #0758d9;
  font-size: 18px;
  font-size: 0.94cqw;
  line-height: 1.55;
  font-weight: 900;
}

.home-why-reason {
  position: absolute;
  width: 14%;
  white-space: nowrap;
}

.home-why-reason > span {
  display: block;
  color: #77a8ff;
  font-size: 28px;
  font-size: 1.44cqw;
  line-height: 1;
  font-weight: 900;
}

.home-why-reason h3 {
  margin-top: 8px;
  margin-top: 0.42cqw;
  color: #061b3a;
  font-size: 19px;
  font-size: 0.98cqw;
  line-height: 1.35;
  font-weight: 900;
}

.home-why-reason p {
  margin-top: 7px;
  margin-top: 0.36cqw;
  color: #20375e;
  font-size: 13px;
  font-size: 0.68cqw;
  line-height: 1.35;
  font-weight: 700;
}

.home-why-reason-1,
.home-why-reason-3 {
  left: 26.2%;
}

.home-why-reason-2,
.home-why-reason-4 {
  left: 68.35%;
}

.home-why-reason-1,
.home-why-reason-2 {
  top: 31%;
}

.home-why-reason-3,
.home-why-reason-4 {
  top: 52.6%;
}

.home-why-models {
  display: flex;
  gap: 7px;
  gap: 0.36cqw;
  margin-top: 10px;
  margin-top: 0.52cqw;
}

.home-why-models span {
  min-height: 16px;
  min-height: 0.84cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 8px;
  padding: 0.05cqw 0.42cqw;
  border: 1px solid rgba(34, 104, 245, 0.34);
  border-radius: 999px;
  color: #1c63de;
  background: rgba(247, 251, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-size: 0.56cqw;
  line-height: 1;
  font-weight: 800;
}

.home-why-bottom-label,
.home-why-agent-label {
  position: absolute;
  color: #1764dd;
  text-align: center;
  font-size: 13px;
  font-size: 0.67cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.86);
  transform: translateX(-50%);
}

.home-why-bottom-label {
  top: 79%;
}

.home-why-bottom-label-erp {
  left: 25.25%;
}

.home-why-bottom-label-knowledge {
  left: 36.25%;
}

.home-why-bottom-label-business {
  left: 63.05%;
}

.home-why-bottom-label-data {
  left: 73.65%;
}

.home-why-agent-label {
  top: 81%;
  left: 50.25%;
  color: #1764dd;
  font-size: 30px;
  font-size: 1.55cqw;
  line-height: 0.96;
}

.home-why-agent-label small {
  font-size: 14px;
  font-size: 0.72cqw;
  font-weight: 800;
}

.home-platform-cta-section {
  background: #eef7ff;
}

.home-platform-cta-module {
  position: relative;
  margin: 0;
  overflow: hidden;
  container-type: inline-size;
  color: #071a38;
}

.home-platform-cta-bg {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
  user-select: none;
}

.home-platform-cta-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.home-platform-cta-title {
  position: absolute;
  top: 17.8%;
  left: 50%;
  margin: 0;
  color: #071a38;
  font-size: 2.68cqw;
  line-height: 1.55;
  font-weight: 900;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.home-platform-cta-title span {
  color: #1677f2;
}

.home-platform-cta-actions {
  position: absolute;
  top: 72.2%;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 2.26cqw;
  transform: translateX(-50%);
}

.home-platform-cta-button {
  width: 14.5cqw;
  height: 3.59cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.15cqw;
  border-radius: 0.68cqw;
  font-size: 1.25cqw;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.home-platform-cta-button::after {
  width: 0.56cqw;
  height: 0.56cqw;
  content: "";
  border-top: 0.14cqw solid currentColor;
  border-right: 0.14cqw solid currentColor;
  transform: rotate(45deg);
}

.home-platform-cta-button:hover {
  transform: translateY(-0.08cqw);
}

.home-platform-cta-button:focus-visible {
  outline: 0.14cqw solid #0b69ef;
  outline-offset: 0.22cqw;
}

.home-platform-cta-button-primary {
  color: #ffffff;
  background: linear-gradient(100deg, #1a8aff 0%, #3d6cff 100%);
  box-shadow: 0 0.82cqw 1.28cqw rgba(35, 111, 246, 0.3);
}

.home-platform-cta-button-primary:hover {
  background: linear-gradient(100deg, #117ff8 0%, #2f60f4 100%);
  box-shadow: 0 1.02cqw 1.5cqw rgba(35, 111, 246, 0.36);
}

.home-platform-cta-button-secondary {
  border: 0.1cqw solid #1677f2;
  color: #1677f2;
  background: rgba(255, 255, 255, 0.74);
}

.home-platform-cta-button-secondary:hover {
  border-color: #0767ec;
  background: rgba(255, 255, 255, 0.93);
}

.agent-image-modules {
  background: #eef7ff;
}

.agent-image-module {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.agent-image-module img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

.agent-module-1,
.agent-module-2,
.agent-module-3,
.agent-module-4,
.agent-module-5,
.agent-module-6 {
  container-type: inline-size;
  color: #071a38;
}

.agent-module-bg {
  pointer-events: none;
  user-select: none;
}

.agent-hero-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.agent-hero-layer h1,
.agent-hero-layer h2,
.agent-hero-layer p {
  margin: 0;
  letter-spacing: 0;
}

.agent-hero-title {
  position: absolute;
  top: 29.15%;
  left: 10.3%;
  color: #071a38;
  font-size: 64px;
  font-size: 1.67cqw;
  line-height: 1.16;
  font-weight: 900;
  white-space: nowrap;
}

.agent-hero-subtitle {
  position: absolute;
  top: 40.55%;
  left: 10.3%;
  color: #237dff;
  font-size: 48px;
  font-size: 1.25cqw;
  line-height: 1.16;
  font-weight: 900;
  white-space: nowrap;
}

.agent-hero-subtitle::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2.15cqw;
  width: 2.36cqw;
  height: 0.08cqw;
  min-height: 1px;
  border-radius: 999px;
  background: #6caeff;
}

.agent-hero-desc {
  position: absolute;
  top: 51.75%;
  left: 10.3%;
  color: #3d506d;
  font-size: 28px;
  font-size: 0.73cqw;
  line-height: 1.72;
  font-weight: 600;
}

.agent-hero-tags {
  position: absolute;
  top: 63.65%;
  left: 10.3%;
  display: flex;
  align-items: center;
  gap: 0.38cqw;
  white-space: nowrap;
}

.agent-hero-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5cqw;
  padding: 0 0.64cqw;
  border: 1px solid rgba(35, 125, 255, 0.25);
  border-radius: 999px;
  color: #237dff;
  background: rgba(255, 255, 255, 0.58);
  font-size: 20px;
  font-size: 0.52cqw;
  line-height: 1;
  font-weight: 700;
}

.agent-hero-actions {
  position: absolute;
  top: 71.85%;
  left: 10.3%;
  display: flex;
  align-items: center;
  gap: 1.05cqw;
}

.agent-hero-actions a {
  width: 9.1cqw;
  min-height: 2.56cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.42cqw;
  font-size: 27px;
  font-size: 0.7cqw;
  line-height: 1;
  font-weight: 800;
  text-decoration: none;
}

.agent-hero-primary {
  color: #ffffff;
  background: linear-gradient(180deg, #60a7ff 0%, #1f73f4 100%);
  box-shadow: 0 0.36cqw 0.8cqw rgba(31, 115, 244, 0.22);
}

.agent-hero-secondary {
  border: 1px solid rgba(35, 125, 255, 0.26);
  color: #237dff;
  background: rgba(255, 255, 255, 0.62);
}

.agent-hero-card-copy {
  position: absolute;
  color: #071a38;
  white-space: nowrap;
}

.agent-hero-card-copy h2 {
  color: #071a38;
  font-size: 30px;
  font-size: 0.78cqw;
  line-height: 1.15;
  font-weight: 900;
}

.agent-hero-card-copy p {
  margin-top: 0.34cqw;
  color: #526784;
  font-size: 21px;
  font-size: 0.55cqw;
  line-height: 1.65;
  font-weight: 700;
}

.agent-card-knowledge {
  top: 21.15%;
  left: 53.78%;
}

.agent-card-crm {
  top: 21.15%;
  left: 79.28%;
}

.agent-card-oa {
  top: 46.0%;
  left: 47.5%;
}

.agent-card-mail {
  top: 45.85%;
  left: 86.05%;
}

.agent-card-report {
  top: 71.05%;
  left: 50.0%;
}

.agent-card-workflow {
  top: 71.2%;
  left: 82.52%;
}

.agent-platform-title {
  position: absolute;
  top: 43.15%;
  left: 67.05%;
  color: #237dff;
  font-size: 40px;
  font-size: 1.04cqw;
  line-height: 1.18;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-platform-labels span,
.agent-process-labels span {
  position: absolute;
  color: #113d7a;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-platform-labels span {
  top: 56.05%;
  font-size: 20px;
  font-size: 0.52cqw;
}

.agent-platform-label-1 {
  left: 59.96%;
}

.agent-platform-label-2 {
  left: 64.9%;
}

.agent-platform-label-3 {
  left: 69.85%;
}

.agent-platform-label-4 {
  left: 74.85%;
}

.agent-process-labels span {
  top: 81.38%;
  color: #4d6b91;
  font-size: 16px;
  font-size: 0.5cqw;
}

.agent-process-label-1 {
  left: 59.45%;
}

.agent-process-label-2 {
  left: 64.58%;
}

.agent-process-label-3 {
  left: 69.78%;
}

.agent-process-label-4 {
  left: 74.72%;
}

.agent-compare-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.agent-compare-layer h2,
.agent-compare-layer h3,
.agent-compare-layer p {
  margin: 0;
  letter-spacing: 0;
}

.agent-compare-title {
  position: absolute;
  top: 7.65%;
  left: 50%;
  color: #071a38;
  font-size: 42px;
  font-size: 2.2cqw;
  line-height: 1.12;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-compare-subtitle {
  position: absolute;
  top: 15.55%;
  left: 50%;
  color: #1677f2;
  font-size: 26px;
  font-size: 1.36cqw;
  line-height: 1.18;
  font-weight: 800;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-compare-panel-copy {
  position: absolute;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-compare-panel-copy h3 {
  color: #071a38;
  font-size: 24px;
  font-size: 1.25cqw;
  line-height: 1.18;
  font-weight: 900;
}

.agent-compare-panel-copy p {
  margin-top: 0.58cqw;
  color: #263b58;
  font-size: 16px;
  font-size: 0.84cqw;
  line-height: 1.22;
  font-weight: 700;
}

.agent-traditional-copy {
  top: 29.2%;
  left: 25.0%;
}

.agent-intelligent-copy {
  top: 28.85%;
  left: 63.72%;
}

.agent-intelligent-copy h3,
.agent-intelligent-copy p {
  color: #1677f2;
}

.agent-traditional-label,
.agent-compare-flow-labels span,
.agent-mini-flow-labels span,
.agent-compare-flow-steps span {
  position: absolute;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-traditional-label {
  top: 50.9%;
  color: #172b4d;
  font-size: 15px;
  font-size: 0.78cqw;
  font-weight: 700;
}

.agent-traditional-label-1 {
  left: 18.6%;
}

.agent-traditional-label-2 {
  left: 24.98%;
}

.agent-traditional-label-3 {
  left: 31.25%;
}

.agent-compare-vs {
  position: absolute;
  top: 43.9%;
  left: 37.28%;
  color: #1677f2;
  font-size: 28px;
  font-size: 1.46cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.agent-compare-flow-steps span {
  top: 49.4%;
  width: 1.05cqw;
  height: 1.05cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  background: #1677f2;
  box-shadow: 0 0.12cqw 0.4cqw rgba(22, 119, 242, 0.22);
  font-size: 11px;
  font-size: 0.56cqw;
  font-weight: 900;
}

.agent-flow-step-1,
.agent-flow-label-1 {
  left: 44.35%;
}

.agent-flow-step-2,
.agent-flow-label-2 {
  left: 51.6%;
}

.agent-flow-step-3,
.agent-flow-label-3 {
  left: 58.98%;
}

.agent-flow-step-4,
.agent-flow-label-4 {
  left: 66.05%;
}

.agent-flow-step-5,
.agent-flow-label-5 {
  left: 73.25%;
}

.agent-flow-step-6,
.agent-flow-label-6 {
  left: 80.38%;
}

.agent-compare-flow-labels span {
  top: 52.85%;
  color: #172b4d;
  font-size: 15px;
  font-size: 0.78cqw;
  font-weight: 800;
}

.agent-dialogue-row {
  position: absolute;
  left: 20.65%;
  display: flex;
  align-items: baseline;
  gap: 2.0cqw;
  color: #071a38;
  font-size: 18px;
  font-size: 0.94cqw;
  line-height: 1.25;
  font-weight: 700;
  white-space: nowrap;
}

.agent-dialogue-row strong {
  min-width: 4.0cqw;
  color: #1677f2;
  font-weight: 900;
}

.agent-dialogue-row-1 {
  top: 65.65%;
}

.agent-dialogue-row-2 {
  top: 73.55%;
}

.agent-dialogue-row-2 strong {
  color: #071a38;
}

.agent-dialogue-row-3 {
  top: 81.55%;
}

.agent-dialogue-row-3 strong,
.agent-dialogue-row-3 span {
  color: #1677f2;
  font-weight: 900;
}

.agent-mini-flow-labels span {
  top: 84.85%;
  color: #113d7a;
  font-size: 13px;
  font-size: 0.68cqw;
  font-weight: 800;
}

.agent-mini-flow-label-1 {
  left: 58.16%;
}

.agent-mini-flow-label-2 {
  left: 65.38%;
}

.agent-mini-flow-label-3 {
  left: 72.62%;
}

.agent-mini-flow-label-4 {
  left: 80.05%;
}

.agent-capability-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.agent-capability-layer h2,
.agent-capability-layer h3,
.agent-capability-layer p {
  margin: 0;
  letter-spacing: 0;
}

.agent-capability-title {
  position: absolute;
  top: 14.15%;
  left: 50%;
  color: #071a38;
  font-size: 46px;
  font-size: 2.4cqw;
  line-height: 1.18;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-capability-subtitle {
  position: absolute;
  top: 24.25%;
  left: 50%;
  color: #5597ff;
  font-size: 22px;
  font-size: 1.15cqw;
  line-height: 1.18;
  font-weight: 800;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-capability-actions {
  position: absolute;
  top: 30.68%;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 1.86cqw;
  transform: translateX(-50%);
}

.agent-capability-actions a {
  min-height: 2.1cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #237dff;
  font-size: 16px;
  font-size: 0.83cqw;
  line-height: 1;
  font-weight: 800;
  text-decoration: none;
}

.agent-capability-primary {
  width: 8.02cqw;
}

.agent-capability-secondary {
  width: 8.38cqw;
}

.agent-capability-primary::after {
  content: "";
  width: 0.34cqw;
  height: 0.34cqw;
  margin-left: 0.55cqw;
  border-right: 0.11cqw solid currentColor;
  border-bottom: 0.11cqw solid currentColor;
  transform: rotate(-45deg);
}

.agent-capability-secondary::after {
  content: "";
  width: 0.48cqw;
  height: 0.56cqw;
  margin-left: 0.45cqw;
  border: 0.1cqw solid currentColor;
  border-radius: 0.08cqw;
  box-sizing: border-box;
  background:
    linear-gradient(currentColor, currentColor) 50% 35% / 0.24cqw 0.06cqw no-repeat,
    linear-gradient(currentColor, currentColor) 50% 58% / 0.24cqw 0.06cqw no-repeat;
}

.agent-capability-card-copy h3,
.agent-capability-card-copy span,
.agent-capability-bottom-labels span {
  position: absolute;
  white-space: nowrap;
}

.agent-capability-card-copy h3 {
  top: 52.92%;
  color: #237dff;
  font-size: 23px;
  font-size: 1.2cqw;
  line-height: 1.15;
  font-weight: 900;
  transform: translateX(-50%);
}

.agent-capability-card-copy span {
  color: #263b58;
  font-size: 17px;
  font-size: 0.89cqw;
  line-height: 1;
  font-weight: 700;
}

.agent-capability-card-copy span:nth-of-type(1) {
  top: 60.48%;
}

.agent-capability-card-copy span:nth-of-type(2) {
  top: 65.82%;
}

.agent-capability-card-copy span:nth-of-type(3) {
  top: 71.05%;
}

.agent-capability-card-copy span:nth-of-type(4) {
  top: 76.36%;
}

.agent-capability-card-1 h3 {
  left: 23.54%;
}

.agent-capability-card-1 span {
  left: 22.45%;
}

.agent-capability-card-2 h3 {
  left: 36.56%;
}

.agent-capability-card-2 span {
  left: 35.35%;
}

.agent-capability-card-3 h3 {
  left: 50.12%;
}

.agent-capability-card-3 span {
  left: 48.62%;
}

.agent-capability-card-4 h3 {
  left: 63.95%;
}

.agent-capability-card-4 span {
  left: 62.36%;
}

.agent-capability-card-5 h3 {
  left: 77.52%;
}

.agent-capability-card-5 span {
  left: 75.62%;
}

.agent-capability-bottom-labels span {
  top: 88.72%;
  color: #7fa8ed;
  font-size: 16px;
  font-size: 0.83cqw;
  line-height: 1;
  font-weight: 800;
}

.agent-capability-bottom-1 {
  left: 35.25%;
}

.agent-capability-bottom-2 {
  left: 48.28%;
}

.agent-capability-bottom-3 {
  left: 59.02%;
}

.agent-assistant-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.agent-assistant-layer h2,
.agent-assistant-layer h3 {
  margin: 0;
  letter-spacing: 0;
}

.agent-assistant-title {
  position: absolute;
  top: 8.9%;
  left: 50%;
  color: #071a38;
  font-size: 46px;
  font-size: 2.37cqw;
  line-height: 1.18;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-assistant-card h3,
.agent-assistant-card span {
  position: absolute;
  white-space: nowrap;
}

.agent-assistant-card h3 {
  top: var(--title-top);
  left: var(--title-x);
  color: #0068ff;
  font-size: 24px;
  font-size: 1.24cqw;
  line-height: 1.15;
  font-weight: 900;
}

.agent-assistant-card span {
  left: var(--text-x);
  color: #172b4d;
  font-size: 17px;
  font-size: 0.88cqw;
  line-height: 1;
  font-weight: 700;
}

.agent-assistant-card span:nth-of-type(1) {
  top: var(--item-top);
}

.agent-assistant-card span:nth-of-type(2) {
  top: calc(var(--item-top) + 4.25%);
}

.agent-assistant-card span:nth-of-type(3) {
  top: calc(var(--item-top) + 8.45%);
}

.agent-assistant-card span:nth-of-type(4) {
  top: calc(var(--item-top) + 12.65%);
}

.agent-assistant-card-1,
.agent-assistant-card-2,
.agent-assistant-card-3 {
  --title-top: 27.72%;
  --item-top: 35.58%;
}

.agent-assistant-card-4,
.agent-assistant-card-5,
.agent-assistant-card-6 {
  --title-top: 61.56%;
  --item-top: 69.4%;
}

.agent-assistant-card-1,
.agent-assistant-card-4 {
  --title-x: 28.75%;
  --text-x: 27.45%;
}

.agent-assistant-card-2,
.agent-assistant-card-5 {
  --title-x: 48.3%;
  --text-x: 46.45%;
}

.agent-assistant-card-3,
.agent-assistant-card-6 {
  --title-x: 69.3%;
  --text-x: 67.65%;
}

.agent-business-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.agent-business-layer h2,
.agent-business-layer h3,
.agent-business-layer p {
  margin: 0;
  letter-spacing: 0;
}

.agent-business-title {
  position: absolute;
  top: 8.78%;
  left: 50%;
  color: #071a38;
  font-size: 46px;
  font-size: 2.4cqw;
  line-height: 1.16;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-business-entrance-title,
.agent-business-result-title,
.agent-business-support h3 {
  position: absolute;
  color: #0b83ff;
  font-size: 22px;
  font-size: 1.15cqw;
  line-height: 1.12;
  font-weight: 900;
  white-space: nowrap;
}

.agent-business-entrance-title {
  top: 20.6%;
  left: 11.9%;
}

.agent-business-result-title {
  top: 20.6%;
  left: 81.55%;
}

.agent-business-systems span,
.agent-business-results span,
.agent-business-support span {
  position: absolute;
  color: #071a38;
  font-size: 16px;
  font-size: 0.83cqw;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-system-erp {
  top: 36.08%;
  left: 11.65%;
}

.agent-system-crm {
  top: 36.08%;
  left: 18.72%;
}

.agent-system-oa {
  top: 48.0%;
  left: 11.65%;
}

.agent-system-mes {
  top: 48.0%;
  left: 18.72%;
}

.agent-system-wms {
  top: 60.28%;
  left: 11.65%;
}

.agent-system-wechat {
  top: 60.28%;
  left: 18.72%;
}

.agent-system-ding {
  top: 72.55%;
  left: 15.08%;
}

.agent-business-node {
  position: static;
}

.agent-business-node h3,
.agent-business-node p {
  position: absolute;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-business-node h3 {
  top: 51.6%;
  left: var(--node-x);
  color: #0068ff;
  font-size: 18px;
  font-size: 0.94cqw;
  line-height: 1.15;
  font-weight: 900;
}

.agent-business-node p {
  top: 55.85%;
  left: var(--node-x);
  color: #3c4c63;
  font-size: 15px;
  font-size: 0.78cqw;
  line-height: 1.62;
  font-weight: 600;
}

.agent-business-node-api {
  --node-x: 31.12%;
}

.agent-business-node-platform {
  --node-x: 41.98%;
}

.agent-business-node-knowledge {
  --node-x: 52.22%;
}

.agent-business-node-process {
  --node-x: 61.58%;
}

.agent-business-node-employee {
  --node-x: 70.7%;
}

.agent-result-report {
  top: 30.72%;
  left: 87.58%;
}

.agent-result-ticket {
  top: 40.65%;
  left: 87.58%;
}

.agent-result-follow {
  top: 50.52%;
  left: 87.58%;
}

.agent-result-sync {
  top: 60.48%;
  left: 87.58%;
}

.agent-result-notice {
  top: 70.45%;
  left: 87.58%;
}

.agent-business-support h3 {
  top: 84.86%;
  left: 23.55%;
}

.agent-business-support span {
  top: 85.86%;
  color: #173267;
}

.agent-support-erp {
  left: 31.45%;
}

.agent-support-crm {
  left: 36.65%;
}

.agent-support-oa {
  left: 41.82%;
}

.agent-support-mes {
  left: 47.02%;
}

.agent-support-finance {
  left: 53.08%;
}

.agent-support-database {
  left: 59.18%;
}

.agent-support-wechat {
  left: 65.32%;
}

.agent-support-ding {
  left: 70.62%;
}

.agent-support-feishu {
  left: 75.78%;
}

.agent-architecture-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.agent-architecture-layer h2,
.agent-architecture-layer h3,
.agent-architecture-layer p {
  margin: 0;
  letter-spacing: 0;
}

.agent-architecture-title {
  position: absolute;
  top: 5.2%;
  left: 50%;
  color: #071a38;
  font-size: 52px;
  font-size: 2.68cqw;
  line-height: 1.05;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.agent-architecture-row h3,
.agent-architecture-row p,
.agent-architecture-labels span,
.agent-architecture-models h3,
.agent-architecture-models p,
.agent-architecture-models span {
  position: absolute;
  white-space: nowrap;
}

.agent-architecture-row h3 {
  top: calc(var(--title-top) - 0.85%);
  left: 26.22%;
  color: #0068ff;
  font-size: 24px;
  font-size: 1.24cqw;
  line-height: 1.1;
  font-weight: 900;
}

.agent-architecture-row p {
  top: calc(var(--desc-top) - 0.85%);
  left: 26.24%;
  color: #10264b;
  font-size: 17px;
  font-size: 0.88cqw;
  line-height: 1.2;
  font-weight: 700;
}

.agent-architecture-labels span {
  top: calc(var(--label-top) - var(--label-shift-y, 0.85%));
  color: #10264b;
  font-size: 18px;
  font-size: 0.93cqw;
  line-height: 1;
  font-weight: 700;
  transform: translateX(-50%);
}

.agent-architecture-row-1 {
  --title-top: 22.7%;
  --desc-top: 26.6%;
  --label-top: 24.9%;
}

.agent-architecture-row-2 {
  --title-top: 34.55%;
  --desc-top: 38.35%;
  --label-top: 36.75%;
}

.agent-architecture-row-3 {
  --title-top: 45.35%;
  --desc-top: 49.2%;
  --label-top: 47.6%;
}

.agent-architecture-row-4 {
  --title-top: 56.05%;
  --desc-top: 59.9%;
  --label-top: 58.25%;
}

.agent-architecture-row-5 {
  --title-top: 66.95%;
  --desc-top: 70.8%;
  --label-top: 69.1%;
  --label-shift-y: 1.55%;
}

.agent-architecture-row-6 {
  --title-top: 77.72%;
  --desc-top: 81.55%;
  --label-top: 79.85%;
  --label-shift-y: 1.55%;
}

.agent-architecture-row-7 {
  --title-top: 87.98%;
  --desc-top: 91.55%;
  --label-top: 90.35%;
  --label-shift-y: 1.55%;
}

.agent-architecture-row-1 .agent-arch-label-1 {
  left: 38.65%;
}

.agent-architecture-row-1 .agent-arch-label-2 {
  left: 47.1%;
}

.agent-architecture-row-1 .agent-arch-label-3 {
  left: 55.62%;
}

.agent-architecture-row-1 .agent-arch-label-4 {
  left: 63.55%;
}

.agent-architecture-row-2 .agent-arch-label-1,
.agent-architecture-row-3 .agent-arch-label-1 {
  left: 38.7%;
}

.agent-architecture-row-2 .agent-arch-label-2,
.agent-architecture-row-3 .agent-arch-label-2 {
  left: 48.45%;
}

.agent-architecture-row-2 .agent-arch-label-3,
.agent-architecture-row-3 .agent-arch-label-3 {
  left: 59.5%;
}

.agent-architecture-row-4 .agent-arch-label-1 {
  left: 38.45%;
}

.agent-architecture-row-4 .agent-arch-label-2 {
  left: 43.75%;
}

.agent-architecture-row-4 .agent-arch-label-3 {
  left: 52.35%;
}

.agent-architecture-row-4 .agent-arch-label-4 {
  left: 62.05%;
}

.agent-architecture-row-5 .agent-arch-label-1 {
  left: 37.75%;
}

.agent-architecture-row-5 .agent-arch-label-2 {
  left: 44.4%;
}

.agent-architecture-row-5 .agent-arch-label-3 {
  left: 52.95%;
}

.agent-architecture-row-5 .agent-arch-label-4 {
  left: 62.78%;
}

.agent-architecture-row-6 .agent-arch-label-1 {
  left: 38.65%;
}

.agent-architecture-row-6 .agent-arch-label-2 {
  left: 48.5%;
}

.agent-architecture-row-6 .agent-arch-label-3 {
  left: 58.6%;
}

.agent-architecture-row-7 .agent-arch-label-1 {
  left: 38.6%;
}

.agent-architecture-row-7 .agent-arch-label-2 {
  left: 46.3%;
}

.agent-architecture-row-7 .agent-arch-label-3 {
  left: 54.68%;
}

.agent-architecture-row-7 .agent-arch-label-4 {
  left: 62.78%;
}

.agent-architecture-models h3 {
  top: 26.43%;
  left: 77.48%;
  color: #0068ff;
  font-size: 28px;
  font-size: 1.44cqw;
  line-height: 1.1;
  font-weight: 900;
  transform: translateX(-50%);
}

.agent-architecture-models p {
  top: 34.5%;
  left: 77.48%;
  color: #10264b;
  font-size: 16px;
  font-size: 0.82cqw;
  line-height: 1.2;
  font-weight: 700;
  transform: translateX(-50%);
}

.agent-architecture-models span {
  left: 77.48%;
  color: #0068ff;
  font-size: 20px;
  font-size: 1.03cqw;
  line-height: 1;
  font-weight: 900;
  transform: translateX(-50%);
}

.agent-model-deepseek {
  top: 43.35%;
}

.agent-model-qwen {
  top: 52.5%;
}

.agent-model-gpt {
  top: 61.6%;
}

.agent-model-claude {
  top: 70.7%;
}

.agent-model-gemini {
  top: 79.85%;
}

.agent-cases-section {
  position: relative;
  overflow: hidden;
  background: #eef7ff;
  container-type: inline-size;
}

.agent-cases-copy {
  position: absolute;
  top: 5.7%;
  left: 50%;
  z-index: 2;
  width: min(760px, 58%);
  color: #061b3a;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: auto;
  user-select: text;
}

.agent-cases-copy h2,
.agent-cases-copy p {
  margin: 0;
  letter-spacing: 0;
}

.agent-cases-copy h2 {
  position: relative;
  padding-bottom: 28px;
  font-size: 52px;
  font-size: 2.72cqw;
  line-height: 1.05;
  font-weight: 900;
  white-space: nowrap;
}

.agent-cases-copy h2::after {
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 74px;
  height: 6px;
  content: "";
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, #1677f2 0 3px, transparent 4px),
    linear-gradient(90deg, #1677f2 0 42%, transparent 42% 58%, #1677f2 58% 100%);
  transform: translateX(-50%);
}

.agent-cases-copy p {
  color: #223a60;
  font-size: 17px;
  font-size: 0.88cqw;
  line-height: 1.55;
  font-weight: 700;
  white-space: nowrap;
}

.agent-case-panels {
  position: relative;
  width: 100%;
}

.agent-case-panel {
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 520ms ease,
    visibility 520ms ease;
}

.agent-case-panel:not(.is-active) {
  position: absolute;
  inset: 0;
}

.agent-case-panel.is-active {
  opacity: 1;
  visibility: visible;
}

.agent-case-panel img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

.agent-case-arrow {
  position: absolute;
  top: 52%;
  z-index: 3;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(22, 119, 242, 0.18);
  border-radius: 50%;
  color: #1677f2;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 12px 30px rgba(22, 119, 242, 0.12);
  cursor: pointer;
  transform: translateY(-50%);
  transition:
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.agent-case-arrow:hover {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 36px rgba(22, 119, 242, 0.18);
  transform: translateY(-50%) scale(1.04);
}

.agent-case-arrow span {
  display: block;
  margin-top: -4px;
  font-size: 38px;
  line-height: 1;
  font-weight: 300;
}

.agent-case-prev {
  left: 28px;
}

.agent-case-next {
  right: 28px;
}

.agent-case-dots {
  position: absolute;
  left: 50%;
  bottom: 22px;
  z-index: 3;
  display: flex;
  gap: 9px;
  padding: 6px 9px;
  border: 1px solid rgba(22, 119, 242, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}

.agent-case-dots button {
  width: 24px;
  height: 4px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(22, 119, 242, 0.28);
  cursor: pointer;
  transition:
    width 180ms ease,
    background 180ms ease;
}

.agent-case-dots button.is-active {
  width: 38px;
  background: #1677f2;
}

body[data-page="home"] main > .intro-band,
body[data-page="home"] main > .section,
body[data-page="home"] main > .consult-section {
  display: none;
}

.hero {
  position: relative;
  min-height: calc(100svh - var(--header-height) - 72px);
  overflow: hidden;
  background: #f9fcff;
}

.hero-canvas,
.hero-shade {
  position: absolute;
  inset: 0;
}

.hero-canvas {
  width: 100%;
  height: 100%;
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.26) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(238, 246, 255, 0.72) 100%);
}

.hero-inner {
  position: relative;
  z-index: 1;
  width: min(1360px, calc(100% - 48px));
  min-height: calc(100svh - var(--header-height) - 72px);
  margin: 0 auto;
  padding: 86px 0 66px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.eyebrow,
.section-kicker {
  margin: 0 0 14px;
  color: var(--brand-blue);
  font-size: 15px;
  font-weight: 800;
}

.hero h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(52px, 7vw, 92px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: 0;
}

.hero-copy {
  width: min(650px, 100%);
  margin: 26px 0 0;
  color: #253f62;
  font-size: 22px;
  line-height: 1.75;
  font-weight: 500;
}

.hero-actions {
  display: flex;
  gap: 14px;
  margin-top: 38px;
  flex-wrap: wrap;
}

.primary-button,
.secondary-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 800;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.primary-button {
  color: var(--white);
  background: var(--brand-blue);
  box-shadow: var(--shadow-blue);
}

.secondary-button {
  color: var(--brand-blue-dark);
  border: 1px solid #b7d5fb;
  background: rgba(255, 255, 255, 0.86);
}

.secondary-button:hover {
  border-color: var(--brand-blue);
  background: var(--white);
  transform: translateY(-1px);
}

.hero-metrics {
  width: min(720px, 100%);
  margin: 54px 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid #cfe1f7;
  border-radius: 8px;
  background: #cfe1f7;
}

.hero-metrics div {
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.82);
}

.hero-metrics dt {
  color: var(--ink);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 900;
}

.hero-metrics dd {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.page-hero {
  position: relative;
  overflow: hidden;
  padding: 104px 0 92px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.86) 45%, rgba(238, 247, 255, 0.78) 100%),
    repeating-linear-gradient(90deg, rgba(22, 119, 242, 0.08) 0 1px, transparent 1px 54px),
    repeating-linear-gradient(0deg, rgba(34, 184, 154, 0.07) 0 1px, transparent 1px 54px),
    #f7fbff;
  border-bottom: 1px solid #dbeafb;
}

.page-hero::after {
  position: absolute;
  right: max(32px, calc((100% - 1360px) / 2));
  top: 78px;
  width: min(38vw, 520px);
  height: 260px;
  content: "";
  border: 1px solid rgba(22, 119, 242, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(22, 119, 242, 0.08), rgba(34, 184, 154, 0.1)),
    repeating-linear-gradient(135deg, transparent 0 28px, rgba(22, 119, 242, 0.08) 28px 29px);
  opacity: 0.8;
}

.page-hero-inner {
  position: relative;
  z-index: 1;
}

.page-hero h1 {
  width: min(780px, 100%);
  margin: 0;
  color: var(--ink);
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: 0;
}

.page-lead {
  width: min(720px, 100%);
  margin: 24px 0 0;
  color: #253f62;
  font-size: 20px;
  line-height: 1.85;
  font-weight: 500;
}

.page-actions {
  display: flex;
  gap: 14px;
  margin-top: 34px;
  flex-wrap: wrap;
}

.section,
.intro-band,
.consult-section {
  scroll-margin-top: calc(var(--header-height) + 24px);
}

.section-inner {
  width: min(1360px, calc(100% - 48px));
  margin: 0 auto;
}

.intro-band {
  padding: 48px 0;
  background: var(--soft-blue);
  border-top: 1px solid #d6e7fa;
  border-bottom: 1px solid #d6e7fa;
}

.intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 72px;
  align-items: center;
}

.intro-grid h2,
.section-heading h2,
.platform-copy h2,
.about-layout h2,
.consult-layout h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.22;
  font-weight: 900;
  letter-spacing: 0;
}

.intro-grid p:last-child,
.section-heading p,
.platform-copy p,
.about-layout p,
.consult-layout p {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  line-height: 1.85;
}

.section {
  padding: 96px 0;
  background: var(--white);
}

.section-heading {
  width: min(760px, 100%);
  margin-bottom: 42px;
}

.section-heading h2 {
  margin-bottom: 16px;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.service-card,
.news-card {
  border: 1px solid #d9e5f4;
  border-radius: 8px;
  background: var(--white);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.service-card {
  min-height: 286px;
  padding: 30px;
}

.service-card:hover,
.news-card:hover {
  border-color: #b5d4f7;
  box-shadow: 0 20px 44px rgba(24, 62, 103, 0.08);
  transform: translateY(-2px);
}

.card-icon {
  width: 46px;
  height: 46px;
  display: inline-block;
  margin-bottom: 28px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(22, 119, 242, 0.15), rgba(34, 184, 154, 0.18)),
    #f8fbff;
  border: 1px solid #c8def6;
  position: relative;
}

.card-icon::before,
.card-icon::after {
  position: absolute;
  content: "";
}

.agent-icon::before {
  inset: 12px;
  border: 3px solid var(--brand-blue);
  border-radius: 50%;
}

.agent-icon::after {
  left: 21px;
  top: 6px;
  width: 3px;
  height: 34px;
  background: var(--mint);
  border-radius: 999px;
  transform: rotate(45deg);
}

.workflow-icon::before {
  left: 10px;
  top: 12px;
  width: 24px;
  height: 18px;
  border: 3px solid var(--brand-blue);
  border-radius: 5px;
}

.workflow-icon::after {
  right: 8px;
  bottom: 9px;
  width: 12px;
  height: 12px;
  border: 3px solid var(--mint);
  border-radius: 50%;
}

.insight-icon::before {
  left: 11px;
  right: 11px;
  bottom: 11px;
  height: 24px;
  background:
    linear-gradient(90deg, var(--brand-blue) 0 5px, transparent 5px 10px, var(--mint) 10px 15px, transparent 15px 20px, var(--amber) 20px 25px);
  border-radius: 3px;
}

.insight-icon::after {
  left: 10px;
  right: 10px;
  top: 11px;
  height: 3px;
  background: #9bb6d6;
  border-radius: 999px;
}

.service-card h3,
.case-item h3,
.news-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.35;
  font-weight: 900;
}

.service-card p {
  margin: 16px 0 0;
  color: var(--text);
  font-size: 16px;
  line-height: 1.85;
}

.card-link {
  display: inline-flex;
  margin-top: 24px;
}

.platform-section,
.news-section {
  background: #f7fbff;
  border-top: 1px solid #dceafa;
  border-bottom: 1px solid #dceafa;
}

.platform-image-modules {
  overflow: hidden;
  background: #eef7ff;
}

.platform-image-module {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.platform-image-module img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

.platform-module-bg {
  pointer-events: none;
  user-select: none;
}

.platform-hero-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-hero-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-hero-title,
.platform-hero-desc,
.platform-hero-tags {
  margin: 0;
  letter-spacing: 0;
}

.platform-hero-title {
  position: absolute;
  top: 20.8%;
  left: 7.45%;
  color: #092a67;
  font-size: 2.55cqw;
  line-height: 1.25;
  font-weight: 900;
  white-space: nowrap;
}

.platform-hero-desc {
  position: absolute;
  top: 38.9%;
  left: 7.5%;
  color: #4b6180;
  font-size: 1.05cqw;
  line-height: 1.65;
  font-weight: 500;
  white-space: nowrap;
}

.platform-hero-tags {
  position: absolute;
  top: 51.65%;
  left: 7.45%;
  width: 31.5%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.18cqw 0.82cqw;
  padding: 0;
  list-style: none;
}

.platform-hero-tags li {
  height: 2.05cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.52cqw;
  padding: 0 0.92cqw;
  border: 1px solid rgba(176, 205, 242, 0.78);
  border-radius: 999px;
  color: #1f4b86;
  background: rgba(255, 255, 255, 0.74);
  box-shadow:
    0 0.48cqw 1.1cqw rgba(22, 119, 242, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.76);
  font-size: 0.82cqw;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.platform-hero-tag-icon {
  position: relative;
  width: 0.98cqw;
  height: 0.98cqw;
  display: inline-block;
  flex: 0 0 auto;
  color: #1774ff;
}

.platform-hero-tag-icon::before,
.platform-hero-tag-icon::after {
  position: absolute;
  content: "";
}

.platform-hero-tag-icon::before {
  inset: 0.1cqw;
  border: 0.11cqw solid currentColor;
  border-radius: 0.22cqw;
  background: rgba(23, 116, 255, 0.06);
}

.platform-hero-tag-icon-model::after {
  left: 0.32cqw;
  top: 0.08cqw;
  width: 0.34cqw;
  height: 0.78cqw;
  border-left: 0.1cqw solid currentColor;
  border-right: 0.1cqw solid currentColor;
  transform: skewY(-28deg);
}

.platform-hero-tag-icon-agent::before {
  top: 0.26cqw;
  bottom: 0.1cqw;
}

.platform-hero-tag-icon-agent::after {
  left: 50%;
  top: 0.02cqw;
  width: 0.34cqw;
  height: 0.22cqw;
  border: 0.1cqw solid currentColor;
  border-bottom: 0;
  border-radius: 0.16cqw 0.16cqw 0 0;
  transform: translateX(-50%);
}

.platform-hero-tag-icon-knowledge::after,
.platform-hero-tag-icon-skill::after {
  left: 50%;
  top: 50%;
  width: 0.42cqw;
  height: 0.42cqw;
  border: 0.1cqw solid currentColor;
  border-radius: 0.06cqw;
  transform: translate(-50%, -50%);
}

.platform-hero-tag-icon-skill::before {
  border-radius: 50%;
}

.platform-hero-tag-icon-auth::after {
  left: 0.34cqw;
  top: 0.2cqw;
  width: 0.32cqw;
  height: 0.52cqw;
  border-right: 0.12cqw solid currentColor;
  border-bottom: 0.12cqw solid currentColor;
  transform: rotate(45deg);
}

.platform-hero-tag-icon-cloud::before {
  left: 0.08cqw;
  right: 0.08cqw;
  top: 0.36cqw;
  bottom: 0.2cqw;
  border-radius: 999px;
}

.platform-hero-tag-icon-cloud::after {
  left: 0.28cqw;
  top: 0.18cqw;
  width: 0.42cqw;
  height: 0.42cqw;
  border: 0.1cqw solid currentColor;
  border-bottom: 0;
  border-radius: 50% 50% 0 0;
}

.platform-hero-tag-icon-audit::after {
  left: 0.32cqw;
  top: 0.18cqw;
  width: 0.3cqw;
  height: 0.58cqw;
  border: 0.1cqw solid currentColor;
  border-top: 0;
}

.platform-hero-actions {
  position: absolute;
  top: 69.55%;
  left: 7.45%;
  display: flex;
  align-items: center;
  gap: 1.55cqw;
}

.platform-hero-button {
  width: 7.62cqw;
  height: 2.4cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7cqw;
  border-radius: 0.42cqw;
  font-size: 0.9cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.platform-hero-button::after {
  width: 0.42cqw;
  height: 0.42cqw;
  content: "";
  border-top: 0.11cqw solid currentColor;
  border-right: 0.11cqw solid currentColor;
  transform: rotate(45deg);
}

.platform-hero-button:hover {
  transform: translateY(-1px);
}

.platform-hero-button-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #2480ff 0%, #0863ea 100%);
  box-shadow: 0 0.6cqw 1.25cqw rgba(22, 119, 242, 0.24);
}

.platform-hero-button-secondary {
  color: #0d66ff;
  border: 1px solid rgba(22, 119, 242, 0.68);
  background: rgba(255, 255, 255, 0.66);
}

.platform-foundation-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-foundation-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-foundation-title,
.platform-foundation-subtitle,
.platform-foundation-issues,
.platform-foundation-warning,
.platform-foundation-card-title,
.platform-foundation-card-desc,
.platform-foundation-card-tags {
  margin: 0;
  letter-spacing: 0;
}

.platform-foundation-title {
  position: absolute;
  top: 5.55%;
  left: 50%;
  color: #071a38;
  font-size: 2.52cqw;
  line-height: 1.05;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-foundation-subtitle {
  position: absolute;
  top: 14.82%;
  left: 50%;
  color: #3f5274;
  font-size: 1.03cqw;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-foundation-issues,
.platform-foundation-card-tags {
  padding: 0;
  list-style: none;
}

.platform-foundation-issue {
  position: absolute;
  left: 32.55%;
  width: 14.2%;
  color: #071a38;
  font-size: 1.08cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  list-style: none;
}

.platform-foundation-issue-1 {
  top: 25.28%;
}

.platform-foundation-issue-2 {
  top: 34.58%;
}

.platform-foundation-issue-3 {
  top: 43.72%;
}

.platform-foundation-issue-4 {
  top: 53.02%;
}

.platform-foundation-issue-5 {
  top: 62.2%;
}

.platform-foundation-issue-6 {
  top: 71.48%;
}

.platform-foundation-issue-number {
  position: absolute;
  top: 0.06cqw;
  left: 12.86cqw;
  color: #0d6fff;
  font-size: 0.9cqw;
  line-height: 1;
  font-weight: 800;
}

.platform-foundation-warning {
  position: absolute;
  top: 80.55%;
  left: 31.88%;
  color: #126fff;
  font-size: 1.4cqw;
  line-height: 1.35;
  font-weight: 900;
  white-space: nowrap;
}

.platform-foundation-card-title {
  position: absolute;
  top: 59.12%;
  left: 61.28%;
  color: #126fff;
  font-size: 2.22cqw;
  line-height: 1.08;
  font-weight: 900;
  white-space: nowrap;
}

.platform-foundation-card-desc {
  position: absolute;
  top: 66.08%;
  left: 59.55%;
  color: #405579;
  font-size: 1.02cqw;
  line-height: 1.35;
  font-weight: 500;
  white-space: nowrap;
}

.platform-foundation-card-tag {
  position: absolute;
  top: 79.72%;
  color: #253b5c;
  font-size: 0.84cqw;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  list-style: none;
  transform: translateX(-50%);
}

.platform-foundation-card-tag-1 {
  left: 60.35%;
}

.platform-foundation-card-tag-2 {
  left: 66.18%;
}

.platform-foundation-card-tag-3 {
  left: 72.44%;
}

.platform-architecture-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-architecture-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-architecture-title,
.platform-architecture-rows,
.platform-architecture-row h3,
.platform-architecture-row ul {
  margin: 0;
  letter-spacing: 0;
}

.platform-architecture-title {
  position: absolute;
  top: 7.2%;
  left: 50%;
  color: #071a38;
  font-size: 2.5cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-architecture-rows,
.platform-architecture-row ul {
  padding: 0;
  list-style: none;
}

.platform-architecture-row {
  position: absolute;
  left: 0;
  right: 0;
  height: 10%;
  list-style: none;
}

.platform-architecture-row-user {
  top: 19%;
}

.platform-architecture-row-agent {
  top: 31.25%;
}

.platform-architecture-row-skill {
  top: 43.75%;
}

.platform-architecture-row-knowledge {
  top: 56%;
}

.platform-architecture-row-model {
  top: 68.3%;
}

.platform-architecture-row-system {
  top: 80.45%;
}

.platform-architecture-row h3,
.platform-architecture-row li {
  position: absolute;
  top: 50%;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}

.platform-architecture-row h3 {
  left: 30.45%;
  color: #086eff;
  font-size: 1.25cqw;
  font-weight: 900;
}

.platform-architecture-row li {
  color: #073384;
  font-size: 0.98cqw;
  font-weight: 700;
}

.platform-architecture-row-user li:nth-child(1) {
  left: 41.05%;
}

.platform-architecture-row-user li:nth-child(2) {
  left: 50.55%;
}

.platform-architecture-row-user li:nth-child(3) {
  left: 60.08%;
}

.platform-architecture-row-user li:nth-child(4) {
  left: 69.5%;
}

.platform-architecture-row-agent li:nth-child(1),
.platform-architecture-row-skill li:nth-child(1) {
  left: 40.25%;
}

.platform-architecture-row-agent li:nth-child(2),
.platform-architecture-row-skill li:nth-child(2) {
  left: 48.2%;
}

.platform-architecture-row-agent li:nth-child(3),
.platform-architecture-row-skill li:nth-child(3) {
  left: 55.98%;
}

.platform-architecture-row-agent li:nth-child(4),
.platform-architecture-row-skill li:nth-child(4) {
  left: 63.92%;
}

.platform-architecture-row-agent li:nth-child(5),
.platform-architecture-row-skill li:nth-child(5) {
  left: 71.95%;
}

.platform-architecture-row-knowledge li:nth-child(1) {
  left: 42.02%;
}

.platform-architecture-row-knowledge li:nth-child(2) {
  left: 55.18%;
}

.platform-architecture-row-knowledge li:nth-child(3) {
  left: 67.85%;
}

.platform-architecture-row-model li:nth-child(1) {
  left: 39.82%;
}

.platform-architecture-row-model li:nth-child(2) {
  left: 46.6%;
}

.platform-architecture-row-model li:nth-child(3) {
  left: 53.05%;
}

.platform-architecture-row-model li:nth-child(4) {
  left: 59.55%;
}

.platform-architecture-row-model li:nth-child(5) {
  left: 66.55%;
}

.platform-architecture-row-model li:nth-child(6) {
  left: 72.1%;
}

.platform-architecture-row-system li:nth-child(1) {
  left: 38.75%;
}

.platform-architecture-row-system li:nth-child(2) {
  left: 43.55%;
}

.platform-architecture-row-system li:nth-child(3) {
  left: 49.32%;
}

.platform-architecture-row-system li:nth-child(4) {
  left: 54.55%;
}

.platform-architecture-row-system li:nth-child(5) {
  left: 60.82%;
}

.platform-architecture-row-system li:nth-child(6) {
  left: 66.95%;
}

.platform-architecture-row-system li:nth-child(7) {
  left: 72.02%;
}

.platform-capabilities-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-capabilities-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-capabilities-title,
.platform-capabilities-list,
.platform-capability-card h3,
.platform-capability-card p {
  margin: 0;
  letter-spacing: 0;
}

.platform-capabilities-title {
  position: absolute;
  top: 8.35%;
  left: 50%;
  color: #0a3c9b;
  font-size: 2.62cqw;
  line-height: 1.05;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-capabilities-list {
  padding: 0;
  list-style: none;
}

.platform-capability-card {
  position: absolute;
  width: 12.48%;
  height: 30%;
  list-style: none;
  text-align: center;
}

.platform-capability-card-1,
.platform-capability-card-5 {
  left: 19.62%;
}

.platform-capability-card-2,
.platform-capability-card-6 {
  left: 35.74%;
}

.platform-capability-card-3,
.platform-capability-card-7 {
  left: 51.98%;
}

.platform-capability-card-4,
.platform-capability-card-8 {
  left: 68.22%;
}

.platform-capability-card-1,
.platform-capability-card-2,
.platform-capability-card-3,
.platform-capability-card-4 {
  top: 22.85%;
}

.platform-capability-card-5,
.platform-capability-card-6,
.platform-capability-card-7,
.platform-capability-card-8 {
  top: 57%;
}

.platform-capability-card h3 {
  position: absolute;
  top: 53.5%;
  left: 50%;
  color: #086eff;
  font-size: 1.08cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-capability-card p {
  position: absolute;
  top: 66.1%;
  left: 50%;
  width: 100%;
  color: #334765;
  font-size: 0.82cqw;
  line-height: 1.55;
  font-weight: 700;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-capability-card-3 p,
.platform-capability-card-5 p,
.platform-capability-card-8 p {
  top: 64.6%;
}

.platform-capability-card-7 h3 {
  font-size: 0.98cqw;
}

.platform-capability-card-4 p,
.platform-capability-card-7 p {
  top: 67.4%;
}

.platform-skill-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-skill-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-skill-title,
.platform-skill-desc,
.platform-skill-list-title,
.platform-skill-list {
  margin: 0;
  letter-spacing: 0;
}

.platform-skill-title {
  position: absolute;
  top: 14.65%;
  left: 16.88%;
  color: #071a38;
  font-size: 2.45cqw;
  line-height: 1.32;
  font-weight: 900;
  white-space: nowrap;
}

.platform-skill-title::after {
  position: absolute;
  left: 0;
  bottom: -1.05cqw;
  width: 2.7cqw;
  height: 0.22cqw;
  min-height: 3px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, #1f7cff 0%, #1f7cff 62%, #9dc6ff 62% 100%);
}

.platform-skill-title span {
  color: #0d72ff;
}

.platform-skill-desc {
  position: absolute;
  top: 34.4%;
  left: 16.9%;
  color: #526982;
  font-size: 0.88cqw;
  line-height: 1.72;
  font-weight: 600;
  white-space: nowrap;
}

.platform-skill-actions {
  position: absolute;
  top: 43%;
  left: 16.9%;
  display: flex;
  align-items: center;
  gap: 0.72cqw;
}

.platform-skill-button {
  width: 5.08cqw;
  height: 1.84cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.28cqw;
  font-size: 0.78cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.platform-skill-button:hover {
  transform: translateY(-1px);
}

.platform-skill-button-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #2480ff 0%, #0863ea 100%);
  box-shadow: 0 0.5cqw 1.05cqw rgba(22, 119, 242, 0.22);
}

.platform-skill-button-secondary {
  color: #0d66ff;
  border: 1px solid rgba(22, 119, 242, 0.68);
  background: rgba(255, 255, 255, 0.66);
}

.platform-skill-list-title {
  position: absolute;
  top: 52.18%;
  left: 16.9%;
  display: inline-flex;
  align-items: center;
  gap: 0.42cqw;
  color: #0d72ff;
  font-size: 0.92cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.platform-skill-list-title::after {
  width: 1.55cqw;
  height: 0.5cqw;
  content: "";
  background: repeating-linear-gradient(
    110deg,
    rgba(22, 119, 242, 0.52) 0 0.12cqw,
    transparent 0.12cqw 0.28cqw
  );
}

.platform-skill-list {
  position: absolute;
  top: 55.55%;
  left: 16.88%;
  width: 15.25cqw;
  display: grid;
  gap: 0.23cqw;
  padding: 0;
  list-style: none;
}

.platform-skill-item {
  height: 1.86cqw;
  display: grid;
  grid-template-columns: 2.38cqw minmax(0, 1fr) 1.65cqw;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.74cqw 0 0.86cqw;
  border: 1px solid rgba(185, 213, 247, 0.78);
  border-radius: 0.28cqw;
  color: #071a38;
  background: rgba(255, 255, 255, 0.68);
  box-shadow:
    0 0.36cqw 0.9cqw rgba(44, 107, 185, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  list-style: none;
}

.platform-skill-item-icon {
  width: 1.18cqw;
  height: 1.18cqw;
  color: #0d72ff;
}

.platform-skill-item-icon path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.platform-skill-item-name {
  overflow: hidden;
  color: #071a38;
  font-size: 0.78cqw;
  line-height: 1;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-skill-item-number {
  color: #9fb0cd;
  font-size: 0.72cqw;
  line-height: 1;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.platform-model-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-model-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-model-title,
.platform-model-tags-title,
.platform-model-tags,
.platform-model-desc {
  margin: 0;
  letter-spacing: 0;
}

.platform-model-title {
  position: absolute;
  top: 18.25%;
  left: 11.25%;
  color: #071a38;
  font-size: 2.5cqw;
  line-height: 1.28;
  font-weight: 900;
  white-space: nowrap;
}

.platform-model-title::after {
  position: absolute;
  left: 0;
  bottom: -0.82cqw;
  width: 2.22cqw;
  height: 0.2cqw;
  min-height: 3px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, #1f7cff 0%, #1f7cff 62%, #a7ceff 62% 100%);
}

.platform-model-title span {
  color: #0d72ff;
}

.platform-model-tags-title {
  position: absolute;
  top: 38%;
  left: 11.28%;
  color: #233a5f;
  font-size: 0.9cqw;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.platform-model-tags {
  position: absolute;
  top: 41.55%;
  left: 11.25%;
  width: 22.75cqw;
  display: grid;
  grid-template-columns: repeat(5, 4.1cqw);
  gap: 0.52cqw 0.56cqw;
  padding: 0;
  list-style: none;
}

.platform-model-tags li {
  height: 1.66cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(126, 174, 239, 0.5);
  border-radius: 999px;
  color: #086eff;
  background: rgba(255, 255, 255, 0.62);
  box-shadow:
    0 0.28cqw 0.76cqw rgba(44, 107, 185, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  font-size: 0.72cqw;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  list-style: none;
}

.platform-model-desc {
  position: absolute;
  top: 54.6%;
  left: 11.28%;
  color: #273b5d;
  font-size: 0.92cqw;
  line-height: 1.78;
  font-weight: 600;
  white-space: nowrap;
}

.platform-model-actions {
  position: absolute;
  top: 67.15%;
  left: 11.25%;
  display: flex;
  align-items: center;
  gap: 0.72cqw;
}

.platform-model-button {
  height: 2.06cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.35cqw;
  font-size: 0.76cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.platform-model-button:hover {
  transform: translateY(-1px);
}

.platform-model-button-primary {
  width: 6.44cqw;
  color: #ffffff;
  background: linear-gradient(135deg, #2480ff 0%, #0863ea 100%);
  box-shadow: 0 0.5cqw 1.05cqw rgba(22, 119, 242, 0.22);
}

.platform-model-button-secondary {
  width: 6.62cqw;
  color: #0d66ff;
  border: 1px solid rgba(22, 119, 242, 0.68);
  background: rgba(255, 255, 255, 0.68);
}

.platform-flow-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-flow-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-flow-title,
.platform-flow-access-title,
.platform-flow-systems,
.platform-flow-desc {
  margin: 0;
  letter-spacing: 0;
}

.platform-flow-title {
  position: absolute;
  top: 18.15%;
  left: 7.65%;
  color: #071a38;
  font-size: 2.42cqw;
  line-height: 1.2;
  font-weight: 900;
  white-space: nowrap;
}

.platform-flow-title::after {
  position: absolute;
  left: 0;
  bottom: -1.12cqw;
  width: 2.08cqw;
  height: 0.2cqw;
  min-height: 3px;
  content: "";
  border-radius: 999px;
  background: #086eff;
}

.platform-flow-title span {
  color: #0d72ff;
}

.platform-flow-access-title {
  position: absolute;
  top: 31.25%;
  left: 7.7%;
  color: #071a38;
  font-size: 0.92cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.platform-flow-systems {
  position: absolute;
  top: 36.35%;
  left: 7.65%;
  width: 24.35cqw;
  display: grid;
  grid-template-columns: repeat(6, 3.38cqw);
  gap: 0.86cqw 0.82cqw;
  padding: 0;
  list-style: none;
}

.platform-flow-systems li {
  height: 3.68cqw;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 0.28cqw;
  box-sizing: border-box;
  border: 1px solid rgba(185, 213, 247, 0.78);
  border-radius: 0.38cqw;
  color: #071a38;
  background: rgba(255, 255, 255, 0.68);
  box-shadow:
    0 0.34cqw 0.9cqw rgba(44, 107, 185, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  list-style: none;
}

.platform-flow-systems svg {
  width: 1.35cqw;
  height: 1.35cqw;
  color: #0d72ff;
}

.platform-flow-systems path,
.platform-flow-systems ellipse {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.platform-flow-systems span {
  color: #071a38;
  font-size: 0.66cqw;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.platform-flow-desc {
  position: absolute;
  top: 60.95%;
  left: 7.7%;
  color: #071a38;
  font-size: 0.94cqw;
  line-height: 1.9;
  font-weight: 700;
  white-space: nowrap;
}

.platform-flow-desc span {
  color: #5d7396;
  font-weight: 600;
}

.platform-flow-actions {
  position: absolute;
  top: 71.95%;
  left: 7.7%;
  display: flex;
  align-items: center;
  gap: 1.1cqw;
}

.platform-flow-button {
  height: 2.42cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.35cqw;
  font-size: 0.82cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.platform-flow-button:hover {
  transform: translateY(-1px);
}

.platform-flow-button-primary {
  width: 7.42cqw;
  color: #ffffff;
  background: linear-gradient(135deg, #2480ff 0%, #0863ea 100%);
  box-shadow: 0 0.5cqw 1.05cqw rgba(22, 119, 242, 0.22);
}

.platform-flow-button-secondary {
  width: 7.18cqw;
  color: #0d66ff;
  border: 1px solid rgba(22, 119, 242, 0.68);
  background: rgba(255, 255, 255, 0.68);
}

.platform-security-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-security-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-security-title,
.platform-security-subtitle,
.platform-security-section-title,
.platform-security-side-card h4,
.platform-security-side-card p,
.platform-security-center-copy h3,
.platform-security-center-copy p,
.platform-security-benefits,
.platform-security-benefit h3,
.platform-security-benefit p {
  margin: 0;
  letter-spacing: 0;
}

.platform-security-title {
  position: absolute;
  top: 10.15%;
  left: 50%;
  color: #071a38;
  font-size: 2.34cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-security-subtitle {
  position: absolute;
  top: 18.75%;
  left: 50%;
  color: #52698f;
  font-size: 1.02cqw;
  line-height: 1.2;
  font-weight: 600;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-security-section-title {
  position: absolute;
  top: 25.88%;
  color: #0a3380;
  font-size: 0.9cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.platform-security-section-title-deployment {
  left: 20.35%;
}

.platform-security-section-title-environment {
  left: 75.35%;
}

.platform-security-side-card {
  position: absolute;
  width: 10.5%;
  white-space: nowrap;
}

.platform-security-side-card-deployment {
  left: 20.55%;
}

.platform-security-side-card-environment {
  left: 75.82%;
}

.platform-security-side-card-1,
.platform-security-side-card-5 {
  top: 33.35%;
}

.platform-security-side-card-2 {
  top: 44.25%;
}

.platform-security-side-card-6 {
  top: 47.25%;
}

.platform-security-side-card-3 {
  top: 55.15%;
}

.platform-security-side-card-7 {
  top: 60.15%;
}

.platform-security-side-card-4 {
  top: 66.05%;
}

.platform-security-side-card h4 {
  color: #102e6f;
  font-size: 0.86cqw;
  line-height: 1.1;
  font-weight: 900;
}

.platform-security-side-card p {
  margin-top: 0.48cqw;
  color: #526b98;
  font-size: 0.59cqw;
  line-height: 1.2;
  font-weight: 600;
}

.platform-security-center-copy {
  position: absolute;
  top: 62.45%;
  left: 50%;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-security-center-copy h3 {
  color: #086eff;
  font-size: 1.22cqw;
  line-height: 1.1;
  font-weight: 900;
}

.platform-security-center-copy p {
  margin-top: 0.52cqw;
  color: #193f88;
  font-size: 0.7cqw;
  line-height: 1;
  font-weight: 700;
}

.platform-security-benefits {
  padding: 0;
  list-style: none;
}

.platform-security-benefit {
  position: absolute;
  top: 79.55%;
  width: 8%;
  list-style: none;
  white-space: nowrap;
}

.platform-security-benefit-1 {
  left: 25.72%;
}

.platform-security-benefit-2 {
  left: 37.45%;
}

.platform-security-benefit-3 {
  left: 49.43%;
}

.platform-security-benefit-4 {
  left: 61.25%;
}

.platform-security-benefit-5 {
  left: 73.18%;
}

.platform-security-benefit h3 {
  color: #112f72;
  font-size: 0.78cqw;
  line-height: 1.1;
  font-weight: 900;
}

.platform-security-benefit p {
  margin-top: 0.4cqw;
  color: #5b729e;
  font-size: 0.58cqw;
  line-height: 1.45;
  font-weight: 600;
}

.platform-roadmap-module {
  container-type: inline-size;
  color: #071a38;
}

.platform-roadmap-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.platform-roadmap-title,
.platform-roadmap-steps,
.platform-roadmap-step h3,
.platform-roadmap-step p,
.platform-roadmap-landmarks,
.platform-roadmap-slogan {
  margin: 0;
  letter-spacing: 0;
}

.platform-roadmap-title {
  position: absolute;
  top: 9.55%;
  left: 50%;
  color: #071a38;
  font-size: 2.48cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-roadmap-steps,
.platform-roadmap-landmarks {
  padding: 0;
  list-style: none;
}

.platform-roadmap-step {
  position: absolute;
  top: 27.55%;
  width: 11.2%;
  height: 44%;
  text-align: center;
  list-style: none;
  transform: translateX(-50%);
}

.platform-roadmap-step-1 {
  left: 16.9%;
}

.platform-roadmap-step-2 {
  left: 29.95%;
}

.platform-roadmap-step-3 {
  left: 42.85%;
}

.platform-roadmap-step-4 {
  left: 55.95%;
}

.platform-roadmap-step-5 {
  left: 68.9%;
}

.platform-roadmap-step-6 {
  left: 82.4%;
  width: 13%;
}

.platform-roadmap-step-number,
.platform-roadmap-step h3,
.platform-roadmap-step p {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-roadmap-step-number {
  top: 0.5cqw;
  color: #086eff;
  font-size: 1.35cqw;
  line-height: 1;
  font-weight: 900;
}

.platform-roadmap-step h3 {
  top: 4.65cqw;
  color: #086eff;
  font-size: 1.06cqw;
  line-height: 1.1;
  font-weight: 900;
}

.platform-roadmap-step p {
  top: 13.35cqw;
  color: #52698f;
  font-size: 0.74cqw;
  line-height: 1.1;
  font-weight: 600;
}

.platform-roadmap-step-6 .platform-roadmap-step-number {
  top: 0.28cqw;
  font-size: 1.48cqw;
}

.platform-roadmap-step-6 h3 {
  top: 4.55cqw;
  font-size: 1.22cqw;
}

.platform-roadmap-step-6 p {
  top: 14.3cqw;
  font-size: 0.7cqw;
}

.platform-roadmap-landmark {
  position: absolute;
  top: 83.1%;
  color: #086eff;
  font-size: 0.8cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  list-style: none;
}

.platform-roadmap-landmark-1 {
  left: 27%;
}

.platform-roadmap-landmark-2 {
  left: 46.72%;
}

.platform-roadmap-landmark-3 {
  left: 66.72%;
}

.platform-roadmap-slogan {
  position: absolute;
  top: 90.4%;
  left: 50%;
  color: #086eff;
  font-size: 0.94cqw;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  transform: translateX(-50%);
}

.platform-layout,
.about-layout,
.consult-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 76px;
  align-items: center;
}

.platform-copy p {
  margin-top: 18px;
}

.check-list {
  display: grid;
  gap: 14px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.check-list li {
  position: relative;
  padding-left: 30px;
  color: #243f62;
  font-size: 17px;
  font-weight: 700;
}

.check-list li::before {
  position: absolute;
  left: 0;
  top: 9px;
  width: 16px;
  height: 9px;
  content: "";
  border-left: 3px solid var(--mint);
  border-bottom: 3px solid var(--mint);
  transform: rotate(-45deg);
}

.platform-visual {
  display: grid;
  gap: 18px;
  padding: 24px;
  border: 1px solid #cbdff5;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.78)),
    repeating-linear-gradient(90deg, transparent 0 38px, rgba(22, 119, 242, 0.06) 38px 39px),
    repeating-linear-gradient(0deg, transparent 0 38px, rgba(34, 184, 154, 0.05) 38px 39px);
}

.platform-row {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 20px 24px;
  border: 1px solid #d8e6f5;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
}

.platform-row.accent {
  border-color: #a9d7cf;
  background: rgba(238, 255, 251, 0.92);
}

.platform-row span {
  color: var(--muted);
  font-size: 15px;
  font-weight: 800;
}

.platform-row strong {
  color: var(--ink);
  font-size: 18px;
  text-align: right;
}

.cases-section {
  padding-bottom: 108px;
}

.case-list {
  display: grid;
  gap: 16px;
}

.case-item {
  display: grid;
  grid-template-columns: 150px minmax(0, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 30px;
  padding: 28px 0;
  border-top: 1px solid #d9e5f4;
}

.case-item:last-child {
  border-bottom: 1px solid #d9e5f4;
}

.case-item p {
  margin: 0;
  color: var(--brand-blue-dark);
  font-weight: 900;
}

.case-item span {
  color: var(--text);
  font-size: 16px;
}

.row-heading {
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.row-heading h2 {
  margin-bottom: 0;
}

.text-link,
.footer-link {
  color: #006dff;
  font-weight: 900;
}

.text-link:hover,
.footer-link:hover {
  color: var(--brand-blue-dark);
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.news-card {
  min-height: 236px;
  padding: 28px;
}

.news-card time {
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.news-card h3 {
  margin-top: 22px;
  font-size: 21px;
}

.news-card p {
  margin: 16px 0 0;
  color: var(--text);
  font-size: 15px;
}

.news-page,
.news-detail-page {
  background: #f8fbff;
}

.news-hero {
  position: relative;
  width: 100%;
  padding: clamp(64px, 6vw, 100px) 0 clamp(44px, 4vw, 72px);
  overflow: hidden;
  text-align: center;
  background:
    linear-gradient(135deg, rgba(232, 241, 255, 0.94) 0%, rgba(247, 251, 255, 0.98) 50%, rgba(224, 237, 255, 0.92) 100%),
    repeating-linear-gradient(90deg, rgba(22, 119, 242, 0.07) 0 1px, transparent 1px 54px),
    repeating-linear-gradient(0deg, rgba(34, 184, 154, 0.05) 0 1px, transparent 1px 54px);
  border-bottom: 1px solid #dbeafb;
}

.news-hero-inner {
  position: relative;
  z-index: 1;
  width: min(720px, calc(100% - 48px));
  margin: 0 auto;
}

.news-hero h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.16;
  font-weight: 900;
  letter-spacing: 0;
}

.news-hero p {
  margin: 18px auto 0;
  color: var(--text);
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.8;
}

.news-page .news-section {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  padding: clamp(42px, 5vw, 72px) 0;
  border: 0;
  background: transparent;
}

.news-featured-section {
  padding-bottom: clamp(24px, 3vw, 42px);
}

.news-list-section {
  padding-top: clamp(24px, 3vw, 42px);
}

.news-section-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: clamp(24px, 3vw, 40px);
}

.news-section-header h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.2;
  font-weight: 900;
  white-space: nowrap;
}

.news-section-line {
  flex: 1;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(22, 119, 242, 0.28) 0%, rgba(22, 119, 242, 0) 100%);
}

.news-featured-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
}

.news-featured-card,
.news-related-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #d9e5f4;
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 8px 28px rgba(14, 99, 210, 0.08);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.news-featured-card:hover,
.news-related-card:hover {
  border-color: #b5d4f7;
  box-shadow: 0 18px 40px rgba(14, 99, 210, 0.14);
  transform: translateY(-3px);
}

.news-featured-img,
.news-list-thumb,
.news-related-img {
  position: relative;
  overflow: hidden;
  background: #e8f0fe;
}

.news-featured-img {
  width: 100%;
  height: clamp(170px, 15vw, 230px);
}

.news-featured-img img,
.news-list-thumb img,
.news-related-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 300ms ease;
}

.news-featured-card:hover .news-featured-img img,
.news-list-item:hover .news-list-thumb img,
.news-related-card:hover .news-related-img img {
  transform: scale(1.04);
}

.news-tag {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 12px;
  border-radius: 999px;
  color: var(--white);
  background: rgba(22, 119, 242, 0.92);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.news-featured-body,
.news-related-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: clamp(18px, 1.8vw, 24px);
}

.news-featured-body h3,
.news-list-body h3,
.news-related-body h3 {
  margin: 0;
  color: var(--ink);
  font-weight: 900;
  line-height: 1.48;
}

.news-featured-body h3 {
  font-size: clamp(17px, 1.25vw, 21px);
}

.news-featured-body p,
.news-list-body p {
  display: -webkit-box;
  overflow: hidden;
  margin: 12px 0;
  color: var(--text);
  line-height: 1.75;
  -webkit-box-orient: vertical;
}

.news-featured-body p {
  flex: 1;
  font-size: 15px;
  -webkit-line-clamp: 3;
}

.news-featured-body time,
.news-list-body time,
.news-detail-meta time,
.news-related-body time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #7890ad;
  font-size: 13px;
  font-weight: 700;
}

.news-featured-body time svg,
.news-list-body time svg,
.news-detail-meta time svg,
.news-related-body time svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.news-list {
  display: flex;
  flex-direction: column;
}

.news-list-item {
  display: flex;
  gap: clamp(18px, 2.4vw, 34px);
  padding: clamp(22px, 2.4vw, 34px) 0;
  border-bottom: 1px solid rgba(57, 139, 255, 0.14);
  transition:
    margin 180ms ease,
    padding 180ms ease,
    background 180ms ease;
}

.news-list-item:first-child {
  padding-top: 0;
}

.news-list-item:last-child {
  border-bottom: 0;
}

.news-list-item:hover {
  margin: 0 -16px;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.news-list-thumb {
  width: clamp(180px, 15vw, 230px);
  height: clamp(118px, 10vw, 158px);
  flex: 0 0 auto;
  border-radius: 8px;
}

.news-list-thumb .news-tag {
  top: 8px;
  left: 8px;
  min-height: 22px;
  padding: 2px 10px;
  font-size: 11px;
}

.news-list-body {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}

.news-list-body h3 {
  font-size: clamp(18px, 1.4vw, 23px);
}

.news-list-body p {
  flex: 1;
  font-size: 15px;
  -webkit-line-clamp: 2;
}

.news-detail-page {
  padding-top: clamp(18px, 2vw, 30px);
}

.news-detail-breadcrumb,
.news-detail-article,
.news-detail-nav,
.news-detail-related {
  width: min(920px, calc(100% - 48px));
  margin: 0 auto;
}

.news-detail-breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 800;
  transition: color 180ms ease;
}

.news-detail-breadcrumb a:hover {
  color: var(--brand-blue-dark);
}

.news-detail-breadcrumb svg {
  width: 16px;
  height: 16px;
}

.news-detail-article {
  padding: clamp(26px, 3vw, 44px) 0;
}

.news-detail-header {
  margin-bottom: clamp(26px, 3vw, 42px);
}

.news-detail-header .news-tag {
  position: static;
  margin-bottom: 16px;
}

.news-detail-header h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: 0;
}

.news-detail-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 18px;
}

.news-detail-cover {
  width: 100%;
  overflow: hidden;
  margin-bottom: clamp(30px, 3.5vw, 48px);
  border-radius: 8px;
  background: #e8f0fe;
}

.news-detail-cover img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
}

.news-detail-body {
  color: #263f62;
  font-size: clamp(16px, 1.1vw, 18px);
  line-height: 1.95;
}

.news-detail-body p {
  margin: 0 0 1.25em;
}

.news-detail-body ul {
  margin: 0 0 1.25em;
  padding-left: 24px;
}

.news-detail-body li {
  margin-bottom: 0.65em;
  line-height: 1.85;
}

.news-detail-body strong {
  color: var(--ink);
  font-weight: 900;
}

.news-detail-empty {
  color: var(--muted);
  font-size: 18px;
}

.news-detail-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-top: clamp(26px, 3vw, 42px);
  border-top: 1px solid rgba(57, 139, 255, 0.14);
}

.news-detail-nav-item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 104px;
  padding: 20px;
  border: 1px solid #d9e5f4;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.news-detail-nav-item:hover {
  border-color: #b5d4f7;
  background: var(--white);
  box-shadow: 0 14px 30px rgba(14, 99, 210, 0.1);
  transform: translateY(-2px);
}

.news-detail-nav-item svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--brand-blue);
}

.news-detail-nav-item.next {
  flex-direction: row-reverse;
  text-align: right;
}

.news-detail-nav-item.next div {
  align-items: flex-end;
}

.news-detail-nav-item div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.news-detail-nav-item span {
  margin-bottom: 4px;
  color: #7890ad;
  font-size: 12px;
  font-weight: 800;
}

.news-detail-nav-item h4 {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 900;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-detail-related {
  padding: clamp(42px, 5vw, 72px) 0 clamp(64px, 6vw, 96px);
}

.news-detail-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.6vw, 24px);
}

.news-related-img {
  width: 100%;
  height: clamp(120px, 11vw, 160px);
}

.news-related-body h3 {
  display: -webkit-box;
  overflow: hidden;
  font-size: 15px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-related-body time {
  margin-top: 12px;
  font-size: 12px;
}

@media (max-width: 900px) {
  .news-featured-grid,
  .news-detail-related-grid {
    grid-template-columns: 1fr;
  }

  .news-list-item {
    flex-direction: column;
    gap: 14px;
  }

  .news-list-thumb {
    width: 100%;
    height: 210px;
  }

  .news-detail-nav {
    grid-template-columns: 1fr;
  }

  .news-detail-nav-item.next {
    flex-direction: row;
    text-align: left;
  }

  .news-detail-nav-item.next div {
    align-items: flex-start;
  }
}

@media (max-width: 600px) {
  .news-hero-inner,
  .news-page .news-section,
  .news-detail-breadcrumb,
  .news-detail-article,
  .news-detail-nav,
  .news-detail-related {
    width: min(100% - 32px, 720px);
  }

  .news-section-header {
    gap: 12px;
  }

  .news-list-item {
    padding: 18px 0;
  }

  .news-list-item:hover {
    margin: 0 -8px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .news-list-thumb {
    height: 180px;
  }
}

.about-section {
  background: var(--white);
}

.about-image-modules {
  overflow: hidden;
  background: #eef7ff;
}

.about-image-module {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.about-image-module img {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}

.about-company-module {
  container-type: inline-size;
  color: #071a38;
}

.about-strategy-module {
  container-type: inline-size;
  color: #071a38;
}

.about-capabilities-module {
  container-type: inline-size;
  color: #071a38;
}

.about-concept-module {
  container-type: inline-size;
  color: #071a38;
}

.about-why-module {
  container-type: inline-size;
  color: #071a38;
}

.about-hero-module {
  container-type: inline-size;
  color: #071a38;
}

.about-module-bg {
  pointer-events: none;
  user-select: none;
}

.about-company-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.about-strategy-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.about-capabilities-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.about-concept-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.about-why-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.about-hero-layer {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  user-select: text;
}

.about-company-layer h1,
.about-company-layer h2,
.about-company-layer p,
.about-company-layer dl,
.about-company-layer dd,
.about-strategy-layer h2,
.about-strategy-layer h3,
.about-strategy-layer p,
.about-strategy-layer ol,
.about-capabilities-layer h2,
.about-capabilities-layer h3,
.about-capabilities-layer p,
.about-capabilities-layer ol,
.about-concept-layer h2,
.about-concept-layer h3,
.about-concept-layer p,
.about-why-layer h2,
.about-why-layer h3,
.about-why-layer p,
.about-why-layer ol,
.about-hero-layer h2,
.about-hero-layer p {
  margin: 0;
  letter-spacing: 0;
}

.about-company-title,
.about-data-title {
  position: absolute;
  left: 50%;
  color: #172238;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-company-title::after,
.about-data-title::after {
  position: absolute;
  left: 50%;
  bottom: -0.48cqw;
  width: 2.55cqw;
  height: 0.18cqw;
  min-height: 2px;
  content: "";
  border-radius: 999px;
  background: linear-gradient(90deg, #8cbcff 0%, #0d74ff 72%, #9bc5ff 72% 100%);
  transform: translateX(-50%);
}

.about-company-title {
  top: 6.8%;
  font-size: 2.05cqw;
}

.about-company-copy {
  position: absolute;
  top: 21.4%;
  left: 52.1%;
  width: 25.9%;
}

.about-company-copy h2 {
  color: #172238;
  font-size: 1.36cqw;
  line-height: 1.25;
  font-weight: 900;
}

.about-company-subtitle {
  margin-top: 1.02cqw;
  color: #1275ff;
  font-size: 0.83cqw;
  line-height: 1.25;
  font-weight: 900;
}

.about-company-body {
  margin-top: 1.05cqw;
  color: #1f2e45;
  font-size: 0.68cqw;
  line-height: 1.92;
  font-weight: 700;
}

.about-company-body p + p {
  margin-top: 0.82cqw;
}

.about-company-actions {
  display: flex;
  gap: 0.85cqw;
  margin-top: 0.82cqw;
}

.about-company-button {
  width: 5.42cqw;
  height: 1.62cqw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 0.63cqw;
  line-height: 1;
  font-weight: 800;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.about-company-button:hover {
  transform: translateY(-1px);
}

.about-company-button-primary {
  color: var(--white);
  background: linear-gradient(135deg, #1784ff 0%, #006bec 100%);
  box-shadow: 0 0.6cqw 1.25cqw rgba(22, 119, 242, 0.24);
}

.about-company-button-secondary {
  color: #1478ff;
  border: 1px solid rgba(22, 119, 242, 0.58);
  background: rgba(255, 255, 255, 0.72);
}

.about-data-title {
  top: 73.05%;
  font-size: 1.46cqw;
}

.about-company-stats {
  position: absolute;
  inset: 0;
}

.about-company-stat {
  position: absolute;
  top: 86.1%;
  text-align: center;
  transform: translateX(-50%);
}

.about-company-stat-1 {
  left: 29%;
}

.about-company-stat-2 {
  left: 42.9%;
}

.about-company-stat-3 {
  left: 56.7%;
}

.about-company-stat-4 {
  left: 70.7%;
}

.about-company-stat dt {
  color: #1479ff;
  font-size: 1.7cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.about-company-stat dt span {
  font-size: 0.82cqw;
  font-weight: 900;
}

.about-company-stat dd {
  margin-top: 0.46cqw;
  color: #263348;
  font-size: 0.66cqw;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
}

.about-strategy-title {
  position: absolute;
  top: 13.7%;
  left: 50%;
  color: #082864;
  font-size: 2.72cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-strategy-cards {
  padding: 0;
  list-style: none;
}

.about-strategy-card {
  position: absolute;
  top: 32%;
  height: 49%;
  list-style: none;
}

.about-strategy-card-1 {
  left: 16.6%;
  width: 19.45%;
}

.about-strategy-card-2 {
  left: 38.95%;
  width: 21.35%;
}

.about-strategy-card-3 {
  left: 63.2%;
  width: 20.55%;
}

.about-strategy-number {
  position: absolute;
  top: 8.6%;
  left: 8.4%;
  color: rgba(53, 121, 224, 0.42);
  font-size: 2.1cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.about-strategy-card h3 {
  position: absolute;
  top: 58.1%;
  left: 50%;
  color: #082864;
  font-size: 1.32cqw;
  line-height: 1.12;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-strategy-card p {
  position: absolute;
  top: 74%;
  left: 50%;
  width: 94%;
  color: #263a5b;
  font-size: 0.78cqw;
  line-height: 1.86;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-capabilities-title {
  position: absolute;
  top: 10.15%;
  left: 50%;
  color: #172238;
  font-size: 2.55cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-capabilities-subtitle {
  position: absolute;
  top: 18%;
  left: 50%;
  color: #6f86b7;
  font-size: 1.17cqw;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-capabilities-cards {
  padding: 0;
  list-style: none;
}

.about-capabilities-card {
  position: absolute;
  width: 16.67%;
  height: 29.9%;
  list-style: none;
  text-align: center;
}

.about-capabilities-card-1,
.about-capabilities-card-5 {
  left: 13.7%;
}

.about-capabilities-card-2,
.about-capabilities-card-6 {
  left: 32.08%;
}

.about-capabilities-card-3,
.about-capabilities-card-7 {
  left: 50.62%;
}

.about-capabilities-card-4,
.about-capabilities-card-8 {
  left: 69.32%;
}

.about-capabilities-card-1,
.about-capabilities-card-2,
.about-capabilities-card-3,
.about-capabilities-card-4 {
  top: 26.9%;
}

.about-capabilities-card-5,
.about-capabilities-card-6,
.about-capabilities-card-7,
.about-capabilities-card-8 {
  top: 60.1%;
}

.about-capabilities-card h3 {
  position: absolute;
  top: 53.2%;
  left: 50%;
  color: #172238;
  font-size: 1.08cqw;
  line-height: 1.18;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-capabilities-card p {
  position: absolute;
  top: 70.2%;
  left: 50%;
  width: 94%;
  color: #56647c;
  font-size: 0.79cqw;
  line-height: 1.72;
  font-weight: 600;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-concept-title {
  position: absolute;
  top: 6.9%;
  left: 50%;
  color: #0b4fd2;
  font-size: 2.58cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-concept-subtitle {
  position: absolute;
  top: 15.8%;
  left: 50%;
  color: #52637c;
  font-size: 1.02cqw;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-concept-copy {
  position: absolute;
  color: #172238;
  white-space: nowrap;
}

.about-concept-copy h3 {
  color: #0056d8;
  font-size: 1.48cqw;
  line-height: 1.18;
  font-weight: 900;
}

.about-concept-copy p {
  margin-top: 1.15cqw;
  color: #172238;
  font-size: 0.76cqw;
  line-height: 1.95;
  font-weight: 700;
}

.about-concept-vision {
  top: 33.1%;
  left: 22.75%;
}

.about-concept-mission {
  top: 33.1%;
  left: 64.45%;
}

.about-concept-values {
  top: 66.05%;
  left: 54.05%;
}

.about-why-title {
  position: absolute;
  top: 16.1%;
  left: 50%;
  color: #172238;
  font-size: 3.05cqw;
  line-height: 1.1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-why-subtitle {
  position: absolute;
  top: 25.8%;
  left: 50%;
  color: #5f78a7;
  font-size: 0.84cqw;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-why-lines {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.about-why-line {
  position: absolute;
  height: 1px;
  background: rgba(80, 145, 248, 0.72);
  box-shadow: 0 0 0.22cqw rgba(62, 135, 255, 0.24);
}

.about-why-line::before {
  position: absolute;
  top: 50%;
  left: var(--node-left);
  width: 0.8cqw;
  height: 0.28cqw;
  min-width: 7px;
  min-height: 3px;
  content: "";
  border: 1px solid rgba(82, 151, 255, 0.82);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 0 0.42cqw rgba(46, 122, 255, 0.16);
  transform: translate(-50%, -50%);
}

.about-why-line::after {
  position: absolute;
  top: 50%;
  right: -0.43cqw;
  width: 0;
  height: 0;
  content: "";
  border-top: 0.28cqw solid transparent;
  border-bottom: 0.28cqw solid transparent;
  border-left: 0.5cqw solid rgba(80, 145, 248, 0.9);
  transform: translateY(-50%);
}

.about-why-line-1 {
  top: 56.72%;
  left: 4.94%;
  width: 14.05%;
  --node-left: 17.7%;
}

.about-why-line-2 {
  top: 52.04%;
  left: 20.34%;
  width: 14.28%;
  --node-left: 19.1%;
}

.about-why-line-3 {
  top: 48.58%;
  left: 35.82%;
  width: 14.12%;
  --node-left: 19.1%;
}

.about-why-line-4 {
  top: 44.87%;
  left: 50.93%;
  width: 13.7%;
  --node-left: 19.6%;
}

.about-why-line-5 {
  top: 41.16%;
  left: 65.6%;
  width: 14%;
  --node-left: 18.8%;
}

.about-why-line-6 {
  top: 36.22%;
  left: 80.64%;
  width: 13.55%;
  --node-left: 19.8%;
}

.about-why-number {
  position: absolute;
  color: #0775ff;
  font-size: 1.3cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-why-number-1 {
  top: 52.9%;
  left: 7.45%;
}

.about-why-number-2 {
  top: 48.9%;
  left: 23.08%;
}

.about-why-number-3 {
  top: 45.25%;
  left: 38.55%;
}

.about-why-number-4 {
  top: 41.55%;
  left: 53.55%;
}

.about-why-number-5 {
  top: 37.85%;
  left: 68.18%;
}

.about-why-number-6 {
  top: 34.18%;
  left: 83.25%;
}

.about-why-steps {
  padding: 0;
  list-style: none;
}

.about-why-step {
  position: absolute;
  width: 12.2%;
  height: 20.1%;
  list-style: none;
  text-align: center;
}

.about-why-step-1 {
  top: 68.95%;
  left: 5.82%;
}

.about-why-step-2 {
  top: 65.24%;
  left: 21.22%;
}

.about-why-step-3 {
  top: 61.68%;
  left: 36.62%;
}

.about-why-step-4 {
  top: 58.1%;
  left: 51.85%;
}

.about-why-step-5 {
  top: 54.5%;
  left: 66.6%;
}

.about-why-step-6 {
  top: 50.3%;
  left: 81.35%;
}

.about-why-step h3 {
  position: absolute;
  top: 14.8%;
  left: 50%;
  color: #172238;
  font-size: 1.08cqw;
  line-height: 1.18;
  font-weight: 900;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-why-step p {
  position: absolute;
  top: 40.2%;
  left: 50%;
  width: 104%;
  color: #56647c;
  font-size: 0.8cqw;
  line-height: 1.78;
  font-weight: 600;
  white-space: nowrap;
  transform: translateX(-50%);
}

.about-hero-title {
  position: absolute;
  top: 27.6%;
  left: 17.7%;
  color: #12213b;
  font-size: 3.1cqw;
  line-height: 1.15;
  font-weight: 900;
  white-space: nowrap;
}

.about-hero-title span {
  color: #1c75ff;
}

.about-hero-copy {
  position: absolute;
  top: 42.25%;
  left: 17.72%;
  color: #596678;
  font-size: 1.28cqw;
  line-height: 1.72;
  font-weight: 700;
  white-space: nowrap;
}

.about-hero-actions {
  position: absolute;
  top: 58.88%;
  left: 17.62%;
  display: flex;
  align-items: center;
  gap: 1.98cqw;
}

.about-hero-button {
  height: 3.82cqw;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: 1.18cqw;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
  text-decoration: none;
}

.about-hero-button-primary {
  width: 15.48cqw;
  padding-left: 4.92cqw;
  color: #ffffff;
}

.about-hero-button-secondary {
  width: 16.92cqw;
  padding-left: 5.05cqw;
  color: #0d66ff;
}

.about-layout {
  align-items: start;
}

.consult-section {
  padding: 96px 0 108px;
  color: var(--white);
  background: #123b30;
}

.consult-layout h2,
.consult-layout p,
.consult-layout .section-kicker {
  color: var(--white);
}

.consult-layout > div > p {
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.82);
}

.consult-form {
  display: grid;
  gap: 16px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.consult-form label {
  display: grid;
  gap: 8px;
}

.consult-form span {
  color: rgba(255, 255, 255, 0.86);
  font-size: 14px;
  font-weight: 800;
}

.consult-form input,
.consult-form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 12px 14px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.1);
  outline: none;
  resize: vertical;
}

.consult-form input::placeholder,
.consult-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.58);
}

.consult-form input:focus,
.consult-form textarea:focus {
  border-color: rgba(255, 255, 255, 0.76);
}

.form-button {
  width: 100%;
  border: 0;
  cursor: pointer;
}

.form-status {
  min-height: 26px;
  margin: 0;
  color: #bdf4df;
  font-size: 14px;
  font-weight: 700;
}

.site-footer {
  background: #eaf4ff;
}

.footer-inner {
  width: min(1360px, calc(100% - 48px));
  margin: 0 auto;
  padding: 86px 0 62px;
  display: grid;
  grid-template-columns: minmax(280px, 1.25fr) minmax(140px, 0.72fr) minmax(220px, 0.86fr) minmax(240px, 0.92fr);
  gap: 72px;
}

.footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-brand p,
.footer-consult p {
  margin: 20px 0 0;
  color: #28466a;
  font-size: 15px;
  line-height: 1.75;
}

.footer-column h2 {
  margin: 0 0 18px;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
}

.footer-column a:not(.brand):not(.footer-link) {
  margin: 0 0 8px;
  color: #29476c;
  font-size: 15px;
  font-weight: 800;
}

.footer-column a:hover {
  color: #006dff;
}

.footer-link {
  margin-top: 18px;
  font-size: 15px;
}

.footer-bottom {
  width: min(1360px, calc(100% - 48px));
  margin: 0 auto;
  padding: 22px 0;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid #c6dcf4;
  color: #657b96;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 1240px) {
  .header-inner {
    gap: 18px;
  }

  .brand-logo {
    width: 120px;
  }

  .desktop-nav {
    font-size: 15px;
  }

  .desktop-nav a {
    padding-right: 12px;
    padding-left: 12px;
  }

  .header-actions {
    gap: 8px;
  }

  .header-phone-link {
    display: none;
  }

  .header-cta {
    min-width: 94px;
    padding-right: 13px;
    padding-left: 13px;
    font-size: 14px;
  }

}

@media (max-width: 1100px) {
  .brand {
    transform: translateX(64px);
  }

  .header-actions {
    transform: translateX(-64px);
  }

  .desktop-nav {
    gap: 2px;
    font-size: 15px;
  }

  .desktop-nav a {
    padding-right: 11px;
    padding-left: 11px;
  }

  .header-cta {
    min-width: 90px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
  }

  .header-actions {
    gap: 6px;
  }

  .service-grid,
  .news-grid {
    grid-template-columns: 1fr 1fr;
  }

  .platform-layout,
  .about-layout,
  .consult-layout,
  .intro-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .footer-inner {
    grid-template-columns: 1.2fr 1fr;
    gap: 56px 72px;
  }
}

@media (max-width: 1000px) {
  .brand {
    transform: translateX(36px);
  }

  .header-actions {
    transform: translateX(-36px);
  }
}

@media (max-width: 860px) {
  :root {
    --header-height: 74px;
  }

  .site-header {
    height: var(--header-height);
    width: 100%;
    margin: 0;
  }

  .header-inner {
    width: 100%;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
  }

  .brand {
    padding-right: 0;
    transform: none;
  }

  .desktop-nav,
  .header-actions {
    display: none;
  }

  .menu-toggle {
    display: inline-flex;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    z-index: 2;
  }

  .mobile-nav {
    position: fixed;
    left: 16px;
    right: 16px;
    top: calc(var(--header-height) + 18px);
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(63, 140, 255, 0.72);
    border-radius: 8px;
    background: #04194b;
    box-shadow: 0 24px 70px rgba(2, 19, 62, 0.42);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition:
      opacity 180ms ease,
      transform 180ms ease;
  }

  body.menu-open .mobile-nav {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .mobile-nav a {
    padding: 12px;
    border-radius: 8px;
    color: rgba(241, 248, 255, 0.88);
    font-weight: 800;
  }

  .mobile-nav a:hover {
    background: rgba(34, 116, 247, 0.38);
    color: var(--white);
  }

  .mobile-nav a.active {
    background: rgba(34, 116, 247, 0.5);
    color: var(--white);
  }

  .brand-logo {
    width: 112px;
  }

  .contact-widget {
    right: 16px;
    bottom: 20px;
  }

  .contact-widget-trigger {
    min-width: 52px;
    width: 52px;
    min-height: 52px;
    padding: 0;
    border-radius: 50%;
  }

  .contact-widget-trigger > span:last-child {
    display: none;
  }

  .contact-widget-panel {
    right: 0;
    bottom: calc(100% + 10px);
  }

  .home-carousel {
    height: clamp(430px, 115vw, 560px);
  }

  .home-carousel-slide img {
    object-position: 32% center;
  }

  .carousel-copy,
  .home-slide-2 .carousel-copy,
  .home-slide-3 .carousel-copy {
    top: 58px;
    left: 22px;
    width: min(78vw, 360px);
  }

  .carousel-copy h1,
  .home-slide-2 .carousel-copy h1,
  .home-slide-3 .carousel-copy h1 {
    font-size: 36px;
    line-height: 1.18;
  }

  .carousel-copy p {
    width: min(100%, 330px);
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.65;
  }

  .home-slide-2 .carousel-copy p,
  .home-slide-3 .carousel-copy p {
    margin-top: 12px;
  }

  .carousel-tags,
  .carousel-tags-compact {
    width: min(100%, 330px);
    gap: 8px;
    margin-top: 20px;
  }

  .home-slide-2 .carousel-tags-compact {
    width: min(100%, 330px);
  }

  .carousel-tags-check {
    gap: 8px;
    margin-top: 20px;
  }

  .home-slide-3 .carousel-tags-check {
    width: min(100%, 330px);
  }

  .carousel-tag,
  .carousel-tags-compact .carousel-tag {
    min-height: 34px;
    padding: 7px 11px;
    font-size: 12px;
  }

  .home-slide-2 .carousel-tags-compact .carousel-tag {
    min-height: 34px;
    padding: 7px 11px;
    font-size: 12px;
  }

  .home-slide-3 .carousel-tags-check .carousel-tag {
    min-width: auto;
    min-height: 34px;
    padding: 7px 11px;
    font-size: 12px;
  }

  .carousel-tag::before {
    width: 14px;
    height: 14px;
    border-radius: 4px;
  }

  .carousel-tags-check .carousel-tag::before {
    width: 12px;
    height: 7px;
  }

  .carousel-actions {
    gap: 10px;
    margin-top: 24px;
  }

  .home-slide-2 .carousel-actions,
  .home-slide-3 .carousel-actions {
    margin-top: 24px;
  }

  .carousel-primary,
  .carousel-secondary {
    min-width: 112px;
    min-height: 40px;
    padding: 8px 14px;
    font-size: 13px;
  }

  .carousel-control {
    display: none;
  }

  .carousel-dots {
    bottom: 14px;
  }

  .carousel-dots button {
    width: 22px;
  }

  .carousel-dots button.is-active {
    width: 34px;
  }

  .hero,
  .hero-inner {
    min-height: calc(100svh - var(--header-height) - 58px);
  }

  .hero-inner,
  .section-inner,
  .footer-inner,
  .footer-bottom {
    width: min(100% - 32px, 720px);
  }

  .hero-inner {
    padding: 58px 0 46px;
  }

  .page-hero {
    padding: 72px 0 64px;
  }

  .page-hero::after {
    right: 16px;
    top: 54px;
    width: 62vw;
    height: 210px;
    opacity: 0.38;
  }

  .page-lead {
    font-size: 18px;
  }

  .about-image-modules {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .about-image-module,
  .about-image-module img {
    width: 960px;
    max-width: none;
  }

  .hero-copy {
    font-size: 18px;
  }

  .hero-metrics {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 36px;
  }

  .hero-metrics div {
    padding: 14px 10px;
  }

  .hero-metrics dt {
    font-size: 24px;
  }

  .hero-metrics dd {
    font-size: 12px;
  }

  .section,
  .consult-section {
    padding: 72px 0;
  }

  .home-cases-section {
    padding: 38px 0 48px;
  }

  .home-cases-header {
    width: min(100% - 32px, 720px);
  }

  .home-cases-header h2 {
    font-size: 34px;
    letter-spacing: 3px;
  }

  .home-cases-subtitle {
    font-size: 14px;
  }

  .home-case-tabs {
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .home-case-tab {
    min-width: 128px;
    min-height: 38px;
    padding: 8px 14px;
    font-size: 13px;
  }

  .home-case-tab-icon {
    width: 16px;
    height: 16px;
  }

  .home-cases-stage {
    width: min(100% - 32px, 720px);
    gap: 10px;
    margin-top: 18px;
  }

  .home-case-arrow {
    width: 38px;
    height: 38px;
  }

  .home-case-arrow span {
    margin-top: -3px;
    font-size: 34px;
  }

  .intro-band {
    padding: 38px 0;
  }

  .service-grid,
  .news-grid {
    grid-template-columns: 1fr;
  }

  .case-item {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .platform-row {
    display: grid;
    justify-items: start;
  }

  .platform-row strong {
    text-align: left;
  }

  .row-heading {
    align-items: start;
    flex-direction: column;
  }

  .footer-inner {
    padding: 70px 0 46px;
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .footer-bottom {
    flex-direction: column;
    padding-bottom: 28px;
  }
}

@media (max-width: 520px) {
  .hero h1 {
    font-size: 50px;
  }

  .hero-actions {
    width: 100%;
  }

  .primary-button,
  .secondary-button {
    width: 100%;
  }

  .home-cases-stage {
    align-items: stretch;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 38px;
  }

  .home-case-arrow {
    align-self: center;
  }

  .service-card,
  .news-card,
  .consult-form,
  .platform-visual {
    padding: 22px;
  }
}

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

/* Shared primary titles for interior pages intentionally have no ornament. */
.page-section-title,
.agent-cases-copy .page-section-title {
  color: #0d3470;
  margin: 0;
  padding: 0;
  font-size: 2.68cqw;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
  word-spacing: 0;
}

.page-section-title span {
  color: inherit;
}

.platform-skill-title.page-section-title::after,
.platform-model-title.page-section-title::after,
.platform-flow-title.page-section-title::after,
.about-company-title.page-section-title::after,
.about-data-title.page-section-title::after,
.agent-cases-copy .page-section-title::after {
  content: none;
}

body.feijin-static-page {
  padding-top: 0;
}