main{padding:2rem;max-width:1200px;margin:0 auto}h1{margin-bottom:1rem}p{margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .3s ease-in}.logo-display{text-align:center;margin:2rem 0}.logo-display .logo{content:url(/static/svg/logolight.svg);max-width:70%;height:auto;animation:scaleIn .4s ease-out}.tagline{text-align:center;font-size:1.8rem;margin:2rem 0;color:var(--text-color);font-weight:500;animation:slideUp .5s ease-out}.search-container{max-width:800px;margin:3rem auto;display:flex;gap:1rem;animation:slideUp .6s ease-out}.search-input{flex:1;padding:1rem 1.5rem;border:2px solid var(--input-border);border-radius:var(--border-radius);font-size:1.1rem;transition:all .2s ease;background:var(--bg-color);color:var(--text-color)}.search-input:focus{border-color:var(--link-color);box-shadow:0 0 0 3px rgba(52,152,219,.2);outline:none}.search-button{padding:1rem 2rem;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--border-radius);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.search-button:hover{background:var(--link-hover-color);transform:translateY(-1px)}.grade-filter{width:120px;padding:10px;font-size:16px;border:2px solid var(--input-border);background:var(--bg-color);color:var(--text-color);cursor:pointer;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='6%209%2012%2015%2018%209'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:1em;padding-right:2.5em}.grade-filter option{background:var(--card-bg);color:var(--text-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;margin:3rem 0;animation:slideUp .7s ease-out}.service-card{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,8%);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.service-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.service-icon{width:40px;height:40px;object-fit:contain}.service-name{margin:0;font-size:1.2rem;flex:1}.service-name a{color:var(--text-color);text-decoration:none}.service-grade{padding:.3rem .8rem;border-radius:6px;font-weight:600;font-size:.9rem}.grade-N\/A{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.grade-E{background-color:var(--grade-e-bg);color:var(--grade-text)}.grade-D{background-color:var(--grade-d-bg);color:var(--grade-text)}.grade-C{background-color:var(--grade-c-bg);color:var(--grade-text)}.grade-B{background-color:var(--grade-b-bg);color:var(--grade-text)}.grade-A{background-color:var(--grade-a-bg);color:var(--grade-text)}.service-points{list-style:none;padding:0;margin:0;flex:1}.service-points li:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.service-points li:last-child{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-bottom:none}.service-points li{padding:.5rem;font-size:.95rem;color:var(--text-color);border-bottom:2px solid var(--card-bg);border-radius:4px}.point-content{display:flex;align-items:center;gap:.5rem}.point-icon{width:20px;height:20px;filter:brightness(0)saturate(100%)invert(var(--icon-invert))sepia(var(--icon-sepia))saturate(var(--icon-saturate))hue-rotate(var(--icon-hue-rotate))brightness(var(--icon-brightness))contrast(var(--icon-contrast))}.point-good{background-color:var(--point-good-bg);color:var(--point-good-text)}.point-neutral{background-color:var(--point-neutral-bg);color:var(--point-neutral-text)}.point-bad{background-color:var(--point-bad-bg);color:var(--point-bad-text)}.point-blocker{background-color:var(--point-blocker-bg);color:var(--point-blocker-text)}.point-good .point-icon{--icon-invert:23%;--icon-sepia:91%;--icon-saturate:1041%;--icon-hue-rotate:95deg;--icon-brightness:109%;--icon-contrast:105%}.point-neutral .point-icon{--icon-invert:50%;--icon-sepia:0%;--icon-saturate:100%;--icon-hue-rotate:0deg;--icon-brightness:100%;--icon-contrast:100%}.point-bad .point-icon{--icon-invert:14%;--icon-sepia:92%;--icon-saturate:3206%;--icon-hue-rotate:343deg;--icon-brightness:94%;--icon-contrast:94%}.point-blocker .point-icon{--icon-invert:9%;--icon-sepia:100%;--icon-saturate:5952%;--icon-hue-rotate:359deg;--icon-brightness:97%;--icon-contrast:104%}.service-footer{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.service-footer .btn{flex:1 1 180px}.how-it-works{background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,.1)}.how-it-works h2{font-size:2.5rem;margin-top:-.5rem;color:var(--text-color)}.how-it-works li{margin-top:15px;margin-left:1rem}.how-it-works p{margin-top:1rem}.btn{flex:1;text-align:center;text-decoration:none;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:44px;white-space:normal}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.last-fetched-info{text-align:center;margin-bottom:20px;font-size:.9em;color:var(--text-color)}.featured-on{margin:2rem auto;max-width:800px;overflow:hidden;position:relative;padding:.5rem 0}.featured-on-label{text-align:center;font-size:.9rem;color:var(--text-color);opacity:.7;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.featured-on::before,.featured-on::after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2}.featured-on::before{left:0;background:linear-gradient(to right,var(--bg-color),transparent)}.featured-on::after{right:0;background:linear-gradient(to left,var(--bg-color),transparent)}.featured-on-container{display:flex;width:fit-content}.featured-on-scroll{display:flex;gap:3rem;padding:0 1.5rem;animation:scroll 30s linear infinite}.featured-on-scroll a{color:var(--text-color);opacity:.6;text-decoration:none;font-size:1.1rem;white-space:nowrap;transition:opacity .2s ease}.featured-on-scroll a:hover{opacity:1}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media(max-width:768px){.logo-display .logo{max-width:90%}.container{padding:0}main{padding:1rem}.tagline{font-size:20px}.search-container{flex-direction:column;align-items:center;margin:1rem auto}.search-input{width:100%;max-width:none;border-radius:var(--border-radius)}.search-button{display:none}.search-input{width:100%}.services-grid{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0;padding:0}.service-card{margin:0;width:100%}.service-header{gap:.75rem}.service-footer{gap:.75rem}.featured-on{margin:1rem auto}.featured-on-scroll{gap:2rem}.featured-on-scroll a{font-size:1rem}.featured-on-label{font-size:.8rem;margin-bottom:.5rem}}@media(max-width:560px){.service-footer{flex-direction:column;gap:.5rem}.service-footer .btn{flex:none;width:100%;height:32px;padding:.45rem .6rem;font-size:.8rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-color-scheme:dark){.logo-display .logo{content:url(/static/svg/logodark.svg)}}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem}.btn-primary .btn-icon-img,.btn-secondary .btn-icon-img{width:20px;height:20px}.service-footer .btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--border-radius);text-decoration:none;transition:all .2s ease}.service-footer .btn-primary:hover{background:var(--link-hover-color);transform:translateY(-1px)}.service-footer .btn-primary .btn-icon-img{width:20px;height:20px;filter:brightness(0)invert(1)}