.home-hero .wrap{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;padding-block:64px 110px;display:grid;position:relative}.home-hero .cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.home-hero .art img{filter:drop-shadow(0 20px 40px #0009);width:100%;max-width:560px;margin-inline:auto}.home-hero .addr{font:400 1.05rem/1.4 var(--mono);flex-wrap:wrap;gap:6px 18px;margin-top:28px;display:flex}.play{text-align:center;padding-block:24px 72px}.play h2{font:400 clamp(2.2rem, 5vw, 3.2rem)/1 var(--display);margin:6px 0 8px}.keys{-webkit-user-select:none;user-select:none;touch-action:manipulation;max-width:860px;height:clamp(170px,32vw,320px);margin:36px auto 0;display:flex;position:relative}.key{background:var(--white);border:3px solid var(--ink);cursor:pointer;border-radius:0;flex:1;justify-content:center;align-items:flex-end;margin-left:-3px;padding:0 0 12px;transition:transform 70ms,box-shadow 70ms,background-color 70ms;display:flex;position:relative;box-shadow:inset 0 -10px #e3e3e3}.key:first-child{margin-left:0}.key.sharp{background:var(--ink);z-index:2;width:6.4%;height:60%;color:var(--white);border-radius:0;position:absolute;top:0;box-shadow:inset 0 -8px #333}.key .hint{font:400 1.05rem/1 var(--mono);color:var(--ink)}.key.sharp .hint{color:var(--white);font-size:.9rem}.key.on{box-shadow:inset 0 -3px 0 #cfe, 0 0 18px var(--mint);background:#e9fff5;transform:translateY(3px)}.key.sharp.on{box-shadow:0 0 18px var(--mint);background:#1d3b2f}@media (hover:none){.key .hint{display:none}}.brands-label{text-align:center;margin-bottom:22px;font-size:1.15rem}.brands{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px 96px;display:flex}.brands img{width:auto;height:44px}.fin{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid;overflow:hidden}.fin>img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 64%;object-position:50% 64%;width:100%;height:100%;min-height:320px}.fin .txt{align-content:center;gap:16px;padding:40px;display:grid}.fin h2{font:400 clamp(1.9rem, 3.6vw, 2.7rem)/1.05 var(--display);text-wrap:balance;margin:0}.fin p{max-width:46ch;margin:0}.fin ul{font:400 1.05rem/1.4 var(--mono);gap:8px;margin:0;padding:0;list-style:none;display:grid}.fin li:before{content:"♪";color:var(--mint);margin-right:10px}.fin .cta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.proof{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:32px 48px;display:grid}.proof p{max-width:42ch;margin:0 0 22px;font-size:1.2rem}.vids{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vids a{background:var(--card);color:var(--white);transition:border-color .2s var(--ease-out), transform .3s var(--ease-out);border:1px solid #0000;border-radius:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px 14px 14px;text-decoration:none;display:grid}@media (hover:hover){.vids a:hover{border-color:var(--mint);transform:translate(4px)}}.vids .play-i{background:var(--green);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.vids .play-i svg{width:16px;margin-left:3px}.vids b{font-size:1.1rem;font-weight:400;display:block}.vids small{color:var(--mint);font:400 .95rem/1.3 var(--mono)}.vids .go{font:400 .95rem/1 var(--mono);color:var(--mint);white-space:nowrap}@media (max-width:980px){.home-hero .wrap{grid-template-columns:1fr;padding-block:40px 100px}.home-hero .art{order:-1}.home-hero .art img{max-width:380px}.fin,.proof{grid-template-columns:1fr}}@media (max-width:620px){.fin .txt{padding:26px 22px 30px}.fin>img{min-height:220px;max-height:280px}.brands{gap:24px 48px}.brands img{height:34px}}