html{scroll-behavior:smooth;scroll-padding-top:28px}.hero{padding-bottom:46px}.hero h1{font-size:44px}.hero .lead{margin-top:18px}.workflow-section{scroll-margin-top:30px}.section-note{font-size:12px;color:#6c7990}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.workflow-grid .tool-card{padding:27px 28px 0;display:flex;flex-direction:column}.workflow-grid .tool-heading h2{font-size:22px}.workflow-grid .tool-icon svg{stroke-linecap:round;stroke-linejoin:round}.workflow-grid .tool-card-head{margin-bottom:19px}.workflow-demo{background:#f5f6fa;border:1px solid #e6eaf2;border-radius:9px;overflow:hidden;margin-top:2px}.workflow-demo .mock-top{height:35px}.demo-workspace{padding:22px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:157px}.folder-stack{display:grid;gap:17px;font-size:12px;color:#5e6d83;white-space:nowrap}.folder-stack>span{display:flex;align-items:center;gap:9px}.folder{display:inline-block;width:21px;height:15px;border-radius:2px;background:#a8bae9;position:relative;box-shadow:inset 0 1px 0 #ffffff60}.folder:before{content:'';position:absolute;width:9px;height:3px;background:#8da6df;top:-3px;left:0;border-radius:2px 2px 0 0}.mini-menu{width:210px;background:white;border:1px solid #e6eaf3;border-radius:7px;padding:6px;box-shadow:0 7px 16px #384e7b0c}.mini-menu>span{display:flex;align-items:center;gap:10px;padding:8px;font-size:11px;color:#677792;border-radius:4px;white-space:nowrap}.mini-menu i{font-style:normal;width:14px;color:#8a9dc0}.mini-menu .selected{background:#eaf0fe;color:#4867bb}.mini-menu b{margin-left:auto;font-weight:400;color:#90a5cf}.mini-menu .output-name{font-size:10px;color:#7a8a9e;letter-spacing:-.2px}.demo-foot{font-size:10px;display:flex;align-items:center;gap:7px;color:#6f8099;padding:10px 15px;border-top:1px solid #e5eaf3;background:#f8f9fc}.motion-card .tool-icon{background:linear-gradient(135deg,#f1f6f7,#eaf1f2);border-color:#e0e9ec;color:#729395}.motion-card .folder{background:#a7c2c7}.motion-card .folder:before{background:#8daeb6}.motion-card .selected{background:#eaf3f2;color:#4c8078}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:22px 0 23px;font-size:13px;color:#586980}.tool-list span:before{content:'✓';font-size:11px;color:#7d96c7;margin-right:8px}.motion-card .tool-list span:before{color:#7daba2}.scope-note{font-size:12px;color:#748299;margin:0 0 23px}.card-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:17px 0 20px;border-top:1px solid #e7eaf1;color:#5172c0;font-size:14px;font-weight:600}.card-action span{transition:transform .2s}.card-action:hover span{transform:translateX(4px)}.motion-card .card-action{color:#477f76}.related{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:31px 0;border-bottom:1px solid #e5e7ec}.related h2{font-size:18px;font-weight:600;margin:0 0 7px}.related p:not(.eyebrow-label){font-size:13px;color:#68788e;margin:0}.related>a{display:flex;align-items:center;gap:25px;font-size:13px;color:#516887;padding:13px 17px;border:1px solid #dce2ed;border-radius:7px;background:linear-gradient(#fff,#f4f6fa);box-shadow:inset 0 1px 0 #fff;flex-shrink:0}.related>a:hover{border-color:#a8b8dc;color:#4768ce}.related .eyebrow-label{font-size:10px;letter-spacing:1.3px}.hash{font-size:11px;word-break:break-all}.faq{min-width:0}.workflow-grid .tool-heading{gap:10px}.workflow-grid .version{white-space:nowrap}a:focus-visible{outline:3px solid #8ca5fb;outline-offset:4px}
@media(max-width:1000px){.demo-workspace{padding:20px 13px;gap:10px}.mini-menu{width:180px}.workflow-grid .tool-card{padding:23px 21px 0}.workflow-grid .tool-heading{flex-wrap:wrap}.workflow-grid .tool-heading h2{font-size:20px}.folder-stack{font-size:11px}.mini-menu>span{font-size:10px;padding:7px 5px;gap:5px}.mini-menu .output-name{font-size:9px}.tool-list{font-size:12px}}
@media(max-width:760px){.workflow-grid{grid-template-columns:1fr}.workflow-grid .tool-heading{flex-wrap:nowrap}.workflow-grid .tool-card{padding:25px 25px 0}.workflow-grid .tool-tagline{min-height:0}.mini-menu{width:52%}.mini-menu>span{font-size:12px;padding:9px}.mini-menu .output-name{font-size:10px}.folder-stack{font-size:13px}.demo-workspace{padding:25px 20px;min-height:170px}.tool-list{font-size:14px}.hero h1{font-size:35px}.related{align-items:flex-start;flex-direction:column;gap:17px}.related>a{align-self:stretch;justify-content:space-between}.section-note{font-size:11px}}
@media(max-width:440px){.hero h1{font-size:30px}.release-line{font-size:11px;line-height:2}.release-line span{margin:0 5px}.workflow-grid .tool-card{padding:21px 18px 0}.workflow-grid .tool-heading h2{font-size:18px}.tool-list{font-size:12px}.workflow-grid .tool-tagline{font-size:12px}.demo-workspace{padding:20px 12px;gap:9px}.folder-stack{font-size:11px;gap:18px}.folder-stack>span{gap:7px}.folder{width:17px;height:13px}.mini-menu{width:59%}.mini-menu>span{font-size:10px;padding:8px 5px;gap:6px}.mini-menu .output-name{font-size:8px}.workflow-section>.section-heading{align-items:flex-start;flex-direction:column;gap:9px}.tool-index{font-size:11px}.tool-heading .version{font-size:10px}.tools-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-action span{transition:none}}

.release-line{display:flex;flex-wrap:wrap;justify-content:center;column-gap:17px;row-gap:3px}.release-line .release-item{margin:0;white-space:nowrap}



/* Product links share the primary download button surface. */
.related>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;box-sizing:border-box;min-height:48px;padding:12px 21px;border:1px solid #4869d7;border-radius:8px;background:linear-gradient(180deg,#5b7be9,#4b6bd7);box-shadow:inset 0 1px 0 #ffffff26,0 4px 9px #4e6fd51c;color:#fff;font:550 14px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:normal;text-decoration:none;text-shadow:none;transition:box-shadow .2s,transform .2s}
.related>a:visited{color:#fff}
.related>a:hover{background:linear-gradient(180deg,#5b7be9,#4b6bd7);border-color:#4869d7;color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff26,0 6px 16px #4e6fd52c;transform:translateY(-1px)}
.related>a:active{transform:translateY(0);box-shadow:inset 0 1px 2px #24479725,0 2px 5px #4e6fd51c}
.related>a:focus-visible{outline:3px solid #859ce1;outline-offset:4px}
.related>a svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.related>a{transition:none;transform:none}}