.hr-spec.hm .hm-gh{gap:10px}.hr-spec.hm .hm-stars{background:var(--tint);font:500 12px/16px var(--mono);color:var(--ink-2);border-radius:999px;margin-left:2px;padding:2px 8px}.hr-spec.hm .hm-halves{font:400 12px/16px var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--mute);grid-template-columns:1fr 1fr;margin-bottom:10px;display:grid}.hr-spec.hm .hm-halves span+span{padding-left:16px}.hr-spec.hm .hm-switch{display:none}.hr-spec.hm .hm-frame video{aspect-ratio:1920/600;background:#0d0e10;width:100%;height:auto;display:block}.hr-spec.hm .hm-chap{row-gap:8px;margin-top:16px}.hr-spec.hm .hm-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px;display:grid}.hr-spec.hm .os-shot.hm-bare{background:0 0;border:0;border-radius:16px}.hr-spec.hm a.hm-zoom:hover .os-shot.hm-bare{box-shadow:0 0 0 1px var(--ink)}.hr-spec.hm .hm-rows{border-top:1px solid var(--line);margin:0}.hr-spec.hm .hm-rows div{border-bottom:1px solid var(--line);padding:18px 0 20px}.hr-spec.hm .hm-rows dt{font:500 20px/26px var(--sans);letter-spacing:-.02em;color:var(--ink)}.hr-spec.hm .hm-rows dd{color:var(--graphite);margin:6px 0 0;font-size:16px;line-height:24px}.hr-spec.hm .hm-code{background:var(--tint);font:400 .9em/1 var(--mono);color:var(--ink-2);white-space:nowrap;border-radius:4px;padding:1px 5px}.hr-spec.hm a.hm-zoom{cursor:zoom-in;align-self:start;display:block}.hr-spec.hm a.hm-zoom .os-shot{display:block}.hr-spec.hm a.hm-zoom:hover .os-shot{border-color:var(--ink)}.hr-spec.hm .os-shot{transition:border-color .2s}.hr-spec.hm .hm-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.hr-spec.hm .hm-note{color:var(--graphite);margin-top:12px;font-size:14px;line-height:20px}.hr-spec.hm .hm-promises{margin-top:56px}@media (min-width:961px){.hr-spec.hm .hm-promises{margin-left:calc(25% + 6px)}}.hr-spec.hm .hm-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.hr-spec.hm .hm-steps p:not(.hm-note){color:var(--ink-2);gap:12px;margin-top:14px;font-size:16px;line-height:24px;display:flex}.hr-spec.hm .hm-steps small{font:400 12px/24px var(--mono);color:var(--blue);flex:none}.hr-spec.hm .hm-engines{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hr-spec.hm .hm-engines li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.hr-spec.hm .hm-engines a{flex-direction:column;gap:4px;height:100%;padding:20px 18px 24px;display:flex}.hr-spec.hm .hm-engines b{font:500 20px/26px var(--sans);letter-spacing:-.02em;color:var(--ink);transition:color .2s}.hr-spec.hm .hm-engines a[target=_blank] b:after{content:" ↗︎";color:var(--blue);font-weight:400}.hr-spec.hm .hm-engines small{font:400 11px/16px var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--mute)}.hr-spec.hm .hm-engines span{color:var(--graphite);margin-top:12px;font-size:15px;line-height:22px}.hr-spec.hm .hm-engines em{font:400 11px/16px var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--blue);margin-top:auto;padding-top:12px}.hr-spec.hm .hm-engines a:hover b{color:var(--blue)}.hr-spec.hm .hm-engines .is-next{background:var(--tint)}.hr-spec.hm .hm-engines .is-next a b:after{content:none}.hr-spec.hm .hm-engines .is-next small{color:var(--blue)}.hr-spec.hm .hm-layers{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hr-spec.hm .hm-layers li{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;padding:16px 18px 18px;display:flex}.hr-spec.hm .hm-layers b{font:500 17px/24px var(--sans);letter-spacing:-.015em;color:var(--ink)}.hr-spec.hm .hm-layers small{font:400 11px/16px var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--mute)}.hr-spec.hm .hm-layers span{color:var(--graphite);margin-top:6px;font-size:14px;line-height:21px}.hr-spec.hm .hm-layers .is-here{border-color:var(--blue);background:var(--blue-soft)}.hr-spec.hm .hm-layers .is-here b{color:var(--blue)}.hr-spec.hm .hm-cta{margin-top:32px}.hr-spec.hm .hm-ph{width:fit-content;margin-bottom:24px;display:flex}.hr-spec.hm .hm-ph img{width:250px;height:54px;display:block}.hr-spec.hm .close .act{flex-wrap:wrap}.hr-spec.hm .hm-more{flex-wrap:wrap;grid-column:4/13;gap:8px 28px;margin-top:24px;display:flex}@media (max-width:1100px){.hr-spec.hm .hm-engines{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-spec.hm .hm-engines .is-next{grid-column:1/-1}}@media (max-width:960px){.hr-spec.hm .hm-split,.hr-spec.hm .hm-pair,.hr-spec.hm .hm-steps{grid-template-columns:1fr}.hr-spec.hm .hm-pair,.hr-spec.hm .hm-steps{row-gap:32px}.hr-spec.hm .hm-more{grid-column:1/-1}}@media (max-width:640px){.hr-spec.hm .hm-halves{display:none}.hr-spec.hm .hm-switch{border:1px solid var(--line);border-radius:8px;gap:4px;width:max-content;margin-bottom:10px;padding:4px;display:flex}.hr-spec.hm .hm-switch button{min-height:36px;font:500 14px/1 var(--sans);color:var(--graphite);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 14px;position:relative}.hr-spec.hm .hm-switch button:before{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hr-spec.hm .hm-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.hr-spec.hm .hm-frame video{aspect-ratio:960/600;object-fit:cover;object-position:0 50%}.hr-spec.hm .hm-frame.is-memory video{object-position:100% 50%}.hr-spec.hm .hm-engines{grid-template-columns:1fr}.hr-spec.hm .hm-rows dt{font-size:18px;line-height:24px}}
