.paid-app.hm-page .hm-hero{--hm-scale:calc(0.626 * var(--cx-zoom))}.paid-app.hm-page .hm-panel{display:flex;flex-direction:column;gap:24px;height:auto}.paid-app.hm-page .hm-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name nav" "line line";align-items:center;gap:0 24px;max-width:660px;padding-right:24px}.paid-app.hm-page .hm-line,.paid-app.hm-page .hm-name{margin:0;font-size:24px;line-height:1.2;font-weight:590;letter-spacing:-.015em}.paid-app.hm-page .hm-name{grid-area:name;color:var(--fig-label)}.paid-app.hm-page .hm-line{grid-area:line;color:var(--fg)}.paid-app.hm-page .hm-nav{grid-area:nav;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.paid-app.hm-page .hm-app{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--bd);border-radius:999px;background:var(--bg);font-size:14px;font-weight:510;color:var(--mfg);transition:color var(--ds-duration-fast) var(--ease-out),border-color var(--ds-duration-fast) var(--ease-out)}.paid-app.hm-page .hm-app[aria-pressed=true]{border-color:var(--fg);color:var(--fg)}.paid-app.hm-page .hm-pause{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--mfg);transition:background-color var(--ds-duration-fast) var(--ease-out),color var(--ds-duration-fast) var(--ease-out)}.paid-app.hm-page .hm-pause svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.paid-app.hm-page .hm-app:hover{color:var(--fg)}.paid-app.hm-page .hm-pause:hover{background:var(--pill);color:var(--fg)}}.paid-app.hm-page .hm-view{height:calc(420px * var(--cx-zoom));overflow:hidden}.paid-app.hm-page .hm-win{width:1320px;transform:scale(var(--hm-scale));transform-origin:0 0}.paid-app.hm-page .hm-win>.hx-frame{width:1320px;max-width:none;margin:0}@media (min-width:1200px){.paid-app.hm-page .hm-line,.paid-app.hm-page .hm-name{font-size:30px}}@media (min-width:1024px) and (max-width:1199px){.paid-app.hm-page .hm-head{min-height:calc(36px + 2 * 1.2 * 24px);align-content:end}}@media (max-width:640px){.paid-app.hm-page :is(.hm-win,.hm-card-pic)>.hx-frame{padding:8px;border-radius:14px;overflow:visible}.paid-app.hm-page :is(.hm-win,.hm-card-pic) .aw-box{transform:none;margin-bottom:0}}@media (max-width:640px){.paid-app.hm-page .hm-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "line" "nav";min-height:0}.paid-app.hm-page .hm-line{min-height:calc(2 * 1.2em)}.paid-app.hm-page .hm-nav{margin-top:16px}.paid-app.hm-page .hm-app{padding:0 12px}}@media (prefers-reduced-motion:reduce){.paid-app.hm-page .hm-pause{display:none}.paid-app.hm-page :is(.hm-app,.hm-pause){transition:none}}.paid-app.hm-page .hm-apps .in-head{grid-template-columns:minmax(0,1fr)}.paid-app.hm-page .hm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:64px 0 0;padding:0;list-style:none}.paid-app.hm-page .hm-card{display:flex;flex-direction:column;min-height:600px;overflow:hidden;border:1px solid var(--a-bd);border-radius:12px;background:var(--ca-card);box-shadow:var(--sp-e1)}.paid-app.hm-page .hm-card-words{padding:40px 40px 32px}.paid-app.hm-page .hm-card-title{display:flex;flex-direction:column;margin:0 0 16px;font-size:24px;line-height:1.2;font-weight:590;letter-spacing:-.015em}.paid-app.hm-page .hm-card-name{color:var(--fig-label)}.paid-app.hm-page .hm-card-line{color:var(--fg)}.paid-app.hm-page .hm-card-intro{max-width:500px;margin:0 0 20px;font-size:16px;line-height:1.55;color:var(--mfg);text-wrap:pretty}.paid-app.hm-page :is(.hm-card-link,.hm-more){display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:510;color:var(--fg);text-decoration:none}.paid-app.hm-page .hm-card-pic{position:relative;flex:1;min-height:300px;margin-left:40px}.paid-app.hm-page .hm-card-pic>.hx-frame{position:absolute;top:0;left:0;width:1320px;max-width:none;margin:0;transform:scale(.55);transform-origin:0 0}@media (max-width:1023px){.paid-app.hm-page .hm-cards{grid-template-columns:minmax(0,1fr);margin-top:48px}.paid-app.hm-page .hm-card{min-height:520px}.paid-app.hm-page .hm-card-words{padding:28px 24px 24px}.paid-app.hm-page .hm-card-pic{min-height:240px;margin-left:24px}.paid-app.hm-page .hm-card-pic>.hx-frame{transform:scale(.42)}}.paid-app.hm-page .hm-pricing-side{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.paid-app.hm-page .hm-more{font-size:16px}