@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--void:#100b18;--panel:#1b1227;--panel2:#241733;--violet:#ad65f7;--violet2:#7e37c9;--lime:#b9ff45;--text:#f5edf8;--muted:#aaa0b5;--line:#473353;--pink:#edb3ef;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:var(--void);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 71% 15%,#25122f 0,transparent 34%),var(--void);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}em{font-style:normal;color:var(--lime)}.section-shell{max-width:1480px;margin:auto;padding:100px clamp(22px,5vw,80px)}.eyebrow,.card-kicker,.fine-print,.flasher-step,.micro,.honesty,.release-note{font-size:.74rem;letter-spacing:.14em;font-weight:700}.eyebrow,.card-kicker{color:var(--lime)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.94;letter-spacing:.015em}h1{font-size:clamp(4.7rem,10vw,10.5rem);font-weight:900;margin:22px 0 26px}h2{font-size:clamp(3.6rem,7vw,7rem);font-weight:800;margin:18px 0 22px}h3{font-size:2.35rem}h4{font-size:1.6rem}.lead{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.6;color:#d6cadf;max-width:620px}.section-heading{max-width:880px;margin-bottom:48px}.section-heading>p:last-child{font-size:1.15rem;color:var(--muted);line-height:1.6;max-width:720px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,4vw,70px);border-bottom:1px solid #59416b;background:rgba(16,11,24,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.6rem;font-weight:900;letter-spacing:.06em;white-space:nowrap}.brand-mark{color:var(--lime);margin-right:5px}.site-header nav{display:flex;gap:clamp(12px,2.1vw,36px);font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.site-header nav a:hover,.site-footer a:hover{color:var(--lime)}.header-cta{border:1px solid var(--lime);padding:12px 16px;color:var(--lime);white-space:nowrap;font-size:.73rem;font-weight:800;letter-spacing:.06em}.header-cta:hover{background:var(--lime);color:var(--void)}.hero{min-height:min(830px,calc(100vh - 78px));display:grid;grid-template-columns:1fr minmax(350px,.9fr);align-items:center;gap:3vw;padding-top:55px;padding-bottom:60px}.hero-copy{position:relative;z-index:2}.status-orb{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:6px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{border:1px solid var(--line);min-height:52px;padding:15px 23px;font-size:.79rem;font-weight:800;letter-spacing:.08em;display:inline-flex;align-items:center;gap:24px;justify-content:center;background:none;color:var(--text);transition:.18s ease}.button span{font-size:1.2rem}.button:hover{transform:translateY(-2px);border-color:var(--lime)}.button-primary{background:var(--lime);color:#140b18;border-color:var(--lime)}.button-primary:hover{background:#d3ff80}.button-ghost{border-color:var(--violet);color:#e6d3fa}.fine-print{color:#9682a7;margin-top:34px;line-height:1.7}.hero-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art img{width:min(690px,100%);border-radius:50%;mix-blend-mode:screen;filter:drop-shadow(0 0 45px #7819a083);position:relative}.hero-halo{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#572674 0,#301542 37%,transparent 70%);filter:blur(10px)}.hero-caption{position:absolute;bottom:0;display:flex;justify-content:space-between;left:3%;right:3%;font-size:.68rem;font-weight:800;letter-spacing:.2em;color:var(--muted)}.ticker{background:var(--lime);color:#210b29;white-space:nowrap;overflow:hidden;font-family:'Barlow Condensed',Impact,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:.12em;padding:10px 0}.ticker>div{width:max-content;animation:move 30s linear infinite}@keyframes move{to{transform:translateX(-45%)}}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:linear-gradient(145deg,#2d193c,#1a1224);border:1px solid var(--line);padding:30px;min-height:390px;position:relative;overflow:hidden}.feature-card h3{margin:24px 0 12px}.feature-card p{font-size:.96rem;line-height:1.65;color:var(--muted)}.feature-number{display:block;font-family:'Barlow Condensed';font-size:clamp(5rem,9vw,9rem);font-weight:900;line-height:.8;color:#aa6de7}.feature-visual{display:flex;flex-direction:column;justify-content:end}.feature-visual img{position:absolute;top:-10%;right:-5%;width:70%;opacity:.78;transform:rotate(-8deg);box-shadow:0 0 60px #9a34c963}.feature-visual .card-kicker,.feature-visual h3,.feature-visual p{z-index:1}.fm1-showcase{margin-top:40px;background:radial-gradient(circle at 50% 50%,#42214f,#180f20 65%);border:1px solid var(--line);padding:clamp(18px,4vw,58px);position:relative}.fm1-showcase>img{width:100%;margin:auto}.showcase-screen{position:absolute;left:28.4%;top:18.3%;width:18.8%;height:27.7%;overflow:hidden;border-radius:3%}.showcase-screen img{width:100%;height:100%;object-fit:cover}.showcase-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.76rem;letter-spacing:.08em;margin-top:18px}.showcase-caption span{color:var(--muted)}.rig-section{background:linear-gradient(180deg,#1a1123,#100b18)}.rig-controls{display:grid;grid-template-columns:1.25fr 1.25fr 1fr .85fr;gap:14px}.rig-controls fieldset{min-width:0;border:1px solid var(--line);padding:14px;margin:0}.rig-controls legend{font-size:.69rem;font-weight:800;letter-spacing:.13em;color:var(--pink);padding:0 8px}.segmented{display:flex;gap:4px;flex-wrap:wrap}.segmented button{background:#251632;color:#cdbbdc;border:1px solid #493358;padding:10px 12px;flex:1;font-size:.71rem;font-weight:800;white-space:nowrap}.segmented button.active,.segmented button:hover{background:var(--lime);color:#18121d;border-color:var(--lime)}.switch-row{display:block;font-size:.82rem;margin:7px 0;color:#dfd5e7}.switch-row input{accent-color:var(--lime);margin-right:8px}.rig-viewport{background:radial-gradient(circle at center,#33203d 0,#1d1428 65%);border:1px solid var(--line);margin-top:18px;min-height:450px;padding:34px 28px;overflow:hidden;position:relative}.rig-viewport:before{content:'';position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#b875ed 1px,transparent 1px),linear-gradient(90deg,#b875ed 1px,transparent 1px);background-size:36px 36px}.fire-stage,.keyboard-stage{position:relative;z-index:1}.fire-stage{display:grid;gap:5px;align-items:center;justify-content:center;max-width:1100px;margin:auto}.fire-stage.strip{grid-template-columns:repeat(var(--fires),minmax(0,1fr))}.fire-stage.stagger{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.fire-stage.single{grid-template-columns:minmax(0,700px)}.fire-unit{position:relative;min-width:0;filter:drop-shadow(0 16px 16px #0009)}.fire-stage.stagger .fire-unit:nth-child(even){transform:translateX(6%)}.fire-stage.stagger .fire-unit:nth-child(2n+1){transform:translateX(-6%)}.fire-unit img{width:100%}.fire-annotation{position:absolute;left:5%;top:2%;background:#120b1cd9;padding:4px 7px;border:1px solid #aa5ed2;font-size:clamp(.44rem,.75vw,.68rem);letter-spacing:.05em;color:var(--lime)}.fire-playhead{position:absolute;top:29.9%;height:51%;width:4%;border:2px solid var(--lime);border-radius:8px;box-shadow:0 0 10px var(--lime),inset 0 0 8px #b9ff4566;opacity:0;pointer-events:none;transition:left .08s}.fire-unit.active .fire-playhead{opacity:1}.keyboard-stage{display:flex;gap:20px;justify-content:center;align-items:center;max-width:1100px;margin:20px auto 0}.keyboard-stage figure{margin:0;min-width:0;flex:1}.keyboard-stage img{width:100%;max-height:200px;object-fit:contain;filter:drop-shadow(0 14px 15px #000b)}.keyboard-stage figcaption{text-align:center;color:var(--pink);font-size:.73rem;font-weight:800;letter-spacing:.08em}.rig-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:22px;align-items:center}.rig-bottom p{margin:8px 0 0;line-height:1.55;color:#d9cee0;max-width:720px}.rig-playback{display:flex;flex-direction:column;align-items:end;gap:5px;flex-shrink:0}.rig-playback span{font-size:.7rem;color:var(--muted)}.honesty{color:#8f8699;line-height:1.7;margin:26px 0 0;letter-spacing:0;font-weight:400}.honesty strong{color:#d7c7e3}.play-section{background:radial-gradient(circle at 80% 55%,#311445,transparent 55%)}.audition-panel{background:#21142e;border:1px solid #674774;padding:clamp(18px,3vw,38px);box-shadow:0 25px 65px #07030e88}.audition-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.audition-top h3{margin:7px 0 20px}.audition-choices{display:flex;gap:8px;flex-wrap:wrap}.audition-choices button{background:#281936;border:1px solid #68447c;color:#d9c0ed;font-size:.73rem;font-weight:800;padding:10px}.audition-choices button.active{background:var(--lime);border-color:var(--lime);color:#1a1020}.keyboard{display:flex;position:relative;height:clamp(170px,23vw,270px);touch-action:none;user-select:none}.piano-key{position:relative;border:2px solid #382c41;flex:1;background:linear-gradient(#fff,#e7ddeb);border-radius:0 0 7px 7px;cursor:pointer}.piano-key span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:.65rem;color:#6a5975;font-weight:800}.piano-key.pressed{background:linear-gradient(#c3f878,#7ddd38);box-shadow:0 0 25px #b9ff4599}.piano-key.black{position:absolute;z-index:2;height:60%;width:4.2%;background:linear-gradient(#443257,#120d1a);border:1px solid #08050a;border-radius:0 0 5px 5px;transform:translateX(-50%)}.piano-key.black.pressed{background:linear-gradient(#b26cec,#6922a8);box-shadow:0 0 23px #bc64f5}.audition-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;color:var(--muted);font-size:.76rem}.audition-footer button{background:transparent;border:1px solid var(--violet);color:#dfc1f2;padding:9px 14px;white-space:nowrap}.audition-footer button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#221628}.tutorial-section{background:#160f1f}.tutorial{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--line);min-height:285px}.tutorial-nav{display:flex;flex-direction:column;background:#241730}.tutorial-nav button{background:none;border:0;border-bottom:1px solid #453154;text-align:left;color:#b5a1c3;padding:20px;font-size:.77rem;font-weight:800;letter-spacing:.08em}.tutorial-nav button[aria-selected=true]{background:#4f2669;color:var(--lime)}.tutorial-copy{padding:38px 45px;max-width:760px}.tutorial-copy p{color:#beb1ca;line-height:1.7}.tutorial-copy strong{color:var(--lime)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-card{min-height:250px;border:1px solid #684878;background:linear-gradient(140deg,#2d1b3c,#1a1325);padding:24px;display:flex;flex-direction:column;transition:.2s}.download-card:hover{border-color:var(--lime);transform:translateY(-4px)}.download-card>span{font-size:.68rem;letter-spacing:.14em;color:var(--pink);font-weight:800}.download-card strong{font:800 clamp(2rem,3vw,3.3rem)/.95 'Barlow Condensed',Impact,sans-serif;margin:24px 0 12px}.download-card small{color:var(--muted)}.download-card b{margin-top:auto;color:var(--lime);font-size:.77rem;letter-spacing:.1em}.flasher{border:1px solid #684878;background:#1b1326;margin-top:45px;padding:clamp(18px,3vw,36px)}.flasher-intro{display:flex;justify-content:space-between;gap:20px}.flasher-intro h3{margin:12px 0}.flasher-intro p{max-width:700px;color:var(--muted);line-height:1.6}.flasher-step{color:var(--lime);white-space:nowrap}.flasher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.flasher-card{background:#251932;border:1px solid #463353;padding:20px}.flasher-card h4{margin-bottom:10px}.flasher-card>p{font-size:.83rem;line-height:1.6;color:#c7b8d2}.flasher-card .micro{font-size:.72rem;letter-spacing:0;font-weight:400;color:#a99ab4}.file-row{display:block;font-size:.7rem;font-weight:800;color:#d9c3e6;letter-spacing:.08em;margin:16px 0 6px}.file-row input,.file-row select{display:block;width:100%;margin-top:7px;color:#e9dff1;background:#150e20;border:1px solid #694d78;padding:8px;font-size:.76rem}.file-row input::file-selector-button{background:#523169;color:white;border:0;padding:7px;margin-right:8px;cursor:pointer}.check-row,.radio-row{display:block;font-size:.8rem;line-height:1.5;margin:14px 0;color:#e0d4e7}.check-row input,.radio-row input{accent-color:var(--lime);margin-right:7px}.flasher-card>button{background:none;border:1px solid var(--violet);padding:10px;color:var(--pink);font-size:.7rem;font-weight:800}.flasher-card>button:hover:not(:disabled){background:#6c3a80}.flasher button:disabled{cursor:not-allowed;opacity:.38}.install-action{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px}.install-action p{margin:7px 0 0;color:#d1c3db;line-height:1.5}.progress{height:6px;background:#352440;margin-top:15px}.progress>div{height:100%;width:0;background:var(--lime);transition:width .2s}.release-note{line-height:1.7;color:#a89bb4;letter-spacing:0;font-weight:400;margin-top:20px}.site-footer{border-top:1px solid var(--line);padding:35px clamp(22px,5vw,80px);display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer p{max-width:670px;font-size:.74rem;color:var(--muted);line-height:1.6;margin:0}.site-footer>a{font-size:.75rem;font-weight:800;color:var(--lime);white-space:nowrap}
@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr .75fr}.rig-controls{grid-template-columns:repeat(2,1fr)}.flasher-grid{grid-template-columns:1fr 1fr}.flasher-card:last-child{grid-column:1/-1}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid .feature-visual{grid-column:1/-1;min-height:320px}}
@media(max-width:700px){.section-shell{padding:72px 20px}.site-header{height:64px}.site-header .header-cta{font-size:.65rem;padding:10px}.hero{display:block;min-height:0}.hero-art{height:350px;margin-top:35px}.hero-art img{max-width:350px}.hero-caption{bottom:5px}.feature-grid,.download-grid,.flasher-grid{grid-template-columns:1fr}.feature-grid .feature-visual,.flasher-card:last-child{grid-column:auto}.feature-card{min-height:270px}.feature-visual img{width:55%}.rig-controls{grid-template-columns:1fr}.rig-viewport{min-height:270px;padding:22px 10px}.rig-bottom,.audition-top,.audition-footer,.install-action,.site-footer{flex-direction:column;align-items:flex-start}.rig-playback{align-items:flex-start}.fire-stage.stagger{gap:3px}.fire-annotation{font-size:.45rem}.keyboard-stage{flex-direction:column}.keyboard-stage figure{width:100%}.tutorial{grid-template-columns:1fr}.tutorial-nav{display:grid;grid-template-columns:repeat(2,1fr)}.tutorial-copy{padding:24px}.showcase-caption{display:block;font-size:.61rem}.showcase-caption span{display:block;margin-top:7px}.piano-key span{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.finish-selector{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:54px 0 0;flex-wrap:wrap}.finish-selector>div{display:flex;flex-wrap:wrap;gap:6px}.finish-selector button{background:#21152d;border:1px solid #664379;color:#d9c7e5;padding:9px 11px;font-size:.7rem;font-weight:800;letter-spacing:.07em}.finish-selector button.active,.finish-selector button:hover{background:var(--lime);border-color:var(--lime);color:#170f1d}.no-fire{padding:70px 25px;text-align:center;border:1px dashed #7f5498;background:#180f2188;color:var(--lime);font-family:'Barlow Condensed',Impact,sans-serif;font-size:2rem}.no-fire p{font:normal .9rem 'DM Sans',sans-serif;color:var(--muted);margin:12px 0 0}
.showcase-screen{left:30.9%;top:18.3%;width:16.2%;height:auto;aspect-ratio:1}.feature-visual p{max-width:42%}
.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.source-downloads{display:flex;gap:20px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.77rem;line-height:1.6;margin:18px 0 0}.source-downloads a{color:var(--lime);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.source-downloads a:hover{text-decoration:underline}
@media(max-width:1050px){.feature-visual img{width:56%;top:0;right:0}.feature-visual p{max-width:42%}}
@media(max-width:700px){.feature-visual img{width:64%;opacity:.38}.feature-visual p{max-width:100%}.download-grid{grid-template-columns:1fr}}
