#brand-comparison{background:linear-gradient(135deg,rgb(139 92 246 / .08) 0%,rgb(99 102 241 / .05) 50%,rgb(59 130 246 / .08) 100%);border:2px solid rgb(139 92 246 / .2);position:relative;overflow:hidden}#brand-comparison::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgb(139 92 246 / .1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgb(99 102 241 / .08) 0%,transparent 50%);pointer-events:none;z-index:1}.brands-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.brands-intro .intro-icon{font-size:3.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 8px 20px rgb(139 92 246 / .3));animation:brandsFloat 4s ease-in-out infinite}@keyframes brandsFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-2deg)}}.brands-intro h3{font-size:2.4rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.brands-intro p{font-size:1.2rem;color:rgb(255 255 255 / .8);line-height:1.6}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.brand-card{background:linear-gradient(145deg,rgb(255 255 255 / .1),rgb(255 255 255 / .05));border-radius:20px;padding:2.5rem 2rem;backdrop-filter:blur(20px);border:2px solid rgb(255 255 255 / .15);transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:400px;display:flex;flex-direction:column;box-shadow:0 8px 25px rgb(139 92 246 / .15)}.brand-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity 0.4s ease;border-radius:20px}.brand-card.canon{border-color:rgb(220 38 127 / .3)}.brand-card.canon::before{background:linear-gradient(135deg,rgb(220 38 127 / .15),rgb(192 132 252 / .1))}.brand-card.nikon{border-color:rgb(245 158 11 / .3)}.brand-card.nikon::before{background:linear-gradient(135deg,rgb(245 158 11 / .15),rgb(251 191 36 / .1))}.brand-card.sony{border-color:rgb(59 130 246 / .3)}.brand-card.sony::before{background:linear-gradient(135deg,rgb(59 130 246 / .15),rgb(99 102 241 / .1))}.brand-card.fujifilm{border-color:rgb(34 197 94 / .3)}.brand-card.fujifilm::before{background:linear-gradient(135deg,rgb(34 197 94 / .15),rgb(16 185 129 / .1))}.brand-card.panasonic{border-color:rgb(6 182 212 / .3)}.brand-card.panasonic::before{background:linear-gradient(135deg,rgb(6 182 212 / .15),rgb(14 165 233 / .1))}.brand-card.olympus{border-color:rgb(168 85 247 / .3)}.brand-card.olympus::before{background:linear-gradient(135deg,rgb(168 85 247 / .15),rgb(147 51 234 / .1))}.brand-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgb(139 92 246 / .25)}.brand-card:hover::before{opacity:1}.brand-header{text-align:center;margin-bottom:2rem;position:relative;z-index:2;flex-shrink:0}.brand-logo{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgb(139 92 246 / .2),rgb(99 102 241 / .1));display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:2px solid rgb(139 92 246 / .3);transition:all 0.3s ease;font-size:2rem;font-weight:900;color:#8b5cf6}.brand-card.canon .brand-logo{background:linear-gradient(135deg,rgb(220 38 127 / .2),rgb(192 132 252 / .1));border-color:rgb(220 38 127 / .3);color:#dc267f}.brand-card.nikon .brand-logo{background:linear-gradient(135deg,rgb(245 158 11 / .2),rgb(251 191 36 / .1));border-color:rgb(245 158 11 / .3);color:#f59e0b}.brand-card.sony .brand-logo{background:linear-gradient(135deg,rgb(59 130 246 / .2),rgb(99 102 241 / .1));border-color:rgb(59 130 246 / .3);color:#3b82f6}.brand-card.fujifilm .brand-logo{background:linear-gradient(135deg,rgb(34 197 94 / .2),rgb(16 185 129 / .1));border-color:rgb(34 197 94 / .3);color:#22c55e}.brand-card.panasonic .brand-logo{background:linear-gradient(135deg,rgb(6 182 212 / .2),rgb(14 165 233 / .1));border-color:rgb(6 182 212 / .3);color:#06b6d4}.brand-card.olympus .brand-logo{background:linear-gradient(135deg,rgb(168 85 247 / .2),rgb(147 51 234 / .1));border-color:rgb(168 85 247 / .3);color:#a855f7}.brand-card:hover .brand-logo{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px rgb(139 92 246 / .4)}.brand-header h4{font-size:1.6rem;font-weight:800;margin-bottom:.8rem;color:#fff;text-shadow:0 2px 8px rgb(0 0 0 / .3)}.brand-tagline{color:rgb(255 255 255 / .8);font-size:.95rem;font-style:italic;margin-bottom:1.5rem}.brand-content{flex-grow:1;display:flex;flex-direction:column;position:relative;z-index:2}.brand-strengths{background:rgb(255 255 255 / .05);border-radius:12px;padding:1.2rem;margin-bottom:1.5rem;border:1px solid rgb(255 255 255 / .1);flex-grow:1}.brand-strengths h5{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:#8b5cf6;text-align:center}.brand-strengths ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.brand-strengths li{display:flex;align-items:flex-start;gap:.8rem;padding:.6rem;background:rgb(255 255 255 / .05);border-radius:8px;transition:all 0.3s ease;border-left:3px solid #fff0;font-size:.9rem;line-height:1.4;color:rgb(255 255 255 / .9)}.brand-strengths li:before{content:"✓";color:#8b5cf6;font-weight:700;font-size:1rem;line-height:1;flex-shrink:0}.brand-strengths li:hover{background:rgb(139 92 246 / .1);transform:translateX(5px);border-left-color:#8b5cf6}.brand-best-for{background:linear-gradient(135deg,rgb(139 92 246 / .15),rgb(99 102 241 / .1));border:2px solid rgb(139 92 246 / .3);border-radius:15px;padding:1.2rem;text-align:center;margin-top:auto;position:relative;z-index:2}.brand-best-for h5{font-size:1rem;font-weight:700;margin-bottom:.8rem;color:#8b5cf6}.brand-best-for p{color:rgb(255 255 255 / .9);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1400px){.brands-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px}}@media (max-width:1200px){.brands-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px}.brand-card{min-height:380px;padding:2rem 1.5rem}}@media (max-width:900px){.brands-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;max-width:600px}.brand-card{padding:2rem 1.5rem;min-height:350px}.brand-logo{width:70px;height:70px;font-size:1.8rem}.brand-header h4{font-size:1.4rem}}@media (max-width:480px){.brand-card{padding:1.5rem 1.2rem}.brand-logo{width:60px;height:60px;font-size:1.5rem}.brand-header h4{font-size:1.3rem}.brand-strengths{padding:1rem}.brand-strengths li{font-size:.85rem;padding:.5rem}}