.zf-scope{--brand:#0091ff;--brand-strong:#0077d6;--brand-soft:#eef5ff;--ink:#1a1a1a;--ink-2:#333;--ink-3:#6b6b6b;--ink-4:#aaa;--surface:#fff;--bg:#f5f5f5;--line:#e0e0e0;--r-sm:6px;--r-md:16px;--r-pill:99px;--font-cn:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Helvetica Neue",sans-serif;--font-en:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.zf-scope,.zf-scope *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.zf-scope{overflow-x:clip;font-family:var(--font-cn);color:var(--ink-2);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;padding-top:72px;padding-bottom:200px}.zf-scope ::-moz-selection{background:var(--brand-soft);color:var(--brand-strong)}.zf-scope ::selection{background:var(--brand-soft);color:var(--brand-strong)}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,96%,.82);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 40px}.nav-brand,.top-nav{display:flex;align-items:center}.nav-brand{gap:9px;font-weight:800;color:var(--ink);font-size:14px;letter-spacing:-.01em}.nav-brand .dot{background:var(--brand)}.nav-brand .dot,.nav-brand .dot-o{width:7px;height:7px;border-radius:50%;display:inline-block}.nav-brand .dot-o{border:1.6px solid var(--ink-3)}.nav-tag{font-family:var(--font-en);font-size:12px;color:var(--ink-3);letter-spacing:.04em}.nav-right{font-size:11px;color:var(--ink-4);letter-spacing:.08em;font-weight:600;text-transform:uppercase}.wrap{max-width:1180px;margin:0 auto;padding:0 40px}.chapter{margin-bottom:124px}.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin:72px 0 14px;font-weight:600}.meta:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);display:inline-block}.proj-tag{display:inline-flex;align-items:center;gap:8px;margin:18px 0 26px}.proj-tag .pill{font-size:12px;font-weight:800;color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-pill);padding:4px 14px;letter-spacing:.03em}.proj-tag .desc{font-size:13px;color:var(--ink-3)}.mega-title{margin-bottom:44px}.mega-title h1,.mega-title h2{font-size:clamp(30px,5.2vw,52px);font-weight:900;letter-spacing:-.025em;line-height:1.12;color:var(--ink)}.sec-label{display:inline-flex;align-items:center;gap:8px;float:right;margin-top:10px;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:.04em}.sec-label .lbl-bar{width:3px;height:22px;background:var(--ink);border-radius:2px}.lede{font-size:15.5px;color:var(--ink-2);line-height:1.92;margin:30px 0 0;font-weight:400}.lede b{color:var(--ink);font-weight:600}.bg-note{font-size:12.5px;color:var(--ink-3);font-style:italic;line-height:1.7;max-width:720px;margin-top:18px}.sub-hd{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--ink);margin:52px 0 20px;letter-spacing:-.01em}.sub-hd:before{content:"";width:18px;height:3px;border-radius:2px;background:var(--brand);flex:none}.split{display:grid;grid-template-columns:1fr 360px;gap:64px;align-items:start;margin-top:44px}.split.rev{grid-template-columns:360px 1fr}.split.rev .split-txt{order:2}.split.rev .split-media{order:1}.split-media{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 0}.role-art{width:100%;display:flex;justify-content:center;margin-top:22px}.role-art img{width:100%;max-width:440px;height:auto;display:block}.demo-band{display:flex;flex-direction:column;align-items:center;margin-top:52px}.demo-band .hero-demo{flex-shrink:0}.demo-band .hero-hint,.wm{white-space:nowrap}.wm{position:absolute;right:-4px;bottom:8px;z-index:0;pointer-events:none;font-family:var(--font-en);font-weight:900;font-size:clamp(46px,7vw,72px);color:rgba(0,0,0,.03);letter-spacing:-.03em;line-height:.9}.pm{position:relative;z-index:1;width:100%;max-width:300px;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 20px rgba(0,0,0,.08),0 12px 48px rgba(0,0,0,.06)}.pm img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.pm-cap{text-align:center;font-size:12px;color:var(--ink-3);margin-top:14px;letter-spacing:.01em}.shot-row{display:flex;gap:22px;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:48px}.shot-row .pm{max-width:196px}.shot-row .pm-cap{margin-top:12px}.shot-cap{width:100%;text-align:center;font-size:12.5px;color:var(--ink-3);margin-top:22px;letter-spacing:.01em;line-height:1.6}.pm-pair{display:flex;gap:12px;align-items:flex-start}.pm-ba{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.ba-tag{font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 11px;border-radius:99px}.ba-before{color:var(--ink-2);background:var(--surface);border:1.5px solid var(--ink-2);font-weight:800}.ba-after{color:#fff;background:var(--ink)}.hero-demo{position:relative;z-index:1;width:320px;height:692px;border-radius:46px;overflow:hidden;background:#0b0d12;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 4px 20px rgba(0,0,0,.18),0 20px 60px rgba(0,0,0,.28);flex-shrink:0}.hero-demo iframe{width:390px;height:844px;border:none;display:block;transform:scale(.8205);transform-origin:top left}.hero-hint{text-align:center;margin-top:16px;width:100%}.hero-hint-inner{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);border:1px solid rgba(0,145,255,.18);border-radius:99px;padding:6px 16px;font-size:12px;color:var(--brand-strong);font-weight:600;letter-spacing:.02em;animation:hint-pulse 2.4s ease-in-out infinite;white-space:nowrap}.hero-hint-inner .dot-pulse{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 0 rgba(0,145,255,.45);animation:dot-ring 2s ease-out infinite;flex-shrink:0}@keyframes hint-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes dot-ring{0%{box-shadow:0 0 0 0 rgba(0,145,255,.55)}70%{box-shadow:0 0 0 7px rgba(0,145,255,0)}to{box-shadow:0 0 0 0 rgba(0,145,255,0)}}.role-block{margin-top:24px}.role-loop{width:100%;max-width:560px;margin:0 auto}.role-loop svg{width:100%;height:auto;display:block;overflow:visible}.role-loop svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.rl-curve{fill:none;stroke:#c8d0d8;stroke-width:1.4;stroke-dasharray:100;stroke-dashoffset:100;animation:rl-draw 1s ease-out forwards}.rl-curve.c2{animation-delay:.35s}.rl-curve.c3{animation-delay:.7s}.rl-title{fill:#1a1a1a;font-size:20px;font-weight:800;letter-spacing:-.02em}.rl-sub,.rl-title{text-anchor:middle}.rl-sub{fill:#9ca3af;font-size:10.5px;font-weight:700;letter-spacing:.14em}.rl-desc{fill:#6b7280;font-size:12px;text-anchor:middle;line-height:1.6}.rl-core-t1{fill:#0091ff;font-size:14px;font-weight:800;text-anchor:middle}.rl-core-t2{fill:#9ca3af;font-size:11.5px;font-weight:600;text-anchor:middle}@keyframes rl-draw{to{stroke-dashoffset:0}}.role-foot{margin-top:4px;padding:18px 22px;background:linear-gradient(180deg,var(--brand-soft),#fff);border:1px solid var(--line);border-radius:var(--r-md);font-size:13px;color:var(--ink-2);line-height:1.75}.role-foot b{color:var(--brand-strong);font-weight:700}.kr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px}.kr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:30px 32px}.kr-card h4{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:12px;letter-spacing:-.01em}.kr-card p{font-size:13px;color:var(--ink-3);line-height:1.78}.kr-card p b{color:var(--ink-2);font-weight:600}.kr-card .kr-metric{font-size:27px;font-weight:800;color:var(--brand-strong);letter-spacing:-.02em;line-height:1;margin:2px 0 4px}.kr-card .kr-metric small{font-size:13px;font-weight:700;color:var(--ink-3);margin-left:2px}.kr-card .kr-metric-label{font-size:11.5px;color:var(--ink-3);line-height:1.5;margin-bottom:12px}.kr-card .kr-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.kr-card .kr-tag{font-size:11px;font-weight:600;color:var(--brand-strong);background:var(--brand-soft);padding:3px 10px;border-radius:99px}.proof{display:flex;flex-direction:column;gap:96px;margin-top:8px}.proof-row{display:grid;grid-template-columns:1fr 320px;gap:68px;align-items:center}.proof-row.rev{grid-template-columns:320px 1fr}.proof-row.has-pair{grid-template-columns:1fr 620px}.proof-row.has-pair.rev{grid-template-columns:620px 1fr}.proof-row.rev .pr-txt{order:2}.proof-row.rev .pr-media{order:1}.pr-txt .pr-h{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.pr-idx{font-size:13px;font-weight:800;color:var(--brand-strong);border:1.5px solid var(--brand-strong);width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pr-txt h3{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.pr-tag{font-size:11px;font-weight:700;color:var(--brand-strong);background:var(--brand-soft);border:1px solid rgba(0,145,255,.15);padding:4px 11px;border-radius:99px}.pr-tag,.proof-row.rev .pr-tag{margin-left:8px}.pr-txt p{font-size:14px;color:var(--ink-3);line-height:1.82;margin-top:4px}.pr-txt p b{color:var(--ink-2);font-weight:600}.vf-compare{gap:40px;margin-top:56px;padding:0;background:none;border-radius:0;border:none}.vf-compare,.vf-side{display:flex;flex-direction:column}.vf-side{gap:8px}.vf-head{gap:7px;font-size:12px;font-weight:700;color:var(--ink)}.vf-head,.vf-head .vf-ico{display:flex;align-items:center}.vf-head .vf-ico{width:15px;height:15px;border-radius:50%;justify-content:center;flex-shrink:0;font-size:9px;line-height:1}.vf-before .vf-ico{background:#fef2f2;color:#dc2626}.vf-after .vf-ico{background:#ecfdf5;color:#059669}.vf-body{font-size:12px;color:var(--ink-2);line-height:1.8}.vf-body b{color:var(--ink);font-weight:600}.vf-list{margin:2px 0 0;padding-left:17px}.vf-list li{font-size:11.5px;color:var(--ink-2);line-height:1.85;margin-bottom:5px}.vf-highlight{margin-top:6px;padding:9px 13px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-radius:var(--r-sm)}.vf-highlight .vh-title{font-size:11.5px;font-weight:700;color:#047857;display:block;margin-bottom:2px}.vf-highlight .vh-desc{font-size:11px;color:var(--ink-3);line-height:1.6}.trade{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.sub-points{display:flex;flex-direction:column;gap:48px;margin-top:44px}.sub-point{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:center}.sub-point.rev{grid-template-columns:300px 1fr}.sub-point.rev .sp-txt{order:2}.sub-point.rev .sp-media{order:1}.sp-h{display:flex;align-items:baseline;gap:10px;margin-bottom:9px}.sp-no{font-size:12px;font-weight:800;color:var(--brand-strong);letter-spacing:.02em}.sp-h h4{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.sp-txt p{font-size:13.5px;color:var(--ink-3);line-height:1.78}.sp-txt p b{color:var(--ink-2);font-weight:600}.sp-why{margin:11px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}.sp-why li{font-size:12.5px;color:var(--ink-2);line-height:1.72;padding-left:15px;position:relative}.sp-why li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--brand)}.sp-why li b{color:var(--ink);font-weight:700}.sp-media{margin:0}.sp-media img{width:100%;border-radius:var(--r-md);display:block}.pr-shot{margin:0}.pr-shot img{width:100%;border-radius:var(--r-md);display:block}.pr-media .pm-cap{margin-top:12px;font-size:12px;color:var(--ink-3);text-align:center}.trade-h{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.trade-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:19px}.trade-list li{position:relative;padding-left:18px;font-size:13px;color:var(--ink-2);line-height:1.82}.trade-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0}.trade-list li b{color:var(--ink);font-weight:700}.flow{background:linear-gradient(135deg,#14161c,#222733);border-radius:28px;padding:76px 56px;text-align:center;color:#e2e8f0;margin-top:80px}.flow .ey-en{font-family:var(--font-en);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:600}.flow h3{font-size:clamp(22px,3.4vw,30px);font-weight:800;color:#fff;margin:10px 0;letter-spacing:-.02em}.flow>p{font-size:14.5px;color:#94a3b8;line-height:1.7;max-width:46em;margin:0 auto}.gif-pair{display:flex;gap:44px;justify-content:center;flex-wrap:wrap;margin-top:40px}.gif-phone{width:264px}.gif-phone img{width:100%;border-radius:38px;display:block;-o-object-fit:cover;object-fit:cover;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 12px 44px rgba(0,0,0,.5)}.gif-cap{margin-top:16px;font-size:13px;font-weight:700;color:#fff}.gif-sub{font-size:11.5px;color:#94a3b8;margin-top:4px;line-height:1.5}.flow-steps{display:flex;justify-content:center;gap:9px;margin-top:14px;flex-wrap:wrap}.flow-steps span{font-size:11px;color:#cbd5e1;background:hsla(0,0%,100%,.06);padding:5px 12px;border-radius:99px;border:1px solid hsla(0,0%,100%,.1)}.ds-tabs{display:flex;gap:4px;margin:18px 0 28px;border-bottom:2px solid var(--line)}.ds-tab{padding:10px 20px;font-size:13px;font-weight:700;color:var(--ink-3);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s ease}.ds-tab.active{color:var(--ink);border-bottom-color:var(--brand)}.ds-panel{display:none}.ds-panel.active{display:block}.ds-swatches{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}.sw{display:flex;flex-direction:column;align-items:center;gap:6px}.sw .sw-c{width:56px;height:56px;border-radius:14px;border:1px solid rgba(0,0,0,.08)}.sw .sw-n{font-size:11px;font-weight:700;color:var(--ink-2)}.sw .sw-v{font-size:10px;color:var(--ink-4);font-family:var(--font-en)}.ds-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:16px}.ds-table th{text-align:left;background:var(--brand-soft);font-weight:800;color:var(--ink)}.ds-table td,.ds-table th{padding:10px 14px;border-bottom:1px solid var(--line)}.ds-table td{color:var(--ink-3)}.ds-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 22px;margin-top:18px}.ds-note h5{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:6px}.ds-note p{font-size:13px;color:var(--ink-3);line-height:1.7}.comp-demo{display:flex;flex-direction:column;gap:20px;max-width:640px;margin-top:8px}.glass-wrap{background:linear-gradient(180deg,#dedfe2,#d3d6dd 40%,#c8ccd6);border-radius:20px;padding:20px}.glass{background:hsla(0,0%,100%,.64);border:1px solid hsla(0,0%,100%,.5);border-radius:16px;padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.glass .g-t{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.glass .g-t span:first-child{font-size:14px;font-weight:800;color:#1a1a1a}.glass .g-t span:last-child{font-size:11px;color:#6b6b6b;background:rgba(0,145,255,.1);padding:3px 10px;border-radius:99px;font-weight:700}.glass p{font-size:13px;color:#333;line-height:1.6}.tag-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.t-pill{font-size:12px;font-weight:700;color:var(--brand-strong);background:var(--brand-soft);border:1px solid rgba(0,145,255,.15);padding:7px 16px;border-radius:99px}.t-pill.mut{color:var(--ink-3);background:rgba(0,0,0,.04);border:1px solid var(--line)}.t-pill.warn{color:#b5651d;background:rgba(232,161,75,.12);border:1px solid rgba(232,161,75,.25)}.closing{background:linear-gradient(180deg,var(--brand-soft),#fff);border:1px solid var(--line);border-radius:var(--r-md);padding:52px 56px}.closing p{font-size:15px;color:var(--ink);line-height:1.92;font-weight:400;margin-bottom:20px;max-width:52em}.closing p:last-child{margin-bottom:0}.closing .sig{font-size:12.5px;color:var(--ink-3);line-height:1.7;margin-top:8px;font-style:italic}.foot{margin-top:72px;padding:28px 0 8px;border-top:1px solid var(--line);justify-content:space-between;flex-wrap:wrap;gap:16px}.foot,.foot-left{display:flex;align-items:center}.foot-left{font-size:12px;color:var(--ink-3);gap:8px}.foot-left .dot{width:5px;height:5px;border-radius:50%;background:var(--ink-3)}.foot-right{display:flex;gap:8px;flex-wrap:wrap}.foot-tag{font-size:11px;color:var(--ink-3);border:1px solid var(--line);border-radius:99px;padding:5px 13px}.gallery{background:linear-gradient(165deg,#e9eef4,#e0e6ee 45%,#e6ebf2 75%,#dde4ed);padding:92px 0 84px;overflow:hidden;margin-top:8px}.gallery-head{text-align:center;max-width:1100px;margin:0 auto 44px;padding:0 32px}.gallery-head h2{font-size:clamp(28px,4.4vw,46px);font-weight:900;letter-spacing:-.03em;color:var(--ink);line-height:1.12}.gallery-head p{font-size:14.5px;color:var(--ink-3);margin-top:12px}.g-stage{position:relative;width:100%;aspect-ratio:2.5/1;overflow:hidden;justify-content:center}.g-inner,.g-stage{display:flex;align-items:center}.g-inner{transform:rotate(-22deg);flex-direction:column;gap:14px;width:2600px;margin:0 auto}.g-row{display:flex;gap:11px;justify-content:center}.g-row--mid{transform:translateX(-90px)}.g-card{width:120px;border-radius:12px;overflow:hidden;background:#fff;transition:transform .35s cubic-bezier(.22,1,.36,1);flex-shrink:0}.g-card:hover{transform:scale(1.06) translateY(-4px);z-index:3}.g-card img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;pointer-events:none}@media(max-width:900px){.wrap{padding:0 22px}.top-nav{padding:12px 20px}.nav-tag{display:none}.split,.split.rev{grid-template-columns:1fr;gap:32px}.split.rev .split-media,.split.rev .split-txt{order:0}.proof-row,.proof-row.has-pair,.proof-row.has-pair.rev,.proof-row.rev{grid-template-columns:1fr;gap:24px}.proof-row.rev .pr-media,.proof-row.rev .pr-txt{order:0}.sub-point,.sub-point.rev{grid-template-columns:1fr;gap:18px}.sub-point.rev .sp-media,.sub-point.rev .sp-txt{order:0}.kr-grid{grid-template-columns:1fr}.role-item{padding:14px 0}.pm{max-width:280px}.vf-compare{grid-template-columns:1fr;gap:20px;padding:0}.g-stage{aspect-ratio:auto;height:900px}.g-inner{transform:rotate(-16deg);width:2000px;gap:9px}.g-card{width:92px;border-radius:10px}.g-row--mid{transform:none}.hero-demo{width:300px;height:649px}.hero-demo iframe{transform:scale(.769)}.flow{padding:36px 20px}.gif-pair{gap:28px}}@media(max-width:480px){.zf-scope{overflow-x:clip}.dc-goals{grid-template-columns:1fr}}