.all-tech-page{background-color:#fff;padding-bottom:0;font-family:Outfit,sans-serif}.tech-hero{text-align:center;background-color:#fff;padding:60px 0 0;position:relative;overflow:hidden}.tech-hero-container{z-index:10;flex-direction:column;align-items:center;padding-bottom:60px;display:flex;position:relative}.tech-hero .breadcrumb{justify-content:center;margin-bottom:32px}.hero-label-center{text-transform:uppercase;letter-spacing:2.5px;color:#6b7280;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.tech-hero-title{color:#111827;letter-spacing:-2px;margin:0 0 40px;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.1}.tech-hero-title .highlight-text{color:var(--primary-color)}.tech-search-container{width:100%;max-width:600px;margin:0 auto}.search-box{background-color:#fff;border:1px solid #d1d5db;border-radius:50px;align-items:center;padding:16px 24px;transition:all .3s;display:flex;box-shadow:0 10px 25px #0000000d}.search-box:focus-within{border-color:#111827;box-shadow:0 10px 30px #0000001a}.search-icon{width:20px;height:20px;margin-right:16px}.search-box input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.search-box input::placeholder{color:#9ca3af}.tech-grid-wrapper{background-color:#fff;min-height:500px;padding:60px 0}.alphabet-section{flex-direction:column;margin-bottom:40px;display:flex}.alphabet-section:last-child{border-bottom:none}.alphabet-letter{color:#6b7280;align-items:center;width:100%;margin-bottom:24px;padding-top:10px;font-size:16px;font-weight:800;display:flex}.alphabet-letter:after{content:"";background-color:#e5e7eb;flex:1;height:1px;margin-left:20px;display:block}@media (width>=768px){.alphabet-letter{display:block}.alphabet-letter:after{display:none}}.tech-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;width:100%;display:grid}.tech-box-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;height:120px;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.tech-box-card:hover{border-color:#111827;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.tech-box-top{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.tech-box-bottom{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;height:40px;transition:all .25s;display:flex}.tech-box-name{color:#111827;text-align:center;font-size:13px;font-weight:700;transition:all .25s}.tech-box-card:hover .tech-box-bottom{background-color:#111827;border-top-color:#111827}.tech-box-card:hover .tech-box-name{color:#fff}.hide-mobile{display:none}@media (width>=1200px){.hide-mobile{display:block}}.floating-icons{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0}.float-card{color:#374151;background:#fff;border:1px solid #f3f4f6;border-radius:12px;justify-content:center;align-items:center;min-width:120px;padding:12px 20px;font-size:14px;font-weight:600;animation:6s ease-in-out infinite floatAnim;display:flex;position:absolute;transform:translateY(0);box-shadow:0 4px 20px #0000000a}@keyframes floatAnim{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.pos-l1{animation-delay:0s;top:15%;left:5%}.pos-l2{animation-delay:1s;top:35%;left:12%}.pos-l3{animation-delay:2s;top:55%;left:4%}.pos-l4{animation-delay:.5s;top:75%;left:15%}.pos-r1{animation-delay:1.5s;top:15%;right:5%}.pos-r2{animation-delay:.2s;top:35%;right:12%}.pos-r3{animation-delay:2.5s;top:55%;right:4%}.pos-r4{animation-delay:1s;top:75%;right:15%}.tech-filter-section{z-index:10;background-color:#f8f9fa;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;width:100%;padding:24px 0;position:relative}.tech-filter-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.filter-label{color:#111827;margin-right:8px;font-size:14px;font-weight:700}.filter-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.filter-pill{color:#4b5563;cursor:pointer;background-color:#e5e7eb;border:none;border-radius:50px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.filter-pill:hover{background-color:#d1d5db}.filter-pill.active{color:#fff;background-color:var(--primary-color)}.no-tech-found{text-align:center;color:#6b7280;padding:60px 0;font-size:18px}@media (width<=768px){.tech-hero-container,.alphabet-section,.tech-filter-row{flex-direction:column;gap:24px}.tech-cards{grid-template-columns:1fr;gap:20px}}