@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#1db954;--accent-yellow:#ffd93d;--accent-pink:#ff6b9d;--accent-blue:#4ecdc4;--bg-dark:#0a0a0a;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#b3b3b3;--border-thick:4px;--shadow-brutal:8px 8px 0px #1db954;--shadow-brutal-hover:12px 12px 0px #1db954}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;margin:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:-.02em;margin:0;font-family:Space Grotesk,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}#root{width:100%;min-height:100vh}.app{width:100%;overflow-x:hidden}.hero{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;text-align:center;max-width:900px;animation:1s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:2rem;animation:1s ease-out .2s both fadeIn;display:inline-block}.hero-logo{filter:drop-shadow(4px 4px #1db954);width:clamp(280px,50vw,450px);height:auto;display:block}.hero-headline{color:var(--text-primary);text-shadow:3px 3px 0px var(--primary-color);margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;animation:1s ease-out .2s both fadeIn}.hero-subheadline{color:var(--text-secondary);margin-bottom:3rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;animation:1s ease-out .4s both fadeIn}.team-section{margin-bottom:2.5rem;animation:1s ease-out .6s both fadeIn}.team-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.85rem;font-weight:600}.team-members{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:0;display:grid}.team-member{background:var(--bg-secondary);border:3px solid var(--text-primary);flex-direction:column;align-items:center;padding:1.25rem 1rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.team-member:before{content:"";background:var(--primary-color);clip-path:polygon(0 0,100% 0,100% 100%);width:30px;height:30px;transition:background .3s;position:absolute;top:-3px;right:-3px}.team-member:nth-child(2):before{background:var(--accent-yellow)}.team-member:nth-child(3):before{background:var(--accent-pink)}.team-member:nth-child(4):before{background:var(--accent-blue)}.team-member:hover{box-shadow:6px 6px 0px var(--primary-color);transform:translateY(-4px)}.team-member:nth-child(2):hover{box-shadow:6px 6px 0px var(--accent-yellow)}.team-member:nth-child(3):hover{box-shadow:6px 6px 0px var(--accent-pink)}.team-member:nth-child(4):hover{box-shadow:6px 6px 0px var(--accent-blue)}.team-avatar{border:3px solid var(--text-primary);object-fit:cover;width:60px;height:60px;margin-bottom:.75rem}.team-info{flex-direction:column;align-items:center;gap:.25rem;display:flex}.team-name{color:var(--text-primary);text-align:center;font-size:.9rem;font-weight:700}.team-handle{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;animation:1s ease-out .8s both fadeIn;display:flex}.cta-button{border:var(--border-thick)solid var(--bg-dark);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.cta-button.primary{color:var(--bg-dark);background:var(--primary-color);box-shadow:6px 6px 0px var(--bg-dark)}.cta-button.primary:hover{box-shadow:3px 3px 0px var(--bg-dark);transform:translate(3px,3px)}.cta-button.secondary{color:var(--text-primary);background:var(--bg-secondary);box-shadow:6px 6px 0px var(--text-primary);border-color:var(--text-primary)}.cta-button.secondary:hover{box-shadow:3px 3px 0px var(--text-primary);transform:translate(3px,3px)}.hero-badge{background:var(--bg-secondary);border:2px solid var(--accent-yellow);color:var(--accent-yellow);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;animation:1s ease-out 1s both fadeIn;display:inline-flex}.badge-dot{background:var(--accent-yellow);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.hero{padding:2rem 1.5rem}.hero-logo{width:clamp(200px,70vw,320px)}.team-members{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;width:100%}.cta-button{justify-content:center;width:100%}}.features{background:var(--bg-secondary);padding:4rem 2rem;position:relative}.features-container{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:3rem}.features-title{color:var(--text-primary);text-shadow:3px 3px 0px var(--primary-color);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);display:inline-block;position:relative}.title-underline{background:var(--accent-yellow);width:60%;height:8px;box-shadow:4px 4px 0px var(--primary-color);margin:1rem auto;transform:skew(-10deg)}.features-subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:500}.features-list{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.feature-item{background:var(--bg-dark);border:var(--border-thick)solid var(--text-primary);opacity:0;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative;transform:translate(-30px)}.feature-item.visible{opacity:1;transform:translate(0)}.feature-item:hover{box-shadow:10px 10px 0px var(--feature-color);border-color:var(--feature-color);transform:translate(8px)}.feature-item:before{content:"";background:var(--feature-color);width:6px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.feature-item:hover:before{width:12px}.feature-icon{background:var(--bg-secondary);border:3px solid;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;padding:12px;transition:all .3s;display:flex}.feature-item:hover .feature-icon{background:var(--feature-color);transform:rotate(5deg)scale(1.1);color:var(--bg-dark)!important}.feature-icon svg{width:100%;height:100%}.feature-content{flex-direction:column;gap:.5rem;display:flex}.feature-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.feature-description{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400;line-height:1.6}.feature-number{color:var(--feature-color);opacity:.3;flex-shrink:0;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;transition:all .3s}.feature-item:hover .feature-number{opacity:1;transform:scale(1.2)}@media (max-width:768px){.features{padding:4rem 1.5rem}.feature-item{grid-template-columns:auto 1fr;gap:1.5rem}.feature-number{display:none}.feature-item{transform:translateY(30px)}.feature-item.visible{transform:translateY(0)}.feature-item:hover{transform:translateY(-4px)}}.demo{background:var(--bg-dark);padding:4rem 2rem;position:relative}.demo-container{max-width:1200px;margin:0 auto}.demo-header{text-align:center;margin-bottom:3rem}.demo-content-wrapper{grid-template-columns:1fr 1.2fr;align-items:center;gap:3rem;display:grid}.demo-info{flex-direction:column;gap:2rem;display:flex}.demo-title{color:var(--text-primary);text-shadow:3px 3px 0px var(--accent-pink);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.title-underline-demo{background:var(--accent-pink);width:50%;height:8px;box-shadow:4px 4px 0px var(--accent-blue);margin:1rem auto;transform:skew(10deg)}.demo-description{color:var(--text-secondary);text-align:left;font-size:1.2rem;line-height:1.6}.demo-video-wrapper{position:relative}.video-container{height:0;box-shadow:12px 12px 0px var(--primary-color);border:var(--border-thick)solid var(--text-primary);background:var(--bg-secondary);padding-bottom:56.25%;transition:all .3s;position:relative;overflow:hidden}.video-container:hover{box-shadow:8px 8px 0px var(--primary-color);transform:translate(4px,4px)}.video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-glow{background:var(--accent-yellow);z-index:-1;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);width:80px;height:80px;animation:10s linear infinite rotate-shape;position:absolute;top:-12px;left:-12px}.demo-features{flex-direction:column;gap:1.5rem;display:flex}.demo-feature{background:var(--bg-secondary);border:3px solid var(--text-primary);align-items:center;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.demo-feature:hover{box-shadow:8px 8px 0px var(--primary-color);transform:translateY(-5px)}.demo-feature:before{content:"";background:var(--primary-color);clip-path:polygon(0 0,100% 0,100% 100%);width:30px;height:30px;position:absolute;top:-3px;right:-3px}.demo-feature-icon{border:3px solid var(--bg-dark);width:60px;height:60px;color:var(--bg-dark);flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex}.demo-feature-icon svg{width:100%;height:100%}.demo-feature-text h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.demo-feature-text p{color:var(--text-secondary);margin:0;font-size:.9rem}@media (max-width:768px){.demo{padding:4rem 1.5rem}.demo-content-wrapper{grid-template-columns:1fr;gap:2.5rem}.demo-description{text-align:center}.demo-features{gap:1.5rem}}.install{background:var(--bg-secondary);padding:4rem 2rem;position:relative}.install-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.install-title{color:var(--text-primary);text-shadow:3px 3px 0px var(--accent-blue);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.install-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.install-steps{margin-bottom:3rem}.install-step{gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.install-step:last-child .step-line{display:none}.step-number{background:var(--primary-color);border:4px solid var(--bg-dark);width:56px;height:56px;color:var(--bg-dark);box-shadow:4px 4px 0px var(--accent-yellow);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;transform:rotate(-5deg)}.step-content{flex:1;position:relative}.step-text{color:var(--text-primary);margin:0;padding-top:.5rem;font-size:1.1rem}.step-line{background:repeating-linear-gradient(0deg,var(--primary-color),var(--primary-color)10px,transparent 10px,transparent 20px);width:4px;height:calc(100% + 2rem);position:absolute;top:56px;left:-32px}.install-button{color:var(--bg-dark);background:var(--primary-color);border:4px solid var(--bg-dark);box-shadow:8px 8px 0px var(--accent-yellow);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.75rem;padding:1.25rem 3rem;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.install-button:hover{box-shadow:4px 4px 0px var(--accent-yellow);transform:translate(4px,4px)}.install-button:active{box-shadow:0px 0px 0px var(--accent-yellow);transform:translate(8px,8px)}.install-note{color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.install-visual{position:relative}.browser-mockup{background:var(--bg-dark);border:var(--border-thick)solid var(--text-primary);box-shadow:12px 12px 0px var(--accent-blue);transition:all .3s;overflow:hidden;transform:rotate(2deg)}.browser-mockup:hover{box-shadow:8px 8px 0px var(--accent-blue);transform:rotate(0)}.browser-header{background:var(--bg-secondary);border-bottom:3px solid var(--text-primary);align-items:center;gap:1rem;padding:1rem;display:flex}.browser-dots{gap:.5rem;display:flex}.browser-dots span{background:var(--text-primary);border:2px solid var(--bg-dark);width:14px;height:14px}.browser-dots span:first-child{background:#ff6b9d}.browser-dots span:nth-child(2){background:#ffd93d}.browser-dots span:nth-child(3){background:#1db954}.browser-address{background:var(--bg-dark);border:2px solid var(--text-primary);color:var(--text-secondary);flex:1;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.browser-content{padding:2rem}.extension-card{background:var(--bg-dark);border:3px solid var(--primary-color);align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:relative}.extension-card:after{content:"";background:var(--primary-color);clip-path:polygon(0 0,100% 0,0 100%);width:40px;height:40px;position:absolute;top:-3px;left:-3px}.extension-icon{object-fit:contain;border:3px solid var(--text-primary);background:var(--bg-secondary);width:64px;height:auto;padding:8px}.extension-info{flex:1}.extension-info h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.extension-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.extension-badge{background:var(--primary-color);color:var(--bg-dark);border:3px solid var(--bg-dark);text-transform:uppercase;letter-spacing:.05em;box-shadow:3px 3px 0px var(--accent-yellow);padding:.5rem 1rem;font-size:.85rem;font-weight:700}@media (max-width:968px){.install{padding:4rem 1.5rem}.install-container{grid-template-columns:1fr;gap:3rem}.install-visual{order:-1}}.roadmap{background:var(--bg-dark);padding:4rem 2rem;position:relative}.roadmap-container{max-width:800px;margin:0 auto}.roadmap-header{text-align:center;margin-bottom:3rem}.roadmap-title{color:var(--text-primary);text-shadow:3px 3px 0px var(--accent-yellow);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.roadmap-subtitle{color:var(--text-secondary);font-size:1.2rem}.roadmap-timeline{padding-left:2rem;position:relative}.roadmap-item{gap:2rem;margin-bottom:3rem;display:flex;position:relative}.roadmap-item:last-child{margin-bottom:0}.roadmap-item:last-child .marker-line{display:none}.roadmap-marker{flex-shrink:0;position:relative}.marker-dot{background:var(--primary-color);border:4px solid var(--bg-dark);width:20px;height:20px;box-shadow:0 0 0 3px var(--text-primary);z-index:2;animation:2s ease-in-out infinite pulse-brutal;position:relative}@keyframes pulse-brutal{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.marker-line{background:repeating-linear-gradient(0deg,var(--text-primary),var(--text-primary)8px,transparent 8px,transparent 16px);z-index:1;width:4px;height:calc(100% + 3rem);position:absolute;top:20px;left:6px}.roadmap-content{flex:1}.roadmap-card{background:var(--bg-secondary);border:var(--border-thick)solid var(--text-primary);padding:2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.roadmap-card:before{content:"";background:var(--accent-pink);clip-path:polygon(100% 0,100% 100%,0 100%);z-index:0;width:60px;height:60px;position:absolute;bottom:-4px;right:-4px}.roadmap-card:hover{box-shadow:12px 12px 0px var(--primary-color);transform:translate(-8px,-8px)}.roadmap-card:nth-child(2n) .roadmap-card:before{background:var(--accent-blue)}.card-number{color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.card-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;line-height:1.4}.card-status{background:var(--accent-yellow);color:var(--bg-dark);border:3px solid var(--bg-dark);text-transform:uppercase;letter-spacing:.1em;box-shadow:3px 3px 0px var(--primary-color);padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.roadmap-cta{text-align:center;background:var(--bg-secondary);border:var(--border-thick)solid var(--text-primary);box-shadow:8px 8px 0px var(--accent-blue);margin-top:3rem;padding:2rem;position:relative}.roadmap-cta:before{content:"";background:var(--accent-pink);clip-path:polygon(0 0,100% 0,0 100%);width:50px;height:50px;position:absolute;top:-4px;left:-4px}.roadmap-cta p{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.roadmap-button{color:var(--bg-dark);background:var(--text-primary);border:4px solid var(--bg-dark);text-transform:uppercase;letter-spacing:.05em;box-shadow:6px 6px 0px var(--primary-color);align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.roadmap-button:hover{box-shadow:3px 3px 0px var(--primary-color);transform:translate(3px,3px)}.roadmap-button:active{box-shadow:0px 0px 0px var(--primary-color);transform:translate(6px,6px)}@media (max-width:768px){.roadmap{padding:4rem 1.5rem}.roadmap-timeline{padding-left:1rem}.roadmap-item{gap:1rem}.roadmap-card{padding:1.5rem}}.ethics{background:var(--bg-secondary);padding:4rem 2rem;position:relative}.ethics-container{text-align:center;max-width:1000px;margin:0 auto}.ethics-icon{background:var(--bg-dark);border:var(--border-thick)solid var(--text-primary);width:100px;height:100px;color:var(--primary-color);box-shadow:6px 6px 0px var(--primary-color);justify-content:center;align-items:center;margin-bottom:1.5rem;display:inline-flex}.ethics-title{color:var(--text-primary);text-shadow:3px 3px 0px var(--primary-color);margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem)}.ethics-description{color:var(--text-secondary);max-width:700px;margin:0 auto 4rem;font-size:1.3rem;line-height:1.6}.ethics-principles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.principle{background:var(--bg-dark);border:var(--border-thick)solid var(--text-primary);padding:2rem 1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.principle:after{content:"";background:var(--principle-color);clip-path:polygon(0 0,0 100%,100% 100%);width:40px;height:40px;position:absolute;bottom:-4px;left:-4px}.principle:hover{box-shadow:10px 10px 0px var(--principle-color);transform:translateY(-8px)rotate(-2deg)}.principle-icon{border:3px solid var(--principle-color);background:var(--bg-secondary);width:60px;height:60px;color:var(--principle-color);justify-content:center;align-items:center;margin:0 auto 1rem;padding:12px;transition:all .3s;display:flex}.principle-icon svg{width:100%;height:100%}.principle:hover .principle-icon{background:var(--principle-color);color:var(--bg-dark)}.principle h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem}.principle p{color:var(--text-secondary);margin:0;font-size:.95rem}.ethics-badge{background:var(--primary-color);border:4px solid var(--bg-dark);color:var(--bg-dark);text-transform:uppercase;letter-spacing:.05em;box-shadow:6px 6px 0px var(--accent-yellow);align-items:center;padding:1rem 2rem;font-size:1rem;font-weight:700;display:inline-flex}@media (max-width:768px){.ethics{padding:4rem 1.5rem}.ethics-principles{grid-template-columns:1fr;gap:1.5rem}}.footer{background:var(--bg-dark);border-top:6px solid var(--primary-color);padding:4rem 2rem 2rem;position:relative;overflow:hidden}.footer-gradient{background:repeating-linear-gradient(90deg,var(--primary-color),var(--primary-color)20px,var(--accent-yellow)20px,var(--accent-yellow)40px,var(--accent-pink)40px,var(--accent-pink)60px,var(--accent-blue)60px,var(--accent-blue)80px);width:100%;height:6px;position:absolute;top:-6px;left:0}.footer-container{max-width:1200px;margin:0 auto}.footer-main{justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:3rem;display:flex}.footer-brand{flex:1}.footer-logo{filter:drop-shadow(4px 4px #1db954);width:180px;height:auto;margin-bottom:1rem;transition:all .3s}.footer-logo:hover{filter:drop-shadow(6px 6px #1db954);transform:translate(-2px,-2px)}.footer-tagline{color:var(--text-secondary);max-width:300px;font-size:1rem;line-height:1.5}.footer-links{flex-wrap:wrap;gap:2rem;display:flex}.footer-link{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border:2px solid #0000;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .2s;position:relative}.footer-link:hover{color:var(--bg-dark);background:var(--primary-color);border-color:var(--bg-dark);box-shadow:4px 4px 0px var(--accent-yellow);transform:translateY(-2px)}.footer-divider{background:repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary)10px,transparent 10px,transparent 20px);height:4px;margin-bottom:2rem}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-copyright,.footer-attribution{color:var(--text-secondary);margin:0;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500}@media (max-width:768px){.footer{padding:3rem 1.5rem 1.5rem}.footer-main{text-align:center;flex-direction:column;align-items:center;gap:2rem}.footer-tagline{max-width:100%}.footer-links{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}