.site .lhero{background:var(--ice);padding-block:116px 36px}.site .lhero h1{max-width:16em;margin:12px 0}.site .lhero .art-wrap{max-width:988px}.site .lhero .art-title{max-width:15em}.site .crumbs{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;display:flex}.site .crumbs a{flex:none;text-decoration:none}.site .crumbs a:hover{color:var(--blue)}.site .crumbs span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.site .meta-row{font:500 12px var(--mono);color:var(--ink-3);flex-wrap:wrap;gap:8px 16px;display:flex}.site .art-meta{margin-top:20px}.site .doc{grid-template-columns:216px minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,64px);padding-block:20px 100px;display:grid}.site .toc{gap:2px;max-height:calc(100vh - 108px);font-size:14px;display:grid;position:sticky;top:88px;overflow:auto}.site .toc .label{margin-bottom:8px}.site .toc .btn{justify-content:center}.site .toc>a{border-left:2px solid var(--line);color:var(--ink-3);padding:6px 8px;line-height:1.35;text-decoration:none;display:block}.site .toc>a:hover,.site .toc>a.on{color:var(--blue);border-left-color:var(--blue)}.site .toc-card{background:var(--blue);color:#fff;border-radius:16px;gap:12px;margin-top:20px;padding:16px;display:grid}.site .toc-card b{font-size:16px;line-height:1.3}.site .toc-card span{color:#dde4fb;font-size:12px}@media (max-width:900px){.site .doc{grid-template-columns:minmax(0,1fr)}.site .toc{display:none}}.site .prose{min-width:0;max-width:684px;color:var(--ink-2);overflow-wrap:anywhere;font-size:16px;line-height:1.7}.site .prose>*+*{margin-top:1.1em}.site .prose h2{letter-spacing:-.03em;color:var(--ink);margin-top:2.2em;scroll-margin-top:88px;font-size:clamp(24px,2.6vw,32px);line-height:1.15}.site .prose h3{color:var(--ink);margin-top:1.8em;scroll-margin-top:88px;font-size:18px;line-height:1.3}.site .prose h4{color:var(--ink);margin-top:1.4em;font-size:16px}.site .prose a{color:var(--blue);text-underline-offset:2px;text-decoration-thickness:1px}.site .prose strong{color:var(--ink);font-weight:650}.site .prose ul,.site .prose ol{padding-left:1.3em}.site .prose ul{list-style:outside}.site .prose ol{list-style:decimal}.site .prose li+li,.site .prose li>ul,.site .prose li>ol{margin-top:.4em}.site .prose li::marker{color:var(--blue)}.site .prose hr{border:0;border-top:1px solid var(--line);margin-top:2.2em}.site .prose code{font:500 .86em var(--mono);background:var(--blue-50);color:var(--blue-700);border-radius:6px;padding:2px 6px}.site .prose blockquote{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:16px;margin-inline:0;padding:20px 24px;font-size:16px}.site .prose blockquote>p:first-child strong{font:500 12px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}.site .prose blockquote ul{margin:8px 0 0}.site .tbl{border:1px solid var(--line);background:var(--white);border-radius:16px;max-width:100%;overflow-x:auto}.site .prose table{border-collapse:collapse;width:100%;min-width:576px;font-size:14px;line-height:1.5}.site .prose th,.site .prose td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px 16px}.site .prose thead th{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:#fbfbfc;border-top:0}.site .prose tbody th{color:var(--ink);font-weight:600}.site .prose thead th[data-tracy]{background:var(--blue-50);color:var(--blue)}.site .prose td[data-tracy]{background:#274fc70a}.site .prose figure{margin-top:1.8em;margin-bottom:0}.site .prose img{border:1px solid var(--line);background:var(--white);border-radius:12px;width:100%;height:auto;display:block}.site .prose figcaption{color:var(--ink-3);margin-top:8px;font-size:14px;line-height:1.5}.site .prose ul[data-section=sources]{color:var(--ink-3);font-size:14px;line-height:1.55}.site .prose p[data-block=cta]{background:var(--blue-50);color:var(--blue-700);border-radius:16px;padding:16px;font-size:16px;line-height:1.5}.site .prose p[data-block=cta] strong,.site .prose p[data-block=cta] a{color:inherit}.site .prose p[data-block=cta] a{font-weight:700}.site .prose .faq{border-top:1px solid var(--line);gap:0;display:grid}.site .prose .faq details{border-bottom:1px solid var(--line)}.site .prose .faq summary{cursor:pointer;letter-spacing:-.01em;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:16px;font-weight:650;line-height:1.4;list-style:none;display:flex}.site .prose .faq summary::-webkit-details-marker{display:none}.site .prose .faq summary:after{content:"";background:var(--blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M2 6h8' stroke='%23274FC7' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat;width:24px;height:24px;transition:transform .3s var(--ease);border-radius:8px 8px 0;flex:none}.site .prose .faq details[open] summary:after{transform:rotate(45deg)}.site .prose .faq .a{color:var(--ink-2);max-width:62em;padding:0 0 20px;font-size:16px}.site .sec.hub{padding-top:16px}.site .sec.hub-compare{padding-top:56px}.site .hub .wrap>:first-child{margin-top:0}.site .hub-empty{color:var(--ink-2);font-size:16px}.site .hub-empty a{color:var(--blue);text-underline-offset:2px}.site .post-feat{background:var(--white);border:1px solid var(--line);color:inherit;transition:box-shadow .3s,transform .3s var(--ease);border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0;text-decoration:none;display:grid;overflow:hidden}.site .post-feat:hover{box-shadow:var(--shadow-win);transform:translateY(-2px)}.site .post-feat .art{background:var(--g-blue);min-height:324px;position:relative;overflow:hidden}.site .post-feat .art-pair{background:var(--g-slate)}.site .post-feat .txt{flex-direction:column;justify-content:center;gap:12px;padding:clamp(24px,4vw,44px);display:flex}@media (max-width:900px){.site .post-feat{grid-template-columns:minmax(0,1fr)}.site .post-feat .art{min-height:216px}}.site .art-obj{place-items:center;display:grid;position:absolute;inset:0}.site .art-obj .s{border-radius:27% 27% 0;position:absolute}.site .art-stack .s1{background:var(--blue);width:232px;height:232px}.site .art-stack .s2{background:var(--aqua);width:152px;height:152px;transform:translate(40px,40px)}.site .art-stack .s3{background:#fff;width:76px;height:76px;transform:translate(80px,80px)}.site .art-pair .s1{background:var(--blue);width:180px;height:180px;transform:translate(-52px)}.site .art-pair .s2{opacity:.9;background:#50617f;width:180px;height:180px;transform:translate(52px)}.site .art-pair .s3{background:var(--aqua);width:72px;height:72px;transform:translateY(36px)}.site .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.site .post-feat+.pgrid{margin-top:44px}.site .pgrid>li{min-width:0;display:flex}.site .pcard{border-radius:var(--r-lg);background:var(--white);border:1px solid var(--line);min-width:0;color:inherit;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;flex-direction:column;flex:1;gap:12px;padding:24px;text-decoration:none;display:flex}.site .pcard:hover{box-shadow:var(--shadow-win);border-color:#0000;transform:translateY(-2px)}.site .pcard p{color:var(--ink-2);font-size:16px}.site .pcard .link{margin-top:auto;padding-top:6px}@media (max-width:1020px){.site .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site .pgrid{grid-template-columns:minmax(0,1fr)}}.site .cmp-checks{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0;padding:0;list-style:none;display:grid}.site .cmp-checks li{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr;gap:12px;padding:16px 0;display:grid}.site .cmp-checks b{color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:650;display:block}.site .cmp-checks span{color:var(--ink-2);font-size:16px}.site .cmp-checks i{background:var(--blue-50);border-radius:8px 8px 0;place-items:center;width:24px;height:24px;display:grid}.site .cmp-checks i:after{content:"";background:var(--blue);border-radius:2px 2px 0;width:8px;height:8px}@media (max-width:760px){.site .cmp-checks{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.site .post-feat,.site .pcard,.site .prose .faq summary:after{transition:none}.site .post-feat:hover,.site .pcard:hover{transform:none}}
.site .sec.hub.blog-hub{padding-top:28px}.site .bf{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.site .bf-l{font:600 16px var(--font);color:var(--ink)}.site .bf-chips{flex-wrap:wrap;gap:8px;display:flex}.site .bf-chips button{border:1px solid var(--line-2);cursor:pointer;height:40px;font:600 16px var(--font);color:var(--ink);background:#fff;border-radius:900px;padding:0 16px;transition:background .2s,color .2s,border-color .2s}.site .bf-chips button:hover{border-color:var(--blue);color:var(--blue)}.site .bf-chips button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.site .bsearch{margin-bottom:20px;display:block;position:relative}.site .bsearch svg{width:16px;height:16px;color:var(--ink-3);pointer-events:none;margin-top:-8px;position:absolute;top:50%;left:16px}.site .bsearch input{border:1px solid var(--line-2);width:100%;height:52px;font:400 16px var(--font);color:var(--ink);background:#fff;border-radius:12px;padding:0 16px 0 44px}.site .bsearch input:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-50);outline:none}.site .bcount{color:var(--ink-3);margin-bottom:16px;font-size:14px}.site .bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.site .bgrid>li{min-width:0;display:flex}.site .bgrid>li.feat{grid-column:1/-1}.site .pc-slot{display:contents}.site .pc{border:1px solid var(--line);min-width:0;color:inherit;transition:box-shadow .3s,transform .3s var(--ease);background:#fff;border-radius:16px;flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:hidden}.site .pc:hover{box-shadow:var(--shadow-win);transform:translateY(-2px)}.site .pc.feat{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.site .cover{aspect-ratio:16/9;background:var(--g);min-height:0;color:var(--a);flex-direction:column;justify-content:flex-end;gap:6px;padding:7% 8%;display:flex;position:relative;overflow:hidden}.site .pc.feat .cover{aspect-ratio:auto;min-height:304px;padding:32px 36px}.site .cover .mk{width:28px;height:28px;color:var(--blue);position:absolute;top:8%;left:8%}.site .pc.feat .cover .mk{width:36px;height:36px;top:32px;left:36px}.site .cover .mk svg{width:100%;height:100%;display:block}.site .cover .ck{font:500 12px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--a)}.site .cover b{z-index:1;letter-spacing:-.03em;max-width:46%;color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;font-size:clamp(16px,1.7vw,20px);line-height:1.1;display:-webkit-box;position:relative;overflow:hidden}.site .pc.feat .cover b{font-size:clamp(24px,2.9vw,36px)}.site .cover .obj{pointer-events:none;height:58%;position:absolute;bottom:9%;right:7%}.site .pc.feat .cover .obj{height:62%;bottom:36px;right:40px}.site .cover .obj .s{aspect-ratio:1;border-radius:27% 27% 0;position:absolute}.site .cover-compare{--g:var(--g-slate);--a:var(--a-slate)}.site .cover-guide{--g:var(--g-aqua);--a:var(--a-aqua)}.site .cover-product{--g:var(--g-blue);--a:var(--a-blue)}.site .cover-compare .obj{aspect-ratio:1.6}.site .cover-compare .s1{background:var(--blue);height:100%;bottom:0;left:0}.site .cover-compare .s2{opacity:.92;background:#50617f;height:100%;bottom:0;left:36%}.site .cover-compare .s3{background:var(--aqua);height:42%;bottom:0;left:36%}.site .cover-guide .obj{aspect-ratio:1}.site .cover-guide .s1{background:var(--blue);height:100%;bottom:0;right:0}.site .cover-guide .s2{background:var(--aqua);height:64%;bottom:0;right:0}.site .cover-guide .s3{background:#fff;height:30%;bottom:0;right:0}.site .cover-product .obj{aspect-ratio:1}.site .cover-product .s1{background:var(--blue);opacity:.45;height:70%;bottom:30%;right:30%}.site .cover-product .s2{background:var(--blue);opacity:.72;height:70%;bottom:15%;right:15%}.site .cover-product .s3{background:var(--blue);height:70%;bottom:0;right:0}.site .pc-b{flex-direction:column;gap:12px;min-width:0;padding:20px 24px 24px;display:flex}.site .pc.feat .pc-b{justify-content:center;padding:clamp(24px,3vw,40px)}.site .tagc{background:var(--blue-50);color:var(--blue);font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:88px;align-self:flex-start;padding:4px 8px}.site .pc h2{letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere;font-size:clamp(18px,1.8vw,24px);line-height:1.18}.site .pc.feat h2{font-size:clamp(24px,2.6vw,36px);line-height:1.1}.site .pc p{color:var(--ink-2);font-size:16px;line-height:1.55}.site .pc .meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:auto;font-size:14px;display:flex}.site .pc .meta i{opacity:.5;font-style:normal}.site .bempty{color:var(--ink-2);text-align:center;padding:44px 0;font-size:16px}.site .bempty button{font:600 16px var(--font);color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.site .pager{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.site .pager a,.site .pager span[aria-disabled]{border:1px solid var(--line-2);min-width:40px;height:40px;font:600 16px var(--font);color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.site .pager a{cursor:pointer}.site .pager a:hover,.site .pager a:focus-visible{border-color:var(--blue);color:var(--blue)}.site .pager a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.site .pager span[aria-disabled]{opacity:.45;cursor:default}@media (max-width:1020px){.site .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .pc.feat{grid-template-columns:minmax(0,1fr)}.site .pc.feat .cover{min-height:216px}}@media (max-width:640px){.site .bgrid{grid-template-columns:minmax(0,1fr)}.site .cover b{max-width:52%}.site .pc.feat .cover{padding:24px 20px}.site .pc.feat .cover .mk{top:24px;left:20px}.site .pc.feat .cover .obj{bottom:24px;right:20px}}@media (scripting:none){.site .bf,.site .bsearch,.site .bcount,.site .pager{display:none}}@media (prefers-reduced-motion:reduce){.site .pc,.site .bf-chips button{transition:none}.site .pc:hover{transform:none}}