.sl-root{--sl-bg:#020617;--sl-violet:#8b5cf6;--sl-cyan:#06b6d4;--sl-emerald:#10b981;--sl-orange:#f97316;--sl-border:#ffffff14;--sl-muted:#94a3b8;--sl-glow:#8b5cf640;background:var(--sl-bg);color:#f8fafc;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.sl-bg-mesh{z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 80% 80%,#06b6d40d 0%,#0000 40%);position:absolute;inset:0}.sl-grid{z-index:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;mask-image:radial-gradient(80% 80% at 50% 30%,#000 30%,#0000 100%)}.sl-ambient-orb{pointer-events:none;z-index:0;filter:blur(120px);border-radius:50%;position:absolute}.sl-orb-1{background:#8b5cf614;width:500px;height:500px;top:-100px;left:-100px}.sl-orb-2{background:#06b6d40f;width:400px;height:400px;bottom:-80px;right:-80px}.sl-container{z-index:10;max-width:1280px;margin:0 auto;padding:0 24px;position:relative}.sl-hero{align-items:center;min-height:100vh;padding:140px 0 80px;display:flex;position:relative}.sl-hero-split{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;display:grid}.sl-hero-text{max-width:560px}.sl-badge{color:var(--sl-violet);text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(10px);background:#8b5cf614;border:1px solid #8b5cf64d;border-radius:99px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:.7rem;font-weight:700;display:inline-flex}.sl-h1{letter-spacing:-.03em;color:#fff;margin-bottom:24px;font-family:Outfit,system-ui,sans-serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.08}.sl-gradient-text{background:linear-gradient(135deg, var(--sl-violet), var(--sl-cyan));-webkit-text-fill-color:transparent;background-clip:text}.sl-hero-desc{color:var(--sl-muted);max-width:520px;margin-bottom:32px;font-size:1.1rem;line-height:1.7}.sl-hero-stats{border:1px solid var(--sl-border);backdrop-filter:blur(10px);background:#ffffff05;border-radius:16px;align-items:center;gap:0;margin-bottom:40px;padding:16px 24px;display:flex}.sl-stat{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.sl-stat-num{color:var(--sl-violet);letter-spacing:.05em;font-size:1.1rem;font-weight:800}.sl-stat-label{color:var(--sl-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:600}.sl-stat-divider{background:var(--sl-border);width:1px;height:32px}.sl-btn-group{flex-wrap:wrap;gap:14px;display:flex}.sl-btn-primary{background:var(--sl-violet);color:#fff;box-shadow:0 8px 24px var(--sl-glow);border-radius:99px;align-items:center;gap:8px;padding:16px 32px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.sl-btn-primary:hover{box-shadow:0 12px 32px var(--sl-glow);filter:brightness(1.1);transform:translateY(-2px)}.sl-btn-secondary{color:#fff;border:1px solid var(--sl-border);backdrop-filter:blur(10px);background:#ffffff08;border-radius:99px;align-items:center;gap:8px;padding:16px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.sl-btn-secondary:hover{background:#ffffff14;border-color:#fff3}.sl-hero-visual{justify-content:center;align-items:center;display:flex}.sl-dashboard{backdrop-filter:blur(20px);background:#0a0f1ee6;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:600px;transition:transform .6s;overflow:hidden;transform:perspective(1200px)rotateY(-3deg)rotateX(2deg);box-shadow:0 30px 80px #0009,0 0 60px #8b5cf614}.sl-dashboard:hover{transform:perspective(1200px)rotateY(0)rotateX(0)}.sl-dash-header{border-bottom:1px solid var(--sl-border);background:#ffffff08;align-items:center;gap:16px;padding:12px 20px;display:flex}.sl-dots{gap:6px;display:flex}.sl-dot{border-radius:50%;width:10px;height:10px}.sl-dot.red{background:#ef4444}.sl-dot.yellow{background:#eab308}.sl-dot.green{background:#22c55e}.sl-dash-title{color:var(--sl-muted);font-family:monospace;font-size:.75rem}.sl-dash-body{min-height:320px;display:flex}.sl-dash-sidebar{border-right:1px solid var(--sl-border);background:#0003;flex-direction:column;gap:4px;width:120px;padding:16px 12px;display:flex}.sl-sidebar-item{color:var(--sl-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.sl-sidebar-item.active{color:var(--sl-violet);background:#8b5cf61a;border:1px solid #8b5cf633}.sl-dash-main{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.sl-status-bar{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sl-status-item{background:#ffffff05;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;transition:all .4s;display:flex}.sl-status-item.active{border-color:var(--sl-border);background:#ffffff0a}.sl-status-dot{border-radius:50%;width:6px;height:6px}.sl-status-label{color:var(--sl-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem;font-weight:600}.sl-status-value{color:#fff;font-size:.65rem;font-weight:700}.sl-code-block{border:1px solid var(--sl-border);background:#0006;border-radius:10px;flex:1;padding:16px;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.8}.sl-code-line{white-space:pre;align-items:center;gap:0;display:flex}.sl-line-num{color:#ffffff26;text-align:right;user-select:none;width:24px;margin-right:16px;font-size:.65rem}.sl-c-keyword{color:var(--sl-violet)}.sl-c-string{color:var(--sl-emerald)}.sl-c-number{color:var(--sl-orange)}.sl-c-method{color:var(--sl-cyan)}.sl-cursor{background:var(--sl-violet);width:8px;height:16px;margin-left:2px;animation:1s step-end infinite slBlink;display:inline-block}@keyframes slBlink{0%,50%{opacity:1}51%,to{opacity:0}}.sl-live-indicator{color:var(--sl-cyan);align-items:center;gap:8px;font-family:monospace;font-size:.7rem;display:flex}.sl-live-pulse{animation:2s infinite slPulse}@keyframes slPulse{0%,to{opacity:1}50%{opacity:.3}}@media (width<=1024px){.sl-hero-split{text-align:center;grid-template-columns:1fr;gap:60px}.sl-hero-text{max-width:100%;margin:0 auto}.sl-btn-group,.sl-hero-stats{justify-content:center}.sl-dashboard{max-width:520px;margin:0 auto;transform:none}.sl-dashboard:hover{transform:none}}@media (width<=640px){.sl-hero{min-height:auto;padding:120px 0 60px}.sl-btn-group{flex-direction:column;width:100%}.sl-btn-primary,.sl-btn-secondary{justify-content:center;width:100%}.sl-dash-sidebar{display:none}.sl-status-bar{grid-template-columns:repeat(2,1fr)}.sl-hero-stats{flex-direction:column;gap:12px}.sl-stat-divider{width:40px;height:1px}}