:root{--red: #dc2626;--red-dark: #b91c1c;--navy: #1e3a5f;--navy-dark: #15294a;--blue: #2563eb;--blue-light: #3b82f6;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--black: #000000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.6}.header{position:fixed;top:0;left:0;right:0;z-index:200;height:50px;background:var(--navy-dark)}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;position:relative}.header-logo{position:absolute;left:24px;top:0;line-height:0;text-decoration:none}.header-logo-img{height:100px;width:auto;display:block}.page{min-height:100vh}.hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 50%,var(--red-dark) 100%);padding:90px 24px 60px;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(220,38,38,.1) 0%,transparent 50%)}.hero-sm{padding:90px 24px 40px}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{font-size:2.5rem;font-weight:800;color:var(--white);margin-bottom:10px;letter-spacing:-.02em}.hero-subtitle{font-size:1.1rem;color:var(--gray-300);margin-bottom:30px}.hero-brand-col{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.hero-brand-img{height:60px;width:auto;object-fit:contain;margin-bottom:16px;background:#ffffff26;border-radius:16px;padding:12px}.hero-model-name{margin-top:8px;font-size:1.1rem;font-weight:700;color:var(--white);background:#dc262640;display:inline-block;padding:4px 14px;border-radius:6px}.search-bar{display:flex;gap:12px;align-items:flex-end;justify-content:center;flex-wrap:wrap;max-width:700px;margin:0 auto}.search-field{flex:1;min-width:180px;text-align:left}.search-field label{display:block;font-size:.8rem;font-weight:600;color:var(--gray-300);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.custom-select{position:relative}.custom-select input{width:100%;padding:12px 36px 12px 14px;border:2px solid var(--gray-600);border-radius:8px;font-size:.95rem;background:var(--white);color:var(--gray-800);cursor:pointer;transition:border-color .2s}.custom-select input:focus{outline:none;border-color:var(--blue)}.custom-select input:disabled{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none;font-size:.8rem}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 10px 30px #00000026;z-index:100}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:.9rem;color:var(--gray-700);transition:background .15s}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.active{background:var(--blue);color:var(--white)}.model-dropdown{max-height:300px}.search-btn{padding:12px 32px;background:var(--red);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;white-space:nowrap}.search-btn:hover{background:var(--red-dark)}.search-btn:active{transform:scale(.97)}.brands-section,.models-section{max-width:1200px;margin:0 auto;padding:60px 24px}.section-title{font-size:1.8rem;font-weight:700;color:var(--navy);margin-bottom:30px;position:relative;padding-bottom:12px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--red);border-radius:2px}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.brand-card{background:var(--white);border-radius:12px;cursor:pointer;transition:all .25s;border:1px solid var(--gray-200);overflow:hidden}.brand-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--blue)}.brand-card-img-wrap{height:140px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);padding:16px}.brand-card-img{max-width:100%;max-height:100%;object-fit:contain}.brand-card-body{padding:16px 20px;text-align:center}.brand-name{font-size:.95rem;font-weight:600;color:var(--gray-800)}.brand-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:50%;display:flex;align-items:center;justify-content:center}.brand-icon span{color:var(--white);font-size:1.5rem;font-weight:700}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.model-card{background:var(--white);border-radius:14px;overflow:hidden;border:1px solid var(--gray-200);transition:all .3s}.model-card:hover{box-shadow:0 8px 28px #00000014}.model-card.highlighted{border-color:var(--red);box-shadow:0 0 0 3px #dc262633,0 8px 28px #0000001a}.model-card-header{background:var(--gray-100);height:200px;display:flex;align-items:center;justify-content:center;padding:20px}.model-image{max-width:100%;max-height:160px;object-fit:contain}.model-card-body{padding:20px}.model-name{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:4px}.model-type{font-size:.85rem;color:var(--blue);font-weight:500;margin-bottom:2px}.model-category{font-size:.8rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}.model-score{margin-bottom:12px}.score-value{font-size:2rem;font-weight:800;color:var(--navy)}.score-label{font-size:.9rem;color:var(--gray-400);font-weight:500}.model-desc{font-size:.88rem;color:var(--gray-600);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.model-ratings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.rating-bar{display:flex;align-items:center;gap:8px}.rating-label{font-size:.75rem;font-weight:600;color:var(--gray-500);min-width:55px}.rating-track{flex:1;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.rating-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-light));border-radius:3px;transition:width .5s}.rating-value{font-size:.75rem;font-weight:600;color:var(--gray-500);min-width:24px;text-align:right}@media (max-width: 768px){.header-logo{left:12px}.header-logo-img{height:80px}.hero{padding:80px 16px 40px}.hero-sm{padding:80px 16px 32px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.95rem;margin-bottom:24px}.hero-brand-img{height:50px;padding:10px;margin-bottom:12px}.search-bar{flex-direction:column;align-items:stretch}.search-field{min-width:unset}.custom-select input{padding:14px 36px 14px 14px;font-size:16px}.dropdown-menu{max-height:200px;position:fixed;left:16px;right:16px;top:auto;z-index:300}.dropdown-item{padding:14px;font-size:1rem}.search-btn{width:100%;padding:14px 32px}.brands-section,.models-section{padding:40px 16px}.section-title{font-size:1.4rem}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.brand-card-img-wrap{height:100px;padding:12px}.brand-card-body{padding:12px 14px}.brand-name{font-size:.85rem}.models-grid{grid-template-columns:1fr;gap:16px}.model-card-header{height:160px;padding:16px}.model-image{max-height:120px}.model-card-body{padding:16px}.model-name{font-size:1.05rem}.score-value{font-size:1.6rem}.model-ratings{grid-template-columns:1fr}}@media (max-width: 480px){.header-logo{left:8px}.header-logo-img{height:64px}.hero{padding:68px 12px 32px}.hero-sm{padding:68px 12px 24px}.hero-title{font-size:1.25rem}.hero-subtitle{font-size:.85rem}.hero-brand-img{height:40px;padding:8px}.dropdown-menu{left:12px;right:12px;max-height:180px}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.brand-card-img-wrap{height:80px}}.footer{background:var(--navy-dark);border-top:2px solid var(--red)}.footer-ribbon{background:var(--red);color:var(--white);text-align:center;padding:10px 24px;font-size:.85rem;font-weight:500}.footer-inner{max-width:1200px;width:100%;margin:0 auto;padding:30px 24px;display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-left{flex-shrink:0}.footer-logo{height:150px;width:auto;display:block}.footer-right{display:flex;flex-direction:column;gap:16px;text-align:right}.footer-contact{display:flex;flex-direction:column;gap:2px}.footer-contact-label{font-size:.85rem;color:var(--gray-400)}.footer-contact-link{font-size:.95rem;color:var(--white);text-decoration:none;transition:color .2s}.footer-contact-link:hover{color:var(--blue-light)}.footer-contact-note{font-size:.8rem;color:var(--gray-500);font-style:italic}@media (max-width: 768px){.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:24px;padding:24px 16px}.footer-logo{height:100px}.footer-right{text-align:center}.footer-ribbon{font-size:.75rem;padding:10px 16px}}@media (max-width: 480px){.footer-logo{height:80px}.footer-contact-link{font-size:.85rem;word-break:break-all}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}