.feature-mosaic-reference{display:none!important}
.legacy-feature-mosaic{display:block!important}
.feature-mosaic .blue{color:#008ff7}.feature-mosaic .orange{color:#ff6700}.feature-mosaic .gold{color:#ffc21a}
.card-speed .speed-copy{left:4%;top:8%;width:48%;text-align:left}.card-speed .speed-copy p,.card-speed .speed-copy h3{position:static;text-align:left}.card-speed .speed-copy p{color:#fff;font-size:14px}.card-speed .speed-copy h3{color:#ff6700;font-size:22px}.card-speed .speed-icon{z-index:3;top:7.44%;right:4.27%;left:auto;width:13.33%;height:23.26%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.62))}.card-speed .speed-stats{left:5%;bottom:7%;display:block;width:90%;text-align:left}.card-speed .speed-stats div{display:block}.card-speed .speed-stats span{color:#aaa;font-size:13px;line-height:1.5}
.card-colors .color-icon{left:auto;right:3.31%;top:10.39%;width:10.33%;height:32.47%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.62))}
.card-waste img{filter:drop-shadow(0 8px 8px rgba(0,0,0,.72))}
.card-materials img{left:8.44%;top:21.64%;width:83.56%;height:75.44%;object-fit:cover;filter:drop-shadow(0 8px 10px rgba(0,0,0,.7))}
.figma-intro{height:300px;background:#111317}
.figma-intro p{width:min(840px,calc(100% - 48px));font-family:"MiSans",sans-serif;font-size:19px;font-weight:380;line-height:1.4;text-align:left}
.figma-intro strong{font-weight:600}
/* Latest Figma handoff (3483:231): the artwork is the original unmirrored
   background layer; copy and leaders stay as separate editable layers. */
@media (min-width: 769px){
  .auto-unloading-detail{height:650px;background:#000}
  .auto-unloading-detail__machine,
  .auto-unloading-detail.is-visible .auto-unloading-detail__machine{
    top:-285px;left:0;width:100%;height:982px;
    max-width:none;object-fit:fill;object-position:center;transform:none;opacity:1;transition:none
  }
  .auto-unloading-detail__copy{top:97px;left:max(24px,calc((100% - 1440px)/2 + 240px));width:307px;transform:none}
  .auto-unloading-detail__arrow{display:block;height:3px}
  .auto-unloading-detail__arrow--motor{top:260px;left:max(200px,calc((100% - 1440px)/2 + 394px));width:394px}
  .auto-unloading-detail__arrow--scraper{top:357px;left:max(295px,calc((100% - 1440px)/2 + 480px));width:120px}
}
.figma-banner__copy{top:168px;width:480px}.figma-banner__copy h1{max-width:480px;margin-bottom:24px}.figma-banner__cta{position:relative;z-index:3}.figma-banner__copy>small{margin-top:10px}
.press-play{box-sizing:border-box;border:0;background:#fff!important;color:#000!important}.press-play h2,.press-play article h3,.press-play article p{color:#000!important}
.press-play>h2{left:calc(50% - 161px);width:322px;font-size:32px;line-height:1.4;font-weight:520;color:#000!important}
.press-play .step-label{width:83px;font-size:16px;line-height:22px;font-weight:520;color:#000!important}
.press-play article h3{left:91px;width:207px;font-size:16px;line-height:22px;font-weight:520;color:#000!important}
.press-play article>p:last-child{top:343px;left:91px;width:207px;font-size:12px;line-height:1.4;font-weight:380;color:#000!important}
.press-play article,.press-play article:first-child{top:0;height:411px;overflow:visible}
.press-play article>p:last-child{height:68px;overflow:visible}
.press-play__visual{position:absolute;top:0;left:0;width:291px;height:295px;overflow:hidden;border:0;border-radius:14px;background:#c1eef3}
.press-play article .press-play__visual img{max-width:none;margin:0;border:0;background:transparent}
.press-play__visual--materials>img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important}
.press-play__visual--queue{display:grid;grid-template-columns:repeat(2,124px);grid-auto-rows:126px;gap:12px 10px;align-content:center;justify-content:center}
.queue-tile{position:relative;overflow:hidden;border-radius:7px;background:#f4f4f4;box-shadow:0 5px 9px rgba(0,0,0,.18)}
.queue-tile img{display:block;width:100%!important;height:98px!important;object-fit:contain!important}
.queue-tile span{position:absolute;left:0;right:0;bottom:0;height:28px;padding:6px 7px;box-sizing:border-box;color:#fff;font:500 11px/16px "MiSans",sans-serif;white-space:nowrap}
.queue-tile--gold span{background:#bd9500}.queue-tile--pink span{background:#d94871}.queue-tile--green span{background:#007144}.queue-tile--gray span{background:#78979b}
.press-play__visual--phone{display:flex;align-items:center;justify-content:center}
.whole-job-phone{width:111px;height:246px;padding:5px;border-radius:20px;background:#181818;box-sizing:border-box;box-shadow:0 7px 10px rgba(0,0,0,.28)}
.whole-job-phone img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:15px!important}
.sensors-section{isolation:isolate}.sensors-copy article::after{display:none!important}.sensors-section::before,.sensors-section::after{display:none!important;content:none!important}
.sensors-section>.sensors-machine{position:absolute;z-index:1;top:39px;left:calc(50% - 292px);width:765px;height:541px;max-width:none;object-fit:fill}
.sensors-section>.sensors-line{position:absolute;z-index:2;max-width:none;object-fit:fill;pointer-events:none}
.sensors-section>.sensors-line--chamber{top:257px;left:calc(50% - 213px);width:72px;height:3px}
.sensors-section>.sensors-line--tools{top:376.5px;left:calc(50% - 200px);width:322px;height:152px}
.sensors-section>.sensors-calibration{position:absolute;z-index:3;top:377px;left:calc(50% + 157px);display:block;width:133px;height:43px;padding:0;background:url("figma-vision-calibration-badge.png") center/100% 100% no-repeat;box-sizing:border-box}
.sensors-section>.sensors-calibration>*{display:none!important}
.sensors-calibration__camera{position:relative;display:block;width:35px;height:35px;flex:0 0 35px;overflow:hidden;border:1px solid rgba(255,255,255,.75);box-sizing:border-box}
.sensors-calibration__camera img{position:absolute;top:0;left:-11px;width:54px;height:34px;max-width:none;object-fit:cover}
.sensors-calibration strong{display:block;flex:0 0 31px;width:31px;margin-left:7px;font-size:12px;line-height:12px;font-weight:700;white-space:normal}.sensors-calibration small{display:block;margin-left:5px;font-size:8px;line-height:10px;font-weight:700;white-space:nowrap}
@media(max-width:700px){.figma-banner__copy{top:66px;width:calc(100% - 40px)}.figma-banner__copy h1{margin-bottom:22px}.feature-mosaic{display:grid!important}.sensors-copy article::after,.sensors-section::before,.sensors-section::after{display:none!important}.sensors-section>.sensors-machine{top:468px;left:0;width:100%;height:auto;object-fit:contain}.sensors-section>.sensors-line,.sensors-calibration{display:none}.press-play{background:#fff!important}}

/* Gold award: under the 8X Faster label, anchored to the speed card. */
.card-speed .speed-icon{top:5%;right:5%;width:13%;height:auto}

/* 移动端首屏 Banner：对照 15-selected-layers handoff，文案块距顶由 82 缩到 49（上面 ≤700 的规则是 66） */
@media (max-width:700px){
  .figma-banner__copy{top:49px}
  .figma-banner__copy h1{margin-bottom:24px}
}

/* Toolhead architecture heading: editable copy, aligned as one left-hand group.
   PC 端文案 / 按钮列表 / 动画区 三者同宽同左边界 */
#modes .modes-heading{width:100%;margin:0 auto;text-align:left}
#modes .modes-heading h2{padding:0}
#modes .modes-kicker{margin:0 0 26px;color:#929292;font-size:24px;font-weight:600;line-height:1.2}
.mds-story p{color:#929292}
.mds-story p strong{color:#fff}
@media (min-width:701px){
  .card-waste .card-media{left:7.69%;top:19.88%;width:85.02%;height:66.67%;object-fit:cover;object-position:center;transform:translateZ(0) scale(.92);transform-origin:center}
}
@media (max-width:700px){
  .colors-alive>img{align-self:center;width:100%;max-width:100%;margin:24px auto 0!important;transform:none!important}
  #modes .modes-heading{width:calc(100% - 40px)}
  #modes .modes-kicker{margin-bottom:18px;font-size:16px}
}

/* 移动端首页介绍文字：对照 handoff 460×339（左右 36、上下 48、19px/450、行高 140%） */
@media (max-width:700px){
  .figma-intro{height:auto;padding:48px 36px}
  .figma-intro p{width:100%;font-size:19px;font-weight:450;line-height:1.4;text-align:left}
}

/* 移动端 8X Faster 卡：图当整卡背景（cover + 竖直居中偏上，机器正好完整露出），金奖徽章紧跟标题下方 */
@media (max-width:700px){
  .card-speed .card-media{object-fit:cover;object-position:center 47%;width:72%;height:100%;top:-7%;left:24%;right:auto;bottom:auto}
  .card-speed .speed-icon{position:absolute;z-index:3;top:3%;right:3%;left:auto;order:2;width:45px;height:auto;margin:0;transform:none}
}

/* 移动端三张小卡（1s Swap / Snap. Go / AI Camera）：图完整居中显示，不裁切、不放大（对照设计稿） */
@media (max-width:700px){
  .card-nozzle .card-media,.card-snap .card-media,.card-ai .card-media{object-fit:contain;object-position:center}
  .card-nozzle .card-media{transform:scale(1.85) translateY(22%)!important;transform-origin: bottom}
  .card-snap .card-media{transform:scale(1.55) translateY(17%)translateX(12%)!important;transform-origin: bottom}
  .card-ai .card-media{transform:scale(2.2) translateY(20%)!important;transform-origin: bottom}
}

/* 移动端 10M+ Colors 卡：金奖徽章放到标题上方（清掉 PC 的 top:18%/left:8% 偏移） */
@media (max-width:700px){
  .card-colors .color-icon{position:relative;order:0;top:auto;right:auto;bottom:auto;left:auto;width:45px;height:45px;margin:0 0 8px}
  .card-colors .card-media{object-position:left center;transform:translateX(21%)!important}
}

/* Highlights 下方卡片：图文锚点对齐移动端参考稿。 */
@media (max-width:700px){
  .card-clean .card-media{object-position:right top;transform:translate(30%,-30%)!important}
  .card-clean h3,.card-clean p{position:absolute;z-index:1;left:12px;width:calc(100% - 24px);margin:0;text-align:left}
  .card-clean h3{bottom:38px}
  .card-clean p{bottom:16px}

  .card-materials .card-media{object-position:right 62%;transform:scale(.9) translateY(10%)!important;transform-origin:center center}
  .card-materials p{position:absolute;z-index:1;top:12px;left:12px;width:calc(100% - 24px);margin:0;font-size:12px;white-space:nowrap;text-align:left}
  .card-waste .card-media{object-fit:contain;object-position:center center;transform:translateY(10%) scale(1.5)!important;transform-origin:center center}
  .card-waste p,.card-all p{position:absolute;z-index:1;top:12px;left:0;width:100%;margin:0;white-space:nowrap;text-align:left}
  .card-all .card-media{object-position:center 72%;transform:translateY(10%)!important}
  .card-removal .card-media{transform:none!important;object-position:40% center}
  .card-removal h3{position:absolute;z-index:1;top:12px;left:12px;width:calc(100% - 24px);margin:0;font-size:22px;text-align:left}
}

/* 首页九宫格（Meet the Next-Generation Platform）卡内字号：整块拼图在 701–1439px 之间
   宽度就是 66.666vw（对应设计稿 960px），写死的 12/14/16/20/22/24px 在这个区间被相对放大
   1.0–1.45 倍，标题换行后会压住下面那行字。这里把字号按同一比例收，并留可读下限：
   1 设计稿 px ≈ 0.0694vw。≤700px（手机）与 ≥1440px（大屏）完全不变。
   必须写在 hotfix（后加载）里，否则会被本文件上面的 .card-speed 固定字号覆盖。 */
@media (min-width:701px) and (max-width:1439px){
  .feature-card h3{font-size:clamp(13px,1.3889vw,20px)}
  .feature-card p{font-size:clamp(10px,.8333vw,12px)}
  .card-removal h3,.card-clean h3{font-size:clamp(12px,1.1111vw,16px)}
  .card-colors h3{font-size:clamp(16px,1.6667vw,24px)}
  .card-speed .speed-copy h3{font-size:clamp(15px,1.5278vw,22px)}
  .card-speed .speed-copy p{font-size:clamp(10px,.9722vw,14px)}
  .card-speed .speed-stats span{font-size:clamp(9px,.9028vw,13px);white-space:normal}

  /* 十六模块「Auto-Unload Print-Part Technology / Unattended. Continuous Flow.」：
     板块整宽 100vw 对应设计稿 1440px，字号同样按 0.0694vw 收，下限取移动端已用的值。 */
  .unattended-flow p{font-size:clamp(14px,1.3889vw,20px)}
  .unattended-flow h2{font-size:clamp(42px,4.4444vw,64px)}
}

/* 「This is the whole job.」三步卡片：上面写死的标签宽 83px / 标题宽 207px 是给 1440 设计稿的，
   701–980px 的流式三列里会让标题和正文错位，这里改成跟随栅格列宽。 */
@media (min-width:701px) and (max-width:980px){
  .press-play .step-label{width:auto}
  .press-play article h3{width:auto}
}

/* 首屏 Banner 文字：设计稿的 44/20/19/14px 是 1440 下的固定值，701–1439px 不缩就会相对变大。
   按 1 设计稿 px = 0.0694vw 收，下限取移动端已用的 32/16/16/12px（701px 处正好接上 ≤700px 那一档），
   1440px 及以上完全不变。 */
@media (min-width:701px) and (max-width:1439px){
  .figma-banner__copy h1{font-size:clamp(32px,3.0556vw,44px)}
  .figma-banner__copy p{font-size:clamp(16px,1.3889vw,20px)}
  .figma-banner__cta{font-size:clamp(16px,1.3194vw,19px)}
  .figma-banner__copy>small{font-size:clamp(12px,.9722vw,14px)}
}