/* homepage blocks: data wall, agent row, animated demos (shared zh/en) */
.wall{margin:28px auto 8px;max-width:1120px;color:#FBF8F1}
.wstat{display:flex;gap:12px;justify-content:center;align-items:baseline;flex-wrap:wrap;font-size:22px;margin:0 0 18px}.wstat b{font-weight:700}.wstat span{opacity:.5}
.wrow{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding:6px 0}
.wmove,.wdup{display:flex;flex:none;width:max-content}.wmove{animation:wl 60s linear infinite}.wrow.r .wmove{animation-name:wr}.wrow:hover .wmove{animation-play-state:paused}
@keyframes wl{to{transform:translateX(-50%)}}@keyframes wr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.wmove{animation-duration:240s}}
.wcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.wcat{background:rgba(251,248,241,.04);border:1px solid rgba(251,248,241,.1);border-radius:14px;padding:14px 16px}
.wcat h4{margin:0 0 8px;font-size:14px;color:#FF8A3D;display:flex;justify-content:space-between}.wcat h4 small{opacity:.6;color:#FBF8F1}.wlist{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:rgba(251,248,241,.78)}
.wnote{text-align:center;font-size:12.5px;opacity:.55;margin-top:14px}
.agrow{display:flex;align-items:center;gap:18px;max-width:1120px;margin:22px auto 0;padding:16px 0;border-top:1px solid rgba(251,248,241,.1);color:#FBF8F1}
.aglabel{flex:none;width:110px;font-size:13px;opacity:.6;letter-spacing:.04em}
.aglist{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.agi{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;line-height:1}
@media(max-width:820px){.wcats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wcats{grid-template-columns:1fr}.wstat{font-size:18px}.agrow{flex-direction:column;align-items:flex-start;gap:12px}.aglabel{width:auto}.aglist{gap:12px 16px}.agi{font-size:13.5px}}
/* demos */
.dtabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0 16px}.dtab{border:1px solid rgba(13,11,18,.14);background:#fff;border-radius:999px;padding:8px 16px;font:600 14px inherit;cursor:pointer;color:#0D0B12}.dtab.on{background:#0D0B12;color:#fff;border-color:#0D0B12}
@media(max-width:560px){.dtabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.dtab{flex:none}}
.dstage{max-width:860px;margin:0 auto}.dterm{display:none;background:#0D0B12;color:#E9E4F2;border-radius:16px;box-shadow:0 30px 60px -30px rgba(13,11,18,.55);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dterm.on{display:block}
.dbar0{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.dbar0 i{width:10px;height:10px;border-radius:50%;background:#3a3446}.dbar0 i:first-child{background:#E8572A}.dbar0 span{margin-left:8px;opacity:.6}.dbar0 em{margin-left:auto;font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(247,181,56,.15);color:#F7B538}
.dbody{padding:18px 20px 16px;font-size:13.5px;line-height:1.6;min-height:340px}.du{margin:0 0 10px;color:#fff}.dyou{color:#FF8A3D}.dcaret{display:inline-block;width:7px;height:15px;background:#FF8A3D;vertical-align:-2px;margin-left:2px;animation:dbl 1s steps(1) infinite}@keyframes dbl{50%{opacity:0}}
.dstep{margin:4px 0;transition:.35s}.dterm.play .dstep:not(.in){opacity:0;transform:translateY(4px)}.dstep.in{opacity:1;transform:none}.dm{display:inline-block;min-width:62px;color:#B39DFF}.dstep b{color:#FBF8F1;font-weight:500}.dok{color:#4ADE80;margin-left:6px}.dstep small{float:right;opacity:.45}
.dout{margin-top:12px;transition:.5s;font-family:var(--mn-font-body,system-ui,sans-serif)}.dterm.play .dout:not(.in){opacity:0;transform:translateY(8px)}
.dtab{font-family:inherit}.dtab:focus-visible{outline:2px solid #E8572A}
.dout table{width:100%;border-collapse:collapse;font-size:13.5px;background:rgba(255,255,255,.03);border-radius:10px;overflow:hidden}.dout th{text-align:left;font-weight:600;opacity:.6;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.dout td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.dout tr:last-child td{border:0}.dout td b{color:#fff}
.dout tr{opacity:0;animation:drow .4s forwards}.dout.in tr:nth-child(2){animation-delay:.1s}.dout.in tr:nth-child(3){animation-delay:.2s}.dout.in tr:nth-child(4){animation-delay:.3s}.dout.in tr:nth-child(5){animation-delay:.4s}.dterm:not(.play) .dout tr{opacity:1;animation:none}.dterm.play .dout:not(.in) tr{animation:none}
@keyframes drow{to{opacity:1}}
.dcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dcard{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.dcard small{opacity:.6;display:block}.dcard b{font-size:24px;color:#fff;display:block;margin:4px 0}.dcard span{font-size:12px;opacity:.75}.dcard.best{border-color:#E8572A;background:rgba(232,87,42,.12)}.dcard em{position:absolute;top:10px;right:10px;font-style:normal;font-size:11px;background:#E8572A;color:#fff;border-radius:999px;padding:2px 8px}
.dbars{display:grid;gap:10px}.dbar{display:grid;grid-template-columns:80px 1fr 60px;gap:10px;align-items:center;font-size:13.5px}.dbar i{height:10px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.dbar u{display:block;height:100%;width:0;background:linear-gradient(90deg,#B8325A,#E8572A,#F7B538);transition:width 1s .2s}.dterm:not(.play) .dbar u,.dout.in .dbar u{width:var(--w)}.dbar b{color:#4ADE80;text-align:right}
.dnote{font-size:12.5px;opacity:.65;margin:10px 0 0}.dvia{margin:14px 0 0;font-size:12px;opacity:.5}
@media(max-width:560px){.dbody{padding:14px;font-size:12.5px;min-height:380px}.dstep small{display:none}.dcards{grid-template-columns:1fr}.dout table{font-size:12px}.dout th,.dout td{padding:6px}.dm{min-width:54px}}
.flowdark{background:#0D0B12;color:#FBF8F1;border-radius:24px;padding:56px 24px}.flowdark h2{color:#FBF8F1}

/* polish v2: 8px scale, mask icons (mono by default, brand colour on hover) */
.si{display:block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:background-color .2s}
.wchip{display:inline-flex;align-items:center;gap:8px;height:40px;margin-right:8px;padding:0 16px 0 10px;border-radius:12px;background:rgba(251,248,241,.04);border:1px solid rgba(251,248,241,.10);font-size:14px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;color:rgba(251,248,241,.82);transition:border-color .2s,background .2s,color .2s}
.wchip .si,.wchip .mg{width:20px;height:20px}
.wchip:hover{color:#fff;border-color:rgba(251,248,241,.24);background:rgba(251,248,241,.08)}.wchip:hover .si{background:var(--c,#fff)}
.wchip .mg{display:grid;place-items:center;border-radius:6px;background:rgba(251,248,241,.14);color:#fff;font:600 11px/1 system-ui,sans-serif;font-style:normal}
.wrow{padding:4px 0}.wrow+.wrow{margin-top:4px}
.wstat{font-size:15px;letter-spacing:.01em;color:rgba(251,248,241,.7);gap:10px;margin-bottom:24px}.wstat b{font-size:28px;font-weight:650;color:#fff;letter-spacing:-.02em}
.wcats{gap:16px;margin-top:32px}.wcat{border-radius:16px;padding:16px 20px 18px;background:linear-gradient(180deg,rgba(251,248,241,.05),rgba(251,248,241,.02));border-color:rgba(251,248,241,.08)}
.wcat h4{font-size:13px;letter-spacing:.04em;text-transform:none;margin-bottom:12px;color:#FF8A3D}.wlist{gap:6px 12px;font-size:13.5px;line-height:1.5}
.wnote{margin-top:16px}
.agrow{margin-top:32px;padding:24px 0 0;gap:24px;justify-content:center}.aglabel{width:auto;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(251,248,241,.5);opacity:1}
.aglist{gap:16px 24px;justify-content:center}.agi{gap:8px;font-size:14px;font-weight:500;color:rgba(251,248,241,.82);height:36px}
.agico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(251,248,241,.06);border:1px solid rgba(251,248,241,.12);color:rgba(251,248,241,.9);transition:.2s}
.agi:hover .agico{border-color:rgba(251,248,241,.28)}.agi:hover .si{background:var(--c)}
@media(max-width:560px){.agrow{align-items:center}.aglist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;width:100%}.wstat b{font-size:22px}.wchip{height:36px;font-size:13px}}
@media(max-width:560px){section.uc,section.flowdark{padding-left:16px;padding-right:16px}section.flowdark{border-radius:0}}