:root{--bg: #ffffff;--bg-soft: #fafafb;--surface: #ffffff;--surface-2: #f6f6f8;--ink: #0e0f12;--ink-soft: #4a4c53;--ink-mute: #888b94;--line: #ececef;--line-strong: #dedee3;--brand: #4f46e5;--brand-2: #7c3aed;--brand-soft: #eef0ff;--brand-ink: #ffffff;--brand-glow: rgba(99, 102, 241, .32);--ok: #16a34a;--warn: #d97706;--shadow-sm: 0 1px 2px rgba(16, 18, 28, .04);--shadow-md: 0 10px 28px -12px rgba(16, 18, 28, .16), 0 2px 6px rgba(16, 18, 28, .05);--shadow-lg: 0 36px 72px -24px rgba(16, 18, 28, .28), 0 10px 24px -12px rgba(16, 18, 28, .12);--shadow-brand: 0 14px 32px -10px rgba(79, 70, 229, .45);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--maxw: 1120px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #0a0b0e;--bg-soft: #0e0f13;--surface: #14151b;--surface-2: #181a21;--ink: #f3f4f6;--ink-soft: #b6b8c0;--ink-mute: #7b7e88;--line: #24262e;--line-strong: #32343d;--brand: #818cf8;--brand-2: #a78bfa;--brand-soft: #181a2e;--brand-glow: rgba(129, 140, 248, .38);--ok: #4ade80;--warn: #fbbf24;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 12px 30px -12px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 40px 80px -24px rgba(0, 0, 0, .7), 0 10px 24px -12px rgba(0, 0, 0, .4);--shadow-brand: 0 14px 36px -10px rgba(99, 102, 241, .5)}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}p{text-wrap:pretty}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:17px;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:var(--shadow-brand)}.brand-mark svg{width:18px;height:18px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{color:var(--ink-soft);text-decoration:none;font-size:14.5px;font-weight:500;padding:7px 13px;border-radius:9px;transition:color .15s ease,background .15s ease}.nav-links a:hover{color:var(--ink);background:var(--surface-2)}.nav-cta{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff!important;padding:8px 18px!important;border-radius:999px!important;font-weight:600;box-shadow:var(--shadow-brand);margin-left:8px}.nav-cta:hover{background:linear-gradient(135deg,var(--brand),var(--brand-2));filter:brightness(1.06)}.hero{position:relative;padding:80px 0 90px;overflow:hidden;background:radial-gradient(900px 420px at 78% -8%,var(--brand-soft),transparent 70%),radial-gradient(700px 380px at 12% 0%,color-mix(in srgb,var(--brand-2) 10%,transparent),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);padding:6px 13px;border-radius:999px;margin-bottom:22px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.hero h1{font-size:clamp(34px,5.2vw,54px);margin:0 0 20px;font-weight:760;letter-spacing:-.03em;text-wrap:balance}.hero h1 .grad{background:linear-gradient(120deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:540px;margin:0;font-size:18px;line-height:1.7;color:var(--ink-soft)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hint{margin-top:18px;font-size:13.5px;color:var(--ink-mute)}.btn{display:inline-flex;align-items:center;gap:12px;min-width:188px;padding:12px 18px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);text-decoration:none;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--line-strong));transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{filter:brightness(1.06)}.btn .os-icon{flex:none;width:24px;height:24px;display:grid;place-items:center}.btn-primary .os-icon{color:#fff}.btn-os{font-size:15px;font-weight:650;line-height:1.2}.btn-meta{display:block;font-size:12.5px;opacity:.66;font-weight:500;margin-top:1px}.btn-primary .btn-meta{opacity:.82}.btn.is-disabled{opacity:.5;pointer-events:none}.section{padding:88px 0}.section-alt{background:var(--bg-soft)}.section-head{max-width:680px;margin-bottom:48px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.section h2{font-size:clamp(27px,3.6vw,38px);margin:0 0 14px;font-weight:720;text-wrap:balance}.section-head p{margin:0;color:var(--ink-soft);font-size:17px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.card,.point{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease}.card:hover,.point:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 32%,var(--line));box-shadow:var(--shadow-md)}.card-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:18px;color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 16%,transparent)}.card-icon svg{width:21px;height:21px}.card h3,.point h3{margin:0 0 8px;font-size:17.5px;font-weight:650}.card p,.point p{margin:0;color:var(--ink-soft);font-size:14.8px;line-height:1.65}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;counter-reset:step}.step{position:counter-increment: step;display:flex;gap:16px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.step-no{flex:none;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:700;display:grid;place-items:center;font-size:16px;box-shadow:var(--shadow-brand)}.step h3{margin:2px 0 6px;font-size:17px;font-weight:650}.step p{margin:0;color:var(--ink-soft);font-size:14.8px;line-height:1.65}.point{display:flex;gap:16px;align-items:flex-start;padding:28px}.point-icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 16%,transparent)}.point-icon svg{width:22px;height:22px}.point h3{font-size:17.5px}.section-cta{padding:96px 0;text-align:center;background:radial-gradient(800px 360px at 50% 0%,var(--brand-soft),transparent 70%),var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-cta h2{font-size:clamp(28px,4vw,40px);margin:0 0 14px;font-weight:720}.section-cta .sub{max-width:560px;margin:0 auto 30px;color:var(--ink-soft);font-size:17px}.section-cta .cta-row{justify-content:center}.footer{border-top:1px solid var(--line);padding:32px 0;color:var(--ink-mute);font-size:13.5px}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center}.brand.brand-footer{font-size:14px;color:var(--ink-mute);font-weight:600}.brand.brand-footer .brand-mark{width:24px;height:24px;border-radius:6px;box-shadow:none}.brand.brand-footer .brand-mark svg{width:14px;height:14px}.hero-visual{position:relative;perspective:1800px}.console{--c-bg: #0c0d11;--c-surface: #14161c;--c-surface-2: #1a1d25;--c-line: #262a34;--c-ink: #e9eaf0;--c-soft: #9aa1ae;--c-mute: #646b79;--c-green: #4ade80;--c-blue: #7dd3fc;--c-amber: #fbbf24;--c-brand: #818cf8;--c-brand2: #a78bfa;position:relative;border-radius:var(--radius-lg);background:var(--c-bg);border:1px solid var(--c-line);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff05 inset,0 1px #ffffff0f inset;overflow:hidden;transform:rotateX(2deg) rotateY(-6deg) rotate(.5deg);transform-style:preserve-3d}.console:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 0%,rgba(129,140,248,.22),transparent 55%);pointer-events:none}.console-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--c-line);background:linear-gradient(180deg,#111319,#0e1015);position:relative;z-index:1}.traffic{display:flex;gap:7px}.traffic i{width:11px;height:11px;border-radius:50%;background:var(--c-mute);display:block}.traffic i:nth-child(1){background:#ff5f57}.traffic i:nth-child(2){background:#febc2e}.traffic i:nth-child(3){background:#28c840}.console-url{flex:1;margin-left:10px;font-family:var(--mono);font-size:12px;color:var(--c-mute);background:#ffffff0a;border:1px solid var(--c-line);border-radius:7px;padding:5px 11px;text-align:center}.console-body{position:relative;z-index:1;padding:18px;display:grid;gap:14px}.bubble{max-width:88%;padding:12px 15px;border-radius:14px;font-size:14px;line-height:1.55}.bubble-user{justify-self:end;background:linear-gradient(135deg,var(--c-brand),var(--c-brand2));color:#fff;border-bottom-right-radius:5px;box-shadow:0 8px 20px -8px #818cf899}.bubble-agent{justify-self:start;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink);border-bottom-left-radius:5px}.task{background:var(--c-surface);border:1px solid var(--c-line);border-radius:13px;padding:14px 15px;display:grid;gap:11px}.task-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--c-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}.task-badge{display:inline-flex;align-items:center;gap:6px;color:var(--c-blue);font-size:11.5px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--c-blue);box-shadow:0 0 #7dd3fc99;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #7dd3fc8c}70%{box-shadow:0 0 0 7px #7dd3fc00}to{box-shadow:0 0 #7dd3fc00}}.steps-mini{list-style:none;margin:0;padding:0;display:grid;gap:9px}.steps-mini li{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--c-soft)}.steps-mini .ic{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.ic-done{background:#4ade8024;color:var(--c-green)}.ic-active{background:#7dd3fc24;color:var(--c-blue);position:relative}.ic-active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(125,211,252,.35);border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ic-pending{background:#ffffff0a;color:var(--c-mute)}.steps-mini .ic svg{width:11px;height:11px}.steps-mini .label{flex:1}.steps-mini .meta{font-family:var(--mono);font-size:11.5px;color:var(--c-mute)}.steps-mini li.is-active{color:var(--c-ink)}.steps-mini li.is-done{color:var(--c-soft)}.composer{display:flex;align-items:center;gap:10px;background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:12px;padding:10px 13px}.composer input{flex:1;background:transparent;border:none;outline:none;color:var(--c-ink);font-size:13px;font-family:inherit}.composer input::placeholder{color:var(--c-mute)}.composer .send{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-brand),var(--c-brand2));color:#fff;flex:none}.composer .send svg{width:14px;height:14px}.floating-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 13px;box-shadow:var(--shadow-md)}.floating-tag svg{width:14px;height:14px;color:var(--ok)}.tag-top{top:-16px;left:-14px}.tag-bottom{bottom:-16px;right:-10px}.floating-tag .ft-soft{color:var(--ink-mute);font-weight:500}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero-visual{max-width:520px;margin:0 auto;width:100%}.console{transform:none}.grid,.grid-2,.steps{grid-template-columns:1fr}.section{padding:64px 0}.floating-tag{display:none}}@media (max-width: 640px){.wrap{padding:0 18px}.nav-inner{height:60px}.nav-links a:not(.nav-cta){display:none}.hero{padding:56px 0 64px}.lead{font-size:16.5px}.btn{min-width:0;flex:1;padding:11px 14px}.btn-meta{display:none}.section{padding:56px 0}.section-head{margin-bottom:34px}.card,.point,.step{padding:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}