:root{--tk-blue:#004bff;--tk-blue-deep:#0024ed;--tk-cyan:#23ebff;--tk-white:#fff;--tk-ink:#11151f;--tk-gray-50:#f5f7fa;--tk-gray-200:#e5e7eb;--tk-gray-400:#9ca3af;--tk-gray-500:#6b7280;--tk-surface-dark:#11151f;--tk-surface-dark-card:#1a1f2e;--brand:var(--tk-blue);--brand-deep:var(--tk-blue-deep);--accent:var(--tk-cyan);--bg-page:var(--tk-white);--bg-subtle:var(--tk-gray-50);--surface-card:var(--tk-white);--text-primary:var(--tk-ink);--text-secondary:var(--tk-gray-500);--text-brand:var(--tk-blue);--text-on-brand:var(--tk-white);--border-subtle:var(--tk-gray-200);--border-brand:var(--tk-blue);--tk-tint:#e0e7ff;--tk-tint-deep:#bfd2ff;--tk-blue-mid:#4783ff;--tk-blue-sky:#53c5ff;--tk-bg-soft:#f4f4f8;--gradient-brand:linear-gradient(135deg, var(--tk-blue-deep) 0%, var(--tk-blue) 100%);--gradient-tint:linear-gradient(160deg, var(--tk-tint-deep) 0%, var(--tk-tint) 100%);--gradient-blue-soft:linear-gradient(135deg, #3974ff 0%, #7baaff 100%);--btn-primary-bg:var(--tk-blue);--btn-primary-bg-hover:var(--tk-blue-deep);--btn-primary-fg:var(--tk-white);--focus-ring:var(--tk-cyan)}[data-theme=dark]{--bg-page:var(--tk-surface-dark);--bg-subtle:var(--tk-surface-dark-card);--surface-card:var(--tk-surface-dark-card);--text-primary:var(--tk-white);--text-secondary:var(--tk-gray-400);--text-brand:var(--tk-white);--border-subtle:#ffffff1a}:root{--font-sans:-apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:56px;--text-5xl:72px;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-lift:0 2px 8px #11151f0d;--shadow-card:0 1px 2px #11151f0a, 0 2px 8px #11151f0a;--line-hairline:1px;--line-rule:2px;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.15s;--duration-base:.25s}.e2eDemoRoot{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.e2eDemoRoot h1,.e2eDemoRoot h2,.e2eDemoRoot h3,.e2eDemoRoot h4{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.e2eDemoRoot h1{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-brand)}.e2eDemoRoot h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.e2eDemoRoot h3{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.e2eDemoRoot p{margin:0}.e2eDemoRoot a{color:var(--brand);text-decoration:none}.e2eDemoRoot a:hover{opacity:.8}.e2eDemoRoot ::selection{background:var(--tk-blue);color:var(--tk-white)}:root{--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--ow-blue:#004bff;--ow-blue-hover:#0036cc;--ow-blue-grad-hi:#2c6aff;--ow-blue-400:#60a5fa;--ow-blue-50:#eff6ff;--ow-ink:#1a1a1a;--ow-label:#333;--ow-gray:#4e5969;--ow-placeholder:#94a3b8;--ow-icon:#64748b;--ow-border:#e2e8f0;--ow-input-bg:#f8f9fc;--ow-card-bg:#f8faff;--ow-zinc-50:#fafafa;--ow-zinc-100:#f4f4f5;--ow-zinc-200:#e4e4e7;--ow-zinc-300:#d4d4d8;--ow-zinc-500:#71717a;--ow-zinc-900:#18181b;--ow-error:#ef4444;--ow-error-bg:#fef2f2;--ow-success:#10b981;--ow-disabled-bg:#ebeef5;--ow-disabled-fg:#a0a7b9;--ow-shadow-sm:0 1px 2px #0000000d;--ow-shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--ow-shadow-submit:0 4px 14px #004bff38}.e2eDemoRoot,.e2eDemoRoot *{box-sizing:border-box}.e2eDemoRoot{font-family:var(--font-sans);color:var(--ow-ink);background:var(--bg-page);line-height:var(--leading-normal);min-width:0;overflow-x:clip}.side-nav{z-index:90;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #00000014;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:8px 6px;display:flex;position:fixed;top:50%;left:max(20px,50% - 680px);transform:translateY(-50%);box-shadow:0 4px 20px #0000000f}.side-nav a{font-size:var(--text-xs);color:var(--ow-zinc-500);transition:color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out);border-radius:10px;padding:6px 14px;text-decoration:none}.side-nav a:hover{color:var(--ow-zinc-900);background:var(--ow-zinc-100);opacity:1}.side-nav a.active{color:var(--ow-blue);font-weight:var(--weight-semibold);background:#004bff14}.e2eDemoRoot section{max-width:1080px;margin:0 auto;padding:96px 50px;scroll-margin-top:96px}.e2eDemoRoot .chapter-alt{background:var(--ow-zinc-50);max-width:none}.chapter-alt>*{max-width:1080px;margin-left:auto;margin-right:auto}.e2eDemoRoot .hero{max-width:none}@media (max-width:1360px){.side-nav{display:none}}@media (max-width:768px){.e2eDemoRoot section{padding:64px 16px}}.section-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.section-bg .bg-glow{background:radial-gradient(circle,#004bff0d 0%,#0000 70%);width:1400px;height:900px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero{position:relative}.hero>:not(.section-bg){z-index:1;position:relative}.chapter-no{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--ow-blue);align-items:center;gap:10px;display:inline-flex}.chapter-no:before{content:"";background:var(--ow-blue);flex:none;width:8px;height:8px}.chapter h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--ow-zinc-900);margin:12px 0 16px}.pain{color:var(--ow-zinc-500);margin:0 0 8px}.value{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--ow-ink);text-wrap:pretty;margin:0 0 24px}.contrast{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:16px;margin:0 0 24px;display:grid}.contrast-item{border-radius:12px;padding:16px 18px}.contrast-item p{margin:0}.contrast-tag{font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:999px;align-items:center;margin-bottom:10px;padding:3px 10px;display:inline-flex}.contrast-before{background:var(--ow-input-bg);border:1px solid var(--ow-border)}.contrast-before .contrast-tag{background:var(--ow-zinc-100);color:var(--ow-zinc-500)}.contrast-before p{color:var(--ow-zinc-500)}.contrast-after{background:#004bff0a;border:1px solid #004bff59}.contrast-after .contrast-tag{background:var(--ow-blue);color:#fff}.contrast-after p{color:var(--ow-ink);font-weight:var(--weight-medium)}.contrast-arrow{color:var(--ow-zinc-300);font-size:var(--text-lg);flex:none;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.contrast{grid-template-columns:1fr}.contrast-arrow{padding:4px 0;transform:rotate(90deg)}}.badges{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.badge{font-size:var(--text-xs);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:999px;padding:4px 12px}.badge-agent{color:var(--ow-blue);font-weight:var(--weight-medium);background:#004bff14}.badge-agent:hover{background:#004bff24}.badge-base{background:var(--surface-card);color:var(--ow-gray);border:1px solid var(--ow-border)}.badge-base:hover{border-color:var(--ow-zinc-300);color:var(--ow-ink)}.tk-tabs nav{background:var(--ow-zinc-100);border:1px solid var(--ow-zinc-200);border-radius:999px;gap:4px;margin-bottom:24px;padding:4px;display:inline-flex}.tk-tabs [data-tab]{font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;color:var(--ow-zinc-500);transition:color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);background:0 0;border:none;border-radius:999px;padding:9px 22px}.tk-tabs [data-tab]:hover{color:var(--ow-zinc-900)}.tk-tabs [data-tab].active{color:var(--ow-blue);font-weight:var(--weight-semibold);background:#fff;box-shadow:0 1px 3px #11151f14,0 1px 2px #11151f0a}.tk-tabs [data-tab]:focus-visible{outline-offset:2px;outline:2px solid #004bff80}.tab-panel{display:none}.tab-panel.active{animation:panel-in .32s var(--ease-out);display:block}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tab-panel.active{animation:none}}.shot{margin:0 0 24px}.shot-frame{aspect-ratio:2560/1600;border:1px solid var(--ow-border);background:var(--ow-input-bg);box-shadow:var(--ow-shadow-sm);border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.shot.placeholder .shot-frame{border:1.5px dashed var(--ow-zinc-300);color:var(--ow-placeholder);font-size:var(--text-sm);letter-spacing:var(--tracking-wide)}.shot img,.shot video{object-fit:cover;width:100%;height:100%;display:block}.shot figcaption{font-size:var(--text-xs);color:var(--ow-zinc-500);align-items:center;gap:10px;margin-top:12px;display:flex}.shot figcaption:before{content:"";background:var(--ow-blue);opacity:.7;flex:none;width:6px;height:6px}.steps{counter-reset:step;margin:0 0 24px;padding:0;list-style:none}.steps li{counter-increment:step;color:var(--ow-ink);align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.steps li:before{content:counter(step);width:24px;height:24px;color:var(--ow-blue);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:#004bff14;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:translateY(4px)}.prompt-card{border:1px solid var(--ow-border);background:var(--surface-card);box-shadow:var(--ow-shadow-sm);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border-radius:12px;margin-bottom:16px;overflow:hidden}.prompt-card:hover{border-color:#004bff59;box-shadow:0 8px 24px #0000000f}.prompt-card header{background:var(--ow-card-bg);border-bottom:1px solid var(--ow-border);font-size:var(--text-sm);color:var(--ow-blue);font-weight:var(--weight-medium);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.prompt-card pre{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;color:var(--ow-ink);margin:0;padding:18px 16px;line-height:1.75;overflow-x:auto}.copy-btn{width:30px;height:30px;color:var(--ow-zinc-500);cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.copy-btn svg{transition:opacity .2s ease-in-out;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.copy-btn .icon-copy{opacity:1;pointer-events:none}.copy-btn .icon-check{opacity:0;pointer-events:none}.copy-btn:hover{color:var(--ow-blue);background:#004bff0f}.copy-btn:active{opacity:.8}.copy-btn:focus-visible{outline-offset:2px;outline:2px solid #004bff80}.copy-btn.copied{color:var(--ow-success,#10b981)}.copy-btn.copied .icon-copy{opacity:0}.copy-btn.copied .icon-check{opacity:1}.copy-btn.copied .check-stroke{stroke-dasharray:24;stroke-dashoffset:24px;animation:.35s ease-in-out forwards check-draw}@keyframes check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.agent-btn{font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;border:1px solid var(--ow-border);background:var(--surface-card);color:var(--ow-ink);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);border-radius:999px;padding:5px 12px}.agent-btn:hover{border-color:var(--ow-blue);color:var(--ow-blue);background:#004bff0a}.agent-btn.codex{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.agent-btn.codex:hover{color:#1e40af;background:#dbeafe;border-color:#60a5fa}.agent-btn.claude{color:#b45309;background:#fffbeb;border-color:#fde68a}.agent-btn.claude:hover{color:#92400e;background:#fef3c7;border-color:#fcd34d}.e2eDemoRoot .prereq{font-size:var(--text-sm);color:var(--ow-gray);background:var(--ow-input-bg);border-radius:10px;margin:0 0 24px;padding:12px 16px}.chapter-alt .prereq{background:var(--surface-card);border:1px solid var(--ow-border)}.faq{font-size:var(--text-sm);color:var(--ow-gray);margin:0}.faq dt{font-weight:var(--weight-medium);color:var(--ow-ink);align-items:baseline;gap:10px;margin-top:16px;display:flex}.faq dt:before{content:"";background:#004bff4d;flex:none;width:6px;height:6px;transform:translateY(-2px)}.faq dd{margin:4px 0 0 16px}.e2eDemoRoot .section-lead{font-size:var(--text-base);color:var(--ow-gray);text-wrap:pretty;max-width:720px;margin:4px 0 0;line-height:1.75}.chapter-head{max-width:980px}.guide-step{background:var(--surface-card);border:1px solid var(--ow-border);max-width:980px;box-shadow:var(--ow-shadow-sm);border-radius:16px;padding:28px 32px}.step-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;margin-bottom:28px;display:grid}.step-grid .step-prompt,.step-info>:last-child{margin-bottom:0}@media (max-width:900px){.step-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.guide-step{border-radius:12px;padding:20px}}.e2eDemoRoot .step-goal{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--ow-ink);border-left:3px solid var(--ow-blue);text-wrap:pretty;margin:0 0 28px;padding-left:16px}.step-prompt,.step-agent,.step-verify,.step-video{margin:0 0 28px}.step-prompt .prompt-card{margin-bottom:0}.guide-step h4{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--ow-blue);align-items:center;gap:8px;margin:0 0 14px;display:flex}.guide-step h4:before{content:"";background:var(--ow-blue);flex:none;width:6px;height:6px}.step-agent ul,.step-verify ul{margin:0;padding:0;list-style:none}.step-agent li,.step-verify li{color:var(--ow-ink);text-wrap:pretty;margin-bottom:10px;padding-left:24px;line-height:1.75;position:relative}.step-agent li:last-child,.step-verify li:last-child{margin-bottom:0}.step-agent li:before{content:"";background:#004bff59;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:6px}.step-verify li:before{content:"✓";color:var(--ow-blue);font-weight:var(--weight-bold);font-size:var(--text-sm);position:absolute;top:0;left:2px}.step-video video{aspect-ratio:2560/1600;border:1px solid var(--ow-border);background:var(--ow-zinc-900);width:100%;height:auto;box-shadow:var(--ow-shadow-sm);border-radius:12px;display:block}.step-note{font-size:var(--text-sm);color:var(--ow-gray);background:var(--ow-input-bg);border-radius:10px;margin:0;padding:12px 16px}.chapter-alt .step-note{background:var(--ow-zinc-100)}.step-note code,.step-verify code{font-family:var(--font-mono);background:var(--ow-zinc-100);color:var(--ow-ink);border-radius:6px;padding:1px 6px;font-size:.92em}.chapter-alt .step-note code{background:var(--surface-card)}.guide-step>:last-child{margin-bottom:0}.guide-faq{max-width:820px;margin:0}.guide-faq dt{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--ow-ink);align-items:center;gap:10px;margin-top:24px;display:flex}.guide-faq dt:first-child{margin-top:0}.guide-faq dt .faq-icon{color:var(--ow-blue);flex:none}.guide-faq dd{color:var(--ow-gray);text-wrap:pretty;align-items:baseline;gap:10px;margin:8px 0 0;line-height:1.7;display:flex}.guide-faq dd .faq-icon{color:var(--ow-zinc-500);flex:none;transform:translateY(3px)}.e2eDemoRoot .hero{text-align:center;padding:120px 24px 104px;overflow:hidden}.hero-logo{height:32px;margin-bottom:56px}.e2eDemoRoot .hero h1{font-size:clamp(32px, 6vw, var(--text-4xl));letter-spacing:var(--tracking-tight);color:#020617;text-wrap:balance;margin:0 0 24px;font-weight:900;line-height:1.3}.hero h1 .accent{background:linear-gradient(90deg,#004bff 0%,#4089ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.e2eDemoRoot .hero-sub{max-width:640px;color:var(--ow-zinc-500);text-wrap:pretty;margin:0 auto 56px}.hero-video{max-width:880px;margin:0 auto 56px}.hero-video .shot-frame{border-color:var(--ow-zinc-200);background:var(--ow-zinc-900);box-shadow:var(--ow-shadow-xl);border-radius:16px}.e2eDemoRoot .hero-cta{color:#fff;font-size:var(--text-base);font-weight:var(--weight-semibold);transition:all var(--duration-base) var(--ease-out);background:linear-gradient(#2c6aff 0%,#004bff 100%);border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 36px;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px -4px #004bff59,0 2px 6px -1px #004bff33}.hero-cta:hover{opacity:1;background:linear-gradient(#3b75ff 0%,#0043e0 100%);transform:translateY(-2px);box-shadow:0 12px 28px -4px #004bff73,0 4px 10px #004bff4d}.hero-cta:active{transform:translateY(0)scale(.97)}.hero-cta-arrow{transition:transform var(--duration-base) var(--ease-out)}.hero-cta:hover .hero-cta-arrow{transform:translateY(4px)}html.motion .e2eDemoRoot .reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(20px)}html.motion .e2eDemoRoot .reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.motion .e2eDemoRoot .reveal{opacity:1;transition:none;transform:none}}@media (max-width:768px){.e2eDemoRoot .hero{padding:104px 16px 40px}.e2eDemoRoot .hero h1{margin-bottom:16px;font-size:24px}.e2eDemoRoot .hero-sub{margin-bottom:32px;font-size:14px}.hero-video{margin-bottom:32px}.e2eDemoRoot .hero-cta{width:100%;max-width:280px;padding:12px 24px;font-size:13px}.chapter h2{margin:8px 0 12px;font-size:22px}.chapter-head{margin-bottom:20px}.e2eDemoRoot .section-lead{font-size:14px}.guide-step{border-radius:12px;padding:20px 16px}.e2eDemoRoot .step-goal{border-left-width:3px;margin-bottom:20px;padding-left:12px;font-size:15px}.step-prompt,.step-agent,.step-verify,.step-video{margin-bottom:20px}.guide-step h4{margin-bottom:10px;font-size:14px}.step-agent li,.step-verify li{margin-bottom:8px;padding-left:20px;font-size:13px;line-height:1.65}.prompt-card header{flex-wrap:wrap;gap:10px;padding:10px 12px}.prompt-card pre{padding:14px 12px;font-size:12px;line-height:1.65}.guide-faq dt{margin-top:18px;font-size:15px}.guide-faq dd{font-size:13px;line-height:1.6}}@media (max-width:640px){.e2eDemoRoot section{padding:40px 16px}.prompt-card header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.prompt-card header:has(.agent-btn){flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px}.prompt-card header:has(.agent-btn)>span{font-size:13px;font-weight:600}.prompt-card header:has(.agent-btn) .btn-group{border-top:1px dashed #004bff1f;align-items:center;gap:6px;width:100%;margin-top:2px;padding-top:8px;display:flex}.prompt-card header:has(.agent-btn) .agent-btn{text-align:center;flex:1;justify-content:center;align-items:center;padding:5px 8px;font-size:11px;display:inline-flex}}