PageSourceSearch

https://www.earonman.com/features/chords-practice

html earonman.com collected 2026-09-24 13:57:20 UTC 126,761 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="__variable_2ca027 __variable_2ca027 __variable_de3bf6 dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/><link rel="stylesheet" href="/_next/static/css/1ac15b7f9a033be9.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/f212d6117e808a4a.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/fcacef30bc656b01.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-9887bb599c3b67db.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U"/>
1<script src="/_next/static/chunks/5d015edf-777dc0888c494308.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/4bd1b696-75f5b73271387804.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/71238-ab495db5165b6fd9.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/main-app-343b7a4374ae021f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/app/global-error-36cd499c95873797.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/8e1d74a4-86b5a5552252ccc6.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/0e5ce63c-6f00190519ba74d3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/61181-2ac3ce424c3777d2.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/48173-7f2556e71cb30660.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/2178-35c399da1891153a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/11555-83ddfb9fec89af3f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/93481-b0a09d3e5df61953.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/75556-dd69c2535f7b6b46.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/39556-bf0f512fea9d32e3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/2615-ac8108540c63115b.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/87970-e4e979801583c92f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/64285-1964b6cacc0d9ebf.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/28824-2d6fabbee91d47db.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/84158-4b80bb6da327ae9b.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/30042-dc922798c1ff0bf2.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/47670-ea376533e4dc47c6.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/54918-a3ed62e97f369d61.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/18066-234029b55aad47c9.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/86615-baa7a511d2b47424.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/543-27e27375d892a54a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/9497-7723ecba0e346b45.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/81317-ae8b4fb7c48f7968.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/16747-1046e2a342892ff3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/app/layout-16f01595062e7ea0.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/app/error-6bb0a501dfde5fa8.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/385cb88d-540fa97b6006dc2f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/f8025e75-dcae38887ed742ed.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/94730671-94f49b26b1abea28.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/11037-ceeb0552f1ffda67.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/37879-86ec88d6b8ef9883.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/56519-a4d095759572a494.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/46936-9e9f5db3327b8485.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script src="/_next/static/chunks/app/features/%5Bslug%5D/page-c61f61546a5144b4.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-JDCH827S7L" as="script"/><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#0ea5e9"/><title>Chords Practice - Triads and 7ths Ear Training | Earonman | Gamified Ear Training for Musicians · Earonman</title><meta name="description" content="Identify chord qualities by ear. Triads and 7th chords with inversions - free unlimited drilling in Earonman Practice Mode. PRO adds modal triads, extended chords (9, 11, 13), and altered colours."/><meta name="application-name" content="Earonman"/><meta name="author" content="Earonman"/><link rel="manifest" href="/manifest.json"/><meta name="keywords" content="ear training,ear training app for beginners,relative pitch training,chord recognition practice,music theory ear training,online ear training games,chord ear training,chord recognition,identify chords by ear,seventh chord recognition,triad ear training,chord inversions ear training,free chord training"/><meta name="creator" content="Earonman"/><meta name="publisher" content="Earonman"/><meta name="category" content="Education"/><meta name="classification" content="Music Education"/><meta name="llms-full" content="https://www.earonman.com/llms.txt"/><meta name="apple-itunes-app" content="app-id=6760226882"/><link rel="canonical" href="https://www.earonman.com/features/chords-practice"/><meta name="format-detection" content="telephone=no"/><meta property="og:title" content="Chords Practice - Triads and 7ths Ear Training | Earonman"/><meta property="og:description" content="Identify chord qualities by ear. Triads and 7th chords with inversions - free unlimited drilling in Earonman Practice Mode. PRO adds modal triads, extended chords (9, 11, 13), and altered colours."/><meta property="og:url" content="https://www.earonman.com/features/chords-practice"/><meta property="og:site_name" content="Earonman"/><meta property="og:image" content="https://www.earonman.com/photos/chord-recognition.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Chords Practice - Triads and 7ths Ear Training | Earonman"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@earonman"/><meta name="twitter:creator" content="@earonman"/><meta name="twitter:title" content="Chords Practice - Triads and 7ths Ear Training | Earonman"/><meta name="twitter:description" content="Identify chord qualities by ear. Triads and 7th chords with inversions - free unlimited drilling in Earonman Practice Mode. PRO adds modal triads, extended chords (9, 11, 13), and altered colours."/><meta name="twitter:image" content="https://www.earonman.com/photos/chord-recognition.png"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32"/><link rel="icon" href="/favicon.ico"/><link rel="icon" href="https://www.earonman.com/logos/Earonman_logo_no_text.png" sizes="512x512" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><meta name="sentry-trace" content="2ef9f41fe203429eaade780530608a07-b841715b93295439-0"/><meta name="baggage" content="sentry-environment=production,sentry-release=fc76031ccdce0d855d48819d64dfabd9042c8c50,sentry-public_key=9aa7d101d5a347111f9952da69af3647,sentry-trace_id=2ef9f41fe203429eaade780530608a07,sentry-org_id=4511002738622464,sentry-sampled=false,sentry-sample_rand=0.769208138767391,sentry-sample_rate=0"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" noModule=""></script>
1</head><body class="font-sans __className_2ca027"><div class="flex flex-col min-h-screen text-foreground overflow-x-clip relative"><div class="relative z-10 flex-grow"><div class="flex flex-col min-h-screen overflow-x-clip"><a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-[100] focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md">Skip to main content</a><div class="hidden sm:contents"><header class="sticky top-0 pb-4 pt-[calc(env(safe-area-inset-top)+16px)] px-4 sm:px-6 lg:px-8 ear-glass border-b border-border/40 z-50"><nav class="flex flex-col xl:flex-row xl:items-center max-w-[1400px] mx-auto gap-4 xl:gap-3"><div class="flex items-center justify-between min-w-0 relative xl:shrink-0"><div class="flex items-center gap-6 min-w-0"><a class="flex items-center hover:opacity-80 transition-opacity shrink-0" href="/"><img alt="Earonman Logo" width="40" height="40" decoding="async" data-nimg="1" class="h-10 w-10 rounded-xl" style="color:transparent" srcSet="/_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&amp;w=96&amp;q=75"/></a></div><span class="absolute left-1/2 -translate-x-1/2 text-xl font-semibold font-display text-foreground xl:hidden pointer-events-none">Earonman</span><div class="flex items-center xl:hidden relative z-10"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-accent-foreground h-11 w-11 min-h-[44px] min-w-[44px] rounded-md bg-transparent hover:bg-muted transition-colors ml-1 shrink-0" aria-label="Toggle mobile menu"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-5 w-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg></button></div></div><div class="hidden xl:flex flex-1 min-w-0 items-center gap-3"></div><div class="hidden xl:flex flex-row items-center gap-4"><div class="flex items-center gap-4"><a href="/for-teachers"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 w-auto text-foreground hover:text-primary hover:bg-muted transition-all duration-300 rounded-xl">For Teachers</button></a><a href="/auth/register"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 w-auto bg-primary text-primary-foreground hover:bg-primary/90 transition-all duration-300 shadow-lg hover:shadow-xl rounded-xl">Sign Up Free</button></a><a href="/auth/login"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 w-auto text-foreground hover:text-primary hover:bg-muted transition-all duration-300 rounded-xl">Log In</button></a></div></div><div class="hidden xl:flex items-center space-x-1 shrink-0"><div class="w-10 h-10 flex items-center justify-center flex-shrink-0 overflow-hidden"><div><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-accent-foreground relative w-10 h-10 rounded-lg transition-colors duration-300 align-middle glass-chip-strong tint-slate hover:bg-transparent ring-1 ring-opacity-30" aria-label="Volume Controls"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512" class="h-[1.4rem] w-[1.4rem] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-foreground" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z"></path></svg></button></div></div></div></nav></header></div><div class="sm:hidden"><header class="sticky top-0 pb-4 pt-[calc(env(safe-area-inset-top)+16px)] px-4 sm:px-6 lg:px-8 ear-glass border-b border-border/40 z-50"><nav class="flex flex-col xl:flex-row xl:items-center max-w-[1400px] mx-auto gap-4 xl:gap-3"><div class="flex items-center justify-between min-w-0 relative xl:shrink-0"><div class="flex items-center gap-6 min-w-0"><a class="flex items-center hover:opacity-80 transition-opacity shrink-0" href="/"><img alt="Earonman Logo" width="40" height="40" decoding="async" data-nimg="1" class="h-10 w-10 rounded-xl" style="color:transparent" srcSet="/_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&amp;w=96&amp;q=75"/></a></div><span class="absolute left-1/2 -translate-x-1/2 text-xl font-semibold font-display text-foreground xl:hidden pointer-events-none">Earonman</span><div class="flex items-center xl:hidden relative z-10"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-accent-foreground h-11 w-11 min-h-[44px] min-w-[44px] rounded-md bg-transparent hover:bg-muted transition-colors ml-1 shrink-0" aria-label="Toggle mobile menu"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-5 w-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg></button></div></div><div class="hidden xl:flex flex-1 min-w-0 items-center gap-3"></div><div class="hidden xl:flex flex-row items-center gap-4"><div class="flex items-center gap-4"><a href="/for-teachers"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 w-auto text-foreground hover:text-primary hover:bg-muted transition-all duration-300 rounded-xl">For Teachers</button></a><a href="/auth/register"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 w-auto bg-primary text-primary-foreground hover:bg-primary/90 transition-all duration-300 shadow-lg hover:shadow-xl rounded-xl">Sign Up Free</button></a><a href="/auth/login"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 w-auto text-foreground hover:text-primary hover:bg-muted transition-all duration-300 rounded-xl">Log In</button></a></div></div><div class="hidden xl:flex items-center space-x-1 shrink-0"><div class="w-10 h-10 flex items-center justify-center flex-shrink-0 overflow-hidden"><div><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-accent-foreground relative w-10 h-10 rounded-lg transition-colors duration-300 align-middle glass-chip-strong tint-slate hover:bg-transparent ring-1 ring-opacity-30" aria-label="Volume Controls"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512" class="h-[1.4rem] w-[1.4rem] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-foreground" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z"></path></svg></button></div></div></div></nav></header></div>
1<main id="main-content" class="flex-grow pb-20 sm:pb-0 overflow-x-clip"><main class="flex-grow w-full overflow-hidden"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-8"><nav aria-label="Breadcrumb" class="text-sm text-gray-500 dark:text-gray-400"><ol class="flex flex-wrap items-center gap-1.5"><li><a class="hover:text-indigo-600 dark:hover:text-indigo-400" href="/">Home</a></li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-3.5 w-3.5"><path d="m9 18 6-6-6-6"></path></svg><li><a class="hover:text-indigo-600 dark:hover:text-indigo-400" href="/features">Features</a></li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-3.5 w-3.5"><path d="m9 18 6-6-6-6"></path></svg><li aria-current="page" class="text-gray-900 dark:text-gray-200 font-medium">Chords Practice</li></ol></nav></div><section class="relative pt-10 pb-20 sm:pt-16 sm:pb-28"><div class="absolute -top-20 -left-32 h-[400px] w-[400px] rounded-full bg-indigo-500/15 blur-3xl pointer-events-none"></div><div class="absolute top-20 -right-32 h-[450px] w-[450px] rounded-full bg-purple-500/10 blur-3xl pointer-events-none"></div><div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="flex flex-col items-center gap-12 text-center max-w-4xl mx-auto"><div class="w-full"><div class="flex flex-wrap items-center gap-3 justify-center" style="opacity:0;transform:translateY(16px)"><span class="inline-flex items-center gap-2 rounded-full bg-action/10 backdrop-blur border border-action/30o-200 dark:border-indigo-500/30 px-4 py-2 text-sm font-medium text-indigo-700 dark:text-indigo-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Chords Practice</span><span class="inline-flex items-center gap-1.5 rounded-full bg-emerald-100 dark:bg-emerald-500/15 border border-emerald-300 dark:border-emerald-500/40 px-3 py-1 text-xs font-semibold text-emerald-700 dark:text-emerald-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5"><path d="M20 6 9 17l-5-5"></path></svg>Free</span></div><h1 class="mt-7 text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-[1.05] ear-title" style="opacity:0;transform:translateY(30px)">Identify chords by ear</h1><p class="mt-7 text-lg sm:text-xl leading-relaxed text-gray-600 dark:text-gray-300 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">Major, minor, diminished, augmented triads. All five 7th chord types with inversions. The chord foundation, drilled unlimited and free in Practice Mode. With PRO, the same module unlocks modal triads (sus, Phrygian, Lydian), extended chords (9ths, 11ths, 13ths), and altered colours.</p><div class="mt-9" style="opacity:0;transform:translateY(20px)"><div class="flex flex-wrap items-center gap-4 justify-center"><a href="/auth/register"><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-10 group rounded-xl bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-500 hover:to-purple-500 text-white font-semibold px-7 py-6 text-base shadow-xl shadow-indigo-500/30 transition-all hover:shadow-indigo-500/50 hover:-translate-y-0.5">Practice chords - free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a><div class="flex flex-wrap items-center gap-3"><a href="https://apps.apple.com/cz/app/earonman/id6760226882" target="_blank" rel="noopener noreferrer" class="inline-block transition-transform duration-200 hover:-translate-y-0.5 " aria-label="Download on the App Store"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 54" width="180" height="54" role="img" aria-label="Download on the App Store"><rect width="180" height="54" rx="10" ry="10" fill="#000000"></rect><rect x="0.5" y="0.5" width="179" height="53" rx="9.5" ry="9.5" fill="none" stroke="#A6A6A6" stroke-width="1" opacity="0.6"></rect><g transform="translate(14, 12) scale(0.0625)" fill="#FFFFFF"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></g><text x="50" y="21" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="10" font-weight="400" letter-spacing="0.3">Download on the</text><text x="50" y="41" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="21" font-weight="600" letter-spacing="-0.3">App Store</text></svg></a><a href="https://play.google.com/store/apps/details?id=com.earonman.app" target="_blank" rel="noopener noreferrer" class="inline-block transition-transform duration-200 hover:-translate-y-0.5 " aria-label="Get it on Google Play"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 54" width="180" height="54" role="img" aria-label="Get it on Google Play"><rect width="180" height="54" rx="10" ry="10" fill="#000000"></rect><rect x="0.5" y="0.5" width="179" height="53" rx="9.5" ry="9.5" fill="none" stroke="#A6A6A6" stroke-width="1" opacity="0.6"></rect><g transform="translate(15, 14)"><path d="M0 0.6 L0 25.4 C0 26.2 0.8 26.7 1.5 26.3 L3.6 25.1 L14.2 14.5 L3.6 3.9 L1.5 2.7 C0.8 2.3 0 2.8 0 3.6 Z" fill="#00A0FF"></path><path d="M3.6 3.9 L14.2 14.5 L18.5 10.2 L6.1 3.1 C5.5 2.7 4.8 2.8 4.3 3.1 Z" fill="#00E676"></path><path d="M14.2 14.5 L18.5 18.8 L6.1 25.9 C5.5 26.3 4.8 26.2 4.3 25.9 Z" fill="#FFCE00"></path><path d="M18.5 10.2 L14.2 14.5 L18.5 18.8 L23.7 15.8 C24.6 15.3 24.6 13.7 23.7 13.2 Z" fill="#FF3A44"></path></g><text x="50" y="21" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="9" font-weight="400" letter-spacing="1.2">GET IT ON</text><text x="50" y="41" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="20" font-weight="600" letter-spacing="-0.3">Google Play</text></svg></a></div></div></div><p class="mt-6 text-sm text-gray-500 dark:text-gray-400" style="opacity:0">Free to start. No card required. PRO unlocks advanced content.</p></div><div class="w-full max-w-3xl mx-auto"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div></div></div></section><section class="relative py-16 sm:py-20"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="relative rounded-3xl ear-card ring-1 ring-border dark:ring-neutral-800 p-8 sm:p-12 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full">
1<div class="absolute -top-20 -right-20 h-64 w-64 rounded-full bg-indigo-500/10 blur-3xl pointer-events-none"></div><div class="relative grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center"><div class="lg:col-span-7"><div class="inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music h-3.5 w-3.5"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>What is Earonman</div><h2 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white leading-tight">A gamified ear training app, built by a professional jazz pianist</h2><p class="mt-4 text-base sm:text-lg leading-relaxed text-gray-600 dark:text-gray-300">Earonman trains your ear from your first interval up to advanced jazz harmony. Real grand piano sound, structured curriculum, no ads. Web in any browser, native iOS, Android landing soon. Free to start, no card required.</p><div class="mt-6 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-gray-600 dark:text-gray-400"><a class="inline-flex items-center gap-2 text-indigo-600 dark:text-indigo-400 font-semibold hover:underline" href="/what-is-ear-training">New to ear training? Start here<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="lg:col-span-5"><div class="grid grid-cols-2 gap-3"><div class="ear-card p-5 text-center"><div class="text-2xl sm:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-br from-indigo-600 to-purple-600 dark:from-indigo-400 dark:to-purple-400">200+</div><div class="mt-1 text-xs sm:text-sm text-gray-600 dark:text-gray-400">Levels</div></div><div class="ear-card p-5 text-center"><div class="text-2xl sm:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-br from-indigo-600 to-purple-600 dark:from-indigo-400 dark:to-purple-400">Petrof III</div><div class="mt-1 text-xs sm:text-sm text-gray-600 dark:text-gray-400">Real grand piano</div></div><div class="ear-card p-5 text-center"><div class="text-2xl sm:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-br from-indigo-600 to-purple-600 dark:from-indigo-400 dark:to-purple-400">4</div><div class="mt-1 text-xs sm:text-sm text-gray-600 dark:text-gray-400">Free practice modules</div></div><div class="ear-card p-5 text-center"><div class="text-2xl sm:text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-br from-indigo-600 to-purple-600 dark:from-indigo-400 dark:to-purple-400">14 days</div><div class="mt-1 text-xs sm:text-sm text-gray-600 dark:text-gray-400">PRO free trial</div></div></div></div></div></div></div></div></section><section class="relative py-24 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-16" style="opacity:0;transform:translateY(30px)"><div><span class="inline-block text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4">What it does</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">The feature,<!-- --> <br/><span class="italic">explained clearly</span></h2><p class="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">The Chords module in Earonman Practice Mode is a chord-quality drill. You pick which chord qualities to include, choose harmonic or melodic playback, restrict to specific inversions, and Earonman feeds you randomised exercises. No daily cooldown. Free Practice covers triads and 7th chords with inversions; PRO unlocks modal triads, extended chords, and altered colours within the same module.</p></div></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5"><div class="group relative ear-card p-7 transition-all hover:-translate-y-1 hover:shadow-xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute -top-12 -right-12 h-32 w-32 rounded-full bg-gradient-to-br from-indigo-500/10 to-purple-500/10 blur-2xl transition-opacity opacity-0 group-hover:opacity-100"></div><div class="relative"><div class="inline-flex items-center justify-center h-10 w-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-sm font-bold shadow-md shadow-indigo-500/30">01</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">Every triad quality</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Major, minor, diminished, augmented. The four base qualities every musician must know cold.</p></div></div></div><div class="group relative ear-card p-7 transition-all hover:-translate-y-1 hover:shadow-xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute -top-12 -right-12 h-32 w-32 rounded-full bg-gradient-to-br from-indigo-500/10 to-purple-500/10 blur-2xl transition-opacity opacity-0 group-hover:opacity-100"></div><div class="relative"><div class="inline-flex items-center justify-center h-10 w-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-sm font-bold shadow-md shadow-indigo-500/30">02</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">All five 7th chord types</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Major 7, dominant 7, minor 7, half-diminished, fully diminished. The five seventh chord qualities that cover almost all jazz and popular music harmony.</p></div></div></div><div class="group relative ear-card p-7 transition-all hover:-translate-y-1 hover:shadow-xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute -top-12 -right-12 h-32 w-32 rounded-full bg-gradient-to-br from-indigo-500/10 to-purple-500/10 blur-2xl transition-opacity opacity-0 group-hover:opacity-100"></div><div class="relative"><div class="inline-flex items-center justify-center h-10 w-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-sm font-bold shadow-md shadow-indigo-500/30">03</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">Modal triads (PRO)</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Sus2, sus4, Phrygian, Lydian triads. The non-major/minor triad colours that appear in modal jazz, pop production, and film scoring - included in the PRO library.</p></div></div></div><div class="group relative ear-card p-7 transition-all hover:-translate-y-1 hover:shadow-xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute -top-12 -right-12 h-32 w-32 rounded-full bg-gradient-to-br from-indigo-500/10 to-purple-500/10 blur-2xl transition-opacity opacity-0 group-hover:opacity-100"></div><div class="relative"><div class="inline-flex items-center justify-center h-10 w-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-sm font-bold shadow-md shadow-indigo-500/30">04</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">Extended chords (PRO)</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Add chords, 6 chords, 9ths, 11ths, 13ths, altered tensions. The harmonic colour vocabulary of modern jazz and R&amp;B, unlocked with PRO inside the same Chords module.</p></div></div></div><div class="group relative ear-card p-7 transition-all hover:-translate-y-1 hover:shadow-xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute -top-12 -right-12 h-32 w-32 rounded-full bg-gradient-to-br from-indigo-500/10 to-purple-500/10 blur-2xl transition-opacity opacity-0 group-hover:opacity-100"></div><div class="relative"><div class="inline-flex items-center justify-center h-10 w-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-sm font-bold shadow-md shadow-indigo-500/30">05</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">Inversions as a separate skill</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Identify whether the root, third, fifth, or seventh is in the bass. Critical for transcription and understanding what a pianist is voicing.</p></div></div></div><div class="group relative ear-card p-7 transition-all hover:-translate-y-1 hover:shadow-xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute -top-12 -right-12 h-32 w-32 rounded-full bg-gradient-to-br from-indigo-500/10 to-purple-500/10 blur-2xl transition-opacity opacity-0 group-hover:opacity-100"></div><div class="relative"><div class="inline-flex items-center justify-center h-10 w-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-sm font-bold shadow-md shadow-indigo-500/30">06</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">Harmonic vs melodic playback</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Harmonic = all notes at once. Melodic = notes in sequence (arpeggiated). Earonman trains both because chord quality has to be recognisable regardless of how it is voiced in time.</p></div></div></div><div class="group relative ear-card p-7 transition-all hover:-translate-y-1 hover:shadow-xl overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute -top-12 -right-12 h-32 w-32 rounded-full bg-gradient-to-br from-indigo-500/10 to-purple-500/10 blur-2xl transition-opacity opacity-0 group-hover:opacity-100"></div><div class="relative"><div class="inline-flex items-center justify-center h-10 w-10 rounded-xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-sm font-bold shadow-md shadow-indigo-500/30">07</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">Notation on the web</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">On the web, each chord is shown on a real notation staff alongside the audio - useful for connecting sound to the symbol you read in charts.</p></div></div></div></div></div></section><section class="relative py-24 sm:py-32 bg-gradient-to-b from-neutral-100 via-white to-neutral-100 dar
1k:from-neutral-950 dark:via-neutral-900 dark:to-neutral-950"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-16" style="opacity:0;transform:translateY(30px)"><div><span class="inline-block text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4">How it works</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">Three steps.<!-- --> <br/><span class="italic">Repeated until it sticks.</span></h2></div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl mx-auto"><div class="relative ear-card p-8 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute top-4 right-6 text-7xl font-black text-gray-100 dark:text-neutral-800 select-none leading-none">01</div><div class="relative"><div class="inline-flex items-center justify-center h-12 w-12 rounded-2xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white shadow-lg shadow-indigo-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones h-6 w-6"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div><h3 class="mt-6 text-2xl font-bold text-gray-900 dark:text-white">Set up your session</h3><p class="mt-3 text-base leading-relaxed text-gray-600 dark:text-gray-400">Practice Mode &gt; Chords. Tick which chord qualities to drill, pick harmonic or melodic playback, and choose whether to include inversions.</p></div></div></div><div class="relative ear-card p-8 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute top-4 right-6 text-7xl font-black text-gray-100 dark:text-neutral-800 select-none leading-none">02</div><div class="relative"><div class="inline-flex items-center justify-center h-12 w-12 rounded-2xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white shadow-lg shadow-indigo-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-6 w-6"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h3 class="mt-6 text-2xl font-bold text-gray-900 dark:text-white">Hear the chord</h3><p class="mt-3 text-base leading-relaxed text-gray-600 dark:text-gray-400">A chord plays automatically. Tap Repeat to hear it again, or switch the playback mode between harmonic and melodic mid-session.</p></div></div></div><div class="relative ear-card p-8 overflow-hidden" style="opacity:0;transform:translateY(30px)"><div class="relative w-full"><div class="absolute top-4 right-6 text-7xl font-black text-gray-100 dark:text-neutral-800 select-none leading-none">03</div><div class="relative"><div class="inline-flex items-center justify-center h-12 w-12 rounded-2xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white shadow-lg shadow-indigo-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-6 w-6"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><h3 class="mt-6 text-2xl font-bold text-gray-900 dark:text-white">Tap your answer</h3><p class="mt-3 text-base leading-relaxed text-gray-600 dark:text-gray-400">Pick the chord quality (and inversion, if enabled) from the answer buttons. The notation and the correct answer reveal immediately so you can connect sound to 
1symbol.</p></div></div></div></div></div></section><section class="relative py-24 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-16" style="opacity:0;transform:translateY(30px)"><div><span class="inline-block text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4">What you will learn</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">Skills you walk away with</h2><p class="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">Chord recognition is the second layer of relative pitch. Once intervals are solid, chord recognition is what lets you call out changes in real time, transcribe a tune by ear, and understand what a pianist is doing harmonically.</p></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-5 max-w-5xl mx-auto"><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-10 w-10 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-600 text-white flex items-center justify-center shadow-md shadow-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Tell apart the four triad qualities</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Major, minor, diminished, augmented. Every harmonic decision in tonal music starts with these four colours.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-10 w-10 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-600 text-white flex items-center justify-center shadow-md shadow-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Recognise all 7th chord types</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">The vocabulary that lets you transcribe jazz standards, pop ballads, R&amp;B grooves, and almost everything else.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-10 w-10 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-600 text-white flex items-center justify-center shadow-md shadow-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Identify the bass note</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Root, 1st inversion, 2nd inversion, 3rd inversion (for 7ths). Hearing what the bass is doing changes how you interpret the entire harmony.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-10 w-10 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-600 text-white flex items-center justify-center shadow-md shadow-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Hear modal triads in context (PRO)</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Sus chords define modern pop. Phrygian triads anchor flamenco and modal jazz. Lydian triads colour film scores. Available in the PRO chord library inside Practice Mode.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-10 w-10 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-600 text-white flex items-center justify-center shadow-md shadow-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Build a chord quality library</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">After enough reps, you stop thinking and just hear the chord. Major 7 has a specific colour. Half-diminished has a specific colour. The library becomes instinctive.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-10 w-10 rounded-xl bg-gradient-to-br from-emerald-500 to-teal-600 text-white flex items-center justify-center shadow-md shadow-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Prepare for voicings and extensions</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Jazz voicings and extended harmony assume you already know what a basic chord type sounds like. This module is the prerequisite.</p></div></div></div></div></div></section><section class="relative py-24 sm:py-32 bg-neutral-50 dark:bg-neutral-950"><div class="absolute inset-0 bg-[radial-gradient(circle_at_30%_50%,rgba(99,102,241,0.08),transparent_60%)] pointer-events-none"></div><div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-16" style="opacity:0;transform:translateY(30px)"><div><span class="inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat h-3.5 w-3.5"><path d="m17 2 4 4-4 4"></path><path d="M3 11v-1a4 4 0 0 1 4-4h14"></path><path d="m7 22-4-4 4-4"></path><path d="M21 13v1a4 4 0 0 1-4 4H3"></path></svg>Why use it regularly</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">Daily reps.<!-- --> <br/><span class="italic">Compound results.</span></h2><p class="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">Chord recognition decays even faster than interval recognition because the differences are subtler. Daily 5-10 minutes is the difference between hesitating on a m7b5 and naming it before the next chord lands.</p></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-5 max-w-5xl mx-auto"><div class="rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Working musicians need instant recall</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">On the bandstand, in a session, in a producer chair - you do not have time to count chord tones. Daily drilling builds sub-second recognition.</p></div></div><div class="rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Inversions matter in real music</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Most musicians can hear root-position chords but choke on inversions. Inversions are everywhere in real music. Daily drilling closes this gap.</p></div></div><div class="rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Harmonic and melodic are different skills</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">A chord played harmonically (all notes together) sounds different from the same chord played melodically (notes in sequence). Real music mixes both. Daily reps in both modes generalise the skill.</p></div></div><div class="rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Modal triads are unfairly hard</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Sus2, sus4, Phrygian, Lydian triads sound subtly different from major/minor. Daily reps are the only way to make these reliable.</p></div></div></div></div></section><section class="relative py-24 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-16" style="opacity:0;transform:translateY(30px)"><div><span class="inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-3.5 w-3.5"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>Who is this for</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">Not just jazz musicians</h2><p class="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">Chord recognition is universal vocabulary. Every musician benefits from instant chord ID, regardless of style.</p></div></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 max-w-6xl mx-auto"><div class="rounded-3xl ear-card p-6 transition-all hover:-translate-y-0.5 hover:shadow-md" style="opacity:0;transform:translateY(30px)"><div><h3 class="font-bold text-gray-900 dark:text-white">Jazz musicians</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Call out changes by ear, transcribe solos, hear what the pianist is comping under a melody.</p></div></div><div class="rounded-3xl ear-card p-6 transition-all hover:-translate-y-0.5 hover:shadow-md" style="opacity:0;transform:translateY(30px)"><div><h3 class="font-bold text-gray-900 dark:text-white">Pop and rock songwriters</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Hear the difference between a maj7 and a 6 chord, recognise the m9 colour, write progressions intentionally instead of by trial-and-error.</p></div></div><div class="rounded-3xl ear-card p-6 transition-all hover:-translate-y-0.5 hover:shadow-md" style="opacity:0;transform:translateY(30px)"><div><h3 class="font-bold text-gray-900 dark:text-white">Producers and beatmakers</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Identify chord progressions in samples, hear which inversion fits the bass line, recognise modal triad colours in reference tracks.</p></div></div><div class="rounded-3xl ear-card p-6 transition-all hover:-translate-y-0.5 hover:shadow-md" style="opacity:0;transform:translateY(30px)"><div><h3 class="font-bold text-gray-900 dark:text-white">Choir directors and arrangers</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Vocal arrangements are about voice leading. Hearing chord qualities and inversions lets you write SATB by ear.</p></div></div><div class="rounded-3xl ear-card p-6 transition-all hover:-translate-y-0.5 hover:shadow-md" style="opacity:0;transform:translateY(30px)"><div><h3 class="font-bold text-gray-900 dark:text-white">Classical musicians</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Harmonic analysis in your head while sight reading. Faster transcription. Better intonation by understanding what chord the ensemble is on.</p></div></div><div class="rounded-3xl ear-card p-6 transition-all hover:-translate-y-0.5 hover:shadow-md" style="opacity:0;transform:translateY(30px)"><div><h3 class="font-bold text-gray-900 dark:text-white">Songwriters at any level</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">You do not need to be advanced. The Chords module starts with just major and minor triads and builds up to 7ths and inversions.</p></div></div></div></div></section><section class="relative py-24 sm:py-32 bg-neutral-50 dark:bg-neutral-950"><div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_30%,rgba(99,102,241,0.08),transparent_60%)] pointer-events-none"></div><div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-14" style="opacity:0;transform:translateY(30px)"><span class="inline-block text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4">Pricing</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">Free forever.<!-- --> <br/><span class="italic">PRO when you want more.</span></h2><p class="mt-6 text-lg leading-8 text-gray-600 dark:text-gray-300">Real free tier, not a trial. Practice Mode is open to everyone with a usable foundation library across Intervals, Chords, Scales, and Jazz Voicings - no daily co
1oldown.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-5xl mx-auto"><div class="relative rounded-3xl ear-card p-8 flex flex-col" style="opacity:0;transform:translateY(30px)"><div class="flex items-center justify-between mb-2"><div class="inline-flex items-center gap-2 text-xs font-bold uppercase tracking-[0.15em] text-emerald-600 dark:text-emerald-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-3.5 w-3.5"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Free</div><span class="text-xs text-gray-500 dark:text-gray-400">No card required</span></div><div class="flex items-baseline gap-2 mb-4"><span class="text-5xl font-bold text-gray-900 dark:text-white">$0</span><span class="text-gray-500 dark:text-gray-400">forever</span></div><p class="text-sm text-gray-600 dark:text-gray-400 mb-6">Built so any serious musician can train their ears forever, free.</p><ul class="space-y-3 flex-1"><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-emerald-100 dark:bg-emerald-500/15 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-emerald-600 dark:text-emerald-400"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-gray-700 dark:text-gray-300">Basic intervals, triads &amp; major/minor scales</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-emerald-100 dark:bg-emerald-500/15 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-emerald-600 dark:text-emerald-400"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-gray-700 dark:text-gray-300">Jazz Voicings game mode</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-emerald-100 dark:bg-emerald-500/15 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-emerald-600 dark:text-emerald-400"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-gray-700 dark:text-gray-300">Practice Mode: free training for core intervals, triads, 7ths, major scale modes and basic jazz voicings</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-emerald-100 dark:bg-emerald-500/15 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-emerald-600 dark:text-emerald-400"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-gray-700 dark:text-gray-300">3 exercises per 8-hour window</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-emerald-100 dark:bg-emerald-500/15 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-emerald-600 dark:text-emerald-400"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-gray-700 dark:text-gray-300">Basic stats and achievement badges</span></li></ul><a class="mt-7 block" href="/auth/register"><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 w-full rounded-xl border-gray-300 dark:border-neutral-700 font-semibold py-6 text-base">Start free, no card</button></a></div><div class="relative rounded-3xl p-8 flex flex-col overflow-hidden bg-gradient-to-br from-blue-600 via-indigo-700 to-slate-900 text-white shadow-2xl shadow-blue-500/30" style="opacity:0;transform:translateY(30px)"><div class="absolute inset-0 bg-[radial-gradient(circle_at_70%_30%,rgba(255,255,255,0.15),transparent_60%)]"></div>
1<div class="absolute -top-12 -right-12 h-40 w-40 rounded-full bg-white/10 blur-3xl"></div><div class="relative"><div class="flex items-center justify-between mb-2"><div class="inline-flex items-center gap-2 text-xs font-bold uppercase tracking-[0.15em] text-white/90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown h-3.5 w-3.5"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg>PRO</div><span class="text-xs bg-white/20 backdrop-blur rounded-full px-3 py-1 font-semibold">14-day free trial</span></div><div class="flex items-baseline gap-2 mb-1"><span class="text-5xl font-bold">€6.99</span><span class="text-white/80">/month</span></div><p class="text-sm text-white/80 mb-6">Or €59.99/year (~€5/mo, save 28%)</p><ul class="space-y-3 flex-1"><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">Unlimited exercises (no cooldown)</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">All intervals, chord types and scales (incl. 7ths, altered, modes)</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">6 advanced quest modes: Slashmaster, Functioneer, Harmonic Quest, Guido, Hybrid Lab, Polychordist</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">Open Mic: answer by singing or playing into your microphone (mobile app)</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">Practice Mode: full library of intervals, chord types, scales and voicing categories</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">Advanced stats: per-quest-type analytics &amp; session breakdowns</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">Weekly Leagues with full history</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">Full achievement &amp; badge system</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">All 8 instrument sounds (Rhodes, strings, harp, e-guitar, flute, clarinet, French horn)</span></li><li class="flex items-start gap-3"><div class="mt-0.5 flex-shrink-0 h-5 w-5 rounded-full bg-white/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm leading-6 text-white/95">Priority support</span></li></ul><a class="mt-7 block" href="/pricing"><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 w-full rounded-xl bg-white hover:bg-white/95 text-indigo-700 font-semibold py-6 text-base shadow-xl transition-all hover:-translate-y-0.5">See all plans<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></div><p class="mt-8 text-center text-sm text-gray-500 dark:text-gray-400">Cancel anytime. No charge during PRO trial. Card only required at trial start.</p></div></section><section class="relative py-24 sm:py-32 bg-neutral-50 dark:bg-neutral-950"><div class="absolute inset-0 bg-[radial-gradient(circle_at_70%_40%,rgba(168,85,247,0.08),transparent_60%)] pointer-events-none"></div><div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-16" style="opacity:0;transform:translateY(30px)"><div><span class="inline-block text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4">Why Earonman</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">What makes this<!-- --> <br/><span class="italic">different</span></h2></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-5 max-w-5xl mx-auto"><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-12 w-12 rounded-2xl bg-gradient-to-br from-indigo-500 to-purple-600 text-white flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Harmonic and melodic trained separately</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Most apps only train chords played all at once. Earonman trains both harmonic (simultaneous) and melodic (arpeggiated) playback because real music mixes them.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-12 w-12 rounded-2xl bg-gradient-to-br from-emerald-500 to-teal-600 text-white flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Inversions as a dedicated skill</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Most apps treat inversions as the same chord. Earonman trains bass-note identification as its own micro-skill.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-12 w-12 rounded-2xl bg-gradient-to-br from-amber-500 to-orange-600 text-white flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Free 7th chords</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">7th chords are often paywalled in ear training apps. In Earonman Practice Mode, all five 7th chord types with inversions are free.</p></div></div></div><div class="group rounded-3xl ear-card p-7 transition-all hover:-translate-y-0.5 hover:shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="flex gap-5"><div class="flex-shrink-0"><div class="h-12 w-12 rounded-2xl bg-gradient-to-br from-pink-500 to-rose-600 text-white flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div><h3 class="text-lg font-bold text-gray-900 dark:text-white">Full library with PRO</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Modal triads (sus, Phrygian, Lydian), add chords, 6 chords, 9ths, 11ths, 13ths, altered colours - the same Chords module just expands with PRO. No new mode to learn.</p></div></div></div></div></div></section><section class="relative py-24 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div style="opacity:0;transform:translateY(30px)"><figure class="mx-auto max-w-3xl rounded-2xl ear-card p-8 sm:p-10"><blockquote class="text-lg sm:text-xl leading-8 text-gray-900 dark:text-white">“<!-- -->
1The structured progression from basic intervals to complex jazz harmonies is brilliant. This is a game-changer for any serious musician.<!-- -->”</blockquote><figcaption class="mt-6 flex items-center gap-4"><div class="h-12 w-12 rounded-full overflow-hidden ring-1 ring-gray-200 dark:ring-neutral-700 flex-shrink-0"><img alt="Tom Smetana" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-cover w-full h-full" style="color:transparent" srcSet="/_next/image?url=%2Ftestimonials%2Ftom-smetana.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Ftestimonials%2Ftom-smetana.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Ftestimonials%2Ftom-smetana.png&amp;w=96&amp;q=75"/></div><div><div class="font-semibold text-gray-900 dark:text-white">Tom Smetana</div><div class="text-sm text-gray-600 dark:text-gray-400">Rock &#x27;n&#x27; Roll guitar player</div></div></figcaption></figure></div></div></section><section class="relative py-24 sm:py-32 bg-neutral-50 dark:bg-neutral-950"><div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8"><div class="text-center mb-14" style="opacity:0;transform:translateY(30px)"><div><span class="inline-block text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4">Frequently asked</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">Your questions,<!-- --> <br/><span class="italic">answered</span></h2></div></div><div class="space-y-3"><div style="opacity:0;transform:translateY(30px)"><details class="group rounded-2xl ear-card overflow-hidden transition-all hover:shadow-md"><summary class="flex cursor-pointer items-center justify-between gap-4 p-6 text-left list-none"><span class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">What chord types are free in Practice Mode?</span><div class="flex-shrink-0 h-8 w-8 rounded-full bg-gray-100 dark:bg-neutral-800 flex items-center justify-center transition-all group-open:bg-indigo-600 group-open:text-white group-open:rotate-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4"><path d="m9 18 6-6-6-6"></path></svg></div></summary><div class="px-6 pb-6 text-gray-600 dark:text-gray-300 leading-relaxed">Free Practice covers the four triad qualities (major, minor, diminished, augmented) and all five 7th chord types (maj7, dom7, min7, half-diminished, fully diminished) with inversions. Modal triads (sus, Phrygian, Lydian), extended chords (9, 11, 13), and altered tensions unlock with PRO inside the same Chords module.</div></details></div><div style="opacity:0;transform:translateY(30px)"><details class="group rounded-2xl ear-card overflow-hidden transition-all hover:shadow-md"><summary class="flex cursor-pointer items-center justify-between gap-4 p-6 text-left list-none"><span class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">What is the difference between a half-diminished and a fully diminished 7?</span><div class="flex-shrink-0 h-8 w-8 rounded-full bg-gray-100 dark:bg-neutral-800 flex items-center justify-center transition-all group-open:bg-indigo-600 group-open:text-white group-open:rotate-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4"><path d="m9 18 6-6-6-6"></path></svg></div></summary><div class="px-6 pb-6 text-gray-600 dark:text-gray-300 leading-relaxed">Both are built from a diminished triad. Half-diminished adds a minor 7th on top. Fully diminished adds a diminished 7th, making the chord symmetric in minor 3rds. Practice Mode has both, and you can drill them side by side until the difference is instant.</div></details></div><div style="opacity:0;transform:translateY(30px)"><details class="group rounded-2xl ear-card overflow-hidden transition-all hover:shadow-md"><summary class="flex cursor-pointer items-center justify-between gap-4 p-6 text-left list-none"><span class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">Can I narrow down to a specific pair or small group of chord types?</span><div class="flex-shrink-0 h-8 w-8 rounded-full bg-gray-100 dark:bg-neutral-800 flex items-center justify-center transition-all group-open:bg-indigo-600 group-open:text-white group-open:rotate-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4"><path d="m9 18 6-6-6-6"></path></svg></div></summary><div class="px-6 pb-6 text-gray-600 dark:text-gray-300 leading-relaxed">Yes - and that is usually how you should drill. Ear training a single chord type in isolation has limited value: with only one option there is nothing to distinguish. The setup screen lets you pick exactly the pair or small group you want to compare - e.g. major 7 vs dominant 7, or all five 7th chord qualities together - so the differences you struggle with become the only differences you have to hear.</div></details></div><div style="opacity:0;transform:translateY(30px)"><details class="group rounded-2xl ear-card overflow-hidden transition-all hover:shadow-md"><summary class="flex cursor-pointer items-center justify-between gap-4 p-6 text-left list-none"><span class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">How long until I can recognise 7th chords reliably?</span><div class="flex-shrink-0 h-8 w-8 rounded-full bg-gray-100 dark:bg-neutral-800 flex items-center justify-center transition-all group-open:bg-indigo-600 group-open:text-white group-open:rotate-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4"><path d="m9 18 6-6-6-6"></path></svg></div></summary><div class="px-6 pb-6 text-gray-600 dark:text-gray-300 leading-relaxed">Most musicians get to reliable recognition of all five 7th chord types within 3-6 weeks of daily 10-minute sessions. Inversions add another month or so depen
1ding on your starting level.</div></details></div><div style="opacity:0;transform:translateY(30px)"><details class="group rounded-2xl ear-card overflow-hidden transition-all hover:shadow-md"><summary class="flex cursor-pointer items-center justify-between gap-4 p-6 text-left list-none"><span class="text-base sm:text-lg font-semibold text-gray-900 dark:text-white">Do I need to know music theory?</span><div class="flex-shrink-0 h-8 w-8 rounded-full bg-gray-100 dark:bg-neutral-800 flex items-center justify-center transition-all group-open:bg-indigo-600 group-open:text-white group-open:rotate-90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-4 w-4"><path d="m9 18 6-6-6-6"></path></svg></div></summary><div class="px-6 pb-6 text-gray-600 dark:text-gray-300 leading-relaxed">Basic note names help. You do not need to know what a &quot;diminished triad&quot; means in theory terms - the module teaches you the sound first, the name second.</div></details></div></div></div></section><section class="relative py-24 sm:py-32 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-blue-600 via-indigo-700 to-slate-900"></div><div class="absolute inset-0 bg-[radial-gradient(circle_at_30%_30%,rgba(255,255,255,0.15),transparent_50%)]"></div><div class="absolute inset-0 bg-[radial-gradient(circle_at_70%_70%,rgba(0,0,0,0.2),transparent_50%)]"></div><div class="relative mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 text-center text-white" style="opacity:0;transform:translateY(30px)"><div><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight">Ready to train<!-- --> <br/><span class="italic">your ears?</span></h2><p class="mt-6 text-lg sm:text-xl leading-relaxed text-white/90 max-w-2xl mx-auto">Major, minor, diminished, augmented triads. All five 7th chord types with inversions. The chord foundation, drilled unlimited and free in Practice Mode. With PRO, the same module unlocks modal triads (sus, Phrygian, Lydian), extended chords (9ths, 11ths, 13ths), and altered colours.</p><div class="mt-12 flex flex-col sm:flex-row items-center justify-center gap-4"><a href="/auth/register"><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-10 group rounded-xl bg-white hover:bg-white/95 text-indigo-700 font-semibold px-8 py-6 text-base shadow-2xl transition-all hover:-translate-y-0.5">Practice chords - free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a><div class="flex flex-wrap items-center justify-center gap-3"><a href="https://apps.apple.com/cz/app/earonman/id6760226882" target="_blank" rel="noopener noreferrer" class="inline-block transition-transform duration-200 hover:-translate-y-0.5 " aria-label="Download on the App Store"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 54" width="180" height="54" role="img" aria-label="Download on the App Store"><rect width="180" height="54" rx="10" ry="10" fill="#000000"></rect><rect x="0.5" y="0.5" width="179" height="53" rx="9.5" ry="9.5" fill="none" stroke="#A6A6A6" stroke-width="1" opacity="0.6"></rect><g transform="translate(14, 12) scale(0.0625)" fill="#FFFFFF"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></g><text x="50" y="21" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="10" font-weight="400" letter-spacing="0.3">Download on the</text><text x="50" y="41" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="21" font-weight="600" letter-spacing="-0.3">App Store</text></svg></a><a href="https://play.google.com/store/apps/details?id=com.earonman.app" target="_blank" rel="noopener noreferrer" class="inline-block transition-transform duration-200 hover:-translate-y-0.5 " aria-label="Get it on Google Play"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 54" width="180" height="54" role="img" aria-label="Get it on Google Play"><rect width="180" height="54" rx="10" ry="10" fill="#000000"></rect><rect x="0.5" y="0.5" width="179" height="53" rx="9.5" ry="9.5" fill="none" stroke="#A6A6A6" stroke-width="1" opacity="0.6"></rect><g transform="translate(15, 14)"><path d="M0 0.6 L0 25.4 C0 26.2 0.8 26.7 1.5 26.3 L3.6 25.1 L14.2 14.5 L3.6 3.9 L1.5 2.7 C0.8 2.3 0 2.8 0 3.6 Z" fill="#00A0FF"></path><path d="M3.6 3.9 L14.2 14.5 L18.5 10.2 L6.1 3.1 C5.5 2.7 4.8 2.8 4.3 3.1 Z" fill="#00E676"></path><path d="M14.2 14.5 L18.5 18.8 L6.1 25.9 C5.5 26.3 4.8 26.2 4.3 25.9 Z" fill="#FFCE00"></path><path d="M18.5 10.2 L14.2 14.5 L18.5 18.8 L23.7 15.8 C24.6 15.3 24.6 13.7 23.7 13.2 Z" fill="#FF3A44"></path></g><text x="50" y="21" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="9" font-weight="400" letter-spacing="1.2">GET IT ON</text><text x="50" y="41" fill="#FFFFFF" font-family="-apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, Roboto, &#x27;Helvetica Neue&#x27;, sans-serif" font-size="20" font-weight="600" letter-spacing="-0.3">Google Play</text></svg></a></div></div></div></div></section><section class="relative py-24 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="mx-auto max-w-3xl text-center mb-16" style="opacity:0;transform:translateY(30px)"><div><span class="inline-block text-xs font-semibold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400 mb-4">Keep exploring</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight leading-tight ear-title">Related<!-- --> <span class="italic">features</span></h2></div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl mx-auto"><div style="opacity:0;transform:translateY(30px)"><a class="group block h-full rounded-3xl overflow-hidden ear-card transition-all hover:-translate-y-1 hover:shadow-xl hover:ring-indigo-200 dark:hover:ring-indigo-700" href="/features/practice-mode"><div class="relative aspect-[16/10] w-full overflow-hidden bg-gradient-to-br from-emerald-500/15 via-emerald-500/5 to-transparent bg-white dark:bg-neutral-900"><div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.5),transparent_70%)] dark:bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.04),transparent_70%)]"></div><div class="relative h-full w-full flex items-center justify-center"><div class="text-7xl sm:text-8xl text-emerald-600 dark:text-emerald-400 drop-shadow-sm transition-transform duration-300 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div></div></div><div class="p-6"><div class="flex items-center gap-2 mb-2"><div class="text-xs font-bold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400">Practice Mode</div></div><h3 class="text-lg font-bold text-gray-900 dark:text-white group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors leading-snug">The ear training gym</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400 line-clamp-2">Ten drill modes in one place. Four free foundation modules (Intervals, Chords, Scales, Jazz Voicings) plus six advanced PRO quest modes (Slashmaster, Functioneer, Harmonic Quest, Guido, Hybrid Lab, Polychordist). No daily co
1oldown, no pressure, train as long as you want - and every correct answer earns XP.</p><span class="mt-4 inline-flex items-center text-sm font-semibold text-indigo-600 dark:text-indigo-400">Explore<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 h-4 w-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div style="opacity:0;transform:translateY(30px)"><a class="group block h-full rounded-3xl overflow-hidden ear-card transition-all hover:-translate-y-1 hover:shadow-xl hover:ring-indigo-200 dark:hover:ring-indigo-700" href="/features/jazz-voicings-practice"><div class="relative aspect-[16/10] w-full overflow-hidden bg-gradient-to-br from-orange-500/15 via-orange-500/5 to-transparent bg-white dark:bg-neutral-900"><div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.5),transparent_70%)] dark:bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.04),transparent_70%)]"></div><div class="relative h-full w-full flex items-center justify-center"><div class="text-7xl sm:text-8xl text-orange-600 dark:text-orange-400 drop-shadow-sm transition-transform duration-300 group-hover:scale-105"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="m376.3 30.6-63.3 3L61.43 230.9l261.47-51.5c5.8-4.6 10.9-9 15.4-13.1L302 75.6l15.5-6.2 33.7 84.2c55.1-60.2-20.4-71.1 25.1-123zM357 168l-13.2 11.9 9.6 24.1c-9.1-.4-19.2-.6-30.5-.7L61.43 254.9s.34 2.2.84 5.5c2.36 15.5-7.73 30.2-23.07 33.6-8.93 2-16.61 3.7-16.61 3.7l3.95 21.2 334.16 30.5 126-53.9-.9-43.4c-81.1-8.7-11.4-39.4-114-47L357 168zM83.78 284.8 358.4 307l-18.1 16.1-280.68-25.9 24.16-12.4zm-1.35 53.6 13.65 97.1-3.47 6.2.36 15.8 17.13 1.6 17.1-6.2v-13.2l-4.8-3.9 9.1-93-49.07-4.4zM184 350.5V426l105.2 9v-75.2l-16.7-1.5V417l-71.8-6v-59l-16.7-1.5zm209.8 2.7-29.4 10.9-24.8-2 15.6 99.4-3.9 5.1.8 18 17.1 1.7 15.9-7.4.3-13.2-3.9-3.9 12.3-108.6zm-208.7 89.6-28.4 9.5 3.1 14.4 102.3 10.1 21-7.4 1.1-18.3-99.1-8.3z"></path></svg></div></div></div><div class="p-6"><div class="flex items-center gap-2 mb-2"><div class="text-xs font-bold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400">Jazz Voicings Practice</div></div><h3 class="text-lg font-bold text-gray-900 dark:text-white group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors leading-snug">Hear jazz voicings like a professional pianist</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400 line-clamp-2">The voicings real jazz pianists use, drilled the way your ears learn fastest. The live demo below uses rootless left-hand voicings - one of three voicing categories that are free in Practice Mode (Closed Position 7th Chords, Shell, and Left Hand). PRO unlocks Drop 2, Drop 3, Quartal, So What, Upper Structure Triads, and Spread voicings inside the same module.</p><span class="mt-4 inline-flex items-center text-sm font-semibold text-indigo-600 dark:text-indigo-400">Explore<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 h-4 w-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div style="opacity:0;transform:translateY(30px)"><a class="group block h-full rounded-3xl overflow-hidden ear-card transition-all hover:-translate-y-1 hover:shadow-xl hover:ring-indigo-200 dark:hover:ring-indigo-700" href="/features/intervals-practice"><div class="relative aspect-[16/10] w-full overflow-hidden bg-gradient-to-br from-green-500/15 via-green-500/5 to-transparent bg-white dark:bg-neutral-900"><div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.5),transparent_70%)] dark:bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.04),transparent_70%)]"></div><div class="relative h-full w-full flex items-center justify-center"><div class="text-7xl sm:text-8xl text-green-600 dark:text-green-400 drop-shadow-sm transition-transform duration-300 group-hover:scale-105"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M470.38 1.51L150.41 96A32 32 0 0 0 128 126.51v261.41A139 139 0 0 0 96 384c-53 0-96 28.66-96 64s43 64 96 64 96-28.66 96-64V214.32l256-75v184.61a138.4 138.4 0 0 0-32-3.93c-53 0-96 28.66-96 64s43 64 96 64 96-28.65 96-64V32a32 32 0 0 0-41.62-30.49z"></path></svg></div></div></div><div class="p-6"><div class="flex items-center gap-2 mb-2"><div class="text-xs font-bold uppercase tracking-[0.2em] text-indigo-600 dark:text-indigo-400">Intervals Practice</div></div><h3 class="text-lg font-bold text-gray-900 dark:text-white group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors leading-snug">Hear every interval, instantly</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400 line-clamp-2">Intervals are the building blocks of melody and harmony. Free Practice covers all simple intervals - minor 2nd through major 7th, plus tritone - melodic or harmonic, with no daily co
1oldown. Compound intervals (9ths, 11ths, 13ths) unlock with PRO.</p><span class="mt-4 inline-flex items-center text-sm font-semibold text-indigo-600 dark:text-indigo-400">Explore<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-1 h-4 w-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div></div></div></section></main></main><footer class="hidden sm:block w-full py-6 mt-auto border-t border-border"><div class="container mx-auto px-4"><div class="flex flex-col items-center gap-4"><div class="flex flex-wrap justify-center gap-4 sm:gap-6 text-sm text-muted-foreground"><a class="hover:text-foreground transition-colors" href="/pricing">Pricing</a><a class="hover:text-foreground transition-colors" href="/help">Help Center</a><a class="hover:text-foreground transition-colors" href="/release-notes">Release Notes</a><a class="hover:text-foreground transition-colors" href="/for-teachers">For Teachers</a><a class="hover:text-foreground transition-colors" href="/affiliates">Affiliates</a><a class="hover:text-foreground transition-colors inline-flex items-center gap-1.5" href="/mobile"><span aria-hidden="true">📱</span>Mobile App</a><a class="hover:text-foreground transition-colors" href="/legal/privacy-policy">Privacy Policy</a><a class="hover:text-foreground transition-colors" href="/legal/terms">Terms of Use</a></div><div class="inline-flex items-center gap-0.5 rounded-full border border-border/70 p-0.5 " role="group" aria-label="Language"><button type="button" aria-current="true" lang="en" class="rounded-full px-2.5 py-1 text-xs transition-colors disabled:opacity-60 bg-surface2 font-medium text-foreground">English</button><button type="button" lang="cs" class="rounded-full px-2.5 py-1 text-xs transition-colors disabled:opacity-60 text-muted-foreground hover:text-foreground">Čeština</button></div><div class="flex items-center gap-2 text-xs text-text-subtle"><span>Earonman</span><span>•</span><a class="hover:text-primary transition-colors font-mono" title="View release notes" href="/release-notes">v<!-- -->1.11.0</a><span>•</span><span>© <!-- -->2026</span></div></div></div></footer><footer class="sm:hidden w-full py-6 mt-auto border-t border-border"><div class="container mx-auto px-4"><div class="flex flex-col items-center gap-4"><div class="flex flex-wrap justify-center gap-4 sm:gap-6 text-sm text-muted-foreground"><a class="hover:text-foreground transition-colors" href="/pricing">Pricing</a><a class="hover:text-foreground transition-colors" href="/help">Help Center</a><a class="hover:text-foreground transition-colors" href="/release-notes">Release Notes</a><a class="hover:text-foreground transition-colors" href="/for-teachers">For Teachers</a><a class="hover:text-foreground transition-colors" href="/affiliates">Affiliates</a><a class="hover:text-foreground transition-colors inline-flex items-center gap-1.5" href="/mobile"><span aria-hidden="true">📱</span>Mobile App</a><a class="hover:text-foreground transition-colors" href="/legal/privacy-policy">Privacy Policy</a><a class="hover:text-foreground transition-colors" href="/legal/terms">Terms of Use</a></div><div class="inline-flex items-center gap-0.5 rounded-full border border-border/70 p-0.5 " role="group" aria-label="Language"><button type="button" aria-current="true" lang="en" class="rounded-full px-2.5 py-1 text-xs transition-colors disabled:opacity-60 bg-surface2 font-medium text-foreground">English</button><button type="button" lang="cs" class="rounded-full px-2.5 py-1 text-xs transition-colors disabled:opacity-60 text-muted-foreground hover:text-foreground">Čeština</button></div><div class="flex items-center gap-2 text-xs text-text-subtle"><span>Earonman</span><span>•</span><a class="hover:text-primary transition-colors font-mono" title="View release notes" href="/release-notes">v<!-- -->1.11.0</a><span>•</span><span>© <!-- -->2026</span></div></div></div></footer></div></div></div><div class="pointer-events-none fixed top-[calc(env(safe-area-inset-top)+16px)] right-[calc(env(safe-area-inset-right)+16px)] z-[100] flex flex-col gap-2"></div><!--$--><!--/$--><div id="portal-root"></div>
1<script src="/_next/static/chunks/webpack-9887bb599c3b67db.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[15244,[],\"\"]\n4:I[43866,[],\"\"]\n6:I[86213,[],\"OutletBoundary\"]\n8:I[86213,[],\"MetadataBoundary\"]\na:I[86213,[],\"ViewportBoundary\"]\nc:I[94788,[\"34219\",\"static/chunks/app/global-error-36cd499c95873797.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"d:I[11908,[\"66711\",\"static/chunks/8e1d74a4-86b5a5552252ccc6.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"85105\",\"static/chunks/0e5ce63c-6f00190519ba74d3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"61181\",\"static/chunks/61181-2ac3ce424c3777d2.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"48173\",\"static/chunks/48173-7f2556e71cb30660.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"2178\",\"static/chunks/2178-35c399da1891153a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"11555\",\"static/chunks/11555-83ddfb9fec89af3f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"93481\",\"static/chunks/93481-b0a09d3e5df61953.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"75556\",\"static/chunks/75556-dd69c2535f7b6b46.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"39556\",\"static/chunks/39556-bf0f512fea9d32e3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"2615\",\"static/chunks/2615-ac8108540c63115b.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"87970\",\"static/chunks/87970-e4e979801583c92f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"64285\",\"static/chunks/64285-1964b6cacc0d9ebf.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"28824\",\"static/chunks/28824-2d6fabbee91d47db.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"84158\",\"static/chunks/84158-4b80bb6da327ae9b.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"30042\",\"static/chunks/30042-dc922798c1ff0bf2.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"47670\",\"static/chunks/47670-ea376533e4dc47c6.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"54918\",\"static/chunks/54918-a3ed62e97f369d61.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"18066\",\"static/chunks/18066-234029b55aad47c9.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"86615\",\"static/chunks/86615-baa7a511d2b47424.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"543\",\"static/chunks/543-27e27375d892a54a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"9497\",\"static/chunks/9497-7723ecba0e346b45.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"81317\",\"static/chunks/81317-ae8b4fb7c48f7968.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"16747\",\"static/chunks/16747-1046e2a342892ff3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"7177\",\"static/chunks/app/layout-16f01595062e7ea0.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"e:I[16310,[\"18039\",\"static/chunks/app/error-6bb0a501dfde5fa8.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"f:I[32264,[\"66711\",\"static/chunks/8e1d74a4-86b5a5552252ccc6.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"85105\",\"static/chunks/0e5ce63c-6f00190519ba74d3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"61181\",\"static/chunks/61181-2ac3ce424c3777d2.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"48173\",\"static/chunks/48173-7f2556e71cb30660.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"2178\",\"static/chunks/2178-35c399da1891153a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"11555\",\"static/chunks/11555-83ddfb9fec89af3f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"93481\",\"static/chunks/93481-b0a09d3e5df61953.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"75556\",\"static/chunks/75556-dd69c2535f7b6b46.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"39556\",\"static/chunks/39556-bf0f512fea9d32e3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"2615\",\"static/chunks/2615-ac8108540c63115b.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"87970\",\"static/chunks/87970-e4e979801583c92f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"64285\",\"static/chunks/64285-1964b6cacc0d9ebf.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"28824\",\"static/chunks/28824-2d6fabbee91d47db.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"84158\",\"static/chunks/84158-4b80bb6da327ae9b.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"30042\",\"static/chunks/30042-dc922798c1ff0bf2.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"47670\",\"static/chunks/47670-ea376533e4dc47c6.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"54918\",\"static/chunks/54918-a3ed62e97f369d61.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"18066\",\"static/chunks/18066-234029b55aad47c9.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"86615\",\"static/chunks/86615-baa7a511d2b47424.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"543\",\"static/chunks/543-27e27375d892a54a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"9497\",\"static/chunks/9497-7723ecba0e346b45.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"81317\",\"static/chunks/81317-ae8b4fb7c48f7968.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"16747\",\"static/chunks/16747-1046e2a342892ff3.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"7177\",\"static/chunks/app/layout-16f01595062e7ea0.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\"],\"SpeedInsights\"]\n"])</script>
1<script>self.__next_f.push([1,"10:I[93910,[\"66711\",\"static/chunks/8e1d74a4-86b5a5552252ccc6.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"67672\",\"static/chunks/385cb88d-540fa97b6006dc2f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"55897\",\"static/chunks/f8025e75-dcae38887ed742ed.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"39204\",\"static/chunks/94730671-94f49b26b1abea28.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"61181\",\"static/chunks/61181-2ac3ce424c3777d2.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"48173\",\"static/chunks/48173-7f2556e71cb30660.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"2178\",\"static/chunks/2178-35c399da1891153a.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"11555\",\"static/chunks/11555-83ddfb9fec89af3f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"87970\",\"static/chunks/87970-e4e979801583c92f.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"11037\",\"static/chunks/11037-ceeb0552f1ffda67.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"37879\",\"static/chunks/37879-86ec88d6b8ef9883.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"56519\",\"static/chunks/56519-a4d095759572a494.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"46936\",\"static/chunks/46936-9e9f5db3327b8485.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"40180\",\"static/chunks/app/features/%5Bslug%5D/page-c61f61546a5144b4.js?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\"],\"LandingPage\"]\n:HL[\"/_next/static/media/de42cfb9a3b980ae-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ee8d328edfa74ac8-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/1ac15b7f9a033be9.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"style\"]\n:HL[\"/_next/static/css/f212d6117e808a4a.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"style\"]\n:HL[\"/_next/static/css/fcacef30bc656b01.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Z-TC17QsHVT5OSztPh60U\",\"p\":\"\",\"c\":[\"\",\"features\",\"chords-practice\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"features\",{\"children\":[[\"slug\",\"chords-practice\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1ac15b7f9a033be9.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f212d6117e808a4a.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/fcacef30bc656b01.css?dpl=dpl_Eb9fWuCQs5VrK9RMJZu3Uc23cz3U\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[\"features\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"features\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"slug\",\"chords-practice\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"features\",\"children\",\"$0:f:0:1:2:children:2:children:0\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",null,[\"$\",\"$L6\",null,{\"children\":\"$L7\"}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"w3oZaK678PsVm6o1Le3xm\",{\"children\":[[\"$\",\"$L8\",null,{\"children\":\"$L9\"}],[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$c\",[]],\"s\":false,\"S\":false}\n"])</script>
1<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_2ca027 __variable_2ca027 __variable_de3bf6 dark\",\"children\":[\"$\",\"body\",null,{\"className\":\"font-sans __className_2ca027\",\"children\":[[\"$\",\"$Ld\",null,{\"session\":null,\"initialLocale\":\"en\",\"initialPreference\":\"system\",\"enabledLocales\":[\"en\",\"cs\"],\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$e\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$Lf\",null,{}],[\"$\",\"div\",null,{\"id\":\"portal-root\"}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"5:[\"$\",\"$L10\",null,{\"content\":{\"slug\":\"chords-practice\",\"category\":\"practice-type\",\"tier\":\"free\",\"seoTitle\":\"Chords Practice - Triads and 7ths Ear Training | Earonman\",\"metaDescription\":\"Identify chord qualities by ear. Triads and 7th chords with inversions - free unlimited drilling in Earonman Practice Mode. PRO adds modal triads, extended chords (9, 11, 13), and altered colours.\",\"keywords\":[\"chord ear training\",\"chord recognition\",\"identify chords by ear\",\"seventh chord recognition\",\"triad ear training\",\"chord inversions ear training\",\"free chord training\"],\"ogImage\":\"/photos/chord-recognition.png\",\"pillLabel\":\"Chords Practice\",\"h1\":\"Identify chords by ear\",\"tagline\":\"Major, minor, diminished, augmented triads. All five 7th chord types with inversions. The chord foundation, drilled unlimited and free in Practice Mode. With PRO, the same module unlocks modal triads (sus, Phrygian, Lydian), extended chords (9ths, 11ths, 13ths), and altered colours.\",\"heroImage\":\"/photos/chord-recognition.png\",\"heroImageAlt\":\"Chord Recognition exercise in Earonman\",\"primaryCtaLabel\":\"Practice chords - free\",\"primaryCtaHref\":\"/auth/register\",\"whatItDoes\":{\"intro\":\"The Chords module in Earonman Practice Mode is a chord-quality drill. You pick which chord qualities to include, choose harmonic or melodic playback, restrict to specific inversions, and Earonman feeds you randomised exercises. No daily cooldown. Free Practice covers triads and 7th chords with inversions; PRO unlocks modal triads, extended chords, and altered colours within the same module.\",\"points\":[{\"title\":\"Every triad quality\",\"description\":\"Major, minor, diminished, augmented. The four base qualities every musician must know cold.\"},{\"title\":\"All five 7th chord types\",\"description\":\"Major 7, dominant 7, minor 7, half-diminished, fully diminished. The five seventh chord qualities that cover almost all jazz and popular music harmony.\"},{\"title\":\"Modal triads (PRO)\",\"description\":\"Sus2, sus4, Phrygian, Lydian triads. The non-major/minor triad colours that appear in modal jazz, pop production, and film scoring - included in the PRO library.\"},{\"title\":\"Extended chords (PRO)\",\"description\":\"Add chords, 6 chords, 9ths, 11ths, 13ths, altered tensions. The harmonic colour vocabulary of modern jazz and R\u0026B, unlocked with PRO inside the same Chords module.\"},{\"title\":\"Inversions as a separate skill\",\"description\":\"Identify whether the root, third, fifth, or seventh is in the bass. Critical for transcription and understanding what a pianist is voicing.\"},{\"title\":\"Harmonic vs melodic playback\",\"description\":\"Harmonic = all notes at once. Melodic = notes in sequence (arpeggiated). Earonman trains both because chord quality has to be recognisable regardless of how it is voiced in time.\"},{\"title\":\"Notation on the web\",\"description\":\"On the web, each chord is shown on a real notation staff alongside the audio - useful for connecting sound to the symbol you read in charts.\"}]},\"howItWorks\":{\"steps\":[{\"title\":\"Set up your session\",\"description\":\"Practice Mode \u003e Chords. Tick which chord qualities to drill, pick harmonic or melodic playback, and choose whether to include inversions.\"},{\"title\":\"Hear the chord\",\"description\":\"A chord plays automatically. Tap Repeat to hear it again, or switch the playback mode between harmonic and melodic mid-session.\"},{\"title\":\"Tap your answer\",\"description\":\"Pick the chord quality (and inversion, if enabled) from the answer buttons. The notation and the correct answer reveal immediately so you can connect sound to 
1symbol.\"}]},\"whatYoullLearn\":{\"intro\":\"Chord recognition is the second layer of relative pitch. Once intervals are solid, chord recognition is what lets you call out changes in real time, transcribe a tune by ear, and understand what a pianist is doing harmonically.\",\"items\":[{\"title\":\"Tell apart the four triad qualities\",\"description\":\"Major, minor, diminished, augmented. Every harmonic decision in tonal music starts with these four colours.\"},{\"title\":\"Recognise all 7th chord types\",\"description\":\"The vocabulary that lets you transcribe jazz standards, pop ballads, R\u0026B grooves, and almost everything else.\"},{\"title\":\"Identify the bass note\",\"description\":\"Root, 1st inversion, 2nd inversion, 3rd inversion (for 7ths). Hearing what the bass is doing changes how you interpret the entire harmony.\"},{\"title\":\"Hear modal triads in context (PRO)\",\"description\":\"Sus chords define modern pop. Phrygian triads anchor flamenco and modal jazz. Lydian triads colour film scores. Available in the PRO chord library inside Practice Mode.\"},{\"title\":\"Build a chord quality library\",\"description\":\"After enough reps, you stop thinking and just hear the chord. Major 7 has a specific colour. Half-diminished has a specific colour. The library becomes instinctive.\"},{\"title\":\"Prepare for voicings and extensions\",\"description\":\"Jazz voicings and extended harmony assume you already know what a basic chord type sounds like. This module is the prerequisite.\"}]},\"whyRegular\":{\"intro\":\"Chord recognition decays even faster than interval recognition because the differences are subtler. Daily 5-10 minutes is the difference between hesitating on a m7b5 and naming it before the next chord lands.\",\"points\":[{\"title\":\"Working musicians need instant recall\",\"description\":\"On the bandstand, in a session, in a producer chair - you do not have time to count chord tones. Daily drilling builds sub-second recognition.\"},{\"title\":\"Inversions matter in real music\",\"description\":\"Most musicians can hear root-position chords but choke on inversions. Inversions are everywhere in real music. Daily drilling closes this gap.\"},{\"title\":\"Harmonic and melodic are different skills\",\"description\":\"A chord played harmonically (all notes together) sounds different from the same chord played melodically (notes in sequence). Real music mixes both. Daily reps in both modes generalise the skill.\"},{\"title\":\"Modal triads are unfairly hard\",\"description\":\"Sus2, sus4, Phrygian, Lydian triads sound subtly different from major/minor. Daily reps are the only way to make these reliable.\"}]},\"whoIsThisFor\":{\"intro\":\"Chord recognition is universal vocabulary. Every musician benefits from instant chord ID, regardless of style.\",\"audiences\":[{\"label\":\"Jazz musicians\",\"description\":\"Call out changes by ear, transcribe solos, hear what the pianist is comping under a melody.\"},{\"label\":\"Pop and rock songwriters\",\"description\":\"Hear the difference between a maj7 and a 6 chord, recognise the m9 colour, write progressions intentionally instead of by trial-and-error.\"},{\"label\":\"Producers and beatmakers\",\"description\":\"Identify chord progressions in samples, hear which inversion fits the bass line, recognise modal triad colours in reference tracks.\"},{\"label\":\"Choir directors and arrangers\",\"description\":\"Vocal arrangements are about voice leading. Hearing chord qualities and inversions lets you write SATB by ear.\"},{\"label\":\"Classical musicians\",\"description\":\"Harmonic analysis in your head while sight reading. Faster transcription. Better intonation by understanding what chord the ensemble is on.\"},{\"label\":\"Songwriters at any level\",\"description\":\"You do not need to be advanced. The Chords module starts with just major and minor triads and builds up to 7ths and inversions.\"}]},\"whyEaronman\":[{\"title\":\"Harmonic and melodic trained separately\",\"description\":\"Most apps only train chords played all at once. Earonman trains both harmonic (simultaneous) and melodic (arpeggiated) playback because real music mixes them.\"},{\"title\":\"Inversions as a dedicated skill\",\"description\":\"Most apps treat inversions as the same chord. Earonman trains bass-note identification as its own micro-skill.\"},{\"title\":\"Free 7th chords\",\"description\":\"7th chords are often paywalled in ear training apps. In Earonman Practice Mode, all five 7th chord types with inversions are free.\"},{\"title\":\"Full library with PRO\",\"description\":\"Modal triads (sus, Phrygian, Lydian), add chords, 6 chords, 9ths, 11ths, 13ths, altered colours - the same Chords module just expands with PRO. No new mode to learn.\"}],\"testimonialKey\":\"tom-smetana\",\"faqs\":[{\"question\":\"What chord types are free in Practice Mode?\",\"answer\":\"Free Practice covers the four triad qualities (major, minor, diminished, augmented) and all five 7th chord types (maj7, dom7, min7, half-diminished, fully diminished) with inversions. Modal triads (sus, Phrygian, Lydian), extended chords (9, 
111, 13), and altered tensions unlock with PRO inside the same Chords module.\"},{\"question\":\"What is the difference between a half-diminished and a fully diminished 7?\",\"answer\":\"Both are built from a diminished triad. Half-diminished adds a minor 7th on top. Fully diminished adds a diminished 7th, making the chord symmetric in minor 3rds. Practice Mode has both, and you can drill them side by side until the difference is instant.\"},{\"question\":\"Can I narrow down to a specific pair or small group of chord types?\",\"answer\":\"Yes - and that is usually how you should drill. Ear training a single chord type in isolation has limited value: with only one option there is nothing to distinguish. The setup screen lets you pick exactly the pair or small group you want to compare - e.g. major 7 vs dominant 7, or all five 7th chord qualities together - so the differences you struggle with become the only differences you have to hear.\"},{\"question\":\"How long until I can recognise 7th chords reliably?\",\"answer\":\"Most musicians get to reliable recognition of all five 7th chord types within 3-6 weeks of daily 10-minute sessions. Inversions add another month or so depending on your starting level.\"},{\"question\":\"Do I need to know music theory?\",\"answer\":\"Basic note names help. You do not need to know what a \\\"diminished triad\\\" means in theory terms - the module teaches you the sound first, the name second.\"}],\"related\":[\"practice-mode\",\"jazz-voicings-practice\",\"intervals-practice\"]},\"isAuthed\":false}]\n"])</script>
1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"content\":\"#0ea5e9\"}]]\n"])</script>
1<script>self.__next_f.push([1,"9:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Chords Practice - Triads and 7ths Ear Training | Earonman | Gamified Ear Training for Musicians · Earonman\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Identify chord qualities by ear. Triads and 7th chords with inversions - free unlimited drilling in Earonman Practice Mode. PRO adds modal triads, extended chords (9, 11, 13), and altered colours.\"}],[\"$\",\"meta\",\"3\",{\"name\":\"application-name\",\"content\":\"Earonman\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Earonman\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"ear training,ear training app for beginners,relative pitch training,chord recognition practice,music theory ear training,online ear training games,chord ear training,chord recognition,identify chords by ear,seventh chord recognition,triad ear training,chord inversions ear training,free chord training\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Earonman\"}],[\"$\",\"meta\",\"8\",{\"name\":\"publisher\",\"content\":\"Earonman\"}],[\"$\",\"meta\",\"9\",{\"name\":\"category\",\"content\":\"Education\"}],[\"$\",\"meta\",\"10\",{\"name\":\"classification\",\"content\":\"Music Education\"}],[\"$\",\"meta\",\"11\",{\"name\":\"llms-full\",\"content\":\"https://www.earonman.com/llms.txt\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-itunes-app\",\"content\":\"app-id=6760226882\"}],[\"$\",\"link\",\"13\",{\"rel\":\"canonical\",\"href\":\"https://www.earonman.com/features/chords-practice\"}],[\"$\",\"meta\",\"14\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"Chords Practice - Triads and 7ths Ear Training | Earonman\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"Identify chord qualities by ear. Triads and 7th chords with inversions - free unlimited drilling in Earonman Practice Mode. PRO adds modal triads, extended chords (9, 11, 13), and altered colours.\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://www.earonman.com/features/chords-practice\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:site_name\",\"content\":\"Earonman\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://www.earonman.com/photos/chord-recognition.png\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:alt\",\"content\":\"Chords Practice - Triads and 7ths Ear Training | Earonman\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:site\",\"content\":\"@earonman\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:creator\",\"content\":\"@earonman\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:title\",\"content\":\"Chords Practice - Triads and 7ths Ear Training | Earonman\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:description\",\"content\":\"Identify chord qualities by ear. Triads and 7th chords with inversions - free unlimited drilling in Earonman Practice Mode. PRO adds modal triads, extended chords (9, 11, 13), and altered colours.\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image\",\"content\":\"https://www.earonman.com/photos/chord-recognition.png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"https://www.earonman.com/logos/Earonman_logo_no_text.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}]]\n"])</script>
1<script>self.__next_f.push([1,"7:null\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.