:root{--bg-1: #0a0a0a;--bg-2: #1a1a1a;--hex-edge: #333333;--hex-fill: #2a2a2a;--glass: rgba(255,255,255,.08);--glass-2: rgba(255,255,255,.04);--accent-1: #ffffff;--accent-2: #d0d0d0;--accent-3: #a0a0a0;--muted: rgba(255,255,255,.6);--text: #ffffff;--radius: 18px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(1200px 600px at 10% 10%,rgba(255,255,255,.02),transparent),radial-gradient(1000px 500px at 90% 90%,rgba(255,255,255,.01),transparent),linear-gradient(180deg,var(--bg-1),var(--bg-2));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;padding:48px 24px;overflow-x:hidden}.app-root{position:relative;min-height:100vh;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.hex-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;pointer-events:none;z-index:0}.bg-blob{position:absolute;filter:blur(80px);opacity:.3;border-radius:50%;transform:translateZ(0);pointer-events:none}.blob-1{width:500px;height:500px;right:-150px;top:-100px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent);opacity:.2}.blob-2{width:400px;height:400px;left:-120px;bottom:-100px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent);opacity:.1}.hero{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:48px;position:relative;overflow:visible;z-index:1}.hero-left{flex:1;min-width:0}.title{font-size:56px;line-height:1.1;margin:0 0 20px;color:var(--accent-1);font-weight:800;letter-spacing:-2px;animation:fadeInDown .8s ease-out}.subtitle{margin:0 0 16px;color:var(--accent-2);font-size:20px;font-weight:600;animation:fadeInUp .8s ease-out .1s backwards}.description{margin:0 0 28px;color:var(--muted);font-size:17px;line-height:1.7;max-width:520px;animation:fadeInUp .8s ease-out .2s backwards}.cta-row{display:flex;align-items:center;gap:16px}.cta{background:var(--accent-1);border:2px solid var(--accent-1);color:#0a0a0a;padding:14px 28px;border-radius:8px;font-weight:700;cursor:pointer;font-size:15px;box-shadow:0 8px 24px #ffffff1a;transition:transform .18s ease,box-shadow .18s ease,background .2s ease;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#0a0a0a4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta:hover:before{width:300px;height:300px}.cta:hover{transform:translateY(-3px);box-shadow:0 16px 36px #fff3;background:var(--accent-2)}.cta:active{transform:translateY(-1px)}.muted{color:var(--muted);font-size:14px}.hero-right{flex:1;display:flex;align-items:center;justify-content:center;min-height:350px;position:relative}.network-wrap{position:absolute;width:280px;height:280px;opacity:.4;z-index:1}.graphene-network{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(255,255,255,.15))}.hex-cluster{animation:rotate-cluster 20s linear infinite}.hex-node{fill:var(--accent-2);animation:pulse-node 3s ease-in-out infinite}.hex-node.outer{animation:pulse-node 3s ease-in-out infinite;animation-delay:.5s}.hex-edge{stroke:var(--accent-2);stroke-width:1;opacity:.6;animation:dash-stroke 4s linear infinite}.ball-wrap{width:220px;height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-radius:50%;box-shadow:inset 0 -8px 40px #0006,0 18px 50px #ffffff14;transform:translateY(0);border:1px solid rgba(255,255,255,.12);position:relative;z-index:2}.tennis-ball{width:160px;height:160px;animation:float 4s ease-in-out infinite,spin 8s linear infinite}.graphene-ball{width:160px;height:160px;animation:float 4s ease-in-out infinite,spin 8s linear infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.hex-ring-top circle{animation:pulse-node 2s ease-in-out infinite}.hex-ring-mid circle{animation:pulse-node 2.5s ease-in-out infinite}.hex-ring-bottom circle{animation:pulse-node 3s ease-in-out infinite}.mid-edge{animation:edge-glow 2s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hexagon{cursor:pointer}.hex-path{stroke:var(--accent-1);stroke-width:1.5;fill:none;opacity:.5;animation:hex-glow 3s ease-in-out infinite}.hexagon.filled .hex-path{fill:var(--hex-fill);stroke:var(--accent-1);stroke-width:1;opacity:.7}@keyframes hex-glow{0%,to{opacity:.5;stroke-width:1.5}50%{opacity:.8;stroke-width:2}}@keyframes rotate-cluster{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-node{0%,to{r:4;opacity:.6}50%{r:6;opacity:1}}@keyframes dash-stroke{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes edge-glow{0%,to{opacity:.5;stroke-width:1}50%{opacity:1;stroke-width:1.5}}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.08}90%{opacity:.08}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.floating-hex-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-hex{position:absolute;opacity:.08;animation:float-up linear infinite}.hex-stroke{stroke:var(--accent-2);stroke-width:1;fill:none}.foot{text-align:center;color:var(--muted);margin-top:40px;font-size:13px;position:relative;z-index:1}@media (max-width:1024px){.hero{flex-direction:column;align-items:center;text-align:center;gap:32px}.hero-left{order:2}.hero-right{order:1;flex:1;width:100%}.description{margin-left:auto;margin-right:auto}.title{font-size:40px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}