main:is([data-page=blog],[data-page=blog-post]){--serif:var(--sans);background:var(--bg);color:var(--ink2);padding-bottom:1px}main:is([data-page=blog],[data-page=blog-post]) [hidden]{display:none!important}main:is([data-page=blog],[data-page=blog-post]) :is(h1,h2,h3){font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);margin:0;font-weight:650}main:is([data-page=blog],[data-page=blog-post]) h1{font-size:40px;line-height:1.08}main:is([data-page=blog],[data-page=blog-post]) h2{font-size:32px;line-height:1.12}main:is([data-page=blog],[data-page=blog-post]) h3{font-size:23px;line-height:1.2}main:is([data-page=blog],[data-page=blog-post]) :is(h1,h2) em{color:var(--acc);font-style:normal}main:is([data-page=blog],[data-page=blog-post]) :is(a,button):focus-visible{outline:2px solid var(--acc);outline-offset:4px}main:is([data-page=blog],[data-page=blog-post]) .btn{border-radius:var(--rb);min-height:52px;font:600 15px/1.3 var(--sans);white-space:normal;text-align:center;justify-content:center;align-items:center;gap:10px;padding:12px 26px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}main:is([data-page=blog],[data-page=blog-post]) .btn-dark{background:var(--acc);color:var(--bg)}main:is([data-page=blog],[data-page=blog-post]) .btn-dark:hover{background:var(--acc2)}main:is([data-page=blog],[data-page=blog-post]) .btn-line{border:1px solid var(--line2);color:var(--ink);background:0 0}main:is([data-page=blog],[data-page=blog-post]) .btn-line:hover{border-color:var(--ink3)}main:is([data-page=blog],[data-page=blog-post]) .btn svg{width:16px;height:16px;transition:transform .2s}main:is([data-page=blog],[data-page=blog-post]) .btn:hover svg{transform:translate(3px)}main:is([data-page=blog],[data-page=blog-post]) .tag{width:fit-content;color:var(--acc);font:600 12px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;margin:0 0 22px;padding:0;display:flex}main:is([data-page=blog],[data-page=blog-post]) .tag:before{content:"";background:currentColor;width:28px;height:1px}main:is([data-page=blog],[data-page=blog-post]) .crumb{color:var(--ink3);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 18px;font-size:13px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .crumb a{align-items:center;min-height:44px;display:inline-flex}main:is([data-page=blog],[data-page=blog-post]) .crumb a:hover{color:var(--acc)}main:is([data-page=blog],[data-page=blog-post]) .crumb i{font-style:normal}main:is([data-page=blog],[data-page=blog-post]) .more{min-height:44px;font:600 14px/1.4 var(--sans);color:var(--ink);align-items:center;gap:8px;padding:0;display:inline-flex}main:is([data-page=blog],[data-page=blog-post]) .more svg{width:15px;height:15px;color:var(--acc);transition:transform .2s}main:is([data-page=blog],[data-page=blog-post]) a:hover .more svg{transform:translate(3px)}main:is([data-page=blog],[data-page=blog-post]) .phero{text-align:left;border-bottom:1px solid var(--line);padding:44px 0 48px;position:relative;overflow:hidden}main:is([data-page=blog],[data-page=blog-post]) .phero h1{max-width:900px;margin:0}main:is([data-page=blog],[data-page=blog-post]) .phero .lead{max-width:560px;color:var(--ink2);margin:22px 0 0;font-size:17px;line-height:1.65}main:is([data-page=blog],[data-page=blog-post]) .guide-filters{padding:40px 0 24px}main:is([data-page=blog],[data-page=blog-post]) .guide-list{padding:40px 0 72px}main:is([data-page=blog],[data-page=blog-post]) :is(.chips,.bl-f){flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex;overflow:visible}main:is([data-page=blog],[data-page=blog-post]) .bl-f{margin-bottom:24px}main:is([data-page=blog],[data-page=blog-post]) :is(.chips,.bl-f) button{border:1px solid var(--line2);min-height:44px;font:500 14px/1.35 var(--sans);color:var(--ink2);background:0 0;border-radius:999px;padding:10px 16px;transition:background .15s,border-color .15s,color .15s}main:is([data-page=blog],[data-page=blog-post]) :is(.chips,.bl-f) button:hover{border-color:var(--acc);background:var(--soft)}main:is([data-page=blog],[data-page=blog-post]) :is(.chips,.bl-f) button.on{border-color:var(--acc);background:var(--soft);color:var(--ink)}main:is([data-page=blog],[data-page=blog-post]) :is(.bl-g,.gl){grid-template-columns:minmax(0,1fr);gap:14px;display:grid}main:is([data-page=blog],[data-page=blog-post]) .bl-c{border:1px solid var(--line2);min-width:0;color:var(--ink2);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}main:is([data-page=blog],[data-page=blog-post]) .bl-c .bl-b{flex-direction:column;flex:1;gap:10px;padding:0;display:flex}main:is([data-page=blog],[data-page=blog-post]) .bl-m{color:var(--ink3);flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:13px;line-height:1.5;display:flex}main:is([data-page=blog],[data-page=blog-post]) .bl-m .t{color:var(--acc);background:0 0;border:0;border-radius:0;padding:0;font-weight:650}main:is([data-page=blog],[data-page=blog-post]) .guide-label{color:var(--ink3)}main:is([data-page=blog],[data-page=blog-post]) .bl-c h3{margin:0;font-size:20px;line-height:1.3}main:is([data-page=blog],[data-page=blog-post]) .bl-c p{color:var(--ink2);margin:0;font-size:15px;line-height:1.6}main:is([data-page=blog],[data-page=blog-post]) .bl-c .more{margin-top:auto;padding:0}main:is([data-page=blog],[data-page=blog-post]) .bl-c.big{background:var(--acc);border-color:var(--acc);flex-direction:column;grid-column:1/-1}main:is([data-page=blog],[data-page=blog-post]) .bl-c.big :is(h3,.more,.more svg,.bl-m .t){color:var(--bg)}main:is([data-page=blog],[data-page=blog-post]) .bl-c.big :is(p,.bl-m,.guide-label){color:#d5dcd6}main:is([data-page=blog],[data-page=blog-post]) .bl-featured{font:600 12px/1.3 var(--sans);color:var(--bg);background:#f6f3ec29;border-radius:999px;align-self:flex-start;padding:4px 10px}main:is([data-page=blog],[data-page=blog-post]) .bl-c.big :is(h3,p){max-width:760px}main:is([data-page=blog],[data-page=blog-post]) .guide-groups{padding:0 0 72px}main:is([data-page=blog],[data-page=blog-post]) .grp{margin-top:48px;scroll-margin-top:24px}main:is([data-page=blog],[data-page=blog-post]) .guide-featured{margin-top:0}main:is([data-page=blog],[data-page=blog-post]) .grp-h{border-top:1px solid var(--line2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:22px;padding-top:24px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .grp-h h2{align-items:center;gap:12px;font-size:26px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .grp-h .more{color:var(--ink3);flex-wrap:wrap}main:is([data-page=blog],[data-page=blog-post]) .ico{border:1px solid var(--line2);background:var(--soft);width:36px;height:36px;color:var(--acc);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}main:is([data-page=blog],[data-page=blog-post]) .ico svg{width:18px;height:18px}main:is([data-page=blog],[data-page=blog-post]) .guide-prices{border-top:1px solid var(--line);padding:56px 0 72px}main:is([data-page=blog],[data-page=blog-post]) .sec-head{max-width:760px;margin-bottom:32px}main:is([data-page=blog],[data-page=blog-post]) .sec-head p{color:var(--ink2);margin:18px 0 0;font-size:16px;line-height:1.65}main:is([data-page=blog],[data-page=blog-post]) .cost{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}main:is([data-page=blog],[data-page=blog-post]) .cc{border:1px solid var(--line2);background:var(--card);border-radius:14px;flex-direction:column;gap:20px;min-width:0;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}main:is([data-page=blog],[data-page=blog-post]) .cc>b{color:var(--ink);font-size:18px;font-weight:650;line-height:1.35}main:is([data-page=blog],[data-page=blog-post]) .cc .pr{border-top:1px solid var(--line);color:var(--ink3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-top:auto;padding-top:16px;font-size:13px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .cc .pr strong{color:var(--ink);white-space:nowrap;font-size:18px;font-weight:600}main:is([data-page=blog],[data-page=blog-post]) .cta{text-align:left;background:0 0;margin:0;padding:0 0 72px}main:is([data-page=blog],[data-page=blog-post]) .cta-c{background:var(--acc);color:#d5dcd6;border-radius:4px;padding:52px 24px;position:relative;overflow:hidden}main:is([data-page=blog],[data-page=blog-post]) .cta-c:before,main:is([data-page=blog],[data-page=blog-post]) .cta-c:after{display:none}main:is([data-page=blog],[data-page=blog-post]) .cta-c h2{max-width:760px;color:var(--bg)}main:is([data-page=blog],[data-page=blog-post]) .cta-c h2 em{color:#c9d8c9}main:is([data-page=blog],[data-page=blog-post]) .cta-c p{color:#d5dcd6;max-width:560px;margin:18px 0 0;font-size:16px;line-height:1.65}main:is([data-page=blog],[data-page=blog-post]) :is(.cta-row,.cta3){flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .cta-c :is(.cta-row,.cta3){justify-content:flex-start;margin-top:30px}main:is([data-page=blog],[data-page=blog-post]) .cta-c .btn-dark{background:var(--bg);color:var(--acc)}main:is([data-page=blog],[data-page=blog-post]) .cta-c .btn-line{color:var(--bg);border-color:#f6f3ec52}main:is([data-page=blog],[data-page=blog-post]) .ar{max-width:1200px;margin:0 auto;padding:28px 22px 72px;display:block}main:is([data-page=blog],[data-page=blog-post]) .ar-g{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}main:is([data-page=blog],[data-page=blog-post]) .ar-g>*{min-width:0}main:is([data-page=blog],[data-page=blog-post]) .ar-back{min-height:44px;font:500 14px/1.4 var(--sans);color:var(--ink3);align-items:center;gap:8px;display:inline-flex}main:is([data-page=blog],[data-page=blog-post]) .ar-back:hover{color:var(--ink)}main:is([data-page=blog],[data-page=blog-post]) .ar-h{border:0;margin:18px 0 0;padding:0}main:is([data-page=blog],[data-page=blog-post]) .ar-h .bl-m{font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;gap:16px;margin:18px 0}main:is([data-page=blog],[data-page=blog-post]) .ar h1{max-width:820px;margin:0;font-size:36px;line-height:1.1}main:is([data-page=blog],[data-page=blog-post]) .ar .dek{max-width:720px;font:500 20px/1.5 var(--serif);color:var(--ink2);margin:22px 0 0}main:is([data-page=blog],[data-page=blog-post]) .ar-by{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink3);align-items:center;gap:12px;margin:28px 0 0;padding:20px 0;font-size:14px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .ar-by b{color:var(--ink);font-weight:600}main:is([data-page=blog],[data-page=blog-post]) .ar-mark{width:28px;height:28px;color:var(--acc);flex:none}main:is([data-page=blog],[data-page=blog-post]) .prose{max-width:700px;color:var(--ink2);overflow-wrap:anywhere;margin-top:40px;font-size:17px;line-height:1.78}main:is([data-page=blog],[data-page=blog-post]) .prose p{margin:0 0 22px}main:is([data-page=blog],[data-page=blog-post]) .prose strong{color:var(--ink);font-weight:600}main:is([data-page=blog],[data-page=blog-post]) .prose h2{margin:56px 0 18px;scroll-margin-top:24px;font-size:30px;line-height:1.15}main:is([data-page=blog],[data-page=blog-post]) .prose h3{margin:36px 0 14px;font-size:23px;line-height:1.3}main:is([data-page=blog],[data-page=blog-post]) .prose h4{margin:28px 0 12px;font-size:18px}main:is([data-page=blog],[data-page=blog-post]) .prose :is(p,li) a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--acc);text-decoration-color:var(--acc);text-underline-offset:3px;text-decoration-thickness:1px}main:is([data-page=blog],[data-page=blog-post]) .prose h2:target{color:var(--acc)}main:is([data-page=blog],[data-page=blog-post]) .prose>h2:first-of-type:has(+p>strong:only-child){border-left:2px solid var(--acc);font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:32px 0 0;padding:24px 0 10px 22px}main:is([data-page=blog],[data-page=blog-post]) .prose>h2:first-of-type+p:has(>strong:only-child){border-left:2px solid var(--acc);font:600 20px/1.55 var(--serif);color:var(--ink);margin:0 0 32px;padding:0 0 24px 22px}main:is([data-page=blog],[data-page=blog-post]) .prose blockquote{border-left:2px solid var(--acc);font:500 20px/1.55 var(--serif);color:var(--ink);background:0 0;margin:0 0 32px;padding:24px 0 24px 22px}main:is([data-page=blog],[data-page=blog-post]) .prose blockquote p:last-child{margin:0}main:is([data-page=blog],[data-page=blog-post]) .prose ul{margin:0 0 28px;padding-left:22px}main:is([data-page=blog],[data-page=blog-post]) .prose ul li{margin:8px 0}main:is([data-page=blog],[data-page=blog-post]) .prose ol{counter-reset:guide-step;border-top:1px solid var(--line2);margin:0 0 28px;padding:0;list-style:none}main:is([data-page=blog],[data-page=blog-post]) .prose ol>li{border-bottom:1px solid var(--line);margin:0;padding:16px 0 16px 48px;position:relative}main:is([data-page=blog],[data-page=blog-post]) .prose ol>li:before{counter-increment:guide-step;content:counter(guide-step);font:600 24px/1 var(--serif);color:var(--acc);position:absolute;top:16px;left:0}main:is([data-page=blog],[data-page=blog-post]) .prose ol ol{margin-top:16px}main:is([data-page=blog],[data-page=blog-post]) .prose pre{border:1px solid var(--line2);background:var(--card);white-space:pre;overscroll-behavior-x:contain;border-radius:4px;max-width:100%;margin:8px 0 28px;padding:20px;font-size:13.5px;line-height:1.6;overflow-x:auto}main:is([data-page=blog],[data-page=blog-post]) .prose :not(pre)>code{border:1px solid var(--line);background:var(--soft);overflow-wrap:anywhere;border-radius:3px}main:is([data-page=blog],[data-page=blog-post]) .tbl{border:0;border-top:1px solid var(--line2);overscroll-behavior-x:contain;border-radius:0;max-width:100%;margin:8px 0 28px;overflow-x:auto}main:is([data-page=blog],[data-page=blog-post]) .tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px;line-height:1.5}main:is([data-page=blog],[data-page=blog-post]) .tbl th{border:0;border-bottom:1px solid var(--line2);text-align:left;font:600 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);background:0 0;padding:14px 14px 12px 0}main:is([data-page=blog],[data-page=blog-post]) .tbl td{border:0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink2);background:0 0;padding:14px 14px 14px 0}main:is([data-page=blog],[data-page=blog-post]) .tbl td:first-child{color:var(--ink);font-weight:600}main:is([data-page=blog],[data-page=blog-post]) .tbl tr:last-child td{border-bottom:1px solid var(--line)}main:is([data-page=blog],[data-page=blog-post]) :is(.bos,.ar-cta){border:1px solid var(--line2);background:var(--soft);border-radius:4px;margin:48px 0 0;padding:32px 24px}main:is([data-page=blog],[data-page=blog-post]) :is(.bos,.ar-cta) h3{margin:0;font-size:26px;line-height:1.25}main:is([data-page=blog],[data-page=blog-post]) :is(.bos,.ar-cta)>p{color:var(--ink2);margin:12px 0 0;font-size:16px;line-height:1.6}main:is([data-page=blog],[data-page=blog-post]) .bos .tag{margin-bottom:16px}main:is([data-page=blog],[data-page=blog-post]) .bos .row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .bos .lk{flex-wrap:wrap;gap:0 20px;margin:12px 0 0;font-size:14px;display:flex}main:is([data-page=blog],[data-page=blog-post]) .bos .lk a{min-height:44px;color:var(--acc);align-items:center;font-weight:600;display:inline-flex}main:is([data-page=blog],[data-page=blog-post]) .ar-sv{gap:10px;margin-top:24px;display:grid}main:is([data-page=blog],[data-page=blog-post]) .ar-sv a{border:1px solid var(--line2);background:var(--card);border-radius:4px;padding:16px}main:is([data-page=blog],[data-page=blog-post]) .ar-sv a:hover{border-color:var(--acc)}main:is([data-page=blog],[data-page=blog-post]) .ar-sv a>div>b{color:var(--ink)}main:is([data-page=blog],[data-page=blog-post]) .ar-sv a>div>span{color:var(--ink3)}main:is([data-page=blog],[data-page=blog-post]) .ar-side{align-self:start;min-width:0;display:none;position:static}main:is([data-page=blog],[data-page=blog-post]) .ar-toc h4{font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}main:is([data-page=blog],[data-page=blog-post]) .ar-toc ol{scrollbar-width:thin;max-height:42dvh;margin:0 0 28px;padding:0;list-style:none;overflow-y:auto}main:is([data-page=blog],[data-page=blog-post]) .ar-toc a{border-left:1px solid var(--line2);min-height:44px;color:var(--ink3);align-items:center;padding:6px 12px 6px 16px;font-size:14px;line-height:1.4;display:flex}main:is([data-page=blog],[data-page=blog-post]) .ar-toc a:hover,main:is([data-page=blog],[data-page=blog-post]) .ar-toc a.on{border-color:var(--acc);color:var(--ink);background:var(--soft)}main:is([data-page=blog],[data-page=blog-post]) .ar-plan{border:1px solid var(--line2);background:var(--card);color:var(--ink);border-radius:4px;margin-top:24px;padding:22px}main:is([data-page=blog],[data-page=blog-post]) .ar-plan small{font:600 12px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}main:is([data-page=blog],[data-page=blog-post]) .ar-plan b{font:600 21px/1.25 var(--serif);color:var(--ink);margin:8px 0 16px;display:block}main:is([data-page=blog],[data-page=blog-post]) .ar-plan .btn{border:1px solid var(--line2);border-radius:var(--rb);min-height:46px}main:is([data-page=blog],[data-page=blog-post]) .ar-demo{width:100%;margin-top:12px}main:is([data-page=blog],[data-page=blog-post]) .rel{border-top:1px solid var(--line);margin-top:56px;padding-top:56px}main:is([data-page=blog],[data-page=blog-post]) .rel>h2,main:is([data-page=blog],[data-page=blog-post]) .rel>h4{font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin:0 0 22px}main:is([data-page=blog],[data-page=blog-post]) .rel-g{border-top:1px solid var(--line2);grid-template-columns:minmax(0,1fr);display:grid}main:is([data-page=blog],[data-page=blog-post]) .rel-g>a{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:22px 0;display:flex}main:is([data-page=blog],[data-page=blog-post]) .rel-g small{font:600 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}main:is([data-page=blog],[data-page=blog-post]) .rel-g b,main:is([data-page=blog],[data-page=blog-post]) .related-card h3{font:600 21px/1.3 var(--serif);color:var(--ink)}main:is([data-page=blog],[data-page=blog-post]) .rel-g a:hover :is(b,h3){color:var(--acc)}main:is([data-page=blog],[data-page=blog-post]) .related-card{background:0 0;border:0;border-radius:0;overflow:visible}main:is([data-page=blog],[data-page=blog-post]) .related-card .bl-b{gap:8px}main:is([data-page=blog],[data-page=blog-post]) .related-card .more{font-size:13px}@media (min-width:768px){main:is([data-page=blog],[data-page=blog-post]) .ar{padding-left:40px;padding-right:40px}main:is([data-page=blog],[data-page=blog-post]) :is(.bl-g,.gl,.cost){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){main:is([data-page=blog],[data-page=blog-post]) h1{letter-spacing:-.04em;font-size:64px;line-height:1.04}main:is([data-page=blog],[data-page=blog-post]) h2{font-size:46px;line-height:1.06}main:is([data-page=blog],[data-page=blog-post]) .phero{padding:88px 0 80px}main:is([data-page=blog],[data-page=blog-post]) .phero h1{font-size:62px}main:is([data-page=blog],[data-page=blog-post]) .phero .lead{font-size:19px}main:is([data-page=blog],[data-page=blog-post]) .guide-list,main:is([data-page=blog],[data-page=blog-post]) .guide-groups{padding-bottom:120px}main:is([data-page=blog],[data-page=blog-post]) .guide-prices{padding:72px 0 120px}main:is([data-page=blog],[data-page=blog-post]) .sec-head p{font-size:18px}main:is([data-page=blog],[data-page=blog-post]) .cta{padding-bottom:120px}main:is([data-page=blog],[data-page=blog-post]) .cta-c{padding:88px 72px}main:is([data-page=blog],[data-page=blog-post]) .ar h1{font-size:56px;line-height:1.05}main:is([data-page=blog],[data-page=blog-post]) .ar .dek{font-size:23px}main:is([data-page=blog],[data-page=blog-post]) .prose{font-size:18px}main:is([data-page=blog],[data-page=blog-post]) .prose h2{font-size:36px}main:is([data-page=blog],[data-page=blog-post]) .prose>h2:first-of-type+p:has(>strong:only-child){font-size:22px}main:is([data-page=blog],[data-page=blog-post]) .rel-g{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}main:is([data-page=blog],[data-page=blog-post]) .rel-g>a{border-bottom:0;padding:28px 0}}@media (min-width:1040px){main:is([data-page=blog],[data-page=blog-post]) .ar{padding-top:56px;padding-bottom:120px}main:is([data-page=blog],[data-page=blog-post]) .ar-g{grid-template-columns:minmax(0,1fr) 280px;gap:80px}main:is([data-page=blog],[data-page=blog-post]) .ar-side{padding-top:44px;display:block;position:sticky;top:96px}}@media (min-width:1100px){main:is([data-page=blog],[data-page=blog-post]) :is(.bl-g,.gl,.cost){grid-template-columns:repeat(3,minmax(0,1fr))}main:is([data-page=blog],[data-page=blog-post]) .bl-c.big h3{font-size:34px}}@media (max-width:599px){main:is([data-page=blog],[data-page=blog-post]) :is(.cta-row,.cta3,.bos .row) .btn{flex:100%}main:is([data-page=blog],[data-page=blog-post]) .grp-h .more{font-size:13px}}@media (hover:hover) and (pointer:fine){main:is([data-page=blog],[data-page=blog-post]) :is(.bl-c,.cc):hover{transform:translateY(-3px);box-shadow:0 22px 44px -28px #14141459}}@media (prefers-reduced-motion:reduce){main:is([data-page=blog],[data-page=blog-post]) *,main:is([data-page=blog],[data-page=blog-post]) :before,main:is([data-page=blog],[data-page=blog-post]) :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}main:is([data-page=blog],[data-page=blog-post]) :is(.bl-c,.cc,.btn):hover,main:is([data-page=blog],[data-page=blog-post]) .btn:hover svg{transform:none}}main[data-page=blog-post][data-guide-template=v4] :is(summary,button,a):focus-visible{outline:2px solid var(--acc);outline-offset:4px}main[data-page=blog-post][data-guide-template=v4] .prose+.prose{margin-top:0}main[data-page=blog-post][data-guide-template=v4] .ar-faq-x p{margin:0 0 22px}main[data-page=blog-post][data-guide-template=v4] .ar-by{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink3);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px 12px;margin:24px 0 0;padding:18px 0;font-size:14px;display:grid}main[data-page=blog-post][data-guide-template=v4] .ar-by .ar-mark{margin-top:1px}main[data-page=blog-post][data-guide-template=v4] .ar-who{flex-direction:column;gap:2px;min-width:0;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-au{color:var(--ink2);font-size:15px;line-height:1.5}main[data-page=blog-post][data-guide-template=v4] .ar-au b{color:var(--ink);font-weight:600}main[data-page=blog-post][data-guide-template=v4] .ar-rv{color:var(--ink3);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:14px;line-height:1.5;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-rv>svg{fill:none;width:15px;height:15px;stroke:var(--acc);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}main[data-page=blog-post][data-guide-template=v4] .ar-rv b{color:var(--ink2);font-weight:600}main[data-page=blog-post][data-guide-template=v4] .ar-howb{cursor:pointer;min-height:44px;font:600 14px/1.3 var(--sans);color:var(--acc);text-underline-offset:3px;background:0 0;border:0;align-items:center;margin:-8px 0;padding:0;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}main[data-page=blog-post][data-guide-template=v4] .ar-how{border-left:2px solid var(--acc);background:var(--soft);color:var(--ink2);grid-column:1/-1;margin:0;padding:14px 16px;font-size:14.5px;line-height:1.6;animation:.25s cubic-bezier(.2,.8,.2,1) arIn}main[data-page=blog-post][data-guide-template=v4] .ar-dates{color:var(--ink3);flex-wrap:wrap;grid-column:1/-1;gap:2px 16px;font-size:13.5px;line-height:1.6;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-dates b{color:var(--ink);font-weight:600}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m{margin:18px 0 0}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m details{border:1px solid var(--line2);background:var(--card);border-radius:4px}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m summary{cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:8px 16px;list-style:none;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m summary::-webkit-details-marker{display:none}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m summary b{font:600 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m summary small{color:var(--ink3);margin-left:auto;font-size:13px}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m summary svg{width:18px;height:18px;color:var(--acc);flex:none;transition:transform .2s cubic-bezier(.2,.8,.2,1)}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m details[open] summary svg{transform:rotate(180deg)}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m ol{border-top:1px solid var(--line);counter-reset:toc;margin:0;padding:4px 0 8px;list-style:none;animation:.25s cubic-bezier(.2,.8,.2,1) arIn}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m li a{min-height:44px;color:var(--ink2);align-items:baseline;gap:12px;padding:11px 16px;font-size:15px;line-height:1.4;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m li a:before{counter-increment:toc;content:counter(toc,decimal-leading-zero);width:22px;font:600 12px/1.6 var(--sans);color:var(--acc);flex:none}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m li a:hover{background:var(--soft);color:var(--ink)}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m li.ar-toc-q a{color:var(--ink);font-weight:600}main[data-page=blog-post][data-guide-template=v4] .ar-toc-m li.ar-toc-q small{color:var(--ink3);margin-left:auto;font-weight:500}main[data-page=blog-post][data-guide-template=v4] .ar-mid{border:1px solid var(--line2);border-top:3px solid var(--acc);background:#fff;border-radius:4px;margin:44px 0;padding:22px 20px}main[data-page=blog-post][data-guide-template=v4] .ar-mid .ar-mid-k{font:600 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-mid-k .ico{border-radius:6px;width:30px;height:30px}main[data-page=blog-post][data-guide-template=v4] .ar-mid-k .ico svg{width:16px;height:16px}main[data-page=blog-post][data-guide-template=v4] .ar-mid .ar-mid-pr{letter-spacing:0;text-transform:none;color:var(--ink3);margin-left:auto;font-size:13px;font-weight:500}main[data-page=blog-post][data-guide-template=v4] .ar-mid .ar-mid-t{font:650 21px/1.3 var(--sans);letter-spacing:-.02em;color:var(--ink);margin:0}main[data-page=blog-post][data-guide-template=v4] .ar-mid .ar-mid-d{color:var(--ink2);margin:8px 0 0;font-size:16px;line-height:1.6}main[data-page=blog-post][data-guide-template=v4] .ar-mid-acts{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-mid-acts .btn{min-height:48px;padding:10px 20px;font-size:15px}main[data-page=blog-post][data-guide-template=v4] .ar-faq{max-width:700px;margin:56px 0 0}main[data-page=blog-post][data-guide-template=v4] .ar-faq>h2{margin:0 0 18px;scroll-margin-top:24px;font-size:30px;line-height:1.15}main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq{border-top:1px solid var(--line2);max-width:none;margin:0;display:block}main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq details{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:0}main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq summary{min-height:56px;color:var(--ink);align-items:flex-start;padding:18px 0;font-size:17.5px;font-weight:600;line-height:1.45}main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq summary:after{text-align:center;width:20px;color:var(--acc);flex:none}main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq summary:hover{color:var(--acc)}main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq details p{color:var(--ink2);margin:0 0 20px;padding-right:32px;font-size:16px;line-height:1.7;animation:.25s cubic-bezier(.2,.8,.2,1) arIn}main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq details p a,main[data-page=blog-post][data-guide-template=v4] .ar-faq-x a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--acc);text-decoration-color:var(--acc);text-underline-offset:3px;text-decoration-thickness:1px}main[data-page=blog-post][data-guide-template=v4] .ar-faq-x{color:var(--ink2);margin:18px 0 0;font-size:16.5px;line-height:1.7}main[data-page=blog-post][data-guide-template=v4] .tbl:not(:has(th:nth-child(3))) table{min-width:0}main[data-page=blog-post][data-guide-template=v4] .tbl :is(th,td){overflow-wrap:normal}main[data-page=blog-post][data-guide-template=v4] .tbl{background:linear-gradient(90deg,var(--bg) 30%,#f6f3ec00) 0 0/32px 100% no-repeat local,linear-gradient(270deg,var(--bg) 30%,#f6f3ec00) 100% 0/32px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,#14141429,transparent) 0 0/10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,#14141429,transparent) 100% 0/10px 100% no-repeat scroll}main[data-page=blog-post][data-guide-template=v4] .ar-quote{min-height:44px;font:600 14px/1.3 var(--sans);color:var(--acc);justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}main[data-page=blog-post][data-guide-template=v4] .ar-quote svg{width:15px;height:15px;transition:transform .2s}main[data-page=blog-post][data-guide-template=v4] .ar-quote:hover svg{transform:translate(3px)}@media (max-width:599px){main[data-page=blog-post][data-guide-template=v4] .ar .dek{font-size:18px}main[data-page=blog-post][data-guide-template=v4] .ar-mid-acts .btn{flex:100%}}@media (min-width:960px){main[data-page=blog-post][data-guide-template=v4] .ar-faq>h2{font-size:36px}}@media (min-width:1040px){main[data-page=blog-post][data-guide-template=v4] .ar-toc-m{display:none}main[data-page=blog-post][data-guide-template=v4] .ar-mid{padding:26px 28px}main[data-page=blog-post][data-guide-template=v4] .ar-mid .ar-mid-t{font-size:23px}}@media (prefers-reduced-motion:reduce){main[data-page=blog-post][data-guide-template=v4] .ar-how,main[data-page=blog-post][data-guide-template=v4] .ar-toc-m ol,main[data-page=blog-post][data-guide-template=v4] .ar-faq .faq details p{animation:none}}@keyframes arIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
