/* Product showcase and the expanded channel matrix. */
main{display:flex;flex-direction:column}.hero{order:1}.product-showcase{order:2}.platform-section{order:3}.section-light{order:4}.workflow-section{order:5}.proof-section{order:6}.contact-section{order:7}
.platform-section{padding:94px 0 108px;background:#f7fbff;border-top:1px solid #e4eff8;border-bottom:1px solid #e4eff8}
.platform-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}
.platform-intro h2,.product-copy h2{font-size:43px;line-height:1.25;letter-spacing:-1px;margin:18px 0 20px}
.platform-intro h2 span,.product-copy h2 span{color:var(--blue)}
.platform-intro p{color:var(--muted);font-size:13px;line-height:1.9;max-width:300px}
.platform-link{display:inline-block;color:var(--blue);font-size:12px;font-weight:700;margin-top:28px}.platform-link span{font-family:"DM Sans";font-size:17px;margin-left:6px}
.platform-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px;box-shadow:0 14px 35px rgba(32,92,146,.06)}
.platform-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #edf2f7}.platform-panel-head strong{font-size:14px}.platform-panel-head span{color:#9aa8b5;font-size:10px}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-item{min-height:59px;border:1px solid #e7eef5;border-radius:6px;padding:10px 11px;display:flex;align-items:center;gap:10px;transition:.2s border-color,.2s transform}.platform-item:hover{border-color:#9cc4f4;transform:translateY(-2px)}
.platform-item img,.text-platform>b{width:30px;height:30px;object-fit:contain;flex:none}.platform-item>div{min-width:0;flex:1}.platform-item strong,.platform-item small{display:block}.platform-item strong{font-size:11px}.platform-item small{font-size:9px;color:#9aa8b5;margin-top:3px}.platform-item i{font-style:normal;white-space:nowrap;font-size:8px;color:#20a579;background:#e5f8ef;padding:4px 6px;border-radius:3px}.platform-item i:last-child{color:#a0aab4;background:#f3f6f8}
.text-platform>b{display:grid;place-items:center;background:#ffe9ed;border-radius:7px;color:#e94966;font-size:9px}.text-platform:nth-last-child(1)>b{background:#fff0db;color:#e78718}
.product-showcase{padding:112px 0;background:#fff}.product-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:82px;align-items:center}.product-copy>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.9}
.product-points{margin:31px 0 30px;border-top:1px solid var(--line)}.product-points div{display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.product-points span{grid-row:span 2;font:11px "DM Sans";color:var(--blue);padding-top:2px}.product-points strong{font-size:12px}.product-points small{font-size:10px;color:#8d9cab;margin-top:3px}
.product-image-wrap{background:#111d2a;border-radius:9px;padding:14px 14px 17px;box-shadow:0 22px 48px rgba(25,71,115,.16)}.product-image-top{color:#b8c9d9;font:10px "DM Sans";display:flex;justify-content:space-between;align-items:center;padding:2px 3px 13px}.product-live{display:flex;align-items:center;gap:7px;color:#d9e7f3}.product-live i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(168,237,205,.17)}
.product-image-wrap>img{display:block;width:100%;height:auto;aspect-ratio:1.38;object-fit:cover;object-position:center top;border-radius:5px}.image-caption{display:flex;justify-content:space-between;color:#8fa5b8;font-size:9px;padding:12px 3px 0}.image-caption b{color:var(--mint);font-family:"DM Sans";font-size:11px}.image-caption span:last-child{color:#6e8497}
@media (max-width:900px){.platform-layout,.product-layout{gap:40px}.platform-layout{grid-template-columns:.8fr 1.2fr}.product-layout{grid-template-columns:.8fr 1.2fr}.platform-panel{padding:18px}.platform-item{padding:9px}.platform-item i{display:none}.product-image-wrap{padding:10px}}
@media (max-width:680px){.platform-section{padding:72px 0 78px}.platform-layout,.product-layout{display:block}.platform-intro h2,.product-copy h2{font-size:36px}.platform-intro p{max-width:100%}.platform-panel{margin-top:35px;padding:14px}.platform-panel-head{align-items:flex-start;gap:10px}.platform-panel-head span{line-height:1.5;text-align:right}.platform-grid{gap:7px}.platform-item{min-height:53px;gap:7px;padding:8px}.platform-item img,.text-platform>b{width:25px;height:25px}.platform-item strong{font-size:10px}.platform-item small{font-size:8px}.product-showcase{padding:78px 0}.product-copy>p{font-size:13px}.product-image-wrap{margin-top:42px}.image-caption{font-size:8px}}

/* YiMai AI hero: make the cutout robot the dominant first-viewport signal. */
.hero-light-visual:before,
.hero-light-visual .visual-orbit,
.hero-light-visual .visual-chat-card,
.hero-light-visual .visual-status,
.hero-light-visual .visual-stat,
.hero-light-visual .visual-connected { display: none; }
.hero-light-visual { overflow: visible; }
.hero-light-visual .hero-cloud-image {
  width: 1000px;
  height: 680px;
  max-width: none;
  right: -265px;
  bottom: -56px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(12px 22px 18px rgba(33, 72, 112, .16));
}
.brand-mark {
  object-fit: contain;
  background: transparent;
  padding: 0;
}
@media (max-width: 1100px) {
  .hero-light-visual .hero-cloud-image { width: 850px; right: -210px; }
}
@media (max-width: 720px) {
  .hero-light-visual .hero-cloud-image {
    width: 700px;
    height: 430px;
    right: -145px;
    bottom: -34px;
  }
}

/* Keep the restored homepage sequence when the supplemental stylesheet is loaded. */
main > .hero-light { order: 1; }
main > .hero-dark-archive { order: 0; }
main > .product-section { order: 2; }
main > .platform-section { order: 3; }
main > .capability-section { order: 4; }
main > .workflow-section { order: 5; }
main > .results-section { order: 6; }
main > .contact-section { order: 7; }

/* Platform support rail: one compact row, continuously moving to the right. */
.platform-marquee {
  width: 100%;
  margin-top: 50px;
  overflow: hidden;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .72);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.platform-track {
  display: flex;
  width: max-content;
  animation: platform-scroll-right 34s linear infinite;
  will-change: transform;
}
.platform-logo-group {
  display: flex;
  align-items: stretch;
  flex: none;
}
.platform-logo {
  position: relative;
  width: 178px;
  height: 104px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-right: 1px solid #e4edf5;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease;
}
.platform-logo:hover { background: #fff; color: var(--blue); }
.platform-logo img {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  object-fit: contain;
  image-rendering: auto;
}
.platform-logo-planned { padding-right: 18px; }
.platform-logo-planned small {
  position: absolute;
  right: 13px;
  top: 14px;
  color: #8796a4;
  font-size: 9px;
  font-weight: 500;
}
@keyframes platform-scroll-right {
  from { transform: translateX(-33.3333%); }
  to { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .platform-track { animation-play-state: paused; }
}
@media (max-width: 720px) {
  .platform-marquee { margin-top: 35px; }
  .platform-logo { width: 142px; height: 82px; gap: 8px; font-size: 11px; }
  .platform-logo img { width: 32px; height: 32px; flex-basis: 32px; }
  .platform-logo-planned small { right: 8px; top: 9px; font-size: 8px; }
}