@keyframes home-rise{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes home-shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes home-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing .rise{animation:.8s cubic-bezier(.2,.7,.2,1) both home-rise;animation-delay:var(--d,0s)}.landing .home-hero h1 .line{display:block}.landing .shimmer{background-image:linear-gradient(100deg, var(--blue), var(--cyan) 25%, var(--green) 45%, var(--orange) 65%, var(--blue) 100%);background-size:200% 100%;animation:9s linear infinite home-shimmer}.landing .home-hero{padding-bottom:40px}.landing .hero-visual{perspective:1400px;max-width:980px;margin:64px auto 0;position:relative}.landing .hero-window{border:1px solid var(--line);background:var(--card);transform-origin:50% 100%;border-radius:16px;overflow:hidden;transform:none;box-shadow:0 40px 90px -30px #0000008c,0 0 0 1px #ffffff05}.landing .window-bar{border-bottom:1px solid var(--line);background:var(--surface);gap:6px;padding:10px 14px;display:flex}.landing .window-bar i{background:var(--line);border-radius:50%;width:10px;height:10px}.landing .window-bar i:first-child{background:#ff5f57}.landing .window-bar i:nth-child(2){background:#febc2e}.landing .window-bar i:nth-child(3){background:#28c840}.landing .hero-window img{width:100%;height:auto;display:block}.landing .float-chip{border:1px solid var(--line);background:var(--eyebrow-bg);-webkit-backdrop-filter:blur(10px);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;animation:6s ease-in-out infinite home-float;display:inline-flex;position:absolute;box-shadow:0 14px 30px -12px #00000073}.landing .chip-a{top:22%;left:-28px}.landing .chip-b{animation-delay:-2s;top:44%;right:-24px}.landing .chip-c{animation-delay:-4s;bottom:-18px;left:12%}.landing .chip-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.landing .chip-dot--green{background:var(--green);box-shadow:0 0 10px var(--green)}.landing .chip-dot--orange{background:var(--orange);box-shadow:0 0 10px var(--orange)}.landing .marquee{border-block:1px solid var(--line);margin:56px 0 96px;padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.landing .marquee-track{width:max-content;animation:38s linear infinite home-marquee;display:flex}.landing .marquee-track span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:40px;padding-right:40px;font-size:15px;font-weight:700;display:inline-flex}.landing .marquee-track span:after{content:"";background:linear-gradient(135deg, var(--blue), var(--green));border-radius:50%;width:6px;height:6px}.landing .home-heading{text-align:center;max-width:700px;margin:0 auto 56px}.landing .kicker{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-block}.landing .home-heading h2,.landing .resources-band h2,.landing .cta-panel h2{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.1}.landing .home-heading p{max-width:600px;color:var(--muted);margin:18px auto 0;font-size:17px;line-height:1.65}.landing .apps{padding:0 0 120px}.landing .showcase-list{gap:110px;display:grid}.landing .showcase{grid-template-columns:1fr 1.25fr;align-items:center;gap:56px;display:grid}.landing .showcase--flip .showcase-copy{order:2}.landing .showcase--flip .showcase-shot{order:1}.landing .app-tag{border:1px solid var(--line);color:var(--cyan);background:var(--surface);border-radius:999px;margin-bottom:16px;padding:6px 11px;font-size:12px;font-weight:750;display:inline-block}.landing .app-tag--drums2midi{color:var(--green)}.landing .app-tag--midicomposer3{color:var(--orange)}.landing .app-tag--midi-enhancer3{color:var(--green)}.landing .app-tag--melody2midi{color:var(--orange)}.landing .showcase h3{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(26px,3.2vw,34px);line-height:1.15}.landing .showcase-name{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:15px;font-weight:800;display:block}.landing .showcase p{color:var(--muted);margin:0 0 20px;font-size:16px;line-height:1.65}.landing .checks{gap:10px;margin:0 0 28px;padding:0;font-size:15px;font-weight:600;list-style:none;display:grid}.landing .checks li{align-items:center;gap:10px;display:flex}.landing .checks li:before{content:"✓";width:22px;height:22px;color:var(--green);background:#2ed57324;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.landing .buttons--start{justify-content:flex-start}.landing .shot-frame{border:1px solid var(--line);background:var(--card);border-radius:16px;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #0000008c}.landing .shot-frame:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0f,#0000 40%);position:absolute;inset:0}.landing .shot-frame:hover{transform:translateY(-6px)}.landing .shot-frame img{width:100%;height:auto;display:block}.landing .steps-section{border-top:1px solid var(--line);background:var(--surface);padding:110px 0}.landing .steps{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.landing .step{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:30px 28px;position:relative;overflow:hidden}.landing .step:after{content:"";background:var(--card-glow);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-70px;right:-60px}.landing .step-n{background:linear-gradient(135deg, var(--blue), var(--green));color:#0000;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-bottom:26px;font-size:38px;font-weight:850;display:inline-block}.landing .step h3{letter-spacing:-.02em;margin:0 0 10px;font-size:20px}.landing .step p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.landing .resources-band{padding:120px 0}.landing .resources-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:60px;display:grid}.landing .resources-band p{color:var(--muted);margin:18px 0 28px;font-size:16px;line-height:1.65}.landing .shot-frame--tilt{transform:none}.landing .shot-frame--tilt:hover{transform:translateY(-6px)}.landing .split-cards{padding:0 0 110px}.landing .split-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.landing .promo-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:32px;transition:border-color .2s,transform .2s;display:block;position:relative;overflow:hidden}.landing a.promo-card:hover{border-color:var(--blue);transform:translateY(-3px)}.landing .promo-icon{color:#fff;background:#f03;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:22px;font-size:24px;font-weight:700;display:grid}.landing .promo-icon svg{width:22px;height:22px}.landing .promo-icon--soon{background:var(--surface);border:1px dashed var(--line);color:var(--green)}.landing .promo-card h3{letter-spacing:-.02em;margin:0 0 8px;font-size:21px}.landing .promo-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.landing .final-cta{padding:0 0 110px}.landing .cta-panel{border:1px solid var(--line);background:var(--surface);text-align:center;isolation:isolate;border-radius:26px;padding:80px 32px;position:relative;overflow:hidden}.landing .cta-panel:before{content:"";z-index:-1;background:var(--hero-glow);filter:blur(20px);position:absolute;inset:-40%}.landing .cta-panel p{max-width:520px;color:var(--muted);margin:18px auto 32px;font-size:17px;line-height:1.6}.reveal-ready .landing .reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);transform:translateY(28px)}.reveal-ready .landing .reveal--late{transition-delay:.15s}.reveal-ready .landing .reveal.in{opacity:1;transform:none}.reveal-ready .landing .shot-frame--tilt.reveal.in{transform:none}@media (max-width:860px){.landing .showcase,.landing .resources-grid{grid-template-columns:1fr;gap:32px}.landing .showcase--flip .showcase-copy{order:1}.landing .showcase--flip .showcase-shot{order:2}.landing .steps,.landing .split-grid{grid-template-columns:1fr}.landing .showcase-list{gap:80px}.landing .chip-a{top:8%;left:6px}.landing .chip-b{top:auto;bottom:18%;right:6px}.landing .chip-c{display:none}.landing .float-chip{padding:7px 10px;font-size:11px}.landing .hero-visual{margin-top:44px}.landing .steps-section,.landing .resources-band{padding:80px 0}.landing .cta-panel{padding:56px 22px}}@media (prefers-reduced-motion:reduce){.landing .rise,.landing .shimmer,.landing .float-chip,.landing .marquee-track{animation:none}.reveal-ready .landing .reveal{transition:opacity .3s;transform:none}}.landing .home-apps{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0 0 32px;padding:0;list-style:none;display:grid}.landing .home-apps a{border:1px solid var(--line,#0000001a);height:100%;color:inherit;border-radius:16px;padding:20px;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.landing .home-apps a:hover{border-color:currentColor;transform:translateY(-2px)}.landing .home-apps h3{margin:0 0 6px;font-size:1.15rem}.landing .home-apps p{opacity:.75;margin:0;line-height:1.5}