.workflow-demo{min-width:0;margin:0;container-type:inline-size;color:var(--ink)}.recording-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.recording-topline>span{display:flex;align-items:center;gap:7px;color:#666077;font-size:12px;font-weight:600}.recording-topline i{width:6px;height:6px;border-radius:50%;background:var(--brand)}.recording-topline>button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:44px;padding:0 11px;border:1px solid #e3dfee;border-radius:8px;background:var(--surface);color:var(--brand-ink);font-size:11px;font-weight:650;cursor:pointer;transition:background .2s,border-color .2s}.recording-topline>button:hover{background:var(--brand-soft);border-color:#c4bee2}.recording-frame{position:relative;width:100%;aspect-ratio:1440 / 1000;overflow:hidden;border:1px solid #d7d3e2;border-bottom:0;border-radius:12px 12px 0 0;background:#f5f5f9;box-shadow:0 22px 48px -18px #30285730}.recording-video,.recording-poster{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.recording-video{transform-origin:0 0;will-change:transform}.recording-video,.recording-dialog video{pointer-events:none}.recording-timeline{position:relative;height:3px;overflow:hidden;background:#dfdcee}.recording-timeline>div{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);transform:scaleX(0);transform-origin:left}.recording-controls{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dcd9e8;border-top:0;border-radius:0 0 12px 12px;background:#fcfbff}.recording-chapters{display:grid;grid-template-columns:repeat(3,1fr);flex:1;min-width:0;gap:4px}.recording-chapters>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#6f667c;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s,background .2s}.recording-chapters>button>svg{flex-shrink:0;color:#91859f}.recording-chapters>button[aria-pressed=true]{color:var(--brand-ink);background:#eeebfb}.recording-chapters>button[aria-pressed=true]>svg{color:var(--brand)}.recording-chapters>button:hover{background:#f0edf7;color:var(--brand-ink)}.recording-caption{min-height:110px;padding:18px 2px 0}.recording-caption>b{font-size:15px;font-weight:650;letter-spacing:-.25px}.recording-caption>p{margin:7px 0 0;color:#746a83;font-size:11px;line-height:1.8}.recording-caption>span{display:block;margin-top:12px;font-size:11px;line-height:1.7;color:#71677e}.recording-caption>.recording-error{color:#94552a}.recording-dialog{width:min(1480px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);padding:0;margin:auto;overflow:auto;border:1px solid #d9d4e7;border-radius:15px;background:#fdfdff;color:var(--ink);box-shadow:0 30px 100px #100b3055}.recording-dialog::backdrop{background:#161126b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.recording-dialog-content{display:flex;flex-direction:column}.recording-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line)}.recording-dialog-header h2{margin:0;font-size:16px;font-weight:700}.recording-dialog-header p{margin:5px 0 0;font-size:12px;color:var(--muted)}.recording-dialog-header button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #ded9e8;border-radius:9px;background:#f3f0f9;color:#6e647e;cursor:pointer}.recording-dialog-header button:hover{background:#e9e4f6;color:var(--brand-ink)}.recording-dialog-content>video,.recording-dialog-content>img{display:block;width:100%;max-height:calc(100dvh - 250px);-o-object-fit:contain;object-fit:contain;background:#171626}.recording-dialog-playback{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 20px;border-bottom:1px solid var(--line);background:#f7f5fb}.recording-time{flex:none;min-width:82px;color:var(--brand-ink);font-size:12px;font-variant-numeric:tabular-nums}.recording-dialog-playback input{flex:1;min-width:44px;width:100%;height:44px;margin:0;accent-color:var(--brand);cursor:pointer}.recording-dialog-playback input:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.recording-dialog-disclosure{margin:0;padding:14px 20px;font-size:11px;line-height:1.7;color:#766c83}@container (max-width: 420px){.recording-topline{gap:6px}.recording-topline>span{font-size:11px}.recording-topline>button{padding-inline:8px;font-size:10px}.recording-controls{padding:6px;gap:4px}.recording-chapters{gap:2px}.recording-chapters>button{padding-inline:2px;gap:4px;font-size:10px}.recording-chapters>button svg{width:12px;height:12px}.recording-caption>b{font-size:14px}.recording-caption>p{font-size:11px}}@media (max-width: 600px){.recording-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.recording-dialog-header{padding:12px;gap:8px}.recording-dialog-header p{font-size:10px}.recording-dialog-playback{padding-inline:12px;gap:8px}.recording-dialog-disclosure{padding:12px;font-size:10px}}@media (prefers-reduced-motion: reduce){.workflow-demo *,.recording-dialog *{transition:none!important;animation:none!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.static{position:static}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#17182c;background:#f5f5f9;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #5955d9;--brand-ink: #4742bd;--brand-soft: #eeedff;--ink: #17182c;--muted: #65677b;--line: #e1e1ea;--surface: #fdfdff;--canvas: #f5f5f9;--dark: #171626}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:78px}body{min-width:320px;min-height:100vh;margin:0;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}[id]{scroll-margin-top:78px}:focus-visible{outline:3px solid rgba(89,85,217,.38);outline-offset:3px}::-moz-selection{background:#d8d6ff;color:#27235e}::selection{background:#d8d6ff;color:#27235e}.site-shell{overflow:clip}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.section{padding:96px 0}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;border-radius:9px;background:var(--dark);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.eyebrow{margin:0 0 16px;color:var(--brand-ink);font-size:11px;font-weight:800;letter-spacing:.16em}.eyebrow-light{color:#bbb8ff}.section-heading{margin-bottom:38px}.section-heading h2{margin:0;font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:70px;border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.site-header.is-solid{border-color:#e1e1eacc;background:#fdfdffe6;box-shadow:0 8px 28px #17182c0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-row{height:100%;display:flex;align-items:center;gap:30px}.site-header>.container{width:min(1240px,calc(100% - 48px))}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand strong{font-size:17px;letter-spacing:-.02em}.brand-mark{position:relative;width:32px;height:32px;flex:none;overflow:hidden;border-radius:10px;background:var(--dark);transition:background .2s ease}.brand:hover .brand-mark{background:var(--brand-ink)}.brand-mark i{position:absolute;bottom:7px;width:4px;border-radius:99px;background:#8b87ff;transform:rotate(27deg)}.brand-mark i:nth-child(1){left:9px;height:15px;background:#bebcff}.brand-mark i:nth-child(2){left:15px;height:21px}.brand-mark i:nth-child(3){left:21px;height:13px;background:#5955d9}.desktop-nav{display:flex;gap:30px;margin-left:auto}.desktop-nav a{color:#595b6f;font-size:13px;font-weight:680}.desktop-nav a:hover{color:var(--brand-ink)}.download-link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:10px;background:var(--dark);color:#fff;font-size:13px;font-weight:740;transition:background .2s ease,transform .2s ease}.download-link:hover{background:var(--brand-ink);transform:translateY(-1px)}.menu-button{display:none;width:44px;height:44px;margin-left:auto;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.menu-button:hover{background:var(--brand-soft)}.mobile-nav{display:none;overscroll-behavior:contain;border-bottom:1px solid var(--line);background:#fdfdfffa;box-shadow:0 14px 28px #17182c0f}.hero{position:relative;padding:128px 0 76px;background:var(--surface)}.hero-glow{position:absolute;top:3%;left:48%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(113,109,240,.14),transparent 68%);pointer-events:none}.hero-layout{position:relative;width:min(1240px,calc(100% - 48px));display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:48px;align-items:center}.hero-copy{min-width:0;padding-bottom:58px}.hero-copy h1{margin:0;font-size:clamp(44px,3.65vw,52px);line-height:1.18;letter-spacing:-.055em;text-wrap:balance}.hero-copy h1 span{color:var(--brand-ink)}.hero-title-phrase{display:inline-block;white-space:nowrap}.hero-lead{max-width:570px;margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px}.hero-actions .button{white-space:nowrap}.hero-actions .text-action{flex-basis:100%;padding-top:0}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:11px;font-size:14px;font-weight:760;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--brand);color:#fff;box-shadow:0 12px 26px #5955d93b}.button-primary:hover{background:var(--brand-ink);box-shadow:0 16px 30px #5955d947}.button-secondary{border:1px solid var(--brand);background:#fff;color:var(--brand-ink)}.button-secondary:hover{background:var(--brand-soft)}.text-action{padding:12px 0;color:var(--brand-ink);font-size:13px;font-weight:740}.text-action:hover{text-decoration:underline;text-underline-offset:5px}.hero-facts{display:flex;flex-wrap:wrap;gap:10px 18px;margin:25px 0 0;padding:0;color:#6a6b7e;font-size:11px;list-style:none}.hero-facts li{display:inline-flex;align-items:center;gap:5px}.hero-facts svg{color:var(--brand)}.workflow{background:var(--surface);border-top:1px solid #ececf2}.compact-heading{max-width:580px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-block:1px solid var(--line);list-style:none}.steps li{position:relative;min-height:215px;padding:27px 34px 29px 0}.steps li+li{padding-left:34px;border-left:1px solid var(--line)}.steps li svg{color:var(--brand)}.step-number{position:absolute;top:28px;right:28px;color:#a4a5b4;font-size:10px;font-weight:800;letter-spacing:.1em}.steps h3{margin:39px 0 10px;font-size:20px;letter-spacing:-.025em}.steps p{max-width:260px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.capabilities{background:var(--canvas)}.capabilities .section-heading{max-width:650px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:255px;padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.feature-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:31px;border-radius:11px;background:var(--brand-soft);color:var(--brand)}.feature-label{color:#8b8c9d;font-size:10px;font-weight:800;letter-spacing:.1em}.feature-card h3{margin:11px 0 9px;font-size:20px;line-height:1.35;letter-spacing:-.025em;text-wrap:balance}.feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.cta{padding:20px 0 92px;background:var(--canvas)}.cta-card{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;padding:48px 52px;border-radius:20px;background:var(--dark);color:#fff}.cta-card h2{max-width:650px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.cta-card p{margin:13px 0 0;color:#aaa9ba;font-size:13px}.cta-actions{display:flex;gap:10px}.button-light{background:#fff;color:var(--ink)}.button-light:hover{box-shadow:0 13px 28px #00000038}.button-outline{border:1px solid #47455c;color:#fff;background:transparent}.button-outline:hover{background:#ffffff14}.contact-page{min-height:calc(100vh - 112px);padding:126px 0 72px;background:var(--surface)}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:80px;align-items:center}.contact-copy{min-width:0}.contact-copy h1{margin:0;font-size:clamp(40px,4.5vw,60px);line-height:1.2;letter-spacing:-.045em}.contact-lead{margin:24px 0 12px;font-size:23px;font-weight:650;letter-spacing:-.02em}.contact-description{margin:0;color:var(--muted);font-size:15px;line-height:1.9}.contact-wechat{margin-top:34px;padding-top:27px;border-top:1px solid var(--line)}.contact-label{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:13px;font-weight:650}.contact-label svg{color:var(--brand)}.contact-id{width:-moz-fit-content;width:fit-content;margin:7px 0 21px;font-size:38px;font-weight:750;letter-spacing:.02em;-webkit-user-select:all;-moz-user-select:all;user-select:all}.contact-wechat button{cursor:pointer}.contact-copy-status{min-height:40px;margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.contact-copy-status.is-error{color:#a53d36}.contact-note{max-width:390px;margin:23px 0 0;color:var(--muted);font-size:13px;line-height:1.8}.contact-qr{display:flex;flex-direction:column;align-items:center;margin:0;padding:29px 28px 28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 60px #17182c0d}.contact-qr figcaption{text-align:center}.contact-qr h2{margin:0;font-size:20px;font-weight:750}.contact-qr figcaption p{margin:8px 0 0;color:var(--muted);font-size:13px}.contact-qr img{display:block;width:min(100%,310px);height:auto;margin:14px 0;-o-object-fit:contain;object-fit:contain}.contact-qr .button{width:100%;max-width:310px}.tutorials-page{min-height:calc(100vh - 112px);padding:126px 0 80px;background:var(--surface)}.tutorials-heading{margin-bottom:35px}.tutorials-heading h1{margin:0;font-size:clamp(40px,4.5vw,56px);line-height:1.2;letter-spacing:-.045em}.tutorials-lead{margin:20px 0 12px;color:var(--muted);font-size:17px;line-height:1.8}.tutorials-meta{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.tutorials-meta span{margin:0 6px}.tutorials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none}.tutorials-grid li{min-width:0}.tutorial-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tutorial-card:hover{border-color:var(--brand);box-shadow:0 12px 28px #17182c12;transform:translateY(-3px)}.tutorial-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--line);background:var(--canvas)}.tutorial-thumbnail img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tutorial-play{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;padding-left:2px;border-radius:50%;background:var(--dark);color:#fff;box-shadow:0 2px 8px #00000029}.tutorial-card-content{display:flex;flex:1;flex-direction:column;padding:21px 22px 22px}.tutorial-number{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.08em}.tutorial-card h2{margin:9px 0 22px;font-size:18px;font-weight:750;line-height:1.6;letter-spacing:-.02em}.tutorial-watch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--brand-ink);font-size:13px;font-weight:650}.tutorial-image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:20px;color:var(--muted);text-align:center;font-size:13px}.tutorial-image-fallback svg{color:var(--brand)}.site-footer{padding:31px 0;border-top:1px solid var(--line);background:var(--surface)}.footer-row{display:flex;align-items:center;gap:28px}.footer-row p{margin:0;color:var(--muted);font-size:12px}.icp-link{margin-left:auto;color:#757688;font-size:11px}.icp-link:hover{color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px}.footer-row>span{color:#9697a7;font-size:10px}@media (max-width: 980px){.tutorials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-row{flex-wrap:wrap;gap:18px 24px}.contact-layout{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,360px)}.hero-layout{grid-template-columns:1fr;gap:48px}.hero-copy{max-width:740px;padding-bottom:0}.workflow-demo{width:min(740px,100%)}.cta-card{grid-template-columns:1fr}}@media (max-width: 900px){.desktop-nav,.desktop-download{display:none}.menu-button{display:inline-flex}.mobile-nav{display:block}.mobile-nav .container{display:grid;gap:2px;padding:10px 0 16px}.mobile-nav a:not(.download-link){min-height:44px;display:flex;align-items:center;padding:0 4px;color:#55576b;font-size:14px;font-weight:680}.mobile-nav .download-link{margin-top:6px}}@media (max-width: 720px){.tutorials-page{padding:112px 0 56px}.tutorials-heading h1{font-size:42px}.tutorials-lead{margin-top:18px;font-size:16px}.contact-page{padding:112px 0 56px}.contact-layout{max-width:500px;grid-template-columns:1fr;gap:32px}.contact-copy h1{font-size:42px}.contact-lead{margin-top:18px;font-size:21px}.contact-line-break{display:none}.contact-wechat{margin-top:25px;padding-top:21px}.contact-copy-status{min-height:0}.contact-note{margin-top:20px}.contact-qr{padding:25px 16px}.container{width:calc(100% - 32px)}.site-header>.container{width:calc(100% - 32px)}.section{padding:72px 0}.hero{padding:120px 0 70px}.hero-copy h1{font-size:clamp(44px,12vw,62px)}.hero-lead{font-size:16px}.steps,.feature-grid{grid-template-columns:1fr}.steps li{min-height:0;padding:25px 0}.steps li+li{padding-left:0;border-top:1px solid var(--line);border-left:0}.step-number{right:0;top:27px}.steps h3{margin-top:24px}.feature-card{min-height:0}.cta{padding-bottom:72px}.cta-card{padding:38px 30px}.cta-actions{align-items:stretch;flex-direction:column}.footer-row{align-items:flex-start;flex-wrap:wrap}.footer-row p{width:100%;order:3}.icp-link{margin-left:auto}}@media (max-width: 600px){.tutorials-grid{grid-template-columns:1fr;gap:22px}}@media (max-width: 480px){.container{width:calc(100% - 28px)}.site-header>.container{width:calc(100% - 28px)}.hero{padding-top:110px}.hero-copy h1{font-size:44px}.hero-actions{align-items:stretch;flex-direction:column;gap:8px}.hero-actions .button{width:100%}.text-action{text-align:center}.hero-facts{align-items:flex-start;flex-direction:column;gap:9px}.cta-card{padding:34px 22px}.cta-card h2{font-size:34px}.icp-link{width:100%;margin-left:0;order:4}.footer-row>span{order:5}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}