html{height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;margin:0}#root,.App{height:100%}.App{height:100vh;overflow-y:auto;scroll-snap-type:y proximity}.page{height:auto;min-height:100vh;scroll-snap-align:start}.App-footer{min-height:auto;scroll-snap-align:none}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style-position:inside}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff7f27}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1,h2,h3{font-family:Work Sans Medium,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;line-height:1.2}p{line-height:1.6}@font-face{font-display:swap;font-family:Work Sans Medium;font-style:normal;font-weight:500;src:url(/static/media/work-sans-medium.78d44f7f3b30a3f06505.otf) format("opentype")}:root{--primary:#ff7f27;--primary-light:#ff9a57;--primary-dark:#e6601a;--bg-dark:#111;--bg-darker:#0a0a0a;--text-primary:#fff;--text-secondary:#ccc;--shadow:0 4px 20px #0000004d;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}a,body,button,div,h1,h2,h3,h4,h5,h6,input,p,select,span,textarea{font-family:Work Sans Medium,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font-family:inherit}.fab,.far,.fas,[class*=" fa-"],[class^=fa-]{font-feature-settings:normal!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;display:inline-block!important;font-family:Font Awesome\ 6 Free,Font Awesome\ 6 Brands,FontAwesome!important;font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;vertical-align:middle!important}.fas,[class*=" fas "],[class^="fas "]{font-family:Font Awesome\ 6 Free,FontAwesome!important;font-weight:900!important}.fab,[class*=" fab "],[class^="fab "]{font-family:Font Awesome\ 6 Brands,FontAwesome!important;font-weight:400!important}.far,[class*=" far "],[class^="far "]{font-family:Font Awesome\ 6 Free,FontAwesome!important;font-weight:400!important}.fa{display:inline-block!important;font-family:FontAwesome!important;font-style:normal!important;font-weight:400!important;text-decoration:inherit!important}i[class*=fa]:before{font-family:inherit!important}.center-icon,.feature-icon,.node-icon,.social-link i{display:inline-block!important;font-family:Font Awesome\ 6 Free,Font Awesome\ 6 Brands,FontAwesome!important;font-style:normal!important}body{font-feature-settings:"liga" 1,"kern" 1;background:#0a0a0a;background:var(--bg-darker);color:#fff;color:var(--text-primary);font-family:Work Sans Medium,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:500;line-height:1.6;overflow-x:hidden}.App,.navbar{width:100%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111e6;padding:1rem 0;position:fixed;top:0;transition:all .3s ease;transition:var(--transition);z-index:1000}.navbar.scrolled{background:#111111f2;padding:.5rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo{border-radius:50%;height:40px}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{color:#ccc;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.nav-link:hover{color:#ff7f27;color:var(--primary)}.cta-button{animation:primaryButtonGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,gold,#ff9a57,orange);background-size:300% 300%;border-radius:25px;box-shadow:0 4px 15px #ff7f2766,0 0 20px #ffd70033;color:#fff;font-family:Work Sans Medium,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-position:100% 50%;box-shadow:0 6px 25px #ff7f2799,0 0 30px #ffd70066;transform:translateY(-2px) scale(1.02)}.hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:0 2rem;text-align:center}.hero-content{max-width:800px}.hero-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative}.vinyl-record{animation:vinylRotate 8s linear infinite;background:radial-gradient(circle,#1a1a1a 0,#0a0a0a 50%,#000 100%);border-radius:50%;box-shadow:0 0 0 2px #333,0 0 20px #000c,inset 0 0 30px #00000080;height:200px;position:relative;width:200px}.vinyl-groove{border:1px solid #ffffff1a;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.groove-1{height:180px;width:180px}.groove-2{height:150px;width:150px}.groove-3{height:120px;width:120px}.groove-4{height:90px;width:90px}.vinyl-center{align-items:center;background:radial-gradient(circle,#333 0,#1a1a1a 70%);border-radius:50%;box-shadow:inset 0 0 10px #000c,0 0 20px #ff7f274d;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.hero-logo{animation:logoFloat 3s ease-in-out infinite;border-radius:50%;height:60px;width:60px;z-index:2}@keyframes vinylRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-title{-webkit-text-fill-color:#0000;animation:titleGlow 3.5s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,gold,#ff9a57,orange,#ff6b35);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;font-family:Brush Script MT,Lucida Handwriting,Trebuchet MS,cursive;font-size:4.5rem;font-weight:900;letter-spacing:4px;margin-bottom:1rem;text-shadow:0 0 30px #ff7f27cc,0 0 60px #ffd70066,0 4px 8px #0000004d;text-transform:uppercase;transform:perspective(500px) rotateX(15deg)}.hero-subtitle{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,gold,#ff9a57,orange);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-family:Brush Script MT,Lucida Handwriting,cursive;font-size:2rem;font-weight:800;letter-spacing:1px;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-shadow:0 0 30px #ff7f2780}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.secondary-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff7f271a;border:2px solid #ff7f27;border-radius:25px;box-shadow:0 2px 10px #ff7f2733;color:#ff7f27;font-family:Work Sans Medium,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-decoration:none;transition:all .3s ease}.secondary-button:hover{background:linear-gradient(135deg,#ff7f27,gold,#ff9a57);border-color:gold;box-shadow:0 4px 20px #ff7f2766;color:#fff;transform:translateY(-2px)}.music-notes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.music-note{animation:float 10s linear infinite;color:#ff7f27;color:var(--primary);font-size:2rem;opacity:.3;position:absolute}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-20vh) rotate(1turn)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes buttonGlow{0%{background-position:0 50%;box-shadow:0 4px 20px #ff7f2766}50%{background-position:100% 50%;box-shadow:0 6px 30px #ff7f2799}to{background-position:0 50%;box-shadow:0 4px 20px #ff7f2766}}@keyframes titleGlow{0%{background-position:0 50%;text-shadow:0 0 30px #ff7f27cc,0 0 60px #ffd70066,0 4px 8px #0000004d}50%{background-position:100% 50%;text-shadow:0 0 40px gold,0 0 80px #ff7f2799,0 6px 12px #0006}to{background-position:0 50%;text-shadow:0 0 30px #ff7f27cc,0 0 60px #ffd70066,0 4px 8px #0000004d}}@keyframes primaryButtonGlow{0%{background-position:0 50%;box-shadow:0 4px 15px #ff7f2766,0 0 20px #ffd70033}50%{background-position:100% 50%;box-shadow:0 5px 20px #ff7f2780,0 0 25px #ffd7004d}to{background-position:0 50%;box-shadow:0 4px 15px #ff7f2766,0 0 20px #ffd70033}}@keyframes titleShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.section{padding:5rem 0}.section-dark{background:#111;background:var(--bg-dark)}.section-darker{background:#0a0a0a;background:var(--bg-darker)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;padding:2rem 0;position:relative;text-align:center}.section-header:before{background:linear-gradient(90deg,#ff7f27,gold,#ff9a57);border-radius:2px;height:3px;top:0;width:100px}.section-header:after,.section-header:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.section-header:after{background:linear-gradient(90deg,#ff9a57,gold,#ff7f27);border-radius:1px;bottom:0;height:2px;width:60px}.section-title{-webkit-text-fill-color:#0000;animation:titleShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,gold,#ff9a57);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3rem;font-weight:700;margin-bottom:1.5rem;position:relative}.section-subtitle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff7f2705;border:1px solid #ff7f271a;border-radius:15px;color:#ccc;color:var(--text-secondary);font-size:1.2rem;font-style:italic;line-height:2;margin:0 auto;max-width:900px;padding:1.5rem;position:relative;text-align:center}.section-subtitle:before{left:20px;top:-10px}.section-subtitle:after,.section-subtitle:before{color:#ff7f27;color:var(--primary);content:'"';font-family:serif;font-size:3rem;opacity:.3;position:absolute}.section-subtitle:after{bottom:-10px;right:20px}.features-layout{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 400px;margin-top:2rem}.features-content{padding-right:2rem}.features-main-title{-webkit-text-fill-color:#0000;animation:titleShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,gold,#ff9a57);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem}.features-description{color:#ccc;color:var(--text-secondary);font-size:1.2rem;line-height:1.8}.features-description p{margin-bottom:1.5rem;text-align:justify}.features-cards{align-items:center;gap:1.5rem}.feature-card,.features-cards{display:flex;flex-direction:column}.feature-card{animation:fadeInCard .6s ease-out forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff0d,#ff7f2705);border:1px solid #ff7f274d;border-radius:20px;justify-content:flex-start;min-height:280px;opacity:0;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transform:translateX(30px);transition:all .5s ease;width:100%}@keyframes fadeInCard{to{opacity:1;transform:translateX(0)}}.feature-card:before{background:linear-gradient(90deg,#ff7f27,gold,#ff9a57,orange);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{background:linear-gradient(135deg,#ff7f2714,#ffffff14);border-color:#ff7f27;border-color:var(--primary);box-shadow:0 15px 40px #ff7f274d,0 0 30px #ffd70033;transform:translateY(-8px) scale(1.02)}.feature-icon{-webkit-text-fill-color:#0000;animation:iconGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,gold,#ff9a57);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.5rem;margin-bottom:1rem;position:relative}@keyframes iconGlow{0%{background-position:0 50%;filter:drop-shadow(0 0 10px rgba(255,127,39,.3))}50%{background-position:100% 50%;filter:drop-shadow(0 0 15px rgba(255,215,0,.5))}to{background-position:0 50%;filter:drop-shadow(0 0 10px rgba(255,127,39,.3))}}.feature-title{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.feature-description{color:#ccc;color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.6;text-align:left}.feature-indicators{display:flex;gap:.8rem;justify-content:center;margin-bottom:1rem;order:-1}.feature-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ff7f2766;border-radius:50%;color:#ccc;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:45px;justify-content:center;transition:all .3s ease;width:45px}.feature-indicator:hover{background:#ff7f2733;border-color:#ff7f27;border-color:var(--primary);color:#fff;color:var(--text-primary)}.feature-indicator.active{border-color:#ff7f27;border-color:var(--primary);box-shadow:0 0 20px #ff7f2766;color:#fff}.ecosystem-title,.feature-indicator.active{background:linear-gradient(135deg,#ff7f27,gold,#ff9a57)}.ecosystem-title{-webkit-text-fill-color:#0000;animation:titleShimmer 4s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center}.ecosystem-container{height:600px;margin:0 auto;max-width:600px;position:relative;width:100%}.ecosystem-center{align-items:center;animation:centerPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,#ff9a57);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;box-shadow:0 0 50px #ff7f2780;display:flex;flex-direction:column;height:130px;justify-content:center;left:52%;position:absolute;top:48%;transform:translate(-50%,-50%);width:130px;z-index:10}@keyframes centerPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.center-icon{color:#fff;font-size:2rem;margin-bottom:.5rem}.center-title{color:#fff;font-size:1rem;font-weight:700}.center-subtitle{color:#fffc;font-size:.75rem}.ecosystem-nodes{height:100%;position:absolute;width:100%}.ecosystem-nodes:before{animation:rotateOrganicShape 25s linear infinite;border:1px dashed #ff7f274d;border-radius:60% 40% 70% 30%;content:"";height:240px;left:52%;position:absolute;top:48%;transform:translate(-50%,-50%);width:320px}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateOrganicShape{0%{border-radius:60% 40% 70% 30%;transform:translate(-50%,-50%) rotate(0deg)}25%{border-radius:40% 70% 30% 60%;transform:translate(-50%,-50%) rotate(90deg)}50%{border-radius:70% 30% 60% 40%;transform:translate(-50%,-50%) rotate(180deg)}75%{border-radius:30% 60% 40% 70%;transform:translate(-50%,-50%) rotate(270deg)}to{border-radius:60% 40% 70% 30%;transform:translate(-50%,-50%) rotate(1turn)}}.eco-node{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ff7f2766;border-radius:50%;box-sizing:border-box;display:flex;flex-direction:column;height:120px;justify-content:center;padding:.8rem;position:absolute;transition:all .3s ease;width:120px}.node-1{left:42%;top:6%;transform:translateX(-50%)}.node-2{right:8%;top:18%}.node-3{bottom:35%;right:1%}.node-4{bottom:15%;left:6%}.node-5{left:8%;top:25%}.node-1:hover{transform:translateX(-50%) scale(1.05)}.node-2:hover,.node-3:hover,.node-4:hover,.node-5:hover{transform:scale(1.05)}.eco-node:hover{background:#ff7f271a;border-color:#ff7f27;border-color:var(--primary);box-shadow:0 0 30px #ff7f2766}.node-icon{color:#ff7f27;color:var(--primary);font-size:1.8rem;margin-bottom:.4rem}.node-title{word-wrap:break-word;color:#fff;color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.1;max-width:100%;text-align:center;white-space:normal}.node-subtitle{color:#ccc;color:var(--text-secondary);font-size:.625rem;text-align:center;white-space:nowrap}.tech-container{margin:0 auto;max-width:800px}.tech-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.tech-tab{background:#0000;border:2px solid #ff7f274d;border-radius:25px;color:#ccc;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.tech-tab.active{background:#ff7f27;background:var(--primary);border-color:#ff7f27;border-color:var(--primary);color:#fff}.tech-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff7f2733;border-radius:20px;padding:2rem}.tech-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.tech-details{grid-gap:1.5rem;display:grid;gap:1.5rem}.tech-item{background:#ffffff08;border:1px solid #ff7f271a;border-radius:15px;padding:1.5rem}.tech-item h4{color:#ff7f27;color:var(--primary);font-size:1.125rem;margin-bottom:.5rem}.tech-item p{color:#ccc;color:var(--text-secondary);line-height:1.6}.roadmap-timeline{margin:0 auto;max-width:900px;padding:1.5rem 0;position:relative}.roadmap-timeline:before{background:linear-gradient(180deg,#ff7f27,gold,#ff9a57,orange);border-radius:1.5px;bottom:0;box-shadow:0 0 15px #ff7f2766;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.roadmap-item{animation:roadmapFadeIn .8s ease-out forwards;margin-bottom:3rem;opacity:0;position:relative;width:43%}.roadmap-item:nth-child(odd){animation-delay:.2s;left:0;text-align:right}.roadmap-item:nth-child(2n){animation-delay:.4s;left:57%;text-align:left}.roadmap-item:nth-child(3){animation-delay:.6s}.roadmap-item:nth-child(4){animation-delay:.8s}@keyframes roadmapFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.roadmap-date{background:linear-gradient(135deg,#ff7f27,gold,#ff9a57);border:2px solid #0a0a0a;border:2px solid var(--bg-darker);border-radius:25px;box-shadow:0 3px 12px #ff7f2766,0 0 15px #ffd7004d;color:#fff;font-size:.9rem;font-weight:700;padding:.6rem 1.2rem;position:absolute;top:0;z-index:10}.roadmap-item:nth-child(odd) .roadmap-date{right:-70px;transform:translateX(50%)}.roadmap-item:nth-child(2n) .roadmap-date{left:-70px;transform:translateX(-50%)}.roadmap-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff14,#ff7f270d);border:1px solid #ff7f274d;border-radius:18px;margin-top:.8rem;padding:2rem 1.8rem 1.8rem;position:relative;transition:all .3s ease}.roadmap-content:before{background:linear-gradient(135deg,#ff7f27,gold);border:2px solid #0a0a0a;border:2px solid var(--bg-darker);border-radius:50%;box-shadow:0 0 12px #ff7f2799;content:"";height:12px;position:absolute;top:0;width:12px}.roadmap-item:nth-child(odd) .roadmap-content:before{right:-30px}.roadmap-item:nth-child(2n) .roadmap-content:before{left:-30px}.roadmap-content:hover{border-color:#ff7f27;border-color:var(--primary);box-shadow:0 10px 30px #ff7f274d,0 0 25px #ffd70033;transform:translateY(-3px)}.roadmap-title{-webkit-text-fill-color:#0000;animation:titleShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#ff7f27,gold,#ff9a57);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.6rem;font-weight:700;margin-bottom:1.2rem}.roadmap-list{list-style:none;margin:0;padding:0}.roadmap-list li{color:#ccc;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:.8rem;padding-left:1.8rem;position:relative}.roadmap-list li:before{animation:pulse 2s ease-in-out infinite;color:#ff7f27;color:var(--primary);content:"▶";font-size:.8rem;left:0;position:absolute}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.footer{background:#0a0a0a;background:var(--bg-darker);border-top:1px solid #ff7f271a;padding:3rem 0 1rem}.footer-container{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.footer-logo{border-radius:50%;height:60px;margin-bottom:1rem;width:60px}.footer-about{color:#ccc;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;margin-right:2rem;max-width:350px}.footer-title{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none}.footer-link{margin-bottom:.5rem}.footer-link a{color:#ccc;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.footer-link a:hover{color:#ff7f27;color:var(--primary)}.social-links{display:flex;gap:1rem}.social-link{color:#ccc;color:var(--text-secondary);font-size:1.5rem;transition:all .3s ease;transition:var(--transition)}.social-link:hover{color:#ff7f27;color:var(--primary);transform:scale(1.1)}.footer-bottom{border-top:1px solid #ff7f271a;color:#ccc;color:var(--text-secondary);margin-top:2rem;padding-top:2rem;text-align:center}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:3rem;letter-spacing:3px;transform:perspective(300px) rotateX(10deg)}.hero-subtitle{font-size:1.5rem}.vinyl-record{height:150px;width:150px}.groove-1{height:135px;width:135px}.groove-2{height:110px;width:110px}.groove-3{height:85px;width:85px}.groove-4{height:65px;width:65px}.vinyl-center{height:60px;width:60px}.hero-logo{height:45px;width:45px}.hero-buttons{align-items:center;flex-direction:column}.section-title{font-size:2rem}.features-layout{gap:3rem;grid-template-columns:1fr}.features-content{padding-right:0;text-align:center}.features-main-title{font-size:2.5rem}.features-description{font-size:1.1rem}.features-cards{display:flex;flex-direction:column;gap:2rem}.feature-card{min-height:300px;padding:2rem}.ecosystem-title{font-size:2.5rem;margin-bottom:2rem}.feature-icon{font-size:3rem}.feature-title{font-size:1.4rem}.ecosystem-container{height:480px;max-width:480px}.eco-node{height:100px;padding:.7rem;width:100px}.node-icon{font-size:1.4rem;margin-bottom:.3rem}.node-title{font-size:.7rem}.tech-tabs{gap:.25rem}.tech-tab{font-size:.8rem;padding:.5rem 1rem}.footer-container{grid-template-columns:1fr;text-align:center}.roadmap-timeline:before{left:25px;transform:none;width:2px}.roadmap-item{left:0!important;margin-bottom:2.5rem;padding-left:60px;text-align:left;width:100%}.roadmap-date{font-size:.85rem;left:0!important;padding:.5rem 1rem;right:auto!important;top:8px;transform:none!important}.roadmap-content:before{height:10px;left:-48px!important;right:auto!important;width:10px}}@media (max-width:480px){.container,.hero,.nav-container{padding:0 1rem}.hero-title{font-size:2.2rem;letter-spacing:2px;transform:perspective(200px) rotateX(8deg)}.cta-button,.secondary-button{font-size:.9rem;padding:.7rem 1.5rem}.vinyl-record{height:120px;width:120px}.groove-1{height:110px;width:110px}.groove-2{height:90px;width:90px}.groove-3{height:70px;width:70px}.groove-4{height:55px;width:55px}.vinyl-center{height:50px;width:50px}.hero-logo{height:35px;width:35px}.section-title{font-size:1.75rem}.features-main-title{font-size:2rem}.features-description{font-size:1rem}.features-cards{gap:1.5rem}.feature-card{min-height:260px;padding:1.5rem}.ecosystem-title{font-size:2rem;margin-bottom:1.5rem}.feature-indicator{font-size:.9rem;height:40px;width:40px}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.2rem}.ecosystem-container{height:400px;max-width:400px}.eco-node{height:80px;padding:.5rem;width:80px}.node-icon{font-size:1.1rem;margin-bottom:.2rem}.node-title{font-size:.6rem;line-height:1}.roadmap-timeline:before{left:18px;width:2px}.roadmap-item{margin-bottom:2rem;padding-left:50px}.roadmap-date{font-size:.8rem;padding:.5rem .8rem}.roadmap-title{font-size:1.3rem;margin-bottom:.8rem}.roadmap-list li{font-size:.95rem;margin-bottom:.7rem;padding-left:1.5rem}.roadmap-content{padding:1.5rem 1.2rem 1.2rem}.roadmap-content:before{height:8px;left:-40px!important;width:8px}}
/*# sourceMappingURL=main.1c7f418a.css.map*/