/* HostScore360 CSS paketi - _arac/build-css.php ile uretildi. ELLE DUZENLEMEYIN. */
/* ==== style.css ==== */
@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2') format('woff2');}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;font-display:swap;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2') format('woff2');}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2') format('woff2');} *{margin:0;padding:0;box-sizing:border-box;}:root{ --primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#64748b;--success:#16a34a;--danger:#dc2626;--warning:#ea580c; --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; --container-width:1200px;--header-height:70px; --shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04); --radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6;font-size:15px;}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px;} .header{background:#ffffff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm);}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);}.logo{display:flex;align-items:center;gap:12px;}.logo h1{font-size:22px;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:8px;margin:0;}.logo h1 i{color:var(--primary);font-size:24px;}.tagline{display:none;font-size:13px;color:var(--gray-500);font-weight:400;}.header-stats{display:flex;gap:24px;align-items:center;}.stat-item{display:flex;align-items:center;gap:8px;}.stat-item i{color:var(--gray-400);font-size:18px;}.stat-content{display:flex;flex-direction:column;gap:2px;}.stat-value{font-size:16px;font-weight:700;color:var(--gray-900);line-height:1;}.stat-label{font-size:12px;color:var(--gray-500);line-height:1;} @media (min-width:1024px){.logo{flex-direction:column;align-items:flex-start;gap:2px;}.tagline{display:flex;align-items:center;gap:6px;}.tagline i{font-size:11px;}} @media (max-width:768px){.header-stats{gap:16px;}.stat-item{flex-direction:column;gap:4px;text-align:center;}.stat-item i{font-size:16px;}.stat-value{font-size:14px;}.stat-label{font-size:10px;}.logo h1{font-size:18px;}.logo h1 i{font-size:20px;}}@media (max-width:480px){.header-content{flex-direction:column;height:auto;padding:12px 0;gap:12px;}.header-stats{width:100%;justify-content:space-around;}} .hero{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);padding:48px 0;margin-bottom:40px;}.hero-content{text-align:center;}.hero-title{font-size:32px;font-weight:800;color:#ffffff;margin-bottom:12px;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:12px;}.hero-title i{font-size:28px;}.hero-description{font-size:17px;color:rgba(255,255,255,0.9);margin-bottom:28px;max-width:600px;margin-left:auto;margin-right:auto;}.hero-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);border-radius:50px;font-size:13px;font-weight:500;color:#ffffff;backdrop-filter:blur(10px);}.badge i{font-size:14px;}@media (max-width:768px){.hero{padding:32px 0;}.hero-title{font-size:24px;flex-direction:column;gap:8px;}.hero-title i{font-size:24px;}.hero-description{font-size:15px;}.badge{font-size:12px;padding:6px 12px;}} .section-header{text-align:center;margin-bottom:32px;}.section-header h2{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:8px;display:inline-flex;align-items:center;gap:10px;}.section-header h2 i{color:var(--primary);font-size:26px;}.section-header p{font-size:16px;color:var(--gray-600);} .firms-section{padding:40px 0 60px;}.table-wrapper{background:#ffffff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;}.firms-table{width:100%;border-collapse:collapse;}.firms-table thead{background:var(--gray-100);border-bottom:2px solid var(--gray-200);}.firms-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:0.5px;}.firms-table th i{margin-right:6px;color:var(--gray-500);}.firms-table tbody tr{border-bottom:1px solid var(--gray-100);transition:background 0.2s ease;}.firms-table tbody tr:hover{background:var(--gray-50);}.firms-table td{padding:16px;vertical-align:middle;} .rank-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);font-weight:700;font-size:15px;min-width:50px;justify-content:center;}.rank-badge.rank-1{background:#fef3c7;color:#92400e;}.rank-badge.rank-1 i{color:#f59e0b;}.rank-badge.rank-2{background:#e5e7eb;color:#374151;}.rank-badge.rank-2 i{color:#6b7280;}.rank-badge.rank-3{background:#fed7aa;color:#7c2d12;}.rank-badge.rank-3 i{color:#ea580c;}.rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:var(--gray-100);color:var(--gray-700);} .firm-link{text-decoration:none;color:inherit;}.firm-info{display:flex;align-items:center;gap:12px;}.firm-logo{width:40px;height:40px;border-radius:var(--radius);object-fit:cover;border:1px solid var(--gray-200);}.firm-logo-placeholder{width:40px;height:40px;border-radius:var(--radius);background:var(--primary);display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:18px;}.firm-details{display:flex;flex-direction:column;gap:4px;}.firm-title{font-size:15px;font-weight:600;color:var(--gray-900);}.firm-domain{font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:4px;}.firm-domain i{font-size:11px;} .score-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-lg);font-weight:700;font-size:16px;}.score-badge i{font-size:14px;}.score-badge.score-excellent{background:#dcfce7;color:#166534;}.score-badge.score-excellent i{color:#16a34a;}.score-badge.score-good{background:#dbeafe;color:#1e40af;}.score-badge.score-good i{color:#3b82f6;}.score-badge.score-average{background:#fed7aa;color:#7c2d12;}.score-badge.score-average i{color:#ea580c;} .uptime-display{display:flex;flex-direction:column;gap:6px;min-width:100px;}.uptime-value{font-weight:600;font-size:14px;color:var(--gray-900);display:flex;align-items:center;gap:6px;}.uptime-value.excellent{color:var(--success);}.uptime-value i{font-size:12px;}.uptime-bar{width:100%;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;}.uptime-fill{height:100%;border-radius:2px;transition:width 0.3s ease;}.uptime-fill.uptime-excellent{background:var(--success);}.uptime-fill.uptime-good{background:var(--primary);}.uptime-fill.uptime-average{background:var(--warning);} .down-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);font-weight:600;font-size:14px;background:var(--gray-100);color:var(--gray-700);}.down-badge.zero{background:#dcfce7;color:#166534;}.down-badge i{font-size:12px;} .vote-display{display:flex;align-items:center;gap:8px;font-size:14px;}.like-count,.dislike-count{display:flex;align-items:center;gap:4px;}.like-count{color:var(--success);}.dislike-count{color:var(--danger);}.like-count i,.dislike-count i{font-size:13px;}.vote-separator{color:var(--gray-300);}.vote-percentage{margin-top:4px;}.vote-percentage small{font-size:11px;color:var(--gray-500);} .vote-buttons{display:flex;gap:8px;}.vote-btn{width:36px;height:36px;border:1.5px solid var(--gray-300);background:#ffffff;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gray-600);transition:all 0.2s ease;}.vote-btn:hover:not(:disabled){transform:scale(1.05);}.vote-btn.like-btn:hover:not(:disabled){background:var(--success);border-color:var(--success);color:#ffffff;}.vote-btn.dislike-btn:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#ffffff;}.vote-btn.like-btn.active{background:var(--success);border-color:var(--success);color:#ffffff;}.vote-btn.dislike-btn.active{background:var(--danger);border-color:var(--danger);color:#ffffff;}.vote-btn:disabled{opacity:0.5;cursor:not-allowed;} .reviews-section{padding:60px 0;background:#ffffff;}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;}.review-card{background:var(--gray-50);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;}.reviewer-avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:18px;}.reviewer-info{flex:1;}.reviewer-info strong{display:block;font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:4px;}.review-rating{display:flex;gap:2px;}.review-rating i{font-size:12px;}.review-rating i.filled{color:#f59e0b;}.review-rating i:not(.filled){color:var(--gray-300);}.review-date{font-size:12px;color:var(--gray-500);display:flex;align-items:center;gap:4px;}.review-comment{font-size:14px;color:var(--gray-700);line-height:1.6;margin-bottom:12px;}.review-helpful{font-size:12px;color:var(--gray-500);display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:color 0.2s ease;}.review-helpful:hover{color:var(--danger);}.reviews-summary{display:flex;justify-content:center;gap:48px;padding:32px;background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-200);}.summary-stat{text-align:center;}.summary-stat i{font-size:32px;color:var(--primary);margin-bottom:12px;}.summary-stat strong{display:block;font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:4px;}.summary-stat span{font-size:14px;color:var(--gray-600);} .info-section{padding:60px 0;background:var(--gray-50);}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}.info-card{background:#ffffff;padding:28px;border-radius:var(--radius-xl);border:1px solid var(--gray-200);transition:all 0.3s ease;}.info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}.info-icon{width:56px;height:56px;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:28px;color:var(--primary);}.info-card h3{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:12px;}.info-card p{font-size:14px;color:var(--gray-600);line-height:1.6;} .faq-section{padding:60px 0;background:#ffffff;}.faq-list{max-width:800px;margin:0 auto;}.faq-item{margin-bottom:12px;background:#ffffff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;}.faq-item.active{border-color:var(--primary);box-shadow:var(--shadow);}.faq-question{width:100%;padding:18px 20px;background:transparent;border:none;text-align:left;font-size:15px;font-weight:600;color:var(--gray-900);cursor:pointer;display:flex;align-items:center;gap:12px;transition:background 0.2s ease;}.faq-question:hover{background:var(--gray-50);}.faq-question i{color:var(--primary);font-size:12px;transition:transform 0.3s ease;}.faq-item.active .faq-question i{transform:rotate(90deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}.faq-item.active .faq-answer{max-height:500px;}.faq-answer p{padding:0 20px 18px 44px;font-size:14px;color:var(--gray-700);line-height:1.7;} .footer{background:var(--gray-900);color:var(--gray-300);padding:48px 0 24px;}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--gray-800);}.footer-brand h3{font-size:20px;color:#ffffff;margin-bottom:12px;display:flex;align-items:center;gap:10px;}.footer-brand p{font-size:14px;line-height:1.6;margin-bottom:20px;}.footer-social{display:flex;gap:10px;}.social-link{width:36px;height:36px;background:var(--gray-800);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--gray-400);text-decoration:none;transition:all 0.2s ease;}.social-link:hover{background:var(--primary);color:#ffffff;}.footer h4{font-size:14px;font-weight:600;color:#ffffff;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:8px;}.footer ul{list-style:none;}.footer li{margin-bottom:10px;}.footer a{color:var(--gray-400);text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px;transition:color 0.2s ease;}.footer a:hover{color:#ffffff;}.language-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}.lang-btn{padding:10px 14px;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius);color:var(--gray-400);text-decoration:none;font-size:13px;display:flex;align-items:center;gap:8px;transition:all 0.2s ease;}.lang-btn:hover{background:var(--gray-700);color:#ffffff;}.lang-btn.active{background:var(--primary);border-color:var(--primary);color:#ffffff;}.footer-stats{display:flex;gap:10px;}.footer-stats .stat{flex:1;padding:12px;background:var(--gray-800);border-radius:var(--radius);text-align:center;}.footer-stats .stat i{font-size:20px;color:var(--primary);margin-bottom:6px;}.footer-stats .stat strong{display:block;font-size:18px;font-weight:700;color:#ffffff;margin-bottom:2px;}.footer-stats .stat span{font-size:11px;color:var(--gray-500);}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}.footer-copyright p{font-size:13px;color:var(--gray-500);margin:4px 0;}.footer-legal{display:flex;gap:20px;}.footer-legal a{font-size:13px;} .custom-toast{position:fixed;bottom:24px;right:24px;padding:14px 20px;background:var(--gray-900);color:#ffffff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:10000;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;animation:slideInRight 0.3s ease;}.verification-toast{background:var(--success) !important;}@keyframes slideInRight{from{transform:translateX(400px);opacity:0;}to{transform:translateX(0);opacity:1;}} @media (max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;}}@media (max-width:768px){:root{--header-height:auto;}.section-header h2{font-size:24px;}.table-wrapper{overflow-x:auto;}.firms-table{min-width:800px;}.footer-top{grid-template-columns:1fr;gap:32px;}.footer-bottom{flex-direction:column;text-align:center;}.footer-legal{flex-direction:column;gap:12px;}.reviews-summary{flex-direction:column;gap:24px;}}@media (max-width:480px){.hero-badges{flex-direction:column;}.badge{width:100%;justify-content:center;}} .back-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--gray-100);color:var(--gray-700);text-decoration:none;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all 0.2s ease;}.back-link:hover{background:var(--primary);color:#ffffff;} .firm-hero{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);padding:48px 0;margin-bottom:48px;}.firm-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;}.firm-logo-large{width:100px;height:100px;border-radius:var(--radius-xl);object-fit:cover;background:white;padding:12px;box-shadow:var(--shadow-lg);}.firm-logo-large.firm-logo-placeholder{display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--primary);}.firm-title-section{flex:1;}.firm-title-section h1{font-size:36px;font-weight:700;color:#ffffff;margin-bottom:12px;line-height:1.2;} .firm-rating-display{display:flex;align-items:center;gap:12px;margin-bottom:12px;}.stars-large{display:flex;gap:4px;}.stars-large i{font-size:20px;color:#fbbf24;}.stars-large i.filled{color:#f59e0b;}.stars-large i:not(.filled){color:rgba(255,255,255,0.3);}.rating-text{font-size:18px;font-weight:600;color:#ffffff;}.rating-text small{font-size:14px;font-weight:400;color:rgba(255,255,255,0.8);margin-left:6px;}.firm-website{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,0.2);border-radius:var(--radius);color:#ffffff;text-decoration:none;font-size:15px;transition:all 0.2s ease;}.firm-website:hover{background:rgba(255,255,255,0.3);}.firm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;}.stat-card{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:20px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,0.2);}.stat-card i{font-size:32px;color:#ffffff;}.stat-card .stat-content{display:flex;flex-direction:column;gap:4px;}.stat-card strong{font-size:24px;font-weight:700;color:#ffffff;line-height:1;}.stat-card span{font-size:13px;color:rgba(255,255,255,0.8);}.vote-section{text-align:center;padding:24px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.2);}.vote-section p{color:#ffffff;margin-bottom:16px;font-size:16px;font-weight:500;}.vote-section .vote-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:12px;}.vote-section .vote-btn{width:auto;height:auto;padding:12px 24px;font-size:18px;gap:8px;background:rgba(255,255,255,0.9);}.vote-section .vote-btn span{font-weight:700;}.vote-section small{color:rgba(255,255,255,0.9);font-size:14px;} .uptime-chart-section,.firm-description,.reviews-section{padding:60px 0;}.uptime-chart-section{background:#ffffff;}.chart-wrapper{background:white;padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:350px;border:1px solid var(--gray-200);} .firm-description{background:var(--gray-50);}.description-content{background:#ffffff;padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--gray-200);}.description-content p{font-size:16px;line-height:1.8;color:var(--gray-700);} .no-reviews{text-align:center;padding:64px;background:var(--gray-50);border-radius:var(--radius-xl);color:var(--gray-600);font-size:16px;border:2px dashed var(--gray-300);} @media (max-width:768px){.firm-header{flex-direction:column;align-items:center;text-align:center;}.firm-title-section h1{font-size:28px;}.firm-rating-display{justify-content:center;flex-direction:column;gap:8px;}.firm-stats-grid{grid-template-columns:1fr 1fr;}.vote-section .vote-buttons{flex-direction:column;}.vote-section .vote-btn{width:100%;}.chart-wrapper{padding:20px;height:250px;}}@media (max-width:480px){.firm-stats-grid{grid-template-columns:1fr;}.firm-hero{padding:32px 0;}}* ===== Chart Section Fix ===== */ .uptime-chart-section{padding:60px 0;background:#ffffff;}.chart-wrapper{background:white;padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);margin-top:24px;} .chart-wrapper canvas{display:block;width:100% !important;height:400px !important;max-height:400px;}@media (max-width:768px){.chart-wrapper{padding:20px;}.chart-wrapper canvas{height:300px !important;max-height:300px;}}@media (max-width:480px){.chart-wrapper canvas{height:250px !important;max-height:250px;}} .review-form-section{padding:60px 0;background:var(--gray-50);}.review-form-container{max-width:700px;margin:0 auto;background:#ffffff;padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);}.review-form-header{text-align:center;margin-bottom:32px;}.review-form-header h3{font-size:24px;font-weight:700;color:var(--gray-900);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px;}.review-form-header p{font-size:15px;color:var(--gray-600);}.form-group{margin-bottom:24px;}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:8px;}.form-group label span{color:var(--danger);margin-left:4px;}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1.5px solid var(--gray-300);border-radius:var(--radius);font-size:15px;color:var(--gray-900);transition:all 0.2s ease;font-family:inherit;}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}.form-textarea{resize:vertical;min-height:120px;line-height:1.6;}.star-rating-input{display:flex;gap:8px;margin-top:8px;}.star-rating-input input[type="radio"]{display:none;}.star-rating-input label{font-size:32px;color:var(--gray-300);cursor:pointer;transition:all 0.2s ease;margin-bottom:0;}.star-rating-input label:hover,.star-rating-input label:hover~label{color:#fbbf24;transform:scale(1.1);}.star-rating-input input[type="radio"]:checked~label{color:#f59e0b;}.star-rating-input label:has(~input[type="radio"]:checked),.star-rating-input label:has(input[type="radio"]:checked){color:#f59e0b;} .star-rating-input{flex-direction:row-reverse;justify-content:flex-end;}.star-rating-input label:hover,.star-rating-input label:hover~label{color:#f59e0b;}.form-submit{width:100%;padding:14px 24px;background:var(--primary);color:#ffffff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:8px;}.form-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.form-submit:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;}.form-notice{margin-top:16px;padding:12px 16px;background:var(--gray-50);border-radius:var(--radius);font-size:13px;color:var(--gray-600);display:flex;align-items:flex-start;gap:8px;}.form-notice i{color:var(--primary);margin-top:2px;}.form-error{margin-top:16px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:var(--radius);color:var(--danger);font-size:14px;display:none;}.form-success{margin-top:16px;padding:12px 16px;background:#efe;border:1px solid #cfc;border-radius:var(--radius);color:var(--success);font-size:14px;display:none;}@media (max-width:768px){.review-form-container{padding:28px 20px;}.star-rating-input label{font-size:28px;}} .detailed-ratings-section{padding:60px 0;background:var(--gray-50);}.ratings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;}.rating-card{background:#ffffff;padding:28px;border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;}.rating-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.rating-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;color:#ffffff;}.rating-icon.uptime{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);}.rating-icon.speed{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);}.rating-icon.support{background:linear-gradient(135deg,#10b981 0%,#059669 100%);}.rating-icon.performance{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);}.rating-icon.price{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);}.rating-details{width:100%;}.rating-details h3{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:8px;}.rating-description{font-size:13px;color:var(--gray-600);margin-bottom:16px;line-height:1.5;}.star-display{display:flex;gap:4px;justify-content:center;margin-bottom:12px;}.star-display i{font-size:18px;color:#cbd5e1;}.star-display i.filled{color:#f59e0b;}.rating-value{margin-bottom:12px;}.rating-value strong{font-size:32px;font-weight:700;color:var(--gray-900);}.rating-value span{font-size:18px;color:var(--gray-500);margin-left:4px;}.rating-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;}.rating-fill{height:100%;background:linear-gradient(90deg,#f59e0b 0%,#f97316 100%);border-radius:4px;transition:width 0.6s ease;} .overall-rating-summary{background:#ffffff;padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:center;}.summary-left{text-align:center;padding:24px;background:var(--gray-50);border-radius:var(--radius-lg);}.overall-score{margin-bottom:12px;}.score-number{font-size:64px;font-weight:800;color:var(--primary);line-height:1;}.score-label{font-size:24px;color:var(--gray-500);margin-left:8px;}.summary-left p{font-size:16px;font-weight:600;color:var(--gray-700);}.summary-bars{display:flex;flex-direction:column;gap:12px;}.summary-bar-item{display:grid;grid-template-columns:60px 1fr 60px;gap:12px;align-items:center;}.bar-label{font-size:14px;font-weight:600;color:var(--gray-700);}.bar-track{height:10px;background:var(--gray-200);border-radius:5px;overflow:hidden;}.bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b 0%,#f97316 100%);border-radius:5px;transition:width 0.6s ease;}.bar-count{font-size:14px;font-weight:600;color:var(--gray-600);text-align:right;} @media (max-width:1024px){.overall-rating-summary{grid-template-columns:1fr;gap:32px;}}@media (max-width:768px){.ratings-grid{grid-template-columns:1fr;}.rating-card{padding:24px;}.overall-rating-summary{padding:28px 20px;}.score-number{font-size:48px;}.score-label{font-size:18px;}}@media (max-width:480px){.rating-icon{width:56px;height:56px;font-size:24px;}.rating-value strong{font-size:28px;}.summary-bar-item{grid-template-columns:50px 1fr 50px;gap:8px;}} .review-form-section{padding:60px 0;background:var(--gray-50);}.review-form-container{max-width:800px;margin:0 auto;background:#ffffff;padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);}.review-form-header{text-align:center;margin-bottom:40px;}.review-form-header h3{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px;}.review-form-header h3 i{color:var(--primary);}.review-form-header p{font-size:15px;color:var(--gray-600);}.form-group{margin-bottom:24px;}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:8px;}.required{color:#ef4444;margin-left:4px;}.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-size:14px;font-family:inherit;transition:all 0.3s ease;background:#ffffff;}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}.form-textarea{resize:vertical;min-height:120px;}.form-help{display:block;color:var(--gray-500);font-size:12px;margin-top:4px;} .category-ratings-section{background:var(--gray-50);padding:28px;border-radius:var(--radius-lg);margin-bottom:24px;border:2px solid var(--gray-200);}.category-ratings-section h4{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:8px;display:flex;align-items:center;gap:8px;}.category-ratings-section h4 i{color:#f59e0b;}.category-ratings-description{font-size:13px;color:var(--gray-600);margin-bottom:20px;}.rating-category-item{background:#ffffff;padding:16px;border-radius:var(--radius-lg);margin-bottom:16px;border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all 0.3s ease;}.rating-category-item:last-child{margin-bottom:0;}.rating-category-item:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(37,99,235,0.1);}.rating-category-info{display:flex;align-items:center;gap:12px;flex:1;}.rating-category-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#ffffff;flex-shrink:0;}.rating-category-icon.uptime{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);}.rating-category-icon.speed{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);}.rating-category-icon.support{background:linear-gradient(135deg,#10b981 0%,#059669 100%);}.rating-category-icon.performance{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);}.rating-category-icon.price{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);}.rating-category-text{flex:1;}.rating-category-text strong{display:block;font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:2px;}.rating-category-text small{display:block;font-size:12px;color:var(--gray-600);line-height:1.4;} .star-rating-input{display:flex;flex-direction:row-reverse;gap:4px;justify-content:flex-start;}.star-rating-input input[type="radio"]{display:none;}.star-rating-input label{cursor:pointer;font-size:24px;color:#cbd5e1;transition:all 0.2s ease;margin:0;}.star-rating-input label:hover,.star-rating-input label:hover~label{color:#f59e0b;transform:scale(1.1);}.star-rating-input input[type="radio"]:checked~label{color:#f59e0b;}.star-rating-input label i{display:block;} .form-submit{width:100%;padding:14px 24px;background:var(--primary);color:#ffffff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;}.form-submit:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.3);}.form-submit:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;}.form-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#1e40af;margin-bottom:16px;}.form-notice i{flex-shrink:0;margin-top:2px;font-size:16px;}.form-error,.form-success{padding:12px 16px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;display:none;margin-top:16px;}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;}.form-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;}.form-error.show,.form-success.show{display:block;} @media (max-width:768px){.review-form-container{padding:28px 20px;}.category-ratings-section{padding:20px 16px;}.rating-category-item{flex-direction:column;align-items:flex-start;gap:12px;}.star-rating-input{align-self:flex-start;}.star-rating-input label{font-size:22px;}.rating-category-icon{width:36px;height:36px;font-size:16px;}}@media (max-width:480px){.review-form-header h3{font-size:22px;}.star-rating-input label{font-size:20px;}} .main-nav{display:flex;align-items:center;gap:8px;}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;color:#475569;transition:background .15s,color .15s;}.nav-link:hover{background:#f1f5f9;color:#0f172a;}.nav-link.active{color:#2563eb;background:#eff6ff;}.nav-link.nav-cta{background:#0f172a;color:#fff !important;font-weight:700;}.nav-link.nav-cta:hover{background:#1e293b;}@media(max-width:600px){.nav-link span,.nav-link i{display:none;}.nav-link.nav-cta{font-size:12px;padding:6px 10px;}} .hero{background:#fff;border-bottom:1px solid #e2e8f0;padding:56px 0 40px;}.hero-content{text-align:center;max-width:760px;margin:0 auto;}.hero-badge-top{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #86efac;color:#15803d;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:24px;}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero-title{font-size:2.4rem;font-weight:800;color:#0f172a;line-height:1.2;margin:0 0 16px;letter-spacing:-0.5px;}.hero-highlight{color:#2563eb;position:relative;}.hero-highlight::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#2563eb;border-radius:2px;opacity:.3;}.hero-description{color:#475569;font-size:1.05rem;line-height:1.7;margin:0 0 28px;}.hero-search{display:flex;align-items:center;gap:12px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:10px 16px;max-width:560px;margin:0 auto 28px;transition:border-color .2s;}.hero-search:focus-within{border-color:#2563eb;background:#fff;}.hero-search i{color:#94a3b8;flex-shrink:0;}.hero-search input{flex:1;border:none;background:transparent;font-size:15px;color:#0f172a;outline:none;}.hero-search input::placeholder{color:#94a3b8;}.search-count{font-size:12px;color:#64748b;white-space:nowrap;}.hero-stats-row{display:inline-flex;align-items:center;gap:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 24px;gap:20px;}.hero-stat{text-align:center;}.hero-stat strong{display:block;font-size:1.3rem;font-weight:800;color:#0f172a;}.hero-stat span{font-size:12px;color:#64748b;}.hero-stat-sep{width:1px;height:32px;background:#e2e8f0;}@media(max-width:600px){.hero-title{font-size:1.6rem}.hero-stats-row{flex-wrap:wrap;justify-content:center;gap:12px}.hero-stat-sep{display:none}} .firms-control-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;}.category-filters{display:flex;flex-wrap:wrap;gap:6px;}.cat-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}.cat-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff;}.cat-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;}.cat-count{background:rgba(0,0,0,.08);border-radius:10px;padding:0 6px;font-size:11px;font-weight:700;color:#374151;}.cat-btn.active .cat-count{background:rgba(0,0,0,.2);color:#fff;}.view-controls{display:flex;align-items:center;gap:12px;}.results-count{font-size:13px;color:#64748b;}.view-toggle{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;}.view-btn{padding:7px 12px;border:none;background:#fff;color:#94a3b8;cursor:pointer;font-size:14px;transition:all .15s;}.view-btn:hover{color:#475569;background:#f8fafc;}.view-btn.active{background:#0f172a;color:#fff;}@media(max-width:600px){.firms-control-bar{flex-direction:column;align-items:flex-start}} .firms-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:4px 0 20px;}.firm-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;position:relative;transition:transform .2s,box-shadow .2s;}.firm-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:#cbd5e1;}.firm-card--sponsored{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb 0%,#fff 80%);}.firm-card-sponsor{position:absolute;top:-10px;right:14px;background:#f59e0b;color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px;}.firm-card-rank{position:absolute;top:14px;left:14px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;}.firm-card-logo{text-align:center;margin:8px 0 12px;}.firm-card-logo img{width:56px;height:56px;object-fit:contain;border-radius:8px;}.firm-card-logo-placeholder{width:56px;height:56px;background:#e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#94a3b8;font-size:22px;}.firm-card-name{font-size:1rem;font-weight:700;color:#0f172a;text-align:center;margin:0 0 4px;}.firm-card-domain{text-align:center;font-size:12px;color:#64748b;margin-bottom:16px;}.firm-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;text-align:center;border-top:1px solid #f1f5f9;padding-top:14px;}.firm-card-stat-val{display:block;font-size:1rem;font-weight:700;color:#0f172a;}.firm-card-stat-val.text-green{color:#16a34a;}.firm-card-stat-label{font-size:11px;color:#94a3b8;display:block;margin-top:2px;}.firm-card-btn{display:block;text-align:center;background:#0f172a;color:#fff;padding:9px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;transition:background .15s;}.firm-card-btn:hover{background:#1e293b;} .firms-section{padding:40px 0;} .table-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;} @media (max-width:768px){.vote-btn{width:44px;height:44px;font-size:18px;} .visit-btn{padding:8px 14px;font-size:13px;min-height:38px;} .firms-table{min-width:640px;}.firms-table th:nth-child(5),.firms-table td:nth-child(5){display:none;} .ad-placeholder-banner{padding:10px 14px;}.ad-placeholder-inner{font-size:13px;gap:8px;}} @media (max-width:600px){.cat-btn{padding:8px 12px;font-size:13px;} .nav-link.nav-cta{font-size:13px !important;padding:8px 12px !important;} .ad-placeholder-footer-inner{flex-wrap:wrap;gap:10px;}.ad-placeholder-footer-btn{width:100%;text-align:center;justify-content:center;display:flex;align-items:center;gap:6px;} .hero-stats-row{padding:10px 16px;gap:12px;}.hero-stat strong{font-size:1.1rem;}} .firm-card-stat-label{font-size:12px;}.hero-stat span{font-size:12px;}.cat-count{font-size:12px;}
/* ==== modern.css ==== */
:root{--hs-ease:cubic-bezier(.22,.61,.36,1);--hs-shadow-soft:0 4px 24px -8px rgba(15,23,42,.14);--hs-shadow-hover:0 18px 44px -18px rgba(30,64,175,.34);--hs-ring:0 0 0 3px rgba(37,99,235,.12);}html{scroll-behavior:smooth;}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;} .header{background:rgba(255,255,255,.82) !important;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(226,232,240,.9) !important;transition:box-shadow .25s var(--hs-ease),background .25s var(--hs-ease);}.header.hs-scrolled{box-shadow:0 6px 24px -12px rgba(15,23,42,.22) !important;}.logo i,.logo .fa-chart-line{filter:drop-shadow(0 2px 6px rgba(37,99,235,.35));} .nav-link{position:relative;transition:color .18s var(--hs-ease),background .18s var(--hs-ease);}.nav-link:not(.nav-cta)::after{content:'';position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--hs-ease);}.nav-link:not(.nav-cta):hover::after,.nav-link.active:not(.nav-cta)::after{transform:scaleX(1);}.nav-link.nav-cta{box-shadow:0 6px 18px -8px rgba(15,23,42,.5);transition:transform .18s var(--hs-ease),box-shadow .18s var(--hs-ease);}.nav-link.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(15,23,42,.55);} .firm-card,.firm-card2,.fc2-card,.stat-card,.pricing-card,.fk-deal,.fk-ram-card,.fd-card,.blog-card,.podium-card,.cmp-header-firm{transition:transform .2s var(--hs-ease),box-shadow .2s var(--hs-ease),border-color .2s var(--hs-ease) !important;will-change:transform;}.firm-card:hover,.firm-card2:hover,.stat-card:hover,.fd-card:hover,.blog-card:hover,.fk-ram-card:hover{transform:translateY(-3px);box-shadow:var(--hs-shadow-hover) !important;}.pricing-card{border-radius:16px !important;}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--hs-shadow-hover) !important;}.pricing-card.popular{border-color:#2563eb !important;box-shadow:0 0 0 1px #2563eb,var(--hs-shadow-soft) !important;} .btn,.btn-visit,.btn-review,.cea-btn,.fc2-btn,.fk-fbtn,.df-sbtn,.btn-plan,.btn-write-review,.cmp-btn{transition:transform .16s var(--hs-ease),box-shadow .16s var(--hs-ease),background .16s var(--hs-ease),filter .16s var(--hs-ease) !important;}.btn-visit:hover,.btn-plan:hover,.cmp-btn:hover,.btn-write-review:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 10px 24px -10px rgba(37,99,235,.5);}:focus-visible{outline:none;box-shadow:var(--hs-ring);border-radius:8px;} img{max-width:100%;height:auto;}img[loading="lazy"]{background:#f1f5f9;}.firm-logo-large,.fc2-logo,.fd-logo,.firm-logo{transition:transform .25s var(--hs-ease);}.firm-card:hover .fc2-logo,.fd-card:hover .fd-logo{transform:scale(1.06);} .hs-reveal{opacity:0;transform:translateY(16px);}.hs-reveal.hs-in{opacity:1;transform:none;transition:opacity .5s var(--hs-ease),transform .5s var(--hs-ease);} .is-sponsored,.firm-row.sponsored,[data-sponsored="1"]{position:relative;}.hs-sponsor-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;padding:3px 10px;border-radius:20px;box-shadow:0 4px 12px -4px rgba(245,158,11,.6);}.hs-sponsor-badge i{font-size:10px;}@keyframes hsGlow{0%,100%{box-shadow:0 0 0 1px rgba(245,158,11,.5),0 0 18px -6px rgba(245,158,11,.5);}50%{box-shadow:0 0 0 1px rgba(245,158,11,.9),0 0 26px -4px rgba(245,158,11,.75);}}.hs-sponsor-glow{animation:hsGlow 3s ease-in-out infinite;border-radius:14px;} .footer{background:linear-gradient(180deg,#0f172a,#0b1220) !important;}.footer a{transition:color .15s var(--hs-ease),padding-left .15s var(--hs-ease);}.footer a:hover{color:#fff !important;padding-left:3px;}.footer-links-col h4{position:relative;padding-bottom:8px;}.footer-links-col h4::after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:2px;} .hero-highlight::after{height:6px !important;opacity:.18 !important;background:linear-gradient(90deg,#2563eb,#60a5fa) !important;border-radius:4px !important;} .fk-table tr,.df-table tr{transition:background .12s var(--hs-ease);} .hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff,#f8fafc) !important;}.hero::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px 300px at 15% -10%,rgba(37,99,235,.10),transparent 60%),radial-gradient(480px 280px at 88% 0%,rgba(124,58,237,.10),transparent 60%);}.hero .container{position:relative;z-index:1;}.hero-badge-top{backdrop-filter:blur(4px);}.hero-title{background:linear-gradient(90deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;} .podium-header h2,.firms-section h2,.hs-cmp-head h2,.fk-sec-title,.fd-sec-head h2{letter-spacing:-.02em;} .score-badge,.podium-score,.hero-stat strong{text-shadow:0 1px 0 rgba(255,255,255,.5);} .firm-card2,.fd-card,.fk-deal,.fk-ram-card,.blog-card,.stat-card{border-radius:14px !important;} .hero-search:focus-within{box-shadow:0 0 0 4px rgba(37,99,235,.12);border-radius:14px;} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.hs-reveal{opacity:1 !important;transform:none !important;}*{animation-duration:.001ms !important;transition-duration:.001ms !important;}}
/* ==== glass.css ==== */
:root{--g-brand:#2f6bff;--g-brand-d:#1e56e6;--g-cyan:#12b6e8;--g-emer:#10b981;--g-emer-d:#059669;--g-gold:#f59e0b;--g-ink:#0f1e3d;--g-muted:#566589;--g-faint:#8996b4;--g-glass:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.34));--g-glass-strong:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.55));--g-stroke:rgba(255,255,255,.9);--g-line:rgba(15,32,72,.08);--g-shadow:0 26px 60px -22px rgba(31,86,230,.34),0 10px 26px -12px rgba(15,30,72,.16);--g-shadow-lg:0 40px 80px -24px rgba(31,86,230,.46),0 14px 34px -16px rgba(15,30,72,.2);--g-rim:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.35);--g-blur:26px;--g-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;} body{background:linear-gradient(rgba(15,32,72,.026) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(15,32,72,.026) 1px,transparent 1px) 0 0/56px 56px,radial-gradient(820px 560px at 4% -10%,rgba(47,107,255,.30),transparent 60%),radial-gradient(720px 520px at 104% -4%,rgba(16,185,129,.26),transparent 60%),radial-gradient(680px 600px at 50% 124%,rgba(18,182,232,.22),transparent 62%),radial-gradient(520px 420px at 88% 70%,rgba(124,92,255,.10),transparent 60%),linear-gradient(180deg,#e7effe,#f4f9ff) !important;background-attachment:fixed !important;color:var(--g-ink);} .stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.fd-card,.blog-card,.fk-deal,.fk-ram-card,.cmp-card,.review-card,.faq-item,.hs-cmp-grid>a{background:var(--g-glass) !important;border:1px solid var(--g-stroke) !important;border-radius:18px !important;-webkit-backdrop-filter:blur(var(--g-blur)) saturate(150%);backdrop-filter:blur(var(--g-blur)) saturate(150%);box-shadow:var(--g-shadow),var(--g-rim) !important;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,border-color .28s !important;} .stat-card:hover,.firm-card:hover,.firm-card2:hover,.podium-card:hover,.pricing-card:hover,.blog-card:hover,.fk-deal:hover{transform:translateY(-6px) !important;box-shadow:var(--g-shadow-lg),var(--g-rim) !important;border-color:rgba(47,107,255,.35) !important;} .firm-card--sponsored,.sponsored-row,tr.sponsored-row{background:linear-gradient(180deg,rgba(255,247,224,.85),rgba(255,255,255,.6)) !important;border-color:rgba(245,158,11,.45) !important;} .podium-card.rank-1,.podium-card.win{background:linear-gradient(180deg,rgba(209,250,236,.9),rgba(255,255,255,.72)) !important;border-color:rgba(16,185,129,.42) !important;box-shadow:0 36px 74px -24px rgba(16,185,129,.42),0 0 0 1px rgba(16,185,129,.22),var(--g-rim) !important;} .hero{background:transparent !important;border-bottom:0 !important;}.hero-title{color:#0c1730 !important;letter-spacing:-1px;}.hero-highlight{color:transparent !important;background:linear-gradient(100deg,var(--g-brand),var(--g-cyan) 52%,var(--g-emer));-webkit-background-clip:text;background-clip:text;}.hero-highlight::after{background:linear-gradient(90deg,var(--g-brand),var(--g-emer)) !important;opacity:.5 !important;height:4px !important;}.hero-badge-top{background:rgba(16,185,129,.12) !important;border:1px solid rgba(16,185,129,.3) !important;color:var(--g-emer-d) !important;backdrop-filter:blur(8px);}.hero-search{background:var(--g-glass-strong) !important;border:1px solid var(--g-stroke) !important;border-radius:15px !important;box-shadow:var(--g-shadow),var(--g-rim) !important;backdrop-filter:blur(16px);}.hero-search:focus-within{border-color:rgba(47,107,255,.5) !important;}.hero-search i{color:var(--g-brand) !important;}.hero-stats-row{background:var(--g-glass) !important;border:1px solid var(--g-stroke) !important;border-radius:15px !important;box-shadow:var(--g-shadow),var(--g-rim) !important;backdrop-filter:blur(12px);}.hero-stat strong{color:#0c1730 !important;font-variant-numeric:tabular-nums;}.hero-stat-sep{background:var(--g-line) !important;} .section-header h2,.hs-cmp-head h2,.podium-header h2{color:#0c1730 !important;letter-spacing:-.5px;}.section-header h2 i{color:var(--g-brand) !important;} .btn-primary,.firm-card-btn,.podium-btn,.form-submit,.hero-search button,.fk-cta,.cmp-cta,.firm-link.primary,a.firm-card-btn{background:linear-gradient(180deg,var(--g-brand),var(--g-brand-d)) !important;color:#fff !important;border:0 !important;border-radius:12px !important;box-shadow:0 12px 26px -10px rgba(47,107,255,.7),inset 0 1px 0 rgba(255,255,255,.4) !important;transition:transform .2s,box-shadow .2s !important;}.btn-primary:hover,.firm-card-btn:hover,.podium-btn:hover,.form-submit:hover,.fk-cta:hover{transform:translateY(-2px) !important;box-shadow:0 18px 34px -10px rgba(47,107,255,.8),inset 0 1px 0 rgba(255,255,255,.5) !important;} .firms-table{border-radius:18px !important;overflow:hidden;border:1px solid var(--g-stroke) !important;box-shadow:var(--g-shadow),var(--g-rim) !important;background:var(--g-glass) !important;backdrop-filter:blur(var(--g-blur));}.firms-table thead,.firms-table th{background:rgba(47,107,255,.08) !important;color:#0c1730 !important;}.firms-table tbody tr{background:rgba(255,255,255,.5) !important;}.firms-table tbody tr:hover{background:rgba(47,107,255,.09) !important;}.firms-table td,.firms-table th{border-color:var(--g-line) !important;}.firms-table .num,.firms-table td strong{font-variant-numeric:tabular-nums;} .cat-btn,.firms-control-bar button,.filter-btn{background:var(--g-glass) !important;border:1px solid var(--g-stroke) !important;border-radius:11px !important;color:var(--g-muted) !important;backdrop-filter:blur(10px);box-shadow:var(--g-rim) !important;}.cat-btn.active,.firms-control-bar button.active,.filter-btn.active{background:linear-gradient(180deg,var(--g-brand),var(--g-brand-d)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 10px 22px -10px rgba(47,107,255,.65) !important;} .footer{background:linear-gradient(180deg,rgba(12,20,42,.92),rgba(8,13,28,.95)) !important;border-top:1px solid rgba(255,255,255,.10) !important;border-radius:26px 26px 0 0 !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -20px 50px -30px rgba(8,13,28,.7),inset 0 1px 0 rgba(255,255,255,.14) !important;margin-top:64px;}.footer-brand h3{color:#fff !important;}.footer h4{color:#dbe4ff !important;}.footer-bottom{border-top:1px solid rgba(255,255,255,.08) !important;} .footer-top{grid-template-columns:1.8fr 1fr 1.2fr 1fr 1fr !important;gap:30px !important;}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr !important;gap:24px !important;}}@media(max-width:520px){.footer-top{grid-template-columns:1fr !important;}} .fk-hero{padding-bottom:94px !important;}.fk-stats{margin-top:-60px !important;}.fk-stat{background:var(--g-glass) !important;border:1px solid var(--g-stroke) !important;border-radius:16px !important;box-shadow:var(--g-shadow),var(--g-rim) !important;-webkit-backdrop-filter:blur(var(--g-blur));backdrop-filter:blur(var(--g-blur));}.fk-stat .v{color:#0c1730 !important;}.fk-stat.hl .v{background:linear-gradient(90deg,var(--g-brand),var(--g-cyan));-webkit-background-clip:text;background-clip:text;color:transparent !important;} .hs-fav{object-fit:contain;background:#fff;}.podium-logo.hs-fav{padding:6px;} @media (prefers-reduced-motion:reduce){.stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.blog-card,.fk-deal,.btn-primary,.firm-card-btn,.podium-btn{transition:none !important;}}
/* ==== hs-ui-2026.css ==== */
:root{--u-brand:#2f6bff;--u-brand-d:#1e56e6;--u-cyan:#12b6e8;--u-emer:#10b981;--u-emer-d:#059669;--u-gold:#f5b544;--u-ink:#0c1730;--u-muted:#54628a;--u-faint:#8b98ba;--u-glass:linear-gradient(180deg,rgba(255,255,255,.60),rgba(255,255,255,.30));--u-glass-2:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.58));--u-stroke:rgba(255,255,255,.9);--u-shadow:0 28px 64px -24px rgba(31,86,230,.38),0 10px 26px -14px rgba(12,23,48,.18);--u-shadow-lg:0 44px 90px -28px rgba(31,86,230,.5),0 16px 40px -18px rgba(12,23,48,.24);--u-rim:inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.4);--u-blur:28px;} html{background:#e9f0ff;}body{background:radial-gradient(820px 560px at 3% -10%,rgba(47,107,255,.34),transparent 58%),radial-gradient(760px 540px at 104% -4%,rgba(16,185,129,.30),transparent 58%),radial-gradient(720px 640px at 50% 128%,rgba(18,182,232,.26),transparent 60%),radial-gradient(560px 460px at 88% 72%,rgba(124,92,255,.12),transparent 60%),linear-gradient(180deg,#e6effe 0%,#f3f8ff 55%,#eef4ff 100%) !important;background-attachment:fixed !important;color:var(--u-ink) !important;}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(20,40,90,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,40,90,.035) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(circle at 50% 12%,#000,transparent 82%);mask-image:radial-gradient(circle at 50% 12%,#000,transparent 82%);}body>*{position:relative;z-index:1;} .stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.fd-card,.blog-card,.fk-deal,.fk-ram-card,.fk-stat,.cmp-card,.review-card,.faq-item,.hs-cmp-grid>a,.info-card,.detailed-ratings-section{background:var(--u-glass) !important;border:1px solid var(--u-stroke) !important;border-radius:20px !important;-webkit-backdrop-filter:blur(var(--u-blur)) saturate(160%);backdrop-filter:blur(var(--u-blur)) saturate(160%);box-shadow:var(--u-shadow),var(--u-rim) !important;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s !important;}.stat-card:hover,.firm-card:hover,.firm-card2:hover,.podium-card:hover,.pricing-card:hover,.blog-card:hover,.fk-deal:hover,.info-card:hover,.hs-cmp-grid>a:hover{transform:translateY(-7px) !important;box-shadow:var(--u-shadow-lg),var(--u-rim) !important;border-color:rgba(47,107,255,.4) !important;} .firm-card--sponsored,.sponsored-row,tr.sponsored-row,.podium-card.rank-1,.podium-card.win{background:linear-gradient(180deg,rgba(255,246,220,.9),rgba(255,255,255,.62)) !important;border-color:rgba(245,181,68,.55) !important;box-shadow:0 30px 66px -24px rgba(245,181,68,.5),0 0 0 1px rgba(245,181,68,.3),var(--u-rim) !important;} .hero,.info-section,.podium-section,.faq-section,.firms-section,.hs-cmp-center{background:transparent !important;border-bottom:0 !important;}.hero-title,.section-header h2,.podium-header h2,.hs-cmp-head h2,.info-card h3{color:var(--u-ink) !important;letter-spacing:-.5px;}.hero-highlight{color:transparent !important;background:linear-gradient(100deg,var(--u-brand),var(--u-cyan) 52%,var(--u-emer)) !important;-webkit-background-clip:text !important;background-clip:text !important;}.hero-search,.hero-stats-row{background:var(--u-glass-2) !important;border:1px solid var(--u-stroke) !important;border-radius:16px !important;box-shadow:var(--u-shadow),var(--u-rim) !important;backdrop-filter:blur(18px) !important;}.hero-badge-top{background:rgba(16,185,129,.14) !important;border:1px solid rgba(16,185,129,.32) !important;color:var(--u-emer-d) !important;}.num,.hero-stat strong,.firm-card-stat-val,.fk-stat .v,.podium-stat strong{font-variant-numeric:tabular-nums;} main,.table-wrapper,.reviews-section,.faq-section,.uptime-chart-section,.firms-section,.hs-cmp-center,.podium-section,.podium-header,.info-section,.container,.cat-wrap,.cmp-page,.category-ratings-section{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;}.podium-header h2,.podium-header .sub,.podium-header p{color:#0c1730 !important;} .firm-hero{background:linear-gradient(135deg,#12306b 0%,#1d4ed8 55%,#2563eb 100%) !important;color:#fff !important;}.firm-hero .firm-title,.firm-hero .firm-tagline,.firm-hero .firm-website,.firm-hero .meta-tag,.firm-hero h1,.firm-hero .firm-info-main span{color:#fff !important;}.firm-hero .meta-tag{background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.28) !important;} .description-content,.rating-card,.overall-rating-summary,.rating-category-item,.review-form-container,.detailed-ratings-section,.chart-wrapper,.uptime-summary,.ucs-sum-box{background:var(--u-glass) !important;border:1px solid var(--u-stroke) !important;border-radius:18px !important;-webkit-backdrop-filter:blur(var(--u-blur));backdrop-filter:blur(var(--u-blur));box-shadow:var(--u-shadow),var(--u-rim) !important;}.form-input,.form-textarea,select,input[type="text"],input[type="email"],input[type="number"]{background:rgba(255,255,255,.72) !important;border:1px solid var(--u-stroke) !important;} .btn-primary,.firm-card-btn,.podium-btn,.form-submit,.fk-cta,.cmp-cta,a.firm-card-btn,.hero-search button,.select-plan-btn{background:linear-gradient(180deg,var(--u-brand),var(--u-brand-d)) !important;color:#fff !important;border:0 !important;border-radius:12px !important;box-shadow:0 14px 28px -10px rgba(47,107,255,.7),inset 0 1px 0 rgba(255,255,255,.45) !important;transition:transform .2s,box-shadow .2s !important;}.btn-primary:hover,.firm-card-btn:hover,.podium-btn:hover,.form-submit:hover,.fk-cta:hover,.select-plan-btn:hover{transform:translateY(-2px) !important;box-shadow:0 20px 38px -10px rgba(47,107,255,.82),inset 0 1px 0 rgba(255,255,255,.5) !important;} .firms-table{border-collapse:separate !important;border-spacing:0 10px !important;background:transparent !important;border:0 !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none !important;}.firms-table thead th{background:transparent !important;color:var(--u-muted) !important;border:0 !important;}.firm-row td{background:var(--u-glass-2) !important;border-top:1px solid var(--u-stroke) !important;border-bottom:1px solid var(--u-stroke) !important;box-shadow:0 8px 20px -12px rgba(15,30,72,.18);}.firm-row td:first-child{border-left:1px solid var(--u-stroke) !important;border-top-left-radius:16px !important;border-bottom-left-radius:16px !important;}.firm-row td:last-child{border-right:1px solid var(--u-stroke) !important;border-top-right-radius:16px !important;border-bottom-right-radius:16px !important;}.firm-row:hover td{background:#fff !important;}.firm-row.sponsored-row td{background:linear-gradient(90deg,rgba(255,246,220,.92),rgba(255,255,255,.8)) !important;} .cat-btn,.filter-btn,.fk-tab{background:var(--u-glass-2) !important;border:1px solid var(--u-stroke) !important;border-radius:11px !important;color:var(--u-muted) !important;backdrop-filter:blur(10px);box-shadow:var(--u-rim) !important;}.cat-btn.active,.filter-btn.active,.fk-tab.active{background:linear-gradient(180deg,var(--u-brand),var(--u-brand-d)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 10px 22px -10px rgba(47,107,255,.7) !important;} .footer{background:linear-gradient(180deg,rgba(11,19,40,.94),rgba(8,13,28,.97)) !important;border-top:1px solid rgba(255,255,255,.1) !important;border-radius:28px 28px 0 0 !important;backdrop-filter:blur(18px);box-shadow:0 -22px 54px -30px rgba(8,13,28,.7),inset 0 1px 0 rgba(255,255,255,.14) !important;margin-top:66px;}.footer-brand h3{color:#fff !important;}.footer h4{color:#dbe4ff !important;} .footer a:hover{color:#fff !important;text-decoration:underline !important;} .info-grid{grid-template-columns:repeat(3,1fr) !important;gap:16px !important;}@media(max-width:900px){.info-grid{grid-template-columns:repeat(2,1fr) !important;}}@media(max-width:560px){.info-grid{grid-template-columns:1fr !important;}} .firms-table tbody tr:hover{background:rgba(47,107,255,.12) !important;}.firm-info,.firm-details{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;backdrop-filter:none !important;} .rank-badge.rank-sp{background:linear-gradient(135deg,#f5b544,#d97706) !important;color:#fff !important;box-shadow:0 6px 16px -5px rgba(217,119,6,.65) !important;border:0 !important;}.rank-badge.rank-sp i{color:#fff !important;} .info-icon{background:linear-gradient(140deg,rgba(47,107,255,.18),rgba(16,185,129,.14)) !important;color:var(--u-brand) !important;border:1px solid rgba(47,107,255,.22) !important;}@media (prefers-reduced-motion:reduce){.stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.blog-card,.fk-deal,.btn-primary,.firm-card-btn{transition:none !important;}}