:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--ink: #0f172a;--muted: #5d6b82;--line: rgba(15, 23, 42, .1);--blue: #2563eb;--cyan: #0891b2;--soft: #f6f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink)}a{color:inherit}.page{min-height:100vh;overflow-x:hidden}.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffffdb;backdrop-filter:blur(18px)}.nav-inner{width:min(1180px,calc(100% - 40px));height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:780;font-size:19px;letter-spacing:0}.brand img{width:36px;height:36px;border-radius:10px}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;color:#334155}.nav-links a{text-decoration:none}.nav-actions{display:flex;gap:10px;align-items:center}.button{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:720;font-size:14px;border:1px solid var(--line);background:#fff;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a14}.button.primary{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 18px 38px #0f172a29}.hero{position:relative;min-height:calc(100vh - 72px);display:grid;align-items:center;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(90deg,#fffffff5,#ffffffd1 48%,#ffffff38),radial-gradient(circle at 80% 18%,rgba(37,99,235,.18),transparent 28%),#f8fbff}.api-scene{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 0%,black 45%,black 100%)}.flow-card{position:absolute;right:max(32px,calc((100vw - 1180px)/2));width:min(520px,42vw);border:1px solid rgba(15,23,42,.11);border-radius:8px;background:#ffffffc7;box-shadow:0 28px 80px #0f172a1f;backdrop-filter:blur(20px)}.flow-card.main{top:18%;min-height:280px}.flow-card.small{bottom:13%;right:max(64px,calc((100vw - 1080px)/2));width:min(420px,34vw)}.flow-head{height:44px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(15,23,42,.08)}.dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.dot:nth-child(1){background:#38bdf8}.dot:nth-child(2){background:#22c55e}.dot:nth-child(3){background:#f59e0b}.flow-body{padding:20px}.route{display:grid;grid-template-columns:120px 1fr 112px;align-items:center;gap:12px;margin-bottom:16px}.node{height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:760;background:#f1f5f9;color:#0f172a;border:1px solid rgba(15,23,42,.08)}.node.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-color:transparent}.line{height:2px;position:relative;background:#2563eb29}.line:after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#2563eb;animation:travel 2.8s ease-in-out infinite}.bars{display:grid;gap:10px;margin-top:22px}.bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#22c55e)}.w-76{width:76%}.w-58{width:58%}.w-91{width:91%}.metrics-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{padding:16px;border-radius:8px;background:#f8fafcdb;border:1px solid rgba(15,23,42,.08)}.mini b{display:block;font-size:22px}.mini span{display:block;margin-top:6px;font-size:12px;color:var(--muted)}@keyframes travel{0%{transform:translate(0)}to{transform:translate(calc(100% - 8px))}}.hero-inner,.section-inner{width:min(1180px,calc(100% - 40px));margin:0 auto}.hero-content{width:min(650px,100%);position:relative;z-index:2;padding:82px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(37,99,235,.14);background:#fffc;color:#1d4ed8;font-weight:760;font-size:13px}.pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px #22c55e24}h1{margin:26px 0 0;max-width:740px;font-size:clamp(44px,6.6vw,82px);line-height:1.03;letter-spacing:0;font-weight:820}.hero-copy{margin:24px 0 0;max-width:640px;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.78}.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}.trust-row{margin-top:34px;display:flex;flex-wrap:wrap;gap:18px;color:#475569;font-size:14px}.trust-row span{display:inline-flex;align-items:center;gap:8px}.trust-row span:before{content:"";width:7px;height:7px;border-radius:50%;background:#0ea5e9}.section{padding:88px 0}.section.alt{background:var(--soft);border-block:1px solid rgba(15,23,42,.08)}.section-head{max-width:760px;margin-bottom:34px}.section-label{color:var(--blue);font-size:13px;font-weight:780}h2{margin:12px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.16;letter-spacing:0}.section-head p{margin:16px 0 0;color:var(--muted);line-height:1.76;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff;padding:24px;box-shadow:0 16px 40px #0f172a0d}.icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4)}.card h3,.scenario h3{margin:0;font-size:18px}.card p,.scenario p,.faq p{margin:12px 0 0;color:var(--muted);line-height:1.72;font-size:15px}.split{display:grid;grid-template-columns:.94fr 1.06fr;gap:42px;align-items:center}.code-panel{overflow:hidden;border-radius:8px;border:1px solid rgba(15,23,42,.1);background:#0b1220;color:#dbeafe;box-shadow:0 28px 80px #0f172a3d}.code-title{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}pre{margin:0;padding:22px;overflow:auto;font-size:14px;line-height:1.75}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.token-blue{color:#7dd3fc}.token-green{color:#86efac}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scenario{min-height:220px;padding:24px;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f8fafc)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{padding:26px;border-radius:8px;border:1px solid rgba(15,23,42,.09);background:#fff}.price-card.featured{color:#fff;background:#0f172a;border-color:#0f172a}.price-card h3{margin:0;font-size:20px}.price-card p{min-height:52px;color:var(--muted);line-height:1.7}.price-card.featured p,.price-card.featured li{color:#cbd5e1}.price-card ul{padding-left:18px;margin:18px 0 0;color:#475569;line-height:2}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq{padding:24px;border-radius:8px;background:#fff;border:1px solid rgba(15,23,42,.08)}.cta{padding:72px 0;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(56,189,248,.25),transparent 30%),#0f172a}.cta .section-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{margin:0}.cta p{max-width:620px;color:#cbd5e1;line-height:1.7}.cta .button{background:#fff;color:#0f172a}.footer{padding:38px 0;color:#64748b;background:#fff}.footer-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.footer-links{display:flex;gap:18px}.footer-links a{text-decoration:none}@media(max-width:980px){.nav-links{display:none}.hero{min-height:auto}.flow-card{opacity:.38;width:72vw}.feature-grid,.pricing{grid-template-columns:repeat(2,1fr)}.split,.scenario-grid{grid-template-columns:1fr}}@media(max-width:640px){.nav-inner,.hero-inner,.section-inner,.footer-inner{width:min(100% - 28px,1180px)}.nav-actions .button:not(.primary){display:none}.hero-content{padding:64px 0}h1{font-size:42px}.flow-card{display:none}.feature-grid,.pricing,.faq-grid{grid-template-columns:1fr}.hero-actions,.cta .section-inner,.footer-inner{align-items:stretch;flex-direction:column}.button{width:100%}}