@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap";.xt-wh{--bg: #0a0e1a;--bg-card: #141c2e;--border: rgba(99, 102, 241, .15);--border-hover: rgba(99, 102, 241, .3);--accent: #6366f1;--cyan: #22d3ee;--green: #34d399;--amber: #fbbf24;--text: #f1f5f9;--text-muted: #c1c8d1;--text-dim: #98a1ae;--cta: #005CC1;--font: "Roboto", sans-serif;--mono: "Roboto Mono", monospace;font-family:var(--font);color:var(--text);padding:80px 24px;max-width:90%;margin:0 auto;position:relative;overflow:hidden}.xt-wh:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:80%;height:40%;background:radial-gradient(ellipse,rgba(99,102,241,.05) 0%,transparent 70%);pointer-events:none}.xt-wh-hero{text-align:center;margin-bottom:64px;position:relative;z-index:1}.xt-wh-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--green);background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:100px;padding:6px 16px;margin-bottom:20px;letter-spacing:.5px}.xt-wh-hero h1{font-size:48px;font-weight:700;line-height:1.15;margin:0 0 16px}.xt-wh-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xt-wh-hero .xt-wh-sub{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:660px;margin:0 auto 28px}.xt-wh-hero-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.xt-wh-hero-stat{text-align:center}.xt-wh-hero-stat-val{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xt-wh-hero-stat-label{font-family:var(--mono);font-size:10px;color:var(--text-dim);letter-spacing:.3px;text-transform:uppercase;margin-top:2px}.xt-wh-showcase{margin-bottom:64px;position:relative;z-index:1}.xt-wh-window{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #6366f10d;position:relative}.xt-wh-window:after{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(99,102,241,.4),transparent 40%,transparent 60%,rgba(34,211,238,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.xt-wh-window-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0a0e1a99;border-bottom:1px solid var(--border)}.xt-wh-window-dots{display:flex;gap:6px}.xt-wh-window-dots span{width:12px;height:12px;border-radius:50%;background:#ffffff26}.xt-wh-window-dots span:nth-child(1){background:#ff5f57}.xt-wh-window-dots span:nth-child(2){background:#febc2e}.xt-wh-window-dots span:nth-child(3){background:#28c840}.xt-wh-window-title{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.5px;margin-left:8px}.xt-wh-window-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--green);letter-spacing:.5px}.xt-wh-window-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:xt-wh-pulse 2s ease-in-out infinite}@keyframes xt-wh-pulse{0%,to{opacity:1}50%{opacity:.4}}.xt-wh-window video{display:block;width:100%;height:auto;background:#000}.xt-wh-section{margin-bottom:56px;position:relative;z-index:1}.xt-wh-section-head{margin-bottom:24px}.xt-wh-section-head h2{font-size:28px;font-weight:700;margin:0 0 10px;line-height:1.3}.xt-wh-section-head h2 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xt-wh-section-head p{font-size:15px;color:var(--text-muted);line-height:1.7;margin:0;max-width:720px}.xt-wh-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent);margin:56px 0}.xt-wh-pipeline{display:flex;align-items:center;justify-content:center;gap:0;margin:32px 0;flex-wrap:wrap}.xt-wh-pipe-node{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:140px}.xt-wh-pipe-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:Material Symbols Outlined;font-size:30px;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased}.xt-wh-pipe-icon.tv{background:#22d3ee14;border:1px solid rgba(34,211,238,.2);color:var(--cyan)}.xt-wh-pipe-icon.xt{background:#34d39914;border:1px solid rgba(52,211,153,.2);color:var(--green)}.xt-wh-pipe-icon.nt{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:var(--amber)}.xt-wh-pipe-name{font-size:13px;font-weight:700}.xt-wh-pipe-role{font-family:var(--mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px}.xt-wh-pipe-arrow{display:flex;align-items:center;gap:4px;padding:0 12px}.xt-wh-pipe-line{width:48px;height:1px;background:linear-gradient(90deg,#6366f166,#6366f126)}.xt-wh-pipe-chevron{font-size:12px;color:var(--accent);opacity:.5}.xt-wh-pipe-time{font-family:var(--mono);font-size:10px;color:var(--cyan);text-align:center;margin-top:-4px}.xt-wh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.xt-wh-step{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s ease}.xt-wh-step:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.xt-wh-step-num{font-family:var(--mono);font-size:11px;color:var(--cyan);letter-spacing:.5px;margin-bottom:10px}.xt-wh-step h3{font-size:16px;font-weight:700;margin:0 0 8px}.xt-wh-step p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.xt-wh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.xt-wh-grid.two-col{grid-template-columns:repeat(2,1fr)}.xt-wh-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.xt-wh-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.25),transparent);opacity:0;transition:opacity .3s ease}.xt-wh-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.xt-wh-card:hover:before{opacity:1}.xt-wh-card-icon{font-family:Material Symbols Outlined;font-size:28px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;margin-bottom:12px}.xt-wh-card h3{font-size:15px;font-weight:700;margin:0 0 8px;line-height:1.3}.xt-wh-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.xt-wh-card-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--cyan);text-decoration:none;margin-top:14px;transition:gap .2s ease}.xt-wh-card-link:hover{gap:10px}.xt-wh-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.3px;border-radius:6px;padding:4px 10px;margin-top:12px}.xt-wh-tag.cyan{color:var(--cyan);background:#22d3ee14;border:1px solid rgba(34,211,238,.15)}.xt-wh-tag.green{color:var(--green);background:#34d39914;border:1px solid rgba(52,211,153,.15)}.xt-wh-tag.accent{color:var(--accent);background:#6366f114;border:1px solid rgba(99,102,241,.15)}.xt-wh-tag.amber{color:var(--amber);background:#fbbf2414;border:1px solid rgba(251,191,36,.15)}.xt-wh-code{background:#0a0e1ab3;border:1px solid var(--border);border-radius:12px;padding:20px;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--text-dim);overflow-x:auto;position:relative;margin-top:20px}.xt-wh-code .kw{color:var(--accent)}.xt-wh-code .str{color:var(--green)}.xt-wh-code .cm{color:var(--text-dim);opacity:.5}.xt-wh-code-lang{position:absolute;top:10px;right:14px;font-family:var(--mono);font-size:9px;color:var(--text-dim);opacity:.4;text-transform:uppercase;letter-spacing:.5px}.xt-wh-full-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;margin-top:24px;transition:all .3s ease}.xt-wh-full-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px #0000004d}.xt-wh-full-card h3{font-size:18px;font-weight:700;margin:0 0 10px}.xt-wh-full-card p{font-size:14px;color:var(--text-muted);line-height:1.7;margin:0 0 16px}.xt-wh-full-card p:last-child{margin-bottom:0}.xt-wh-cta{text-align:center;margin-top:64px;position:relative;z-index:1}.xt-wh-cta p{font-size:15px;color:var(--text-muted);margin:0 0 20px;line-height:1.6}.xt-wh-cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.xt-wh-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s ease}.xt-wh-btn.primary{background:var(--cta);color:#fff}.xt-wh-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #005cc14d}.xt-wh-btn.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.xt-wh-btn.secondary:hover{border-color:var(--border-hover);color:var(--text)}@media(max-width:1024px){.xt-wh-grid,.xt-wh-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.xt-wh{padding:60px 16px}.xt-wh-hero h1{font-size:32px}.xt-wh-grid,.xt-wh-grid.two-col,.xt-wh-steps{grid-template-columns:1fr}.xt-wh-pipeline{flex-direction:column;gap:16px}.xt-wh-pipe-arrow{transform:rotate(90deg);padding:0}.xt-wh-window-title{display:none}}