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>Intervals Practice - Free Interval Ear Training | Earonman | Gamified Ear Training for Musicians · Earonman</title><meta name="description" content="Practice intervals by ear. Free Practice covers intervals up to the octave - all simple intervals from minor 2nd to major 7th plus tritone. PRO adds compound intervals (9ths through 13ths). Real grand piano sound."/><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,interval ear training,interval practice,learn intervals,identify intervals by ear,melodic intervals,harmonic intervals,compound intervals,free interval 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/intervals-practice"/><meta name="format-detection" content="telephone=no"/><meta property="og:title" content="Intervals Practice - Free Interval Ear Training | Earonman"/><meta property="og:description" content="Practice intervals by ear. Free Practice covers intervals up to the octave - all simple intervals from minor 2nd to major 7th plus tritone. PRO adds compound intervals (9ths through 13ths). Real grand piano sound."/><meta property="og:url" content="https://www.earonman.com/features/intervals-practice"/><meta property="og:site_name" content="Earonman"/><meta property="og:image" content="https://www.earonman.com/photos/interval-training.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Intervals Practice - Free Interval 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="Intervals Practice - Free Interval Ear Training | Earonman"/><meta name="twitter:description" content="Practice intervals by ear. Free Practice covers intervals up to the octave - all simple intervals from minor 2nd to major 7th plus tritone. PRO adds compound intervals (9ths through 13ths). Real grand piano sound."/><meta name="twitter:image" content="https://www.earonman.com/photos/interval-training.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="75b5b779656b44429463ae0e79bd6494-8cf93d34c6414d0e-0"/><meta name="baggage" content="sentry-environment=production,sentry-release=fc76031ccdce0d855d48819d64dfabd9042c8c50,sentry-public_key=9aa7d101d5a347111f9952da69af3647,sentry-trace_id=75b5b779656b44429463ae0e79bd6494,sentry-org_id=4511002738622464,sentry-sampled=false,sentry-sample_rand=0.19574617361506408,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&w=48&q=75 1x, /_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&w=96&q=75 2x" src="/_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&w=96&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&w=48&q=75 1x, /_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&w=96&q=75 2x" src="/_next/image?url=%2Flogos%2FEaronman_logo_no_text.png&w=96&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">Intervals 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>Intervals 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)">Hear every interval, instantly</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)">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 cooldown. Compound intervals (9ths, 11ths, 13ths) unlock with PRO.</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 intervals - 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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 Intervals module in Earonman Practice Mode is a custom interval drill. You pick which intervals to include, choose melodic (notes in sequence) or harmonic (notes together) playback, and Earonman feeds you randomised exercises with instant feedback. No daily cooldown. Free Practice covers all simple intervals up to the octave; PRO unlocks compound intervals (9ths, 11ths, 13ths).</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">All simple intervals (Free)</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Minor 2nd through major 7th, plus tritone. Every relationship between two notes within an octave - drillable free in Practice Mode.</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">Compound intervals (PRO)</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">9ths, 10ths, 11ths, 12ths, 13ths. Intervals larger than an octave that show up in extended jazz harmony and wide voicings - 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">03</div><h3 class="mt-5 text-xl font-bold text-gray-900 dark:text-white leading-snug">Melodic or harmonic playback</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Two notes in sequence (melodic) trains transcription. Two notes together (harmonic) trains chord-tone identification. Earonman drills both, separately or mixed.</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">Custom interval picker</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Tick which intervals to include. Drill just the tricky ones (tritone vs maj7, m6 vs M6) until they are solid. Or include everything for mixed practice.</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">Replay as many times as you need</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Each interval plays once on demand, with a Repeat button always available. No rush, no streak pressure - take your time on the tricky ones.</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">Real grand piano sound</h3><p class="mt-3 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Every interval is played on a Petrof III grand recorded at Baracca Records. You train on the same timbre you hear in real music.</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">Open the Intervals module</h3><p class="mt-3 text-base leading-relaxed text-gray-600 dark:text-gray-400">Practice Mode > Intervals. Setup screen lets you tick which intervals to train and pick melodic, harmonic, or both.</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 interval</h3><p class="mt-3 text-base leading-relaxed text-gray-600 dark:text-gray-400">Two notes play. Replay as many times as you need. Hide the notation if you want to make it harder.</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">Identify, see the answer</h3><p class="mt-3 text-base leading-relaxed text-gray-600 dark:text-gray-400">Tap your answer. Earonman tells you immediately if it is right, names the interval, spells the two notes, and lets you replay before moving on.</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">Drilling intervals builds the most fundamental layer of relative pitch. Every other ear skill is built on this one. Without reliable interval recognition, transcription is guesswork and harmonic analysis stalls.</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 easily confused intervals</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">
1m3 vs M3, P4 vs tritone, m6 vs M6, m7 vs M7. The pairs that trip up self-taught musicians until they drill them deliberately.</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 intervals in any direction</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Ascending and descending sound different to most ears. A descending major 6 feels different from an ascending major 6. Practice Mode trains both.</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 compound intervals (PRO)</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">A 9th sounds different from a 2nd despite being the same pitch class. Hearing the octave displacement is critical for transcribing wide jazz voicings - included in the PRO library.</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 instant recall</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">After a few weeks of daily drills, you stop thinking and just hear the interval. That instant recall is what professional musicians use on stage.</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">Internalise tonal tendencies</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">A leading tone wants to resolve up. A tritone wants to resolve outward. After enough drilling, these tendencies become baked into your ears.</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">Lay the foundation for chord recognition</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Chords are stacks of intervals. Once intervals are solid, recognising a major 7 chord is just hearing major 3rd + minor 3rd + major 3rd.</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">Interval recognition decays fast without practice. Even pros lose their edge after a few weeks off. Daily 5-10 minutes keeps the recall instant.</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">The foundation must be rock solid</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Every other ear training skill - chords, voicings, scales, function - depen
1ds on intervals. Wobbly intervals mean wobbly everything else.</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">Brief sessions beat long marathons</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">The brain consolidates new sound-name associations during sleep. 10 minutes a day for 14 days is more effective than 2 hours one Saturday.</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">Real musical situations are fast</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">When a tune flies by at 250 bpm, you do not have time to count half steps. Daily reps build the sub-second recognition real music demands.</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">Compound intervals open up modern harmony</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Most musicians never deliberately train 9ths, 11ths, 13ths. Drilling these gives you an edge for transcribing modern jazz, R&B, and film scoring - available with PRO.</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">Interval training is universal - every musician benefits, regardless of style or instrument.</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">Self-taught musicians</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">The fastest way to close the most common blind spots - tritone, m7 vs M7 - all free. Compound interval gaps close with PRO.</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">Beginners starting ear training</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Intervals are the entry point. Earonman starts with just two intervals at a time and builds up.</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">Composers and songwriters</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Hearing intervals lets you write what you hear in your head without trial-and-error at the piano.</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">Singers and choir members</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Sightsinging is essentially fast interval recognition. Daily interval drills make sightsinging instinctive.</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">Conservatoire entrance exams and music theory courses test exactly this skill. Practice Mode is open-ended drill that scales to any level.</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">Jazz musicians</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Transcribing solos starts with interval recognition. Fast players need sub-second recall.</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 & 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 & 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 & 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">Real piano, not synth tones</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Many ear training apps use sine waves or synth tones that sound nothing like real music. Earonman uses a Petrof III grand recorded at Baracca Records.</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">Compound intervals with PRO</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Most apps only train simple intervals. With PRO, the same module unlocks compound intervals (9ths through 13ths) - the foundation for hearing wide jazz voicings and extended 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-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">Custom session filtering</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Tick the exact intervals you want to drill. No forced sequence. Drill just tritone vs major 7 if that is your weak spot, or include every interval for mixed practice.</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">Free up to the octave</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400">Simple intervals (minor 2nd through major 7th plus tritone) are free in Practice Mode. No card required. The foundation of relative pitch, drillable forever.</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">â<!-- -->Earonman completely transformed the way I approach ear training. It makes learning fun, and its clear, comprehensive lessons have really helped me grow my musical vocabulary.<!-- -->â</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 Medek" 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-medek.png&w=48&q=75 1x, /_next/image?url=%2Ftestimonials%2Ftom-medek.png&w=96&q=75 2x" src="/_next/image?url=%2Ftestimonials%2Ftom-medek.png&w=96&q=75"/></div><div><div class="font-semibold text-gray-900 dark:text-white">Tom Medek</div><div class="text-sm text-gray-600 dark:text-gray-400">Composer, keyboard player and music software developer</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">Which intervals 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">All simple intervals up to the octave - minor 2nd through major 7th, plus the tritone - are free with no daily co
1oldown. Compound intervals (9ths through 13ths) unlock with PRO inside the same Intervals 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 melodic and harmonic intervals?</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">Melodic = two notes played in sequence (like a melody). Harmonic = two notes played at the same time (like a chord). Both are useful skills. Melodic recognition helps with transcribing melodies; harmonic recognition helps with identifying chord tones.</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 learn intervals before chords?</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">Not strictly, but it helps a lot. Chords are stacks of intervals. If you can hear thirds and fifths reliably, recognising a major triad becomes trivial.</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 all intervals instantly?</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 can reliably identify all simple intervals within 2-3 weeks of daily 10-minute sessions. Tritones and major 7ths take a bit longer because they are less common in everyday listening. Compound intervals take a month or two of consistent practice.</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 of intervals I confuse?</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 the most useful way to drill. Ear training a single interval in isolation has limited value: with only one option there is nothing to identify. The Intervals module lets you tick exactly the pair or small group you want to compare, e.g. tritone vs major 7 (the two most confused intervals for many musicians) until you can tell them apart instantly.</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">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><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 intervals - 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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, 'Segoe UI', Roboto, 'Helvetica Neue', 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/chords-practice"><div class="relative aspect-[16/10] w-full overflow-hidden bg-gradient-to-br from-purple-500/15 via-purple-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-purple-600 dark:text-purple-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="M24 80v352h64V288H72V80H24zm96 0v208h-16v144h64V288h-16V80h-32zm80 0v208h-16v144h64V288h-16V80h-32zm80 0v208h-16v144h64V80h-48zm64 0v352h64V288h-16V80h-48zm96 0v208h-16v144h64V80h-48z"></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">Chords 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">Identify chords by ear</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400 line-clamp-2">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><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/exercises"><div class="relative aspect-[16/10] w-full overflow-hidden bg-gradient-to-br from-indigo-500/15 via-indigo-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-indigo-600 dark:text-indigo-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-book-open"><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></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">Exercises</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">Train your ears, level by level</h3><p class="mt-2 text-sm leading-relaxed text-gray-600 dark:text-gray-400 line-clamp-2">The gamified curriculum at the heart of Earonman. 200+ structured levels take you from your first interval to recognising upper structure triads in real time. XP, streaks, badges - the daily habit that turns your ears sharp.</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\",\"intervals-practice\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"features\",{\"children\":[[\"slug\",\"intervals-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\",\"intervals-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\",\"dzhjD7EqN48ZZIpXUzLwd\",{\"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\":\"intervals-practice\",\"category\":\"practice-type\",\"tier\":\"free\",\"seoTitle\":\"Intervals Practice - Free Interval Ear Training | Earonman\",\"metaDescription\":\"Practice intervals by ear. Free Practice covers intervals up to the octave - all simple intervals from minor 2nd to major 7th plus tritone. PRO adds compound intervals (9ths through 13ths). Real grand piano sound.\",\"keywords\":[\"interval ear training\",\"interval practice\",\"learn intervals\",\"identify intervals by ear\",\"melodic intervals\",\"harmonic intervals\",\"compound intervals\",\"relative pitch training\",\"free interval training\"],\"ogImage\":\"/photos/interval-training.png\",\"pillLabel\":\"Intervals Practice\",\"h1\":\"Hear every interval, instantly\",\"tagline\":\"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 cooldown. Compound intervals (9ths, 11ths, 13ths) unlock with PRO.\",\"heroImage\":\"/photos/interval-training.png\",\"heroImageAlt\":\"Interval Training in Earonman\",\"primaryCtaLabel\":\"Practice intervals - free\",\"primaryCtaHref\":\"/auth/register\",\"whatItDoes\":{\"intro\":\"The Intervals module in Earonman Practice Mode is a custom interval drill. You pick which intervals to include, choose melodic (notes in sequence) or harmonic (notes together) playback, and Earonman feeds you randomised exercises with instant feedback. No daily cooldown. Free Practice covers all simple intervals up to the octave; PRO unlocks compound intervals (9ths, 11ths, 13ths).\",\"points\":[{\"title\":\"All simple intervals (Free)\",\"description\":\"Minor 2nd through major 7th, plus tritone. Every relationship between two notes within an octave - drillable free in Practice Mode.\"},{\"title\":\"Compound intervals (PRO)\",\"description\":\"9ths, 10ths, 11ths, 12ths, 13ths. Intervals larger than an octave that show up in extended jazz harmony and wide voicings - included in the PRO library.\"},{\"title\":\"Melodic or harmonic playback\",\"description\":\"Two notes in sequence (melodic) trains transcription. Two notes together (harmonic) trains chord-tone identification. Earonman drills both, separately or mixed.\"},{\"title\":\"Custom interval picker\",\"description\":\"Tick which intervals to include. Drill just the tricky ones (tritone vs maj7, m6 vs M6) until they are solid. Or include everything for mixed practice.\"},{\"title\":\"Replay as many times as you need\",\"description\":\"Each interval plays once on demand, with a Repeat button always available. No rush, no streak pressure - take your time on the tricky ones.\"},{\"title\":\"Real grand piano sound\",\"description\":\"Every interval is played on a Petrof III grand recorded at Baracca Records. You train on the same timbre you hear in real music.\"}]},\"howItWorks\":{\"steps\":[{\"title\":\"Open the Intervals module\",\"description\":\"Practice Mode \u003e Intervals. Setup screen lets you tick which intervals to train and pick melodic, harmonic, or both.\"},{\"title\":\"Hear the interval\",\"description\":\"Two notes play. Replay as many times as you need. Hide the notation if you want to make it harder.\"},{\"title\":\"Identify, see the answer\",\"description\":\"Tap your answer. Earonman tells you immediately if it is right, names the interval, spells the two notes, and lets you replay before moving on.\"}]},\"whatYoullLearn\":{\"intro\":\"Drilling intervals builds the most fundamental layer of relative pitch. Every other ear skill is built on this one. Without reliable interval recognition, transcription is guesswork and harmonic analysis stalls.\",\"items\":[{\"title\":\"Tell apart easily confused intervals\",\"description\":\"m3 vs M3, P4 vs tritone, m6 vs M6, m7 vs M7. The pairs that trip up self-taught musicians until they drill them deliberately.\"},{\"title\":\"Recognise intervals in any direction\",\"description\":\"Ascending and descending sound different to most ears. A descending major 6 feels different from an ascending major 6. Practice Mode trains both.\"},{\"title\":\"Identify compound intervals (PRO)\",\"description\":\"A 9th sounds different from a 2nd despite being the same pitch class. Hearing the octave displacement is critical for transcribing wide jazz voicings - included in the PRO library.\"},{\"title\":\"Build instant recall\",\"description\":\"After a few weeks of daily drills, you stop thinking and just hear the interval. That instant recall is what professional musicians use on stage.\"},{\"title\":\"Internalise tonal tendencies\",\"description\":\"A leading tone wants to resolve up. A tritone wants to resolve outward. After enough drilling, these tendencies become baked into your ears.\"},{\"title\":\"Lay the foundation for chord recognition\",\"description\":\"Chords are stacks of intervals. Once intervals are solid, recognising a major 7 chord is just hearing major 3rd + minor 3rd + major 3rd.\"}]},\"whyRegular\":{\"intro\":\"Interval recognition decays fast without practice. Even pros lose their edge after a few weeks off. Daily 5-10 minutes keeps the recall instant.\",\"points\":[{\"title\":\"The foundation must be rock solid\",\"description\":\"Every other ear training skill - chords, voicings, scales, function - depen
1ds on intervals. Wobbly intervals mean wobbly everything else.\"},{\"title\":\"Brief sessions beat long marathons\",\"description\":\"The brain consolidates new sound-name associations during sleep. 10 minutes a day for 14 days is more effective than 2 hours one Saturday.\"},{\"title\":\"Real musical situations are fast\",\"description\":\"When a tune flies by at 250 bpm, you do not have time to count half steps. Daily reps build the sub-second recognition real music demands.\"},{\"title\":\"Compound intervals open up modern harmony\",\"description\":\"Most musicians never deliberately train 9ths, 11ths, 13ths. Drilling these gives you an edge for transcribing modern jazz, R\u0026B, and film scoring - available with PRO.\"}]},\"whoIsThisFor\":{\"intro\":\"Interval training is universal - every musician benefits, regardless of style or instrument.\",\"audiences\":[{\"label\":\"Self-taught musicians\",\"description\":\"The fastest way to close the most common blind spots - tritone, m7 vs M7 - all free. Compound interval gaps close with PRO.\"},{\"label\":\"Beginners starting ear training\",\"description\":\"Intervals are the entry point. Earonman starts with just two intervals at a time and builds up.\"},{\"label\":\"Composers and songwriters\",\"description\":\"Hearing intervals lets you write what you hear in your head without trial-and-error at the piano.\"},{\"label\":\"Singers and choir members\",\"description\":\"Sightsinging is essentially fast interval recognition. Daily interval drills make sightsinging instinctive.\"},{\"label\":\"Classical musicians\",\"description\":\"Conservatoire entrance exams and music theory courses test exactly this skill. Practice Mode is open-ended drill that scales to any level.\"},{\"label\":\"Jazz musicians\",\"description\":\"Transcribing solos starts with interval recognition. Fast players need sub-second recall.\"}]},\"whyEaronman\":[{\"title\":\"Real piano, not synth tones\",\"description\":\"Many ear training apps use sine waves or synth tones that sound nothing like real music. Earonman uses a Petrof III grand recorded at Baracca Records.\"},{\"title\":\"Compound intervals with PRO\",\"description\":\"Most apps only train simple intervals. With PRO, the same module unlocks compound intervals (9ths through 13ths) - the foundation for hearing wide jazz voicings and extended harmony.\"},{\"title\":\"Custom session filtering\",\"description\":\"Tick the exact intervals you want to drill. No forced sequence. Drill just tritone vs major 7 if that is your weak spot, or include every interval for mixed practice.\"},{\"title\":\"Free up to the octave\",\"description\":\"Simple intervals (minor 2nd through major 7th plus tritone) are free in Practice Mode. No card required. The foundation of relative pitch, drillable forever.\"}],\"testimonialKey\":\"tom-medek\",\"faqs\":[{\"question\":\"Which intervals are free in Practice Mode?\",\"answer\":\"All simple intervals up to the octave - minor 2nd through major 7th, plus the tritone - are free with no daily cooldown. Compound intervals (9ths through 13ths) unlock with PRO inside the same Intervals module.\"},{\"question\":\"What is the difference between melodic and harmonic intervals?\",\"answer\":\"Melodic = two notes played in sequence (like a melody). Harmonic = two notes played at the same time (like a chord). Both are useful skills. Melodic recognition helps with transcribing melodies; harmonic recognition helps with identifying chord tones.\"},{\"question\":\"Do I need to learn intervals before chords?\",\"answer\":\"Not strictly, but it helps a lot. Chords are stacks of intervals. If you can hear thirds and fifths reliably, recognising a major triad becomes trivial.\"},{\"question\":\"How long until I can recognise all intervals instantly?\",\"answer\":\"Most musicians can reliably identify all simple intervals within 2-3 weeks of daily 10-minute sessions. Tritones and major 7ths take a bit longer because they are less common in everyday listening. Compound intervals take a month or two of consistent practice.\"},{\"question\":\"Can I narrow down to a specific pair of intervals I confuse?\",\"answer\":\"Yes - and that is the most useful way to drill. Ear training a single interval in isolation has limited value: with only one option there is nothing to identify. The Intervals module lets you tick exactly the pair or small group you want to compare, e.g. tritone vs major 7 (the two most confused intervals for many musicians) until you can tell them apart instantly.\"}],\"related\":[\"practice-mode\",\"chords-practice\",\"exercises\"]},\"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\":\"Intervals Practice - Free Interval Ear Training | Earonman | Gamified Ear Training for Musicians · Earonman\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Practice intervals by ear. Free Practice covers intervals up to the octave - all simple intervals from minor 2nd to major 7th plus tritone. PRO adds compound intervals (9ths through 13ths). Real grand piano sound.\"}],[\"$\",\"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,interval ear training,interval practice,learn intervals,identify intervals by ear,melodic intervals,harmonic intervals,compound intervals,free interval 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/intervals-practice\"}],[\"$\",\"meta\",\"14\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"Intervals Practice - Free Interval Ear Training | Earonman\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"Practice intervals by ear. Free Practice covers intervals up to the octave - all simple intervals from minor 2nd to major 7th plus tritone. PRO adds compound intervals (9ths through 13ths). Real grand piano sound.\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://www.earonman.com/features/intervals-practice\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:site_name\",\"content\":\"Earonman\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://www.earonman.com/photos/interval-training.png\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:alt\",\"content\":\"Intervals Practice - Free Interval 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\":\"Intervals Practice - Free Interval Ear Training | Earonman\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:description\",\"content\":\"Practice intervals by ear. Free Practice covers intervals up to the octave - all simple intervals from minor 2nd to major 7th plus tritone. PRO adds compound intervals (9ths through 13ths). Real grand piano sound.\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image\",\"content\":\"https://www.earonman.com/photos/interval-training.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.