/* Page reconstruction from Figma 3182:608. Locked modules are isolated below. */
@font-face { font-family:"MiSans"; src:url("fonts/MiSans-Regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"MiSans"; src:url("fonts/MiSans-Medium.woff2") format("woff2"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:"MiSans"; src:url("fonts/MiSans-Semibold.woff2") format("woff2"); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:"MiSans"; src:url("fonts/MiSans-Bold.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"MiSans"; src:url("fonts/MiSans-Heavy.woff2") format("woff2"); font-style:normal; font-weight:900; font-display:swap; }
:root { --figma-bg:#020400; --figma-panel:#111317; --figma-cyan:#46ddee; }
* { box-sizing:border-box; }
html { background:var(--figma-bg); scroll-behavior:smooth; }
body { margin:0; color:#fff; background:var(--figma-bg); font-family:"MiSans",Inter,"SF Pro Display","PingFang SC",Arial,sans-serif; line-height:1.4; -webkit-font-smoothing:antialiased; }
img,video { display:block; max-width:100%; }
button,input { font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.site-header { --nav-text:#fff; --nav-muted:rgba(255,255,255,.75); --nav-icon:rgba(255,255,255,.84); --nav-active:#fff; position:absolute; z-index:100; top:24px; left:0; width:100%; padding-inline:32px; pointer-events:none; }
.site-header[data-nav-tone="light"] { --nav-text:#0b1433; --nav-muted:rgba(11,20,51,.72); --nav-icon:rgba(11,20,51,.84); --nav-active:#0b1433; }
.site-nav { display:flex; align-items:center; width:100%; height:76px; margin:auto; padding:0 30px; border:1px solid rgba(255,255,255,.34); border-radius:26px; background:rgba(255,255,255,.14); box-shadow:0 12px 32px rgba(0,0,0,.18); backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%); pointer-events:auto; }
.site-brand { display:flex; flex:none; align-items:center; gap:16px; color:var(--nav-text); text-decoration:none; }
.site-brand img { width:44px; height:44px; object-fit:contain; }
.site-brand span { font-family:"MiSans",sans-serif; font-size:24px; font-weight:600; letter-spacing:.04em; }
.site-links { display:flex; align-items:center; gap:46px; margin:0 0 0 60px; padding:0; list-style:none; }
.site-links li { margin:0; padding:0; }
.site-links a { color:var(--nav-muted); font-family:"MiSans",sans-serif; font-size:18px; font-weight:400; text-decoration:none; transition:color .2s ease; }
.site-links a:hover,.site-links a:focus-visible { color:var(--nav-active); }
.site-actions { display:flex; align-items:center; gap:30px; margin-left:auto; }
.site-actions a,.site-actions button { position:relative; display:grid; width:34px; height:34px; padding:4px; place-items:center; color:var(--nav-icon); border:0; background:transparent; cursor:pointer; }
.site-actions svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.site-actions .mobile-menu { display:none; }
.site-cart-count { position:absolute; top:-4px; right:-5px; display:grid; min-width:17px; height:17px; padding:0 4px; place-items:center; border-radius:9px; background:#087dff; color:#fff; font-size:10px; font-weight:700; line-height:1; }
.site-search-form { position:absolute; top:calc(100% + 10px); right:24px; display:flex; width:min(420px,calc(100vw - 48px)); padding:10px; border:1px solid rgba(255,255,255,.34); border-radius:15px; background:rgba(25,28,34,.88); box-shadow:0 14px 32px rgba(0,0,0,.25); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); }
.site-search-form[hidden] { display:none; }
.site-search-form input[type="search"] { flex:1; min-width:0; padding:10px 12px; border:0; border-radius:8px 0 0 8px; outline:0; }
.site-search-form button { width:auto; height:auto; padding:10px 16px; border-radius:0 8px 8px 0; background:#087dff; color:#fff; }

/* Lock A — only selectors required by the existing 10-card markup. */
.section { padding:112px 0; overflow:hidden; background:#111317; }
.container { width:min(1200px,calc(100% - 48px)); margin-inline:auto; }
.figma-overview { width:min(960px,100%); margin:0 auto; color:#fff; }
.figma-overview h2 { margin:0 0 42px; text-align:center; font-family:"MiSans",Inter,"PingFang SC",sans-serif; font-size:32px; font-weight:600; letter-spacing:-.04em; line-height:1.4; }
.feature-mosaic { --mosaic-hover-scale:1.3; position:relative; width:100%; aspect-ratio:960/556; }
.feature-card { position:absolute; overflow:hidden; border-radius:16px; background:#000; color:#fff; }
.feature-card .card-media { transform:translateZ(0); transform-origin:center; transition:transform .42s cubic-bezier(.22,1,.36,1); will-change:transform; }
@media (hover:hover) and (pointer:fine) { .feature-card:hover .card-media { transform:translateZ(0) scale(var(--mosaic-hover-scale)); } }
.feature-card img { position:absolute; display:block; max-width:none; }
.feature-card::after { content:""; position:absolute; inset:0; pointer-events:none; }
.feature-card h3,.feature-card p { position:absolute; z-index:2; margin:0; font-family:"MiSans",Inter,"PingFang SC",sans-serif; font-weight:600; line-height:1.4; text-align:center; }
.feature-card h3 { font-size:20px; } .feature-card p { font-size:12px; } .cyan { color:#46ddee; }
.card-speed { left:0; top:0; width:39.0625%; height:38.669%; }
.card-speed .machine { left:12.27%; top:-27.44%; width:94.13%; height:164.19%; object-fit:cover; filter:brightness(1.13); }
.card-speed .speed-icon { left:17.33%; top:7.44%; width:13.33%; height:23.26%; object-fit:cover; filter:brightness(1.18) saturate(1.08); }
.card-speed::after { background:linear-gradient(90deg,rgba(0,0,0,.52) 0%,transparent 70%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 45%); }
.card-speed .speed-copy { position:absolute; z-index:2; left:-5.07%; top:30.7%; width:58.13%; text-align:center; }
.card-speed .speed-copy h3,.card-speed .speed-copy p { position:static; width:auto; }
.speed-stats { position:absolute; z-index:2; left:9.6%; bottom:6.5%; display:flex; gap:24px; text-align:center; white-space:nowrap; }
.speed-stats span { display:block; color:#46ddee; font-size:20px; font-weight:600; line-height:1.35; }.speed-stats small { display:block; color:#fff; font-size:12px; line-height:1.4; }
.card-nozzle { left:39.896%; top:0; width:19.063%; height:38.669%; }.card-nozzle img { left:-12.1%; top:8.7%; width:124.3%; height:100%; object-fit:cover; }.card-nozzle::after { background:linear-gradient(0deg,#000 0%,transparent 78%); }.card-nozzle h3 { top:15%; left: 6%;; width:100%; text-align:left; }.card-nozzle p { top:4%; left:6%; width:100%; text-align:left; }
.card-snap { left:59.792%; top:.36%; width:18.438%; height:38.309%; }.card-snap img { left:13%; top:19.25%; width:110.22%; height:80.46%; object-fit:cover; }.card-snap::after { background:linear-gradient(90deg,rgba(0,0,0,.8),transparent 72%); }.card-snap h3 { top:15%; left:6%; width:100%; text-align:left; }.card-snap p { top:4%; left:6%; width:100%; text-align:left; }
.card-ai { left:79.063%; top:0; width:20.938%; height:38.669%; }.card-ai img { left:-5%; top:-10%; width:175.26%; height:122.2%; object-fit:cover; }.card-ai h3 { top:15%; left:6%; width:100%; text-align:left; }.card-ai p { top:4%; left:6%; width:100%; text-align:left; }
.card-removal { left:0; top:40.108%; width:26.979%; height:59.892%; }.card-removal img { left:-61.78%; top:-22.82%; width:252.66%; height:130%; object-fit:cover; }.card-removal::after { background:linear-gradient(138deg,rgba(0,0,0,.85),transparent 65%); }.card-removal h3 { top:4%; left:6%; width:100%; font-size:16px; text-align:left; }
.card-colors { left:27.813%; top:40.108%; width:50.417%; height:27.698%; }.card-colors img { left:10%;width:100.32%; height:100%; object-fit:cover; }.card-colors .color-icon { left:16.94%; top:18.83%; width:10.33%; height:32.47%; object-fit:cover; z-index:2; }.card-colors::after { background:linear-gradient(90deg,rgba(0,0,0,.82),transparent 76%); }.card-colors h3 { left:4%; top:4%; width:45%; font-size:24px; text-align:left; }.card-colors p { left:4%; top:25%; width:45%; text-align:left; }
.card-clean { left:79.063%; top:40.108%; width:20.938%; height:27.518%; }.card-clean img { left:20.9%; top:-45.1%; width:107.46%; height:141.18%; object-fit:cover; }.card-clean::after { background:linear-gradient(90deg,#000 0%,transparent 65%); }.card-clean h3 { top:4%; left:6%; width:100%; font-size:16px; text-align:left; }.card-clean p { top:15%; left:6%; width:100%; text-align:left; }
.card-waste { left:27.813%; top:69.245%; width:25.729%; height:30.755%; border-radius:13px; }.card-waste img { left:7.69%; top:19.88%; width:85.02%; height:66.67%; object-fit:cover; }.card-waste p { top:8.77%; left:0; width:100%; }
.card-materials { left:54.375%; top:69.245%; width:23.438%; height:30.755%; border-radius:13px; }.card-materials img { left:-3.56%;5top:25.15%; width:116.89%; height:74.85%; object-fit:cover; }.card-materials p { top:8.77%; left:0; width:100%; }
.card-all { left:79.063%; top:69.245%; width:20.938%; height:30.755%; background:linear-gradient(90deg,#131516,#1f2122); }.card-all img { left:-16.42%; top:14.62%; width:132.84%; height:87.72%; object-fit:cover; }.card-all p { top:10%; left:6%; width:100%; text-align:left; }

/* 首页九宫格小卡：卡内「标题 / 说明」两行的间距，统一对齐 24/7 卡（.card-removal h3 span 的 margin-top:.22em ≈ 8px 视觉间距）。
   原先后一行用卡片高度的百分比定位，卡片越高两行离得越远；现在改成「上一行行高 + 8px」的固定间距，任何桌面宽度都一致。 */
@media (min-width:701px){
  .card-nozzle h3,.card-snap h3,.card-ai h3 { top:4%; margin-top:16.8px; } /* 说明行 12px×1.4=16.8 + 0 */
  .card-colors h3 { top:14%; } /* 10M+ Colors 整块下移：4% → 14%（+10%） */
  .card-colors p { top:14%; margin-top:33.6px; } /* 标题行 24px×1.4=33.6 + 0；与 h3 同一基准 */
  .card-clean h3 { top:auto; bottom:33.2px; } /* 文字整体移到左下角：p 行盒 16.8 + 底距 14 + 2.4 间距 + h3 行盒 22.4 */
  .card-clean p { top:auto; bottom:14px; margin-top:0; } /* 两行间距不变，仍对齐 24/7 卡 */
  .card-speed .speed-copy h3 { margin-top:-3px; } /* 该卡本就是流式排布，收窄到同一间距 */
}

/* 首页九宫格「Meet the Next-Generation Platform」：去掉卡片的渐变遮罩层。 */
.feature-card::after { background:none; }

/* Lock B is styled exclusively by assets/toolheads.css. */
.figma-banner { position:relative; width:min(1440px,100%); height:600px; margin:auto; overflow:hidden; background:#000; }.figma-banner__art { position:absolute; inset:-47px -1px auto; width:calc(100% + 3px); height:692px; object-fit:cover; }.figma-banner__copy { position:absolute; top:186px; left:max(24px,calc(50% - 481px)); width:312px; color:#000; text-align:left; }.figma-banner__copy p { margin:0 0 8px; font-family:"MiSans",sans-serif; font-size:16px; line-height:1.4; font-weight:900; }.figma-banner__copy h1 { margin:0; font-family:"MiSans",sans-serif; font-size:32px; line-height:1.2; font-weight:600; }.figma-banner__launch { position:relative; width:159px; height:51px; margin-top:108px; overflow:hidden; }.figma-banner__launch img { position:absolute; top:-9px; left:0; width:159px; height:90px; max-width:none; object-fit:cover; }.figma-banner__launch span { position:absolute; top:7px; left:0; width:159px; margin:0; font-family:"MiSans",sans-serif; font-size:12px; line-height:1.4; font-weight:500; }
.figma-intro { height:180px; padding-top:0; display:grid; place-items:start center; background:#111317; }.figma-intro p { width:min(960px,calc(100% - 48px)); margin:0; text-align:left; font-size:24px; line-height:1.4; font-weight:600; }
.figma-stat-stage { position:relative; width:min(1440px,100%); height:600px; margin:auto; overflow:hidden; background:#000; }.figma-stat-stage>img { position:absolute; width:1795px; max-width:none; height:1196px; left:50%; top:-403px; transform:translateX(-50%); object-fit:cover; }.figma-stat-stage__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%); }.figma-stat-stage__copy { position:absolute; top:195px; left:50%; width:609px; transform:translateX(-50%); text-align:center; }.figma-stat-stage h2 { margin:0 0 64px; font-size:48px; font-weight:600; line-height:1.4; }.stat-row { display:flex; justify-content:center; gap:64px; white-space:nowrap; }.stat-row p { margin:0; text-align:center; }.stat-row strong { display:block; font-size:36px; line-height:1.4; font-weight:600; }.stat-row small { font-size:24px; }.stat-row span { display:block; margin-top:2px; font-size:16px; }
.figma-nozzle { position:relative; width:min(1440px,100%); height:600px; margin:auto; overflow:hidden; background:#020400; }.figma-nozzle>img { position:absolute; width:711px; height:711px; max-width:none; top:-68px; left:calc(50% - 90px); object-fit:cover; }.figma-nozzle::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0),#000 100%); pointer-events:none; }.figma-nozzle>div { position:absolute; z-index:1; top:177px; left:calc(50% - 343px); width:415px; }.figma-nozzle h2 { margin:0 0 32px; font-size:32px; font-weight:600; }.figma-nozzle p { width:368px; margin:0; font-size:16px; }
.preheat-stage { position:relative; width:min(1440px,100%); height:500px; margin:auto; overflow:hidden; background:#020400; color:#fff; font-family:"MiSans",sans-serif; }.preheat-stage::before { content:""; position:absolute; z-index:2; top:0; left:0; width:100%; height:109px; background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 100%); pointer-events:none; }.preheat-stage__media { position:absolute; top:110px; left:calc(50% - 480px); width:500px; height:300px; overflow:hidden; border-radius:16px; }.preheat-stage__media img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:contain; }.preheat-stage__copy { position:absolute; top:110px; left:calc(50% + 120px); width:415px; }.preheat-stage h2 { margin:0 0 36px; font-size:32px; line-height:1.4; font-weight:600; }.preheat-stage p { width:368px; margin:0; font-size:16px; line-height:1.4; font-weight:380; }
.material-compatibility { position:relative; width:min(1440px,100%); height:500px; margin:auto; overflow:hidden; background:#020400; color:#fff; font-family:"MiSans",sans-serif; }.material-compatibility__copy { position:absolute; z-index:1; top:144px; left:calc(50% - 343px); width:368px; }.material-compatibility h2 { width:363px; margin:0 0 24px; font-size:32px; line-height:1.4; font-weight:600; }.material-compatibility p { width:368px; margin:0; font-size:16px; line-height:1.4; font-weight:380; }.material-compatibility > img { position:absolute; top:124px; left:calc(50% + 9px); width:500px; height:300px; max-width:none; object-fit:contain; }
.continuous-printing { position:relative; width:min(1440px,100%); height:500px; margin:auto; overflow:hidden; background:#020400; color:#fff; font-family:"MiSans",sans-serif; }.continuous-printing__media { position:absolute; top:110px; left:calc(50% - 480px); width:500px; height:300px; overflow:hidden; border-radius:16px; }.continuous-printing__media img { position:absolute; top:-38px; left:-48px; width:554px; height:346px; max-width:none; object-fit:cover; }.continuous-printing__copy { position:absolute; top:183px; left:calc(50% + 84px); width:368px; }.continuous-printing h2 { width:363px; margin:0 0 24px; font-size:32px; line-height:1.4; font-weight:600; }.continuous-printing p { width:368px; margin:0; font-size:16px; line-height:1.4; font-weight:380; }
.figma-productivity { width:min(1440px,100%); height:647px; margin:auto; padding-top:86.5px; overflow:hidden; background:#000; text-align:center; }.figma-productivity h2 { width:969px; margin:0 auto 48px; font-size:36px; line-height:1.4; font-weight:600; }.productivity-grid { display:grid; grid-template-columns:repeat(3,291px); justify-content:center; gap:48px; }.productivity-grid article { width:291px; height:377px; margin:0; text-align:left; }.productivity-media { position:relative; width:291px; height:295px; overflow:hidden; border-radius:16px; background:#111317; }.productivity-media img { position:absolute; top:0; left:-101px; width:551px; height:295px; max-width:none; object-fit:fill; }.productivity-copy { width:276px; margin:18px auto 0; }.productivity-grid h3 { margin:0 0 8px; font-size:16px; line-height:1.4; font-weight:600; }.productivity-grid p { margin:0; font-size:12px; line-height:1.4; font-weight:380; }.productivity-controls { display:none; }
.complexity-carousel { width:min(1438px,100%); height:600px; margin:auto; padding-top:47px; overflow:hidden; background:#000; color:#fff; font-family:"MiSans",sans-serif; }.complexity-carousel__inner { width:960px; margin:auto; }.complexity-carousel h2 { height:50px; margin:0 0 48px; font-size:36px; line-height:1.4; font-weight:600; text-align:center; }.complexity-stage { display:grid; grid-template-columns:475px 485px; width:960px; height:353px; overflow:hidden; border-radius:16px; background:#4e4e4e; }.complexity-visual { position:relative; height:353px; overflow:hidden; background:#f2f2f0; }.complexity-visual img { position:absolute; top:0; left:-142px; width:786px; height:354px; max-width:none; object-fit:cover; transition:opacity .18s ease; }.complexity-data { padding:74px 48px; color:#fff; text-align:left; }.complexity-data strong,.complexity-data span { display:block; }.complexity-data strong { font-size:24px; line-height:1.4; font-weight:600; }.complexity-data span { font-size:14px; line-height:1.4; }.complexity-data b { display:block; margin:20px 0 8px; color:#20d9e6; font-size:16px; font-weight:600; }.waste-meter { width:280px; }.waste-meter span { font-size:12px; }.waste-meter i { display:block; height:14px; margin-top:3px; border-radius:99px; }.waste-meter--fa3d { width:197px; }.waste-meter--fa3d i { width:150px; background:#51d8e5; }.waste-meter--others { margin-top:6px; }.waste-meter--others i { width:280px; margin:0 0 2px; background:#aaa; }.complexity-controls { display:flex; align-items:center; justify-content:space-between; height:42px; margin-top:24px; }.complexity-dots { display:flex; gap:8px; }.complexity-dots i { display:block; width:34px; height:2px; background:#575757; }.complexity-dots i.active { background:#fff; }.complexity-controls button { width:42px; height:42px; margin-left:8px; padding:0 0 4px; border:0; border-radius:50%; background:#2e2e2e; color:#fff; font-size:28px; line-height:1; cursor:pointer; }.complexity-controls button:hover,.complexity-controls button:focus-visible { background:#4a4a4a; }
.mds-showcase { position:relative; width:min(1437px,100%); height:628px; margin:auto; overflow:hidden; background:#000; color:#fff; font-family:"MiSans",sans-serif; }.mds-showcase > h2 { position:absolute; top:39px; left:calc(50% - 380.5px); width:720px; margin:0; font-size:32px; line-height:1.4; font-weight:600; text-align:center; }.mds-card { position:absolute; top:132px; left:50%; width:960px; height:400px; overflow:hidden; transform:translateX(-50%); border-radius:16px; background:#fff; color:#000; }.mds-card > img { position:absolute; top:60px; left:67px; width:380px; height:226px; max-width:none; object-fit:fill; }.mds-kicker { position:absolute; top:88px; left:545px; width:353px; margin:0; color:#fe6a00; font-size:15px; line-height:1.4; font-weight:600; }.mds-card h3 { position:absolute; top:113px; left:545px; width:353px; margin:0; font-size:32px; line-height:1.2; font-weight:600; }.mds-card ul { position:absolute; top:205px; left:545px; width:240px; margin:0; padding-left:16px; color:rgba(0,0,0,.6); font-size:13px; line-height:1.4; font-weight:600; }.mds-card small { position:absolute; top:287px; left:101px; width:312px; color:rgba(0,0,0,.6); font-size:10px; line-height:1.4; font-weight:400; }.mds-story { position:relative; width:min(1440px,100%); height:399px; margin:auto; overflow:hidden; background:#000; color:#fff; font-family:"MiSans",sans-serif; }.mds-story p { position:absolute; top:51px; left:50%; width:840px; margin:0; transform:translateX(-50%); font-size:19px; line-height:1.4; font-weight:500; }.mds-story strong { font-weight:600; }
.color-limits { position:relative; width:min(1440px,100%); height:600px; margin:auto; overflow:hidden; background:#000; color:#fff; font-family:"MiSans",sans-serif; }.color-limits > img { position:absolute; z-index:0; top:-403px; left:calc(50% - 858px); width:1795px; height:1196px; max-width:none; object-fit:fill; }.color-limits::after { content:""; position:absolute; z-index:1; top:122px; left:0; width:100%; height:478px; background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%); pointer-events:none; }.color-limits__copy { position:absolute; z-index:2; inset:0; }.color-limits__copy p { position:absolute; top:160px; left:calc(50% - 480px); width:389px; margin:0; font-size:20px; line-height:1.4; font-weight:600; }.color-limits__copy h2 { position:absolute; top:203px; left:calc(50% - 480px); width:807px; margin:0; font-size:64px; line-height:1.2; font-weight:600; text-align:left; }
.colors-alive { position:relative; width:min(1440px,100%); height:620px; margin:auto; overflow:hidden; background:#020400; color:#fff; font-family:"MiSans",sans-serif; }.colors-alive > img { position:absolute; z-index:0; top:66px; left:calc(50% - 208px); width:1015px; height:485px; max-width:none; object-fit:fill; }.colors-alive > div { position:absolute; z-index:1; top:144px; left:calc(50% - 480px); width:436px; }.colors-alive h2 { width:436px; height:90px; margin:0 0 36px; font-size:32px; line-height:1.4; font-weight:600; }.colors-alive p { width:436px; margin:0; font-size:16px; line-height:1.4; font-weight:380; }
.diverse-forms{width:min(1440px,100%);height:722px;margin:auto;padding:67px 0 0;background:#000;color:#fff;font-family:"MiSans",sans-serif}.diverse-forms>h2{width:960px;margin:0 auto 48px;font-size:32px;line-height:45px;font-weight:600}.diverse-forms__panel{display:grid;grid-template-columns:446px 514px;width:960px;height:415px;margin:auto;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.3)}.diverse-forms__accordion{display:flex;flex-direction:column;gap:16px;padding:32px}.diverse-forms__accordion button{position:relative;display:block;width:364px;min-height:56px;padding:17px 48px 16px 20px;border:0;border-radius:16px;background:rgba(0,0,0,.13);color:#fff;text-align:left;cursor:pointer}.diverse-forms__accordion button.is-active{height:158px;background:rgba(0,0,0,.48)}.diverse-forms__accordion strong{display:block;font:700 16px/22px "MiSans",sans-serif}.diverse-forms__accordion span{display:none;margin-top:8px;font:380 12px/1.4 "MiSans",sans-serif}.diverse-forms__accordion button.is-active span{display:block}.diverse-forms__accordion i{position:absolute;top:23px;right:25px;width:12px;height:12px;border-right:1px solid #111;border-bottom:1px solid #111;transform:rotate(45deg)}.diverse-forms__accordion button.is-active i{transform:rotate(225deg);top:28px}.diverse-forms__visual{position:relative;overflow:hidden;background:#f4f4f6}.diverse-forms__visual>img{width:100%;height:100%;object-fit:cover}.diverse-forms__visual>div{position:absolute;right:54px;bottom:31px;left:72px;display:flex;justify-content:space-between}.diverse-forms__visual button{height:36px;padding:0 18px;border:1px solid #00a4bd;border-radius:18px;background:#fff;color:#007f94;font:600 14px/34px "MiSans",sans-serif;cursor:pointer}.diverse-forms__visual button.is-active{background:#008fa7;color:#fff}
.color-stage .figma-stat-stage__shade { background:linear-gradient(180deg,rgba(0,0,0,0) 20%,#000 100%); }
.figma-split { position:relative; width:min(1440px,100%); height:600px; margin:auto; overflow:hidden; background:#020400; }.figma-split>img { position:absolute; top:0; left:50%; width:1440px; height:600px; max-width:none; transform:translateX(-50%); object-fit:cover; }.figma-split>div { position:absolute; z-index:1; top:144px; left:calc(50% - 379px); width:370px; }.figma-split h2 { margin:0 0 36px; font-size:32px; line-height:1.4; font-weight:600; }.figma-split p { margin:0; font-size:16px; line-height:1.4; }.workflow-icons { display:flex; gap:16px; margin-top:36px; }.workflow-icons i { width:60px; height:56px; background:#d9d9d9; }
.figma-centered-card { min-height:600px; padding:47px 24px 60px; background:#000; text-align:center; }.figma-centered-card h2 { margin:0 0 48px; font-size:32px; font-weight:600; }.figma-centered-card img { width:720px; height:353px; margin:auto; border-radius:16px; object-fit:cover; }.night-card { background:#111317; }.night-card img { object-fit:contain; background:#000; }
.portfolio-marquee { width:min(1440px,100%); margin:24px auto 0; padding:8px 0; overflow:hidden; background:#111317; }
.portfolio-static { display:grid; gap:8px; padding:8px; }
.portfolio-static .portfolio-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.portfolio-static .work-card { width:100%; height:auto; aspect-ratio:378 / 258; }
.marquee-row { overflow:hidden; }
.marquee-row + .marquee-row { margin-top:8px; }
.marquee-track,.marquee-set { display:flex; width:max-content; }
.marquee-track { will-change:transform; animation:portfolio-scroll-left 32s linear infinite; }
.marquee-row--bottom .marquee-track { animation-name:portfolio-scroll-right; animation-duration:36s; }
.marquee-set { flex:none; gap:8px; padding-right:8px; }
.work-card { position:relative; flex:none; width:378px; height:258px; overflow:hidden; border-radius:11px; background:#f2f2f2; }
.work-card--chess { width:280px; }
.work-card--house { width:340px; }
.work-card--shark,.work-card--stickers { width:378px; }
.work-card img { display:block; width:100%; height:100%; object-fit:cover; }
.work-card--house img { object-fit:cover; }
.process-tags { position:absolute; z-index:1; top:15px; left:16px; display:flex; gap:6px; }
.process-tags span { display:grid; min-width:59px; height:20px; padding:0 10px; place-items:center; border:1px solid rgba(0,0,0,.18); border-radius:999px; background:rgba(255,255,255,.94); color:rgba(0,0,0,.64); font-family:"MiSans",Arial,sans-serif; font-size:12px; font-weight:400; line-height:1; white-space:nowrap; }
.portfolio-marquee:hover .marquee-track,.portfolio-marquee:focus-within .marquee-track { animation-play-state:paused; }
@keyframes portfolio-scroll-left { to { transform:translateX(-50%); } }
@keyframes portfolio-scroll-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
.figma-media-slot,.figma-image-slot,.figma-wide-image { width:min(1440px,100%); margin:auto; background:#000; overflow:hidden; }.figma-media-slot { padding:48px 0; }.figma-media-slot video { width:min(960px,100%); margin:auto; border-radius:16px; background:#111317; }.figma-image-slot { padding:72px 0; background:#111317; }.figma-image-slot img { width:min(960px,100%); margin:auto; border-radius:16px; }.figma-wide-image img { width:100%; height:600px; object-fit:cover; }
.figma-three-up { display:grid; grid-template-columns:repeat(3,291px); justify-content:center; gap:48px; padding:72px 24px; background:#000; }.figma-three-up article { overflow:hidden; border-radius:16px; background:#111317; }.figma-three-up img { width:291px; height:220px; object-fit:cover; }.figma-three-up h3 { min-height:58px; margin:0; padding:18px; font-size:16px; text-align:center; }
.vip-section { width:min(1440px,100%); margin-inline:auto; padding:30px 24px 66px; background:#111317; }
.vip { display:flex; flex-direction:column; align-items:center; justify-content:center; width:min(960px,100%); height:235px; margin:0 auto; padding:24px; border-radius:12px; background:#1d1f22; color:#fff; text-align:center; }
.vip h2 { margin:0 0 26px; font-family:"MiSans",sans-serif; font-size:20px; line-height:1.35; font-weight:600; }.vip em { color:#46ddee; font-style:normal; }.vip form { display:flex; width:min(270px,100%); height:42px; margin:0 auto 14px; padding:4px; border:1px solid rgba(255,255,255,.6); border-radius:71.18px; background:rgba(255,255,255,.03); }.vip input { flex:1; min-width:0; padding:0 10px; color:#fff; font-family:"MiSans",sans-serif; font-size:12px; font-weight:400; border:0; outline:0; background:transparent; }.vip input::placeholder { color:rgba(255,255,255,.6); opacity:1; }.vip button { min-width:90px; padding:0 16px; color:#fff; border:0; border-radius:71.18px; background:linear-gradient(90deg,#46ddee 0%,#287e88 100%); cursor:pointer; font-family:"MiSans",sans-serif; font-size:11.39px; font-weight:900; }.vip p { margin:0; font-family:"MiSans",sans-serif; font-size:12px; line-height:1.4; font-weight:600; }.vip small { display:block; margin-top:2px; color:#fff; font-family:"MiSans",sans-serif; font-size:12px; line-height:1.4; font-weight:400; }
.fa3d-vip-sureforms{position:fixed!important;left:-10000px!important;top:0!important;width:320px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.vip .vip-message{position:absolute;margin-top:58px;color:#46ddee;font-size:11px;line-height:1.3}.vip .vip-message.is-error{color:#ff8e8e}.vip form button:disabled{cursor:default;opacity:.8}
@media (max-width:700px) { .section { padding:64px 0; }.container { width:min(100% - 28px,960px); }.feature-mosaic { aspect-ratio:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.feature-card { position:relative; inset:auto; width:auto; height:220px; border-radius:14px; }.card-speed,.card-removal,.card-colors { grid-column:span 2; }.card-speed { height:310px; }.card-removal { height:340px; }.card-colors { height:220px; }.feature-card img { object-fit:cover; }.figma-banner { height:450px; }.figma-banner__art { height:450px; inset:0; }.figma-banner__copy { top:120px; left:24px; width:min(300px,calc(100% - 48px)); }.figma-banner__copy h1 { font-size:28px; }.vip-section { padding:20px 14px 40px; }.vip { height:235px; padding-inline:18px; }.vip h2 { font-size:20px; }.vip form { width:min(300px,100%); }.figma-intro { height:auto; padding:64px 0; }.figma-intro p { font-size:19px; }.figma-stat-stage,.figma-nozzle,.figma-split { height:540px; }.figma-stat-stage__copy { top:145px; width:100%; }.figma-stat-stage h2 { font-size:34px; margin-bottom:42px; }.stat-row { gap:18px; }.stat-row strong { font-size:28px; }.stat-row small { font-size:18px; }.stat-row span { font-size:12px; }.figma-nozzle>img { left:30%; opacity:.7; }.figma-nozzle>div { top:110px; left:24px; width:calc(100% - 48px); }.figma-nozzle p { width:auto; }.productivity-grid,.figma-three-up { grid-template-columns:1fr; }.productivity-grid article,.productivity-grid img,.figma-three-up article,.figma-three-up img { width:min(291px,100%); margin-inline:auto; }.figma-split>div { top:78px; left:24px; width:min(370px,calc(100% - 48px)); }.figma-split>img { opacity:.55; }.figma-centered-card img { width:100%; height:260px; }.portfolio-marquee { padding-block:6px; }.marquee-row + .marquee-row { margin-top:6px; }.marquee-set { gap:6px; padding-right:6px; }.work-card { width:285px; height:195px; border-radius:9px; }.work-card--chess { width:212px; }.work-card--house { width:257px; }.work-card--shark,.work-card--stickers { width:285px; }.process-tags { top:11px; left:12px; gap:4px; }.process-tags span { min-width:47px; height:18px; padding-inline:8px; font-size:10px; }.figma-wide-image img { height:360px; } }
@media (prefers-reduced-motion:reduce) { .marquee-row { overflow-x:auto; scrollbar-width:none; }.marquee-row::-webkit-scrollbar { display:none; }.marquee-track { animation:none; } }

/* Full-bleed page sections: 1440px is the design baseline, not a viewport cap. */
.figma-banner,
.vip-section,
.figma-stat-stage,
.figma-nozzle,
.figma-split,
.portfolio-marquee,
.figma-media-slot,
.figma-image-slot,
.figma-wide-image { width:100%; max-width:none; margin-inline:0; }
.figma-split > img { width:100%; }
.figma-banner__copy { color:#fff; }

/* Confirmed 1–21 page modules. */
.figma-banner__copy { left:max(32px,calc(50% - 560px)); }
.vip { width:min(1280px,66.666vw); max-width:calc(100vw - 48px); height:auto; aspect-ratio:960/235; }
.figma-intro p { font-family:"MiSans",sans-serif; font-size:24px; font-weight:600; }
.feature-card .card-media { transform:translateZ(0) scale(.92); }
@media (hover:hover) and (pointer:fine) { .feature-card:hover .card-media { transform:translateZ(0) scale(1.08); } }

.materials-section,.color-story,.workflow-primary,.sensors-section,.press-play { width:100%; background:#000; color:#fff; font-family:"MiSans",sans-serif; }
.materials-section h2,.press-play h2 { margin:0 0 48px; font-size:32px; font-weight:600; }
.mechanism-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; width:min(960px,calc(100% - 48px)); margin:auto; }
.mechanism-grid article { overflow:hidden; border-radius:16px; background:#111317; text-align:left; }
.mechanism-grid img { width:100%; aspect-ratio:479/277; object-fit:cover; }
.mechanism-grid h3 { margin:18px 20px 8px; font-size:20px; }
.mechanism-grid p { margin:0 20px 22px; color:rgba(255,255,255,.72); font-size:12px; }
.materials-section { display:flex; align-items:center; justify-content:center; gap:90px; min-height:520px; padding:70px 24px; }
.materials-section > div { width:390px; }
.materials-section > img { width:min(380px,40vw); height:auto; }
.material-stats { display:grid; grid-template-columns:1fr 1fr; gap:24px 36px; }
.material-stats p { margin:0; }
.material-stats strong,.material-stats span { display:block; }
.material-stats strong { color:#46ddee; font-size:28px; font-weight:600; }
.material-stats span { font-size:14px; }
.color-story { display:grid; min-height:360px; place-items:center; padding:70px 24px; background:#111317; }
.color-story p { width:min(960px,100%); margin:0; text-align:center; font-size:24px; font-weight:600; line-height:1.4; }
.speed-stage > img,.color-stage > img { inset:0; width:100%; height:100%; transform:none; object-fit:cover; object-position:center; }
.color-detail { display:grid; grid-template-columns:minmax(320px,1fr) minmax(480px,1.35fr); align-items:center; height:auto; min-height:600px; padding:0 max(24px,calc(50% - 480px)); }
.color-detail > img { position:static; width:100%; height:auto; transform:none; object-fit:contain; }
.color-detail > div { position:static; width:auto; padding:48px; }
.workflow-primary,.workflow-detail { display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:600px; padding-inline:max(24px,calc(50% - 480px)); }
.workflow-primary > div { padding:48px; }
.workflow-primary h2 { margin:0 0 28px; font-size:32px; }
.workflow-primary p { margin:0; font-size:16px; }
.workflow-primary > img { width:min(631px,100%); height:auto; justify-self:center; }
.workflow-detail { direction:rtl; height:auto; }
.workflow-detail > * { direction:ltr; }
.workflow-detail > img { position:static; width:min(631px,100%); height:auto; transform:none; object-fit:contain; content:url("section-workflow.png"); }
.workflow-detail > div { position:static; width:auto; padding:48px; }
.workflow-icons { display:none; }
.figma-centered-card img,.night-card img { width:min(960px,80vw); height:auto; max-height:600px; object-fit:contain; }
.sensors-section { display:flex; align-items:center; justify-content:center; gap:70px; min-height:620px; padding:60px 24px; }
.sensors-section > div { width:280px; }
.sensors-section h2 { margin:0 0 36px; font-size:36px; }
.sensors-section ul { margin:0; padding-left:20px; line-height:2; }
.sensors-section img { width:min(773px,55vw); height:auto; }
.press-play { padding:72px 24px 90px; text-align:center; }
.press-play > div { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; width:min(960px,100%); margin:auto; }
.press-play article { margin:0; }
.press-play img { width:100%; aspect-ratio:1/1; border-radius:16px; background:#111317; object-fit:contain; }
.press-play h3 { margin:18px 0 8px; font-size:16px; }
.press-play p { margin:0; font-size:12px; line-height:1.45; }
.press-play article { display:grid; grid-template-columns:auto 1fr; column-gap:18px; text-align:left; }
.press-play article img { grid-column:1 / -1; }
.press-play .step-label { grid-row:2 / span 2; margin-top:18px; font-weight:600; white-space:nowrap; }
.press-play article h3 { grid-column:2; }
.press-play article > p:last-child { grid-column:2; }
@media (max-width:700px) {
  .figma-banner__copy { left:24px; }
  .vip { width:100%; max-width:none; aspect-ratio:auto; }
  .mechanism-grid,.press-play > div { grid-template-columns:1fr; }
  .materials-section,.sensors-section { flex-direction:column; gap:32px; }
  .materials-section > div,.sensors-section > div { width:100%; max-width:420px; }
  .materials-section > img,.sensors-section img { width:100%; max-width:640px; }
  .color-story p { font-size:19px; }
  .color-detail,.workflow-primary,.workflow-detail { grid-template-columns:1fr; padding:40px 24px; }
  .color-detail > div,.workflow-primary > div,.workflow-detail > div { padding:28px 0; }
}

/* Layout direction confirmed from the latest reference. */
.materials-section { position:relative; display:block; min-height:470px; padding:0; background:#fff; color:#000; }
.materials-section > div { display:contents; }
.materials-section h2 { position:absolute; top:70px; left:50%; width:min(600px,calc(100% - 48px)); margin:0; transform:translateX(-50%); text-align:center; color:#000; }
.materials-section > img { position:absolute; top:166px; left:50%; width:430px; max-width:38vw; height:auto; transform:translateX(-50%); }
.material-stats { position:absolute; inset:0; display:block; }
.material-stats p { position:absolute; width:190px; margin:0; color:#000; }
.material-stats p:nth-child(1) { top:185px; left:calc(50% - 385px); }
.material-stats p:nth-child(2) { top:266px; left:calc(50% - 385px); }
.material-stats p:nth-child(3) { top:200px; left:calc(50% + 270px); }
.material-stats p:nth-child(4) { top:345px; left:calc(50% - 385px); }
.material-stats strong { color:#000; font-size:20px; }
.material-stats span { color:#000; font-size:14px; font-weight:600; }
.color-story { min-height:280px; padding:42px 24px 70px; background:#fff; color:#000; }
.color-story p { max-width:680px; color:#000; font-size:18px; font-weight:400; }

.color-detail > div { grid-column:1; grid-row:1; padding:48px 70px 48px 0; }
.color-detail > img { grid-column:2; grid-row:1; width:115%; max-width:none; justify-self:start; }
.workflow-primary > img { grid-column:1; grid-row:1; width:115%; max-width:none; justify-self:end; }
.workflow-primary > div { grid-column:2; grid-row:1; padding:48px 0 48px 80px; }

.night-card video { display:block; width:min(1440px,100%); max-width:1440px; aspect-ratio:1440/600; margin:auto; background:#000; object-fit:cover; }
.night-card h2 { top:50%; bottom:auto; transform:translate(-50%,-50%); }

.sensors-section { justify-content:center; gap:12px; min-height:700px; }
.sensors-section .sensors-copy { width:300px; }
.sensors-copy h2 { color:#fff; font-size:40px; line-height:1.2; }
.sensors-copy article { position:relative; min-height:128px; padding-right:24px; }
.sensors-copy article::after { content:""; position:absolute; top:38px; left:100%; width:78px; height:1px; background:rgba(255,255,255,.5); }
.sensors-copy h3 { margin:0 0 12px; color:#46ddee; font-size:18px; font-weight:600; }
.sensors-copy p { margin:0; color:#fff; font-size:12px; line-height:1.5; }
.sensors-section > img { width:min(773px,58vw); }

@media (max-width:700px) {
  .materials-section { min-height:720px; }
  .materials-section h2 { top:48px; }
  .materials-section > img { top:130px; width:82%; max-width:430px; }
  .material-stats p { width:145px; }
  .material-stats p:nth-child(1) { top:390px; left:24px; }
  .material-stats p:nth-child(2) { top:490px; left:24px; }
  .material-stats p:nth-child(3) { top:390px; left:auto; right:24px; }
  .material-stats p:nth-child(4) { top:590px; left:24px; }
  .color-detail > div { grid-column:1; grid-row:1; padding:24px 0; }
  .color-detail > img { grid-column:1; grid-row:2; width:100%; }
  .workflow-primary > img { grid-column:1; grid-row:1; width:100%; }
  .workflow-primary > div { grid-column:1; grid-row:2; padding:24px 0; }
  .night-card h2 { top:50%; bottom:auto; }
  .sensors-copy article::after { display:none; }
}

/* Corrections from the annotated comparison screenshots. */
.figma-banner__copy{top:190px;color:#fff}.figma-banner__copy p{margin-bottom:10px;font-size:20px;font-weight:700}.figma-banner__copy h1{max-width:430px;margin-bottom:28px;font-size:44px;line-height:1.16}.figma-banner__cta{display:inline-flex;align-items:center;justify-content:center;min-width:164px;height:48px;padding:0 24px;border-radius:999px;background:#ff6700;color:#fff!important;font-size:19px;font-weight:700;text-decoration:none}.figma-banner__copy>small{display:block;margin:10px 0 0 8px;color:#aaa;font-size:14px;font-weight:600}
@media(max-width:700px){.figma-banner{height:735px;background:#000}.figma-banner__art{content:url("figma-banner-mobile-preview.png");object-position:center bottom}.figma-banner::after{display:none}.figma-banner__copy{top:82px;left:20px;width:calc(100% - 40px);text-align:center}.figma-banner__copy p{font-size:18px}.figma-banner__copy h1{max-width:none;margin:10px auto 28px;font-size:36px;line-height:1.13}.figma-banner__cta{min-width:190px;height:52px;font-size:20px}.figma-banner__copy>small{margin:12px 0 0;font-size:15px}}
@media(max-width:600px){.figma-overview{padding-inline:15px}.figma-overview h2{text-align:left;font-size:34px;line-height:1.08}.feature-mosaic-reference{width:100%}.preheat-stage__copy h2{font-size:30px}}
.figma-banner::after { display:none; }
.feature-mosaic-reference{display:block;width:min(936px,100%);margin:0 auto}.feature-mosaic-reference img{display:block;width:100%;height:auto}
.vip button{background:#008ff7!important}.vip button .fa3d-subscribe-check{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:6px;border:1.5px solid currentColor;border-radius:50%;font-size:10px;line-height:1}
.vip-section { position:relative; z-index:3; margin-top:-26px; }
.speed-stage { height:600px; }
.speed-stage > img { width:1708px; height:1708px; left:calc(50% - 858px); top:-452px; transform:none; object-fit:cover; filter:brightness(1.12); }
.speed-stage .figma-stat-stage__copy { top:160px; left:calc(50% - 480px); width:811px; transform:none; text-align:left; }
.speed-stage .speed-kicker { margin:0 0 4px; font-size:16px; line-height:27px; font-weight:600; }
.speed-stage h2 { margin:0; font-size:64px; line-height:1.4; }


.materials-section { background:#fff; color:#000; }
.materials-section > img { background:#fff; }
.material-stats strong { color:#27cfe0; }
.color-story { background:#111317; }

.color-detail { grid-template-columns:1fr 1fr; }
.color-detail > img { grid-column:1; grid-row:1; }
.color-detail > div { grid-column:2; grid-row:1; }
.workflow-primary { grid-template-columns:1fr 1fr; }
.workflow-primary > div { grid-column:1; grid-row:1; }
.workflow-primary > img { grid-column:2; grid-row:1; }

.night-card { position:relative; min-height:0; padding:0; overflow:hidden; background:#000; }
.night-card img { width:min(1440px,100%); max-width:1440px; max-height:none; aspect-ratio:1440/600; border-radius:0; object-fit:cover; }
.night-card h2 { position:absolute; z-index:2; left:50%; bottom:118px; width:min(760px,calc(100% - 48px)); margin:0; transform:translateX(-50%); font-size:44px; line-height:1.2; text-align:center; }

.press-play > div { width:min(1440px,calc(100% - 48px)); gap:16px; }
.press-play img { width:100%; aspect-ratio:1/1; object-fit:cover; }
.press-play article:last-child img { object-fit:cover; }

@media (max-width:700px) {
  .speed-stage { height:560px; }
  .speed-stage .figma-stat-stage__copy { top:155px; }
  .materials-section { background:#fff; }
  .color-detail > img,.color-detail > div,.workflow-primary > img,.workflow-primary > div { grid-column:1; }
  .color-detail > img,.workflow-primary > div { grid-row:1; }
  .color-detail > div,.workflow-primary > img { grid-row:2; }
  .night-card h2 { bottom:52px; font-size:28px; }
}

/* Final orientation and media rules from the latest screenshots. */
.materials-section { background:#fff; color:#000; }
.color-story { background:#fff; color:#000; }
.color-story p { color:#000; }
.color-detail > div { grid-column:1; grid-row:1; }
.color-detail > img { grid-column:2; grid-row:1; width:115%; }
.workflow-primary > img { grid-column:1; grid-row:1; width:115%; }
.workflow-primary > div { grid-column:2; grid-row:1; }
.night-card video { display:block; width:min(1440px,100%); max-width:1440px; aspect-ratio:1440/600; margin:auto; background:#000; object-fit:cover; }
.night-card h2 { top:50%; bottom:auto; transform:translate(-50%,-50%); }
@media (max-width:700px) {
  .color-detail > div { grid-column:1; grid-row:1; }
  .color-detail > img { grid-column:1; grid-row:2; width:100%; }
  .workflow-primary > img { grid-column:1; grid-row:1; width:100%; }
  .workflow-primary > div { grid-column:1; grid-row:2; }
}

@media (max-width:980px) {
  .site-header { top:14px; padding-inline:14px; }
  .site-nav { height:62px; padding-inline:18px; border-radius:21px; }
  .site-brand img { width:105px; height:36px; }
  .site-brand span { font-size:20px; }
  .site-links { display:none; }
  .site-actions { gap:12px; }
  .site-actions > :nth-child(1),.site-actions > :nth-child(2) { display:none; }
  .site-actions .mobile-menu { display:grid; }
  .site-header.menu-open .site-links { position:absolute; top:72px; right:0; left:0; display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:12px; border:1px solid rgba(255,255,255,.34); border-radius:18px; background:rgba(25,28,34,.92); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); }
  .site-header.menu-open .site-links a { display:block; padding:12px 14px; }
}

/* The complete page, including navigation and interactive controls, uses MiSans. */
body,
body button,
body input,
body textarea,
body select,
body a,
body h1,
body h2,
body h3,
body p,
body span,
body small,
body strong,
body li { font-family:"MiSans",sans-serif; }

.site-footer { position:relative; width:100%; min-height:500px; padding:72px max(48px,calc(50% - 690px)) 0; overflow:hidden; border-top:1px solid rgba(255,255,255,.05); background:#000; color:#fff; }
.footer-content { display:grid; grid-template-columns:1fr 1fr; min-height:330px; }
.footer-products,.footer-policy { width:270px; }
.footer-policy { justify-self:start; }
.footer-brand { display:flex; align-items:center; gap:16px; margin-bottom:28px; color:#fff; text-decoration:none; }
.footer-brand img { width:48px; height:48px; object-fit:contain; }
.footer-brand span { font-size:25px; font-weight:600; letter-spacing:.04em; }
.footer-products nav,.footer-policy nav { display:flex; flex-direction:column; align-items:flex-start; gap:19px; }
.footer-products nav ul,.footer-policy nav ul { display:contents; margin:0; padding:0; list-style:none; }
.site-footer a { color:rgba(255,255,255,.72); font-size:16px; font-weight:400; text-decoration:none; transition:color .2s ease; }
.site-footer a:hover,.site-footer a:focus-visible { color:#fff; }
.footer-policy h2 { margin:8px 0 26px; font-size:20px; font-weight:500; }
.footer-bottom { display:grid; height:118px; margin-inline:calc(-1 * max(48px,calc(50% - 690px))); place-items:center; border-top:1px solid rgba(255,255,255,.12); }
.footer-bottom p { margin:0; color:rgba(255,255,255,.65); font-size:14px; }
.footer-chat { position:absolute; right:42px; bottom:44px; display:grid; width:58px; height:58px; padding:15px; place-items:center; border:0; border-radius:50%; background:#050505; box-shadow:0 8px 24px rgba(0,0,0,.55); cursor:pointer; }
.footer-chat svg { width:100%; height:100%; fill:#fff; }
@media (max-width:700px) {
  .site-footer { min-height:0; padding:54px 28px 0; }
  .footer-content { grid-template-columns:1fr 1fr; gap:28px; min-height:370px; }
  .footer-products,.footer-policy { width:auto; }
  .footer-brand img { width:38px; height:38px; }
  .footer-brand span { font-size:21px; }
  .site-footer a { font-size:14px; }
  .footer-policy h2 { font-size:18px; }
  .footer-bottom { height:92px; margin-inline:-28px; padding-inline:70px; text-align:center; }
  .footer-chat { right:18px; bottom:18px; width:50px; height:50px; }
}

.site-header { top:32px; padding-inline:48px; }
.site-nav { width:min(1760px,100%); height:68px; padding-inline:26px; border-radius:23px; }
.site-brand img { width:132px; height:40px; }
.site-actions button { width:31px; height:31px; }
@media (max-width:980px) {
  .site-header { top:14px; padding-inline:14px; }
  .site-nav { width:100%; height:58px; }
}

/* Navigation occupies its own row so it never covers the product hero. */
.site-header { position:relative; top:auto; height:112px; padding:24px 48px 20px; background:transparent; }
.site-nav { height:68px; }
@media (max-width:980px) {
  .site-header { top:auto; height:86px; padding:14px; }
  .site-nav { height:58px; }
}

/* Current homepage: profit and product expansion modules. */
.profit-journey{overflow:hidden;background:#000;color:#fff}.profit-journey figure{margin:0}.profit-journey__hero img,.profit-journey__margin img,.profit-journey__peace img{display:block;width:100%;height:auto}.profit-categories,.profit-crafts,.profit-five-ways{width:min(1438px,calc(100% - 48px));margin:0 auto}.profit-categories{padding:112px 0 96px;text-align:center}.profit-categories h2,.profit-crafts h2,.profit-five-ways h2{margin:0;font-size:48px;font-weight:600;letter-spacing:-.035em;line-height:1.15}.profit-categories__tabs{display:flex;justify-content:center;gap:0;margin:54px auto 48px;border-bottom:1px solid rgba(255,255,255,.46)}.profit-categories__tabs button{flex:1;padding:0 14px 20px;border:0;border-bottom:3px solid transparent;background:transparent;color:rgba(255,255,255,.56);font:inherit;font-size:18px;cursor:pointer}.profit-categories__tabs button.is-active,.profit-categories__tabs button:hover{border-color:#fff;color:#fff}.profit-categories__content{display:grid;grid-template-columns:1.35fr .65fr;min-height:430px;overflow:hidden;background:#202020;text-align:left}.profit-categories__content>img{width:100%;height:100%;min-height:430px;object-fit:contain;background:#f7f8fa}.profit-categories__content>div{display:flex;flex-direction:column;justify-content:center;padding:60px}.profit-categories h3{margin:0 0 14px;font-size:34px}.profit-categories p{margin:0 0 44px;color:rgba(255,255,255,.72);font-size:16px}.profit-categories dl{display:grid;gap:20px;margin:0}.profit-categories dl div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}.profit-categories dt{color:rgba(255,255,255,.7);font-size:14px}.profit-categories dd{margin:0;color:#44d7e7;font-size:24px;font-weight:600}.profit-crafts{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;min-height:690px;gap:100px;padding:84px 90px;background:#121212}.profit-crafts p,.profit-five-ways p{margin:26px 0 0;color:rgba(255,255,255,.72);font-size:18px;line-height:1.55}.profit-crafts img{width:min(440px,100%);max-height:520px;justify-self:center;border-radius:16px;object-fit:cover}.profit-five-ways{padding:110px 0 124px;text-align:center}.profit-five-ways p{width:min(720px,100%);margin-inline:auto}
@media(max-width:700px){.profit-categories,.profit-crafts,.profit-five-ways{width:calc(100% - 32px)}.profit-categories{padding:70px 0 64px}.profit-categories h2,.profit-crafts h2,.profit-five-ways h2{font-size:34px}.profit-categories__tabs{justify-content:flex-start;overflow:auto;margin:34px 0}.profit-categories__tabs button{flex:0 0 auto;padding-inline:16px;font-size:14px;white-space:nowrap}.profit-categories__content,.profit-crafts{grid-template-columns:1fr}.profit-categories__content>img{min-height:260px}.profit-categories__content>div{padding:34px 26px}.profit-crafts{gap:38px;min-height:0;padding:64px 26px}.profit-crafts img{grid-row:1}.profit-crafts p,.profit-five-ways p{font-size:16px}.profit-five-ways{padding:74px 0 86px}}

/* About Us dynamic project template. */
.about-page{margin:0;background:#000;color:#fff}.about-page .site-links .is-current{color:#fff}.about-content{overflow:hidden;background:#000}.about-artboard{position:relative;width:min(100%,1440px);margin:0 auto;overflow:hidden}.about-hero{height:600px;background:#000;text-align:center}.about-hero__glow{position:absolute;top:35px;left:50%;width:1574px;height:1574px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#275e70 0,#17404d 22%,#0a1c22 39%,rgba(0,0,0,.96) 66%,#000 72%)}.about-hero__copy{position:absolute;top:203px;left:50%;width:830px;transform:translateX(-50%)}.about-hero p{margin:0 0 11px;color:#46ddee;font-size:20px;font-weight:600;line-height:1.2}.about-hero h1{margin:0;color:#fff;font-size:48px;font-weight:600;line-height:1.4}.about-problem{height:591px;background:#000;text-align:center}.about-problem__copy{position:absolute;top:95px;left:50%;width:961px;transform:translateX(-50%)}.about-problem__copy h2,.about-solution__copy h2{margin:0;color:#46ddee;font-size:20px;font-weight:600;line-height:1.2}.about-problem__copy p,.about-solution__copy p{margin:12px 0 0;color:#8c8c8c;font-size:16px;line-height:1.4}.about-problem__cards{position:absolute;top:311px;left:240px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:960px}.about-problem__cards article{position:relative;height:218px;overflow:hidden;border-radius:12px;background:#ccc}.about-problem__cards img,.about-problem__cards span{position:absolute;inset:0;width:100%;height:100%}.about-problem__cards img{object-fit:cover}.about-problem__cards span{background:rgba(0,0,0,.48)}.about-problem__cards h3{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#fff;font-size:40px;font-weight:600}.about-solution{height:720px;background:#1c1c1c;text-align:center}.about-solution>img{position:absolute;top:0;left:240px;width:920px;height:443px;object-fit:cover}.about-solution__copy{position:absolute;top:467px;left:50%;width:960px;transform:translateX(-50%)}.about-vip{height:361px;background:#101317}.about-vip__card{position:absolute;top:63px;left:240px;width:960px;height:235px;border-radius:8px;background:#1d2024;text-align:center}.about-vip h2{position:absolute;top:25px;left:0;width:100%;margin:0;font-size:20px;font-weight:600}.about-vip img{position:absolute;top:10px;left:349px;width:262px;height:147px;object-fit:contain}.about-vip form{position:absolute;top:157px;left:309px;display:flex;width:269px;height:43px;overflow:hidden;border:1px solid #fff;border-radius:999px}.about-vip input{flex:1;min-width:0;padding:0 15px;border:0;outline:0;background:transparent;color:#fff}.about-vip button{width:91px;height:31px;margin:5px;border:0;border-radius:999px;background:#41c8d8;color:#fff;font-weight:600;cursor:pointer}.about-team{height:1086px;background:#090d11;text-align:center}.about-team>h2{position:absolute;top:60px;left:0;width:100%;margin:0;font-size:40px;font-weight:600}.about-team>p{position:absolute;top:171px;left:240px;width:960px;margin:0;color:#8c8c8c;font-size:16px;line-height:1.4}.about-team__gallery{position:absolute;top:331px;left:240px;display:grid;grid-template-columns:496px 456px;grid-template-rows:315px 315px;gap:8px;width:960px;height:638px}.about-team__photo{overflow:hidden;border-radius:12px;background-image:linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.58)),var(--about-team-photo);background-repeat:no-repeat;background-size:1990px 896px;filter:grayscale(1)}.about-team__photo--wide{grid-column:1/3;background-position:-926px -200px}.about-team__photo--left{background-position:-926px -200px}.about-team__photo--right{background-position:-94px -39px;background-size:786px 354px}
/* About 页 701–1439px：原来的整体缩放 scale(calc(100vw / 1440)) 得到的是长度而非数值，
   浏览器判定 transform 非法整条丢弃，只剩 margin-left:50%，1440 画板被推到右侧裁切。
   这里改成流式排版：板块满宽、高度自适应，容器按设计稿比例内缩，1440 以上样式不变。 */
@media (min-width:701px) and (max-width:1439px){
  .about-artboard{width:100%;max-width:1440px;height:auto;margin:0 auto;transform:none}
  .about-hero{padding:14.1vw 24px 15.8vw}
  .about-hero__glow{top:2.4vw;width:109.31%;height:auto;aspect-ratio:1/1}
  .about-hero__copy{position:relative;top:auto;left:auto;width:min(830px,100%);margin:0 auto;transform:none}
  .about-hero p{font-size:clamp(16px,1.39vw,20px)}
  .about-hero h1{font-size:clamp(34px,3.33vw,48px);line-height:1.35}
  .about-problem{padding:6.6vw 24px 4.3vw}
  .about-problem__copy{position:static;width:min(961px,100%);margin:0 auto;transform:none}
  .about-problem__copy p br,.about-solution__copy p br,.about-team>p br{display:none}
  .about-problem__cards{position:static;left:auto;width:min(960px,100%);margin:7.8vw auto 0;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px}
  .about-problem__cards article{height:auto;aspect-ratio:228/218}
  .about-problem__cards h3{font-size:clamp(20px,2.78vw,40px)}
  .about-solution{padding:0 24px 12vw}
  .about-solution>img{position:static;display:block;width:min(920px,100%);height:auto;margin:0 auto}
  .about-solution__copy{position:static;width:min(960px,100%);margin:1.7vw auto 0;transform:none}
  .about-vip{padding:4.4vw 24px}
  .about-vip__card{position:relative;top:auto;left:auto;width:min(960px,100%);height:235px;margin:0 auto}
  .about-vip img{left:50%;transform:translateX(-50%)}
  .about-team{padding:4.2vw 24px 8.1vw}
  .about-team>h2{position:static;font-size:clamp(28px,2.78vw,40px)}
  .about-team>p{position:static;width:min(960px,100%);margin:4.4vw auto 0}
  .about-team__gallery{position:static;left:auto;width:min(960px,100%);height:auto;margin:4.9vw auto 0;grid-template-columns:496fr 456fr;grid-template-rows:auto auto;gap:8px}
  .about-team__photo{aspect-ratio:496/315;background-size:401.2% 284.4%;background-position:62% 34.4%}
  .about-team__photo--wide{grid-column:1/3;aspect-ratio:960/315;background-size:207.3% 284.4%;background-position:89.9% 34.4%}
  .about-team__photo--right{aspect-ratio:456/315;background-size:172.4% 112.4%;background-position:28.5% 100%}
}
.about-team__photo{background-image:var(--about-team-photo)}
.about-vip form{left:50%;transform:translateX(-50%)}
/* 9/20 detail-page sections restored from the Figma handoff. */
.comparison-stage,.uv-compare{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:min(1440px,100%);min-height:600px;margin:auto;padding:72px max(24px,calc(50% - 480px));gap:72px;overflow:hidden;background:#111317;color:#fff}
.uv-compare>div{max-width:430px}.comparison-stage h2,.uv-compare h2{margin:10px 0 24px;font-size:38px;line-height:1.15;font-weight:600}
.uv-compare p{margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.5}.uv-compare>div>p:first-child{color:#42c9da;font-size:12px;font-weight:600;letter-spacing:.08em}
.uv-compare img{width:100%;max-height:430px;border-radius:16px;object-fit:cover}.comparison-stage img{width:100%;max-height:420px;border-radius:16px;object-fit:cover}
.comparison-stage dl{margin:36px 0 0}.comparison-stage dl div{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}.comparison-stage dt{color:rgba(255,255,255,.62)}.comparison-stage dd{margin:0;color:#43cadb;font-weight:600}
@media(max-width:700px){.comparison-stage,.uv-compare{grid-template-columns:1fr;min-height:auto;padding:64px 24px;gap:32px}.comparison-stage h2,.uv-compare h2{font-size:30px}.comparison-stage img{order:2}}
.figma-nozzle::after{display:none}
section.unattended-flow::after{display:none!important}
.auto-unloading-detail{position:relative;width:min(1440px,100%);height:650px;margin:auto;overflow:hidden;background:#000;color:#fff;font-family:"MiSans",sans-serif}.auto-unloading-detail__machine{position:absolute;z-index:0;top:-285px;left:calc(50% - 851px);width:1571px;height:982px;max-width:none;object-fit:fill;transform:translateX(100vw);transition:transform 1.05s cubic-bezier(.22,.75,.25,1)}.auto-unloading-detail.is-visible .auto-unloading-detail__machine{transform:translateX(0)}.auto-unloading-detail__arrow{position:absolute;z-index:1;top:250px;left:calc(50% + 39px);width:118px;height:auto}.auto-unloading-detail__copy{position:absolute;z-index:2;top:97px;left:calc(50% + 173px);width:307px}.auto-unloading-detail h2{width:307px;height:90px;margin:0 0 20px;font-size:32px;line-height:1.4;font-weight:600}.auto-unloading-detail article{margin:0 0 35px}.auto-unloading-detail h3{margin:0 0 8px;color:#46ddef;font-size:16px;line-height:22px;font-weight:600}.auto-unloading-detail article p{width:231px;margin:0;color:#fff;font-size:12px;line-height:1.4;font-weight:380;overflow-wrap:anywhere}.auto-unloading-detail article:first-of-type p{width:183px}
.nozzle-cleaning{position:relative;width:min(1440px,100%);height:600px;margin:auto;overflow:hidden;background:#020400;color:#fff;font-family:"MiSans",sans-serif}.nozzle-cleaning>img{position:absolute;top:2px;left:calc(50% - 479px);width:573px;height:573px;max-width:none;object-fit:cover}.nozzle-cleaning>div{position:absolute;top:193px;left:calc(50% + 104px);width:376px}.nozzle-cleaning h2{width:361px;height:90px;margin:0 0 36px;font-size:32px;line-height:1.4;font-weight:600}.nozzle-cleaning p{width:376px;margin:0;font-size:16px;line-height:1.4;font-weight:380}
.diverse-forms__visual{display:grid;grid-template-columns:257px 257px}.diverse-forms__visual>.diverse-forms__image{position:relative;right:auto;bottom:auto;left:auto;display:block;width:257px;height:415px;overflow:hidden}.diverse-forms__image img{position:absolute;max-width:none;object-fit:fill}.diverse-forms__image--handled img{top:35px;left:-120px;width:687px;height:359px}.diverse-forms__image--display img{top:36px;left:-348px;width:638px;height:333px}.diverse-forms__image span{position:absolute;z-index:2;display:block;height:36px;border-radius:100px;font:600 14px/36px "MiSans",sans-serif;text-align:center}.diverse-forms__image--handled span{top:350px;left:69px;width:124px;background:#007785;color:#fff}.diverse-forms__image--display span{top:345px;left:64px;width:121px;height:38px;border:1px solid #007785;background:#fff;color:#007785;line-height:36px}
.unattended-flow{position:relative;width:min(1438px,100%);height:600px;margin:auto;overflow:hidden;background:#000;color:#fff;font-family:"MiSans",sans-serif}.unattended-flow>img{position:absolute;z-index:0;top:-426px;left:calc(50% - 879px);width:1689px;height:1056px;max-width:none;object-fit:fill}.unattended-flow::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:190px;background:linear-gradient(180deg,transparent,#000);pointer-events:none}.unattended-flow>div{position:absolute;z-index:2;top:160px;left:calc(50% - 479px)}.unattended-flow p{width:411px;height:27px;margin:0 0 16px;font-size:20px;line-height:1.35;font-weight:600}.unattended-flow h2{width:539px;height:154px;margin:0;font-size:64px;line-height:1.2;font-weight:600}
.auto-unloading-detail__machine{transform:translateX(100vw) scaleX(-1)}
.auto-unloading-detail.is-visible .auto-unloading-detail__machine{transform:translateX(0) scaleX(-1)}
.sensors-section{position:relative;display:block;width:min(1440px,100%);height:650px;min-height:0;margin:auto;padding:0;overflow:hidden;background:#000}.sensors-section .sensors-copy{position:absolute;z-index:2;top:97px;left:calc(50% - 405px);width:307px;height:454px}.sensors-copy h2{width:307px;height:90px;margin:0;color:#fff;font-size:32px;line-height:1.4;font-weight:520}.sensors-copy article{position:absolute;left:0;width:183px;min-height:0;padding:0}.sensors-copy article:nth-of-type(1){top:110px}.sensors-copy article:nth-of-type(2){top:263px}.sensors-copy article:nth-of-type(3){top:390px}.sensors-copy h3{margin:0 0 8px;color:#46ddee;font-size:16px;line-height:22px;font-weight:520;text-align:left}.sensors-copy p{margin:0;color:#fff;font-size:12px;line-height:1.4;font-weight:380}.sensors-copy article::after{top:50px;left:192px;width:69px;background:rgba(255,255,255,.35)}.sensors-section>img{position:absolute;z-index:1;top:59px;left:calc(50% - 287px);width:773px;height:602px;max-width:none;object-fit:fill}
.press-play{position:relative;width:min(1440px,100%);height:650px;margin:auto;padding:0;overflow:hidden;background:#fff;color:#000;text-align:left}.press-play>h2{position:absolute;top:81px;left:0;right:0;height:auto;margin:0;text-align:center;font-size:32px;line-height:1.4;font-weight:520;white-space:nowrap}.press-play-tabs{display:none}.press-play>div{position:absolute;top:174px;left:calc(50% - 480px);display:grid;grid-template-columns:repeat(3,291px);gap:44px;width:961px;margin:0}.press-play article{position:relative;display:block;width:291px;height:440px;margin:0;overflow:hidden;text-align:left}.press-play article img{display:block;width:100%;max-width:291px;height:295px;margin:0;border:0;border-radius:14px;background:#c3ebf0;object-fit:cover;object-position:center;aspect-ratio:auto}.press-play .step-label{position:absolute;top:313px;left:0;width:58px;margin:0;font-size:12px;line-height:17px;font-weight:600;color:#000}.press-play article h3{position:absolute;top:313px;left:73px;width:218px;margin:0;font-size:14px;line-height:1.25;font-weight:600;color:#000}.press-play article>p:last-of-type{position:absolute;top:352px;left:73px;width:205px;margin:0;font-size:12px;line-height:1.4;color:#000}
.color-limits,.colors-alive,.nozzle-cleaning,.diverse-forms,.unattended-flow,.auto-unloading-detail,.sensors-section,.press-play{width:100%;max-width:none}

/* Figma 4121:1005 — 10M+ Colors 分层结构图。 */
.color-structure{position:relative;width:100%;height:606px;margin:auto;overflow:hidden;background:#020400;color:#fff;font-family:"MiSans",sans-serif}.color-structure__image{position:absolute;top:112px;left:calc(50% - 478px);width:616px;height:437px;max-width:none;object-fit:fill}.color-structure__copy{position:absolute;top:174px;left:calc(50% + 164px);width:436px}.color-structure h2{margin:0 0 36px;font-size:32px;line-height:1.4;font-weight:600}.color-structure p{margin:0;font-size:16px;line-height:1.4;font-weight:380}
@media (min-width:701px) and (max-width:1100px){.color-structure__image{top:50%;left:4%;width:44%;height:auto;transform:translateY(-50%);object-fit:contain}.color-structure__copy{top:50%;right:4%;left:auto;width:40%;transform:translateY(-50%)}}
@media (max-width:700px){.color-structure{display:flex;flex-direction:column;height:auto;padding:48px 36px;overflow:visible}.color-structure__copy{position:relative;order:1;inset:auto;width:100%;transform:none}.color-structure__image{position:relative;order:2;inset:auto;align-self:center;width:100%;height:auto;max-width:616px;margin:24px 0 0;transform:none;object-fit:contain}.color-structure h2{margin:0 0 16px;font-size:24px;line-height:1.4}.color-structure p{font-size:16px;line-height:1.4}}

/* Desktop auto-unloading artwork: full-bleed and static. */
@media (min-width:701px){
  .unattended-flow>img{top:0;left:0;width:100%;height:100%;max-width:none;transform:none;object-fit:cover;object-position:center 52%}
  .unattended-flow>div{top:160px;left:calc(50% - 479px);transform:none}
  .unattended-flow p{width:411px;height:27px;margin:0 0 16px;font-size:20px;line-height:1.35}
  .unattended-flow h2{width:539px;height:154px;margin:0;font-size:64px;line-height:1.2}
  .auto-unloading-detail__machine,
  .auto-unloading-detail.is-visible .auto-unloading-detail__machine{top:0;left:0;width:100%;height:100%;max-width:none;transform:scaleX(-1);transition:none;object-fit:cover;object-position:center 52%}
  .auto-unloading-detail__copy{top:97px;left:calc(50% + 205px);width:307px;transform:none}
  .auto-unloading-detail__arrow{left:calc(50% + 39px);width:118px}
  .auto-unloading-detail h2{width:307px;height:90px;margin:0 0 20px;font-size:32px;line-height:1.4}
  .auto-unloading-detail h3{font-size:16px;line-height:22px}
  .auto-unloading-detail article p{font-size:12px;line-height:1.4}
}

/* Mobile-only layout hardening. Desktop rules above remain unchanged. */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  img,video{max-width:100%}
  .color-limits{height:430px}.color-limits>img{inset:0;width:100%;height:100%;object-fit:cover}.color-limits::after{top:90px;height:340px}.color-limits__copy p{top:120px;left:24px;width:calc(100% - 48px);font-size:14px}.color-limits__copy h2{top:154px;left:24px;width:calc(100% - 48px);font-size:38px;line-height:1.12;text-align:left}
  .colors-alive{height:720px}.colors-alive>img{top:348px;left:50%;width:760px;height:365px;max-width:none;transform:translateX(-50%);object-fit:fill;opacity:1}.colors-alive>div{top:62px;left:24px;width:calc(100% - 48px)}.colors-alive h2{width:100%;height:auto;margin-bottom:22px;font-size:30px;line-height:1.2}.colors-alive p{width:100%;font-size:15px;line-height:1.5}
  .nozzle-cleaning{height:720px}.nozzle-cleaning>img{top:330px;left:0;width:100%;height:auto;max-width:100%;transform:none;object-fit:contain;opacity:1}.nozzle-cleaning>div{top:58px;left:24px;width:calc(100% - 48px)}.nozzle-cleaning h2{width:100%;height:auto;margin-bottom:22px;font-size:30px;line-height:1.2}.nozzle-cleaning p{width:100%;font-size:15px;line-height:1.5}
  .diverse-forms{height:auto;padding:64px 16px}.diverse-forms>h2{width:100%;margin-bottom:30px;font-size:30px;line-height:1.2}.diverse-forms__panel{grid-template-columns:1fr;width:100%;height:auto}.diverse-forms__accordion{padding:18px;gap:10px}.diverse-forms__accordion button{width:100%}.diverse-forms__visual{grid-template-columns:1fr 1fr;height:310px}.diverse-forms__visual>.diverse-forms__image{width:100%;height:310px}.diverse-forms__image--handled img{top:22px;left:-128px;width:540px;height:282px}.diverse-forms__image--display img{top:24px;left:-292px;width:505px;height:263px}.diverse-forms__image--handled span,.diverse-forms__image--display span{top:auto;bottom:12px;left:50%;transform:translateX(-50%)}
  .unattended-flow{height:500px}.unattended-flow>img{top:0;left:50%;width:800px;height:500px;transform:translateX(-50%);object-fit:cover}.unattended-flow>div{top:92px;left:24px;width:calc(100% - 48px)}.unattended-flow p{width:100%;height:auto;font-size:15px}.unattended-flow h2{width:100%;height:auto;font-size:42px;line-height:1.08}
  .auto-unloading-detail{height:600px}.auto-unloading-detail__machine{top:10px;left:50%;width:960px;height:600px;max-width:none;opacity:.55}.auto-unloading-detail__arrow{display:none}.auto-unloading-detail__copy{top:62px;left:24px;width:calc(100% - 48px)}.auto-unloading-detail h2{width:100%;height:auto;font-size:30px}.auto-unloading-detail article p,.auto-unloading-detail article:first-of-type p{width:min(260px,100%)}
  .sensors-section{height:620px}.sensors-section .sensors-copy{top:54px;left:24px;width:calc(100% - 48px);height:500px}.sensors-copy h2{width:100%;font-size:30px}.sensors-copy article::after{display:none}.sensors-section>img{top:80px;left:16%;width:720px;height:560px;max-width:none;opacity:.58}
  #whole-job-module{height:auto;padding:52px 14px 68px}#whole-job-module>h2{position:static;width:100%;height:auto;margin:0 0 22px;text-align:center;font-size:min(30px,7vw);white-space:nowrap}.press-play-tabs{display:flex;width:100%;margin:0 auto 22px;padding:0;background:#f2f2f2;border-radius:999px}.press-play-tab{flex:1 1 0;padding:11px 4px;border:0;background:transparent;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:#000;cursor:pointer}.press-play-tab.active{background:#008ff7;color:#fff}#whole-job-module>div{position:static;display:grid;grid-template-columns:1fr;gap:34px;width:100%;margin:auto}#whole-job-module article,#whole-job-module article:first-child{display:none;top:auto;width:100%;max-width:100%;height:auto;overflow:visible;text-align:center}#whole-job-module[data-step="1"] article:nth-child(1),#whole-job-module[data-step="2"] article:nth-child(2),#whole-job-module[data-step="3"] article:nth-child(3){display:block}#whole-job-module article img{max-width:100%;height:auto;margin:22px 0 0}#whole-job-module .step-label{display:none}#whole-job-module article h3,#whole-job-module article>p:last-of-type{position:static;display:inline;width:auto;margin:0}#whole-job-module article h3{font-size:15px}#whole-job-module article h3::after{content:".\00a0"}
  .about-artboard{width:100%;height:auto;margin:0;transform:none}.about-hero{min-height:520px}.about-hero__glow{top:10px;width:760px;height:760px}.about-hero__copy{top:150px;width:calc(100% - 40px)}.about-hero h1{font-size:34px;line-height:1.2}.about-problem{padding:72px 20px}.about-problem__copy{position:static;width:100%;transform:none}.about-problem__copy p br,.about-solution__copy p br,.about-team>p br{display:none}.about-problem__cards{position:static;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:40px}.about-problem__cards article{height:180px}.about-problem__cards h3{font-size:28px}.about-solution{padding-bottom:64px}.about-solution>img{position:static;width:100%;height:auto}.about-solution__copy{position:static;width:auto;margin:34px 20px 0;transform:none}.about-vip{padding:50px 16px}.about-vip__card{position:relative;top:auto;left:auto;width:100%;height:250px}.about-vip img{left:50%;transform:translateX(-50%)}.about-vip form{left:50%;width:min(300px,calc(100% - 28px));transform:translateX(-50%)}.about-team{padding:64px 20px}.about-team>h2,.about-team>p,.about-team__gallery{position:static;width:100%}.about-team>h2{font-size:34px}.about-team>p{margin-top:26px}.about-team__gallery{grid-template-columns:1fr;grid-template-rows:220px 220px 220px;height:auto;margin-top:36px}.about-team__photo--wide{grid-column:auto}.about-team__photo{background-position:center;background-size:cover}
}

@media (max-width:700px){
  .figma-banner{height:650px;background:#07131c}
  .figma-banner::after{content:"";position:absolute;z-index:1;inset:110px 0 0;background:linear-gradient(90deg,rgba(0,0,0,.24),transparent 72%);pointer-events:none}
  .figma-banner__art{content:url("figma-banner-mobile-preview.png");inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
  .figma-banner__copy{z-index:2;top:150px;left:24px;width:260px;color:#fff}
  .figma-banner__copy p{font-size:15px}
  .figma-banner__copy h1{font-size:30px;line-height:1.14}
  .figma-banner__launch{margin-top:28px}
}

/* Remaining detail modules: mobile reflow only; desktop geometry above is untouched. */
@media (max-width:700px){
  .speed-stage{height:500px}.speed-stage>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;filter:brightness(1.08)}.speed-stage .figma-stat-stage__copy{top:92px;left:24px;width:calc(100% - 48px);transform:none;text-align:left}.speed-stage .speed-kicker{font-size:14px;line-height:1.4}.speed-stage h2{font-size:40px;line-height:1.12}
  .figma-nozzle{height:560px}.figma-nozzle>img{top:42px;left:50%;width:560px;height:560px;max-width:none;transform:translateX(-34%);object-fit:cover;opacity:.62}.figma-nozzle>div{top:72px;left:24px;width:calc(100% - 48px)}.figma-nozzle h2{margin-bottom:22px;font-size:30px;line-height:1.2}.figma-nozzle p{width:min(330px,100%);font-size:15px;line-height:1.5}
  .preheat-stage,.material-compatibility,.continuous-printing{height:auto;padding:64px 16px;background:#020400}.preheat-stage__media,.continuous-printing__media{position:relative;inset:auto;width:100%;height:230px;border-radius:14px}.preheat-stage__media img,.continuous-printing__media img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.preheat-stage__copy,.continuous-printing__copy,.material-compatibility__copy{position:relative;inset:auto;width:100%;margin-top:30px;padding:0 8px}.preheat-stage h2,.continuous-printing h2,.material-compatibility h2{width:100%;margin-bottom:20px;font-size:30px;line-height:1.22}.preheat-stage p,.continuous-printing p,.material-compatibility p{width:100%;font-size:15px;line-height:1.5}.material-compatibility{display:flex;flex-direction:column}.material-compatibility__copy{order:2}.material-compatibility>img{position:relative;inset:auto;order:1;width:100%;height:auto;max-width:100%;border-radius:14px;object-fit:contain}
  .figma-productivity{height:auto;padding:64px 20px 76px;overflow:visible}.figma-productivity h2{width:100%;margin-bottom:36px;font-size:32px;line-height:1.2}.productivity-grid{grid-template-columns:1fr;gap:38px}.productivity-grid article{width:min(291px,100%);height:auto;margin:auto}.productivity-media{width:100%;height:295px}.productivity-media img{inset:0;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;object-position:center}.productivity-copy{width:calc(100% - 16px);margin-top:16px}
  .complexity-carousel{height:auto;padding:64px 16px 72px;overflow:visible}.complexity-carousel__inner{width:100%}.complexity-carousel h2{height:auto;margin-bottom:32px;font-size:30px;line-height:1.2}.complexity-stage{grid-template-columns:1fr;width:100%;height:auto;border-radius:14px}.complexity-visual{height:260px}.complexity-visual img{inset:0;width:100%;height:100%;object-fit:cover}.complexity-data{padding:30px 24px 34px}.complexity-data strong{font-size:22px}.waste-meter,.waste-meter--others{width:100%}.waste-meter--others i{width:100%}.complexity-controls{margin-top:18px}.complexity-dots{gap:5px}.complexity-dots i{width:20px}
  .mds-showcase{height:auto;padding:62px 16px 56px;overflow:visible}.mds-showcase>h2{position:static;width:100%;margin-bottom:30px;font-size:30px;line-height:1.2;text-align:center}.mds-card{position:relative;inset:auto;width:100%;height:620px;transform:none;border-radius:14px}.mds-card>img{top:28px;left:50%;width:min(330px,92%);height:auto;transform:translateX(-50%);object-fit:contain}.mds-kicker{top:292px;left:24px;width:calc(100% - 48px);font-size:13px}.mds-card h3{top:320px;left:24px;width:calc(100% - 48px);font-size:27px}.mds-card ul{top:408px;left:24px;width:calc(100% - 48px);font-size:12px}.mds-card small{top:548px;left:24px;width:calc(100% - 48px);font-size:9px}.mds-story{height:auto;padding:48px 24px 64px;overflow:visible}.mds-story p{position:static;width:100%;transform:none;font-size:16px;line-height:1.55}
}

/* Highlights bento: mobile-only composition. */
@media (max-width:700px){
  .section:has(.figma-overview){padding:72px 0 78px}.section:has(.figma-overview) .container{width:calc(100% - 32px)}.figma-overview h2{margin-bottom:32px;font-size:34px;line-height:1.18}
  .feature-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:10px;column-gap:12px;row-gap:12px;width:100%;aspect-ratio:auto}.feature-card{position:relative;inset:auto;width:100%;height:190px;border-radius:14px}.card-speed,.card-colors{grid-column:1/-1}.card-speed{grid-row:span 13;height:274px}.card-removal{grid-row:span 18;height:384px}.card-colors{grid-row:span 10;height:208px}.card-nozzle,.card-snap,.card-ai,.card-clean,.card-waste,.card-materials,.card-all{grid-column:auto;grid-row:span 9;height:186px}.feature-card .card-media{transform:none!important;transition:none}
  .card-speed .machine{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:62% center}.card-speed .speed-copy{left:4%;top:18%;width:52%}.card-speed .speed-copy h3{font-size:22px}.card-speed .speed-copy p{font-size:12px}.speed-stats{right:10px;bottom:14px;left:10px;justify-content:space-between;gap:4px}.speed-stats span{font-size:17px}.speed-stats small{font-size:9px}
  .card-nozzle img{left:-15%;top:10%;width:130%;height:100%}.card-snap img{left:8%;top:20%;width:105%;height:80%}.card-ai img{left:-28%;top:-10%;width:190%;height:115%}.card-removal img{left:calc(50% - 330px);top:0;width:660px;height:100%;transform:none!important;object-fit:cover;object-position:center}.card-removal h3{top:22px;font-size:15px}
  .card-colors img{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center}.card-colors .color-icon{left:8%;top:18%;width:44px;height:44px}.card-colors h3{top:46%;left:4%;width:48%;font-size:22px}.card-colors p{top:auto;bottom:12px;left:4%;width:48%;font-size:11px}.card-clean img{left:5%;top:-18%;width:125%;height:120%}.card-clean h3{font-size:14px}.card-clean p{font-size:10px}.card-waste img,.card-materials img,.card-all img{max-width:none}.card-waste p,.card-materials p,.card-all p{padding:0 8px;font-size:11px}
}

@media (max-width:700px){
  .auto-unloading-detail{height:650px;background:#111820}.auto-unloading-detail__machine,.auto-unloading-detail.is-visible .auto-unloading-detail__machine{top:78px;left:50%;width:760px;height:475px;max-width:none;transform:translateX(-50%) scaleX(-1);transition:none;object-fit:fill;opacity:.9}.auto-unloading-detail__arrow{display:none}.auto-unloading-detail__copy{top:54px;left:24px;width:calc(100% - 48px)}.auto-unloading-detail h2{width:100%;height:auto;margin-bottom:22px;font-size:30px;line-height:1.22}.auto-unloading-detail article{margin-bottom:24px}.auto-unloading-detail article p,.auto-unloading-detail article:first-of-type p{width:min(245px,100%);overflow-wrap:anywhere}
}

@media (max-width:700px){
  .sensors-section{height:860px;background:#000}
  .sensors-section .sensors-copy{top:54px;left:24px;width:calc(100% - 48px);height:390px}
  .sensors-copy h2{width:100%;height:auto;font-size:30px;line-height:1.25}
  .sensors-copy article{position:absolute;left:0;width:100%;max-width:290px}
  .sensors-copy article:nth-of-type(1){top:105px}.sensors-copy article:nth-of-type(2){top:205px}.sensors-copy article:nth-of-type(3){top:305px}
  .sensors-copy article::after{display:none}
  .sensors-section>img{top:468px;left:0;width:100%;height:auto;max-width:100%;object-fit:contain;opacity:1}
}

/* 整块设计图模块：直接使用导出的设计稿图片，铺满整屏宽度 */
.section-art{display:block;width:100%;margin:0;padding:0}
.section-art img{display:block;width:100%;max-width:100%;height:auto}

/* 9/20 详情页 MB 设计稿 · 移动端字号对齐（逐条对照 design/node-index.json） */
@media (max-width:700px){
  .figma-banner__copy h1{font-size:32px}
  .figma-banner__copy p{font-size:16px}
  .figma-banner__cta{font-size:16px}
  .figma-banner__copy>small{font-size:12px}
  .vip input{font-size:12px}
  .figma-overview h2{font-size:36px}
  .figma-overview .card-speed .speed-copy h3{font-size:20px}
  .figma-overview .card-speed .speed-stats span{font-size:14px}
  .card-nozzle p{font-size:14px}
  .card-snap p{font-size:14px}
  .card-removal h3{font-size:14px}
  .card-colors h3{font-size:24px}
  .card-colors p{font-size:12px}
  .card-waste p,.card-materials p,.card-all p{font-size:15px}
  #modes h2{font-size:40px}
  #modes .mode-description{font-size:14px}
  .speed-stage .speed-kicker{font-size:20px}
  .figma-nozzle h2{font-size:32px}
  .figma-nozzle p{font-size:16px}
  .color-limits__copy h2{font-size:40px}
  .color-limits__copy p{font-size:20px}
  .colors-alive h2{font-size:32px}
  .colors-alive p{font-size:16px}
  .nozzle-cleaning h2{font-size:32px}
  .nozzle-cleaning p{font-size:16px}
  .complexity-carousel h2{font-size:36px}
  .complexity-data strong{font-size:24px}
  .complexity-data b{font-size:20px}
  .figma-productivity h2{font-size:36px}
  .figma-productivity h3{font-size:20px}
  .figma-productivity p{font-size:16px}
  .mds-story p{font-size:19px}
  .unattended-flow p{font-size:14px}
  .continuous-printing h2{font-size:20px}
}

/* 2.2.17 的 1440 以上 Banner 规则 */
@media (min-width:1440px){.figma-banner__art{width:100%;min-width:1440px}.figma-banner__copy{left:max(8vw,calc(50% - 560px))}}

/* 工具头 tab 高亮：与 2.2.17 一致 */
.mode-tab.active{background:#008ff7!important}

/* Get the Highlights 宽度对齐上方 VIP 板块（.vip 用 min(1280px,66.666vw)） */
@media (min-width:701px){
  .section:has(.figma-overview) .container,
  .section:has(.figma-overview) .figma-overview{width:min(1280px,66.666vw);max-width:calc(100vw - 48px)}
}

/* 移动端首屏 Banner：对照 15-selected-layers handoff（画布 460×735） */
@media (max-width:700px){
  .figma-banner{height:735px;background:#000}
  .figma-banner__art{content:normal;position:absolute;top:283px;right:auto;bottom:auto;left:-98.9%;width:232.8%;height:514px;max-width:none;object-fit:cover;object-position:center}
  .figma-banner::after{display:none}
  .figma-banner__copy{top:82px;right:20px;left:20px;width:auto;color:#fff;text-align:center}
  .figma-banner__copy p{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4}
  .figma-banner__copy h1{max-width:312px;margin:0 auto 36px;font-size:32px;font-weight:600;line-height:1.2}
  .figma-banner__cta{min-width:156px;height:40px;padding:0 22px;border-radius:999px;background:#ff6600;font-size:16px;font-weight:700}
  .figma-banner__copy>small{display:block;margin:8px 0 0;color:#fff;font-size:12px;font-weight:500}
}

/* 移动端 VIP 订阅：对照 15-selected-layers handoff（画布 460×291，卡片 420×235） */
@media (max-width:700px){
  /* 首屏 Banner 与第二个模块（VIP 订阅）之间的间距缩小 40%：-26px → -78px */
  .vip-section{padding:30px 20px;margin-top:-78px}
  .vip{justify-content:flex-start;width:100%;max-width:none;height:235px;padding:0;border-radius:10px}
  .vip h2{margin:25px 0 0;line-height:1.4}
  .vip em{color:#008ff7}
  .vip form{width:269px;height:43px;margin:28px auto 0;border-color:#fff}
  .vip p{margin:16px 0 0}
  .vip small{margin-top:0}
}

/* 移动端 Get the Highlights 拼图：结构对照 15-selected-layers handoff
  整宽(8X Faster) → 三列(1s Swap/Snap.Go/AI) → 整宽(10M+) → 两列(Self-Cleaning/300³) → 左(Less Waste)+右(24/7 跨两行) → 左(All-in-One) */
@media (max-width:700px){
  /* 拼图容器宽度对齐设计稿（420 宽 = 左右各 20），去掉旧的 15px 内边距 */
  .section:has(.figma-overview) .container{width:calc(100% - 40px)}
  .figma-overview{padding-inline:0}
  .feature-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:auto;column-gap:6px;row-gap:6px}
  /* 高度一律按设计稿的宽高比，任何屏宽都保持同样的比例 */
  .feature-card{height:auto}
  .card-speed{grid-area:1/1/2/7;aspect-ratio:420/215}
  .card-nozzle{grid-area:2/1/3/3;aspect-ratio:130/215}
  .card-snap{grid-area:2/3/3/5;aspect-ratio:130/215}
  .card-ai{grid-area:2/5/3/7;aspect-ratio:130/211}
  .card-colors{grid-area:3/1/4/7;aspect-ratio:420/154}
  .card-clean{grid-area:4/1/5/4;aspect-ratio:201/153}
  .card-materials{grid-area:4/4/5/7;aspect-ratio:210/153}
  .card-waste{grid-area:5/1/6/4;aspect-ratio:201/153}
  .card-removal{grid-area:5/4/7/7;height:auto}
  .card-all{grid-area:6/1/7/4;aspect-ratio:201/172}

  /* 卡片内部：改成「标签在上、图在下」的纵向结构，避免窄卡里文字压图 */
  .feature-card{display:flex;flex-direction:column;gap:4px;padding:12px}
  .feature-card .card-media{position:relative;order:3;inset:auto;width:100%;max-width:100%;height:100%;min-height:60px;flex:1 1 auto;margin:0;transform:none!important;object-fit:cover;object-position:center}
  .feature-card p,.feature-card h3,.feature-card .speed-copy{position:relative;order:1;inset:auto;width:100%;margin:0;text-align:left}
  /* 字号（设计稿 14/20 在 420 卡片上仍显大，整体下调一档） */
  .feature-card p{font-size:13px;line-height:1.4}
  .card-snap p{font-size:12px;letter-spacing:-.02em;white-space:nowrap}
  .feature-card h3{font-size:18px;line-height:1.15}
  .card-speed p{font-size:13px}
  .card-colors h3{font-size:22px}
  .card-materials p,.card-waste p,.card-all p{font-size:14px}
  .card-clean h3{font-size:13px}
  .card-clean p{font-size:13px}
  .speed-stats span{font-size:13px}
  .speed-stats small{font-size:11px}
  .card-speed .speed-stats{position:relative;order:4;inset:auto;width:100%;margin:0}
  .feature-card .speed-icon,.feature-card .color-icon{position:relative;order:2;inset:auto;width:34px;height:34px;margin:0}
  .feature-card i{display:none}

  /* 大卡（整宽/两列）：图铺满整张卡当背景，文字正常叠在上面（对照设计稿，避免只露出半张图） */
  .card-speed,.card-colors,.card-removal,.card-clean,.card-materials,.card-waste,.card-all{position:relative;overflow:hidden}
  .card-speed .card-media,.card-colors .card-media,.card-removal .card-media,.card-clean .card-media,.card-materials .card-media,.card-waste .card-media,.card-all .card-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;flex:none;z-index:0;object-fit:cover;object-position:center}
  .card-speed p,.card-speed h3,.card-speed .speed-copy,.card-colors p,.card-colors h3,.card-removal p,.card-removal h3,.card-clean p,.card-clean h3,.card-materials p,.card-waste p,.card-all p{position:relative;z-index:1}
  .card-speed .speed-stats{position:relative;z-index:1;margin-top:auto}

}

/* Get the Highlights 卡片文字颜色（全局，PC + 移动端，对照 handoff）：
   次要行 #929292，主行 #fff，强调色沿用 .cyan / .orange / .blue / .gold */
.feature-card p{color:#929292}
.card-speed p,.card-materials p,.card-waste p,.card-all p{color:#fff}
.card-clean p{color:#fff}
.card-speed h3{color:#ff6600}
.card-colors h3,.card-clean h3,.card-removal h3{color:#fff}
.card-removal h3 span{display:block;margin-top:.22em;color:#929292;font-size:.72em;line-height:1.35}

/* 首屏 "Save 40% on Launch Day!"：设计稿是白色（原为灰 #aaa），全局统一 */
.figma-banner__copy>small{color:#fff}

/* 9/20 详情页文字颜色：手机与 PC 使用同一套文案层级。 */
.figma-banner__copy p,.figma-banner__copy h1,.figma-banner__copy>small,.figma-banner__cta,
.vip h2,.vip p,.vip small,
#modes h2,#modes .mode-description,
.speed-stage .speed-kicker,
.figma-nozzle h2,.figma-nozzle p,.preheat-stage h2,.preheat-stage p,.material-compatibility h2,.material-compatibility p,.continuous-printing h2,.continuous-printing p,
.colors-alive h2,.colors-alive p,.nozzle-cleaning h2,.nozzle-cleaning p,
.figma-productivity h2,.productivity-grid h3,.productivity-grid p,.complexity-carousel h2,.complexity-data strong,.complexity-data span,.mds-story p,.unattended-flow p{color:#fff}
.vip em{color:#008ff7}
/* Banner 辅助说明为灰色，不与主标题使用同一白色层级。 */
.figma-banner__copy>small{color:#aaa}

@media (max-width:700px){.card-snap p{font-size:12px;letter-spacing:-.02em;white-space:nowrap}}
/* 首页介绍：正文灰色，结论强调为白色；PC 与移动端共用。 */
.figma-intro p{color:#a0a0a0}
.figma-intro p strong{color:#fff}

/* VIP 标题行高对齐设计稿 140%（原来是 135%）—— 这条是纯排版，PC 端也生效 */
.vip h2{line-height:1.4}

/* 移动端「文字 + 图」模块：结构对照 handoff —— 标题/正文在上（左右 36、标题 32、正文 16），图在下 */
@media (max-width:700px){
  .figma-nozzle,.preheat-stage,.material-compatibility,.continuous-printing{display:flex;flex-direction:column;height:auto;padding:48px 36px}
  .figma-nozzle>div,.material-compatibility__copy,.preheat-stage__copy,.continuous-printing__copy{position:relative;order:1;inset:auto;width:100%;margin:0;padding:0;text-align:left}
  .figma-nozzle>img,.material-compatibility>img,.preheat-stage__media,.continuous-printing__media{position:relative;order:2;inset:auto;width:100%;max-width:100%;height:auto;margin:24px 0 0;overflow:visible;border-radius:14px;opacity:1;transform:none;object-fit:contain}
  .preheat-stage__media img,.continuous-printing__media img{position:relative;inset:auto;width:100%;height:auto;max-width:100%;object-fit:contain}
  .figma-nozzle h2,.material-compatibility h2,.preheat-stage h2,.continuous-printing h2{width:100%;margin:0 0 16px;font-size:32px;line-height:1.4;text-align:left}
  .figma-nozzle p,.material-compatibility p,.preheat-stage p,.continuous-printing p{width:100%;margin:0;font-size:16px;line-height:1.4;font-weight:380;text-align:left}
  .figma-nozzle::after,.preheat-stage::before{display:none}
}

/* 移动端 Scale the productivity + More Complexity：结构对照 handoff
   productivity = 标题 → 图(整宽圆角) → 模式名 → 说明，可横向滑动一张张看；
   complexity = 标题 → 大图(整宽圆角) → 数据/进度条 → 翻页控件 */
@media (max-width:700px){
  .figma-productivity{height:auto;padding:48px 36px;overflow:visible}
  .figma-productivity h2{width:100%;margin:0 0 28px;font-size:36px;line-height:1.4;text-align:left}
  .productivity-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:none;padding:0 0 10px;scrollbar-width:none}
  .productivity-grid::-webkit-scrollbar{display:none}
  .productivity-grid article{flex:0 0 100%;width:100%;height:auto;margin:0;scroll-snap-align:start}
  .productivity-media{width:100%;height:auto;aspect-ratio:388/300;border-radius:16px}
  .productivity-media img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
  .productivity-copy{width:100%;margin:16px 0 0}
  .productivity-grid h3{font-size:20px;line-height:1.4}
  .productivity-grid p{font-size:16px;line-height:1.4;font-weight:380}
  /* 下方切换按钮（设计稿里的切页器） */
  .productivity-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
  .productivity-dots{display:flex;gap:8px}
  .productivity-dots i{display:block;width:34px;height:2px;background:#575757}
  .productivity-dots i.active{background:#fff}
  .productivity-controls button{width:42px;height:42px;margin-left:8px;padding:0 0 4px;border:0;border-radius:50%;background:#2e2e2e;color:#fff;font-size:28px;line-height:1;cursor:pointer}
  .productivity-controls button:hover,.productivity-controls button:focus-visible{background:#4a4a4a}

  .complexity-carousel{height:auto;padding:48px 36px;overflow:visible}
  .complexity-carousel h2{height:auto;margin:0 0 28px;font-size:36px;line-height:1.4;text-align:left}
  .complexity-stage{display:flex;flex-direction:column;width:100%;height:auto;overflow:visible;border-radius:16px;background:none}
  .complexity-visual{width:100%;height:auto;aspect-ratio:388/513;border-radius:16px}
  .complexity-visual img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
  .complexity-data{padding:20px 0 0;text-align:left}
  .complexity-data strong{font-size:24px}
  .complexity-data span{font-size:16px}
  .complexity-data b{margin:16px 0 8px;font-size:20px}
  .complexity-controls{margin-top:20px}
}

/* 移动端 MDS：卡片改纵向（图 → 标签 → 标题 → 列表 → 备注），长文对照 handoff 460×555（19px/450、左右 36、上下 48） */
@media (max-width:700px){
  .mds-showcase{height:auto;padding:48px 36px;overflow:visible}
  .mds-showcase>h2{position:static;width:100%;margin:0 0 24px;font-size:32px;line-height:1.3;text-align:left}
  .mds-card{position:relative;inset:auto;display:flex;flex-direction:column;gap:6px;width:100%;height:auto;padding:20px;border-radius:16px;transform:none}
  .mds-card>img{position:relative;top:auto;left:auto;width:100%;height:auto;max-width:100%;margin:0 0 12px;transform:none;object-fit:contain}
  .mds-kicker,.mds-card h3,.mds-card ul,.mds-card small{position:relative;top:auto;left:auto;width:100%;margin:0}
  .mds-kicker{font-size:14px}
  .mds-card h3{font-size:24px;line-height:1.2}
  .mds-card ul{margin-top:8px;padding-left:18px;font-size:13px;line-height:1.5}
  .mds-card small{font-size:11px;line-height:1.4}
  .mds-story{height:auto;padding:48px 36px;overflow:visible}
  .mds-story p{width:100%;font-size:19px;font-weight:600;line-height:1.4}
}

/* 移动端 10M+ Colors Alive / Nozzle Cleaning：文字在上、图在下；Color Without the Limits：背景图 + 左对齐文字（20/40px，28 边距） */
@media (max-width:700px){
  .colors-alive,.nozzle-cleaning{display:flex;flex-direction:column;height:auto;padding:48px 36px;overflow:visible}
  .colors-alive>div,.nozzle-cleaning>div{position:relative;order:1;inset:auto;width:100%;margin:0}
  .colors-alive>img,.nozzle-cleaning>img{position:relative;order:2;inset:auto;width:100%;max-width:100%;height:auto;margin:24px 0 0;transform:none;object-fit:contain}
  /* 素材自带约 8% 黑边，放大到内容撑满（设计稿里图是顶到内容宽度的） */
  .colors-alive>img{width:100%;max-width:100%;height:auto;margin:24px 0 0;aspect-ratio:420/290;object-fit:cover}
  .colors-alive h2,.nozzle-cleaning h2{width:100%;height:auto;margin:0 0 16px;font-size:32px;line-height:1.4;text-align:left}
  .colors-alive p,.nozzle-cleaning p{width:100%;font-size:16px;line-height:1.4;font-weight:380}

  .color-limits__copy p{top:120px;left:28px;width:calc(100% - 56px);font-size:20px;line-height:1.4;text-align:left}
  .color-limits__copy h2{top:158px;left:28px;width:calc(100% - 56px);font-size:40px;line-height:1.15;text-align:left}
}

/* 9/20 详情页 MB：最终文字层放在所有移动端布局规则之后，避免字号和颜色被后续模块样式覆盖。 */
@media (max-width:700px){
  .figma-banner__copy p,.figma-banner__copy h1,.figma-banner__copy>small{color:#fff}
  .figma-banner__cta{color:#fff}
  .vip h2,.vip p,.vip small{color:#fff}
  .vip em{color:#008ff7}

  .card-nozzle p,.card-snap p{font-size:14px;color:#929292}
  .card-removal h3{font-size:14px;color:#fff}
  .card-colors h3{font-size:24px;color:#fff}
  .card-colors p{font-size:12px;color:#929292}
  .card-waste p,.card-materials p,.card-all p{font-size:15px;color:#fff}

  #modes h2,#modes .mode-description{color:#fff}
  .speed-stage .speed-kicker{color:#fff}
  .figma-nozzle h2,.figma-nozzle p,.preheat-stage h2,.preheat-stage p,.material-compatibility h2,.material-compatibility p,.continuous-printing h2,.continuous-printing p{color:#fff}
  .continuous-printing h2{font-size:20px}
  .colors-alive h2,.colors-alive p,.nozzle-cleaning h2,.nozzle-cleaning p{color:#fff}
  .figma-productivity h2,.productivity-grid h3,.productivity-grid p,.complexity-carousel h2,.complexity-data strong,.complexity-data span,.mds-story p,.unattended-flow p{color:#fff}
}

/* 390px（小米 15）九宫格：上面的通用卡片规则会把此说明改回相对定位。
   这里置于所有移动端覆写之后，强制从卡片底部留出安全距离。 */
@media (max-width:700px){
  .feature-mosaic .card-colors p{position:absolute;z-index:2;top:auto;bottom:12px;left:4%;width:48%;margin:0}
}

/* 390px 一档：标题按后台设置后的实际字号等比收小并上移，和底部说明分开。 */
@media (max-width:420px){
  .feature-mosaic .card-colors h3{transform:translateY(-55%) scale(.9);transform-origin:left bottom}
  .feature-mosaic .card-colors p{bottom:8px}
}

/* Banner 辅助说明在所有断点均使用灰色层级。 */
.figma-banner__copy>small{color:#aaa}

/* R&D Team 三张团队图：后台换过图的按容器铺满裁切，没换图的保持设计稿定位。 */
.about-team__photo.is-custom{background-position:center top;background-size:cover}

/* About 页三段底色统一纯黑。 */
.about-solution,.about-vip,.about-team{background:#000}

/* ============================================================
   详情页 · 平板 / 窄桌面档（701–980px）
   1440 设计稿在 700 与 1440 之间没有过渡档，板块里的 left:calc(50% ± 固定px)
   和写死的 960/969 宽会把文字挤出可视区、压到边界外。
   这里只重排「位置 + 容器宽度」，字号一律不动：
   左右两栏改用百分比、固定宽栅格改成流式列，保证文字不互相挤压、不被裁切。
   1440 以上、700 以下的原有规则一律不受影响。
   ============================================================ */
@media (min-width:701px) and (max-width:980px){

  /* --- 左图右文：No Need to Wait for Heat-Up --- */x
  .preheat-stage__copy{left:auto;right:4%;width:44%}
  .preheat-stage p{width:100%}

  /* --- 左文右图：Wide-Ranging Material Compatibility --- */
  .material-compatibility__copy{left:4%;width:44%}
  .material-compatibility h2,.material-compatibility p{width:100%}
  .material-compatibility>img{left:auto;right:4%;width:44%;height:auto;aspect-ratio:500/300}

  /* --- 左图右文：continuous printing --- */
  .continuous-printing__media{top:50%;left:4%;width:44%;height:auto;aspect-ratio:500/300;transform:translateY(-50%)}
  .continuous-printing__media img{top:-12.67%;left:-9.6%;width:110.8%;height:115.3%}
  .continuous-printing__copy{left:auto;right:4%;width:44%}
  .continuous-printing h2,.continuous-printing p{width:100%}

  /* --- 左圆图右文：Soak. Circulate. Clear. --- */
  .nozzle-cleaning>img{top:50%;left:1%;width:42%;height:auto;transform:translateY(-50%)}
  .nozzle-cleaning>div{left:auto;right:4%;width:50%}
  .nozzle-cleaning h2,.nozzle-cleaning p{width:100%;height:auto}

  /* --- 左文右大图：nozzle swap --- */
  .figma-nozzle>div{left:max(24px,calc(50% - 343px));width:min(415px,44%)}
  .figma-nozzle p{width:100%}
  .figma-nozzle>img{top:50%;left:auto;right:2%;width:54%;height:auto;transform:translateY(-50%)}

  /* --- 整图背景 + 单栏文字 --- */
  .speed-stage .figma-stat-stage__copy{left:max(24px,calc(50% - 480px));width:min(811px,calc(100% - 48px))}
  .color-limits__copy p{left:max(24px,calc(50% - 480px));width:min(389px,calc(100% - 48px))}
  .color-limits__copy h2{left:max(24px,calc(50% - 480px));width:min(807px,calc(100% - 48px))}
  .colors-alive>div{left:4%;width:44%}
  .colors-alive h2{width:100%;height:auto}
  .colors-alive p{width:100%}
  .colors-alive>img{top:50%;left:auto;right:-12%;width:74%;height:auto;transform:translateY(-50%)}
  .unattended-flow>div{left:max(24px,calc(50% - 479px))}
  .unattended-flow p{width:min(411px,calc(100% - 48px))}
  .unattended-flow h2{width:min(539px,calc(100% - 48px));height:auto}
  .mds-story p{width:min(840px,calc(100% - 48px))}
  .mds-showcase>h2{left:max(24px,calc(50% - 380.5px));width:min(720px,calc(100% - 48px))}

  /* --- MDS 白卡：图片列收窄，文字列加宽（字号不变，横排不乱） --- */
  .mds-card{width:min(960px,calc(100% - 48px))}
  .mds-card>img{left:6%;width:34%;height:auto}
  .mds-kicker{left:44%;width:52%}
  .mds-card h3{left:44%;width:52%}
  .mds-card ul{left:44%;width:44%}
  .mds-card small{left:6.5%;width:34%}

  /* --- 三列功能栅格：969 固定宽 → 流式三列 --- */
  .figma-productivity h2{width:min(969px,calc(100% - 48px))}
  .productivity-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(969px,calc(100% - 48px));margin:0 auto;gap:32px}
  .productivity-grid article{width:100%}
  .productivity-media{width:100%;height:auto;aspect-ratio:291/295}
  .productivity-media img{left:-34.7%;width:189.3%;height:100%}
  .productivity-copy{width:min(276px,100%)}

  /* --- 复杂度轮播：960 固定两栏 → 流式两栏 --- */
  .complexity-carousel__inner{width:min(960px,calc(100% - 48px))}
  .complexity-stage{grid-template-columns:minmax(0,475fr) minmax(0,485fr);width:100%}
  .complexity-visual img{left:-29.9%;width:165.5%;height:100%}
  .complexity-data{padding:60px 24px}
  .waste-meter,.waste-meter--fa3d{width:100%}
  .waste-meter--fa3d i{width:76%}
  .waste-meter--others i{width:100%}

  /* --- Diverse Forms：960 固定两栏 → 流式两栏 --- */
  .diverse-forms>h2{width:min(960px,calc(100% - 48px))}
  .diverse-forms__panel{grid-template-columns:minmax(0,446fr) minmax(0,514fr);width:min(960px,calc(100% - 48px))}
  .diverse-forms__accordion{padding:24px}
  .diverse-forms__accordion button{width:100%}
  .diverse-forms__visual{grid-template-columns:1fr 1fr;align-content:center}
  .diverse-forms__visual>.diverse-forms__image{align-self:start;width:100%;height:auto;aspect-ratio:257/415}
  .diverse-forms__image--handled img{top:8.434%;left:-46.693%;width:267.315%;height:86.506%}
  .diverse-forms__image--display img{top:8.675%;left:-135.409%;width:248.249%;height:80.241%}
  .diverse-forms__image span{left:50%;transform:translateX(-50%)}
  .diverse-forms__image--handled span{top:auto;bottom:6.988%}
  .diverse-forms__image--display span{top:auto;bottom:7.711%}

  /* --- This is the whole job：三列固定 291 → 流式三列，卡片内文字改为跟随排布 --- */
  .press-play>div{top:150px;left:0;right:0;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(961px,calc(100% - 48px))}
  /* 卡内排布回设计稿：图在上，STEP 标签占左列，标题与正文左对齐到标签右侧 */
  .press-play article{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:15px;align-content:start;width:100%;height:auto}
  .press-play article img{grid-row:1;grid-column:1 / -1;width:100%;max-width:100%;height:auto;aspect-ratio:291/295}
  .press-play .step-label,.press-play article h3,.press-play article>p:last-of-type{position:static;width:auto}
  .press-play .step-label{grid-row:2 / span 2;grid-column:1;margin:16px 0 0}
  .press-play article h3{grid-column:2;margin:16px 0 0}
  .press-play article>p:last-of-type{grid-column:2;margin:6px 0 0}

  /* --- 工具头组合 tab：5 个按钮在窄桌面档收一下内边距 --- */
  #modes .mode-tabs{width:min(1005px,calc(100% - 48px))}
  #modes .mode-tab{padding:15px 15px}

  /* --- 九宫格（Meet the Next-Generation Platform）：卡内文字适配 --- */
  /* 卡内字号按拼图宽度同比缩放的规则放在 figma-hotfix-20260915.css 里（那张表后加载，
     否则会被它自己的 .card-speed 固定字号盖掉），覆盖 701–1439px，这里只保留结构部分。 */
  .feature-card h3,.feature-card .speed-copy{letter-spacing:-.01em}
  /* 原来「left:6% + width:100%」的文字盒有 6% 探到卡外被裁，这里收回卡内 */
  .card-removal h3,.card-all p{width:calc(100% - 12%)}

  /* 三张小卡 + Self-Cleaning：卡内文字改成纵向流式排布（图仍是绝对定位的背景层），
     说明行换行时自然往下长，不再叠到标题上。 */
  .card-nozzle,.card-snap,.card-ai,.card-clean{display:flex;flex-direction:column;box-sizing:border-box}
  .card-nozzle p,.card-nozzle h3,.card-snap p,.card-snap h3,.card-ai p,.card-ai h3,.card-clean p,.card-clean h3{position:relative;z-index:2;inset:auto;width:88%;align-self:center;margin:0;text-align:left}
  .card-nozzle,.card-snap,.card-ai{justify-content:flex-start}
  .card-nozzle p,.card-snap p,.card-ai p{margin-top:5px}
  .card-nozzle h3,.card-snap h3,.card-ai h3{margin-top:2px}
  .card-clean{justify-content:flex-end;padding-bottom:14px}
  .card-clean p{margin-top:3px}
}

/* 首页专用：页面上滑时浮现导航，并在屏幕底部显示 Reserve Now。 */
.site-header--home-floating.is-floating{position:fixed;z-index:1000;top:0;left:0;width:100%;height:70px;padding:0 10px;background:#232323;opacity:0;transform:translateY(-100%);transition:transform .32s ease,opacity .32s ease}
.site-header--home-floating.is-floating.is-visible{opacity:1;transform:translateY(0)}
.site-header--home-floating.is-floating .site-nav{width:min(1440px,100%);height:70px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.fa3d-reserve-float{position:fixed;z-index:999;bottom:35px;left:50%;display:grid;grid-template-columns:43px minmax(0,1fr) 112px;align-items:center;gap:22px;width:min(594px,calc(100% - 32px));height:57px;padding:7px 11px 7px 30px;overflow:hidden;border-radius:999px;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.25);color:#111;text-decoration:none;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:transform .32s ease,opacity .32s ease}
.fa3d-reserve-float.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.fa3d-reserve-float__thumb{display:block;width:43px;height:43px;overflow:hidden}
.fa3d-reserve-float__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.fa3d-reserve-float__copy{display:flex;min-width:0;flex-direction:column}
.fa3d-reserve-float__copy strong{font-size:14px;font-weight:600;line-height:1.35}
.fa3d-reserve-float__copy small{overflow:hidden;color:#999;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.fa3d-reserve-float__button{display:grid;width:112px;height:43px;place-items:center;border-radius:999px;background:#ff6700;color:#fff;font-size:12px;font-weight:600}
@media(max-width:700px){.site-header--home-floating.is-floating{height:64px;padding:0 8px}.site-header--home-floating.is-floating .site-nav{height:64px}.fa3d-reserve-float{grid-template-columns:38px minmax(0,1fr) 92px;gap:10px;height:54px;padding:6px 7px 6px 14px}.fa3d-reserve-float__thumb{width:38px;height:38px}.fa3d-reserve-float__copy strong{font-size:12px}.fa3d-reserve-float__copy small{font-size:8px}.fa3d-reserve-float__button{width:92px;height:38px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-header--home-floating.is-floating,.fa3d-reserve-float{transition:none}}

/* 首屏 VIP 订阅：复用原板块二的订阅逻辑，外观按图 2 的输入框结构。 */
.figma-banner__subscribe{display:flex;align-items:center;width:269px;max-width:100%;height:43px;margin:0;padding:6px;overflow:hidden;border:.5px solid #fff;border-radius:100px;background:transparent}
.figma-banner__subscribe input{flex:1;min-width:0;height:31px;padding:0 9px;border:0;outline:0;background:transparent;color:#fff;font-family:"MiSans",sans-serif;font-size:12px;font-weight:305;line-height:1.4}
.figma-banner__subscribe input::placeholder{color:rgba(255,255,255,.6);opacity:1}
.figma-banner__subscribe .figma-banner__cta{flex:0 0 91px;min-width:91px;width:91px;height:31px;margin:0;padding:0;border:0;border-radius:71px;background:#ff6600;color:#fff;font-family:"MiSans",sans-serif;font-size:11.388px;font-weight:700;line-height:1.4;cursor:pointer}
.figma-banner__subscribe+.vip-message{margin:7px 0 0;color:#46ddee;font-size:12px;line-height:1.3}
.figma-banner__subscribe+.vip-message.is-error{color:#ff8e8e}
@media(max-width:700px){.figma-banner__subscribe{margin-inline:auto}}

/* More Complexity：左右图片和底色按同一套轮播切换。 */
.complexity-stage[hidden]{display:none!important}
.complexity-stage{background:var(--complexity-bg,#4e4e4e)}
.complexity-visual picture{display:block;width:100%;height:100%}
.complexity-visual picture img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transition:none}
.complexity-data{display:flex;align-items:center;justify-content:center;background:var(--complexity-bg,#4e4e4e)}
.complexity-data picture{display:block;width:min(280px,100%)}
.complexity-data picture img{display:block;width:100%;max-height:205px;object-fit:contain}
@media(min-width:701px){
  .complexity-data{position:relative;padding:0}
  .complexity-data picture{position:absolute;inset:48px;width:auto;height:auto}
  .complexity-data picture img{width:100%;height:100%;max-height:none}
}
@media(max-width:700px){
  .complexity-stage{background:none}
  .complexity-visual{aspect-ratio:388/300;border-radius:16px 16px 0 0}
  .complexity-data{min-height:246px;padding:24px;border-radius:0 0 16px 16px}
  .complexity-data picture{width:100%}
  .complexity-data picture img{max-height:190px}
}