:root{--bg:#fff;--bg-2:#f7f9fc;--panel:#fff;--panel-2:#f4f7fb;--line:#0f172a17;--line-2:#0f172a26;--ink:#0f172a;--ink-dim:#4b5768;--ink-faint:#8a93a3;--accent:#059669;--accent-deep:#047857;--accent-ink:#fff;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--soft:color-mix(in srgb, var(--accent) 9%, transparent);--soft-2:color-mix(in srgb, var(--accent) 14%, transparent);--ring:color-mix(in srgb, var(--accent) 30%, transparent);--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--shadow-lift:0 4px 10px #0f172a0f, 0 18px 40px #0f172a1a}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;height:70px;display:flex;position:relative}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-size:20px;font-weight:800;display:flex}.logo-mark{background:var(--accent);border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.logo-mark svg{stroke:var(--accent-ink)}.brand .tp{color:var(--ink)}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:var(--ink-dim);border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600;transition:color .15s,background .15s}.nav-links a:hover{color:var(--ink);background:var(--panel-2)}.nav-cta{background:var(--accent);border-radius:9px;font-size:14px;font-weight:700;color:var(--accent-ink)!important;padding:10px 18px!important}.nav-cta:hover{background:var(--accent-deep)!important}.nav-toggle{color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:-6px;padding:6px;display:none}.nav-toggle svg{stroke:currentColor;fill:none}.mobile-menu{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7}.mobile-menu .wrap{flex-direction:column;padding-top:6px;padding-bottom:18px;display:flex}.mobile-menu a{color:var(--ink-dim);border-bottom:1px solid var(--line);padding:14px 2px;font-size:16px;font-weight:600}.mobile-menu a:active{color:var(--ink)}.mobile-menu a[aria-current=page]{color:var(--accent-deep)}.mobile-menu .mobile-cta{background:var(--accent);text-align:center;border-bottom:0;border-radius:10px;margin-top:14px;padding:15px;font-weight:700;color:var(--accent-ink)!important}.nav-search{margin-left:4px;position:relative}.search-ico{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.nav-search input{width:190px;font-family:var(--font);color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:8px 10px 8px 31px;font-size:13.5px;transition:width .18s,border-color .14s,box-shadow .14s,background .14s}.nav-search input::placeholder{color:var(--ink-faint)}.nav-search input:focus{background:var(--panel);border-color:var(--accent);width:250px;box-shadow:0 0 0 3px var(--ring);outline:none}.nav-search input::-webkit-search-cancel-button{cursor:pointer}.nav-results{z-index:70;background:var(--panel);border:1px solid var(--line);width:320px;box-shadow:var(--shadow-lift);border-radius:12px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.nav-results a,.m-results a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding:10px 13px;display:flex}.nav-results a:last-child,.m-results a:last-child{border-bottom:0}.nav-results a:hover,.m-results a:hover{background:var(--panel-2)}.nr-label{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.35}.nav-results a:hover .nr-label,.m-results a:hover .nr-label{color:var(--accent-deep)}.nr-kind{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--accent-deep);background:var(--soft);border-radius:4px;flex:none;padding:2px 6px;font-size:10px}.m-search{margin:10px 0 4px;position:relative}.m-search input{width:100%;font-family:var(--font);color:var(--ink);background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:12px 12px 12px 33px;font-size:15px}.m-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.m-results{border:1px solid var(--line);border-radius:12px;margin-bottom:8px;overflow:hidden}.nav .nav-links{position:static}.nav-trigger{font-family:var(--font);color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.nav-trigger:hover,.nav-trigger.on{color:var(--ink);background:var(--panel-2)}.chev{transition:transform .15s}.chev.up{transform:rotate(180deg)}.mega{z-index:60;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-top:0;border-radius:0 0 16px 16px;position:absolute;top:calc(100% + 1px);left:0;right:0;overflow:hidden}.mega-inner{grid-template-columns:repeat(4,1fr);gap:10px 26px;padding:26px 28px 22px;display:grid}.nav-item{position:relative}.mega-narrow{border-top:1px solid var(--line);border-radius:12px;width:232px;top:calc(100% + 6px);left:0;right:auto}.mega-wide{width:288px}.mega-stack{flex-direction:column;padding:10px;display:flex}.mega-stack-item{color:var(--ink-dim);border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600;transition:background .13s,color .13s}.mega-stack-item:hover{background:var(--panel-2);color:var(--accent-deep)}.mega-stack .mega-rich{border-radius:8px;padding:9px 12px;transition:background .13s}.mega-stack .mega-rich:hover{background:var(--panel-2)}.mega-narrow .mega-foot{padding:11px 22px}.mega-col{flex-direction:column;display:flex}.mega-col-title{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;font-size:11px}.mega-col a{color:var(--ink-dim);padding:6px 0;font-size:14px;transition:color .13s}.mega-col a:hover{color:var(--accent-deep)}.mega-foot{border-top:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;gap:8px 26px;padding:13px 28px;display:flex}.mega-foot a{color:var(--accent-deep);font-size:13px;font-weight:700}.mega-rich{padding:10px 0;display:block}.mega-rich-label{color:var(--ink);font-size:14px;font-weight:700;display:block}.mega-rich-hint{color:var(--ink-faint);margin-top:2px;font-size:12px;display:block}.mega-rich:hover .mega-rich-label{color:var(--accent-deep)}.mobile-menu .m-acc{border-bottom:1px solid var(--line)}.mobile-menu .m-acc>summary{cursor:pointer;color:var(--ink);padding:15px 2px;font-size:16px;font-weight:700;list-style:none;position:relative}.mobile-menu .m-acc>summary::-webkit-details-marker{display:none}.mobile-menu .m-acc>summary:after{content:"+";color:var(--ink-faint);font-size:20px;position:absolute;top:13px;right:4px}.mobile-menu .m-acc[open]>summary:after{content:"−"}.mobile-menu .m-acc-body{flex-direction:column;padding:2px 2px 14px;display:flex}.mobile-menu .m-acc-body a{color:var(--ink-dim);border-bottom:0;padding:9px 0;font-size:15px;font-weight:500}.mobile-menu .m-acc-group{margin-bottom:8px}.mobile-menu .m-acc-grouptitle{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);margin:8px 0 2px;font-size:10px}.mobile-menu .m-acc-all{color:var(--accent-deep)!important;font-weight:700!important}.mobile-menu .m-flat{color:var(--ink-dim);border-bottom:1px solid var(--line);padding:15px 2px;font-size:16px;font-weight:700}.hero{padding:62px 0 46px;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(680px 420px at 78% -10%, var(--soft-2), transparent 62%), radial-gradient(560px 380px at 8% 10%, var(--soft), transparent 60%);position:absolute;inset:0}.eyebrow{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-deep);border:1px solid var(--ring);background:var(--soft);border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 13px;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-1.3px;max-width:19ch;margin-bottom:20px;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.06}.hero h1 em{color:var(--accent);font-style:normal}.hero p.sub{color:var(--ink-dim);max-width:60ch;margin-bottom:34px;font-size:clamp(16px,2.1vw,19px)}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:14px 26px;font-size:15px;font-weight:700;transition:transform .14s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn-primary{color:var(--accent-ink);background:var(--accent);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 28%, transparent)}.btn-primary:hover{background:var(--accent-deep);transform:translateY(-2px)}.btn-ghost{color:var(--ink);border-color:var(--line-2);background:var(--panel)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-deep);transform:translateY(-2px)}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.trust-grid{grid-template-columns:repeat(4,1fr);display:grid}.trust-item{border-left:1px solid var(--line);align-items:center;gap:12px;padding:22px 20px;display:flex}.trust-item:first-child{border-left:0}.trust-item svg{stroke:var(--accent);flex:none}.trust-item .t{font-size:14px;font-weight:700}.trust-item .d{color:var(--ink-faint);font-size:12px}.section{padding:66px 0 8px}.section-head{margin-bottom:28px}.kicker{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-deep);margin-bottom:10px;font-size:12px}.section-head h2{letter-spacing:-.8px;font-size:clamp(26px,4vw,38px);font-weight:800}.section-head p{color:var(--ink-dim);max-width:54ch;margin-top:8px;font-size:15px}.featured{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1.1fr 1fr;gap:0;display:grid;overflow:hidden}.featured .left{border-right:1px solid var(--line);padding:34px}.featured .badge{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:6px;margin-bottom:18px;padding:5px 11px;font-size:11px;display:inline-block}.vs-title{letter-spacing:-.6px;margin-bottom:8px;font-size:30px;font-weight:800}.vs-title span{color:var(--ink-faint);font-weight:600}.verdict{color:var(--ink-dim);margin-bottom:26px;font-size:16px;line-height:1.6}.verdict b{color:var(--ink);font-weight:700}.read-link{color:var(--accent-deep);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.read-link svg{transition:transform .15s}.read-link:hover svg{transform:translate(4px)}.featured .right{background:var(--panel-2);padding:30px}.cmp-table{width:100%}.cmp-head{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:10px;padding-bottom:14px;display:grid}.cmp-head span{font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.cmp-head span:first-child{color:#0000}.cmp-head .prod{color:var(--ink);letter-spacing:-.2px;font-weight:700;font-family:var(--font);text-transform:none;font-size:14px}.cmp-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;padding:16px 0;display:grid}.cmp-row:last-child{border-bottom:0}.cmp-row .lab{color:var(--ink-faint);font-size:13px}.cmp-row .val{color:var(--ink);font-size:14px;font-weight:600}.cmp-row .val.price{color:var(--accent-deep);font-family:var(--mono);font-size:15px}.tp-pricing-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.tp-pricing-head .tp-asof{color:var(--ink-faint);font-size:11.5px}.plans{background:var(--line);border-radius:10px;gap:1px;display:grid;overflow:hidden}.plan{background:var(--panel);grid-template-columns:minmax(110px,.9fr) 1.6fr;align-items:baseline;gap:14px;padding:11px 14px;display:grid}.plan-name{color:var(--ink);letter-spacing:-.1px;font-size:13.5px;font-weight:700}.plan-price{flex-direction:column;gap:2px;min-width:0;display:flex}.plan-figure{color:var(--accent-deep);font-size:14px;font-weight:600}.plan-note{color:var(--ink-dim);font-size:12.5px;line-height:1.5}.plan-catch{color:var(--ink-dim);margin-top:11px;padding-left:13px;font-size:12.5px;line-height:1.6}@media (max-width:520px){.plan{grid-template-columns:1fr;gap:3px}}.pc{grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 30px;display:grid}.pc-col{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:17px 19px}.pc-head{letter-spacing:-.1px;align-items:center;gap:7px;margin-bottom:10px;font-size:14px;display:flex}.pc-pro .pc-head{color:var(--accent-deep)}.pc-con .pc-head{color:#9a3412}.pc-head svg{flex:none}.pc ul{gap:8px;list-style:none;display:grid}.pc li{color:var(--ink-dim);padding-left:15px;font-size:13.5px;line-height:1.55;position:relative}.pc li:before{content:"";background:var(--line-2);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.pc-pro li:before{background:var(--accent)}.pc-con li:before{background:#c2410c}@media (max-width:640px){.pc{grid-template-columns:1fr}}.matters{margin:34px 0 8px}.matters h2{letter-spacing:-.4px;margin-bottom:16px;font-size:21px}.matters h3{letter-spacing:-.2px;margin:20px 0 7px;font-size:16px}.matters p{color:var(--ink-dim);font-size:14.5px;line-height:1.7}.rank-method{color:var(--ink-faint);margin-top:26px;font-size:13px}.rank-method a{color:var(--accent-deep);font-weight:600}.rank-method a:hover{text-decoration:underline}.rank-grid{grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:12px;display:grid}.rank-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:13px;padding:17px 18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:block}.rank-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.rank-cat{letter-spacing:-.2px;font-size:15.5px;font-weight:700}.rank-card:hover .rank-cat{color:var(--accent-deep)}.rank-count{color:var(--ink-faint);margin-top:2px;font-size:12px}.rank-picks{border-top:1px solid var(--line);gap:6px;margin-top:12px;padding-top:10px;display:grid}.rank-pick{align-items:baseline;gap:8px;display:flex}.rank-pick-lens{width:108px;font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:10px}.rank-pick-name{color:var(--ink);font-size:13px;font-weight:600}.winners{margin:26px 0 30px}.winners-title{letter-spacing:-.2px;margin-bottom:12px;font-size:15px}.winners-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;display:grid}.winner{border:1px solid var(--line);background:var(--bg-2);border-radius:11px;padding:13px 15px}.winner-lens{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px;font-size:10px}.winner-name{letter-spacing:-.2px;color:var(--accent-deep);font-size:14.5px;font-weight:700}.winner-name:hover{text-decoration:underline}.lens-bar{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px;display:flex}.lens-bar-label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);margin-right:4px;font-size:11px}.lens-chip{font-family:var(--font);color:var(--ink-dim);cursor:pointer;background:var(--panel);border:1px solid var(--line-2);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;transition:all .13s}.lens-chip:hover{border-color:var(--accent);color:var(--accent-deep)}.lens-chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.lens-rule{color:var(--ink-dim);background:var(--bg-2);border-radius:11px;margin-bottom:18px;padding:13px 16px;font-size:13.5px;line-height:1.6}.lens-rule strong{color:var(--ink)}.lens-list{gap:9px;list-style:none;display:grid}.lens-row{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:13px;padding:14px 16px;display:flex}.lens-row.muted{background:var(--bg-2);box-shadow:none}.lens-rank{width:24px;font-family:var(--mono);color:var(--ink-faint);text-align:center;flex:none;font-size:15px;font-weight:700}.lens-row:first-child .lens-rank{color:var(--accent-deep)}.lens-body{flex-direction:column;flex:1;min-width:0;display:flex}.lens-name{letter-spacing:-.2px;color:var(--ink);font-size:15px;font-weight:700}.lens-name:hover{color:var(--accent-deep)}.lens-because{color:var(--ink-dim);margin-top:3px;font-size:13px;line-height:1.45}.lens-meta{color:var(--ink-faint);margin-top:4px;font-size:12px;line-height:1.45}.lens-cta{color:var(--accent-deep);border:1px solid var(--ring);border-radius:8px;flex:none;padding:7px 12px;font-size:12.5px;font-weight:700}.lens-cta:hover{background:var(--soft)}@media (max-width:560px){.lens-row{flex-wrap:wrap}.lens-cta{margin-left:37px}.rank-pick-lens{width:92px}}.related{border-top:1px solid var(--line);margin-top:42px;padding-top:30px}.related>h3{letter-spacing:-.3px;margin-bottom:20px;font-size:19px}.related-group{margin-bottom:26px}.related-head{align-items:center;gap:10px;margin-bottom:11px;display:flex}.related-brand{letter-spacing:-.2px;font-size:15px;font-weight:700}.related-all{color:var(--accent-deep);margin-left:auto;font-size:12.5px;font-weight:700}.related-all:hover{text-decoration:underline}.related-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:9px;display:grid}.related-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;flex-direction:column;gap:5px;padding:13px 15px;transition:border-color .16s,transform .16s;display:flex}.related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.related-kind{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--accent-deep);font-size:10px}.related-title{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.4}.related-card:hover .related-title{color:var(--accent-deep)}@media (max-width:560px){.related-all{flex-basis:100%;margin-left:0}.related-head{flex-wrap:wrap}}.tdir-cats{margin:22px 0 30px;display:block}.tdir-catgroup{margin-bottom:20px}.tdir-catgroup-title{font-family:var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;font-size:11px}.tdir-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px;display:grid}.tdir-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:13px;flex-direction:column;padding:17px 18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.tdir-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tdir-head{align-items:center;gap:11px;display:flex}.tdir-id{min-width:0}.tdir-name{letter-spacing:-.2px;color:var(--ink);font-size:15.5px;font-weight:700;line-height:1.25}.tdir-card:hover .tdir-name{color:var(--accent-deep)}.tdir-cat{color:var(--ink-faint);margin-top:2px;font-size:12px}.tdir-price{color:var(--ink-dim);margin:11px 0 14px;font-size:12.5px;line-height:1.5}.tdir-foot{color:var(--accent-deep);align-items:center;gap:3px;margin-top:auto;font-size:12.5px;font-weight:700;display:flex}.tdir-foot svg{stroke:currentColor;transition:transform .16s}.tdir-card:hover .tdir-foot svg{transform:translate(3px)}.ctile-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;display:grid}.ctile-grid-lg{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.ctile{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:12px;padding:13px 15px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.ctile:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.ctile-lg{align-items:flex-start;padding:17px 18px}.ctile-icon{background:var(--soft);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:background .16s;display:flex}.ctile-icon svg{stroke:var(--accent-deep);fill:none}.ctile:hover .ctile-icon{background:var(--soft-2)}.ctile-body{flex-direction:column;min-width:0;display:flex}.ctile-name{letter-spacing:-.2px;color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.3}.ctile:hover .ctile-name{color:var(--accent-deep)}.ctile-blurb{color:var(--ink-dim);margin-top:4px;font-size:12.5px;line-height:1.5}.ctile-count{color:var(--ink-faint);margin-top:3px;font-size:12px}.ctile-lg .ctile-count{color:var(--accent-deep);margin-top:7px;font-weight:600}.home-catgroup{margin-bottom:22px}.home-catgroup-title{font-family:var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;font-size:11px}.tool-mark{letter-spacing:-.4px;flex:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 -1px #00000021}.tool-mark-logo{border:1px solid var(--line);background:#fff;padding:3px;box-shadow:0 1px 2px #0f172a0f}.tool-mark-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-row{flex:none;align-items:center;gap:5px;display:inline-flex}.brand-row .tool-mark{margin:0}.brand-row-more{font-family:var(--mono);color:var(--ink-faint);margin-left:1px;font-size:11px;font-weight:700}.versus-mark{flex:none;align-items:center;gap:6px;display:inline-flex}.versus-vs{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--ink-faint);font-size:10px;font-weight:700}.pop-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pop-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.pop-card .pop-card-text{flex:auto;min-width:0}.pop-card.has-mark{grid-template-columns:1fr auto;grid-template-areas:"marks marks""text arrow";align-items:end;gap:12px 14px;display:grid}.pop-card.has-mark .brand-row{grid-area:marks}.pop-card.has-mark .pop-card-text{grid-area:text}.pop-card.has-mark .arrow{grid-area:arrow;align-self:end;margin-bottom:2px}.pop-card:hover{border-color:var(--ring);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.pop-card .name{letter-spacing:-.3px;font-size:17px;font-weight:700}.pop-card .tag{color:var(--ink-faint);margin-top:3px;font-size:13px}.pop-card .arrow{color:var(--ink-faint);flex:none;transition:color .16s,transform .16s}.pop-card:hover .arrow{color:var(--accent);transform:translate(3px)}.trade-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.trade-tile{border:1px solid var(--line);background:var(--panel);text-align:center;box-shadow:var(--shadow);border-radius:16px;padding:24px 18px;transition:border-color .16s,transform .16s,box-shadow .16s}.trade-tile:hover{border-color:var(--ring);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.trade-icon{background:var(--soft-2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;display:flex}.trade-icon svg{stroke:var(--accent-deep)}.trade-tile .label{font-size:15px;font-weight:700}.trade-tile .count{color:var(--ink-faint);margin-top:4px;font-size:12px}footer{border-top:1px solid var(--line);background:var(--bg-2);margin-top:80px}.foot{padding:46px 0 40px}.foot-top{flex-wrap:wrap;justify-content:space-between;gap:30px;margin-bottom:30px;display:flex}.foot-brand{max-width:40ch}.foot-brand .brand{margin-bottom:14px}.foot-disc{color:var(--ink-faint);font-size:13px;line-height:1.65}.foot-links{flex-wrap:wrap;gap:40px;display:flex}.foot-col h4{letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-family:var(--mono);margin-bottom:14px}.foot-col a{color:var(--ink-dim);margin-bottom:10px;font-size:14px;display:block}.foot-col a:hover{color:var(--accent-deep)}.foot-bottom{border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:13px;display:flex}.article{max-width:780px;margin:0 auto;padding:54px 24px 8px}.article .disc{color:var(--ink-faint);border-top:1px solid var(--line);margin-bottom:26px;padding-top:12px;font-size:13px;line-height:1.6}.article .disc a{color:var(--accent-deep);font-weight:600}.article h1{letter-spacing:-1px;margin-bottom:22px;font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.08}.article .verdict-block{border:0;border-top:2px solid var(--accent);background:0 0;border-radius:0;margin:6px 0 34px;padding:15px 0 0}.article .verdict-label{font-family:var(--mono);letter-spacing:1.3px;text-transform:uppercase;color:var(--accent-deep);margin-bottom:10px;font-size:11px;font-weight:700}.article .verdict-block p{color:var(--ink-dim);margin-bottom:14px;font-size:17px;line-height:1.68}.article .body h2,.article h2{padding-top:4px;position:relative}.article h2{letter-spacing:-.5px;margin:42px 0 14px;font-size:25px;font-weight:800}.article .body p{color:var(--ink-dim);margin-bottom:16px;font-size:17px;line-height:1.72}.article>p{color:var(--ink-dim);margin-bottom:18px;font-size:17px;line-height:1.72}.article>p:last-child{margin-bottom:0}.article>p a{color:var(--accent-deep);font-weight:600}.article strong{color:var(--ink);font-weight:700}.article .body a,.article .verdict-block a{color:var(--accent-deep);font-weight:600}.gtable{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:14px;margin:6px 0;overflow:hidden}.gtable .grow{border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:12px;padding:14px 18px;display:grid}.gtable .grow:last-child{border-bottom:0}.gtable .ghead{background:var(--panel-2)}.gtable .ghead span{color:var(--ink);font-size:14px;font-weight:700}.gtable .ghead span:first-child{color:#0000}.gtable .lab{color:var(--ink-faint);font-size:13px}.gtable .v{color:var(--ink);font-size:14px;font-weight:600}.quotes{margin:8px 0}.quote-card{background:0 0;border:0;border-radius:0;margin:22px 0;padding:0 0 0 33px;position:relative}.quote-card:before{content:"“";color:var(--ring);pointer-events:none;font:700 46px/1 Georgia,Times New Roman,serif;position:absolute;top:-14px;left:-2px}.quote-card+.quote-card{border-top:1px solid var(--line);padding-top:22px}.quote-card+.quote-card:before{top:8px}.quote-card .q{color:var(--ink);font-size:16px;line-height:1.6}.quote-card .cite{color:var(--ink-faint);margin-top:8px;font-size:13px}.quote-card .cite a{color:var(--accent-deep);font-weight:600}.cta-row{flex-wrap:wrap;gap:12px;margin:22px 0 6px;display:flex}.article .how{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:42px;padding-top:22px;font-size:14px;line-height:1.72}.article .how h3{color:var(--ink);margin-bottom:8px;font-size:15px}.article .how a{color:var(--accent-deep);font-weight:600}.article .reviewed{color:var(--ink-faint);margin-top:6px;font-size:13px}.tool-page{max-width:860px}.tp-title{align-items:center;gap:15px;margin-bottom:14px;display:flex}.tp-title h1{margin-bottom:0}.tp-title .tp-vendor{margin-top:3px;margin-bottom:0}.tp-cats{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.tp-cat{text-transform:uppercase;letter-spacing:.6px;color:var(--accent-deep);background:var(--soft);border:1px solid var(--ring);border-radius:999px;align-items:center;gap:5px;padding:4px 11px 4px 9px;font-size:11px;font-weight:700;display:inline-flex}.tp-cat svg{stroke:currentColor;fill:none;flex:none}.tp-cat:hover{background:var(--soft-2)}.tool-page h1{margin-bottom:4px}.tp-vendor{color:var(--ink-faint);margin-bottom:14px;font-size:15px}.tp-pricing{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;margin:8px 0 22px;padding:18px 22px}.tp-pricing-label{text-transform:uppercase;letter-spacing:.7px;color:var(--ink-faint);margin-bottom:7px;font-size:11px;font-weight:700}.tp-pricing p{color:var(--ink);font-size:16px;line-height:1.6}.tp-asof{color:var(--ink-faint)}.tp-note{background:var(--soft);border:1px solid var(--ring);color:var(--ink-dim);border-radius:14px;margin-bottom:22px;padding:18px 22px;font-size:15px;line-height:1.65}.tp-section{margin-top:38px}.tp-section h2{letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:800}.tp-sub{color:var(--ink-dim);margin-bottom:16px;font-size:15px;line-height:1.6}.tp-traits{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-top:14px;overflow:hidden}.tp-tgroup-title{font-family:var(--mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--accent-deep);background:var(--panel-2);border-bottom:1px solid var(--line);padding:10px 18px;font-size:11px;font-weight:700}.tp-trow{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:baseline;gap:16px;padding:13px 18px;display:grid}.tp-trow:last-child{border-bottom:0}.tp-tname{color:var(--ink);font-size:14px;font-weight:700;display:block}.tp-thelp{color:var(--ink-faint);margin-top:2px;font-size:12px;line-height:1.45;display:block}.tp-tval{color:var(--ink);align-items:baseline;gap:8px;font-size:14px;display:flex}.tp-tsym{text-align:center;flex:none;width:15px;font-weight:800}.tp-trow.lvl-yes .tp-tsym{color:var(--accent)}.tp-trow.lvl-addon .tp-tsym{color:#b45309}.tp-trow.lvl-limited .tp-tsym,.tp-trow.lvl-no .tp-tsym,.tp-trow.lvl-no .tp-tval{color:var(--ink-faint)}.tp-alts{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.tp-alt{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:13px;flex-direction:column;padding:15px 17px;transition:border-color .14s,transform .14s;display:flex}.tp-alt:hover{border-color:var(--accent);transform:translateY(-2px)}.tp-alt-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tp-alt-name{letter-spacing:-.2px;color:var(--ink);font-size:16px;font-weight:800}.tp-alt:hover .tp-alt-name{color:var(--accent-deep)}.tp-alt-sum{color:var(--ink-dim);margin-top:6px;font-size:13px;line-height:1.5}.tp-alt-price{color:var(--ink-faint);margin-top:8px;font-size:12.5px;line-height:1.5}@media (max-width:560px){.tp-trow{grid-template-columns:1fr;gap:5px}}.cat-eyebrow{font-family:var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-deep);margin-bottom:10px;font-size:12px}.cat-group{margin-bottom:30px}.cat-group-title{font-size:15px;font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 14px}.cat-tools{flex-direction:column;gap:14px;margin-top:6px;display:flex}.cat-tool{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;padding:20px 22px}.cat-tool-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.cat-tool-name{letter-spacing:-.3px;font-size:19px;font-weight:800;transition:color .13s}a.cat-tool-name:hover{color:var(--accent-deep);text-underline-offset:3px;text-decoration:underline}.cat-tool-vendor{color:var(--ink-faint);font-size:13px}.cat-tool-sum{color:var(--ink-dim);margin:8px 0 0;font-size:15px;line-height:1.6}.cat-tool-price{color:var(--ink);margin:10px 0 0;font-size:14px}.cat-tool-asof{color:var(--ink-faint)}.tl-related{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.tl-chev{opacity:.75;flex:none;transition:transform .14s}.tl-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tl-action{color:var(--accent-ink);background:var(--accent);border-radius:8px;align-items:center;gap:5px;padding:8px 13px;font-size:13.5px;font-weight:700;transition:background .14s,transform .14s;display:inline-flex}.tl-action:hover{background:var(--accent-deep);transform:translateY(-1px)}.tl-action:hover .tl-chev{transform:translate(2px)}.tl-compare-head{text-transform:uppercase;letter-spacing:.7px;color:var(--ink-faint);margin-bottom:9px;font-size:11px;font-weight:700}.tl-compare-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:7px;display:grid}.tl-vs{min-width:0;color:var(--accent-deep);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:13.5px;font-weight:600;transition:border-color .14s,background .14s,color .14s;display:flex}.tl-vs:hover{background:var(--soft);border-color:var(--accent)}.tl-vs:hover .tl-chev{transform:translate(2px)}.tl-vs-tag{font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:4px;flex:none;padding:2px 5px;font-size:10px;font-weight:700}.tl-vs-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.tl-alt{color:var(--accent-deep);align-items:center;gap:5px;margin-top:13px;font-size:13.5px;font-weight:700;display:inline-flex}.tl-alt:hover{text-underline-offset:3px;text-decoration:underline}.tl-alt:hover .tl-chev{transform:translate(2px)}@media (max-width:560px){.tl-compare-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.tool-cta{background:var(--soft);border:1px solid var(--ring);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 26px;padding:20px 24px;transition:border-color .15s,transform .15s;display:flex}.tool-cta:hover{border-color:var(--accent);transform:translateY(-1px)}.tool-cta strong{color:var(--ink);margin-bottom:3px;font-size:16px;display:block}.tool-cta span{color:var(--ink-dim);font-size:14px}.tool-cta .tool-cta-go{color:var(--accent-deep);white-space:nowrap;font-size:15px;font-weight:700}.tool-compare-page{max-width:1040px}.tool-compare{margin-top:8px}.tc-catbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.tc-catbar label{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-faint);font-size:13px;font-weight:700}.tc-catbar select{font-family:var(--font);color:var(--ink);background:var(--panel);border:1px solid var(--line-2);cursor:pointer;border-radius:10px;min-width:220px;padding:10px 14px;font-size:15px;font-weight:600}.tc-catbar select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.tc-pick{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:9px;display:grid}.tc-tile{text-align:left;min-width:0;font-family:var(--font);cursor:pointer;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s;display:flex}.tc-tile:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.tc-tile-name{min-width:0;color:var(--ink);letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.tc-tile-mark{border:1px solid var(--line-2);width:20px;height:20px;color:var(--ink-faint);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:all .14s;display:flex}.tc-tile.on{border-color:var(--accent);background:var(--soft)}.tc-tile.on .tc-tile-name{color:var(--accent-deep);font-weight:700}.tc-tile.on .tc-tile-mark{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tc-tile:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}@media (max-width:520px){.tc-pick{grid-template-columns:1fr 1fr}.tc-tile-name{font-size:13px}}.tc-hint{color:var(--ink-faint);margin:10px 0 18px;font-size:13px}.tc-scroll{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;overflow-x:auto}.tc-table{background:var(--panel);min-width:100%;display:grid}.tc-group,.tc-row{display:contents}.tc-cell{border-bottom:1px solid var(--line);min-width:0;padding:13px 16px}.tc-headrow .tc-cell{z-index:2;background:var(--panel);border-bottom:2px solid var(--line-2);position:sticky;top:0}.tc-toolhead{align-items:center;gap:8px;display:flex}.tc-toolhead .tc-name{letter-spacing:-.2px;color:var(--ink);font-size:15px;font-weight:800}.tc-corner{background:var(--panel)}.tc-grouplabel{font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-deep);background:var(--panel-2);border-bottom:1px solid var(--line);padding:10px 16px;font-size:11px;font-weight:700}.tc-trait,.tc-corner{z-index:1;background:var(--panel);border-right:1px solid var(--line);position:sticky;left:0}.tc-headrow .tc-corner{z-index:3}.tc-traitlabel{color:var(--ink);font-size:14px;font-weight:700;display:block}.tc-traithelp{color:var(--ink-faint);margin-top:3px;font-size:12px;line-height:1.45;display:block}.tc-val{color:var(--ink-dim);align-items:baseline;gap:8px;font-size:14px;display:flex}.tc-val .tc-sym{text-align:center;flex:none;width:16px;font-size:14px;font-weight:800}.tc-val.lvl-yes .tc-sym{color:var(--accent)}.tc-val.lvl-addon .tc-sym{color:#b45309}.tc-val.lvl-limited .tc-sym,.tc-val.lvl-no,.tc-val.lvl-no .tc-sym{color:var(--ink-faint)}.tc-val .tc-detail{color:var(--ink);font-weight:500}.tc-val.lvl-no .tc-detail{color:var(--ink-faint);font-weight:400}@media (max-width:620px){.tc-traithelp{display:none}.tc-cell{padding:11px 12px}}.tc-editorial{max-width:760px;margin:46px auto 0}.tc-editorial h2{letter-spacing:-.6px;margin:40px 0 14px;font-size:26px;font-weight:800}.tc-editorial h3{letter-spacing:-.3px;color:var(--ink);margin:26px 0 8px;font-size:18px;font-weight:700}.tc-editorial p{color:var(--ink-dim);margin-bottom:16px;font-size:17px;line-height:1.72}.tc-editorial a{color:var(--accent-deep);font-weight:600}.tc-editorial-links{color:var(--ink-faint);font-size:15px}.tc-faq{border-top:1px solid var(--line);margin-top:8px}.tc-faq-item{border-bottom:1px solid var(--line)}.tc-faq-item summary{cursor:pointer;color:var(--ink);padding:18px 30px 18px 0;font-size:17px;font-weight:700;line-height:1.45;list-style:none;position:relative}.tc-faq-item summary::-webkit-details-marker{display:none}.tc-faq-item summary:after{content:"+";color:var(--ink-faint);font-size:22px;font-weight:400;transition:transform .15s;position:absolute;top:15px;right:4px}.tc-faq-item[open] summary:after{content:"−"}.tc-faq-item p{color:var(--ink-dim);margin:0 0 20px;font-size:16px;line-height:1.7}.contact-form{flex-direction:column;gap:18px;margin:20px 0 6px;display:flex}.contact-form .field{flex-direction:column;gap:7px;display:flex}.contact-form label{color:var(--ink);font-size:14px;font-weight:600}.contact-form label .opt{color:var(--ink-faint);font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font-family:var(--font);color:var(--ink);background:var(--panel);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.contact-form textarea{resize:vertical;min-height:130px;line-height:1.6}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.contact-form .btn-primary{border:0;align-self:flex-start}.contact-form .btn-primary:disabled{opacity:.6;cursor:default;transform:none}.contact-form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-err{color:#b91c1c;margin:-4px 0 0;font-size:14px;font-weight:600}.form-done{background:var(--soft);border:1px solid var(--ring);border-radius:14px;margin:20px 0 6px;padding:22px 24px}.form-done strong{color:var(--ink);margin-bottom:6px;font-size:17px;display:block}.form-done p{color:var(--ink-dim);font-size:15px;line-height:1.6}.listing{max-width:940px;margin:0 auto;padding:50px 24px 24px}.listing h1{letter-spacing:-1px;margin-bottom:10px;font-size:clamp(30px,4.4vw,42px);font-weight:800}.listing .lede{color:var(--ink-dim);max-width:62ch;margin-bottom:28px;font-size:17px;line-height:1.6}.listing .pop-grid{margin-top:6px}.listing .empty{color:var(--ink-faint);border:1px dashed var(--line-2);text-align:center;border-radius:14px;padding:34px;font-size:15px}.listing .trade-grid{margin-top:6px}.alt-list{flex-direction:column;gap:14px;margin:8px 0;display:flex}.alt-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;padding:20px 22px}.alt-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.alt-head .rank{font-family:var(--mono);color:var(--accent-deep);margin-right:8px;font-size:12px;font-weight:700}.alt-head .aname{letter-spacing:-.3px;color:var(--ink);font-size:19px;font-weight:800}.alt-head .aprice{font-family:var(--mono);color:var(--accent-deep);font-size:14px;font-weight:600}.alt-bestfor{color:var(--ink-faint);margin:4px 0 10px;font-size:14px}.alt-bestfor b{color:var(--ink);font-weight:700}.alt-note{color:var(--ink-dim);font-size:16px;line-height:1.65}.alt-quote{margin-top:12px;padding-left:26px;position:relative}.alt-quote:before{content:"“";color:var(--ring);font:700 34px/1 Georgia,Times New Roman,serif;position:absolute;top:-10px;left:-1px}.alt-quote .q{color:var(--ink);font-size:15px;line-height:1.55}.alt-quote .cite{color:var(--ink-faint);margin-top:6px;font-size:12px}.alt-quote .cite a{color:var(--accent-deep);font-weight:600}@media (max-width:900px){.nav-links{display:none}.nav-toggle{display:flex}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(3){border-left:0}.featured{grid-template-columns:1fr}.featured .left{border-right:0;border-bottom:1px solid var(--line)}.pop-grid{grid-template-columns:1fr}.trade-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.trade-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}.trust-item{border-left:0;border-top:1px solid var(--line)}.trust-item:first-child{border-top:0}.gtable .grow{grid-template-columns:1fr;gap:7px;padding:15px 16px}.gtable .ghead{display:none}.gtable .lab{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-faint);font-size:12px;font-weight:700}.gtable .v[data-tool]{justify-content:space-between;align-items:baseline;gap:14px;font-size:14px;display:flex}.gtable .v[data-tool]:before{content:attr(data-tool);color:var(--ink-dim);flex:none;font-size:13px;font-weight:600}}.cf-tiles{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:9px;margin:4px 0 26px;display:grid}.cf-tile{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;box-shadow:var(--shadow);cursor:pointer;font-family:var(--font);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s;display:flex}.cf-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.cf-tile.on{border-color:var(--accent);background:var(--soft)}.cf-icon{background:var(--soft);border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cf-tile.on .cf-icon{background:var(--panel)}.cf-icon svg{stroke:var(--accent-deep)}.cf-name{min-width:0;color:var(--ink);letter-spacing:-.1px;flex:1;font-size:13.5px;font-weight:600;line-height:1.35}.cf-count{font-family:var(--mono);color:var(--ink-faint);flex:none;font-size:11.5px}.cf-tile.on .cf-count{color:var(--accent-deep)}.cf-all{justify-content:space-between}
