/* Hallmark · page: HemuMate product · system: Hemu public editorial · reference study: Linkly / WorkBuddy
 * Real product imagery, distinct research workflow, keyboard states, reduced motion. */
.hm-body { --hm-ink:#20283a; --hm-muted:#657083; --hm-line:#dce3ec; --hm-paper:#f8fafc; --hm-blue:#4c64ae; --hm-night:#101827; --hm-aqua:#a7d8d7; background:var(--hm-paper); color:var(--hm-ink); }
.hm-body .hm-page { overflow:clip; }
.hm-shell { width:min(100% - 64px,1320px); margin-inline:auto; }
.hm-body :where(.hm-page) h1,.hm-body :where(.hm-page) h2,.hm-body :where(.hm-page) h3 { font-family:inherit; letter-spacing:-.045em; }
.hm-body :where(.hm-page) a:focus-visible,.hm-body :where(.hm-page) button:focus-visible { outline:3px solid #5d8ffc; outline-offset:4px; }
.hm-page section[id] { scroll-margin-top:126px; }
.hm-hero { position:relative; padding:23px 0 96px; background:radial-gradient(circle at 50% 50%,#edf4fa 0,#f8fafc 42%,#fbfbfc 78%); }
.hm-hero:before { content:""; position:absolute; inset:auto -8% 0; height:320px; background:radial-gradient(ellipse at center,#dce8f2 0,transparent 65%); pointer-events:none; opacity:.58; }
.hm-hero-inner { position:relative; }
.hm-breadcrumb { display:flex; align-items:center; gap:11px; min-height:28px; font-size:12px; color:#8995a5; }
.hm-breadcrumb a { color:inherit; text-decoration:none; transition:color .22s ease; }.hm-breadcrumb a:hover { color:var(--hm-blue); }
.hm-hero-copy { text-align:center; max-width:850px; margin:62px auto 0; }
.hm-eyebrow { display:inline-flex; align-items:center; gap:9px; margin:0 0 24px; padding:6px 14px 6px 7px; border:1px solid #dce4ed; border-radius:999px; background:#fff; box-shadow:0 7px 24px #283f6720; color:#53627d; font-size:13px; font-weight:650; letter-spacing:.035em; animation:hm-enter .72s both; }
.hm-eyebrow img { display:block; width:23px; height:23px; object-fit:cover; border-radius:7px; }
.hm-hero h1 { margin:0; color:#172034; font-size:clamp(46px,6.5vw,91px); font-weight:750; line-height:1.13; animation:hm-enter .82s .09s both; }
.hm-title-small { display:none; }
.hm-hero h1 em { font-style:normal; color:var(--hm-blue); }
.hm-lede { max-width:690px; margin:29px auto 0; color:#667187; font-size:clamp(16px,1.55vw,19px); line-height:1.85; animation:hm-enter .82s .17s both; }
.hm-hero-actions,.hm-availability-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; }
.hm-hero-actions { margin-top:34px; animation:hm-enter .82s .25s both; }
.hm-button { display:inline-flex; justify-content:center; align-items:center; gap:31px; min-height:52px; padding:0 21px; border:1px solid transparent; border-radius:11px; font-size:15px; font-weight:720; text-decoration:none; white-space:nowrap; transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.8,.2,1); }
.hm-button span { font-size:20px; font-weight:500; line-height:1; transition:transform .3s ease; }.hm-button:hover span { transform:translate(3px,-2px); }.hm-button:active { transform:translateY(1px); }
.hm-button-primary { color:#fff; background:#304c9e; box-shadow:0 12px 27px #344f9b35; }.hm-button-primary:hover { color:#fff; background:#233e8d; box-shadow:0 16px 34px #344f9b49; transform:translateY(-2px); }
.hm-button-quiet { color:#33435e; border-color:#d8dfe8; background:#fff; }.hm-button-quiet:hover { color:#243f8c; border-color:#a8b5d3; background:#f9fbff; transform:translateY(-2px); }
.hm-hero-notes { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:23px; color:#8590a1; font-size:12px; animation:hm-enter .82s .31s both; }.hm-hero-notes i { display:block; width:3px; height:3px; border-radius:50%; background:#b5c0cd; }
.hm-hero-stage { position:relative; width:min(100% - 45px,1100px); margin:68px auto 0; isolation:isolate; animation:hm-stage-enter 1.2s .31s both; }
.hm-stage-glow { position:absolute; z-index:-1; inset:-28px -38px 8%; border-radius:42px; background:radial-gradient(circle at 19% 20%,#bddce4 0,transparent 31%),radial-gradient(circle at 85% 69%,#d6e2fb 0,transparent 35%),#e4ebf2; filter:blur(1px); transform:rotate(-2deg); }
.hm-window { overflow:hidden; border:1px solid #cfd9e5; border-radius:17px; background:#fff; box-shadow:0 42px 85px #30456832,0 5px 18px #30456819; }
.hm-window-top { height:34px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 12px; border-bottom:1px solid #e8edf3; color:#909bab; font-size:10px; font-weight:700; letter-spacing:.065em; }
.hm-window-dots { display:flex; gap:5px; }.hm-window-dots i { width:7px; height:7px; background:#d7e0e9; border-radius:50%; }.hm-window-dots i:first-child { background:#e4aeb2; }.hm-window-dots i:nth-child(2) { background:#e8d39b; }.hm-window-dots i:nth-child(3) { background:#abceb7; }
.hm-hero-window img { display:block; width:100%; height:auto; aspect-ratio:1440/900; object-fit:cover; object-position:top center; }
.hm-float { position:absolute; display:grid; gap:2px; min-width:174px; padding:13px 16px; border:1px solid #e6edf6; border-radius:12px; background:#fffffff0; box-shadow:0 18px 34px #344b6830; color:#273857; font-size:13px; font-weight:750; backdrop-filter:blur(16px); }.hm-float span { color:#6482b7; font-size:10px; letter-spacing:.1em; }.hm-float small { font-size:11px; color:#8290a3; font-weight:450; }.hm-float-a { top:18%; left:-8%; animation:hm-hover 6s ease-in-out infinite; }.hm-float-b { right:-7%; bottom:24%; animation:hm-hover 7s -2s ease-in-out infinite; }
.hm-stage-caption { margin:21px 0 0; text-align:center; color:#8491a2; font-size:12px; }
.hm-anchor-nav { position:sticky; z-index:38; top:var(--hm-header-height,60px); border-block:1px solid #dfe5ee; background:#ffffffeb; backdrop-filter:blur(18px); }.hm-anchor-nav .hm-shell { display:flex; align-items:center; gap:32px; min-height:54px; }.hm-anchor-nav a { padding:17px 0; color:#68758c; text-decoration:none; font-size:13px; font-weight:620; transition:color .22s ease; }.hm-anchor-nav a:hover,.hm-anchor-nav a[aria-current="location"] { color:#314d9f; }.hm-anchor-brand { margin-right:auto; color:#253750; font-weight:800; font-size:13px; letter-spacing:-.02em; }
body.hm-body:has(.site-header.is-header-hidden) .hm-anchor-nav { top:0; }
.hm-intro { padding-block:116px 126px; }
.hm-section-index { margin:0 0 22px; color:#6380ba; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.hm-intro-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:9%; align-items:end; }.hm-intro h2,.hm-section-heading h2,.hm-control h2 { margin:0; font-size:clamp(35px,4.1vw,62px); font-weight:730; line-height:1.22; }.hm-intro-grid>div { max-width:490px; }.hm-intro-grid p,.hm-section-heading>p:last-child,.hm-control-grid>div:first-child>p:not(.hm-section-index) { margin:0; color:#667187; font-size:16px; line-height:1.9; }
.hm-text-link { display:inline-flex; gap:12px; margin-top:25px; padding-bottom:7px; color:#3757aa; border-bottom:1px solid #9fb2dd; text-decoration:none; font-size:14px; font-weight:740; transition:gap .25s ease,color .25s ease; }.hm-text-link:hover { color:#233d83; gap:18px; }
.hm-intro-rail { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:74px; border-block:1px solid #dce4ee; }.hm-intro-rail div { padding:26px 26px 29px 0; display:grid; align-content:start; gap:12px; }.hm-intro-rail div+div { border-left:1px solid #dce4ee; padding-left:27px; }.hm-intro-rail span { color:#7290c2; font-size:11px; font-weight:800; letter-spacing:.08em; }.hm-intro-rail strong { color:#273851; font-size:18px; font-weight:730; }.hm-intro-rail small { color:#8490a2; font-size:13px; }
.hm-workflow { padding-block:103px 124px; background:var(--hm-night); color:#fff; }.hm-workflow-header { display:grid; grid-template-columns:1fr minmax(220px,360px); gap:8%; align-items:end; margin-bottom:45px; }.hm-workflow .hm-section-index { color:#9ab8db; }.hm-workflow h2 { margin:0; font-size:clamp(40px,4.8vw,69px); font-weight:720; line-height:1.17; }.hm-workflow-header>p { margin:0 0 5px; color:#aab8cb; line-height:1.8; font-size:15px; }
body.hm-body .hm-page .hm-workflow h2 { color:#f4f8ff; }
.hm-workflow-grid { display:grid; grid-template-columns:minmax(270px,.37fr) minmax(0,.63fr); min-height:560px; gap:26px; align-items:stretch; }.hm-tabs { display:grid; grid-template-rows:repeat(4,1fr); gap:8px; }.hm-tab { display:grid; grid-template-columns:28px 1fr 14px; gap:14px; width:100%; padding:21px 19px; border:1px solid #35435c; border-radius:13px; color:#d4deeb; text-align:left; background:#182337; cursor:pointer; transition:background .32s ease,border-color .32s ease,transform .32s ease,box-shadow .32s ease; }.hm-tab:hover { border-color:#728db3; transform:translateX(3px); }.hm-tab.is-active { border-color:#98b6dc; background:#263b59; box-shadow:inset 3px 0 #a2d8d6,0 14px 32px #0002; }.hm-tab-num { padding-top:4px; color:#94b9d4; font-size:12px; font-weight:740; }.hm-tab strong { display:block; margin-bottom:10px; color:#fff; font-size:18px; font-weight:700; }.hm-tab small { display:block; max-width:300px; color:#afbdd1; font-size:12px; line-height:1.65; }.hm-tab b { align-self:start; color:#9cbad5; font-size:18px; font-weight:400; }
.hm-panel-stage { position:relative; min-width:0; overflow:hidden; border:1px solid #43516b; border-radius:17px; background:#e7edf4; }.hm-panel { position:absolute; inset:0; padding:17px; opacity:0; transform:translateY(10px) scale(.984); pointer-events:none; transition:opacity .46s ease,transform .55s cubic-bezier(.2,.7,.2,1); }.hm-panel.is-active { opacity:1; transform:none; pointer-events:auto; }.hm-panel[hidden] { display:none; }.hm-panel-window { height:calc(100% - 34px); overflow:hidden; border:1px solid #dce3eb; border-radius:10px; background:#fff; box-shadow:0 9px 25px #1a2b4b20; }.hm-panel-window img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; }.hm-panel p { display:flex; justify-content:space-between; gap:10px; margin:10px 2px 0; color:#56677e; font-size:12px; }.hm-panel p span { color:#435d84; font-size:10px; font-weight:800; letter-spacing:.12em; }
.hm-scenarios { padding-block:120px 140px; }.hm-section-heading { display:grid; grid-template-columns:1.2fr .8fr; column-gap:9%; margin-bottom:45px; }.hm-section-heading .hm-section-index { grid-column:1/-1; }.hm-section-heading>p:last-child { align-self:end; max-width:390px; }
.hm-scenario-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }.hm-scenario { position:relative; min-height:350px; overflow:hidden; padding:35px; border:1px solid #dfe6ef; border-radius:15px; background:#fff; }.hm-scenario>span,.hm-scenario>div:first-child>span { color:#6986bb; font-size:11px; font-weight:800; letter-spacing:.1em; }.hm-scenario h3 { position:relative; z-index:1; margin:19px 0 13px; color:#23324b; font-size:clamp(25px,2.4vw,35px); line-height:1.28; font-weight:740; }.hm-scenario p { position:relative; z-index:1; max-width:455px; margin:0; color:#6e7a8c; font-size:14px; line-height:1.85; }.hm-scenario-wide { grid-column:1/-1; display:grid; grid-template-columns:1fr .86fr; min-height:405px; background:#eef3f9; }.hm-scenario-wide>div:first-child { align-self:center; }.hm-scenario-wide ul { display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:25px 0 0; list-style:none; }.hm-scenario-wide li,.hm-scenario-tags span { padding:8px 10px; border:1px solid #d5dfec; border-radius:6px; color:#516684; background:#ffffffb5; font-size:11px; }.hm-scenario-art { position:relative; align-self:center; display:grid; place-items:center; aspect-ratio:1.5; margin-left:25px; border:1px solid #c7d7e9; border-radius:12px; background:radial-gradient(circle at 70% 36%,#e3f2f8,transparent 42%),#d8e5f0; overflow:hidden; }.hm-art-index>span { position:relative; z-index:1; color:#6583aa; font-size:clamp(40px,5vw,74px); line-height:.95; letter-spacing:-.07em; font-weight:820; opacity:.73; }.hm-art-index i { position:absolute; width:68%; height:1px; background:#aac2d7; transform:rotate(-26deg); }.hm-art-index i:nth-child(2) { transform:rotate(28deg); }.hm-art-index i:nth-child(3) { transform:rotate(75deg); }
.hm-scenario-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:40px; }.hm-scenario-image { background:#f4f7fa; }.hm-poster-peek { position:absolute; width:45%; height:79%; right:-1%; bottom:-21%; transform:rotate(-6deg); border:8px solid white; background:#fff; box-shadow:0 24px 50px #455b743d; transition:transform .55s cubic-bezier(.2,.8,.2,1); }.hm-poster-peek img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }.hm-scenario-image:hover .hm-poster-peek { transform:rotate(-3deg) translateY(-12px); }.hm-scenario-image p { max-width:48%; }
.hm-control { padding-block:112px 122px; background:#e9f0f6; }.hm-control-grid { display:grid; grid-template-columns:1fr .82fr; gap:9%; align-items:start; }.hm-control-grid>div:first-child>p:not(.hm-section-index) { max-width:535px; margin-top:28px; }.hm-control-list { border-top:1px solid #c7d5e4; }.hm-control-list>div { display:grid; grid-template-columns:32px 1fr; column-gap:17px; padding:24px 0; border-bottom:1px solid #c7d5e4; }.hm-control-list span { grid-row:1/3; color:#5b78a8; font-size:11px; font-weight:800; }.hm-control-list strong { color:#273953; font-size:18px; }.hm-control-list p { margin:7px 0 0; color:#657489; font-size:13px; line-height:1.7; }
.hm-availability { padding-block:121px 126px; text-align:center; }.hm-availability-mark { display:flex; align-items:center; justify-content:center; gap:11px; color:#7486a1; font-size:11px; font-weight:800; letter-spacing:.13em; }.hm-availability-mark img { width:42px; height:42px; border-radius:13px; box-shadow:0 7px 20px #1e315a20; }.hm-availability h2 { margin:28px 0 19px; font-size:clamp(38px,5vw,70px); line-height:1.2; font-weight:730; }.hm-availability>p:not(.hm-availability-note) { max-width:650px; margin:0 auto; color:#687488; font-size:16px; line-height:1.85; }.hm-availability-actions { margin-top:32px; }.hm-availability-note { margin:22px 0 0; color:#8995a5; font-size:12px; }
[data-hm-reveal] { opacity:.94; transform:translateY(16px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1); }[data-hm-reveal].is-visible { opacity:1; transform:none; }
@keyframes hm-enter { from { opacity:.78; transform:translateY(17px); } to { opacity:1; transform:none; } }@keyframes hm-stage-enter { from { opacity:.8; transform:translateY(35px) scale(.98); } to { opacity:1; transform:none; } }@keyframes hm-hover { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
html[data-theme="dark"] .hm-body { --hm-paper:#151a25; --hm-ink:#e9eef7; background:#151a25; color:#e9eef7; }html[data-theme="dark"] .hm-hero { background:radial-gradient(circle at 50% 50%,#202d42,#151a25 69%); }html[data-theme="dark"] .hm-hero h1,html[data-theme="dark"] .hm-intro h2,html[data-theme="dark"] .hm-section-heading h2,html[data-theme="dark"] .hm-control h2,html[data-theme="dark"] .hm-availability h2 { color:#e9eef7; }html[data-theme="dark"] .hm-lede,html[data-theme="dark"] .hm-intro-grid p,html[data-theme="dark"] .hm-section-heading>p:last-child,html[data-theme="dark"] .hm-availability>p:not(.hm-availability-note) { color:#adbacd; }html[data-theme="dark"] .hm-eyebrow,html[data-theme="dark"] .hm-button-quiet,html[data-theme="dark"] .hm-anchor-nav { color:#e4eaf5; background:#20293a; border-color:#3a4760; }html[data-theme="dark"] .hm-anchor-brand,html[data-theme="dark"] .hm-intro-rail strong { color:#e3eaf5; }html[data-theme="dark"] .hm-control { background:#1e2b3c; }html[data-theme="dark"] .hm-control-list strong { color:#e3ebf6; }html[data-theme="dark"] .hm-control-grid>div:first-child>p:not(.hm-section-index),html[data-theme="dark"] .hm-control-list p { color:#aab8cb; }html[data-theme="dark"] .hm-scenario { background:#202c3d; border-color:#38485d; }html[data-theme="dark"] .hm-scenario-wide { background:#263a51; }html[data-theme="dark"] .hm-scenario h3 { color:#e7eff9; }html[data-theme="dark"] .hm-scenario p { color:#b7c2d0; }html[data-theme="dark"] .hm-scenario-image { background:#202d3d; }html[data-theme="dark"] .hm-intro-rail,html[data-theme="dark"] .hm-intro-rail div+div { border-color:#34435a; }
html[data-theme="dark"] .hm-anchor-nav a { color:#b9c8dc; }html[data-theme="dark"] .hm-anchor-nav a:hover,html[data-theme="dark"] .hm-anchor-nav a[aria-current="location"] { color:#b9dcff; }
html[data-theme="dark"] .hm-hero h1 em { color:#9fb2ff; }
@media (max-width:1050px) { .hm-float-a { left:-3%; }.hm-float-b { right:-3%; }.hm-workflow-grid { grid-template-columns:320px minmax(0,1fr); }.hm-tab { padding:16px 13px; gap:9px; }.hm-panel-stage { min-height:510px; } }
@media (max-width:760px) { .hm-shell { width:min(100% - 36px,1320px); }.hm-hero { padding:18px 0 65px; }.hm-hero-copy { margin-top:50px; }.hm-hero h1 { font-size:clamp(42px,9.2vw,68px); }.hm-lede { font-size:15px; }.hm-hero-stage { width:100%; margin-top:50px; }.hm-float { display:none; }.hm-stage-glow { inset:-16px -13px 4%; }.hm-anchor-nav { overflow:auto; scrollbar-width:none; }.hm-anchor-nav::-webkit-scrollbar { display:none; }.hm-anchor-nav .hm-shell { width:max-content; min-width:100%; gap:22px; padding-inline:18px; }.hm-anchor-brand { margin-right:12px; }.hm-anchor-nav a { white-space:nowrap; }.hm-intro { padding-block:80px 87px; }.hm-intro-grid,.hm-section-heading,.hm-control-grid,.hm-workflow-header { grid-template-columns:1fr; gap:22px; }.hm-intro-grid>div { max-width:none; }.hm-intro-rail { margin-top:45px; }.hm-intro-rail div { padding:20px 10px 22px 0; }.hm-intro-rail div+div { padding-left:12px; }.hm-intro-rail strong { font-size:14px; }.hm-intro-rail small { font-size:11px; line-height:1.45; }.hm-workflow { padding-block:78px 87px; }.hm-workflow-header { margin-bottom:29px; }.hm-workflow-grid { display:flex; flex-direction:column; gap:17px; min-height:0; }.hm-tabs { display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:auto; gap:8px; }.hm-tab { min-height:91px; }.hm-tab small { display:none; }.hm-panel-stage { height:460px; min-height:0; }.hm-scenarios { padding-block:85px 95px; }.hm-scenario-wide { min-height:390px; }.hm-control { padding-block:83px 88px; }.hm-control-list { margin-top:20px; }.hm-availability { padding-block:89px 96px; } }
@media (max-width:560px) { .hm-shell { width:min(100% - 30px,1320px); }.hm-breadcrumb { font-size:11px; }.hm-hero-copy { margin-top:43px; }.hm-eyebrow { margin-bottom:21px; font-size:11px; }.hm-hero h1 { font-size:clamp(39px,10.3vw,55px); }.hm-lede { margin-top:20px; line-height:1.78; }.hm-hero-actions { gap:9px; margin-top:25px; }.hm-button { gap:14px; min-height:48px; padding:0 14px; font-size:13px; }.hm-hero-notes { font-size:10px; gap:9px; }.hm-hero-stage { margin-top:46px; }.hm-window { border-radius:9px; }.hm-window-top { height:23px; font-size:8px; }.hm-window-dots i { width:5px; height:5px; }.hm-hero-window img { width:155%; max-width:none; transform:translateX(-9%); }.hm-stage-caption { font-size:10px; }.hm-intro h2,.hm-section-heading h2,.hm-control h2 { font-size:clamp(34px,8vw,46px); }.hm-intro-grid p,.hm-section-heading>p:last-child,.hm-control-grid>div:first-child>p:not(.hm-section-index) { font-size:14px; }.hm-intro-rail { grid-template-columns:1fr; }.hm-intro-rail div,.hm-intro-rail div+div { display:grid; grid-template-columns:78px 1fr; gap:5px 13px; padding:14px 0; border-left:0; }.hm-intro-rail div+div { border-top:1px solid #dce4ee; }.hm-intro-rail span { grid-row:1/3; align-self:center; }.hm-intro-rail small { font-size:11px; }.hm-workflow h2 { font-size:42px; }.hm-workflow-header>p { font-size:13px; }.hm-tab { grid-template-columns:17px 1fr; min-height:70px; padding:13px 10px; }.hm-tab b { display:none; }.hm-tab strong { margin:0; font-size:14px; }.hm-tab-num { padding-top:3px; font-size:10px; }.hm-panel-stage { height:302px; }.hm-panel { padding:9px; }.hm-panel-window { height:calc(100% - 26px); }.hm-panel p { margin-top:7px; font-size:10px; }.hm-panel p span { font-size:8px; }.hm-scenario-grid { grid-template-columns:1fr; }.hm-scenario { min-height:300px; padding:27px; }.hm-scenario-wide { grid-column:auto; display:block; min-height:575px; }.hm-scenario-art { height:190px; margin:27px 0 0; }.hm-scenario h3 { font-size:28px; }.hm-scenario-image p { max-width:60%; }.hm-poster-peek { width:42%; height:56%; bottom:-6%; }.hm-availability h2 { font-size:clamp(38px,9vw,54px); }.hm-availability>p:not(.hm-availability-note) { font-size:14px; } }
@media (prefers-reduced-motion:reduce) { .hm-body .hm-page * { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }.hm-body [data-hm-reveal] { opacity:1; transform:none; } }
@media (max-width:350px) { .hm-title-wide { display:none; }.hm-title-small { display:inline; } }

/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 */
/* Product proof stays in the first viewport on wide screens; screenshots remain real. */
.hm-body { --hm-figure-border:#cbd9e6; --hm-figure-shadow:#30456829; --hm-caption-paper:#ffffffee; }
.hm-hero-window { border-color:var(--hm-figure-border); box-shadow:0 34px 74px var(--hm-figure-shadow),0 4px 15px #30456814; }
.hm-stage-caption { margin-top:16px; }
.hm-scenario-art { margin:0 0 0 25px; display:block; border-color:var(--hm-figure-border); background:var(--hm-paper); box-shadow:0 19px 36px #3b56721a; }
.hm-scenario-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; }
.hm-scenario-art figcaption { position:absolute; right:12px; bottom:12px; padding:8px 11px; border:1px solid var(--hm-figure-border); border-radius:7px; background:var(--hm-caption-paper); color:var(--hm-muted); font-size:11px; font-weight:650; backdrop-filter:blur(12px); }
.hm-scenario-data { min-height:460px; background:linear-gradient(145deg,#fff 31%,#eef5f4); }
.hm-scenario-data h3,.hm-scenario-data p { max-width:76%; }
.hm-scenario-data .hm-scenario-tags { position:relative; z-index:2; }
.hm-data-preview { position:absolute; right:-10%; bottom:-13%; width:77%; height:42%; overflow:hidden; border:1px solid var(--hm-figure-border); border-radius:10px; background:#fff; box-shadow:0 22px 42px #30456825; transform:rotate(-4deg); transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.hm-data-preview img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; }
.hm-scenario-data:hover .hm-data-preview { transform:rotate(-1deg) translateY(-9px); }
.hm-scenario-image { min-height:460px; }
.hm-scenario-image p { max-width:59%; }
.hm-poster-peek { width:42%; right:1%; bottom:-16%; transform:rotate(-4deg); }
.hm-scenario-image:hover .hm-poster-peek { transform:rotate(-1deg) translateY(-10px); }
.hm-panel-window img { object-fit:contain; object-position:center; }
@media (min-width:1001px) {
  .hm-hero { padding-block:22px 74px; }
  .hm-hero-inner { display:grid; grid-template-columns:minmax(0,.43fr) minmax(0,.57fr); column-gap:40px; align-items:center; }
  .hm-breadcrumb { grid-column:1 / -1; }
  .hm-hero-copy { margin:0 0 8px 8px; text-align:left; max-width:none; }
  .hm-eyebrow { margin-bottom:23px; }
  .hm-hero h1 { font-size:clamp(48px,4.2vw,66px); line-height:1.16; }
  .hm-lede { margin:25px 0 0; max-width:525px; font-size:17px; line-height:1.85; }
  .hm-hero-actions,.hm-hero-notes { justify-content:flex-start; }
  .hm-hero-actions { margin-top:29px; }
  .hm-hero-stage { width:100%; margin:47px 0 0; }
  .hm-stage-glow { inset:-24px -22px 7%; transform:rotate(-2deg); }
  .hm-hero-window img { aspect-ratio:1440/900; }
  .hm-stage-caption { text-align:right; }
}
@media (min-width:761px) and (max-width:1000px) {
  .hm-hero-copy { margin-top:42px; }
  .hm-hero-stage { margin-top:45px; }
  .hm-hero { padding-bottom:78px; }
}
@media (min-width:1001px) and (max-width:1040px) { .hm-hero h1 { font-size:46px; } }
@media (max-width:760px) {
  .hm-scenario-art { margin:27px 0 0; }
  .hm-scenario-data h3,.hm-scenario-data p { max-width:70%; }
}
@media (max-width:560px) {
  .hm-hero-copy { margin-top:35px; }
  .hm-hero-stage { margin-top:37px; }
  .hm-scenario-data { min-height:460px; }
  .hm-scenario-data h3,.hm-scenario-data p { max-width:100%; }
  .hm-scenario-data .hm-scenario-tags { margin-top:16px; }
  .hm-data-preview { right:-15%; bottom:-10%; width:93%; height:42%; }
  .hm-scenario-image { min-height:420px; }
  .hm-scenario-image p { max-width:100%; }
  .hm-poster-peek { right:-1%; bottom:-12%; width:45%; height:53%; }
}
@media (prefers-reduced-motion:reduce) {
  .hm-data-preview,.hm-poster-peek { transform:none; }
  .hm-scenario-data:hover .hm-data-preview,.hm-scenario-image:hover .hm-poster-peek { transform:none; }
}
html:has(body.hm-body),body.hm-body { overflow-x:clip; }
.hm-page :is(h1,h2,h3) { min-width:0; overflow-wrap:anywhere; }
@media (min-width:761px) {
  .hm-intro-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
  .hm-section-heading { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
  .hm-control-grid { grid-template-columns:minmax(0,1fr) minmax(0,.82fr); }
  .hm-workflow-header { grid-template-columns:minmax(0,1fr) minmax(220px,360px); }
  .hm-scenario-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hm-scenario-wide { grid-template-columns:minmax(0,1fr) minmax(0,.86fr); }
}

/* HemuMate motion: product screens, tour progress and an inspectable full-size view. */
.hm-hero-window { position:relative; }
.hm-showcase-scenes { position:relative; overflow:hidden; aspect-ratio:1440/900; background:#f4f7fa; }
.hm-hero-window .hm-showcase-scenes img { position:absolute; inset:0; display:block; width:100%; max-width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:center top; opacity:0; transform:translateY(12px) scale(1.018); transition:opacity .65s ease,transform .9s cubic-bezier(.2,.75,.2,1); pointer-events:none; }
.hm-hero-window .hm-showcase-scenes img.is-current { z-index:1; opacity:1; transform:none; }
.hm-showcase-toolbar { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto auto; align-items:center; gap:11px; min-height:57px; padding:8px 13px; border-top:1px solid var(--hm-figure-border); background:#fff; }
.hm-showcase-counter { color:#5371a2; font-size:10px; font-weight:800; letter-spacing:.09em; white-space:nowrap; }
.hm-showcase-label { overflow:hidden; color:#374863; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.hm-showcase-steps { display:flex; align-items:center; gap:4px; }
.hm-showcase-steps button { position:relative; display:grid; place-items:center; width:26px; height:36px; padding:0; border:0; background:transparent; cursor:pointer; }
.hm-showcase-steps button:before,.hm-showcase-steps button span { display:block; width:23px; height:3px; border-radius:3px; }
.hm-showcase-steps button:before { content:""; background:#d7e0ea; }
.hm-showcase-steps button span { position:absolute; top:16px; left:2px; background:#526eb5; transform:scaleX(0); transform-origin:left center; }
.hm-showcase-steps button.is-current span { transform:scaleX(1); }
.hm-showcase-steps button:not(.is-current) span { transform:scaleX(0); }
.hm-hero-window.is-playing .hm-showcase-steps button.is-current span { animation:hm-showcase-progress 4.6s linear both; }
.hm-showcase-pause,.hm-showcase-expand { min-height:32px; padding:0 8px; border:1px solid #dae2ed; border-radius:6px; color:#4d6385; background:#f8fafc; font-size:10px; font-weight:700; white-space:nowrap; cursor:pointer; transition:color .2s ease,border-color .2s ease,background-color .2s ease; }
.hm-showcase-pause:hover,.hm-showcase-expand:hover { color:#284a98; border-color:#a8bbdf; background:#eff4ff; }
.hm-workflow-aside { align-self:end; }
.hm-workflow-aside p { max-width:360px; margin:0 0 19px; color:#aab8cb; line-height:1.8; font-size:15px; }
.hm-tour-toggle { display:inline-flex; align-items:center; gap:10px; min-height:39px; padding:0 13px; border:1px solid #49627d; border-radius:7px; color:#d7e7fa; background:#203049; font-size:12px; font-weight:650; cursor:pointer; transition:background-color .2s ease,border-color .2s ease; }
.hm-tour-toggle:hover { border-color:#8eb6d3; background:#2a4264; }
.hm-tour-indicator { width:7px; height:7px; border-radius:50%; background:#89b5bb; }
.hm-workflow.is-tour-playing .hm-tour-indicator { animation:hm-tour-pulse 1.8s ease-in-out infinite; }
.hm-tab { position:relative; overflow:hidden; }
.hm-tab:after { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#b4e2dc; transform:scaleY(0); transform-origin:top center; }
.hm-workflow.is-tour-playing .hm-tab.is-active:after { animation:hm-tour-progress 5.2s linear both; }
.hm-tour-expand { position:absolute; z-index:5; top:28px; right:28px; min-height:33px; padding:0 11px; border:1px solid #d0ddec; border-radius:7px; color:#425e89; background:#ffffffed; box-shadow:0 5px 14px #263e6226; font-size:11px; font-weight:700; cursor:pointer; transition:background-color .2s ease,transform .2s ease; }
.hm-tour-expand:hover { background:#fff; transform:translateY(-2px); }
.hm-anchor-nav a { position:relative; }
.hm-anchor-nav a:after { content:""; position:absolute; right:0; bottom:11px; left:0; height:2px; background:#5476bb; transform:scaleX(0); transform-origin:left; transition:transform .3s ease; }
.hm-anchor-nav a[aria-current="location"]:after { transform:scaleX(1); }
.hm-lightbox { width:min(96vw,1500px); max-width:none; max-height:94dvh; padding:44px 16px 16px; border:1px solid #d2ddeb; border-radius:15px; color:#263953; background:#f7f9fc; box-shadow:0 30px 90px #0b183b66; }
.hm-lightbox::backdrop { background:#071120bb; backdrop-filter:blur(9px); }
.hm-lightbox-close { position:absolute; top:10px; right:16px; min-height:30px; padding:0 8px; border:0; color:#415779; background:transparent; font-size:13px; font-weight:750; cursor:pointer; }
.hm-lightbox-close:hover { color:#1f3c87; }
.hm-lightbox figure { margin:0; }
.hm-lightbox img { display:block; max-width:100%; max-height:calc(94dvh - 100px); width:auto; height:auto; margin-inline:auto; object-fit:contain; border:1px solid #dce5ef; border-radius:8px; background:#fff; }
.hm-lightbox figcaption { margin-top:11px; color:#65758d; font-size:12px; text-align:center; }
body.hm-body:has(.hm-lightbox[open]) { overflow:hidden; }
.hm-hero h1 { animation:hm-title-arrive .9s .07s both; }
.hm-hero-stage { animation:hm-screen-arrive 1.1s .18s both; }
.hm-stage-glow { animation:hm-glow-drift 10s ease-in-out infinite alternate; }
[data-hm-reveal] { opacity:.73; transform:translateY(27px); transition:opacity .68s ease,transform .68s cubic-bezier(.2,.75,.2,1); }
.hm-scenario-grid .hm-scenario:nth-child(2) { transition-delay:.07s; }
.hm-scenario-grid .hm-scenario:nth-child(3) { transition-delay:.14s; }
@keyframes hm-showcase-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes hm-tour-progress { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@keyframes hm-tour-pulse { 50% { opacity:.45; box-shadow:0 0 0 5px #89b5bb1e; } }
@keyframes hm-title-arrive { from { opacity:.46; transform:translateY(23px); } to { opacity:1; transform:none; } }
@keyframes hm-screen-arrive { from { opacity:.6; transform:translate(28px,19px) scale(.975); } to { opacity:1; transform:none; } }
@keyframes hm-glow-drift { from { transform:translateY(0) rotate(-2deg); } to { transform:translateY(9px) rotate(-1deg); } }
@media (min-width:1001px) and (max-width:1150px) { .hm-showcase-label { display:none; }.hm-showcase-toolbar { grid-template-columns:auto 1fr auto auto; }.hm-showcase-steps { justify-self:end; } }
@media (max-width:760px) { .hm-workflow-aside p { margin-bottom:13px; font-size:13px; }.hm-tour-expand { top:16px; right:16px; }.hm-showcase-toolbar { gap:8px; } }
@media (max-width:560px) {
  .hm-showcase-scenes { aspect-ratio:1.2; }
  .hm-showcase-toolbar { grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"counter label expand" "steps steps pause"; row-gap:3px; padding:8px 10px; }
  .hm-showcase-counter { grid-area:counter; }
  .hm-showcase-label { grid-area:label; }
  .hm-showcase-steps { grid-area:steps; }
  .hm-showcase-pause { grid-area:pause; }
  .hm-showcase-expand { grid-area:expand; }
  .hm-tour-expand { top:16px; right:16px; padding-inline:7px; font-size:10px; }
  .hm-workflow-aside { align-self:start; }
  .hm-workflow-aside p { max-width:none; }
  .hm-lightbox { width:98vw; padding-inline:8px; }
}
html[data-theme="dark"] .hm-showcase-toolbar { border-color:#374a62; background:#202b3e; }
html[data-theme="dark"] .hm-showcase-label { color:#dce8f7; }
html[data-theme="dark"] .hm-showcase-counter { color:#a4bde7; }
html[data-theme="dark"] .hm-showcase-pause,html[data-theme="dark"] .hm-showcase-expand { border-color:#45607a; color:#d5e2f2; background:#263750; }
@media (prefers-reduced-motion:reduce) {
  .hm-hero-window .hm-showcase-scenes img { transition:none; transform:none; }
  .hm-showcase-pause,.hm-tour-toggle { display:none; }
  .hm-stage-glow { animation:none; }
  .hm-workflow.is-tour-playing .hm-tab.is-active:after,.hm-hero-window.is-playing .hm-showcase-steps button.is-current span { animation:none; }
  [data-hm-reveal] { opacity:1; transform:none; transition:none; }
}

/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4 */
/* The software screen is the visual focus; the page has no demo-player chrome. */
.hm-hero-window { position:relative; }
.hm-showcase-scenes { position:relative; overflow:hidden; aspect-ratio:1440/900; background:var(--hm-paper); }
.hm-hero-window .hm-showcase-scenes img { position:absolute; inset:0; display:block; width:100%; max-width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:center top; opacity:0; transform:translateY(10px) scale(1.012); transition:opacity .72s ease,transform .9s cubic-bezier(.2,.75,.2,1); pointer-events:none; }
.hm-hero-window .hm-showcase-scenes img.is-current { z-index:1; opacity:1; transform:none; }
.hm-workflow {
  --hm-showcase-bg:#f1f5f9;
  --hm-showcase-paper:#ffffff;
  --hm-showcase-ink:#17283d;
  --hm-showcase-muted:#64748a;
  --hm-showcase-line:#d7e2ed;
  --hm-showcase-accent:#4765a8;
  padding-block:112px 118px;
  border-block:1px solid var(--hm-showcase-line);
  background:var(--hm-showcase-bg);
  color:var(--hm-showcase-ink);
}
.hm-workflow-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,370px); column-gap:8%; row-gap:0; align-items:end; margin-bottom:48px; }
.hm-workflow-header .hm-section-index { grid-column:1/-1; margin-bottom:24px; color:var(--hm-showcase-accent); }
body.hm-body .hm-page .hm-workflow h2 { max-width:780px; margin:0; color:var(--hm-showcase-ink); font-size:clamp(43px,4.5vw,66px); line-height:1.16; }
.hm-workflow-header>.hm-workflow-lede { max-width:360px; margin:0 0 7px; color:var(--hm-showcase-muted); font-size:16px; line-height:1.85; }
.hm-product-figure { margin:0; padding:clamp(15px,2.25vw,32px); overflow:hidden; border:1px solid var(--hm-showcase-line); border-radius:19px; background:radial-gradient(circle at 12% 20%,#e1edf8,transparent 43%),radial-gradient(circle at 84% 84%,#e8edf8,transparent 44%),var(--hm-showcase-paper); }
.hm-product-screen { overflow:hidden; border:1px solid var(--hm-showcase-line); border-radius:11px; background:var(--hm-showcase-paper); box-shadow:0 18px 45px #243f6025; }
.hm-product-screen img { display:block; width:100%; height:auto; object-fit:contain; }
.hm-product-figure figcaption { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px 18px; padding:22px 4px 3px; color:var(--hm-showcase-muted); font-size:14px; }
.hm-product-figure figcaption span { color:var(--hm-showcase-accent); font-size:12px; font-weight:800; letter-spacing:.05em; }
.hm-product-figure figcaption strong { color:var(--hm-showcase-ink); font-size:14px; font-weight:620; }
.hm-workflow-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:52px; border-block:1px solid var(--hm-showcase-line); }
.hm-workflow-features>div { display:grid; grid-template-columns:26px minmax(0,1fr); align-content:start; gap:9px 16px; min-width:0; padding:25px 20px 29px 0; }
.hm-workflow-features>div+div { padding-left:25px; border-left:1px solid var(--hm-showcase-line); }
.hm-workflow-features span { grid-row:1/3; padding-top:2px; color:var(--hm-showcase-accent); font-size:11px; font-weight:800; }
.hm-workflow-features strong { color:var(--hm-showcase-ink); font-size:18px; font-weight:720; }
.hm-workflow-features p { margin:0; color:var(--hm-showcase-muted); font-size:13px; line-height:1.7; }
html[data-theme="dark"] .hm-workflow { --hm-showcase-bg:#1a2638; --hm-showcase-paper:#233349; --hm-showcase-ink:#eff4fb; --hm-showcase-muted:#acbad0; --hm-showcase-line:#40516b; --hm-showcase-accent:#a8bdf0; }
html[data-theme="dark"] .hm-product-figure { background:radial-gradient(circle at 12% 20%,#283d5b,transparent 43%),radial-gradient(circle at 84% 84%,#26354f,transparent 44%),var(--hm-showcase-paper); }
@media (max-width:760px) {
  .hm-workflow { padding-block:78px 84px; }
  .hm-workflow-header { display:block; margin-bottom:30px; }
  body.hm-body .hm-page .hm-workflow h2 { font-size:clamp(36px,7.5vw,52px); }
  .hm-workflow-header>.hm-workflow-lede { max-width:610px; margin-top:18px; font-size:14px; }
  .hm-workflow-features { margin-top:35px; }
  .hm-workflow-features>div { display:block; padding:20px 12px 22px 0; }
  .hm-workflow-features>div+div { padding-left:12px; }
  .hm-workflow-features span { display:block; margin-bottom:10px; }
  .hm-workflow-features strong { font-size:15px; }
  .hm-workflow-features p { margin-top:7px; font-size:12px; }
}
@media (max-width:560px) {
  .hm-product-figure { padding:12px; border-radius:12px; }
  .hm-product-screen { border-radius:7px; }
  .hm-product-screen img { width:158%; max-width:none; margin-left:-16%; }
  .hm-product-figure figcaption { display:grid; gap:4px; padding:15px 2px 2px; }
  .hm-workflow-features { grid-template-columns:1fr; }
  .hm-workflow-features>div,.hm-workflow-features>div+div { display:grid; grid-template-columns:30px minmax(0,1fr); gap:5px 10px; padding:16px 0; border-left:0; }
  .hm-workflow-features>div+div { border-top:1px solid var(--hm-showcase-line); }
  .hm-workflow-features span { grid-row:1/3; margin:0; }
  .hm-workflow-features p { margin:0; }
}
@media (prefers-reduced-motion:reduce) {
  .hm-hero-window .hm-showcase-scenes img { transition:none; transform:none; }
}

/* Current product captures are shown in full, at or below their native size. */
.hm-hero-stage { width:min(100%,1100px); }
.hm-hero-window img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:auto; object-fit:contain; object-position:center; transform:none; }
.hm-product-screen { max-width:1280px; margin-inline:auto; }
.hm-product-screen img { display:block; width:100%; max-width:100%; height:auto; margin:0; object-fit:contain; }
.hm-scenario-art { align-self:center; width:100%; aspect-ratio:auto; min-height:0; margin:0; overflow:hidden; }
.hm-scenario-art img { display:block; width:100%; height:auto; max-width:100%; object-fit:contain; }
.hm-scenario-art figcaption { right:10px; bottom:10px; }
.hm-scenario-data,.hm-scenario-image { min-height:365px; }
.hm-scenario-type { display:flex; align-items:baseline; gap:14px; width:fit-content; margin-top:49px; padding-top:16px; border-top:1px solid #c6d7df; color:#385d68; font-size:clamp(32px,4vw,55px); font-weight:750; letter-spacing:-.07em; line-height:1.12; }
.hm-scenario-type span { color:#72869a; font-size:13px; font-weight:500; letter-spacing:0; }
.hm-output-list { display:flex; flex-wrap:wrap; gap:7px; max-width:480px; margin-top:47px; }
.hm-output-list span { padding:9px 12px; border:1px solid #d6e1eb; border-radius:7px; background:#fff; color:#566982; font-size:12px; font-weight:700; letter-spacing:.03em; }
.hm-scenario-image p { max-width:455px; }
html[data-theme="dark"] .hm-scenario-type { border-color:#496477; color:#c3dbe0; }
html[data-theme="dark"] .hm-scenario-type span { color:#9aafc2; }
html[data-theme="dark"] .hm-output-list span { border-color:#486079; background:#283a50; color:#c2d2e8; }
@media (max-width:560px) {
  .hm-hero-window img,.hm-product-screen img { width:100%; max-width:100%; margin:0; transform:none; }
  .hm-scenario-wide { min-height:0; }
  .hm-scenario-art { height:auto; margin-top:28px; }
  .hm-scenario-data,.hm-scenario-image { min-height:340px; }
  .hm-scenario-type { font-size:38px; margin-top:40px; }
  .hm-scenario-image p { max-width:none; }
}

/* Hero choreography: a concise product promise, followed by the real desktop view. */
.hm-hero h1,.hm-hero .hm-eyebrow img,.hm-hero .hm-hero-window img { animation:none!important; }
.hm-hero-line { display:block; overflow:hidden; padding-block:.04em; margin-block:-.04em; }
.hm-hero-line>span { display:inline-block; animation:hm-hero-line-in .92s cubic-bezier(.18,.82,.22,1) both; }
.hm-hero-line:nth-child(2)>span { animation-delay:.14s; }
.hm-phrase-box { position:relative; display:block!important; width:100%; height:1.16em; }
.hm-hero-phrase { position:absolute; inset:0; display:block; width:100%; font-style:normal; white-space:nowrap; opacity:0; transform:translate3d(0,35%,0); transition:opacity .62s ease,transform .72s cubic-bezier(.2,.75,.2,1); }
.hm-hero-phrase.is-current { opacity:1; transform:none; }
.hm-hero-phrase.is-leaving { opacity:0; transform:translate3d(0,-35%,0); }
.hm-hero-window .hm-demo-frame { position:relative; width:100%; aspect-ratio:1424/835; overflow:hidden; background:#f7fafc; }
.hm-hero-window .hm-demo-frame img { position:absolute; inset:0; display:block; width:100%; max-width:100%; height:100%; margin:0; object-fit:contain; object-position:center; opacity:0; transform:none; transition:opacity .72s ease; pointer-events:none; }
.hm-hero-window .hm-demo-frame img.is-active { z-index:1; opacity:1; }
.hm-download-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; max-width:760px; margin:43px auto 0; text-align:center; }
.hm-download-tile { position:relative; display:block; min-width:0; min-height:168px; overflow:hidden; border:1px solid transparent; border-radius:16px!important; background:#f5f7fa; color:#1a2434; text-decoration:none; transition:background .28s ease,border-color .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease; }
.hm-download-tile:hover,.hm-download-tile:focus-visible { transform:translateY(-4px); border-color:#c1e4dc; background:#effaf7; box-shadow:0 15px 32px #1b5d6030; }
.hm-download-tile:focus-visible { outline:3px solid #4775ca; outline-offset:3px; }
.hm-download-tile.is-current { background:#ecf9f5; }
.hm-download-current { position:absolute; z-index:2; inset:0 0 auto; height:27px; display:none; align-items:center; justify-content:center; color:#188b75; background:#d7f3ea; font-size:11px; font-weight:750; letter-spacing:.035em; }
.hm-download-tile.is-current .hm-download-current { display:flex; }
.hm-download-tile-front,.hm-download-tile-back { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1); }
.hm-download-tile-front { gap:6px; padding:28px 10px 13px; opacity:1; transform:none; }
.hm-download-tile-front svg { display:block; width:38px; height:38px; margin-bottom:4px; }
.hm-download-tile-front strong { font-size:16px; line-height:1.25; font-weight:700; }
.hm-download-tile-front small { color:#697585; font-size:11px; line-height:1.35; }
.hm-download-tile-front:after { content:"↓"; position:absolute; right:13px; bottom:9px; color:#7a8b9e; font-size:15px; }
.hm-download-tile-back { gap:10px; padding:32px 10px 15px; opacity:0; transform:translateY(12px); color:#3d4b5e; font-size:12px; }
.hm-download-arrow { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; background:#17202c; color:#fff; font-size:23px; line-height:1; }
@media (hover:hover) {
  .hm-download-tile:hover .hm-download-tile-front,.hm-download-tile:focus-visible .hm-download-tile-front { opacity:0; transform:translateY(-12px); }
  .hm-download-tile:hover .hm-download-tile-back,.hm-download-tile:focus-visible .hm-download-tile-back { opacity:1; transform:none; }
}
html[data-theme="dark"] .hm-download-tile { background:#202b3a; color:#edf3fa; }
html[data-theme="dark"] .hm-download-tile.is-current,html[data-theme="dark"] .hm-download-tile:hover { background:#213d42; }
html[data-theme="dark"] .hm-download-tile-front small,html[data-theme="dark"] .hm-download-tile-back { color:#b9cad8; }
@media (max-width:560px) {
  .hm-download-grid { grid-template-columns:1fr; gap:9px; max-width:390px; margin-top:31px; }
  .hm-download-tile { min-height:84px; border-radius:12px!important; }
  .hm-download-tile-front { display:grid; grid-template-columns:42px 1fr; grid-template-rows:24px 17px; align-content:center; align-items:center; justify-items:start; column-gap:13px; row-gap:0; padding:12px 51px 12px 17px; text-align:left; }
  .hm-download-tile-front svg { grid-row:1/3; width:32px; height:32px; margin:0; }
  .hm-download-tile-front strong { font-size:15px; }
  .hm-download-tile-front small { font-size:11px; }
  .hm-download-tile-front:after { right:20px; bottom:31px; font-size:18px; }
  .hm-download-current { inset:6px 7px auto auto; height:auto; padding:3px 7px; border-radius:100px; font-size:9px; }
  .hm-download-tile-back { flex-direction:row; padding:12px 20px; font-size:13px; }
  .hm-download-arrow { width:32px; height:32px; font-size:19px; }
}
.hm-eyebrow { animation:hm-hero-copy-in .6s .02s both; }
.hm-lede { animation:hm-hero-copy-in .72s .34s both; }
.hm-keep { white-space:nowrap; }
.hm-hero-actions { animation:hm-hero-copy-in .72s .48s both; }
.hm-hero-notes { animation:hm-hero-copy-in .72s .61s both; }
.hm-hero-stage { animation:hm-hero-product-in 1.05s .25s cubic-bezier(.16,.83,.2,1) both; }
.hm-stage-glow { animation:hm-glow-drift 12s ease-in-out infinite alternate; }
@keyframes hm-hero-line-in {
  from { opacity:0; transform:translate3d(0,105%,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes hm-hero-copy-in {
  from { opacity:0; transform:translate3d(0,17px,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes hm-hero-product-in {
  from { opacity:.2; transform:translate3d(0,28px,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@media (max-width:360px) {
  .hm-hero h1 { font-size:34px; }
  .hm-hero-actions { flex-direction:column; align-items:stretch; }
  .hm-hero-actions .hm-button { justify-content:space-between; width:100%; }
}
@media (min-width:761px) and (max-width:1000px) {
  .hm-lede { max-width:610px; }
}
@media (prefers-reduced-motion:reduce) {
  .hm-hero-line>span,.hm-eyebrow,.hm-lede,.hm-hero-actions,.hm-hero-notes,.hm-hero-stage,.hm-stage-glow { animation:none!important; opacity:1!important; transform:none!important; }
  .hm-hero-phrase,.hm-hero-window .hm-demo-frame img { transition:none!important; }
}

/* Hallmark · macrostructure: centered product marquee · visual source: WorkBuddy homepage
 * HemuMate keeps its own research copy, product images and indigo identity.
 * Pre-emit critique: P4 H5 E4 S5 R4 V4. */
.hm-body {
  --hm-hero-paper:#ffffff;
  --hm-hero-ink:#161c29;
  --hm-hero-muted:#5e6979;
  --hm-hero-accent:#3558a9;
  --hm-hero-accent-hover:#264789;
  --hm-hero-glow-a:#def8f3;
  --hm-hero-glow-b:#e3ebff;
  --hm-hero-window-line:#e1e7f0;
  --hm-hero-window-shadow:#294b762b;
}
.hm-hero {
  padding:24px 0 70px;
  background:var(--hm-hero-paper);
}
.hm-hero:before { display:none; }
.hm-hero-inner { display:block; }
.hm-hero-copy { max-width:none; margin:54px auto 0; text-align:center; }
.hm-hero h1 {
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.16em;
  margin:0 auto;
  color:var(--hm-hero-ink);
  font-size:clamp(58px,5.65vw,82px);
  font-weight:740;
  line-height:1.16;
  letter-spacing:-.064em;
  white-space:nowrap;
  animation:none;
}
.hm-title-brand {
  display:inline-block;
  flex:none;
  animation:hm-hero-brand-in .8s cubic-bezier(.18,.8,.2,1) both;
}
.hm-title-brand::after { display:none; }
.hm-hero .hm-phrase-box {
  display:inline-block!important;
  flex:none;
  width:6.1em;
  height:1.16em;
  overflow:hidden;
  text-align:left;
  vertical-align:baseline;
  animation:hm-hero-brand-in .9s .1s cubic-bezier(.18,.8,.2,1) both;
}
.hm-hero .hm-hero-phrase {
  color:var(--hm-hero-ink);
  text-align:left;
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);
}
.hm-hero .hm-hero-phrase.is-current { opacity:1; transform:translate3d(0,0,0); }
.hm-hero .hm-hero-phrase.is-leaving { opacity:0; transform:translate3d(0,-10px,0); transition:opacity .09s ease,transform .16s ease; }
.hm-hero .hm-lede {
  max-width:730px;
  margin:25px auto 0;
  color:var(--hm-hero-muted);
  font-size:16px;
  line-height:1.8;
  text-wrap:balance;
}
.hm-hero .hm-hero-actions {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:15px;
  margin-top:30px;
}
.hm-hero .hm-button-primary {
  min-height:52px;
  padding-inline:28px;
  border-radius:999px!important;
  background:var(--hm-hero-ink);
  box-shadow:none;
  font-size:15px;
}
.hm-hero .hm-button-primary:hover {
  background:var(--hm-hero-accent-hover);
  box-shadow:0 10px 22px var(--hm-hero-window-shadow);
}
.hm-hero-secondary {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:26px;
  color:var(--hm-hero-accent);
  font-size:14px;
  font-weight:620;
  text-decoration:none;
  transition:color .25s ease,gap .25s ease;
}
.hm-hero-secondary:hover { gap:13px; color:var(--hm-hero-accent-hover); }
.hm-hero-stage {
  width:min(100%,1160px);
  margin:68px auto 0;
  isolation:isolate;
}
.hm-stage-glow {
  inset:-46px -90px -35px;
  border-radius:50%;
  background:radial-gradient(ellipse at 20% 53%,var(--hm-hero-glow-a),transparent 48%),radial-gradient(ellipse at 85% 44%,var(--hm-hero-glow-b),transparent 48%);
  filter:blur(23px);
  opacity:.83;
  transform:none;
  animation:hm-glow-breathe 11s ease-in-out infinite alternate;
}
.hm-hero-window {
  border-color:var(--hm-hero-window-line);
  border-radius:16px;
  box-shadow:0 36px 92px var(--hm-hero-window-shadow),0 5px 17px var(--hm-hero-window-line);
}
.hm-hero-window .hm-demo-frame { aspect-ratio:1440/836; background:var(--hm-hero-paper); }
.hm-hero-window .hm-demo-frame img { transition:opacity .72s ease,filter .72s ease; }
.hm-hero-window .hm-demo-frame img:not(.is-active) { filter:none; }
.hm-hero-window .hm-demo-frame video {
  position:absolute;
  z-index:3;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  pointer-events:none;
  transition:opacity .5s ease;
}
.hm-hero-window .hm-demo-frame.is-video-ready video { opacity:1; }
.hm-intro { padding-top:85px; }
.hm-scenarios { padding-block:108px 122px; }
.hm-scenarios .hm-section-heading { margin-bottom:36px; }
.hm-capability-nav {
  display:inline-flex;
  align-items:center;
  gap:3px;
  margin-bottom:23px;
  padding:5px;
  border:1px solid var(--hm-line);
  border-radius:999px;
  background:var(--hm-paper);
}
.hm-capability-nav button {
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:43px;
  padding:0 21px;
  border:0;
  border-radius:999px!important;
  background:transparent;
  color:var(--hm-muted);
  font:inherit;
  font-size:14px;
  font-weight:680;
  cursor:pointer;
  transition:background-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.hm-capability-nav button span { color:var(--hm-hero-accent); font-size:10px; font-weight:800; }
.hm-capability-nav button:hover { color:var(--hm-ink); }
.hm-capability-nav button[aria-selected="true"] { background:var(--hm-hero-paper); color:var(--hm-hero-ink); box-shadow:0 2px 10px var(--hm-hero-window-shadow); }
.hm-capability-stage {
  overflow:hidden;
  min-height:565px;
  border:1px solid var(--hm-line);
  border-radius:21px;
  background:var(--hm-hero-paper);
}
.hm-capability-panel[hidden] { display:none; }
.hm-capability-panel:not([hidden]) {
  display:grid;
  grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);
  min-height:565px;
  animation:hm-capability-enter .55s cubic-bezier(.2,.75,.2,1) both;
}
.hm-capability-copy { align-self:center; padding:48px 32px 48px 58px; }
.hm-capability-index { margin:0; color:var(--hm-hero-accent); font-size:12px; font-weight:800; letter-spacing:.1em; }
.hm-capability-copy h3 { margin:23px 0 20px; color:var(--hm-hero-ink); font-size:clamp(40px,3.5vw,54px); font-weight:730; letter-spacing:-.05em; line-height:1.19; }
.hm-capability-copy>p:not(.hm-capability-index) { max-width:415px; margin:0; color:var(--hm-hero-muted); font-size:15px; line-height:1.87; }
.hm-capability-detail { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:32px; color:var(--hm-hero-accent); font-size:12px; font-weight:680; }
.hm-capability-detail span { color:var(--hm-muted); }
.hm-capability-media {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  margin:0;
  padding:42px 36px 42px 6px;
  background:radial-gradient(ellipse at 57% 49%,var(--hm-hero-glow-a),transparent 70%),radial-gradient(ellipse at 80% 80%,var(--hm-hero-glow-b),transparent 62%);
}
.hm-capability-media img { display:block; width:100%; max-width:740px; max-height:470px; height:auto; object-fit:contain; border:1px solid var(--hm-hero-window-line); border-radius:12px; background:var(--hm-hero-paper); box-shadow:0 26px 50px var(--hm-hero-window-shadow); }
@keyframes hm-capability-enter { from { opacity:.38; transform:translateY(16px); } to { opacity:1; transform:none; } }
@media (max-width:1000px) {
  .hm-capability-stage,.hm-capability-panel:not([hidden]) { min-height:460px; }
  .hm-capability-copy { padding:40px 24px 40px 38px; }
  .hm-capability-copy h3 { font-size:clamp(34px,4.3vw,43px); }
  .hm-capability-media { padding:25px 26px 25px 0; }
}
@media (max-width:700px) {
  .hm-scenarios { padding-block:74px 82px; }
  .hm-capability-stage,.hm-capability-panel:not([hidden]) { min-height:0; }
  .hm-capability-panel:not([hidden]) { display:flex; flex-direction:column; }
  .hm-capability-copy { padding:35px 30px 28px; }
  .hm-capability-copy h3 { margin-block:15px; font-size:clamp(33px,7.4vw,45px); }
  .hm-capability-copy>p:not(.hm-capability-index) { max-width:none; font-size:14px; }
  .hm-capability-detail { margin-top:20px; }
  .hm-capability-media { padding:14px 19px 28px; }
  .hm-capability-media img { max-height:none; }
}
@media (max-width:560px) {
  .hm-capability-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; padding:4px; }
  .hm-capability-nav button { justify-content:center; min-width:0; min-height:41px; padding:0 5px; font-size:12px; }
  .hm-capability-nav button span { display:none; }
  .hm-capability-stage { border-radius:13px; }
  .hm-capability-copy { padding:31px 25px 24px; }
  .hm-capability-media { padding-inline:13px; }
  .hm-capability-media img { border-radius:7px; }
}
@keyframes hm-hero-brand-in {
  from { opacity:0; transform:translateY(18px); filter:blur(5px); }
  to { opacity:1; transform:none; filter:blur(0); }
}
@keyframes hm-glow-breathe {
  from { opacity:.64; transform:scale(.99); }
  to { opacity:.94; transform:scale(1.025); }
}
@media (max-width:1000px) {
  .hm-hero-copy { margin-top:55px; }
  .hm-hero h1 { font-size:clamp(48px,6.6vw,68px); }
  .hm-hero-stage { margin-top:57px; }
}
@media (max-width:760px) {
  .hm-hero { padding:18px 0 34px; }
  .hm-hero-copy { margin-top:24px; }
  .hm-hero h1 { display:flex; gap:.12em; font-size:clamp(30px,7.6vw,54px); line-height:1.14; }
  .hm-title-brand { display:inline-block; }
  .hm-title-brand::after { display:none; }
  .hm-hero .hm-phrase-box { display:inline-block!important; width:6.1em; height:1.18em; text-align:left; }
  .hm-hero .hm-hero-phrase { text-align:left; }
  .hm-hero .hm-lede { max-width:580px; margin-top:19px; font-size:15px; line-height:1.7; }
  .hm-hero .hm-hero-actions { margin-top:23px; }
  .hm-hero-stage { width:100%; margin-top:44px; }
  .hm-stage-glow { inset:-23px -20px -20px; filter:blur(13px); }
  .hm-intro { padding-top:43px; }
}
@media (max-width:560px) {
  .hm-hero-copy { margin-top:22px; }
  .hm-hero h1 { font-size:clamp(26px,7.65vw,39px); }
  .hm-hero .hm-phrase-box { height:1.22em; }
  .hm-hero .hm-hero-phrase { font-size:1em; }
  .hm-hero .hm-lede { margin-top:17px; font-size:14px; line-height:1.68; }
  .hm-hero .hm-hero-actions { gap:10px; margin-top:22px; }
  .hm-hero .hm-button-primary { width:min(100%,320px); min-height:49px; padding-inline:24px; }
  .hm-hero-stage { margin-top:42px; }
  .hm-hero-window { border-radius:10px; }
}
@media (max-width:360px) {
  .hm-hero h1 { font-size:25px; }
  .hm-hero .hm-button-primary { width:100%; }
}
html[data-theme="dark"] .hm-body {
  --hm-hero-paper:#151a25;
  --hm-hero-ink:#f2f5fc;
  --hm-hero-muted:#b1bfd2;
  --hm-hero-accent:#abc1fa;
  --hm-hero-accent-hover:#cfdbff;
  --hm-hero-glow-a:#243f4d;
  --hm-hero-glow-b:#25365a;
  --hm-hero-window-line:#3a4b66;
  --hm-hero-window-shadow:#00000066;
}
html[data-theme="dark"] .hm-capability-nav { background:var(--hm-hero-paper); }
html[data-theme="dark"] .hm-capability-nav button[aria-selected="true"] { background:var(--hm-hero-window-line); }
html[data-theme="dark"] .hm-hero .hm-button-primary { color:var(--hm-hero-paper); }
html[data-theme="dark"] .hm-hero-window .hm-demo-frame { background:var(--hm-hero-window-line); }
@media (prefers-reduced-motion:reduce) {
  .hm-title-brand,.hm-hero .hm-phrase-box,.hm-stage-glow { animation:none!important; }
  .hm-hero .hm-hero-phrase,.hm-hero-window .hm-demo-frame img { transition:none!important; filter:none!important; }
  .hm-hero-window .hm-demo-frame video { display:none; }
  .hm-capability-panel:not([hidden]) { animation:none; }
}

/* The lowercase u briefly opens into a compact capability tile. */
.hm-hero h1 { gap:0; font-size:clamp(50px,4.5vw,65px); letter-spacing:-.055em; }
.hm-animated-wordmark {
  display:inline-flex;
  align-items:baseline;
  flex:none;
  white-space:nowrap;
  animation:hm-wordmark-enter .55s cubic-bezier(.18,.8,.2,1) both;
}
@keyframes hm-wordmark-enter { from { opacity:.75; transform:translateY(.025em); } to { opacity:1; transform:none; } }
.hm-wordmark-side { display:inline-flex; align-items:baseline; }
.hm-wordmark-glyph { display:inline-block; transform:translate3d(0,0,0); }
.hm-animated-wordmark.is-showcase .hm-wordmark-glyph { will-change:transform; }
.hm-wordmark-slot {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:.57em;
  height:.78em;
  margin-inline:-.018em;
  overflow:hidden;
  border-radius:.19em;
  background:transparent;
}
.hm-wordmark-slot::before {
  content:"";
  position:absolute;
  inset:auto 0 .03em;
  height:var(--hm-tile-height,.54em);
  border-radius:.18em;
  background:linear-gradient(110deg,var(--hm-tile-color-a,#37decd),var(--hm-tile-color-b,#67e5e6));
  clip-path:inset(0 var(--hm-tile-inset,8%) round var(--hm-tile-radius,.34em));
  opacity:var(--hm-tile-opacity,0);
  box-shadow:0 .06em .18em #54aacb20;
}
.hm-wordmark-letter { z-index:1; display:block; line-height:1; opacity:1; }
.hm-wordmark-symbol {
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  color:#fff;
  opacity:0;
  transform:translateY(.025em) scale(.94);
  transition:none;
}
.hm-wordmark-symbol svg { display:block; width:.95em; height:.68em; }
.hm-wordmark-loop svg,.hm-wordmark-code svg { height:.76em; }
.hm-wordmark-case svg { width:.72em; height:.68em; }
.hm-wordmark-face svg { width:.83em; height:.68em; }
.hm-wordmark-symbol svg path {
  stroke:currentColor;
  stroke-width:3.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:100;
  stroke-dashoffset:100;
  transition:none;
}
.hm-wordmark-case svg path:first-child { fill:currentColor; stroke:none; }
.hm-wordmark-case svg path,.hm-wordmark-face svg path { stroke-dasharray:none; stroke-dashoffset:0; }
.hm-wordmark-symbol.is-active { opacity:1; transform:none; }
.hm-wordmark-symbol.is-active svg path { stroke-dashoffset:0; }
.hm-wordmark-tagline {
  display:inline-flex;
  align-items:baseline;
  flex:none;
  width:5em;
  margin-left:.16em;
  overflow:hidden;
  white-space:nowrap;
  opacity:1;
  transform:none;
  transition:width .48s cubic-bezier(.2,.8,.2,1),margin-left .48s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .42s ease;
}
.hm-wordmark-tagline>span { display:inline-block; }
.hm-animated-wordmark.is-intro + .hm-wordmark-tagline { transition:none; }
.hm-animated-wordmark.is-intro + .hm-wordmark-tagline,
.hm-animated-wordmark.is-condensing + .hm-wordmark-tagline { width:0; margin-left:0; opacity:0; transform:translateY(.2em); }
.hm-animated-wordmark.is-revealing + .hm-wordmark-tagline>span { animation:hm-wordmark-character .34s both; }
.hm-animated-wordmark.is-revealing + .hm-wordmark-tagline>span:nth-child(2) { animation-delay:.065s; }
.hm-animated-wordmark.is-revealing + .hm-wordmark-tagline>span:nth-child(3) { animation-delay:.13s; }
.hm-animated-wordmark.is-revealing + .hm-wordmark-tagline>span:nth-child(4) { animation-delay:.195s; }
.hm-animated-wordmark.is-revealing + .hm-wordmark-tagline>span:nth-child(5) { animation-delay:.26s; }
@keyframes hm-wordmark-character { from { opacity:0; color:#aab3c1; transform:translateY(.035em); } to { opacity:1; color:var(--hm-hero-ink); transform:none; } }
@media (max-width:560px) {
  .hm-hero h1 { flex-direction:column; align-items:center; gap:0; font-size:clamp(29px,8vw,42px); line-height:1.18; white-space:normal; }
  .hm-animated-wordmark { align-items:baseline; }
  .hm-wordmark-tagline { width:auto; margin-left:0; }
  .hm-animated-wordmark.is-intro + .hm-wordmark-tagline,
  .hm-animated-wordmark.is-condensing + .hm-wordmark-tagline { width:auto; margin-left:0; opacity:0; transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .hm-animated-wordmark,.hm-wordmark-side,.hm-wordmark-glyph,.hm-wordmark-tagline>span { animation:none!important; }
  .hm-wordmark-slot,.hm-wordmark-slot::before,.hm-wordmark-letter,.hm-wordmark-symbol,.hm-wordmark-symbol svg path,.hm-wordmark-tagline { transition:none!important; animation:none!important; }
  .hm-animated-wordmark.is-intro + .hm-wordmark-tagline { width:5em; margin-left:.16em; opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce) and (max-width:560px) {
  .hm-animated-wordmark.is-intro + .hm-wordmark-tagline { width:auto; margin-left:0; }
}

/* Download choices stay next to the action, including the architecture flyout. */
.hm-body {
  --hm-popover-paper:#fff;
  --hm-popover-row:#fafafa;
  --hm-popover-hover:#f0f3f2;
  --hm-popover-line:#ededed;
  --hm-popover-ink:#202326;
  --hm-popover-muted:#7c8286;
  --hm-popover-accent:#138f79;
  --hm-popover-shadow:0 16px 40px #00000014;
  --hm-download-button:#1a1a1a;
}
.hm-hero-copy { position:relative; z-index:3; }
.hm-download-menu,.hm-platform-group,.hm-install-help { position:relative; }
.hm-download-trigger { display:inline-flex; align-items:stretch; }
.hm-hero .hm-download-trigger .hm-button-primary { justify-content:center; min-height:48px; padding:0 26px; border:0; border-radius:999px!important; background:var(--hm-download-button); box-shadow:none; transform:none; text-decoration:none!important; }
.hm-download-trigger .hm-button-primary span { font-size:16px; font-weight:500; line-height:1.4; transform:none; }
.hm-hero .hm-download-trigger .hm-button-primary:hover { background:var(--hm-download-button); box-shadow:0 8px 22px #00000014; }
.hm-download-popover,.hm-platform-submenu,.hm-install-popover { position:absolute; z-index:10; width:312px; max-width:calc(100vw - 32px); color:var(--hm-popover-ink); text-align:left; font-size:14px; font-weight:400; line-height:1.5; visibility:hidden; opacity:0; transform:translateY(6px) scale(.985); transform-origin:top center; pointer-events:none; transition:opacity .2s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility .2s; }
.hm-body :is(.hm-download-popover,.hm-install-popover)[popover]:popover-open { position:fixed; inset:auto; margin:0; padding:0; border:0; overflow:visible; background:transparent; }
.hm-download-popover[hidden],.hm-platform-submenu[hidden],.hm-install-popover[hidden],.hm-platform-badge[hidden],.hm-version-dot[hidden] { display:none!important; }
.hm-download-menu.is-open>.hm-download-popover,.hm-platform-group.is-open>.hm-platform-submenu,.hm-install-help.is-open>.hm-install-popover { visibility:visible; opacity:1; transform:none; pointer-events:auto; }
.hm-download-popover[data-placement="right"],.hm-platform-submenu[data-placement="right"],.hm-install-popover[data-placement="right"] { transform-origin:left center; }
.hm-download-popover[data-placement="left"],.hm-platform-submenu[data-placement="left"],.hm-install-popover[data-placement="left"] { transform-origin:right center; }
.hm-download-popover::before,.hm-platform-submenu::before { content:""; position:absolute; pointer-events:auto; }
:is(.hm-download-popover,.hm-platform-submenu)[data-placement="right"]::before { inset:0 auto 0 -14px; width:14px; }
:is(.hm-download-popover,.hm-platform-submenu)[data-placement="left"]::before { inset:0 -14px 0 auto; width:14px; }
:is(.hm-download-popover,.hm-platform-submenu)[data-placement="bottom"]::before { inset:-14px 0 auto; height:14px; }
:is(.hm-download-popover,.hm-platform-submenu)[data-placement="top"]::before { inset:auto 0 -14px; height:14px; }
.hm-body .hm-download-popover-panel { padding:20px; border:1px solid var(--hm-popover-line); border-radius:16px!important; background:var(--hm-popover-paper); box-shadow:var(--hm-popover-shadow)!important; }
.hm-popover-heading { margin:0 0 10px; color:var(--hm-popover-muted); font-size:12px; font-weight:450; letter-spacing:0; }
.hm-platform-list { border-radius:12px; background:var(--hm-popover-row); }
.hm-platform-row { display:flex; align-items:center; gap:12px; width:100%; min-height:54px; margin:0; padding:12px 14px; border:0; border-radius:12px; background:transparent; color:var(--hm-popover-ink); font:inherit; text-decoration:none; cursor:pointer; transition:background .18s ease; }
.hm-platform-group>.hm-platform-row { border-radius:12px 12px 0 0; }
.hm-platform-list>.hm-platform-row { border-radius:0 0 12px 12px; border-top:1px solid var(--hm-popover-paper); }
.hm-platform-row:hover,.hm-platform-row:focus-visible,.hm-platform-group.is-open>.hm-platform-row { background:var(--hm-popover-hover); color:var(--hm-popover-ink); }
.hm-platform-icon { flex:none; width:17px; height:17px; }
.hm-platform-label { display:grid; gap:1px; }
.hm-platform-label small { color:var(--hm-popover-muted); font-size:10px; }
.hm-platform-badge { margin-left:auto; color:var(--hm-popover-accent); font-size:10px; white-space:nowrap; }
.hm-platform-chevron,.hm-platform-download { flex:none; width:14px; height:14px; margin-left:auto; color:var(--hm-popover-muted); }
.hm-platform-badge:not([hidden])+.hm-platform-chevron,.hm-platform-badge:not([hidden])+.hm-platform-download { margin-left:0; }
.hm-popover-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:13px; border-top:1px solid var(--hm-popover-line); color:var(--hm-popover-muted); font-size:10px; }
.hm-popover-footer a { color:var(--hm-popover-ink); text-decoration:none; transition:color .18s ease; }
.hm-popover-footer a:hover { color:var(--hm-popover-accent); }
.hm-platform-submenu { width:234px; padding:8px; border:1px solid var(--hm-popover-line); border-radius:12px; background:var(--hm-popover-paper); box-shadow:0 8px 24px #00000024; transition-duration:.18s; }
.hm-version-row { display:flex; align-items:center; gap:9px; min-height:56px; padding:9px 12px; border-radius:7px; color:var(--hm-popover-ink); text-decoration:none; transition:background .18s ease; }
.hm-version-row:hover,.hm-version-row:focus-visible { color:var(--hm-popover-ink); background:var(--hm-popover-hover); }
.hm-version-row>span:first-child { display:grid; gap:2px; }
.hm-version-row strong { font-size:13px; font-weight:500; }
.hm-version-row small { color:var(--hm-popover-muted); font-size:10px; }
.hm-version-row svg { width:14px; height:14px; margin-left:auto; color:var(--hm-popover-muted); }
.hm-version-dot { width:5px; height:5px; margin-left:auto; border-radius:50%; background:var(--hm-popover-accent); }
.hm-version-dot:not([hidden])+svg { margin-left:0; }
.hm-availability-note { position:relative; z-index:4; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 16px; }
.hm-install-trigger { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0; border:0; background:transparent; color:var(--hm-hero-muted); font:inherit; cursor:pointer; transition:color .2s; }
.hm-install-trigger:hover,.hm-install-help.is-open .hm-install-trigger { color:var(--hm-hero-accent); }
.hm-install-trigger svg { width:14px; height:14px; transition:transform .2s ease; }
.hm-install-help.is-open .hm-install-trigger svg { transform:rotate(180deg); }
.hm-install-popover { width:360px; }
.hm-body .hm-install-panel { max-height:var(--hm-floating-space,calc(100dvh - 32px)); overflow:auto; overscroll-behavior:contain; padding:23px; border:1px solid var(--hm-popover-line); border-radius:16px!important; background:var(--hm-popover-paper); box-shadow:var(--hm-popover-shadow)!important; }
.hm-body .hm-install-panel h3 { margin:0 0 18px; color:var(--hm-popover-ink); font-size:17px; font-weight:650; letter-spacing:0; line-height:1.4; }
.hm-install-panel ol { display:grid; gap:16px; margin:0; padding:0; list-style:none; counter-reset:hm-install; }
.hm-install-panel li { position:relative; display:grid; gap:4px; padding-left:30px; counter-increment:hm-install; }
.hm-install-panel li::before { content:counter(hm-install); position:absolute; left:0; top:1px; display:grid; place-items:center; width:21px; height:21px; border-radius:50%; background:var(--hm-popover-row); color:var(--hm-popover-muted); font-size:11px; }
.hm-install-panel strong { color:var(--hm-popover-ink); font-size:13px; font-weight:600; }
.hm-install-panel li>span { color:var(--hm-popover-muted); font-size:12px; line-height:1.65; }
.hm-install-panel p { margin:19px 0 0; padding-top:15px; border-top:1px solid var(--hm-popover-line); color:var(--hm-popover-muted); font-size:11px; line-height:1.7; }
html[data-theme="dark"] .hm-body { --hm-popover-paper:#202631; --hm-popover-row:#262d39; --hm-popover-hover:#303a46; --hm-popover-line:#343c48; --hm-popover-ink:#ecf0f4; --hm-popover-muted:#abb4c0; --hm-popover-accent:#64d7bb; --hm-popover-shadow:0 16px 40px #00000040; --hm-download-button:#f2f5fc; }
@media (max-width:900px) {
  .hm-body .hm-download-popover-panel { max-height:var(--hm-floating-space,calc(100dvh - 32px)); overflow:auto; overscroll-behavior:contain; }
  .hm-platform-submenu { position:relative; left:auto!important; top:auto!important; width:auto; max-width:none; margin:0 8px 8px; border:0; border-radius:8px; box-shadow:none; }
  .hm-platform-group.is-open>.hm-platform-row { border-radius:12px; }
  .hm-platform-group.is-open .hm-platform-chevron { transform:rotate(90deg); }
  .hm-platform-submenu::before { display:none; }
}
@media (max-width:560px) {
  .hm-download-menu { width:fit-content; max-width:100%; }
  .hm-download-trigger { display:inline-flex; max-width:100%; }
  .hm-hero .hm-download-trigger .hm-button-primary { flex:none; width:auto; min-width:0; min-height:48px; padding-inline:20px; }
  .hm-download-popover-panel { padding:17px; }
  .hm-platform-row { min-height:55px; }
}
@media (prefers-reduced-motion:reduce) {
  .hm-download-popover,.hm-platform-submenu,.hm-install-popover { transform:none; transition:none; }
}