:root{--color-bg: #05050a;--color-primary: #a855f7;--color-accent: #22d3ee;--glass-bg: rgba(15, 15, 20, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-pixel: "Press Start 2P", cursive;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:#fff;font-family:var(--font-body);overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 50% 0%,rgba(168,85,247,.15),transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:center top,center top,center top;z-index:-1;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.15}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.pixel-text{font-family:var(--font-pixel);line-height:1.5}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.pixel-border{box-shadow:-2px 0 #fff,2px 0 #fff,0 -2px #fff,0 2px #fff;margin:2px}.live-demo-section{display:flex;flex-direction:column;align-items:center;padding:2rem}.section-title{font-size:2rem;margin-bottom:3rem;color:var(--color-secondary);text-shadow:4px 4px 0px rgba(0,0,0,.5)}.monitor-wrapper{position:relative;width:100%;max-width:900px;perspective:1000px}.monitor-frame{background:#222;padding:20px;border-radius:20px;box-shadow:0 0 0 5px #333,0 20px 50px #00000080;position:relative}.screen-content{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:4px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 20px #000c}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:10}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#ffffff1a,#0006);pointer-events:none;z-index:5}.play-container{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:20}.retro-play-btn{width:100px;height:100px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:flex;justify-content:center;align-items:center;cursor:pointer;background:#ffffff1a;box-shadow:0 0 20px #fff3;transition:all .3s ease}.retro-play-btn:hover{background:#fff3;box-shadow:0 0 30px #fff6}.press-start{font-family:var(--font-pixel);font-size:.8rem;color:#fff;animation:blink 1.5s infinite;text-shadow:2px 2px 0px #000}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.wallet-connect-container{padding:2rem;width:400px;text-align:center;z-index:20;background:#0f0f1ad9}.wallet-connect-container h3{color:var(--color-accent);margin-bottom:.5rem}.wallet-connect-container p{margin-bottom:2rem;color:#ccc}.wallet-options{display:flex;flex-direction:column;gap:1rem}.wallet-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:all .2s}.os-boot-screen{z-index:20;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;font-family:var(--font-pixel);color:var(--color-primary)}.boot-text{width:300px}.loading-bar{width:100%;height:20px;border:2px solid var(--color-primary);margin:1rem 0;padding:2px}.loading-progress{height:100%;background:var(--color-primary)}.success-text{color:#4ade80;margin-bottom:2rem}.enter-btn{background:var(--color-accent);color:#000;border:none;padding:1rem 2rem;font-family:var(--font-pixel);cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:0 auto}.monitor-stand{width:200px;height:60px;background:#1a1a1a;margin:0 auto;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 10px 20px #00000080}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.workflow-section{padding:4rem 2rem;text-align:center}.workflow-header{margin-bottom:4rem}.badge{display:inline-block;padding:.5rem 1rem;border:1px solid var(--color-primary);border-radius:20px;color:var(--color-primary);font-family:var(--font-pixel);font-size:.8rem;margin-bottom:1rem;background:#a855f71a}.section-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.1rem}.workflow-visualizer-container{display:flex;justify-content:center;perspective:1000px}.visualizer-window{width:100%;max-width:1200px;height:600px;background:#0a0a0f;border:1px solid #333;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative}.window-header{height:40px;background:#1a1a20;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;flex-shrink:0}.workflow-id{font-family:monospace;color:#666;font-size:.9rem}.window-controls{display:flex;align-items:center;gap:1rem}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#4ade80;background:#4ade801a;padding:.2rem .6rem;border-radius:12px}.status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;box-shadow:0 0 5px #4ade80}.play-mini-btn{background:#f97316;border:none;width:24px;height:24px;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.canvas-area{flex:1;position:relative;overflow:hidden;cursor:grab}.react-flow__node{border:none;background:transparent}.workflow-node{width:220px;background:#13131a;border:1px solid #333;border-radius:8px;overflow:hidden;transition:border-color .3s}.workflow-node:hover{border-color:var(--node-color)}.node-header{height:40px;display:flex;align-items:center;padding:0 1rem}.node-content{padding:1rem}.node-content h4{font-size:.9rem;margin-bottom:.2rem;color:#fff}.node-content p{font-size:.7rem;color:#888}.custom-handle{width:10px!important;height:10px!important;background:#555!important;border:2px solid #13131a!important}.window-scrollbar{height:12px;background:#1a1a20;border-top:1px solid #333;padding:2px;display:flex;align-items:center}.scrollbar-thumb{height:8px;width:100%;background:#333;border-radius:4px;cursor:pointer}.ecosystem-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.ecosystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.ecosystem-card{padding:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;background:#ffffff08;transition:transform .3s ease,box-shadow .3s ease}.card-icon-wrapper{width:60px;height:60px;background:#22d3ee1a;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.ecosystem-card h3{font-size:1.2rem;color:#fff}.ecosystem-card p{color:#aaa;line-height:1.6}.roadmap-section{padding:4rem 2rem;max-width:1200px;margin:0 auto 6rem}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative}@media(min-width:1024px){.roadmap-grid:before{content:"";position:absolute;top:50%;left:0;width:100%;height:4px;background:#ffffff1a;transform:translateY(-50%);z-index:0}}.roadmap-item{padding:2rem;background:#0f0f1acc;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;min-height:300px}.roadmap-phase{color:var(--color-primary);font-size:.9rem;letter-spacing:2px;background:#a855f71a;padding:.25rem .5rem;border-radius:4px;align-self:flex-start}.roadmap-title{font-size:1.5rem;color:#fff;font-family:var(--font-pixel)}.roadmap-list{list-style:none;padding:0;margin-top:auto}.roadmap-list li{color:#ccc;margin-bottom:.5rem;padding-left:1.2rem;position:relative;font-size:.9rem}.roadmap-list li:before{content:">";position:absolute;left:0;color:var(--color-accent);font-family:monospace}.roadmap-item:hover{border-color:var(--color-accent);transform:translateY(-5px);transition:all .3s ease}.site-footer{background:#0a0a0ff2;border-top:1px solid #333;padding:4rem 2rem 2rem;margin-top:4rem;position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:4rem}.footer-brand h2{font-size:1.5rem;margin-bottom:1rem}.footer-brand p{color:#888;margin-bottom:1.5rem;max-width:300px}.social-links{display:flex;gap:1rem}.social-icon{width:40px;height:40px;border-radius:8px;background:#ffffff0d;display:flex;justify-content:center;align-items:center;color:#ccc;transition:all .3s ease;border:1px solid transparent}.social-icon:hover{background:#a855f71a;color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-3px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.link-group h4{color:#fff;margin-bottom:1.5rem;font-size:.9rem}.link-group a{display:block;color:#888;text-decoration:none;margin-bottom:.8rem;transition:color .3s;font-size:.9rem}.link-group a:hover{color:var(--color-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.8rem}.system-status{display:flex;align-items:center;gap:.5rem;font-family:monospace;color:#4ade80}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1rem}}.construction-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:10}.construction-content{padding:4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:600px;width:100%}.pixel-hammer-wrapper{width:100px;height:100px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.pixel-hammer{width:10px;height:10px;background:transparent;box-shadow:10px 10px #8b4513,20px 20px #8b4513,30px 30px #8b4513,40px 40px #8b4513,-10px -10px #a0a0a0,0 -10px #a0a0a0,10px -10px #a0a0a0,20px -10px #a0a0a0,-10px 0 gray,0 0 gray,10px 0 gray,20px 0 gray,-10px 10px #606060,0 10px #606060;transform:translate(-15px,-15px) scale(2)}.construction-content h1{font-size:2rem;margin-bottom:.5rem}.construction-content p{color:#aaa;font-size:1.1rem}.back-btn{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.8rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-family:var(--font-pixel);font-size:.8rem;transition:all .3s ease}.back-btn:hover{background:#a855f733;border-color:var(--color-primary);transform:translate(-5px)}.floating-model-container{position:fixed;bottom:20px;right:20px;width:200px;height:200px;z-index:1000;pointer-events:auto}@media(max-width:768px){.floating-model-container{width:150px;height:150px;bottom:10px;right:10px}}.app-container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;margin-bottom:4rem;position:sticky;top:20px;z-index:100}.logo{font-family:var(--font-pixel);font-size:1.5rem;color:var(--color-accent);text-shadow:0 0 10px var(--color-accent)}.nav-links a{color:var(--color-text);text-decoration:none;margin-left:2rem;font-family:var(--font-body);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--color-primary)}.hero{text-align:center;margin-bottom:6rem;padding:2rem}.hero h1{font-size:3rem;margin-bottom:1.5rem}.hero p{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto}.gradient-text{background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}.glitch-wrapper{position:relative;display:inline-block}.glitch-wrapper:before,.glitch-wrapper:after{content:"Retro OS";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.glitch-wrapper:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-wrapper:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}10%{clip:rect(10px,9999px,40px,0)}15%{clip:rect(60px,9999px,20px,0)}20%{clip:rect(20px,9999px,70px,0)}25%{clip:rect(90px,9999px,10px,0)}30%{clip:rect(10px,9999px,50px,0)}35%{clip:rect(70px,9999px,20px,0)}40%{clip:rect(20px,9999px,60px,0)}45%{clip:rect(50px,9999px,10px,0)}50%{clip:rect(90px,9999px,30px,0)}55%{clip:rect(10px,9999px,80px,0)}60%{clip:rect(40px,9999px,20px,0)}65%{clip:rect(80px,9999px,50px,0)}70%{clip:rect(30px,9999px,90px,0)}75%{clip:rect(60px,9999px,10px,0)}80%{clip:rect(20px,9999px,70px,0)}85%{clip:rect(90px,9999px,20px,0)}90%{clip:rect(10px,9999px,60px,0)}95%{clip:rect(50px,9999px,30px,0)}to{clip:rect(80px,9999px,10px,0)}}@keyframes glitch-anim2{0%{clip:rect(60px,9999px,10px,0)}5%{clip:rect(20px,9999px,90px,0)}10%{clip:rect(80px,9999px,40px,0)}15%{clip:rect(10px,9999px,20px,0)}20%{clip:rect(50px,9999px,70px,0)}25%{clip:rect(30px,9999px,10px,0)}30%{clip:rect(70px,9999px,50px,0)}35%{clip:rect(20px,9999px,20px,0)}40%{clip:rect(90px,9999px,60px,0)}45%{clip:rect(10px,9999px,10px,0)}50%{clip:rect(60px,9999px,30px,0)}55%{clip:rect(20px,9999px,80px,0)}60%{clip:rect(80px,9999px,20px,0)}65%{clip:rect(10px,9999px,50px,0)}70%{clip:rect(50px,9999px,90px,0)}75%{clip:rect(90px,9999px,10px,0)}80%{clip:rect(30px,9999px,70px,0)}85%{clip:rect(70px,9999px,20px,0)}90%{clip:rect(20px,9999px,60px,0)}95%{clip:rect(60px,9999px,30px,0)}to{clip:rect(10px,9999px,10px,0)}}.buy-btn{background:var(--color-primary);color:#fff;font-family:var(--font-pixel);font-size:1rem;padding:1rem 2rem;border:none;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));cursor:pointer;transition:transform .1s,filter .3s;box-shadow:0 5px #7e22ce;margin-top:2rem;text-transform:uppercase;letter-spacing:1px}.buy-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 7px #7e22ce}.buy-btn:active{transform:translateY(2px);box-shadow:0 2px #7e22ce}.token-badge{display:inline-block;background:#ffffff1a;border:1px solid var(--color-accent);padding:.5rem 1rem;border-radius:4px;font-family:var(--font-pixel);color:var(--color-accent);margin-bottom:1.5rem;font-size:.8rem;box-shadow:0 0 10px #22d3ee33}.demo-description{max-width:800px;margin:4rem auto 0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.demo-feature-block h3{color:var(--color-accent);font-family:var(--font-pixel);margin-bottom:1rem;font-size:1rem}.demo-feature-block ul{list-style:none;padding:0}.demo-feature-block li{margin-bottom:.5rem;color:#ccc;font-size:.9rem;padding-left:1.2rem;position:relative}.demo-feature-block li:before{content:">";position:absolute;left:0;color:var(--color-primary);font-family:var(--font-pixel);font-size:.7rem;top:4px}@media(max-width:768px){.demo-description{grid-template-columns:1fr}}