.compare-page-main{background-color:var(--color-bg,#fff);width:100%;padding-top:var(--spacing-lg,32px);padding-bottom:var(--spacing-2xl,64px)}.compare-hero-section{margin-bottom:32px}.compare-title{font-family:var(--font-headings);font-size:var(--font-5xl,42px);color:#1e293b;letter-spacing:-.02em;margin-top:12px;margin-bottom:16px;font-weight:800;line-height:1.15}.compare-subtitle{font-family:var(--font-sans);color:#475569;max-width:860px;margin-bottom:20px;font-size:18px;font-weight:500;line-height:1.6}.how-to-use-tooltip-wrapper{display:inline-block;position:relative}.how-to-use-trigger{font-family:var(--font-sans);color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 0;font-size:15px;font-weight:600;transition:color .2s;display:inline-flex}.question-circle-icon{color:#475569;width:20px;height:20px;font-family:var(--font-headings);border:1.5px solid #64748b;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;line-height:1;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.how-to-use-tooltip-wrapper:hover .how-to-use-trigger,.how-to-use-trigger:focus{color:var(--color-primary,#dc2626)}.how-to-use-tooltip-wrapper:hover .question-circle-icon,.how-to-use-trigger:focus .question-circle-icon{border-color:var(--color-primary,#dc2626);color:#fff;background-color:var(--color-primary,#dc2626)}.how-to-use-dropdown{z-index:100;opacity:0;visibility:hidden;pointer-events:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;width:380px;max-width:90vw;padding:20px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(6px);box-shadow:0 10px 25px -5px #0f172a26,0 8px 10px -6px #0f172a1a}.how-to-use-tooltip-wrapper:hover .how-to-use-dropdown,.how-to-use-tooltip-wrapper:focus-within .how-to-use-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-header-title{color:#0f172a;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:8px;font-size:14px;font-weight:800}.how-to-use-steps{flex-direction:column;gap:16px;display:flex}.use-step-card{align-items:flex-start;gap:12px;display:flex}.step-num-badge{border:1px solid var(--color-text);width:26px;height:26px;color:var(--color-text);font-family:var(--font-headings);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.step-info-body{flex-direction:column;gap:2px;display:flex}.step-info-title{font-family:var(--font-sans);font-size:var(--font-sm);color:#0f172a;font-weight:700}.step-info-desc{font-size:var(--font-sm);color:#475569;line-height:1.5}.vpn-search-banner{background-color:var(--color-band-pink,#fdf3f4);border-radius:var(--radius-md);padding:var(--spacing-md);justify-content:space-between;align-items:center;gap:24px;margin-top:32px;margin-bottom:40px;display:flex}.vpn-search-title{color:#1e293b;margin:0;font-size:20px;font-weight:700}.vpn-search-input-wrapper{width:500px;max-width:100%;position:relative}.input-field-relative{align-items:center;display:flex;position:relative}.vpn-search-input-box{border-radius:var(--radius-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-sm);color:var(--color-text);background-color:#fff;border:none;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 6px #0f172a0a}.vpn-search-input-box:focus{border-color:var(--color-primary,#dc2626);box-shadow:0 0 0 3px #dc262626}.vpn-search-clear{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;font-weight:700;line-height:1;display:none;position:absolute;right:12px}.vpn-search-clear:hover{color:#0f172a}.vpn-search-dropdown{border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;background-color:#fff;border:none;max-height:280px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.vpn-dropdown-list{margin:0;padding:0;list-style:none}.vpn-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 16px;transition:background-color .15s;display:flex}.vpn-dropdown-item:last-child{border-bottom:none}.vpn-dropdown-item:hover{background-color:#f8fafc}.vpn-dropdown-item.is-added,.vpn-dropdown-item.is-added:hover{background-color:#f7fef2}.provider-info-left{align-items:center;gap:12px;display:flex}.provider-logo-img{object-fit:contain;border-radius:var(--radius-md);width:40px;height:40px}.provider-name-text{font-family:var(--font-sans);font-size:var(--font-base);color:#0f172a;font-weight:600}.provider-status-badge{font-family:var(--font-sans);font-size:var(--font-base);font-weight:600}.badge-added{color:var(--color-secondary);display:none}.badge-add{color:#64748b;display:inline-block}.vpn-dropdown-item.is-added .badge-added{display:inline-block}.vpn-dropdown-item.is-added .badge-add{display:none}.compare-table-container{width:100%;box-shadow:var(--shadow-md);border-radius:var(--radius-md,8px);cursor:grab;border:none;margin:0 auto;overflow-x:auto}.compare-table-container.is-dragging{cursor:grabbing!important}.compare-table{table-layout:fixed;width:100%;min-width:780px}.compare-table th.sticky-col,.compare-table td.sticky-col{width:200px;font-size:var(--font-base,16px);z-index:15;background-color:#fff;font-weight:600;position:sticky;left:0;box-shadow:2px 0 6px #0000000d}.compare-table th.header-corner{background-color:#fff}.compare-table th.brand-header-cell,.compare-table td.brand-cell{width:260px;font-size:var(--font-base,16px)}.compare-table .row-label,.compare-table .header-corner{font-size:var(--font-base,16px);font-weight:600}.compare-table .table-review-link,.compare-table .table-rating-num{font-size:var(--font-base,16px)}.empty-slot-cell{user-select:none;cursor:default!important;pointer-events:none!important}.empty-slot-placeholder{border-radius:var(--radius-md,8px);color:#94a3b8;opacity:.75;background-color:#fafafa;border:2px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px;display:flex}.empty-slot-plus{color:#94a3b8;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex}.empty-slot-text{font-family:var(--font-sans);font-size:var(--font-base,16px);color:#94a3b8;font-weight:600}.empty-cell-dash{color:#cbd5e1;font-size:var(--font-base,16px);text-align:center;font-weight:600}.remove-brand-btn{color:#64748b;cursor:pointer;z-index:2;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:13px;font-weight:800;line-height:1;transition:all .2s;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #0f172a1f}.remove-brand-btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;transform:scale(1.08)}.bottom-line-section{margin:40px auto 0;padding-top:32px}.bottom-line-title{font-family:var(--font-headings);color:var(--color-text,#0f172a);letter-spacing:-.01em;margin-bottom:20px;font-size:28px;font-weight:800}.winner-banner-box{background-color:var(--color-band-pink,#fdf3f4);border-radius:var(--radius-md,8px);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px 32px;display:flex}.winner-banner-left{align-items:center;display:flex}.podium-illustration{justify-content:center;align-items:center;display:flex}.winner-banner-right{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.winner-brand-header{align-items:center;gap:16px;display:flex}.winner-logo-img{max-height:70px;max-width:auto;object-fit:contain;border-radius:var(--radius-md)}.winner-brand-name{font-family:var(--font-headings);color:var(--color-text,#0f172a);letter-spacing:-.02em;font-size:32px;font-weight:800}.winner-cta-btn{background-color:var(--color-primary);color:#fff;font-size:var(--font-base,16px);border-radius:var(--radius-md,8px);transition:background-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.winner-cta-btn:hover{background-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px)}.bottom-line-desc{font-family:var(--font-sans);font-size:var(--font-base,16px);color:var(--color-text);margin-bottom:16px;line-height:1.7}.more-info-link{font-family:var(--font-sans);font-size:var(--font-base,16px);color:var(--color-text);font-weight:700;text-decoration:underline;transition:color .2s}.more-info-link:hover{color:var(--color-primary)}@media (width<=991px){.compare-page-main{padding-top:24px;padding-bottom:48px}}@media (width<=768px){.compare-title{margin-bottom:12px;font-size:32px;line-height:1.2}.compare-subtitle{margin-bottom:16px;font-size:15px;line-height:1.5}.how-to-use-dropdown{width:calc(100vw - 40px);left:0}.vpn-search-banner{flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px;margin-bottom:28px;padding:16px}.vpn-search-title{font-size:18px}.vpn-search-input-wrapper{width:100%}.compare-table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.compare-table{min-width:580px}.compare-table th.sticky-col,.compare-table td.sticky-col{width:120px;min-width:120px;padding:10px 8px;font-size:13.5px}.compare-table th.brand-header-cell,.compare-table td.brand-cell{width:180px;min-width:180px;padding:10px 8px;font-size:13.5px}.winner-banner-box{text-align:center;flex-direction:column;gap:16px;padding:20px 16px}.winner-banner-right{flex-direction:column;align-items:center;gap:16px;width:100%}.winner-brand-header{flex-direction:column;gap:10px}.winner-brand-name{font-size:24px}.winner-cta-btn{width:100%}}@media (width<=480px){.compare-title{font-size:24px}.bottom-line-title{font-size:22px}.podium-illustration svg{width:180px;height:106px}}