/* Supplemental illustrations; the page remains complete without this layer. */
.hm-actual-preview{width:min(1180px,calc(100% - 80px));margin:0 auto 44px;padding:0 0 30px}
.hm-actual-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap}
.hm-actual-preview-heading h2{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.035em}
.hm-actual-preview-heading a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.hm-actual-preview-note{max-width:800px;margin:18px 0 24px;color:var(--muted);font-size:16px;line-height:1.7}
.hm-actual-preview figure{margin:0}
.hm-actual-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.hm-actual-preview figcaption{margin-top:12px;color:var(--muted);font-size:13px}
@media(max-width:700px){.hm-actual-preview{width:calc(100% - 40px);margin-bottom:28px}.hm-actual-preview-heading{gap:12px}}
@media(max-width:480px){.hm-actual-preview{width:calc(100% - 36px)}}
.library-intro>.library-filters{position:static;margin-top:26px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);text-align:left}
.library-intro>.library-filters:has(#collection-filter[hidden]){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.library-intro>.library-filters .library-search{grid-column:1/-1}
.library-jump-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.library-jump-controls select{width:100%;min-width:0}
@media(max-width:700px){.library-intro>.library-filters,.library-intro>.library-filters:has(#collection-filter[hidden]){grid-template-columns:minmax(0,1fr)}.library-jump-controls{align-items:flex-start;flex-direction:column}}
.home-download-grid{margin-top:64px;row-gap:72px}.home-download-grid>article{position:relative;overflow:visible;padding-top:52px}
.hm-included-check{position:absolute;top:-46px;left:-32px;display:block;width:112px;height:112px;margin:0;color:var(--coral);pointer-events:none;z-index:1}.hm-included-check svg{display:block;width:112px;height:112px;stroke-width:2.5}
.hm-visual,.hm-connection,.hm-ownership,.hm-library-hub,.hm-source-deck{--hm-tilt-x:0deg;--hm-tilt-y:0deg;transform:perspective(1000px) rotateX(var(--hm-tilt-x)) rotateY(var(--hm-tilt-y));transition:transform .35s ease;isolation:isolate}
.hm-visual svg,.hm-connection svg,.hm-ownership svg,.hm-library-hub svg,.hm-source-deck svg,.hm-mod-button svg{width:24px;height:24px;flex:none}
.hm-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:235px;margin-bottom:27px;overflow:hidden;border:1px solid #dce2d8;border-radius:12px;background:radial-gradient(ellipse at 55% 20%,#fffefa 0%,#eef2e8 70%);font-family:var(--body);color:var(--ink)}
.hm-visual::after{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#a5b69b55 .7px,transparent .7px);background-size:16px 16px;mask-image:linear-gradient(transparent,#000 90%)}
.hm-visual strong{font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:1.4}
.hm-visual .hm-card-kicker,.hm-card-kicker{font:500 10px/1.6 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hm-pay-card,.hm-access-card,.hm-team-card,.hm-calendar-card{position:relative;background:var(--white);border:1px solid #d7dfd0;box-shadow:0 14px 25px -15px #203c3545;border-radius:8px}
.hm-pay-card{display:flex;flex-direction:column;padding:18px;width:176px;gap:12px;transform:rotate(-5deg)}
.hm-pay-check{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint)}.hm-pay-check svg{width:14px;height:14px}
.hm-visual-lines{display:grid;gap:5px}.hm-visual-lines i{height:4px;width:75%;border-radius:4px;background:#e7ebe2}.hm-visual-lines i:last-child{width:48%}
.hm-access-card{display:flex;flex-direction:column;gap:9px;padding:18px;width:177px;transform:translateY(17px) rotate(4deg);background:#e2ebd9}
.hm-visual-lock{display:grid;place-items:center;width:33px;height:33px;background:#f7f9f1;border-radius:8px;color:#456b42}
.hm-status-line{font-size:10px;white-space:nowrap;color:#506452}.hm-status-line i,.hm-flow-note i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#618856}
.hm-diagram-arrow{width:28px;color:#8da083}.hm-diagram-arrow svg{width:28px}
.hm-calendar-card{width:270px;padding:17px 19px;transform:rotate(-3deg)}.hm-calendar-top{display:flex;align-items:center;gap:8px}.hm-calendar-top svg{width:17px;height:17px}.hm-calendar-top strong{font-size:13px}.hm-calendar-top>span{font-size:9px;color:var(--muted);margin-left:auto}
.hm-calendar-days{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-size:9px;color:var(--muted);margin:18px 0 9px}.hm-calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.hm-calendar-grid i,.hm-calendar-grid b{height:25px;border:1px solid #e4e8de;border-radius:4px;background:#f7f8f3}.hm-calendar-grid b{display:grid;place-items:center;background:var(--ink);border-color:var(--ink);color:var(--white);font-size:9px;font-weight:500}
.hm-reserved-tag,.hm-team-badge{position:absolute;right:8%;bottom:25px;display:flex;align-items:center;gap:9px;border:1px solid #d99d80;border-radius:6px;padding:10px 16px;background:#f8c5ad;box-shadow:0 6px 15px -10px #203c3555;font-size:12px;transform:rotate(3deg)}.hm-reserved-tag svg,.hm-team-badge svg{width:16px;height:16px}
.hm-team-card{width:280px;padding:20px;transform:rotate(2deg)}.hm-people,.hm-seat-tags{display:flex;justify-content:space-between;gap:12px}.hm-people{margin:16px 0 10px}.hm-person{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#e2ebd9}.hm-person-two{background:#f7d8c7}.hm-person-three{background:#e5eaed;border:1px dashed #9bab9f}.hm-person svg{width:24px;height:24px}.hm-seat-tags span{width:54px;text-align:center;font-size:10px;color:var(--muted)}.hm-team-badge{right:9%;bottom:15px;transform:rotate(-3deg);background:#e2ebd9;border-color:#b4c6a5}
.hm-visual-automation{gap:0;background:radial-gradient(ellipse at 60% 30%,#fffefa,#f3e8dc)}.hm-flow-stage{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:70px}.hm-flow-stage>span{display:grid;place-items:center;width:55px;height:55px;background:var(--white);border:1px solid #d7dfd0;border-radius:12px;box-shadow:0 9px 18px -12px #203c3545}.hm-flow-stage strong{font-size:11px}.hm-flow-review>span{background:#f8d9a3;border-color:#e5bd78}.hm-flow-connector{width:37px;height:1px;margin-top:-26px;background:#bbc8b0;position:relative}.hm-flow-connector::after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;background:#6a8d5c;border-radius:50%;animation:hm-flow 5s ease-in-out infinite;animation-play-state:paused}.hm-flow-note{position:absolute;bottom:24px;font-size:10px;color:var(--muted)}
.home-usecases article{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.home-usecases article>.hm-visual{width:100%}.home-usecases .home-usecase-link{height:auto;flex:1}.hm-mod-button{display:inline-flex;gap:24px;border:1px solid #aab9a1;background:transparent;color:var(--ink);border-radius:5px;white-space:normal;margin-top:22px;text-decoration:none}.hm-mod-button svg{width:17px;height:17px}.hm-mod-button:hover{background:#e5ecde;border-color:#7d9771}
.hm-connection{display:flex;align-items:center;justify-content:center;min-height:255px;padding:35px;margin-top:38px;border-radius:10px;background:#e8edde;overflow:hidden}.hm-connection-app{position:relative;width:245px;height:147px;flex:none;border:1px solid #adbea3;border-radius:8px;background:var(--white);box-shadow:0 18px 28px -18px #203c354a;transform:rotate(-3deg)}.hm-app-top{display:flex;gap:4px;padding:10px;border-bottom:1px solid #e1e5db}.hm-app-top i{width:4px;height:4px;border-radius:50%;background:#b9c6b0}.hm-app-sidebar{position:absolute;top:27px;bottom:0;width:40px;background:#f0f3e9;border-right:1px solid #e1e5db;border-radius:0 0 0 8px}.hm-app-content{position:absolute;top:47px;left:57px;right:22px;display:grid;gap:9px}.hm-app-content i{height:5px;border-radius:4px;background:#e2e8db}.hm-app-content i:nth-child(2){width:75%}.hm-app-content i:last-child{width:50%}.hm-connection-app>strong{position:absolute;bottom:17px;left:57px;font-size:13px;font-weight:500}.hm-connection-line{position:relative;flex:0 1 120px;height:2px;background:#a4b594}.hm-connection-line::before{content:'';position:absolute;inset:-7px 0;border-top:1px solid #c0ceaf;border-bottom:1px solid #c0ceaf}.hm-connection-line::after{content:'';width:9px;height:9px;border-radius:50%;position:absolute;top:-3px;left:5px;background:#668455;box-shadow:0 0 0 4px #cbdabc;animation:hm-connect 7s ease-in-out infinite;animation-play-state:paused}.hm-connection-mod{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;height:150px;flex:none;gap:9px;background:#f8c4a9;border:1px solid #dda583;border-radius:10px;box-shadow:0 15px 24px -18px #203c3555;transform:rotate(5deg)}.hm-connection-mod svg{width:33px;height:33px}.hm-connection-mod strong{font-size:16px;font-weight:500}.hm-connection-mod>span{font-size:11px;color:#6d6555}

.hm-ownership{grid-column:1/-1;position:relative;display:flex;align-items:center;justify-content:center;gap:75px;min-height:315px;padding:36px;margin-top:-40px;border-radius:12px;background:radial-gradient(ellipse at 60% 50%,#f4dfcd,#f3e8da);overflow:hidden}.hm-receipt{display:flex;flex-direction:column;gap:7px;width:215px;padding:25px 28px 30px;background:var(--white);border:1px solid #d4cdbb;box-shadow:0 18px 27px -17px #82674755;transform:rotate(-6deg);clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%)}.hm-receipt>strong{font-size:48px;line-height:1.2;letter-spacing:-.06em;font-weight:500}.hm-receipt>strong>span{font-family:var(--serif);font-style:italic;font-size:28px;margin-left:10px}.hm-receipt-rule{height:1px;background:#e0dfd0;margin:8px 0}.hm-receipt>span:not(.hm-card-kicker){font-size:11px}.hm-receipt-stamp{display:flex;align-items:center;gap:5px;color:#557047;margin-top:8px}.hm-receipt-stamp svg{width:15px;height:15px}.hm-owned-code{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:195px;height:185px;background:#e2e9d4;border:1px solid #b7c5a7;border-radius:10px;transform:rotate(6deg);box-shadow:0 17px 25px -17px #203c3555}.hm-owned-code>svg{width:54px;height:54px}.hm-owned-code strong{font-size:23px;letter-spacing:-.04em;font-weight:500}.hm-owned-blocks{display:flex;gap:7px}.hm-owned-blocks i{width:22px;height:14px;border-radius:3px;background:#8da77b}.hm-owned-blocks i:nth-child(2){background:#b5c8a5}.hm-owned-blocks i:last-child{background:#d0ddc2}
.hm-library-hub{position:relative;width:min(700px,100%);margin:38px auto 0;padding:0 20px 26px;text-align:center}.hm-hub-app{display:inline-flex;align-items:center;gap:10px;padding:16px 23px;border:1px solid #aabd9e;border-radius:8px;background:#e1ead4;box-shadow:0 9px 18px -14px #203c3560}.hm-hub-app strong{font-size:15px;font-weight:500}.hm-hub-lines{display:block!important;width:100%!important;height:78px!important;overflow:visible;fill:none;stroke:#a4b895;stroke-width:1.5}.hm-hub-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:-30px;position:relative}.hm-hub-mods a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;border:1px solid #c7d2bd;border-radius:7px;background:var(--white);font-size:13px;box-shadow:0 7px 13px -10px #203c3555;transition:transform .2s,background .2s}.hm-hub-mods a:nth-child(2){background:#f7e2d1}.hm-hub-mods a:hover{transform:translateY(-4px);background:#e7eedc}.hm-hub-mods svg{width:19px;height:19px}
.hm-product-visual{min-height:190px;max-width:570px;margin:30px 0 0}.hm-product-visual.hm-visual{margin-bottom:0}.hm-source-deck{display:flex;align-items:center;justify-content:center;gap:0;padding:25px 10px;background:radial-gradient(ellipse at center,#edf2e5,transparent 75%);min-height:170px}.hm-source-sheet{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:120px;height:125px;padding:12px;border:1px solid #b9c9ac;background:var(--white);border-radius:9px;box-shadow:0 15px 22px -14px #203c3545;transform:rotate(-10deg);transition:transform .3s}.hm-source-sheet:nth-child(2){transform:translateY(-9px) rotate(3deg);background:#e2ebd6}.hm-source-sheet:nth-child(3){transform:rotate(11deg);background:#f7dec9}.hm-source-sheet svg{width:29px;height:29px}.hm-source-sheet strong{font-size:12px;font-weight:500}.hm-source-deck:hover .hm-source-sheet:first-child{transform:translateX(-7px) rotate(-13deg)}.hm-source-deck:hover .hm-source-sheet:last-child{transform:translateX(7px) rotate(14deg)}
#hm-mallow-launcher::before{width:34px;height:34px;background:url('/chat/mallow.png') center/contain no-repeat;box-shadow:none;border-radius:0;animation:hm-mallow-breathe 6s ease-in-out infinite;transform-origin:50% 80%}#hm-mallow-launcher{padding-top:8px;padding-bottom:8px}#hm-mallow-launcher:hover::before{animation:none;transform:rotate(-6deg) translateY(-2px)}
.hm-visual-visible .hm-flow-connector::after,.hm-visual-visible .hm-connection-line::after{animation-play-state:running}.hm-visual-paused [data-hm-visual] *,.hm-visual-paused [data-hm-visual] *::before,.hm-visual-paused [data-hm-visual] *::after,.hm-visual-paused #hm-mallow-launcher::before{animation-play-state:paused!important}
@keyframes hm-flow{0%,15%{transform:translateX(0);opacity:0}30%{opacity:1}75%{transform:translateX(32px);opacity:1}90%,100%{transform:translateX(32px);opacity:0}}@keyframes hm-connect{0%,10%{left:5px;opacity:0}20%{opacity:1}75%{left:calc(100% - 12px);opacity:1}90%,100%{left:calc(100% - 12px);opacity:0}}@keyframes hm-mallow-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(2deg)}}
.hm-receipt.hm-variable-price>strong{font-size:29px;letter-spacing:-.04em}
@media(max-width:700px){.product-intro>.hm-product-visual{order:7}}
@media(max-width:900px){.hm-ownership{margin-top:-10px}#hm-mallow-launcher{padding:0}#hm-mallow-launcher::before{width:40px;height:40px}}
@media(max-width:700px){.hm-visual{min-height:225px}.hm-connection{padding:28px 20px;min-height:230px}.hm-connection-app{width:175px;height:135px}.hm-connection-mod{width:135px;height:130px}.hm-connection-mod strong{font-size:14px}.hm-connection-line{flex-basis:55px}.hm-ownership{gap:35px;padding:30px 24px;min-height:300px}.hm-receipt{width:185px;padding:23px}.hm-owned-code{width:165px;height:165px}.hm-owned-code strong{font-size:20px}.hm-hub-mods{gap:12px}.hm-hub-mods a{flex-direction:column;gap:7px;font-size:12px;min-height:83px}.hm-library-hub{padding-inline:0}.hm-hub-lines{height:84px!important}.hm-product-visual{margin-top:25px}}
@media(max-width:420px){.hm-visual{gap:10px}.hm-pay-card{width:135px;padding:14px}.hm-access-card{width:142px;padding:14px}.hm-visual strong{font-size:12px}.hm-diagram-arrow{width:20px}.hm-diagram-arrow svg{width:20px}.hm-status-line{font-size:8px}.hm-connection{padding:25px 14px}.hm-connection-app{width:142px}.hm-connection-mod{width:117px}.hm-connection-line{flex-basis:36px}.hm-connection-mod strong{font-size:12px}.hm-connection-mod>span{font-size:10px}.hm-app-content{left:49px;right:15px}.hm-connection-app>strong{left:49px;font-size:12px}.hm-ownership{gap:20px;padding:28px 16px}.hm-receipt{width:150px;padding:18px}.hm-receipt>strong{font-size:40px}.hm-receipt>strong>span{font-size:22px;margin-left:7px}.hm-receipt>span:not(.hm-card-kicker){font-size:9px}.hm-owned-code{width:135px;height:145px}.hm-owned-code strong{font-size:17px}.hm-owned-code>svg{width:42px;height:42px}.hm-source-sheet{width:100px;height:115px}.hm-source-sheet strong{font-size:10px}.hm-calendar-card{width:250px}}
@media(prefers-reduced-motion:reduce){[data-hm-visual],.hm-source-sheet,.hm-hub-mods a{transform:none!important;transition:none!important}.hm-flow-connector::after,.hm-connection-line::after,#hm-mallow-launcher::before{animation:none!important;transform:none!important}}