.hp-static{min-height:220px}@media (max-width:899px){.hp-static{min-height:191px}}.hp{--hp-label:46px;border:1px solid var(--cg-line);border-radius:var(--cg-radius);background:var(--cg-surface);padding:14px 14px 12px;box-shadow:0 20px 60px #00000059}.hp-wave{height:26px;margin:0 0 10px var(--hp-label);align-items:flex-end;gap:4px;display:flex}.hp-wave span{background:color-mix(in srgb, var(--cg-primary) 55%, var(--cg-surface-2));height:30%;animation:1.2s ease-in-out infinite hp-wave;animation-delay:calc(var(--i) * -.12s);border-radius:2px;flex:1}.hp[data-playing=true] .hp-wave span{background:var(--cg-primary);animation-duration:.6s}@keyframes hp-wave{0%,to{height:25%}50%{height:100%}}.hp-grid{gap:3px;display:grid}.hp-row{align-items:center;gap:1px;display:flex}.hp-label{width:var(--hp-label);letter-spacing:.05em;text-transform:uppercase;color:var(--cg-muted);flex:none;font-size:10px}.hp-row i{background:var(--cg-surface-2);border-radius:2px;flex:1;height:14px}.hp-row i.beat{background:color-mix(in srgb, var(--cg-surface-2) 70%, var(--cg-line))}.hp-row i.on{background:var(--cg-primary);opacity:.55}.hp-row i.now{box-shadow:inset 0 0 0 1px var(--cg-accent)}.hp-row i.on.now{background:var(--cg-accent);opacity:1;box-shadow:0 0 8px var(--cg-accent)}.hp-foot{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.hp-play{min-width:112px}.hp-chip{font-family:var(--cg-mono);border:1px solid var(--cg-line);color:var(--cg-muted);opacity:.5;border-radius:999px;padding:4px 10px;font-size:11px;transition:transform .35s,opacity .35s;transform:translate(-8px)}.hp-chip.out{opacity:1;color:var(--cg-ink);border-color:var(--cg-primary);transform:translate(6px)}.hp-meta{color:var(--cg-muted);margin-left:auto;font-size:11px}@media (prefers-reduced-motion:reduce){.hp-wave span{height:50%;animation:none}.hp-chip{transition:none}}@media (max-width:520px){.hp{--hp-label:38px;padding:10px}.hp-static{min-height:185px}.hp-meta{display:none}}.qz{border:1px solid var(--cg-line);border-radius:var(--cg-radius);background:var(--cg-surface);padding:22px 22px 18px;position:relative;overflow:hidden}.qz-dots{gap:6px;margin-bottom:14px;display:flex}.qz-dots i{background:var(--cg-line);border-radius:50%;width:8px;height:8px}.qz-dots i.done{background:var(--cg-primary)}.qz-dots i.on{background:var(--cg-accent)}.qz-screen{animation:.3s both qz-in}@keyframes qz-in{0%{opacity:0;transform:translateX(calc(var(--dir,1) * 24px))}to{opacity:1;transform:none}}.qz-q{font-family:var(--cg-display);margin:0 0 14px;font-size:1.45rem}.qz-opts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.qz-opts-wide{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.qz-opt{font:inherit;color:var(--cg-ink);background:var(--cg-surface-2);border:1px solid var(--cg-line);border-radius:var(--cg-radius);text-align:left;cursor:pointer;padding:14px 16px;font-size:1rem;font-weight:600;transition:border-color .15s,transform .15s}.qz-opt:hover{border-color:var(--cg-primary);transform:translateY(-1px)}.qz-result .qz-praise{font-family:var(--cg-display);margin:0 0 14px;font-size:1.35rem}.qz .pa-link{margin-top:12px}@media (prefers-reduced-motion:reduce){.qz-screen{animation:none}.qz-opt{transition:none}}.hm-hero-grid{align-items:center;gap:28px;display:grid}@media (min-width:900px){.hm-hero-grid{text-align:left;grid-template-columns:1.05fr 1fr}.hm-hero-copy .cg-btn-row{justify-content:flex-start}}.hm-note .cg-note-card{margin-top:0}.hm-group{margin:18px 0 0}.hm-group h3{letter-spacing:.06em;text-transform:uppercase;color:var(--cg-muted);margin:0 0 10px;font-size:.85rem}.hm-steps{gap:22px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.hm-steps{grid-template-columns:repeat(3,1fr)}}.hm-steps li{grid-template-columns:2.5rem 1fr;align-items:start;gap:14px;display:grid}.hm-steps p{color:var(--cg-muted);margin:4px 0 0}.hm-steps strong{color:var(--cg-ink)}.hm-n{font-family:var(--cg-display);color:var(--cg-primary);font-size:2rem;line-height:1}.hm-tech-lead{margin:26px 0 10px}.hm-tech .cg-tool-card span{font-size:.9rem}.hm-mac{padding-top:0}.hm-mac-grid{border:1px solid var(--cg-line);border-radius:var(--cg-radius);background:var(--cg-surface);align-items:center;gap:28px;padding:28px;display:grid}@media (min-width:880px){.hm-mac-grid{grid-template-columns:1.1fr 1fr}}.hm-mac-copy h2{margin:0 0 10px}.hm-mac-copy .cg-sub{margin:0 0 16px}.hm-mac-copy .cg-btn-row{margin:0 0 10px}.hm-mac-demo{margin:0}.hm-mac-demo video{border-radius:var(--cg-radius);border:1px solid var(--cg-line);background:var(--cg-bg);width:100%;max-width:560px;height:auto;margin:0 auto;display:block;box-shadow:0 20px 60px #00000059}.hm-mac-demo figcaption{text-align:center;color:var(--cg-muted);margin-top:8px;font-size:.85rem}