:root{--color-primary:#dc2626;--color-primary-hover:#b91c1c;--color-primary-light:#fef2f2;--color-secondary:#7bb275;--color-secondary-hover:#3a915e;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-bg:#fff;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#475569;--color-hero-tint:#fbe0e4;--color-band-pink:#fdf3f4;--gradient-hero:radial-gradient(95% 50% at 50% 100%, #dc262633, transparent 72%), linear-gradient(180deg, #fff 0%, #fff 50%, #fdecee 68%, var(--color-hero-tint) 100%);--font-xs:12px;--font-sm:14px;--font-base:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:30px;--font-4xl:36px;--font-5xl:42px;--font-sans:"IBM Plex Sans", sans-serif;--font-headings:"Space Grotesk", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--radius-base:4px;--radius-md:8px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 0 10px 2px #00000018;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow-red:0 0 10px 2px #dc262631;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--container-max-width:1200px}.top10-body{font-family:var(--font-sans);color:var(--color-text);background-color:#f8fafc;margin:0;padding:0}.top10-header{z-index:100;background-color:#0000;top:0}.top10-header-container{max-width:var(--container-max-width);padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-family:var(--font-headings);font-size:var(--font-2xl);letter-spacing:-.04em;align-items:center;font-weight:800;text-decoration:none;display:flex}.logo-img{object-fit:contain;border-radius:4px;width:auto;height:40px;margin-right:8px}.logo-red{color:var(--color-primary)}.logo-black{color:var(--color-text)}.top10-nav{gap:var(--spacing-xl);display:flex}.top10-nav-link{font-family:var(--font-sans);font-size:var(--font-base);color:var(--color-text-muted);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.top10-nav-link:hover{color:var(--color-primary)}.top10-hero{position:relative;overflow:hidden}.top10-hero-container{max-width:var(--container-max-width);padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-2xl);flex-direction:row;margin:0 auto;display:flex}.top10-hero-content{flex:1;max-width:700px}.top10-hero-title{font-family:var(--font-headings);font-size:var(--font-4xl);color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:800;line-height:1.1}.top10-date-highlight{color:var(--color-text);font-size:var(--font-2xl);display:inline-block;position:relative}.top10-date-highlight:after{content:"";background-color:#f59e0b;border-radius:2px;width:100%;height:5px;position:absolute;bottom:-4px;left:0}.top10-hero-subtitle{font-family:var(--font-sans);font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);line-height:1.5}.top10-hero-bullets{margin:0 0 var(--spacing-xl) 0;gap:var(--spacing-sm);flex-direction:column;padding:0;list-style:none;display:flex}.top10-hero-bullet-item{align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-size:var(--font-sm);color:var(--color-text);font-weight:500;display:flex}.top10-hero-checkmark{flex-shrink:0;justify-content:center;align-items:center;display:flex}.top10-hero-updated{align-items:center;gap:var(--spacing-xs);font-family:var(--font-sans);color:var(--color-text-muted);font-size:13px;display:flex}.top10-hero-image-wrapper{flex:1;justify-content:center;align-items:center;max-width:500px;display:flex}.top10-hero-image{width:100%;height:auto;max-height:380px}.top10-products-section{max-width:var(--container-max-width);margin:var(--spacing-md) auto;padding:0 var(--spacing-lg);flex-direction:column;display:flex}.top10-cards-list{gap:var(--spacing-md);flex-direction:column;display:flex}.top10-card-wrapper{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);align-items:stretch;gap:var(--spacing-md);cursor:pointer;color:inherit;border:1px solid #f7f7f7;grid-template-columns:.7fr .8fr .4fr .7fr;text-decoration:none;display:grid;position:relative;box-shadow:0 0 10px 5px #0000003b}.top10-card-wrapper:hover{transform:translateY(-2px)}.top10-card-wrapper:hover .top10-cta-button{background-color:var(--color-primary-hover);transform:translateY(-1px)}.top10-card-wrapper.rank-1{border:2.5px solid #fbbf24}.top10-badge-pill{border-radius:0;border-top-left-radius:var(--radius-md);z-index:10;align-items:stretch;height:32px;padding:0;display:flex;position:absolute;top:-1px;left:-1px;overflow:hidden}.top10-card-wrapper.rank-1 .top10-badge-pill{height:34px;top:-2.5px;left:-2.5px}.top10-badge-pill.rank-1-badge{background-color:#facc15;border-bottom-right-radius:12px;box-shadow:0 2px 4px #0000000d}.top10-badge-pill.other-badge{background-color:#475569;border-bottom-right-radius:8px;height:28px}.top10-badge-number{justify-content:center;align-items:center;height:100%;padding:0 12px;font-size:13px;font-weight:800;display:flex}.top10-badge-pill.rank-1-badge .top10-badge-number{color:#fff;background-color:#f97316}.top10-badge-pill.other-badge .top10-badge-number{color:#fff;background-color:#475569}.top10-badge-text{color:#0f172a;font-family:var(--font-headings);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:0 14px;font-size:11px;font-weight:800;display:flex}.top10-col-1{flex-direction:column;flex:1.2;display:flex}.top10-col-2{justify-content:center;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-xl);flex-direction:column;flex:1.6;display:flex}.top10-col-3,.top10-col-4{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.top10-brand-logo-container{justify-content:flex-start;align-items:center;height:80px;margin-top:12px;display:flex}.top10-brand-logo{object-fit:contain;max-width:200px;max-height:70px}.top10-social-proof{align-items:flex-start;gap:var(--spacing-xs);color:var(--color-secondary);font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-base);width:fit-content;font-weight:700;display:flex}.top10-social-proof-icon{flex-shrink:0;margin-top:2px}.top10-brand-description{font-size:var(--font-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.top10-compatibility-container{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.top10-compat-label{font-weight:700;font-size:var(--font-xs);color:var(--color-text-muted)}.top10-compat-icons{gap:4px;display:flex}.top10-compat-icon{opacity:.8;width:16px;height:16px}.top10-bullet-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.top10-bullet-list li{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-sm);color:var(--color-text);line-height:1.4;display:flex}.top10-bullet-list li svg{flex-shrink:0;margin-top:2px}.top10-bullet-list li.special-deal-bullet{color:#dc2626;font-weight:600}.top10-rating-circle-wrapper{justify-content:center;align-items:center;width:76px;height:76px;display:inline-flex;position:relative}.top10-circle-bg{stroke:#f1f5f9}.top10-rating-value{font-size:var(--font-2xl);color:var(--color-text);font-weight:800;position:absolute}.top10-ratings-count{color:var(--color-text-muted);text-align:center;margin:0 0 var(--spacing-xs) 0;font-size:13px;font-style:italic;font-weight:500}.top10-metric-dash-list{gap:var(--spacing-xs);flex-direction:column;width:100%;max-width:120px;display:flex}.top10-metric-row{flex-direction:column;align-items:center;gap:2px;display:flex}.top10-metric-label{color:var(--color-text-muted);text-align:center;font-size:13px;font-style:italic;font-weight:500}.top10-metric-bars{gap:2px;display:flex}.top10-dash-bar{background-color:#e2e8f0;border-radius:2px;width:12px;height:4px}.top10-dash-bar.bar-green{background-color:var(--color-secondary)}.top10-dash-bar.bar-orange{background-color:#f59e0b}.top10-cta-button{background-color:var(--color-primary);font-weight:700;font-size:var(--font-base);padding:12px var(--spacing-xl);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md);transition:background-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;width:100%;text-decoration:none;display:inline-flex;color:#fff!important}.top10-cta-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.top10-site-link{font-size:var(--font-xs);color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:underline}.top10-site-link:hover{color:var(--color-text)}.top10-load-more-container{justify-content:center;display:flex}.top10-load-more-btn{color:var(--color-text);font-weight:500;font-size:var(--font-sm);cursor:pointer;align-items:center;gap:var(--spacing-xs);background-color:#0000;display:flex}.top10-compare-section{width:100%;padding:var(--spacing-3xl) 0;background-color:var(--color-surface)}.top10-compare-title{font-family:var(--font-headings);font-size:var(--font-4xl);text-align:center;color:var(--color-text);margin-bottom:var(--spacing-xl);font-weight:800}.top10-compare-table-container{max-width:var(--container-max-width);padding:0 var(--spacing-lg);box-shadow:none;background-color:#0000;border:none;border-radius:0;margin:0 auto;overflow-x:auto}.top10-compare-table{grid-template-columns:1.2fr 1fr 1fr 1fr;min-width:900px;display:grid}.top10-compare-row{display:contents}.top10-compare-cell{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-base);color:var(--color-text);border-bottom:1px solid #f7f7f7;align-items:center;display:flex}.top10-compare-cell.cell-label{color:var(--color-text);gap:var(--spacing-xs);border-right:1px solid #f7f7f7}.top10-compare-cell.cell-value{text-align:center;justify-content:center}.top10-compare-cell.cell-brand{border-bottom:1px solid #f7f7f7}.top10-compare-brand-header{align-items:center;gap:var(--spacing-sm);flex-direction:row;display:flex}.top10-compare-brand-logo{object-fit:contain;width:100%;max-width:180px;height:auto;max-height:48px}.top10-compare-header .top10-compare-cell{z-index:20;background-color:var(--color-surface);position:sticky;top:0}.top10-compare-btn{color:#fff;border-radius:var(--radius-sm,4px);transition:background-color var(--transition-fast), transform var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);background-color:#dc2626;justify-content:center;align-items:center;padding:10px 24px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.top10-compare-btn:hover{color:#fff;background-color:#b91c1c;transform:translateY(-1px)}.top10-compare-buttons-row .top10-compare-cell{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl);border-bottom:none}@media (width>=992px){.top10-compare-table-container{overflow:visible}}.top10-compare-rating-row .top10-compare-cell{padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid #f7f7f7}.top10-compare-stars{margin-bottom:2px;display:flex}.top10-compare-star{flex-shrink:0}.top10-compare-star.star-yellow{color:#fbbf24}.top10-compare-star.star-gray{color:#cbd5e1}.top10-compare-review-count{color:var(--color-text-muted);font-size:13px;font-weight:500;display:block}.top10-compare-rating-row .cell-value{flex-direction:column;gap:2px}.cell-category-title{font-weight:800;font-size:var(--font-base);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-lg);letter-spacing:.05em;text-transform:uppercase;background-color:#f7f7f7;grid-column:span 4;height:60px}.top10-compare-text-rating{align-items:center;gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.top10-compare-text-val{font-size:14px}.top10-compare-dash-bars{gap:4px;display:flex}.top10-compare-dash-bar{border-radius:2px;width:24px;height:12px}.top10-compare-dash-bar.bar-green{background-color:var(--color-secondary)}.top10-compare-dash-bar.bar-orange{background-color:#f97316}.top10-compare-check,.top10-compare-cross{flex-shrink:0}.top10-info-tooltip-wrapper{color:var(--color-text-muted);cursor:help;align-items:center;display:inline-flex}.top10-info-icon{opacity:.6;transition:opacity var(--transition-fast)}.top10-info-tooltip-wrapper:hover .top10-info-icon{opacity:1;color:var(--color-primary)}.top10-card-wrapper.hidden-card{display:none!important}@media (width<=991px){.top10-hero-title{font-size:var(--font-4xl)}.top10-card-wrapper{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr auto;gap:10px 12px;padding:16px 14px 18px;display:grid;position:relative;box-shadow:0 4px 16px #0000000d}.top10-card-wrapper.rank-1{border:2px solid #facc15;box-shadow:0 6px 20px #facc152e,0 2px 8px #0000000d}.top10-card-wrapper.rank-1 .top10-badge-pill{border-top-left-radius:14px;border-bottom-right-radius:12px;height:32px;top:-2px;left:-2px}.top10-badge-pill.rank-1-badge{background-color:#facc15;box-shadow:0 2px 4px #00000014}.top10-badge-pill.rank-1-badge .top10-badge-number{color:#fff;background-color:#f97316;justify-content:center;align-items:center;height:100%;padding:0 10px;font-size:13px;font-weight:800;display:flex}.top10-badge-pill.rank-1-badge .top10-badge-text{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;padding:0 12px;font-size:11px;font-weight:800}.top10-col-1,.top10-col-2,.top10-col-3,.top10-col-4{display:contents}.top10-brand-logo-container{grid-area:1/1;justify-content:flex-start;align-items:center;height:auto;max-height:44px;margin-top:20px;display:flex}.top10-brand-logo{object-fit:contain;max-width:150px;max-height:40px}.top10-rating-circle-wrapper{grid-area:1/2/span 2;justify-content:center;place-self:center end;align-items:center;width:72px;height:72px;margin-top:10px;display:flex;position:relative}.top10-rating-circle-svg{width:72px;height:72px}.top10-rating-value{color:#0f172a;font-size:24px;font-weight:800}.top10-metric-dash-list{flex-direction:column;grid-area:2/1;gap:4px;width:fit-content;max-width:100%;margin-top:2px;display:flex}.top10-metric-row{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.top10-metric-label{color:#334155;text-align:left;font-size:12px;font-style:italic;font-weight:600}.top10-metric-bars{gap:3px;display:flex}.top10-dash-bar{background-color:#e2e8f0;border-radius:2px;width:13px;height:4px}.top10-brand-description,.top10-ratings-count{display:none}.top10-bullet-list{flex-direction:column;grid-area:3/1/auto/span 2;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.top10-bullet-list li{color:#334155;align-items:flex-start;gap:8px;font-size:13.5px;font-weight:500;line-height:1.4;display:flex}.top10-bullet-list li svg.check-icon{stroke:#22c55e;stroke-width:3px;flex-shrink:0;width:16px;height:16px;margin-top:2px}.top10-bullet-list li.special-deal-bullet{color:#dc2626;flex-wrap:wrap;font-weight:600}.top10-bullet-list li.special-deal-bullet svg.deal-tag-icon{stroke:#dc2626;stroke-width:2.5px;flex-shrink:0;width:16px;height:16px;margin-top:2px}.special-deal-bullet b{font-weight:700}.special-deal-bullet .discount-plus{color:#dc2626;width:100%;margin-top:2px;margin-left:24px;font-size:15px;font-weight:800;display:block}.top10-compatibility-container{flex-wrap:wrap;grid-area:4/1/auto/span 2;align-items:center;gap:8px;margin-top:4px;display:flex}.top10-compat-label{color:#475569;font-size:13px;font-weight:600}.top10-compat-icons{align-items:center;gap:6px;display:flex}.top10-compat-icon{opacity:.85;filter:grayscale();width:16px;height:16px}.top10-social-proof{color:#16a34a;text-align:center;grid-area:5/1/auto/span 2;justify-content:center;justify-self:center;align-items:center;gap:6px;width:100%;margin:6px 0 2px;padding:0;font-size:13px;font-weight:700;display:flex}.top10-social-proof-icon{stroke:#16a34a;width:18px;height:18px;margin-top:0}.top10-cta-button{text-align:center;box-sizing:border-box;border-radius:10px;grid-area:6/1/auto/span 2;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex;box-shadow:0 4px 12px #dc262640}.top10-cta-button:hover{background-color:#b91c1c}.top10-site-link{color:#475569;text-align:center;grid-area:7/1/auto/span 2;justify-self:center;margin-top:-4px;font-size:12px;font-weight:500;text-decoration:underline}.top10-compare-table-container{-webkit-overflow-scrolling:touch;padding-left:0;padding-right:0;overflow-x:auto}.top10-compare-table{grid-template-columns:130px 170px 170px 170px;min-width:640px}.top10-compare-cell{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.top10-compare-cell.cell-label{z-index:15;background-color:var(--color-surface,#fff);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);word-break:break-word;hyphens:auto;border-right:1px solid #e2e8f0;font-size:13px;position:sticky;left:0;box-shadow:3px 0 8px #0000000d}.top10-compare-header .top10-compare-cell.cell-label{z-index:30;background-color:var(--color-surface,#fff);position:sticky;top:0;left:0}.cell-category-title{z-index:10;padding:8px var(--spacing-sm);font-size:13px;position:sticky;left:0}.top10-compare-brand-logo{max-width:130px;max-height:38px}.top10-compare-btn{padding:8px 16px;font-size:12px}}@media (width<=768px){.top10-hero-container{text-align:left;gap:var(--spacing-xl);flex-direction:column}.logo{font-size:var(--font-xl)}.logo-img{width:auto;height:30px}.top10-hero-image-wrapper{display:none}.top10-hero{background:#f8fafc;padding:0}}.top10-principles-section{padding:var(--spacing-xl) 0;background-color:var(--color-surface)}.top10-principles-container{padding:0 var(--spacing-lg);margin:0 auto}.top10-tips-block{margin-bottom:80px}.top10-tips-title{font-family:var(--font-headings);font-weight:800;font-size:var(--font-4xl);color:#1e293b;text-align:center;margin-bottom:40px}.top10-tip-item{margin-bottom:32px}.top10-tip-item h3{color:#1e293b;margin-bottom:12px;font-size:24px;font-weight:700}.top10-tip-item p{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:16px;line-height:1.7}.top10-recommendation-title{font-family:var(--font-headings);font-weight:800;font-size:var(--font-4xl);color:#1e293b;text-align:center;margin-bottom:40px}.top10-recommendation-intro .intro-large{color:var(--color-text);margin-bottom:12px;font-size:24px;font-weight:300;line-height:1.4}.top10-recommendation-intro .intro-sub{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:24px}.top10-recommendation-intro p{font-size:var(--font-sm);color:var(--color-text-muted);margin-bottom:16px;line-height:1.7}.top10-principles-list{flex-direction:column;gap:16px;margin-top:32px;display:flex}.top10-principle-item{align-items:center;gap:var(--spacing-md);display:flex}.principle-number{color:#0f172a;border:1.5px solid #0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:15px;font-weight:700;display:flex}.principle-text{font-weight:600;font-size:var(--font-sm);color:#0f172a}.top10-footer{padding:var(--spacing-xl) 0 92px;color:#cbd5e1;background-color:#111;border-top:1px solid #ffffff14}.top10-footer-container{max-width:var(--container-max-width);padding:0 var(--spacing-lg);margin:0 auto}.top10-footer-logo-row{justify-content:center;margin-bottom:48px;display:flex}.top10-footer-logo{font-weight:800;font-size:var(--font-2xl);letter-spacing:-.03em;text-decoration:none;display:inline-flex}.top10-footer-logo .logo-red{color:var(--color-primary)}.top10-footer-logo .logo-white{color:#fff}.top10-footer-grid{gap:var(--spacing-xl);grid-template-columns:2.2fr 1fr;display:grid}.top10-footer-left{flex-direction:column;gap:12px;display:flex}.top10-footer-title{color:#fff;letter-spacing:-.01em;font-size:20px;font-weight:300}.top10-footer-text{color:#94a3b8;max-width:90%;font-size:13.5px;line-height:1.6}.top10-footer-right{justify-content:flex-end;display:flex}.top10-footer-nav{align-items:flex-end;gap:var(--spacing-md);flex-direction:column;display:flex}.top10-footer-link{color:#cbd5e1;transition:color var(--transition-fast);font-size:14.5px;font-weight:500;text-decoration:none}.top10-footer-link:hover{color:#fff}@media (width<=768px){.top10-footer-grid{gap:var(--spacing-lg);text-align:center;grid-template-columns:1fr}.top10-footer-text{max-width:100%}.top10-footer-right{justify-content:center;margin-top:12px}.top10-footer-nav{align-items:center;gap:12px}}.top10-bottom-banner{padding:var(--spacing-sm) var(--spacing-lg);z-index:1000;opacity:0;pointer-events:none;background:linear-gradient(#1a1a1a 0%,#111 100%);border-top:1px solid #ffffff1a;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 25px -5px #0000004d}.top10-bottom-banner.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.top10-bottom-banner-container{max-width:var(--container-max-width);justify-content:center;align-items:center;gap:var(--spacing-xl);height:60px;margin:0 auto;display:flex}.top10-bottom-banner-content{align-items:center;gap:var(--spacing-md);display:flex}.banner-highlight{color:#fff;letter-spacing:-.02em;font-size:65px;font-weight:800;line-height:1}.banner-text{color:#fff;white-space:nowrap;font-size:26px;font-weight:600}.banner-btn{background-color:var(--color-primary);font-weight:700;font-size:var(--font-base);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-md);transition:background-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;padding:16px 24px;text-decoration:none;display:inline-flex;color:#fff!important}.banner-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}@media (width<=768px){.top10-bottom-banner{padding:var(--spacing-xs) var(--spacing-md)}.top10-bottom-banner-container{gap:var(--spacing-md);height:auto;padding:var(--spacing-xs) 0}.banner-highlight{font-size:28px}.banner-text{font-size:var(--font-sm)}.banner-btn{font-size:var(--font-xs);padding:8px 16px}}.top10-modal-overlay{backdrop-filter:blur(8px);z-index:2000;opacity:0;visibility:hidden;background-color:#0f172a99;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.top10-modal-overlay.active{opacity:1;visibility:visible}.top10-modal-container{background-color:#fff;border-radius:16px;padding:48px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.92);box-shadow:0 25px 50px -12px #0000004d}.top10-modal-close{color:#1e293b;cursor:pointer;z-index:10;box-sizing:border-box;background-color:#fff;border:1px solid #0000001a;outline:none;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:-16px;right:-16px;box-shadow:0 4px 12px #00000026;border-radius:50%!important}.top10-modal-close:hover{color:#ef4444;background-color:#f8fafc;transform:scale(1.08)}.top10-modal-body{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.top10-modal-left{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.modal-brand-logo{object-fit:contain;width:auto;height:48px;margin-bottom:8px}.modal-laptop-img{object-fit:contain;width:100%;height:auto}.top10-modal-right{padding-left:var(--spacing-md);flex-direction:column;justify-content:center;display:flex;position:relative}.modal-title{font-family:var(--font-headings);color:#1e293b;letter-spacing:-.01em;text-align:center;margin-bottom:6px;font-size:38px;font-weight:800;line-height:1.15}.modal-sub{color:#475569;margin-bottom:28px;font-size:20px;font-weight:500}.modal-discount-box{flex-direction:column;margin-bottom:24px;display:flex}.modal-discount-value{color:#1e293b;letter-spacing:-.03em;text-align:center;margin-bottom:6px;font-size:78px;font-weight:800;line-height:.95}.modal-discount-label{text-align:center;color:#1e293b;letter-spacing:-.01em;font-size:19px;font-weight:700}.modal-countdown{color:#e11d48;text-align:center;margin-bottom:24px;font-size:15px}.countdown-label{font-weight:500}.countdown-time{margin-left:2px;font-weight:400}.countdown-time strong{margin:0 5px;font-size:18px;font-weight:800}.modal-cta-btn{background-color:var(--color-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-md);transition:background-color var(--transition-fast), transform var(--transition-fast);width:100%;margin-bottom:12px;padding:14px 28px;font-size:16.5px;font-weight:700;text-decoration:none;display:inline-flex;color:#fff!important}.modal-cta-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.modal-proof{color:#64748b;text-align:center;font-size:16px;font-weight:500}.modal-proof em{color:#1e293b;font-style:italic;font-weight:700}.proof-arrows{color:#dc2626;margin-left:2px;font-weight:800}.modal-arrow-decoration{opacity:.85;position:absolute;top:60%;right:-36px;transform:translateY(-50%)rotate(15deg)}@media (width<=768px){.top10-modal-overlay{padding:16px}.top10-modal-container{border-radius:16px;width:92%;max-width:420px;max-height:85vh;padding:32px 20px 24px;overflow-y:auto}.top10-modal-close{width:32px;min-width:32px;height:32px;min-height:32px;top:10px;right:10px}.top10-modal-body{text-align:center;grid-template-columns:1fr;gap:16px}.top10-modal-left{gap:8px}.modal-brand-logo{height:36px;margin-bottom:4px}.modal-laptop-img{max-width:140px}.modal-title{font-size:20px}.modal-sub{font-size:13px}.modal-discount-box{justify-content:center;gap:10px;padding:10px 14px}.modal-discount-value{font-size:24px}.modal-discount-label{font-size:12px}.modal-countdown{justify-content:center;font-size:12px}.modal-cta-btn{justify-content:center;width:100%;padding:12px 16px;font-size:14px}.modal-proof{font-size:12px}.modal-arrow-decoration{display:none}}.top10-menu-toggle{display:none}@media (width<=768px){.top10-compare-section{padding:var(--spacing-xl) 0}.top10-principles-section{padding:var(--spacing-lg) 0}.top10-tips-block{margin-bottom:40px}.top10-tips-title{margin-bottom:24px}.top10-tip-item{margin-bottom:20px}.top10-hero-title{font-size:28px;line-height:1.2}.top10-hero-subtitle{font-size:15px;line-height:1.5}.top10-hero-bullets{margin-bottom:var(--spacing-md)}.top10-compare-title,.top10-tips-title{font-size:22px}.top10-tip-item h3{font-size:18px}.top10-tip-item p{font-size:13.5px}.top10-features-list h3{font-size:18px}.top10-bullet-list li{font-size:13px}.top10-desc-text{font-size:13.5px;line-height:1.5}.top10-header-container{padding:var(--spacing-sm) var(--spacing-md);position:relative}.top10-nav{background-color:var(--color-surface);padding:var(--spacing-md) var(--spacing-lg);z-index:100;align-items:flex-start;gap:var(--spacing-sm);border-top:1px solid #0000000f;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}.top10-nav.open{display:flex}.top10-nav-link{width:100%;padding:var(--spacing-xs) 0;display:block}.top10-menu-toggle{color:var(--color-text);cursor:pointer;transition:color var(--transition-fast);z-index:101;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.hamburger-line{transform-origin:50%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}.top10-menu-toggle.open .line-1{transform:translateY(2.5px)rotate(45deg)}.top10-menu-toggle.open .line-2{opacity:0}.top10-menu-toggle.open .line-3{transform:translateY(-6px)rotate(-45deg)}.top10-recommendation-title{font-size:22px}.top10-recommendation-intro .intro-large{font-size:18px}.top10-footer-logo-row{margin-bottom:32px}}