<!DOCTYPE HTML>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    

    <style>
    .box-gold {
        /* Box shadow for the drop shadow effect */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

        /* Background color for the container */
        background-color: #fff;

        /* Position to center for demo purposes */
        margin: 50px auto;

        /* Add a border with a gradient color */
        border: 2px solid;
        border-image-slice: 1;
        border-width: 2px;
        border-image-source: linear-gradient(94.09deg, #FFD843 0%, #FF9126 83.75%);
        overflow: hidden; /* Ensure the background matches the rounded border */
    }

    .btn-gold-light {
        /* Background color for the container */
        background-color: #fff;

        /* Position to center for demo purposes */
        margin: 50px auto;

        /* Add a border with a gradient color */
        border: 2px solid;
        border-image-slice: 1;
        border-width: 2px;
        border-image-source: linear-gradient(94.09deg, #FFD843 0%, #FF9126 83.75%);
        overflow: hidden; /* Ensure the background matches the rounded border */
    }

    .btn-gold-light:hover {
        background: #FFFBEC;
        cursor: pointer;
    }
    </style>


    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9KZZ3NERNK"></script>
    <script type="text/javascript">
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      
          gtag('set', {'experiments': [
              
                    {'id': 'AB_ADTHRIVE_DISABLE_TEST', 'variant': '0'},
                    {'id': 'AB_SURVEY_FREETEXT_QUESTION', 'variant': '0'},
                    {'id': 'AB_HOME_PAGE_REPOSITIONING', 'variant': '0'},
              
          ]});
      


      gtag('config', 'G-9KZZ3NERNK');


      window.addEventListener("load", function() {
            gtag('get', 'G-9KZZ3NERNK', 'client_id', (clientID) => {
                setCookie('_ga_client_id', clientID, 3000);
            });
      });

    </script>

<!--    microsoft ads tag-->
    <script type="text/javascript">(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"343188975", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>


    <script type="text/javascript">

      
          
            gtag('event', 'experiment_impression', {
                experiment_id: 'AB_ADTHRIVE_DISABLE_TEST',
                variant_id: '0',
                send_to: 'G-9KZZ3NERNK'
            });
            gtag('event', 'experiment_impression', {
                experiment_id: 'AB_SURVEY_FREETEXT_QUESTION',
                variant_id: '0',
                send_to: 'G-9KZZ3NERNK'
            });
            gtag('event', 'experiment_impression', {
                experiment_id: 'AB_HOME_PAGE_REPOSITIONING',
                variant_id: '0',
                send_to: 'G-9KZZ3NERNK'
            });
           
      
    </script>

    <!--    Old Universal analytics still needs to collect the data-->
    <script type="text/javascript">
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-57109328-4', 'auto');

        ga('set', 'exp', 'AB_ADTHRIVE_DISABLE_TEST.0!AB_HOME_PAGE_REPOSITIONING.0!AB_SURVEY_FREETEXT_QUESTION.0');

        ga('send', 'pageview');
    </script>


    <script type="text/javascript">
        (function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(".");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;"undefined"!==typeof c?a=b[c]=[]:c="mixpanel";a.people=a.people||[];a.toString=function(a){var d="mixpanel";"mixpanel"!==c&&(d+="."+c);a||(d+=" (stub)");return d};a.people.toString=function(){return a.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
        for(h=0;h<i.length;h++)g(a,i[h]);var j="set set_once union unset remove delete".split(" ");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<j.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement("script");e.type="text/javascript";e.async=!0;e.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?
        MIXPANEL_CUSTOM_LIB_URL:"file:"===f.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";g=f.getElementsByTagName("script")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);

        mixpanel.init(
        'f70f5155bbc8b4d4f728de283619d4f3',
         {
            debug: false,
            record_sessions_percent: 1,
            record_canvas: true,
            record_mask_text_selector: ''
        });
    </script>

    <script>(function(w,r){w._rwq=r;w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'rewardful');</script>
    <script async src='https://r.wdfl.co/rw.js' data-rewardful='cd826a'></script>



<!--    For now disabled. As it's just polluting the console with JS errors from 3rd parties and eats out the plan quota.-->
<!--    Needs extra configs which II don't have tiime to set up now.-->
    
    

    <script type="text/javascript">
        (function() {
            window.sib = {
                equeue: [],
                client_key: "d2q0ly0d2z2cgde70c7owwua"
            };
            /* OPTIONAL: email for identify request*/
            // window.sib.email_id = 'example@domain.com';
            window.sendinblue = {};
            for (var j = ['track', 'identify', 'trackLink', 'page'], i = 0; i < j.length; i++) {
            (function(k) {
                window.sendinblue[k] = function() {
                    var arg = Array.prototype.slice.call(arguments);
                    (window.sib[k] || function() {
                            var t = {};
                            t[k] = arg;
                            window.sib.equeue.push(t);
                        })(arg[0], arg[1], arg[2], arg[3]);
                    };
                })(j[i]);
            }
            var n = document.createElement("script"),
                i = document.getElementsByTagName("script")[0];
            n.type = "text/javascript", n.id = "sendinblue-js", n.async = !0, n.src = "https://sibautomation.com/sa.js?key=" + window.sib.client_key, i.parentNode.insertBefore(n, i), window.sendinblue.page();
        })();
    </script>

    

    

    <script type="text/javascript">
        
            mixpanel.register({ AB_ADTHRIVE_DISABLE_TEST: 0 });
            mixpanel.register({ AB_SURVEY_FREETEXT_QUESTION: 0 });
            mixpanel.register({ AB_HOME_PAGE_REPOSITIONING: 0 });
        

        mixpanel.register({ 'isUserAuthenticated': false });
        mixpanel.track('Pageview');
    </script>


    

    <!-- Meta Pixel Code -->
    <script type="text/javascript">
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '1914126582131767');
        fbq('track', 'PageView');
    </script>

<!--    workarouund for weird Thymeleaf bug: https://stackoverflow.com/questions/25500828/thymeleaf-breaks-the-html-before-%C2%B4noscript%C2%B4-tag-->
    <noscript>
    <img height="1" width="1" style="display:none"
         src="https://www.facebook.com/tr?id=1914126582131767&ev=PageView&noscript=1"
    />
</noscript>
    <!-- End Meta Pixel Code -->


    <script type="text/javascript">
        window._gaExps = {};
        
            window._gaExps.AB_ADTHRIVE_DISABLE_TEST = 0;
            window._gaExps.AB_SURVEY_FREETEXT_QUESTION = 0;
            window._gaExps.AB_HOME_PAGE_REPOSITIONING = 0;
        
    </script>

<!--    AdThrive Ads-->
    <script>
        (function(w, d) {
        w.adthrive = w.adthrive || {};
        w.adthrive.cmd = w.adthrive.cmd || [];
        w.adthrive.plugin = 'adthrive-ads-1.0.43-manual';
        w.adthrive.host = 'ads.adthrive.com';
        var s = d.createElement('script');
        s.async = true;
        s.referrerpolicy='no-referrer-when-downgrade';
        s.src = 'https://' + w.adthrive.host + '/sites/6027f8d80df047701c4d6afc/ads.min.js?referrer=' + w.encodeURIComponent(w.location.href);
        var n = d.getElementsByTagName('script')[0];
        n.parentNode.insertBefore(s, n);
        })(window, document);
    </script>

    <script>
          window.fbAsyncInit = function() {
            FB.init({
              appId      : '1222325527958891', // Your Facebook App ID
              cookie     : true,
              status     : true,
              xfbml      : true,
              version    : 'v5.0'
            });

            // Additional Facebook SDK functionality here
          };

          // Load the SDK Asynchronously
          (function(d, s, id){
             var js, fjs = d.getElementsByTagName(s)[0];
             if (d.getElementById(id)) {return;}
             js = d.createElement(s); js.id = id;
             js.src = "https://connect.facebook.net/en_US/sdk.js";
             fjs.parentNode.insertBefore(js, fjs);
           }(document, 'script', 'facebook-jssdk'));
    </script>


    <script type="text/javascript">
        window._isUserAuthenticated = "false" == "true" ? true : false ;
        window._hasPitchTrainingUpgrade = "false" == "true" ? true : false ;
    </script>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link rel="shortcut icon" type="image/png" href="/img/favicon.png"/>

    <link rel="stylesheet" href="/css/loader.css"/>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">


<!--    <link rel="stylesheet" th:href="@{/css/font-awesome-4.7.0/css/font-awesome.min.css}">-->
    <script src="https://kit.fontawesome.com/f4e2ba0eb9.js" crossorigin="anonymous"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!--    There is a conflict between jquery UI and bootstrap tooltip components-->
<!--    To fix it the scripts need to be loaded in a following order: jQuery , jQuery UI , Bootstrap-->
<!--    https://stackoverflow.com/questions/17458224/uncaught-error-no-such-method-show-for-tooltip-widget-instance-->

    

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

    

<!--    <script th:if="${loadVueJS}" src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> for development-->
    
    

    

    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
    <script type="text/javascript" src="/js/common.js?v=1004"></script>
    <link rel="stylesheet" href="/css/custom.css?v=2">



    <title>Learning to Sing the Fun Way - Singing Carrots</title>

    <meta name="description" content="A science-backed voice training platform that turns singing practice into an engaging interactive game.">

    <meta name="keywords" content="singing education, music educators, choir training, pitch matching, range enhancement, musical tools, Singing Carrots, choir performances, singing fundamentals, student singers">

    <meta name="robots" content="index, follow" />

    <!-- SEO: Canonical and hreflang tags for internationalization -->
    
        <!-- Determine canonical URL based on current path -->
        <link rel="canonical" href="https://singingcarrots.com/sitemap.xml" />

        <!-- Add hreflang links for top languages (configurable subset) -->
        
            <!-- For how-long-to-learn-singing page -->
            
            
            <!-- For home page -->
            
                <link rel="alternate" hreflang="en"
                      href="https://singingcarrots.com/" /><link rel="alternate" hreflang="es"
                      href="https://singingcarrots.com/es" /><link rel="alternate" hreflang="pt"
                      href="https://singingcarrots.com/pt" /><link rel="alternate" hreflang="fr"
                      href="https://singingcarrots.com/fr" /><link rel="alternate" hreflang="de"
                      href="https://singingcarrots.com/de" /><link rel="alternate" hreflang="it"
                      href="https://singingcarrots.com/it" /><link rel="alternate" hreflang="nl"
                      href="https://singingcarrots.com/nl" /><link rel="alternate" hreflang="pl"
                      href="https://singingcarrots.com/pl" /><link rel="alternate" hreflang="sv"
                      href="https://singingcarrots.com/sv" /><link rel="alternate" hreflang="da"
                      href="https://singingcarrots.com/da" /><link rel="alternate" hreflang="nb"
                      href="https://singingcarrots.com/nb" /><link rel="alternate" hreflang="fi"
                      href="https://singingcarrots.com/fi" /><link rel="alternate" hreflang="cs"
                      href="https://singingcarrots.com/cs" /><link rel="alternate" hreflang="sk"
                      href="https://singingcarrots.com/sk" /><link rel="alternate" hreflang="hu"
                      href="https://singingcarrots.com/hu" /><link rel="alternate" hreflang="ro"
                      href="https://singingcarrots.com/ro" /><link rel="alternate" hreflang="bg"
                      href="https://singingcarrots.com/bg" /><link rel="alternate" hreflang="hr"
                      href="https://singingcarrots.com/hr" /><link rel="alternate" hreflang="sl"
                      href="https://singingcarrots.com/sl" /><link rel="alternate" hreflang="sr-Latn"
                      href="https://singingcarrots.com/sr-latn" /><link rel="alternate" hreflang="tr"
                      href="https://singingcarrots.com/tr" /><link rel="alternate" hreflang="el"
                      href="https://singingcarrots.com/el" /><link rel="alternate" hreflang="lt"
                      href="https://singingcarrots.com/lt" /><link rel="alternate" hreflang="lv"
                      href="https://singingcarrots.com/lv" /><link rel="alternate" hreflang="et"
                      href="https://singingcarrots.com/et" /><link rel="alternate" hreflang="ru"
                      href="https://singingcarrots.com/ru" /><link rel="alternate" hreflang="uk"
                      href="https://singingcarrots.com/uk" /><link rel="alternate" hreflang="be"
                      href="https://singingcarrots.com/be" /><link rel="alternate" hreflang="kk"
                      href="https://singingcarrots.com/kk" /><link rel="alternate" hreflang="ky"
                      href="https://singingcarrots.com/ky" /><link rel="alternate" hreflang="uz"
                      href="https://singingcarrots.com/uz" /><link rel="alternate" hreflang="tk"
                      href="https://singingcarrots.com/tk" /><link rel="alternate" hreflang="tg"
                      href="https://singingcarrots.com/tg" /><link rel="alternate" hreflang="az"
                      href="https://singingcarrots.com/az" /><link rel="alternate" hreflang="hy"
                      href="https://singingcarrots.com/hy" /><link rel="alternate" hreflang="ka"
                      href="https://singingcarrots.com/ka" /><link rel="alternate" hreflang="mn"
                      href="https://singingcarrots.com/mn" /><link rel="alternate" hreflang="id"
                      href="https://singingcarrots.com/id" /><link rel="alternate" hreflang="ms"
                      href="https://singingcarrots.com/ms" /><link rel="alternate" hreflang="vi"
                      href="https://singingcarrots.com/vi" /><link rel="alternate" hreflang="tl"
                      href="https://singingcarrots.com/tl" /><link rel="alternate" hreflang="th"
                      href="https://singingcarrots.com/th" /><link rel="alternate" hreflang="lo"
                      href="https://singingcarrots.com/lo" /><link rel="alternate" hreflang="km"
                      href="https://singingcarrots.com/km" /><link rel="alternate" hreflang="hi"
                      href="https://singingcarrots.com/hi" /><link rel="alternate" hreflang="bn"
                      href="https://singingcarrots.com/bn" /><link rel="alternate" hreflang="ta"
                      href="https://singingcarrots.com/ta" /><link rel="alternate" hreflang="te"
                      href="https://singingcarrots.com/te" /><link rel="alternate" hreflang="ml"
                      href="https://singingcarrots.com/ml" /><link rel="alternate" hreflang="mr"
                      href="https://singingcarrots.com/mr" /><link rel="alternate" hreflang="pa"
                      href="https://singingcarrots.com/pa" /><link rel="alternate" hreflang="gu"
                      href="https://singingcarrots.com/gu" /><link rel="alternate" hreflang="si"
                      href="https://singingcarrots.com/si" /><link rel="alternate" hreflang="zh-Hans"
                      href="https://singingcarrots.com/zh-hans" /><link rel="alternate" hreflang="zh-Hant"
                      href="https://singingcarrots.com/zh-hant" /><link rel="alternate" hreflang="ja"
                      href="https://singingcarrots.com/ja" /><link rel="alternate" hreflang="ko"
                      href="https://singingcarrots.com/ko" /><link rel="alternate" hreflang="sw"
                      href="https://singingcarrots.com/sw" /><link rel="alternate" hreflang="yo"
                      href="https://singingcarrots.com/yo" /><link rel="alternate" hreflang="ig"
                      href="https://singingcarrots.com/ig" /><link rel="alternate" hreflang="ha"
                      href="https://singingcarrots.com/ha" /><link rel="alternate" hreflang="am"
                      href="https://singingcarrots.com/am" /><link rel="alternate" hreflang="zu"
                      href="https://singingcarrots.com/zu" /><link rel="alternate" hreflang="xh"
                      href="https://singingcarrots.com/xh" /><link rel="alternate" hreflang="st"
                      href="https://singingcarrots.com/st" /><link rel="alternate" hreflang="so"
                      href="https://singingcarrots.com/so" /><link rel="alternate" hreflang="rw"
                      href="https://singingcarrots.com/rw" /><link rel="alternate" hreflang="sn"
                      href="https://singingcarrots.com/sn" /><link rel="alternate" hreflang="ny"
                      href="https://singingcarrots.com/ny" /><link rel="alternate" hreflang="ts"
                      href="https://singingcarrots.com/ts" /><link rel="alternate" hreflang="tn"
                      href="https://singingcarrots.com/tn" /><link rel="alternate" hreflang="ca"
                      href="https://singingcarrots.com/ca" />
                <link rel="alternate" hreflang="x-default" href="https://singingcarrots.com/" />
            
        
    

    <link rel="stylesheet" href="/css/staslib/staslib.css"/>

    <style>

        /* prevent two-finger swipe backwads navigation as it interferes with sclaing the charts */
        body {
            overscroll-behavior-x: none;
        }

        /* loaader */
        .lds-roller {
          display: inline-block;
          position: relative;
          width: 80px;
          height: 80px;
        }
        .lds-roller div {
          animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          transform-origin: 40px 40px;
        }
        .lds-roller div:after {
          content: " ";
          display: block;
          position: absolute;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #fd7e14;
          margin: -4px 0 0 -4px;
        }
        .lds-roller div:nth-child(1) {
          animation-delay: -0.036s;
        }
        .lds-roller div:nth-child(1):after {
          top: 63px;
          left: 63px;
        }
        .lds-roller div:nth-child(2) {
          animation-delay: -0.072s;
        }
        .lds-roller div:nth-child(2):after {
          top: 68px;
          left: 56px;
        }
        .lds-roller div:nth-child(3) {
          animation-delay: -0.108s;
        }
        .lds-roller div:nth-child(3):after {
          top: 71px;
          left: 48px;
        }
        .lds-roller div:nth-child(4) {
          animation-delay: -0.144s;
        }
        .lds-roller div:nth-child(4):after {
          top: 72px;
          left: 40px;
        }
        .lds-roller div:nth-child(5) {
          animation-delay: -0.18s;
        }
        .lds-roller div:nth-child(5):after {
          top: 71px;
          left: 32px;
        }
        .lds-roller div:nth-child(6) {
          animation-delay: -0.216s;
        }
        .lds-roller div:nth-child(6):after {
          top: 68px;
          left: 24px;
        }
        .lds-roller div:nth-child(7) {
          animation-delay: -0.252s;
        }
        .lds-roller div:nth-child(7):after {
          top: 63px;
          left: 17px;
        }
        .lds-roller div:nth-child(8) {
          animation-delay: -0.288s;
        }
        .lds-roller div:nth-child(8):after {
          top: 56px;
          left: 12px;
        }
        @keyframes lds-roller {
          0% {
            transform: rotate(0deg);
          }
          100% {
            transform: rotate(360deg);
          }
        }

    </style>

    <style>
        .option-item {
            position: relative;
            cursor: pointer;
            padding-left: 35px; /* Add padding to make space for the custom radio circle */
        }

        .option-item:hover {
            background-color: #f8f9fa; /* Bootstrap bg-light */
        }

        .option-item input[type="radio"] {
            position: absolute;
            opacity: 0; /* Hide the actual radio button */
            cursor: pointer;
        }

        .option-item input[type="radio"] + label::before {
            content: "";
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            border: 2px solid #007bff; /* Border color for the circle */
            border-radius: 50%;
            background-color: #fff;
        }

        .option-item input[type="radio"]:checked + label::before {
            background-color: #007bff; /* Fill the circle when checked */
        }

        .option-item input[type="radio"]:checked + label::after {
            content: "";
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background-color: #fff;
            border-radius: 50%;
        }

    </style>

    <!-- Hotjar Tracking Code for https://singingcarrots.com -->
    <script>
        (function(h,o,t,j,a,r){
            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
            h._hjSettings={hjid:3079088,hjsv:6};
            a=o.getElementsByTagName('head')[0];
            r=o.createElement('script');r.async=1;
            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
            a.appendChild(r);
        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
    </script>


    <script type="text/javascript">
        (function waitForMixpanel(){
            if (window.mixpanel && mixpanel.__loaded) {
                // Mixpanel is loaded; now execute your tracking events
                _track_analytics_event('home-landing-page', { category: 'IndexPage' });
                mixpanel.start_session_recording();
            } else {
                // Wait and retry
                setTimeout(waitForMixpanel, 250);
            }
        })();
    </script>

    <script type="text/javascript">

        document.addEventListener('DOMContentLoaded', function() {

            var surveyProgress = getCookie('surveyFunnelProgress_v1');
            if (surveyProgress != null && surveyProgress != '') {
                _track_analytics_event('survey-funnel--resume', { category: 'surveyFunnel', progress: surveyProgress });

                var surveyFunnelPromoSeen = getCookie('surveyFunnelPromoSeen');
                if (surveyFunnelPromoSeen == null || surveyFunnelPromoSeen == '') {
                    $('#div-survey-funnel').removeClass('d-none');
                    $('#div-fsurv-q' + surveyProgress).removeClass('d-none');
                    $('#div-survey-resume').removeClass('d-none')
                    $('#div-survey-funnel-wrapper').addClass('pt-5');
                } else {
                    $('#section-q0-returning').removeClass('d-none');
                }

                // Hide the current section (q0)
                $('#section-q0').addClass('d-none');

                $('#p-answer-q1').addClass('d-none');
                $('#p-answer-q1-2').removeClass('d-none');
                $('#p-unlock-discount').addClass('d-none');
            }

            // Attach a submit event listener to the form
           $('a[id^="link-q0-"]').click(function (event) {
                event.preventDefault(); // Prevent the default link behavior

                // Get the selected option based on the clicked link's ID
                const selectedOption = $(this).attr('id').replace('link-q0-', '');

                if (selectedOption) {
                    // Track the answer
                    trackAnswer('what-brings', selectedOption);
                    _track_analytics_event('survey-funnel--q0answered', { category: 'surveyFunnel' });

                    if (selectedOption === 'schools') {
                        // Redirect to the /schools page
                        window.location.href = '/schools';
                    } else {
                        // Hide the current section (q0)
                        $('#section-q0').addClass('d-none');

                        $('#div-body').addClass('d-none');

                        $('#p-answer-q1-2').removeClass('d-none');
                        $('#p-unlock-discount').addClass('d-none');

                        // Show the next section (q1)
                        $('#div-survey-funnel').removeClass('d-none');
                        $('.home-hero').addClass('d-none');

                        // Adjust scroll position
                        adjustScroll();

                        // Add padding to the survey funnel wrapper if needed
                        $('#div-survey-funnel-wrapper').addClass('pt-5');
                    }
                } else {
                    // Handle any unexpected behavior or errors
                    alert("An error occurred. Please try again.");
                }
            });
        });

    </script>

    <script type="text/javascript" src="/js/save-survey.js?v=1011" ></script>
    <script type="text/javascript" src="/js/fragments/funnel-survey.js?v=2018" ></script>
    <script type="text/javascript" src="/js/fragments/funnel-survey-analytics.js?v=1015" ></script>

    <style>

        /* Desktop */
        @media only screen and (min-width: 992px) {
            /* p {
                margin-top:24px;
                font-size:18px;
            }
            li {
                margin-top:8px;
                font-size:18px;
            } */
            h1 {
                font-size: 32px;
            }
            h2 {
                font-size: 24px;
            }
        }

        /* mobile */
        @media only screen and (max-width: 992px) {

            /* p {
                margin-top:24px;
                font-size:16px;
            }
            li {
                margin-top:8px;
                font-size:16px;
            } */
            h1 {
                font-size: 24px;
            }
            h2 {
                font-size: 20px;
            }
        }

        . {
            text-decoration:underline;
            text-decoration-style:dashed;
            color: #FF9126;
        }
    </style>

</head>
<body class="no-ads">


<div>
    <div>
        
        
    
        <header class="page-header">
            <!-- Modal -->
            <!-- Black Friday Banner -->
            <div class="modal fade" id="setRangeModal" tabindex="-1" role="dialog" aria-labelledby="setRangeModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="setRangeModalLabel">Set up your vocal range</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <div>
        <form id="range-select-form">
            <div id="collapseRangeFinder">
                <div class="row">
                    <div class="float-left ml-3 mr-3 mx-auto pt-2" style="max-width: 400px;">
                        <div class="form-row align-items-center">
                            <div class="form-group col">
                                <label for="userLowestNote">Lowest note</label>
                                <select class="form-control" id="userLowestNote">
                                    <option value="-1" disabled hidden>Choose</option>
                                    <option value="96">B8</option>
                                    <option value="95">A#8</option>
                                    <option value="94">A8</option>
                                    <option value="93">G#8</option>
                                    <option value="92">G8</option>
                                    <option value="91">F#8</option>
                                    <option value="90">F8</option>
                                    <option value="89">E8</option>
                                    <option value="88">D#8</option>
                                    <option value="87">D8</option>
                                    <option value="86">C#8</option>
                                    <option value="85">C8</option>
                                    <option value="84">B7</option>
                                    <option value="83">A#7</option>
                                    <option value="82">A7</option>
                                    <option value="81">G#7</option>
                                    <option value="80">G7</option>
                                    <option value="79">F#7</option>
                                    <option value="78">F7</option>
                                    <option value="77">E7</option>
                                    <option value="76">D#7</option>
                                    <option value="75">D7</option>
                                    <option value="74">C#7</option>
                                    <option value="73">C7</option>
                                    <option value="72">B6</option>
                                    <option value="71">A#6</option>
                                    <option value="70">A6</option>
                                    <option value="69">G#6</option>
                                    <option value="68">G6</option>
                                    <option value="67">F#6</option>
                                    <option value="66">F6</option>
                                    <option value="65">E6</option>
                                    <option value="64">D#6</option>
                                    <option value="63">D6</option>
                                    <option value="62">C#6</option>
                                    <option value="61">C6</option>
                                    <option value="60">B5</option>
                                    <option value="59">A#5</option>
                                    <option value="58">A5</option>
                                    <option value="57">G#5</option>
                                    <option value="56">G5</option>
                                    <option value="55">F#5</option>
                                    <option value="54">F5</option>
                                    <option value="53">E5</option>
                                    <option value="52">D#5</option>
                                    <option value="51">D5</option>
                                    <option value="50">C#5</option>
                                    <option value="49">C5</option>
                                    <option value="48">B4</option>
                                    <option value="47">A#4</option>
                                    <option value="46">A4</option>
                                    <option value="45">G#4</option>
                                    <option value="44">G4</option>
                                    <option value="43">F#4</option>
                                    <option value="42">F4</option>
                                    <option value="41">E4</option>
                                    <option value="40">D#4</option>
                                    <option value="39">D4</option>
                                    <option value="38">C#4</option>
                                    <option value="37" selected>C4 (middle C)</option>
                                    <option value="36">B3</option>
                                    <option value="35">A#3</option>
                                    <option value="34">A3</option>
                                    <option value="33">G#3</option>
                                    <option value="32">G3</option>
                                    <option value="31">F#3</option>
                                    <option value="30">F3</option>
                                    <option value="29">E3</option>
                                    <option value="28">D#3</option>
                                    <option value="27">D3</option>
                                    <option value="26">C#3</option>
                                    <option value="25">C3</option>
                                    <option value="24">B2</option>
                                    <option value="23">A#2</option>
                                    <option value="22">A2</option>
                                    <option value="21">G#2</option>
                                    <option value="20">G2</option>
                                    <option value="19">F#2</option>
                                    <option value="18">F2</option>
                                    <option value="17">E2</option>
                                    <option value="16">D#2</option>
                                    <option value="15">D2</option>
                                    <option value="14">C#2</option>
                                    <option value="13">C2</option>
                                    <option value="12">B1</option>
                                    <option value="11">A#1</option>
                                    <option value="10">A1</option>
                                    <option value="09">G#1</option>
                                    <option value="08">G1</option>
                                    <option value="07">F#1</option>
                                    <option value="06">F1</option>
                                    <option value="05">E1</option>
                                    <option value="04">D#1</option>
                                    <option value="03">D1</option>
                                    <option value="02">C#1</option>
                                    <option value="01">C1</option>
                                </select>
                                <div class="invalid-feedback">
                                    Lowest note should be lower than the highest
                                </div>
                            </div>
                            <div class="form-group col">
                                <label for="userHighestNote">Highest note</label>
                                <select class="form-control" id="userHighestNote" >
                                    <option value="-1" disabled hidden>Choose</option>
                                    <option value="96">B8</option>
                                    <option value="95">A#8</option>
                                    <option value="94">A8</option>
                                    <option value="93">G#8</option>
                                    <option value="92">G8</option>
                                    <option value="91">F#8</option>
                                    <option value="90">F8</option>
                                    <option value="89">E8</option>
                                    <option value="88">D#8</option>
                                    <option value="87">D8</option>
                                    <option value="86">C#8</option>
                                    <option value="85">C8</option>
                                    <option value="84">B7</option>
                                    <option value="83">A#7</option>
                                    <option value="82">A7</option>
                                    <option value="81">G#7</option>
                                    <option value="80">G7</option>
                                    <option value="79">F#7</option>
                                    <option value="78">F7</option>
                                    <option value="77">E7</option>
                                    <option value="76">D#7</option>
                                    <option value="75">D7</option>
                                    <option value="74">C#7</option>
                                    <option value="73">C7</option>
                                    <option value="72">B6</option>
                                    <option value="71">A#6</option>
                                    <option value="70">A6</option>
                                    <option value="69">G#6</option>
                                    <option value="68">G6</option>
                                    <option value="67">F#6</option>
                                    <option value="66">F6</option>
                                    <option value="65">E6</option>
                                    <option value="64">D#6</option>
                                    <option value="63">D6</option>
                                    <option value="62">C#6</option>
                                    <option value="61">C6</option>
                                    <option value="60">B5</option>
                                    <option value="59">A#5</option>
                                    <option value="58">A5</option>
                                    <option value="57">G#5</option>
                                    <option value="56">G5</option>
                                    <option value="55">F#5</option>
                                    <option value="54">F5</option>
                                    <option value="53">E5</option>
                                    <option value="52">D#5</option>
                                    <option value="51">D5</option>
                                    <option value="50">C#5</option>
                                    <option value="49">C5</option>
                                    <option value="48">B4</option>
                                    <option value="47">A#4</option>
                                    <option value="46">A4</option>
                                    <option value="45">G#4</option>
                                    <option value="44">G4</option>
                                    <option value="43">F#4</option>
                                    <option value="42">F4</option>
                                    <option value="41">E4</option>
                                    <option value="40">D#4</option>
                                    <option value="39">D4</option>
                                    <option value="38">C#4</option>
                                    <option value="37" selected>C4 (middle C)</option>
                                    <option value="36">B3</option>
                                    <option value="35">A#3</option>
                                    <option value="34">A3</option>
                                    <option value="33">G#3</option>
                                    <option value="32">G3</option>
                                    <option value="31">F#3</option>
                                    <option value="30">F3</option>
                                    <option value="29">E3</option>
                                    <option value="28">D#3</option>
                                    <option value="27">D3</option>
                                    <option value="26">C#3</option>
                                    <option value="25">C3</option>
                                    <option value="24">B2</option>
                                    <option value="23">A#2</option>
                                    <option value="22">A2</option>
                                    <option value="21">G#2</option>
                                    <option value="20">G2</option>
                                    <option value="19">F#2</option>
                                    <option value="18">F2</option>
                                    <option value="17">E2</option>
                                    <option value="16">D#2</option>
                                    <option value="15">D2</option>
                                    <option value="14">C#2</option>
                                    <option value="13">C2</option>
                                    <option value="12">B1</option>
                                    <option value="11">A#1</option>
                                    <option value="10">A1</option>
                                    <option value="09">G#1</option>
                                    <option value="08">G1</option>
                                    <option value="07">F#1</option>
                                    <option value="06">F1</option>
                                    <option value="05">E1</option>
                                    <option value="04">D#1</option>
                                    <option value="03">D1</option>
                                    <option value="02">C#1</option>
                                    <option value="01">C1</option>
                                </select>
                                <div class="invalid-feedback">
                                    Highest note should be higher than the lowest
                                </div>
                            </div>
                        </div>
                        <div class="form-row align-items-center mb-3">
                            <button type="button" class="btn btn-primary btn btn-block mr-1 ml-1" id="btn-submit-user-range">Save</button>
                        </div>
                        <p class="text-center"> Don't know your range? Find with <a href="/range-test">Vocal Range Test</a> </p>
                    </div>
                </div>
            </div>
        </form>
    </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="site-logo">
                <a href="/">
                    <img src="/img/singing-carrots-logo.png" alt="Singing Carrots logo">
                </a>
            </div><!-- end of .site-logo -->

            <hr class="d-md-none d-block my-0"/>

            <!-- end of .vocal-range-caller -->

            <div id="indicator-my-range" class="vocal-range-caller d-none d-md-block mt-2 py-2 px-3">
                <!-- Vocal range not set -->

<!--                <a href="/api/v1/redirect/gift-voucher" class="text-dark">-->
<!--                    <span><strong>🎄 Holiday Special</strong></span><br/>-->
<!--                    <span>🎁 Gift Singing Carrots to Your Loved Ones! 🎶</span>-->
<!--                </a>-->

                <a href="/range-test" class="vocal-range-caller--not-set " >Find your vocal range</a>

                <!-- Vocal range set (currently hidden with d-none) -->
                <div class="vocal-range-caller--set d-none">
                    Your vocal range is:
                    <span class="vocal-range-caller--range" id="indicator-my-range-value">C3 to F6</span>
                </div>
            </div><!-- end of .vocal-range-caller -->

            <nav id="main-nav" class="navbar navbar-expand-md">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
                    <img class="menu-icon" src="/img/hamburger-icon.png" alt="Main menu">
                </button>

                <ul class="navbar-nav nav collapse navbar-collapse" id="navbarToggler">
                    <li class="nav-item">
                        <a class="nav-link main-menu-link active" href="/" id="home-link">
                            Home
                        </a>
                    </li>
                    
                    <li class="nav-item dropdown">
                        <a id="menu-link-ptraining" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span>Practice</span>
                        </a>
                        <div class="dropdown-menu">
                            <a class="main-menu-link dropdown-item text-primary" href="/virtual-coach" id="ai-coach-link">
                                AI Vocal Coach
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-training#game" id="pitch-training-game-link">
                                Pitch training game
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/sustain-training" id="sustain-training-link">
                                Sustain & Breath training
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/my-custom-melodies" id="pitch-training-melodies-link">
                                My custom melodies (MIDI)
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-monitor" id="pitch-monitor-link">
                                Simple vocal pitch monitor
                            </a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a id="menu-link-resources" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Singing courses
                        </a>
                        <div class="dropdown-menu">
                            <a class="main-menu-link dropdown-item text-primary" href="/course/zero-to-hero"  id="link-singing-beginners">
                                From Zero to Singing Hero
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/singing-beginners"  id="link-singing-beginners">
                                All-Round Vocalist
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/voice-analysis"  id="link-voice-analyser">
                                Voice analysis guide
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/video-lib"  id="link-video-lib">
                                Video library
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/resources"  id="link-stats-main">
                                Useful links
                            </a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a id="menu-link-tests" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span>Tests</span>
                        </a>
                        <div class="dropdown-menu">
                            <a class="main-menu-link dropdown-item text-primary" href="/range-test" id="find-range-link">
                                Vocal range test
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-test" id="pitch-test-link">
                                Pitch accuracy test
                            </a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a id="menu-link-search" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Vocal ranges database
                        </a>
                        <div class="dropdown-menu">
                            <a class="main-menu-link dropdown-item text-primary" href="/search" id="search-link">
                                Find songs by range
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/artists" id="artists-link">
                                Singers' vocal ranges
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/song-key-finder" id="key-finder-link">
                                Song Key Finder
                            </a>
                            
                            <a class="main-menu-link dropdown-item text-primary" href="/contribute" id="contribute-link">
                                Submit a song
                            </a>
                        </div>
                    </li>
                    <li class="nav-item dropdown">
                        <a id="menu-link-leaderboards" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Leaderboards
                        </a>
                        <div class="dropdown-menu">
                            <a class="main-menu-link dropdown-item text-primary" href="/weekly-standings"  id="link-standings">
                                Weekly competition
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-training/level-rankings?level=1"  id="link-level-rankings">
                                Ranking by game level
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/hall-of-fame"  id="link-hall-of-fame">
                                Hall of fame
                            </a>
                        </div>
                    </li>
                    
                    
                    
                    <li class="nav-item dropdown ml-auto">
                        <a  id="menu-link-for-teachers" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-graduation-cap " aria-hidden="true"></i> For Teachers
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a class="main-menu-link dropdown-item text-primary" href="/ambassador" id="link-studio">
                                Carrots Studio (Video Conferencing)
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/teachers/apply" id="link-list-teacher">
                                List your teaching services
                            </a>
                            <a class="main-menu-link dropdown-item text-primary" href="/schools" id="link-schools">
                                Group plans for schools
                            </a>
                        </div>
                    </li>
                    
                    <li>
                        <ul class="secondary-nav nav">
                            <li class="nav-item nav-item--login">
                                <a class="nav-link" id="signupBtn" href="#" style="color:#FF9126">
                                    Sign Up
                                </a>
                            </li>
                            <li class="nav-item nav-item--login">
                                <a class="nav-link" id="loginBtn" href="#">
                                    Log in
                                </a>
                            </li>
                            
                            <li class="nav-item">
                                <a class="nav-link text-secondary main-menu-link mr-3" href="/about" id="about-link">
                                    About
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-secondary main-menu-link" id="contact-us-link" href="/contact">
                                    Contact us
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-secondary main-menu-link" id="mission-link" href="/mission">
                                    Mission
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-secondary main-menu-link" href="https://singingcarrots.com/blog/articles" id="blog-link">
                                    <i class="fa fa-newspaper-o" aria-hidden="true"></i> Blog
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                
            </nav>
        </header>
    </div>

    <main class="page-main">
        <section class="home-hero p-md-5 p-4">
            <div class="content-bounds">
                <div>
                    <div class="container px-0 d-none d-md-block" style="max-width:930px;">
                        <h1 class="h2 mb-3">Finally, a Fun, Effective, and Rewarding Way to Learn Singing</h1>
                        <p class="h5 mb-3">A science-backed voice training platform that turns singing practice into an engaging interactive game.</p>
                    </div>
                    <div class="container px-0 d-md-none" style="max-width:930px;">
                        <h1 class="h4 mb-3">Finally, a Fun, Effective, and Rewarding Way to Learn Singing</h1>
                        <p class="h6 mb-3">A science-backed voice training platform that turns singing practice into an engaging interactive game.</p>
                    </div>
                </div>
                
                
            </div>
            
        </section><!-- end of .home-hero -->

        <section class="page-section my-md-5 py-0 py-md-5" id="section-q0" >
            <div class="row content-bounds px-md-5">
                <div class="col-md-5 p-3 p-md-0 px-md-0 px-5">
                    <div class="">
                        <picture>
                            <!-- WebP format for browsers that support it -->
                            <source srcset="/img/mission/01-band/band-animated.webp" type="image/webp">
                            <!-- Fallback to PNG format if WebP is not supported -->
                            <img src="/img/mission-carrots-jumbo.png" class="b-jumbotron__image" alt="Carrots Dancing" />
                        </picture>
                    </div>
                </div>
                <div class="col-md-7">
                    <p id="p-toolbox" class="h4 mx-3">
                        <strong>What brings you to Singing Carrots?</strong>
                    </p>
                    <p class="mx-3">Start Discovering Your Singing Voice Here</p>
                    <div class="row mx-0">
                        <a id="link-q0-start-singing" class="col-md-10 col-12 mb-3">
                            <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                                🎤 <span>Start Singing: From Zero to One</span> <span class="ml-auto">➡️️</span>
                            </div>
                        </a>
                        <a id="link-q0-improve-singing" class="col-md-10 col-12 mb-3">
                            <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                                🎶 <span>Improve My Singing</span> <span class="ml-auto">➡️️</span>
                            </div>
                        </a>
                        <a id="link-q0-find-songs" class="col-md-10 col-12 mb-3">
                            <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                                🔍 <span>Find Songs to Sing</span> <span class="ml-auto">➡️️</span>
                            </div>
                        </a>
                        <a id="link-q0-other" class="col-md-10 col-12 mb-3">
                            <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                                🥕 <span>Just Explore Singing Carrots</span> <span class="ml-auto">➡️️</span>
                            </div>
                        </a>
                        <a class="col-md-10 col-12 mb-3" href="/login">
                            <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center bg-light text-dark">
                                🆔 <span>I already have an account</span> <span class="ml-auto">➡️️</span>
                            </div>
                        </a>
                    </div>
                </div>
                
            </div>
        </section><!-- end of .page-secion -->

        <section class="page-section my-md-5 py-0 py-md-5 d-none" id="section-q0-returning" >
            <div class="row content-bounds px-md-5">
                <div class="col-md-5 p-3 p-md-0 px-md-0 px-5">
                    <div class="">
                        <picture>
                            <!-- WebP format for browsers that support it -->
                            <source srcset="/img/mission/01-band/band-animated.webp" type="image/webp">
                            <!-- Fallback to PNG format if WebP is not supported -->
                            <img src="/img/mission-carrots-jumbo.png" class="b-jumbotron__image" alt="Carrots Dancing" />
                        </picture>
                    </div>
                </div>
                <div class="col-md-7">
                    <p class="h4 mx-3">
                        <strong>Welcome back!</strong>
                    </p>
                    <p class="mx-3">Start Discovering Your Singing Voice Here</p>
                    <div class="row mx-0">
                        <a class="col-md-10 col-12 mb-3" href="/login">
                            <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center bg-light text-dark">
                                🆔 <span>Sign In</span> <span class="ml-auto">➡️️</span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section><!-- end of .page-secion -->

        <div id="div-survey-funnel" class="d-none row mx-0 mb-5" >
            <div id="div-survey-funnel-wrapper" class="mx-auto">
<!--    requires /js/fragments/funnel-survey.js -->
<!--    Q1 and follow ups-->
    
        <div id="div-fsurv-loader">
            <div class="text-center my-5">
                <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
            </div>
            <div class="container mt-5">
                <div class="mx-auto my-3">
                    <p class="text-center" ><strong> Analyzing your profile... </strong></p>
                </div>
            </div>
        </div>
        <div id="div-survey-resume" class="mt-3 ml-3 h6 d-none">
            Continue from where you left off
        </div>
        <div id="div-fsurv-q1" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div id="div-q1-header-index" class="w-100">
                <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                    <div class="b-bar">
                        <div class="b-bar__overlay"></div>
                        <div class="b-bar__content">
                            <div class="b-bar__section b-bar__section-progress">
                                <div class="b-bar__progress">
                                    <div class="b-bar__progress__overlay b-bar__progress__overlay_10"></div>
                                </div>
                            </div>
                            <div class="b-bar__section b-bar__section-numbers">
                                <p class="b-text b-text-700 b-text-24 b-text-orange">
                                    10%
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-md-none d-block mt-2 mb-3">
                    <div class="row mx-3">
                        <div class="col-10 px-0">
                            <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                                <div class="col-2  b-bar-mobile">
                                </div>
                                <div class="col-10 bg-beige">
                                </div>
                            </div>
                        </div>
                        <div class="col-2 text-right text-carrot"> 10%</div>
                    </div>
                </div>
                <p id="p-answer-q1" class="m-3">
                    <span class="mr-2"> Answer a few quick questions to build your training plan.</span> <span class="span badge badge-pill badge-success">1-min quiz</span>
                </p>
                <span id="p-answer-q1-2" class="h6 mb-4 text-center d-none">
    <!--                TODO: clean-up this empty if this version of the survey goes live-->
                </span>
            </div>
            <div id="div-q1-header-paywall" class="d-none">
                <p  class="m-3">
                    <span class="mr-2"> Answer a few quick questions to build your plan.</span>
                </p>
            </div>
            <p class="h4 m-3 mb-4">
                Do you study singing?
            </p>
            <div class="row mx-0">
                <a  id="link-q1-has-teacher" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🎤 Yes, I have a teacher</div> </a>
                <a  id="link-q1-find-teacher" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center" >🔍 No, I want to find a teacher</div></a>
                <a  id="link-q1-own-study" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🧘 I prefer to practice on my own</div></a>
                <a  id="link-q1-is-teacher" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🎓 I am a singing teacher</div></a>
                <a  id="link-q1-not-interested" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🚫 I'm not interested in learning singing</div></a>
            </div>
        </div>

        <!-- Answer A: Already has a teacher -->
        <div id="div-fsurv-q1-has-teacher" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_10"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                10%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-2  b-bar-mobile">
                            </div>
                            <div class="col-10 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 10%</div>
                </div>
            </div>
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>Taking lessons is cool!</strong>
                    </p>
                    <p class="mb-1">
                        🎶 Many teachers love Singing Carrots!
                    </p>
                    <p class="">
                        🌟 It's perfect for extra practice between lessons.
                    </p>
                    <p class="my-4">
                        <button id="link-q1-has-teacher-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                </div>
            </div>
        </div>

        <!-- Answer B: Wants to find a teacher -->
        <div id="div-fsurv-q1-find-teacher" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_10"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                10%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-2  b-bar-mobile">
                            </div>
                            <div class="col-10 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 10%</div>
                </div>
            </div>
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>Wonderful! It's great that you're looking for a teacher! 🌟</strong>
                    </p>
                    <p class="mb-1">
                        Our most successful users take <strong>weekly or bi-weekly</strong> lessons and practice <strong> 3-4 days a week</strong> on our site.
                    </p>
                    <p class="my-4">
                        <!--                        temp disabled-->
                        <button id="link-q1-find-teacher-yes" class="btn btn-primary py-3 px-5 mr-2 d-none">Yes</button>
                        <button id="link-q1-find-teacher-no" class="btn btn-secondary py-3 px-5  d-none">No</button>
                        <!--                        temp disabled-->
                        <button id="link-q1-find-teacher-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                </div>
            </div>
        </div>


        <!-- Answer C: Prefers to practice on their own -->
        <div id="div-fsurv-q1-own-study" class="mx-auto  d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_10"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                10%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-2  b-bar-mobile">
                            </div>
                            <div class="col-10 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 10%</div>
                </div>
            </div>
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>You're in a <span>🤗 safe space!</span></strong>
                    </p>
                    <p class="mb-1">
                        Practice at <span>your own pace! 🎶</span>
                    </p>
                    <p class="">
                        Singing self-study = no judgment. 🙅
                    </p>
                    <p class="my-4">
                        <button id="link-q1-own-study-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                </div>
            </div>
        </div>






        <!-- Answer D: Is a singing teacher -->
        <div id="div-fsurv-q1-is-teacher" class="mx-auto  d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_10"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                10%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-2  b-bar-mobile">
                            </div>
                            <div class="col-10 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 10%</div>
                </div>
            </div>
            <p class="h4 mb-3 text-center">
                <strong>Great! We have special products for teachers! 🎓</strong>
            </p>
            <p class="mb-4 text-center">
                Singing Carrots offers 3 different products to support your teaching:
            </p>
            
            <!-- Teacher Option 1: Singing Carrots Studio -->
            <div class="card mb-3">
                <div class="card-body">
                    <h5 class="card-title">🎥 Singing Carrots Studio</h5>
                    <p class="card-text">
                        A professional video lesson platform designed specifically for singing teachers. 
                        Conduct online lessons with specialized tools for vocal instruction - a powerful alternative to Zoom/Google Meet/Skype.
                    </p>
                    <p class="card-text text-muted small">
                        Available through our ambassador program with free access for qualified teachers.
                    </p>
                    <button id="link-q1-teacher-studio" class="btn btn-primary">Try Studio Directly</button>
                </div>
            </div>
            
            <!-- Teacher Option 2: School/Choir Licenses -->
            <div class="card mb-3">
                <div class="card-body">
                    <h5 class="card-title">🏫 Singing Carrots for Schools & Choirs</h5>
                    <p class="card-text">
                        Purchase bulk licenses with huge discounts for your students or choir members. 
                        Each student gets their own account to practice at home, while you get an administrative dashboard to track their progress.
                    </p>
                    <p class="card-text text-muted small">
                        Perfect for schools, choirs, and group instruction.
                    </p>
                    <button id="link-q1-teacher-schools" class="btn btn-success">Learn More & Schedule Demo</button>
                </div>
            </div>
            
            <!-- Teacher Option 3: Continue as Student -->
            <div class="card mb-3">
                <div class="card-body">
                    <h5 class="card-title">🎵 Singing Carrots for Individual Practice</h5>
                    <p class="card-text">
                        Explore our main offering - a comprehensive toolbox of interactive exercises for improving pitch, range, and tempo. 
                        Includes gamified courses covering singing theory basics.
                    </p>
                    <p class="card-text text-muted small">
                        See what your students experience when they use Singing Carrots.
                    </p>
                    <button id="link-q1-teacher-continue" class="btn btn-secondary">Continue as Student</button>
                </div>
            </div>
            
            <!-- Old buttons kept hidden for backwards compatibility -->
            <div class="d-none">
                <button id="link-q1-is-teacher-yes" class="btn btn-success">Yes</button>
                <button id="link-q1-is-teacher-no" class="btn btn-secondary">No, continue with a 1-person plan</button>
            </div>
        </div>

        <!-- Answer E: Not interested in learning singing -->
        <div id="div-fsurv-q1-not-interested" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <p class="my-3 text-center h5">
                <strong>No worries, we've got you covered! 😊</strong>
            </p>
            <p class="mb-3">
                Singing isn’t just about studying and practice—it’s about having fun! 🎶
                Our <strong>vocal range database</strong> offers access to thousands of famous artists, helping you find songs that fit your voice from over <strong>75,000 titles</strong>!
            </p>
            <p class="text-center">
                <strong>Here’s a special offer just for you! 🎉</strong>
            </p>
            <p class="text-center">
                <button id="link-q1-not-interested-continue" class="btn btn-success">Show me the deal!</button>
            </p>
        </div>

    
<!--     Q2, Q3 and follow ups-->
    
        <div id="div-fsurv-q2" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_20"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                20%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-3  b-bar-mobile">
                            </div>
                            <div class="col-9 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 20%</div>
                </div>
            </div>
            <p class="m-3">
                Let’s dive a bit into your singing goals.
            </p>
            <p class="h4 m-3 mb-4">
                Which best describes you?
            </p>
            <div class="row mx-0">
                <a  id="link-q2-hobby" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🎤 Singing is my hobby</div> </a>
                <a  id="link-q2-pro-vocalist" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center" >🎧 I want to become a professional vocalist</div></a>
                <a  id="link-q2-pro-musician" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🎸 I'm a professional musician, but not a singer</div></a>
                <a  id="link-q2-already-pro" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🎓 I'm already a professional vocalist</div></a>
                <a  id="link-q2-start-singing" class="col-md-6 col-12 mb-3"><div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🎶 I want to start singing</div></a>
            </div>
        </div>

        <div id="div-fsurv-q1f1" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_20"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                20%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-3  b-bar-mobile">
                            </div>
                            <div class="col-9 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 20%</div>
                </div>
            </div>
            <p class="h4 m-3 mb-4">
                Do you believe anyone can learn to sing?
            </p>
            <div class="row mx-0">
                <a id="link-q1f1-yes" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🎵 Yes, with practice and effort</div>
                </a>
                <a id="link-q1f1-no" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">❌ No, it requires natural talent</div>
                </a>
                <a id="link-q1f1-dontknow" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">🤔 I’m not sure</div>
                </a>
            </div>
        </div>

        <div id="div-fsurv-q1f1-can-sing-no" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_20"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                20%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-3  b-bar-mobile">
                            </div>
                            <div class="col-9 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 20%</div>
                </div>
            </div>
            <div class="mx-3">
                <p class="bg-beige p-3">
                    If there is <strong> one thing </strong> you should take away from this website, it is that <strong> you can sing</strong>.
                </p>
                <p>
                    There is <strong>plenty of research</strong> that proves that unless you have a medical condition (which is very rare to find) you can develop your singing to a pretty decent level.
                <ul>
                    <li>Don't take our word for it. Read what <a href="https://www.psu.edu/news/research/story/probing-question-can-anyone-be-taught-how-sing/" target="_blank">people with a PhD say.</a></li>
                    <li>Or check <a href="https://pubmed.ncbi.nlm.nih.gov/28224991/" target="_blank">this study</a> showing that 'amusia' is uncommon.</li>
                    <li>We even wrote an <a href="https://blog.singingcarrots.com/why-people-sing-out-of-pitch/" target="_blank">article</a> with a detailed break-down on why you might be struggling to hit the pitches at the moment.</li>
                </ul>
                The <a href="https://en.wikipedia.org/wiki/Practice_(learning_method)#:~:text=Malcolm%20Gladwell%20developed%20the%20highly,become%20an%20expert%20at%20it." target="_blank">rule of 10,000 hours</a> applies to singing as well. That's it.
                </p>

                <p>
                    Invest time and you will become a better singer.
                    It's that simple.
                    And we are here to make your journey seamless, fun, and effective in small, enjoyable steps :)
                </p>
                <p class="my-4">
                    <button id="link-q1f1-can-sing-no-continue" class="btn btn-primary py-3 px-5">Continue</button>
                </p>
            </div>
        </div>

        <div id="div-fsurv-q1f1-can-sing-yes" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_20"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                20%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-3  b-bar-mobile">
                            </div>
                            <div class="col-9 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 20%</div>
                </div>
            </div>
            <div class="mx-3">
                <p class="bg-beige p-3">
                    <strong>You are absolutely right!</strong>
                </p>
                <p>
                    There is <strong>plenty of research</strong> that proves that unless you have a medical condition (which is very rare to find) you can develop your singing to a pretty decent level.
                <ul>
                    <li>Don't take our word for it. Read what <a href="https://www.psu.edu/news/research/story/probing-question-can-anyone-be-taught-how-sing/" target="_blank">people with a PhD say.</a></li>
                    <li>Or check <a href="https://pubmed.ncbi.nlm.nih.gov/28224991/" target="_blank">this study</a> showing that 'amusia' is uncommon.</li>
                    <li>We even wrote an <a href="https://blog.singingcarrots.com/why-people-sing-out-of-pitch/">article</a> with a detailed break-down on why you might be struggling to hit the pitches at the moment.</li>
                </ul>
                The <a href="https://en.wikipedia.org/wiki/Practice_(learning_method)#:~:text=Malcolm%20Gladwell%20developed%20the%20highly,become%20an%20expert%20at%20it." target="_blank">rule of 10,000 hours</a> applies to singing as well. That's it.
                </p>

                <p>
                    Invest time and you will become a better singer.
                    It's that simple.
                    And we are here to make your journey seamless, fun, and effective in small, enjoyable steps :)
                </p>
                <p class="my-4">
                    <button id="link-q1f1-can-sing-yes-continue" class="btn btn-primary py-3 px-5">Continue</button>
                </p>
            </div>
        </div>




        <div id="div-fsurv-q3" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_30"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                30%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-4 b-bar-mobile"></div>
                            <div class="col-8 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 30%</div>
                </div>
            </div>
            <p class="h4 m-3 mb-4">
                Where do you mainly sing? (or plan to sing)
            </p>
            <div class="row mx-0">
                <a id="link-q3-not-comfortable" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        😅 Only under the shower (Not comfortable singing in public yet)
                    </div>
                </a>
                <a id="link-q3-choir" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🎶 In a choir or church
                    </div>
                </a>
                <a id="link-q3-band" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🎸 In a band, solo project, or at open mics
                    </div>
                </a>
                <a id="link-q3-friends-karaoke" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🎤 Live with friends and at karaoke
                    </div>
                </a>
                <a id="link-q3-musical-theater" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🎭 In musical theater
                    </div>
                </a>
                <a id="link-q3-online-karaoke" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🌐 Online on karaoke websites
                    </div>
                </a>
                <a id="link-q3-other" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🔍 Other
                    </div>
                </a>
            </div>
        </div>




        <div id="div-fsurv-q3-choir-testimonial" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_30"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                30%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-4 b-bar-mobile">
                            </div>
                            <div class="col-8 bg-beige">
                            </div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 30%</div>
                </div>
            </div>
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>You're not alone on this journey! We’ve helped thousands of singers achieve their goals!</strong>
                    </p>
                    <p class="my-4">
                        <button id="link-q3-choir-testimonial-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                    <div class="p-3 my-4 box-gold">
                        <p><i class="fa fa-star text-carrot" aria-hidden="true"></i><i class="fa fa-star text-carrot" aria-hidden="true"></i><i class="fa fa-star text-carrot" aria-hidden="true"></i><i class="fa fa-star text-carrot" aria-hidden="true"></i><i class="fa fa-star text-carrot" aria-hidden="true"></i></p>
                        <p class="h5 mb-2"> Jason Yu </p>
                        <p class="h6 mb-3"> <a href="https://www.trustpilot.com/reviews/65c510b374e56246629d7082" target="_blank">Trustpilot Review</a> </p>
                        <p class="h6"><strong>Helped me join my first choir!</strong></p>
                        <p class="">
                            Thanks for the great the service! I really enjoyed my time with singing carrots and I still recommend it to my friends.
                            The tools gave me the confidence to sing in front of others and join my first ever choir!
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="div-fsurv-q3-band-testimonial" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_30"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                30%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-4 b-bar-mobile"></div>
                            <div class="col-8 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot">30%</div>
                </div>
            </div>
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>You're not alone on this journey! We’ve helped thousands of singers achieve their goals!</strong>
                    </p>
                    <p class="my-4">
                        <button id="link-q3-band-testimonial-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                    <div class="p-3 my-4 box-gold">
                        <p>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                        </p>
                        <p class="h5 mb-2">Jay Herrmann</p>
                        <p class="h6 mb-3"> <a href="https://www.trustpilot.com/reviews/67bb561894820382224d7a1f" target="_blank">Trustpilot Review</a> </p>
                        <p class="h6"><strong>Singing Carrots Is An Excellent Tool</strong></p>
                        <p class="">
                            As an <strong>amateur musician, my goal is to become a confident social singer for jam sessions</strong> and gatherings.
                            Singing Carrots provides the tools and framework tailored to my skill level, helping me
                            <strong>improve in a short time</strong>. The team’s <strong>support has been excellent</strong>.
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="div-fsurv-q3-trustpilot-score" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_30"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                30%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-4 b-bar-mobile"></div>
                            <div class="col-8 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot">30%</div>
                </div>
            </div>
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>You're not alone on this journey! We’ve helped thousands of singers achieve their goals!</strong>
                    </p>
                    <p class="my-4">
                        <button id="link-q3-trustpilot-score-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                    <div class="p-3 my-4 box-gold bg-dark text-white">
                        <p class="mb-3">
                            <img src="/img/trustpilot-logo.svg" alt="Trustpilot" class="trustpilot-logo ml-2 bg-dark p-2" style="height: 30px;">
                        </p><p class="h5 mb-2">Singing Carrots</p><p>
                        <i class="fa fa-star text-success" aria-hidden="true"></i>
                        <i class="fa fa-star text-success" aria-hidden="true"></i>
                        <i class="fa fa-star text-success" aria-hidden="true"></i>
                        <i class="fa fa-star text-success" aria-hidden="true"></i>
                        <i class="fa fa-star-half text-success" aria-hidden="true"></i>
                    </p>

                        <p class="h6 mb-2">93 Reviews&nbsp;•&nbsp;TrustScore&nbsp;(4.2)</p>
                        <p class="h6 mb-0">
                            <a href="https://www.trustpilot.com/review/singingcarrots.com" target="_blank">
                                See all reviews on Trustpilot
                            </a>
                        </p>


                    </div>

                </div>
            </div>
        </div>



        <div id="div-fsurv-q4" class="mx-auto d-none" style="max-width:730px; min-height:1200px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_40"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                40%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-5 b-bar-mobile"></div>
                            <div class="col-7 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 40%</div>
                </div>
            </div>
            <!-- Question and Checkbox Form -->
            <p class="m-3">
                Check all goals that apply.
            </p>
            <p class="h4 m-3 mb-4">
                What would you like to improve about your singing?
            </p>
            <form id="form-q4-improve-singing" class="row mx-0">
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-confidence">
                        <input class="form-check-input me-2" type="checkbox" value="confidence" id="checkbox-confidence">
                        <span class="w-100">
                            🦁 Confidence to sing in front of others (friends/family/karaoke)
                        </span>
                    </label>
                </div>
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-pitch-control">
                        <input class="form-check-input me-2" type="checkbox" value="pitch-control" id="checkbox-pitch-control">
                        <span class="w-100">
                            🎯 Singing in tune/pitch control
                        </span>
                    </label>
                </div>
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-registers">
                        <input class="form-check-input me-2" type="checkbox" value="registers" id="checkbox-registers">
                        <span class="w-100">
                            🪄 Singing in/switching between particular registers (head voice, mixed voice, falsetto, etc.)
                        </span>
                    </label>
                </div>
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-breath-control">
                        <input class="form-check-input me-2" type="checkbox" value="breath-control" id="checkbox-breath-control">
                        <span class="w-100">
                            🌬️ Breath control
                        </span>
                    </label>
                </div>
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-vocal-range">
                        <input class="form-check-input me-2" type="checkbox" value="vocal-range" id="checkbox-vocal-range">
                        <span class="w-100">
                            📈 Singing lower or higher notes (Expanding Vocal Range)
                        </span>
                    </label>
                </div>
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-tempo">
                        <input class="form-check-input me-2" type="checkbox" value="tempo" id="checkbox-tempo">
                        <span class="w-100">
                            ⏳ Singing in tempo (improving rhythm)
                        </span>
                    </label>
                </div>
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-performing">
                        <input class="form-check-input me-2" type="checkbox" value="performing" id="checkbox-performing">
                        <span class="w-100">
                            🎭 Performing on stage
                        </span>
                    </label>
                </div>
                <div class="col-md-6 col-12 mb-3">
                    <label class="box-gold p-3 btn-gold-light h-100 d-flex align-items-center pl-5 my-0 cursor-pointer" for="checkbox-harmonies">
                        <input class="form-check-input me-2" type="checkbox" value="harmonies" id="checkbox-harmonies">
                        <span class="w-100">
                            🎶 Singing harmonies
                        </span>
                    </label>
                </div>
            </form>
            <p class="mx-3 mt-4">
                <button id="link-q4-continue" class="btn btn-primary py-3 px-5">
                    Continue
                </button>
            </p>
        </div>


        <div id="div-fsurv-q4-social-proof" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_40"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                40%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-5 b-bar-mobile"></div>
                            <div class="col-7 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 40%</div>
                </div>
            </div>
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>Join <strong><span>146366</span>🎤</strong> singers improving their voice with Singing Carrots!</strong>
                    </p>

                    <div class="row mx-0">
                        <div class="col-6 pl-0">
                            <p class="b-text h0 b-text-gradient b-text--800">
                                95%
                            </p>
                            <p class="b-text-gradient mb-3">
                                <strong>Users</strong>
                            </p>
                            <p id="p-q4-social-proof-range">
                                Practicing regularly at least 2 times a week <strong>increase their vocal range by 2 notes within the first 5 weeks</strong> of practice.
                            </p>
                        </div>
                        <div class="col-6 pl-0">
                            <p class="b-text h0 b-text-gradient b-text--800">
                                82%
                            </p>
                            <p class="b-text-gradient mb-3">
                                <strong>Users</strong>
                            </p>
                            <p id="p-q4-social-proof-tune">
                                Starting with average pitch accuracy below 60% <strong>increase their accuracy by 10% within the first 3 weeks</strong>.
                            </p>
                        </div>
                    </div>

                    <p class="my-4">
                        <button id="link-q4-social-proof-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                </div>
            </div>
        </div>

        <div id="div-fsurv-q4-finishq" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_40"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                40%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-5 b-bar-mobile"></div>
                            <div class="col-7 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 40%</div>
                </div>
            </div>
            <p class="h4 m-3 mb-4">
                Do you often finish what you start?
            </p>

            <div class="row mx-0">
                <a id="link-q4-finishq-yes" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Yes
                    </div>
                </a>
                <a id="link-q4-finishq-no" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        No
                    </div>
                </a>

            </div>
        </div>

        <div id="div-fsurv-q4-testimonial" class="mx-auto d-none" style="max-width:730px; min-height:1400px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_50"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                50%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-6 b-bar-mobile"></div>
                            <div class="col-6 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 50%</div>
                </div>
            </div>
            <!-- Testimonial Content -->
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>Thanks for being honest! Here's a testimonial from one of our users who kept trying!</strong>
                    </p>
                    <p class="my-4">
                        <button id="link-q4-testimonial-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                    <div class="p-3 my-4 box-gold">
                        <p>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                        </p>
                        <p class="h5 mb-2"> Red </p>
                        <p class="h6 mb-3">
                            <a href="https://www.trustpilot.com/reviews/66b92c1698c329be647586d3" target="_blank">Trustpilot Review</a>
                        </p>
                        <p class="h6">
                            <strong>Singing Improvement in 1 month after 10 years of trying</strong>
                        </p>
                        <p class="">
                            I have been struggling for many years trying to learn to sing... I've spent so much money and time on singing courses and vocal coaches to no avail... I finally gave up. After over 10 years of learning, I figured maybe this wasn't for me. I randomly found this website on Google... I subscribed and wow! After a month of dedicating 15 to 30 mins a day, my singing has drastically improved. Seeing the notes visually vs. hearing them without knowing what I was hitting is a game changer... I currently have to slow down the scales to around .70 whereas when I started, I was at .40/.50. I still have a long way to go, but it's insane how much of a difference using the tools on this site has made... I 100% recommend this site. My pitch has improved, and although my tuning is still progressing, I'm no longer feeling strain, and my resonance and vibrato have significantly improved. Thank you Singing Carrots!
                        </p>
                    </div>
                </div>
            </div>
        </div>


        <div id="div-fsurv-q5" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_50"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                50%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-6 b-bar-mobile"></div>
                            <div class="col-6 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 50%</div>
                </div>
            </div>
            <p class="m-3">
                Adjusting the plan based on your specific needs... 📝✨
            </p>
            <p class="h4 m-3 mb-4">
                Are you looking to master a particular song or melody? 🎶
            </p>

            <div class="row mx-0">
                <a id="link-q5-own-songs-yes" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Yes 👍
                    </div>
                </a>
                <a id="link-q5-own-songs-no" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        No, I’m okay to practice with the melodies that Singing Carrots offers 🎵
                    </div>
                </a>

            </div>
        </div>

        <div id="div-fsurv-q6" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_60"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                60%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-7 b-bar-mobile"></div>
                            <div class="col-5 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 60%</div>
                </div>
            </div>
            <p class="m-3">
                Adjusting the plan based on your specific needs... 📝✨
            </p>
            <p class="h4 m-3 mb-4">
                To improve, we recommend practicing 15–20 min, 3x a week. When can you start?
            </p>
            <div class="row mx-0">
                <a id="link-q6-ready-now" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Ready Now 🚀
                    </div>
                </a>
                <a id="link-q6-starting-soon" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Starting Soon (Within 1 Month) ⏳
                    </div>
                </a>
                <a id="link-q6-not-ready" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Not in the Near Future 🚫
                    </div>
                </a>
            </div>
        </div>


        <div id="div-fsurv-q6-testimonial" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_60"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                60%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-7 b-bar-mobile"></div>
                            <div class="col-5 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 60%</div>
                </div>
            </div>
            <!-- Testimonial Content -->
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h4 mb-3">
                        <strong>Bill also records demos and has a testimonial for you!</strong>
                    </p>
                    <p class="my-4">
                        <button id="link-q6-testimonial-continue" class="btn btn-primary py-3 px-5">Continue</button>
                    </p>
                    <div class="p-3 my-4 box-gold">
                        <p>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                            <i class="fa fa-star text-carrot" aria-hidden="true"></i>
                        </p>
                        <p class="h5 mb-2"> Bill Gathen </p>
                        <p class="h6 mb-3">
                            <a href="https://www.trustpilot.com/users/61bdef950a6f3d0012a3301e" target="_blank">Trustpilot Review</a>
                        </p>
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe class="embed-responsive-item" src="https://www.facebook.com/plugins/video.php?height=314&amp;href=https%3A%2F%2Fwww.facebook.com%2Fsingingcarrots%2Fvideos%2F708428393455325%2F&amp;show_text=false&amp;width=560&amp;t=0" width="560" height="314" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">

                            </iframe>
                        </div>
                        <p class="mt-3 mb-0">
                            I'm a songwriter and music producer. I started using Singing Carrots to improve my vocal performance on demos, and I feel it has improved my abilities to hit pitches, as well as boosting my confidence in my voice overall. It's fun and easy to do every day. I can't recommend it enough.
                        </p>
                    </div>
                </div>
            </div>
        </div>


        <div id="div-fsurv-q7" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_70"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                70%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-8 b-bar-mobile"></div>
                            <div class="col-4 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 70%</div>
                </div>
            </div>
            <p class="m-3">
                Just a few more questions - almost there, don’t give up! 🎉
            </p>
            <p class="h4 m-3 mb-4">
                How long do you see yourself working on your voice?
            </p>

            <div class="row mx-0">
                <a id="link-q7-few-weeks" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        A few weeks to prepare for something specific 🎯
                    </div>
                </a>
                <a id="link-q7-3-6-months" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        3-6 months to build a foundation 🏗️
                    </div>
                </a>
                <a id="link-q7-long-term" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        This is a long-term skill I want to keep developing 🚀
                    </div>
                </a>
                <a id="link-q7-not-sure" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Not sure yet 🤔
                    </div>
                </a>
            </div>
        </div>

        <div id="div-fsurv-q8" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_80"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                80%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-9 b-bar-mobile"></div>
                            <div class="col-3 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 80%</div>
                </div>
            </div>
            <!-- Question and Answers -->
            <p class="m-3">
                Just a couple more questions to go! 🎵
            </p>
            <p class="h4 m-3 mb-4">What’s your gender and age?</p>
            <div class="row mx-0">
                <!-- 18–24 -->
                <a id="link-q8-male-18-24"   class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        👨‍🎓 Male, 18–24
                    </div>
                </a>
                <a id="link-q8-female-18-24" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        👩‍🎓 Female, 18–24
                    </div>
                </a>

                <!-- 24–35 -->
                <a id="link-q8-male-25-34"   class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🧑‍💼 Male, 25–34
                    </div>
                </a>
                <a id="link-q8-female-25-34" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        👩‍💼 Female, 25–34
                    </div>
                </a>

                <!-- 35–54 -->
                <a id="link-q8-male-35-54"   class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        👨 Male, 35–54
                    </div>
                </a>
                <a id="link-q8-female-35-54" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        👩 Female, 35–54
                    </div>
                </a>

                <!-- 55–plus -->
                <a id="link-q8-male-55-plus"   class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        👱‍♂️ Male, 55+
                    </div>
                </a>
                <a id="link-q8-female-55-plus" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        👱‍♀️ Female, 55+
                    </div>
                </a>

                <!-- Other gender -->
                <a id="link-q8-other" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        🌈 Other
                    </div>
                </a>
            </div>
        </div>

        <div id="div-fsurv-q8-f1" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_80"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                80%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-9 b-bar-mobile"></div>
                            <div class="col-3 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 80%</div>
                </div>
            </div>
            <!-- Question and Answers -->
            <p class="h5 m-3 mb-4">
            You can improve at any age
            — kids learn fastest, but everyone can lift their voice.</p>
            <div class="row mx-0">
                <div class="box-gold mt-0 mx-3 mb-4">
                    <img src="/img/survey/chart-age.png" alt="Carrot" class="w-100" style="max-width:500px;" />
                </div>
                <p class="mb-3 px-3">
                    <button id="link-q8-f1-continue" class="btn btn-primary py-3 px-5">Continue</button>
                </p>

                <style>
                    @media (min-width: 450px) {
                        .np-logo {
                            max-height: 120px;
                        }
                    }
                </style>
                <div class="row mx-3 mt-3 small">
                    <div class="col-6 pl-0 pr-2">
                        <img src="/img/survey/nyas-logo.png" alt="logo" class="mb-3 np-logo" style="height:45px;"/>
                        <p>
                            <strong>Adults (30-60):</strong> improving barely 5% shy of the mid-twenty peak.¹
                        </p>
                        <p>
                            <strong>Seniors (70-90 y):</strong> the oldest voices learn only about twice as slowly as teens.²
                        </p>
                    </div>
                    <div class="col-6 pl-0 pr-2">
                        <img src="/img/survey/harvard-logo.png" alt="logo" class="mb-3 np-logo" style="height:45px;" />
                        <p>
                            <strong>Mental sharpness:</strong> singing reactivates brain regions tied to memory & reasoning. ³
                        </p>
                        <p>
                            <strong>Well-being boost:</strong> Regular singing significantly enhances mental health and quality of life. ⁴
                        </p>
                    </div>
                </div>
                <div class="mx-3">
                    <small>
                        <strong>References:</strong><br/>
                        ¹ Adult improvement data: New York Academy of Sciences, Lifespan Singing Study (2022).<br/>
                        ² Senior improvement data: New York Academy of Sciences, Lifespan Singing Study (2022).<br/>
                        ³ Mental sharpness: Harvard Health Publishing, Music can boost memory and mood (Feb 14, 2015).<br/>
                        ⁴ Well-being: Harvard Health Publishing, Can music improve our health and quality of life? (July 25, 2022).
                    </small>
                </div>
            </div>
        </div>


        <div id="div-fsurv-q9" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_90"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                90%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-10 b-bar-mobile"></div>
                            <div class="col-2 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 90%</div>
                </div>
            </div>
            <!-- Question and Answers -->
            <p class="m-3">
                Almost done! One more after this! 🎸
            </p>
            <p class="h4 m-3 mb-4">
                Do you play a musical instrument?
            </p>
            <div class="row mx-0">
                <a id="link-q9-no" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        No 🚫
                    </div>
                </a>
                <a id="link-q9-piano" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Yes, mainly piano 🎹
                    </div>
                </a>
                <a id="link-q9-guitar" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Yes, mainly guitar 🎸
                    </div>
                </a>
                <a id="link-q9-other" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        Yes, mainly another instrument 🎼
                    </div>
                </a>
            </div>
        </div>


        <div id="div-fsurv-q10" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_90"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                95%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-11 b-bar-mobile"></div>
                            <div class="col-1 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 95%</div>
                </div>
            </div>
            <!-- Question and Answers -->
            <p class="m-3">
                Last question! 🎉 Professional vocal training programs often last around 3 months.
            </p>
            <p class="h4 m-3 mb-4">
                In your experience, what do you think a typical 3-month vocal training program costs?
            </p>
            <div class="row mx-0">
                <a id="link-q10-100" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        $100 💵
                    </div>
                </a>
                <a id="link-q10-300" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        $300 💵💵
                    </div>
                </a>
                <a id="link-q10-500" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        $500 💵💵💵
                    </div>
                </a>
                <a id="link-q10-1000" class="col-md-6 col-12 mb-3">
                    <div class="box-gold m-0 p-3 btn-gold-light h-100 my-auto d-flex align-items-center">
                        $1,000+ 💰
                    </div>
                </a>
            </div>
        </div>


        <div id="div-fsurv-freetext" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <!-- Progress bar -->
            <div class="b-blocktitle__section b-blocktitle__section w-100 mt-4 mb-5 px-2 d-none d-md-block">
                <div class="b-bar">
                    <div class="b-bar__overlay"></div>
                    <div class="b-bar__content">
                        <div class="b-bar__section b-bar__section-progress">
                            <div class="b-bar__progress">
                                <div class="b-bar__progress__overlay b-bar__progress__overlay_90"></div>
                            </div>
                        </div>
                        <div class="b-bar__section b-bar__section-numbers">
                            <p class="b-text b-text-700 b-text-24 b-text-orange">
                                98%
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile progress bar -->
            <div class="d-md-none d-block mt-2 mb-3">
                <div class="row mx-3">
                    <div class="col-10 px-0">
                        <div class="row mx-0 my-auto" style="height:50%;top:25%;position:absolute;width:100%;">
                            <div class="col-11 b-bar-mobile"></div>
                            <div class="col-1 bg-beige"></div>
                        </div>
                    </div>
                    <div class="col-2 text-right text-carrot"> 98%</div>
                </div>
            </div>
            <p class="h4 m-3 mb-3"><strong>Our AI vocal coach will now review your answers and build your practice plan.</strong></p>
            <p class="m-3 mb-4">Anything to add? A song you want to learn, an upcoming event, how much time you have — the more detail, the better your plan.</p>
            <div class="mx-3 mb-4">
                <textarea id="ai-coach-freetext" class="form-control" rows="4" maxlength="1000"
                          placeholder="e.g. I want to sing higher notes without straining, and I have about 20 min in the mornings to practice..."></textarea>
            </div>
            <div class="mx-3">
                <button id="link-freetext-continue" class="btn btn-primary px-4 py-2 mr-3">Build My Plan</button>
                <a id="link-freetext-skip" href="javascript:void(0)" class="text-muted">Skip</a>
            </div>
        </div>

        <div id="div-fsurv-similar-profiles" class="d-none" style="max-width:730px; min-height:1000px;">
            <div class="text-center my-5">
                <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
            </div>
            <div class="container mt-5">
                <div class="mx-auto my-3">
                    <p class="text-center h4" ><strong> Analyzing profiles similar to yours... </strong></p>
                    <p class="text-center">Please wait</p>
                </div>
            </div>
            <ul id="ul-survey-summary"
                class="list-unstyled h5 font-weight-normal px-3"
                style="max-width:540px;margin:0 auto;"></ul>
        </div>

        <div id="div-fsurv-estimate" class="mx-auto d-none mt-4" style="max-width:730px; min-height:1000px;">
            <div class="row mx-0">
                <div class="col-6 col-md-4 mb-3">
                    <picture>
                        <!-- WebP format for browsers that support it -->
                        <source srcset="/img/survey/carrot-in-animated.webp" type="image/webp">
                        <!-- Fallback to PNG format if WebP is not supported -->
                        <img src="/img/survey/carrot-in-static.png" alt="Carrot" class="w-100" />
                    </picture>
                </div>
                <div class="col-md-8">
                    <p class="h3 mb-3">
                        <strong>We predict you'll see<br/> improvement in:</strong>
                    </p>
                    <p class="b-text h0 b-text--800 my-3" style="">
                        <strong>🕒<span class="b-text-gradient ml-3">3 months!</span></strong>
                    </p>
                    <p class="mb-3">
                        Based on your survey answers and the progress of singers just like you,
                        we’ve crafted a step-by-step program that will level-up your voice in just
                        three months. 🌟
                    </p>
                    <div class="rounded p-3 mb-4 bg-light">
                        <p class="mb-2"><strong>All you need to start:</strong></p>
                        <ul class="list-unstyled ml-3">
                            <li>🎧 <strong>Mic &amp; headphones</strong> – built-in or external, no pricey gear needed.</li>
                            <li>📱 <strong>Any device + Google Chrome</strong> – computer, tablet or phone; Singing Carrots runs everywhere.</li>
                            <li>🎼 <strong>No musical background</strong> – we use an intuitive, beginner-friendly layout.</li>
                            <li>🕒 <strong>20 min, 3× a week</strong> – quiet humming is enough; practice at home, on a walk or in the car.</li>
                        </ul>
                    </div>
                    <p class="mb-2">
                        <strong>Good news! Your personalized 3-month training plan is now on special offer 🎉</strong>
                    </p>
                    
                    <div class="my-4">
                        <p class="mb-4">  Create free account to save your results and access your plan. We do not spam - it's a promise 🤞</p>
                        <button id="link-show-deal" class="btn btn-primary px-4 py-2">Save Results & Check Your Plan</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="div-fsurv-estimate-variant" class="mx-auto d-none mt-4 px-3" style="max-width:730px; margin-bottom:80vh;">
            <div id="ai-coach-chat" style="margin-bottom: 20px;">
                <!-- Coach header -->
                <div class="mb-3">
                    <span style="font-size:1.5rem;">&#127908;</span>
                    <strong class="ml-1">AI Vocal Coach</strong>
                </div>

                <!-- Bubble 1: Acknowledge (LLM) -->
                <div id="ai-coach-bubble-1" class="mb-3 d-none">
                    <div class="ai-coach-bubble"></div>
                </div>

                <!-- Bubble 2: Diagnose (LLM) -->
                <div id="ai-coach-bubble-2" class="mb-3 d-none">
                    <div class="ai-coach-bubble"></div>
                </div>

                <!-- Bubble 3: Reassure (static) -->
                <div id="ai-coach-bubble-3" class="mb-3 d-none">
                    <div class="ai-coach-bubble">
                        Your personalised plan is ready. As we work together, I'll adapt both the exercises and how I explain them to match your level and progress.
                    </div>
                </div>

                <!-- Typing indicator -->
                <div id="ai-coach-typing" class="mb-3 d-none">
                    <div class="ai-coach-bubble typing-bubble">
                        <span class="typing-dot"></span>
                        <span class="typing-dot"></span>
                        <span class="typing-dot"></span>
                    </div>
                </div>

                <!-- Continue button -->
                <div id="ai-coach-continue" class="text-center mt-4 d-none">
                    <button id="link-bubbles-continue" class="btn btn-primary py-3 px-5">Continue</button>
                </div>
            </div>
        </div>

        <div id="div-deal-vrdb" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <p class="h5 my-3 text-center">
                <strong>Your Offer is Ready</strong>
            </p>
            <h6 class="text-center mb-3"> To access it, create an account or log in</h6>
            <form class="form-inline">
                <a href="/sign-up?referrer=/pro?survres=vrdb" class="btn btn-success mr-3 ml-auto" >Create an account</a>
                <a href="/login?referrer=/pro?survres=vrdb" class="btn btn-primary mr-auto">Log In</a>
            </form>
        </div>

        <div id="div-deal-el" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <p class="h5 my-3 text-center">
                <strong>Your Offer is Ready</strong>
            </p>
            <h6 class="text-center mb-3"> To access it, create an account or log in</h6>
            <form class="form-inline">
                <a href="/sign-up?referrer=/pro?survres=el" class="btn btn-success mr-3 ml-auto" >Create an account</a>
                <a href="/login?referrer=/pro?survres=el" class="btn btn-primary mr-auto">Log In</a>
            </form>
        </div>


        <div id="div-deal-pro" class="mx-auto d-none" style="max-width:730px; min-height:1000px;">
            <p class="h5 my-3 text-center">
                <strong>Your Offer is Ready</strong>
            </p>
            <h6 class="text-center mb-3"> To access it, create an account or log in</h6>
            <form class="form-inline">
                <a href="/sign-up?referrer=/pro?survres=pro" class="btn btn-success mr-3 ml-auto" >Create an account</a>
                <a href="/login?referrer=/pro?survres=pro" class="btn btn-primary mr-auto">Log In</a>
            </form>
        </div>

    
</div>
        </div>

        <div id="div-body" class="m-0 p-0 w-100" >
            <section class="home-hero p-md-5 p-4 mt-3">
                <div class="content-bounds">
                    <div class="container px-0" style="max-width:930px;">
                        <p class="h5">
                            <span>Join <strong>146,366</strong> singers, from beginners finding their voice to musicians perfecting their craft.</span>
                        </p>
                    </div>
                </div>
            </section><!-- end of .home-hero -->
            <section class="page-section" id="section-picture">
                <div class="row content-bounds">
                    <div class="col-md-5 mx-auto">
                        <div class="p-3">
                            <picture>
                                <!-- WebP format for browsers that support it -->
                                <source srcset="/img/mission/02-shower/shower-animated.webp" type="image/webp">
                                <!-- Fallback to PNG format if WebP is not supported -->
                                <img src="/img/mission/02-shower/shower-static.png" class="b-jumbotron__image" alt="Carrot Bathing" />
                            </picture>
                        </div>
                        <div class="row mx-0 mt-5">
                            <a id="link-q0-leave-shower" class="mx-auto">
                                <div class="m-0 p-3 h-100 my-auto d-flex align-items-center btn-primary btn">
                                    💪 <span>Build Confidence Outside the Shower</span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </section><!-- end of .page-secion -->
            <section class="home-hero p-md-5 p-4 mt-3">
                <div class="content-bounds">
                    <div class="container px-0" style="max-width:930px;">
                        <p class="h3">
                            <span>How does it work?</span>
                        </p>
                    </div>
                </div>
            </section><!-- end of .home-hero -->
            <section class="page-section" id="section-toolbox">
                <div class="row content-bounds">
                    <div class="col-md-4 illustration-area">
                        <img src="/img/illustration-right-song.png" alt="vocal range test illustration" class="illustration">
                    </div>
                    <div class="col-md-8">
                        <p id="p-toolbox" class="page-section-title h4">
                            <strong>
                                <span>Singing Carrots Toolbox</span>
                            </strong>
                        </p>
                        <div class="my-5">
                            <div class="row mb-3 mx-0">
                                <div class="" style="width:24px;">
                                    <span class="text-success h5" ><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> </span>
                                </div>
                                <div class="col-auto">
                                    <span class="h6">Tests - to assess your current level</span>
                                </div>
                            </div>
                            <div class="row mb-3 mx-0">
                                <div style="width:24px;">
                                    <span class="text-success h5"> <i class="fa fa-pencil" aria-hidden="true"></i> </span>
                                </div>
                                <div class="col">
                                    <span class="h6">Goals - to plan your practice</span>
                                </div>
                            </div>
                            <div class="row mb-3 mx-0">
                                <div style="width:24px;">
                                    <span class="text-success h5" ><i class="fa fa-bath" aria-hidden="true"></i> </span>
                                </div>
                                <div class="col-auto">
                                    <span class="h6">Games - to practice singing techniques</span>
                                </div>
                            </div>
                            <div class="row mb-3 mx-0">
                                <div style="width:24px;">
                                    <span class="text-success h5" ><i class="fa fa-search" aria-hidden="true"></i> </span>
                                </div>
                                <div class="col-auto">
                                    <span class="h6">Search - to find the right songs to sing</span>
                                </div>
                            </div>
                            <div class="row mb-3 mx-0">
                                <div style="width:24px;">
                                    <span class="text-success h5" ><i class="fa fa-line-chart" aria-hidden="true"></i> </span>
                                </div>
                                <div class="col-auto">
                                    <span class="h6">Stats - to track your progress</span>
                                </div>
                            </div>
                            <div class="row mx-0">
                                <div style="width:24px;">
                                    <span class="text-success h5" ><i class="fa fa-graduation-cap" aria-hidden="true"></i> </span>
                                </div>
                                <div class="col">
                                    <span class="h6">Video Lessons - to learn singing theory and vocal exercises</span>
                                </div>
                            </div>
                        </div>
                        <p class="page-section-buttons">
                            <a class="landing-link btn btn-primary btn-lg mb-3 text-white" id="link-q0-toolbox">Configure Your Toolbox</a>
                        </p>
                    </div>
                </div>
            </section><!-- end of .page-secion -->
            <section id="secttion-pitch-training" class="page-section page-section--alt">
                <div class="row content-bounds">
                    <div class="col-md-4 illustration-area">
                        <img src="/img/illustration-warmups.png"  alt="vocal warm ups illustration" class="illustration">
                    </div>
                    <div class="col-md-8">
                        
                            <p class="page-section-title h4">
                                <strong>Pitch Training Game</strong>
                            </p>
                            <p>Voice Training in Pitch, Range, and Rhythm for Singers of All Levels.</p>
                            <div class="col-md-6 illustration-area px-0">
                                <img src="/img/screenshot-pitch-training-practice.png" alt="Screenshot illustration" class="illustration-gif shadow w-100">
                            </div>
                            <p class="h6 mt-4">
                                <span class="text-success"><i class="fa fa-check" aria-hidden="true"></i> </span>
                                <span>Adapts to your voice type</span>
                            </p>
                            <p class="h6">
                                <span class="text-success"><i class="fa fa-check" aria-hidden="true"></i> </span>
                                <span>Instant visual feedback through your mic</span>
                            </p>
                            <p class="h6 mb-4">
                                <span class="text-success"><i class="fa fa-check" aria-hidden="true"></i> </span>
                                <span>It&#39;s not a magic pill, but it works</span>
                            </p>
                            <p>80% of our users see results in 2 weeks and 90% in 4 weeks</p>
                            <p class="page-section-buttons mt-4">
                                <a class="landing-link btn btn-primary btn-lg text-white" id="link-q0-pt">Fine Tune Your Voice</a>
                            </p>
                        
                    </div>
                </div>
            </section><!-- end of .page-secion -->
            <section class="home-hero p-md-5 p-4 mt-0">
                <div class="content-bounds">
                    <div class="container px-0" style="max-width:930px;">
                        <p class="h5">You can not improve what you can not measure</p>
                    </div>
                </div>
            </section><!-- end of .home-hero -->
            <section id="section-assess" class="page-section">
                <div class="row content-bounds">
                    <div class="col-md-4 illustration-area">
                        <img src="/img/illustration-vocal-range.png" alt="test illustration" class="illustration">
                    </div>
                    <div class="col-md-8">
                        <p class="h4 mb-4 page-section-title">
                            <strong>Tests &amp; Monitors</strong>
                        </p>
                        <div class="row mb-3 mx-0">
                            <div style="width:24px;">
                                <span class="text-success h5" ><i class="fa fa-microphone" aria-hidden="true"></i> </span>
                            </div>
                            <div class="col-auto">
                                <span class="h6">Vocal Range Test</span>
                            </div>
                        </div>
                        <div class="row mb-3 mx-0">
                            <div style="width:24px;">
                                <span class="text-success h5" ><i class="fa fa-music" aria-hidden="true"></i> </span>
                            </div>
                            <div class="col-auto">
                                <span class="h6">Pitch Accuracy Test</span>
                            </div>
                        </div>
                        <div class="row mb-3 mx-0">
                            <div style="width:24px;">
                                <span class="text-success h5" ><i class="fa fa-sliders" aria-hidden="true"></i> </span>
                            </div>
                            <div class="col">
                                <span class="h6">Spectrum monitor</span>
                            </div>
                        </div>
                        <div class="row mb-3 mx-0">
                            <div style="width:24px;">
                                <span class="text-success h5" ><i class="fa fa-tachometer" aria-hidden="true"></i> </span>
                            </div>
                            <div class="col">
                                <span class="h6">Pitch Monitor</span>
                            </div>
                        </div>
                        <p class="h4 my-4 pt-2 page-section-title">
                            <strong>Statistics Dashboard</strong>
                        </p>
                        <div class="col-md-6 illustration-area px-0">
                            <img src="/img/screenshot-ptaccuracy.png" alt="Screenshot illustration" class="illustration-gif shadow w-100">
                        </div>
                        <p><strong>Monitor your progress to see how you are becoming a better version of yourself.</strong></p>
                        <p>Once you create an account, we will start tracking the history of your exercises. You will be able to see all your chronological vocal range measurements. We will also collect statistics on your pitch training exercises and show you how you compare to other players.</p>
                        <p class="page-section-buttons mt-4">
                            <a class="btn btn-primary landing-link text-white" id="link-q0-tests">Start Tracking Your Improvement Today</a>
                        </p>
                    </div>
                </div>
            </section><!-- end of .page-secion -->
            <section id="section-find-songs" class="page-section page-section--alt">
                <div class="row content-bounds">
                    <div class="col-md-4 illustration-area">
                        <img src="/img/illustration-search.png" alt="the right song for you illustration" class="illustration">
                    </div>
                    <div class="col-md-8">
                        <p class="page-section-title h4">
                            <strong>The right songs for you</strong>
                        </p>

                        <p>Looking for a good song to sing? Let&#39;s use your vocal range to find songs that match your natural singing capabilities. With our search tool you can filter songs by level of difficulty and choose from the musical genres that you like.</p>

                        <p class="page-section-buttons">
                            <a class="landing-link btn btn-primary text-white"  id="link-q0-search">Get Access to The Songs Database</a>
                        </p>

                    </div>
                </div></section><!-- end of .page-secion -->
            <section id="section-repertoire" class="page-section ">
                <div class="row content-bounds">
                    <div class="col-md-4 illustration-area">
                        <img src="/img/illustration-songbook.png" alt="songbook illustration" class="illustration">
                    </div>
                    <div class="col-md-8">
                        <p class="page-section-title h4">
                            <strong>Song-book to organize your repertoire</strong>
                        </p>

                        <p>With Singing Carrots you can create a list of songs for karaoke or your performance set. We will automatically link lyrics, sheet music, chords, karaoke, and youtube audio for each song in one place. Just search for songs and add them to your repertoire.</p>

                        <p class="page-section-buttons">
                            <a class="landing-link btn btn-primary text-white"  id="link-q0-repertoire">Start Building Your Repertoire</a>
                        </p>
                    </div>
                </div>
            </section><!-- end of .page-secion -->
            <section id="section-email" class="page-section page-section--alt">
                <div class="row content-bounds">
                    <div class="col-md-4 illustration-area">
                        <img src="/img/i-teachers.png" alt="songbook illustration" class="illustration">
                    </div>
                    <div class="col-md-8">
                        <p class="page-section-title h4">
                            <strong>Singing Courses for Every Level</strong>
                        </p>
                        <p>We offer two expertly designed singing programs to help you reach your goals, whether you&#39;re a complete beginner or looking to expand your skills.</p>
                        <p>
                            <strong>All-Round Vocalist</strong>
                            <span>A comprehensive course covering 21 lessons on singing theory and practical techniques. Dive deep into topics like breath support, intonation, articulation, singing in various genres, overcoming stage fright, and voice health. Perfect for those who want to become versatile and confident vocalists.</span>
                        </p>
                        <p>
                            <strong>From Zero to Singing Hero</strong>
                            <span>A 4-week program tailored for absolute beginners. This course focuses on building a solid foundation in singing, guiding you step-by-step to develop confidence and essential skills.</span>
                        </p>
                        <p>Both courses are designed to inspire, educate, and transform your singing abilities. Choose the one that fits your journey and start your vocal adventure today!</p>
                        <p class="page-section-buttons">
                            <a class="landing-link btn btn-primary text-white mb-3" id="link-q0-course">Start Building Your New Voice Today</a>
                        </p>
                    </div>
                </div>
            </section><!-- end of .page-secion -->
        </div>

        <section class="home-hero p-md-5 p-4 mt-0">
            <div class="content-bounds">
                <div class="container px-0" style="max-width:930px;">
                    <p class="h4">FAQ (Frequently Asked Questions)</p>
                </div>
            </div>
        </section><!-- end of .home-hero -->
        <section id="section-email" class="page-section">
            <div class="row content-bounds">
                <div class="col-md-4 illustration-area">
                    <img src="/img/illustration-question.png" alt="faq illustration" class="illustration">
                </div>
                <div class="col-md-8">
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class=" h5" data-toggle="collapse" href="#div-who" aria-expanded="false" aria-controls="div-who">Who is this voice training for?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-who">
                        <p>Singing Carrots is ideal for helping with:</p>
                        <ul>
                            <li>
                                <strong>Intonation</strong>
                                <span>If you want to learn to sing in tune, improve your musical ear, master general intonation, or tackle it in some particular musical piece, song, or melody.</span>
                            </li>
                            <li>
                                <strong>Vocal Range</strong>
                                <span>If you&#39;re looking to expand your voice range or become more comfortable singing in a specific part of it.</span>
                            </li>
                            <li>
                                <strong>Rhythm</strong>
                                <span>If you aim to improve your ability to hit the notes on tempo.</span>
                            </li>
                            <li>
                                <strong>Tracking Progress</strong>
                                <span>For all of the above, we offer a dashboard where you can monitor how much you practice and observe how your range and pitch accuracy evolve.</span>
                            </li>
                            <li>
                                <strong>Singing Theory Basics</strong>
                                <span>If you want to understand the basic concepts behind singing, like how breathing is connected to singing or which postures to choose, without delving deep into the intricacies of music theory.</span>
                            </li>
                            <li>
                                <strong>Audition &amp; Karaoke</strong>
                                <span>If you&#39;re looking to find songs that suit your particular voice.</span>
                            </li>
                        </ul>
                    </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class=" h5" data-toggle="collapse" href="#div-beginners" aria-expanded="false" aria-controls="div-beginners">Are your singing lessons for beginners or advanced singers?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-beginners">
                            <p>Most of our successful customers are amateurs. Our tools are excellent for those who are starting out and aim to go from 0 to 1 in singing. They are also a great assistant for people engaged in recreational singing, such as participating in choirs, singing at karaoke, or performing in musical theater.</p>
                            <p>While we do have users who are professional singers, they primarily use our tools for teaching others or in scenarios where singing is a secondary occupation (e.g., professional guitarists singing along with their guitar, or professional actors performing occasional musical parts).</p>
                            <p><strong>Some of our typical customers:</strong></p>
                            <ul>
                                <li>Carlos, a guitarist who&#39;s expanding his skills into vocals to complement his performances.</li>
                                <li>Aisha, preparing for her big audition, working to refine her singing abilities.</li>
                                <li>Hiroshi, recently retired, who&#39;s discovering the joy of singing as a fulfilling new hobby.</li>
                                <li>Sarah, active in her church choir, seeking to enhance her vocal talents for her community.</li>
                                <li>Lei, an electronic music producer, recording his own vocals for innovative demo tracks.</li>
                                <li>Chloe, a high school student perfecting her singing for the school band&#39;s upcoming concerts.</li>
                                <li>Rachel, an office worker, who enjoys karaoke nights with her colleagues every Friday.</li>
                                <li>David, a songwriter, eager to perform and share his heartfelt songs with friends and family.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class=" h5" data-toggle="collapse" href="#div-different" aria-expanded="false" aria-controls="div-different">How is Singing Carrots&#39; training program different from other online singing courses?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-different">
                            <p class="h6 bg-beige text-danger p-3 text-center my-3">Every online singing course promises to make you a great singer.</p>
                            <p>But will they tell you how long it will take for you to achieve your goals? How much practice will be required? Will they provide actionable feedback along the way? Will they help you objectively track your progress as you learn?</p>
                            <p>Will they even be able to tell you <strong>what your current level is and how you can set a realistic goal</strong>?</p>
                            <p>Our founder, Serge, is an engineer, who wanted to learn singing and was <strong>not satisfied with the vague answers</strong> like It depends" and "Everyone is different". He also didn't buy into catchy  "knowing that mastering any skill requires time and effort.magic-pill promises such as "Become a Great Singer in 30 Days</p>
                            <p>So, with his 15 years of experience working in Big Tech IT companies, he brought together a team of talented voice trainers, data scientists, and user experience experts. Together, we started building a place where you can <strong>practice your singing and have fun, but in a smart way that leads to tangible results.</strong></p>
                            <p>After years of experiments and learning from trial and error, we created Singing Carrots. Here, <strong>practicing for 20 minutes a day for 5 weeks gives you a 95% chance to expand your range by 2 notes.</strong></p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class=" h5" data-toggle="collapse" href="#div-testimonial" aria-expanded="false" aria-controls="div-testimonial">Does voice training really work? Do you have success stories from your users?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-testimonial">
                            <p>Yes, we do! And they're not just random, hand-picked testimonials. We do our best to track <strong>each and every</strong> voice we help improve.</p>
                            <p>Our mission is to <strong>Unleash 1 Million Voices</strong>, and we even have a publicly available live tracker <a href=/mission#tracker">here</a>. These are real people who completed our programs and achieved measurable results tracked directly by our system.</p>
                            <p>Of course, you can always Google Singing Carrots reviews&quot; to see what others are saying about us.&quot;</p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class="h5" data-toggle="collapse" href="#div-vs-coach" aria-expanded="false" aria-controls="div-vs-coach">Is Singing Carrots better than taking lessons with a vocal coach?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-vs-coach">
                            <p class="bg-beige p-3">That&#39;s not exactly the right comparison—and here&#39;s why:</p>
                            <p>Imagine you decided to get fit. Would you ask if it&#39;s better to get a personal trainer or to go to the gym? That&#39;s absurd, right? A trainer can definitely boost your results, but going to the gym regularly—showing up and actually doing your exercises—is the essential part!</p>
                            <p>Singing is exactly like working out. You&#39;re learning to control and strengthen your muscles through regular practice. Singing Carrots is your vocal gym—your space to exercise consistently and see real progress.</p>
                            <p>Can you practice without a personal trainer at the gym? Absolutely. Can you practice singing without a vocal coach on Singing Carrots? Definitely. Will a great teacher supercharge your vocal progress? Yes, they can.</p>
                            <p>But here&#39;s the key: Can you just go to a singing lesson once every one or two weeks without practicing regularly and still improve? Definitely not.</p>
                            <p>That&#39;s where Singing Carrots comes in. We provide the space, guidance, real-time feedback, and motivation you need to keep practicing consistently—so you keep seeing results, week after week.</p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class=" h5" data-toggle="collapse" href="#div-can" aria-expanded="false" aria-controls="div-can">Can a &#39;bad singer&#39; become good? Can someone learn to sing or is it natural?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-can">
                            <p class="bg-beige p-3">If there's just <strong>one thing</strong> you should remember from exploring this website, it's that <strong>you can sing</strong>.</p>
                            <p>Extensive <strong>scientific research</strong> shows clearly that, unless you have a rare medical issue, you can improve your singing skills significantly.</p>
                            <ul>
                                <li>You don't have to take our word for it—read what <a href=https://www.psu.edu/news/research/story/probing-question-can-anyone-be-taught-how-sing/" target="_blank">experts with PhDs have to say</a>."</li>
                                <li>Check out <a href=https://pubmed.ncbi.nlm.nih.gov/28224991/" target="_blank">this study</a> that demonstrates just how rare the condition "amusia" really is."</li>
                                <li>We've also published an <a href=https://singingcarrots.com/blog/why-people-sing-out-of-pitch/">in-depth article</a> explaining exactly why you might currently find it challenging to sing on pitch."</li>
                            </ul>
                            <p>The famous <a href=https://en.wikipedia.org/wiki/Practice_(learning_method)#:~:text=Malcolm%20Gladwell%20developed%20the%20highlybecome%20an%20expert%20at%20it." target="_blank">10000-hour rule</a> is just as valid for singing as it is for other skills.</p>
                            <p>Simply dedicate the time, and you'll inevitably improve your singing. It's really that straightforward—and we're here to support you every step of the way :).</p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class="h5" data-toggle="collapse" href="#div-practice-time" aria-expanded="false" aria-controls="div-practice-time">How much time do I need to practice to see real progress? How often should I practice?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-practice-time">
                            <p class="bg-beige p-3">🕒 <strong>Want a personalized answer?</strong> Take our <a id=link-q0-howlong" href="#">1-minute survey</a> and we'll estimate how long it will take <em>you</em> to see noticeable vocal improvement—based on your current level, goals, and practice habits</p>
                            <p>In general, we've found that <strong>just 20 minutes a day</strong>, <strong>2–3 times per week</strong>, is enough to start hearing real changes.</p>
                            <p>You'll have a <strong>dashboard tracking your voice changes</strong>, so you can see your progress unfold with your own eyes and ears.</p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class="h5" data-toggle="collapse" href="#div-no-theory" aria-expanded="false" aria-controls="div-no-theory">What if I have no musical background or can&#39;t read sheet music?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-no-theory">
                            <p class="bg-beige p-3">No problem at all.</p>
                            <p>You <strong>don't need to read music</strong> or know theory to start using Singing Carrots. Our lessons, pitch games, and tools are designed with complete beginners in mind.</p>
                            <p>We use visual feedback and simple explanations so you can focus on singing and hearing results—not on reading notes or decoding complex terms.</p>
                            <p>If you're curious, you <em>can</em> learn the basics of singing theory inside our platform—but it's totally optional.</p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class="h5" data-toggle="collapse" href="#div-too-late" aria-expanded="false" aria-controls="div-too-late">Is it too late to train my voice?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-too-late">
                            <p class="bg-beige p-3">Absolutely not! We have many users in their 60s and 70s just beginning their singing journey—and seeing results.</p>
                            <p>Absolutely brings value… It&#39;s my favorite thing to do. I&#39;m a little addicted to it!&quot; 🎶&quot;</p>
                            <p>Meet <strong>Mark</strong>—a musician and lifelong learner who discovered Singing Carrots while looking for ways to improve his singing. Now, he's hooked! 🎤</p>
                            <ul>
                                <li>The courses are great - they lead you step by step.</li>
                                <li>The pitch training is fun AND competitive!&quot;&quot;</li>
                                <li>My voice teacher was actually surprised—I sounded better!&quot;&quot;</li>
                            </ul>
                            <p>
                                <span>Hear why Mark thinks Singing Carrots is a must-have for anyone serious about singing. Check out his video:</span><br>
                                <a href="https://youtu.be/Jz-59-m7YJU?si=XifltboX2O1320ZN" target="_blank">Watch Mark&#39;s testimonial</a>
                            </p>
                            <p>Just like Mark, you might be amazed by how a few focused minutes a day can transform your voice at <strong>any age</strong>.</p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class="h5" data-toggle="collapse" href="#div-genres" aria-expanded="false" aria-controls="div-genres">What kind of singing styles or genres can I train for?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-genres">
                            <p class="bg-beige p-3">All of them.</p>
                            <p>Our platform is <strong>genre-agnostic</strong>. Whether you dream of singing pop, rock, musical theater, jazz, classical, or indie ballads—you'll build the foundational skills you need for any style.</p>
                            <p>Our song search tool helps you filter songs by <strong>genre and difficulty</strong> and our courses cover essential topics applicable across all musical genres.</p>
                        </div>
                    </div>
                    <div class="mx-0 my-0 pt-3 pb-0 border-bottom">
                        <p>
                            <span class="h5">+ </span>
                            <a class="h5" data-toggle="collapse" href="#div-equipment" aria-expanded="false" aria-controls="div-equipment">Do I need any special equipment to start?</a>
                        </p>
                        <div class="p-3 collapse bg-light" id="div-equipment">
                            <p class="bg-beige p-3">All you need is a <strong>microphone</strong> (even your built-in laptop mic will work) and a quiet space.</p>
                            <p>The rest is on us. We analyze your pitch in real-time and provide visual feedback, so you&#39;ll know instantly whether you&#39;re singing on target or need to adjust.</p>
                            <p>For best results, we recommend using <strong>headphones</strong>, but even that's optional for half of the practice. No fancy studio gear needed. Just your voice and the desire to grow.</p>
                        </div>
                    </div>



                    <p class="page-section-buttons mt-5">
                        <a class="landing-link btn btn-primary text-white mb-3" id="link-q0-faq">Start Building Your New Voice Today</a>
                    </p>
                </div>
            </div>
        </section><!-- end of .page-secion -->

        <script type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "FAQPage",
                "mainEntity": [
                    {
                        "@type": "Question",
                        "name": "Who is this voice training for?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Singing Carrots is ideal for helping with:"
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "Are your singing lessons for beginners or advanced singers?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Most of our successful customers are amateurs. Our tools are perfect for beginners who are starting from zero, as well as for recreational singers (choir members, karaoke enthusiasts, musical theater performers). Although some professionals use our platform\u2014mainly for teaching or as a supplementary tool\u2014our typical customers include guitarists expanding into vocals, audition-prep singers, retirees discovering singing, and more."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "How is Singing Carrots' training program different from other online singing courses?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Unlike many courses that promise quick fixes, we focus on realistic progress. Our founder, Serge, combined expertise from voice trainers, data scientists, and UX experts to create a program where practicing for 20 minutes a day over 5 weeks can expand your range by 2 notes. We offer actionable feedback and track your progress to deliver tangible results."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "Does voice training really work? Do you have success stories from your users?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Yes, we do! We track every voice we help improve and our live tracker showcases real, measurable results. Our testimonials are based on actual user experiences\u2014not hand-picked stories\u2014and you can also search for 'Singing Carrots reviews' to see what others are saying."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "Is Singing Carrots better than taking lessons with a vocal coach?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Singing Carrots isn't about replacing a vocal coach"
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "Can a 'bad singer' become good? Can someone learn to sing or is it natural?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Absolutely. Scientific research shows that unless you have a rare condition, you can significantly improve your singing skills with practice. The 10,000-hour rule applies here too\u2014dedicated practice will lead to improvement, and we're here to support you every step of the way."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "How much time do I need to practice to see real progress? How often should I practice?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "In general, practicing just 20 minutes a day, 2\u20133 times per week, is enough to start hearing noticeable changes. For a personalized estimate, take our 1-minute survey to see how long it might take based on your current level, goals, and practice habits."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "What if I have no musical background or can't read sheet music?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "No problem at all. You don't need to read music or know theory to start using Singing Carrots. Our lessons, pitch games, and tools are designed for complete beginners with visual feedback and simple explanations so you can focus on singing and hearing results."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "Is it too late to train my voice?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Absolutely not! We have many users in their 60s and 70s just beginning their singing journey\u2014and seeing results."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "What kind of singing styles or genres can I train for?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "Our platform is <strong>genre-agnostic<\/strong>. Whether you dream of singing pop, rock, musical theater, jazz, classical, or indie ballads\u2014you'll build the foundational skills you need for any style."
                        }
                    },
                    {
                        "@type": "Question",
                        "name": "Do I need any special equipment to start?",
                        "acceptedAnswer": {
                            "@type": "Answer",
                            "text": "The rest is on us. We analyze your pitch in real-time and provide visual feedback, so you'll know instantly whether you're singing on target or need to adjust."
                        }
                    }
                ]
            }
        </script>



        



    </main>
</div>

<div class="modal fade" id="div-coupon-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="stats-modal-lable">10%-OFF coupon</h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="h1 text-center p-4">
                    Promo code: <strong>LETSSING</strong>
                </div>
                <div>
                    <p class="text-center">
                        Use this code at checkout to get a 10% discount on any of our products.
                    </p>
                    <p class="p-3">
                        <a class="btn btn-lg btn-block btn-carrot" href="/login?referrer=/pro">Log In to See The Prices</a>
                    </p>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<div>
<!--        deactivated-->
<!--        <th:block th:unless="${hideShare}">-->
<!--            <blockquote id="quote-footer-share" class="blockquote text-center mt-4 ml-3 mr-3">-->
<!--                <footer class="blockquote-footer"> Share the word. </footer>-->
<!--            </blockquote>-->
<!--            <th:block th:unless="${hideFeedbackBtn}">-->
<!--                <div th:if="${isUserAuthenticated}" class="mx-0 my-4">-->
<!--                    <p class="text-center h5 mb-3"> Do you enjoy our tools?</p>-->
<!--                    <p class="text-center"><a href="/help-carrots" target="_blank" class="btn btn-primary btn-lg mx-auto"> Help us improve! </a></p>-->
<!--                </div>-->
<!--            </th:block>-->
<!--        </th:block>-->
        <footer class="page-footer">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12 page-footer-title">
                        <strong>SINGING CARROTS LIMITED<br/>
                        <small>Company Number:&nbsp;16223851 | VAT Number:&nbsp;498788883</small>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <ul class="page-footer-links page-footer-links--primary">
                            <li>
                                <a href="/about">
                                    About
                                </a>
                            </li>
                            <li>
                                <a href="/ambassador">
                                    Carrots for Teachers
                                </a>
                            </li>
                            <li>
                                <a href="/schools">
                                    Carrots for Schools
                                </a>
                            </li>
                            <li>
                                <a href="/teachers">
                                    Find a Teacher
                                </a>
                            </li>
                            <li>
                                <a href="https://www.youtube.com/channel/UCVKzgF-DQ7tXa0SgnClBtyA" target="_blank">
                                    Carrots on YouTube
                                </a>
                            </li>
                            <li>
                                <a href="/contact">
                                    Contact us
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <ul class="page-footer-links">
                            <li>
                                <a href="/terms" target="_blank">
                                    Terms of use
                                </a>
                            </li>
                            <li>
                                <a href="/privacy-policy" target="_blank">
                                    Privacy policy
                                </a>
                            </li>
                            <li>
                                <a href="/disclaimer" target="_blank">
                                    Disclaimer
                                </a>
                            </li>
                            <li>
                                <a href="/affiliate" >
                                    Affiliate program
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <ul class="page-footer-links">
                            <li class="page-footer-links--header">Find Singing Teachers</li>
                            <li>
                                <a href="/singing-teachers/london/united-kingdom">
                                    London
                                </a>
                            </li>
                            <li>
                                <a href="/singing-teachers/new-york/united-states">
                                    New York
                                </a>
                            </li>
                            <li>
                                <a href="/singing-teachers/los-angeles/united-states">
                                    Los Angeles
                                </a>
                            </li>
                            <li>
                                <a href="/singing-teachers/toronto/canada">
                                    Toronto
                                </a>
                            </li>
                            <li>
                                <a href="/singing-teachers/sydney/australia">
                                    Sydney
                                </a>
                            </li>
                            <li>
                                <a href="/teachers/locations">
                                    <strong>All Locations →</strong>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!--    AdThrive Ads-->
            <script>
                !function(){"use strict";!function(e){if(-1===e.cookie.indexOf("__adblocker")){e.cookie="__adblocker=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";var t=new XMLHttpRequest;t.open("GET","https://www.npttech.com/advertising.js",!0),t.onreadystatechange=function(){if(XMLHttpRequest.DONE===t.readyState)if(200===t.status){var n=e.createElement("script");n.innerHTML=t.responseText,e.getElementsByTagName("head")[0].appendChild(n)}else{var a=new Date;a.setTime(a.getTime()+3e5),e.cookie="__adblocker=true; expires="+a.toUTCString()+"; path=/"}},t.send()}}(document)}();
            </script>
            <script>
                !function(){"use strict";var e;e=document,function(){var t,n;function r(){var t=e.createElement("script");t.src="https://cafemedia-com.videoplayerhub.com/galleryplayer.js",e.head.appendChild(t)}function a(){var t=e.cookie.match("(^|[^;]+)\\s*__adblocker\\s*=\\s*([^;]+)");return t&&t.pop()}function c(){clearInterval(n)}return{init:function(){var e;"true"===(t=a())?r():(e=0,n=setInterval((function(){100!==e&&"false"!==t||c(),"true"===t&&(r(),c()),t=a(),e++}),50))}}}().init()}();
            </script>
        </footer>

        <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
        <script src="https://www.gstatic.com/firebasejs/8.2.6/firebase-app.js"></script>
        <script src="https://www.gstatic.com/firebasejs/8.2.6/firebase-auth.js"></script>
        <script>
              // Web app's Firebase configuration
              var firebaseConfig = {
                    apiKey: "AIzaSyCq6H1QRRkFk9zF2bcS15b7EOF6agUQHQk",
                    authDomain: "singing-carrots.firebaseapp.com",
                    projectId: "singing-carrots",
                    storageBucket: "singing-carrots.appspot.com",
                    messagingSenderId: "1058369278074",
                    appId: "1:1058369278074:web:377802cbe50652d2cd2bc3"
              };

              // Initialize Firebase
              firebase.initializeApp(firebaseConfig);

       </script>
        

        <!-- Black Friday Modals - All three included, JavaScript will show the correct one -->
        
        
        

        <!-- Black Friday Email Modal - Only if promo is active -->
        
    </div>

</body>
</html>
