@layer components{.hm{--color-bg:#fff;--color-bg-subtle:#f4f2f0;--color-bg-muted:#edebe9;--color-bg-inset:#e5e4e2;--color-bg-inverse:#1a1919;--color-surface:#fff;--color-text:#1a1919;--color-text-secondary:#4b4a49;--color-text-muted:#636261;--color-text-subtle:#8a8988;--color-text-inverse:#fff;--font-sans:var(--font-hanken), system-ui, sans-serif;--font-mono:var(--font-plex-mono), ui-monospace, monospace;--color-border:#e5e4e2;--color-border-strong:#dbdad8;--color-accent:#f4e75a;--color-accent-hover:#ebdd47;--color-accent-tint:#fbf7c4;--color-accent-text:#1a1919;--color-indigo:var(--color-text-secondary);--color-violet:var(--color-text-secondary);--color-amber:var(--color-text-muted);--hm-panel-shadow:0 1px 2px #1a19190f, 0 14px 32px -12px #1a191933;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-feature-settings:"dlig";letter-spacing:0;font-size:1rem;line-height:1.5}.hm :is(button,select,summary,[role=tab]){cursor:pointer}.hm :is(button,select):disabled{cursor:not-allowed}.hm-h1,.hm-h2,.hm-h3,.hm-h4{font-family:var(--font-display);font-feature-settings:normal}.hm-h1{letter-spacing:0;font-size:clamp(2.5rem,1.9rem + 2.4vw,3.5rem);font-weight:400;line-height:1.1}.hm-h2{letter-spacing:0;font-size:clamp(1.875rem,1.6rem + 1.1vw,2.5rem);font-weight:400;line-height:1.15}.hm-h3{font-size:1.5rem;font-weight:400;line-height:1.3}.hm-h4{font-size:1.1875rem;font-weight:400;line-height:1.35}.hm-lead{color:var(--color-text);font-size:1.125rem;line-height:1.5}.hm-body{color:var(--color-text);font-size:1rem;font-weight:500;line-height:1.5}.hm-tail{color:var(--color-text-subtle)}.hm-h1:has(.hm-mark){line-height:1.26}.hm-mark{background:var(--color-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding-inline:.14em}.hm-mono{font-family:var(--font-mono);letter-spacing:.6px}.hm-shell{width:100%;max-width:1440px;margin-inline:auto;padding-inline:24px}@media (max-width:639px){.hm-shell{padding-inline:16px}}.hm-section{border-top:1px solid var(--color-border);padding-block:clamp(64px,8vw,112px)}.hm-split{gap:24px;display:grid}@media (min-width:1024px){.hm-split{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px}}.hm .prose-post{max-width:var(--container-prose);color:var(--color-text)}.hm .prose-post a:hover{color:var(--color-text);text-decoration-thickness:2px}.hm .prose-post a{text-decoration-thickness:1px}.hm .prose-post>p:first-child{font-size:1.25rem;line-height:1.6}.hm .prose-post>p:first-child:has(+h2){border-bottom:1px solid var(--color-border);padding-bottom:2.5rem}.hm .prose-post>:is(blockquote,figure){margin-block:3rem}.hm .prose-post blockquote{font-family:var(--font-display);font-feature-settings:normal;text-align:center;text-wrap:balance;border:0;padding:0;font-size:clamp(1.5rem,1.3rem + .9vw,2rem);line-height:1.3}.hm .prose-post img{box-shadow:none;border-radius:6px}.hm .prose-post figcaption{color:var(--color-text-muted);margin-top:.75rem;font-size:.875rem;line-height:1.5}.hm .prose-post blockquote+figcaption{margin-top:1.5rem;font-size:1rem}.hm .prose-post.hm-conclusion{background:var(--color-bg-subtle);border-radius:8px;margin-top:3rem;padding:clamp(20px,4vw,32px)}.hm .hm-conclusion h2{margin-top:0}.hm .prose-post hr,.hm .prose-post :is(th,td){border-width:0;border-bottom:1px solid var(--color-border)}.hm-tray{background:var(--color-bg-subtle);border-radius:8px;gap:4px;padding:4px;display:grid}.hm-card{background:var(--color-surface);border-radius:6px;padding:16px}.hm-overlap{grid-template-areas:"slide";display:grid}.hm-overlap>*{grid-area:slide}.hm-carousel{scrollbar-width:none;background:var(--color-bg-subtle);border-radius:8px;gap:4px;padding:4px;display:flex;overflow-x:auto}.hm-carousel::-webkit-scrollbar{display:none}.hm-carousel>*{transform:translate3d(var(--hm-sub-pixel,0px), 0, 0)}.hm-tag{border:1px solid var(--color-border-strong);background:var(--color-bg-muted);width:fit-content;font-family:var(--font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--color-text);border-radius:4px;align-items:center;padding:2px 8px;font-size:1rem;font-weight:400;line-height:1.5;display:inline-flex}.hm-tag-sm{padding:1px 7px;font-size:.8125rem}.hm-tag-on{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text)}.hm-btn{letter-spacing:.4px;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;font-size:1rem;line-height:1.5;transition:background-color .15s;display:inline-flex}.hm-btn-sm{min-height:38px;padding:6px 16px}.hm-btn-primary{background:var(--color-accent);color:var(--color-text)}.hm-btn-primary:hover{background:var(--color-accent-hover)}.hm-btn-secondary{background:var(--color-bg-subtle);color:var(--color-text)}.hm-btn-secondary:hover{background:var(--color-bg-inset)}.hm-icon-btn{background:var(--color-bg-subtle);width:48px;height:48px;color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.hm-icon-btn:hover{background:var(--color-bg-inset)}.hm-rule{border-top:1px solid var(--color-border)}.hm-inline-list{flex-wrap:wrap;align-items:center;row-gap:8px;display:flex}.hm-inline-list li{border-right:1px solid var(--color-border-strong);margin-right:16px;padding-right:16px}.hm-inline-list li:last-child{border-right:0;margin-right:0;padding-right:0}.hm-stage{background-color:var(--color-bg-subtle);background-image:radial-gradient(circle, var(--color-border-strong) 1px, transparent 1.5px);background-size:28px 28px;border-radius:4px;justify-content:center;align-items:center;padding:clamp(20px,5vw,56px) clamp(14px,4vw,40px);display:flex}.hm-panel{background:var(--color-surface);width:100%;max-width:500px;box-shadow:var(--hm-panel-shadow);font-family:var(--font-mono);color:var(--color-text-secondary);border-radius:6px;padding:18px 20px;font-size:.75rem;line-height:1.4}@media (min-width:64rem){.hm-cover-panel{flex-direction:column;min-height:21rem;display:flex}.hm-cover-panel>div:last-child{flex-direction:column;flex:1;display:flex}.hm-cover-panel>div:last-child>.hm-overlap:last-child{padding-top:10px;margin-top:auto!important}}.hm-panel-dot{background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--color-accent-tint);border-radius:999px;flex:none}@keyframes hm-beat{50%{opacity:.45}}.hm-beat{animation:2.6s ease-in-out infinite hm-beat}.hm-stack-card{margin-bottom:4px}@media (min-width:1024px){.hm-stack-card{top:calc(96px + var(--i) * 62px);margin-bottom:72px;position:sticky}.hm-stack-card:last-of-type{margin-bottom:0}}.hm-label{margin-bottom:6px;font-size:.9375rem;font-weight:500;line-height:1.4;display:block}.hm-field{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:6px;padding:11px 14px;font-size:1rem;line-height:1.5;transition:border-color .15s,box-shadow .15s;display:block}.hm-field::placeholder{color:var(--color-text-muted)}.hm-field:hover{border-color:var(--color-text-muted)}.hm-field:focus{border-color:var(--color-text);box-shadow:0 0 0 1px var(--color-text);outline:none}.hm-link{color:var(--color-text);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;background-origin:content-box;transition:background-size .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.hm-link:hover,.hm-link:focus-visible{background-size:100% 1px}.hm-link.underline{background-image:none}.hm-link.underline:hover{text-decoration-thickness:2px}.hm-roll{display:block;overflow:hidden}.hm-roll>span{text-shadow:0 1.5em;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.hm-link-slide{display:inline-block}.hm-card-link{transition:background-color .2s}.hm-case-stage{transition:filter .3s}.hm-btn:focus-visible .hm-roll>span{transform:translateY(-1.5em)}@media (hover:hover){.hm-btn:hover .hm-roll>span{transform:translateY(-1.5em)}.hm-link-slide:hover{transform:translate(.75rem)}.hm-card-link:hover,.hm-faq:hover{background:var(--color-bg-subtle)}.hm-faq:hover .hm-faq-plus{background:var(--color-surface)}article:hover>*>.hm-case-stage{filter:grayscale()}}.hm-faq summary{cursor:pointer;list-style:none}.hm-faq summary::-webkit-details-marker{display:none}.hm-faq[open]:not([data-closing]) .hm-faq-plus svg{transform:rotate(45deg)}.hm-faq{transition:background-color .2s}.hm-faq-plus{background:var(--color-bg-subtle);transition:background-color .2s}.hm-faq-plus svg{transition:transform .32s cubic-bezier(.22,1,.36,1)}}