:root{--c-deep:#0b5f59;--c-primary:#0d9488;--c-light:#14b8a6;--c-bg:#ccfbf1;--c-text:#134e4a;--a-deep:#b45309;--a-primary:#d97706;--a-light:#f59e0b;--a-bg:#fef3c7;--a-text:#92400e;--y-bg:#fef9c3;--y-text:#854d0e;--k-deep:#17201c;--k-primary:#262e2a;--k-secondary:#4f5a54;--k-tertiary:#727d77;--k-muted:#a3ada8;--bg-page:#faf7f2;--bg-card:#ffffff;--bg-alt:#f2ede4;--border:#e7e5e4;--border-hover:#d6d3d1;--success:#059669;--warning:#d97706;--error:#dc2626;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;--lh-tight:1.3;--lh-normal:1.6;--lh-loose:1.8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--transition:0.2s ease;--container:1100px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:var(--lh-normal);color:var(--k-primary);background-color:var(--bg-page);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='0.5' fill='%23a8a29e' opacity='0.08'/%3E%3C/svg%3E")}a{color:var(--c-primary);transition:color var(--transition)}a,a:hover{text-decoration:none}a:hover{color:var(--c-deep)}a:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:2px}img{max-width:100%;height:auto}.container{max-width:var(--container);margin:0 auto;padding:0 24px}h1,h2,h3,h4{line-height:var(--lh-tight);color:var(--k-deep)}::selection{background:var(--a-light);color:var(--k-deep)}h1{font-size:2.2rem;font-weight:800;letter-spacing:-.5px}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.2rem}h3,h4{font-weight:600}h4{font-size:1rem}li,p{font-size:.95rem;font-weight:400;color:var(--k-secondary);line-height:var(--lh-normal)}.site-header{background:linear-gradient(135deg,var(--c-deep),var(--c-primary));color:white;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;max-width:var(--container);margin:0 auto}.site-logo{gap:8px;color:white!important;text-decoration:none!important;white-space:nowrap}.logo-icon,.site-logo{display:flex;align-items:center;flex-shrink:0}.logo-icon{font-size:1.3rem;width:32px;height:32px;justify-content:center;background:rgba(255,255,255,.15);border-radius:var(--radius-sm)}.logo-text{font-size:1.15rem;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.main-nav{display:flex;gap:2px;align-items:center;flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{color:rgba(255,255,255,.8)!important;font-size:.8rem;font-weight:500;padding:6px 9px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);text-decoration:none!important;white-space:nowrap}.nav-link:focus-visible,.nav-link:hover{background:rgba(255,255,255,.18);color:white!important}.nav-link.active{background:rgba(255,255,255,.12);color:white!important}.nav-divider{width:1px;height:20px;background:rgba(255,255,255,.2);margin:auto 4px}.nav-secondary{opacity:.7;font-size:.78rem}.nav-search-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:100px;color:rgba(255,255,255,.85)!important;font-size:.95rem;text-decoration:none!important;transition:background var(--transition);flex-shrink:0}.nav-search-icon:hover{background:rgba(255,255,255,.18)}.nav-cta{background:#fff;color:var(--c-primary)!important;font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:100px;text-decoration:none!important;white-space:nowrap;transition:background var(--transition),transform var(--transition)}.nav-cta:hover{background:var(--a-bg);transform:translateY(-1px)}.trust-bar{background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.12)}.trust-bar-inner{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 24px;flex-wrap:wrap}.trust-bar-inner span{color:rgba(255,255,255,.75);font-size:.72rem;font-weight:500;letter-spacing:.3px;white-space:nowrap}.trust-dot{opacity:.5}.mobile-menu-btn{display:none;background:none;border:none;color:white;font-size:1.4rem;cursor:pointer;padding:6px;border-radius:var(--radius-sm)}.mobile-nav{display:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary{list-style:none}.mobile-nav-panel{position:absolute;top:100%;left:0;right:0;background:var(--k-deep);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 16px 32px rgba(0,0,0,.3);padding:8px 0;z-index:99}.mobile-nav-panel a{display:flex;align-items:center;min-height:44px;padding:0 24px;color:rgba(255,255,255,.88)!important;font-size:.95rem;font-weight:500;text-decoration:none!important;transition:background var(--transition),color var(--transition)}.mobile-nav-panel a:hover{background:rgba(13,148,136,.25);color:#fff!important}.mobile-nav-panel a.mobile-nav-cta{color:var(--a-light)!important;font-weight:700;border-top:1px solid rgba(255,255,255,.12);margin-top:4px}.mobile-nav[open] .mobile-menu-btn{background:rgba(255,255,255,.18)}.mobile-menu-btn:hover{background:rgba(255,255,255,.12)}.hero{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.09) 1.2px,transparent 1.3px),radial-gradient(circle at 88% 82%,rgba(255,255,255,.07) 1.5px,transparent 1.6px),linear-gradient(135deg,var(--c-deep) 0,var(--c-primary) 50%,#0b5f59 100%);background-size:26px 26px,34px 34px,100% 100%;color:white;padding:64px 0 56px}.hero-inner{gap:48px}.hero-text{flex:1 1}.hero h1{font-size:clamp(2.4rem,5vw,3.5rem);line-height:1.1;margin-bottom:14px;letter-spacing:-1px;color:white}.hero h1 em{color:var(--a-light)}.hero p{font-size:1.15rem;color:rgba(255,255,255,.85);max-width:560px;margin:0 0 10px}.hero .trust-line{font-size:.8rem;color:rgba(255,255,255,.55);margin-bottom:26px;letter-spacing:.3px}.hero-art{flex-shrink:0;width:340px;max-width:34vw;display:flex;align-items:center;justify-content:center}.hero-art svg{width:100%;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}@media (max-width:900px){.hero-inner{flex-direction:column;gap:20px}.hero{padding:48px 0 44px;text-align:center}.hero p{margin:0 auto 10px}.hero-art{display:none}.hero .scenario-tags{justify-content:center}.hero .search-bar{margin:0 auto}}.hero .search-bar{margin:0}.search-bar{display:flex;max-width:520px;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:box-shadow var(--transition)}.search-bar:focus-within{box-shadow:0 4px 20px rgba(13,148,136,.25)}.search-bar input{flex:1 1;border:none;padding:13px 18px;font-size:.92rem;outline:none;color:var(--k-primary);background:white}.search-bar input::placeholder{color:var(--k-muted)}.search-bar button{background:var(--a-primary);border:none;color:white;padding:13px 24px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background var(--transition)}.search-bar button:hover{background:var(--a-deep)}.search-bar button:active{transform:scale(.97)}.search-bar button:focus-visible{outline:2px solid white;outline-offset:-3px}.scenario-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}.scenario-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.85)!important;padding:7px 16px;border-radius:100px;font-size:.8rem;font-weight:500;transition:all var(--transition);text-decoration:none!important;border:1px solid transparent}.scenario-tag:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.2)}.scenario-tag.featured{background:var(--a-primary);color:white!important;font-weight:600}.scenario-tag.featured:hover{background:var(--a-deep)}.section{padding:44px 0}.section-alt{background:var(--bg-card)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{color:var(--k-deep);font-size:1.7rem;font-weight:700;letter-spacing:-.4px}.section-header .view-all{font-size:.85rem;font-weight:600;color:var(--c-primary)}.section-header .view-all:hover{color:var(--c-deep)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative}.review-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(23,32,28,.12);border-color:var(--c-primary);background:#fffdf8}.review-card:active{transform:translateY(-1px)}.card-badges{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.card-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:100px;letter-spacing:.2px;text-transform:uppercase}.card-badge.tested{background:var(--c-bg);color:var(--c-text)}.card-badge.tested:before{content:"✓";font-size:.65rem}.card-badge.vertical{background:var(--a-bg);color:var(--a-text)}.card-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;margin-bottom:8px;flex-wrap:wrap}.card-cat{background:var(--c-bg);color:var(--c-text);padding:2px 10px;border-radius:100px;font-weight:600;font-size:.72rem}.card-cat.generic{background:var(--bg-alt);color:var(--k-tertiary)}.card-rating{color:var(--a-primary);font-size:.82rem}.card-price{color:var(--k-tertiary);font-size:.78rem}.review-card h3{font-size:1.18rem;font-weight:650;margin-bottom:6px;line-height:1.35}.review-card h3 a{color:var(--k-deep)!important;transition:color var(--transition)}.review-card:hover h3 a{color:var(--c-primary)!important}.review-card .card-desc{color:var(--k-tertiary);font-size:.85rem;line-height:1.5;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-cta-group{display:flex;gap:8px;align-items:center}.card-cta{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--c-primary)!important;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition)}.card-cta:hover{background:var(--c-bg);color:var(--c-deep)!important}.card-cta.affiliate{color:var(--a-text)!important;font-size:.78rem;padding:5px 10px}.card-cta.affiliate,.card-cta.affiliate:hover{background:var(--a-bg)}.vertical-score{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.score-row{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--k-tertiary);margin-bottom:4px}.score-label{min-width:90px;flex-shrink:0}.score-bar{flex:1 1;height:4px;background:var(--bg-alt);border-radius:4px;overflow:hidden}.score-fill{height:100%;border-radius:4px;transition:width .5s ease}.score-fill.print{background:var(--c-primary)}.score-fill.ecom{background:var(--a-primary)}.score-val{min-width:28px;text-align:right;font-weight:600;color:var(--k-secondary)}.vertical-featured{background:linear-gradient(to right,var(--bg-card),var(--c-bg));border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px}.vertical-featured-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.vertical-featured-header h2{display:flex;align-items:center;gap:8px;font-size:1.3rem}.vertical-featured .review-grid{margin:0}.category-header{background:var(--bg-alt);padding:36px 0;border-bottom:1px solid var(--border)}.category-header h1{color:var(--k-deep)}.category-header p{color:var(--k-tertiary);margin-top:6px;max-width:600px}.filter-bar{gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.filter-bar,.filter-group{display:flex;align-items:center}.filter-group{gap:6px}.filter-label{font-size:.78rem;color:var(--k-tertiary);font-weight:500}.filter-select{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem;color:var(--k-primary);background:var(--bg-card);cursor:pointer;transition:border-color var(--transition)}.filter-select:focus,.filter-select:hover{border-color:var(--c-primary);outline:none}.review-page{padding:28px 0 56px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--k-muted);margin-bottom:16px;flex-wrap:wrap}.breadcrumb a{color:var(--k-muted)!important}.breadcrumb a:hover{color:var(--c-primary)!important}.breadcrumb .sep{color:var(--border);font-size:.7rem}.breadcrumb .current{color:var(--k-secondary);font-weight:500}.review-page h1{font-size:1.9rem;font-weight:700;color:var(--k-deep);line-height:1.25;margin-bottom:10px}.review-page .meta-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--k-tertiary);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:24px}.cons-box,.pros-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:box-shadow var(--transition)}.cons-box:hover,.pros-box:hover{box-shadow:var(--shadow-sm)}.pros-box h3{color:var(--c-primary)}.cons-box h3,.pros-box h3{font-size:.95rem;margin-bottom:8px}.cons-box h3{color:var(--error)}.cons-box ul,.pros-box ul{list-style:none}.cons-box li,.pros-box li{font-size:.88rem;padding:4px 0 4px 20px;position:relative;color:var(--k-secondary)}.pros-box li:before{content:"✓";position:absolute;left:0;color:var(--c-primary);font-weight:700}.cons-box li:before{content:"✗";position:absolute;left:0;color:var(--error)}.review-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px;margin-bottom:24px}.review-content h2{font-size:1.4rem;font-weight:700;color:var(--k-deep);margin:28px 0 10px;padding-bottom:8px;border-bottom:2px solid var(--bg-alt)}.review-content h2:first-child{margin-top:0}.review-content h3{font-size:1.15rem;font-weight:600;color:var(--k-primary);margin:20px 0 8px}.review-content p{margin-bottom:12px}.review-content ol,.review-content ul{margin:8px 0 14px 22px}.review-content li{margin-bottom:5px}.review-content table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.85rem;border-radius:var(--radius-sm);overflow:hidden}.review-content th{background:var(--bg-alt);text-align:left;padding:10px 14px;border-bottom:2px solid var(--border);font-weight:600;color:var(--k-primary)}.review-content td{padding:10px 14px;border-bottom:1px solid var(--border)}.review-content tr:last-child td{border-bottom:none}.review-content tr:hover td{background:var(--bg-page)}.review-content figure{margin:16px 0;text-align:center}.review-content figure img{border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.review-content figure figcaption{font-size:.78rem;color:var(--k-muted);margin-top:4px}.faq-section{margin:28px 0}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;transition:border-color var(--transition)}.faq-item:hover{border-color:var(--border-hover)}.faq-question{background:var(--bg-page);padding:14px 16px;font-size:.92rem;font-weight:600;color:var(--k-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background var(--transition);border:none;width:100%;text-align:left}.faq-question:hover{background:var(--bg-alt)}.faq-question:after{content:"+";font-size:1.1rem;color:var(--k-muted);transition:transform var(--transition)}.faq-item[open] .faq-question:after{content:"−"}.faq-answer{padding:0 16px 14px;font-size:.88rem;color:var(--k-secondary);line-height:1.6}.cta-box{background:linear-gradient(135deg,var(--c-bg),#e0f2fe);border:1px solid var(--c-primary);border-radius:var(--radius-md);padding:24px;text-align:center;margin-bottom:24px}.cta-box p{font-size:1.05rem;margin-bottom:12px;color:var(--k-primary);font-weight:500}.cta-button{display:inline-block;background:var(--a-primary);color:white!important;padding:11px 30px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;transition:all var(--transition);text-decoration:none!important;border:none;cursor:pointer}.cta-button:hover{background:var(--a-deep);transform:translateY(-1px);box-shadow:0 4px 12px rgba(217,119,6,.25)}.cta-button:active{transform:translateY(0)}.aff-disc{font-size:.76rem;color:var(--k-muted);padding:12px 16px;background:var(--bg-page);border-radius:var(--radius-sm);margin-top:24px;border:1px solid var(--border)}.aff-disc a{color:var(--k-tertiary)!important}.aff-disc a:hover{color:var(--c-primary)!important}.legal-page{max-width:780px;margin:36px auto;padding:0 24px 56px}.legal-page h1{margin-bottom:20px}.legal-page h2{margin:24px 0 8px}.legal-page p{margin-bottom:12px}.legal-page ul{margin:8px 0 12px 22px}.legal-page li{margin-bottom:5px}.legal-page .highlight-box{background:var(--a-bg);border:1px solid #fde68a;border-radius:var(--radius-sm);padding:18px;margin:18px 0}.legal-page .highlight-box p{color:var(--a-text);margin-bottom:0}.about-page{max-width:780px}.about-page,.sponsor-page{margin:36px auto;padding:0 24px 56px}.sponsor-page{max-width:900px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin:24px 0}.pricing-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;transition:all var(--transition)}.pricing-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md)}.pricing-card.featured{border-color:var(--a-primary);box-shadow:0 4px 16px rgba(217,119,6,.12)}.pricing-card h3{font-size:1.15rem;font-weight:700;margin-bottom:4px}.pricing-card .price{font-size:2rem;font-weight:800;color:var(--c-primary);margin:10px 0}.pricing-card .price span{font-size:.85rem;color:var(--k-tertiary);font-weight:400}.pricing-card ul{list-style:none;margin:14px 0;text-align:left}.pricing-card li{padding:5px 0;font-size:.83rem;color:var(--k-secondary)}.pricing-card li:before{content:"✓";color:var(--c-primary);margin-right:8px;font-weight:700}.pricing-card .cta-button{margin-top:10px}.submit-page{max-width:640px;margin:36px auto;padding:0 24px 56px}.site-footer{background:var(--k-deep);color:var(--k-muted);padding:44px 0 20px;margin-top:36px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:36px;gap:36px;padding-bottom:28px;border-bottom:1px solid #44403c}.footer-logo{font-size:1.05rem;font-weight:700;color:white;display:flex;align-items:center;gap:8px}.footer-tagline{font-size:.82rem;margin-top:10px;max-width:300px;line-height:1.6;color:var(--k-muted)}.footer-badges{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.footer-badge{font-size:.72rem;font-weight:600;color:#d6d3d1;letter-spacing:.3px}.footer-nav h4{color:white;font-size:.72rem;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1.2px}.footer-nav a{display:block;color:var(--k-muted)!important;font-size:.82rem;padding:3px 0;transition:color var(--transition)}.footer-nav a:hover{color:var(--c-primary)!important;text-decoration:underline!important;text-underline-offset:3px}.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px}.footer-copy{font-size:.76rem;color:var(--k-tertiary);margin:0}.footer-legal-links{display:flex;gap:18px;flex-wrap:wrap}.footer-legal-links a{font-size:.76rem;color:var(--k-muted)!important;transition:color var(--transition)}.footer-legal-links a:hover{color:var(--c-primary)!important}.footer-disclaimer{background:#292524;padding:10px 14px;border-radius:var(--radius-sm);font-size:.74rem;color:var(--k-muted);line-height:1.5;margin:10px 0}.footer-disclosure{font-size:.74rem;color:var(--k-tertiary)}.footer-disclosure a{color:var(--a-light)!important}.not-found{text-align:center;padding:72px 24px}.not-found h1{font-size:3rem}.not-found p{margin:10px 0 20px}.page-title{padding:36px 0 20px}@media (max-width:768px){.main-nav{display:none}.mobile-nav{margin-left:auto}.mobile-menu-btn,.mobile-nav{display:block}.hero{padding:40px 0 36px}.hero h1{font-size:clamp(2rem,8vw,2.4rem)}.hero p{font-size:1rem}.pros-cons,.review-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-legal{flex-direction:column;align-items:flex-start;gap:8px}.pricing-grid{grid-template-columns:1fr}.review-content{padding:20px}.section-header h2{font-size:1.35rem}.vertical-featured{padding:20px}.card-cta-group{flex-direction:column;align-items:flex-start}}.verdict-box{background:var(--a-bg);border:1px solid var(--border);border-left:4px solid var(--c-primary);border-radius:var(--radius-sm);padding:20px 22px;margin:20px 0 8px}.verdict-box p{color:var(--k-primary);font-size:.98rem;line-height:1.65}.verdict-ctas{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.cta-secondary{background:var(--bg-alt);color:var(--k-primary)!important;border:1px solid var(--border-hover)}.cta-secondary:hover{background:var(--border)}.compare-table-wrap{overflow-x:auto}.compare-table td.compare-cell.win{background:var(--c-bg);color:var(--c-text);font-weight:600}.compare-table td.compare-cell.tie{color:var(--k-secondary)}.featured-panel{background:#fdfaf2}.featured-panel.green{background:#f0f9f6;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.vs-card{position:relative;background:#ffffff;border:1px solid var(--border);border-top:3px solid var(--a-primary);border-radius:var(--radius-md);padding:24px;min-height:280px;display:flex;flex-direction:column;gap:12px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition)}.vs-card:hover{transform:translateY(-3px);border-color:var(--a-primary);box-shadow:0 12px 28px rgba(180,83,9,.12);background:#fffdf8}.vs-card-battle{display:flex;align-items:center;justify-content:space-between;gap:12px}.vs-side{display:flex;flex-direction:column;gap:3px;flex:1 1}.vs-side:last-child{text-align:right}.vs-name{font-weight:700;font-size:1.2rem;color:var(--k-deep)}.vs-rating{font-size:.85rem;color:var(--c-primary);font-weight:600}.vs-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--a-primary);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.5px;border-radius:100px;box-shadow:0 4px 12px rgba(217,119,6,.4);flex-shrink:0}.vs-title{font-size:1.25rem;font-weight:700;line-height:1.35;letter-spacing:-.3px}.vs-title a{color:var(--k-deep)}.vs-title a:hover{color:var(--c-primary)}.vs-verdict{font-size:.88rem;color:var(--k-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.vs-card .card-cta{font-size:.95rem;font-weight:700;padding:8px 14px}.best-card .card-cta:after,.review-card h3 a:after,.vs-card .card-cta:after{content:"";position:absolute;inset:0}.review-card .card-cta,.review-card .vertical-score{position:relative;z-index:2}.best-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.best-card{position:relative;background:var(--bg-card);border:1px dashed var(--border-hover);border-radius:var(--radius-md);padding:24px;min-height:240px;display:flex;flex-direction:column;gap:12px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition)}.best-card:hover{transform:translateY(-3px);border:1px solid var(--c-primary);box-shadow:0 12px 28px rgba(23,32,28,.12);background:#fffdf8}.best-card-count{align-self:flex-start;background:var(--a-bg);color:var(--a-text);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;border-radius:100px}.best-card-title{font-size:1.2rem;font-weight:700;line-height:1.35;letter-spacing:-.3px}.best-card-title a{color:var(--k-deep)}.best-card-title a:hover{color:var(--c-primary)}.best-card-desc{font-size:.88rem;color:var(--k-secondary);line-height:1.6;flex:1 1}.best-card .card-cta{font-size:.95rem;font-weight:700;padding:8px 14px}.best-card-names{display:flex;flex-wrap:wrap;gap:6px}.best-card-name{font-size:.72rem;font-weight:600;color:var(--k-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:2px 8px;border-radius:100px}.best-card-name.more{color:var(--c-primary);border-color:var(--c-primary)}@media (min-width:769px) and (max-width:1024px){.pricing-grid,.review-grid{grid-template-columns:repeat(2,1fr)}}body,html{overflow-x:hidden}.search-bar input{min-width:0}@media (max-width:768px){.container{padding:0 16px}.featured-panel,.vertical-featured{padding:16px 14px}.hero h1{font-size:clamp(1.7rem,7.5vw,2.2rem);letter-spacing:-.5px}.hero p{font-size:1rem}.hero .search-bar{width:100%}.search-bar button{padding:13px 16px}.section{padding-left:0;padding-right:0}}@media (max-width:640px){.best-grid,.review-grid,.vs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vs-card{padding:14px;min-height:0;gap:8px;border-radius:var(--radius-sm)}.vs-card-battle{gap:6px}.vs-badge{width:32px;height:32px;font-size:.62rem}.vs-name{font-size:.85rem}.vs-rating{font-size:.78rem;font-weight:700;color:var(--a-deep)}.vs-title{font-size:.95rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vs-verdict{display:none}.best-card .card-cta,.vs-card .card-cta{font-size:.8rem;font-weight:700;padding:8px 12px;border:1px solid var(--c-primary);border-radius:var(--radius-sm);justify-content:center;min-height:36px;text-align:center}.best-card{padding:14px;min-height:0;gap:8px;border-radius:var(--radius-sm)}.best-card-count{font-size:.62rem;padding:3px 8px}.best-card-title{font-size:.95rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.best-card-names .best-card-name:nth-of-type(n+3){display:none}.best-card-names .best-card-name.more{display:inline}.best-card-name{font-size:.66rem;padding:2px 6px}.review-card{padding:14px;border-radius:var(--radius-sm)}.review-card h3{font-size:.95rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-badges .card-badge.vertical{display:none}.card-badge{font-size:.6rem}.card-meta{flex-wrap:wrap;gap:4px 8px}.card-cat{font-size:.68rem}.card-rating{font-size:.78rem;font-weight:700;color:var(--a-deep)}.card-price{font-size:.72rem}.card-cta-group .card-cta.affiliate,.card-desc,.vertical-score{display:none}.card-cta-group .card-cta{font-size:.8rem;font-weight:700;padding:8px 12px;border:1px solid var(--c-primary);border-radius:var(--radius-sm);justify-content:center;min-height:36px;flex:1 1;text-align:center}}.section{padding:72px 0}.section:first-of-type{padding-top:56px}.hero{background:radial-gradient(circle at 85% 15%,rgba(13,148,136,.08) 1.4px,transparent 1.5px),linear-gradient(180deg,#f0f9f6,#faf7f2);background-size:30px 30px,100% 100%;color:var(--k-deep);padding:88px 0 80px}.hero-inner{display:flex;align-items:center;gap:56px}.hero-text{flex:1.1 1;min-width:0}.hero h1{font-size:clamp(2.8rem,6vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-1.5px;color:var(--k-deep);margin-bottom:18px}.hero h1 em{color:var(--c-primary);font-style:normal}.hero p{font-size:1.2rem;color:var(--k-secondary);max-width:540px;line-height:1.6}.hero .trust-line{font-size:.82rem;color:var(--k-tertiary);margin-bottom:28px}.hero .scenario-tags{justify-content:flex-start}.hero .scenario-tag{background:#ffffff;border:1px solid var(--border);color:var(--k-secondary)!important}.hero .scenario-tag:hover{border-color:var(--c-primary);color:var(--c-primary)!important}.hero-photo{flex:0.9 1;min-width:0}.hero-photo img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 24px 48px rgba(23,32,28,.16);display:block}.hero .search-bar{box-shadow:0 8px 24px rgba(23,32,28,.12);border:1px solid var(--border)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.cat-card{position:relative;gap:10px;transition:transform var(--transition)}.cat-card:hover{transform:translateY(-3px)}.cat-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);display:block;box-shadow:0 6px 18px rgba(23,32,28,.1);transition:box-shadow var(--transition)}.cat-card:hover img{box-shadow:0 14px 32px rgba(23,32,28,.16)}.cat-card h3{font-size:1.15rem}.cat-card h3 a{color:var(--k-deep)}.cat-card h3 a:after{content:"";position:absolute;inset:0}.cat-card:hover h3 a{color:var(--c-primary)}.cat-card p{font-size:.85rem}@media (max-width:900px){.hero-inner{flex-direction:column;gap:32px}.hero{padding:56px 0 48px}.hero-photo{width:100%;max-width:520px}.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.section{padding:44px 0}.hero{padding:40px 0 36px}.cat-grid{gap:12px}.cat-card h3{font-size:.95rem}.cat-card p{display:none}}@media (max-width:768px){.hero h1{font-size:clamp(1.9rem,8vw,2.4rem);letter-spacing:-.8px}}.hero{padding:72px 0 0}.hero h1 em{color:var(--k-deep);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q 30 2 60 7 T 118 6' fill='none' stroke='%23f59e0b' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 0 100% /100% .3em no-repeat;padding-bottom:.14em}.hero h1{letter-spacing:-.02em;line-height:1.03}.hero p{max-width:50ch}.hero-scene{flex:1 1;min-width:0;position:relative}.hero-scene img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);box-shadow:0 28px 56px rgba(23,32,28,.2)}.hero-scene:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(13,148,136,.1),rgba(245,158,11,.06));pointer-events:none}.float-card{position:absolute;background:#ffffff;border-radius:var(--radius-md);box-shadow:0 12px 28px rgba(23,32,28,.18);padding:10px 16px;font-size:.78rem;color:var(--k-tertiary);z-index:2}.float-card strong{display:block;font-size:1.15rem;font-weight:800;color:var(--k-deep);letter-spacing:-.3px}.fc-1{top:20px;left:-22px;transform:rotate(-3deg)}.fc-1 strong{color:var(--a-primary)}.fc-2{bottom:26px;right:-14px;transform:rotate(2deg)}.fc-2 strong{color:var(--c-primary)}.search-dock{position:relative;z-index:5;margin-top:40px;margin-bottom:-30px;transform:translateY(0)}.search-dock .search-bar{max-width:640px;margin:0;box-shadow:0 16px 40px rgba(23,32,28,.18);border:1px solid var(--border)}@media (max-width:900px){.hero-scene{width:100%;max-width:560px}.fc-1{left:10px}.fc-2{right:10px}.search-dock .search-bar{margin:0 auto}}@media (max-width:640px){.float-card{padding:7px 10px;font-size:.68rem}.float-card strong{font-size:.95rem}.search-dock{margin-top:28px;margin-bottom:-26px}}:root{--shadow-card:0 1px 2px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);--shadow-lift:0 2px 4px rgba(0,0,0,0.05),0 12px 32px rgba(0,0,0,0.09)}.section{padding:96px 0}.section:first-of-type{padding-top:64px}.best-card,.cat-card,.featured-panel,.review-card,.vertical-featured,.vs-card{box-shadow:var(--shadow-card)}.best-card,.featured-panel,.review-card,.vertical-featured,.vs-card{border-radius:16px}.hero{padding:80px 0}.hero-proof{flex:0.9 1;min-width:0;position:relative;display:flex;justify-content:center;padding:24px 0 40px}.mini-vs{width:300px;background:#ffffff;border:1px solid var(--border);border-top:3px solid var(--a-primary);border-radius:16px;box-shadow:var(--shadow-lift);padding:18px;transform:rotate(-2deg)}.mini-vs-battle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mini-side{display:flex;flex-direction:column;gap:2px}.mini-side:last-child{text-align:right}.mini-side b{font-size:.98rem;font-weight:700;color:var(--k-deep)}.mini-side i{font-style:normal;font-size:.75rem;font-weight:700;color:var(--a-deep)}.mini-badge{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--a-primary);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.5px;border-radius:100px;flex-shrink:0}.mini-verdict{font-size:.76rem;color:var(--k-secondary);line-height:1.5;margin-bottom:8px}.mini-link{font-size:.78rem;font-weight:700;color:var(--c-primary)}.mini-stat{position:absolute;right:6%;bottom:0;background:#ffffff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lift);padding:10px 16px;font-size:.72rem;color:var(--k-tertiary);transform:rotate(1.5deg)}.mini-stat strong{color:var(--a-primary);font-size:.95rem}.cat-card{background:#ffffff;border:1px solid var(--border);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:8px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.cat-card:hover{transform:translateY(-2px);border-color:var(--c-primary);box-shadow:var(--shadow-lift)}.cat-card h3{font-size:1.2rem;font-weight:700}.cat-card p{font-size:.84rem;color:var(--k-tertiary);flex:1 1}.cat-meta{font-size:.78rem;font-weight:700;color:var(--c-primary)}.cat-meta i{font-style:normal}.search-bar{border:1px solid var(--border);box-shadow:var(--shadow-card)}.search-bar:focus-within{border-color:var(--c-primary);box-shadow:var(--shadow-lift)}@media (max-width:900px){.hero-proof{width:100%;max-width:400px;padding:8px 0 36px}.mini-vs{width:280px}}@media (max-width:640px){.section{padding:48px 0}.cat-card{padding:14px 16px}.cat-card h3{font-size:.95rem}.cat-card p{display:none}}