@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}:root{--electric-yellow: #F4FF4D;--deep-black: #000000;--dark-surface: #0A0A0A;--dark-card: #151515;--text-white: #FFFFFF;--text-gray: #AAAAAA;--text-muted: #666666;--mint-green: #4DFFB4;--color-yellow: var(--electric-yellow);--color-mint: var(--mint-green);--color-cyan: #00F5FF;--color-pink: #FF6B9D;--color-purple: #E040FB;--color-orange: #FF5722;--color-text-muted: var(--text-muted);--color-black-card: var(--dark-card);--color-border: var(--border-color);--accent-pink: #FF6B9D;--accent-cyan: #00F5FF;--accent-purple: #E040FB;--accent-orange: #FF5722;--accent-indigo: #6366F1;--accent-amber: #FFC107;--accent-red: #FF1744;--vibe-logic-loops: #FFFF00;--vibe-shower-thoughts: #00F5FF;--vibe-absurd: #FF6B9D;--vibe-deep-dumb: #BFFFC7;--vibe-philosophy: #E040FB;--vibe-brainrot: #FF5722;--vibe-aura: #00F5FF;--vibe-mindset: #4DFFB4;--vibe-skibidi: #FF5722;--vibe-cook: #F4FF4D;--vibe-npc: #AAAAAA;--vibe-rizz: #FF00FF;--vibe-fanum: #FFC107;--vibe-crash: #FF1744;--vibe-peace: #E040FB;--vibe-simulation: #6366F1;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--fs-hero: clamp(2.5rem, 7vw, 5.5rem);--fs-display: clamp(1.85rem, 5vw, 3.75rem);--fs-h1: clamp(1.6rem, 4vw, 2.75rem);--fs-h2: clamp(1.35rem, 3vw, 2rem);--fs-h3: clamp(1.1rem, 2vw, 1.4rem);--fs-body: clamp(.9375rem, 1.5vw, 1.125rem);--fs-small: clamp(.8125rem, 1.2vw, .9375rem);--fs-mono: clamp(.8rem, 1.2vw, .875rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--border-width: 3px;--border-color: var(--deep-black);--border-brutal: var(--border-width) solid var(--border-color);--shadow-offset: 4px;--shadow-brutal: 4px 4px 0px var(--deep-black);--shadow-brutal-lg: 6px 6px 0px var(--deep-black);--shadow-brutal-yellow: 4px 4px 0px var(--electric-yellow);--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--container-max: 1200px;--container-narrow: 800px;--nav-height: 72px;--ease-brutal: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-nav: 100;--z-overlay: 200;--z-modal: 300}@media(max-width:768px){:root{--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--space-4xl: 3.5rem;--space-5xl: 4.5rem;--nav-height: 64px;--border-width: 2.5px;--shadow-brutal: 3px 3px 0px var(--deep-black);--shadow-brutal-lg: 4px 4px 0px var(--deep-black);--shadow-brutal-yellow: 3px 3px 0px var(--electric-yellow)}}@media(max-width:480px){:root{--space-lg: 1.15rem;--space-xl: 1.35rem;--space-2xl: 1.75rem;--space-3xl: 2.25rem;--space-4xl: 2.75rem;--nav-height: 60px}}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text-white);background-color:var(--dark-surface);overflow-x:clip;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{color:var(--text-gray);line-height:1.7}.text-mono{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.05em}.text-yellow{color:var(--electric-yellow)}.text-mint{color:var(--mint-green)}.text-pink{color:var(--accent-pink)}.text-cyan{color:var(--accent-cyan)}.text-muted{color:var(--text-muted)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:var(--container-narrow)}section{padding:var(--space-4xl) 0}.section-dark{background-color:var(--dark-surface)}.section-card{background-color:var(--dark-card)}.section-yellow{background-color:var(--electric-yellow);color:var(--deep-black)}.section-yellow p{color:var(--deep-black);opacity:.8}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-lg)}.container{padding:0 var(--space-md)}}@media(max-width:480px){.container{padding:0 1.15rem}}@media(pointer:coarse){button,a.btn-brutal,a.nav-cta,input,select{min-height:44px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between;align-items:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-label{font-family:var(--font-mono);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.15em;color:var(--electric-yellow);margin-bottom:var(--space-sm);display:block}.section-yellow .section-label{color:var(--deep-black);opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}@keyframes borderFlash{0%,to{border-color:var(--electric-yellow)}50%{border-color:var(--mint-green)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-brutal),transform var(--duration-slow) var(--ease-brutal)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}::selection{background:var(--electric-yellow);color:var(--deep-black)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--electric-yellow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#0a0a0af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:var(--border-brutal);z-index:9999;display:flex;align-items:center}.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,3.5vw,1.25rem);color:var(--text-white);text-decoration:none}.nav-brand-text{display:inline-flex;align-items:center;white-space:nowrap;color:var(--text-white)!important;gap:0}.nav-brand img{width:clamp(30px,6vw,36px);height:clamp(30px,6vw,36px);border-radius:var(--radius-sm)}.nav-brand-text span{color:var(--electric-yellow)!important}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-links a{font-family:var(--font-body);font-weight:500;font-size:.9375rem;color:var(--text-gray);text-decoration:none;position:relative;transition:color var(--duration-fast) var(--ease-brutal)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--electric-yellow);transition:width var(--duration-normal) var(--ease-brutal)}.nav-links a:not(.nav-cta):hover,.nav-links a:not(.nav-cta).active{color:var(--electric-yellow)}.nav-links a:not(.nav-cta):hover:after,.nav-links a:not(.nav-cta).active:after{width:100%}.nav-links a.nav-cta:after{display:none!important}.nav-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.5rem 1.25rem;background:var(--electric-yellow);color:var(--deep-black)!important;font-weight:700;font-size:.875rem;border:var(--border-brutal);box-shadow:var(--shadow-brutal);transition:all var(--duration-fast) var(--ease-brutal);text-decoration:none}.nav-links a.nav-cta:hover,.nav-cta:hover{background:var(--mint-green)!important;color:var(--deep-black)!important;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--deep-black)}.nav-cta:active{transform:translate(4px,4px);box-shadow:none}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-white);transition:all var(--duration-normal) var(--ease-brutal)}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.nav-toggle{display:flex;z-index:10001;position:relative}.nav-links{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--deep-black);flex-direction:column;justify-content:flex-start;align-items:center;padding:calc(var(--nav-height) + 2.5rem) 2rem 4rem;gap:2rem;transform:translate(100%);transition:transform var(--duration-normal) var(--ease-brutal);overflow-y:auto;z-index:10000}.nav-links.open{transform:translate(0)}.nav-links a{font-size:clamp(1.35rem,6vw,1.75rem);font-weight:700;padding:.5rem 0;color:var(--text-white);text-align:center;width:100%}.nav-links a:hover{color:var(--electric-yellow)}.nav-cta{font-size:1.125rem!important;padding:.9rem 2.5rem!important;width:100%;max-width:280px;justify-content:center;margin-top:.5rem}}.btn-brutal{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 2rem;font-family:var(--font-display);font-weight:700;font-size:1rem;text-decoration:none;border:var(--border-brutal);box-shadow:var(--shadow-brutal);transition:all var(--duration-fast) var(--ease-brutal);cursor:pointer;position:relative;overflow:hidden}.btn-brutal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--duration-slow)}.btn-brutal:hover:before{left:100%}@media(hover:hover)and (pointer:fine){.btn-brutal:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--deep-black)}}.btn-brutal:active{transform:translate(3px,3px) scale(.98);box-shadow:1px 1px 0 var(--deep-black)}.btn-primary{background:var(--electric-yellow);color:var(--deep-black)!important}.btn-primary:hover{background:var(--mint-green)!important;color:var(--deep-black)!important}.btn-secondary{background:transparent;color:var(--text-white);border-color:var(--text-white)}.btn-secondary:hover{background:var(--text-white);color:var(--deep-black)!important}.btn-mint{background:var(--mint-green);color:var(--deep-black)!important}.btn-mint:hover{background:var(--electric-yellow)!important;color:var(--deep-black)!important}.btn-ghost{background:transparent;color:var(--electric-yellow);border-color:var(--electric-yellow);box-shadow:var(--shadow-brutal-yellow)}.btn-ghost:hover{background:var(--electric-yellow);color:var(--deep-black)}.btn-lg{padding:1.125rem 2.5rem;font-size:1.125rem}.btn-sm{padding:.5rem 1.25rem;font-size:.875rem}.card-brutal{background:var(--dark-card);border:var(--border-brutal);box-shadow:var(--shadow-brutal);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-brutal);position:relative;display:flex;flex-direction:column}.card-brutal:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--electric-yellow);border-color:var(--electric-yellow)}.card-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--electric-yellow);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm);display:inline-block}.card-brutal .card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:var(--space-md);background:var(--electric-yellow);color:var(--deep-black);border:3px solid var(--deep-black);box-shadow:3px 3px 0 var(--deep-black);font-weight:800}.card-icon.icon-cyan{background:var(--accent-cyan)}.card-icon.icon-pink{background:var(--accent-pink)}.card-icon.icon-mint{background:var(--mint-green)}.card-brutal h3{margin-bottom:var(--space-sm);color:var(--text-white);font-family:var(--font-display);font-weight:800;font-size:1.35rem}.card-brutal p{font-size:.95rem;line-height:1.6;color:#b8b8c0}.card-highlight{border-color:var(--electric-yellow);box-shadow:var(--shadow-brutal-yellow)}.card-highlight:hover{box-shadow:6px 6px 0 var(--electric-yellow)}.quote-card{background:#111116;border:3px solid var(--electric-yellow);box-shadow:8px 8px 0 var(--deep-black);padding:var(--space-2xl) var(--space-xl);max-width:680px;margin:0 auto;text-align:left;position:relative;display:flex;flex-direction:column}.quote-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #2A2A38;padding-bottom:1rem;margin-bottom:1.5rem;font-family:var(--font-mono);font-size:.8rem;color:#889;letter-spacing:.05em}.quote-card-badge{background:var(--electric-yellow);color:#000;padding:.2rem .6rem;font-weight:800;border-radius:4px;font-size:.75rem}.quote-text{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;color:var(--text-white);margin-bottom:var(--space-xl);line-height:1.4;transition:opacity var(--duration-normal) var(--ease-brutal)}.quote-text.fading{opacity:0}.quote-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:2px dashed #2A2A38;padding-top:1.25rem}.quote-category{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.85rem;font-weight:800;padding:.4rem .9rem;border:2px solid var(--electric-yellow);color:var(--electric-yellow);background:#f4ff4d0f;text-transform:uppercase;letter-spacing:.1em}.echo-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.65rem 1.75rem;background:var(--electric-yellow);color:var(--deep-black)!important;font-family:var(--font-display);font-weight:800;font-size:1rem;border:3px solid #000000;box-shadow:4px 4px #000;cursor:pointer;transition:all var(--duration-fast) var(--ease-brutal)}.echo-btn:hover{background:var(--mint-green)!important;color:var(--deep-black)!important;transform:translate(2px,2px);box-shadow:2px 2px #000}.echo-btn:active{transform:translate(4px,4px);box-shadow:none}.echo-btn .echo-icon{display:inline-block;font-weight:900;transition:transform var(--duration-normal) var(--ease-spring)}.echo-btn:hover .echo-icon{transform:rotate(180deg)}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.45rem 1rem;font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:2px solid currentColor;background:#ffffff0a;transition:all var(--duration-fast) var(--ease-brutal);cursor:pointer}.chip:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 currentColor}.chip.filter-active{border:2px solid var(--electric-yellow)!important;background:var(--electric-yellow)!important;color:#000!important;font-weight:800!important;box-shadow:3px 3px 0 var(--deep-black)}.chip-yellow{color:var(--electric-yellow);border-color:var(--electric-yellow)}.chip-cyan{color:var(--accent-cyan);border-color:var(--accent-cyan)}.chip-pink{color:var(--accent-pink);border-color:var(--accent-pink)}.chip-mint{color:var(--mint-green);border-color:var(--mint-green)}.chip-purple{color:var(--accent-purple);border-color:var(--accent-purple)}.chip-orange{color:var(--accent-orange);border-color:var(--accent-orange)}.stat-block{text-align:center;padding:var(--space-lg)}.stat-number{font-family:var(--font-display);font-size:var(--fs-display);font-weight:700;color:var(--electric-yellow);line-height:1;margin-bottom:var(--space-xs)}.stat-label{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.badge{display:inline-block;padding:.25rem .625rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:2px solid}.badge-pro{color:var(--electric-yellow);border-color:var(--electric-yellow);background:#f4ff4d1a}.badge-free{color:var(--mint-green);border-color:var(--mint-green);background:#4dffb41a}.badge-new{color:var(--accent-pink);border-color:var(--accent-pink);background:#ff6b9d1a}.divider{width:100%;height:var(--border-width);background:var(--deep-black);border:none}.divider-yellow{background:var(--electric-yellow);height:2px}.footer{background:var(--deep-black);border-top:var(--border-brutal);border-top-color:var(--text-muted);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:var(--space-xl)}}@media(max-width:580px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-lg)}}@media(max-width:440px){.footer-grid{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.footer-brand{max-width:100%;margin:0 auto}.footer-brand .nav-brand{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;justify-content:center}.footer-bottom .footer-legal{justify-content:center}}.footer-brand{max-width:280px}.footer-brand .nav-brand{margin-bottom:var(--space-md)}.footer-brand p{font-size:var(--fs-small);color:var(--text-muted)}.footer-col h4{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-gray);margin-bottom:var(--space-md)}.footer-col a{display:block;font-size:var(--fs-small);color:var(--text-muted);text-decoration:none;padding:var(--space-xs) 0;transition:color var(--duration-fast)}.footer-col a:hover{color:var(--electric-yellow)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-bottom p{font-size:var(--fs-small);color:var(--text-muted)}.footer-bottom .footer-legal{display:flex;gap:var(--space-lg)}.footer-bottom .footer-legal a{font-size:var(--fs-small);color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast)}.footer-bottom .footer-legal a:hover{color:var(--electric-yellow)}.page-spacer{height:var(--nav-height)}