: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}.docs-page{background:#f8fbff}.docs-hero{padding:86px 0 46px;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff,#f8fbff),#fff}.docs-hero-inner{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:end}.docs-hero h1{max-width:760px;margin:12px 0 16px;font-size:clamp(42px,7vw,74px);line-height:.98}.docs-hero p{max-width:760px;margin:0;color:var(--muted);font-size:18px;line-height:1.8}.docs-api-box{padding:22px;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#fff;box-shadow:0 18px 42px #0f172a14}.docs-api-box span,.info-grid span{display:block;margin-bottom:10px;color:#64748b;font-size:13px;font-weight:760}.docs-api-box code,.info-grid code,.steps code,.rules code,.faq-list code{color:#0f172a;background:#eef6ff;border:1px solid rgba(37,99,235,.14);border-radius:6px;padding:2px 6px;overflow-wrap:anywhere}.docs-section{padding:42px 0 86px}.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:start}.docs-toc{position:sticky;top:96px;display:grid;gap:6px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff}.docs-toc a{padding:10px 12px;color:#334155;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700}.docs-toc a:hover{background:#f1f5f9}.docs-content{display:grid;gap:18px}.docs-panel{padding:28px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#fff}.docs-panel h2{margin:0 0 16px;font-size:28px}.docs-panel h3{margin:0 0 14px}.docs-panel p,.steps,.rules{color:var(--muted);font-size:16px;line-height:1.8}.info-grid,.client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-grid>div,.client-grid article{padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#f8fafc}.steps,.rules{margin:0;padding-left:22px}.steps li,.rules li{margin:8px 0}.client-grid dl{display:grid;grid-template-columns:100px 1fr;gap:10px 14px;margin:0}.client-grid dt{color:#64748b;font-size:14px}.client-grid dd{margin:0;overflow-wrap:anywhere}.client-grid pre{max-height:270px}.docs-code{margin-top:16px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{padding:20px;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:#f8fafc}.plan-card h3{margin:0 0 14px}.plan-card strong{display:block;color:#0f172a;font-size:28px;line-height:1}.plan-card span{display:block;margin-top:10px;color:#2563eb;font-weight:760}.plan-card p,.docs-note{color:var(--muted);line-height:1.75}.docs-note{margin:16px 0 0;padding:14px 16px;border-radius:8px;background:#eef6ff;border:1px solid rgba(37,99,235,.12)}.faq-list{display:grid;gap:10px}.faq-list details{padding:16px 18px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#f8fafc}.faq-list summary{cursor:pointer;font-weight:780}.faq-list p{margin:12px 0 0}@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,.docs-hero-inner,.docs-layout,.info-grid,.client-grid,.plan-grid{grid-template-columns:1fr}.docs-toc{position:static}}@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%}.docs-panel{padding:20px}.client-grid dl{grid-template-columns:1fr}}
