:root{--brand-500: #2f6bff;--brand-600: #1f4fd8;--brand-300: #7fa3ff;--accent-cyan: #22d3ee;--accent-violet: #8b5cf6;--accent-green: #10b981;--accent-amber: #f59e0b;--grad-brand: linear-gradient(135deg, #2f6bff 0%, #22d3ee 100%);--grad-brand-soft: linear-gradient(135deg, rgba(47, 107, 255, .12), rgba(34, 211, 238, .12));--grad-text: linear-gradient(120deg, #6f97ff 0%, #22d3ee 60%, #67e8f9 100%);--ink-950: #070b14;--ink-900: #0c1322;--ink-800: #141d30;--ink-700: #1e2a42;--gray-900: #0f172a;--gray-600: #475569;--gray-400: #94a3b8;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--gray-50: #f8fafc;--white: #ffffff;--text-dark: var(--gray-900);--text-mute: var(--gray-600);--text-on-dark: #e6edf7;--text-on-dark-mute: #93a4bd;--border-dark: rgba(255, 255, 255, .08);--border-light: var(--gray-200);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, "SF Mono", "Courier New", monospace;--fs-display: 64px;--fs-h1: 48px;--fs-h2: 36px;--fs-h3: 22px;--fs-body-l: 18px;--fs-body: 16px;--fs-caption: 13px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--section-pad: 96px;--section-pad-sm: 64px;--container: 1200px;--radius-card: 16px;--radius-btn: 10px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06);--shadow-card-hover: 0 4px 8px rgba(15, 23, 42, .08), 0 16px 40px rgba(15, 23, 42, .12);--shadow-nav: 0 1px 0 rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .08);--ease: .2s ease}@media (max-width: 768px){:root{--fs-display: 40px;--fs-h1: 32px;--fs-h2: 28px;--fs-h3: 18px;--fs-body-l: 16px;--fs-body: 15px;--section-pad: 56px;--section-pad-sm: 40px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.7;color:var(--text-dark);background:var(--white);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--brand-500);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--brand-600)}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:4px}::selection{background:#2f6bff2e}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:inherit}.display{font-size:var(--fs-display);line-height:1.12;letter-spacing:-.02em}h1{font-size:var(--fs-h1);letter-spacing:-.01em}h2{font-size:var(--fs-h2);letter-spacing:-.01em}h3{font-size:var(--fs-h3);line-height:1.35}.lead{font-size:var(--fs-body-l);line-height:1.75}.mute{color:var(--text-mute)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-6)}section{padding:var(--section-pad) 0}.section-sm{padding:var(--section-pad-sm) 0}.bg-gray{background:var(--gray-50)}.bg-dark{background:var(--ink-950);color:var(--text-on-dark)}.bg-dark h2,.bg-dark h3{color:var(--white)}.section-head{max-width:760px;margin:0 auto var(--space-12);text-align:center}.section-head .lead{margin-top:var(--space-4);color:var(--text-mute)}.bg-dark .section-head .lead{color:var(--text-on-dark-mute)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-500);margin-bottom:var(--space-4)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--grad-brand);border-radius:1px}.bg-dark .eyebrow{color:var(--accent-cyan)}.grid{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-3,.grid-2{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 28px;border-radius:var(--radius-btn);font-size:var(--fs-body);font-weight:600;line-height:1;transition:transform var(--ease),box-shadow var(--ease),background var(--ease),border-color var(--ease),color var(--ease);white-space:nowrap}.btn-primary{background:var(--grad-brand);color:var(--white);box-shadow:0 4px 16px #2f6bff52}.btn-primary:hover{color:var(--white);transform:translateY(-1px);box-shadow:0 8px 24px #2f6bff66}.btn-secondary{background:var(--white);color:var(--gray-900);border:1px solid var(--gray-200)}.btn-secondary:hover{color:var(--brand-500);border-color:var(--brand-500)}.btn-ghost{background:#ffffff0f;color:var(--white);border:1px solid rgba(255,255,255,.22)}.btn-ghost:hover{color:var(--white);border-color:var(--accent-cyan);background:#ffffff1a}.btn-lg{padding:17px 34px;font-size:var(--fs-body-l)}.site-nav{position:sticky;top:0;z-index:100;background:#070b14d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-dark);transition:box-shadow var(--ease)}.site-nav.scrolled{box-shadow:0 8px 30px #00000059}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--white);font-size:20px;font-weight:700;letter-spacing:-.01em}.nav-logo:hover{color:var(--white)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--grad-brand);color:var(--white);font-size:18px;font-weight:800;box-shadow:0 2px 10px #2f6bff66}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-links a:not(.btn){color:var(--text-on-dark-mute);font-size:15px;font-weight:500}.nav-links a:not(.btn):hover,.nav-links a[aria-current=page]:not(.btn){color:var(--white)}.nav-links a[aria-current=page]:not(.btn){position:relative}.nav-links a[aria-current=page]:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:1px;background:var(--grad-brand)}.nav-cta{padding:10px 20px}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;border-radius:8px;border:1px solid var(--border-dark)}.nav-toggle span{display:block;height:2px;width:100%;background:var(--white);border-radius:1px;transition:transform var(--ease),opacity var(--ease)}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1024px){.nav-toggle{display:flex}.nav-links{position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#070b14fa;border-bottom:1px solid var(--border-dark);padding:var(--space-4) var(--space-6) var(--space-6);display:none}.nav-links.open{display:flex}.nav-links a:not(.btn){padding:var(--space-4) 0;border-bottom:1px solid var(--border-dark)}.nav-links .nav-cta{margin-top:var(--space-4)}}.hero{position:relative;background:var(--ink-950);color:var(--text-on-dark);overflow:hidden;padding:var(--section-pad) 0}.hero-sm{padding:var(--section-pad-sm) 0}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 320px at 18% 0%,rgba(47,107,255,.22),transparent 65%),radial-gradient(520px 300px at 82% 18%,rgba(34,211,238,.13),transparent 65%),radial-gradient(420px 280px at 60% 100%,rgba(139,92,246,.1),transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 35%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 35%,transparent 75%);pointer-events:none}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-12);align-items:center}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:var(--space-10)}}.hero h1,.hero .display{color:var(--white)}.hero .lead{color:var(--text-on-dark-mute);margin:var(--space-6) 0 var(--space-8)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-10)}.hero-badges .pill{background:#ffffff0f;border-color:var(--border-dark);color:var(--text-on-dark-mute)}.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:500;background:#2f6bff1a;color:var(--brand-500);border:1px solid rgba(47,107,255,.16)}.pill-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill-green{background:#10b9811f;color:#0b9e6d;border-color:#10b98133}.pill-amber{background:#f59e0b1f;color:#c47f06;border-color:#f59e0b38}.pill-violet{background:#8b5cf61f;color:#7c4ded;border-color:#8b5cf633}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--grad-brand);color:var(--white);box-shadow:0 4px 14px #2f6bff47;flex-shrink:0}.icon-tile svg{width:22px;height:22px}.icon-tile--violet{background:linear-gradient(135deg,#8b5cf6,#d946ef);box-shadow:0 4px 14px #8b5cf647}.icon-tile--green{background:linear-gradient(135deg,#10b981,#22d3ee);box-shadow:0 4px 14px #10b98142}.icon-tile--amber{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 14px #f59e0b47}.icon-tile--cyan{background:linear-gradient(135deg,#06b6d4,#2f6bff);box-shadow:0 4px 14px #06b6d442}.icon-tile--rose{background:linear-gradient(135deg,#f43f5e,#f59e0b);box-shadow:0 4px 14px #f43f5e42}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 1024px){.cap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cap-grid{grid-template-columns:1fr}}.cap-card{position:relative;display:block;padding:var(--space-8);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-card);box-shadow:var(--shadow-card);color:inherit;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);overflow:hidden}.cap-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad-brand);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--ease);pointer-events:none}.cap-card:hover{color:inherit;transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.cap-card:hover:before{opacity:1}.cap-card .en{display:block;font-size:19px;font-weight:700;color:var(--gray-900);margin-top:var(--space-5);letter-spacing:-.01em}.cap-card .zh{display:block;font-size:14px;font-weight:600;color:var(--brand-500);margin-top:2px}.cap-card p{margin-top:var(--space-3);font-size:15px;color:var(--gray-600);line-height:1.65}.cap-card .cap-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.cap-card .cap-more{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-5);font-size:14px;font-weight:600;color:var(--brand-500)}.cap-card:hover .cap-more{gap:8px}.cap-more{transition:gap var(--ease)}.dark-card{background:var(--ink-900);border:1px solid var(--border-dark);border-radius:var(--radius-card);padding:var(--space-8)}.code-window{background:var(--ink-900);border:1px solid var(--border-dark);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #00000059;max-width:100%}.code-bar{display:flex;align-items:center;gap:var(--space-3);padding:12px 18px;background:#ffffff08;border-bottom:1px solid var(--border-dark)}.code-dots{display:inline-flex;gap:7px}.code-dots i{width:11px;height:11px;border-radius:50%;background:var(--ink-700)}.code-dots i:nth-child(1){background:#ff5f57}.code-dots i:nth-child(2){background:#febc2e}.code-dots i:nth-child(3){background:#28c840}.code-name{font-family:var(--font-mono);font-size:12px;color:var(--text-on-dark-mute)}.code-copy{margin-left:auto;font-size:12px;color:var(--text-on-dark-mute);padding:4px 10px;border-radius:6px;border:1px solid var(--border-dark);transition:color var(--ease),border-color var(--ease)}.code-copy:hover{color:var(--white);border-color:var(--accent-cyan)}.code-window pre{margin:0;padding:var(--space-6);overflow-x:auto;font-family:var(--font-mono);font-size:13.5px;line-height:1.75;color:#c9d6ec}.code-window pre .c{color:#5b6b85}.code-window pre .k{color:#7fa3ff}.code-window pre .s{color:#5eead4}.code-window pre .n{color:#fbbf24}.code-window pre .f{color:#c4b5fd}.code-window pre .h{color:#f472b6}.tabs{margin:0 auto}.tab-btns{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);padding:5px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:var(--space-5)}.tab-btn{padding:9px 20px;border-radius:9px;font-size:14px;font-weight:600;color:var(--gray-600);transition:all var(--ease)}.tab-btn[aria-selected=true]{background:var(--white);color:var(--brand-500);box-shadow:0 2px 8px #0f172a1a}.tab-panel[hidden]{display:none}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6);counter-reset:step}@media (max-width: 1024px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.steps{grid-template-columns:1fr}}.step{position:relative;counter-increment:step;padding:var(--space-6);background:var(--ink-900);border:1px solid var(--border-dark);border-radius:var(--radius-card)}.step:before{content:"0" counter(step);display:block;font-size:26px;font-weight:800;font-family:var(--font-mono);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-4)}.step h3{font-size:17px;margin-bottom:var(--space-2);color:var(--white)}.step p{font-size:14px;color:var(--text-on-dark-mute);line-height:1.65}.step .step-tag{display:inline-block;margin-top:var(--space-4);font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);background:#22d3ee14;border:1px solid rgba(34,211,238,.18);border-radius:6px;padding:3px 8px}.steps-light .step{background:var(--white);border-color:var(--gray-200);box-shadow:var(--shadow-card)}.steps-light .step h3{color:var(--gray-900)}.steps-light .step p{color:var(--gray-600)}.steps-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.steps-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.steps-4{grid-template-columns:1fr}}.table-wrap{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-card)}table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}thead th{text-align:left;padding:14px 18px;background:var(--gray-50);color:var(--gray-600);font-size:13px;font-weight:600;letter-spacing:.02em;border-bottom:1px solid var(--gray-200);white-space:nowrap}tbody td{padding:14px 18px;border-bottom:1px solid var(--gray-100);color:var(--gray-900);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--gray-50)}td code,p code,li code{font-family:var(--font-mono);font-size:.9em;background:#2f6bff14;color:var(--brand-600);padding:2px 7px;border-radius:6px;word-break:break-all}.faq-list{max-width:800px;margin:0 auto;display:grid;gap:var(--space-4)}.faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--shadow-card);overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:20px 24px;font-size:16.5px;font-weight:600;color:var(--gray-900);cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";width:10px;height:10px;flex-shrink:0;border-right:2px solid var(--gray-400);border-bottom:2px solid var(--gray-400);transform:rotate(45deg);transition:transform var(--ease);margin-right:4px}.faq-item[open] summary:after{transform:rotate(225deg)}.faq-item .faq-body{padding:0 24px 20px;color:var(--gray-600);font-size:15px;line-height:1.75}.channel-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.channel-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 22px;border-radius:var(--radius-pill);border:1px solid var(--border-dark);background:#ffffff0a;color:var(--text-on-dark);font-size:15px;font-weight:500}.channel-chip small{color:var(--text-on-dark-mute);font-family:var(--font-mono);font-size:12px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:13.5px;color:var(--text-on-dark-mute);padding-top:var(--space-6)}.breadcrumb a{color:var(--text-on-dark-mute)}.breadcrumb a:hover{color:var(--white)}.breadcrumb .sep{color:var(--ink-700)}.breadcrumb [aria-current]{color:var(--accent-cyan)}.bench-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 768px){.bench-grid{grid-template-columns:1fr}}.bench-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-card);padding:var(--space-8);box-shadow:var(--shadow-card)}.bench-card .bench-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.bench-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-weight:700;font-size:16px;color:var(--white)}.bench-brand-mark.alipay{background:linear-gradient(135deg,#1677ff,#4096ff)}.bench-brand-mark.wechat{background:linear-gradient(135deg,#07c160,#2bd477)}.bench-brand-mark.payhub{background:var(--grad-brand)}.bench-card h3{font-size:18px}.bench-card ul{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.bench-card li{position:relative;padding-left:var(--space-6);font-size:14.5px;color:var(--gray-600);line-height:1.7}.bench-card li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--grad-brand)}.bench-note{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);border-radius:12px;background:var(--grad-brand-soft);border:1px solid rgba(47,107,255,.15);font-size:14.5px;color:var(--gray-600);text-align:center}.bench-note strong{color:var(--brand-600)}.related-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.related-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);font-size:14px;font-weight:500;transition:all var(--ease)}.related-nav a:hover{color:var(--brand-500);border-color:var(--brand-500);transform:translateY(-2px)}.cta-band{position:relative;background:var(--ink-950);color:var(--text-on-dark);padding:var(--section-pad) 0;overflow:hidden;text-align:center}.cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 30% 20%,rgba(47,107,255,.2),transparent 65%),radial-gradient(460px 240px at 72% 80%,rgba(34,211,238,.14),transparent 65%);pointer-events:none}.cta-band .container{position:relative;z-index:1}.cta-band h2{color:var(--white);font-size:var(--fs-h1);letter-spacing:-.01em}.cta-band p{color:var(--text-on-dark-mute);margin:var(--space-5) auto var(--space-8);max-width:620px}.cta-band .hero-actions{justify-content:center}.site-footer{background:var(--ink-950);color:var(--text-on-dark-mute);border-top:1px solid var(--border-dark);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-10)}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}}.footer-brand p{margin-top:var(--space-4);font-size:14px;line-height:1.75;max-width:300px}.footer-col h4{color:var(--white);font-size:14px;font-weight:600;margin-bottom:var(--space-5);letter-spacing:.04em}.footer-col ul{display:grid;gap:var(--space-3)}.footer-col a{color:var(--text-on-dark-mute);font-size:14px}.footer-col a:hover{color:var(--white)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-dark);font-size:13px}.footer-bottom p{margin:0}.footer-disclaimer{margin-top:var(--space-3);font-size:12.5px;color:#5b6b85;text-align:center;width:100%}.feature-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-card);padding:var(--space-8);box-shadow:var(--shadow-card);transition:transform var(--ease),box-shadow var(--ease)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.feature-card h3{margin:var(--space-5) 0 var(--space-3);font-size:18px}.feature-card p{font-size:14.5px;color:var(--gray-600);line-height:1.7}.callout{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:12px;background:var(--gray-50);border:1px solid var(--gray-200);border-left:3px solid var(--brand-500);font-size:14.5px;color:var(--gray-600)}.stats-band{background:var(--ink-900);border-top:1px solid var(--border-dark);border-bottom:1px solid var(--border-dark);padding:var(--space-10) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);text-align:center}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat .num{font-size:38px;font-weight:800;font-family:var(--font-mono);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.stat .label{margin-top:var(--space-2);font-size:14px;color:var(--text-on-dark-mute)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.split>*,.grid>*,.cap-grid>*,.stats-grid>*,.seq>*{min-width:0}@media (max-width: 1024px){.split{grid-template-columns:1fr;gap:var(--space-8)}}.check-list{display:grid;gap:var(--space-5);margin-top:var(--space-8)}.check-list li{position:relative;padding-left:36px;font-size:15.5px;color:var(--gray-600);line-height:1.7}.check-list li:before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--grad-brand-soft);border:1px solid rgba(47,107,255,.3)}.check-list li:after{content:"";position:absolute;left:6px;top:10px;width:9px;height:5px;border-left:2px solid var(--brand-500);border-bottom:2px solid var(--brand-500);transform:rotate(-45deg)}.check-list strong{color:var(--gray-900)}.bg-dark .check-list li{color:var(--text-on-dark-mute)}.bg-dark .check-list strong{color:var(--white)}.seq{display:grid;gap:var(--space-4);max-width:860px;margin:0 auto}.seq-item{display:grid;grid-template-columns:88px 1fr;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--white);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--shadow-card)}@media (max-width: 600px){.seq-item{grid-template-columns:1fr;gap:var(--space-3)}}.seq-role{display:inline-flex;align-items:center;justify-content:center;align-self:start;padding:6px 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;background:#2f6bff14;color:var(--brand-600);border:1px solid rgba(47,107,255,.16)}.seq-role--agent{background:#8b5cf61a;color:#7c4ded;border-color:#8b5cf633}.seq-role--user{background:#10b9811a;color:#0b9e6d;border-color:#10b98133}.seq-role--channel{background:#f59e0b1a;color:#c47f06;border-color:#f59e0b38}.seq-item strong{display:block;font-size:15.5px;color:var(--gray-900);margin-bottom:4px}.seq-item span.seq-note{font-size:14px;color:var(--gray-600);line-height:1.7}.seq-item code{font-size:.88em}.vs-table td:first-child{width:130px;font-weight:600}.anchor-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.anchor-pills a{display:inline-flex;align-items:center;padding:9px 20px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text-on-dark);font-size:14px;font-weight:500}.anchor-pills a:hover{color:var(--white);border-color:var(--accent-cyan)}