@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
:root{--bg:#050816;--panel:#100d25;--panel2:#15112e;--text:#fff;--muted:#aaa6c3;--violet:#915eff;--blue:#00bfff;--green:#6af6b7;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,sans-serif;overflow-x:hidden}.stars,.stars:before,.stars:after{position:fixed;inset:0;content:"";pointer-events:none;z-index:-3;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:54px 54px;opacity:.12}.stars:before{background-size:89px 89px;transform:translate(17px,31px);opacity:.13}.stars:after{background-size:131px 131px;transform:translate(47px,11px);opacity:.18}.glow{position:fixed;width:620px;height:620px;border-radius:50%;filter:blur(110px);opacity:.22;z-index:-2}.glow.a{right:-250px;top:-240px;background:var(--violet)}.glow.b{left:-300px;bottom:-340px;background:var(--blue)}
a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:30;background:rgba(5,8,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-in{max-width:1240px;margin:auto;height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:22px;font-weight:800;background:linear-gradient(90deg,var(--violet),var(--blue));-webkit-background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;gap:18px;font-size:14px;color:var(--muted)}.nav-links a:hover{color:#fff}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:11px 17px;background:rgba(255,255,255,.055);color:#fff;font-weight:600;cursor:pointer;transition:.25s}.pill:hover,.btn:hover{transform:translateY(-2px);border-color:rgba(145,94,255,.75);box-shadow:0 12px 35px rgba(145,94,255,.2)}.btn.primary{border:0;background:linear-gradient(90deg,#804dee,#00a9e8);box-shadow:0 10px 30px rgba(128,77,238,.24)}.hero{min-height:100vh;display:grid;align-items:center;padding:128px 28px 70px;position:relative}.hero-in{max-width:1240px;margin:auto;width:100%;display:grid;grid-template-columns:1.07fr .93fr;gap:58px;align-items:center}.eyebrow{letter-spacing:.14em;font-size:13px;font-weight:800;color:#b8a5ff;text-transform:uppercase}.hero h1{font-size:clamp(48px,7vw,92px);line-height:1.02;margin:17px 0 24px;letter-spacing:-.05em}.gradient{background:linear-gradient(90deg,#fff 0,#c4b5fd 42%,#67e8f9 100%);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:700px}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.tag{font-size:13px;padding:8px 12px;border-radius:999px;color:#d7cdfc;background:rgba(145,94,255,.13);border:1px solid rgba(145,94,255,.28)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.visual{perspective:1000px;position:relative;min-height:520px;display:grid;place-items:center}.monitor{width:min(100%,520px);aspect-ratio:16/11;border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02));padding:14px;border:1px solid rgba(255,255,255,.19);box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 70px rgba(145,94,255,.22);transform:rotateY(-9deg) rotateX(4deg);animation:float 6s ease-in-out infinite}.screen{height:100%;border-radius:18px;background:#060b18;overflow:hidden;position:relative;border:1px solid rgba(0,191,255,.2)}.screen img{width:100%;height:100%;object-fit:cover}.stand{width:120px;height:80px;margin:-5px auto 0;background:linear-gradient(90deg,#15132c,#302d49,#15132c);clip-path:polygon(38% 0,62% 0,72% 75%,100% 88%,100% 100%,0 100%,0 88%,28% 75%)}@keyframes float{50%{transform:rotateY(-5deg) rotateX(2deg) translateY(-12px)}}.section{padding:100px 28px}.section-in{max-width:1240px;margin:auto}.kicker{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.section h2{font-size:clamp(36px,5vw,62px);margin:10px 0 38px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:linear-gradient(145deg,rgba(21,17,46,.88),rgba(10,12,30,.92));border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.card h3{margin:0 0 14px;font-size:20px}.card p,.card li{color:var(--muted);line-height:1.75}.card ul{padding-left:20px;margin:0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.metric{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.metric small{display:block;color:var(--muted);font-size:11px;letter-spacing:.1em}.metric strong{display:block;margin-top:8px;font-size:17px}.architecture{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.arch-node{padding:15px 18px;border:1px solid rgba(145,94,255,.35);background:rgba(145,94,255,.1);border-radius:14px;font-weight:600}.arrow{color:#766d92}.code{background:#040813;border:1px solid rgba(0,191,255,.18);border-radius:17px;padding:21px;overflow:auto;color:#9ff5d1;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:210px}.demo-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:20px}.demo-control{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:22px}.demo-output{background:#030812;border:1px solid rgba(0,191,255,.2);padding:26px;border-radius:22px;min-height:390px}.field{margin:14px 0}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.input,select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#080b1d;color:#fff;outline:none}.input:focus,select:focus{border-color:var(--violet)}.toggle{display:flex;align-items:center;justify-content:space-between;margin:14px 0;color:var(--muted)}input[type=checkbox]{accent-color:var(--violet);width:18px;height:18px}.log{font:14px/1.75 ui-monospace,SFMono-Regular,monospace;color:#cbd5e1;white-space:pre-wrap}.ok{color:var(--green)}.warn{color:#fbbf24}.danger{color:#fb7185}.bars{display:flex;align-items:end;gap:11px;height:210px;padding-top:25px}.bar{flex:1;min-width:20px;border-radius:8px 8px 2px 2px;background:linear-gradient(#a78bfa,#3b82f6);position:relative;transition:.5s}.bar span{position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted)}.pipeline{display:flex;flex-direction:column;gap:12px}.pipe{padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04)}.pipe.active{border-color:#6af6b7;box-shadow:0 0 22px rgba(106,246,183,.12)}.footer{padding:35px 28px;border-top:1px solid var(--line);color:var(--muted)}.footer-in{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mobile-menu{display:none}
@media(max-width:900px){.hero-in,.demo-shell{grid-template-columns:1fr}.visual{min-height:390px}.grid{grid-template-columns:1fr 1fr}.nav-links .hide-mobile{display:none}.hero{padding-top:120px}.monitor{max-width:530px}}
@media(max-width:620px){.nav-in{height:68px;padding:0 17px}.brand{font-size:17px}.nav-links{gap:8px}.nav-links .pill{padding:9px 12px;font-size:12px}.hero,.section{padding-left:18px;padding-right:18px}.hero h1{font-size:46px}.lead{font-size:16px}.grid,.metric-row{grid-template-columns:1fr}.visual{min-height:300px}.monitor{transform:none;animation:floatMobile 6s ease-in-out infinite}.stand{height:55px}.section{padding-top:76px;padding-bottom:76px}}@keyframes floatMobile{50%{transform:translateY(-8px)}}