.hero{padding:4rem 0 0;background:#ffffff;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:20%;right:-10%;width:600px;height:600px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border-radius:50%;z-index:1}.hero-content{text-align:center;max-width:1000px;margin:0 auto;position:relative;z-index:2;padding-bottom:1rem;flex:1;display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#1e293b;font-family:var(--font-sans)}.hero-highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-underline{display:block;margin:.5rem auto 0;max-width:350px;width:100%;height:auto}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:#64748b;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;flex-wrap:nowrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem 0}.btn-hero{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:var(--font-mono),"SF Mono","Monaco","Inconsolata","Fira Code","Courier New",monospace;font-size:.875rem;font-weight:500;letter-spacing:.025em;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;position:relative;z-index:10}.btn-hero.btn-primary{background-color:#000000;color:#ffffff}.btn-hero.btn-primary:hover{background-color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-hero.btn-secondary{background-color:#6b7280;color:#ffffff}.btn-hero.btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px rgba(107,114,128,.15)}.btn-hero.btn-discord{background-color:#5865f2;color:#ffffff}.btn-hero.btn-discord:hover{background-color:#4752c4;transform:translateY(-1px);box-shadow:0 4px 12px rgba(88,101,242,.15)}.btn-hero.btn-docs{background-color:#059669;color:#ffffff}.btn-hero.btn-docs:hover{background-color:#047857;transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,150,105,.15)}.hero-features{flex-direction:column;margin-bottom:1.5rem}.feature-item,.hero-features{display:flex;align-items:center;gap:.75rem}.feature-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#6366f1}.feature-text{font-size:1rem;color:#374151;font-weight:500}.hero-tags{margin:0 auto}.hero-tags,.tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:1200px}.tag-row{width:100%}.tag{padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;border:2px solid;background-color:transparent;transition:all .2s ease;cursor:pointer}.tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tag-purple{border-color:#8b5cf6;color:#8b5cf6}.tag-purple:hover{background-color:#8b5cf6;color:#ffffff}.tag-orange{border-color:#f59e0b;color:#f59e0b}.tag-orange:hover{background-color:#f59e0b;color:#ffffff}.tag-red{border-color:#ef4444;color:#ef4444}.tag-red:hover{background-color:#ef4444;color:#ffffff}.tag-green{border-color:#10b981;color:#10b981}.tag-green:hover{background-color:#10b981;color:#ffffff}.tag-blue{border-color:#3b82f6;color:#3b82f6}.tag-blue:hover{background-color:#3b82f6;color:#ffffff}.hero-logo-grid{position:relative;z-index:2;margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center}.hero-logo-grid .logo-grid-section{padding:1rem 0 2rem;background-color:transparent;border-bottom:none;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-logo-grid .logo-grid-title{font-size:.75rem;margin-bottom:1rem;text-align:center;width:100%}.hero-logo-grid .infinite-scroll-container{width:100%;max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-logo-grid .logo-item{padding:1rem 1.5rem;min-height:100px;width:150px}.hero-logo-grid .logo-icon,.hero-logo-grid .logo-item{display:flex;align-items:center;justify-content:center}.hero-logo-grid .logo-icon{width:80px;height:80px}@media (max-width:480px){.hero{padding:3rem 0 0;min-height:100vh}.hero-content{padding:0 1rem 2rem}.hero-title{font-size:1.75rem;margin-bottom:1rem;line-height:1.2}.hero-underline{max-width:200px;height:12px}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.hero-cta{flex-direction:column;gap:.75rem;margin-bottom:2rem;align-items:center;padding:0 1rem}.btn-hero{width:100%;max-width:280px;font-size:.875rem;padding:1rem 1.5rem;justify-content:center}.hero-features{gap:.75rem;margin-bottom:1.5rem;padding:0 1rem}.feature-item{flex-direction:column;text-align:center;gap:.5rem}.feature-text{font-size:.875rem}.hero-tags{gap:.5rem;padding:0 1rem}.tag-row{gap:.5rem}.tag{padding:.5rem .875rem;font-size:.75rem}.hero-logo-grid{width:100%;padding:0 1rem}.hero-logo-grid .logo-grid-section{padding:.5rem 0 1.5rem;width:100%}.hero-logo-grid .infinite-scroll-container{width:100%;overflow:hidden}.hero-logo-grid .logo-item{padding:.75rem 1rem;min-height:80px;width:120px}.hero-logo-grid .logo-icon{width:60px;height:60px}}@media (min-width:481px) and (max-width:768px){.hero{padding:4rem 0 0;min-height:100vh}.hero-content{padding:0 1.5rem 2rem}.hero-title{font-size:2.25rem;margin-bottom:1rem}.hero-underline{max-width:250px}.hero-subtitle{font-size:1.125rem;margin-bottom:1.5rem}.hero-cta{gap:.5rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap;padding:0 1rem}.btn-hero{flex-shrink:0;font-size:.75rem;padding:.75rem 1rem;min-width:fit-content}.hero-features{gap:.75rem;margin-bottom:1.5rem}.hero-tags,.tag-row{gap:.5rem}.tag{padding:.375rem .75rem;font-size:.8rem}.hero-logo-grid{width:100%;padding:0 1rem}.hero-logo-grid .logo-grid-section{padding:.75rem 0 1.75rem;width:100%}.hero-logo-grid .infinite-scroll-container{width:100%;overflow:hidden}.hero-logo-grid .logo-item{padding:.875rem 1.25rem;min-height:90px;width:135px}.hero-logo-grid .logo-icon{width:70px;height:70px}}@media (min-width:769px) and (max-width:1024px){.hero-title{font-size:3rem}.hero-cta{gap:.875rem}}@media (min-width:1280px){.hero-title{font-size:4rem}.hero-subtitle{font-size:1.375rem}}.logo-grid-section{padding:2rem 0 4rem;background-color:#ffffff;border-bottom:1px solid #e2e8f0;width:100%;display:flex;flex-direction:column;align-items:center}.logo-grid-title{text-align:center;color:var(--gray-700);font-family:var(--font-mono);font-weight:500;font-size:.875rem;letter-spacing:.025em;margin-bottom:2rem;text-transform:uppercase;transition:color .2s;width:100%;max-width:100%}.infinite-scroll-container{overflow:hidden;width:100%;max-width:100%;margin:0 auto;background-color:transparent;position:relative;display:flex;align-items:center;justify-content:center}.infinite-scroll-track{display:flex;animation:infinite-scroll 30s linear infinite;width:calc(200px * 24);gap:0;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@keyframes infinite-scroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.logo-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:2rem 2.5rem;min-height:160px;width:200px;transition:all .3s ease;background-color:transparent}.logo-item:hover{transform:translateY(-2px)}.logo-icon{width:120px;height:120px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.logo-image{object-fit:contain;transition:all .3s ease}.logo-icon svg,.logo-image{width:100%;height:100%}.logo-item:hover .logo-icon{transform:scale(1.1)}.infinite-scroll-track:hover{animation-play-state:paused}@media (max-width:768px){.logo-grid-section{padding:1rem 0 3rem}.logo-grid-title{font-size:.875rem;margin-bottom:1.5rem}.logo-item{padding:1.5rem;min-height:120px;width:140px}.logo-icon{width:80px;height:80px}.logo-image{width:100%;height:100%;object-fit:contain}.infinite-scroll-track{animation-duration:25s}}@media (min-width:769px) and (max-width:1024px){.logo-item{padding:1.75rem 2rem;width:170px}.logo-icon{width:100px;height:100px}.logo-image{width:100%;height:100%;object-fit:contain}.infinite-scroll-track{animation-duration:28s}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-item{animation:fadeIn .5s ease-out}.infinite-scroll-container:hover .logo-item{opacity:.7}.infinite-scroll-container:hover .logo-item:hover{opacity:1}