:root{--bg:#fff;--fg:#0b0b0c;--muted:#56565c;--accent:#dc2626;--accent-dark:#a91b1b;--border:#e7e7e9;--soft:#f6f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}img{max-width:100%;height:auto}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{letter-spacing:-.035em;margin:0 0 18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:900;line-height:1.08}h1{max-width:900px;font-size:clamp(34px,5.4vw,62px)}h2{margin-top:0;font-size:clamp(25px,3.3vw,38px)}h3{letter-spacing:-.02em;font-size:21px}p{margin:0 0 16px}ul,ol{padding-left:22px}li{margin:6px 0}.skip{background:var(--fg);color:#fff;z-index:50;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip:focus{top:12px;left:12px}.site-header{border-bottom:1px solid var(--border);background:#fff;padding:20px 0}.site-header .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.logo{color:var(--fg);letter-spacing:-.03em;align-items:center;gap:11px;font-size:19px;font-weight:900;display:flex}.logo:hover{text-decoration:none}.logo-mark{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:900;display:flex}.nav{flex-wrap:wrap;gap:22px;font-size:15px;font-weight:600;display:flex}.nav a{color:var(--fg)}.nav a:hover{color:var(--accent);text-decoration:none}main{padding-bottom:24px}.hero{border-bottom:1px solid var(--border);margin-bottom:48px;padding:clamp(44px,7vw,86px) 0 32px}.hero h1{margin-bottom:22px}.hero p{color:var(--muted);max-width:760px;font-size:clamp(17px,1.5vw,20px)}.hero .accent-line{background:var(--accent);width:76px;height:6px;margin:0 0 26px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:7px;margin:22px 0 26px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted)}.breadcrumbs .sep{color:#b5b5ba}.page-head{padding:8px 0 22px}.page-head h1{margin-bottom:16px}.lede{color:var(--muted);max-width:860px;font-size:clamp(17px,1.45vw,19px)}.section{margin:54px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.section-head h2{margin-bottom:0}.section-link{font-size:15px;font-weight:700}.tool-list{border-top:2px solid var(--fg)}.tool-row{border-bottom:1px solid var(--border);grid-template-columns:44px 56px minmax(0,1fr) auto;align-items:start;gap:18px;padding:24px 0;display:grid}.rank{color:#9a9aa1;padding-top:4px;font-size:20px;font-weight:900}.tool-logo{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:25px;font-weight:900;line-height:1;display:flex;position:relative;overflow:hidden}.tool-logo img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.tool-main{min-width:0}.tool-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.tool-top h3{margin:0;font-size:clamp(19px,2vw,23px)}.rating{color:var(--accent);letter-spacing:-.05em;font-size:clamp(30px,4vw,42px);font-weight:900;line-height:.95}.tool-short{color:#303035;margin:7px 0 9px}.tool-meta{color:var(--muted);flex-wrap:wrap;gap:5px 16px;font-size:14px;display:flex}.tool-meta span+span:before{content:"·";color:#c5c5cb;margin-right:16px}.badges{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.badge{background:var(--soft);color:#2a2a2f;border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-block}.badge:hover{border-color:var(--accent);color:var(--accent);background:#fff;text-decoration:none}.badge.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.tool-cta{align-self:center}.visit{border:1px solid var(--fg);color:var(--fg);white-space:nowrap;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-block}.visit:hover{background:var(--fg);color:#fff;text-decoration:none}.sortbar{color:var(--muted);align-items:center;gap:10px;margin:0 0 14px;font-size:14px;display:flex}.sortbar select{font:inherit;color:var(--fg);background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.cat-card{border-top:3px solid var(--fg);color:var(--fg);padding:20px 0 0;display:block}.cat-card:hover{text-decoration:none}.cat-card:hover h3{color:var(--accent)}.cat-card h3{margin:0 0 8px;font-size:21px}.cat-card .meta{color:var(--muted);font-size:14px}.cat-card p{color:var(--muted);margin-top:9px;font-size:14px}.card{border:1px solid var(--border);background:#fff;border-radius:16px;margin:20px 0;padding:24px}.card-head{flex-wrap:wrap;align-items:flex-start;gap:22px;display:flex}.fact{min-width:110px}.fact .label{color:var(--muted);margin-bottom:2px;font-size:12px}.fact .value{font-size:17px;font-weight:800}.faq{margin:36px 0}.faq details{border-top:1px solid var(--border);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;font-size:17px;font-weight:800}.faq summary:hover{color:var(--accent)}.faq p{color:#333338;margin:10px 0 0}.filterbox{border:1px solid var(--border);background:var(--soft);border-radius:14px;margin:22px 0;padding:18px 20px}.filterbox h2,.filterbox h3{letter-spacing:-.01em;margin:0 0 10px;font-size:17px}.filterbox .badges{margin-top:0}.table-wrap{border:1px solid var(--border);border-radius:12px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px}th{background:var(--soft);font-weight:800}tr:last-child td{border-bottom:0}.article-body{max-width:780px}.article-body h2{margin-top:34px;font-size:28px}.article-body h3{margin-top:26px;font-size:21px}.article-body p,.article-body li{font-size:17px}.article-meta{color:var(--muted);margin-bottom:22px;font-size:14px}.review-empty{color:var(--muted);border:1px dashed #cfcfd4;border-radius:14px;padding:22px}.review-form{opacity:.55;pointer-events:none}.review-form input,.review-form textarea{border:1px solid var(--border);width:100%;font:inherit;background:var(--soft);border-radius:8px;margin:6px 0;padding:10px}.article-list{border-top:2px solid var(--fg);padding:0;list-style:none}.article-list li{border-bottom:1px solid var(--border);margin:0;padding:18px 0}.article-list a{color:var(--fg);font-size:20px;font-weight:800}.article-list a:hover{color:var(--accent)}.article-list .meta{color:var(--muted);margin-top:5px;font-size:14px}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:64px;padding:44px 0;font-size:14px}footer .cols{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:30px;display:grid}footer h4{color:var(--fg);letter-spacing:0;margin:0 0 12px;font-size:14px}footer ul{margin:0;padding:0;list-style:none}footer li{margin:6px 0}.foot-note{color:#8a8a91;margin-top:30px}.notfound{padding:60px 0}@media (width<=760px){.container{padding:0 18px}.tool-row{grid-template-columns:34px 44px minmax(0,1fr);gap:12px}.tool-logo{width:42px;height:42px;font-size:20px}.tool-cta{grid-column:3;justify-self:start}}@media (width<=520px){body{font-size:15px}.container{padding:0 16px}.site-header{padding:15px 0}.nav{gap:14px;font-size:14px}.hero{margin-bottom:34px;padding-top:36px}.tool-row{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:20px 0}.tool-logo{display:none}.tool-main{grid-column:2}.tool-top h3{font-size:19px}.rating{font-size:29px}.tool-cta{grid-column:2}.tool-meta span+span:before{display:none}.tool-meta{gap:3px 12px;font-size:13px}.grid{grid-template-columns:1fr}.card{padding:18px}.card-head{gap:16px}h1{font-size:clamp(30px,9vw,42px)}}