@layer properties,theme,base;@layer components{.htb{--line:#ffffff17;--card:#ffffff09;--well:#130b0bf7;--mut:hsl(var(--muted-foreground));--steel:hsl(var(--brand-steel));--red:hsl(var(--destructive));--green:hsl(var(--success));--glow:0 0 10px hsl(var(--t));--chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--xx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");--edge:linear-gradient(135deg, hsl(var(--t) / .85), hsl(var(--t) / .15) 42%, #ffffff1a 70%, hsl(var(--t) / .55))}.htb-steps>li:before,.htb-avoid li:before,.htb-jr li:before,.htb-jr li:after{clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c))}.htb [id]{scroll-margin-top:5.25rem}.htb.pub-cv-off .pub-cv{content-visibility:visible}.htb #options{--cis:2431px;--cis-d:1112px}.htb #choose{--cis:1208px;--cis-d:841px}.htb #steps{--cis:2354px;--cis-d:1463px}.htb #notice{--cis:1072px;--cis-d:867px}.htb #message{--cis:897px;--cis-d:628px}.htb #avoid{--cis:959px;--cis-d:630px}.htb #seo{--cis:1021px;--cis-d:697px}.htb #measure{--cis:1020px;--cis-d:867px}.htb #faq{--cis:1019px;--cis-d:751px}.htb #start{--cis:543px;--cis-d:509px}.htb:lang(es) #options{--cis:2656px;--cis-d:1196px}.htb:lang(es) #choose{--cis:1521px;--cis-d:985px}.htb:lang(es) #steps{--cis:2179px;--cis-d:1327px}.htb:lang(es) #notice{--cis:1106px;--cis-d:680px}.htb:lang(es) #message{--cis:775px;--cis-d:559px}.htb:lang(es) #avoid{--cis:912px;--cis-d:609px}.htb:lang(es) #seo{--cis:1021px;--cis-d:669px}.htb:lang(es) #measure{--cis:1020px;--cis-d:826px}.htb:lang(es) #faq{--cis:1073px;--cis-d:818px}.htb:lang(es) #start{--cis:520px;--cis-d:528px}@media (min-width:1020px){.htb .pub-cv{contain-intrinsic-size:auto var(--cis-d,var(--cis,900px))}}.htb-nw{white-space:nowrap}.htb-cap-b{color:hsl(var(--foreground) / .5)}.htb .pub-cta-row .lq-btn{height:auto;min-height:3rem;padding-block:.6rem;line-height:1.35}.htb code{font-family:var(--fm);color:#f8c077;font-size:.9em}.htb-h2{max-width:46rem;font:700 clamp(1.6rem, 2.8vw, 2.3rem)/1.12 var(--fd);letter-spacing:-.02em;text-wrap:balance;margin-bottom:18px}.htb-prose{max-width:36em}.htb-prose+*{margin-top:24px}.htb-note{max-width:46em;color:var(--mut);text-wrap:pretty;margin-top:18px;font-size:13.5px;line-height:1.65}.htb-micro{max-width:64ch;font:600 11px/1.7 var(--fm);letter-spacing:.04em;color:hsl(var(--foreground) / .74);text-wrap:pretty;margin-top:14px}.htb-micro .pub-a{font-weight:700}.htb-sec{border-top:1px solid #ffffff0d;padding-block:clamp(34px,4.4vw,60px);position:relative}.htb :is(.htb-split,.htb-two,.htb-jr,.htb-tbl,.htb-why,.htb-rows,.htb-tree,.htb-stg,.htb-frames,.htb-nb,.htb-msg,.htb-avoid,.htb-seo,.htb-dash,.htb-final):is(:hover,:focus-within) :is(*){animation-play-state:paused}@keyframes htb-in{0%{opacity:0;transform:translateY(12px)}}@keyframes htb-on{0%,to{opacity:.25}12%,30%{opacity:1}46%{opacity:.25}}@keyframes htb-beat{0%,to{opacity:1}50%{opacity:.55}}.htb-hero{padding-bottom:clamp(28px,4vw,48px)}.htb-eyebrow{margin-top:20px}.htb .pub-h1{margin-top:14px}.htb .pub-lead{max-width:40rem}.htb-by{color:var(--mut);margin-top:10px;font-size:13px}@media (max-width:639.9px){.htb-by{padding-right:64px}.htb .pub-cta-row .lq-btn{text-align:center}}.htb-by time{color:hsl(var(--foreground) / .92);font-weight:600}@media (min-width:1120px){.htb .pub-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:start}.htb .pub-hero-grid>:last-child{margin-top:44px}}.htb-split{border:1px solid var(--line);background:radial-gradient(120% 70% at 100% 0, hsl(var(--t) / .14), transparent 60%), var(--card);border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:12px;display:grid}.htb-half{gap:10px;min-width:0;display:grid}.htb-half-cap{font:700 11px/1.3 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--foreground) / .82);align-items:center;gap:8px;display:flex}.htb-half-cap:before{content:"";background:var(--steel);border-radius:2px;flex:none;width:7px;height:7px}.htb-half-w .htb-half-cap:before{background:var(--red);box-shadow:0 0 8px var(--red)}.htb-page{height:250px;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff09;border-radius:14px;align-content:start;gap:10px;padding:14px 12px;display:grid;position:relative;overflow:hidden}.htb-sk-h{background:hsl(var(--foreground) / .22);border-radius:4px;width:72%;height:11px;display:block}.htb-sk{background:linear-gradient(90deg, hsl(var(--foreground) / .1) 0 92%, transparent 0) 0 0 / 100% 8px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .1) 0 78%, transparent 0) 0 17px / 100% 8px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .1) 0 85%, transparent 0) 0 34px / 100% 8px no-repeat;height:42px;display:block}.htb-ad{height:76px;font:700 11px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(var(--steel), var(--steel)) 0 0 / 10px 1.5px no-repeat, linear-gradient(var(--steel), var(--steel)) 0 0 / 1.5px 10px no-repeat, linear-gradient(var(--steel), var(--steel)) 100% 100% / 10px 1.5px no-repeat, linear-gradient(var(--steel), var(--steel)) 100% 100% / 1.5px 10px no-repeat, linear-gradient(135deg, hsl(var(--brand-steel) / .24), hsl(var(--brand-steel) / .07));border-radius:6px;place-items:center;font-style:normal;display:grid}.htb-ad-b{height:44px}.htb-ad-x{color:hsl(var(--destructive-ink));background:repeating-linear-gradient(135deg, hsl(var(--destructive) / .14) 0 8px, transparent 8px 16px);box-shadow:inset 0 0 0 1px hsl(var(--destructive) / .4)}.htb-half-w .htb-page:after{content:"";background:#0a0505a8;position:absolute;inset:0}.htb-wall{z-index:1;text-align:center;background:linear-gradient(160deg, hsl(var(--t) / .18), #ffffff05 60%), #160d0df7;box-shadow:inset 0 1px 0 #fff3, inset 0 0 0 1px hsl(var(--t) / .45), 0 22px 40px -18px #000;border-radius:14px;justify-items:center;gap:7px;padding:14px 12px 12px;display:grid;position:absolute;top:22%;left:8%;right:8%}.htb-wall b{font:700 13px/1.25 var(--fd)}.htb-wall>span{font:700 11px/1.3 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--t))}.htb-wall-l{background:linear-gradient(90deg, hsl(var(--foreground) / .16) 0 88%, transparent 0) 0 0 / 100% 7px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .16) 0 70%, transparent 0) 0 11px / 100% 7px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .16) 0 80%, transparent 0) 0 22px / 100% 7px no-repeat;width:100%;height:30px;display:block}.htb-wall em,.htb-fr em,.htb-nb-wall em,.htb-vmock em{text-align:center;width:100%;max-width:15rem;font-style:normal;font:700 12px/1.2 var(--fd);color:#fff;white-space:nowrap;background:linear-gradient(160deg, hsl(var(--brand-ember) / .85), hsl(var(--brand-ember-deep) / .75));box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 20px -10px hsl(var(--brand-ember));border-radius:6px;padding:9px 12px;display:block}.pub-js .htb-split .htb-wall{animation:htb-drop 7s var(--ease-spring) infinite}.pub-js .htb-half-w .htb-page:after{animation:7s ease-in-out infinite htb-dim}.pub-js .htb-wall em{animation:1.4s ease-in-out infinite htb-beat}@keyframes htb-drop{0%{opacity:0;transform:translateY(-170%)}10%,90%{opacity:1;transform:none}to{opacity:0;transform:translateY(-170%)}}@keyframes htb-dim{0%{opacity:0}10%,90%{opacity:1}to{opacity:0}}@media (max-width:420px){.htb-page{height:236px;padding:10px 8px}.htb-wall{padding:10px 6px;left:4%;right:4%}.htb-wall b{font-size:12px}.htb-half-cap{letter-spacing:.06em;font-size:11px}}.htb-two{border:1px solid var(--line);background:radial-gradient(120% 80% at 100% 0, hsl(var(--t) / .12), transparent 60%), var(--card);border-radius:22px;gap:18px;padding:18px;display:grid;position:relative}@media (min-width:640px){.htb-two{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:40px;padding:22px 24px}.htb-two-yes:before{content:"";background:linear-gradient(180deg, transparent, hsl(var(--t) / .45), transparent);width:1px;position:absolute;top:0;bottom:0;left:-21px}}.htb-two ul{gap:12px;margin-top:14px;display:grid}.htb-two li{padding-left:20px;font-size:14.5px;font-weight:600;line-height:1.45;position:relative}.htb-two-no .pub-cap:before{background:var(--steel);box-shadow:none}.htb-two-no li{color:hsl(var(--foreground) / .6);text-decoration:line-through;-webkit-text-decoration-color:var(--steel);text-decoration-color:var(--steel);text-decoration-thickness:1.5px}.htb-two-no li:before,.htb-two-yes li:before{content:"";border-radius:2px;width:8px;height:8px;position:absolute;top:.42em;left:0}.htb-two-no li:before{background:hsl(var(--brand-steel) / .5)}.htb-two-yes li:before{background:hsl(var(--t));box-shadow:0 0 0 3px hsl(var(--t) / .2), var(--glow);border-radius:50%}.pub-js .htb-two-yes li:before{animation:4.5s ease-in-out infinite htb-on}.pub-js .htb-two-yes li:nth-child(2):before{animation-delay:1.5s}.pub-js .htb-two-yes li:nth-child(3):before{animation-delay:3s}.htb-two-foot{border-top:1px solid var(--line);font:700 11px/1.5 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--t));grid-column:1/-1;padding-top:14px}.htb-two-yes{position:relative}.htb-two-yes:after{content:"";background:linear-gradient(180deg, transparent, hsl(var(--t)), transparent);width:2px;height:30%;box-shadow:var(--glow);opacity:0;border-radius:2px;position:absolute;top:0;left:-21px}@media (min-width:640px){.pub-js .htb-two-yes:after{animation:4.5s ease-in-out infinite htb-run-y}}@keyframes htb-run-y{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(240%)}}.htb-two-reach{margin-top:26px}.htb-vmock{text-align:center;background:linear-gradient(#0a05059e, #0a05059e), linear-gradient(hsl(var(--foreground) / .16), hsl(var(--foreground) / .16)) 16px 16px / 40% 9px no-repeat, repeating-linear-gradient(180deg, hsl(var(--foreground) / .08) 0 7px, transparent 7px 17px) 16px 38px / calc(100% - 32px) 90px no-repeat, var(--card);min-height:132px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;grid-column:1/-1;align-content:center;justify-items:center;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.htb-vmock b{font:700 14px/1.3 var(--fd)}.htb-vmock em{max-width:13rem}.pub-js .htb-vmock em{animation:1.6s ease-in-out infinite htb-beat}.htb-three{counter-reset:htb3;gap:10px;max-width:40em;margin-top:14px;display:grid}.htb-three li{color:var(--mut);counter-increment:htb3;padding-left:40px;font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.7;position:relative}.htb-three li:before{content:counter(htb3, decimal-leading-zero) " //" / "";font:700 11px/1.6 var(--fm);color:hsl(var(--t));position:absolute;top:.2em;left:0}.htb-three strong,.htb-list strong,.htb-avoid strong{color:hsl(var(--foreground))}.htb-jr{border-radius:20px;margin:26px 0 0;padding:18px 16px 20px}.htb-jr ol{counter-reset:st;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:18px;display:grid;position:relative;container-type:inline-size}.htb-jr ol:before{content:"";background:linear-gradient(90deg, hsl(var(--t) / .25), hsl(var(--t) / .7));height:2px;position:absolute;top:17px;left:10%;right:10%}.htb-jr ol:after{content:"";background:hsl(var(--t));width:12px;height:12px;box-shadow:0 0 0 4px hsl(var(--t) / .2), 0 0 14px hsl(var(--t));opacity:0;border-radius:50%;position:absolute;top:12px;left:calc(10% - 6px)}.htb-jr li{text-align:center;min-width:0;color:hsl(var(--foreground) / .86);counter-increment:st;justify-items:center;gap:8px;font-size:12.5px;font-weight:600;line-height:1.3;display:grid;position:relative}.htb-jr li:before{--c:8px;content:counter(st, decimal-leading-zero) / "";z-index:1;box-sizing:border-box;width:36px;height:36px;font:700 12px/1 var(--fm);color:hsl(var(--t));background:linear-gradient(#160d0d, #160d0d) padding-box, var(--edge) border-box;border:1px solid #0000;place-items:center;display:grid;position:relative}.htb-jr li:after{--c:8px;content:"";z-index:1;background:hsl(var(--t) / .28);opacity:0;width:36px;height:36px;position:absolute;top:0;left:calc(50% - 18px)}.htb-jr li:last-child:before{color:var(--green)}.pub-js .htb-jr ol:after{animation:6s linear infinite htb-jr-run}.pub-js .htb-jr li:after{animation:6s ease-out infinite htb-flash}.pub-js .htb-jr li:nth-child(2):after{animation-delay:1.2s}.pub-js .htb-jr li:nth-child(3):after{animation-delay:2.4s}.pub-js .htb-jr li:nth-child(4):after{animation-delay:3.6s}.pub-js .htb-jr li:nth-child(5):after{animation-delay:4.8s}@keyframes htb-jr-run{0%{opacity:0;transform:translate(0)}4%{opacity:1}80%{opacity:1;transform:translate(80cqw)}90%,to{opacity:0;transform:translate(80cqw)}}@keyframes htb-flash{0%{opacity:1}22%{opacity:.3}50%,to{opacity:0}}@media (max-width:639.9px){.htb-jr ol{grid-template-columns:minmax(0,1fr);gap:12px}.htb-jr ol:before{background:linear-gradient(180deg, hsl(var(--t) / .25), hsl(var(--t) / .7));width:2px;height:auto;inset:18px auto 18px 17px}.htb-jr ol:after{display:none}.htb-jr li{text-align:left;grid-template-columns:36px minmax(0,1fr);place-items:center start;gap:14px;font-size:14px}.htb-jr li:after{left:0}}.htb-tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px;line-height:1.5}.htb-tbl caption{caption-side:top;text-align:left;color:hsl(var(--foreground) / .72);padding:0 0 10px;font-size:12.5px;line-height:1.55}.htb-tbl tbody th{text-align:left;font:700 14px/1.35 var(--fd);color:hsl(var(--foreground))}.htb-tbl td{color:var(--mut)}.htb-ours td{color:hsl(var(--foreground) / .92)}.htb-pick,.htb-get,.htb-lbl,.htb-jump{font:700 11px/1.45 var(--fm);letter-spacing:.08em;text-transform:uppercase}.htb-pick{color:hsl(var(--t));align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.htb-pick:before{content:"";background:hsl(var(--t));width:8px;height:8px;box-shadow:0 0 0 3px hsl(var(--t) / .2), var(--glow);border-radius:50%;flex:none;margin-top:.25em}.pub-js .htb-pick:before{animation:1.6s ease-in-out infinite htb-beat}.htb-get{color:hsl(var(--t));margin-bottom:4px;display:block}.htb-lbl{color:hsl(var(--foreground) / .62);display:none}.htb-jump{color:hsl(var(--t));text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:hsl(var(--t) / .5);text-decoration-color:hsl(var(--t) / .5);margin-bottom:12px;display:inline-flex}@media (min-width:1024px){.htb-jump{display:none}.htb-tbl{border:1px solid var(--line);background:var(--card);border-radius:18px;margin-top:24px}.htb-tbl caption{padding:14px 0 12px}.htb-tbl thead th{text-align:left;vertical-align:bottom;font:700 11px/1.35 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--foreground) / .72);border-bottom:1px solid var(--line);padding:12px}.htb-tbl thead th:first-child,.htb-tbl tbody th{width:22%;padding-left:16px}.htb-tbl tbody th,.htb-tbl td{vertical-align:top;padding:14px 12px}.htb-tbl tbody tr+tr>*{border-top:1px solid var(--line)}.htb-ours>*{background:linear-gradient(180deg, hsl(var(--t) / .1), hsl(var(--t) / .04));border-top:1px solid hsl(var(--t) / .6)!important}.htb-ours th{box-shadow:inset 3px 0 0 hsl(var(--t));border-radius:0 0 0 17px}.htb-ours td:last-child{border-radius:0 0 17px}}@media (max-width:1023.9px){.htb-tbl,.htb-tbl tbody,.htb-tbl tr,.htb-tbl tbody th,.htb-tbl td,.htb-tbl caption{display:block}.htb-tbl thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.htb-tbl tbody tr{border:1px solid var(--line);background:var(--card);border-radius:16px;margin-top:10px;padding:14px 14px 6px}.htb-tbl tbody th{padding:0 0 10px;font-size:15px}.htb-tbl td{border-top:1px solid var(--line);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12px;padding:9px 0;display:grid}.htb-lbl,.htb-get{margin:0;display:block}.htb-ours{box-shadow:0 14px 30px -20px hsl(var(--t));scroll-margin-top:6rem;border-color:hsl(var(--t) / .6)!important;background:linear-gradient(160deg, hsl(var(--t) / .14), hsl(var(--t) / .03) 65%)!important}.htb-ours>td{border-top-color:hsl(var(--t) / .25)}}.htb-why{border-radius:20px;margin-top:22px;padding:18px 18px 20px}.htb-why dl{margin-top:14px;display:grid}.htb-why :is(dt,dd){border-left:2px solid hsl(var(--t) / .3);padding-left:14px;position:relative}.htb-why dt:before{content:"";background:hsl(var(--t));width:2px;height:100%;box-shadow:var(--glow);border-radius:2px;position:absolute;top:0;left:-2px}.pub-js .htb-why dt:before{animation:4.5s ease-in-out infinite htb-on}.pub-js .htb-why dt:nth-of-type(2):before{animation-delay:1.5s}.pub-js .htb-why dt:nth-of-type(3):before{animation-delay:3s}.htb-why dt{font:700 11px/1.4 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--t))}.htb-why dt:not(:first-child){margin-top:12px}.htb-why dd{color:hsl(var(--foreground) / .92);padding-top:4px;font-size:14px;font-weight:600;line-height:1.45}@media (min-width:760px){.htb-why dl{grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;column-gap:18px}.htb-why dt:not(:first-child){margin-top:0}}.htb-why .pub-cta-row{margin-top:18px}.htb-rows{gap:10px;display:grid}.htb-row{border:1px solid var(--line);background:var(--card);border-radius:16px;gap:8px;padding:14px 16px;display:grid}@media (min-width:760px){.htb-row{grid-template-columns:minmax(0,.9fr) 54px minmax(0,1.25fr);align-items:center;gap:14px}}.htb-sit{font:600 14.5px/1.45 var(--fd);color:hsl(var(--foreground))}.htb-opt p{color:var(--mut);font-size:14px;line-height:1.6}.htb-opt .lq-btn{margin-top:10px}.htb-arw{background:hsl(var(--t) / .3);height:2px;display:none;position:relative}@media (min-width:760px){.htb-arw{display:block}}.htb-arw:before{content:"";background:hsl(var(--t));width:12px;height:12px;-webkit-mask:var(--arr) center / contain no-repeat;-webkit-mask:var(--arr) center / contain no-repeat;mask:var(--arr) center / contain no-repeat;position:absolute;top:-5px;right:-2px}.htb-arw:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--t)), transparent);box-shadow:var(--glow);opacity:0;position:absolute;inset:0;transform:translate(-100%)}.pub-js .htb-row-ours .htb-arw:after{animation:2.2s ease-in-out infinite htb-wire}@keyframes htb-wire{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}to{opacity:0;transform:translate(100%)}}.htb-row-ours{border-color:hsl(var(--t) / .55);background:linear-gradient(160deg, hsl(var(--t) / .16), hsl(var(--t) / .03) 65%);box-shadow:0 14px 30px -20px hsl(var(--t));padding:18px}.htb-row-ours .htb-sit{color:hsl(var(--t));font-size:15.5px}.htb-row-ours .htb-opt p{color:hsl(var(--foreground) / .92);font-weight:600}.pub-js .htb-rows:not(.is-in)>li{opacity:0}.pub-js .htb-rows.is-in>li{animation:htb-in .6s var(--ease-spring) backwards}.pub-js .htb-rows.is-in>li:nth-child(2){animation-delay:90ms}.pub-js .htb-rows.is-in>li:nth-child(3){animation-delay:.18s}.pub-js .htb-rows.is-in>li:nth-child(4){animation-delay:.27s}.pub-js .htb-rows.is-in>li:nth-child(5){animation-delay:.36s}.htb-tree{gap:0;display:grid}.htb-trunk{border:1px solid hsl(var(--t) / .55);background:linear-gradient(160deg, hsl(var(--t) / .16), hsl(var(--t) / .03) 65%);box-shadow:0 14px 30px -20px hsl(var(--t));border-radius:18px;padding:18px;position:relative}.htb-trunk .htb-sit{color:hsl(var(--t));font-size:15.5px}.htb-trunk p+p{color:hsl(var(--foreground) / .92);margin-top:6px;font-size:14.5px;font-weight:600;line-height:1.55}.htb-qs{gap:14px;padding:18px 0 0 26px;display:grid;position:relative;overflow-y:clip}.htb-qs:before,.htb-qs:after{content:"";width:2px;position:absolute;top:0;left:9px}.htb-qs:before{background:hsl(var(--t) / .3);bottom:24px}.htb-qs:after{background:linear-gradient(180deg, transparent 0, hsl(var(--t)) 7%, transparent 14%);height:100%;transform:translateY(-14%)}.pub-js .htb-qs:after{animation:4s linear infinite htb-fall}@keyframes htb-fall{to{transform:translateY(100%)}}.htb-q{position:relative}.htb-q:before{content:"";background:hsl(var(--t) / .4);width:12px;height:2px;position:absolute;top:.75em;left:-17px}.htb-qt{font:700 15px/1.4 var(--fd);color:hsl(var(--foreground))}.htb-br{gap:8px;margin-top:10px;display:grid}@media (min-width:760px){.htb-br{grid-template-columns:repeat(2,minmax(0,1fr))}}.htb-br li{border:1px solid var(--line);background:var(--card);color:var(--mut);transition:border-color var(--dur-med), background var(--dur-med), transform .42s var(--ease-spring);border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.55}.htb-br li:is(:hover,:focus-within){border-color:hsl(var(--t) / .55);background:linear-gradient(160deg, hsl(var(--t) / .13), hsl(var(--t) / .02) 65%);color:hsl(var(--foreground) / .9);transform:translateY(-2px)}.htb-br b{font:700 11px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--t));margin-right:4px}.htb-br b:after{content:" //" / "";color:hsl(var(--foreground) / .4)}.htb-br .lq-btn{width:fit-content;margin-top:10px;display:flex}.htb-stg{gap:24px;display:grid}@media (min-width:1024px){.htb-stg{grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:start;gap:36px}.htb-setup{position:sticky;top:110px}}.htb-steps{gap:26px;display:grid;position:relative;overflow-y:clip}.htb-steps:before,.htb-steps:after{content:"";border-radius:2px;width:2px;position:absolute;top:22px;bottom:22px;left:21px}.htb-steps:before{background:hsl(var(--foreground) / .1)}.htb-steps:after{background:linear-gradient(180deg, hsl(var(--t)), hsl(var(--t) / .35));box-shadow:var(--glow);transform-origin:50% 0;transition:transform 1.8s var(--ease-out)}.pub-js .htb-steps:not(.is-in):after{transform:scaleY(0)}.htb-steps{counter-reset:stp}.htb-steps>li{counter-increment:stp;grid-template-columns:44px minmax(0,1fr);column-gap:16px;display:grid}.htb-steps>li>*{grid-column:2}.htb-steps>li:before{--c:9px;content:counter(stp, decimal-leading-zero) / "";z-index:1;box-sizing:border-box;background:radial-gradient(120% 90% at 0 0, hsl(var(--t) / .2), transparent 70%) padding-box, linear-gradient(var(--well), var(--well)) padding-box, var(--edge) border-box;width:44px;height:44px;font:700 15px/1 var(--fm);color:hsl(var(--t));text-shadow:0 0 14px hsl(var(--t) / .6);border:1px solid #0000;grid-area:1/1/span 4;place-items:center;display:grid;position:relative}.htb-steps h3{font:700 1.08rem/1.3 var(--fd);letter-spacing:-.01em;margin-top:10px}.htb-steps li>p{max-width:40em;color:var(--mut);text-wrap:pretty;margin-top:6px;font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.7}.htb-steps li>.htb-time{font:700 11px/1.5 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--t));margin-top:8px}.htb-steps>li:last-child:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(3px 26px at 50% 4%, hsl(var(--t)), transparent);width:6px;height:100%;position:absolute;top:0;left:19px;transform:translateY(-8%)}.pub-js .htb-steps.is-in>li:last-child:after{opacity:1;animation:3.6s linear 1.8s infinite htb-fall}.htb-code{max-width:40em;margin:14px 0 0;padding:12px 14px 14px}.htb-code .pub-cap{font-size:11px}.htb-code pre{white-space:pre;margin-top:8px;padding-bottom:4px;font-size:12px;overflow-x:auto}.htb-code code{font-size:inherit;color:hsl(var(--foreground) / .92)}.htb-codenote{color:hsl(var(--foreground) / .66);margin-top:10px;font-size:12.5px;line-height:1.55}.htb-setup{border-radius:18px;padding:16px}.htb-dash+.htb-prose{margin-top:22px}.htb-setup-rows{white-space:pre-line;color:hsl(var(--foreground) / .86);background:repeating-linear-gradient(180deg, transparent 0 39px, var(--line) 39px 40px) 0 40px / 100% calc(100% - 40px) no-repeat;margin-top:4px;padding-left:26px;font-size:13px;font-weight:600;line-height:40px;position:relative}.htb-setup-rows:first-line{font:600 11px/40px var(--fm);letter-spacing:.06em;color:hsl(var(--foreground) / .55)}.htb-setup-rows:before{content:"";background:hsl(var(--t));width:16px;height:144px;-webkit-mask:var(--chk) 0 0 / 16px 40px repeat-y;-webkit-mask:var(--chk) 0 0 / 16px 40px repeat-y;mask:var(--chk) 0 0 / 16px 40px repeat-y;position:absolute;top:44px;left:0}.htb-setup-rows:after{content:"";background:linear-gradient(90deg, hsl(var(--t) / .16), transparent);opacity:0;border-radius:8px;height:40px;position:absolute;top:40px;left:-6px;right:-6px}.pub-js .htb-setup-rows:after{animation:6s ease-in-out infinite htb-rows}@keyframes htb-rows{0%{opacity:0;transform:translateY(0)}6%{opacity:1}25%{transform:translateY(0)}31%,50%{transform:translateY(40px)}56%,75%{transform:translateY(80px)}81%,94%{opacity:1;transform:translateY(120px)}to{opacity:0;transform:translateY(120px)}}.htb-setup-live{border-top:1px solid var(--line);font:700 11px/1.4 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--t));align-items:center;gap:10px;padding-top:10px;display:flex}.htb-setup-live:before{content:"";background:hsl(var(--t));width:9px;height:9px;box-shadow:0 0 0 3px hsl(var(--t) / .2), var(--glow);border-radius:50%;margin-inline:3.5px}.pub-js .htb-setup-live:before{animation:1.2s ease-in-out infinite htb-beat}.htb-list{gap:10px;max-width:40em;margin-top:14px;display:grid}.htb-list li{color:var(--mut);padding-left:20px;font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.7;position:relative}.htb-list li:before{content:"";background:hsl(var(--t));width:10px;height:2px;box-shadow:var(--glow);border-radius:2px;position:absolute;top:.65em;left:0}.htb-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}@media (min-width:640px){.htb-frames{grid-template-columns:repeat(4,minmax(0,1fr))}}.htb-frames li{border:1px solid var(--line);background:var(--card);color:hsl(var(--foreground) / .9);counter-increment:fr;border-radius:16px;align-content:start;gap:10px;padding:8px 8px 12px;font-size:13px;font-weight:600;line-height:1.35;display:grid;position:relative}.htb-frames{counter-reset:fr}.htb-frames li:before{content:counter(fr, decimal-leading-zero) " //" / "";font:700 11px/1 var(--fm);letter-spacing:.1em;color:hsl(var(--t))}.htb-frames li:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px hsl(var(--t) / .85), 0 0 24px -6px hsl(var(--t));opacity:0;position:absolute;inset:-1px}.htb-frames li>.htb-fr{order:-1}.pub-js .htb-frames li:after{animation:6s ease-in-out infinite htb-focus}.pub-js .htb-frames li:nth-child(2):after{animation-delay:1.5s}.pub-js .htb-frames li:nth-child(3):after{animation-delay:3s}.pub-js .htb-frames li:nth-child(4):after{animation-delay:4.5s}@keyframes htb-focus{0%,to{opacity:0}6%,22%{opacity:1}30%{opacity:0}}.htb-fr{aspect-ratio:4/3;box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(hsl(var(--foreground) / .2), hsl(var(--foreground) / .2)) 10% 14% / 52% 7% no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .1) 0 90%, transparent 0) 10% 70% / 80% 5% no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .1) 0 70%, transparent 0) 10% 82% / 80% 5% no-repeat, #ffffff08;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.htb-fr:before{content:"";background:linear-gradient(135deg, hsl(var(--brand-steel) / .3), hsl(var(--brand-steel) / .1));border-radius:5px;height:30%;position:absolute;top:28%;left:10%;right:10%}.htb-fr-2:before{background:repeating-linear-gradient(135deg, hsl(var(--destructive) / .18) 0 6px, transparent 6px 12px);box-shadow:inset 0 0 0 1px hsl(var(--destructive) / .45)}.htb-fr-2:after{content:"";background:var(--red);width:9px;height:9px;box-shadow:0 0 10px var(--red);border-radius:50%;position:absolute;top:9%;right:8%}.pub-js .htb-fr-2:after{animation:1.2s ease-in-out infinite htb-beat}.htb-fr-3{background-color:#0a050599}.htb-fr-3:before{background:linear-gradient(160deg, hsl(var(--t) / .2), transparent 60%), #160d0df7;height:56%;box-shadow:inset 0 0 0 1px hsl(var(--t) / .45), 0 12px 24px -12px #000;border-radius:9px;inset:22% 14% auto}.htb-fr-3 em{z-index:1;white-space:normal;width:64%;margin-top:18%;padding:6px 4px;font-size:12px;position:relative}.pub-js .htb-fr-3 em{animation:1.4s ease-in-out infinite htb-beat}.htb-fr-4:after{content:"";background:var(--green);width:16px;height:16px;-webkit-mask:var(--chk) center / contain no-repeat;-webkit-mask:var(--chk) center / contain no-repeat;mask:var(--chk) center / contain no-repeat;position:absolute;top:7%;right:7%}.htb-fr-4:before{box-shadow:inset 0 0 0 1px hsl(var(--success) / .45)}.htb-split2{gap:24px;display:grid}@media (min-width:1020px){.htb-split2{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:32px}}.htb-nb{gap:10px;min-width:0;display:grid}.htb-nb-tabs{flex-wrap:wrap;gap:4px;display:flex}.htb-nb-tab{cursor:pointer;font:700 11px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--foreground) / .58);transition:color var(--dur-med);padding:9px 14px 11px;position:relative}.htb-nb-tab:after{content:"";background:hsl(var(--t));height:2px;box-shadow:var(--glow);opacity:0;transition:opacity var(--dur-med), left .42s var(--ease-spring), right .42s var(--ease-spring);border-radius:2px;position:absolute;bottom:0;left:30%;right:30%}.htb-nb-tab:hover{color:hsl(var(--foreground))}.htb-nb-tab:has(input:checked){color:hsl(var(--foreground))}.htb-nb-tab:has(input:checked):after{opacity:1;left:8%;right:8%}.htb-nb-tab:has(input:focus-visible){outline:2px solid hsl(var(--t) / .85);outline-offset:2px;border-radius:6px}.htb-nb-r{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.htb-nb-page{background:linear-gradient(hsl(var(--foreground) / .2), hsl(var(--foreground) / .2)) 18px 20px / 46% 10px no-repeat, linear-gradient(135deg, hsl(var(--brand-steel) / .22), hsl(var(--brand-steel) / .07)) 18px 46px / calc(100% - 36px) 70px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .1) 0 90%, transparent 0) 18px 132px / calc(100% - 36px) 8px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .1) 0 75%, transparent 0) 18px 150px / calc(100% - 36px) 8px no-repeat;height:272px;position:relative;overflow:hidden}.htb-nb-page:before{content:"";background:#0a0505b3;position:absolute;inset:0}.htb-nb-wall{text-align:center;background:linear-gradient(160deg, hsl(var(--t) / .16), #ffffff05 60%), #160d0df7;width:min(86%,300px);box-shadow:inset 0 1px 0 #fff3, inset 0 0 0 1px hsl(var(--t) / .4), 0 22px 40px -18px #000;border-radius:16px;justify-items:center;gap:8px;padding:18px 16px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.htb-nb-wall b{font:700 14px/1.3 var(--fd)}.htb-nb-wall em{margin-top:40px}.htb-nb-wall:after{content:"";pointer-events:none;background:linear-gradient(90deg, hsl(var(--foreground) / .16) 0 88%, transparent 0) 0 0 / 100% 7px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .16) 0 70%, transparent 0) 0 11px / 100% 7px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .16) 0 80%, transparent 0) 0 22px / 100% 7px no-repeat;height:30px;position:absolute;bottom:54px;left:16px;right:16px}.htb-nb-s{font:700 11px/1.3 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--t));display:none}.htb-nb-s-ext{display:block}:is(.htb-nb:has(.htb-nb-r-brave:checked) .htb-nb-s-ext,.htb-nb:has(.htb-nb-r-dns:checked) .htb-nb-s-ext){display:none}:is(.htb-nb:has(.htb-nb-r-brave:checked) .htb-nb-s-brave,.htb-nb:has(.htb-nb-r-dns:checked) .htb-nb-s-dns){display:block}.htb-nb-ln{background:linear-gradient(90deg, hsl(var(--foreground) / .16) 0 88%, transparent 0) 0 0 / 100% 7px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .16) 0 70%, transparent 0) 0 11px / 100% 7px no-repeat, linear-gradient(90deg, hsl(var(--foreground) / .16) 0 80%, transparent 0) 0 22px / 100% 7px no-repeat;width:100%;height:30px;display:block}.pub-js .htb-nb-wall em{animation:1.6s ease-in-out infinite htb-beat}.htb-nb-wall:before{content:"";background:hsl(var(--foreground) / .7);width:14px;height:14px;-webkit-mask:var(--xx) center / contain no-repeat;-webkit-mask:var(--xx) center / contain no-repeat;mask:var(--xx) center / contain no-repeat;display:none;position:absolute;top:10px;right:10px}.htb-nb:has(.htb-nb-r-dns:checked) .htb-nb-wall:before{display:block}.htb-nb-close{font:700 11px/1.5 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--foreground) / .5);transition:color var(--dur-med)}.htb-nb-close:before{content:"— " / "";color:hsl(var(--t))}.htb-nb:has(.htb-nb-r-dns:checked) .htb-nb-close{color:hsl(var(--t))}.pub-js .htb-nb:has(input:checked) .htb-nb-wall{animation:htb-pop .52s var(--ease-spring)}@keyframes htb-pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}}.htb-msg{gap:12px;display:grid}@media (min-width:760px){.htb-msg{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.htb-draft{border:1px solid var(--line);background:var(--card);border-radius:18px;align-content:start;align-self:start;gap:12px;margin:0;padding:18px;display:grid}.htb-draft blockquote{font:600 clamp(1rem, 1.4vw, 1.12rem)/1.55 var(--fd);color:hsl(var(--foreground));padding-bottom:12px;position:relative}.htb-bad .pub-cap:before{background:var(--steel);box-shadow:none}.htb-bad blockquote{color:hsl(var(--foreground) / .55);text-decoration:line-through;-webkit-text-decoration-color:var(--steel);text-decoration-color:var(--steel);text-decoration-thickness:2px}.htb-good{border-color:hsl(var(--t) / .45);background:linear-gradient(160deg, hsl(var(--t) / .12), hsl(var(--t) / .02) 65%)}.htb-good blockquote:after{content:"";background:linear-gradient(90deg, hsl(var(--t)), hsl(var(--t) / .25));height:2px;box-shadow:var(--glow);transform-origin:0;border-radius:2px;position:absolute;bottom:0;left:0;right:0}.pub-js .htb-msg.is-in .htb-good blockquote:after{animation:htb-draw 5s var(--ease-out) infinite}@keyframes htb-draw{0%{opacity:1;transform:scaleX(0)}30%,85%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.htb-count{font:700 11px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--t))}.htb-avoid{display:grid}.htb-avoid li{border-top:1px solid var(--line);color:var(--mut);padding:16px 0 16px 50px;font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.7;position:relative}.htb-avoid li:last-child{border-bottom:1px solid var(--line)}.htb-avoid li:before{--c:7px;content:"";box-sizing:border-box;background:linear-gradient(var(--well), var(--well)) padding-box, linear-gradient(135deg, hsl(var(--brand-steel) / .6), hsl(var(--brand-steel) / .15)) border-box;border:1px solid #0000;width:34px;height:34px;position:absolute;top:18px;left:0}.htb-avoid li:after{content:"";background:hsl(var(--t));width:16px;height:16px;-webkit-mask:var(--xx) center / contain no-repeat;-webkit-mask:var(--xx) center / contain no-repeat;mask:var(--xx) center / contain no-repeat;position:absolute;top:27px;left:9px}.pub-js .htb-avoid li:after{animation:7.5s ease-in-out infinite htb-on}.pub-js .htb-avoid li:nth-child(2):after{animation-delay:1.25s}.pub-js .htb-avoid li:nth-child(3):after{animation-delay:2.5s}.pub-js .htb-avoid li:nth-child(4):after{animation-delay:3.75s}.pub-js .htb-avoid li:nth-child(5):after{animation-delay:5s}.pub-js .htb-avoid li:nth-child(6):after{animation-delay:6.25s}.pub-js .htb-avoid:not(.is-in) li{opacity:0}.pub-js .htb-avoid.is-in li{animation:htb-in .6s var(--ease-spring) backwards}.pub-js .htb-avoid.is-in li:nth-child(2){animation-delay:80ms}.pub-js .htb-avoid.is-in li:nth-child(3){animation-delay:.16s}.pub-js .htb-avoid.is-in li:nth-child(4){animation-delay:.24s}.pub-js .htb-avoid.is-in li:nth-child(5){animation-delay:.32s}.pub-js .htb-avoid.is-in li:nth-child(6){animation-delay:.4s}.htb-seo{gap:12px;margin:26px 0 0;display:grid}@media (min-width:680px){.htb-seo{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px}}.htb-rd{gap:10px;min-width:0;display:grid}.htb-rd-cap{font:700 14px/1.3 var(--fd);color:hsl(var(--foreground));gap:3px;display:grid}.htb-rd-cap small{font:700 11px/1.4 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--t))}.htb-rd-page{border:1px solid var(--line);background:linear-gradient(hsl(var(--foreground) / .2), hsl(var(--foreground) / .2)) 16px 18px / 50% 9px no-repeat, repeating-linear-gradient(180deg, hsl(var(--foreground) / .1) 0 7px, transparent 7px 17px) 16px 42px / calc(100% - 32px) 120px no-repeat, var(--card);border-radius:14px;place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.htb-rd-bot .htb-rd-page:after{content:"";background:linear-gradient(180deg, transparent, hsl(var(--t) / .28), transparent);border-bottom:1px solid hsl(var(--t) / .8);height:26px;position:absolute;top:0;left:0;right:0}.pub-js .htb-rd-bot .htb-rd-page:after{animation:3.2s ease-in-out infinite htb-scan}@keyframes htb-scan{0%{opacity:0;transform:translateY(-30px)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(180px)}}.htb-rd-user .htb-rd-page:before{content:"";background:#0a05059e;position:absolute;inset:0}.htb-rd-user b{text-align:center;width:74%;font:700 13px/1.3 var(--fd);background:linear-gradient(160deg, hsl(var(--t) / .18), #ffffff05 60%), #160d0df7;box-shadow:inset 0 0 0 1px hsl(var(--t) / .45), 0 18px 30px -16px #000;border-radius:10px;padding:18px 16px 44px;position:relative}.pub-js .htb-seo.is-in .htb-rd-user b{animation:htb-drop2 4.8s var(--ease-spring) infinite}@keyframes htb-drop2{0%,6%{opacity:0;transform:translateY(-120px)}22%,84%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-120px)}}.htb-same{font:700 11px/1.3 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--t));white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding-bottom:80px;display:flex}.htb-same:before,.htb-same:after{content:"";background:linear-gradient(90deg, hsl(var(--t) / .2), hsl(var(--t)));width:22px;height:2px;box-shadow:var(--glow)}.htb-same:after{transform:scaleX(-1)}@media (max-width:679.9px){.htb-same{padding-bottom:0}}.htb-dash{border-radius:20px;margin-top:22px;padding:16px}.htb-dash-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 18px;padding-bottom:12px;display:flex}.htb-dash-bar .pub-cap{margin-right:auto}.htb-live{font:700 11px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--t));align-items:center;gap:7px;display:inline-flex}.htb-live:before{content:"";background:hsl(var(--t));width:8px;height:8px;box-shadow:0 0 0 3px hsl(var(--t) / .2), var(--glow);border-radius:50%}.pub-js .htb-live:before{animation:1.2s ease-in-out infinite htb-beat}.htb-figs{margin-top:14px;display:grid}.htb-figs>*{border-left:2px solid hsl(var(--t) / .7);padding-left:12px}.htb-figs dt:not(:first-child){margin-top:14px}@media (min-width:640px){.htb-figs{grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;column-gap:14px}.htb-figs dt:not(:first-child){margin-top:0}}.htb-figs dt{color:hsl(var(--foreground) / .74);font-size:12.5px;line-height:1.4}.htb-figs dd{white-space:nowrap;min-width:6ch;font:700 clamp(1.4rem, 2.4vw, 1.8rem)/1.1 var(--fm);font-variant-numeric:tabular-nums;color:hsl(var(--t));text-shadow:0 0 14px hsl(var(--t) / .4);margin-top:0;padding-top:4px}.pub-js .htb-dash:not(.is-in) [data-count]{opacity:0}.htb-bars{margin-top:18px}.htb-bars>p{font:700 11px/1.4 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--foreground) / .8)}.htb-bars-g{transform-origin:50% 100%;height:120px;transition:transform 1.1s var(--ease-spring);background:linear-gradient(180deg, hsl(var(--t)), hsl(var(--brand-ember-deep) / .6)) 2.5% 100% / 9% 58% no-repeat, linear-gradient(180deg, hsl(var(--t)), hsl(var(--brand-ember-deep) / .6)) 18.75% 100% / 9% 71% no-repeat, linear-gradient(180deg, hsl(var(--t)), hsl(var(--brand-ember-deep) / .6)) 35% 100% / 9% 64% no-repeat, linear-gradient(180deg, hsl(var(--t)), hsl(var(--brand-ember-deep) / .6)) 51.25% 100% / 9% 83% no-repeat, linear-gradient(180deg, hsl(var(--t)), hsl(var(--brand-ember-deep) / .6)) 67.5% 100% / 9% 77% no-repeat, linear-gradient(180deg, hsl(var(--t)), hsl(var(--brand-ember-deep) / .6)) 83.75% 100% / 9% 49% no-repeat, linear-gradient(180deg, hsl(var(--t)), hsl(var(--brand-ember-deep) / .6)) 97.5% 100% / 9% 56% no-repeat;margin-top:10px;display:block}.htb-days{text-align:justify;text-align-last:justify;font:700 11px/1 var(--fm);text-transform:uppercase;color:hsl(var(--foreground) / .6);margin-top:6px;padding-inline:max(0px,6.8% - 1.5ch);display:block}.pub-js .htb-dash:not(.is-in) .htb-bars-g{transform:scaleY(0)}.pub-js .htb-dash.is-in .htb-bars-g{animation:3.6s ease-in-out 1.2s infinite htb-breathe}@keyframes htb-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.9)}}.htb-final{text-align:left;justify-items:start;position:relative;overflow:hidden}@media (min-width:760px){.htb-final{text-align:center;justify-items:center}}.htb-final h2{position:relative}.htb-final .pub-cta-row{justify-content:flex-start}@media (min-width:760px){.htb-final .pub-cta-row{justify-content:center}}.htb-final .htb-micro{margin-top:4px}.htb-glow{pointer-events:none;background:radial-gradient(50% 50% at 50% 30%, hsl(var(--t) / .22), transparent 70%);height:120%;position:absolute;inset:-40% 10% auto}.pub-js .htb-glow{animation:5s ease-in-out infinite htb-beat}.htb-more{padding-top:34px}.htb-h2s{font:700 1.2rem/1.3 var(--fd);letter-spacing:-.01em}.htb-cards{gap:10px;margin-top:14px;display:grid}@media (min-width:680px){.htb-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.htb-card{white-space:pre-line;border:1px solid var(--line);background:var(--card);height:100%;font:700 14.5px/1.35 var(--fd);color:hsl(var(--foreground));transition:transform .42s var(--ease-spring), border-color var(--dur-med), background var(--dur-med);border-radius:16px;padding:16px;display:block}.htb-card:hover,.htb-card:focus-visible{border-color:hsl(var(--t) / .5);background:linear-gradient(160deg, hsl(var(--t) / .12), hsl(var(--t) / .02) 65%);transform:translateY(-3px)}.htb-card:first-line{font:700 11px/2.2 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--foreground) / .66)}.htb-grid{gap:8px;padding-bottom:clamp(36px,5vw,72px);display:grid}.htb-main{min-width:0}.htb-toc{border:1px solid var(--line);background:var(--card);border-radius:16px;min-width:0;padding:12px 14px}.htb-toc-l{scrollbar-width:none;counter-reset:toc;gap:4px 18px;margin-top:10px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.htb-toc-l::-webkit-scrollbar{display:none}.htb-toc a{counter-increment:toc;color:hsl(var(--foreground) / .78);white-space:nowrap;transition:color var(--dur-fast);flex:none;align-items:baseline;gap:6px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.htb-toc a:before{content:counter(toc, decimal-leading-zero) / "";font:700 11px/1 var(--fm);color:hsl(var(--t))}.htb-toc a:hover,.htb-toc a:focus-visible{color:hsl(var(--t))}@media (min-width:1180px){.htb-grid{grid-template-columns:210px minmax(0,1fr);gap:48px}.htb-toc{background:0 0;border:0;border-radius:0;align-self:start;margin-top:clamp(34px,4.4vw,60px);padding:0 0 0 16px;position:sticky;top:104px}.htb-toc:before,.htb-toc:after{content:"";border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:0}.htb-toc:before{background:hsl(var(--foreground) / .1)}.htb-toc:after{background:hsl(var(--t));box-shadow:var(--glow);transform-origin:50% 0;transform:scaleY(.04)}.htb-toc-l{gap:2px;display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.htb-toc a{white-space:normal;padding:6px 0}}@supports (animation-timeline:scroll()){@media (min-width:1180px) and (prefers-reduced-motion:no-preference){.htb-toc:after{animation:linear both htb-read;animation-timeline:scroll(root)}}}@keyframes htb-read{0%{transform:scaleY(.04)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.htb *,.htb :before,.htb :after{transition:none!important;animation:none!important}.htb-two-yes li:before,.htb-why dt:before,.htb-avoid li:after{opacity:1}}}@layer utilities;