.hero.hero-flow-layout{flex-direction:column;justify-content:center;gap:24px;min-height:100dvh;padding:130px 32px 38px;display:flex;overflow:clip}.hero-flow-layout .hero-copy{text-align:center;width:100%;max-width:1040px;padding:0}.hero-flow-layout .eyebrow{letter-spacing:.14em;color:#a6a6ad;margin-bottom:18px;font-size:10px}.hero.hero-flow-layout .hero-title{letter-spacing:-.065em;max-width:1000px;margin:auto;font-size:clamp(52px,5.7vw,86px);font-weight:550;line-height:1.1}:root[data-locale=zh] .hero.hero-flow-layout .hero-title{letter-spacing:-.045em;font-size:clamp(48px,5.4vw,82px);line-height:1.2}.hero.hero-flow-layout .hero-subtitle{color:#a9a9b0;max-width:680px;margin:20px auto 0;font-size:16px;line-height:1.7}.hero-flow-layout .hero-actions{justify-content:center;align-items:center;gap:24px;margin-top:25px}.hero-flow-layout .hero-actions .button-quiet{box-shadow:none;background:0 0;border:0;padding:12px 0;font-size:13px}.hero-flow{--flow-bubble-height:48px;--flow-bubble-gap:14px;width:min(1200px,100%);margin:0;position:relative}.flow-stage{aspect-ratio:1200/280;width:100%;position:relative}.flow-mesh{pointer-events:none;position:absolute;top:0}.hero-flow[data-renderer=still] .flow-mesh{display:none}.hero-flow[data-renderer=mesh] .flow-messages,.hero-flow[data-renderer=mesh] .flow-results{visibility:hidden}.flow-scene{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-scene-mobile{display:none}.flow-messages{pointer-events:none;position:absolute;inset:0}.flow-message{width:max-content;height:var(--flow-bubble-height);color:#cdccd5;letter-spacing:-.02em;white-space:nowrap;text-align:center;opacity:0;visibility:hidden;background:#101014;border:1px solid #ffffff40;border-radius:13px;justify-content:center;align-items:center;padding:6px 12px;font-size:13px;line-height:1.25;display:flex;position:absolute;top:0;left:0}.flow-message>span{position:relative}.flow-message-1{background:#17171b}.flow-message-2{color:#aeacb9}.flow-wave{justify-content:center;align-items:center;gap:3px;height:30px;display:flex}.flow-wave i{background:#bab7c9;border-radius:2px;width:2px;display:block}.loom-drawing{fill:none;stroke:#b7b7c0;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.loom-face{fill:#19191c;stroke:#a2a2ad}.loom-side{fill:#0b0b0d;stroke:#777781}.loom-top{fill:#29292d;stroke:#c1c1ca}.loom-warp{stroke:#9999a4;stroke-width:.8px;opacity:.75}.loom-heddle{stroke:#d0d0d6;stroke-width:1.1px}.loom-cloth{fill:#131315;stroke:#8e8e99}.loom-weft{stroke:#a6a6b1;stroke-width:.6px;opacity:.5}.flow-results{left:66%;top:calc(59.3% - var(--flow-bubble-height)/2);gap:var(--flow-bubble-gap);pointer-events:none;width:max-content;display:flex;position:absolute}.flow-result{width:max-content;height:var(--flow-bubble-height);color:#eeeeef;white-space:nowrap;text-align:center;background:#101014;border:1px solid #ffffff40;border-radius:13px;flex:none;justify-content:center;align-items:center;padding:6px 12px;display:flex}.flow-result h2{letter-spacing:-.015em;font-variant-numeric:tabular-nums;margin:0;font-size:13px;font-weight:500;line-height:1.25}.flow-footer{color:#74747f;justify-content:space-between;align-items:center;padding:10px 0 0;font-size:10px;display:flex}.flow-caption{margin:0;line-height:1.6}.flow-control{color:#94949f;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;transition:color .16s ease-out;display:inline-flex}.flow-control:hover{color:#eee}.flow-control[hidden]{display:none}.flow-control-icon{border-left:2px solid;border-right:2px solid;width:9px;height:10px}.flow-control[aria-pressed=true] .flow-control-icon{border:5px solid #0000;border-left:7px solid;border-right:0;width:0;height:0}@media (width>=701px) and (height<=780px){.hero.hero-flow-layout{gap:12px;padding-top:110px;padding-bottom:8px}.hero-flow-layout .eyebrow{margin-bottom:12px}.hero.hero-flow-layout .hero-title{font-size:clamp(50px,5vw,70px)}:root[data-locale=zh] .hero.hero-flow-layout .hero-title{font-size:clamp(46px,4.7vw,64px)}.hero-flow-layout .hero-actions{margin-top:20px}.hero.hero-flow-layout .hero-subtitle{margin-top:16px}.hero-flow{max-width:960px}.flow-footer{padding-top:4px}}@media (width<=700px){.hero-flow{--flow-bubble-height:44px;--flow-bubble-gap:12px}.hero.hero-flow-layout{justify-content:center;gap:26px;min-height:100dvh;padding:124px 20px 36px}.hero.hero-flow-layout .hero-title{font-size:clamp(31px,8vw,52px);line-height:1.15}:root[data-locale=zh] .hero.hero-flow-layout .hero-title{font-size:clamp(30px,8.8vw,52px);line-height:1.26}.hero.hero-flow-layout .hero-subtitle{max-width:330px;margin-top:20px;font-size:13px;line-height:1.85}.hero-flow-layout .eyebrow{margin-bottom:16px;font-size:9px}.hero-flow-layout .hero-actions{gap:20px;margin-top:22px}.hero-flow-layout .hero-actions .button-primary{padding-left:17px;font-size:12px}.hero-flow-layout .hero-actions .button-quiet{font-size:12px}.flow-stage{aspect-ratio:600/320}.flow-scene-desktop{display:none}.flow-scene-mobile{display:block}.flow-message{padding:6px 9px;font-size:11px}.flow-wave{gap:2px;height:24px}.flow-wave i{width:1.5px;max-height:24px}.flow-results{left:64%;top:calc(51.6% - var(--flow-bubble-height)/2)}.flow-result{padding:6px 9px}.flow-result h2{font-size:11px}.flow-footer{padding-top:15px}}@media (width<=360px){.hero.hero-flow-layout{gap:20px;padding:108px 16px 24px}.hero-flow-layout .hero-actions{gap:15px}.hero-flow-layout .hero-actions .button-primary{font-size:11px}.flow-result h2,.flow-message{font-size:10px}}@media (prefers-reduced-motion:reduce){.hero-flow .flow-message{opacity:0!important;visibility:hidden!important}.hero-flow .flow-message:first-child{top:40%;left:2%;opacity:1!important;visibility:visible!important;transform:none!important}.hero-flow .flow-control{display:none}}.hero-flow[data-renderer=still] .flow-message:first-child{opacity:1;visibility:visible;top:58%;left:2%}.hero[data-hero-intro=waiting] .hero-copy{visibility:hidden}.hero[data-hero-intro=waiting] :is(.flow-messages,.flow-results,.flow-mesh,.flow-footer),.hero[data-hero-intro=drawing] .flow-messages,.hero[data-hero-intro=settling] .flow-messages{opacity:0}@media (prefers-reduced-motion:reduce){.hero[data-hero-intro] .hero-copy{visibility:visible}}