@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@300&display=swap";:root{--surface:#e5e5e5;--surface-dim:#d9d9d9;--surface-low:#f4f3f3;--ink:#0f0e12;--orange:#ff4f00;--blue:#0071bb;--outline:#c6c6c659}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;overflow-x:hidden}body{background-color:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;font-size:1.25rem}.mono-text{font-family:JetBrains Mono,monospace}.label-sm{letter-spacing:.05em;text-transform:uppercase;opacity:.55;font-size:.6875rem}.top-app-bar{background:var(--surface);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand-logo{width:32px;height:32px;display:block}.brand-name{letter-spacing:-.01em;font-size:1.125rem;font-weight:500}.app-store-badge{align-items:center;text-decoration:none;display:inline-flex}.app-store-badge img{transition:opacity .12s;display:block}.app-store-badge:hover img{opacity:.85}.btn-waitlist,.btn-waitlist-sm{background:var(--orange);color:#fff;cursor:pointer;letter-spacing:.01em;border:0;border-radius:0;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:500;text-decoration:none;transition:filter .14s,transform .14s;display:inline-flex}.btn-waitlist{padding:18px 48px;font-size:1rem}.btn-waitlist-sm{padding:9px 20px;font-size:.8125rem}.btn-waitlist:hover,.btn-waitlist-sm:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary,.btn-accent,.btn-secondary{cursor:pointer;border:0;border-radius:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:filter .12s}.btn-primary{background:var(--ink);color:var(--surface);padding:10px 24px}.btn-primary:hover,.btn-accent:hover,.btn-secondary:hover{filter:brightness(1.07)}.hero-section{overflow-wrap:break-word;word-break:break-word;max-width:1280px;margin:0 auto;padding:96px 32px 64px}.hero-section h1{letter-spacing:-.045em;margin:0 0 32px;font-size:clamp(3.2rem,9vw,6.5rem);font-weight:500;line-height:.96}.hero-grid{grid-template-columns:1fr 320px;gap:32px;display:grid}.hero-copy{max-width:40ch;margin:0;font-size:clamp(1.15rem,2.4vw,1.7rem);font-weight:300;line-height:1.6}.hero-status{flex-direction:column;justify-content:flex-end;gap:6px;display:flex}.status-row{align-items:center;gap:8px;display:flex}.status-dot{background:var(--orange);width:8px;height:8px;animation:1s step-end infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.instrument-section{max-width:1280px;margin:0 auto;padding:0 32px 96px}.instrument-shell{background:var(--surface-low);border-radius:20px;padding:16px;overflow:hidden}.instrument-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px;display:flex}.editor-screenshot{background:#fff;border-radius:16px;width:100%;display:block}.showcase-section{background:linear-gradient(#1a1d24 0%,#13161c 100%);padding:96px 32px 80px;overflow:hidden}.showcase-shell{--peek-next:140px;--slide-gap:14px;max-width:1280px;margin:0 auto}.showcase-shell.is-last-slide{--peek-next:0px}.showcase-track{gap:var(--slide-gap);transition:transform .48s cubic-bezier(.25,.8,.25,1);display:flex}.showcase-card{flex:0 0 calc(100% - var(--peek-next));background:#0c1017;border:1px solid #ffffff0f;border-radius:24px;min-width:0;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000059}.showcase-image{object-fit:cover;background:#0c1017;width:100%;height:440px;display:block}.showcase-copy-wrap{color:#f4f5f7;background:linear-gradient(#06080c29,#06080cc7);padding:28px 28px 32px;transition:opacity .28s,transform .28s}.showcase-copy-wrap h3{letter-spacing:-.02em;margin:10px 0 14px;font-size:clamp(1.7rem,3.2vw,2.5rem)}.showcase-copy-wrap p{color:#f4f5f7db;max-width:54ch;margin:0;font-size:clamp(1rem,1.9vw,1.2rem);line-height:1.6}.showcase-copy-wrap{color:#f4f5f7;background:linear-gradient(#06080c00 0%,#06080cd9 100%);padding:48px 28px 32px;transition:opacity .28s,transform .28s;position:absolute;bottom:0;left:0;right:0}.showcase-card:not(.is-active) .showcase-copy-wrap{opacity:0;transform:translateY(20px)}.showcase-controls{justify-content:center;align-items:center;gap:12px;padding-top:24px;display:flex}.carousel-nav-btn,.carousel-dot{cursor:pointer;border:0}.carousel-nav-btn{color:#f4f5f7;background:#ffffff1a;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .15s,background-color .15s;display:inline-flex}.carousel-nav-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.carousel-dots{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.carousel-dot{background:#ffffff59;border-radius:999px;width:10px;height:10px;padding:0;transition:width .22s,background-color .22s}.carousel-dot.active{background:#77bdff;width:32px}.carousel-nav-btn:focus-visible,.carousel-dot:focus-visible{outline-offset:2px;outline:2px solid #77bdff}.features-section{border-top:1px solid var(--outline);padding:96px 32px}.features-grid{border-left:1px solid var(--outline);border-top:1px solid var(--outline);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:1280px;margin:0 auto;display:grid}.feature-card{border-right:1px solid var(--outline);border-bottom:1px solid var(--outline);background:var(--surface);padding:48px}.feature-card h3{letter-spacing:-.02em;margin:24px 0 12px;font-size:2rem;font-weight:500}.feature-card p{opacity:.86;margin:0;font-size:1rem;font-weight:300;line-height:1.7}.pricing-section{background:var(--surface-dim);padding:80px 32px}.pricing-wrap{max-width:1280px;margin:0 auto}.pricing-wrap h2{letter-spacing:-.03em;margin:12px 0 28px;font-size:clamp(2.1rem,5vw,3.4rem)}.pricing-table{background:var(--outline);grid-template-rows:auto auto auto 1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.pricing-col{background:var(--surface);grid-template-rows:subgrid;grid-row:span 4;align-content:start;padding:32px 28px;display:grid}.pricing-title{letter-spacing:-.015em;margin:0 0 4px;font-size:1.125rem;font-weight:600;line-height:1.3}.pricing-subtitle{letter-spacing:.07em;text-transform:uppercase;opacity:.45;margin:0 0 20px;font-size:.6875rem;font-weight:500}.pricing-col .mono-text{letter-spacing:-.02em;border-bottom:1px solid var(--outline);margin:0 0 16px;padding-bottom:16px;font-size:1.6rem;font-weight:500}.pricing-col>p:last-child{opacity:.78;margin:0;font-size:.9375rem;font-weight:300;line-height:1.7}.pricing-col-primary{border-top:3px solid var(--blue);background:linear-gradient(160deg,#0071bb0d,#0000 60%)}.pricing-col-primary .pricing-title{color:var(--blue)}.pricing-col-featured{border-top:3px solid var(--orange);background:linear-gradient(160deg,#ff4f0012,#0000 60%)}.pricing-col-featured .pricing-title{color:var(--orange)}.cta-section{background:var(--ink);color:var(--surface);text-align:center;border-bottom:8px solid var(--orange);padding:112px 32px}.cta-section h2{letter-spacing:-.03em;margin:18px 0 42px;font-size:clamp(2.2rem,7vw,4.8rem)}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-accent{background:var(--orange);color:#fff;padding:18px 40px}.btn-secondary{color:var(--surface);background:0 0;border:1px solid #e5e5e540;padding:18px 40px}.cta-footnote{letter-spacing:.16em;opacity:.42;text-transform:uppercase;margin-top:42px;font-size:.625rem}.site-footer{background:var(--surface);border-top:1px solid var(--outline);padding:48px 32px 32px}.footer-top{justify-content:space-between;gap:24px;max-width:1280px;margin:0 auto;display:flex}.footer-top p{max-width:320px;margin:8px 0 0;font-size:.75rem;line-height:1.6}.footer-bottom{opacity:.45;letter-spacing:.12em;text-transform:uppercase;max-width:1280px;margin:42px auto 0;font-size:.625rem}body.modal-open{overflow:hidden}.footer-waitlist-link{font:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;opacity:.78;background:0 0;border:none;padding:0;text-decoration:underline;transition:opacity .12s}.footer-waitlist-link:hover{opacity:1}.modal-backdrop{z-index:9000;-webkit-backdrop-filter:blur(6px);background:#0f0e12b8;justify-content:center;align-items:center;padding:20px;animation:.18s forwards modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--surface-low);border:1px solid var(--outline);border-radius:20px;width:100%;max-width:460px;animation:.2s cubic-bezier(.25,.8,.25,1) forwards modal-slide-in;overflow:hidden;box-shadow:0 32px 80px #00000047}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 0;display:flex}.modal-title{letter-spacing:-.025em;color:var(--ink);margin:6px 0 0;font-size:1.5rem;font-weight:600;line-height:1.2}.modal-close-btn{border:1px solid var(--outline);cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;transition:background-color .12s,transform .12s;display:inline-flex}.modal-close-btn:hover{background:var(--surface-dim);transform:scale(1.06)}.modal-close-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.modal-close-btn .material-symbols-outlined{font-size:1.1rem}.modal-form,.modal-success{padding:24px 28px 28px}.modal-description{color:var(--ink);opacity:.72;margin:0 0 24px;font-size:.9375rem;font-weight:300;line-height:1.6}.modal-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.modal-label{letter-spacing:.01em;color:var(--ink);font-size:.8125rem;font-weight:500}.modal-input{width:100%;color:var(--ink);background:var(--surface);border:1.5px solid var(--outline);border-radius:0;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .14s,box-shadow .14s}.modal-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff4f001f}.modal-input.modal-input-error{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1a}.modal-field-error{color:#c0392b;margin:0;font-size:.8125rem;font-weight:400}.modal-turnstile{margin-bottom:16px}.modal-error{color:#a93226;background:#c0392b12;border:1px solid #c0392b40;border-radius:6px;margin:0 0 16px;padding:12px 14px;font-size:.875rem;line-height:1.5}.modal-submit-btn{background:var(--orange);color:#fff;letter-spacing:.01em;cursor:pointer;border:0;border-radius:0;width:100%;padding:14px 0;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;transition:filter .14s,transform .14s}.modal-submit-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-submit-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.modal-success{text-align:center;flex-direction:column;align-items:center;gap:0;padding-top:32px;padding-bottom:36px;display:flex}.modal-success-icon{color:var(--orange);margin-bottom:16px;font-size:3rem!important}.modal-success-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:1.375rem;font-weight:600}.modal-success-body{color:var(--ink);opacity:.68;margin:0 0 28px;font-size:.9375rem;font-weight:300;line-height:1.6}.modal-dismiss-btn{color:var(--ink);border:1.5px solid var(--outline);cursor:pointer;background:0 0;border-radius:0;padding:10px 32px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:background-color .12s}.modal-dismiss-btn:hover{background:var(--surface-dim)}.modal-dismiss-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (width<=960px){.top-app-bar{padding:0 20px}.hero-section,.instrument-section,.showcase-section,.features-section,.pricing-section,.cta-section,.site-footer{padding-left:20px;padding-right:20px}.hero-grid,.features-grid,.pricing-table,.footer-top{flex-direction:column;grid-template-columns:1fr}.pricing-col{grid-row:span 1;grid-template-rows:none;display:block}.pricing-col .mono-text{font-size:1.3rem}.feature-card{padding:28px}.showcase-section{padding:72px 0 64px}.showcase-shell{--peek-next:48px;--slide-gap:10px;padding:0 20px}.showcase-placeholder{min-height:290px;padding:20px;font-size:1.15rem}.showcase-image{height:280px}.showcase-copy-wrap{padding:20px 20px 24px}.showcase-controls{gap:8px}.carousel-nav-btn{width:40px;height:40px}.carousel-dots{gap:6px;padding:7px 8px}.carousel-dot.active{width:24px}}@media (width<=480px){.hero-section{padding-top:56px;padding-bottom:40px}.hero-section h1{font-size:clamp(2.8rem,14vw,4rem)}.top-app-bar{padding:0 16px}.hero-section,.instrument-section,.features-section,.pricing-section,.cta-section,.site-footer{padding-left:16px;padding-right:16px}.showcase-shell{--peek-next:24px;padding:0 16px}.instrument-head .mono-text{font-size:.75rem}.btn-waitlist{padding:16px 32px;font-size:.9375rem}}
