:root{--font-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-size-hero: clamp(3rem, 6vw, 4.5rem);--font-size-title: clamp(2rem, 4vw, 3rem);--font-size-section: clamp(1.5rem, 3vw, 2rem);--font-size-subsection: clamp(1.25rem, 2.5vw, 1.5rem);--font-size-body: clamp(1rem, 1.5vw, 1.125rem);--font-size-small: clamp(.875rem, 1.2vw, .9375rem);--color-background: #000000;--color-surface: #0a0a0a;--color-surface-light: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #999999;--color-text-tertiary: #666666;--color-accent: #007AFF;--color-placeholder: #2a2a2a;--color-border: #333333;--space-xs: .28rem;--space-sm: .56rem;--space-md: .84rem;--space-lg: 1.125rem;--space-xl: 1.69rem;--space-2xl: 2.25rem;--space-3xl: 3.38rem;--space-4xl: 4.5rem;--container-max-width: 1200px;--container-padding: clamp(1rem, 4vw, 2rem);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}p{margin-bottom:var(--space-md)}.app-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;margin-bottom:var(--space-xs)}.app-tagline{font-size:var(--font-size-body);font-weight:var(--font-weight-light);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.app-subtitle{font-size:var(--font-size-small);font-weight:var(--font-weight-light);color:var(--color-text-tertiary);margin-top:var(--space-xs);font-style:italic}.intro-text{font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:600px;margin:0;text-align:left}.hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-light);margin-bottom:var(--space-lg);max-width:800px}.hero-description{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin-bottom:var(--space-2xl)}.section-title{font-size:var(--font-size-title);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3xl)}.section-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:800px;margin-bottom:var(--space-2xl)}.feature-title{font-size:var(--font-size-section);font-weight:var(--font-weight-regular);margin-bottom:var(--space-md)}.feature-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.subsection-title{font-size:var(--font-size-subsection);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg)}.interface-label{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-top:var(--space-sm);text-align:center}.workflow-item .interface-label{margin-top:0;text-align:left;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.feature-list{list-style:none;padding:0;margin-bottom:var(--space-xl)}.feature-list li{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding:var(--space-xs) 0;position:relative;padding-left:var(--space-lg)}.feature-list li:before{content:"—";position:absolute;left:0;color:var(--color-text-tertiary)}.footer-text{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.footer-copyright{font-size:var(--font-size-small);color:var(--color-text-tertiary)}.compat-title,.workflow-title,.control-title,.recording-title,.tech-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm);letter-spacing:var(--letter-spacing-tight)}.placeholder-image+h4,.placeholder-image+h3,.compatibility-item h4,.workflow-item h4,.tech-item h4,.interface-item h4{margin-top:var(--space-lg)}.workflow-item h4.workflow-title,.workflow-item h4{margin-top:0;margin-bottom:var(--space-md)}.site-header{padding:var(--space-2xl) 0;margin-bottom:var(--space-3xl)}body:has(.intro) .site-header{margin-bottom:0}main{min-height:70vh}section{padding:var(--space-3xl) 0}section+section{padding-top:0}.feature-detail+.feature-philosophy,.feature-detail+.recording-workflow,.feature-detail+.compatibility,.feature-detail+.interface-design{padding-top:var(--space-xl)}.intro{padding:var(--space-lg) 0;background-color:var(--color-surface)}.hero{padding:var(--space-3xl) 0 var(--space-4xl)}.features{padding:var(--space-3xl) 0}.feature{margin-bottom:var(--space-4xl)}.feature:last-child{margin-bottom:0}.feature-link{margin-bottom:var(--space-4xl)}.feature-link:last-child{margin-bottom:0}.interface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.interface-item{text-align:center}.development{padding:var(--space-3xl) 0}.video-placeholder{margin:var(--space-2xl) 0}.upcoming-features{margin-top:var(--space-3xl)}.about{padding:var(--space-3xl) 0 var(--space-4xl)}.about-text{font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:800px;margin-bottom:var(--space-2xl)}.contact{margin-top:var(--space-2xl)}.contact-text{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.site-footer{padding:var(--space-2xl) 0;margin-top:var(--space-4xl);text-align:center}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);row-gap:var(--space-2xl);margin-top:var(--space-2xl)}.technical-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.tech-item{text-align:center}.feature-workflow,.recording-workflow,.interface-design{padding:var(--space-3xl) 0}.feature-controls,.feature-technical,.technical-details{background-color:var(--color-surface);padding:var(--space-3xl) 0;margin-top:var(--space-2xl)}.effect-showcase{max-width:800px;margin:var(--space-xl) 0;text-align:left}.midi,.technical,.philosophy-close{padding:var(--space-2xl) 0}.technical-footer{margin-top:var(--space-xl);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;z-index:9999;pointer-events:none;transition:background-color .5s cubic-bezier(.455,.03,.515,.955)}.lightbox-overlay.active{background-color:#000;pointer-events:all}.lightbox-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-image{cursor:pointer;box-shadow:none!important;opacity:1;transition:opacity .3s ease}.lightbox-image.fade-out{opacity:0}.placeholder-image.lightbox-active{pointer-events:none}.placeholder-image{background-color:var(--color-placeholder);border-radius:var(--radius-lg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.placeholder-image:before{content:"";display:block;padding-bottom:75%}.placeholder-image[data-aspect="16:9"]:before{padding-bottom:56.25%}.placeholder-image[data-aspect="4:3"]:before{padding-bottom:75%}.placeholder-image[data-aspect="1:1"]:before{padding-bottom:100%}.placeholder-image:after{content:attr(data-width) " × " attr(data-height);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-small);color:var(--color-text-tertiary);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-wide);opacity:.5}.showcase-image,.effect-showcase .placeholder-image,.compatibility-item .placeholder-image,.workflow-item .placeholder-image{margin-bottom:var(--space-2xl)}.workflow-item .placeholder-image{margin-bottom:var(--space-lg)}.workflow-item{margin-bottom:0}.workflow-item .interface-label{margin-bottom:var(--space-lg)}.placeholder-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-body);color:var(--color-text-tertiary);font-weight:var(--font-weight-regular);text-align:center;padding:0 var(--space-md)}.hero-screenshot{max-width:1024px;margin:0;box-shadow:0 20px 40px #00000080}img{max-width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.feature-image{max-width:800px;width:100%;height:auto;object-fit:contain;box-shadow:0 10px 30px #0000004d}.feature-showcase{width:100%;height:auto;object-fit:contain;max-width:1024px;margin:var(--space-2xl) 0;box-shadow:0 20px 40px #00000080}.workflow-image{width:100%;height:auto;object-fit:contain;margin-bottom:var(--space-lg);box-shadow:0 10px 30px #0000004d}.interface-image{width:100%;height:auto;object-fit:contain;margin-bottom:var(--space-md);box-shadow:0 5px 20px #0003}.compatibility-image,.visual-image{width:100%;height:auto;object-fit:contain;margin-bottom:var(--space-md);box-shadow:0 10px 30px #0000004d}.timing-image{width:100%;height:auto;object-fit:contain;margin-top:var(--space-lg);box-shadow:0 10px 30px #0000004d}.control-image{width:100%;height:auto;object-fit:contain;margin-bottom:var(--space-md);box-shadow:0 10px 30px #0000004d}.effect-image{width:100%;height:auto;object-fit:contain;margin-bottom:var(--space-lg);box-shadow:0 10px 30px #0000004d}.tech-image{width:100%;height:auto;object-fit:contain;margin-bottom:var(--space-sm);box-shadow:0 5px 20px #0003}.philosophy-image{width:100%;height:auto;object-fit:contain;margin-top:var(--space-xl);box-shadow:0 20px 40px #00000080}.placeholder-image:hover{transform:scale(1.02)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.placeholder-image.loading{background:linear-gradient(90deg,var(--color-placeholder) 0%,var(--color-surface-light) 50%,var(--color-placeholder) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.button{display:inline-block;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-decoration:none;color:var(--color-text-primary);background-color:var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast)}.button:hover{background-color:#0051d5;transform:translateY(-1px)}.button:active{transform:translateY(0)}.home-link{text-decoration:none;color:inherit;display:inline-block;transition:opacity var(--transition-fast)}.home-link:hover{opacity:.8}.feature-link{text-decoration:none;color:inherit;display:block;transition:transform var(--transition-normal)}.feature-link:hover{transform:translateY(-2px)}.feature-link:hover .placeholder-image{transform:scale(1.02)}.feature-detail{padding-top:var(--space-2xl)}.feature-showcase{max-width:1024px;margin:var(--space-2xl) 0}.feature-philosophy{background-color:var(--color-surface);padding:var(--space-3xl) 0;margin-top:var(--space-3xl)}.philosophy-points{margin:var(--space-xl) 0}.emphasis-text{font-size:clamp(1.125rem,2vw,1.375rem);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-weight:var(--font-weight-light);max-width:800px}.feature-grid,.philosophy-grid,.compatibility-grid,.visual-grid,.timing-features,.control-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);row-gap:var(--space-3xl);margin-top:var(--space-2xl)}.feature-item,.philosophy-item,.compatibility-item,.visual-item,.timing-item,.control-feature{margin-bottom:var(--space-xl)}.workflow-sequence{margin-top:var(--space-2xl)}.workflow-step{margin-bottom:var(--space-3xl)}.workflow-step:last-child{margin-bottom:0}.step-title{font-size:var(--font-size-subsection);font-weight:var(--font-weight-medium);margin:var(--space-lg) 0 var(--space-md)}.step-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.control-item{text-align:center;padding:var(--space-md)}.control-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.control-description{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.technical-note,.midi-note{background-color:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-xl) 0}.note-text,.note-emphasis{font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.note-emphasis{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.workflow-list{margin-top:var(--space-2xl)}.workflow-item{margin-bottom:var(--space-2xl)}.workflow-title{font-size:var(--font-size-subsection);font-weight:var(--font-weight-regular);margin:var(--space-md) 0}.workflow-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.interface-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.example-caption,.showcase-caption,.tech-label{font-size:var(--font-size-small);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-sm);font-style:italic}.philosophy-summary{margin:var(--space-2xl) 0;padding:var(--space-lg)}.summary-text{font-size:clamp(1rem,1.8vw,1.25rem);line-height:var(--line-height-relaxed);color:var(--color-text-primary);font-weight:var(--font-weight-light)}@media (max-width: 1024px){:root{--container-padding: 1.5rem}.interface-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.hero-title,.hero-description{max-width:100%}}@media (max-width: 767px){:root{--space-3xl: 4rem;--space-4xl: 5rem}.site-header{padding:var(--space-xl) 0;margin-bottom:var(--space-2xl)}section{padding:var(--space-2xl) 0}.hero{padding:var(--space-2xl) 0 var(--space-3xl)}.interface-grid{grid-template-columns:1fr;gap:var(--space-md)}.feature{margin-bottom:var(--space-2xl)}.upcoming-features{margin-top:var(--space-2xl)}}@media (max-width: 567px){:root{--container-padding: 1rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem}.app-title{font-size:clamp(2rem,8vw,2.5rem)}.hero-title{font-size:clamp(2rem,7vw,3rem);margin-bottom:var(--space-md)}.hero-description{font-size:clamp(1rem,4vw,1.25rem);margin-bottom:var(--space-xl)}.section-title{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:var(--space-lg)}.feature-title{font-size:clamp(1.5rem,5vw,2rem)}.placeholder-image:after{font-size:.75rem}.site-footer{padding:var(--space-xl) 0;margin-top:var(--space-3xl)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.placeholder-image{box-shadow:0 10px 30px #0003}.hero-screenshot{box-shadow:0 20px 50px #0000004d}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media (min-width: 1400px){:root{--container-max-width: 1320px}.hero-screenshot{max-width:1200px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}::selection{background-color:var(--color-accent);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}html{scroll-behavior:smooth}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}