:root{--bg:#fff;--bg-2:#f6f6f7;--bg-3:#f0f0f1;--ink:#000;--ink-2:#0b0b0c;--ink-soft:#3a3a3d;--muted:#8a8a8f;--line:#ececee;--line-2:#dcdcdf;--paper:#fff;--blue:#2e63ff;--green:#12b76a;--coral:#ff5a3c;--max:1180px;--pad:clamp(22px, 4.5vw, 48px);--sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Inter Tight", "Inter", "Noto Sans SC", -apple-system, sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;--grotesk:var(--mono);--ease:cubic-bezier(.32, .72, 0, 1);--ease-soft:cubic-bezier(.4, .14, .3, 1);--sh-sm:0 1px 2px #0000000a, 0 2px 8px #0000000d;--sh-md:0 2px 6px #0000000f, 0 12px 32px -10px #00000024;--sh-lg:0 4px 12px #00000012, 0 40px 90px -28px #0000003d;--glass-tint:#ffffff8c;--glass-tint-strong:#ffffffb8;--glass-tint-dark:#10121b80;--glass-border:#fff9;--glass-border-soft:#fff6;--glass-blur:saturate(180%) blur(20px);--glass-blur-lg:saturate(190%) blur(34px);--glass-hi:inset 0 1px 0 #ffffffb3, inset 0 -1px 0 #ffffff2e;--sh-glass:0 1px 1px #0000000a, 0 10px 30px -12px #2e63ff2e, 0 24px 60px -30px #12b76a24}body:before{content:"";z-index:-2;pointer-events:none;filter:saturate(120%);background:radial-gradient(46vw 46vw at 12% -4%,#2e63ff29,#0000 60%),radial-gradient(42vw 42vw at 92% 6%,#12b76a24,#0000 62%),radial-gradient(50vw 50vw at 50% 108%,#ff5a3c14,#0000 60%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff9e 0%,#ffffffc7 40%,#ffffffb3 100%);position:fixed;inset:0}section{background:0 0}.glass{background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-soft);box-shadow:var(--sh-glass), var(--glass-hi)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility}body{font-family:var(--sans);color:var(--ink);background:var(--bg);font-feature-settings:"cv05" 1, "cv08" 1, "ss03" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17.5px;line-height:1.68}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.034em;font-feature-settings:"cv05" 1, "ss03" 1;font-weight:600;line-height:1.04}::selection{background:var(--ink);color:#fff}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--max);padding:0 var(--pad);margin:0 auto}section{padding:clamp(96px,12vw,168px) 0;position:relative}.grotesk{font-family:var(--mono);font-feature-settings:normal;font-weight:500}.btn{letter-spacing:-.01em;transition:transform .4s var(--ease), background .35s var(--ease), box-shadow .4s var(--ease), border-color .35s var(--ease), color .35s var(--ease);cursor:pointer;font-size:15px;font-weight:500;font-family:var(--sans);will-change:transform;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:980px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;display:inline-flex;position:relative}.btn:active{transform:scale(.96)}.btn-fill{background:var(--ink);color:#fff;box-shadow:0 2px 10px #00000038}.btn-fill:hover{background:#1a1a1d;transform:translateY(-2px)scale(1.015);box-shadow:0 12px 30px -8px #0006}.btn-fill:active{transform:scale(.97)}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 2px 8px #0000002e}.btn-dark:hover{background:#1a1a1d;transform:translateY(-2px)scale(1.015)}.btn-ghost{background:var(--glass-tint);color:var(--ink);border-color:var(--glass-border-soft);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi)}.btn-ghost:hover{background:var(--glass-tint-strong);box-shadow:var(--sh-glass), var(--glass-hi);border-color:#2e63ff80;transform:translateY(-2px)scale(1.015)}.btn-line{color:#fff;background:0 0;border-color:#ffffff47}.btn-line:hover{background:#ffffff14;border-color:#fff;transform:translateY(-2px)scale(1.015)}.btn-lg{padding:16px 34px;font-size:16px}.btn-brand{isolation:isolate;color:#fff;letter-spacing:.01em;transition:transform .42s var(--ease), box-shadow .42s var(--ease), color .32s ease;background:linear-gradient(145deg,#17191a 0%,#080909 72%);border:0;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 8px 24px -10px #0009}.btn-brand:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--green), var(--blue));clip-path:circle(0% at 88%);transition:clip-path .62s var(--ease), background-position .8s var(--ease);pointer-events:none;z-index:0;background-size:200% 100%;position:absolute;inset:-2px}.btn-brand:after{content:none}.btn-brand>span{z-index:2;position:relative}.btn-brand:hover{background:linear-gradient(90deg, var(--blue), var(--green), var(--blue));color:#fff;background-size:200% 100%;border:0;outline:0;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 16px 36px -12px #1a7abe8c}.btn-brand:hover:before{clip-path:circle(180% at 88%);background-position:100% 0}.btn-brand:active{transform:translateY(0)scale(.98)}.imgslot{border:1px solid var(--line);width:100%;min-height:150px;color:var(--muted);text-align:center;background:linear-gradient(160deg,#fafafb,#eeeef0) 50%/cover;border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.imgslot.has-img{border-color:var(--line-2)}.imgslot .ph{pointer-events:none;font-size:13px;line-height:1.6;font-family:var(--grotesk);padding:22px}.imgslot.has-img .ph{display:none}.imgslot .upbtn{z-index:5;color:#fff;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border:none;border-radius:980px;padding:6px 14px;display:none;position:absolute;top:10px;right:10px}.editing .imgslot .upbtn{display:inline-block}.imgslot .upbtn:hover{background:var(--blue)}.r-16-9,.r-16-10,.r-4-3,.r-3-2{aspect-ratio:16/9}.r-1-1{aspect-ratio:1}#editbar{z-index:600;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;border-radius:980px;align-items:center;gap:8px;padding:8px 10px 8px 18px;font-size:13px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 44px #0000004d}#editbar .hint{color:#9a9a9f;font-family:var(--grotesk);margin-right:4px;font-size:12px}#editbar button{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);transition:.3s var(--ease);border:none;border-radius:980px;padding:9px 18px}#toggleEdit{color:var(--ink);background:#fff}#toggleEdit:hover{transform:scale(1.04)}#saveBtn{background:var(--green);color:#03200f;display:none}.sec{position:relative}.vdivide{z-index:5;background:#2e63ff;width:100%;height:clamp(16px,2vw,30px);position:relative;overflow:hidden}.vdivide:before{content:"";background:linear-gradient(90deg,#2e63ff 0%,#3b82f6 28%,#10b981 70%,#12b76a 100%);position:absolute;inset:0}.vdivide:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff8c 0 1px,#0000 1px 7px);position:absolute;inset:0}.sec-tools{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000eb;border-radius:14px;gap:6px;padding:6px;display:none;position:absolute;top:14px;right:14px;box-shadow:0 6px 24px #00000042}.editing .sec-tools{display:flex}.sec-tools button{color:#fff;cursor:pointer;width:31px;height:31px;font-size:14px;font-family:var(--sans);background:#222;border:none;border-radius:9px;place-items:center;transition:all .2s;display:grid}.sec-tools button:hover{background:var(--blue)}.sec-tools .del:hover{background:#e0263c}.editing [contenteditable=true]{outline-offset:3px;border-radius:5px;outline:1px dashed #00000059}.editing [contenteditable=true]:focus{outline:1.5px solid var(--ink);background:var(--bg-2)}.rm{position:relative}.rm .rm-x{z-index:60;background:var(--ink);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;display:none;position:absolute;top:-9px;right:-9px}.editing .rm .rm-x{display:flex}.rm .rm-x:hover{background:#e0263c}.nav{z-index:300;-webkit-backdrop-filter:var(--glass-blur);transition:.4s var(--ease);background:#ffffff8c;border-bottom:1px solid #0000;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--glass-border-soft);background:#ffffff9e;box-shadow:0 8px 30px -18px #2e63ff40}.nav-in{max-width:var(--max);padding:0 var(--pad);justify-content:space-between;align-items:center;height:68px;margin:0 auto;display:flex}.logo{letter-spacing:-.025em;font-size:17px;font-weight:600;font-family:var(--display);align-items:center;gap:10px;display:flex}.logo .mark{width:24px;height:24px;transition:.5s var(--ease);background:linear-gradient(135deg,#2e63ff 0%,#12b76a 100%);border-radius:8px;position:relative;overflow:hidden}.logo .mark:before{content:"";background:conic-gradient(from 0deg, var(--blue), var(--green), var(--coral), var(--blue));opacity:0;transition:.5s var(--ease);position:absolute;inset:0}.logo .mark:after{content:"";width:12px;height:12px;transition:.5s var(--ease);z-index:2;border:2px solid #fff;border-radius:4px;position:absolute;top:6px;left:6px}.logo:hover .mark{transform:rotate(-8deg)scale(1.05)}.logo:hover .mark:before{opacity:1}.logo:hover .mark:after{transform:rotate(12deg)}.nav-links{letter-spacing:-.005em;color:var(--ink-soft);gap:30px;font-size:14.5px;font-weight:450;display:flex}.nav-links a{transition:color .3s var(--ease);padding:4px 0;position:relative}.nav-links a:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .35s var(--ease);border-radius:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform:scaleX(1)}.nav-right{align-items:center;gap:18px;display:flex}.nav-right .login{color:var(--ink-soft);font-size:14.5px;font-weight:450;transition:all .3s}.nav-right .login:hover{color:var(--ink)}.nav-right .btn{padding:10px 22px;font-size:14px}@media (width<=880px){.nav-links{display:none}}.hero{text-align:left;padding:clamp(64px,9vw,120px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}.hero-top{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}@media (width<=880px){.hero-top{grid-template-columns:1fr;gap:40px}}.hero-copy{text-align:left}.hero-rail{flex-direction:column;gap:14px;display:flex}.hero-rail .rail-kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:12px}.hero-stat{border:1px solid var(--glass-border-soft);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);transition:.4s var(--ease);border-radius:20px;padding:22px 24px}.hero-stat:hover{box-shadow:var(--sh-glass), var(--glass-hi);border-color:#12b76a66;transform:translateY(-3px)}.hero-stat .hs-n{font-family:var(--display);letter-spacing:-.04em;color:var(--green);font-size:clamp(48px,5.4vw,68px);font-weight:700;line-height:.95}.hero-stat .hs-n .u{color:var(--muted);margin-left:4px;font-size:.36em;font-weight:600}.hero-stat .hs-l{color:var(--ink-soft);letter-spacing:-.01em;margin-top:6px;font-size:14.5px}.hero-bg{z-index:0;pointer-events:none;filter:blur(64px)saturate(120%);opacity:.42;position:absolute;inset:-20%}.hero-bg span{mix-blend-mode:multiply;will-change:transform;border-radius:50%;position:absolute}.hero-bg .b1{background:radial-gradient(circle at 30% 30%, var(--blue), transparent 70%);width:46vw;height:46vw;animation:drift1 16s var(--ease-soft) infinite alternate;top:2%;left:8%}.hero-bg .b2{background:radial-gradient(circle at 60% 40%, var(--green), transparent 70%);width:42vw;height:42vw;animation:drift2 19s var(--ease-soft) infinite alternate;top:0%;right:6%}.hero-bg .b3{background:radial-gradient(circle at 50% 50%, var(--blue), transparent 70%);width:40vw;height:40vw;animation:drift3 22s var(--ease-soft) infinite alternate;top:20%;left:26%}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(8%,12%)scale(1.15)}}@keyframes drift2{0%{transform:translate(0)scale(1.05)}to{transform:translate(-10%,10%)scale(.92)}}@keyframes drift3{0%{transform:translate(0)scale(1)}to{transform:translate(10%,-8%)scale(1.2)}}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(80% 70% at 50% 36%,#0000 30%,#ffffff8c 70%,#fff);position:absolute;inset:0}.hero-in{z-index:2;position:relative}.badge{border:1px solid var(--glass-border-soft);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);letter-spacing:-.005em;color:var(--ink-soft);box-shadow:var(--sh-glass), var(--glass-hi);transition:.4s var(--ease);border-radius:980px;align-items:center;gap:9px;margin-bottom:30px;padding:6px 16px 6px 7px;font-size:13.5px;font-weight:450;display:inline-flex}.badge:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.badge .tag{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:980px;padding:4px 11px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(46px,7vw,92px);font-weight:600;line-height:.98}.hero h1 .o{background:linear-gradient(90deg, var(--blue), var(--green), var(--blue));-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:9s linear infinite hueshift;display:inline-block;position:relative}@keyframes hueshift{0%{background-position:0%}to{background-position:200%}}.hero .lede{color:var(--ink-soft);letter-spacing:-.012em;max-width:40ch;margin:24px 0 0;font-size:clamp(18px,1.7vw,22px);font-weight:450;line-height:1.55}.hero .lede b{color:var(--ink);font-weight:600}.hero-cta{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:32px;display:flex}.hero-shot{margin-top:clamp(40px,5vw,64px);position:relative}.hero-shot .frame{border:1px solid var(--glass-border-soft);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--sh-glass), var(--glass-hi);transition:transform .6s var(--ease);border-radius:20px 20px 0 0;overflow:hidden}.hero-shot .frame .clip{max-height:48vh;position:relative;overflow:hidden}.hero-shot .frame .clip:has(.ux-demo){max-height:none;overflow:visible}.hero-shot .frame .clip:has(.ux-demo):after{display:none}.hero-shot .frame .clip:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ffffffd9 78%,#fff);height:38%;position:absolute;bottom:0;left:0;right:0}.hero-shot:hover .frame{transform:translateY(-4px)}.hero-shot .topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border-soft);background:#fff6;align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.hero-shot .topbar i{background:#00000024;border-radius:50%;width:11px;height:11px}.hero-shot .topbar .url{font-family:var(--grotesk);color:var(--muted);margin-left:16px;font-size:12px}.hero-shot .clip{cursor:default}.hero-shot .ux-demo{-webkit-user-select:none;user-select:none;background:#f4f5f7;width:100%;line-height:0;position:relative;overflow:hidden;container:ux-demo/inline-size}.hero-shot .ux-demo-img{pointer-events:none;opacity:1;width:100%;height:auto;transition:opacity .28s;display:block}.hero-shot .ux-demo-img.is-fading{opacity:0}.hero-shot .ux-demo-hotspot{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;position:relative}.hero-shot .ux-demo-hotspot:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #2e63ff8c}.hero-shot .ux-demo-marker{z-index:4;cursor:pointer;opacity:1;align-items:center;gap:0;transition:opacity .28s;display:flex;position:absolute;transform:translate(-50%,-50%)}.hero-shot .ux-demo-marker.is-hidden{opacity:0;pointer-events:none}.hero-shot .ux-demo-marker.tip-top{flex-direction:column-reverse;align-items:center}.hero-shot .ux-demo-marker.tip-left{flex-direction:row-reverse;align-items:center}.hero-shot .ux-demo-marker.tip-right{flex-direction:row;align-items:center}.hero-shot .ux-demo-tip{color:#f8f9fc;min-width:10em;max-width:min(280px,42cqw);font-family:var(--sans);letter-spacing:.01em;pointer-events:none;white-space:normal;word-break:break-word;background:#484c58e0;border-radius:10px;padding:8px 12px;font-size:clamp(11px,1.05vw,13px);font-weight:500;line-height:1.5;display:block;box-shadow:0 6px 20px -6px #00000038}.hero-shot .ux-demo-marker.tip-top .ux-demo-tip{text-align:center;margin-bottom:10px}.hero-shot .ux-demo-marker.tip-left .ux-demo-tip{text-align:left;margin-right:10px}.hero-shot .ux-demo-marker.tip-right .ux-demo-tip{text-align:left;margin-left:10px}.hero-shot .ux-demo-dot{background:#2e63ff;border-radius:50%;width:14px;height:14px;animation:1.5s ease-in-out infinite uxDotPulse;position:relative;box-shadow:0 0 0 6px #2e63ff2e}.hero-shot .ux-demo-dot:after{content:"";border:2px solid #2e63ff6b;border-radius:50%;animation:1.5s ease-in-out infinite uxRingPulse;position:absolute;inset:-10px}@keyframes uxDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.45)}}@keyframes uxRingPulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:.95;transform:scale(1.2)}}.hero-shot .ux-demo-marker.is-btn{transform:translate(-50%,-50%)}.hero-shot .ux-demo-marker.is-btn .ux-demo-tip,.hero-shot .ux-demo-marker.is-btn .ux-demo-dot{display:none}.hero-shot .ux-demo-glow-btn{z-index:2;color:#fff;font-family:var(--sans);letter-spacing:.02em;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:linear-gradient(#3d73ff 0%,#2e63ff 100%);border:none;border-radius:980px;padding:11px 30px;font-size:clamp(13px,1.15vw,15px);font-weight:600;animation:2.2s ease-in-out infinite uxBtnGlow;display:none;position:relative}.hero-shot .ux-demo-marker.is-btn .ux-demo-glow-btn{display:inline-block}.hero-shot .ux-demo-marker.is-btn .ux-demo-hotspot{width:auto;height:auto}@media (width<=720px){.hero-shot .ux-demo-tip{word-break:normal;overflow-wrap:break-word;flex:none;width:clamp(140px,48vw,180px);min-width:140px;max-width:180px;padding:7px 10px;font-size:12px;line-height:1.45}.hero-shot .ux-demo-glow-btn{padding:9px 20px;font-size:13px}.hero-shot .ux-demo-marker.tip-left .ux-demo-tip{width:clamp(150px,50vw,180px);min-width:150px;max-width:180px}.hero-shot .ux-demo-marker.tip-right{transform:translate(calc(-50% - 10cqw),-50%)}.hero-shot .ux-demo-marker.tip-left{transform:translate(calc(10cqw - 50%),-50%)}}@keyframes uxBtnGlow{0%,to{transform:scale(1);box-shadow:0 0 #2e63ff73,0 0 18px #2e63ff8c,0 0 36px #2e63ff47}50%{transform:scale(1.03);box-shadow:0 0 0 6px #2e63ff2e,0 0 28px #2e63ffbf,0 0 56px #2e63ff6b}}.hero-shot .ux-demo-nav{z-index:5;pointer-events:none;position:absolute;inset:0}.hero-shot .ux-demo-arrow{pointer-events:auto;-webkit-backdrop-filter:blur(10px);width:clamp(32px,3.2vw,40px);height:clamp(32px,3.2vw,40px);color:var(--ink-soft);cursor:pointer;transition:transform .25s var(--ease), background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease);-webkit-tap-highlight-color:transparent;background:#ffffffe0;border:1px solid #ffffffa6;border-radius:50%;place-items:center;padding:0 0 2px;font-size:clamp(18px,2vw,22px);line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px -4px #0000002e}.hero-shot .ux-demo-arrow--prev{left:clamp(8px,1.2vw,14px)}.hero-shot .ux-demo-arrow--next{right:clamp(8px,1.2vw,14px)}.hero-shot .ux-demo-arrow:hover{color:var(--ink);background:#fff;transform:translateY(-50%)scale(1.06);box-shadow:0 8px 22px -6px #00000038}.hero-shot .ux-demo-arrow:active{transform:translateY(-50%)scale(.96)}.hero-shot .ux-demo-arrow:focus-visible{outline-offset:2px;outline:2px solid #2e63ff8c}.hero-shot .ux-demo-ctrl{border-top:1px solid var(--line);background:#f8f9fb;align-items:center;gap:clamp(10px,1.4vw,14px);padding:clamp(9px,1.1vw,12px) clamp(12px,1.6vw,16px);display:flex}.hero-shot .ux-demo-steps{flex:1;gap:5px;min-width:0;display:flex}.hero-shot .ux-demo-step{cursor:default;min-width:4px;height:6px;transition:background .3s var(--ease), box-shadow .3s var(--ease);-webkit-tap-highlight-color:transparent;background:#00000014;border:none;border-radius:980px;flex:1;margin:0;padding:0}.hero-shot .ux-demo-step.is-reachable:not(:disabled){cursor:pointer}.hero-shot .ux-demo-step.is-reachable:not(:disabled):hover{background:#00000029}.hero-shot .ux-demo-step.is-done{background:linear-gradient(90deg, var(--blue), var(--green))}.hero-shot .ux-demo-step.is-active{background:linear-gradient(90deg, var(--blue), var(--green));box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 20%, transparent)}.hero-shot .ux-demo-step:disabled{cursor:default}.hero-shot .ux-demo-step:focus-visible{outline-offset:2px;outline:2px solid #2e63ff73}.hero-shot .ux-demo-count{letter-spacing:.06em;color:var(--muted);white-space:nowrap;flex:none;font-size:11.5px}.hero-shot .imgslot{aspect-ratio:16/9;border:none;border-radius:0;min-height:0}.hero-demo{background:var(--glass-tint-strong);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border-soft);box-shadow:var(--sh-glass), var(--glass-hi);text-align:left;border-radius:24px;margin-top:clamp(28px,3.4vw,44px);padding:clamp(18px,2.2vw,26px);position:relative;overflow:hidden}.hero-demo:before{content:"";z-index:0;filter:blur(50px);pointer-events:none;background:conic-gradient(#2e63ff1a,#12b76a14,#ff5a3c0f,#2e63ff1a);animation:28s linear infinite ctaspin;position:absolute;inset:-40%}.hero-demo>*{z-index:1;position:relative}.hero-demo{transform:scale(calc(1 + var(--z,0) * .12)) translateY(calc(var(--z,0) * -6px));transform-origin:top;z-index:40;transition:transform .12s linear}.hero-demo.zooming{box-shadow:0 30px 90px -30px #00000073, var(--sh-glass), var(--glass-hi)}#heroScrim{z-index:30;pointer-events:none;opacity:0;background:#05070d;transition:opacity .12s linear;position:fixed;inset:0}.hd-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.hd-lbl{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:9px;font-size:11.5px;display:inline-flex}.hd-count{font-family:var(--mono);color:var(--muted);font-size:11.5px}.hd-count b{color:var(--ink)}.hd-screen{border:1px solid var(--line);box-shadow:var(--sh-sm);background:#fff;border-radius:16px;min-height:150px;position:relative;overflow:hidden}.hd-scene{animation:hdIn .4s var(--ease);padding:16px 18px;display:none}.hd-scene.on{display:block}@keyframes hdIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hd-scene .sc-h{align-items:center;gap:9px;margin-bottom:12px;display:flex}.hd-scene .sc-ic{color:#fff;background:var(--sc,var(--blue));border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.hd-scene .sc-t{font-family:var(--display);letter-spacing:-.01em;font-size:15px;font-weight:600}.hd-scene .sc-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--sc,var(--blue));border-radius:980px;margin-left:auto;padding:2px 9px;font-size:10px}.hd-rows{flex-direction:column;gap:7px;display:flex}.hd-row{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.hd-row .rk{font-family:var(--mono);color:var(--muted);flex:none;width:64px;font-size:11px}.hd-row .rb{background:var(--bg-3);border-radius:980px;flex:1;height:9px;overflow:hidden}.hd-row .rb i{background:linear-gradient(90deg, var(--sc,var(--blue)), color-mix(in srgb, var(--sc,var(--blue)) 55%, #fff));border-radius:980px;height:100%;display:block}.hd-row .rv{font-family:var(--mono);color:var(--ink);flex:none;font-size:12px}.hd-pills{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.hd-pill{font-family:var(--mono);color:var(--ink-soft);background:var(--bg-2);border:1px solid var(--line);border-radius:980px;padding:4px 10px;font-size:11px}.hd-pill.ok{color:#0a7a45;background:#12b76a1a;border-color:#12b76a40}.hd-ctrl{align-items:center;gap:14px;margin-top:14px;display:flex}.hd-steps{flex:1;gap:7px;display:flex}.hd-step{cursor:pointer;height:7px;transition:.3s var(--ease);background:#00000014;border-radius:980px;flex:1}.hd-step:hover{background:#00000029}.hd-step.done{background:linear-gradient(90deg, var(--blue), var(--green))}.hd-step.active{background:linear-gradient(90deg, var(--blue), var(--green));box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 20%, transparent)}.hd-dial{cursor:pointer;background:var(--ink);color:#fff;width:60px;height:60px;font-family:var(--sans);letter-spacing:-.01em;transition:transform .3s var(--ease), background .3s var(--ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative;box-shadow:0 8px 22px -8px #00000080}.hd-dial:before{content:"";transition:.3s var(--ease);border:2px solid #2e63ff40;border-radius:50%;position:absolute;inset:-5px}.hd-dial:after{content:"";background:conic-gradient(var(--blue) calc(var(--p,0) * 1%), transparent 0);transition:.4s var(--ease);border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.hd-dial:hover{background:#1a1a1d;transform:scale(1.06)}.hd-dial:active{transform:scale(.95)}.hd-dial .da{font-size:18px;line-height:1}.demo-cta{justify-content:center;margin-top:clamp(28px,3.4vw,44px);display:flex}.btn-demo{background:var(--ink);color:#fff;border-color:#0000;gap:10px;box-shadow:0 6px 20px -6px #0006}.btn-demo:hover{background:#1a1a1d;transform:translateY(-2px)scale(1.015);box-shadow:0 16px 38px -10px #00000073}.btn-demo .dm-ic{background:#ffffff29;border-radius:50%;place-items:center;width:22px;height:22px;padding-left:1px;font-size:10px;line-height:1;display:inline-grid}.demo-modal{z-index:700;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:none;position:fixed;inset:0}.demo-modal.open{display:flex}.demo-backdrop{-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .35s var(--ease);background:#05070d9e;position:absolute;inset:0}.demo-modal.open .demo-backdrop{opacity:1}.demo-dialog{z-index:1;opacity:0;width:min(1040px,94vw);transition:transform .4s var(--ease), opacity .4s var(--ease);position:relative;transform:scale(.94)translateY(10px)}.demo-modal.open .demo-dialog{opacity:1;transform:none}.demo-close{z-index:3;width:40px;height:40px;color:var(--ink);cursor:pointer;transition:.25s var(--ease);background:#fff;border:none;border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;top:-14px;right:-14px;box-shadow:0 8px 24px #0000004d}.demo-close:hover{background:var(--ink);color:#fff;transform:scale(1.08)}@media (width<=560px){.demo-close{width:36px;height:36px;top:-10px;right:-6px}}.demo-stage{border:1px solid var(--glass-border-soft);background:#0c0e15;border-radius:22px;overflow:hidden;box-shadow:0 40px 110px -30px #000000b3}.demo-canvas{aspect-ratio:16/9;background:radial-gradient(120% 120% at 50% 0,#16192400,#0c0e15),linear-gradient(160deg,#11141d,#0a0c12);place-items:center;width:100%;display:grid;position:relative}.demo-ph{color:#ffffffb3;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.demo-ph-ic{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:60px;height:60px;padding-left:3px;font-size:20px;display:grid}.demo-ph-t{font-family:var(--display);letter-spacing:-.02em;color:#fff;font-size:20px;font-weight:600}.demo-ph-d{font-family:var(--mono);letter-spacing:.06em;color:#ffffff73;font-size:12px}.ux-modal{z-index:720;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:none;position:fixed;inset:0}.ux-modal.open{display:flex}.ux-backdrop{-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .35s var(--ease);background:#05070d9e;position:absolute;inset:0}.ux-modal.open .ux-backdrop{opacity:1}.ux-card{z-index:1;background:var(--paper);border:1px solid var(--glass-border-soft);opacity:0;width:min(460px,94vw);transition:transform .4s var(--ease), opacity .4s var(--ease);border-radius:24px;padding:clamp(28px,4vw,40px);position:relative;transform:scale(.94)translateY(10px);box-shadow:0 40px 110px -30px #0000008c}.ux-modal.open .ux-card{opacity:1;transform:none}.ux-close{background:var(--bg-2);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;transition:.25s var(--ease);border:none;border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:14px;right:14px}.ux-close:hover{background:var(--ink);color:#fff;transform:scale(1.06)}.ux-card h3{font-family:var(--display);letter-spacing:-.03em;margin-bottom:6px;font-size:24px;font-weight:600}.ux-card .ux-sub{color:var(--muted);margin-bottom:22px;font-size:14.5px;line-height:1.5}.ux-field{margin-bottom:14px}.ux-field label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.ux-field input,.ux-field select{width:100%;font-family:var(--sans);color:var(--ink);background:var(--bg-2);border:1px solid var(--line-2);transition:.25s var(--ease);appearance:none;border-radius:11px;outline:none;padding:12px 14px;font-size:15px}.ux-field input:focus,.ux-field select:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2e63ff1f}.ux-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a8a8f' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.ux-submit{background:var(--ink);color:#fff;width:100%;font-size:15px;font-weight:600;font-family:var(--sans);cursor:pointer;transition:.3s var(--ease);border:none;border-radius:980px;margin-top:8px;padding:14px}.ux-submit:hover{background:#1a1a1d;transform:translateY(-2px);box-shadow:0 12px 30px -8px #0006}.ux-done{text-align:center;padding:10px 0}.ux-done .ux-tick{background:#12b76a1f;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid}.ux-done .ux-tick svg{width:28px;height:28px}.ux-done p{color:var(--ink-soft);font-size:14.5px;line-height:1.55}.contact-card{text-align:center}.contact-person{justify-content:center;align-items:center;gap:14px;margin-bottom:22px;display:flex}.contact-avatar{color:#fff;width:60px;height:60px;font-family:var(--display);background:linear-gradient(150deg,#2e63ff,#12b76a);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.contact-meta{text-align:left}.contact-meta .cn{font-family:var(--display);letter-spacing:-.02em;font-size:17px;font-weight:600}.contact-meta .cr{color:var(--muted);margin-top:2px;font-size:13px}.contact-meta .cp{font-family:var(--mono);color:var(--ink-soft);margin-top:4px;font-size:13px}.qr-box{border:1px solid var(--line-2);width:200px;height:200px;box-shadow:var(--sh-sm);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;background:#fff;border-radius:16px;place-items:center;margin:0 auto;padding:12px;display:grid;overflow:hidden}.qr-box .qr-img{object-fit:contain;pointer-events:auto;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;width:100%;height:100%;display:block}.qr-box svg{width:100%;height:100%;display:block}.qr-box.imgslot{background-position:50%;background-size:cover;min-height:0;overflow:hidden}.qr-box.imgslot .ph{pointer-events:none;place-items:center;width:100%;height:100%;padding:0;display:grid}.qr-box.imgslot.has-img{padding:0}.imgslot.has-img[data-img=contact-avatar]{background-image:url(/assets/avatars/wangweidong.jpg)}.contact-avatar.imgslot{background:linear-gradient(150deg,#2e63ff,#12b76a) 50%/cover;border:none;min-height:0;overflow:hidden}.contact-avatar.imgslot.has-img{background-color:#0000}.contact-avatar.imgslot .ph{width:100%;height:100%;font-family:var(--display);color:#fff;pointer-events:none;place-items:center;padding:0;font-size:22px;font-weight:700;display:grid}.qr-box.imgslot .upbtn,.contact-avatar.imgslot .upbtn{padding:4px 10px;font-size:11px}.qr-cap{color:var(--muted);margin-top:14px;font-size:13px}.marquee-sec{border-top:1px solid var(--glass-border-soft);border-bottom:1px solid var(--glass-border-soft);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff59;padding:56px 0!important}.marquee-lbl{text-align:center;font-family:var(--grotesk);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px;font-size:12.5px}.marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.marquee-track{gap:20px;width:max-content;animation:34s linear infinite scroll-x;display:flex}.editing .marquee-track,.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.mlogo{border:1px solid var(--glass-border-soft);background:var(--glass-tint);min-width:168px;height:54px;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);transition:.4s var(--ease);filter:grayscale(.35);opacity:.85;border-radius:14px;flex:none;place-items:center;padding:0 24px;display:grid}.mlogo svg{width:auto;height:30px;display:block}.mlogo:hover{border-color:var(--ink);filter:grayscale(0);opacity:1;transform:translateY(-2px)}.kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:1px solid var(--glass-border-soft);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);border-radius:980px;margin-bottom:22px;padding:5px 12px;font-size:12.5px;display:inline-block}.h2{letter-spacing:-.045em;font-size:clamp(38px,5.4vw,64px);line-height:1.02}.lead{color:var(--ink-soft);max-width:50ch;margin-top:18px;font-size:clamp(16px,1.5vw,19px);line-height:1.55}.sticker{background:var(--ink);color:#fff;font-family:var(--display);letter-spacing:-.02em;cursor:pointer;transition:.4s var(--ease);box-shadow:var(--sh-md);border-radius:16px;align-items:center;gap:12px;margin:34px 0 8px;padding:14px 26px;font-size:clamp(18px,2.2vw,26px);font-weight:600;display:inline-flex;position:relative}.sticker:hover{transform:translateY(-3px)rotate(-1deg)}.sticker .sw{transition:.4s var(--ease)}.sticker .sw[data-w=ask]{color:var(--coral)}.sticker .sw[data-w=drag]{color:var(--blue)}.sticker .sw-done{color:var(--green)}.sticker .sdot{opacity:.4}.sticker .sticker-spark{color:var(--green);animation:2.4s ease-in-out infinite spark}@keyframes spark{0%,to{opacity:.7;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(20deg)}}.logic-shot{margin-top:clamp(40px,5vw,72px)}.logic-shot .frame{border:1px solid var(--line-2);background:var(--bg);box-shadow:var(--sh-lg);border-radius:24px;position:relative;overflow:hidden}.logic-shot .topbar{background:var(--bg-2);border-bottom:1px solid var(--line);align-items:center;gap:8px;height:44px;padding:0 18px;display:flex}.logic-shot .topbar i{background:var(--line-2);border-radius:50%;width:12px;height:12px}.logic-shot .imgslot{aspect-ratio:16/9;border:none;border-radius:0;min-height:0}.docs-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(40px,5vw,64px);display:grid}@media (width<=900px){.docs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.docs-grid{grid-template-columns:1fr}}.gcard{border:1px solid var(--line);background:var(--bg);transition:.4s var(--ease);border-radius:18px;padding:18px;position:relative;overflow:hidden}.gcard:before{content:"";background:var(--gc,var(--blue));width:4px;transition:.4s var(--ease);position:absolute;top:0;bottom:0;left:0}.gcard:hover{box-shadow:var(--sh-md);border-color:var(--line-2);transform:translateY(-4px)}.gcard:hover:before{width:6px}.gnum{font-family:var(--grotesk);color:var(--muted);font-size:12px;position:absolute;top:14px;right:16px}.gcard .imgslot{aspect-ratio:16/9;min-height:0;margin-bottom:14px}.gcard .gt{font-family:var(--display);letter-spacing:-.02em;margin-bottom:4px;font-size:17px;font-weight:600}.gcard .gtag{font-family:var(--grotesk);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--gc,var(--blue));border-radius:980px;margin-bottom:8px;padding:2px 9px;font-size:10.5px;display:inline-block}.gcard .gd{color:var(--ink-soft);font-size:13px;line-height:1.55}.docs-more{font-family:var(--mono);color:var(--muted);margin-top:14px;font-size:12.5px;display:inline-block}.docs-stage{grid-template-columns:1.25fr .85fr;align-items:center;gap:clamp(28px,4vw,56px);margin-top:clamp(36px,5vw,60px);display:grid}@media (width<=840px){.docs-stage{grid-template-columns:1fr;gap:32px}}.docs-wheel{box-shadow:none;background:0 0;border:none;height:440px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 26% 74%,#0000);mask-image:linear-gradient(#0000,#000 26% 74%,#0000)}.docs-scroll{scrollbar-width:none;cursor:grab;touch-action:pan-y;overscroll-behavior:contain;outline:none;height:100%;padding:190px 0;position:relative;overflow-y:auto}.docs-scroll.dragging{cursor:grabbing}.docs-scroll.dragging .doc-item{transition:none}.docs-scroll::-webkit-scrollbar{display:none}.docs-guide{z-index:1;pointer-events:none;height:76px;position:absolute;top:calc(50% - 38px);left:0;right:0}.docs-guide:before,.docs-guide:after{content:"";background:var(--line-2);width:18px;height:1px;position:absolute;left:clamp(8px,4vw,40px)}.docs-guide:before{top:0}.docs-guide:after{bottom:0}.doc-item{z-index:2;cursor:pointer;height:76px;opacity:calc(1 - var(--d,0) * .62);transform:scale(calc(1 - var(--d,0) * .14));transition:opacity .28s var(--ease), transform .28s var(--ease), filter .28s var(--ease);will-change:transform, opacity;align-items:center;gap:18px;padding:0 clamp(8px,4vw,40px);display:flex;position:relative}.doc-item .di-num{font-family:var(--mono);color:var(--muted);text-align:center;width:30px;transition:color .28s var(--ease);flex:none;font-size:15px}.doc-item .di-dot{background:var(--gc,var(--blue));width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gc,var(--blue)) 18%, transparent);transition:transform .28s var(--ease), box-shadow .28s var(--ease);border-radius:50%;flex:none}.doc-item .di-main{flex-direction:column;min-width:0;display:flex}.doc-item .di-t{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);transition:color .28s var(--ease);font-size:clamp(20px,2.5vw,28px);font-weight:600;line-height:1.1}.doc-item .di-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);transition:opacity .28s var(--ease);font-size:12px}.doc-item.is-sel .di-num{color:var(--ink-soft)}.doc-item.is-sel .di-t{color:var(--gc,var(--blue))}.doc-item.is-sel .di-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--gc,var(--blue)) 22%, transparent);transform:scale(1.15)}.doc-item.is-sel .di-tag{opacity:.85}.docs-a4{aspect-ratio:1/1.414;width:min(420px,86vw);margin-inline:auto;position:relative}.a4-card{border:1px solid var(--line-2);width:100%;height:100%;box-shadow:var(--sh-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s var(--ease), transform .45s var(--ease), box-shadow .45s var(--ease), visibility .38s;background:#fff;border-radius:16px;position:absolute;inset:0;overflow:hidden;transform:translateY(12px)scale(.985)}.a4-card.on{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transform:none}.a4-card.on:hover{transform:translateY(-6px)rotate(-.6deg);box-shadow:0 30px 70px -30px #2e63ff4d}.a4-card .a4-top{border-bottom:1px solid var(--line);background:var(--bg-2);align-items:center;gap:9px;height:34px;padding:0 14px;display:flex}.a4-card .a4-top .a4-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--gc,var(--blue));border-radius:980px;padding:2px 9px;font-size:10px}.a4-card .a4-top .a4-name{font-family:var(--display);letter-spacing:-.01em;font-size:13px;font-weight:600}.a4-slot{width:100%;height:auto;position:absolute;inset:34px 0 0}.a4-slot .imgslot{border:none;border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.a4-slot .imgslot.has-img[data-img=a4-01]{background-image:url(/assets/docs-samples/a4-01.png)}.a4-slot .imgslot.has-img[data-img=a4-02]{background-image:url(/assets/docs-samples/a4-02.png)}.a4-slot .imgslot.has-img[data-img=a4-03]{background-image:url(/assets/docs-samples/a4-03.png)}.a4-slot .imgslot.has-img[data-img=a4-04]{background-image:url(/assets/docs-samples/a4-04.png)}.a4-slot .imgslot.has-img[data-img=a4-05]{background-image:url(/assets/docs-samples/a4-05.png)}.a4-slot .imgslot.has-img[data-img=a4-06]{background-image:url(/assets/docs-samples/a4-06.png)}.a4-slot .imgslot.has-img[data-img=a4-07]{background-image:url(/assets/docs-samples/a4-07.png)}.a4-slot .imgslot.has-img[data-img=a4-08]{background-image:url(/assets/docs-samples/a4-08.png)}.a4-slot .imgslot.has-img[data-img=a4-09]{background-image:url(/assets/docs-samples/a4-09.png)}.a4-slot .imgslot:not(.has-img){background:linear-gradient(#fff,#fafafb)}.a4-slot .imgslot:not(.has-img) .ph{width:100%;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.docs-hint{text-align:center;font-family:var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:20px;font-size:12px}.feature{grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(36px,5vw,80px);margin-top:clamp(72px,9vw,120px);display:grid}.feature.flip{grid-template-columns:1.12fr .88fr}.feature.flip .fx-text{order:2}@media (width<=840px){.feature,.feature.flip{grid-template-columns:1fr}.feature.flip .fx-text{order:0}}.fx-idx{font-family:var(--grotesk);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.fx-idx .num{color:#fff;background:var(--fc,var(--blue));border-radius:8px;place-items:center;width:30px;height:30px;font-weight:600;display:grid}.fx-idx .line{background:var(--line-2);width:30px;height:1px}.feature h3{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(24px,3vw,36px);line-height:1.08}.feature .desc{color:var(--ink-soft);margin-bottom:20px;font-size:17px;line-height:1.68}.fx-list{flex-direction:column;gap:12px;list-style:none;display:flex}.fx-list li{color:var(--ink-soft);padding-left:26px;font-size:16px;line-height:1.6;position:relative}.fx-list li:before{content:"";background:var(--fc,var(--blue));border-radius:4px;width:12px;height:12px;position:absolute;top:8px;left:0}.fx-list b{color:var(--ink);font-weight:600}.fx-media .imgslot{aspect-ratio:4/3;min-height:0;box-shadow:var(--sh-lg), var(--glass-hi);border:1px solid var(--glass-border-soft);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:20px}.fx-media .imgslot:hover{box-shadow:0 40px 90px -30px #2e63ff4d, var(--glass-hi);transform:translateY(-6px)scale(1.015)}.fmark{font-family:var(--grotesk);letter-spacing:.08em;color:#fff;background:var(--ink);border-radius:980px;margin-bottom:14px;padding:4px 11px;font-size:11px;display:inline-block}.hero-feature{background:var(--ink);color:#fff;--mx:50%;--my:0%;border-radius:28px;padding:clamp(28px,4vw,48px);position:relative;overflow:hidden}.hero-feature:before{content:"";background:radial-gradient(420px circle at var(--mx) var(--my), #2e63ff29, #12b76a1a 40%, transparent 70%);pointer-events:none;transition:all .2s;position:absolute;inset:0}.hero-feature .desc,.hero-feature .fx-list li{color:#c9c9cf}.hero-feature .fx-list b,.hero-feature h3{color:#fff}.hero-feature .fx-idx{color:#bdbdc4}.hero-feature .fx-idx .line{background:#fff3}.roles{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(40px,5vw,60px);display:grid}@media (width<=900px){.roles{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.roles{grid-template-columns:1fr}}.role{border:1px solid var(--glass-border-soft);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);transition:.4s var(--ease);border-radius:20px;padding:24px;position:relative;overflow:hidden}.role:after{content:"";background:var(--rc,var(--blue));transform-origin:0;height:4px;transition:.4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.role:hover{box-shadow:var(--sh-md);border-color:var(--line-2);transform:translateY(-4px)}.role:hover:after{transform:scaleX(1)}.role .rtag{font-family:var(--grotesk);letter-spacing:.1em;color:#fff;background:var(--rc,var(--blue));border-radius:980px;margin-bottom:14px;padding:3px 10px;font-size:11px;display:inline-block}.role h4{letter-spacing:-.02em;margin-bottom:8px;font-size:19px}.role p{color:var(--ink-soft);font-size:13.5px;line-height:1.55}.r-owner{background:var(--ink);color:#fff}.r-owner h4{color:#fff}.r-owner p{color:#c9c9cf}.r-owner .rtag{background:var(--green);color:#03200f}.r-owner:after{background:var(--green)}.stories{grid-template-columns:300px 1fr;gap:24px;margin-top:clamp(40px,5vw,56px);display:grid}@media (width<=840px){.stories{grid-template-columns:1fr}}.story-tabs{flex-direction:column;gap:12px;display:flex}@media (width<=840px){.story-tabs{flex-direction:row;overflow-x:auto}}.story-tab{border:1px solid var(--line);background:var(--bg);cursor:pointer;transition:.35s var(--ease);border-radius:16px;align-items:center;gap:12px;min-width:240px;padding:14px;display:flex;position:relative}.story-tab .av .imgslot{border-radius:50%;flex:none;width:46px;height:46px;min-height:0}.story-tab .av{flex:none;width:46px}.story-tab .meta{flex:1}.story-tab .nm{letter-spacing:-.01em;font-size:15px;font-weight:600}.story-tab .ro{font-family:var(--grotesk);color:var(--muted);font-size:11.5px}.story-tab .badge-role{font-family:var(--grotesk);letter-spacing:.08em;color:#fff;background:var(--muted);border-radius:980px;padding:2px 8px;font-size:10px}.story-tab[data-story=s1] .badge-role,.story-tab[data-story=s2] .badge-role,.story-tab[data-story=s3] .badge-role{background:var(--blue)}.story-tab:hover{border-color:var(--line-2);transform:translate(3px)}.story-tab.active{border-color:var(--ink);background:var(--ink);color:#fff}.story-tab.active .ro{color:#9a9a9f}.story-panel{border:1px solid var(--glass-border-soft);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur-lg);box-shadow:var(--sh-glass), var(--glass-hi);border-radius:24px;padding:clamp(28px,4vw,44px);position:relative;overflow:hidden}.story{display:none}.story.active{animation:storyIn .5s var(--ease);display:block}@keyframes storyIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.story .qmark{font-family:var(--display);color:var(--green);height:36px;font-size:72px;font-weight:700;line-height:.5}.story blockquote{font-family:var(--display);letter-spacing:-.025em;margin:18px 0 26px;font-size:clamp(20px,2.4vw,28px);font-weight:500;line-height:1.4}.who-line{align-items:center;gap:14px;margin-bottom:24px;display:flex}.who-line .lav .imgslot{border-radius:50%;width:48px;height:48px;min-height:0}.imgslot.has-img[data-img=st1-av],.imgslot.has-img[data-img=st1-lav]{background-image:url(/assets/avatars/chenlin.jpg)}.imgslot.has-img[data-img=st2-av],.imgslot.has-img[data-img=st2-lav]{background-image:url(/assets/avatars/linpeirong.jpg)}.imgslot.has-img[data-img=st3-av],.imgslot.has-img[data-img=st3-lav]{background-image:url(/assets/avatars/wangqi.jpg)}.who-line .nm{font-size:15px;font-weight:600}.who-line .ro{font-family:var(--grotesk);color:var(--muted);font-size:12px}.stat-row{border-top:1px solid var(--line);gap:40px;padding-top:24px;display:flex}.stat .n{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(34px,4vw,48px);font-weight:700}.story[data-story=s1] .stat .n,.story[data-story=s2] .stat .n,.story[data-story=s3] .stat .n{color:var(--green)}.stat .n .u{margin-left:2px;font-size:.5em;font-weight:600}.stat .l{font-family:var(--grotesk);color:var(--muted);margin-top:4px;font-size:12px}.proto-frame{border:1px dashed var(--line-2);aspect-ratio:16/9;background:var(--bg-2);text-align:center;border-radius:24px;place-items:center;margin-top:clamp(40px,5vw,60px);display:grid;position:relative;overflow:hidden}.proto-frame:before{content:"";pointer-events:none;background:radial-gradient(600px at 50% 20%,#2e63ff14,#0000 70%);position:absolute;inset:0}.pinner{max-width:480px;padding:30px;position:relative}.picon{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 18px;font-size:20px;display:grid}.pinner h3{letter-spacing:-.02em;margin-bottom:8px;font-size:22px}.pinner p{color:var(--ink-soft);font-size:14px;line-height:1.55}.proto-steps{justify-content:center;gap:8px;margin:20px 0;display:flex}.proto-dot{background:var(--line-2);border-radius:50%;width:8px;height:8px}.proto-dot.on{background:var(--blue);border-radius:980px;width:22px}.note{font-family:var(--grotesk);color:var(--muted);margin-top:14px;font-size:11.5px;line-height:1.7}.cta-wrap{background:var(--ink);color:#fff;text-align:center;--mx:50%;--my:0%;border-radius:32px;padding:clamp(48px,7vw,96px) clamp(24px,4vw,48px);position:relative;overflow:hidden}.cta-wrap:before{content:"";background:conic-gradient(from 0deg at var(--mx) var(--my), #2e63ff2e, #12b76a21, #2e63ff2e);filter:blur(40px);pointer-events:none;animation:24s linear infinite ctaspin;position:absolute;inset:-30%}@keyframes ctaspin{to{transform:rotate(360deg)}}.cta-wrap .ck{font-family:var(--grotesk);letter-spacing:.1em;color:var(--green);margin-bottom:18px;font-size:12.5px;position:relative}.cta-wrap h2{letter-spacing:-.04em;font-size:clamp(30px,4.4vw,52px);position:relative}.cta-wrap p,.cta-wrap>.wrap div{color:#c9c9cf;margin-top:14px;font-size:16px;position:relative}.cta-btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex;position:relative}footer{border-top:1px solid var(--line);background:var(--bg);padding:clamp(48px,6vw,72px) 0 0}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}@media (width<=760px){.foot-grid{grid-template-columns:1fr 1fr}}.foot-grid .desc{color:var(--muted);max-width:24ch;margin-top:12px;font-size:13.5px}.foot-grid h4{font-family:var(--grotesk);letter-spacing:.1em;color:var(--muted);margin-bottom:14px;font-size:11px}.foot-grid a{color:var(--ink-soft);margin-bottom:9px;font-size:14px;transition:all .25s;display:block}.foot-grid a:hover{color:var(--ink)}.foot-bot{border-top:1px solid var(--line);font-family:var(--grotesk);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:40px;padding-top:24px;font-size:12px;display:flex}.foot-meta{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.foot-beian{color:var(--muted);transition:color .25s}.foot-beian:hover{color:var(--ink-soft)}.foot-beian-gongan{align-items:center;gap:4px;display:inline-flex}.foot-beian-icon{flex-shrink:0;width:16px;height:16px}.foot-wordmark{background:radial-gradient(120% 90% at 50% 118%,#12b76a8c 0%,#12b76a00 55%),radial-gradient(120% 80% at 18% 120%,#2e63ff80 0%,#2e63ff00 50%),linear-gradient(#0a0c12 0%,#0c1018 60%,#0e1622 100%);justify-content:center;align-items:flex-end;width:100%;height:clamp(280px,42vw,640px);margin-top:0;padding-bottom:clamp(20px,3vw,56px);display:flex;position:relative;overflow:hidden}.foot-wordmark:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 6px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 35%,#000 100%);mask-image:linear-gradient(#0000 35%,#000 100%)}.foot-wordmark span{z-index:2;font-family:var(--display);letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(90deg,#5b8bff 0%,#7cf0c4 50%,#19e8a6 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding-top:.12em;font-size:clamp(64px,15.5vw,260px);font-weight:800;line-height:1;display:inline-block;position:relative}.pain-sec{background:var(--ink);color:#fff;padding:clamp(72px,9vw,116px) 0 clamp(64px,8vw,104px);overflow:hidden}.pain-sec .kicker{color:#fff;background:0 0;border-color:#ffffff38}.pain-sec .h2{color:#fff;max-width:18ch}.pain-sec .lead{color:#b8b8c0;max-width:52ch;font-size:clamp(17px,1.7vw,21px)}.pain-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.pain-hint{font-family:var(--grotesk);letter-spacing:.06em;color:#7d7d86;white-space:nowrap;align-items:center;gap:9px;padding-bottom:6px;font-size:12px;display:flex}.pain-hint .arrows{gap:3px;display:inline-flex}.pain-hint .arrows i{animation:nudge 1.8s var(--ease-soft) infinite;font-style:normal}.pain-hint .arrows i:nth-child(2){animation-delay:.12s}.pain-hint .arrows i:nth-child(3){animation-delay:.24s}@keyframes nudge{0%,to{opacity:.25;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.pain-rail{scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);padding:6px var(--pad) 30px;margin-top:clamp(38px,4.6vw,56px);margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;gap:clamp(16px,1.8vw,24px);display:flex;overflow:auto hidden}.pain-rail::-webkit-scrollbar{display:none}.pain-rail.dragging{cursor:grabbing;scroll-snap-type:none}.pain-rail.dragging *{pointer-events:none}.pcard{scroll-snap-align:start;-webkit-backdrop-filter:saturate(160%)blur(14px);transition:transform .55s var(--ease), box-shadow .55s var(--ease), border-color .4s var(--ease);background:#14141a8c;border:1px solid #ffffff24;border-radius:24px;flex:0 0 clamp(300px,72vw,560px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.pcard:hover{border-color:#ffffff38;transform:translateY(-6px);box-shadow:0 30px 70px -30px #000c}.pcard .imgslot{aspect-ratio:3/2;border:none;border-radius:0;width:100%;min-height:0}.pcard .imgslot .ph{color:#ffffff80}.pcard:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 22%,#08080a1f 42%,#08080a9e 68%,#08080aeb 100%);position:absolute;inset:0}.pcard .copy{z-index:2;pointer-events:none;padding:clamp(22px,2.4vw,30px);position:absolute;bottom:0;left:0;right:0}.editing .pcard .copy{pointer-events:auto}.pcard .pc-num{font-family:var(--grotesk);letter-spacing:.14em;color:#ffffff8c;margin-bottom:10px;font-size:12px;display:block}.pcard .pc-tag{font-family:var(--grotesk);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--pc-accent,var(--coral));border-radius:980px;margin-bottom:13px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-block}.pcard h4{letter-spacing:-.025em;color:#fff;margin-bottom:9px;font-size:clamp(21px,2.3vw,27px);line-height:1.12}.pcard p{color:#ebebf0d1;max-width:34ch;font-size:16px;line-height:1.6}.pcard .cost{font-family:var(--grotesk);color:#fff;align-items:center;gap:8px;margin-top:15px;font-size:12.5px;display:flex}.pcard .cost:before{content:"";background:var(--pc-accent,#fff);border-radius:50%;flex:none;width:6px;height:6px}.pcard .cost b{color:var(--pc-accent,var(--coral));font-weight:600}.pain-dots{justify-content:center;gap:9px;margin-top:8px;display:flex}.pain-dots button{cursor:pointer;width:7px;height:7px;transition:.4s var(--ease);background:#ffffff38;border:none;border-radius:50%;padding:0}.pain-dots button.on{background:#fff;border-radius:980px;width:26px}@media (width<=600px){.pain-hint{display:none}.pcard p{font-size:13.5px}}.value-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,5vw,60px);display:grid}@media (width<=840px){.value-grid{grid-template-columns:1fr}}.vcard{border:1px solid var(--glass-border-soft);background:var(--glass-tint);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi);transition:.4s var(--ease);border-radius:22px;padding:32px;position:relative;overflow:hidden}.vcard:hover{box-shadow:var(--sh-glass), var(--glass-hi);border-color:#12b76a66;transform:translateY(-4px)}.vcard .vn{font-family:var(--display);letter-spacing:-.04em;color:var(--vc,var(--ink));font-size:clamp(40px,5vw,56px);font-weight:700;line-height:1}.vcard .vn .u{color:var(--muted);margin-left:3px;font-size:.42em;font-weight:600}.vcard h4{letter-spacing:-.02em;margin:14px 0 8px;font-size:17px}.vcard p{color:var(--ink-soft);font-size:15.5px;line-height:1.65}.trust-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:clamp(24px,6vw,90px);padding:26px 0;display:flex}.trust-item{text-align:center}.trust-item .ti-n{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);font-size:clamp(40px,4.8vw,60px);font-weight:700;line-height:1}.trust-item .ti-n .u{color:var(--green);margin-left:2px;font-size:.42em;font-weight:600}.trust-item .ti-l{letter-spacing:.04em;color:var(--muted);text-transform:none;margin-top:8px;font-size:13px}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}