@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,450;9..144,600&family=Space+Grotesk:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500&display=swap";:root{--ink:#14171c;--ink-2:#1b1f26;--ivory:#ece5d3;--ivory-dim:#a9a293;--brass:#c6a15b;--brass-dim:#8a7345;--verdigris:#6fa79c;--line:#2c313a}.about-dots{color:var(--brass);letter-spacing:.1em;padding-left:2px;font-weight:600;text-decoration:none;transition:color .2s,text-shadow .2s}.about-dots:hover{color:var(--ivory);text-shadow:0 0 8px #c6a15b66}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--ivory);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.hero{max-width:1180px;margin:0 auto;padding:4.5vw 6vw 5vw}.site-header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:34px 6vw 0;display:flex}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{flex-shrink:0;display:block}.brand-word{letter-spacing:-.005em;color:var(--ivory);font-family:Fraunces,serif;font-size:18px;font-weight:450}.site-nav{color:var(--ivory-dim);gap:30px;font-family:Space Grotesk,sans-serif;font-size:13px;display:flex}.site-nav a{color:var(--ivory-dim);text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--brass)}@media (width<=640px){.site-nav{display:none}}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--brass);align-items:center;gap:12px;margin-bottom:28px;font-family:Space Grotesk,sans-serif;font-size:12.5px;display:flex}.eyebrow:before{content:"";background:var(--brass);width:26px;height:1px;display:inline-block}h1{font-optical-sizing:auto;letter-spacing:-.015em;color:var(--ivory);margin:0 0 26px;font-family:Fraunces,serif;font-size:clamp(44px,7vw,92px);font-weight:450;line-height:.98}h1 em{color:var(--brass);font-style:italic;font-weight:300}.sub{color:#cfc9ba;max-width:640px;margin:0 0 52px;font-size:clamp(16px,1.6vw,19px);font-weight:400;line-height:1.55}.sub b{color:var(--ivory);font-weight:500}.piano-wrap{background:var(--ink-2);border:1px solid var(--line);border-radius:10px;margin-bottom:44px;padding:34px clamp(16px,4vw,44px) 24px;position:relative;overflow:hidden}.piano-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:22px;display:flex}.piano-caption .label{letter-spacing:.04em;color:var(--ivory-dim);font-family:Space Grotesk,sans-serif;font-size:13px}.piano-caption .label strong{color:var(--ivory);font-weight:500}.legend{color:var(--ivory-dim);gap:18px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.block{background:var(--brass)}.dot.gap{background:var(--verdigris)}.keys{height:150px;display:flex;position:relative}.white-key{background:#e9e2d0;border:1px solid #0f1216;border-radius:0 0 5px 5px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:10px;transition:background .35s,box-shadow .35s;display:flex;position:relative}.white-key .note-label{color:#7a7362;font-family:IBM Plex Mono,monospace;font-size:11px;transition:color .35s,opacity .35s}.black-key{z-index:2;background:#0e1013;border:1px solid #000;border-radius:0 0 4px 4px;width:5.6%;height:64%;transition:background .35s,box-shadow .35s;position:absolute;top:0}.white-key.lit-block{background:var(--brass);box-shadow:0 0 0 2px var(--brass) inset, 0 6px 18px -4px #c6a15b99}.white-key.lit-block .note-label{color:#241b09;opacity:1;font-weight:600}.white-key.lit-gap{background:var(--verdigris);box-shadow:0 0 0 2px var(--verdigris) inset, 0 6px 18px -4px #6fa79c99}.white-key.lit-gap .note-label{color:#08201c;opacity:1;font-weight:600}.black-key.lit-block{background:var(--brass-dim);box-shadow:0 0 12px -2px #c6a15bcc}.piano-foot{color:var(--ivory-dim);min-height:16px;margin-top:18px;font-family:IBM Plex Mono,monospace;font-size:12px}.piano-foot .cur{color:var(--brass)}.ctas{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.btn{letter-spacing:.01em;border-radius:7px;align-items:center;gap:10px;padding:15px 26px;font-family:Space Grotesk,sans-serif;font-size:14.5px;text-decoration:none;transition:transform .15s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.btn-primary{background:var(--ivory);color:var(--ink);border:1px solid var(--ivory);font-weight:500}.btn-primary:hover{background:#fff}.btn-secondary{color:var(--ivory);border:1px solid var(--line);background:0 0}.btn-secondary:hover{border-color:var(--brass);color:var(--brass)}.trust{color:var(--ivory-dim);letter-spacing:.01em;font-family:IBM Plex Mono,monospace;font-size:12px}@media (width<=640px){.keys{height:110px}.legend{display:none}}