:root{--ink: #07111f;--panel: #102541;--paper: #eef7e9;--muted: #b9cad2;--blue: #5c7cfa;--amber: #ffc857;--mint: #79e0bf;--coral: #ff8c7a;--line: #375272;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 87% 9%,#182e5e 0%,transparent 31rem),var(--ink);line-height:1.5}a{color:var(--paper);text-underline-offset:3px}button,input,select{font:inherit}button,.button,.file-button{min-height:44px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.skip-link{position:absolute;left:8px;top:-60px;padding:10px;background:var(--paper);color:var(--ink);z-index:20}.skip-link:focus{top:8px}.site-head,main,footer{width:min(1160px,calc(100% - 32px));margin:auto}.site-head{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #284261}.wordmark{color:var(--paper);font:700 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-decoration:none}.wordmark span{color:var(--amber);font-size:20px}.site-head nav{display:flex;gap:20px;font-size:14px}.site-head nav a{color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:48px;min-height:598px;padding:56px 0}.eyebrow,.section-label{font:700 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;color:var(--mint)}.eyebrow span{color:var(--amber);font-size:10px}.hero h1,.demo-heading h1,.legal h1{font-size:clamp(42px,6.4vw,76px);line-height:.96;letter-spacing:-.055em;max-width:570px;margin:16px 0 20px}.lede{font-size:20px;line-height:1.45;color:var(--muted);max-width:510px;margin:0 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button,.file-button{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--paper);padding:10px 16px;font-weight:700;text-decoration:none;background:transparent;color:var(--paper)}.primary{background:var(--amber);border-color:var(--amber);color:#10202f}.secondary{border-color:var(--mint);color:var(--mint)}.file-button{position:relative;border-color:var(--blue);color:var(--paper)}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-button.small{font-size:14px;min-height:40px}.action-note{margin:12px 0 16px;color:var(--muted);font-size:14px}.facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0;color:var(--muted);font-size:14px}.facts b{color:var(--paper)}.hero-art{margin:0;position:relative}.hero-art:after{content:"";position:absolute;inset:0;border:2px solid var(--blue);pointer-events:none}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.hero-art figcaption{font-size:11px;color:var(--muted);padding-top:7px}.desk-section{padding:72px 0 92px}.desk-section h2,.how h2,.limits h2,.paid h2,.saved-section h2{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 30px}.desk{border:2px solid var(--blue);background:linear-gradient(135deg,#112947,#0b1c31);box-shadow:10px 10px #000a18;padding:20px}.clip-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px}.clip-strip b,.clip-strip small{display:block}.clip-strip b{font:700 16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.clip-strip small{font-size:13px;color:var(--muted)}.status-dot{display:inline-block;width:9px;height:9px;background:var(--mint);margin-right:8px;box-shadow:0 0 0 3px #79e0bf22}.empty .status-dot{background:var(--coral);box-shadow:none}.wave-wrap{height:164px;position:relative;border:1px solid var(--line);overflow:hidden;background:repeating-linear-gradient(0deg,#07111f,#07111f 2px,#0a1729 2px 4px)}.wave{height:100%;display:flex;align-items:center;justify-content:space-around;padding:20px 3%}.wave i{display:block;width:1.2%;min-width:3px;background:var(--mint);opacity:.8}.wave i:nth-child(3n){background:var(--amber)}.range-label{position:absolute;top:8px;padding:4px 6px;background:var(--amber);color:var(--ink);font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.range-label.a{left:8%}.range-label.b{right:8%;background:var(--paper)}.ranges{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}.ranges label{font-size:13px;color:var(--muted)}output{float:right;color:var(--paper);font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace}.ranges input{display:block;width:100%;accent-color:var(--amber);margin-top:7px}.controls{display:grid;grid-template-columns:auto auto 1fr 1fr;gap:10px;align-items:stretch}.transport{border:2px solid var(--amber);background:var(--amber);color:var(--ink);font-weight:700;padding:8px 13px}.transport.pale{border-color:var(--paper);background:var(--paper)}.speed,.bpm{border:1px solid var(--line);padding:7px 10px;font-size:13px;color:var(--muted)}.speed select,.bpm input{margin-left:7px;background:var(--ink);color:var(--paper);border:1px solid var(--blue);padding:3px}.speed small{display:block;font-size:11px;color:var(--mint)}.bpm{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:7px}.bpm output{float:none;color:var(--amber);font-size:21px}.bpm button{border:0;background:none;color:var(--mint);text-decoration:underline;padding:4px}.bpm input{width:64px}.card-form{border-top:1px solid var(--line);padding-top:18px;margin-top:18px;display:grid;grid-template-columns:1fr 1.5fr auto;gap:12px;align-items:end}.card-form label,.license-form label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.card-form input,.license-form input{width:100%;border:1px solid var(--line);background:var(--ink);color:var(--paper);min-height:44px;padding:8px}.how,.limits,.paid{border-top:1px solid #284261;padding:72px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px}.how ol{list-style:none;padding:0;margin:0;counter-reset:steps}.how li{display:grid;grid-template-columns:38px 1fr;gap:4px;border-bottom:1px solid #284261;padding:0 0 19px;margin-bottom:19px}.how li:before{counter-increment:steps;content:"0" counter(steps);color:var(--amber);font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.how li b,.how li span{grid-column:2}.how li span,.limits p{color:var(--muted);margin:4px 0 0}.limits{background:#0b1c31;margin-left:calc((100vw - min(1160px,calc(100vw - 32px)))/-2);margin-right:calc((100vw - min(1160px,calc(100vw - 32px)))/-2);padding-left:calc((100vw - min(1160px,calc(100vw - 32px)))/2);padding-right:calc((100vw - min(1160px,calc(100vw - 32px)))/2)}.paid{padding-bottom:100px}.paid p{color:var(--muted);max-width:530px}.text-button{display:block;background:none;color:var(--muted);border:0;text-decoration:underline;padding:12px 0}.license-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.license-form input{width:260px}.demo-banner{border-bottom:2px solid var(--amber);display:flex;justify-content:space-between;gap:16px;padding:11px 0;font-size:14px;align-items:center}.demo-banner b{color:var(--amber)}.demo-banner button{color:var(--ink);background:var(--paper);border:0;padding:6px 9px}.demo-banner a{color:var(--mint)}.demo-heading{padding:50px 0 5px}.demo-heading h1{font-size:clamp(38px,5vw,62px);margin-bottom:10px}.demo-heading p:last-child{color:var(--muted);max-width:650px}.demo-desk{padding-top:22px;padding-bottom:72px}.saved-section{padding:18px 0 100px}.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cards li{display:flex;border:1px solid var(--line);background:#0b1c31}.card-open{border:0;background:none;color:var(--paper);padding:16px;text-align:left;flex:1}.card-open b,.card-open span,.card-open em{display:block}.card-open span{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--amber);margin:7px 0}.card-open em{font-size:14px;color:var(--muted);font-style:normal}.delete{border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);width:44px;font-size:24px}.empty-copy{color:var(--muted)}.legal{max-width:760px;padding:100px 0 150px}.legal p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:670px;margin-bottom:30px}footer{border-top:1px solid #284261;padding:25px 0 40px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:20px}footer p{margin:0}.announcer{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.button,.transport,.card-open{transition:transform .16s ease,background .16s ease}.button:hover,.transport:hover,.card-open:hover{transform:translate(-2px,-2px)}.wave i{transition:height .2s linear}}@media(max-width:720px){.site-head{height:68px}.site-head nav{gap:12px;font-size:13px}.site-head nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:28px;padding:42px 0}.hero-art{order:-1}.hero h1{font-size:48px}.lede{font-size:18px}.desk-section{padding:55px 0}.clip-strip{align-items:flex-start;flex-direction:column}.wave-wrap{height:130px}.controls{grid-template-columns:1fr 1fr}.speed,.bpm{min-height:70px}.bpm{grid-column:1/-1}.card-form{grid-template-columns:1fr}.how,.limits,.paid{grid-template-columns:1fr;gap:14px;padding-top:52px;padding-bottom:52px}.cards{grid-template-columns:1fr}.demo-banner{align-items:flex-start;flex-wrap:wrap}.demo-banner button{margin-left:auto}footer{display:block}footer p+p{margin-top:10px}}@media(max-width:390px){.site-head,main,footer{width:calc(100% - 24px)}.site-head nav{gap:8px}.hero h1{font-size:43px}.transport span{display:none}.facts{display:block}.facts li{margin:4px 0}.bpm{grid-template-columns:auto auto 1fr}.bpm input{grid-column:3}.limits{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}