:root,:root[data-theme=dark]{--hb-life-long:#2bf0be}:root[data-theme=light],html[data-theme=light]{--hb-life-long:#00705a}.sec-head{margin-bottom:48px;flex-wrap:wrap}.sec-head h2{font-size:calc(clamp(38px,5vw,72px));line-height:.95;max-width:none;margin:8px 0 0}.sec-head h2 em{color:var(--accent)}:root:not([data-theme=light]) .phero-bg:after,:root:not([data-theme=light]) .phero-bg:before{content:"";position:absolute;inset:0}:root:not([data-theme=light]) .phero-bg:before{background:url(https://cdn.imaginando.pt/website3/products/colapso/hero-background.webp) 50%/cover no-repeat;opacity:.5}:root:not([data-theme=light]) .phero-bg:after{background:linear-gradient(to bottom,transparent 60%,var(--bg))}:root[data-theme=light] .phero-bg{background:radial-gradient(ellipse 65% 55% at 78% 22%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 62%),radial-gradient(ellipse 55% 45% at 12% 88%,color-mix(in oklab,var(--hb-life-long) 10%,transparent),transparent 66%)}.ftile{position:relative;border:.5px solid var(--line);border-radius:18px;background:var(--card,#0a0d10);padding:28px 28px 32px;display:flex;flex-direction:column;gap:12px;overflow:hidden;transition:border-color .25s}.ftile:hover{border-color:var(--line-strong)}.ftile .ix{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:4px}.ftile h3{font-family:var(--display);font-weight:500;font-size:24px;letter-spacing:-.015em;line-height:1.1;margin:0;text-wrap:balance}.ftile h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.ftile p{margin:0;color:var(--fg-dim);font-size:15px;line-height:1.6;text-wrap:pretty;max-width:60ch}.hb-demo{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;border:.5px solid var(--line);border-radius:18px;background:var(--card,#0a0d10);padding:44px;overflow:hidden}.hb-copy{display:flex;flex-direction:column;gap:18px;min-width:0}.hb-copy h3{font-family:var(--display);font-weight:500;font-size:calc(clamp(26px,3vw,40px));line-height:1.04;letter-spacing:-.02em;margin:0;text-wrap:balance}.hb-copy h3 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.hb-copy p{margin:0;color:var(--fg-dim);font-size:15px;line-height:1.6;max-width:46ch;text-wrap:pretty}.hb-art{position:relative;min-width:0}.hb-demo.flip{grid-template-columns:1.05fr 1fr}.hb-chooser,.hb-mod,.hb-sweep{--hb-ground:#060b0f;--hb-surface:#0a1116;--hb-raised:#0e181e;--hb-accent:#2bf0be;--hb-text:#c9e8e2;--hb-line:color-mix(in srgb, var(--hb-accent) 22%, transparent);--hb-dim:color-mix(in srgb, var(--hb-accent) 45%, transparent);--hb-faint:color-mix(in srgb, var(--hb-accent) 9%, transparent);--hb-text-dim:color-mix(in srgb, var(--hb-text) 52%, transparent)}.hb-group{--hb-arm:14px;position:relative;border:1px solid var(--hb-line)}.hb-group:after,.hb-group:before{content:"";position:absolute;width:var(--hb-arm);height:var(--hb-arm);z-index:2;pointer-events:none}.hb-group:before{top:-1px;right:-1px;border-top:1px solid var(--hb-accent);border-right:1px solid var(--hb-accent)}.hb-group:after{bottom:-1px;left:-1px;border-bottom:1px solid var(--hb-accent);border-left:1px solid var(--hb-accent)}.hb-chip{position:absolute;top:0;left:-1px;z-index:2;transform:translateY(-50%);display:flex;align-items:stretch}.hb-chip-name{padding:4px 8px 3px;background:var(--hb-accent);color:var(--hb-ground);font-weight:600;letter-spacing:.11em}.hb-chip-name,.hb-chip-note{font-family:var(--display);font-size:11px}.hb-chip-note{display:flex;align-items:center;padding:0 8px;color:var(--hb-accent)}.hb-chip-note,.hb-chooser{background:var(--hb-surface)}.hb-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:1px solid var(--hb-line);border-radius:18px;padding:28px;color-scheme:dark}.hb-ptable{display:grid;grid-template-columns:repeat(var(--pt-cols,6),minmax(0,1fr));gap:5px;align-content:center}.hb-el{position:relative;aspect-ratio:1.05/.85;min-width:0;padding:0;margin:0;border:1px solid var(--hb-line);border-radius:0;background:var(--hb-raised);color:var(--hb-text-dim);font:inherit;cursor:pointer;transition:border-color .15s,background-color .15s}.hb-el:focus-visible,.hb-el:hover{border-color:var(--el);outline:none}.hb-cloud-tile,.hb-el[aria-pressed=true]{background:var(--el);border-color:var(--el);color:var(--hb-ground)}.hb-el.empty{border:0;background:none;pointer-events:none}.hb-el-z{top:5%;left:7%;font-family:var(--mono);font-size:calc(clamp(8px,.72vw,11px))}.hb-el-sym,.hb-el-z{position:absolute;line-height:1}.hb-el-sym{inset:0;display:grid;place-items:center;font-family:var(--display);font-weight:500;font-size:calc(clamp(15px,1.55vw,24px));color:var(--el)}.hb-cloud-tile .hb-el-sym,.hb-el[aria-pressed=true] .hb-el-sym{color:var(--hb-ground)}.hb-el-name{position:absolute;left:4%;right:4%;bottom:6%;font-family:var(--display);font-size:calc(clamp(6.5px,.62vw,9.5px));letter-spacing:.04em;line-height:1;text-align:center;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-cloud{min-height:320px;background:var(--hb-ground)}.hb-cloud canvas{position:absolute;inset:0;width:100%;height:100%}.hb-cloud-dots{mix-blend-mode:plus-lighter}.hb-cloud-tile{position:absolute;top:12px;right:12px;width:calc(20% - 4.8px);max-width:76px;min-width:56px;aspect-ratio:1.05/.85;border:1px solid var(--el);z-index:1}.hb-cloud-play{position:absolute;left:12px;bottom:12px;z-index:1}@media (max-width:900px){.hb-chooser{grid-template-columns:1fr;padding:16px}.hb-cloud{min-height:0;aspect-ratio:1/.9}.hb-el-z{font-size:8px}.hb-el-sym{font-size:calc(clamp(14px,4.2vw,22px))}}.hb-mod{display:flex;flex-direction:column;gap:16px;margin-top:14px;padding:34px 16px 18px;background:var(--hb-surface);color:var(--hb-text);color-scheme:dark;container-type:inline-size}.hb-tabs{right:-1px;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.hb-tabs::-webkit-scrollbar{display:none}@media (max-width:720px),(min-width:1001px) and (max-width:1160px){.hb-tabs{mask-image:linear-gradient(90deg,#000 82%,transparent)}}.hb-tab{--src:var(--hb-text);--ink:color-mix(in srgb, var(--src) 80%, transparent);flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:.48em .76em .38em;border:1px solid color-mix(in srgb,var(--src) 22%,var(--hb-raised));background:var(--hb-raised);color:var(--ink);font-family:var(--display);font-size:calc(clamp(8.5px,1.6cqi,10.5px));font-weight:500;letter-spacing:.08em;line-height:1;text-align:center;white-space:nowrap}.hb-tab.lit{--ink:var(--hb-ground);border-color:var(--src);background:var(--src)}button.hb-tab{margin:0;cursor:pointer}button.hb-tab:not(.lit):hover{background:color-mix(in srgb,var(--src) 22%,var(--hb-raised))}button.hb-tab:focus-visible{outline:1px solid var(--hb-accent);outline-offset:-3px}.hb-tab-lamp{position:relative;height:2px;background:color-mix(in srgb,var(--ink) 25%,transparent)}.hb-tab.bipolar .hb-tab-lamp:before{content:"";position:absolute;left:50%;width:1px;height:100%;background:color-mix(in srgb,var(--ink) 55%,transparent)}.hb-tab-lamp span{position:absolute;top:0;left:50%;width:0;height:100%;background:var(--ink)}.hb-lfo{--knob:var(--hb-accent);display:flex;flex-direction:column;gap:14px}.hb-lfo-bar{justify-content:space-between;gap:12px}.hb-lfo-bar,.hb-lfo-wave{display:flex;align-items:center}.hb-lfo-wave{gap:10px;font-family:var(--display);font-size:11px;font-weight:500;letter-spacing:.07em;color:var(--hb-text)}.hb-lfo-wave select{appearance:none;-webkit-appearance:none;padding:6px 28px 6px 10px;border:1px solid var(--hb-dim);border-radius:0;background:var(--hb-raised) url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%3E%3Cpath%20fill%3D%22%232bf0be%22%20d%3D%22M0%200h8L4%205z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 10px center;color:var(--hb-text);font:inherit;cursor:pointer}.hb-knob-dial:focus-visible,.hb-lfo-play:focus-visible,.hb-lfo-wave select:focus-visible{outline:1px solid var(--hb-accent);outline-offset:2px}.hb-lfo-plot{position:relative;aspect-ratio:382/116;min-height:120px;border:1px solid var(--hb-line);background:var(--hb-ground);overflow:hidden}.hb-lfo-plot canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.hb-lfo-knobs{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px}.hb-lfo-knobs[hidden]{display:none}.hb-knob{display:flex;flex-direction:column;align-items:center;gap:6px}.hb-knob-label{font-family:var(--display);font-size:10.5px;font-weight:500;letter-spacing:.07em;color:var(--hb-text)}.hb-knob-value{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--hb-text-dim);font-variant-numeric:tabular-nums}.hb-knob-dial{width:52px;height:52px;cursor:ns-resize;touch-action:none;border-radius:50%}.hb-knob-dial svg{display:block;width:100%;height:100%}.hb-knob-fill,.hb-knob-track{fill:none;stroke-width:4;stroke-linecap:round}.hb-knob-track{stroke:color-mix(in oklab,var(--knob) 16%,transparent)}.hb-knob-fill,.hb-knob-ptr{stroke:var(--knob)}.hb-knob-ptr{stroke-width:3;stroke-linecap:round}@media (min-width:901px){.req-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}}.phero-grid{grid-template-columns:minmax(0,1.02fr) minmax(340px,1fr)}.phero h1{font-size:calc(clamp(48px,7vw,104px))}@media (max-width:1100px){.phero-grid{grid-template-columns:1fr;gap:40px;align-items:start}}@media (max-width:1000px){.hb-demo,.hb-demo.flip{grid-template-columns:1fr;gap:32px;padding:28px}.hb-demo.flip .hb-copy{order:-1}.hb-copy p{max-width:none}}@media (max-width:720px){.hb-el-name{display:none}}@media (prefers-reduced-motion:reduce){.ftile,.hb-el{transition:none}}.hb-sweep{margin-top:12px;padding:38px 28px 22px;background:var(--hb-surface);color:var(--hb-text)}.hb-sweep,.hb-sweep-knob{display:flex;flex-direction:column;align-items:center}.hb-sweep-knob{width:196px}.hb-sweep-label{display:flex;justify-content:space-between;align-items:baseline;width:100%;margin-bottom:14px;font-family:var(--display);font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--hb-text)}.hb-sweep-value{font-family:var(--mono);font-size:11px;letter-spacing:0;color:var(--hb-accent);font-variant-numeric:tabular-nums}.hb-sweep-icon{display:block;width:160px;height:auto;color:var(--hb-accent)}.hb-sweep-line{width:160px;height:4px;margin-top:10px;background:var(--hb-faint)}.hb-sweep-line span{display:block;width:100%;height:100%;background:var(--hb-accent)}.hb-sweep-transport{display:flex;align-items:center;gap:16px;width:100%;margin-top:30px}.hb-cloud-play,.hb-lfo-play,.hb-sweep-play{flex:0 0 auto;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid var(--hb-dim);border-radius:0;background:var(--hb-raised);color:color-mix(in srgb,var(--hb-accent) 80%,transparent);cursor:pointer;transition:border-color .2s,background .2s}.hb-cloud-play:focus-visible,.hb-cloud-play:hover,.hb-lfo-play:focus-visible,.hb-lfo-play:hover,.hb-sweep-play:focus-visible,.hb-sweep-play:hover{border-color:var(--hb-accent);outline:none}.hb-cloud-play[aria-pressed=true],.hb-lfo-play[aria-pressed=true],.hb-sweep-play[aria-pressed=true]{background:var(--hb-accent);border-color:var(--hb-accent);color:var(--hb-ground)}.hb-lfo-play{width:32px;height:32px}.hb-sweep-bar{flex:1;height:2px;background:var(--hb-faint);overflow:hidden}.hb-sweep-bar span{display:block;width:0;height:100%;background:var(--hb-dim)}