@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-nam{--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-nam: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-nam-hero{text-align:center;margin-bottom:64px;position:relative;z-index:1}.xt-nam-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-nam-hero h1{font-size:48px;font-weight:700;line-height:1.15;margin:0 0 16px}.xt-nam-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-nam-hero .xt-nam-sub{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:620px;margin:0 auto 28px}.xt-nam-hero-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.xt-nam-hero-stat{text-align:center}.xt-nam-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-nam-hero-stat-label{font-family:var(--mono);font-size:10px;color:var(--text-dim);letter-spacing:.3px;text-transform:uppercase;margin-top:2px}.xt-nam-showcase{margin-bottom:64px;position:relative;z-index:1}.xt-nam-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-nam-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-nam-window-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0a0e1a99;border-bottom:1px solid var(--border)}.xt-nam-window-dots{display:flex;gap:6px}.xt-nam-window-dots span{width:12px;height:12px;border-radius:50%;background:#ffffff26}.xt-nam-window-dots span:nth-child(1){background:#ff5f57}.xt-nam-window-dots span:nth-child(2){background:#febc2e}.xt-nam-window-dots span:nth-child(3){background:#28c840}.xt-nam-window-title{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.5px;margin-left:8px}.xt-nam-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-nam-window-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:xt-nam-pulse 2s ease-in-out infinite}@keyframes xt-nam-pulse{0%,to{opacity:1}50%{opacity:.4}}.xt-nam-window video{display:block;width:100%;height:auto;background:#000}.xt-nam-section{margin-bottom:56px;position:relative;z-index:1}.xt-nam-section-head{margin-bottom:24px}.xt-nam-section-head h2{font-size:28px;font-weight:700;margin:0 0 10px;line-height:1.3}.xt-nam-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-nam-section-head p{font-size:15px;color:var(--text-muted);line-height:1.7;margin:0;max-width:700px}.xt-nam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.xt-nam-grid.two-col{grid-template-columns:repeat(2,1fr)}.xt-nam-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.xt-nam-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-nam-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.xt-nam-card:hover:before{opacity:1}.xt-nam-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-nam-card h3{font-size:15px;font-weight:700;margin:0 0 8px;line-height:1.3}.xt-nam-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.xt-nam-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-nam-tag.green{color:var(--green);background:#34d39914;border:1px solid rgba(52,211,153,.15)}.xt-nam-tag.cyan{color:var(--cyan);background:#22d3ee14;border:1px solid rgba(34,211,238,.15)}.xt-nam-tag.amber{color:var(--amber);background:#fbbf2414;border:1px solid rgba(251,191,36,.15)}.xt-nam-tag.accent{color:var(--accent);background:#6366f114;border:1px solid rgba(99,102,241,.15)}.xt-nam-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.xt-nam-mode{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.xt-nam-mode:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.xt-nam-mode-name{font-family:var(--mono);font-size:12px;color:var(--cyan);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.xt-nam-mode h3{font-size:16px;font-weight:700;margin:0 0 8px}.xt-nam-mode p{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0}.xt-nam-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent);margin:56px 0}.xt-nam-how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.xt-nam-how-step{text-align:center;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.xt-nam-how-num{font-family:var(--mono);font-size:11px;color:var(--cyan);margin-bottom:8px}.xt-nam-how-step h4{font-size:13px;font-weight:700;margin:0 0 4px}.xt-nam-how-step p{font-size:12px;color:var(--text-dim);margin:0;line-height:1.5}.xt-nam-cta{text-align:center;margin-top:64px;position:relative;z-index:1}.xt-nam-cta p{font-size:15px;color:var(--text-muted);margin:0 0 20px;line-height:1.6}.xt-nam-cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.xt-nam-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-nam-btn.primary{background:var(--cta);color:#fff}.xt-nam-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #005cc14d}.xt-nam-btn.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.xt-nam-btn.secondary:hover{border-color:var(--border-hover);color:var(--text)}@media(max-width:1024px){.xt-nam-grid,.xt-nam-modes,.xt-nam-how{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.xt-nam{padding:60px 16px}.xt-nam-hero h1{font-size:32px}.xt-nam-grid,.xt-nam-grid.two-col,.xt-nam-modes,.xt-nam-how{grid-template-columns:1fr}.xt-nam-window-title{display:none}}