:root{--bg:#171719;--panel:#202023;--text:#eee9df;--muted:#a5a29b;--line:#343437;--gold:#dfb77e;--orange:#d98b6d;--green:#a4bda0;--blue:#94abc8;--purple:#b5a0c6;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:29px;letter-spacing:2px;font-weight:300;display:flex;align-items:center;gap:2px}.brand img{object-fit:contain;margin-right:12px}.brand span{color:var(--gold)}nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}nav a:hover,footer a:hover{color:var(--gold)}.platform{font:12px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.platform i{color:var(--gold);font-style:normal;margin:0 8px}.hero{text-align:center;padding-top:72px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--gold);line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin:0 8px 1px 0}h1{font-size:clamp(52px,6.4vw,88px);font-weight:400;line-height:1.05;letter-spacing:-4.5px;margin:25px 0 24px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-4px}.intro{font-size:17px;line-height:1.7;color:var(--muted);margin:0}.hero-image{position:relative;padding:58px 60px 0}.hero-image:before{content:'';position:absolute;inset:10% -5% -5%;background:radial-gradient(ellipse at center, #dfb77e15,transparent 65%);pointer-events:none}.device{position:relative;border:2px solid #484749;border-radius:28px;padding:12px;background:#09090a;box-shadow:0 30px 65px #0008,0 0 0 5px #111113}.device img{display:block;width:100%;height:auto;border-radius:15px}.image-note{display:block;text-align:right;font:9px ui-monospace,monospace;letter-spacing:1.4px;color:#85827a;margin-top:24px}.image-note span{display:inline-block;width:30px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-block:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:12px}.spec-strip span{border-right:1px solid var(--line)}.spec-strip span:last-child{border:0}.spec-strip b{font-weight:400;color:var(--text);font-size:26px;margin-right:10px;vertical-align:middle}.section{padding-top:112px;padding-bottom:100px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:46px;gap:24px}h2{font-weight:400;font-size:44px;line-height:1.12;letter-spacing:-1.6px;margin:18px 0 0}.section-head p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 3px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--panel);border:1px solid #303033;border-radius:10px;padding:24px 26px 28px;position:relative;overflow:hidden}.feature-caption{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}.index{color:var(--gold)}h3{font-size:20px;font-weight:450;letter-spacing:-.5px;line-height:1.25;margin:0 0 13px}.feature p,.detail-grid p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.wave-visual,.sequence-visual,.locks-visual,.routing-visual,.punch-visual,.tape-visual{height:150px;margin:15px 0 20px;position:relative;display:flex;align-items:center}.wave-bars{height:78px;width:100%;display:flex;align-items:center;gap:3px}.wave-bars i{flex:1;background:#8c8980;min-width:1px;opacity:.6}.playhead{position:absolute;top:25px;bottom:34px;width:1px;background:var(--gold)}.playhead.a{left:32%}.playhead.b{left:62%;background:var(--orange)}.playhead.c{left:80%;background:var(--green)}.wave-labels{position:absolute;bottom:6px;display:flex;justify-content:space-between;width:100%;font:9px ui-monospace,monospace;color:#87857e}.sequence-visual{display:block;padding-top:17px}.sequence-top,.sequence-bottom{display:flex;justify-content:space-between;color:var(--gold);font:9px ui-monospace,monospace;letter-spacing:.5px}.sequence-bottom{color:#929088;font-size:8px;margin-top:12px}.demo-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:16px}.demo-steps button{height:48px;border:1px solid #414044;border-radius:5px;background:#29292d;color:#aaa;font:9px ui-monospace,monospace}.demo-steps button[aria-pressed=true]{background:#8b7557;border-color:var(--gold);color:#fff1d8}.demo-steps button:hover{border-color:var(--gold)}.locks-visual{justify-content:center}.lock-pad{width:60px;height:76px;background:#56654f;border:1px solid var(--green);border-radius:7px;text-align:center;padding-top:15px;color:var(--green);font:23px ui-monospace,monospace}.lock-pad span{font-size:9px;display:block;margin-top:10px}.lock-connector{width:28px;border-top:1px dashed #777}.lock-values{display:grid;gap:8px;font:9px ui-monospace,monospace;color:#999}.lock-values span{display:flex;gap:22px;justify-content:space-between}.lock-values b{color:var(--green);font-weight:400}.routing-visual{gap:7px}.route-input{font:8px ui-monospace,monospace;color:var(--muted)}.route-line{height:50px;width:10px;border:1px solid #535357;border-left:0}.route-nodes{display:grid;gap:14px;flex:1}.route-nodes span{font:10px ui-monospace,monospace;color:var(--orange);white-space:nowrap;border:1px solid #5b443b;border-radius:4px;padding:9px}.route-nodes span+span{color:var(--purple);border-color:#4f445a}.route-nodes i{font-style:normal;margin:0 6px;color:#91867f}.punch-visual{gap:20px;padding-bottom:10px}#punch-demo{height:80px;width:115px;flex-shrink:0;background:#2c2927;color:var(--gold);border:1px solid #7d664b;border-radius:9px;letter-spacing:1px;font-size:14px;touch-action:none;user-select:none}#punch-demo[aria-pressed=true]{background:var(--gold);color:#201c16;box-shadow:0 0 30px #dfb77e33}.punch-trails{display:grid;gap:10px;width:100%}.punch-trails span{height:5px;border-radius:3px;background:#454149;transition:background .15s,width .15s;width:60%}.punch-visual.active .punch-trails span{background:var(--purple);width:100%}.punch-visual.active .punch-trails span:nth-child(2){background:var(--orange);width:75%}.punch-hint{position:absolute;bottom:3px;font:8px ui-monospace,monospace;color:#999;letter-spacing:1px}.demo-note{display:block;font:8px ui-monospace,monospace;color:#87837c;margin-top:12px}.tape-visual{justify-content:center;gap:32px;padding-bottom:15px}.reel{width:68px;height:68px;border:1px solid #a18c71;border-radius:50%;position:relative;background:repeating-conic-gradient(from 0deg,#aa967855 0deg 30deg,transparent 30deg 120deg);box-shadow:inset 0 0 0 7px #202023,inset 0 0 0 8px #61584b}.reel i{position:absolute;width:17px;height:17px;border:1px solid #a18c71;background:var(--panel);border-radius:50%;inset:0;margin:auto}.tape-line{position:absolute;width:100px;border-top:1px solid #a18c71;top:48px}.tape-visual>span{position:absolute;bottom:8px;font:8px ui-monospace,monospace;color:var(--muted);letter-spacing:1.5px}.effects-section{padding:90px 0 100px;background:#121214;border-block:1px solid #29292d}.effect-browser{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.effect-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#1a1a1d}.effect-tabs button{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;background:transparent;border:0;border-bottom:1px solid #2d2d31;text-align:left;color:#94918b;font-size:15px}.effect-tabs button:last-child{border-bottom:0}.effect-tabs button[aria-selected=true]{background:#29251f;color:var(--gold);box-shadow:inset 3px 0 var(--gold)}.effect-tabs button span{font-size:22px}#effect-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px;gap:32px;background:radial-gradient(ellipse at 20% 50%,#dfb77e08,transparent 65%)}.effect-art{height:210px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative}.effect-art i{width:9px;background:var(--gold);border-radius:2px;opacity:.8;transition:height .5s,background .5s,transform .5s}.effect-art:after{content:'←';position:absolute;bottom:-22px;color:var(--gold);font-size:36px;font-weight:200;left:30px;right:30px;text-align:center;border-top:1px solid #61503a}.effect-art[data-mode=pitch]:after{content:'↗'}.effect-art[data-mode=glitch]:after{content:'⌁'}.effect-art[data-mode=granular]:after{content:'· · · · ·'}.effect-art[data-mode=crush]:after{content:'▁ ▃ ▆ ▃ ▁'}.effect-art[data-mode=degrade]:after{content:'≈'}.effect-description h3{font-size:29px;letter-spacing:-1px;margin-top:17px}.effect-description p{font-size:13px;line-height:1.8;color:var(--muted)}#effect-specs{font:9px ui-monospace,monospace;color:var(--gold);line-height:2;margin-top:22px}#effect-specs span{color:#777;margin:0 8px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.detail-symbol{display:block;font:18px ui-monospace,monospace;color:var(--gold);margin:12px 0 26px}.detail-grid h3{font-size:18px}.closing{display:flex;align-items:center;gap:25px;margin-top:100px;padding-top:50px;border-top:1px solid var(--line)}.closing img{object-fit:contain}.closing p{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:0}.closing p span{color:#8d8980}.closing-label{margin-left:auto;font:9px ui-monospace,monospace;line-height:2;color:var(--muted);text-align:right}footer{padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8e8a82;font-size:10px}footer>span:first-child{font-size:16px;color:var(--text)}
@media(min-width:1600px){.hero{padding-top:90px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.features{grid-template-columns:repeat(2,1fr)}.hero-image{padding-inline:20px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:40px}.effect-browser{grid-template-columns:180px 1fr}#effect-panel{padding:28px;gap:20px}.effect-art{gap:4px}.effect-description h3{font-size:25px}.spec-strip b{display:block;margin:0 0 6px}.route-nodes span{text-align:center}.routing-visual{padding-inline:15px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:82px}.brand{font-size:24px}.brand img{width:29px;height:29px;margin-right:7px}nav{gap:16px;font-size:11px}nav a:first-child{display:none}.platform{display:none}.hero{padding-top:52px}h1{font-size:52px;letter-spacing:-2.8px}h1 em{letter-spacing:-2.5px}.intro{font-size:14px;max-width:350px;margin:auto}.desktop{display:none}.hero-image{padding:40px 0 0}.device{padding:6px;border-radius:16px;box-shadow:0 20px 35px #0006,0 0 0 2px #111113}.device img{border-radius:8px}.image-note{font-size:7px;letter-spacing:.8px;margin-top:18px}.spec-strip{margin-top:30px;gap:18px 0;grid-template-columns:1fr 1fr;font-size:10px}.spec-strip span:nth-child(2){border:0}.spec-strip b{font-size:22px}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block;margin-bottom:30px}h2{font-size:34px;letter-spacing:-1px}.section-head p{margin-top:20px;font-size:13px}.features{grid-template-columns:1fr;gap:13px}.feature{padding:22px 25px 27px}.wave-visual,.sequence-visual,.locks-visual,.routing-visual,.punch-visual,.tape-visual{max-width:340px;margin-inline:auto}.feature h3{font-size:22px}.feature p{font-size:14px}.effects-section{padding:60px 0}.effect-browser{display:block}.effect-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-right:0}.effect-tabs button{padding:15px 12px;font-size:12px;border:1px solid #2d2d31}.effect-tabs button span{font-size:17px}.effect-tabs button:last-child{border-bottom:1px solid #2d2d31}#effect-panel{grid-template-columns:1fr;padding:28px}.effect-art{height:150px;margin:5px 25px 32px}.effect-description h3{font-size:29px}.effect-description p{font-size:14px}.detail-grid{grid-template-columns:1fr;gap:34px}.detail-symbol{margin:0 0 14px}.detail-grid h3{font-size:22px}.detail-grid p{font-size:14px}.closing{margin-top:55px;gap:15px;flex-wrap:wrap}.closing p{font-size:28px}.closing img{width:46px;height:46px}.closing-label{margin:15px 0 0;text-align:left;width:100%}footer{flex-wrap:wrap;gap:16px}footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#effect-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.effect-art,.effect-description{min-width:0}.effect-art i{flex:1;min-width:0;max-width:9px}.effect-art:after{font-size:24px}.lock-connector{margin-right:8px}@media(max-width:700px){#effect-panel{grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(40px,12.5vw,52px)}}
.hero-image:before{left:0;right:0}

.header-actions{display:flex;align-items:center;gap:22px}.manual-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 17px;border:1px solid #786348;border-radius:6px;color:var(--gold);font-size:13px;white-space:nowrap}.manual-button:hover{background:#dfb77e14;border-color:var(--gold)}@media(max-width:700px){.header{flex-wrap:wrap;height:auto;min-height:82px;padding-block:18px;gap:16px}.header nav{order:3;width:100%;justify-content:center}.header nav a:first-child{display:block}.header-actions{margin-left:auto}.manual-button{padding-inline:13px}}
/* Loopanium: shares Lontanium's typography, spacing and palette. */
:root{--violet:#a68bd1}.brand{letter-spacing:1px}.hero .eyebrow{letter-spacing:1.6px}.spec-strip b{display:block;margin:0 0 6px}.section-head p{max-width:320px}.gold{--strip-color:var(--gold)}.sage{--strip-color:var(--green)}.blue{--strip-color:var(--blue)}.violet{--strip-color:var(--violet)}.strips-visual,.heads-visual,.feedback-visual,.wait-visual,.midi-visual{height:150px;margin:15px 0 20px;position:relative}.strips-visual{display:flex;flex-direction:column;justify-content:center;gap:9px}.mini-strip{position:relative;display:flex;align-items:center;gap:10px;height:24px;color:var(--strip-color)}.mini-strip>span{font:8px ui-monospace,monospace;opacity:.65}.mini-strip b{font:7px ui-monospace,monospace;white-space:nowrap;min-width:32px;text-align:right;opacity:.8}.mini-strip i{position:absolute;left:48%;top:1px;bottom:1px;width:1px;background:currentColor}.mini-strip:nth-child(2) i{left:72%}.mini-strip:nth-child(3) i{left:37%}.mini-strip:nth-child(4) i{left:60%}.mini-wave{display:flex;align-items:center;height:22px;gap:2px;flex:1;overflow:hidden}.mini-wave em,.rail-wave em,.wait-wave em,.explorer-wave em{display:block;flex:1;min-width:1px;background:currentColor;opacity:.7}.heads-visual{padding-top:35px}.head-rail{position:relative;height:70px;border-block:1px solid #39393d}.rail-wave{height:100%;display:flex;gap:2px;align-items:center;color:#817d72;overflow:hidden}.head-label{position:absolute;top:-21px;font:10px ui-monospace,monospace;z-index:1}.head-label b{font-weight:400;font-size:8px}.head-label:after{content:'';position:absolute;left:3px;top:19px;width:1px;height:72px;background:currentColor}.record{left:22%;color:var(--orange)}.playback{left:73%;color:var(--gold)}.visual-foot{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;color:#929088;letter-spacing:.3px;margin-top:16px}.feedback-visual{display:flex;align-items:center;justify-content:center;gap:28px}.feedback-layers{display:flex;align-items:center;gap:9px;height:90px}.feedback-layers i{width:18px;height:85px;border-radius:4px;background:var(--green);opacity:.2}.feedback-layers i:nth-child(2){height:72px;opacity:.35}.feedback-layers i:nth-child(3){height:60px;opacity:.5}.feedback-layers i:nth-child(4){height:48px;opacity:.7}.feedback-layers i:nth-child(5){height:36px;opacity:1}.feedback-value{font:36px Georgia,serif;color:var(--green)}.feedback-value small{font-size:17px}.feedback-value b{display:block;font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);margin-top:9px}.wait-visual{padding-top:12px}.count-in{font:11px ui-monospace,monospace;color:#9e9a91;letter-spacing:6px}.wait-wave{position:relative;display:flex;align-items:center;margin-top:17px;height:58px;color:var(--gold)}.wait-wave .silence{width:34%;border-top:1px dashed #6a665d}.wait-wave>div{width:66%;height:100%;display:flex;align-items:center;gap:2px;overflow:hidden}.first-note{position:absolute;left:34%;top:-7px;bottom:-7px;width:1px;background:var(--gold)}.midi-visual{display:flex;flex-direction:column;justify-content:center;gap:20px}.midi-pads{display:flex;gap:9px;justify-content:center;align-items:center}.midi-pads>span{width:42px;height:42px;border:1px solid #46434b;border-radius:7px;color:#a59cae;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px}.midi-pads>span:nth-child(2){width:98px;height:62px;background:#a68bd116;border-color:#79658e;color:var(--violet);font-size:18px}.midi-pads small{font:8px ui-monospace,monospace;letter-spacing:.6px;margin-top:6px}.midi-route{display:flex;gap:9px;align-items:center;justify-content:center;font:8px ui-monospace,monospace;color:var(--muted)}.midi-route span{margin-right:8px}.midi-route i{font-style:normal;width:18px;height:18px;display:grid;place-items:center;border:1px solid #48404f;border-radius:3px}.midi-route .selected{color:var(--green);background:#a4bda01a;border-color:var(--green)}
.heads-section{background:#121214;border-block:1px solid #29292d;padding:90px 0 75px}.head-explorer{border:1px solid var(--line);border-radius:10px;background:#1d1d20;padding:30px 34px;overflow:hidden}.explorer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.explorer-top>span:last-child{font:8px ui-monospace,monospace;letter-spacing:1px;color:#8b877f}.explorer-track{height:180px;position:relative;margin:45px 14px 30px;border-inline:1px solid #4a4540}.explorer-wave{position:absolute;inset:26px 0 28px;display:flex;align-items:center;gap:3px;color:var(--green);opacity:.65;overflow:hidden}.bar-marks{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr)}.bar-marks span{border-left:1px solid #3c3937;font:9px ui-monospace,monospace;color:#8f8a7e;padding:159px 0 0 8px}.bar-marks span:first-child{border-left:0}.moving-head{position:absolute;top:0;bottom:23px;width:1px;background:currentColor;left:0}.moving-head b{position:absolute;top:-21px;left:0;font:11px ui-monospace,monospace;transform:translateX(-50%);font-weight:400}.moving-head i{position:absolute;top:0;left:-4px;border-top:6px solid currentColor;border-inline:4px solid transparent}.rec-head{color:var(--orange);left:24%}.play-head{color:var(--gold);left:66%}.explorer-controls{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:20px;align-items:end;padding-top:22px;border-top:1px solid var(--line)}.explorer-controls label{display:flex;flex-direction:column;gap:10px;font:9px ui-monospace,monospace;color:var(--gold);letter-spacing:1px}.explorer-controls .record-text{color:var(--orange)}.explorer-controls select{width:100%;min-height:44px;background:#28282c;border:1px solid #414145;color:var(--text);font:14px -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;border-radius:5px;padding:9px 12px;cursor:pointer}.explorer-controls button{min-height:44px;padding:10px 18px;background:var(--gold);color:#251e14;border:1px solid var(--gold);border-radius:5px;font-size:13px;white-space:nowrap}.explorer-controls button span{margin-left:9px}.explorer-controls button[aria-pressed=true]{background:#3b3022;color:var(--gold)}.explorer-controls select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.explorer-result{padding-top:28px;margin-top:25px;border-top:1px solid var(--line)}.explorer-result strong{font-size:26px;letter-spacing:-.5px;font-weight:400}.explorer-result p{color:var(--muted);font-size:13px;line-height:1.8;margin:10px 0 0}.head-footnote{display:flex;justify-content:space-between;gap:30px;margin-top:24px;align-items:start}.head-footnote>span{font:11px ui-monospace,monospace;color:var(--gold);padding-top:3px}.head-footnote p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.closing p{font-size:32px}.details h2{font-size:40px}
@media(max-width:1100px){.header{gap:20px}nav{gap:20px}.header-actions{gap:16px}.header .platform{display:none}.explorer-controls{gap:12px}.strips-visual,.heads-visual,.feedback-visual,.wait-visual,.midi-visual{max-width:340px;margin-inline:auto}}
@media(max-width:700px){.brand{font-size:23px}.header .brand img{margin-right:9px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:clamp(38px,10.4vw,52px);letter-spacing:-2px}h1 em{letter-spacing:-2px}.spec-strip{font-size:10px}.spec-strip b{font-size:23px}.heads-section{padding:60px 0}.head-explorer{padding:22px 18px}.explorer-top{display:block}.explorer-top>span:last-child{display:block;margin-top:9px;font-size:7px}.explorer-track{height:145px;margin:40px 5px 24px}.bar-marks span{padding-top:126px}.explorer-wave{gap:2px}.explorer-controls{grid-template-columns:1fr 1fr;gap:18px 12px}.explorer-controls label{font-size:8px;letter-spacing:.5px}.explorer-controls button{padding-inline:8px}.explorer-result strong{font-size:23px}.explorer-result p{font-size:13px}.head-footnote{display:block}.head-footnote p{margin-top:15px}.details h2{font-size:32px}.closing p{font-size:26px}.closing-label{line-height:1.8}.feedback-value{font-size:34px}}