:root{--blue: #2563eb;--blue-2: #3b82f6;--cyan: #06b6d4;--violet: #7c3aed;--teal: #14b8a6;--green: #16a34a;--green-soft: #e6f8ee;--amber: #e0900a;--amber-soft: #fff5e2;--danger: #e23b4e;--ink: #0a1226;--ink-2: #1c2740;--body: #46536e;--muted: #6a778f;--faint: #9aa6bd;--line: #e6ecf7;--line-2: #eef3fb;--bg: #f5f8ff;--bg-2: #eef3fd;--navy: #070c1a;--glass: rgba(255,255,255,.62);--glass-2: rgba(255,255,255,.46);--glass-line: rgba(255,255,255,.85);--glass-blur: saturate(1.5) blur(18px);--sh-xs: 0 1px 2px rgba(16,32,80,.05), 0 6px 18px -8px rgba(16,32,80,.14);--sh-sm: 0 2px 8px rgba(16,32,80,.07), 0 16px 36px -16px rgba(16,32,80,.22);--sh: 0 8px 24px -8px rgba(16,32,80,.14), 0 34px 70px -30px rgba(30,58,138,.34);--glow-blue: 0 10px 40px -8px rgba(37,99,235,.5);--glow-cyan: 0 10px 40px -8px rgba(6,182,212,.45);--r-sm: 12px;--r: 16px;--r-lg: 22px;--r-xl: 28px;--ease: cubic-bezier(.16,.84,.3,1);--grad: linear-gradient(100deg, #2563eb 0%, #06b6d4 42%, #7c3aed 82%);--grad-2: linear-gradient(120deg, #3b82f6, #06b6d4);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:-.03em;font-weight:850}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}.mut{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.grad-text{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}@keyframes sheen{to{background-position:200% center}}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,#ffffff 0%,var(--bg) 46%,var(--bg-2) 100%)}.aurora .blob{position:absolute;border-radius:50%;filter:blur(64px);opacity:.5;will-change:transform}.aurora .b1{width:46vw;height:46vw;top:-12%;left:-8%;background:radial-gradient(circle,#78b6ff 0%,transparent 68%);animation:fl1 24s var(--ease) infinite}.aurora .b2{width:40vw;height:40vw;top:-6%;right:-10%;background:radial-gradient(circle,#5ce0e6 0%,transparent 68%);animation:fl2 28s var(--ease) infinite}.aurora .b3{width:42vw;height:42vw;top:34%;left:30%;background:radial-gradient(circle,#b79cff 0%,transparent 70%);opacity:.38;animation:fl3 32s var(--ease) infinite}.aurora .b4{width:34vw;height:34vw;bottom:-10%;right:8%;background:radial-gradient(circle,#7ef0d0 0%,transparent 70%);opacity:.34;animation:fl2 30s var(--ease) infinite reverse}.aurora .grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 0%,transparent 78%);mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 0%,transparent 78%)}@keyframes fl1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(16vw,10vh) scale(1.14)}}@keyframes fl2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-13vw,12vh) scale(1.1)}}@keyframes fl3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10vw,-12vh) scale(1.18)}}.beam{position:fixed;top:0;left:-30%;width:60%;height:2px;z-index:70;pointer-events:none;background:linear-gradient(90deg,transparent,#38bdf8,#7c3aed,transparent);filter:blur(.5px);animation:sweep 7s linear infinite}@keyframes sweep{0%{transform:translate(0)}to{transform:translate(216%)}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.reveal.fade{transform:none}.reveal.zoom{transform:translateY(26px) scale(.96)}.reveal.zoom.in{transform:none}.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.stagger.in>*{opacity:1;transform:none}.stagger.in>*:nth-child(1){transition-delay:.05s}.stagger.in>*:nth-child(2){transition-delay:.12s}.stagger.in>*:nth-child(3){transition-delay:.19s}.stagger.in>*:nth-child(4){transition-delay:.26s}.stagger.in>*:nth-child(5){transition-delay:.33s}.stagger.in>*:nth-child(6){transition-delay:.4s}.stagger.in>*:nth-child(7){transition-delay:.47s}.stagger.in>*:nth-child(8){transition-delay:.54s}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.stagger>*,.term-body .l,.mini-row .bar i{opacity:1!important;transform:none!important}.aurora .blob,.beam,.grad-text{animation:none!important}}.glass{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:inset 0 1px #ffffffb3,var(--sh-sm);border-radius:var(--r-lg)}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.tnum{font-variant-numeric:tabular-nums}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:780;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-line);padding:7px 14px;border-radius:999px;box-shadow:var(--sh-xs)}.eyebrow svg{color:var(--cyan)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:730;font-size:14.5px;border:1px solid transparent;border-radius:13px;padding:12px 22px;cursor:pointer;overflow:hidden;transition:transform .2s var(--ease),box-shadow .28s var(--ease),background .2s,border-color .2s;white-space:nowrap}.btn.sm{padding:9px 16px;font-size:13.5px}.btn.lg{padding:15px 30px;font-size:15.5px}.btn.block{width:100%}.btn.primary{background:linear-gradient(120deg,#2f6bff,#2563eb 55%,#1e6fd8);color:#fff;box-shadow:var(--glow-blue)}.btn.primary:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:left .65s var(--ease)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 46px -8px #2563eb9e}.btn.primary:hover:after{left:130%}.btn.ghost{background:#ffffffa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-color:var(--glass-line);box-shadow:var(--sh-xs)}.btn.ghost:hover{border-color:#2563eb66;color:var(--blue);transform:translateY(-2px);box-shadow:var(--sh-sm)}.btn.white{background:#fff;color:var(--blue)}.btn.white:hover{transform:translateY(-2px);box-shadow:0 16px 34px #00000038}.btn.glass-btn{background:#ffffff24;color:#fff;border-color:#ffffff57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.glass-btn:hover{background:#ffffff3d;transform:translateY(-2px)}.nav{position:fixed;inset:0 0 auto 0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(20px,6vw,64px);transition:all .28s var(--ease)}.nav.scrolled{padding-top:11px;padding-bottom:11px}.nav.scrolled .navwrap{background:#ffffffb8;-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border-color:var(--glass-line);box-shadow:0 8px 30px -12px #1020502e}.navwrap{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1220px;margin:0 auto;padding:8px 12px 8px 18px;border:1px solid transparent;border-radius:999px;transition:all .28s var(--ease)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:850}.brand .logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:900;background:linear-gradient(145deg,#34d399,#10a150 58%,#05713a);box-shadow:0 6px 16px #10a1506b,inset 0 1px #ffffff80}.brand b{font-size:18px;letter-spacing:-.02em}.brand i{font-style:normal;font-size:12px;color:var(--muted);font-weight:600;padding-left:11px;margin-left:3px;border-left:1px solid var(--line)}.nav nav{display:flex;align-items:center;gap:3px}.nav nav a{position:relative;font-size:14.5px;font-weight:620;color:var(--body);padding:8px 14px;border-radius:999px;transition:color .18s,background .18s}.nav nav a:hover{color:var(--ink);background:#2563eb12}.nav nav a.active{color:var(--blue)}.nav nav a.ghost{color:var(--blue);font-weight:700}.nav nav .divider{width:1px;height:20px;background:var(--line);margin:0 8px}.nav-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:6px}main{overflow:clip}.section{max-width:1200px;margin:0 auto;padding:clamp(66px,9vw,120px) 28px}.section.tight{padding:clamp(40px,5vw,64px) 28px}.head{max-width:740px;margin:0 auto 54px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.head h2{font-size:clamp(28px,4.2vw,46px)}.head p{color:var(--body);font-size:16.5px;line-height:1.7;max-width:620px}.hero{position:relative;text-align:center;padding:clamp(140px,17vw,200px) 24px clamp(60px,8vw,100px);max-width:1000px;margin:0 auto}.hero-particles{position:absolute;top:-6%;right:-20%;bottom:0;z-index:-1;width:140%;left:-20%;pointer-events:none}.hero .eyebrow{margin-bottom:26px;animation:floatY 5s var(--ease) infinite}.hero h1{font-size:clamp(38px,6.6vw,78px);line-height:1.02;letter-spacing:-.04em;font-weight:880}.hero .lede{font-size:clamp(16px,1.8vw,19px);color:var(--body);line-height:1.72;margin:26px auto 0;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:34px}.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;justify-content:center}.trust-row span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:620;color:var(--body)}.trust-row svg{color:var(--green);flex:none}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-panel{position:relative;margin:clamp(40px,6vw,72px) auto 0;max-width:940px}.hero-panel .glow{position:absolute;top:6%;right:10%;bottom:-8%;left:10%;border-radius:40px;background:var(--grad);filter:blur(60px);opacity:.3;z-index:0;animation:pulseGlow 6s var(--ease) infinite}@keyframes pulseGlow{0%,to{opacity:.24}50%{opacity:.4}}.hero-panel .cmock{position:relative;z-index:1}.hero-panel .float{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:11px 15px;border-radius:14px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-line);box-shadow:var(--sh);animation:floatY 6s var(--ease) infinite}.hero-panel .float b{display:block;font-size:13.5px}.hero-panel .float small{color:var(--muted);font-size:11.5px}.hero-panel .float .fi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none}.fi.green{background:linear-gradient(140deg,#34d399,#10a150)}.fi.blue{background:linear-gradient(140deg,#3b82f6,#2563eb)}.fi.cyan{background:linear-gradient(140deg,#22d3ee,#06b6d4)}.hero-panel .f1{top:-22px;left:-30px;animation-delay:-1s}.hero-panel .f2{top:40%;right:-40px;animation-delay:-3s}.hero-panel .f3{bottom:-18px;left:8%;animation-delay:-2s}.cmock{background:#ffffffc7;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);border-radius:18px;box-shadow:var(--sh);overflow:hidden}.cmock-head{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line-2);background:#ffffff80}.cmock-head .d{width:10px;height:10px;border-radius:50%}.d.r{background:#ff5f57}.d.y{background:#febc2e}.d.g{background:#28c840}.cmock-head em{font-style:normal;font-size:12.5px;font-weight:720;color:var(--muted);margin-left:8px}.cmock-head .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--green)}.cmock-head .live i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #10a15080}70%{box-shadow:0 0 0 7px #10a15000}to{box-shadow:0 0 #10a15000}}.cmock-body{display:grid;grid-template-columns:118px 1fr;min-height:300px;text-align:left}.cmock-side{display:flex;flex-direction:column;gap:3px;padding:14px 10px;border-right:1px solid var(--line-2);background:#f8faff80}.cmock-side span{font-size:12.5px;color:var(--muted);padding:8px 11px;border-radius:8px;font-weight:620}.cmock-side span.on{background:#2563eb1a;color:var(--blue)}.cmock-main{padding:16px}.cmock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.cmock-stats div{border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fff9}.cmock-stats small{font-size:11px;color:var(--muted)}.cmock-stats b{display:block;font-size:22px;margin-top:2px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.am{color:var(--amber)}.bl{color:var(--blue)}.cmock-row{display:grid;grid-template-columns:1.5fr 1.4fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line-2);font-size:12.5px}.gr{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-weight:820;font-size:12px}.g-a{background:var(--green-soft);color:var(--green)}.g-b{background:#2563eb1f;color:var(--blue)}.g-c{background:var(--amber-soft);color:var(--amber)}.marquee{position:relative;overflow:hidden;padding:22px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:#fff6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:46px;width:max-content;animation:scroll 30s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#46566e;white-space:nowrap}.marquee span svg{color:var(--blue)}@keyframes scroll{to{transform:translate(-50%)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:34px clamp(20px,4vw,48px)}.stat{text-align:center;padding:8px 12px;position:relative}.stat+.stat:before{content:"";position:absolute;left:0;top:16%;height:68%;width:1px;background:linear-gradient(var(--line),transparent)}.stat b{display:block;font-size:clamp(32px,4vw,50px);font-weight:880;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat small{color:var(--muted);font-size:13.5px;display:block;margin-top:8px}.flow{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.flow:before{content:"";position:absolute;top:27px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),var(--violet),transparent);opacity:.5}.flow-step{position:relative;text-align:center;padding:0 6px}.flow-num{width:54px;height:54px;margin:0 auto 16px;border-radius:16px;display:grid;place-items:center;font-weight:850;font-size:18px;color:#fff;background:linear-gradient(140deg,#3b82f6,#2563eb);box-shadow:var(--glow-blue);position:relative;z-index:1;transition:transform .3s var(--ease)}.flow-step:hover .flow-num{transform:translateY(-5px) scale(1.06)}.flow-step h4{font-size:15px;margin-bottom:7px;letter-spacing:-.02em}.flow-step p{font-size:12.5px;color:var(--muted);line-height:1.6}.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(158px,auto);gap:18px}.tile{position:relative;padding:26px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .2s;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:inset 0 1px #ffffffb3,var(--sh-xs);border-radius:var(--r-lg)}.tile:hover{transform:translateY(-6px);box-shadow:inset 0 1px #fffc,var(--sh)}.tile .ti{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:16px;transition:transform .3s var(--ease);background:linear-gradient(140deg,#3b82f6,#2563eb);box-shadow:var(--glow-blue)}.tile:hover .ti{transform:scale(1.08) rotate(-5deg)}.tile h3{font-size:17.5px;margin-bottom:8px;letter-spacing:-.02em}.tile p{font-size:14px;color:var(--muted);line-height:1.62}.tile.third{grid-column:span 2}.tile.half{grid-column:span 3}.tile.feature{grid-column:span 3;grid-row:span 2;background:linear-gradient(150deg,#0b1228f5,#0f1a3af0);border-color:#506ebe59;color:#fff;box-shadow:0 30px 70px -28px #14286e99}.tile.feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:radial-gradient(60% 50% at 80% 10%,rgba(56,189,248,.28),transparent 60%)}.tile.feature>*{position:relative}.tile.feature h3{color:#fff;font-size:23px}.tile.feature p{color:#b7c4e0;font-size:14.5px}.tile.feature .ti{background:#38bdf82e;color:#7dd3fc;box-shadow:none}.tile.feature .mini-audit{margin-top:22px;display:grid;gap:12px}.tile.feature .mini-row{display:flex;align-items:center;gap:12px;font-size:13px;color:#c3cee2}.tile.feature .mini-row span:first-child{width:66px;flex:none}.tile.feature .mini-row .bar{flex:1;height:7px;border-radius:5px;background:#ffffff1a;overflow:hidden}.tile.feature .mini-row .bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#38bdf8,#22d3ee,#34d399);box-shadow:0 0 12px #38bdf899;transform-origin:left;animation:growbar 1.2s var(--ease) both}@keyframes growbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tile .badge{position:absolute;top:18px;right:18px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);padding:4px 10px;border-radius:999px;box-shadow:0 6px 16px -6px #06b6d4b3}.showcase{position:relative}.showcase .halo{position:absolute;left:50%;top:40%;width:700px;height:700px;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(circle,rgba(37,99,235,.16),rgba(6,182,212,.1) 40%,transparent 68%);filter:blur(30px)}.showcase .panel{max-width:860px;margin:0 auto}.term{background:linear-gradient(160deg,#0a1020f7,#0c142af2);border:1px solid rgba(80,110,190,.4);border-radius:var(--r-lg);box-shadow:0 40px 90px -34px #14286eb3;overflow:hidden}.term-head{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid rgba(80,110,190,.25)}.term-head .d{width:11px;height:11px;border-radius:50%;opacity:.85}.term-head em{font-style:normal;font-size:12px;color:#8293b8;margin-left:8px;font-family:var(--mono)}.term-head .tag{margin-left:auto;font-size:11px;font-weight:700;color:#34d399;background:#34d39924;padding:4px 11px;border-radius:999px}.term-body{padding:22px;font-family:var(--mono);font-size:13px;line-height:2.05;color:#b7c4e0}.term-body .l{display:block;opacity:0;transform:translateY(4px)}.term.in .term-body .l{animation:typein .5s var(--ease) forwards}.term.in .term-body .l:nth-child(1){animation-delay:.15s}.term.in .term-body .l:nth-child(2){animation-delay:.55s}.term.in .term-body .l:nth-child(3){animation-delay:.95s}.term.in .term-body .l:nth-child(4){animation-delay:1.35s}.term.in .term-body .l:nth-child(5){animation-delay:1.75s}.term.in .term-body .l:nth-child(6){animation-delay:2.15s}@keyframes typein{to{opacity:1;transform:none}}.term-body .ok{color:#34d399}.term-body .mut{color:#64748b}.term-body .hi{color:#7dd3fc}.term-body .am{color:#fbbf24}.orbit{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}.orbit .chip{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:var(--sh-xs);animation:floatY 5s var(--ease) infinite}.orbit .chip:nth-child(2){animation-delay:-1.2s}.orbit .chip:nth-child(3){animation-delay:-2.4s}.orbit .chip:nth-child(4){animation-delay:-3.6s}.orbit .chip .dot{width:9px;height:9px;border-radius:50%}.dot.g{background:var(--green)}.dot.b{background:var(--blue)}.dot.c{background:var(--cyan)}.dot.v{background:var(--violet)}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-g{padding:26px 22px;text-align:center;transition:transform .28s var(--ease),box-shadow .28s;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:inset 0 1px #fff9,var(--sh-xs);border-radius:var(--r-lg)}.card-g:hover{transform:translateY(-6px);box-shadow:inset 0 1px #ffffffb3,var(--sh-sm)}.card-g .ic{width:50px;height:50px;margin:0 auto 15px;border-radius:15px;display:grid;place-items:center;color:var(--blue);background:#2563eb1a}.card-g h3{font-size:16.5px;margin-bottom:8px}.card-g p{font-size:13px;color:var(--muted);line-height:1.6}.sec{display:flex;gap:16px;text-align:left;padding:24px}.sec .ic{flex:none;color:var(--green);background:var(--green-soft)}.sec h3{font-size:16.5px;margin-bottom:7px}.sec p{font-size:14px;color:var(--muted);line-height:1.65}.rev{padding:28px;text-align:left}.rev .stars{display:flex;gap:3px;color:#f5a623;margin-bottom:15px}.rev .stars svg{fill:#f5a623}.rev p{font-size:15px;line-height:1.72;color:#33415c}.rev footer{margin-top:18px;font-size:13px;color:var(--muted);font-weight:620;display:flex;align-items:center;gap:9px}.rev footer .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;background:linear-gradient(140deg,#3b82f6,#2563eb)}.faq{max-width:840px;margin:0 auto;display:grid;gap:12px}.faq-item{overflow:hidden;transition:box-shadow .2s,border-color .2s;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:var(--sh-xs);border-radius:var(--r)}.faq-item.open{box-shadow:var(--sh-sm);border-color:#2563eb4d}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:0;cursor:pointer;text-align:left;font-weight:720;font-size:15.5px;color:var(--ink)}.faq-item button svg{transition:transform .28s var(--ease);color:var(--muted);flex:none}.faq-item.open button svg{transform:rotate(180deg);color:var(--blue)}.faq-a{max-height:0;overflow:hidden;transition:max-height .32s var(--ease)}.faq-item.open .faq-a{max-height:260px}.faq-a p{padding:0 24px 22px;color:var(--muted);line-height:1.78;font-size:14.5px}.cta{padding:0 28px clamp(72px,9vw,116px)}.cta-inner{position:relative;max-width:1100px;margin:0 auto;text-align:center;padding:clamp(54px,7vw,88px) 28px;border-radius:var(--r-xl);color:#fff;overflow:hidden;background:linear-gradient(120deg,#2563eb,#1d4ed8 50%,#4f46e5);box-shadow:0 44px 100px -36px #2563eba8}.cta-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:radial-gradient(50% 60% at 15% 10%,rgba(56,189,248,.5),transparent 60%),radial-gradient(50% 60% at 85% 90%,rgba(124,58,237,.5),transparent 60%)}.cta-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 60% 80% at 50% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse 60% 80% at 50% 0%,#000,transparent 70%)}.cta-inner>*{position:relative}.cta-inner h2{font-size:clamp(26px,3.8vw,40px);max-width:700px;margin:0 auto;color:#fff}.cta-inner p{color:#ffffffe6;margin:16px 0 30px;font-size:16.5px}.cta-inner .hero-actions{justify-content:center}.pt-bill{display:flex;align-items:center;justify-content:center;gap:18px;margin:8px 0 4px;flex-wrap:wrap}.pt-seg{display:inline-flex;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-line);border-radius:999px;padding:5px;box-shadow:var(--sh-xs)}.pt-seg button{border:0;background:transparent;font-weight:700;font-size:14px;color:var(--muted);padding:9px 20px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .18s var(--ease)}.pt-seg button.on{background:#fff;color:var(--ink);box-shadow:var(--sh-xs)}.pt-seg .off{font-size:11px;font-weight:820;color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c);padding:1px 8px;border-radius:999px}.pt-cur{font-size:13px;color:var(--muted);font-weight:620}.pt-cur b{color:var(--ink)}.pt-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:34px auto 0;align-items:stretch}.pt-card{display:grid;grid-template-rows:auto auto auto auto auto 1fr;padding:28px 20px;position:relative;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:inset 0 1px #ffffffb3,var(--sh-xs);border-radius:var(--r-xl);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.pt-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px #fffc,var(--sh)}.pt-card.hot{border:1.6px solid transparent;background:linear-gradient(#ffffffb8,#ffffffb8) padding-box,var(--grad) border-box;box-shadow:var(--sh)}.pt-card.hot:before{content:"🔥 最热门";position:absolute;top:-13px;left:50%;transform:translate(-50%);font-size:12px;font-weight:820;color:#fff;background:var(--grad-2);padding:4px 14px;border-radius:999px;box-shadow:var(--glow-blue);white-space:nowrap}.pt-name{font-size:19px;font-weight:850;letter-spacing:-.02em}.pt-spec{padding:18px 0;margin-top:14px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:116px}.pt-srow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;color:var(--muted);font-weight:620;white-space:nowrap}.pt-srow>span:first-child{flex:none}.pt-srow .fixed{font-weight:820;color:var(--ink);font-size:15px}.pt-brk{display:inline-flex;gap:4px}.pt-brk button{border:1px solid var(--line);background:#ffffffb3;color:var(--muted);font-weight:720;font-size:12.5px;width:34px;height:32px;border-radius:9px;cursor:pointer;transition:all .14s var(--ease);padding:0}.pt-brk button:hover{border-color:#2563eb66;color:var(--blue)}.pt-brk button.on{background:var(--grad-2);color:#fff;border-color:transparent;box-shadow:var(--glow-blue)}.pt-step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#ffffffb3}.pt-step button{border:0;background:transparent;color:var(--ink);font-size:17px;font-weight:800;width:32px;height:32px;cursor:pointer;transition:background .14s}.pt-step button:hover{background:#2563eb1a;color:var(--blue)}.pt-step .v{min-width:48px;text-align:center;font-weight:820;font-size:14px;font-variant-numeric:tabular-nums}.pt-price{min-height:74px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-top:6px}.pt-price .orig{font-size:15px;color:var(--faint);text-decoration:line-through;font-weight:600}.pt-price .big{font-size:38px;font-weight:870;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pt-card.hot .pt-price .big{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pt-price .per{font-size:14px;color:var(--muted);font-weight:720}.pt-price .big.custom{font-size:27px}.pt-sub{font-size:12.5px;color:var(--faint);min-height:20px;margin-bottom:18px}.pt-perks{align-self:end;display:grid;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-2)}.pt-perks li{display:flex;gap:9px;font-size:12.8px;color:#3a4863;align-items:flex-start;font-weight:580}.pt-perks li svg{color:var(--green);flex:none;margin-top:1px}.pt-perks li.star svg{color:var(--blue)}.pt-perks li b{font-weight:760;color:var(--ink)}.pt-note{text-align:center;font-size:12.5px;color:var(--faint);margin:26px auto 0;max-width:900px;line-height:1.7}.pt-matrix{max-width:1120px;margin:0 auto;overflow-x:auto;border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:var(--sh-xs)}.pt-matrix table{width:100%;min-width:720px;border-collapse:collapse}.pt-matrix th,.pt-matrix td{padding:14px 20px;text-align:center;font-size:14px}.pt-matrix thead th{background:#f8faffb3;font-weight:820;border-bottom:1px solid var(--line)}.pt-matrix thead th.feat{text-align:left;color:var(--muted);font-size:12px;font-weight:700}.pt-matrix thead th.hot{color:var(--blue)}.pt-matrix td.feat{text-align:left;color:#33415c;font-weight:600}.pt-matrix tr.cat td{text-align:left;background:#fff6;font-weight:820;font-size:11.5px;letter-spacing:.1em;color:var(--blue);text-transform:uppercase;padding-top:20px;padding-bottom:8px}.pt-matrix tbody tr.row td{border-top:1px solid var(--line-2)}.pt-matrix tbody tr.row:hover td{background:#2563eb0a}.pt-matrix td.hot{background:#2563eb12}.pt-yes{color:var(--green);font-weight:900;font-size:16px}.pt-no{color:var(--faint);font-weight:800}.pt-txt{font-size:12.5px;font-weight:720;color:#33415c}.pt-uniq{display:inline-block;font-size:10px;font-weight:820;color:#fff;background:var(--grad-2);padding:1px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.pt-pay{max-width:1120px;margin:0 auto;text-align:center;padding:38px 28px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:var(--sh-xs);border-radius:var(--r-lg)}.pt-pay h2{font-size:24px;margin-bottom:8px}.pt-pay p{color:var(--muted);font-size:14.5px}.pt-chips{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:22px}.pt-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:#fff9;font-size:13.5px;font-weight:720;color:#3a4863;transition:transform .2s var(--ease),border-color .2s}.pt-chip:hover{transform:translateY(-3px);border-color:#2563eb66}.pt-chip.hot{border:1.6px solid var(--blue);color:var(--blue)}.pt-chip .d{width:9px;height:9px;border-radius:3px}.page{padding-top:clamp(128px,15vw,160px)}.card{padding:28px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-line);box-shadow:var(--sh-xs);border-radius:var(--r-lg)}.card h3{font-size:18px;margin-bottom:12px}.card .chk{display:grid;gap:11px}.card .chk li{display:flex;align-items:center;gap:9px;font-size:14px}.card .chk li svg{color:var(--green)}.card ol{display:grid;gap:10px;margin-top:14px;padding-left:18px;list-style:decimal;color:var(--muted);font-size:14px}.dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:0 auto}.dl-grid .installer{display:flex;flex-direction:column}.footer{background:var(--navy);color:#cdd7e6;padding:62px clamp(20px,6vw,64px) 32px}.footer-top{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.09)}.footer .brand b{color:#fff}.footer .brandcol .mut{color:#8493a8;margin-top:14px;font-size:13.5px;line-height:1.7;max-width:280px}.footer .brand .logo{box-shadow:none}.fcol h4{font-size:13px;color:#fff;margin-bottom:15px;letter-spacing:.04em}.fcol a{display:block;font-size:14px;color:#9fb0c6;padding:6px 0;transition:color .16s,transform .16s}.fcol a:hover{color:#fff;transform:translate(3px)}.footer-bottom{max-width:1200px;margin:26px auto 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#7d8ca3;font-size:13px}@media(max-width:1000px){.navwrap{padding:8px 10px}.nav nav{position:fixed;inset:70px 14px auto 14px;flex-direction:column;align-items:stretch;gap:4px;padding:14px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-line);border-radius:18px;box-shadow:var(--sh);display:none}.nav nav.open{display:flex}.nav nav .divider{display:none}.nav-toggle{display:block}.stats{grid-template-columns:repeat(2,1fr);gap:24px 0}.stat:nth-child(3):before{display:none}.flow{grid-template-columns:repeat(3,1fr);gap:28px 16px}.flow:before{display:none}.bento{grid-template-columns:repeat(2,1fr)}.tile.third,.tile.feature{grid-column:span 2;grid-row:auto}.grid-5{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-3,.dl-grid{grid-template-columns:1fr}.pt-cards{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero h1{font-size:36px}.stats,.flow,.bento,.grid-5,.pt-cards{grid-template-columns:1fr}.stat+.stat:before{display:none}.footer-top{grid-template-columns:1fr}.wrap,.section{padding-left:20px;padding-right:20px}}
