*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #090909;--surface: #0f0f0f;--border: #1a1a1a;--border2: #222;--violet: #7c6fe0;--violet2: #6b5eca;--red: #ef4444;--text: #e4e4e4;--muted: #888;--dim: #555;--faint: #333;--green: #10b981;--amber: #f59e0b;--teal: #14b8a6;--blue: #3b82f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#252525;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}to{top:100%;opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:fadeUp .55s ease both}.fade-up-2{animation:fadeUp .55s .1s ease both}.fade-up-3{animation:fadeUp .55s .2s ease both}.nav{position:fixed;inset-x:0;top:0;z-index:50;height:58px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:#090909e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-logo{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;letter-spacing:-.03em}.nav-logo-text span{color:var(--violet)}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{font-size:13px;color:var(--dim);transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn-ghost{background:transparent;color:var(--dim);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border2);background:#111}.btn-primary{background:var(--violet);color:#fff}.btn-primary:hover{background:var(--violet2)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-outline:hover{border-color:var(--violet);color:var(--violet)}.btn-lg{height:44px;padding:0 24px;font-size:14px;border-radius:12px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.hero{padding:128px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:18px}.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.4s ease infinite}.hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1.07;color:var(--text);margin-bottom:20px}.hero h1 em{font-style:normal;color:var(--violet)}.hero-sub{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:32px;max-width:420px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-stats{display:flex;gap:28px;margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}.hero-stat p{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1}.hero-stat span{font-size:11px;color:var(--dim);margin-top:4px;display:block}.mock-wrap{position:relative;animation:float 5.5s ease-in-out infinite}.mock-glow{position:absolute;inset:-60px;z-index:-1;background:radial-gradient(ellipse at 55% 45%,rgba(124,111,224,.13) 0%,transparent 65%)}.mock-window{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 40px 96px #000000bf,0 0 0 1px #ffffff0a}.mock-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:#00000040}.mock-dot{width:10px;height:10px;border-radius:50%}.mock-url{flex:1;margin:0 8px;height:20px;background:#111;border-radius:4px;border:1px solid var(--border);display:flex;align-items:center;padding:0 8px}.mock-url span{font-size:9px;color:var(--faint);font-family:monospace}.mock-video{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1c0b40,#0e0520 45%,#040210);overflow:hidden}.mock-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:20px 24px;gap:9px}.mock-skel-bar{height:5px;border-radius:3px;background:#ffffff17}.mock-skel-bar.accent{background:#7c6fe080;animation:pulse 2.2s ease infinite}.mock-skel-bar.dim{background:#ffffff0a}.mock-scanline{position:absolute;inset-x:0;height:1px;background:#7c6fe033;animation:scan 4.5s linear infinite}.mock-live{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;background:var(--red);color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;padding:4px 8px;border-radius:5px}.mock-live-dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse 1s infinite}.mock-viewers-badge{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:5px;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);font-size:10px;padding:4px 8px;border-radius:5px;border:1px solid rgba(255,255,255,.08)}.mock-green-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}.mock-info{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.mock-info-title{font-size:11px;font-weight:600;color:var(--text)}.mock-info-meta{font-size:10px;color:var(--dim);margin-top:2px}.mock-chat{padding:10px 14px;display:flex;flex-direction:column;gap:7px}.mock-msg{display:flex;align-items:flex-start;gap:7px}.mock-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;flex-shrink:0}.mock-msg-body{font-size:11px;color:var(--muted);line-height:1.4}.mock-msg-body strong{font-weight:700}.mock-msg-claude{font-size:11px;line-height:1.4;padding:6px 10px;border-radius:8px;background:#7c6fe01a;border:1px solid rgba(124,111,224,.2);color:#c4b8ff}section{padding:80px 0}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--violet);margin-bottom:12px}.section-tag-bar{width:18px;height:2px;background:var(--violet);border-radius:1px}.section-title{font-size:clamp(24px,3.5vw,36px);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:10px}.section-sub{font-size:15px;color:var(--muted);line-height:1.7;max-width:460px}.features{border-top:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:52px;border:1px solid var(--border);border-radius:20px;overflow:hidden}.feature-card{background:var(--surface);padding:32px 28px;transition:background .2s}.feature-card:hover{background:#121212}.feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid}.feature-card h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.feature-card p{font-size:13px;color:var(--dim);line-height:1.65}.hiw{border-top:1px solid var(--border)}.hiw-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-top:52px}.hiw-step{display:flex}.hiw-left{width:52px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.hiw-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.hiw-line{width:2px;flex:1;min-height:36px;background:var(--border);margin-top:4px}.hiw-line.fade{background:linear-gradient(to bottom,var(--border),transparent)}.hiw-right{padding:4px 0 36px}.hiw-step-num{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.hiw-right h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.hiw-right p{font-size:13px;color:var(--dim);line-height:1.65}.hiw-visual{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #00000080}.hiw-vis-tabs{display:flex;border-bottom:1px solid var(--border)}.hiw-vis-tab{flex:1;padding:10px 14px;font-size:11px;font-weight:600;color:var(--dim);border-bottom:2px solid transparent;text-align:center}.hiw-vis-tab.active{color:var(--violet);border-bottom-color:var(--violet);background:#7c6fe00a}.hiw-vis-body{padding:20px 16px}.vis-event{display:flex}.vis-event-l{width:36px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.vis-dot{width:10px;height:10px;border-radius:50%;margin-top:2px;flex-shrink:0}.vis-line{width:2px;flex:1;background:var(--border);margin-top:4px;min-height:16px}.vis-event-r{flex:1;padding-bottom:14px}.vis-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.vis-content{font-size:11px;color:var(--muted);line-height:1.5;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 10px}.blogs{border-top:1px solid var(--border)}.blogs-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;cursor:pointer;transition:all .15s;text-decoration:none;color:inherit}.blog-card:hover{border-color:#2a2a2a;background:#111;box-shadow:0 4px 24px #00000080}.blog-trail{display:flex;align-items:center;margin-bottom:14px}.trail-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.trail-seg{width:14px;height:1.5px;flex-shrink:0}.blog-card h3{font-size:13px;font-weight:700;color:var(--text);line-height:1.45;margin-bottom:7px}.blog-card p{font-size:11px;color:var(--dim);line-height:1.6;flex:1;margin-bottom:14px}.blog-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border)}.blog-foot-meta{font-size:10px;color:var(--faint);display:flex;gap:8px;align-items:center}.blog-read{font-size:11px;color:var(--violet);font-weight:600}.blog-card:hover .blog-read{color:#9d90f0}.cta-section{border-top:1px solid var(--border)}.cta-inner{background:linear-gradient(135deg,#7c6fe012,#7c6fe005);border:1px solid rgba(124,111,224,.18);border-radius:24px;padding:72px 48px;text-align:center;position:relative;overflow:hidden}.cta-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(124,111,224,.18) 0%,transparent 55%)}.cta-inner h2{font-size:clamp(24px,3vw,40px);font-weight:800;letter-spacing:-.04em;margin-bottom:14px;position:relative}.cta-inner p{font-size:15px;color:var(--muted);margin-bottom:32px;position:relative}.cta-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;position:relative}.cta-note{font-size:11px;color:var(--faint);margin-top:16px;position:relative}.footer{border-top:1px solid var(--border);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-logo{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:-.02em}.footer-logo span{color:var(--violet)}.footer-copy{font-size:11px;color:var(--faint);margin-top:3px}.footer-links{display:flex;gap:20px;list-style:none}.footer-links a{font-size:12px;color:var(--faint);transition:color .15s}.footer-links a:hover{color:var(--muted)}@media(max-width:860px){.hero{grid-template-columns:1fr;padding:110px 0 60px;gap:48px}.features-grid,.hiw-inner{grid-template-columns:1fr}.hiw-visual{display:none}.blogs-grid{grid-template-columns:1fr}.blogs-hdr{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{display:none}.footer-inner{flex-direction:column;gap:16px;text-align:center}.cta-inner{padding:48px 24px}.hero-stats{gap:20px}}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:flex-start}.cta-actions{flex-direction:column}}