.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-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{z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.sl-hero-text{-webkit-backdrop-filter:blur(24px);background:#02061766;border:1px solid #ffffff0d;border-radius:32px;max-width:680px;padding:48px;box-shadow:0 32px 64px #0000004d}.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-hero-text{border-radius:24px;padding:32px 24px}.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}}.pl-root{z-index:40;--pl-scale:1.45;--pl-gap:34px;--pl-shift:-25%;flex-direction:column;align-items:center;gap:18px;width:100%;padding:0;transition:opacity .5s;display:flex;position:relative}.pl-track{width:100%;padding:30px 0;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 13% 87%,#0000)}.pl-row{will-change:transform;align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:64s linear infinite plDrift;display:flex}.pl-item{flex:none;margin-inline-end:var(--pl-gap);transition:opacity .45s;position:relative}@keyframes plDrift{0%{transform:translate(0,0)}to{transform:translate3d(var(--pl-shift), 0, 0)}}[dir=rtl] .pl-root{--pl-shift:25%}.pl-root:hover .pl-row,.pl-root:focus-within .pl-row{animation-play-state:paused}.pl-plate{height:calc(54px * var(--pl-scale));padding:0 calc(22px * var(--pl-scale));border-radius:calc(15px * var(--pl-scale));background:linear-gradient(158deg,#ffffffe6,#d6e0f0c7);border:1px solid #ffffff6b;justify-content:center;align-items:center;text-decoration:none;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .5s;display:flex;position:relative;box-shadow:0 10px 26px -16px #000000e6,inset 0 1px #ffffffe6}.pl-logo{height:calc(var(--pl-logo-h,26px) * var(--pl-scale));width:auto;max-width:calc(210px * var(--pl-scale));object-fit:contain;filter:saturate(.78);opacity:.9;transition:filter .5s,opacity .5s;display:block}.pl-logo--octovyre{--pl-logo-h:25px}.pl-logo--octomedicare{--pl-logo-h:34px}.pl-logo--octonext{--pl-logo-h:25px}.pl-logo--qrkuwait{--pl-logo-h:33px}.pl-logo--octocommand{--pl-logo-h:21px}.pl-logo--madrasatonaa{--pl-logo-h:26px}.pl-aura{z-index:-1;background:radial-gradient(closest-side, var(--pl-tint,#fff), transparent 74%);filter:blur(28px);opacity:0;pointer-events:none;border-radius:44px;transition:opacity .55s;position:absolute;inset:-28px -38px}.pl-item.is-active .pl-plate{border-color:#ffffffd9;transform:translateY(-6px)scale(1.045);box-shadow:0 22px 40px -20px #000000f2,inset 0 1px #fff}.pl-item.is-active .pl-logo{filter:saturate(1.06);opacity:1}.pl-item.is-active .pl-aura{opacity:.9}.pl-item.is-dimmed{opacity:.5}.pl-readout{width:100%;height:20px;margin:0;position:relative}.pl-caption{letter-spacing:.14em;text-transform:uppercase;color:var(--sg-dim,#9aa6c0);justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0}.pl-caption.is-in{opacity:.5;transform:none}.pl-caption.is-out{opacity:0;transform:translateY(4px)}.pl-caption--product{letter-spacing:.01em;text-transform:none;color:var(--sg-text,#f5f7fa);font-size:14px;font-weight:500}.pl-caption--product.is-in{opacity:.95}.pl-caption--product strong{font-weight:700}.pl-caption-sep{opacity:.45;background:currentColor;border-radius:50%;width:3px;height:3px}[dir=rtl] .pl-caption{letter-spacing:0}[dir=rtl] .pl-caption svg{transform:rotate(180deg)}.pl-plate:focus-visible{outline:2px solid var(--sg-cyan,#22d3ee);outline-offset:4px}@media (width<=1024px){.pl-root{--pl-scale:1.15;--pl-gap:26px}.pl-track{padding:24px 0}}@media (width<=640px){.pl-root{--pl-scale:.92;--pl-gap:18px;gap:14px}.pl-track{padding:18px 0}.pl-caption--product{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.pl-row{animation:none}.pl-track{scrollbar-width:none;scroll-snap-type:x proximity;overflow-x:auto}.pl-track::-webkit-scrollbar{display:none}.pl-plate{scroll-snap-align:center}.pl-item[aria-hidden=true]{display:none}}